Skip to content

Add tool response componentΒ #658

@rebeccaalpert

Description

@rebeccaalpert

See https://www.figma.com/design/MSr6kVEOuAxmPOkjg7x8PO/PatternFly-6--Patterns---Extensions?node-id=9877-68333&m=dev

We want to add support for this in Message, similar to how we handle the Sources card. We also want to add demo under Bot Message in the Messages tab and add tests.

What we want to provide is the card with the expandable section with title, "thinking" subheading (optional), and then a body with a tool card. Spread props down to any components we control.

The tool card is custom and:

  • We want the tabular data container in the tool card to be very flexible - allow consumers to add their own React nodes and compose them on the fly - rather than expecting data in any specific format.
  • Copy button and tool icon should be optional.
  • The response section is using truncation with a link button to show more.
  • Border is pf-t--global--border--color--control--read-only
  • The container itself that holds the drop down link button is using the expandable section indent component: https://www.patternfly.org/components/expandable-section#indented-expandable-content

Metadata

Metadata

Assignees

Labels

PF6Applies to only the PF6 version

Projects

Status

Done

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions