New chat page
The main window on a new chat: sidebar by project, composer centred.
host_toasts_fixture.luau. Numbers in the list are pinned on the picture; dashed lines are guides.
- 1high
Composer box and toolbar sit on two different insets
The composer's buttons are inset 12 pt from its edge (Attach at x=375, Send ends at 1011 inside 363–1023), but the toolbar under it is inset 10 pt (Access starts at 373, Model ends at 1013). Left edges step 2 pt, right edges step 2 pt, so neither the icons nor the text line up between the box and the row beneath it.
Fix: Give the toolbar the composer's inner inset (12 pt,
$space.3) so Access's icon sits under Attach's and Model ends where Send ends.screens/chat/composer.luau · ds/composer.luau (#composer-toolbar) - 2medium
Three icon sizes in one composer row
Attach and Dictate draw 18×18 glyphs, Send draws a 14×14 glyph, all in identical 28×28 buttons. The send arrow reads lighter and smaller than its neighbours.
Fix: One glyph size for the row (16 pt, the icon-button md glyph) and let Send differ only by its fill.
ds/composer.luau (send / attach / dictate buttons) - 3medium
Toolbar glyphs ride 1.5–3.5 pt below their labels' centre
Access: 12 pt lock at y=526 (centre 532) beside a 17 pt line at y=522 (centre 530.5), +1.5 pt. The place row's lead glyph is +3.5 pt off its 'MacBook Pro' line, and the 10 pt chevrons are a third size again.
Fix: Centre glyphs on the label's line box (items = center on the row), and use one glyph size (12 pt) for chevrons too.
ds/composer.luau (toolbar pills) · ds/icon.luau - 4medium
Sidebar row heights: 30, 24 and 22 pt side by side
New chat/Search and every session row are 30 pt, the Projects header is 24 pt, the Star banner's Dismiss is 22 pt and the view-options button 24 pt. The theme's control height is 32 pt and isn't used by any of them.
Fix: Pick one row height for the sidebar (28 or 32 via a token) and one icon-button size for its accessory buttons.
ds/sidebar.luau · ds/icon_button.luau - 5low
Account row drops its name in some states
In this capture the account row is a bare 20 pt avatar; in Settings, Offline and other captures of the same fixture it reads 'Local' at x=43. The row changes width and meaning while the engine restores.
Fix: Always show the label (a placeholder like 'Signing in…' while restoring) so the row keeps its shape.
ds/account_row.luau · ds/sidebar.luau - 6low
Star banner glyph is 12 pt where every nav glyph is 16 pt
The star at x=21 is 12×12 (centre 27) while New chat/Search glyphs are 16×16 at x=20 (centre 28): a 1 pt centre-line miss and a visibly smaller glyph in the same column.
Fix: Use the 16 pt glyph box the nav rows use.
ds/sidebar.luau (#star-banner) · ds/banner.luau - 7low
Glyph off its label's centre line (measured)
In 'Access' the icon's centre sits +1.5 pt off the label's centre (12 pt icon, 17 pt line).
Fix: Centre the row's items (items = center) on the label's line box.
ds/icon.luau · row layout - 8low
Glyph off its label's centre line (measured)
In 'Model' the icon's centre sits +1.5 pt off the label's centre (12 pt icon, 17 pt line).
Fix: Centre the row's items (items = center) on the label's line box.
ds/icon.luau · row layout