Chat: user bubble with chips and attachments
Scrolled to the top: image and file attachments, @ file, $ skill and / command chips.
host_toasts_fixture.luau. Numbers in the list are pinned on the picture; dashed lines are guides.Variants
- 1medium
User bubble's attachments float above it with no tie to the bubble
The picture (ci-log.png) is a 120×84 thumbnail and build.log a 128×56 card, top-aligned above the bubble: their bottoms are 28 pt apart and their corner radii differ, so the pair reads as two unrelated objects.
Fix: One attachment height (56, cropping the picture) and one radius, bottom-aligned to the bubble.
ds/reply_picture.luau · ds/composer_cargo.luau (sent tray) · screens/chat - 2medium
Chips inside the bubble use three different glyph styles
'AGENTS.md' has a file glyph, 'frontend-design' a skill glyph, '/review' a ⌘ glyph, each a different weight; the chips are 24 pt tall inside 24 pt lines, so wrapped lines touch.
Fix: One chip style: 14 pt glyph, same weight, baseline-aligned to the sentence.
ds/mention_tokens.luau · ds/markdown.luau - 3low
'Thought process' collapses to a bare caption
The settled thought row is a 12 pt grey label at x=351 with no glyph — the same look as a plain caption — so it isn't obviously expandable.
Fix: Add the disclosure chevron the tool groups use.
ds/inline_block.luau - 4low
Hit target under 24 pt (measured)
Hit target 'Dismiss' is 22×22 pt (under 24×24).
Fix: Make it a 24 pt (or larger) icon button; the glyph can stay small.
ds/icon_button.luau - 5low
Hit target under 24 pt (measured)
Hit target 'Fit content' is 22×22 pt (under 24×24).
Fix: Make it a 24 pt (or larger) icon button; the glyph can stay small.
ds/icon_button.luau