Workspace: the reader's running head, and phone refinements

[cailmdaley]

The reader's top strip is now a one-line running head. Cail found the old strip grating, and asked for it to be calm and intentional. The PR also carries his phone feedback from trying round 1 (felt#8) live.

Claude Opus 5.5 on behalf of Cail.

The running head

The old strip was two floating paper plates of unequal height above a third paper surface, the page. Its 66 px thumbnails read as texture, labels clipped, and it cost 160 px before the page began.

before	after

The head is one line on the veil, on one serif baseline, with no plate, border or shadow. Left to right:

• the sidebar glyph;
• ‹ return;
• the fiber name;
• Temper / Discard while the fiber awaits review;
• the page index;
• the worker control;
• the page count.

The page now starts at y ≈ 70 instead of 160 at 1440×900.

• Index. Bare 14 px serif labels, a step below the name. The selected label is underlined in ink, the constitution's own page is §, and a fresh document has a gold dot. Labels prefer declared titles, which titleProbe.ts peeks from each document's first 64 KiB; the 300 most recently used are cached in localStorage and re-read when a file's mtime or receipt changes.

• Thumbnails on demand. Hovering a label shows a preview card (pointer only; it never takes focus):

  

• Worker control. It moved into the head, away from the fiber page's act zone. It is a dot in undiluted pigment (cobalt working, gold waiting) plus the state and elapsed time, and it opens the conversation; c still works. On the phone it is the dot alone, top right.

• Verdicts in the head are coloured verbs with no plate:

  

Composition tested and not taken: identity above, filmstrip below. It was calm, but at 44 px its thumbnails were the same illegible texture, and most were blank for audio and PDFs. Branch design/ws-strip-b:

Phone (Cail's notes)

before	after

• The worker pill moved from the page to the top bar's dot.
• The "21 pages · 2 reports · …" contents line is gone everywhere.
• The lede is 20 px on the phone (desktop stays 24).
• The ✕ rhumb lines behind the kicker are gone.
• The ⋯ joins the settings row.
• The bottom bar is two lines.
• Desk phone Temper/Discard: a 28 px plate drawn inside a 44 px button, with no change to card height.
• Meeting is off by default. It was verified in the browser: 0 getUserMedia calls on load, and nothing joins until Meeting is picked.

Audio page scrolled out of reach

The audio scroller centred its content with flexbox. Content taller than the screen overflowed above the top, and you could never scroll up to it (115 px on Music at 390×844). Now the scroller is a block, the waveform takes touch-action: pan-y, and the scroller feeds the reader's scroll handling (top-bar hide, position restore).

before	after

Review and gates

• Luna review (other family) found no security or sandbox regressions. Its three findings are fixed:
  • stale titles within a session (bdfaa357);
  • audio scroll not reaching the reader (58ace126);
  • unbounded probe sets.
• Unit tests: 1543/1543 under both time zones (--maxWorkers=2).
• Typecheck: clean.
• e2e: 92–93 pass. Under load, a different single test fails each full run and passes alone. "Phone page swipe steps…" recurs most.

Unverified: finger scrolling of the audio page on a real iPhone. The iOS Simulator shows the waveform's top in reach.

Theming: this breaks the theme surface. [data-part="chrome-plate"] is gone, replaced by head parts, and docs/concepts/themes.md is updated. The four bundled themes are updated.

🤖 Generated with Claude Code

https://claude.ai/code/session_01XTQ9CSGaUs1DbFHxME9BB3

[cailmdaley]

Retriggering CI