[work-13im] Studio: the UX batch — contrast targets, app filter, starter cards, plain hints #73

Merged

eden merged 1 commit from work-13im-studio-ux-improvements-batch-ux-1-ux-10 into main

2026-10-17 18:54:48 +00:00

eden commented

2026-10-12 09:48:59 +00:00

Owner

Implements the ten proposals of Mossfire/Design/Studio UX Findings.md (all decisions resolved 2026-10-12 by Daniel). Bead: work-13im.

What landed

UX-2 contrast rows state their target in plain numbers — 15.5:1 above needs 4.5 — failures sort first, and each row is a button that opens the picker on the slot it measures.
UX-3 a filter above the Files app list, mirroring the preset filter; Enter selects the first match.
UX-4 aria-keyshortcuts 1–5 on the chamber buttons, plus a plain keys 1–5 hint in the scene bar (aria-hidden visual; the buttons' titles stay the text channel).
UX-5 picker suggestion chips show their hex under the label.
UX-6 the wand strip's two nearest near cards are marked as starters (Start here — close to your colors); the card generators are untouched.
UX-7 one plain first-run hint, shown once — the flag rides the saved ui object, nothing else.
UX-8 bad hex input sets aria-invalid and a plain example title, in the palette rows and the picker field alike.
UX-9 the code chamber's ‹ › arrows name the language they lead to (Go to report.pl).

Already present at the base revision — verified in a browser, no bytes changed for these:

UX-1 / UX-10: app.css already carries a @media (max-width: 900px) block that stacks the sidebar over the preview, scrolls the body and wraps the topbar. Measured at 1280/1100/1000/950/920/880/800/700/520 px — no horizontal overflow, layout stacks below the breakpoint. The findings note's read of app.css missed that block.

Constraints respected: no exported-artifact changes (identity and the artifact tests untouched), no renames, corpus untouched, code chamber stays density 0, no network requests added. studio/data regenerated: byte-identical.

Tests: full studio suite green — 33 node tests + build_data.test.py.

Implements the ten proposals of `Mossfire/Design/Studio UX Findings.md` (all decisions resolved 2026-10-12 by Daniel). Bead: `work-13im`. **What landed** - **UX-2** contrast rows state their target in plain numbers — `15.5:1` above `needs 4.5` — failures sort first, and each row is a button that opens the picker on the slot it measures. - **UX-3** a filter above the Files app list, mirroring the preset filter; Enter selects the first match. - **UX-4** `aria-keyshortcuts` 1–5 on the chamber buttons, plus a plain `keys 1–5` hint in the scene bar (aria-hidden visual; the buttons' titles stay the text channel). - **UX-5** picker suggestion chips show their hex under the label. - **UX-6** the wand strip's two nearest near cards are marked as starters (`Start here — close to your colors`); the card generators are untouched. - **UX-7** one plain first-run hint, shown once — the flag rides the saved `ui` object, nothing else. - **UX-8** bad hex input sets `aria-invalid` and a plain example title, in the palette rows and the picker field alike. - **UX-9** the code chamber's ‹ › arrows name the language they lead to (`Go to report.pl`). **Already present at the base revision** — verified in a browser, no bytes changed for these: - **UX-1 / UX-10**: `app.css` already carries a `@media (max-width: 900px)` block that stacks the sidebar over the preview, scrolls the body and wraps the topbar. Measured at 1280/1100/1000/950/920/880/800/700/520 px — no horizontal overflow, layout stacks below the breakpoint. The findings note's read of `app.css` missed that block. **Constraints respected**: no exported-artifact changes (`identity` and the artifact tests untouched), no renames, corpus untouched, code chamber stays density 0, no network requests added. `studio/data` regenerated: byte-identical. **Tests**: full studio suite green — 33 node tests + `build_data.test.py`.

eden added 1 commit

2026-10-12 09:48:59 +00:00

[work-13im] studio: UX batch — contrast targets, app filter, starter cards, plain hints

Mossfire web app / test (pull_request) Successful in 42s

Details

Mossfire web app / publish (tema.uhyre.dk, global) (pull_request) Has been skipped

Details

Mossfire web app / publish (theme.home.dpis.dk, home) (pull_request) Has been skipped

Details

cdb89f401e

From Mossfire/Design/Studio UX Findings.md (all decisions resolved 2026-10-12):

- UX-2 contrast rows state their target in plain numbers ("15.5:1" above
  "needs 4.5"), failures sort first, and each row is a button that opens the
  picker on the slot it measures.
- UX-3 a filter above the Files app list, mirroring the preset filter.
- UX-4 aria-keyshortcuts 1-5 on the chamber buttons, and a plain "keys 1–5"
  hint in the scene bar (aria-hidden; the titles stay the text channel).
- UX-5 suggestion chips in the picker show their hex under the label.
- UX-6 the wand strip's two nearest near cards are marked as starters
  ("Start here — close to your colors"); the generators are untouched.
- UX-7 one plain first-run hint, shown once; the flag rides the saved ui
  object (localStorage) and is never shown again.
- UX-8 bad hex input in the palette rows and the picker field sets
  aria-invalid plus a plain example title, alongside the existing .bad class.
- UX-9 the code chamber's ‹ › arrows name the language they lead to.

Also: UX-1 and UX-10 (stack under 900px, topbar wrap) were verified already
present at the base revision — no byte changed for them.

Tests: full studio suite (33 node + build_data.test.py) green; studio/data
regenerated and unchanged.

eden merged commit 700087b794 into main

2026-10-17 18:54:48 +00:00

eden deleted branch work-13im-studio-ux-improvements-batch-ux-1-ux-10

2026-10-17 18:54:48 +00:00

eden referenced this pull request from a commit

2026-10-17 18:54:49 +00:00

[work-13im] Studio: the UX batch — contrast targets, app filter, starter cards, plain hints (#73)