Polish Chopin chat and Decisions UI #268
- MA
## Why
Several small details in Chat and Decisions made the interface harder to read. This groups nine UI cleanup requests from the live review: CHOPIN-001, 002, 003, 004, 007, 009, 010, 012, and 013.
## What changed
- Agent names and direct chat attributions now say **Chopin**. The stop button's tooltip and accessible name say **Stop Chopin**. - Chat timestamps use a new 11.3–11.5 px metadata size from the existing type scale. Their darker color keeps them legible at that size; queued status stays at its original size. - The stop button uses the supplied filled rounded-square icon. System notice icons and text are vertically centered. - An empty Decisions tab now has a centered icon, title, and clear explanation of where future questions and answers will appear. It waits until the document has loaded before saying there are no decisions, stays scrollable in a short pane, and offers Try again if opening the document fails. - When decisions are present, the first card now starts 24 px below the tab bar instead of 48 px. The narrow-pane rule changes only side gutters, so the top gap stays 24 px across widths. The centered empty view keeps its own spacing. - The unanswered count beside Decisions is now a soft gray rounded square with a smaller numeral. It keeps the same 20 px footprint and the tab still announces the count to screen readers. - A resolved decision popover now puts the answerer and time on one line, separated by 24 px. Long names wrap safely in narrower popovers.
## Visuals
Real chat transcript with the smaller timestamps and Chopin attribution:

The filled stop icon used by the chat composer:

The empty Decisions tab at desktop and phone widths:


Populated Decisions at the reported 945×850 viewport. The small marker shows the new 24 px gap:

The same active Decisions tab before and after the quieter count:

The resolved decision popover before and after; the author and time now share one row:

## Verification
- `bun test`: 3,623 passed, 3 PostgreSQL-only tests skipped. - `bun run ci`, `bun run types`, and `bun run build` passed for the grouped changes. - Focused chat browser flows: 4 passed. Browser behavior checks: 14 passed. - Changed chat and typography visual/accessibility checks: 4 passed at wide and narrow widths. The full design snapshot suite has unrelated font-raster differences on this machine; the same unchanged menu snapshot fails on a main-based checkout. - Empty Decisions behavior passed 19 focused unit tests and five Chromium checks spanning desktop, phone, short panes, document reset, failed load and retry, read-only access, and screen-reader status. - The populated Decisions browser check measured a 24 px top gap at 945×850; the short-pane empty-state browser check still passed. Types, formatting/lint checks, and a production build passed after this change. - Independent agents reviewed the final grouped diff and re-reviewed the Decisions loading, reset, and accessibility fixes with no remaining finding. - A separate agent reviewed the spacing change, including responsive gutters and scroll/focus behavior, with no finding. All three GitHub CI jobs, including the full browser suite, passed on commit `b3c9d402`. - The quieter count passed 10 focused unit tests, a real Chromium sidecar check at 945×850 (measured 20×20 px), type checks, build, and local CI. An independent reviewer found no remaining issue after the test assertion was refined. All three GitHub CI jobs, including the full browser suite, passed on commit `c2d5e173`. - The popover metadata passed a focused Chromium geometry check: 24 px gap and same-line alignment at 945×850, and no overflow with a long name at 390×620. Type checks, build, local CI, and independent review pass. All three GitHub CI jobs, including the full browser suite, passed on commit `d1b44c8d`.
MaggieAppletonrenamed Polish Chopin chat labels and controls to Polish Chopin chat and Decisions UIlast month on GitHub
MaggieAppletonreferenced this in Rest the chat composer at two lines and grow with content #278last month on GitHub
MaggieAppletonreferenced this in Make UI copy consistent #283last month on GitHub
MaggieAppletonreferenced this in Show a Planner question as waiting on a decision in chat #285last month on GitHub
MaggieAppletonreferenced this in Make archived documents read plainly as archived #280last month on GitHub
MaggieAppletonreferenced this in Show Chopin's work as live stages with inspectable tools #296last month on GitHub
lavaman131referenced 49292ec7ff18last month on GitHub
- MA
@copilot change the gap between the author and time on the resolved decision popover to be 16px
Copilotmentionedlast month on GitHub
Copilotsubscribedlast month on GitHub
MaggieAppletoncopilot-work-startedlast month on GitHub
- MA
@copilot Change the gap between the decisions label and the quieter count to be smaller. looks like it's around 10-12px. make it 4-6px.
Copilotmentionedlast month on GitHub
Copilotsubscribedlast month on GitHub
> @copilot change the gap between the author and time on the resolved decision popover to be 16px >
Updated the author/time gap to 16px and adjusted the browser assertion. Commit: `7530c2d`.
Copilotmentionedlast month on GitHub
Copilotsubscribedlast month on GitHub
MaggieAppletoncopilot-work-finishedlast month on GitHub
MaggieAppletoncopilot-work-startedlast month on GitHub
> @copilot Change the gap between the decisions label and the quieter count to be smaller. looks like it's around 10-12px. make it 4-6px.
Reduced the Decisions/count gap to 4px and added a focused assertion. Commit: `6fa7b88`.
Copilotmentionedlast month on GitHub
Copilotsubscribedlast month on GitHub
MaggieAppletoncopilot-work-finishedlast month on GitHub
MaggieAppletonmerged e4ef6672a5c1last month on GitHub
MaggieAppletonhead-ref-deletedlast month on GitHub