Conversation Component: New Features#
This page tests the latest component upgrades.
Optional Collapsing#
Only messages with the collapsible attribute will have the collapse button.
This is a standard message without the collapse feature.
This is an AI response with the collapse feature enabled. You should see a +/- button on the timeline. The card design for AI messages is also different now, with a subtle glow to make it stand out.
This is an AI response with the collapse feature enabled. You should see a +/- button on the timeline. The card design for AI messages is also different now, with a subtle glow to make it stand out.
This is an AI response with the collapse feature enabled. You should see a +/- button on the timeline. The card design for AI messages is also different now, with a subtle glow to make it stand out.
This is an AI response with the collapse feature enabled. You should see a +/- button on the timeline. The card design for AI messages is also different now, with a subtle glow to make it stand out.
This is an AI response with the collapse feature enabled. You should see a +/- button on the timeline. The card design for AI messages is also different now, with a subtle glow to make it stand out.
This is an AI response with the collapse feature enabled. You should see a +/- button on the timeline. The card design for AI messages is also different now, with a subtle glow to make it stand out.
This is an AI response with the collapse feature enabled. You should see a +/- button on the timeline. The card design for AI messages is also different now, with a subtle glow to make it stand out.
This is a much longer human message with the collapse feature enabled. When you click the collapse button, the card should shrink to show only the first line of text, and the layout of the item below should not break. The numbering and emoji are now separated on the timeline for clarity.
This is a final message to check the layout and spacing after a collapsible message.
