fix(ChatMessages,Checkbox,RadioGroup): allow a per-side colour, wrap option rows

[IgorShevchik]

Ports bbf1e149 and 90c45a66 — a contiguous pair taken in one PR per §6 4b. Cursor moves to 90c45a66; two upstream commits remain in the queue (c4ee0ea3 Link prefetch, fbb9e220 ProseCodeTree) and get their own PR.

bbf1e149 — a colour that could not be set for a whole side

ChatMessages lets a caller set defaults for every user or assistant message through two Pick<>s of ChatMessage's own props. color was missing from both, so it could be set per message and not per side — an omission rather than a decision, the neighbouring variant and side being there.

Two lines, applying verbatim with the standing ui → b24ui rename inside the picked key list.

Checked rather than assumed that the key exists to pick. ChatMessage.vue:34 declares color?: ChatMessage['variants']['color']. A Pick<> of a key the source type lacks is a type error and would not have survived typecheck — but the reason for looking is that it could have been a prop this fork dropped, and then the right answer would have been a no-op rather than a port.

No render change, no snapshots: this widens a type, and nothing in the suite passes color through user or assistant.

90c45a66 — rows that overflowed instead of wrapping

fieldset lays the options out with flex, so in the horizontal orientation a row simply overflowed its container and options past the edge were unreachable. One class on each of two variants.

table is excluded on both sides: its rows are seamed together with -space-x-px / -space-y-px, where wrapping would break the seam rather than fix an overflow.

One shape difference from upstream — its card was {} and gains a single key; ours already carries item styling, so fieldset: 'flex-wrap' goes in as the first entry alongside it.

This one is worth more here than upstream, and checkably so

Our fieldset already declares a vertical gap at every size — gap-x-[12px] gap-y-[4px] at the smallest through gap-x-[16px] gap-y-2 at the largest, in both files.

A gap-y on a non-wrapping single-line flex row is inert: it can only take effect once the row wraps. So the theme was already written for wrapped rows, and the one property that produces them was missing.

Snapshots

126 lines across four files. Checked rather than accepted — matching each -/+ pair and extracting the differing substring gives:

insertions	126, all of them the flex-wrap token
deletions	0
attribute names before vs after	identical

That last check is the one a per-line diff cannot do: a class dropped from every element at once reads as ordinary churn otherwise.

Ours moves 126 lines against upstream's 148, this fork having fewer size variants covered by the list/card cases.

Verification

lint · typecheck · build (3.86 MB) · test — 342 files, 7842 passed, 6 skipped · test:module.

🤖 Generated with Claude Code

https://claude.ai/code/session_01JS8ypVfQSFzYVZzkTHhURb

---

Generated by Claude Code