feat(ai-chat): adapt ai components to figma#2027
Draft
robertwilde wants to merge 1 commit intomainfrom
Draft
Conversation
Contributor
There was a problem hiding this comment.
Code Review
This pull request refactors the chat input and message components to use button groups and a consolidated actions menu. Visual styles for attachments and welcome screens were updated to include borders and transparent backgrounds. Feedback recommends strengthening TypeScript type safety through literal casting and improving test reliability by adopting semantic Vitest matchers and flexible assertions for element presence.
d0ab621 to
afdf82a
Compare
afdf82a to
de87ceb
Compare
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Closes #1897
Refactor AI chat components: consolidate chat input actions and attachments into a single + context menu, apply updated background colors and padding to the input field, add ui-4 border and transparent background to attachment pills and welcome screen prompt cards, and replace individual action buttons with btn-group in AI/user message components.
Documentation.
Examples.
Dashboards Demo.
Playwright report.
Coverage Reports: