A monochrome, keyboard-driven routing layer for Claude conversations. Linear-style: hairline borders, one electric accent, system fonts, calm density. Below: two P0 screens (Chat, Memory) rendered for iOS, tablet, desktop app, and responsive web, plus iOS surfaces and a voice-affordance study.
Decision card, email draft, voice note, live task channel. Voice-primary input.
Split: rail + thread. Pencil-aware capture targets.
Rail · thread · context panel. ⌘K palette. Keyboard-first.
Same product, fluid breakpoints. Browser chrome included.
Trees are awkward on a phone. Pinned shortcuts, recents, full-text grep.
Two-pane: tree on left, markdown on right. Backlinks bottom-sheet.
Tree · markdown editor · backlinks. Full keyboard shortcuts.
Adapts 3 → 2 → 1 pane as the viewport narrows.
Pre-filter candidates, ranker reasoning, executed flag, token cost. Filter by project / type / executed.
Filter facets condense into a top chip row. Stat strip across the top.
Container queries fold the filter rail and then the inspector. Slide-up sheet at narrow widths.
desk.frst.dev
Quiet brand story on the left, the same login card on the right. Session cookie + origin exposed in the bottom strip.
3-step strip across the top (enter email → check inbox → click link). Two states stacked to show the transition.
Sign in · check inbox · not-on-list · link expired · redeem invite. All rendered, all using the same card.
The Dynamic Island in three states + a queued offline variant. Step-machine (routing → sending → replied), streaming reply preview, cancel always present.
iOS share-sheet target. Pre-computed routing for a Safari URL, two-candidate variant when ambiguous (Mail share), outbox view for queued dispatches.
Coverage map for every rich element the desk can render inline. Detailed phones: availability grid, contact picker, comparison table, signature, location, caBLE QR passkey sheet (deferred from 3a).
The four heaviest dialog elements named v1.5+. Phone-only this round — they get the smallest viewport first; tablet + desktop ports come when the 0.x PWA hits install milestone.
Side-by-side comparison with motion, press-and-hold spec, and tradeoffs.
Outside-the-app surfaces: push-to-talk overlay, glanceable widget, Live Activity chrome. (content states now in 4b above)