ui: round three — the tight band, one geometry everywhere

Owner round three on the user rows: (1) the band padding halves,
py-2.5 -> py-[5px] — subtle, not tall; same for the messages. (2) The
in-card thinking joins the band: identical styling and heights for
collapsed thinking in the chat and inside question cards (card-on-card
is quiet by design; revert if it reads too light). (3) The left gap
MATCHES the new 5px padding, so the rail fills the rest of the 3ch
inset - border-l-[calc(3ch-5px)] pl-[5px]: a thick muted rail, total
inset still 3ch (the chevron-alignment law survives). The banded prop
dies - one geometry, cards included.
This commit is contained in:
amosblomqvist
2026-10-08 18:32:21 +03:00
parent 3691e07118
commit 497b29804c
6 changed files with 39 additions and 51 deletions
+6 -5
View File
@@ -1399,13 +1399,14 @@ export function Chat({
Rendered WITHOUT the Message wrapper — that is the bubble. */
<div
data-testid="user-message"
/* THE DOCUMENT, ALL-IN (owner round two, 2026-10-07): no
chat side — the user message is a full-width card-color
BAND with the 6px rail, the same geometry as the thinking
rows (the band is the authorship mark against the agent's
/* THE DOCUMENT, ALL-IN (owner rounds two+three, 2026-10-07):
no chat side — the user message is a full-width card-color
BAND, the IDENTICAL geometry as the thinking rows: 5px band
padding, the left gap matches it, the rail fills the 3ch
inset (the band is the authorship mark against the agent's
transparent prose). The "You" label stays — one register
with the thinking labels. */
className="my-2 w-full border-l-[6px] border-muted-foreground/30 bg-card py-2.5 pl-[calc(3ch-6px)] pr-2 font-ui text-xs"
className="my-2 w-full border-l-[calc(3ch-5px)] border-muted-foreground/30 bg-card py-[5px] pl-[5px] pr-2 font-ui text-xs"
>
{/* The rail GROUPS (owner round 4, 2026-10-05): the YOU heading
sits INSIDE the rail, same mono-xs register and same 1ch