fix(chat): minimal tool-call styling + breathing room before downstream content#286
Merged
Conversation
…am content Tool calls are an advanced-user signal that competes with the actual rendered content (A2UI surfaces, markdown) inside assistant messages. Reduce their visual weight and add space below the group: - Dim and shrink the tool name (muted color, 13px, weight 400) - Replace saturated green/red status pill color with monochrome muted text regardless of status; trim pill font to 10px and icon to 10px - Add 2px left padding on the name so it breathes from the trace chevron - chat-tool-calls host now contributes 20px bottom margin so downstream content (e.g. rendered surface, markdown) gets clear separation; the inter-group spacing inside tightens to 4px since the host carries the breathing room
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
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
1 participant
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.
Summary
Tool calls are an advanced-user signal that was visually competing with the actual rendered content (A2UI surfaces, markdown) inside assistant messages. This PR makes them quieter and gives downstream content room to breathe.
chat-tool-callshost now contributes 20px bottom margin, giving the next sibling (A2UI surface, markdown, etc.) ~24px of clear space. Inter-group spacing inside tightens from 8px to 4px since the host carries the breathing roomTest plan
npx nx test chat— 615 tests pass (added a host-margin breathing-room assertion)npx nx build chatnpx nx lint chatnpm run generate-api-docs