From 7cde504d7bfc31e7515c067eaa3cc029884f671e Mon Sep 17 00:00:00 2001
From: morgmart <98432065+morgmart@users.noreply.github.com>
Date: Wed, 2 Sep 2026 20:15:02 -0700
Subject: [PATCH 01/33] feat(desktop-next): scaffold new client with the colour
 system and a design system route
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Starts a second desktop client rather than reworking the existing one, so the
design system can be built from scratch without unpicking 476 raw colour usages
and 72 hover values first. The existing desktop/ client is untouched.

What lands:

- The colour system in three layers: private ramps hold values, public roles
  hold meanings, components only ever use roles. Tailwind's default palette is
  deleted with --color-*: initial, so a raw palette class is a build error.
- A machine-readable token registry, so the design system documentation renders
  from the system itself and cannot drift from it.
- /design — foundations, vocabulary, and the growth procedure, with a live
  light/dark toggle. Typography, spacing, radius, and motion are stubs that
  state what is still to decide rather than pretending to a system.
- DESIGN.md for the judgement tokens cannot express, and AGENTS.md for the rules
  an agent needs before writing any UI.

Accent is a slot rather than a colour: nothing above the ramp knows the hue, so
it can change, become a preference, or vary per theme without touching a
component. Every dark value is authored rather than observed, because the design
exploration it derives from is light-only.

Signed-off-by: morgmart <98432065+morgmart@users.noreply.github.com>
---
 desktop-next/.gitignore                       |   5 +
 desktop-next/AGENTS.md                        | 162 ++++++
 desktop-next/DESIGN.md                        | 115 ++++
 desktop-next/biome.json                       |   3 +
 desktop-next/index.html                       |  12 +
 desktop-next/package.json                     |  32 ++
 desktop-next/postcss.config.js                |   5 +
 desktop-next/src/app/routes/__root.tsx        |   3 +
 desktop-next/src/app/routes/design.tsx        |   7 +
 desktop-next/src/app/routes/design/colour.tsx |   7 +
 .../src/app/routes/design/elevation.tsx       |   7 +
 desktop-next/src/app/routes/design/glass.tsx  |   7 +
 desktop-next/src/app/routes/design/growth.tsx |   7 +
 desktop-next/src/app/routes/design/index.tsx  |   5 +
 desktop-next/src/app/routes/design/motion.tsx |   7 +
 desktop-next/src/app/routes/design/radius.tsx |   7 +
 .../src/app/routes/design/spacing.tsx         |   7 +
 .../src/app/routes/design/typography.tsx      |   7 +
 .../src/app/routes/design/vocabulary.tsx      |   7 +
 desktop-next/src/app/routes/index.tsx         |  21 +
 .../features/design-system/ui/ColourPage.tsx  | 138 +++++
 .../design-system/ui/DesignSystemLayout.tsx   | 104 ++++
 .../design-system/ui/ElevationPage.tsx        |  42 ++
 .../features/design-system/ui/GlassPage.tsx   | 125 +++++
 .../features/design-system/ui/GrowthPage.tsx  |  89 +++
 .../features/design-system/ui/MotionPage.tsx  |  41 ++
 .../design-system/ui/OverviewPage.tsx         |  81 +++
 .../features/design-system/ui/RadiusPage.tsx  |  24 +
 .../features/design-system/ui/SpacingPage.tsx |  25 +
 .../design-system/ui/TypographyPage.tsx       |  40 ++
 .../design-system/ui/VocabularyPage.tsx       |  76 +++
 .../features/design-system/ui/primitives.tsx  | 117 ++++
 desktop-next/src/main.tsx                     |  23 +
 desktop-next/src/shared/styles/globals.css    |  53 ++
 desktop-next/src/shared/styles/tokens.css     | 338 ++++++++++++
 .../src/shared/theme/useColorScheme.ts        |  32 ++
 desktop-next/src/shared/tokens/registry.ts    | 507 ++++++++++++++++++
 desktop-next/src/vite-env.d.ts                |   1 +
 desktop-next/tsconfig.json                    |  21 +
 desktop-next/vite.config.ts                   |  21 +
 pnpm-lock.yaml                                | 165 ++++--
 pnpm-workspace.yaml                           |   1 +
 42 files changed, 2441 insertions(+), 56 deletions(-)
 create mode 100644 desktop-next/.gitignore
 create mode 100644 desktop-next/AGENTS.md
 create mode 100644 desktop-next/DESIGN.md
 create mode 100644 desktop-next/biome.json
 create mode 100644 desktop-next/index.html
 create mode 100644 desktop-next/package.json
 create mode 100644 desktop-next/postcss.config.js
 create mode 100644 desktop-next/src/app/routes/__root.tsx
 create mode 100644 desktop-next/src/app/routes/design.tsx
 create mode 100644 desktop-next/src/app/routes/design/colour.tsx
 create mode 100644 desktop-next/src/app/routes/design/elevation.tsx
 create mode 100644 desktop-next/src/app/routes/design/glass.tsx
 create mode 100644 desktop-next/src/app/routes/design/growth.tsx
 create mode 100644 desktop-next/src/app/routes/design/index.tsx
 create mode 100644 desktop-next/src/app/routes/design/motion.tsx
 create mode 100644 desktop-next/src/app/routes/design/radius.tsx
 create mode 100644 desktop-next/src/app/routes/design/spacing.tsx
 create mode 100644 desktop-next/src/app/routes/design/typography.tsx
 create mode 100644 desktop-next/src/app/routes/design/vocabulary.tsx
 create mode 100644 desktop-next/src/app/routes/index.tsx
 create mode 100644 desktop-next/src/features/design-system/ui/ColourPage.tsx
 create mode 100644 desktop-next/src/features/design-system/ui/DesignSystemLayout.tsx
 create mode 100644 desktop-next/src/features/design-system/ui/ElevationPage.tsx
 create mode 100644 desktop-next/src/features/design-system/ui/GlassPage.tsx
 create mode 100644 desktop-next/src/features/design-system/ui/GrowthPage.tsx
 create mode 100644 desktop-next/src/features/design-system/ui/MotionPage.tsx
 create mode 100644 desktop-next/src/features/design-system/ui/OverviewPage.tsx
 create mode 100644 desktop-next/src/features/design-system/ui/RadiusPage.tsx
 create mode 100644 desktop-next/src/features/design-system/ui/SpacingPage.tsx
 create mode 100644 desktop-next/src/features/design-system/ui/TypographyPage.tsx
 create mode 100644 desktop-next/src/features/design-system/ui/VocabularyPage.tsx
 create mode 100644 desktop-next/src/features/design-system/ui/primitives.tsx
 create mode 100644 desktop-next/src/main.tsx
 create mode 100644 desktop-next/src/shared/styles/globals.css
 create mode 100644 desktop-next/src/shared/styles/tokens.css
 create mode 100644 desktop-next/src/shared/theme/useColorScheme.ts
 create mode 100644 desktop-next/src/shared/tokens/registry.ts
 create mode 100644 desktop-next/src/vite-env.d.ts
 create mode 100644 desktop-next/tsconfig.json
 create mode 100644 desktop-next/vite.config.ts

diff --git a/desktop-next/.gitignore b/desktop-next/.gitignore
new file mode 100644
index 0000000000..56f1058162
--- /dev/null
+++ b/desktop-next/.gitignore
@@ -0,0 +1,5 @@
+node_modules
+dist
+*.log
+.DS_Store
+src/app/routeTree.gen.ts
diff --git a/desktop-next/AGENTS.md b/desktop-next/AGENTS.md
new file mode 100644
index 0000000000..1ae429ab4a
--- /dev/null
+++ b/desktop-next/AGENTS.md
@@ -0,0 +1,162 @@
+# AGENTS.md — desktop-next
+
+This is a **new Buzz desktop client, built from scratch.** It is not a fork of
+`desktop/` and not a migration target. The existing client stays untouched; this
+one is being built to replace it eventually, starting from the design system
+rather than from features.
+
+For repository-wide rules see the root [AGENTS.md](../AGENTS.md). Everything here
+is specific to this client and takes precedence within it.
+
+---
+
+## Read before writing any UI
+
+1. [DESIGN.md](./DESIGN.md) — the judgement tokens cannot express. Not optional.
+2. `src/shared/tokens/registry.ts` — what exists, what each name is for.
+3. Run `pnpm dev`, open `/design`, and look at the thing you are about to change.
+
+---
+
+## Getting started
+
+```bash
+pnpm install
+pnpm dev            # http://localhost:1430
+```
+
+`/design` is the design system, rendered from the token registry. `/` is a
+placeholder — the app shell and its capabilities come later.
+
+Port 1430, so it can run alongside the existing client on 1420.
+
+```bash
+pnpm typecheck      # tsc --noEmit
+pnpm check          # biome
+pnpm biome check --write .   # auto-fix
+```
+
+---
+
+## Stack, and why
+
+| Choice | Reason |
+|---|---|
+| **Base UI** | Behaviour, accessibility, keyboard, and positioning with zero appearance. The visual language is authored here, not inherited then overridden. |
+| **Tailwind v4** | Tokens are defined in CSS via `@theme`; the CSS *is* the config. No JS config file. |
+| **Own colour tokens** | Not shadcn. Its vocabulary — `muted-foreground`, `secondary-foreground` — is what made colour illegible in the existing client. |
+| **TanStack Router** | File-based routes, same as the existing client. |
+
+Astryx is a **reference** for token architecture and the agent-docs idea. Not a
+dependency.
+
+---
+
+## The colour system
+
+Three layers. Only the role layer is ever used when building a screen.
+
+```
+LAYER 1   --neutral-1…12  --accent-1…12  --glass-1…5  --gradient-1
+LAYER 2   --bg-panel: var(--neutral-1)
+LAYER 3   bg-panel
+```
+
+**Tailwind's default palette is deleted** with `--color-*: initial`. `text-gray-500`
+does not exist — it is a build error, not a style choice.
+
+Hard rules:
+
+- **Literal values exist only in the ramps.** A component writing a hex bypasses
+  the roles; a role writing a hex bypasses the ramp. Both look correct today and
+  break the first theme change, and the failure hides in dark mode because light
+  mode still looks right.
+- **Never apply transparency to a token.** No `bg-panel/50`. Transparency lives
+  inside the value. The existing client has thirteen transparencies of one grey
+  and eleven of one accent because this rule did not exist.
+- **Every role holds a light and a dark value under the same name.** A component
+  never contains an instruction about which mode is active.
+- **Accent is a slot, not a colour.** Nothing above the ramp knows the hue, so it
+  can change, become a preference, or vary per theme. Do not hardcode a hue
+  anywhere above layer 1.
+
+The full exception list is in the registry and on `/design/colour`. It is short
+and complete on purpose.
+
+### Naming grammar
+
+```
+<property>-<role>[-<modifier>][-<material>][-<state>]
+```
+
+Fixed order, so there is one correct spelling. `bg-chrome-glass-hover` is legal;
+`bg-chrome-hover-glass` is not. One modifier, one material, one state per name.
+
+Every word a token may be built from is listed in `VOCABULARY` in the registry
+and on `/design/vocabulary`. Combining them freely is routine. Introducing a new
+word is allowed but is the thing the audit reports on its own line — use an
+existing word if one fits.
+
+---
+
+## Growing the system
+
+**Need something the system doesn't have? Add it to the registry, mark it
+`proposed` with an owner, keep working.** No gate, no approval, no separate
+mechanism for one-offs. The full procedure is in DESIGN.md § Growing the system.
+
+The only stop condition: **if you cannot describe it in one sentence, ask.** That
+is the signal it is not a role.
+
+---
+
+## Structure
+
+```
+src/
+  app/routes/           file-based routes
+  shared/
+    styles/tokens.css   layers 1 and 2, and the Tailwind registration
+    styles/globals.css  base styles and the rim/blur/texture utilities
+    tokens/registry.ts  the machine-readable system description
+    theme/              colour scheme
+  features/
+    design-system/ui/   the /design pages
+```
+
+`features/design-system/ui/primitives.tsx` is **documentation furniture, not a
+component library.** The shared primitive layer gets built one component at a
+time as the product repeats something — see DESIGN.md § Components.
+
+---
+
+## What is not here yet
+
+Deliberately, so nobody assumes it was forgotten:
+
+- **Typography, spacing, radius, and motion tokens.** Their `/design` pages state
+  what is still to decide rather than pretending to a system. Typography is next.
+- **Any product component.** No Button, no Dialog, no input layer.
+- **Tauri.** This is a web app for now; the native shell comes with the app shell.
+- **Relay, auth, event handling.** None of it. When it arrives it comes from the
+  shared Rust crates, not a reimplementation.
+- **The computed paired-text rule.** `text-on-accent` and `text-on-inverse` hold
+  literals until the lightness computation lands. They are marked as exceptions.
+
+---
+
+## Architecture
+
+This client is built on **composable capabilities** — see the plan in Morgan's
+vault. The short version: a feature owns product behaviour, a view owns
+arrangement, shared UI owns visuals, and a capability owns behaviour that should
+move between surfaces intact.
+
+Two rules that matter from day one:
+
+- **A capability may own live state. Any state scoped to a community must
+  register its teardown** in the same change that adds it. The existing client
+  learned this the hard way; do not rebuild the problem.
+- **Do not create a capability speculatively.** The bar is a durable product
+  identity and real composition pressure from two surfaces. Building a clean
+  codebase is not a licence to relax it.
diff --git a/desktop-next/DESIGN.md b/desktop-next/DESIGN.md
new file mode 100644
index 0000000000..0f5be1e4a4
--- /dev/null
+++ b/desktop-next/DESIGN.md
@@ -0,0 +1,115 @@
+# DESIGN.md
+
+How to design well in this client. The token registry says which value to use; this says what tokens cannot express — the judgement a designer makes without thinking and an agent gets wrong without being told. Read it before building a surface.
+
+Run `pnpm dev` and open `/design` to see the system rendered from the tokens themselves.
+
+## Posture
+
+Buzz is a place where people build together and bring their agents into the room. Everyday surfaces stay quiet, crisp, and highly functional; character shows up in identity, guidance, transitions, and ceremony rather than in the chrome of ordinary work. Colour is signal, not decoration. When in doubt, the interface gets out of the way of the conversation.
+
+## Surface and depth
+
+- **Panels sit on the backdrop; the backdrop is a gradient.** Everything else is a panel in a different place. The navigation column is not a special kind of surface.
+- **Depth comes from hairline borders and near-invisible shadows, not from many surface colours.** Reach for a border before reaching for a new fill.
+- **Shadows stay at the threshold of perception.** If a shadow is obvious, it is too strong. The two elevation values are the whole vocabulary.
+- **Elevation is carried by shadow in light mode and by lightness in dark mode.** On a near-black background there is nothing darker for a shadow to cast, so a floating surface becomes a step lighter instead. Never reach for a stronger shadow to make something float in dark mode.
+- **On a translucent surface, elevation reads as less translucency, not as a lighter colour.** A glass container with a fully opaque child looks layered; the same container with a merely brighter child looks unchanged.
+- **Light comes from one direction, and every glass surface agrees on it.** A glass rim is bright along the lit edge and dimmer on the opposite one; that is what makes it read as a material rather than an outline. Two surfaces lit from different directions in the same view look like a mistake.
+- **A glass rim is not an outline.** If a surface needs a visible boundary rather than a material edge, it wants a border role, not glass.
+- **Glass needs something behind it worth seeing.** Translucency over a flat fill is wasted cost; use it where the gradient, an image, or content actually shows through.
+- **Only panels and chrome should sit directly on the gradient as a default.** Text and hairlines on a gradient have position-dependent contrast. Good practice rather than a hard rule — a rotated label pill on the backdrop is fine.
+
+## State
+
+- **The interface has three states, plus disabled where it matters: default, hover, selected.** There is no pressed state: pressed is too fleeting to read and makes an interface feel jumpy.
+- **Hover means one step more contrast, in whichever direction that surface needs.** A light row darkens, a dark chip lightens. Direction lives in the value.
+- **Selected is a persistent statement, not a stronger hover.** It should be legible without a cursor present.
+- **A selected item in a toggle group is not interactive.** Clicking it does nothing, so it gets no hover.
+- **Disabled communicates unavailability, not quietness.** It is not a fourth level of the emphasis ramp.
+- **Never hide the only way out of a state.** Before adding a visibility rule, ask what happens when the state it assumes is wrong, and whether the person can still recover.
+
+## Emphasis
+
+- **Three levels of text: normal, lesser, really lesser.** If a fourth seems necessary, the thing wants a different size, weight, or position instead of a fourth colour.
+- **Two text colours do most of the work.** Treat the third level as genuinely for metadata.
+- **Borders use the same three levels, and they mean the same thing.** Learn the ramp once.
+- **Weight and size carry hierarchy before colour does.** Reaching for a louder colour to fix hierarchy usually means the size relationship is wrong.
+
+## Both modes
+
+- **Design in both modes, not in light and then dark.** Dark is not a filter applied afterwards: elevation, glass, and accent text all behave differently there.
+- **Accent text moves in opposite directions between modes.** Darker than its fill on a light background, lighter on a dark one.
+- **A tint is a pale wash in light mode and a deep one in dark.** The name describes the job, not the lightness.
+- **Check the pairing, not the swatch.** A colour is only right in the context of what sits on it and behind it.
+- **Every dark value in this system is authored rather than observed.** The design exploration it came from is light-only. Treat anything that looks wrong in dark as a finding.
+
+## Density and rhythm
+
+- **Dense data renders as rows with dividers, edge to edge.** Wrapping every list item in its own card is the most common way a functional surface becomes a marketing page.
+- **Cards are for widgets, galleries, and settings groups.** A card is a bordered, padded region on the page, not a different depth.
+- **Pick the frame before the content.** Decide what the surface is — a list, a reading column, a workspace — before filling it.
+- **Whitespace is generous by default.** Crowding reads as a different product.
+
+## Motion
+
+- **Direct manipulation follows the pointer exactly, with no easing.** Smoothing during a drag or resize reads as lag. Spring physics belongs to what happens after release.
+- **A drag gesture must not select text in whatever it passes over.**
+- **Never animate blur.** Re-blurring a large surface every frame is expensive enough to feel. Animate opacity instead.
+- **Motion explains a change; it does not decorate one.** If removing an animation loses no information, remove it.
+
+## Colour discipline
+
+- **Colour is signal.** Status, authorship, presence, and mentions earn colour. Ordinary structure does not.
+- **Name colours after colour jobs, never after the thing on screen.** If the name is an interface element — mention, unread, badge, sidebar — it belongs in the component, assembled from roles that already exist.
+- **A colour is used one of two ways: solid or tint.** Solid carries an action and takes its paired text; tint carries a meaning and takes coloured text. There is deliberately nothing between them.
+- **Accent is signal, never structure.** Reaching for an accent surface where a neutral one belongs is the most common way a functional screen starts to look decorated.
+- **Never use a status colour decoratively.** A green that does not mean success teaches people to stop trusting green.
+- **Categorical colours are the one place appearance-naming is allowed.** Telling two projects apart genuinely is a choice about appearance.
+
+## Writing
+
+- **Every word earns its place.** Prefer the shortest phrasing that stays accurate.
+- **Labels say what happens, not what the thing is called internally.**
+- **Empty states say what this place is for and what to do next.** An empty state is a first impression, not an error.
+- **Errors say what happened and what to do about it.** A message the person cannot act on is decoration.
+
+## Accessibility
+
+- **Every interactive element has explicit assistive semantics, and one owner per label.** Two widgets claiming the same label produces duplicate screen-reader stops.
+- **Contrast comes from the paired token, not from judgement.** Where a background is not neutral, its text is named for it.
+- **Keyboard, pointer, and shortcut paths must not diverge.** When adding an input handler, enumerate the ways a person can reach it and check the ones that are not the mouse.
+- **Focus is always visible.** The focus ring is part of the design, not an artefact to suppress.
+- **Colour is never the only carrier of meaning.** Pair it with text, shape, or position.
+
+## Responsiveness
+
+- **Design for narrow, intermediate, and wide, not just wide.** Intermediate widths are where layouts usually break.
+- **Text scales with the person's preference and with zoom.** Anything readable uses relative units; fixed pixel text freezes and breaks zoom.
+
+## Growing the system
+
+Need something the system doesn't have? **Add it, mark it `proposed`, keep working.** There is no gate and no separate mechanism for one-offs — the moment the legal path is slower than writing a raw value, the system starts being bypassed.
+
+1. Search the role list by intent, not by colour.
+2. A state of an existing role — add the `-hover`, `-selected`, or `-disabled` sibling with both values.
+3. A material variant — add the `-glass` sibling with both values and its blur token.
+4. A new role using existing words — add the name, both values, a one-sentence description, and an owner.
+5. A new hue — generate its ramp, add roles pointing at steps. Never a literal.
+6. A new vocabulary word — allowed, but it is the thing the audit reports on its own line, so use an existing word if one fits.
+7. **Never write a raw value.** If nothing above applies, say so rather than reaching for a literal.
+
+Every addition lands in `src/shared/tokens/registry.ts` in the same change that needed it. Promotion from `proposed` to `core` is a metadata change, not a rename.
+
+## Components
+
+- **Compose existing components freely. Never reimplement one.**
+- **Need a variant that doesn't exist? Add it, mark it proposed.** If a variant almost fits but you would cancel several of its states, the base is wrong for the job and the system is missing a variant.
+- **Never add a boolean prop for a visual difference.** Variants are enumerable, so an agent can read the list and pick; booleans multiply, and nobody designed most of the combinations. New props are for data and behaviour, not appearance.
+- **Used by one feature? It lives in that feature's folder.** Used by two? Propose it as shared. The folder is the namespace.
+
+## Using the system
+
+- **Use an existing component before creating one, and an existing role before adding one.**
+- **A new visual treatment that repeats belongs in the system, not in the feature.**
+- **If a screen looks right but breaks these rules, the rules are probably wrong — say so.** This document is meant to be argued with, not worked around.
diff --git a/desktop-next/biome.json b/desktop-next/biome.json
new file mode 100644
index 0000000000..12e778e4a9
--- /dev/null
+++ b/desktop-next/biome.json
@@ -0,0 +1,3 @@
+{
+  "extends": ["../biome.json"]
+}
diff --git a/desktop-next/index.html b/desktop-next/index.html
new file mode 100644
index 0000000000..3859bee835
--- /dev/null
+++ b/desktop-next/index.html
@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Buzz — Design System</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
diff --git a/desktop-next/package.json b/desktop-next/package.json
new file mode 100644
index 0000000000..c0c8917de9
--- /dev/null
+++ b/desktop-next/package.json
@@ -0,0 +1,32 @@
+{
+  "name": "buzz-desktop-next",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "typecheck": "tsc --noEmit",
+    "preview": "vite preview",
+    "lint": "biome lint .",
+    "check": "biome check .",
+    "format": "biome format --write ."
+  },
+  "dependencies": {
+    "@base-ui-components/react": "1.0.0-rc.0",
+    "@fontsource-variable/inter": "^5.2.8",
+    "@tanstack/react-router": "^1.168.10",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4.3.0",
+    "@tanstack/router-plugin": "^1.167.12",
+    "@types/react": "^19.1.8",
+    "@types/react-dom": "^19.1.6",
+    "@vitejs/plugin-react": "^6.0.0",
+    "tailwindcss": "^4.3.0",
+    "typescript": "~6.0.0",
+    "vite": "^8.0.0"
+  }
+}
diff --git a/desktop-next/postcss.config.js b/desktop-next/postcss.config.js
new file mode 100644
index 0000000000..c2ddf74822
--- /dev/null
+++ b/desktop-next/postcss.config.js
@@ -0,0 +1,5 @@
+export default {
+  plugins: {
+    "@tailwindcss/postcss": {},
+  },
+};
diff --git a/desktop-next/src/app/routes/__root.tsx b/desktop-next/src/app/routes/__root.tsx
new file mode 100644
index 0000000000..f17fcdad20
--- /dev/null
+++ b/desktop-next/src/app/routes/__root.tsx
@@ -0,0 +1,3 @@
+import { Outlet, createRootRoute } from "@tanstack/react-router";
+
+export const Route = createRootRoute({ component: () => <Outlet /> });
diff --git a/desktop-next/src/app/routes/design.tsx b/desktop-next/src/app/routes/design.tsx
new file mode 100644
index 0000000000..bc2b1f366b
--- /dev/null
+++ b/desktop-next/src/app/routes/design.tsx
@@ -0,0 +1,7 @@
+import { createFileRoute } from "@tanstack/react-router";
+
+import { DesignSystemLayout } from "@/features/design-system/ui/DesignSystemLayout";
+
+export const Route = createFileRoute("/design")({
+  component: DesignSystemLayout,
+});
diff --git a/desktop-next/src/app/routes/design/colour.tsx b/desktop-next/src/app/routes/design/colour.tsx
new file mode 100644
index 0000000000..e75864e57f
--- /dev/null
+++ b/desktop-next/src/app/routes/design/colour.tsx
@@ -0,0 +1,7 @@
+import { createFileRoute } from "@tanstack/react-router";
+
+import { ColourPage } from "@/features/design-system/ui/ColourPage";
+
+export const Route = createFileRoute("/design/colour")({
+  component: ColourPage,
+});
diff --git a/desktop-next/src/app/routes/design/elevation.tsx b/desktop-next/src/app/routes/design/elevation.tsx
new file mode 100644
index 0000000000..916394b20d
--- /dev/null
+++ b/desktop-next/src/app/routes/design/elevation.tsx
@@ -0,0 +1,7 @@
+import { createFileRoute } from "@tanstack/react-router";
+
+import { ElevationPage } from "@/features/design-system/ui/ElevationPage";
+
+export const Route = createFileRoute("/design/elevation")({
+  component: ElevationPage,
+});
diff --git a/desktop-next/src/app/routes/design/glass.tsx b/desktop-next/src/app/routes/design/glass.tsx
new file mode 100644
index 0000000000..25516b947c
--- /dev/null
+++ b/desktop-next/src/app/routes/design/glass.tsx
@@ -0,0 +1,7 @@
+import { createFileRoute } from "@tanstack/react-router";
+
+import { GlassPage } from "@/features/design-system/ui/GlassPage";
+
+export const Route = createFileRoute("/design/glass")({
+  component: GlassPage,
+});
diff --git a/desktop-next/src/app/routes/design/growth.tsx b/desktop-next/src/app/routes/design/growth.tsx
new file mode 100644
index 0000000000..732be720fc
--- /dev/null
+++ b/desktop-next/src/app/routes/design/growth.tsx
@@ -0,0 +1,7 @@
+import { createFileRoute } from "@tanstack/react-router";
+
+import { GrowthPage } from "@/features/design-system/ui/GrowthPage";
+
+export const Route = createFileRoute("/design/growth")({
+  component: GrowthPage,
+});
diff --git a/desktop-next/src/app/routes/design/index.tsx b/desktop-next/src/app/routes/design/index.tsx
new file mode 100644
index 0000000000..cda74074ef
--- /dev/null
+++ b/desktop-next/src/app/routes/design/index.tsx
@@ -0,0 +1,5 @@
+import { createFileRoute } from "@tanstack/react-router";
+
+import { OverviewPage } from "@/features/design-system/ui/OverviewPage";
+
+export const Route = createFileRoute("/design/")({ component: OverviewPage });
diff --git a/desktop-next/src/app/routes/design/motion.tsx b/desktop-next/src/app/routes/design/motion.tsx
new file mode 100644
index 0000000000..427ec983e7
--- /dev/null
+++ b/desktop-next/src/app/routes/design/motion.tsx
@@ -0,0 +1,7 @@
+import { createFileRoute } from "@tanstack/react-router";
+
+import { MotionPage } from "@/features/design-system/ui/MotionPage";
+
+export const Route = createFileRoute("/design/motion")({
+  component: MotionPage,
+});
diff --git a/desktop-next/src/app/routes/design/radius.tsx b/desktop-next/src/app/routes/design/radius.tsx
new file mode 100644
index 0000000000..a9c0904ecd
--- /dev/null
+++ b/desktop-next/src/app/routes/design/radius.tsx
@@ -0,0 +1,7 @@
+import { createFileRoute } from "@tanstack/react-router";
+
+import { RadiusPage } from "@/features/design-system/ui/RadiusPage";
+
+export const Route = createFileRoute("/design/radius")({
+  component: RadiusPage,
+});
diff --git a/desktop-next/src/app/routes/design/spacing.tsx b/desktop-next/src/app/routes/design/spacing.tsx
new file mode 100644
index 0000000000..94387c09f8
--- /dev/null
+++ b/desktop-next/src/app/routes/design/spacing.tsx
@@ -0,0 +1,7 @@
+import { createFileRoute } from "@tanstack/react-router";
+
+import { SpacingPage } from "@/features/design-system/ui/SpacingPage";
+
+export const Route = createFileRoute("/design/spacing")({
+  component: SpacingPage,
+});
diff --git a/desktop-next/src/app/routes/design/typography.tsx b/desktop-next/src/app/routes/design/typography.tsx
new file mode 100644
index 0000000000..f78373a912
--- /dev/null
+++ b/desktop-next/src/app/routes/design/typography.tsx
@@ -0,0 +1,7 @@
+import { createFileRoute } from "@tanstack/react-router";
+
+import { TypographyPage } from "@/features/design-system/ui/TypographyPage";
+
+export const Route = createFileRoute("/design/typography")({
+  component: TypographyPage,
+});
diff --git a/desktop-next/src/app/routes/design/vocabulary.tsx b/desktop-next/src/app/routes/design/vocabulary.tsx
new file mode 100644
index 0000000000..102554e6fe
--- /dev/null
+++ b/desktop-next/src/app/routes/design/vocabulary.tsx
@@ -0,0 +1,7 @@
+import { createFileRoute } from "@tanstack/react-router";
+
+import { VocabularyPage } from "@/features/design-system/ui/VocabularyPage";
+
+export const Route = createFileRoute("/design/vocabulary")({
+  component: VocabularyPage,
+});
diff --git a/desktop-next/src/app/routes/index.tsx b/desktop-next/src/app/routes/index.tsx
new file mode 100644
index 0000000000..cab3393803
--- /dev/null
+++ b/desktop-next/src/app/routes/index.tsx
@@ -0,0 +1,21 @@
+import { Link, createFileRoute } from "@tanstack/react-router";
+
+function Home() {
+  return (
+    <div className="flex min-h-screen flex-col items-center justify-center gap-4 px-6 text-center">
+      <h1 className="text-2xl font-semibold text-primary">Buzz</h1>
+      <p className="max-w-md text-sm text-secondary">
+        The new client. Nothing here yet — the shell and its capabilities come
+        later. The design system is the foundation being built first.
+      </p>
+      <Link
+        to="/design"
+        className="rounded-lg bg-accent px-4 py-2 text-sm font-medium text-on-accent transition-opacity hover:opacity-90"
+      >
+        Open the design system
+      </Link>
+    </div>
+  );
+}
+
+export const Route = createFileRoute("/")({ component: Home });
diff --git a/desktop-next/src/features/design-system/ui/ColourPage.tsx b/desktop-next/src/features/design-system/ui/ColourPage.tsx
new file mode 100644
index 0000000000..a146faf766
--- /dev/null
+++ b/desktop-next/src/features/design-system/ui/ColourPage.tsx
@@ -0,0 +1,138 @@
+import {
+  EXCEPTIONS,
+  RAMPS,
+  ROLE_GROUPS,
+  type Role,
+} from "@/shared/tokens/registry";
+
+import { Note, PageHeader, Section, Swatch } from "./primitives";
+
+function RoleRow({ role }: { role: Role }) {
+  return (
+    <div className="flex items-start gap-4 border-b border-tertiary py-3 last:border-b-0">
+      <div
+        className="mt-0.5 h-9 w-16 shrink-0 rounded-md border border-secondary"
+        style={{ background: `var(${role.variable})` }}
+      />
+      <div className="flex min-w-0 flex-1 flex-col gap-1">
+        <div className="flex flex-wrap items-center gap-2">
+          <code className="text-sm font-medium text-primary">{role.token}</code>
+          <span className="text-xs text-tertiary">{role.pointsAt}</span>
+          {role.status !== "core" ? (
+            <span className="rounded-full bg-warning-tint px-2 py-0.5 text-xs font-medium text-warning">
+              {role.status}
+              {role.owner ? ` · ${role.owner}` : ""}
+            </span>
+          ) : null}
+        </div>
+        <p className="text-xs leading-relaxed text-secondary">{role.use}</p>
+        {role.exception ? (
+          <p className="text-xs leading-relaxed text-tertiary">
+            Exception: {role.exception}
+          </p>
+        ) : null}
+      </div>
+    </div>
+  );
+}
+
+export function ColourPage() {
+  return (
+    <>
+      <PageHeader
+        title="Colour"
+        intro="Three layers, and only the role layer is ever used when building a screen. Private ramps hold values; public roles hold meanings. Everything below is rendered from the token registry, so a token added there appears here automatically and this page cannot drift from the system."
+      />
+
+      <Section
+        title="Layer 1 — private ramps"
+        description="A ramp is a contrast instrument, not an assignment. It gives values with known perceptual relationships, so a role encodes a distance rather than a colour — which is what stays true when the palette changes. Components never reference these."
+      >
+        <div className="flex flex-col gap-8">
+          {RAMPS.map((ramp) => (
+            <div key={ramp.id} className="flex flex-col gap-3">
+              <div className="flex flex-col gap-1">
+                <h3 className="text-sm font-semibold text-primary">
+                  {ramp.name}
+                </h3>
+                <p className="max-w-2xl text-xs leading-relaxed text-secondary">
+                  {ramp.description}
+                </p>
+              </div>
+              <div
+                className={`grid gap-3 ${
+                  ramp.steps.length > 6
+                    ? "grid-cols-4 sm:grid-cols-6"
+                    : "grid-cols-3 sm:grid-cols-5"
+                } ${ramp.translucent ? "rounded-xl bg-app p-4" : ""}`}
+              >
+                {ramp.steps.map((step) => (
+                  <Swatch
+                    key={step.variable}
+                    variable={step.variable}
+                    label={`${ramp.id} ${step.step}`}
+                    sublabel={step.job}
+                    translucent={ramp.translucent}
+                  />
+                ))}
+              </div>
+            </div>
+          ))}
+        </div>
+      </Section>
+
+      <Section
+        title="Layer 2 — public roles"
+        description="The only layer a screen may use. Every role points at a ramp step, so changing a theme is a change of values rather than a change of code."
+      >
+        <div className="flex flex-col gap-8">
+          {ROLE_GROUPS.map((group) => (
+            <div key={group.id} className="flex flex-col gap-2">
+              <div className="flex flex-col gap-1">
+                <h3 className="text-sm font-semibold text-primary">
+                  {group.name}
+                </h3>
+                <p className="max-w-2xl text-xs leading-relaxed text-secondary">
+                  {group.description}
+                </p>
+              </div>
+              <div className="rounded-lg border border-secondary bg-panel px-4">
+                {group.roles.map((role) => (
+                  <RoleRow key={role.token} role={role} />
+                ))}
+              </div>
+            </div>
+          ))}
+        </div>
+      </Section>
+
+      <Section
+        title="Deliberate exceptions"
+        description="Literal values exist only in the ramps, and nothing above a ramp holds one — except these. The list is short and complete on purpose: a vague exception policy is how a layered system quietly erodes."
+      >
+        <div className="flex flex-col gap-3">
+          {EXCEPTIONS.map((exception) => (
+            <div
+              key={exception.name}
+              className="rounded-lg border border-secondary bg-inset px-4 py-3"
+            >
+              <code className="text-xs font-medium text-primary">
+                {exception.name}
+              </code>
+              <p className="mt-1 text-xs leading-relaxed text-secondary">
+                {exception.why}
+              </p>
+            </div>
+          ))}
+        </div>
+      </Section>
+
+      <Note>
+        Every dark value in this system is authored rather than observed — the
+        design exploration it was derived from is light-only. Toggle the mode in
+        the sidebar and treat anything that looks wrong as a finding, not a
+        given.
+      </Note>
+    </>
+  );
+}
diff --git a/desktop-next/src/features/design-system/ui/DesignSystemLayout.tsx b/desktop-next/src/features/design-system/ui/DesignSystemLayout.tsx
new file mode 100644
index 0000000000..a6216225b7
--- /dev/null
+++ b/desktop-next/src/features/design-system/ui/DesignSystemLayout.tsx
@@ -0,0 +1,104 @@
+import { Link, Outlet } from "@tanstack/react-router";
+import type { ReactNode } from "react";
+
+import { useColorScheme } from "@/shared/theme/useColorScheme";
+
+const SECTIONS: Array<{ heading: string; items: Array<[string, string]> }> = [
+  {
+    heading: "Foundations",
+    items: [
+      ["Colour", "/design/colour"],
+      ["Typography", "/design/typography"],
+      ["Spacing", "/design/spacing"],
+      ["Radius", "/design/radius"],
+      ["Elevation", "/design/elevation"],
+      ["Glass", "/design/glass"],
+      ["Motion", "/design/motion"],
+    ],
+  },
+  {
+    heading: "System",
+    items: [
+      ["Vocabulary", "/design/vocabulary"],
+      ["Growing the system", "/design/growth"],
+    ],
+  },
+  {
+    heading: "Components",
+    items: [],
+  },
+];
+
+function NavLink({ to, children }: { to: string; children: ReactNode }) {
+  return (
+    <Link
+      to={to}
+      className="block rounded-md px-3 py-1.5 text-sm text-secondary transition-colors hover:bg-hover hover:text-primary"
+      activeProps={{
+        className:
+          "block rounded-md px-3 py-1.5 text-sm bg-accent-tint text-primary font-medium",
+      }}
+    >
+      {children}
+    </Link>
+  );
+}
+
+export function DesignSystemLayout() {
+  const { scheme, toggle } = useColorScheme();
+
+  return (
+    <div className="flex min-h-screen">
+      <nav
+        aria-label="Design system"
+        className="sticky top-0 flex h-screen w-60 shrink-0 flex-col gap-6 overflow-y-auto border-r border-secondary bg-panel px-4 py-6"
+      >
+        <div className="px-3">
+          <Link to="/design" className="text-sm font-semibold text-primary">
+            Buzz Design System
+          </Link>
+          <p className="mt-1 text-xs text-tertiary">
+            Rendered from the tokens themselves
+          </p>
+        </div>
+
+        <div className="flex flex-1 flex-col gap-5">
+          {SECTIONS.map((section) => (
+            <div key={section.heading} className="flex flex-col gap-0.5">
+              <h2 className="px-3 pb-1 text-xs font-semibold uppercase tracking-wide text-tertiary">
+                {section.heading}
+              </h2>
+              {section.items.length === 0 ? (
+                <p className="px-3 py-1 text-xs text-tertiary">
+                  None yet — the primitive layer gets built one component at a
+                  time, as the product repeats something.
+                </p>
+              ) : (
+                section.items.map(([label, to]) => (
+                  <NavLink key={to} to={to}>
+                    {label}
+                  </NavLink>
+                ))
+              )}
+            </div>
+          ))}
+        </div>
+
+        <button
+          type="button"
+          onClick={toggle}
+          aria-label={`Switch to ${scheme === "light" ? "dark" : "light"} mode`}
+          className="mx-3 rounded-md border border-primary bg-panel px-3 py-1.5 text-xs text-secondary transition-colors hover:bg-hover hover:text-primary"
+        >
+          {scheme === "light" ? "Dark mode" : "Light mode"}
+        </button>
+      </nav>
+
+      <main className="min-w-0 flex-1 px-10 py-10">
+        <div className="mx-auto max-w-4xl">
+          <Outlet />
+        </div>
+      </main>
+    </div>
+  );
+}
diff --git a/desktop-next/src/features/design-system/ui/ElevationPage.tsx b/desktop-next/src/features/design-system/ui/ElevationPage.tsx
new file mode 100644
index 0000000000..707bc183c9
--- /dev/null
+++ b/desktop-next/src/features/design-system/ui/ElevationPage.tsx
@@ -0,0 +1,42 @@
+import { ELEVATION } from "@/shared/tokens/registry";
+
+import { Note, PageHeader, Section } from "./primitives";
+
+export function ElevationPage() {
+  return (
+    <>
+      <PageHeader
+        title="Elevation"
+        intro="Two values, taken from the design exploration unchanged. Depth comes from hairline borders and shadows at the threshold of perception rather than from many surface colours — if a shadow is obvious, it is too strong."
+      />
+
+      <Section title="The values">
+        <div className="flex flex-wrap gap-6 rounded-xl bg-app p-8">
+          {ELEVATION.map((level) => (
+            <div key={level.token} className="flex flex-col gap-2">
+              <div
+                className="flex h-24 w-44 items-center justify-center rounded-xl bg-panel"
+                style={{ boxShadow: `var(${level.variable})` }}
+              >
+                <code className="text-xs font-medium text-primary">
+                  {level.token}
+                </code>
+              </div>
+              <span className="max-w-44 text-xs leading-snug text-secondary">
+                {level.use}
+              </span>
+            </div>
+          ))}
+        </div>
+      </Section>
+
+      <Note>
+        Elevation is carried by shadow in light mode and by lightness in dark
+        mode. On a near-black background there is nothing darker for a shadow to
+        cast, so a floating surface becomes a step lighter instead — which is
+        why `bg-float` and `bg-panel` share a light value and diverge in dark.
+        Never reach for a stronger shadow to make something float in dark mode.
+      </Note>
+    </>
+  );
+}
diff --git a/desktop-next/src/features/design-system/ui/GlassPage.tsx b/desktop-next/src/features/design-system/ui/GlassPage.tsx
new file mode 100644
index 0000000000..9485f000ab
--- /dev/null
+++ b/desktop-next/src/features/design-system/ui/GlassPage.tsx
@@ -0,0 +1,125 @@
+import { BLUR, RAMPS } from "@/shared/tokens/registry";
+
+import { Note, PageHeader, Section, Swatch } from "./primitives";
+
+const GLASS = RAMPS.find((ramp) => ramp.id === "glass");
+
+function ChromePill() {
+  const items: Array<[string, boolean]> = [
+    ["Me", false],
+    ["Messages", true],
+    ["Projects", false],
+  ];
+  return (
+    <div className="rim-glass blur-chrome flex items-center gap-1 rounded-full bg-chrome-glass p-1.5">
+      {items.map(([label, selected]) => (
+        <button
+          key={label}
+          type="button"
+          className={
+            selected
+              ? "elevate-xs rounded-full bg-chrome-selected px-5 py-2 text-sm font-medium text-primary"
+              : "rounded-full px-5 py-2 text-sm text-secondary transition-colors hover:bg-chrome-glass-hover hover:text-primary"
+          }
+        >
+          {label}
+        </button>
+      ))}
+    </div>
+  );
+}
+
+export function GlassPage() {
+  return (
+    <>
+      <PageHeader
+        title="Glass"
+        intro="A translucent blurred surface is the same region in a different material, so it is named as that region plus its material rather than assembled per screen from a fill, a transparency, and a blur amount. Translucency and blur live inside the value."
+      />
+
+      <Section
+        title="Live"
+        description="The chrome pill, rendered from the real tokens over the real backdrop. Hover an unselected item to see the glass hover move one step up the ramp."
+      >
+        <div className="texture-dots flex items-center justify-center rounded-xl bg-app px-8 py-12">
+          <ChromePill />
+        </div>
+        <div className="flex flex-col gap-1 text-xs text-secondary">
+          <span>
+            container <code className="text-primary">bg-chrome-glass</code> +{" "}
+            <code className="text-primary">rim-glass</code> +{" "}
+            <code className="text-primary">blur-chrome</code>
+          </span>
+          <span>
+            selected <code className="text-primary">bg-chrome-selected</code> —
+            opaque where its container is glass
+          </span>
+        </div>
+      </Section>
+
+      {GLASS ? (
+        <Section title="The glass ramp" description={GLASS.description}>
+          <div className="grid grid-cols-3 gap-3 rounded-xl bg-app p-4 sm:grid-cols-5">
+            {GLASS.steps.map((step) => (
+              <Swatch
+                key={step.variable}
+                variable={step.variable}
+                label={`glass ${step.step}`}
+                sublabel={step.job}
+                translucent
+              />
+            ))}
+          </div>
+        </Section>
+      ) : null}
+
+      <Section
+        title="Blur"
+        description="A separate axis from translucency: a glass role names one step on the glass ramp and one blur amount, so a quiet glass can still be heavily blurred."
+      >
+        <div className="flex flex-wrap gap-3 rounded-xl bg-app p-4">
+          {BLUR.map((blur) => (
+            <div
+              key={blur.token}
+              className="flex flex-col items-center gap-2 rounded-lg bg-chrome-glass px-6 py-5"
+              style={{ backdropFilter: `blur(${blur.value})` }}
+            >
+              <code className="text-xs font-medium text-primary">
+                {blur.token}
+              </code>
+              <span className="text-xs text-tertiary">{blur.value}</span>
+            </div>
+          ))}
+        </div>
+      </Section>
+
+      <Section
+        title="The rim"
+        description="A deliberate exception: two literal values, not a ramp step and not one of the numbered gradients. Those are background treatments; this is a material detail. Real glass catches light along one edge and falls away on the opposite one, so the rim is a directional pair from one fixed light direction that every glass surface shares."
+      >
+        <div className="rounded-lg bg-inverse px-5 py-4">
+          <code className="whitespace-pre text-xs leading-relaxed text-on-inverse">
+            {`box-shadow:\n  inset 0  1px 0 var(--rim-lit),\n  inset 0 -1px 0 var(--rim-shade);`}
+          </code>
+        </div>
+        <Note>
+          CSS borders accept only solid colours, so every gradient-border
+          technique is a workaround. `border-image` takes a gradient but ignores
+          `border-radius`, which is fatal on a pill. The two-background
+          `background-clip` trick respects radius but needs an opaque inner
+          fill, so it bleeds across a translucent surface. Two inset shadows
+          respect radius, cost nothing, and work over translucency. The known
+          limit is that each shadow is one solid colour, so a corner transitions
+          in two discrete edges rather than a smooth sweep.
+        </Note>
+      </Section>
+
+      <Note>
+        A glass hover changes opacity and never blur — re-blurring a large
+        surface every frame is expensive enough to feel. Glass surfaces use
+        their own `-glass-hover` rather than the shared `bg-hover`, which is a
+        neutral built to sit on an opaque surface.
+      </Note>
+    </>
+  );
+}
diff --git a/desktop-next/src/features/design-system/ui/GrowthPage.tsx b/desktop-next/src/features/design-system/ui/GrowthPage.tsx
new file mode 100644
index 0000000000..71c9e7fb31
--- /dev/null
+++ b/desktop-next/src/features/design-system/ui/GrowthPage.tsx
@@ -0,0 +1,89 @@
+import { GROWTH_PROCEDURE } from "@/shared/tokens/registry";
+
+import { Note, PageHeader, Section } from "./primitives";
+
+const AUDIT: Array<[string, string]> = [
+  [
+    "A newly introduced vocabulary word",
+    "Reported on its own line — this changes the system's shape",
+  ],
+  ["Two names with identical light and dark values", "Merged into one"],
+  [
+    "Values within a hair of each other",
+    "Reported for a person to judge — usually drift, occasionally deliberate",
+  ],
+  ["Names nothing references", "Removed"],
+  [
+    "Names that do not parse under the grammar",
+    "Reported with the correct spelling",
+  ],
+  [
+    "A role value that is a literal rather than a ramp reference",
+    "Reported, unless on the deliberate-exception list",
+  ],
+  [
+    "A proposed role used in several places by more than one feature",
+    "Nominated for promotion",
+  ],
+  [
+    "A proposed role still used once, some time later",
+    "Nominated for deletion",
+  ],
+  ["A deprecated role still referenced", "Fails, naming its replacement"],
+  [
+    "Any legal text-on-background pairing below contrast threshold",
+    "Fails, in either mode",
+  ],
+];
+
+export function GrowthPage() {
+  return (
+    <>
+      <PageHeader
+        title="Growing the system"
+        intro="Need something the system doesn't have? Add it, mark it proposed, keep working. There is no gate and no separate mechanism for one-offs — the moment the legal path is slower than writing a raw value, the system starts being bypassed."
+      />
+
+      <Section
+        title="The procedure"
+        description="Runs per change, by whoever needs the value. Nothing here needs permission, and every addition arrives in the same change that needed it, carrying its values, its description, and its owner."
+      >
+        <ol className="flex flex-col gap-2 rounded-lg border border-secondary bg-panel px-5 py-4">
+          {GROWTH_PROCEDURE.map((step, index) => (
+            <li key={step} className="flex gap-3">
+              <span className="w-4 shrink-0 text-sm font-semibold text-accent">
+                {index + 1}
+              </span>
+              <span className="text-sm leading-relaxed text-secondary">
+                {step}
+              </span>
+            </li>
+          ))}
+        </ol>
+      </Section>
+
+      <Section
+        title="The audit"
+        description="Runs on a schedule rather than per change. It reports rather than silently rewrites, except where the fix is unambiguous. Growth without pruning is how a system accumulates thirteen transparencies of one colour."
+      >
+        <div className="rounded-lg border border-secondary bg-panel px-5">
+          {AUDIT.map(([check, action]) => (
+            <div
+              key={check}
+              className="flex flex-col gap-1 border-b border-tertiary py-3 last:border-b-0 sm:flex-row sm:gap-4"
+            >
+              <span className="flex-1 text-xs text-primary">{check}</span>
+              <span className="flex-1 text-xs text-secondary">{action}</span>
+            </div>
+          ))}
+        </div>
+      </Section>
+
+      <Note>
+        Promotion from proposed to core is a metadata change, not a rename.
+        Renaming call sites would give promotion a migration cost, and anything
+        with a cost does not happen.
+      </Note>
+    </>
+  );
+}
diff --git a/desktop-next/src/features/design-system/ui/MotionPage.tsx b/desktop-next/src/features/design-system/ui/MotionPage.tsx
new file mode 100644
index 0000000000..63f568fb82
--- /dev/null
+++ b/desktop-next/src/features/design-system/ui/MotionPage.tsx
@@ -0,0 +1,41 @@
+import { PageHeader, Section, Stub } from "./primitives";
+
+export function MotionPage() {
+  return (
+    <>
+      <PageHeader
+        title="Motion"
+        status="not started"
+        intro="No durations or easings are defined yet. The rules that govern them already exist in DESIGN.md, which is the harder half."
+      />
+
+      <Section title="What this page will hold">
+        <Stub
+          what="Duration and easing tokens, and the named roles that pair them: a state change, an element entering, an overlay opening, a drag settling."
+          decide={[
+            "The duration steps, and which is the default",
+            "Easing curves, and which motions get a spring rather than a curve",
+            "How reduced-motion preferences are honoured at the token level rather than per component",
+          ]}
+        />
+      </Section>
+
+      <Section
+        title="Rules that already apply"
+        description="These are in DESIGN.md and do not wait for the tokens."
+      >
+        <ul className="flex list-disc flex-col gap-2 pl-5">
+          {[
+            "Direct manipulation follows the pointer exactly, with no easing — smoothing during a drag reads as lag. Spring physics belongs to what happens after release.",
+            "Never animate blur. Re-blurring a large surface every frame is expensive enough to feel. Animate opacity instead.",
+            "Motion explains a change; it does not decorate one. If removing an animation loses no information, remove it.",
+          ].map((rule) => (
+            <li key={rule} className="text-sm leading-relaxed text-secondary">
+              {rule}
+            </li>
+          ))}
+        </ul>
+      </Section>
+    </>
+  );
+}
diff --git a/desktop-next/src/features/design-system/ui/OverviewPage.tsx b/desktop-next/src/features/design-system/ui/OverviewPage.tsx
new file mode 100644
index 0000000000..11fe050188
--- /dev/null
+++ b/desktop-next/src/features/design-system/ui/OverviewPage.tsx
@@ -0,0 +1,81 @@
+import { Link } from "@tanstack/react-router";
+
+import { GRAMMAR } from "@/shared/tokens/registry";
+
+import { PageHeader, Section } from "./primitives";
+
+const LAYERS: Array<[string, string, string]> = [
+  ["Layer 0", "a hue", "a theme package, or a person's preference"],
+  ["Layer 1", "--accent-1…12   --neutral-1…12   --glass-1…5", "private ramps"],
+  ["Layer 2", "--bg-accent: var(--accent-9)", "public roles, point at steps"],
+  ["Layer 3", "bg-accent", "components, roles only"],
+];
+
+export function OverviewPage() {
+  return (
+    <>
+      <PageHeader
+        title="Buzz Design System"
+        intro="A colour system small enough to hold in your head and precise enough that an agent picks the right value unsupervised. Structural colour is named and closed, because there are only a few right answers. Accent colour is a slot a theme or a person fills, because it should change without touching a component."
+      />
+
+      <Section
+        title="The layers"
+        description="Only the role layer is ever used when building a screen. That separation is what lets the entire look change without editing a component."
+      >
+        <div className="flex flex-col gap-2 rounded-lg border border-secondary bg-inset px-5 py-4">
+          {LAYERS.map(([layer, what, why]) => (
+            <div key={layer} className="flex flex-wrap items-baseline gap-x-4">
+              <span className="w-16 shrink-0 text-xs font-semibold text-tertiary">
+                {layer}
+              </span>
+              <code className="min-w-0 flex-1 text-xs text-primary">
+                {what}
+              </code>
+              <span className="text-xs text-secondary">{why}</span>
+            </div>
+          ))}
+        </div>
+      </Section>
+
+      <Section title="The grammar">
+        <div className="rounded-lg bg-inverse px-5 py-4">
+          <code className="text-sm font-medium text-on-inverse">{GRAMMAR}</code>
+        </div>
+        <p className="text-xs text-secondary">
+          The order is fixed, so there is one correct spelling. See{" "}
+          <Link to="/design/vocabulary" className="text-accent underline">
+            the vocabulary
+          </Link>{" "}
+          for every word a token can be built from.
+        </p>
+      </Section>
+
+      <Section
+        title="Where this stands"
+        description="Colour is complete and ready to build against. Typography, spacing, radius, and motion are not started — their pages say what is still to decide rather than pretending to a system that does not exist yet. Components come one at a time, as the product repeats something."
+      >
+        <div className="flex flex-wrap gap-2">
+          <Link
+            to="/design/colour"
+            className="rounded-lg bg-accent px-4 py-2 text-sm font-medium text-on-accent transition-opacity hover:opacity-90"
+          >
+            Colour
+          </Link>
+          <Link
+            to="/design/glass"
+            className="rounded-lg border border-primary px-4 py-2 text-sm text-secondary transition-colors hover:bg-hover hover:text-primary"
+          >
+            Glass
+          </Link>
+          <Link
+            to="/design/growth"
+            className="rounded-lg border border-primary px-4 py-2 text-sm text-secondary transition-colors hover:bg-hover hover:text-primary"
+          >
+            Growing the system
+          </Link>
+        </div>
+      </Section>
+    </>
+  );
+}
diff --git a/desktop-next/src/features/design-system/ui/RadiusPage.tsx b/desktop-next/src/features/design-system/ui/RadiusPage.tsx
new file mode 100644
index 0000000000..6888a94dc6
--- /dev/null
+++ b/desktop-next/src/features/design-system/ui/RadiusPage.tsx
@@ -0,0 +1,24 @@
+import { PageHeader, Section, Stub } from "./primitives";
+
+export function RadiusPage() {
+  return (
+    <>
+      <PageHeader
+        title="Radius"
+        status="not started"
+        intro="The design exploration is consistently soft — rounded panels, pill-shaped chrome, gently rounded chips — but the specific values have not been pulled into a scale yet."
+      />
+
+      <Section title="What this page will hold">
+        <Stub
+          what="A radius scale, and the named roles that point at it: the panel corner, the control corner, the chip corner, and the fully-round pill."
+          decide={[
+            "How many steps the scale needs",
+            "Which roles exist, and what each one is for",
+            "Whether nested corners follow a rule, so a control inside a panel reads correctly",
+          ]}
+        />
+      </Section>
+    </>
+  );
+}
diff --git a/desktop-next/src/features/design-system/ui/SpacingPage.tsx b/desktop-next/src/features/design-system/ui/SpacingPage.tsx
new file mode 100644
index 0000000000..88b60263ef
--- /dev/null
+++ b/desktop-next/src/features/design-system/ui/SpacingPage.tsx
@@ -0,0 +1,25 @@
+import { PageHeader, Section, Stub } from "./primitives";
+
+export function SpacingPage() {
+  return (
+    <>
+      <PageHeader
+        title="Spacing"
+        status="not started"
+        intro="Tailwind's default spacing scale is currently in play, unexamined. Whether that is the right rhythm for this design is an open decision."
+      />
+
+      <Section title="What this page will hold">
+        <Stub
+          what="A spacing scale with the same two-layer treatment as colour: raw steps below, and named roles for the spacings that carry meaning — the gutter between rows, the inset of a panel, the gap inside a control."
+          decide={[
+            "Whether the stock scale stays or the design needs its own rhythm",
+            "Which spacings are named roles rather than raw steps",
+            "Whether density varies per surface, and if so how that is expressed",
+            "The relationship between spacing and the type ramp",
+          ]}
+        />
+      </Section>
+    </>
+  );
+}
diff --git a/desktop-next/src/features/design-system/ui/TypographyPage.tsx b/desktop-next/src/features/design-system/ui/TypographyPage.tsx
new file mode 100644
index 0000000000..c221aac87f
--- /dev/null
+++ b/desktop-next/src/features/design-system/ui/TypographyPage.tsx
@@ -0,0 +1,40 @@
+import { PageHeader, Section, Stub } from "./primitives";
+
+export function TypographyPage() {
+  return (
+    <>
+      <PageHeader
+        title="Typography"
+        status="not started"
+        intro="The next system to define. The starting point is the type stack every current Buzz client already shares — Inter for interface text, a monospace for code — and the decision to make is whether the redesign keeps it."
+      />
+
+      <Section title="What this page will hold">
+        <Stub
+          what="A named size ramp where each step says what it is for, plus weight, line height, letter spacing, and the semantic text roles that sit on top of them."
+          decide={[
+            "Whether Inter stays, or the redesign wants its own face",
+            "The size ramp: how many steps, and what each one is for",
+            "Which sizes are named roles (conversation text, metadata) rather than raw steps",
+            "Weight and line-height pairings per step",
+            "How the relative-unit contract is enforced, so text follows the person's font-size preference and keyboard zoom",
+          ]}
+        />
+      </Section>
+
+      <Section
+        title="The one rule that already exists"
+        description="Anything readable uses relative units. The current client learned this the hard way: hardcoded pixel sizes freeze against zoom, and a CI guard now rejects them. Whatever ramp this becomes, it inherits that contract."
+      >
+        <div className="rounded-lg border border-secondary bg-inset px-4 py-3">
+          <p className="text-xs leading-relaxed text-secondary">
+            The Cash Sans and BlockUI type variables that appear in the design
+            exploration are contamination from another Figma library linked into
+            that file. They exist nowhere in any Buzz codebase and need no
+            cleanup — only a decision not to inherit them.
+          </p>
+        </div>
+      </Section>
+    </>
+  );
+}
diff --git a/desktop-next/src/features/design-system/ui/VocabularyPage.tsx b/desktop-next/src/features/design-system/ui/VocabularyPage.tsx
new file mode 100644
index 0000000000..850afdadaf
--- /dev/null
+++ b/desktop-next/src/features/design-system/ui/VocabularyPage.tsx
@@ -0,0 +1,76 @@
+import {
+  GRAMMAR,
+  GRAMMAR_EXAMPLES,
+  VOCABULARY,
+} from "@/shared/tokens/registry";
+
+import { Note, PageHeader, Section } from "./primitives";
+
+export function VocabularyPage() {
+  return (
+    <>
+      <PageHeader
+        title="Vocabulary"
+        intro="One list. Every token in the system is built from these words. Combining them freely is routine and needs no permission; introducing a new word is the thing the audit reports on its own line, because a new word changes the shape of the system rather than adding to it."
+      />
+
+      <Section title="The words">
+        <div className="flex flex-col gap-0 rounded-lg border border-secondary bg-panel px-5 py-2">
+          {VOCABULARY.map((group) => (
+            <div
+              key={group.group}
+              className="flex flex-wrap items-baseline gap-x-4 gap-y-1 border-b border-tertiary py-3 last:border-b-0"
+            >
+              <span className="w-24 shrink-0 text-xs font-semibold text-tertiary">
+                {group.group}
+              </span>
+              <div className="flex min-w-0 flex-1 flex-wrap gap-x-2 gap-y-1">
+                {group.words.map((word) => (
+                  <code
+                    key={word}
+                    className="rounded bg-inset px-1.5 py-0.5 text-xs text-primary"
+                  >
+                    {word}
+                  </code>
+                ))}
+              </div>
+            </div>
+          ))}
+        </div>
+      </Section>
+
+      <Section
+        title="The grammar"
+        description="A name reads property, then role, then modifier, then material, then state. The order is fixed, so an agent writing a hover for a glass surface produces the same name every time instead of two equally plausible ones."
+      >
+        <div className="rounded-lg bg-inverse px-5 py-4">
+          <code className="text-sm font-medium text-on-inverse">{GRAMMAR}</code>
+        </div>
+        <div className="flex flex-col gap-3 sm:flex-row">
+          <div className="flex-1 rounded-lg border border-success bg-success-tint px-4 py-3">
+            <p className="mb-1.5 text-xs font-semibold text-success">Legal</p>
+            {GRAMMAR_EXAMPLES.legal.map((example) => (
+              <code key={example} className="block text-xs text-success">
+                {example}
+              </code>
+            ))}
+          </div>
+          <div className="flex-1 rounded-lg border border-danger bg-danger-tint px-4 py-3">
+            <p className="mb-1.5 text-xs font-semibold text-danger">Illegal</p>
+            {GRAMMAR_EXAMPLES.illegal.map((example) => (
+              <code key={example} className="block text-xs text-danger">
+                {example}
+              </code>
+            ))}
+          </div>
+        </div>
+      </Section>
+
+      <Note>
+        One modifier, one material, one state per name. A name that does not
+        parse under this grammar is reported by the audit with its correct
+        spelling.
+      </Note>
+    </>
+  );
+}
diff --git a/desktop-next/src/features/design-system/ui/primitives.tsx b/desktop-next/src/features/design-system/ui/primitives.tsx
new file mode 100644
index 0000000000..9d80820515
--- /dev/null
+++ b/desktop-next/src/features/design-system/ui/primitives.tsx
@@ -0,0 +1,117 @@
+import type { ReactNode } from "react";
+
+/**
+ * Presentation pieces for the design system pages only. These are documentation
+ * furniture, not product components — the shared primitive layer gets built one
+ * component at a time as the product repeats something.
+ */
+
+export function PageHeader({
+  title,
+  intro,
+  status,
+}: {
+  title: string;
+  intro: string;
+  status?: string;
+}) {
+  return (
+    <header className="mb-10 flex flex-col gap-3">
+      <div className="flex flex-wrap items-center gap-3">
+        <h1 className="text-3xl font-semibold text-primary">{title}</h1>
+        {status ? <StatusPill>{status}</StatusPill> : null}
+      </div>
+      <p className="max-w-2xl text-sm leading-relaxed text-secondary">
+        {intro}
+      </p>
+    </header>
+  );
+}
+
+export function StatusPill({ children }: { children: ReactNode }) {
+  return (
+    <span className="rounded-full bg-warning-tint px-2.5 py-0.5 text-xs font-medium text-warning">
+      {children}
+    </span>
+  );
+}
+
+export function Section({
+  title,
+  description,
+  children,
+}: {
+  title: string;
+  description?: string;
+  children: ReactNode;
+}) {
+  return (
+    <section className="mb-12 flex flex-col gap-4">
+      <div className="flex flex-col gap-1.5">
+        <h2 className="text-lg font-semibold text-primary">{title}</h2>
+        {description ? (
+          <p className="max-w-2xl text-sm leading-relaxed text-secondary">
+            {description}
+          </p>
+        ) : null}
+      </div>
+      {children}
+    </section>
+  );
+}
+
+export function Note({ children }: { children: ReactNode }) {
+  return (
+    <p className="max-w-2xl rounded-lg border border-secondary bg-inset px-4 py-3 text-xs leading-relaxed text-secondary">
+      {children}
+    </p>
+  );
+}
+
+export function Stub({ what, decide }: { what: string; decide: string[] }) {
+  return (
+    <div className="flex max-w-2xl flex-col gap-3 rounded-lg border border-primary bg-inset px-5 py-4">
+      <p className="text-sm text-secondary">{what}</p>
+      <div className="flex flex-col gap-1.5">
+        <p className="text-xs font-semibold uppercase tracking-wide text-tertiary">
+          Still to decide
+        </p>
+        <ul className="flex list-disc flex-col gap-1 pl-4">
+          {decide.map((item) => (
+            <li key={item} className="text-xs text-secondary">
+              {item}
+            </li>
+          ))}
+        </ul>
+      </div>
+    </div>
+  );
+}
+
+/** Renders a live swatch of whatever a CSS custom property currently holds. */
+export function Swatch({
+  variable,
+  label,
+  sublabel,
+  translucent,
+}: {
+  variable: string;
+  label: string;
+  sublabel?: string;
+  translucent?: boolean;
+}) {
+  return (
+    <div className="flex min-w-0 flex-col gap-1.5">
+      <div
+        className={`h-16 rounded-lg border border-secondary ${
+          translucent ? "blur-chrome" : ""
+        }`}
+        style={{ background: `var(${variable})` }}
+      />
+      <code className="truncate text-xs font-medium text-primary">{label}</code>
+      {sublabel ? (
+        <span className="text-xs leading-snug text-tertiary">{sublabel}</span>
+      ) : null}
+    </div>
+  );
+}
diff --git a/desktop-next/src/main.tsx b/desktop-next/src/main.tsx
new file mode 100644
index 0000000000..62d89b66cb
--- /dev/null
+++ b/desktop-next/src/main.tsx
@@ -0,0 +1,23 @@
+import { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+import { RouterProvider, createRouter } from "@tanstack/react-router";
+
+import "./shared/styles/globals.css";
+import { routeTree } from "./app/routeTree.gen";
+
+const router = createRouter({ routeTree });
+
+declare module "@tanstack/react-router" {
+  interface Register {
+    router: typeof router;
+  }
+}
+
+const root = document.getElementById("root");
+if (!root) throw new Error("Missing #root element");
+
+createRoot(root).render(
+  <StrictMode>
+    <RouterProvider router={router} />
+  </StrictMode>,
+);
diff --git a/desktop-next/src/shared/styles/globals.css b/desktop-next/src/shared/styles/globals.css
new file mode 100644
index 0000000000..ddc273b6bf
--- /dev/null
+++ b/desktop-next/src/shared/styles/globals.css
@@ -0,0 +1,53 @@
+@import "tailwindcss";
+@import "@fontsource-variable/inter";
+@import "./tokens.css";
+
+@layer base {
+  html {
+    font-family: "Inter Variable", Inter, system-ui, sans-serif;
+    -webkit-font-smoothing: antialiased;
+  }
+
+  body {
+    margin: 0;
+    background: var(--bg-app);
+    background-attachment: fixed;
+    color: var(--text-primary);
+  }
+}
+
+/*
+ * The glass rim. Two inset shadows rather than a gradient border, because CSS
+ * borders accept only solid colours: border-image takes a gradient but ignores
+ * border-radius, and the two-background background-clip trick needs an opaque
+ * inner fill so it bleeds across a translucent surface. See DESIGN.md.
+ */
+@utility rim-glass {
+  box-shadow:
+    inset 0 1px 0 var(--rim-lit),
+    inset 0 -1px 0 var(--rim-shade);
+}
+
+@utility blur-chrome {
+  backdrop-filter: blur(var(--blur-md));
+}
+
+@utility blur-panel {
+  backdrop-filter: blur(var(--blur-lg));
+}
+
+@utility texture-dots {
+  background-image: radial-gradient(
+    var(--texture-dots-color) 1px,
+    transparent 1px
+  );
+  background-size: var(--texture-dots-size) var(--texture-dots-size);
+}
+
+@utility elevate-xs {
+  box-shadow: var(--shadow-xs);
+}
+
+@utility elevate-sm {
+  box-shadow: var(--shadow-sm);
+}
diff --git a/desktop-next/src/shared/styles/tokens.css b/desktop-next/src/shared/styles/tokens.css
new file mode 100644
index 0000000000..ca0d6803ef
--- /dev/null
+++ b/desktop-next/src/shared/styles/tokens.css
@@ -0,0 +1,338 @@
+/*
+ * Buzz colour tokens.
+ *
+ * Three layers, and only the role layer is ever used when building a screen:
+ *
+ *   LAYER 1  private ramps          --neutral-*, --accent-*, --glass-*, gradients
+ *   LAYER 2  public roles           --bg-panel, --text-secondary, ...
+ *   LAYER 3  components             bg-panel, text-secondary  (Tailwind utilities)
+ *
+ * Rules:
+ *   - Literal values exist only in the ramps. Nothing above a ramp holds one,
+ *     except the documented exceptions at the bottom of this file.
+ *   - A component never references a ramp step directly.
+ *   - Transparency is never applied to a token. It lives inside the value.
+ *   - Every role holds a light and a dark value under the same name.
+ *
+ * See DESIGN.md for the judgement this vocabulary cannot express.
+ */
+
+/* ============================================================
+   LAYER 1 — PRIVATE RAMPS
+   ============================================================ */
+
+:root {
+  /* --- Neutral. Twelve steps, each step a fixed job. -------- */
+  --neutral-1: #ffffff; /* app background        */
+  --neutral-2: #fafafa; /* subtle background     */
+  --neutral-3: #f5f5f5; /* component background  */
+  --neutral-4: #f0f0f0; /* component hover       */
+  --neutral-5: #e8e8e8; /* component selected    */
+  --neutral-6: #e5e5e5; /* subtle border         */
+  --neutral-7: #d4d4d4; /* border                */
+  --neutral-8: #b8b8b8; /* border hover          */
+  --neutral-9: #a3a3a3; /* solid fill            */
+  --neutral-10: #737373; /* solid fill hover     */
+  --neutral-11: #262626; /* dark fill            */
+  --neutral-12: #0a0a0a; /* high-contrast text   */
+
+  /* --- Accent. A slot, not a colour. -----------------------
+     Nothing above this ramp knows the hue. Replace these five
+     values to change the accent; every role below follows.
+     Reference hue: the blue from the design exploration.      */
+  --accent-2: #e7f1ff; /* tinted surface          */
+  --accent-3: #d0e3ff; /* tint hover / selected   */
+  --accent-8: #3d87ff; /* border, focus ring      */
+  --accent-9: #237eff; /* solid fill              */
+  --accent-11: #1d4ed8; /* accent text            */
+
+  /* --- Status. Same five jobs as accent, per family. -------- */
+  --danger-2: #fee2e2;
+  --danger-3: #fecaca;
+  --danger-8: #f5b5b5;
+  --danger-9: #dc2626;
+  --danger-11: #b91c1c;
+
+  --success-2: #e8f7ee;
+  --success-3: #d1f0dd;
+  --success-8: #a3e0bd;
+  --success-9: #16a34a;
+  --success-11: #15803d;
+
+  --warning-2: #fef3c7;
+  --warning-3: #fde68a;
+  --warning-8: #f2d98a;
+  --warning-9: #eab308;
+  --warning-11: #a16207;
+
+  --info-2: #e7f1ff;
+  --info-3: #d0e3ff;
+  --info-8: #b8d4ff;
+  --info-9: #3d87ff;
+  --info-11: #1d4ed8;
+
+  /* --- Glass. A translucency ramp of fills. ---------------- */
+  --glass-1: #ffffff5c; /* barely there   */
+  --glass-2: #ffffff85; /* quiet glass    */
+  --glass-3: #ffffff9e; /* default glass  */
+  --glass-4: #ffffffc7; /* glass hovered  */
+  --glass-5: #ffffffe0; /* nearly solid   */
+
+  /* --- Categorical. Named by appearance, deliberately: the
+     choice IS appearance — telling two projects apart. ------- */
+  --tint-blue: #e7f1ff;
+  --tint-purple: #f3e8ff;
+  --tint-orange: #ffedd5;
+  --tint-green: #ecfccb;
+  --tint-red: #fee2e2;
+  --tint-cyan: #cffafe;
+
+  /* --- Gradients. Numbered background treatments. ---------- */
+  --gradient-1:
+    radial-gradient(at 85% 88%, #eef2d4 0%, transparent 62%),
+    linear-gradient(158deg, #f5f7f8 0%, #dfeaf3 52%, #e9efe0 100%);
+
+  /* --- Texture. Separate from colour and gradient. --------- */
+  --texture-dots-color: #0a0a0a0f;
+  --texture-dots-size: 28px;
+
+  /* --- Blur. A separate axis from translucency. ------------ */
+  --blur-sm: 8px;
+  --blur-md: 16px;
+  --blur-lg: 32px;
+
+  /* --- Elevation. From the design exploration, unchanged. -- */
+  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.05);
+  --shadow-sm: 0 0 2px rgba(0, 0, 0, 0.1), 0 4px 8px -2px rgba(0, 0, 0, 0.06);
+}
+
+.dark {
+  --neutral-1: #0f0f0f;
+  --neutral-2: #161616;
+  --neutral-3: #1c1c1c;
+  --neutral-4: #232323;
+  --neutral-5: #2a2a2a;
+  --neutral-6: #333333;
+  --neutral-7: #424242;
+  --neutral-8: #5a5a5a;
+  --neutral-9: #6e6e6e;
+  --neutral-10: #8f8f8f;
+  --neutral-11: #e5e5e5;
+  --neutral-12: #f5f5f5;
+
+  /* Accent step 9 barely moves between modes — a saturated fill
+     reads correctly on white and on near-black. Step 11 inverts
+     direction: darker than the fill on light, lighter on dark. */
+  --accent-2: #152845;
+  --accent-3: #1a3358;
+  --accent-8: #356dbd;
+  --accent-9: #237eff;
+  --accent-11: #8fbaff;
+
+  --danger-2: #3a1515;
+  --danger-3: #4d1c1c;
+  --danger-8: #7a2e2e;
+  --danger-9: #dc2626;
+  --danger-11: #fca5a5;
+
+  --success-2: #10261a;
+  --success-3: #163524;
+  --success-8: #2a5c3f;
+  --success-9: #16a34a;
+  --success-11: #86e0aa;
+
+  --warning-2: #2e2410;
+  --warning-3: #423318;
+  --warning-8: #6b5320;
+  --warning-9: #eab308;
+  --warning-11: #f5d878;
+
+  --info-2: #152845;
+  --info-3: #1a3358;
+  --info-8: #356dbd;
+  --info-9: #3d87ff;
+  --info-11: #8fbaff;
+
+  --glass-1: #1c1c1c5c;
+  --glass-2: #1c1c1c85;
+  --glass-3: #1c1c1ca8;
+  --glass-4: #1c1c1cc7;
+  --glass-5: #1c1c1ce0;
+
+  --tint-blue: #152845;
+  --tint-purple: #2b1f45;
+  --tint-orange: #3a2412;
+  --tint-green: #23300f;
+  --tint-red: #3a1515;
+  --tint-cyan: #0e2e33;
+
+  --gradient-1:
+    radial-gradient(at 85% 88%, #23261a 0%, transparent 62%),
+    linear-gradient(158deg, #15171b 0%, #172231 52%, #191d19 100%);
+
+  --texture-dots-color: #ffffff14;
+}
+
+/* ============================================================
+   LAYER 2 — PUBLIC ROLES
+   The only layer a screen may use. Every value below points at
+   a ramp step, except the documented exceptions at the bottom.
+   ============================================================ */
+
+:root {
+  /* --- Structural surfaces. Named by region. ---------------
+     Ask one question: is it behind, on, above, or in?         */
+  --bg-app: var(--gradient-1);
+  --bg-panel: var(--neutral-1);
+  --bg-float: var(--neutral-1);
+  --bg-inset: var(--neutral-3);
+  --bg-hover: var(--neutral-4);
+
+  /* --- Emphasis. One ramp shared by text and borders. ------ */
+  --text-primary: var(--neutral-12);
+  --text-secondary: var(--neutral-10);
+  --text-tertiary: var(--neutral-9);
+  --text-disabled: var(--neutral-8);
+
+  --border-primary: var(--neutral-7);
+  --border-secondary: var(--neutral-6);
+  --border-tertiary: var(--neutral-5);
+
+  /* --- Identity. Two arrangements only: SOLID fill with
+     paired text on it, or TINT fill with coloured text.       */
+  --bg-accent: var(--accent-9);
+  --bg-accent-tint: var(--accent-2);
+  --bg-accent-tint-hover: var(--accent-3);
+  --text-accent: var(--accent-11);
+  --border-accent: var(--accent-8);
+
+  --bg-inverse: var(--neutral-11);
+  --bg-inverse-hover: var(--neutral-10);
+
+  /* --- Status. Identical shape, four times over. ----------- */
+  --bg-danger: var(--danger-9);
+  --bg-danger-tint: var(--danger-2);
+  --bg-danger-tint-hover: var(--danger-3);
+  --text-danger: var(--danger-11);
+  --border-danger: var(--danger-8);
+
+  --bg-success: var(--success-9);
+  --bg-success-tint: var(--success-2);
+  --bg-success-tint-hover: var(--success-3);
+  --text-success: var(--success-11);
+  --border-success: var(--success-8);
+
+  --bg-warning: var(--warning-9);
+  --bg-warning-tint: var(--warning-2);
+  --bg-warning-tint-hover: var(--warning-3);
+  --text-warning: var(--warning-11);
+  --border-warning: var(--warning-8);
+
+  --bg-info: var(--info-9);
+  --bg-info-tint: var(--info-2);
+  --bg-info-tint-hover: var(--info-3);
+  --text-info: var(--info-11);
+  --border-info: var(--info-8);
+
+  /* --- Material. Translucency and blur live inside the value.
+     A component never assembles them.                        */
+  --bg-chrome-glass: var(--glass-3);
+  --bg-chrome-glass-hover: var(--glass-4);
+  --bg-chrome-selected: var(--neutral-1);
+  --bg-panel-glass: var(--glass-2);
+  --bg-float-glass: var(--glass-3);
+
+  /* --- Focus. ---------------------------------------------- */
+  --ring-focus: var(--accent-8);
+
+  /* ==========================================================
+     DELIBERATE EXCEPTIONS — the entire list.
+     ==========================================================
+
+     1. Paired text. Computed from its fill's lightness rather
+        than fixed, because white is readable on a blue or
+        purple fill and unreadable on yellow or lime. Until the
+        computation lands, these hold literals.                */
+  --text-on-accent: #ffffff;
+  --text-on-inverse: var(--neutral-1);
+
+  /*  2. The glass rim. A directional light effect, not a solid
+        line: bright along the lit edge, dimmer on the opposite
+        one, from one fixed light direction every glass surface
+        in the product shares. Not on the glass ramp — that is
+        a ramp of fills, and in dark mode the fill is
+        translucent near-black while the rim stays translucent
+        white. Not one of the numbered gradients either: those
+        are background treatments, this is a material detail.
+
+        Implemented as two inset shadows because CSS borders
+        accept only solid colours. See DESIGN.md.              */
+  --rim-lit: #ffffff73;
+  --rim-shade: #ffffff1f;
+}
+
+.dark {
+  --bg-panel: var(--neutral-3);
+  --bg-float: var(--neutral-5);
+  --bg-inset: var(--neutral-2);
+  --bg-chrome-selected: var(--neutral-5);
+
+  --rim-lit: #ffffff2e;
+  --rim-shade: #ffffff0f;
+}
+
+/* ============================================================
+   LAYER 3 — TAILWIND REGISTRATION
+   `--color-*: initial` deletes Tailwind's default palette, so
+   `text-gray-500` does not exist. Only the roles above do.
+   ============================================================ */
+
+@theme inline {
+  --color-*: initial;
+
+  --color-app: var(--bg-app);
+  --color-panel: var(--bg-panel);
+  --color-float: var(--bg-float);
+  --color-inset: var(--bg-inset);
+  --color-hover: var(--bg-hover);
+
+  --color-primary: var(--text-primary);
+  --color-secondary: var(--text-secondary);
+  --color-tertiary: var(--text-tertiary);
+  --color-disabled: var(--text-disabled);
+
+  --color-accent: var(--bg-accent);
+  --color-accent-tint: var(--bg-accent-tint);
+  --color-accent-tint-hover: var(--bg-accent-tint-hover);
+  --color-on-accent: var(--text-on-accent);
+
+  --color-inverse: var(--bg-inverse);
+  --color-inverse-hover: var(--bg-inverse-hover);
+  --color-on-inverse: var(--text-on-inverse);
+
+  --color-danger: var(--bg-danger);
+  --color-danger-tint: var(--bg-danger-tint);
+  --color-danger-tint-hover: var(--bg-danger-tint-hover);
+  --color-success: var(--bg-success);
+  --color-success-tint: var(--bg-success-tint);
+  --color-success-tint-hover: var(--bg-success-tint-hover);
+  --color-warning: var(--bg-warning);
+  --color-warning-tint: var(--bg-warning-tint);
+  --color-warning-tint-hover: var(--bg-warning-tint-hover);
+  --color-info: var(--bg-info);
+  --color-info-tint: var(--bg-info-tint);
+  --color-info-tint-hover: var(--bg-info-tint-hover);
+
+  --color-chrome-glass: var(--bg-chrome-glass);
+  --color-chrome-glass-hover: var(--bg-chrome-glass-hover);
+  --color-chrome-selected: var(--bg-chrome-selected);
+  --color-panel-glass: var(--bg-panel-glass);
+  --color-float-glass: var(--bg-float-glass);
+
+  --color-tint-blue: var(--tint-blue);
+  --color-tint-purple: var(--tint-purple);
+  --color-tint-orange: var(--tint-orange);
+  --color-tint-green: var(--tint-green);
+  --color-tint-red: var(--tint-red);
+  --color-tint-cyan: var(--tint-cyan);
+}
diff --git a/desktop-next/src/shared/theme/useColorScheme.ts b/desktop-next/src/shared/theme/useColorScheme.ts
new file mode 100644
index 0000000000..f272a097b8
--- /dev/null
+++ b/desktop-next/src/shared/theme/useColorScheme.ts
@@ -0,0 +1,32 @@
+import { useCallback, useEffect, useState } from "react";
+
+const STORAGE_KEY = "buzz-next-color-scheme";
+
+export type ColorScheme = "light" | "dark";
+
+function read(): ColorScheme {
+  const stored = localStorage.getItem(STORAGE_KEY);
+  if (stored === "light" || stored === "dark") return stored;
+  return window.matchMedia("(prefers-color-scheme: dark)").matches
+    ? "dark"
+    : "light";
+}
+
+/**
+ * Light and dark are the same role names with different ramp values, so this
+ * only toggles one class on <html>. No component knows which mode is active.
+ */
+export function useColorScheme() {
+  const [scheme, setScheme] = useState<ColorScheme>(read);
+
+  useEffect(() => {
+    document.documentElement.classList.toggle("dark", scheme === "dark");
+    localStorage.setItem(STORAGE_KEY, scheme);
+  }, [scheme]);
+
+  const toggle = useCallback(() => {
+    setScheme((current) => (current === "light" ? "dark" : "light"));
+  }, []);
+
+  return { scheme, toggle };
+}
diff --git a/desktop-next/src/shared/tokens/registry.ts b/desktop-next/src/shared/tokens/registry.ts
new file mode 100644
index 0000000000..1557ccce1e
--- /dev/null
+++ b/desktop-next/src/shared/tokens/registry.ts
@@ -0,0 +1,507 @@
+/**
+ * The token registry.
+ *
+ * This is the machine-readable description of the colour system: what exists,
+ * what each name is for, what it points at, and whether it is core or proposed.
+ * The design system pages render from this, so a token added here appears in the
+ * documentation automatically and the docs cannot drift from the system.
+ *
+ * Adding to this file is a normal, unreviewed action — see the growth procedure
+ * in DESIGN.md. Every entry needs a `use` sentence and, if proposed, an `owner`.
+ */
+
+/** Whether a token is part of the vetted system or someone's addition. */
+export type TokenStatus = "core" | "proposed" | "deprecated";
+
+/** A private ramp step. Components never reference these. */
+export interface RampStep {
+  /** Position on the ramp. The number means a job, not a brightness. */
+  step: number;
+  /** What this step is for. */
+  job: string;
+  /** The CSS custom property, without `var()`. */
+  variable: string;
+}
+
+/** A private ramp. */
+export interface Ramp {
+  id: string;
+  name: string;
+  /** Why this ramp exists and how it behaves. */
+  description: string;
+  steps: RampStep[];
+  /** Rendered over the app backdrop so translucency is visible. */
+  translucent?: boolean;
+}
+
+/** A public role. The only layer a screen may use. */
+export interface Role {
+  /** The Tailwind class, e.g. `bg-panel`. */
+  token: string;
+  /** The CSS custom property backing it. */
+  variable: string;
+  /** What it points at, for display: `neutral 1`, or a note for exceptions. */
+  pointsAt: string;
+  /** One sentence: when to use this. */
+  use: string;
+  status: TokenStatus;
+  /** Required when status is `proposed`. */
+  owner?: string;
+  /** Set when the value is a literal rather than a ramp reference. */
+  exception?: string;
+}
+
+export interface RoleGroup {
+  id: string;
+  name: string;
+  description: string;
+  roles: Role[];
+}
+
+/* ============================================================
+   PRIVATE RAMPS
+   ============================================================ */
+
+const NEUTRAL_JOBS = [
+  "app background",
+  "subtle background",
+  "component background",
+  "component hover",
+  "component selected",
+  "subtle border",
+  "border",
+  "border hover",
+  "solid fill",
+  "solid fill hover",
+  "dark fill",
+  "high-contrast text",
+];
+
+/** The five accent steps any role points at. The rest exist so the ramp is
+ *  complete and interpolation stays even. */
+const IDENTITY_STEPS: Array<[number, string]> = [
+  [2, "tinted surface"],
+  [3, "tint hover / selected"],
+  [8, "border, focus ring"],
+  [9, "solid fill"],
+  [11, "accent text"],
+];
+
+function identityRamp(id: string, name: string, description: string): Ramp {
+  return {
+    id,
+    name,
+    description,
+    steps: IDENTITY_STEPS.map(([step, job]) => ({
+      step,
+      job,
+      variable: `--${id}-${step}`,
+    })),
+  };
+}
+
+export const RAMPS: Ramp[] = [
+  {
+    id: "neutral",
+    name: "Neutral",
+    description:
+      "Twelve steps, each step a fixed job. The number means a job, not a brightness — which is what lets a role encode a position that stays true across every palette.",
+    steps: NEUTRAL_JOBS.map((job, i) => ({
+      step: i + 1,
+      job,
+      variable: `--neutral-${i + 1}`,
+    })),
+  },
+  identityRamp(
+    "accent",
+    "Accent — a slot, not a colour",
+    "Nothing above this ramp knows the hue, so the accent can change, become a person's preference, or vary per theme without a single component changing. Step 9 barely moves between modes because a saturated fill reads on white and on near-black; step 11 inverts direction to stay readable.",
+  ),
+  identityRamp(
+    "danger",
+    "Danger",
+    "The same five jobs as accent. Learning one family teaches all of them.",
+  ),
+  identityRamp("success", "Success", "The same five jobs as accent."),
+  identityRamp("warning", "Warning", "The same five jobs as accent."),
+  identityRamp("info", "Info", "The same five jobs as accent."),
+  {
+    id: "glass",
+    name: "Glass",
+    description:
+      "A translucency ramp of fills. Each step is the mode's surface colour at an increasing opacity, which is what lets a hover move one step up the ramp instead of holding its own literal. Fills only — a glass surface's bright rim is a border, and it is a documented exception.",
+    translucent: true,
+    steps: [
+      { step: 1, job: "barely there", variable: "--glass-1" },
+      { step: 2, job: "quiet glass", variable: "--glass-2" },
+      { step: 3, job: "default glass", variable: "--glass-3" },
+      { step: 4, job: "glass hovered", variable: "--glass-4" },
+      { step: 5, job: "nearly solid", variable: "--glass-5" },
+    ],
+  },
+];
+
+/* ============================================================
+   PUBLIC ROLES
+   ============================================================ */
+
+function identityGroup(
+  id: string,
+  label: string,
+  description: string,
+): RoleGroup {
+  return {
+    id,
+    name: label,
+    description,
+    roles: [
+      {
+        token: `bg-${id}`,
+        variable: `--bg-${id}`,
+        pointsAt: `${id} 9`,
+        use: "The solid fill: primary buttons, active toggles. Takes its paired text.",
+        status: "core",
+      },
+      {
+        token: `text-on-${id}`,
+        variable: `--text-on-${id}`,
+        pointsAt: "computed from the fill's lightness",
+        use: `Text sitting on bg-${id}.`,
+        status: "core",
+        exception:
+          "Computed rather than fixed: white is readable on a blue or purple fill and unreadable on yellow or lime.",
+      },
+      {
+        token: `text-${id}`,
+        variable: `--text-${id}`,
+        pointsAt: `${id} 11`,
+        use: "Coloured text on a neutral background: links, labels.",
+        status: "core",
+      },
+      {
+        token: `bg-${id}-tint`,
+        variable: `--bg-${id}-tint`,
+        pointsAt: `${id} 2`,
+        use: "A tinted surface carrying meaning: chips, callouts, selected rows. Takes coloured text.",
+        status: "core",
+      },
+      {
+        token: `bg-${id}-tint-hover`,
+        variable: `--bg-${id}-tint-hover`,
+        pointsAt: `${id} 3`,
+        use: "That tinted surface hovered or selected.",
+        status: "core",
+      },
+      {
+        token: `border-${id}`,
+        variable: `--border-${id}`,
+        pointsAt: `${id} 8`,
+        use: "Focus rings and active borders.",
+        status: "core",
+      },
+    ],
+  };
+}
+
+export const ROLE_GROUPS: RoleGroup[] = [
+  {
+    id: "surfaces",
+    name: "Structural surfaces",
+    description:
+      "Named and closed, because there are only a few right answers and guessing produces a broken interface. Ask one question: is it behind, on, above, or in?",
+    roles: [
+      {
+        token: "bg-app",
+        variable: "--bg-app",
+        pointsAt: "gradient-1",
+        use: "The backdrop everything sits on.",
+        status: "core",
+      },
+      {
+        token: "bg-panel",
+        variable: "--bg-panel",
+        pointsAt: "neutral 1 light / neutral 3 dark",
+        use: "Everything sitting on the backdrop: the navigation column, content, timelines, cards, rows.",
+        status: "core",
+      },
+      {
+        token: "bg-float",
+        variable: "--bg-float",
+        pointsAt: "neutral 1 light / neutral 5 dark",
+        use: "Anything hovering above the page: menus, dialogs, tooltips, toasts. Shares a light value with bg-panel and diverges in dark, because a shadow cannot carry elevation on a near-black background.",
+        status: "core",
+      },
+      {
+        token: "bg-inset",
+        variable: "--bg-inset",
+        pointsAt: "neutral 3 light / neutral 2 dark",
+        use: "Anything pushed in: inputs, code blocks, quotes.",
+        status: "core",
+      },
+      {
+        token: "bg-hover",
+        variable: "--bg-hover",
+        pointsAt: "neutral 4",
+        use: "Any neutral row or item under the cursor. Region-less — it works on any neutral surface, which is why there is only one of them.",
+        status: "core",
+      },
+    ],
+  },
+  {
+    id: "emphasis",
+    name: "Emphasis",
+    description:
+      "One three-level ramp shared by text and borders: normal, lesser, really lesser. States that are not levels of emphasis get their own names rather than extending the ramp.",
+    roles: [
+      {
+        token: "text-primary",
+        variable: "--text-primary",
+        pointsAt: "neutral 12",
+        use: "Normal reading text.",
+        status: "core",
+      },
+      {
+        token: "text-secondary",
+        variable: "--text-secondary",
+        pointsAt: "neutral 10",
+        use: "Supporting text: author names, labels.",
+        status: "core",
+      },
+      {
+        token: "text-tertiary",
+        variable: "--text-tertiary",
+        pointsAt: "neutral 9",
+        use: "Metadata: timestamps, counts, hints.",
+        status: "core",
+      },
+      {
+        token: "text-disabled",
+        variable: "--text-disabled",
+        pointsAt: "neutral 8",
+        use: "Unavailable. A state, not a fourth level of the ramp.",
+        status: "core",
+      },
+      {
+        token: "border-primary",
+        variable: "--border-primary",
+        pointsAt: "neutral 7",
+        use: "The default visible line.",
+        status: "core",
+      },
+      {
+        token: "border-secondary",
+        variable: "--border-secondary",
+        pointsAt: "neutral 6",
+        use: "A lighter separator inside a group.",
+        status: "core",
+      },
+      {
+        token: "border-tertiary",
+        variable: "--border-tertiary",
+        pointsAt: "neutral 5",
+        use: "The faintest line.",
+        status: "core",
+      },
+    ],
+  },
+  identityGroup(
+    "accent",
+    "Accent",
+    "Two arrangements and no third: a solid fill with paired text on it, or a tint fill with coloured text on it. There is deliberately nothing between them.",
+  ),
+  {
+    id: "inverse",
+    name: "Inverse",
+    description:
+      "A high-contrast fill for surfaces that must stand apart from everything: tooltips, toasts.",
+    roles: [
+      {
+        token: "bg-inverse",
+        variable: "--bg-inverse",
+        pointsAt: "neutral 11",
+        use: "High-contrast fill: tooltips, toasts.",
+        status: "core",
+      },
+      {
+        token: "bg-inverse-hover",
+        variable: "--bg-inverse-hover",
+        pointsAt: "neutral 10",
+        use: "Its hover. Step 10 sits on the light side of step 11 in the light ramp and the dark side in the dark ramp, so the hover inverts direction with no special-casing.",
+        status: "core",
+      },
+      {
+        token: "text-on-inverse",
+        variable: "--text-on-inverse",
+        pointsAt: "computed from the fill's lightness",
+        use: "Text sitting on bg-inverse.",
+        status: "core",
+        exception: "Computed rather than fixed.",
+      },
+    ],
+  },
+  identityGroup("danger", "Danger", "Destructive actions and error states."),
+  identityGroup("success", "Success", "Confirmation and healthy states."),
+  identityGroup("warning", "Warning", "Caution that is not yet an error."),
+  identityGroup("info", "Info", "Neutral information and guidance."),
+  {
+    id: "material",
+    name: "Material",
+    description:
+      "A translucent blurred surface is the same region in a different material. Translucency and blur live inside the value; a component never assembles them from a fill, a transparency, and a blur amount.",
+    roles: [
+      {
+        token: "bg-chrome-glass",
+        variable: "--bg-chrome-glass",
+        pointsAt: "glass 3 + blur-md",
+        use: "The top bar and floating chrome.",
+        status: "core",
+      },
+      {
+        token: "bg-chrome-glass-hover",
+        variable: "--bg-chrome-glass-hover",
+        pointsAt: "glass 4 + blur-md",
+        use: "A chrome control under the cursor. A glass hover moves one step up the ramp, changing opacity and never blur.",
+        status: "core",
+      },
+      {
+        token: "bg-chrome-selected",
+        variable: "--bg-chrome-selected",
+        pointsAt: "neutral 1 light / neutral 5 dark",
+        use: "The selected item inside chrome. Carries no material suffix because omitting it means opaque — on glass, elevation reads as less translucency, not a lighter colour.",
+        status: "core",
+      },
+      {
+        token: "bg-panel-glass",
+        variable: "--bg-panel-glass",
+        pointsAt: "glass 2 + blur-lg",
+        use: "A panel that should let the backdrop through.",
+        status: "core",
+      },
+      {
+        token: "bg-float-glass",
+        variable: "--bg-float-glass",
+        pointsAt: "glass 3 + blur-md",
+        use: "A floating surface that should let content through.",
+        status: "core",
+      },
+    ],
+  },
+  {
+    id: "focus",
+    name: "Focus",
+    description: "Focus is part of the design, never an artefact to suppress.",
+    roles: [
+      {
+        token: "ring-focus",
+        variable: "--ring-focus",
+        pointsAt: "accent 8",
+        use: "The keyboard focus ring.",
+        status: "core",
+      },
+    ],
+  },
+  {
+    id: "categorical",
+    name: "Categorical tints",
+    description:
+      "The one documented exception to naming colours after their job: telling two projects apart genuinely is a choice about appearance, and pretending otherwise would push people back to raw values.",
+    roles: (["blue", "purple", "orange", "green", "red", "cyan"] as const).map(
+      (hue) => ({
+        token: `bg-tint-${hue}`,
+        variable: `--tint-${hue}`,
+        pointsAt: "a literal, by design",
+        use: `A categorical ${hue} tint for distinguishing one thing from another.`,
+        status: "core" as TokenStatus,
+        exception: "Named by appearance because the choice is appearance.",
+      }),
+    ),
+  },
+];
+
+/* ============================================================
+   THE VOCABULARY
+   Every token in the system is built from these words. A new name
+   combining existing words is routine; a new WORD is what the
+   audit reports on its own line.
+   ============================================================ */
+
+export const VOCABULARY: Array<{ group: string; words: string[] }> = [
+  { group: "property", words: ["bg", "text", "border", "ring"] },
+  { group: "region", words: ["app", "panel", "float", "chrome", "inset"] },
+  { group: "emphasis", words: ["primary", "secondary", "tertiary"] },
+  { group: "state", words: ["hover", "selected", "disabled"] },
+  { group: "material", words: ["glass"] },
+  { group: "modifier", words: ["tint"] },
+  { group: "identity", words: ["accent", "inverse"] },
+  { group: "status", words: ["success", "warning", "danger", "info"] },
+  { group: "paired", words: ["on-accent", "on-inverse"] },
+  {
+    group: "categorical",
+    words: [
+      "tint-blue",
+      "tint-purple",
+      "tint-orange",
+      "tint-green",
+      "tint-red",
+      "tint-cyan",
+    ],
+  },
+];
+
+export const GRAMMAR = "<property>-<role>[-<modifier>][-<material>][-<state>]";
+
+/** Fixed order, so there is only one correct spelling. */
+export const GRAMMAR_EXAMPLES = {
+  legal: ["bg-chrome-glass-hover", "bg-accent-tint-hover", "text-secondary"],
+  illegal: ["bg-chrome-hover-glass", "bg-hover-chrome"],
+};
+
+/** Runs per change, by whoever needs the value. Nothing here needs permission. */
+export const GROWTH_PROCEDURE = [
+  "Search the role list by intent, not by colour.",
+  "A state of an existing role — add the -hover, -selected, or -disabled sibling with both values.",
+  "A material variant of an existing role — add the -glass sibling with both values and its blur token.",
+  "A new role using existing words — add the name, both values, a one-sentence description, and an owner.",
+  "A new hue — generate its ramp, add roles pointing at steps. Never a literal.",
+  "A new vocabulary word — allowed, but it is the thing the audit reports on its own line, so use an existing word if one fits.",
+  "Never write a raw value. If nothing above applies, say so rather than reaching for a literal.",
+];
+
+export const ELEVATION = [
+  {
+    token: "shadow-xs",
+    variable: "--shadow-xs",
+    use: "The default lift: a selected pill, a small raised control.",
+  },
+  {
+    token: "shadow-sm",
+    variable: "--shadow-sm",
+    use: "A floating surface: menus, dialogs, popovers.",
+  },
+];
+
+export const BLUR = [
+  { token: "blur-sm", variable: "--blur-sm", value: "8px" },
+  { token: "blur-md", variable: "--blur-md", value: "16px" },
+  { token: "blur-lg", variable: "--blur-lg", value: "32px" },
+];
+
+/** The entire exception list. Everything else points at a ramp step. */
+export const EXCEPTIONS = [
+  {
+    name: "text-on-accent, text-on-inverse",
+    why: "Computed from their fill's lightness rather than fixed, because white is readable on a blue or purple fill and unreadable on yellow or lime. This is what keeps a free choice of accent hue from becoming a contrast lottery.",
+  },
+  {
+    name: "--rim-lit, --rim-shade",
+    why: "The glass rim is a directional light effect, not a solid line. It is not on the glass ramp — that is a ramp of fills, and in dark mode the fill is translucent near-black while the rim stays translucent white. It is not one of the numbered gradients either: those are background treatments, this is a material detail.",
+  },
+  {
+    name: "gradient-1, texture-dots",
+    why: "Not colours in the ramp sense.",
+  },
+  {
+    name: "the categorical tints",
+    why: "Named by appearance because the choice is appearance.",
+  },
+];
diff --git a/desktop-next/src/vite-env.d.ts b/desktop-next/src/vite-env.d.ts
new file mode 100644
index 0000000000..11f02fe2a0
--- /dev/null
+++ b/desktop-next/src/vite-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="vite/client" />
diff --git a/desktop-next/tsconfig.json b/desktop-next/tsconfig.json
new file mode 100644
index 0000000000..c41c555c93
--- /dev/null
+++ b/desktop-next/tsconfig.json
@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "ES2022", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    "paths": { "@/*": ["./src/*"] },
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["src"]
+}
diff --git a/desktop-next/vite.config.ts b/desktop-next/vite.config.ts
new file mode 100644
index 0000000000..216f719887
--- /dev/null
+++ b/desktop-next/vite.config.ts
@@ -0,0 +1,21 @@
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+import { tanstackRouter } from "@tanstack/router-plugin/vite";
+
+export default defineConfig({
+  plugins: [
+    tanstackRouter({
+      target: "react",
+      routesDirectory: "./src/app/routes",
+      generatedRouteTree: "./src/app/routeTree.gen.ts",
+      quoteStyle: "double",
+      semicolons: true,
+      routeTreeFileHeader: [
+        "// biome-ignore-all lint: generated by TanStack Router",
+      ],
+    }),
+    react(),
+  ],
+  resolve: { alias: { "@": "/src" } },
+  server: { port: 1430, strictPort: true },
+});
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 95612ae1fd..8cf7f5bc9f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -302,6 +302,49 @@ importers:
         specifier: ^8.0.0
         version: 8.0.16(@types/node@25.6.0)(jiti@2.7.0)(yaml@2.9.0)
 
+  desktop-next:
+    dependencies:
+      '@base-ui-components/react':
+        specifier: 1.0.0-rc.0
+        version: 1.0.0-rc.0(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)
+      '@fontsource-variable/inter':
+        specifier: ^5.2.8
+        version: 5.2.8
+      '@tanstack/react-router':
+        specifier: ^1.168.10
+        version: 1.170.7(react-dom@19.2.8(react@19.2.8))(react@19.2.8)
+      react:
+        specifier: ^19.1.0
+        version: 19.2.8
+      react-dom:
+        specifier: ^19.1.0
+        version: 19.2.8(react@19.2.8)
+    devDependencies:
+      '@tailwindcss/postcss':
+        specifier: ^4.3.0
+        version: 4.3.0
+      '@tanstack/router-plugin':
+        specifier: ^1.167.12
+        version: 1.168.10(@tanstack/react-router@1.170.7(react-dom@19.2.8(react@19.2.8))(react@19.2.8))(vite@8.0.16(@types/node@25.6.0)(jiti@2.7.0)(yaml@2.9.0))
+      '@types/react':
+        specifier: ^19.1.8
+        version: 19.2.18
+      '@types/react-dom':
+        specifier: ^19.1.6
+        version: 19.2.4(@types/react@19.2.18)
+      '@vitejs/plugin-react':
+        specifier: ^6.0.0
+        version: 6.0.5(vite@8.0.16(@types/node@25.6.0)(jiti@2.7.0)(yaml@2.9.0))
+      tailwindcss:
+        specifier: ^4.3.0
+        version: 4.3.0
+      typescript:
+        specifier: ~6.0.0
+        version: 6.0.3
+      vite:
+        specifier: ^8.0.0
+        version: 8.0.16(@types/node@25.6.0)(jiti@2.7.0)(yaml@2.9.0)
+
   web:
     dependencies:
       '@fontsource-variable/inter':
@@ -420,10 +463,6 @@ packages:
   '@asamuzakjp/nwsapi@2.3.9':
     resolution: {integrity: sha512-n8GuYSrI9bF7FFZ/SjhwevlHc8xaVlb/7HmHelnc/PZXBD2ZR49NnN9sMMuDdEGPeeRQ5d0hqlSlEpgCX3Wl0Q==}
 
-  '@babel/code-frame@7.29.0':
-    resolution: {integrity: sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==}
-    engines: {node: '>=6.9.0'}
-
   '@babel/code-frame@7.29.7':
     resolution: {integrity: sha512-Aup7aUOfpbAUg2ROOJN6Iw5f9DMBlzu0mIkm/malLQFN/YQgO48wCj0Kxa3sEHJvPVFg7siR+qRInwXd2qhQKw==}
     engines: {node: '>=6.9.0'}
@@ -466,10 +505,6 @@ packages:
     resolution: {integrity: sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-validator-identifier@7.28.5':
-    resolution: {integrity: sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==}
-    engines: {node: '>=6.9.0'}
-
   '@babel/helper-validator-identifier@7.29.7':
     resolution: {integrity: sha512-qehxGkRj55h/ff8EMaJ+cYhyaKlHIxqYDn682wQD7RNp9UujOQsHog2uS0r2vzr4pW+sXf90NeeayjcNaX3fFg==}
     engines: {node: '>=6.9.0'}
@@ -515,6 +550,29 @@ packages:
     resolution: {integrity: sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==}
     engines: {node: '>=6.9.0'}
 
+  '@base-ui-components/react@1.0.0-rc.0':
+    resolution: {integrity: sha512-9lhUFbJcbXvc9KulLev1WTFxS/alJRBWDH/ibKSQaNvmDwMFS2gKp1sTeeldYSfKuS/KC1w2MZutc0wHu2hRHQ==}
+    engines: {node: '>=14.0.0'}
+    deprecated: Package was renamed to @base-ui/react
+    peerDependencies:
+      '@types/react': ^17 || ^18 || ^19
+      react: ^17 || ^18 || ^19
+      react-dom: ^17 || ^18 || ^19
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@base-ui-components/utils@0.2.2':
+    resolution: {integrity: sha512-rNJCD6TFy3OSRDKVHJDzLpxO3esTV1/drRtWNUpe7rCpPN9HZVHUCuP+6rdDYDGWfXnQHbqi05xOyRP2iZAlkw==}
+    deprecated: Package was renamed to @base-ui/utils
+    peerDependencies:
+      '@types/react': ^17 || ^18 || ^19
+      react: ^17 || ^18 || ^19
+      react-dom: ^17 || ^18 || ^19
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
   '@biomejs/biome@2.4.16':
     resolution: {integrity: sha512-x9ajFh1zChVybCiM3TN6OD4phAqLgtPZjFrZF+aTMYCPjwBO+k529TX7PPsAqtGNLeV4UgzwQnowEgS7bGmzcA==}
     engines: {node: '>=14.21.3'}
@@ -537,7 +595,6 @@ packages:
     engines: {node: '>=14.21.3'}
     cpu: [arm64]
     os: [linux]
-    libc: [musl]
 
   '@biomejs/cli-linux-arm64@2.4.16':
     resolution: {integrity: sha512-2kFb4//jxfZaP6D+Rj5VkHkxgyD9EoRAVBEQb8PKRv+s4NO2zYNJKXFaJmK1CmhufJOWEfpHKaRbOja7qjmdhQ==}
@@ -558,7 +615,6 @@ packages:
     engines: {node: '>=14.21.3'}
     cpu: [x64]
     os: [linux]
-    libc: [glibc]
 
   '@biomejs/cli-win32-arm64@2.4.16':
     resolution: {integrity: sha512-0rgImMsNb5v/chhkIFe3wu7PEFClS6RBAYUijGL9UsYN3PanSaoK24HSSuSJb1pYbYYVjzAyZTl3gtjJ84BM8A==}
@@ -1512,7 +1568,6 @@ packages:
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [ppc64]
     os: [linux]
-    libc: [glibc]
 
   '@rolldown/binding-linux-s390x-gnu@1.0.3':
     resolution: {integrity: sha512-Iq4ko0r4XsgbrF/LunNgHtAGLRRVE2kXonAXQ/MV0mC6jQpMOhW1SvtZja2EhC/kd05++bP78dsqBeIQyYJ6Yg==}
@@ -1663,7 +1718,6 @@ packages:
     engines: {node: '>= 20'}
     cpu: [x64]
     os: [linux]
-    libc: [musl]
 
   '@tailwindcss/oxide-wasm32-wasi@4.3.0':
     resolution: {integrity: sha512-HNZGOUxEmElksYR7S6sC5jTeNGpobAsy9u7Gu0AskJ8/20FR9GqebUyB+HBcU/ax6BHuiuJi+Oda4B+YX6H1yA==}
@@ -1801,14 +1855,12 @@ packages:
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
-    libc: [glibc]
 
   '@tauri-apps/cli-linux-arm64-musl@2.11.4':
     resolution: {integrity: sha512-v277UnT/fB64xAfSroL5N3Km3tLmvATWqJJw/wRI+g6o+HkeD0slyE7gOhNs1MbjE41R7bQOTxMVoL3aomUJmw==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
-    libc: [musl]
 
   '@tauri-apps/cli-linux-riscv64-gnu@2.11.4':
     resolution: {integrity: sha512-qqgNkQ2u1yZHxjhxsZaxUtRDW8dIqIYm33rx/mzwQv0SfY9x1B+iraj8vWeFiXjjSVVhEMepXSOts1TqPzvXNQ==}
@@ -1822,14 +1874,12 @@ packages:
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
-    libc: [glibc]
 
   '@tauri-apps/cli-linux-x64-musl@2.11.4':
     resolution: {integrity: sha512-o9GyhYor/nc7xarmwDE3ka2szuW3uuZzXjHWh64Q8YX5AtSgxdQkFWzrY4O8KiGtVNvFBI14H3Q49Qj5TOIP/A==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
-    libc: [musl]
 
   '@tauri-apps/cli-win32-arm64-msvc@2.11.4':
     resolution: {integrity: sha512-ld5Ehb598m0VkYyylRPNeCFsBe/km0jxis6KgMpl3IGY6I/i1RwQXO05I1AsXUXO2WC6AvB/Lw4qTf/asiuEiQ==}
@@ -2753,7 +2803,6 @@ packages:
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [linux]
-    libc: [glibc]
 
   lightningcss-linux-x64-musl@1.32.0:
     resolution: {integrity: sha512-bYcLp+Vb0awsiXg/80uCRezCYHNg1/l3mt0gzHnWV9XP1W5sKa5/TCdGWaR/zBM2PeF/HbsQv/j2URNOiVuxWg==}
@@ -3006,11 +3055,6 @@ packages:
   ms@2.1.3:
     resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
 
-  nanoid@3.3.16:
-    resolution: {integrity: sha512-bzlKTyNJ7+LdGIIwy8ijFpIqEQIvafahV7eYykJ8Cvh42EdJeODoJ6gUJXpQJvej1BddH8OqTXZNE/KfbWAu8Q==}
-    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
-    hasBin: true
-
   nanoid@3.3.17:
     resolution: {integrity: sha512-xQLf0A3HOMlgHq0n247/LRuAOYmB7dXJ/DvAxGvsSBij45XtBSmQycu+F8ODbHwns/XyFZagyL1+J0Offw1E0g==}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
@@ -3078,10 +3122,6 @@ packages:
   picocolors@1.1.1:
     resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
 
-  picomatch@4.0.5:
-    resolution: {integrity: sha512-RvwwcruNjI1ncT5xRakeyS9Lf8lcItv34KD+aif+VH9kduAyfYBipGh12274xtenIPZ119/R9BdTBa8gAwSh0A==}
-    engines: {node: '>=12'}
-
   picomatch@4.0.7:
     resolution: {integrity: sha512-qcJu88Q2IWqJsDD529JKMdwGm/dvInW4HvQnRwiH9JtihJvzGOscDtHE3x1pBKeUOTysQ8kVmLnJ2kJu7yhcGA==}
     engines: {node: '>=12'}
@@ -3112,10 +3152,6 @@ packages:
     resolution: {integrity: sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==}
     engines: {node: '>=4'}
 
-  postcss@8.5.19:
-    resolution: {integrity: sha512-Mz8SaolMd8nB+G13WkORcxQKHZ/NE4xXevtkJHVuG+guo9/wYKlIMTKAqGdEmYOXR2ijPjTYNHssizdaVSUNdQ==}
-    engines: {node: ^10 || ^12 || >=14}
-
   postcss@8.5.26:
     resolution: {integrity: sha512-u82N74LFzG8ca+dD8puPnplTXoGH4fTPpVGuIbt36G3qvNlkvfD0lEAZSxaly3KX8TS/L1A1gsCEmvKmBcVbkQ==}
     engines: {node: ^10 || ^12 || >=14}
@@ -3293,6 +3329,9 @@ packages:
   require-main-filename@2.0.0:
     resolution: {integrity: sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==}
 
+  reselect@5.3.0:
+    resolution: {integrity: sha512-XGoLeRAVzUTcJ1qkxPQhDJyIZ5d6zzZD9nT7AEZOaaU9UbWclhycElmhO+VD5bFeLuzhPBaOV2oXC8uG35ZSpg==}
+
   rolldown@1.0.3:
     resolution: {integrity: sha512-i00lAJ2ks1BYr7rjNjKC7BcqAS7nVfiT3QX1SI5aY+AFHblCmaUf9OE9dbdzDvW6dJxbi2ZCZiy9v3CcwOiX3g==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -3403,6 +3442,9 @@ packages:
   symbol-tree@3.2.4:
     resolution: {integrity: sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==}
 
+  tabbable@6.5.0:
+    resolution: {integrity: sha512-wieBHXygIm7OyQOu5hQlkk62/WyCFYGlWg7L6/ZCUZwx0o398Zkn4pVmMyfYhfMG8kGrj/Krt8eIk6UKC6VzwA==}
+
   tailwind-merge@3.6.0:
     resolution: {integrity: sha512-uxL7qAVQriqRQPAyK3pj66VqskWqoZ37PW94jwOTwNfq/z9oyu1V+eqrZqtR2+fCiXdYOZe/Modt8GtvqNzu+w==}
 
@@ -3694,7 +3736,7 @@ packages:
     engines: {node: '>=8'}
 
   wrappy@1.0.2:
-    resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
+    resolution: {integrity: sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=}
 
   ws@8.21.1:
     resolution: {integrity: sha512-+0NTnW77fFN/DjQi6k/Sq/Yvk4Sgajw7urW8V+asjXnRgDs9gyGkdb7EzgfhA4goXsRIZKE28fzIXBHEzhuiWw==}
@@ -3766,12 +3808,6 @@ snapshots:
 
   '@asamuzakjp/nwsapi@2.3.9': {}
 
-  '@babel/code-frame@7.29.0':
-    dependencies:
-      '@babel/helper-validator-identifier': 7.28.5
-      js-tokens: 4.0.0
-      picocolors: 1.1.1
-
   '@babel/code-frame@7.29.7':
     dependencies:
       '@babel/helper-validator-identifier': 7.29.7
@@ -3782,7 +3818,7 @@ snapshots:
 
   '@babel/core@7.29.0':
     dependencies:
-      '@babel/code-frame': 7.29.0
+      '@babel/code-frame': 7.29.7
       '@babel/generator': 7.29.1
       '@babel/helper-compilation-targets': 7.28.6
       '@babel/helper-module-transforms': 7.28.6(@babel/core@7.29.0)
@@ -3829,7 +3865,7 @@ snapshots:
     dependencies:
       '@babel/core': 7.29.0
       '@babel/helper-module-imports': 7.28.6
-      '@babel/helper-validator-identifier': 7.28.5
+      '@babel/helper-validator-identifier': 7.29.7
       '@babel/traverse': 7.29.0
     transitivePeerDependencies:
       - supports-color
@@ -3838,8 +3874,6 @@ snapshots:
 
   '@babel/helper-string-parser@7.27.1': {}
 
-  '@babel/helper-validator-identifier@7.28.5': {}
-
   '@babel/helper-validator-identifier@7.29.7': {}
 
   '@babel/helper-validator-option@7.27.1': {}
@@ -3867,13 +3901,13 @@ snapshots:
 
   '@babel/template@7.28.6':
     dependencies:
-      '@babel/code-frame': 7.29.0
+      '@babel/code-frame': 7.29.7
       '@babel/parser': 7.29.3
       '@babel/types': 7.29.0
 
   '@babel/traverse@7.29.0':
     dependencies:
-      '@babel/code-frame': 7.29.0
+      '@babel/code-frame': 7.29.7
       '@babel/generator': 7.29.1
       '@babel/helper-globals': 7.28.0
       '@babel/parser': 7.29.3
@@ -3886,7 +3920,32 @@ snapshots:
   '@babel/types@7.29.0':
     dependencies:
       '@babel/helper-string-parser': 7.27.1
-      '@babel/helper-validator-identifier': 7.28.5
+      '@babel/helper-validator-identifier': 7.29.7
+
+  '@base-ui-components/react@1.0.0-rc.0(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)':
+    dependencies:
+      '@babel/runtime': 7.29.7
+      '@base-ui-components/utils': 0.2.2(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)
+      '@floating-ui/react-dom': 2.1.9(react-dom@19.2.8(react@19.2.8))(react@19.2.8)
+      '@floating-ui/utils': 0.2.12
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+      reselect: 5.3.0
+      tabbable: 6.5.0
+      use-sync-external-store: 1.6.0(react@19.2.8)
+    optionalDependencies:
+      '@types/react': 19.2.18
+
+  '@base-ui-components/utils@0.2.2(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)':
+    dependencies:
+      '@babel/runtime': 7.29.7
+      '@floating-ui/utils': 0.2.12
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+      reselect: 5.3.0
+      use-sync-external-store: 1.6.0(react@19.2.8)
+    optionalDependencies:
+      '@types/react': 19.2.18
 
   '@biomejs/biome@2.4.16':
     optionalDependencies:
@@ -6398,8 +6457,6 @@ snapshots:
 
   ms@2.1.3: {}
 
-  nanoid@3.3.16: {}
-
   nanoid@3.3.17: {}
 
   node-releases@2.0.46: {}
@@ -6466,8 +6523,6 @@ snapshots:
 
   picocolors@1.1.1: {}
 
-  picomatch@4.0.5: {}
-
   picomatch@4.0.7: {}
 
   pify@4.0.1: {}
@@ -6489,12 +6544,6 @@ snapshots:
       cssesc: 3.0.0
       util-deprecate: 1.0.2
 
-  postcss@8.5.19:
-    dependencies:
-      nanoid: 3.3.16
-      picocolors: 1.1.1
-      source-map-js: 1.2.1
-
   postcss@8.5.26:
     dependencies:
       nanoid: 3.3.17
@@ -6737,6 +6786,8 @@ snapshots:
 
   require-main-filename@2.0.0: {}
 
+  reselect@5.3.0: {}
+
   rolldown@1.0.3:
     dependencies:
       '@oxc-project/types': 0.133.0
@@ -6864,6 +6915,8 @@ snapshots:
 
   symbol-tree@3.2.4: {}
 
+  tabbable@6.5.0: {}
+
   tailwind-merge@3.6.0: {}
 
   tailwindcss@4.3.0: {}
@@ -7017,8 +7070,8 @@ snapshots:
   vite@8.0.16(@types/node@25.6.0)(jiti@2.7.0)(yaml@2.9.0):
     dependencies:
       lightningcss: 1.32.0
-      picomatch: 4.0.5
-      postcss: 8.5.19
+      picomatch: 4.0.7
+      postcss: 8.5.26
       rolldown: 1.0.3
       tinyglobby: 0.2.17
     optionalDependencies:
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index be122c50ce..a1bbc5bc7f 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -1,5 +1,6 @@
 packages:
   - "desktop"
+  - "desktop-next"
   - "web"
   - "admin-web"
 allowBuilds:

From 30847f42ffb4a08b45499a861b24af684403f2e0 Mon Sep 17 00:00:00 2001
From: morgmart <98432065+morgmart@users.noreply.github.com>
Date: Thu, 3 Sep 2026 12:50:39 -0700
Subject: [PATCH 02/33] feat(desktop-next): add the type system, fix
 unreachable border roles
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The design system site rendered black borders and dividers while the tokens
said `#d4d4d4`. The border roles were declared in layer 2 and never registered
with Tailwind, so `border-primary` silently resolved to `--color-primary` — the
*text* colour — and every hairline drew at text contrast. Tailwind's `--color-*`
is a single namespace and text/borders share the emphasis names while holding
different values, so borders now register as `--border-color-*`.

Add typography as the second foundation, same three layers as colour: a nine-step
size ramp plus leading, tracking, and weight ramps in layer 1; ten public roles
in layer 2, each carrying its whole setting via Tailwind v4's
`--text-<name>--<property>` convention, so `text-body` alone produces correctly
set text and two supposedly identical labels cannot drift apart. Inter Variable
and JetBrains Mono, both already shipped in every current Buzz client. Every
size derives from one virtual rem, so keyboard zoom and the font-size preference
work by construction.

Soften the documentation surface to match where the product is going: regions
separated by soft fills rather than outlines, hairlines only for genuine
boundaries and never above `border-secondary`, no page-wide gradient behind
reading columns, and no all-caps labels anywhere.

The `/design/typography` page renders from the registry, so it cannot drift from
the system. Add `scripts/check-type.mjs` enforcing the four rules a token cannot
express — no arbitrary sizes (px or rem), no `uppercase`, no hand-applied
tracking, no size role paired with a weight or leading utility.

Also collapse the nav to a wrapped row below `lg`; the fixed 256px column
overflowed the viewport under 420px.

Signed-off-by: morgmart <98432065+morgmart@users.noreply.github.com>
---
 desktop-next/AGENTS.md                        |  60 ++++-
 desktop-next/DESIGN.md                        |  13 +-
 desktop-next/package.json                     |   6 +-
 desktop-next/scripts/check-type.mjs           | 125 ++++++++++
 desktop-next/src/app/routes/index.tsx         |   6 +-
 .../features/design-system/ui/ColourPage.tsx  |  37 ++-
 .../design-system/ui/DesignSystemLayout.tsx   |  43 ++--
 .../design-system/ui/ElevationPage.tsx        |   6 +-
 .../features/design-system/ui/GlassPage.tsx   |  14 +-
 .../features/design-system/ui/GrowthPage.tsx  |  16 +-
 .../features/design-system/ui/MotionPage.tsx  |   2 +-
 .../design-system/ui/OverviewPage.tsx         |  26 +-
 .../design-system/ui/TypographyPage.tsx       | 149 +++++++++--
 .../design-system/ui/VocabularyPage.tsx       |  20 +-
 .../features/design-system/ui/primitives.tsx  |  68 ++++--
 desktop-next/src/shared/styles/globals.css    |   7 +-
 desktop-next/src/shared/styles/tokens.css     |  11 +
 desktop-next/src/shared/styles/typography.css | 231 ++++++++++++++++++
 desktop-next/src/shared/tokens/registry.ts    | 181 ++++++++++++++
 pnpm-lock.yaml                                |   3 +
 20 files changed, 879 insertions(+), 145 deletions(-)
 create mode 100644 desktop-next/scripts/check-type.mjs
 create mode 100644 desktop-next/src/shared/styles/typography.css

diff --git a/desktop-next/AGENTS.md b/desktop-next/AGENTS.md
index 1ae429ab4a..3244d42cca 100644
--- a/desktop-next/AGENTS.md
+++ b/desktop-next/AGENTS.md
@@ -32,10 +32,16 @@ Port 1430, so it can run alongside the existing client on 1420.
 
 ```bash
 pnpm typecheck      # tsc --noEmit
-pnpm check          # biome
+pnpm check          # biome + the type-system guard
+pnpm check:type     # the type-system guard alone
 pnpm biome check --write .   # auto-fix
 ```
 
+`scripts/check-type.mjs` enforces four things the type system cannot express as
+a token: no arbitrary text sizes (px **or** rem), no `uppercase`, no
+hand-applied `tracking-*`, and no size role paired with a weight or leading
+utility. Each one is a defect the existing client already paid for.
+
 ---
 
 ## Stack, and why
@@ -52,6 +58,53 @@ dependency.
 
 ---
 
+## The type system
+
+Same three layers as colour, and the same rule: only roles are used when
+building a screen.
+
+```
+LAYER 1   --type-size-1…9  --type-leading-*  --type-tracking-*  --type-weight-*
+LAYER 2   --text-body: var(--type-size-4)   + its line height, tracking, weight
+LAYER 3   text-body
+```
+
+**A role carries its whole typographic setting**, using Tailwind v4's
+`--text-<name>--<property>` convention. So `text-body` sets size, line height,
+letter spacing, and weight together — never pair a size role with a separate
+`font-medium` or `leading-*`, because that is how two supposedly identical labels
+drift apart.
+
+Ten roles: `text-display`, `text-title`, `text-heading`, `text-subheading`,
+`text-body-lg`, `text-body`, `text-label`, `text-caption`, `text-meta`,
+`text-code`. Two faces: `font-sans` (Inter Variable) and `font-mono`
+(JetBrains Mono) — both already shipped in every current Buzz client.
+
+Hard rules:
+
+- **Never a px size.** Everything derives from one virtual rem, so keyboard zoom
+  and the font-size preference both work by construction. A px literal breaks
+  both, which the existing client learned by shipping the regression.
+- **No `uppercase`, no hand-applied `tracking-*`.** All-caps labels are less
+  legible and read as enterprise chrome; tracking is already corrected per step.
+- **Size roles and colour roles never collide.** Colour registers in
+  Tailwind's `--color-*` namespace and is named for emphasis (`text-primary`);
+  size registers in `--text-*` and is named for an editorial job (`text-body`).
+  So `text-primary text-body` is one colour plus one setting, and no name ever
+  means both.
+
+### Borders register in their own namespace
+
+`--color-*` is a single namespace, and text and borders share the emphasis names
+`primary` / `secondary` / `tertiary` while holding different values — text at the
+dark end of the neutral ramp, borders at the light end. Border roles therefore
+register as `--border-color-*`, not `--color-border-*`.
+
+Get this wrong and there is no error: `border-primary` silently resolves to the
+*text* colour and every hairline in the product draws at near-black. That is not
+hypothetical — it shipped, and it is why the first design system site had black
+dividers while the tokens said `#d4d4d4`.
+
 ## The colour system
 
 Three layers. Only the role layer is ever used when building a screen.
@@ -134,8 +187,9 @@ time as the product repeats something — see DESIGN.md § Components.
 
 Deliberately, so nobody assumes it was forgotten:
 
-- **Typography, spacing, radius, and motion tokens.** Their `/design` pages state
-  what is still to decide rather than pretending to a system. Typography is next.
+- **Spacing, radius, and motion tokens.** Their `/design` pages state what is
+  still to decide rather than pretending to a system. Typography has landed;
+  spacing is next.
 - **Any product component.** No Button, no Dialog, no input layer.
 - **Tauri.** This is a web app for now; the native shell comes with the app shell.
 - **Relay, auth, event handling.** None of it. When it arrives it comes from the
diff --git a/desktop-next/DESIGN.md b/desktop-next/DESIGN.md
index 0f5be1e4a4..2e964b4ca0 100644
--- a/desktop-next/DESIGN.md
+++ b/desktop-next/DESIGN.md
@@ -11,7 +11,9 @@ Buzz is a place where people build together and bring their agents into the room
 ## Surface and depth
 
 - **Panels sit on the backdrop; the backdrop is a gradient.** Everything else is a panel in a different place. The navigation column is not a special kind of surface.
-- **Depth comes from hairline borders and near-invisible shadows, not from many surface colours.** Reach for a border before reaching for a new fill.
+- **A region is separated by a soft fill, not by an outline.** Reach for `bg-inset` before reaching for a border. A bordered box announces its own edges; a filled one lets the content sit in a place. Grouping is the common case, so the quiet treatment is the default one.
+- **A border is for a genuine boundary, and never above `border-secondary`.** A hairline that reads as a line — rather than as the edge where two surfaces meet — is too strong. Text and borders share the emphasis names but not their values: text lives at the dark end of the neutral ramp, borders at the light end. If a divider looks like text, it is pointed at the wrong role.
+- **No page-wide gradient behind documentation or dense reading.** The gradient is the product's backdrop for chrome and panels. Behind a column of prose it fights the text and makes contrast position-dependent — such surfaces sit on `bg-panel`.
 - **Shadows stay at the threshold of perception.** If a shadow is obvious, it is too strong. The two elevation values are the whole vocabulary.
 - **Elevation is carried by shadow in light mode and by lightness in dark mode.** On a near-black background there is nothing darker for a shadow to cast, so a floating surface becomes a step lighter instead. Never reach for a stronger shadow to make something float in dark mode.
 - **On a translucent surface, elevation reads as less translucency, not as a lighter colour.** A glass container with a fully opaque child looks layered; the same container with a merely brighter child looks unchanged.
@@ -36,6 +38,15 @@ Buzz is a place where people build together and bring their agents into the room
 - **Borders use the same three levels, and they mean the same thing.** Learn the ramp once.
 - **Weight and size carry hierarchy before colour does.** Reaching for a louder colour to fix hierarchy usually means the size relationship is wrong.
 
+## Type
+
+- **A type role carries its whole setting.** Size, line height, letter spacing, and weight are one decision, not four. `text-body` alone produces correctly set text — never pair a size role with a separate weight or leading utility, because that is how two supposedly identical labels drift apart.
+- **Roles are named for the job the text does, never for its size.** `text-title`, not `text-28`. A size name is a value in disguise and goes stale the moment the ramp moves.
+- **Never all-caps, and never tracked-out labels.** A capitalised label is harder to read than its sentence-case version and reads as enterprise chrome. A quiet label earns its quietness from size and colour — `text-meta` on `text-tertiary` — rather than from being shouted. There is deliberately no uppercase utility in this system.
+- **Every size is relative.** Nothing may be expressed in px: fixed pixel text freezes against keyboard zoom and ignores the person's font-size preference. The existing client shipped a regression from exactly this.
+- **Tracking is an optical correction, not a style.** Inter needs progressively tighter spacing as it grows. The ramp already applies it per step; do not add tracking by hand.
+- **Code is one step below body.** At equal size a monospace face reads larger than Inter and pulls the eye off the sentence.
+
 ## Both modes
 
 - **Design in both modes, not in light and then dark.** Dark is not a filter applied afterwards: elevation, glass, and accent text all behave differently there.
diff --git a/desktop-next/package.json b/desktop-next/package.json
index c0c8917de9..aa996daad8 100644
--- a/desktop-next/package.json
+++ b/desktop-next/package.json
@@ -9,12 +9,14 @@
     "typecheck": "tsc --noEmit",
     "preview": "vite preview",
     "lint": "biome lint .",
-    "check": "biome check .",
-    "format": "biome format --write ."
+    "check": "biome check . && node scripts/check-type.mjs",
+    "format": "biome format --write .",
+    "check:type": "node scripts/check-type.mjs"
   },
   "dependencies": {
     "@base-ui-components/react": "1.0.0-rc.0",
     "@fontsource-variable/inter": "^5.2.8",
+    "@fontsource/jetbrains-mono": "^5.3.0",
     "@tanstack/react-router": "^1.168.10",
     "react": "^19.1.0",
     "react-dom": "^19.1.0"
diff --git a/desktop-next/scripts/check-type.mjs b/desktop-next/scripts/check-type.mjs
new file mode 100644
index 0000000000..3833679f1f
--- /dev/null
+++ b/desktop-next/scripts/check-type.mjs
@@ -0,0 +1,125 @@
+#!/usr/bin/env node
+/**
+ * Type-system guard.
+ *
+ * Three rules from DESIGN.md § Type, enforced rather than trusted. Each one has
+ * already cost the existing client real work:
+ *
+ *   1. No arbitrary text sizes — `text-[15px]`, `text-[0.9rem]`, `font-size:`.
+ *      Fixed px froze against keyboard zoom and shipped a message-timeline
+ *      regression; arbitrary rem re-fragments the scale we just consolidated.
+ *   2. No `uppercase` / `tracking-*` utilities. All-caps labels are less legible
+ *      and read as enterprise chrome, and tracking is corrected per ramp step.
+ *   3. No size role paired with a weight or leading utility. A role carries its
+ *      whole setting; pairing one with `font-medium` is how two supposedly
+ *      identical labels drift apart.
+ *
+ * Run: pnpm check:type
+ */
+
+import { readdirSync, readFileSync, statSync } from "node:fs";
+import { join, relative } from "node:path";
+
+const SRC = new URL("../src", import.meta.url).pathname;
+
+/** Size roles a component may use. Kept in sync with typography.css. */
+const SIZE_ROLES = [
+  "display",
+  "title",
+  "heading",
+  "subheading",
+  "body-lg",
+  "body",
+  "label",
+  "caption",
+  "meta",
+  "code",
+];
+
+const RULES = [
+  {
+    id: "arbitrary-text-size",
+    // text-[...] with any unit, plus raw CSS font-size declarations.
+    pattern: /\btext-\[[^\]]*(?:px|rem|em|pt|%)[^\]]*\]|font-size\s*:/g,
+    message:
+      "arbitrary text size — use a named role (text-body, text-label, …). px freezes against zoom; arbitrary rem re-fragments the scale.",
+  },
+  {
+    id: "uppercase",
+    // Only inside a className/class string — otherwise prose describing the
+    // rule trips it, and a guard that cries wolf gets ignored.
+    pattern: /class(?:Name)?=(?:"|'|`)[^"'`]*\buppercase\b/g,
+    message:
+      "all-caps text — DESIGN.md § Type forbids it. A quiet label uses text-meta on text-tertiary instead.",
+  },
+  {
+    id: "manual-tracking",
+    pattern: /\btracking-(?:tighter|tight|normal|wide|wider|widest|\[)/g,
+    message:
+      "hand-applied tracking — the ramp already corrects tracking per step.",
+  },
+  {
+    id: "role-plus-weight",
+    // A size role sharing a *className string* with a weight or leading
+    // utility. Anchoring to the attribute keeps the ramp's own
+    // `--text-body--line-height` declarations out of it — those are the
+    // definitions, not a component overriding one.
+    pattern: new RegExp(
+      `class(?:Name)?=(?:"|'|\`)[^"'\`]*\\btext-(?:${SIZE_ROLES.join("|")})\\b[^"'\`]*\\b(?:font-(?:thin|extralight|light|normal|medium|semibold|bold|extrabold|black)|leading-)`,
+      "g",
+    ),
+    message:
+      "size role paired with a weight/leading utility — a role already carries its whole setting.",
+  },
+];
+
+function walk(dir) {
+  return readdirSync(dir).flatMap((entry) => {
+    const full = join(dir, entry);
+    if (statSync(full).isDirectory()) return walk(full);
+    return /\.(tsx?|css)$/.test(full) ? [full] : [];
+  });
+}
+
+const failures = [];
+
+for (const file of walk(SRC)) {
+  const source = readFileSync(file, "utf8");
+  // The typography ramp itself is the one place literals are legal — it is
+  // layer 1, where values live by design.
+  const isRamp = file.endsWith("typography.css");
+  const lines = source.split("\n");
+
+  lines.forEach((line, index) => {
+    // Skip comment-only lines: the docs quote the very patterns they forbid.
+    const trimmed = line.trim();
+    if (
+      trimmed.startsWith("*") ||
+      trimmed.startsWith("//") ||
+      trimmed.startsWith("/*")
+    ) {
+      return;
+    }
+
+    for (const rule of RULES) {
+      if (isRamp && rule.id === "arbitrary-text-size") continue;
+      rule.pattern.lastIndex = 0;
+      const match = rule.pattern.exec(line);
+      if (match) {
+        failures.push(
+          `${relative(process.cwd(), file)}:${index + 1}  ${rule.id}\n    ${trimmed}\n    → ${rule.message}`,
+        );
+      }
+    }
+  });
+}
+
+if (failures.length > 0) {
+  console.error(
+    `\n✗ Type system: ${failures.length} violation${failures.length === 1 ? "" : "s"}\n`,
+  );
+  console.error(`${failures.join("\n\n")}\n`);
+  process.exit(1);
+}
+
+console.log("✓ Type system: no violations");
diff --git a/desktop-next/src/app/routes/index.tsx b/desktop-next/src/app/routes/index.tsx
index cab3393803..bf23e9dbea 100644
--- a/desktop-next/src/app/routes/index.tsx
+++ b/desktop-next/src/app/routes/index.tsx
@@ -3,14 +3,14 @@ import { Link, createFileRoute } from "@tanstack/react-router";
 function Home() {
   return (
     <div className="flex min-h-screen flex-col items-center justify-center gap-4 px-6 text-center">
-      <h1 className="text-2xl font-semibold text-primary">Buzz</h1>
-      <p className="max-w-md text-sm text-secondary">
+      <h1 className="text-title text-primary">Buzz</h1>
+      <p className="max-w-md text-body-lg text-secondary">
         The new client. Nothing here yet — the shell and its capabilities come
         later. The design system is the foundation being built first.
       </p>
       <Link
         to="/design"
-        className="rounded-lg bg-accent px-4 py-2 text-sm font-medium text-on-accent transition-opacity hover:opacity-90"
+        className="rounded-lg bg-accent px-4 py-2 text-label text-on-accent transition-opacity hover:opacity-90"
       >
         Open the design system
       </Link>
diff --git a/desktop-next/src/features/design-system/ui/ColourPage.tsx b/desktop-next/src/features/design-system/ui/ColourPage.tsx
index a146faf766..05ab4037de 100644
--- a/desktop-next/src/features/design-system/ui/ColourPage.tsx
+++ b/desktop-next/src/features/design-system/ui/ColourPage.tsx
@@ -11,23 +11,23 @@ function RoleRow({ role }: { role: Role }) {
   return (
     <div className="flex items-start gap-4 border-b border-tertiary py-3 last:border-b-0">
       <div
-        className="mt-0.5 h-9 w-16 shrink-0 rounded-md border border-secondary"
+        className="mt-0.5 h-9 w-16 shrink-0 rounded-md border border-tertiary"
         style={{ background: `var(${role.variable})` }}
       />
       <div className="flex min-w-0 flex-1 flex-col gap-1">
         <div className="flex flex-wrap items-center gap-2">
-          <code className="text-sm font-medium text-primary">{role.token}</code>
-          <span className="text-xs text-tertiary">{role.pointsAt}</span>
+          <code className="text-label text-primary">{role.token}</code>
+          <span className="text-caption text-tertiary">{role.pointsAt}</span>
           {role.status !== "core" ? (
-            <span className="rounded-full bg-warning-tint px-2 py-0.5 text-xs font-medium text-warning">
+            <span className="rounded-full bg-warning-tint px-2 py-0.5 text-meta text-warning">
               {role.status}
               {role.owner ? ` · ${role.owner}` : ""}
             </span>
           ) : null}
         </div>
-        <p className="text-xs leading-relaxed text-secondary">{role.use}</p>
+        <p className="text-caption text-secondary">{role.use}</p>
         {role.exception ? (
-          <p className="text-xs leading-relaxed text-tertiary">
+          <p className="text-caption text-tertiary">
             Exception: {role.exception}
           </p>
         ) : null}
@@ -52,10 +52,8 @@ export function ColourPage() {
           {RAMPS.map((ramp) => (
             <div key={ramp.id} className="flex flex-col gap-3">
               <div className="flex flex-col gap-1">
-                <h3 className="text-sm font-semibold text-primary">
-                  {ramp.name}
-                </h3>
-                <p className="max-w-2xl text-xs leading-relaxed text-secondary">
+                <h3 className="text-label text-primary">{ramp.name}</h3>
+                <p className="max-w-2xl text-caption text-secondary">
                   {ramp.description}
                 </p>
               </div>
@@ -89,14 +87,12 @@ export function ColourPage() {
           {ROLE_GROUPS.map((group) => (
             <div key={group.id} className="flex flex-col gap-2">
               <div className="flex flex-col gap-1">
-                <h3 className="text-sm font-semibold text-primary">
-                  {group.name}
-                </h3>
-                <p className="max-w-2xl text-xs leading-relaxed text-secondary">
+                <h3 className="text-label text-primary">{group.name}</h3>
+                <p className="max-w-2xl text-caption text-secondary">
                   {group.description}
                 </p>
               </div>
-              <div className="rounded-lg border border-secondary bg-panel px-4">
+              <div className="rounded-xl bg-inset px-5">
                 {group.roles.map((role) => (
                   <RoleRow key={role.token} role={role} />
                 ))}
@@ -112,14 +108,9 @@ export function ColourPage() {
       >
         <div className="flex flex-col gap-3">
           {EXCEPTIONS.map((exception) => (
-            <div
-              key={exception.name}
-              className="rounded-lg border border-secondary bg-inset px-4 py-3"
-            >
-              <code className="text-xs font-medium text-primary">
-                {exception.name}
-              </code>
-              <p className="mt-1 text-xs leading-relaxed text-secondary">
+            <div key={exception.name} className="rounded-xl bg-inset px-5 py-4">
+              <code className="text-meta text-primary">{exception.name}</code>
+              <p className="mt-1 text-caption text-secondary">
                 {exception.why}
               </p>
             </div>
diff --git a/desktop-next/src/features/design-system/ui/DesignSystemLayout.tsx b/desktop-next/src/features/design-system/ui/DesignSystemLayout.tsx
index a6216225b7..7b1ba6408f 100644
--- a/desktop-next/src/features/design-system/ui/DesignSystemLayout.tsx
+++ b/desktop-next/src/features/design-system/ui/DesignSystemLayout.tsx
@@ -33,10 +33,10 @@ function NavLink({ to, children }: { to: string; children: ReactNode }) {
   return (
     <Link
       to={to}
-      className="block rounded-md px-3 py-1.5 text-sm text-secondary transition-colors hover:bg-hover hover:text-primary"
+      className="block rounded-lg px-3 py-2 text-label text-secondary transition-colors hover:bg-hover hover:text-primary"
       activeProps={{
         className:
-          "block rounded-md px-3 py-1.5 text-sm bg-accent-tint text-primary font-medium",
+          "block rounded-lg px-3 py-2 text-label bg-accent-tint text-accent",
       }}
     >
       {children}
@@ -48,37 +48,44 @@ export function DesignSystemLayout() {
   const { scheme, toggle } = useColorScheme();
 
   return (
-    <div className="flex min-h-screen">
+    /* Narrow: the nav stacks above the content as a wrapped list, because a
+       256px column beside a reading column leaves neither enough room. From lg
+       it becomes the sticky side rail. */
+    <div className="flex min-h-screen flex-col bg-panel lg:flex-row">
       <nav
         aria-label="Design system"
-        className="sticky top-0 flex h-screen w-60 shrink-0 flex-col gap-6 overflow-y-auto border-r border-secondary bg-panel px-4 py-6"
+        className="flex shrink-0 flex-col gap-8 px-4 py-8 lg:sticky lg:top-0 lg:h-screen lg:w-64 lg:overflow-y-auto"
       >
         <div className="px-3">
-          <Link to="/design" className="text-sm font-semibold text-primary">
+          <Link to="/design" className="text-label text-primary">
             Buzz Design System
           </Link>
-          <p className="mt-1 text-xs text-tertiary">
+          <p className="mt-1 text-caption text-tertiary">
             Rendered from the tokens themselves
           </p>
         </div>
 
-        <div className="flex flex-1 flex-col gap-5">
+        <div className="flex flex-1 flex-col gap-6 lg:gap-7">
           {SECTIONS.map((section) => (
-            <div key={section.heading} className="flex flex-col gap-0.5">
-              <h2 className="px-3 pb-1 text-xs font-semibold uppercase tracking-wide text-tertiary">
+            <div key={section.heading} className="flex flex-col gap-1">
+              <h2 className="px-3 pb-1.5 text-meta text-tertiary">
                 {section.heading}
               </h2>
               {section.items.length === 0 ? (
-                <p className="px-3 py-1 text-xs text-tertiary">
+                <p className="max-w-prose px-3 py-1 text-caption text-tertiary">
                   None yet — the primitive layer gets built one component at a
                   time, as the product repeats something.
                 </p>
               ) : (
-                section.items.map(([label, to]) => (
-                  <NavLink key={to} to={to}>
-                    {label}
-                  </NavLink>
-                ))
+                /* Narrow: links wrap as a row so the nav costs a few lines
+                   instead of a screen. From lg they return to a column. */
+                <div className="flex flex-wrap gap-1 lg:flex-col">
+                  {section.items.map(([label, to]) => (
+                    <NavLink key={to} to={to}>
+                      {label}
+                    </NavLink>
+                  ))}
+                </div>
               )}
             </div>
           ))}
@@ -88,14 +95,14 @@ export function DesignSystemLayout() {
           type="button"
           onClick={toggle}
           aria-label={`Switch to ${scheme === "light" ? "dark" : "light"} mode`}
-          className="mx-3 rounded-md border border-primary bg-panel px-3 py-1.5 text-xs text-secondary transition-colors hover:bg-hover hover:text-primary"
+          className="mx-3 self-start rounded-lg bg-inset px-3 py-2 text-label text-secondary transition-colors hover:bg-hover hover:text-primary"
         >
           {scheme === "light" ? "Dark mode" : "Light mode"}
         </button>
       </nav>
 
-      <main className="min-w-0 flex-1 px-10 py-10">
-        <div className="mx-auto max-w-4xl">
+      <main className="min-w-0 flex-1 px-6 py-10 sm:px-10 lg:px-16">
+        <div className="mx-auto max-w-3xl">
           <Outlet />
         </div>
       </main>
diff --git a/desktop-next/src/features/design-system/ui/ElevationPage.tsx b/desktop-next/src/features/design-system/ui/ElevationPage.tsx
index 707bc183c9..cbaee31b71 100644
--- a/desktop-next/src/features/design-system/ui/ElevationPage.tsx
+++ b/desktop-next/src/features/design-system/ui/ElevationPage.tsx
@@ -18,11 +18,9 @@ export function ElevationPage() {
                 className="flex h-24 w-44 items-center justify-center rounded-xl bg-panel"
                 style={{ boxShadow: `var(${level.variable})` }}
               >
-                <code className="text-xs font-medium text-primary">
-                  {level.token}
-                </code>
+                <code className="text-meta text-primary">{level.token}</code>
               </div>
-              <span className="max-w-44 text-xs leading-snug text-secondary">
+              <span className="max-w-44 text-caption text-secondary">
                 {level.use}
               </span>
             </div>
diff --git a/desktop-next/src/features/design-system/ui/GlassPage.tsx b/desktop-next/src/features/design-system/ui/GlassPage.tsx
index 9485f000ab..3789c7e37f 100644
--- a/desktop-next/src/features/design-system/ui/GlassPage.tsx
+++ b/desktop-next/src/features/design-system/ui/GlassPage.tsx
@@ -18,8 +18,8 @@ function ChromePill() {
           type="button"
           className={
             selected
-              ? "elevate-xs rounded-full bg-chrome-selected px-5 py-2 text-sm font-medium text-primary"
-              : "rounded-full px-5 py-2 text-sm text-secondary transition-colors hover:bg-chrome-glass-hover hover:text-primary"
+              ? "elevate-xs rounded-full bg-chrome-selected px-5 py-2 text-label text-primary"
+              : "rounded-full px-5 py-2 text-body text-secondary transition-colors hover:bg-chrome-glass-hover hover:text-primary"
           }
         >
           {label}
@@ -44,7 +44,7 @@ export function GlassPage() {
         <div className="texture-dots flex items-center justify-center rounded-xl bg-app px-8 py-12">
           <ChromePill />
         </div>
-        <div className="flex flex-col gap-1 text-xs text-secondary">
+        <div className="flex flex-col gap-1 text-caption text-secondary">
           <span>
             container <code className="text-primary">bg-chrome-glass</code> +{" "}
             <code className="text-primary">rim-glass</code> +{" "}
@@ -84,10 +84,8 @@ export function GlassPage() {
               className="flex flex-col items-center gap-2 rounded-lg bg-chrome-glass px-6 py-5"
               style={{ backdropFilter: `blur(${blur.value})` }}
             >
-              <code className="text-xs font-medium text-primary">
-                {blur.token}
-              </code>
-              <span className="text-xs text-tertiary">{blur.value}</span>
+              <code className="text-meta text-primary">{blur.token}</code>
+              <span className="text-caption text-tertiary">{blur.value}</span>
             </div>
           ))}
         </div>
@@ -98,7 +96,7 @@ export function GlassPage() {
         description="A deliberate exception: two literal values, not a ramp step and not one of the numbered gradients. Those are background treatments; this is a material detail. Real glass catches light along one edge and falls away on the opposite one, so the rim is a directional pair from one fixed light direction that every glass surface shares."
       >
         <div className="rounded-lg bg-inverse px-5 py-4">
-          <code className="whitespace-pre text-xs leading-relaxed text-on-inverse">
+          <code className="whitespace-pre text-caption text-on-inverse">
             {`box-shadow:\n  inset 0  1px 0 var(--rim-lit),\n  inset 0 -1px 0 var(--rim-shade);`}
           </code>
         </div>
diff --git a/desktop-next/src/features/design-system/ui/GrowthPage.tsx b/desktop-next/src/features/design-system/ui/GrowthPage.tsx
index 71c9e7fb31..a38a49d5f0 100644
--- a/desktop-next/src/features/design-system/ui/GrowthPage.tsx
+++ b/desktop-next/src/features/design-system/ui/GrowthPage.tsx
@@ -48,15 +48,13 @@ export function GrowthPage() {
         title="The procedure"
         description="Runs per change, by whoever needs the value. Nothing here needs permission, and every addition arrives in the same change that needed it, carrying its values, its description, and its owner."
       >
-        <ol className="flex flex-col gap-2 rounded-lg border border-secondary bg-panel px-5 py-4">
+        <ol className="flex flex-col gap-2 rounded-xl bg-inset px-5 py-4">
           {GROWTH_PROCEDURE.map((step, index) => (
             <li key={step} className="flex gap-3">
-              <span className="w-4 shrink-0 text-sm font-semibold text-accent">
+              <span className="w-4 shrink-0 text-label text-accent">
                 {index + 1}
               </span>
-              <span className="text-sm leading-relaxed text-secondary">
-                {step}
-              </span>
+              <span className="text-body text-secondary">{step}</span>
             </li>
           ))}
         </ol>
@@ -66,14 +64,16 @@ export function GrowthPage() {
         title="The audit"
         description="Runs on a schedule rather than per change. It reports rather than silently rewrites, except where the fix is unambiguous. Growth without pruning is how a system accumulates thirteen transparencies of one colour."
       >
-        <div className="rounded-lg border border-secondary bg-panel px-5">
+        <div className="rounded-xl bg-inset px-5">
           {AUDIT.map(([check, action]) => (
             <div
               key={check}
               className="flex flex-col gap-1 border-b border-tertiary py-3 last:border-b-0 sm:flex-row sm:gap-4"
             >
-              <span className="flex-1 text-xs text-primary">{check}</span>
-              <span className="flex-1 text-xs text-secondary">{action}</span>
+              <span className="flex-1 text-caption text-primary">{check}</span>
+              <span className="flex-1 text-caption text-secondary">
+                {action}
+              </span>
             </div>
           ))}
         </div>
diff --git a/desktop-next/src/features/design-system/ui/MotionPage.tsx b/desktop-next/src/features/design-system/ui/MotionPage.tsx
index 63f568fb82..5fb0ae6e0b 100644
--- a/desktop-next/src/features/design-system/ui/MotionPage.tsx
+++ b/desktop-next/src/features/design-system/ui/MotionPage.tsx
@@ -30,7 +30,7 @@ export function MotionPage() {
             "Never animate blur. Re-blurring a large surface every frame is expensive enough to feel. Animate opacity instead.",
             "Motion explains a change; it does not decorate one. If removing an animation loses no information, remove it.",
           ].map((rule) => (
-            <li key={rule} className="text-sm leading-relaxed text-secondary">
+            <li key={rule} className="text-body text-secondary">
               {rule}
             </li>
           ))}
diff --git a/desktop-next/src/features/design-system/ui/OverviewPage.tsx b/desktop-next/src/features/design-system/ui/OverviewPage.tsx
index 11fe050188..f45f7c8712 100644
--- a/desktop-next/src/features/design-system/ui/OverviewPage.tsx
+++ b/desktop-next/src/features/design-system/ui/OverviewPage.tsx
@@ -23,16 +23,16 @@ export function OverviewPage() {
         title="The layers"
         description="Only the role layer is ever used when building a screen. That separation is what lets the entire look change without editing a component."
       >
-        <div className="flex flex-col gap-2 rounded-lg border border-secondary bg-inset px-5 py-4">
+        <div className="flex flex-col gap-2 rounded-xl bg-inset px-6 py-5">
           {LAYERS.map(([layer, what, why]) => (
             <div key={layer} className="flex flex-wrap items-baseline gap-x-4">
-              <span className="w-16 shrink-0 text-xs font-semibold text-tertiary">
+              <span className="w-16 shrink-0 text-label text-tertiary">
                 {layer}
               </span>
-              <code className="min-w-0 flex-1 text-xs text-primary">
+              <code className="min-w-0 flex-1 text-caption text-primary">
                 {what}
               </code>
-              <span className="text-xs text-secondary">{why}</span>
+              <span className="text-caption text-secondary">{why}</span>
             </div>
           ))}
         </div>
@@ -40,9 +40,9 @@ export function OverviewPage() {
 
       <Section title="The grammar">
         <div className="rounded-lg bg-inverse px-5 py-4">
-          <code className="text-sm font-medium text-on-inverse">{GRAMMAR}</code>
+          <code className="text-label text-on-inverse">{GRAMMAR}</code>
         </div>
-        <p className="text-xs text-secondary">
+        <p className="text-caption text-secondary">
           The order is fixed, so there is one correct spelling. See{" "}
           <Link to="/design/vocabulary" className="text-accent underline">
             the vocabulary
@@ -53,24 +53,30 @@ export function OverviewPage() {
 
       <Section
         title="Where this stands"
-        description="Colour is complete and ready to build against. Typography, spacing, radius, and motion are not started — their pages say what is still to decide rather than pretending to a system that does not exist yet. Components come one at a time, as the product repeats something."
+        description="Colour and typography are complete and ready to build against. Spacing, radius, and motion are not started — their pages say what is still to decide rather than pretending to a system that does not exist yet. Components come one at a time, as the product repeats something."
       >
         <div className="flex flex-wrap gap-2">
           <Link
             to="/design/colour"
-            className="rounded-lg bg-accent px-4 py-2 text-sm font-medium text-on-accent transition-opacity hover:opacity-90"
+            className="rounded-lg bg-accent px-4 py-2 text-label text-on-accent transition-opacity hover:opacity-90"
           >
             Colour
           </Link>
+          <Link
+            to="/design/typography"
+            className="rounded-lg bg-inset px-4 py-2 text-body text-secondary transition-colors hover:bg-hover hover:text-primary"
+          >
+            Typography
+          </Link>
           <Link
             to="/design/glass"
-            className="rounded-lg border border-primary px-4 py-2 text-sm text-secondary transition-colors hover:bg-hover hover:text-primary"
+            className="rounded-lg bg-inset px-4 py-2 text-body text-secondary transition-colors hover:bg-hover hover:text-primary"
           >
             Glass
           </Link>
           <Link
             to="/design/growth"
-            className="rounded-lg border border-primary px-4 py-2 text-sm text-secondary transition-colors hover:bg-hover hover:text-primary"
+            className="rounded-lg bg-inset px-4 py-2 text-body text-secondary transition-colors hover:bg-hover hover:text-primary"
           >
             Growing the system
           </Link>
diff --git a/desktop-next/src/features/design-system/ui/TypographyPage.tsx b/desktop-next/src/features/design-system/ui/TypographyPage.tsx
index c221aac87f..38282df09d 100644
--- a/desktop-next/src/features/design-system/ui/TypographyPage.tsx
+++ b/desktop-next/src/features/design-system/ui/TypographyPage.tsx
@@ -1,40 +1,141 @@
-import { PageHeader, Section, Stub } from "./primitives";
+import {
+  TYPE_FAMILIES,
+  TYPE_RAMPS,
+  TYPE_ROLES,
+  type TypeRole,
+} from "@/shared/tokens/registry";
+
+import { Note, PageHeader, Row, Rows, Section } from "./primitives";
+
+/**
+ * Every specimen below is set in the role it documents, so the page is the
+ * system rather than a description of it. A role that reads badly here reads
+ * badly in the product.
+ */
+function RoleSpecimen({ role }: { role: TypeRole }) {
+  return (
+    <Row>
+      <div className="flex flex-col gap-2">
+        <p
+          className={`${role.token} ${role.mono ? "font-mono" : ""} text-primary`}
+        >
+          {role.mono ? "createChannel(name, members)" : "Bring your agents in"}
+        </p>
+        <div className="flex flex-wrap items-baseline gap-x-3 gap-y-1">
+          <code className="text-code text-accent">{role.token}</code>
+          <span className="text-meta text-tertiary">{role.pointsAt}</span>
+          <span className="text-meta text-tertiary">
+            {role.size} / {role.lineHeight} / {role.tracking} / {role.weight}
+          </span>
+        </div>
+        <p className="max-w-xl text-caption text-secondary">{role.use}</p>
+      </div>
+    </Row>
+  );
+}
 
 export function TypographyPage() {
   return (
     <>
       <PageHeader
         title="Typography"
-        status="not started"
-        intro="The next system to define. The starting point is the type stack every current Buzz client already shares — Inter for interface text, a monospace for code — and the decision to make is whether the redesign keeps it."
+        intro="Nine sizes, ten roles, two faces. A role carries its whole setting — size, line height, letter spacing, weight — because those four are one decision rather than four, so text-body alone produces correctly set text and there is nothing left to get wrong."
       />
 
-      <Section title="What this page will hold">
-        <Stub
-          what="A named size ramp where each step says what it is for, plus weight, line height, letter spacing, and the semantic text roles that sit on top of them."
-          decide={[
-            "Whether Inter stays, or the redesign wants its own face",
-            "The size ramp: how many steps, and what each one is for",
-            "Which sizes are named roles (conversation text, metadata) rather than raw steps",
-            "Weight and line-height pairings per step",
-            "How the relative-unit contract is enforced, so text follows the person's font-size preference and keyboard zoom",
-          ]}
-        />
+      <Section
+        title="The faces"
+        description="Both already ship in every current Buzz client, so this is a decision to keep rather than to make. Inter is drawn for interface text at small sizes, which is most of this product."
+      >
+        <Rows>
+          {TYPE_FAMILIES.map((family) => (
+            <Row key={family.token}>
+              <div className="flex flex-col gap-1.5">
+                <p
+                  className={`text-subheading text-primary ${
+                    family.token === "font-mono" ? "font-mono" : "font-sans"
+                  }`}
+                >
+                  {family.name}
+                </p>
+                <code className="text-code text-accent">{family.token}</code>
+                <p className="max-w-xl text-caption text-secondary">
+                  {family.use}
+                </p>
+              </div>
+            </Row>
+          ))}
+        </Rows>
       </Section>
 
       <Section
-        title="The one rule that already exists"
-        description="Anything readable uses relative units. The current client learned this the hard way: hardcoded pixel sizes freeze against zoom, and a CI guard now rejects them. Whatever ramp this becomes, it inherits that contract."
+        title="The roles"
+        description="Named for the job the text does, never for its size. text-title, not text-28 — a size name is a value in disguise and goes stale the moment the ramp moves. Each specimen is set in the role it documents."
       >
-        <div className="rounded-lg border border-secondary bg-inset px-4 py-3">
-          <p className="text-xs leading-relaxed text-secondary">
-            The Cash Sans and BlockUI type variables that appear in the design
-            exploration are contamination from another Figma library linked into
-            that file. They exist nowhere in any Buzz codebase and need no
-            cleanup — only a decision not to inherit them.
-          </p>
-        </div>
+        <Rows>
+          {TYPE_ROLES.map((role) => (
+            <RoleSpecimen key={role.token} role={role} />
+          ))}
+        </Rows>
       </Section>
+
+      {TYPE_RAMPS.map((ramp) => (
+        <Section key={ramp.id} title={ramp.name} description={ramp.description}>
+          <Rows>
+            {ramp.steps.map((step) => (
+              <Row key={`${ramp.id}-${step.step}`}>
+                <div className="flex flex-wrap items-baseline gap-x-4">
+                  <code className="w-28 shrink-0 text-code text-primary">
+                    {ramp.id} {step.step}
+                  </code>
+                  <span className="w-20 shrink-0 text-caption text-secondary">
+                    {step.value}
+                  </span>
+                  <span className="text-caption text-tertiary">{step.job}</span>
+                </div>
+              </Row>
+            ))}
+          </Rows>
+        </Section>
+      ))}
+
+      <Section
+        title="Two rules"
+        description="Both are inherited rather than invented — the existing client learned each of them the expensive way."
+      >
+        <Rows>
+          <Row>
+            <p className="text-label text-primary">
+              Every size is relative. Never px.
+            </p>
+            <p className="mt-1.5 max-w-xl text-caption text-secondary">
+              Fixed pixel text freezes against keyboard zoom and ignores the
+              person's font-size preference. The current client shipped a
+              message-timeline regression from exactly this and now has a CI
+              guard rejecting arbitrary size literals. This ramp derives
+              entirely from one virtual rem, so both dials work by construction.
+            </p>
+          </Row>
+          <Row>
+            <p className="text-label text-primary">
+              No all-caps, and no tracked-out labels.
+            </p>
+            <p className="mt-1.5 max-w-xl text-caption text-secondary">
+              A capitalised label is harder to read than the sentence-case
+              version and reads as enterprise chrome. Section labels earn their
+              quietness from size and colour — text-meta on text-tertiary —
+              rather than from being shouted. There is no uppercase utility in
+              this system.
+            </p>
+          </Row>
+        </Rows>
+      </Section>
+
+      <Note>
+        The Cash Sans and BlockUI type variables that appear in the design
+        exploration are contamination from another Figma library linked into
+        that file. They exist nowhere in any Buzz codebase and need no cleanup —
+        only a decision not to inherit them.
+      </Note>
     </>
   );
 }
diff --git a/desktop-next/src/features/design-system/ui/VocabularyPage.tsx b/desktop-next/src/features/design-system/ui/VocabularyPage.tsx
index 850afdadaf..16b2bccad0 100644
--- a/desktop-next/src/features/design-system/ui/VocabularyPage.tsx
+++ b/desktop-next/src/features/design-system/ui/VocabularyPage.tsx
@@ -15,20 +15,20 @@ export function VocabularyPage() {
       />
 
       <Section title="The words">
-        <div className="flex flex-col gap-0 rounded-lg border border-secondary bg-panel px-5 py-2">
+        <div className="flex flex-col gap-0 rounded-xl bg-inset px-5 py-2">
           {VOCABULARY.map((group) => (
             <div
               key={group.group}
               className="flex flex-wrap items-baseline gap-x-4 gap-y-1 border-b border-tertiary py-3 last:border-b-0"
             >
-              <span className="w-24 shrink-0 text-xs font-semibold text-tertiary">
+              <span className="w-24 shrink-0 text-label text-tertiary">
                 {group.group}
               </span>
               <div className="flex min-w-0 flex-1 flex-wrap gap-x-2 gap-y-1">
                 {group.words.map((word) => (
                   <code
                     key={word}
-                    className="rounded bg-inset px-1.5 py-0.5 text-xs text-primary"
+                    className="rounded bg-inset px-1.5 py-0.5 text-caption text-primary"
                   >
                     {word}
                   </code>
@@ -44,21 +44,21 @@ export function VocabularyPage() {
         description="A name reads property, then role, then modifier, then material, then state. The order is fixed, so an agent writing a hover for a glass surface produces the same name every time instead of two equally plausible ones."
       >
         <div className="rounded-lg bg-inverse px-5 py-4">
-          <code className="text-sm font-medium text-on-inverse">{GRAMMAR}</code>
+          <code className="text-label text-on-inverse">{GRAMMAR}</code>
         </div>
         <div className="flex flex-col gap-3 sm:flex-row">
-          <div className="flex-1 rounded-lg border border-success bg-success-tint px-4 py-3">
-            <p className="mb-1.5 text-xs font-semibold text-success">Legal</p>
+          <div className="flex-1 rounded-xl bg-success-tint px-5 py-4">
+            <p className="mb-1.5 text-label text-success">Legal</p>
             {GRAMMAR_EXAMPLES.legal.map((example) => (
-              <code key={example} className="block text-xs text-success">
+              <code key={example} className="block text-caption text-success">
                 {example}
               </code>
             ))}
           </div>
-          <div className="flex-1 rounded-lg border border-danger bg-danger-tint px-4 py-3">
-            <p className="mb-1.5 text-xs font-semibold text-danger">Illegal</p>
+          <div className="flex-1 rounded-xl bg-danger-tint px-5 py-4">
+            <p className="mb-1.5 text-label text-danger">Illegal</p>
             {GRAMMAR_EXAMPLES.illegal.map((example) => (
-              <code key={example} className="block text-xs text-danger">
+              <code key={example} className="block text-caption text-danger">
                 {example}
               </code>
             ))}
diff --git a/desktop-next/src/features/design-system/ui/primitives.tsx b/desktop-next/src/features/design-system/ui/primitives.tsx
index 9d80820515..f4d479a640 100644
--- a/desktop-next/src/features/design-system/ui/primitives.tsx
+++ b/desktop-next/src/features/design-system/ui/primitives.tsx
@@ -4,6 +4,11 @@ import type { ReactNode } from "react";
  * Presentation pieces for the design system pages only. These are documentation
  * furniture, not product components — the shared primitive layer gets built one
  * component at a time as the product repeats something.
+ *
+ * Surface convention on these pages: a region is separated by a soft fill, not
+ * by an outline. Reach for `bg-inset` before reaching for a border; use a
+ * hairline only where a genuine boundary is needed, and never above
+ * `border-secondary`. See DESIGN.md § Surface and depth.
  */
 
 export function PageHeader({
@@ -16,21 +21,19 @@ export function PageHeader({
   status?: string;
 }) {
   return (
-    <header className="mb-10 flex flex-col gap-3">
+    <header className="mb-14 flex flex-col gap-4">
       <div className="flex flex-wrap items-center gap-3">
-        <h1 className="text-3xl font-semibold text-primary">{title}</h1>
+        <h1 className="text-title text-primary">{title}</h1>
         {status ? <StatusPill>{status}</StatusPill> : null}
       </div>
-      <p className="max-w-2xl text-sm leading-relaxed text-secondary">
-        {intro}
-      </p>
+      <p className="max-w-2xl text-body-lg text-secondary">{intro}</p>
     </header>
   );
 }
 
 export function StatusPill({ children }: { children: ReactNode }) {
   return (
-    <span className="rounded-full bg-warning-tint px-2.5 py-0.5 text-xs font-medium text-warning">
+    <span className="rounded-full bg-warning-tint px-2.5 py-1 text-meta text-warning">
       {children}
     </span>
   );
@@ -46,13 +49,11 @@ export function Section({
   children: ReactNode;
 }) {
   return (
-    <section className="mb-12 flex flex-col gap-4">
-      <div className="flex flex-col gap-1.5">
-        <h2 className="text-lg font-semibold text-primary">{title}</h2>
+    <section className="mb-14 flex flex-col gap-5">
+      <div className="flex flex-col gap-2">
+        <h2 className="text-heading text-primary">{title}</h2>
         {description ? (
-          <p className="max-w-2xl text-sm leading-relaxed text-secondary">
-            {description}
-          </p>
+          <p className="max-w-2xl text-body text-secondary">{description}</p>
         ) : null}
       </div>
       {children}
@@ -62,7 +63,7 @@ export function Section({
 
 export function Note({ children }: { children: ReactNode }) {
   return (
-    <p className="max-w-2xl rounded-lg border border-secondary bg-inset px-4 py-3 text-xs leading-relaxed text-secondary">
+    <p className="max-w-2xl rounded-xl bg-inset px-5 py-4 text-caption text-secondary">
       {children}
     </p>
   );
@@ -70,15 +71,13 @@ export function Note({ children }: { children: ReactNode }) {
 
 export function Stub({ what, decide }: { what: string; decide: string[] }) {
   return (
-    <div className="flex max-w-2xl flex-col gap-3 rounded-lg border border-primary bg-inset px-5 py-4">
-      <p className="text-sm text-secondary">{what}</p>
-      <div className="flex flex-col gap-1.5">
-        <p className="text-xs font-semibold uppercase tracking-wide text-tertiary">
-          Still to decide
-        </p>
-        <ul className="flex list-disc flex-col gap-1 pl-4">
+    <div className="flex max-w-2xl flex-col gap-4 rounded-xl bg-inset px-6 py-5">
+      <p className="text-body text-secondary">{what}</p>
+      <div className="flex flex-col gap-2">
+        <p className="text-label text-tertiary">Still to decide</p>
+        <ul className="flex list-disc flex-col gap-1.5 pl-4">
           {decide.map((item) => (
-            <li key={item} className="text-xs text-secondary">
+            <li key={item} className="text-caption text-secondary">
               {item}
             </li>
           ))}
@@ -88,6 +87,25 @@ export function Stub({ what, decide }: { what: string; decide: string[] }) {
   );
 }
 
+/**
+ * A group of rows that reads as one region.
+ *
+ * The fill does the separating, so the container needs no outline. Rows inside
+ * are divided by the lightest hairline in the system, because dense data wants
+ * an edge-to-edge divider rather than a card each — see DESIGN.md § Density.
+ */
+export function Rows({ children }: { children: ReactNode }) {
+  return <div className="rounded-xl bg-inset px-5">{children}</div>;
+}
+
+export function Row({ children }: { children: ReactNode }) {
+  return (
+    <div className="border-tertiary border-b py-4 last:border-b-0">
+      {children}
+    </div>
+  );
+}
+
 /** Renders a live swatch of whatever a CSS custom property currently holds. */
 export function Swatch({
   variable,
@@ -101,16 +119,16 @@ export function Swatch({
   translucent?: boolean;
 }) {
   return (
-    <div className="flex min-w-0 flex-col gap-1.5">
+    <div className="flex min-w-0 flex-col gap-2">
       <div
-        className={`h-16 rounded-lg border border-secondary ${
+        className={`h-16 rounded-lg border-tertiary border ${
           translucent ? "blur-chrome" : ""
         }`}
         style={{ background: `var(${variable})` }}
       />
-      <code className="truncate text-xs font-medium text-primary">{label}</code>
+      <code className="truncate text-code text-primary">{label}</code>
       {sublabel ? (
-        <span className="text-xs leading-snug text-tertiary">{sublabel}</span>
+        <span className="text-caption text-tertiary">{sublabel}</span>
       ) : null}
     </div>
   );
diff --git a/desktop-next/src/shared/styles/globals.css b/desktop-next/src/shared/styles/globals.css
index ddc273b6bf..ee3c46406c 100644
--- a/desktop-next/src/shared/styles/globals.css
+++ b/desktop-next/src/shared/styles/globals.css
@@ -1,13 +1,10 @@
 @import "tailwindcss";
 @import "@fontsource-variable/inter";
+@import "@fontsource/jetbrains-mono";
 @import "./tokens.css";
+@import "./typography.css";
 
 @layer base {
-  html {
-    font-family: "Inter Variable", Inter, system-ui, sans-serif;
-    -webkit-font-smoothing: antialiased;
-  }
-
   body {
     margin: 0;
     background: var(--bg-app);
diff --git a/desktop-next/src/shared/styles/tokens.css b/desktop-next/src/shared/styles/tokens.css
index ca0d6803ef..77324fb975 100644
--- a/desktop-next/src/shared/styles/tokens.css
+++ b/desktop-next/src/shared/styles/tokens.css
@@ -301,6 +301,17 @@
   --color-tertiary: var(--text-tertiary);
   --color-disabled: var(--text-disabled);
 
+  /* Borders register in their OWN namespace, not `--color-*`.
+     Text and borders share the emphasis names — primary, secondary, tertiary —
+     but hold different values: text is the dark end of the neutral ramp
+     (12/10/9), borders the light end (7/6/5). `--color-*` is a single namespace,
+     so registering borders there would make `border-primary` resolve to the text
+     colour and draw every hairline at near-black. It did exactly that until
+     these three lines existed. */
+  --border-color-primary: var(--border-primary);
+  --border-color-secondary: var(--border-secondary);
+  --border-color-tertiary: var(--border-tertiary);
+
   --color-accent: var(--bg-accent);
   --color-accent-tint: var(--bg-accent-tint);
   --color-accent-tint-hover: var(--bg-accent-tint-hover);
diff --git a/desktop-next/src/shared/styles/typography.css b/desktop-next/src/shared/styles/typography.css
new file mode 100644
index 0000000000..0b7370a73d
--- /dev/null
+++ b/desktop-next/src/shared/styles/typography.css
@@ -0,0 +1,231 @@
+/*
+ * Buzz typography tokens.
+ *
+ * Same three layers as colour, and only the role layer is ever used when
+ * building a screen:
+ *
+ *   LAYER 1  private ramps    --type-size-*, --type-leading-*, --type-tracking-*
+ *   LAYER 2  public roles     --text-body, --text-title, ...
+ *   LAYER 3  components       text-body, text-title  (Tailwind utilities)
+ *
+ * Rules, matching the colour system:
+ *   - Literal sizes exist only in the ramp. A role points at a step; a component
+ *     points at a role. No component holds a size.
+ *   - A role carries its whole typographic setting — size, line height, letter
+ *     spacing, weight — because those four are one decision, not four. Tailwind
+ *     v4 supports this via the `--text-<name>--<property>` convention, so
+ *     `text-body` alone produces correctly set text.
+ *   - Every size is relative. Nothing here may be expressed in px: fixed pixel
+ *     text freezes against zoom and breaks the person's font-size preference.
+ *     This is the one rule the existing client already learned the hard way.
+ *
+ * Naming note: colour roles are also spelled `--text-*` (`--text-primary`) but
+ * are registered in Tailwind's `--color-*` namespace, while sizes register in
+ * `--text-*`. So `text-primary` is a colour and `text-body` is a setting — the
+ * same split Tailwind itself makes. Size roles are named for editorial jobs
+ * (body, title, caption) and colour roles for emphasis levels (primary,
+ * secondary), so no one name ever means both.
+ *
+ * See DESIGN.md for the judgement these values cannot express.
+ */
+
+/* ============================================================
+   LAYER 1 — PRIVATE RAMPS
+   ============================================================ */
+
+:root {
+  /* --- The zoom and preference dials. -----------------------
+     Two independent controls compose here, as in the existing client:
+
+     - Cmd +/- scales the real root font size, so every rem in the app — text,
+       gaps, radii — grows together. True zoom.
+     - The font-size preference sets --type-scale, nudging only the type ramp
+       below, so text changes size without moving the layout.
+
+     Every size derives from this virtual rem, which is itself rem-relative and
+     therefore rides on top of zoom automatically. At the default preference it
+     equals 1rem, making --type-size-4 read as 14px.                          */
+  --type-scale: 1;
+  --type-rem: calc(1rem * var(--type-scale));
+
+  /* --- Size. Nine steps, each step an editorial job. --------
+     A modern ramp for a dense product: tight and frequent through the working
+     sizes where real interface text lives, opening up at the display end where
+     a step needs to be a visible jump rather than a near-miss.                */
+  --type-size-1: calc(var(--type-rem) * 0.6875); /* 11px  meta        */
+  --type-size-2: calc(var(--type-rem) * 0.75); /*   12px  caption     */
+  --type-size-3: calc(var(--type-rem) * 0.8125); /* 13px  label       */
+  --type-size-4: calc(var(--type-rem) * 0.875); /*  14px  body        */
+  --type-size-5: calc(var(--type-rem) * 1); /*       16px  body large */
+  --type-size-6: calc(var(--type-rem) * 1.125); /*  18px  subheading  */
+  --type-size-7: calc(var(--type-rem) * 1.375); /*  22px  heading     */
+  --type-size-8: calc(var(--type-rem) * 1.75); /*   28px  title       */
+  --type-size-9: calc(var(--type-rem) * 2.25); /*   36px  display     */
+
+  /* --- Line height. Unitless, so it scales with its own size.
+     Tight for display text, generous for anything read in quantity, and exactly
+     1 for single-line meta so a timestamp cannot enlarge its own row.         */
+  --type-leading-flat: 1;
+  --type-leading-tight: 1.2;
+  --type-leading-snug: 1.35;
+  --type-leading-normal: 1.5;
+  --type-leading-relaxed: 1.6;
+
+  /* --- Tracking. An optical correction, not a style. --------
+     Inter is drawn for interface text and needs negative tracking as it grows:
+     spacing that looks correct at 14px looks loose at 36px. The ramp mirrors
+     the size ramp so the correction is applied per step rather than guessed,
+     and turns slightly positive at meta sizes where letters need air to stay
+     legible.                                                                 */
+  --type-tracking-display: -0.022em;
+  --type-tracking-title: -0.019em;
+  --type-tracking-heading: -0.017em;
+  --type-tracking-subheading: -0.014em;
+  --type-tracking-large: -0.011em;
+  --type-tracking-body: -0.006em;
+  --type-tracking-label: -0.003em;
+  --type-tracking-caption: 0em;
+  --type-tracking-meta: 0.005em;
+
+  /* --- Weight. Four, and the gaps are deliberate. -----------
+     Inter Variable can render any weight, which is exactly why the system names
+     only these: 500 and 600 sit far enough apart to read as intent rather than
+     as a rendering artefact.                                                 */
+  --type-weight-normal: 400;
+  --type-weight-medium: 500;
+  --type-weight-semibold: 600;
+  --type-weight-bold: 700;
+}
+
+/* Conversation type contract, carried over from the existing client:
+   13 / 14 / 15px before keyboard zoom. */
+:root[data-font-size="smaller"] {
+  --type-scale: calc(13 / 14);
+}
+
+:root[data-font-size="larger"] {
+  --type-scale: calc(15 / 14);
+}
+
+/* ============================================================
+   LAYER 3 — PUBLIC ROLES, REGISTERED WITH TAILWIND
+
+   Layers 2 and 3 are one block for typography. A colour role can be a bare
+   custom property because a component reads it through `bg-*` or `text-*`; a
+   type role has to be a Tailwind theme key or the paired line height, tracking,
+   and weight cannot travel with the size. So the role IS the registration.
+
+   Named for the job the text does, never for its size — `text-title`, not
+   `text-28`. A size name is a value in disguise and goes stale the moment the
+   ramp moves.
+   ============================================================ */
+
+@theme {
+  --font-sans:
+    "Inter Variable", Inter, ui-sans-serif, system-ui, -apple-system, sans-serif;
+  --font-mono:
+    "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+
+  /* --- Display. One per page at most, and many pages need none.
+     The only step that is allowed to be decorative.                          */
+  --text-display: var(--type-size-9);
+  --text-display--line-height: var(--type-leading-tight);
+  --text-display--letter-spacing: var(--type-tracking-display);
+  --text-display--font-weight: var(--type-weight-semibold);
+
+  /* --- Title. The name of the thing you are looking at. ----- */
+  --text-title: var(--type-size-8);
+  --text-title--line-height: var(--type-leading-tight);
+  --text-title--letter-spacing: var(--type-tracking-title);
+  --text-title--font-weight: var(--type-weight-semibold);
+
+  /* --- Heading. A section within a page. ------------------- */
+  --text-heading: var(--type-size-7);
+  --text-heading--line-height: var(--type-leading-snug);
+  --text-heading--letter-spacing: var(--type-tracking-heading);
+  --text-heading--font-weight: var(--type-weight-semibold);
+
+  /* --- Subheading. A group within a section. --------------- */
+  --text-subheading: var(--type-size-6);
+  --text-subheading--line-height: var(--type-leading-snug);
+  --text-subheading--letter-spacing: var(--type-tracking-subheading);
+  --text-subheading--font-weight: var(--type-weight-semibold);
+
+  /* --- Body large. Introductions and reading columns, where a
+     paragraph is the point rather than a description of something else.       */
+  --text-body-lg: var(--type-size-5);
+  --text-body-lg--line-height: var(--type-leading-relaxed);
+  --text-body-lg--letter-spacing: var(--type-tracking-large);
+  --text-body-lg--font-weight: var(--type-weight-normal);
+
+  /* --- Body. The default. If you are unsure, this is it. --- */
+  --text-body: var(--type-size-4);
+  --text-body--line-height: var(--type-leading-normal);
+  --text-body--letter-spacing: var(--type-tracking-body);
+  --text-body--font-weight: var(--type-weight-normal);
+
+  /* --- Label. Interface text that is acted on rather than
+     read: buttons, tabs, menu items, form labels, table headers. Medium weight
+     because a label competes with content around it and needs to hold its edge
+     without going up a size.                                                 */
+  --text-label: var(--type-size-3);
+  --text-label--line-height: var(--type-leading-snug);
+  --text-label--letter-spacing: var(--type-tracking-label);
+  --text-label--font-weight: var(--type-weight-medium);
+
+  /* --- Caption. A sentence about something else: help text,
+     descriptions, empty-state detail.                                        */
+  --text-caption: var(--type-size-2);
+  --text-caption--line-height: var(--type-leading-normal);
+  --text-caption--letter-spacing: var(--type-tracking-caption);
+  --text-caption--font-weight: var(--type-weight-normal);
+
+  /* --- Meta. Timestamps, counts, tracking numbers. Flat line
+     height so a single-line value cannot grow its own row.                    */
+  --text-meta: var(--type-size-1);
+  --text-meta--line-height: var(--type-leading-flat);
+  --text-meta--letter-spacing: var(--type-tracking-meta);
+  --text-meta--font-weight: var(--type-weight-medium);
+
+  /* --- Code. Mono, one step down: at equal size a monospace
+     face reads larger than Inter and pulls the eye off the sentence.          */
+  --text-code: var(--type-size-3);
+  --text-code--line-height: var(--type-leading-normal);
+  --text-code--letter-spacing: var(--type-tracking-caption);
+  --text-code--font-weight: var(--type-weight-normal);
+}
+
+/* ============================================================
+   BASE
+   ============================================================ */
+
+@layer base {
+  html {
+    font-family: var(--font-sans);
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  body {
+    /* Every readable surface starts from the body role and steps away from it
+       deliberately. */
+    font-size: var(--text-body);
+    line-height: var(--text-body--line-height);
+    letter-spacing: var(--text-body--letter-spacing);
+
+    /* Never synthesise a weight Inter Variable can render properly, and never
+       let a font fall back mid-string. */
+    font-synthesis-weight: none;
+    text-rendering: optimizeLegibility;
+  }
+
+  code,
+  kbd,
+  pre,
+  samp {
+    font-family: var(--font-mono);
+    /* Mono digits and letters share one advance width, so a changing value does
+       not shift the text around it. */
+    font-variant-numeric: tabular-nums;
+  }
+}
diff --git a/desktop-next/src/shared/tokens/registry.ts b/desktop-next/src/shared/tokens/registry.ts
index 1557ccce1e..861f42728f 100644
--- a/desktop-next/src/shared/tokens/registry.ts
+++ b/desktop-next/src/shared/tokens/registry.ts
@@ -467,6 +467,187 @@ export const GROWTH_PROCEDURE = [
   "Never write a raw value. If nothing above applies, say so rather than reaching for a literal.",
 ];
 
+/* ============================================================
+   TYPOGRAPHY
+   ============================================================ */
+
+/** A public type role. Carries its whole setting, because size, line height,
+ *  tracking, and weight are one decision rather than four. */
+export interface TypeRole {
+  /** The Tailwind class, e.g. `text-body`. */
+  token: string;
+  /** Step on the size ramp this points at, for display. */
+  pointsAt: string;
+  /** Rendered size at the default preference and zoom, for display only —
+   *  never a value a component may use. */
+  size: string;
+  lineHeight: string;
+  tracking: string;
+  weight: string;
+  /** One sentence: when to use this. */
+  use: string;
+  status: TokenStatus;
+  /** Set when the role renders in the mono face. */
+  mono?: boolean;
+}
+
+/** Ordered loudest to quietest, which is also the order they are chosen in. */
+export const TYPE_ROLES: TypeRole[] = [
+  {
+    token: "text-display",
+    pointsAt: "size 9",
+    size: "36px",
+    lineHeight: "1.2",
+    tracking: "-0.022em",
+    weight: "600",
+    use: "One per page at most, and many pages need none. The only step allowed to be decorative.",
+    status: "core",
+  },
+  {
+    token: "text-title",
+    pointsAt: "size 8",
+    size: "28px",
+    lineHeight: "1.2",
+    tracking: "-0.019em",
+    weight: "600",
+    use: "The name of the thing you are looking at.",
+    status: "core",
+  },
+  {
+    token: "text-heading",
+    pointsAt: "size 7",
+    size: "22px",
+    lineHeight: "1.35",
+    tracking: "-0.017em",
+    weight: "600",
+    use: "A section within a page.",
+    status: "core",
+  },
+  {
+    token: "text-subheading",
+    pointsAt: "size 6",
+    size: "18px",
+    lineHeight: "1.35",
+    tracking: "-0.014em",
+    weight: "600",
+    use: "A group within a section.",
+    status: "core",
+  },
+  {
+    token: "text-body-lg",
+    pointsAt: "size 5",
+    size: "16px",
+    lineHeight: "1.6",
+    tracking: "-0.011em",
+    weight: "400",
+    use: "Introductions and reading columns, where a paragraph is the point rather than a description of something else.",
+    status: "core",
+  },
+  {
+    token: "text-body",
+    pointsAt: "size 4",
+    size: "14px",
+    lineHeight: "1.5",
+    tracking: "-0.006em",
+    weight: "400",
+    use: "The default. If you are unsure, this is it.",
+    status: "core",
+  },
+  {
+    token: "text-label",
+    pointsAt: "size 3",
+    size: "13px",
+    lineHeight: "1.35",
+    tracking: "-0.003em",
+    weight: "500",
+    use: "Interface text that is acted on rather than read: buttons, tabs, menu items, form labels, table headers.",
+    status: "core",
+  },
+  {
+    token: "text-caption",
+    pointsAt: "size 2",
+    size: "12px",
+    lineHeight: "1.5",
+    tracking: "0em",
+    weight: "400",
+    use: "A sentence about something else: help text, descriptions, empty-state detail.",
+    status: "core",
+  },
+  {
+    token: "text-meta",
+    pointsAt: "size 1",
+    size: "11px",
+    lineHeight: "1",
+    tracking: "0.005em",
+    weight: "500",
+    use: "Timestamps, counts, tracking labels. Flat line height so a single-line value cannot grow its own row.",
+    status: "core",
+  },
+  {
+    token: "text-code",
+    pointsAt: "size 3",
+    size: "13px",
+    lineHeight: "1.5",
+    tracking: "0em",
+    weight: "400",
+    use: "Inline code and code blocks. One step below body, because at equal size a monospace face reads larger than Inter and pulls the eye off the sentence.",
+    status: "core",
+    mono: true,
+  },
+];
+
+/** The two faces. Both already shipped in every current Buzz client. */
+export const TYPE_FAMILIES = [
+  {
+    token: "font-sans",
+    name: "Inter Variable",
+    use: "Everything. Drawn for interface text at small sizes, and already the sans in desktop, web, and mobile.",
+  },
+  {
+    token: "font-mono",
+    name: "JetBrains Mono",
+    use: "Code, keys, and identifiers. Already the mono in the existing client's terminal.",
+  },
+];
+
+/** The private ramps a type role points at. Components never reference these. */
+export const TYPE_RAMPS = [
+  {
+    id: "size",
+    name: "Size",
+    description:
+      "Nine steps, each step an editorial job. Tight and frequent through the working sizes where real interface text lives, opening up at the display end where a step needs to be a visible jump rather than a near-miss. Every value derives from a virtual rem, so the whole ramp follows the person's font-size preference and keyboard zoom.",
+    steps: [
+      { step: 1, job: "meta", value: "11px" },
+      { step: 2, job: "caption", value: "12px" },
+      { step: 3, job: "label, code", value: "13px" },
+      { step: 4, job: "body", value: "14px" },
+      { step: 5, job: "body large", value: "16px" },
+      { step: 6, job: "subheading", value: "18px" },
+      { step: 7, job: "heading", value: "22px" },
+      { step: 8, job: "title", value: "28px" },
+      { step: 9, job: "display", value: "36px" },
+    ],
+  },
+  {
+    id: "tracking",
+    name: "Tracking",
+    description:
+      "An optical correction, not a style. Inter needs progressively tighter spacing as it grows — tracking that looks correct at 14px looks loose at 36px — so the ramp mirrors the size ramp and the correction is applied per step rather than guessed. It turns slightly positive at meta sizes, where letters need air to stay legible.",
+    steps: [
+      { step: 9, job: "display", value: "-0.022em" },
+      { step: 8, job: "title", value: "-0.019em" },
+      { step: 7, job: "heading", value: "-0.017em" },
+      { step: 6, job: "subheading", value: "-0.014em" },
+      { step: 5, job: "body large", value: "-0.011em" },
+      { step: 4, job: "body", value: "-0.006em" },
+      { step: 3, job: "label", value: "-0.003em" },
+      { step: 2, job: "caption", value: "0em" },
+      { step: 1, job: "meta", value: "0.005em" },
+    ],
+  },
+];
+
 export const ELEVATION = [
   {
     token: "shadow-xs",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 8cf7f5bc9f..d3aa086b10 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -310,6 +310,9 @@ importers:
       '@fontsource-variable/inter':
         specifier: ^5.2.8
         version: 5.2.8
+      '@fontsource/jetbrains-mono':
+        specifier: ^5.3.0
+        version: 5.3.0
       '@tanstack/react-router':
         specifier: ^1.168.10
         version: 1.170.7(react-dom@19.2.8(react@19.2.8))(react@19.2.8)

From 61e3792118f811fac9e50f0c4d7ff0f3d35fc9cd Mon Sep 17 00:00:00 2001
From: morgmart <98432065+morgmart@users.noreply.github.com>
Date: Thu, 3 Sep 2026 13:07:51 -0700
Subject: [PATCH 03/33] refactor(desktop-next): take colour and type specimens
 out of cards
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

A swatch on a grey fill is being judged against a surface the product will never
reproduce, and the dividers between swatches were redundant — each colour already
separates itself. Same for type specimens: a box around a size sample changes the
contrast you are evaluating it in.

Roles and specimens now sit directly on the page, separated by space alone. The
distinction is between two list shapes rather than a preference: `Rows` keeps
dividers for uniform rows where the eye needs a line to track along (the size and
tracking ramps, the audit table); `Specimens` has neither container nor divider
for entries that carry their own visible difference.

The swatch keeps its hairline. `bg-panel` is white on a white page, so without it
the most-used role in the system renders as nothing — that is a genuine boundary,
not decoration, and it is what makes the no-container treatment safe in both modes.

Signed-off-by: morgmart <98432065+morgmart@users.noreply.github.com>
---
 desktop-next/DESIGN.md                        |  2 +
 .../features/design-system/ui/ColourPage.tsx  | 24 +++++--
 .../design-system/ui/TypographyPage.tsx       | 68 +++++++++----------
 .../features/design-system/ui/primitives.tsx  | 27 ++++++--
 4 files changed, 73 insertions(+), 48 deletions(-)

diff --git a/desktop-next/DESIGN.md b/desktop-next/DESIGN.md
index 2e964b4ca0..27bc0632dc 100644
--- a/desktop-next/DESIGN.md
+++ b/desktop-next/DESIGN.md
@@ -58,6 +58,8 @@ Buzz is a place where people build together and bring their agents into the room
 ## Density and rhythm
 
 - **Dense data renders as rows with dividers, edge to edge.** Wrapping every list item in its own card is the most common way a functional surface becomes a marketing page.
+- **Content that separates itself needs no divider, and no container.** A divider is for uniform rows where the eye needs a line to track along. When each entry already carries a visible difference — a colour swatch, a type specimen, an avatar — the content is the separator, and adding a rule or a card on top is redundant structure. Space alone is enough.
+- **Never judge a value against a surface it will not be used on.** A swatch on a grey fill, or a type specimen in a tinted box, is being evaluated in a context the product will never reproduce. Samples sit on the page. The one exception is a value that needs a backdrop to exist at all — translucency needs something behind it, and a white surface swatch needs a hairline or it renders as nothing.
 - **Cards are for widgets, galleries, and settings groups.** A card is a bordered, padded region on the page, not a different depth.
 - **Pick the frame before the content.** Decide what the surface is — a list, a reading column, a workspace — before filling it.
 - **Whitespace is generous by default.** Crowding reads as a different product.
diff --git a/desktop-next/src/features/design-system/ui/ColourPage.tsx b/desktop-next/src/features/design-system/ui/ColourPage.tsx
index 05ab4037de..a410145a7d 100644
--- a/desktop-next/src/features/design-system/ui/ColourPage.tsx
+++ b/desktop-next/src/features/design-system/ui/ColourPage.tsx
@@ -7,9 +7,18 @@ import {
 
 import { Note, PageHeader, Section, Swatch } from "./primitives";
 
+/**
+ * A role, sitting directly on the page.
+ *
+ * No card and no divider: the swatch is its own separator, and a colour judged
+ * on a grey card is not being judged on the surface it will actually be used on.
+ * The hairline stays on the swatch itself — `bg-panel` is white on a white page,
+ * so without it the most-used role in the system renders as nothing. That is a
+ * genuine boundary rather than decoration.
+ */
 function RoleRow({ role }: { role: Role }) {
   return (
-    <div className="flex items-start gap-4 border-b border-tertiary py-3 last:border-b-0">
+    <div className="flex items-start gap-4 py-2.5">
       <div
         className="mt-0.5 h-9 w-16 shrink-0 rounded-md border border-tertiary"
         style={{ background: `var(${role.variable})` }}
@@ -92,7 +101,7 @@ export function ColourPage() {
                   {group.description}
                 </p>
               </div>
-              <div className="rounded-xl bg-inset px-5">
+              <div className="mt-1 flex flex-col">
                 {group.roles.map((role) => (
                   <RoleRow key={role.token} role={role} />
                 ))}
@@ -106,11 +115,14 @@ export function ColourPage() {
         title="Deliberate exceptions"
         description="Literal values exist only in the ramps, and nothing above a ramp holds one — except these. The list is short and complete on purpose: a vague exception policy is how a layered system quietly erodes."
       >
-        <div className="flex flex-col gap-3">
+        {/* No swatch here to do the separating, so these entries keep a little
+            structure — the token name leads and the spacing groups it with its
+            reason. Still no card: this is prose, not data. */}
+        <div className="flex flex-col gap-5">
           {EXCEPTIONS.map((exception) => (
-            <div key={exception.name} className="rounded-xl bg-inset px-5 py-4">
-              <code className="text-meta text-primary">{exception.name}</code>
-              <p className="mt-1 text-caption text-secondary">
+            <div key={exception.name} className="flex flex-col gap-1">
+              <code className="text-code text-accent">{exception.name}</code>
+              <p className="max-w-2xl text-caption text-secondary">
                 {exception.why}
               </p>
             </div>
diff --git a/desktop-next/src/features/design-system/ui/TypographyPage.tsx b/desktop-next/src/features/design-system/ui/TypographyPage.tsx
index 38282df09d..e140ead63e 100644
--- a/desktop-next/src/features/design-system/ui/TypographyPage.tsx
+++ b/desktop-next/src/features/design-system/ui/TypographyPage.tsx
@@ -5,7 +5,7 @@ import {
   type TypeRole,
 } from "@/shared/tokens/registry";
 
-import { Note, PageHeader, Row, Rows, Section } from "./primitives";
+import { Note, PageHeader, Row, Rows, Section, Specimens } from "./primitives";
 
 /**
  * Every specimen below is set in the role it documents, so the page is the
@@ -14,23 +14,21 @@ import { Note, PageHeader, Row, Rows, Section } from "./primitives";
  */
 function RoleSpecimen({ role }: { role: TypeRole }) {
   return (
-    <Row>
-      <div className="flex flex-col gap-2">
-        <p
-          className={`${role.token} ${role.mono ? "font-mono" : ""} text-primary`}
-        >
-          {role.mono ? "createChannel(name, members)" : "Bring your agents in"}
-        </p>
-        <div className="flex flex-wrap items-baseline gap-x-3 gap-y-1">
-          <code className="text-code text-accent">{role.token}</code>
-          <span className="text-meta text-tertiary">{role.pointsAt}</span>
-          <span className="text-meta text-tertiary">
-            {role.size} / {role.lineHeight} / {role.tracking} / {role.weight}
-          </span>
-        </div>
-        <p className="max-w-xl text-caption text-secondary">{role.use}</p>
+    <div className="flex flex-col gap-2">
+      <p
+        className={`${role.token} ${role.mono ? "font-mono" : ""} text-primary`}
+      >
+        {role.mono ? "createChannel(name, members)" : "Bring your agents in"}
+      </p>
+      <div className="flex flex-wrap items-baseline gap-x-3 gap-y-1">
+        <code className="text-code text-accent">{role.token}</code>
+        <span className="text-meta text-tertiary">{role.pointsAt}</span>
+        <span className="text-meta text-tertiary">
+          {role.size} / {role.lineHeight} / {role.tracking} / {role.weight}
+        </span>
       </div>
-    </Row>
+      <p className="max-w-xl text-caption text-secondary">{role.use}</p>
+    </div>
   );
 }
 
@@ -46,36 +44,34 @@ export function TypographyPage() {
         title="The faces"
         description="Both already ship in every current Buzz client, so this is a decision to keep rather than to make. Inter is drawn for interface text at small sizes, which is most of this product."
       >
-        <Rows>
+        <Specimens>
           {TYPE_FAMILIES.map((family) => (
-            <Row key={family.token}>
-              <div className="flex flex-col gap-1.5">
-                <p
-                  className={`text-subheading text-primary ${
-                    family.token === "font-mono" ? "font-mono" : "font-sans"
-                  }`}
-                >
-                  {family.name}
-                </p>
-                <code className="text-code text-accent">{family.token}</code>
-                <p className="max-w-xl text-caption text-secondary">
-                  {family.use}
-                </p>
-              </div>
-            </Row>
+            <div key={family.token} className="flex flex-col gap-1.5">
+              <p
+                className={`text-subheading text-primary ${
+                  family.token === "font-mono" ? "font-mono" : "font-sans"
+                }`}
+              >
+                {family.name}
+              </p>
+              <code className="text-code text-accent">{family.token}</code>
+              <p className="max-w-xl text-caption text-secondary">
+                {family.use}
+              </p>
+            </div>
           ))}
-        </Rows>
+        </Specimens>
       </Section>
 
       <Section
         title="The roles"
         description="Named for the job the text does, never for its size. text-title, not text-28 — a size name is a value in disguise and goes stale the moment the ramp moves. Each specimen is set in the role it documents."
       >
-        <Rows>
+        <Specimens>
           {TYPE_ROLES.map((role) => (
             <RoleSpecimen key={role.token} role={role} />
           ))}
-        </Rows>
+        </Specimens>
       </Section>
 
       {TYPE_RAMPS.map((ramp) => (
diff --git a/desktop-next/src/features/design-system/ui/primitives.tsx b/desktop-next/src/features/design-system/ui/primitives.tsx
index f4d479a640..0b93d2d666 100644
--- a/desktop-next/src/features/design-system/ui/primitives.tsx
+++ b/desktop-next/src/features/design-system/ui/primitives.tsx
@@ -88,24 +88,39 @@ export function Stub({ what, decide }: { what: string; decide: string[] }) {
 }
 
 /**
- * A group of rows that reads as one region.
+ * A list of uniform rows — the tabular case, where every row looks alike and the
+ * eye needs a line to track along. Dividers, no container: the section heading
+ * already says these belong together, so a fill behind them adds a box without
+ * adding meaning. See DESIGN.md § Density and rhythm.
  *
- * The fill does the separating, so the container needs no outline. Rows inside
- * are divided by the lightest hairline in the system, because dense data wants
- * an edge-to-edge divider rather than a card each — see DESIGN.md § Density.
+ * If the rows carry their own visual difference — a swatch, a type specimen — use
+ * `Specimens` instead. Content that separates itself needs no divider.
  */
 export function Rows({ children }: { children: ReactNode }) {
-  return <div className="rounded-xl bg-inset px-5">{children}</div>;
+  return <div className="flex flex-col">{children}</div>;
 }
 
 export function Row({ children }: { children: ReactNode }) {
   return (
-    <div className="border-tertiary border-b py-4 last:border-b-0">
+    <div className="border-tertiary border-b py-3 last:border-b-0">
       {children}
     </div>
   );
 }
 
+/**
+ * A list whose entries are visibly different from each other — colour swatches,
+ * type specimens, elevation samples.
+ *
+ * No container and no dividers. The specimen is its own separator, and two
+ * things a colour system must never do are judge a swatch against a fill it
+ * will never sit on, or set a type specimen in a box that changes its contrast.
+ * Separation comes from space alone.
+ */
+export function Specimens({ children }: { children: ReactNode }) {
+  return <div className="flex flex-col gap-7">{children}</div>;
+}
+
 /** Renders a live swatch of whatever a CSS custom property currently holds. */
 export function Swatch({
   variable,

From 69149c7a1be6b17b5140a7dd836262e3fce75f13 Mon Sep 17 00:00:00 2001
From: morgmart <98432065+morgmart@users.noreply.github.com>
Date: Thu, 3 Sep 2026 18:35:39 -0700
Subject: [PATCH 04/33] feat(desktop-next): add a token table, and declare four
 missing paired-text roles
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The colour page explains the system but never lists the tokens themselves, so
there is nowhere to answer "what does bg-inset actually paint". Add
/design/color/table: every token in one table — the name you type, the base
token it resolves through, and the value it paints.

The values are read from the live CSS rather than typed into the registry. A hex
column written by hand is a second source of truth for the same fact: edit a ramp
and the documentation is silently wrong. This needs two different reads, because
neither answers both questions — getComputedStyle returns the resolved value
(#ffffff) and has already lost the indirection, while walking document.styleSheets
finds the declared value (var(--neutral-1)), which is the only place the chain
still exists. So CSSOM for what a token points at, computed style for what colour
that is. It re-resolves on scheme change, which is visible in dark mode where
bg-panel points at neutral 3 rather than neutral 1.

The table immediately found a real defect. The registry has documented
text-on-danger, text-on-success, text-on-warning, and text-on-info since the
status groups were generated, but tokens.css never declared them — all four
resolved to nothing, so text on a danger button fell back to inherited near-black
on red. Declare them and register them with Tailwind. text-on-warning is
neutral-12, not white: the warning fill is amber (#eab308) and white on it fails
contrast.

Also spell it "Color" in the nav, per the product's US English. The route is now
/design/color, with the table nested under it. The file is color_.table.tsx —
the trailing underscore keeps the URL while opting out of nesting, because
otherwise /design/color becomes a layout route whose component must render an
Outlet, and ColourPage does not, so the parent page rendered in place of the
table. Component and type names still say Colour; renaming those is a separate
change from what the interface says.

Signed-off-by: morgmart <98432065+morgmart@users.noreply.github.com>
---
 .../routes/design/{colour.tsx => color.tsx}   |   2 +-
 .../src/app/routes/design/color_.table.tsx    |  14 ++
 .../design-system/ui/ColorTablePage.tsx       | 200 ++++++++++++++++++
 .../design-system/ui/DesignSystemLayout.tsx   |  42 +++-
 .../design-system/ui/OverviewPage.tsx         |   4 +-
 .../design-system/useResolvedToken.ts         | 153 ++++++++++++++
 desktop-next/src/shared/styles/tokens.css     |  16 ++
 desktop-next/src/shared/tokens/registry.ts    |   2 +-
 8 files changed, 421 insertions(+), 12 deletions(-)
 rename desktop-next/src/app/routes/design/{colour.tsx => color.tsx} (73%)
 create mode 100644 desktop-next/src/app/routes/design/color_.table.tsx
 create mode 100644 desktop-next/src/features/design-system/ui/ColorTablePage.tsx
 create mode 100644 desktop-next/src/features/design-system/useResolvedToken.ts

diff --git a/desktop-next/src/app/routes/design/colour.tsx b/desktop-next/src/app/routes/design/color.tsx
similarity index 73%
rename from desktop-next/src/app/routes/design/colour.tsx
rename to desktop-next/src/app/routes/design/color.tsx
index e75864e57f..2c3ac7ed26 100644
--- a/desktop-next/src/app/routes/design/colour.tsx
+++ b/desktop-next/src/app/routes/design/color.tsx
@@ -2,6 +2,6 @@ import { createFileRoute } from "@tanstack/react-router";
 
 import { ColourPage } from "@/features/design-system/ui/ColourPage";
 
-export const Route = createFileRoute("/design/colour")({
+export const Route = createFileRoute("/design/color")({
   component: ColourPage,
 });
diff --git a/desktop-next/src/app/routes/design/color_.table.tsx b/desktop-next/src/app/routes/design/color_.table.tsx
new file mode 100644
index 0000000000..a7f650fab7
--- /dev/null
+++ b/desktop-next/src/app/routes/design/color_.table.tsx
@@ -0,0 +1,14 @@
+import { createFileRoute } from "@tanstack/react-router";
+
+import { ColorTablePage } from "@/features/design-system/ui/ColorTablePage";
+
+/**
+ * `color_.table` rather than `color.table`: the trailing underscore keeps the
+ * `/design/color/table` URL while opting out of nesting inside the colour route.
+ * Without it, `/design/color` becomes a layout route whose component must render
+ * an `<Outlet />` — and since ColourPage does not, the parent page rendered in
+ * place of this one.
+ */
+export const Route = createFileRoute("/design/color_/table")({
+  component: ColorTablePage,
+});
diff --git a/desktop-next/src/features/design-system/ui/ColorTablePage.tsx b/desktop-next/src/features/design-system/ui/ColorTablePage.tsx
new file mode 100644
index 0000000000..ae751af24b
--- /dev/null
+++ b/desktop-next/src/features/design-system/ui/ColorTablePage.tsx
@@ -0,0 +1,200 @@
+import { Link } from "@tanstack/react-router";
+import { Fragment } from "react";
+
+import {
+  describeValueKind,
+  humanizeVariable,
+  isHex,
+  useResolvedTokens,
+} from "@/features/design-system/useResolvedToken";
+import { RAMPS, ROLE_GROUPS } from "@/shared/tokens/registry";
+
+import { Note, PageHeader, Section } from "./primitives";
+
+/**
+ * Every token in one table: the name you type, the base token it resolves
+ * through, and the value it actually paints.
+ *
+ * The values are read from the live cascade rather than typed into the registry,
+ * so this table reports what the product would really render and cannot drift
+ * from `tokens.css`. It also means it re-resolves in dark mode, where the same
+ * names hold different values — which is the whole point of the role layer.
+ */
+
+interface TableRow {
+  /** The Tailwind class where one exists, else the custom property. */
+  token: string;
+  variable: string;
+  /** Which layer this row belongs to. */
+  layer: "role" | "ramp";
+  group: string;
+}
+
+function collectRows(): TableRow[] {
+  const rows: TableRow[] = [];
+
+  for (const group of ROLE_GROUPS) {
+    for (const role of group.roles) {
+      rows.push({
+        token: role.token,
+        variable: role.variable,
+        layer: "role",
+        group: group.name,
+      });
+    }
+  }
+
+  for (const ramp of RAMPS) {
+    for (const step of ramp.steps) {
+      rows.push({
+        token: step.variable.replace(/^--/, ""),
+        variable: step.variable,
+        layer: "ramp",
+        group: `${ramp.name} ramp`,
+      });
+    }
+  }
+
+  return rows;
+}
+
+function ValueSwatch({ value }: { value: string }) {
+  return (
+    <span
+      aria-hidden="true"
+      className="inline-block h-4 w-4 shrink-0 rounded border border-tertiary align-middle"
+      style={{ background: value }}
+    />
+  );
+}
+
+export function ColorTablePage() {
+  const rows = collectRows();
+  const resolved = useResolvedTokens(rows.map((row) => row.variable));
+
+  const roleRows = rows.filter((row) => row.layer === "role");
+  const rampRows = rows.filter((row) => row.layer === "ramp");
+
+  return (
+    <>
+      <PageHeader
+        title="Token table"
+        intro="Every colour token in one list: the name you type, the base token it resolves through, and the value it actually paints. Values are read from the live cascade rather than written down, so this table cannot drift from the system — and it re-resolves when you switch modes."
+      />
+
+      <Note>
+        Roles are the only layer a screen may use. Ramp steps are listed
+        underneath so you can see what a role resolves through, but a component
+        referencing one directly is a bug. The reasoning behind each name lives
+        on the{" "}
+        <Link to="/design/color" className="text-accent underline">
+          colour page
+        </Link>
+        .
+      </Note>
+
+      <Section
+        title="Roles"
+        description="Grouped as they are in the system. The base column is what the role points at; the value column is where that chain ends."
+      >
+        <TokenTable rows={roleRows} resolved={resolved} showGroups />
+      </Section>
+
+      <Section
+        title="Ramp steps"
+        description="Layer 1. These hold the literal values every role resolves to, which is why the base column is empty for them."
+      >
+        <TokenTable rows={rampRows} resolved={resolved} showGroups />
+      </Section>
+    </>
+  );
+}
+
+function TokenTable({
+  rows,
+  resolved,
+  showGroups,
+}: {
+  rows: TableRow[];
+  resolved: ReturnType<typeof useResolvedTokens>;
+  showGroups?: boolean;
+}) {
+  let lastGroup: string | null = null;
+
+  return (
+    /* Scrolls horizontally rather than wrapping cells: a table of values is
+       unreadable once a hex breaks across two lines. */
+    <div className="-mx-1 overflow-x-auto px-1">
+      <table className="w-full min-w-[34rem] border-collapse text-left">
+        <caption className="sr-only">
+          Colour tokens, the base token each resolves through, and the value it
+          paints
+        </caption>
+        <thead>
+          <tr className="border-tertiary border-b">
+            <th scope="col" className="py-2 pr-4 text-label text-tertiary">
+              Token
+            </th>
+            <th scope="col" className="py-2 pr-4 text-label text-tertiary">
+              Base
+            </th>
+            <th scope="col" className="py-2 text-label text-tertiary">
+              Value
+            </th>
+          </tr>
+        </thead>
+        <tbody>
+          {rows.map((row) => {
+            const token = resolved.get(row.variable);
+            const headingRow =
+              showGroups && row.group !== lastGroup ? row.group : null;
+            lastGroup = row.group;
+
+            return (
+              <Fragment key={row.variable}>
+                {headingRow ? (
+                  <tr>
+                    <th
+                      scope="colgroup"
+                      colSpan={3}
+                      className="pt-6 pb-1 text-meta text-tertiary"
+                    >
+                      {headingRow}
+                    </th>
+                  </tr>
+                ) : null}
+                <tr className="border-tertiary border-b">
+                  <td className="py-2.5 pr-4 align-top whitespace-nowrap">
+                    <code className="text-code text-primary">{row.token}</code>
+                  </td>
+                  <td className="py-2.5 pr-4 align-top whitespace-nowrap">
+                    {token?.pointsAtVariable ? (
+                      <code className="text-code text-secondary">
+                        {humanizeVariable(token.pointsAtVariable)}
+                      </code>
+                    ) : (
+                      <span className="text-caption text-tertiary">—</span>
+                    )}
+                  </td>
+                  <td className="py-2.5 align-top">
+                    <span className="flex min-w-0 items-center gap-2">
+                      <ValueSwatch value={token?.value ?? "transparent"} />
+                      <code className="truncate text-code text-secondary">
+                        {token?.value ?? "…"}
+                      </code>
+                      {token && !isHex(token.value) ? (
+                        <span className="shrink-0 text-meta text-tertiary">
+                          {describeValueKind(token.value)}
+                        </span>
+                      ) : null}
+                    </span>
+                  </td>
+                </tr>
+              </Fragment>
+            );
+          })}
+        </tbody>
+      </table>
+    </div>
+  );
+}
diff --git a/desktop-next/src/features/design-system/ui/DesignSystemLayout.tsx b/desktop-next/src/features/design-system/ui/DesignSystemLayout.tsx
index 7b1ba6408f..64dfca8b78 100644
--- a/desktop-next/src/features/design-system/ui/DesignSystemLayout.tsx
+++ b/desktop-next/src/features/design-system/ui/DesignSystemLayout.tsx
@@ -1,13 +1,19 @@
 import { Link, Outlet } from "@tanstack/react-router";
-import type { ReactNode } from "react";
+import { Fragment, type ReactNode } from "react";
 
 import { useColorScheme } from "@/shared/theme/useColorScheme";
 
-const SECTIONS: Array<{ heading: string; items: Array<[string, string]> }> = [
+/** A nav entry, optionally with children shown indented beneath it. */
+type NavItem = [label: string, to: string, children?: Array<[string, string]>];
+
+const SECTIONS: Array<{ heading: string; items: NavItem[] }> = [
   {
     heading: "Foundations",
     items: [
-      ["Colour", "/design/colour"],
+      // "Color" in the interface. The code still says `Colour` in places —
+      // registry types, the ColourPage component — and renaming those is a
+      // separate change from what the nav says.
+      ["Color", "/design/color", [["Token table", "/design/color/table"]]],
       ["Typography", "/design/typography"],
       ["Spacing", "/design/spacing"],
       ["Radius", "/design/radius"],
@@ -29,10 +35,20 @@ const SECTIONS: Array<{ heading: string; items: Array<[string, string]> }> = [
   },
 ];
 
-function NavLink({ to, children }: { to: string; children: ReactNode }) {
+function NavLink({
+  to,
+  exact,
+  children,
+}: {
+  to: string;
+  /** Set on a parent that has children, so it does not stay lit on a subpage. */
+  exact?: boolean;
+  children: ReactNode;
+}) {
   return (
     <Link
       to={to}
+      activeOptions={exact ? { exact: true } : undefined}
       className="block rounded-lg px-3 py-2 text-label text-secondary transition-colors hover:bg-hover hover:text-primary"
       activeProps={{
         className:
@@ -80,10 +96,20 @@ export function DesignSystemLayout() {
                 /* Narrow: links wrap as a row so the nav costs a few lines
                    instead of a screen. From lg they return to a column. */
                 <div className="flex flex-wrap gap-1 lg:flex-col">
-                  {section.items.map(([label, to]) => (
-                    <NavLink key={to} to={to}>
-                      {label}
-                    </NavLink>
+                  {section.items.map(([label, to, children]) => (
+                    <Fragment key={to}>
+                      <NavLink to={to} exact={children !== undefined}>
+                        {label}
+                      </NavLink>
+                      {/* Indented on the side rail so the nesting reads;
+                          inline in the wrapped narrow row, where an indent
+                          would just look like a gap. */}
+                      {children?.map(([childLabel, childTo]) => (
+                        <div key={childTo} className="lg:pl-3">
+                          <NavLink to={childTo}>{childLabel}</NavLink>
+                        </div>
+                      ))}
+                    </Fragment>
                   ))}
                 </div>
               )}
diff --git a/desktop-next/src/features/design-system/ui/OverviewPage.tsx b/desktop-next/src/features/design-system/ui/OverviewPage.tsx
index f45f7c8712..f231e8b170 100644
--- a/desktop-next/src/features/design-system/ui/OverviewPage.tsx
+++ b/desktop-next/src/features/design-system/ui/OverviewPage.tsx
@@ -57,10 +57,10 @@ export function OverviewPage() {
       >
         <div className="flex flex-wrap gap-2">
           <Link
-            to="/design/colour"
+            to="/design/color"
             className="rounded-lg bg-accent px-4 py-2 text-label text-on-accent transition-opacity hover:opacity-90"
           >
-            Colour
+            Color
           </Link>
           <Link
             to="/design/typography"
diff --git a/desktop-next/src/features/design-system/useResolvedToken.ts b/desktop-next/src/features/design-system/useResolvedToken.ts
new file mode 100644
index 0000000000..7d92675f39
--- /dev/null
+++ b/desktop-next/src/features/design-system/useResolvedToken.ts
@@ -0,0 +1,153 @@
+import { useEffect, useState } from "react";
+
+/**
+ * Resolves what a token points at and what it finally paints, by reading the
+ * live CSS rather than a hand-written copy of it.
+ *
+ * The alternative is a hex column typed into the registry, which is a second
+ * source of truth for the same fact: edit a ramp in `tokens.css` and the
+ * documentation is silently wrong. Reading the real CSS means the table reports
+ * what the product would actually paint, in whichever mode is active.
+ *
+ * This needs **two** different reads, because neither alone can answer both
+ * questions:
+ *
+ *   - `getComputedStyle().getPropertyValue('--bg-panel')` returns the *resolved*
+ *     value, `#ffffff`. Good for the final value, useless for the chain — the
+ *     `var(--neutral-1)` indirection is already gone by the time you can read it.
+ *   - Walking `document.styleSheets` finds the *declared* value,
+ *     `var(--neutral-1)`, which is the only place the chain still exists.
+ *
+ * So: CSSOM for "what does this point at", computed style for "what colour is
+ * that". Getting this wrong is invisible — every Base cell just reads `—`, which
+ * looks like a design choice rather than a broken lookup.
+ */
+
+/** Matches a declaration that is exactly one `var()` reference. */
+const SINGLE_VAR = /^var\(\s*(--[\w-]+)\s*(?:,[^)]*)?\)$/;
+
+export interface ResolvedToken {
+  /** The custom property, e.g. `--bg-panel`. */
+  variable: string;
+  /** Its declared value: `var(--neutral-1)`, or a literal. */
+  declared: string;
+  /** The single variable it points at, when it points at exactly one. */
+  pointsAtVariable: string | null;
+  /** The final painted value: `#ffffff`, a gradient, a colour-mix. */
+  value: string;
+}
+
+/**
+ * Collects declared values for custom properties from the document's own
+ * stylesheets.
+ *
+ * Later rules win, matching the cascade for the equal-specificity `:root` and
+ * `.dark` selectors this system uses. Dark-mode declarations are skipped unless
+ * dark is active, so the chain reported matches the mode on screen.
+ */
+function readDeclaredValues(isDark: boolean): Map<string, string> {
+  const declared = new Map<string, string>();
+
+  for (const sheet of Array.from(document.styleSheets)) {
+    let rules: CSSRuleList;
+    try {
+      rules = sheet.cssRules;
+    } catch {
+      // A cross-origin sheet throws on access. None of ours are, and a font
+      // stylesheet holds no tokens, so skipping is correct rather than lossy.
+      continue;
+    }
+
+    for (const rule of Array.from(rules)) {
+      if (!(rule instanceof CSSStyleRule)) continue;
+
+      const selector = rule.selectorText;
+      const isDarkRule = selector.includes(".dark");
+      // A `.dark` rule only describes the page when dark is active.
+      if (isDarkRule && !isDark) continue;
+
+      for (const property of Array.from(rule.style)) {
+        if (property.startsWith("--")) {
+          declared.set(property, rule.style.getPropertyValue(property).trim());
+        }
+      }
+    }
+  }
+
+  return declared;
+}
+
+/**
+ * Resolves a list of custom properties, re-running whenever the colour scheme
+ * changes.
+ */
+export function useResolvedTokens(
+  variables: string[],
+): Map<string, ResolvedToken> {
+  const [resolved, setResolved] = useState<Map<string, ResolvedToken>>(
+    () => new Map(),
+  );
+
+  // Callers build this array by mapping the registry, so it is a fresh array
+  // every render. Key the effect off its content instead of its identity.
+  const key = variables.join(",");
+
+  useEffect(() => {
+    const root = document.documentElement;
+
+    const read = () => {
+      const isDark = root.classList.contains("dark");
+      const declaredValues = readDeclaredValues(isDark);
+      const computed = getComputedStyle(root);
+
+      const next = new Map<string, ResolvedToken>();
+      for (const variable of key.split(",")) {
+        if (variable === "") continue;
+
+        const declared = declaredValues.get(variable) ?? "";
+        const match = SINGLE_VAR.exec(declared);
+
+        next.set(variable, {
+          variable,
+          declared,
+          pointsAtVariable: match ? match[1] : null,
+          // The computed value is already fully resolved, which is exactly what
+          // the value column wants.
+          value: computed.getPropertyValue(variable).trim(),
+        });
+      }
+      setResolved(next);
+    };
+
+    read();
+
+    // `.dark` toggles on the root, and a class change does not otherwise tell
+    // React that every colour on the page just changed.
+    const observer = new MutationObserver(read);
+    observer.observe(root, { attributeFilter: ["class", "style"] });
+    return () => observer.disconnect();
+  }, [key]);
+
+  return resolved;
+}
+
+/** `--neutral-7` → `neutral 7`, for display. */
+export function humanizeVariable(variable: string): string {
+  return variable.replace(/^--/, "").replace(/-/g, " ");
+}
+
+const HEX = /^#[0-9a-f]{3,8}$/i;
+
+export function isHex(value: string): boolean {
+  return HEX.test(value);
+}
+
+/** Labels what kind of value this is, when it is not a plain hex. */
+export function describeValueKind(value: string): string {
+  if (HEX.test(value)) return "hex";
+  if (/^rgba?\(/i.test(value)) return "rgba";
+  if (/^hsla?\(/i.test(value)) return "hsl";
+  if (/gradient\(/i.test(value)) return "gradient";
+  if (/^color-mix\(/i.test(value)) return "color-mix";
+  return "value";
+}
diff --git a/desktop-next/src/shared/styles/tokens.css b/desktop-next/src/shared/styles/tokens.css
index 77324fb975..a437dc0823 100644
--- a/desktop-next/src/shared/styles/tokens.css
+++ b/desktop-next/src/shared/styles/tokens.css
@@ -256,6 +256,18 @@
   --text-on-accent: #ffffff;
   --text-on-inverse: var(--neutral-1);
 
+  /* The status families need their paired text for the same reason accent does:
+     `bg-danger` is a saturated fill, and text on it must be the paired value
+     rather than whatever it inherits. The registry documented these four before
+     they were declared, so `text-on-danger` resolved to nothing and text on a
+     danger button fell back to near-black on red. The token table found it.
+     Literals for now, on the same exception as text-on-accent — they become
+     computed when the lightness rule lands. */
+  --text-on-danger: #ffffff;
+  --text-on-success: #ffffff;
+  --text-on-warning: var(--neutral-12);
+  --text-on-info: #ffffff;
+
   /*  2. The glass rim. A directional light effect, not a solid
         line: bright along the lit edge, dimmer on the opposite
         one, from one fixed light direction every glass surface
@@ -324,9 +336,13 @@
   --color-danger: var(--bg-danger);
   --color-danger-tint: var(--bg-danger-tint);
   --color-danger-tint-hover: var(--bg-danger-tint-hover);
+  --color-on-danger: var(--text-on-danger);
   --color-success: var(--bg-success);
   --color-success-tint: var(--bg-success-tint);
   --color-success-tint-hover: var(--bg-success-tint-hover);
+  --color-on-success: var(--text-on-success);
+  --color-on-warning: var(--text-on-warning);
+  --color-on-info: var(--text-on-info);
   --color-warning: var(--bg-warning);
   --color-warning-tint: var(--bg-warning-tint);
   --color-warning-tint-hover: var(--bg-warning-tint-hover);
diff --git a/desktop-next/src/shared/tokens/registry.ts b/desktop-next/src/shared/tokens/registry.ts
index 861f42728f..e7a46efc8f 100644
--- a/desktop-next/src/shared/tokens/registry.ts
+++ b/desktop-next/src/shared/tokens/registry.ts
@@ -670,7 +670,7 @@ export const BLUR = [
 /** The entire exception list. Everything else points at a ramp step. */
 export const EXCEPTIONS = [
   {
-    name: "text-on-accent, text-on-inverse",
+    name: "text-on-accent, text-on-inverse, and the four status pairings",
     why: "Computed from their fill's lightness rather than fixed, because white is readable on a blue or purple fill and unreadable on yellow or lime. This is what keeps a free choice of accent hue from becoming a contrast lottery.",
   },
   {

From 4c2e417b379428ba8155010a2d09c1c4d2bd746c Mon Sep 17 00:00:00 2001
From: morgmart <98432065+morgmart@users.noreply.github.com>
Date: Thu, 3 Sep 2026 18:43:00 -0700
Subject: [PATCH 05/33] style(desktop-next): wrap the token table into three
 equal columns
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The value column had been holding a single unbroken gradient literal, which under
the default `auto` layout claimed most of the table's width and pushed the other
two columns into a scroll. Switch to `table-fixed` with an explicit colgroup so
the thirds hold regardless of content, and let cells wrap instead of scrolling —
the horizontal scroll container is gone.

The value uses `break-all` rather than `break-words`: a gradient is one token with
no spaces to break at, so word-boundary wrapping still overflows. The swatch stays
pinned to the first line while the value wraps beside it, so the kind label moves
under the value rather than competing with it for the same line.

Verified equal columns and zero overflowing cells at 380, 480, 700, 1024, and
1280px.

Signed-off-by: morgmart <98432065+morgmart@users.noreply.github.com>
---
 .../design-system/ui/ColorTablePage.tsx       | 144 ++++++++++--------
 1 file changed, 79 insertions(+), 65 deletions(-)

diff --git a/desktop-next/src/features/design-system/ui/ColorTablePage.tsx b/desktop-next/src/features/design-system/ui/ColorTablePage.tsx
index ae751af24b..58c573c649 100644
--- a/desktop-next/src/features/design-system/ui/ColorTablePage.tsx
+++ b/desktop-next/src/features/design-system/ui/ColorTablePage.tsx
@@ -122,79 +122,93 @@ function TokenTable({
   let lastGroup: string | null = null;
 
   return (
-    /* Scrolls horizontally rather than wrapping cells: a table of values is
-       unreadable once a hex breaks across two lines. */
-    <div className="-mx-1 overflow-x-auto px-1">
-      <table className="w-full min-w-[34rem] border-collapse text-left">
-        <caption className="sr-only">
-          Colour tokens, the base token each resolves through, and the value it
-          paints
-        </caption>
-        <thead>
-          <tr className="border-tertiary border-b">
-            <th scope="col" className="py-2 pr-4 text-label text-tertiary">
-              Token
-            </th>
-            <th scope="col" className="py-2 pr-4 text-label text-tertiary">
-              Base
-            </th>
-            <th scope="col" className="py-2 text-label text-tertiary">
-              Value
-            </th>
-          </tr>
-        </thead>
-        <tbody>
-          {rows.map((row) => {
-            const token = resolved.get(row.variable);
-            const headingRow =
-              showGroups && row.group !== lastGroup ? row.group : null;
-            lastGroup = row.group;
+    /* `table-fixed` with three equal columns: the natural `auto` layout gives
+       the value column most of the width, because one gradient literal is longer
+       than every other cell in the table combined. Fixed makes the thirds hold
+       regardless of content, and cells wrap instead of scrolling. */
+    <table className="w-full table-fixed border-collapse text-left">
+      <caption className="sr-only">
+        Colour tokens, the base token each resolves through, and the value it
+        paints
+      </caption>
+      <colgroup>
+        <col className="w-1/3" />
+        <col className="w-1/3" />
+        <col className="w-1/3" />
+      </colgroup>
+      <thead>
+        <tr className="border-tertiary border-b">
+          <th scope="col" className="py-2 pr-4 text-label text-tertiary">
+            Token
+          </th>
+          <th scope="col" className="py-2 pr-4 text-label text-tertiary">
+            Base
+          </th>
+          <th scope="col" className="py-2 text-label text-tertiary">
+            Value
+          </th>
+        </tr>
+      </thead>
+      <tbody>
+        {rows.map((row) => {
+          const token = resolved.get(row.variable);
+          const headingRow =
+            showGroups && row.group !== lastGroup ? row.group : null;
+          lastGroup = row.group;
 
-            return (
-              <Fragment key={row.variable}>
-                {headingRow ? (
-                  <tr>
-                    <th
-                      scope="colgroup"
-                      colSpan={3}
-                      className="pt-6 pb-1 text-meta text-tertiary"
-                    >
-                      {headingRow}
-                    </th>
-                  </tr>
-                ) : null}
-                <tr className="border-tertiary border-b">
-                  <td className="py-2.5 pr-4 align-top whitespace-nowrap">
-                    <code className="text-code text-primary">{row.token}</code>
-                  </td>
-                  <td className="py-2.5 pr-4 align-top whitespace-nowrap">
-                    {token?.pointsAtVariable ? (
-                      <code className="text-code text-secondary">
-                        {humanizeVariable(token.pointsAtVariable)}
-                      </code>
-                    ) : (
-                      <span className="text-caption text-tertiary">—</span>
-                    )}
-                  </td>
-                  <td className="py-2.5 align-top">
-                    <span className="flex min-w-0 items-center gap-2">
+          return (
+            <Fragment key={row.variable}>
+              {headingRow ? (
+                <tr>
+                  <th
+                    scope="colgroup"
+                    colSpan={3}
+                    className="pt-6 pb-1 text-meta text-tertiary"
+                  >
+                    {headingRow}
+                  </th>
+                </tr>
+              ) : null}
+              <tr className="border-tertiary border-b">
+                <td className="py-2.5 pr-4 align-top">
+                  <code className="break-words text-code text-primary">
+                    {row.token}
+                  </code>
+                </td>
+                <td className="py-2.5 pr-4 align-top">
+                  {token?.pointsAtVariable ? (
+                    <code className="break-words text-code text-secondary">
+                      {humanizeVariable(token.pointsAtVariable)}
+                    </code>
+                  ) : (
+                    <span className="text-caption text-tertiary">—</span>
+                  )}
+                </td>
+                <td className="py-2.5 align-top">
+                  <span className="flex min-w-0 items-start gap-2">
+                    <span className="mt-0.5 shrink-0">
                       <ValueSwatch value={token?.value ?? "transparent"} />
-                      <code className="truncate text-code text-secondary">
+                    </span>
+                    <span className="flex min-w-0 flex-col gap-0.5">
+                      {/* `break-all`, not `break-words`: a gradient literal is
+                            one unbroken token with no spaces to break at, so
+                            word-boundary wrapping would overflow the column. */}
+                      <code className="break-all text-code text-secondary">
                         {token?.value ?? "…"}
                       </code>
                       {token && !isHex(token.value) ? (
-                        <span className="shrink-0 text-meta text-tertiary">
+                        <span className="text-meta text-tertiary">
                           {describeValueKind(token.value)}
                         </span>
                       ) : null}
                     </span>
-                  </td>
-                </tr>
-              </Fragment>
-            );
-          })}
-        </tbody>
-      </table>
-    </div>
+                  </span>
+                </td>
+              </tr>
+            </Fragment>
+          );
+        })}
+      </tbody>
+    </table>
   );
 }

From 972edc6fa619e75c3e0b7b510f45bfb5785c29c3 Mon Sep 17 00:00:00 2001
From: morgmart <98432065+morgmart@users.noreply.github.com>
Date: Thu, 3 Sep 2026 20:16:58 -0700
Subject: [PATCH 06/33] fix(desktop): deepen the default accent so its white
 label text is legible
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The default accent was #3b82f6, and white label text on it measures WCAG 2
3.68:1 — below the 4.5:1 AA minimum for normal text. That applied to every
primary button and active sidebar row in a fresh install, not to a setting
someone had opted into.

Move it to #2563eb, one step deeper: WCAG 5.17:1 and APCA Lc 80, so it now
passes both standards. Radix, Bootstrap, and Tailwind's blue-600 all sit in this
range, which is where a blue has to be to carry white text.

Darkening the fill is the fix rather than switching the label to black. Black on
the old hue scores WCAG 5.71 and would "pass", but measures APCA Lc 40 —
perceptually unreadable, and visibly worse. This is the documented WCAG 2 flaw
on saturated blue: the formula underweights the blue channel and ignores
polarity. Apple ships white on #0088ff–#3daefc in Messages at WCAG 2.4–3.5 for
the same reason. DESIGN.md now records the position (judge with APCA, report
WCAG, constrain the fill rather than degrade the text) so it is a decision with
evidence rather than a preference.

Retiring a hex is not only cosmetic: it leaves the old value in people's
storage, where it is no longer in ACCENT_COLORS and therefore fails the
community-theme allowlist — parseCommunityThemePreference would return null and
discard the user's syntax theme and follow-system flag along with the accent.
Both storage paths now migrate the retired value instead: the community
preference maps it on parse, and the local accent upgrades on read (all three
read sites go through one helper). A regression test covers the migration and
asserts an arbitrary hex is still rejected, so the migration cannot become a
general escape hatch; removing the mapping fails that test.

The communityThemeSync fixture moves to a current accent — it covers coordinate
logic, and a retired hex there would be rewritten mid-assertion for reasons
unrelated to what it tests.

Verified: 6112 desktop tests pass, tsc clean, biome clean.
Signed-off-by: morgmart <98432065+morgmart@users.noreply.github.com>
---
 desktop-next/DESIGN.md                        | 30 +++++++++++++
 desktop/src/shared/theme/ThemeProvider.tsx    | 45 ++++++++++++++-----
 .../theme/communityThemePreference.test.mjs   | 42 +++++++++++++++++
 .../shared/theme/communityThemePreference.ts  | 27 +++++++++--
 .../shared/theme/communityThemeSync.test.mjs  |  2 +-
 5 files changed, 131 insertions(+), 15 deletions(-)

diff --git a/desktop-next/DESIGN.md b/desktop-next/DESIGN.md
index 27bc0632dc..421c264953 100644
--- a/desktop-next/DESIGN.md
+++ b/desktop-next/DESIGN.md
@@ -80,6 +80,36 @@ Buzz is a place where people build together and bring their agents into the room
 - **Never use a status colour decoratively.** A green that does not mean success teaches people to stop trusting green.
 - **Categorical colours are the one place appearance-naming is allowed.** Telling two projects apart genuinely is a choice about appearance.
 
+## Contrast
+
+Buzz judges contrast with **APCA** (the perceptual algorithm in the WCAG 3
+draft), not the WCAG 2 ratio. Target **Lc 60** for body text, Lc 45 for large
+or non-essential text. This is a deliberate position, taken with evidence, and
+it is the rule a generated theme is measured against.
+
+- **Why.** The WCAG 2 ratio underweights blue and ignores polarity, so it
+  systematically recommends dark text on saturated mid-tone fills where light
+  text is plainly more readable. Measured: white on `#3b82f6` scores WCAG 3.68
+  (fail) but APCA Lc 69 (pass); black on the same fill scores WCAG 5.71 (pass)
+  but Lc 40 — badly unreadable. Apple ships white on `#0088ff`–`#3daefc` in
+  Messages at WCAG 2.4–3.5, and Tailwind, Bootstrap, and Radix all ship white
+  on their primary blue below or near the WCAG threshold. Three independent
+  signals agree with the eye; one number disagrees with all of them.
+- **APCA is not the looser choice.** It is stricter wherever WCAG 2 is
+  permissive: red on black (WCAG 5.25 pass, Lc 38 fail) and every dark-mode
+  mid-grey. Adopting it tightens more pairings than it relaxes.
+- **Report both.** WCAG 2 is what an audit measures and what regulators
+  recognise today. Design to APCA, and know the WCAG number before shipping a
+  surface that will be scanned. Where they disagree, say so in the change.
+- **Constrain the fill, never degrade the text.** If neither black nor white
+  carries a fill legibly, the fill is wrong — it is not a valid solid. Move the
+  fill's lightness and keep the hue; do not settle for the less-bad text.
+- **A paired text token is derived, not authored.** `text-on-*` is a function of
+  its fill, so it is generated with the fill and never hand-set. Every hand-set
+  pairing in this system has been wrong at least once.
+- **One implementation of the rule.** Desktop, mobile, and web must not each
+  compute their own pairing; they diverge and the same defect ships three times.
+
 ## Writing
 
 - **Every word earns its place.** Prefer the shortest phrasing that stays accurate.
diff --git a/desktop/src/shared/theme/ThemeProvider.tsx b/desktop/src/shared/theme/ThemeProvider.tsx
index 63fd3adb4d..65651bc9fd 100644
--- a/desktop/src/shared/theme/ThemeProvider.tsx
+++ b/desktop/src/shared/theme/ThemeProvider.tsx
@@ -43,7 +43,7 @@ const GLASS_VIBRANCY_MATERIAL = "sidebar";
 
 export const ACCENT_COLORS = [
   { name: "Neutral", value: NEUTRAL_ACCENT },
-  { name: "Blue", value: "#3b82f6" },
+  { name: "Blue", value: "#2563eb" },
   { name: "Cyan", value: "#06b6d4" },
   { name: "Green", value: "#22c55e" },
   { name: "Orange", value: "#f97316" },
@@ -54,7 +54,37 @@ export const ACCENT_COLORS = [
   { name: "Indigo", value: "#6366f1" },
 ] as const;
 
-const DEFAULT_ACCENT = "#3b82f6";
+/**
+ * One step deeper than the blue it replaced (`#3b82f6`), so white label text is
+ * legible on it by both standards: WCAG 5.17:1 and APCA Lc 80, against 3.68 and
+ * Lc 69 before. The old value failed WCAG AA on every primary button and active
+ * sidebar row in the default install.
+ *
+ * Darkening the fill is the fix rather than switching the label to black —
+ * black on this hue measures Lc 40, which is perceptually unreadable even
+ * though WCAG 2 scores it 5.71 and calls it a pass. See DESIGN.md § Contrast.
+ */
+const DEFAULT_ACCENT = "#2563eb";
+
+/**
+ * Accent hexes that were offered once and are still in people's storage, mapped
+ * to what replaced them.
+ *
+ * A retired hex is not merely cosmetic debt: it is no longer in
+ * `ACCENT_COLORS`, so it fails the community-theme allowlist and would
+ * otherwise persist locally forever, leaving one surface on a value the product
+ * has decided is not legible.
+ */
+const RETIRED_ACCENTS: Record<string, string> = {
+  "#3b82f6": "#2563eb",
+};
+
+/** Reads the stored accent, upgrading a retired value on the way through. */
+function readStoredAccent(): string {
+  const stored = getStorageItem(ACCENT_STORAGE_KEY);
+  if (!stored) return DEFAULT_ACCENT;
+  return RETIRED_ACCENTS[stored] ?? stored;
+}
 
 type ThemeContextValue = {
   themeName: string;
@@ -410,7 +440,7 @@ function applyCachedVars(): string | null {
     applyBuzzSidebar(themeName);
     glassThemeReady = true;
 
-    const accent = getStorageItem(ACCENT_STORAGE_KEY) ?? DEFAULT_ACCENT;
+    const accent = readStoredAccent();
     // Pin Buzz themes to the neutral accent here too, matching applyTheme.
     // Otherwise a cached Buzz theme + non-neutral stored accent flashes the
     // old accent on reload until the async applyTheme effect runs.
@@ -457,12 +487,7 @@ async function applyTheme(name: SyntaxThemeName): Promise<{
   // microtask (e.g. the caller's `.then`) let the previous accent flash on the
   // new theme for a frame — the flicker seen when switching to Buzz. Buzz
   // themes resolve to the neutral accent regardless of the stored value.
-  applyAccentColor(
-    resolveEffectiveAccent(
-      name,
-      getStorageItem(ACCENT_STORAGE_KEY) ?? DEFAULT_ACCENT,
-    ),
-  );
+  applyAccentColor(resolveEffectiveAccent(name, readStoredAccent()));
 
   // Cache for FOUC prevention
   try {
@@ -499,7 +524,7 @@ export function ThemeProvider({
   const [accentColor, setAccentColorState] = useState<string>(() => {
     // block/buzz#5078 — use the throw-safe accessor for init-time reads; a
     // denied-storage origin would otherwise kill the root on first mount.
-    return getStorageItem(ACCENT_STORAGE_KEY) ?? DEFAULT_ACCENT;
+    return readStoredAccent();
   });
   const [glassBackground, setGlassBackgroundState] = useState<boolean>(() => {
     const stored = getStorageItem(GLASS_BACKGROUND_STORAGE_KEY);
diff --git a/desktop/src/shared/theme/communityThemePreference.test.mjs b/desktop/src/shared/theme/communityThemePreference.test.mjs
index 1cc689cf4b..fbe2833070 100644
--- a/desktop/src/shared/theme/communityThemePreference.test.mjs
+++ b/desktop/src/shared/theme/communityThemePreference.test.mjs
@@ -209,3 +209,45 @@ test("community switch defers stale outgoing appearance persistence", () => {
   );
   assert.equal(communityThemePersistenceAction(null, incoming), "persist");
 });
+
+test("a retired accent hex is migrated rather than discarding the whole theme", () => {
+  // #3b82f6 was the default until it was deepened to #2563eb for legible white
+  // label text. It is no longer in ACCENT_COLORS, so without a migration it
+  // fails the allowlist and takes the user's syntax theme and follow-system
+  // flag down with it.
+  const stored = {
+    version: 1,
+    theme: "catppuccin-latte",
+    accent: "#3b82f6",
+    followSystem: false,
+  };
+
+  const parsed = parseCommunityThemePreference(stored);
+
+  assert.notEqual(
+    parsed,
+    null,
+    "a retired accent must not void the preference",
+  );
+  assert.equal(parsed.accent, "#2563eb", "the retired hex is upgraded");
+  assert.equal(
+    parsed.theme,
+    "catppuccin-latte",
+    "the rest of the theme survives",
+  );
+  assert.equal(parsed.followSystem, false);
+});
+
+test("an accent that was never offered is still rejected", () => {
+  // The migration must not become a general-purpose escape hatch: an arbitrary
+  // hex is not a retired value and still fails the allowlist.
+  assert.equal(
+    parseCommunityThemePreference({
+      version: 1,
+      theme: "buzz",
+      accent: "#123456",
+      followSystem: true,
+    }),
+    null,
+  );
+});
diff --git a/desktop/src/shared/theme/communityThemePreference.ts b/desktop/src/shared/theme/communityThemePreference.ts
index d9b13c0562..0115c8f511 100644
--- a/desktop/src/shared/theme/communityThemePreference.ts
+++ b/desktop/src/shared/theme/communityThemePreference.ts
@@ -16,13 +16,28 @@ export type CommunityThemePreference = {
 export const DEFAULT_COMMUNITY_THEME: CommunityThemePreference = Object.freeze({
   version: 1,
   theme: "buzz",
-  accent: "#3b82f6",
+  accent: "#2563eb",
   followSystem: true,
 });
 
 const THEME_NAMES = new Set<string>(SYNTAX_THEMES);
 const ACCENTS = new Set<string>(ACCENT_COLORS.map(({ value }) => value));
 
+/**
+ * Accent hexes that are no longer offered but are still sitting in people's
+ * stored preferences, mapped to their replacement.
+ *
+ * Without this, retiring a hex from `ACCENT_COLORS` makes every stored
+ * preference holding it fail validation — `parseCommunityThemePreference`
+ * returns null and the whole saved theme, including the chosen syntax theme and
+ * follow-system flag, is silently discarded. Migrating the one field preserves
+ * the rest.
+ */
+const RETIRED_ACCENTS = new Map<string, string>([
+  // Deepened so white label text is legible on it; see DESIGN.md § Contrast.
+  ["#3b82f6", "#2563eb"],
+]);
+
 export function communityThemeStorageKey(
   pubkey: string,
   relayUrl: string,
@@ -44,12 +59,16 @@ export function parseCommunityThemePreference(
     return null;
   }
   const candidate = value as Record<string, unknown>;
+  const accent =
+    typeof candidate.accent === "string"
+      ? (RETIRED_ACCENTS.get(candidate.accent) ?? candidate.accent)
+      : candidate.accent;
   if (
     candidate.version !== 1 ||
     typeof candidate.theme !== "string" ||
     !THEME_NAMES.has(candidate.theme) ||
-    typeof candidate.accent !== "string" ||
-    !ACCENTS.has(candidate.accent) ||
+    typeof accent !== "string" ||
+    !ACCENTS.has(accent) ||
     typeof candidate.followSystem !== "boolean"
   ) {
     return null;
@@ -57,7 +76,7 @@ export function parseCommunityThemePreference(
   return {
     version: 1,
     theme: candidate.theme as SyntaxThemeName,
-    accent: candidate.accent,
+    accent,
     followSystem: candidate.followSystem,
   };
 }
diff --git a/desktop/src/shared/theme/communityThemeSync.test.mjs b/desktop/src/shared/theme/communityThemeSync.test.mjs
index 956197125c..280529e28f 100644
--- a/desktop/src/shared/theme/communityThemeSync.test.mjs
+++ b/desktop/src/shared/theme/communityThemeSync.test.mjs
@@ -11,7 +11,7 @@ import {
 const preference = {
   version: 1,
   theme: "houston",
-  accent: "#3b82f6",
+  accent: "#2563eb",
   followSystem: false,
 };
 

From b7dbe900014716156167234d54d90d291c7d257a Mon Sep 17 00:00:00 2001
From: morgmart <98432065+morgmart@users.noreply.github.com>
Date: Thu, 3 Sep 2026 21:41:51 -0700
Subject: [PATCH 07/33] fix(desktop-next): relight the dark text ramp and
 enforce contrast in CI
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Three fixes, and a guard so they cannot regress silently.

`text-on-warning` pointed at `var(--neutral-12)`, which is near-black in light
mode and near-white in dark. The warning fill is the same amber in both, so dark
mode put #f5f5f5 on #eab308: APCA Lc 34, WCAG 1.76:1. It is a literal now — a
paired-text token follows its fill, never the mode.

The dark neutral text steps were too dim. `text-secondary` (#8f8f8f) measured
Lc 38–41 and `text-tertiary` (#6e6e6e) Lc 23–26 against an Lc 60 body target,
while passing WCAG AA at 4.4–5.6:1 — legal, and visibly murky. Raise dark
neutral-9 to #a6a6a6 and neutral-10 to #c1c1c1, sized against bg-float
(#2a2a2a), the lightest dark surface and so the binding case. Light neutral-9
moves #a3a3a3 -> #909090 for the same reason at the meta target. Both ramps stay
monotonic, and bg-inverse-hover (the other consumer of neutral-10) still carries
its paired text at Lc 70.

This is APCA's polarity asymmetry doing real work: light-on-dark needs more
separation than the same WCAG ratio implies, so the dark ramp's text steps sit
above where mirroring the light ramp would put them.

`text-disabled` stays below target deliberately — low contrast is the signal
that a control is unavailable, and WCAG exempts inactive controls for the same
reason. Raising it would make disabled read as enabled. Recorded as the one
exception, with that reason.

The guard is the durable part. `scripts/check-contrast.mjs` measures every text
role against every surface it can sit on, in both modes, and fails the build
below target. It parses `tokens.css` and resolves each `var()` chain rather than
holding a copied list of values, so it cannot drift from the system it audits.
`scripts/apca.mjs` is the algorithm, asserted against the published reference
values on every run so a bad edit to the maths fails loudly rather than quietly
shifting every verdict. Verified by falsification: reverting either fix fails
the check, and perturbing one APCA exponent trips the reference assertion.

Also corrects an earlier misreading: the two `.dark` blocks are not duplicate
declarations. The first holds the dark ramp, the second overrides surface roles
so the panel lifts off pure black. That is the intended layering.

Signed-off-by: morgmart <98432065+morgmart@users.noreply.github.com>
---
 desktop-next/AGENTS.md                    |  11 +-
 desktop-next/DESIGN.md                    |  14 ++
 desktop-next/package.json                 |   5 +-
 desktop-next/scripts/apca.mjs             |  99 ++++++++++++
 desktop-next/scripts/check-contrast.mjs   | 189 ++++++++++++++++++++++
 desktop-next/src/shared/styles/tokens.css |  22 ++-
 6 files changed, 333 insertions(+), 7 deletions(-)
 create mode 100644 desktop-next/scripts/apca.mjs
 create mode 100644 desktop-next/scripts/check-contrast.mjs

diff --git a/desktop-next/AGENTS.md b/desktop-next/AGENTS.md
index 3244d42cca..7866fbaa80 100644
--- a/desktop-next/AGENTS.md
+++ b/desktop-next/AGENTS.md
@@ -32,8 +32,9 @@ Port 1430, so it can run alongside the existing client on 1420.
 
 ```bash
 pnpm typecheck      # tsc --noEmit
-pnpm check          # biome + the type-system guard
+pnpm check          # biome + the type-system and contrast guards
 pnpm check:type     # the type-system guard alone
+pnpm check:contrast # the contrast guard alone
 pnpm biome check --write .   # auto-fix
 ```
 
@@ -42,6 +43,14 @@ a token: no arbitrary text sizes (px **or** rem), no `uppercase`, no
 hand-applied `tracking-*`, and no size role paired with a weight or leading
 utility. Each one is a defect the existing client already paid for.
 
+`scripts/check-contrast.mjs` measures every text role against every surface it
+can sit on, in both modes, and fails the build below its **APCA** target (Lc 60
+body, Lc 45 meta). It parses `tokens.css` rather than a copied list of values,
+so it cannot drift from the tokens it audits. Buzz judges contrast with APCA,
+not the WCAG 2 ratio — see DESIGN.md § Contrast for the evidence, and note the
+consequence: a pairing can pass WCAG AA and still fail here, which is the point.
+`#8f8f8f` on `#1c1c1c` scores WCAG 5.27:1 and APCA Lc 40.
+
 ---
 
 ## Stack, and why
diff --git a/desktop-next/DESIGN.md b/desktop-next/DESIGN.md
index 421c264953..1a04005a72 100644
--- a/desktop-next/DESIGN.md
+++ b/desktop-next/DESIGN.md
@@ -109,6 +109,20 @@ it is the rule a generated theme is measured against.
   pairing in this system has been wrong at least once.
 - **One implementation of the rule.** Desktop, mobile, and web must not each
   compute their own pairing; they diverge and the same defect ships three times.
+- **Size a text step against the worst surface it can land on**, not the most
+  common one. `bg-float` is the lightest dark surface, so it is the binding case
+  in dark mode; a step that only clears the target on `bg-inset` fails wherever
+  a popover opens.
+- **Dark mode is not light mode inverted.** APCA is polarity-asymmetric:
+  light-on-dark needs more separation than the same WCAG ratio suggests. The
+  dark ramp's text steps are therefore lighter than a mirrored ramp would put
+  them — steps 9 and 10 sit above where linear spacing would.
+- **`text-disabled` is deliberately below target.** Low contrast is the signal
+  that a control is unavailable. Never put information a person needs there.
+- **`pnpm check:contrast` enforces this.** Every text role is measured against
+  every surface it can sit on, in both modes, parsed from `tokens.css` so the
+  check cannot drift from the tokens. Exceptions live in that script with a
+  stated reason, which keeps the list short and arguable.
 
 ## Writing
 
diff --git a/desktop-next/package.json b/desktop-next/package.json
index aa996daad8..6e0bdff5cc 100644
--- a/desktop-next/package.json
+++ b/desktop-next/package.json
@@ -9,9 +9,10 @@
     "typecheck": "tsc --noEmit",
     "preview": "vite preview",
     "lint": "biome lint .",
-    "check": "biome check . && node scripts/check-type.mjs",
+    "check": "biome check . && node scripts/check-type.mjs && node scripts/check-contrast.mjs",
     "format": "biome format --write .",
-    "check:type": "node scripts/check-type.mjs"
+    "check:type": "node scripts/check-type.mjs",
+    "check:contrast": "node scripts/check-contrast.mjs"
   },
   "dependencies": {
     "@base-ui-components/react": "1.0.0-rc.0",
diff --git a/desktop-next/scripts/apca.mjs b/desktop-next/scripts/apca.mjs
new file mode 100644
index 0000000000..d31a3895d9
--- /dev/null
+++ b/desktop-next/scripts/apca.mjs
@@ -0,0 +1,99 @@
+/**
+ * APCA 0.1.9 — the perceptual contrast algorithm in the WCAG 3 draft.
+ *
+ * Buzz judges contrast with this rather than the WCAG 2 ratio; see
+ * DESIGN.md § Contrast for why, with the measured evidence.
+ *
+ * Validated against the published reference values:
+ *   black on white  ->  Lc  106.04
+ *   white on black  ->  Lc -107.88
+ *   #888 on white   ->  Lc   63.06
+ * `scripts/check-contrast.mjs` asserts these on every run, so a bad edit to the
+ * maths fails loudly instead of silently shifting every verdict.
+ */
+
+const EXP = 2.4;
+const R_CO = 0.2126729;
+const G_CO = 0.7151522;
+const B_CO = 0.072175;
+
+const BLACK_THRESHOLD = 0.022;
+// A named constant from the APCA specification that happens to read like an
+// approximation of Math.SQRT2. It is not one — do not "correct" it.
+// biome-ignore lint/suspicious/noApproximativeNumericConstant: APCA spec value, not Math.SQRT2
+const BLACK_CLAMP = 1.414;
+const SCALE = 1.14;
+const DELTA_Y_MIN = 0.1;
+const LO_OFFSET = 0.027;
+
+// Dark text on a light background.
+const BOW_TEXT = 0.57;
+const BOW_BG = 0.56;
+// Light text on a dark background — different exponents, because perception is
+// not symmetric between the two polarities. This asymmetry is the whole reason
+// APCA disagrees with WCAG 2 about dark mode.
+const WOB_TEXT = 0.62;
+const WOB_BG = 0.65;
+
+/** Parses `#rgb` / `#rrggbb` into 0–255 channels. */
+export function parseHex(hex) {
+  const raw = hex.trim().replace(/^#/, "");
+  const full =
+    raw.length === 3
+      ? raw
+          .split("")
+          .map((c) => c + c)
+          .join("")
+      : raw;
+  if (!/^[0-9a-fA-F]{6}$/.test(full)) {
+    throw new Error(`not an opaque hex colour: ${hex}`);
+  }
+  return [0, 2, 4].map((i) => Number.parseInt(full.slice(i, i + 2), 16));
+}
+
+/** Screen luminance, APCA's variant — a simple power curve, no sRGB kink. */
+function screenLuminance(hex) {
+  const [r, g, b] = parseHex(hex).map((c) => (c / 255) ** EXP);
+  return R_CO * r + G_CO * g + B_CO * b;
+}
+
+/** Lifts near-black so tiny luminance differences don't overstate contrast. */
+function clampBlack(y) {
+  return y < BLACK_THRESHOLD ? y + (BLACK_THRESHOLD - y) ** BLACK_CLAMP : y;
+}
+
+/**
+ * Lightness contrast between text and its background.
+ *
+ * Returns a signed value: positive for dark-on-light, negative for
+ * light-on-dark. Compare `Math.abs()` against a target.
+ */
+export function apcaContrast(textHex, backgroundHex) {
+  const text = clampBlack(screenLuminance(textHex));
+  const background = clampBlack(screenLuminance(backgroundHex));
+
+  if (Math.abs(background - text) < DELTA_Y_MIN) return 0;
+
+  if (background > text) {
+    const c = (background ** BOW_BG - text ** BOW_TEXT) * SCALE;
+    return c < DELTA_Y_MIN ? 0 : (c - LO_OFFSET) * 100;
+  }
+  const c = (background ** WOB_BG - text ** WOB_TEXT) * SCALE;
+  return c > -DELTA_Y_MIN ? 0 : (c + LO_OFFSET) * 100;
+}
+
+/** WCAG 2 relative luminance — reported alongside APCA, never used to decide. */
+function relativeLuminance(hex) {
+  const [r, g, b] = parseHex(hex).map((c) => {
+    const v = c / 255;
+    return v <= 0.03928 ? v / 12.92 : ((v + 0.055) / 1.055) ** 2.4;
+  });
+  return 0.2126 * r + 0.7152 * g + 0.0722 * b;
+}
+
+/** WCAG 2 contrast ratio, for the number an audit will ask about. */
+export function wcagRatio(a, b) {
+  const la = relativeLuminance(a);
+  const lb = relativeLuminance(b);
+  return (Math.max(la, lb) + 0.05) / (Math.min(la, lb) + 0.05);
+}
diff --git a/desktop-next/scripts/check-contrast.mjs b/desktop-next/scripts/check-contrast.mjs
new file mode 100644
index 0000000000..9a75a75557
--- /dev/null
+++ b/desktop-next/scripts/check-contrast.mjs
@@ -0,0 +1,189 @@
+#!/usr/bin/env node
+/**
+ * Fails the build when a text role cannot be read on a surface it is used on.
+ *
+ * This exists because the token table found four broken pairings by rendering
+ * them, and a defect found by looking is a defect that ships until someone
+ * looks. The table stays as the readable view; this is the check that runs.
+ *
+ * It parses `tokens.css` rather than a duplicate list of values, so it cannot
+ * drift from the system it audits: resolve each role through its `var()` chain
+ * to a literal, per mode, then measure every pairing the roles allow.
+ *
+ * Judged with APCA, per DESIGN.md § Contrast. The WCAG 2 ratio is reported for
+ * context and never decides — it is the standard that calls #8f8f8f on #1c1c1c
+ * a pass at 5.27:1 while APCA scores it Lc 40.
+ */
+
+import { readFileSync } from "node:fs";
+import { dirname, join } from "node:path";
+import { fileURLToPath } from "node:url";
+
+import { apcaContrast, wcagRatio } from "./apca.mjs";
+
+const ROOT = join(dirname(fileURLToPath(import.meta.url)), "..");
+const TOKENS = join(ROOT, "src/shared/styles/tokens.css");
+
+/** Body text. Anything a person must read to use the product. */
+const TARGET_BODY = 60;
+/** Large or non-essential text: timestamps, counts, meta. */
+const TARGET_META = 45;
+
+/**
+ * Pairings that are deliberately below target, with the reason.
+ *
+ * An exception must name a role and say why, so the list stays short and
+ * arguable rather than becoming a place to hide failures.
+ */
+const EXCEPTIONS = new Map([
+  [
+    "--text-disabled",
+    "Low contrast is the signal that a control is unavailable; WCAG exempts inactive controls. Never carries information a person needs.",
+  ],
+]);
+
+/** Roles measured at the meta target rather than the body target. */
+const META_ROLES = new Set(["--text-tertiary"]);
+
+/** Neutral surfaces any text role may sit on. */
+const SURFACES = ["--bg-panel", "--bg-float", "--bg-inset", "--bg-hover"];
+
+/** Text roles that must be readable on every neutral surface. */
+const TEXT_ROLES = [
+  "--text-primary",
+  "--text-secondary",
+  "--text-tertiary",
+  "--text-disabled",
+  "--text-accent",
+  "--text-danger",
+  "--text-success",
+  "--text-warning",
+  "--text-info",
+];
+
+/** Paired text and the one fill it is defined against. */
+const PAIRS = [
+  ["--text-on-accent", "--bg-accent"],
+  ["--text-on-inverse", "--bg-inverse"],
+  ["--text-on-danger", "--bg-danger"],
+  ["--text-on-success", "--bg-success"],
+  ["--text-on-warning", "--bg-warning"],
+  ["--text-on-info", "--bg-info"],
+];
+
+const css = readFileSync(TOKENS, "utf8");
+
+/**
+ * Collects declarations per mode, honouring source order so a later block wins
+ * exactly as the cascade would. `.dark` inherits `:root` and overrides it, so
+ * dark is light-then-dark rather than dark alone.
+ */
+function declarationsByMode() {
+  const light = new Map();
+  const dark = new Map();
+  // Split on top-level selector blocks and track which we are inside.
+  const blocks = css.matchAll(/(:root|\.dark)\s*\{([^}]*)\}/g);
+  for (const [, selector, body] of blocks) {
+    for (const [, name, value] of body.matchAll(/(--[\w-]+):\s*([^;]+);/g)) {
+      const v = value.trim();
+      if (selector === ":root") {
+        light.set(name, v);
+        // Dark starts from the light value and is overridden below.
+        dark.set(name, v);
+      } else {
+        dark.set(name, v);
+      }
+    }
+  }
+  return { light, dark };
+}
+
+/** Follows a `var()` chain to its literal, or null if it is not a plain colour. */
+function resolve(map, name, depth = 0) {
+  if (depth > 10) return null;
+  const value = map.get(name);
+  if (!value) return null;
+  const single = /^var\(\s*(--[\w-]+)\s*\)$/.exec(value);
+  if (single) return resolve(map, single[1], depth + 1);
+  return /^#[0-9a-fA-F]{3,6}$/.test(value) ? value : null;
+}
+
+const modes = declarationsByMode();
+const failures = [];
+const skipped = [];
+
+for (const [mode, map] of Object.entries(modes)) {
+  const check = (textRole, surfaceRole) => {
+    const text = resolve(map, textRole);
+    const surface = resolve(map, surfaceRole);
+    // A translucent or gradient value cannot be measured against one colour;
+    // record it rather than passing it silently.
+    if (!text || !surface) {
+      skipped.push(`${mode}: ${textRole} on ${surfaceRole}`);
+      return;
+    }
+    const lc = Math.abs(apcaContrast(text, surface));
+    const target = META_ROLES.has(textRole) ? TARGET_META : TARGET_BODY;
+    if (lc >= target) return;
+    if (EXCEPTIONS.has(textRole)) return;
+    failures.push({
+      mode,
+      textRole,
+      text,
+      surfaceRole,
+      surface,
+      lc,
+      target,
+      wcag: wcagRatio(text, surface),
+    });
+  };
+
+  for (const role of TEXT_ROLES) {
+    for (const surface of SURFACES) check(role, surface);
+  }
+  for (const [role, fill] of PAIRS) check(role, fill);
+}
+
+// Guard the maths itself: if these drift, every verdict above is wrong.
+const REFERENCE = [
+  ["#000000", "#ffffff", 106.04],
+  ["#ffffff", "#000000", -107.88],
+  ["#888888", "#ffffff", 63.06],
+];
+for (const [text, bg, expected] of REFERENCE) {
+  const got = apcaContrast(text, bg);
+  if (Math.abs(got - expected) > 0.05) {
+    console.error(
+      `✗ APCA implementation drifted: ${text} on ${bg} gave ${got.toFixed(2)}, expected ${expected}`,
+    );
+    process.exit(1);
+  }
+}
+
+if (skipped.length > 0) {
+  console.log(`ℹ ${skipped.length} pairing(s) not measurable as flat colour:`);
+  for (const s of skipped) console.log(`    ${s}`);
+}
+
+if (failures.length > 0) {
+  console.error(
+    `\n✗ Contrast: ${failures.length} pairing(s) below their APCA target\n`,
+  );
+  for (const f of failures) {
+    console.error(
+      `  ${f.mode.padEnd(5)} ${f.textRole} (${f.text}) on ${f.surfaceRole} (${f.surface})`,
+    );
+    console.error(
+      `        Lc ${f.lc.toFixed(1)} — needs ${f.target}   [WCAG ${f.wcag.toFixed(2)}:1]`,
+    );
+  }
+  console.error(
+    "\nRaise the ramp step the role points at, or add a documented exception\nin scripts/check-contrast.mjs with a reason. See DESIGN.md § Contrast.\n",
+  );
+  process.exit(1);
+}
+
+console.log("✓ Contrast: every text role clears its APCA target in both modes");
+for (const [role, why] of EXCEPTIONS) {
+  console.log(`  (exception) ${role} — ${why.split(";")[0]}`);
+}
diff --git a/desktop-next/src/shared/styles/tokens.css b/desktop-next/src/shared/styles/tokens.css
index a437dc0823..9d3605e4f5 100644
--- a/desktop-next/src/shared/styles/tokens.css
+++ b/desktop-next/src/shared/styles/tokens.css
@@ -31,7 +31,7 @@
   --neutral-6: #e5e5e5; /* subtle border         */
   --neutral-7: #d4d4d4; /* border                */
   --neutral-8: #b8b8b8; /* border hover          */
-  --neutral-9: #a3a3a3; /* solid fill            */
+  --neutral-9: #909090; /* solid fill, tertiary text */
   --neutral-10: #737373; /* solid fill hover     */
   --neutral-11: #262626; /* dark fill            */
   --neutral-12: #0a0a0a; /* high-contrast text   */
@@ -115,8 +115,14 @@
   --neutral-6: #333333;
   --neutral-7: #424242;
   --neutral-8: #5a5a5a;
-  --neutral-9: #6e6e6e;
-  --neutral-10: #8f8f8f;
+  /* Steps 9 and 10 are lighter than a linear ramp would put them, because in
+     dark mode they carry text and APCA is polarity-asymmetric: light-on-dark
+     needs more separation than the WCAG ratio implies. At #6e6e6e and #8f8f8f
+     they measured Lc 23–26 and Lc 38–41 against the Lc 60 body-text target
+     while passing WCAG AA — legal, and visibly murky. Sized against the
+     lightest dark surface (bg-float #2a2a2a), which is the binding case. */
+  --neutral-9: #a6a6a6;
+  --neutral-10: #c1c1c1;
   --neutral-11: #e5e5e5;
   --neutral-12: #f5f5f5;
 
@@ -192,6 +198,10 @@
   --text-primary: var(--neutral-12);
   --text-secondary: var(--neutral-10);
   --text-tertiary: var(--neutral-9);
+  /* Deliberately below the contrast targets: low contrast is the signal that a
+     control is unavailable, and WCAG exempts inactive controls for the same
+     reason. Raising it to Lc 60 would make disabled read as enabled. Never put
+     information here that a person needs. */
   --text-disabled: var(--neutral-8);
 
   --border-primary: var(--neutral-7);
@@ -265,7 +275,11 @@
      computed when the lightness rule lands. */
   --text-on-danger: #ffffff;
   --text-on-success: #ffffff;
-  --text-on-warning: var(--neutral-12);
+  /* A literal, not `var(--neutral-12)`: the warning fill is the same amber in
+     both modes, so its paired text must be dark in both. neutral-12 flips to
+     near-white in dark mode, which put #f5f5f5 on #eab308 — APCA Lc 34, WCAG
+     1.76. A paired-text token follows its fill, never the mode. */
+  --text-on-warning: #0a0a0a;
   --text-on-info: #ffffff;
 
   /*  2. The glass rim. A directional light effect, not a solid

From f8f07a3b33635434ca41cc48c82238cc59d2d8d5 Mon Sep 17 00:00:00 2001
From: morgmart <98432065+morgmart@users.noreply.github.com>
Date: Fri, 4 Sep 2026 11:07:31 -0700
Subject: [PATCH 08/33] fix(desktop-next): make coloured text legible on tint
 hovers, and widen the audit
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

A second pass over the colour system, checking the surfaces the first audit did
not cover.

The gap was tint hovers. DESIGN.md says a tint carries meaning and takes coloured
text, but the audit only measured text against the four neutral surfaces — so
`--bg-*-tint-hover`, the hardest surface in each coloured family, was never
checked. Four pairings were below target: light danger (Lc 56.6) and warning
(59.2), and dark accent and info (58.4 each). All four passed WCAG AA, which is
why nothing else caught them.

Size step 11 against the tint hover rather than the neutral panel, the same rule
already applied to the neutral ramp: light danger-11 #b91c1c -> #a80008, light
warning-11 #a16207 -> #9c5e00, dark accent-11 and info-11 #8fbaff -> #95c0ff.
Minimum moves in OKLCH holding hue and chroma, so the hues do not shift.

The audit now covers every tint and tint hover in all five families. Verified by
falsification: reverting any one of the four fails the check.

Two findings that are deliberately not changes:

Hairline dividers stay at 1.2-1.8:1. WCAG's 3:1 non-text rule covers boundaries
needed to identify a control or its state, not grouping lines; Radix ships 1.29
and Apple 1.26 for the same job. Raising them would draw the box the fill already
implies. Recorded in DESIGN.md, along with the note that a control's own outline
is a different question when the input layer lands.

`--ring-focus` is an accent against accent: legible on every neutral surface at
3.0-3.5:1, but 1.1:1 on `bg-accent`, where it vanishes. Not yet reachable — the
token is unregistered and unused — so the constraint is documented at the token
instead of being solved speculatively: the component layer that introduces focus
owns a surface-coloured offset, and there is no second ring token.

Glass surfaces were checked by compositing each translucent value over the app
gradient's own stops; all clear the target in both modes, which the relit
neutral ramp is what earns.

Signed-off-by: morgmart <98432065+morgmart@users.noreply.github.com>
---
 desktop-next/DESIGN.md                    |  9 +++++++++
 desktop-next/scripts/check-contrast.mjs   | 11 +++++++++++
 desktop-next/src/shared/styles/tokens.css | 16 +++++++++++-----
 3 files changed, 31 insertions(+), 5 deletions(-)

diff --git a/desktop-next/DESIGN.md b/desktop-next/DESIGN.md
index 1a04005a72..abdbe2c3bf 100644
--- a/desktop-next/DESIGN.md
+++ b/desktop-next/DESIGN.md
@@ -123,6 +123,15 @@ it is the rule a generated theme is measured against.
   every surface it can sit on, in both modes, parsed from `tokens.css` so the
   check cannot drift from the tokens. Exceptions live in that script with a
   stated reason, which keeps the list short and arguable.
+- **A tint's hover is the hardest surface in its family**, so a `text-*` step is
+  sized against that rather than against the neutral panel. Every failure the
+  audit found in the coloured families was on a tint-hover, never at rest.
+- **Hairline dividers are not held to a contrast target.** WCAG's 3:1 non-text
+  rule covers boundaries needed to identify a *control* or its state, not
+  grouping lines. Buzz's borders measure 1.2–1.8:1, which is where Radix and
+  Apple ship theirs; raising them would draw the box the fill already implies.
+  When the input layer lands, a control's own outline is a different question and
+  does need the 3:1 treatment.
 
 ## Writing
 
diff --git a/desktop-next/scripts/check-contrast.mjs b/desktop-next/scripts/check-contrast.mjs
index 9a75a75557..7cd81f171d 100644
--- a/desktop-next/scripts/check-contrast.mjs
+++ b/desktop-next/scripts/check-contrast.mjs
@@ -71,6 +71,13 @@ const PAIRS = [
   ["--text-on-info", "--bg-info"],
 ];
 
+/**
+ * The families with a tint surface. DESIGN.md: "tint carries a meaning and takes
+ * coloured text", so each family's `text-*` must be readable on both its tint
+ * and that tint's hover — the hover state is the harder one and was the gap.
+ */
+const TINT_FAMILIES = ["accent", "danger", "success", "warning", "info"];
+
 const css = readFileSync(TOKENS, "utf8");
 
 /**
@@ -142,6 +149,10 @@ for (const [mode, map] of Object.entries(modes)) {
     for (const surface of SURFACES) check(role, surface);
   }
   for (const [role, fill] of PAIRS) check(role, fill);
+  for (const family of TINT_FAMILIES) {
+    check(`--text-${family}`, `--bg-${family}-tint`);
+    check(`--text-${family}`, `--bg-${family}-tint-hover`);
+  }
 }
 
 // Guard the maths itself: if these drift, every verdict above is wrong.
diff --git a/desktop-next/src/shared/styles/tokens.css b/desktop-next/src/shared/styles/tokens.css
index 9d3605e4f5..50e4176969 100644
--- a/desktop-next/src/shared/styles/tokens.css
+++ b/desktop-next/src/shared/styles/tokens.css
@@ -51,7 +51,7 @@
   --danger-3: #fecaca;
   --danger-8: #f5b5b5;
   --danger-9: #dc2626;
-  --danger-11: #b91c1c;
+  --danger-11: #a80008;
 
   --success-2: #e8f7ee;
   --success-3: #d1f0dd;
@@ -63,7 +63,7 @@
   --warning-3: #fde68a;
   --warning-8: #f2d98a;
   --warning-9: #eab308;
-  --warning-11: #a16207;
+  --warning-11: #9c5e00;
 
   --info-2: #e7f1ff;
   --info-3: #d0e3ff;
@@ -133,7 +133,7 @@
   --accent-3: #1a3358;
   --accent-8: #356dbd;
   --accent-9: #237eff;
-  --accent-11: #8fbaff;
+  --accent-11: #95c0ff;
 
   --danger-2: #3a1515;
   --danger-3: #4d1c1c;
@@ -157,7 +157,7 @@
   --info-3: #1a3358;
   --info-8: #356dbd;
   --info-9: #3d87ff;
-  --info-11: #8fbaff;
+  --info-11: #95c0ff;
 
   --glass-1: #1c1c1c5c;
   --glass-2: #1c1c1c85;
@@ -252,7 +252,13 @@
   --bg-panel-glass: var(--glass-2);
   --bg-float-glass: var(--glass-3);
 
-  /* --- Focus. ---------------------------------------------- */
+  /* --- Focus. ----------------------------------------------
+     Legible on every neutral surface (WCAG 3.0–3.5:1), but it is an accent
+     against accent: on `bg-accent` it measures 1.1:1 and disappears. A focused
+     primary button therefore needs the ring separated from the fill — an offset
+     in the surface colour, not a different ring hue, so one focus treatment
+     works everywhere. Whatever component layer introduces focus owns that
+     offset; there is no second ring token.                     */
   --ring-focus: var(--accent-8);
 
   /* ==========================================================

From 2d4d36e086ee6c426a48f6a2250c176932c387c5 Mon Sep 17 00:00:00 2001
From: morgmart <98432065+morgmart@users.noreply.github.com>
Date: Fri, 4 Sep 2026 20:02:30 -0700
Subject: [PATCH 09/33] feat(desktop-next): build channel-backed Sessions
 workspace

Signed-off-by: morgmart <98432065+morgmart@users.noreply.github.com>
---
 Justfile                                      |  73 +++
 crates/buzz-core/src/kind.rs                  |   8 +
 crates/buzz-db/src/store/channel_members.rs   | 183 ++++++
 crates/buzz-relay/src/api/bridge.rs           |  13 +-
 crates/buzz-relay/src/handlers/count.rs       |  26 +-
 crates/buzz-relay/src/handlers/event.rs       |  12 +-
 crates/buzz-relay/src/handlers/ingest.rs      |  80 ++-
 crates/buzz-relay/src/handlers/req.rs         |  25 +-
 .../buzz-relay/src/handlers/side_effects.rs   |   4 +
 desktop-next/.gitignore                       |   2 +
 desktop-next/AGENTS.md                        |  34 +-
 desktop-next/DESIGN.md                        |  15 +-
 desktop-next/package.json                     |  12 +-
 desktop-next/playwright.config.ts             |  11 +
 desktop-next/scripts/check-type.mjs           | 132 ++++-
 desktop-next/src/app/routes/index.tsx         |  23 +-
 desktop-next/src/features/agents/runtime.ts   | 180 ++++++
 desktop-next/src/features/agents/types.ts     |  37 ++
 .../features/agents/ui/AgentsWorkspace.tsx    | 342 +++++++++++
 .../design-system/ui/ColorTablePage.tsx       |  18 +-
 .../features/design-system/ui/ColourPage.tsx  |  22 +-
 .../design-system/ui/DesignSystemLayout.tsx   |  14 +-
 .../design-system/ui/ElevationPage.tsx        |   4 +-
 .../features/design-system/ui/GlassPage.tsx   |  10 +-
 .../features/design-system/ui/GrowthPage.tsx  |   6 +-
 .../design-system/ui/OverviewPage.tsx         |  12 +-
 .../design-system/ui/TypographyPage.tsx       |  30 +-
 .../design-system/ui/VocabularyPage.tsx       |  14 +-
 .../features/design-system/ui/primitives.tsx  |  12 +-
 .../features/sessions/activityProjection.ts   | 126 ++++
 .../sessions/channelWindowProjection.test.ts  |  33 ++
 .../sessions/channelWindowProjection.ts       |  55 ++
 .../src/features/sessions/sessionRegistry.ts  |  52 ++
 desktop-next/src/features/sessions/types.ts   |  79 +++
 .../features/sessions/ui/AgentActivity.tsx    |  85 +++
 .../src/features/sessions/ui/AppShell.tsx     | 450 ++++++++++++++
 .../features/sessions/ui/NewSessionView.tsx   |  87 +++
 .../sessions/ui/ParticipantDialog.tsx         | 157 +++++
 .../features/sessions/ui/SessionComposer.tsx  |  67 +++
 .../src/features/sessions/ui/SessionView.tsx  | 316 ++++++++++
 desktop-next/src/main.tsx                     |   2 +
 desktop-next/src/shared/runtime/client.ts     | 549 ++++++++++++++++++
 desktop-next/src/shared/styles/agents.css     | 157 +++++
 desktop-next/src/shared/styles/globals.css    |   4 +-
 desktop-next/src/shared/styles/product.css    | 501 ++++++++++++++++
 desktop-next/src/shared/styles/typography.css | 179 +++---
 desktop-next/src/shared/tokens/registry.ts    | 138 ++---
 desktop-next/src/shared/ui/DockWorkspace.tsx  |  61 ++
 desktop-next/tauri.conf.json                  |  34 ++
 desktop-next/tests/sessions.spec.ts           |  73 +++
 desktop/src-tauri/src/commands/agents.rs      |   6 +
 desktop/src-tauri/src/commands/mod.rs         |   4 +
 .../src/commands/session_bootstrap.rs         | 357 ++++++++++++
 desktop/src-tauri/src/commands/sessions.rs    |  84 +++
 desktop/src-tauri/src/events.rs               |  23 +
 desktop/src-tauri/src/lib.rs                  |   3 +
 .../src/managed_agents/types/requests.rs      |   6 +
 desktop/src-tauri/src/models.rs               |   2 +-
 pnpm-lock.yaml                                |  54 ++
 59 files changed, 4809 insertions(+), 289 deletions(-)
 create mode 100644 desktop-next/playwright.config.ts
 create mode 100644 desktop-next/src/features/agents/runtime.ts
 create mode 100644 desktop-next/src/features/agents/types.ts
 create mode 100644 desktop-next/src/features/agents/ui/AgentsWorkspace.tsx
 create mode 100644 desktop-next/src/features/sessions/activityProjection.ts
 create mode 100644 desktop-next/src/features/sessions/channelWindowProjection.test.ts
 create mode 100644 desktop-next/src/features/sessions/channelWindowProjection.ts
 create mode 100644 desktop-next/src/features/sessions/sessionRegistry.ts
 create mode 100644 desktop-next/src/features/sessions/types.ts
 create mode 100644 desktop-next/src/features/sessions/ui/AgentActivity.tsx
 create mode 100644 desktop-next/src/features/sessions/ui/AppShell.tsx
 create mode 100644 desktop-next/src/features/sessions/ui/NewSessionView.tsx
 create mode 100644 desktop-next/src/features/sessions/ui/ParticipantDialog.tsx
 create mode 100644 desktop-next/src/features/sessions/ui/SessionComposer.tsx
 create mode 100644 desktop-next/src/features/sessions/ui/SessionView.tsx
 create mode 100644 desktop-next/src/shared/runtime/client.ts
 create mode 100644 desktop-next/src/shared/styles/agents.css
 create mode 100644 desktop-next/src/shared/styles/product.css
 create mode 100644 desktop-next/src/shared/ui/DockWorkspace.tsx
 create mode 100644 desktop-next/tauri.conf.json
 create mode 100644 desktop-next/tests/sessions.spec.ts
 create mode 100644 desktop/src-tauri/src/commands/session_bootstrap.rs
 create mode 100644 desktop/src-tauri/src/commands/sessions.rs

diff --git a/Justfile b/Justfile
index e44d315877..707a56c6cc 100644
--- a/Justfile
+++ b/Justfile
@@ -655,6 +655,79 @@ dev *ARGS: bootstrap _ensure-sidecar-stubs _ensure-migrations
     FEATURES=(); [[ -n "{{mesh}}" ]] && FEATURES=(--features mesh-llm)
     pnpm exec tauri dev ${FEATURES[@]+"${FEATURES[@]}"} --config "$BUZZ_TAURI_CONFIG" {{ARGS}}
 
+
+# Run desktop-next in dev mode with the same local relay, services, ports, and identity as `dev`.
+desktop-next-dev *ARGS: bootstrap _ensure-sidecar-stubs _ensure-migrations
+    #!/usr/bin/env bash
+    set -euo pipefail
+    export PATH="{{justfile_directory()}}/bin:$PATH"
+    set -o allexport
+    source .env
+    set +o allexport
+    bind_addr="${BUZZ_BIND_ADDR:-0.0.0.0:3000}"
+    relay_port="${bind_addr##*:}"; [[ -n "$relay_port" ]] || relay_port=3000
+    health_port="${BUZZ_HEALTH_PORT:-8080}"
+    metrics_port="${BUZZ_METRICS_PORT:-9102}"
+    if command -v lsof >/dev/null 2>&1; then
+        for spec in "relay:$relay_port" "health:$health_port" "metrics:$metrics_port"; do
+            name="${spec%%:*}"; port="${spec##*:}"
+            if lsof -nP -iTCP:"$port" -sTCP:LISTEN >/dev/null 2>&1; then
+                echo "Error: $name port $port is already in use; refusing to launch desktop against a stale relay." >&2
+                lsof -nP -iTCP:"$port" -sTCP:LISTEN >&2 || true
+                echo "Stop the process above (often a stale buzz-relay) and rerun: just dev" >&2
+                exit 1
+            fi
+        done
+    fi
+    cargo build -p buzz-acp -p buzz-agent -p buzz-backend-kubernetes -p buzz-dev-mcp -p buzz-cli -p git-credential-nostr -p buzz-relay
+    # Docker Desktop's forwarded MinIO port can stall under the deployment
+    # probe's 32 concurrent writers. Keep the gate enabled in local dev, using
+    # the bounded profile already used by the relay test launcher.
+    export BUZZ_GIT_PROBE_WRITERS="${BUZZ_GIT_PROBE_WRITERS:-8}"
+    export BUZZ_GIT_PROBE_ROUNDS="${BUZZ_GIT_PROBE_ROUNDS:-2}"
+    TARGET_DIR=$(cargo metadata --format-version 1 --no-deps | node -p "JSON.parse(require('fs').readFileSync(0, 'utf8')).target_directory")
+    "${TARGET_DIR}/debug/buzz-relay" &
+    RELAY_PID=$!
+    cleanup() {
+        [[ -n "${INSTANCE_ID:-}" ]] && ../scripts/cleanup-instance-agents.sh "$INSTANCE_ID" || true
+        kill "$RELAY_PID" 2>/dev/null || true
+    }
+    trap cleanup EXIT
+    relay_ready=false
+    for _ in $(seq 1 120); do
+        if ! kill -0 "$RELAY_PID" 2>/dev/null; then
+            echo "Error: buzz-relay exited during startup; refusing to launch desktop." >&2
+            wait "$RELAY_PID" || true
+            exit 1
+        fi
+        if curl --silent --fail --max-time 1 "http://127.0.0.1:${health_port}/_readiness" >/dev/null; then
+            relay_ready=true
+            break
+        fi
+        sleep 0.5
+    done
+    if [[ "$relay_ready" != true ]]; then
+        echo "Error: buzz-relay did not become healthy within 60 seconds; refusing to launch desktop." >&2
+        exit 1
+    fi
+    [[ -d desktop/node_modules ]] || pnpm --dir desktop install
+    [[ -d desktop-next/node_modules ]] || pnpm --dir desktop-next install
+    cd {{desktop_dir}}
+    source ../scripts/instance-env.sh
+    # Keep instance-env's worktree-specific identifier, ports, icon, reset URL,
+    # and identity, but point the native runtime at the independent client.
+    export BUZZ_TAURI_CONFIG=$(node -e '
+      const config = JSON.parse(process.env.BUZZ_TAURI_CONFIG);
+      config.productName = `Buzz Sessions (${process.env.BUZZ_WORKTREE_LABEL ?? "Dev"})`;
+      config.build.devUrl = `http://localhost:${process.env.BUZZ_VITE_PORT}${process.env.BUZZ_RESET_WEBVIEW_STATE === "1" ? "?resetDevState=1" : ""}`;
+      config.build.beforeDevCommand = `exec pnpm --dir ../desktop-next exec vite --port ${process.env.BUZZ_VITE_PORT} --strictPort`;
+      console.log(JSON.stringify(config));
+    ')
+    INSTANCE_ID=$(node -e "console.log(JSON.parse(process.env.BUZZ_TAURI_CONFIG).identifier)")
+    echo "Starting desktop-next on Vite port ${BUZZ_VITE_PORT}, relay ${BUZZ_RELAY_URL}"
+    FEATURES=(); [[ -n "{{mesh}}" ]] && FEATURES=(--features mesh-llm)
+    pnpm exec tauri dev ${FEATURES[@]+"${FEATURES[@]}"} --config "$BUZZ_TAURI_CONFIG" {{ARGS}}
+
 # Run only the desktop app. No relay, database, Docker, migrations, or .env are needed.
 # The app opens normally and asks for a community before making a relay connection.
 desktop-standalone *ARGS: _ensure-sidecar-stubs
diff --git a/crates/buzz-core/src/kind.rs b/crates/buzz-core/src/kind.rs
index 4e1ab1c7f5..c860fd81ce 100644
--- a/crates/buzz-core/src/kind.rs
+++ b/crates/buzz-core/src/kind.rs
@@ -491,6 +491,13 @@ pub const KIND_STREAM_MESSAGE_SCHEDULED: u32 = 40006;
 pub const KIND_STREAM_REMINDER: u32 = 40007;
 /// A diff/patch message showing file changes (unified diff format).
 pub const KIND_STREAM_MESSAGE_DIFF: u32 = 40008;
+/// A durable link from a parent channel to a channel-backed Session.
+///
+/// The event is stored in the parent (`h` tag). Its content names the child
+/// Session channel as `{ "session_channel_id": "<uuid>" }`. Human discovery
+/// and transcript authorization inherit from the parent channel; the child
+/// remains an ordinary private stream channel for messaging and agent scope.
+pub const KIND_SESSION_LINK: u32 = 40009;
 /// Canvas (shared document) for a channel.
 pub const KIND_CANVAS: u32 = 40100;
 /// System message for channel state changes (join, leave, rename, etc.).
@@ -709,6 +716,7 @@ pub const ALL_KINDS: &[u32] = &[
     KIND_STREAM_MESSAGE_SCHEDULED,
     KIND_STREAM_REMINDER,
     KIND_STREAM_MESSAGE_DIFF,
+    KIND_SESSION_LINK,
     KIND_CANVAS,
     KIND_SYSTEM_MESSAGE,
     KIND_CHANNEL_SUMMARY,
diff --git a/crates/buzz-db/src/store/channel_members.rs b/crates/buzz-db/src/store/channel_members.rs
index 8280ca01f8..40f885398c 100644
--- a/crates/buzz-db/src/store/channel_members.rs
+++ b/crates/buzz-db/src/store/channel_members.rs
@@ -687,6 +687,64 @@ pub async fn is_member(
     Ok(cnt > 0)
 }
 
+/// Return whether a pubkey inherits access to a Session through an active
+/// parent-channel link. The link must be creator-authenticated and the Session
+/// must still be an active private stream channel.
+pub async fn has_session_parent_access(
+    pool: &PgPool,
+    community_id: CommunityId,
+    session_channel_id: Uuid,
+    pubkey: &[u8],
+) -> Result<bool> {
+    let mut connection = crate::observability::acquire_writer(
+        pool,
+        crate::observability::WriterOperation::Authorization,
+    )
+    .await?;
+    let allowed: bool = sqlx::query_scalar(
+        r#"
+        SELECT EXISTS (
+          SELECT 1
+          FROM events session_link
+          JOIN channels parent
+            ON parent.community_id = session_link.community_id
+           AND parent.id = session_link.channel_id
+           AND parent.deleted_at IS NULL
+          JOIN channels session_channel
+            ON session_channel.community_id = session_link.community_id
+           AND session_channel.id = $2
+           AND session_channel.id::text = CASE
+               WHEN session_link.content IS JSON OBJECT
+               THEN (session_link.content::json ->> 'session_channel_id')
+               ELSE NULL
+           END
+           AND session_channel.created_by = session_link.pubkey
+           AND session_channel.visibility = 'private'
+           AND session_channel.channel_type = 'stream'
+           AND session_channel.ttl_seconds IS NULL
+           AND session_channel.archived_at IS NULL
+           AND session_channel.deleted_at IS NULL
+          JOIN channel_members parent_member
+            ON parent_member.community_id = parent.community_id
+           AND parent_member.channel_id = parent.id
+           AND parent_member.pubkey = $3
+           AND parent_member.role <> 'bot'
+           AND parent_member.removed_at IS NULL
+          WHERE session_link.community_id = $1
+            AND session_link.kind = $4
+            AND session_link.deleted_at IS NULL
+        )
+        "#,
+    )
+    .bind(community_id.as_uuid())
+    .bind(session_channel_id)
+    .bind(pubkey)
+    .bind(buzz_core::kind::KIND_SESSION_LINK as i32)
+    .fetch_one(&mut *connection)
+    .await?;
+    Ok(allowed)
+}
+
 /// Return which of the given (channel, pubkey) combinations are active
 /// memberships, restricted to non-deleted channels — one statement for any
 /// batch size (T2b). Semantics per pair match [`is_member`].
@@ -824,10 +882,40 @@ pub async fn get_accessible_channel_ids(
         SELECT id AS channel_id
         FROM channels
         WHERE community_id = $1 AND visibility = 'open' AND deleted_at IS NULL
+        UNION
+        SELECT session_channel.id AS channel_id
+        FROM events session_link
+        JOIN channels parent
+          ON parent.community_id = session_link.community_id
+         AND parent.id = session_link.channel_id
+         AND parent.deleted_at IS NULL
+        JOIN channels session_channel
+          ON session_channel.community_id = session_link.community_id
+         AND session_channel.id::text = CASE
+             WHEN session_link.content IS JSON OBJECT
+             THEN (session_link.content::json ->> 'session_channel_id')
+             ELSE NULL
+         END
+         AND session_channel.created_by = session_link.pubkey
+         AND session_channel.visibility = 'private'
+         AND session_channel.channel_type = 'stream'
+         AND session_channel.ttl_seconds IS NULL
+         AND session_channel.archived_at IS NULL
+         AND session_channel.deleted_at IS NULL
+        JOIN channel_members parent_member
+          ON parent_member.community_id = parent.community_id
+         AND parent_member.channel_id = parent.id
+         AND parent_member.pubkey = $2
+         AND parent_member.role <> 'bot'
+         AND parent_member.removed_at IS NULL
+        WHERE session_link.community_id = $1
+          AND session_link.kind = $3
+          AND session_link.deleted_at IS NULL
         "#,
     )
     .bind(community_id.as_uuid())
     .bind(pubkey)
+    .bind(buzz_core::kind::KIND_SESSION_LINK as i32)
     .fetch_all(&mut *connection)
     .await?;
 
@@ -1364,6 +1452,17 @@ impl Db {
         is_member(&self.pool, community_id, channel_id, pubkey).await
     }
 
+    /// Return whether the pubkey inherits Session access from a parent channel.
+    #[datastore_span(name = "has_session_parent_access", system = "postgresql")]
+    pub async fn has_session_parent_access(
+        &self,
+        community_id: CommunityId,
+        session_channel_id: Uuid,
+        pubkey: &[u8],
+    ) -> Result<bool> {
+        has_session_parent_access(&self.pool, community_id, session_channel_id, pubkey).await
+    }
+
     /// Return the active (channel, pubkey) membership pairs among the given
     /// sets, in one statement.
     #[datastore_span(name = "membership_pairs", system = "postgresql")]
@@ -1601,6 +1700,90 @@ mod postgres_tests {
         crate::channel::get_channel(pool, CommunityId::from_uuid(community_id), id).await
     }
 
+    #[tokio::test]
+    #[ignore = "requires Postgres"]
+    async fn session_parent_access_inherits_to_humans_but_not_bots() {
+        let pool = setup_pool().await;
+        let community_id = make_test_community(&pool).await;
+        let community = CommunityId::from_uuid(community_id);
+        let creator = random_pubkey();
+        let human = random_pubkey();
+        let bot = random_pubkey();
+        for pubkey in [&creator, &human, &bot] {
+            ensure_user(&pool, community, pubkey)
+                .await
+                .expect("ensure user");
+        }
+        let parent = create_test_channel(
+            &pool,
+            community_id,
+            "parent",
+            ChannelType::Stream,
+            ChannelVisibility::Private,
+            None,
+            &creator,
+            None,
+        )
+        .await
+        .expect("create parent");
+        let session = create_test_channel(
+            &pool,
+            community_id,
+            "session",
+            ChannelType::Stream,
+            ChannelVisibility::Private,
+            None,
+            &creator,
+            None,
+        )
+        .await
+        .expect("create session");
+        for (pubkey, role) in [(&human, "member"), (&bot, "bot")] {
+            sqlx::query("INSERT INTO channel_members (community_id, channel_id, pubkey, role, invited_by) VALUES ($1,$2,$3,$4::member_role,$5)")
+                .bind(community_id)
+                .bind(parent.id)
+                .bind(pubkey)
+                .bind(role)
+                .bind(&creator)
+                .execute(&pool)
+                .await
+                .expect("add parent member");
+        }
+        // Insert a structurally equivalent stored link directly to isolate the
+        // authorization SQL from event-signing behavior.
+        let event_id = random_pubkey();
+        sqlx::query("INSERT INTO events (id, community_id, pubkey, created_at, kind, tags, content, sig, channel_id) VALUES ($1,$2,$3,NOW(),$4,$5,$6,$7,$8)")
+            .bind(event_id)
+            .bind(community_id)
+            .bind(&creator)
+            .bind(buzz_core::kind::KIND_SESSION_LINK as i32)
+            .bind(serde_json::json!([["h", parent.id.to_string()]]))
+            .bind(serde_json::json!({"session_channel_id": session.id}).to_string())
+            .bind(vec![0_u8; 64])
+            .bind(parent.id)
+            .execute(&pool)
+            .await
+            .expect("insert Session link");
+        assert!(
+            has_session_parent_access(&pool, community, session.id, &human)
+                .await
+                .expect("human access")
+        );
+        assert!(
+            !has_session_parent_access(&pool, community, session.id, &bot)
+                .await
+                .expect("bot access")
+        );
+        remove_member(&pool, community, parent.id, &human, &creator)
+            .await
+            .expect("remove parent member");
+        assert!(
+            !has_session_parent_access(&pool, community, session.id, &human)
+                .await
+                .expect("revoked access")
+        );
+    }
+
     #[tokio::test]
     #[ignore = "requires Postgres"]
     async fn get_users_bulk_is_scoped_when_pubkey_exists_in_multiple_communities() {
diff --git a/crates/buzz-relay/src/api/bridge.rs b/crates/buzz-relay/src/api/bridge.rs
index 37c549610d..45757d55d9 100644
--- a/crates/buzz-relay/src/api/bridge.rs
+++ b/crates/buzz-relay/src/api/bridge.rs
@@ -1531,11 +1531,22 @@ async fn repair_requested_channel_access(
             if accessible_channels.contains(&channel_id) {
                 continue;
             }
-            let is_member = state
+            let direct_member = state
                 .db
                 .is_member(tenant.community(), channel_id, pubkey_bytes)
                 .await
                 .map_err(|e| internal_error(&format!("channel membership confirmation: {e}")))?;
+            let is_member = if direct_member {
+                true
+            } else {
+                state
+                    .db
+                    .has_session_parent_access(tenant.community(), channel_id, pubkey_bytes)
+                    .await
+                    .map_err(|e| {
+                        internal_error(&format!("Session parent access confirmation: {e}"))
+                    })?
+            };
             crate::handlers::req::resolve_request_local_access(
                 accessible_channels,
                 channel_id,
diff --git a/crates/buzz-relay/src/handlers/count.rs b/crates/buzz-relay/src/handlers/count.rs
index 938674301e..004704744d 100644
--- a/crates/buzz-relay/src/handlers/count.rs
+++ b/crates/buzz-relay/src/handlers/count.rs
@@ -136,7 +136,31 @@ pub async fn handle_count(
                         .is_member(conn.tenant.community(), ch_id, &pubkey_bytes)
                         .await
                     {
-                        Ok(member) => Some(member),
+                        Ok(direct_member) => {
+                            if direct_member {
+                                Some(true)
+                            } else {
+                                match state
+                                    .db
+                                    .has_session_parent_access(
+                                        conn.tenant.community(),
+                                        ch_id,
+                                        &pubkey_bytes,
+                                    )
+                                    .await
+                                {
+                                    Ok(inherited) => Some(inherited),
+                                    Err(e) => {
+                                        warn!(sub_id = %sub_id, "Session parent access confirmation failed: {e}");
+                                        conn.send(RelayMessage::closed(
+                                            &sub_id,
+                                            "error: database error",
+                                        ));
+                                        return;
+                                    }
+                                }
+                            }
+                        }
                         Err(e) => {
                             warn!(sub_id = %sub_id, "Channel membership confirmation failed: {e}");
                             conn.send(RelayMessage::closed(&sub_id, "error: database error"));
diff --git a/crates/buzz-relay/src/handlers/event.rs b/crates/buzz-relay/src/handlers/event.rs
index 66a8ff9e7c..83af504b3a 100644
--- a/crates/buzz-relay/src/handlers/event.rs
+++ b/crates/buzz-relay/src/handlers/event.rs
@@ -212,7 +212,17 @@ pub async fn filter_fanout_by_access(
             .await
         {
             Ok(true) => allowed.push((conn_id, sub_id)),
-            Ok(false) => {}
+            Ok(false) => match state
+                .db
+                .has_session_parent_access(community_id, channel_id, &pubkey)
+                .await
+            {
+                Ok(true) => allowed.push((conn_id, sub_id)),
+                Ok(false) => {}
+                Err(e) => {
+                    warn!(%channel_id, "fan-out access filter: Session parent lookup failed: {e}");
+                }
+            },
             Err(e) => {
                 warn!(%channel_id, "fan-out access filter: membership lookup failed: {e}");
             }
diff --git a/crates/buzz-relay/src/handlers/ingest.rs b/crates/buzz-relay/src/handlers/ingest.rs
index ee1d0312be..a0c05da6fa 100644
--- a/crates/buzz-relay/src/handlers/ingest.rs
+++ b/crates/buzz-relay/src/handlers/ingest.rs
@@ -29,12 +29,12 @@ use buzz_core::kind::{
     KIND_NIP29_PUT_USER, KIND_NIP29_REMOVE_USER, KIND_NIP43_LEAVE_REQUEST,
     KIND_NIP65_RELAY_LIST_METADATA, KIND_PERSONA, KIND_PIN_LIST, KIND_PRESENCE_UPDATE,
     KIND_PRIVATE_MANAGED_AGENT, KIND_PRODUCT_FEEDBACK, KIND_PROFILE, KIND_PROJECT, KIND_REACTION,
-    KIND_READ_STATE, KIND_REPORT, KIND_STREAM_MESSAGE, KIND_STREAM_MESSAGE_BOOKMARKED,
-    KIND_STREAM_MESSAGE_DIFF, KIND_STREAM_MESSAGE_EDIT, KIND_STREAM_MESSAGE_PINNED,
-    KIND_STREAM_MESSAGE_SCHEDULED, KIND_STREAM_MESSAGE_V2, KIND_STREAM_REMINDER, KIND_TEAM,
-    KIND_TEAM_CATALOG, KIND_TEXT_NOTE, KIND_USER_STATUS, KIND_WORKFLOW_DEF, KIND_WORKFLOW_TRIGGER,
-    RELAY_ADMIN_ADD_MEMBER, RELAY_ADMIN_CHANGE_ROLE, RELAY_ADMIN_REMOVE_MEMBER,
-    RELAY_ADMIN_SET_WORKSPACE_PROFILE,
+    KIND_READ_STATE, KIND_REPORT, KIND_SESSION_LINK, KIND_STREAM_MESSAGE,
+    KIND_STREAM_MESSAGE_BOOKMARKED, KIND_STREAM_MESSAGE_DIFF, KIND_STREAM_MESSAGE_EDIT,
+    KIND_STREAM_MESSAGE_PINNED, KIND_STREAM_MESSAGE_SCHEDULED, KIND_STREAM_MESSAGE_V2,
+    KIND_STREAM_REMINDER, KIND_TEAM, KIND_TEAM_CATALOG, KIND_TEXT_NOTE, KIND_USER_STATUS,
+    KIND_WORKFLOW_DEF, KIND_WORKFLOW_TRIGGER, RELAY_ADMIN_ADD_MEMBER, RELAY_ADMIN_CHANGE_ROLE,
+    RELAY_ADMIN_REMOVE_MEMBER, RELAY_ADMIN_SET_WORKSPACE_PROFILE,
 };
 use buzz_core::tenant::TenantContext;
 use buzz_core::verification::verify_event;
@@ -142,6 +142,55 @@ async fn validate_huddle_lifecycle_event(
     Ok(())
 }
 
+async fn validate_session_link(
+    tenant: &TenantContext,
+    state: &AppState,
+    event: &Event,
+) -> Result<(), IngestError> {
+    if event_kind_u32(event) != KIND_SESSION_LINK {
+        return Ok(());
+    }
+    let parent_channel_id = extract_channel_id(event).ok_or_else(|| {
+        IngestError::Rejected("invalid: Session link must name its parent channel".into())
+    })?;
+    let content: serde_json::Value = serde_json::from_str(&event.content)
+        .map_err(|_| IngestError::Rejected("invalid: Session link content must be JSON".into()))?;
+    let session_channel_id = content
+        .get("session_channel_id")
+        .and_then(serde_json::Value::as_str)
+        .and_then(|value| Uuid::parse_str(value).ok())
+        .ok_or_else(|| {
+            IngestError::Rejected("invalid: Session link must name a session_channel_id".into())
+        })?;
+    if session_channel_id == parent_channel_id {
+        return Err(IngestError::Rejected(
+            "invalid: a Session cannot be its own parent channel".into(),
+        ));
+    }
+    let backing = state
+        .db
+        .get_channel_for_event_write(tenant.community(), session_channel_id)
+        .await
+        .map_err(|error| match error {
+            buzz_db::DbError::ChannelNotFound(_) => {
+                IngestError::Rejected("invalid: Session channel not found".into())
+            }
+            error => IngestError::Internal(format!("error: loading Session channel: {error}")),
+        })?;
+    if backing.created_by.as_slice() != event.pubkey.to_bytes().as_slice()
+        || backing.channel_type != "stream"
+        || backing.visibility != "private"
+        || backing.ttl_seconds.is_some()
+        || backing.archived_at.is_some()
+    {
+        return Err(IngestError::Rejected(
+            "invalid: Session link must reference the signer's active private stream channel"
+                .into(),
+        ));
+    }
+    Ok(())
+}
+
 fn validate_custom_emoji_tags(event: &Event) -> Result<(), IngestError> {
     for tag in event.tags.iter() {
         let parts = tag.as_slice();
@@ -515,7 +564,7 @@ fn required_scope_for_kind(kind: u32, event: &Event) -> Result<Scope, &'static s
                 Ok(Scope::ChannelsWrite)
             }
         }
-        KIND_NIP29_CREATE_GROUP | KIND_CANVAS => Ok(Scope::ChannelsWrite),
+        KIND_NIP29_CREATE_GROUP | KIND_CANVAS | KIND_SESSION_LINK => Ok(Scope::ChannelsWrite),
         KIND_NIP29_JOIN_REQUEST | KIND_NIP29_LEAVE_REQUEST | KIND_NIP43_LEAVE_REQUEST => {
             Ok(Scope::ChannelsRead)
         }
@@ -715,6 +764,7 @@ pub(crate) fn requires_h_channel_scope(kind: u32) -> bool {
             | KIND_STREAM_MESSAGE_SCHEDULED
             | KIND_STREAM_REMINDER
             | KIND_STREAM_MESSAGE_DIFF
+            | KIND_SESSION_LINK
             | KIND_CANVAS
             | KIND_FORUM_POST
             | KIND_FORUM_VOTE
@@ -757,7 +807,16 @@ pub(crate) async fn check_channel_membership(
         Ok(false) => {}
         Err(e) => return Err(format!("error: database error: {e}")),
     }
-    // Not a member — check if channel is open.
+    match state
+        .db
+        .has_session_parent_access(tenant.community(), ch_id, pubkey_bytes)
+        .await
+    {
+        Ok(true) => return Ok(()),
+        Ok(false) => {}
+        Err(e) => return Err(format!("error: database error: {e}")),
+    }
+    // Not a member and no inherited Session access — check if channel is open.
     let is_open = match channel {
         Some(ch) => ch.visibility == "open",
         None => state
@@ -2667,6 +2726,7 @@ async fn ingest_event_inner(
     }
 
     validate_huddle_lifecycle_event(tenant, state, &event, kind_u32).await?;
+    validate_session_link(tenant, state, &event).await?;
 
     if crate::handlers::side_effects::is_admin_kind(kind_u32) {
         crate::handlers::side_effects::validate_admin_event(tenant, kind_u32, &event, state)
@@ -3211,6 +3271,10 @@ async fn ingest_event_inner(
         });
     }
 
+    if kind_u32 == KIND_SESSION_LINK {
+        state.invalidate_all_accessible_channels(tenant);
+    }
+
     if crate::handlers::side_effects::is_side_effect_kind(kind_u32) {
         if let Err(e) =
             crate::handlers::side_effects::handle_side_effects(tenant, kind_u32, &event, state)
diff --git a/crates/buzz-relay/src/handlers/req.rs b/crates/buzz-relay/src/handlers/req.rs
index 9a141e86ff..d8cf96aaa4 100644
--- a/crates/buzz-relay/src/handlers/req.rs
+++ b/crates/buzz-relay/src/handlers/req.rs
@@ -159,7 +159,30 @@ pub async fn handle_req(
                     .is_member(conn.tenant.community(), ch_id, &pubkey_bytes)
                     .await
                 {
-                    Ok(member) => {
+                    Ok(direct_member) => {
+                        let member = if direct_member {
+                            true
+                        } else {
+                            match state
+                                .db
+                                .has_session_parent_access(
+                                    conn.tenant.community(),
+                                    ch_id,
+                                    &pubkey_bytes,
+                                )
+                                .await
+                            {
+                                Ok(inherited) => inherited,
+                                Err(e) => {
+                                    warn!(conn_id = %conn_id, "Session parent access confirmation failed: {e}");
+                                    conn.send(RelayMessage::closed(
+                                        &sub_id,
+                                        "error: database error",
+                                    ));
+                                    return;
+                                }
+                            }
+                        };
                         if let Some(state_snap) = trace_state.as_ref() {
                             crate::conformance::record_req_authcheck(
                                 &state.tracer,
diff --git a/crates/buzz-relay/src/handlers/side_effects.rs b/crates/buzz-relay/src/handlers/side_effects.rs
index 7282c91342..b79a0ee089 100644
--- a/crates/buzz-relay/src/handlers/side_effects.rs
+++ b/crates/buzz-relay/src/handlers/side_effects.rs
@@ -1327,6 +1327,7 @@ async fn handle_put_user(
         )
         .await?;
     state.invalidate_membership(tenant, channel_id, &target_pubkey);
+    state.invalidate_all_accessible_channels(tenant);
 
     let actor_hex = hex::encode(&actor_bytes);
     let target_hex = hex::encode(&target_pubkey);
@@ -1390,6 +1391,7 @@ async fn handle_remove_user(
         .remove_member(tenant.community(), channel_id, &target_pubkey, &actor_bytes)
         .await?;
     state.invalidate_membership(tenant, channel_id, &target_pubkey);
+    state.invalidate_all_accessible_channels(tenant);
     evict_live_channel_subscriptions(tenant, state, channel_id, &target_pubkey).await;
     disable_departed_member_workflows(tenant, state, channel_id, &target_pubkey).await;
 
@@ -1744,6 +1746,8 @@ async fn handle_delete_event_side_effect(
         return Ok(()); // No-op: skip system message to avoid false audit records.
     }
 
+    state.invalidate_all_accessible_channels(tenant);
+
     // Thread counters were decremented in the same transaction — push a fresh
     // relay-signed 39005 so live badge counts also count *down*.
     if let Some(root_id) = root_id {
diff --git a/desktop-next/.gitignore b/desktop-next/.gitignore
index 56f1058162..f3a0b5e2f3 100644
--- a/desktop-next/.gitignore
+++ b/desktop-next/.gitignore
@@ -1,5 +1,7 @@
 node_modules
 dist
+playwright-report
+test-results
 *.log
 .DS_Store
 src/app/routeTree.gen.ts
diff --git a/desktop-next/AGENTS.md b/desktop-next/AGENTS.md
index 7866fbaa80..a173d42126 100644
--- a/desktop-next/AGENTS.md
+++ b/desktop-next/AGENTS.md
@@ -40,8 +40,21 @@ pnpm biome check --write .   # auto-fix
 
 `scripts/check-type.mjs` enforces four things the type system cannot express as
 a token: no arbitrary text sizes (px **or** rem), no `uppercase`, no
-hand-applied `tracking-*`, and no size role paired with a weight or leading
-utility. Each one is a defect the existing client already paid for.
+hand-applied `tracking-*`, and no font weight outside 400 and 600. Each one is a
+defect the existing client already paid for.
+
+**Weight is two values, not a ramp.** 400 is content, 600 is structure and
+emphasis, and `font-semibold` is what bold means here. Bold body text is
+`text-body font-semibold` — composed, because the size is the paragraph's
+decision and the weight is the phrase's. 500 does not read as intent at body
+size; 700 is louder than anything here needs. State (selected, active, unread)
+is said with colour, a fill, or a dot — never weight.
+
+Every rule has a named escape hatch in `OVERRIDES`, keyed `path:matchedText`
+with a reason. **Adding one is a normal edit.** The guard exists because an
+agent has no basis for preferring `font-medium` to `font-semibold` and will
+otherwise pick either; it is not there to stop a designer who has looked at the
+screen. Stale overrides are reported so the list cannot rot.
 
 `scripts/check-contrast.mjs` measures every text role against every surface it
 can sit on, in both modes, and fails the build below its **APCA** target (Lc 60
@@ -61,6 +74,7 @@ consequence: a pairing can pass WCAG AA and still fail here, which is the point.
 | **Tailwind v4** | Tokens are defined in CSS via `@theme`; the CSS *is* the config. No JS config file. |
 | **Own colour tokens** | Not shadcn. Its vocabulary — `muted-foreground`, `secondary-foreground` — is what made colour illegible in the existing client. |
 | **TanStack Router** | File-based routes, same as the existing client. |
+| **Tabler Icons** | The only icon set for product UI. Do not add or use Lucide icons. |
 
 Astryx is a **reference** for token architecture and the agent-docs idea. Not a
 dependency.
@@ -84,10 +98,18 @@ letter spacing, and weight together — never pair a size role with a separate
 `font-medium` or `leading-*`, because that is how two supposedly identical labels
 drift apart.
 
-Ten roles: `text-display`, `text-title`, `text-heading`, `text-subheading`,
-`text-body-lg`, `text-body`, `text-label`, `text-caption`, `text-meta`,
-`text-code`. Two faces: `font-sans` (Inter Variable) and `font-mono`
-(JetBrains Mono) — both already shipped in every current Buzz client.
+Nine roles. Sans: `text-display` 32, `text-title` 24, `text-heading` 16/600,
+`text-body-lg` 16, `text-body` 14, `text-body-sm` 12. Mono: `text-mono-lg` 15,
+`text-mono` 13, `text-mono-sm` 11 — each one step below its sans partner, because
+at equal size a monospace face reads larger than Inter.
+
+The ramp is short on purpose: across 73 real Buzz screens 90% of text is one size,
+and 16/18/20/22 together were 1.5%. There is nothing between 16 and 24, and
+**12px is the floor** for anything readable. `text-heading` and `text-body-lg` are
+the same size, separated by weight alone.
+
+Two faces: `font-sans` (Inter Variable) and `font-mono` (JetBrains Mono) — both
+already shipped in every current Buzz client.
 
 Hard rules:
 
diff --git a/desktop-next/DESIGN.md b/desktop-next/DESIGN.md
index abdbe2c3bf..4d660bba5f 100644
--- a/desktop-next/DESIGN.md
+++ b/desktop-next/DESIGN.md
@@ -40,12 +40,21 @@ Buzz is a place where people build together and bring their agents into the room
 
 ## Type
 
-- **A type role carries its whole setting.** Size, line height, letter spacing, and weight are one decision, not four. `text-body` alone produces correctly set text — never pair a size role with a separate weight or leading utility, because that is how two supposedly identical labels drift apart.
+- **A type role carries its whole setting.** Size, line height, letter spacing, and weight are one decision, not four. `text-body` alone produces correctly set text, and its line height is never overridden — that is how two supposedly identical labels drift apart.
+- **There are two weights: 400 and 600.** 400 is content — everything read. 600 is structure and emphasis: the thing that names what you are looking at, or the words a sentence leans on. `font-semibold` is what bold means here.
+- **Bold body text is two utilities, composed.** `text-body font-semibold`, `text-body-sm font-semibold`. This is the one place a component adds a weight, and it is deliberate: **the size is the paragraph's decision, the weight is the phrase's.** A `text-body-bold` role would fuse them, so an agent emphasising three words would also be re-asserting a size it has no business choosing. Composing also means one rule covers every size instead of doubling the ramp.
+- **500 and 700 are not in the system.** 500 was measured against 400 at body size and does not read as intent in a scanned list — subtle enough to miss, heavy enough to muddy a column. 700 is louder than anything here needs. Weight is not a ramp; it is two values with two jobs.
+- **State is not weight.** Selected, active, and unread are said with colour, a fill, or a dot — all three already exist in the colour system. Reserve 600 for structure and emphasis, or it stops meaning either.
+- **The guard has a named escape hatch, and using it is normal.** `scripts/check-type.mjs` rejects other weights because an agent has no basis for preferring `font-medium` to `font-semibold` and will otherwise pick either. A designer who finds a genuine optical exception adds it to `OVERRIDES` with a reason and moves on — that is an ordinary edit, not an escalation. The point is that the next person reads a decision instead of guessing at an accident. If overrides start accumulating in one direction, the system is missing a role; fix the system rather than adding a tenth entry.
 - **Roles are named for the job the text does, never for its size.** `text-title`, not `text-28`. A size name is a value in disguise and goes stale the moment the ramp moves.
-- **Never all-caps, and never tracked-out labels.** A capitalised label is harder to read than its sentence-case version and reads as enterprise chrome. A quiet label earns its quietness from size and colour — `text-meta` on `text-tertiary` — rather than from being shouted. There is deliberately no uppercase utility in this system.
+- **The ramp is short because the product is.** Across 73 real Buzz screens, 90% of all text is one size and two cover 93%; 16/18/20/22 together were 1.5%, scattered and inconsistent. So there is nothing between 16 and 24, and that gap is deliberate — an app has panels with names, not a document outline. Four steps above body invited a hierarchy the product does not have.
+- **A heading is body-large in a different weight.** `text-heading` and `text-body-lg` are both 16px, separated by weight alone — which is what the shipping client does at 16/600, and the only text on a channel screen larger than a message. In a dense app a section name needs to be identifiable, not loud.
+- **12px is the floor.** Nothing readable goes below it: the most compressed text in Berd — a timestamp in a hover slot, a model name in a 24px pill — is 12px. If something must be smaller it is not text, it is a glyph inside a component, and that component owns the size as a documented exception. Do not add a general-purpose smaller step.
+- **Mono is one step below its sans partner, always.** 11↔12, 13↔14, 15↔16. At equal size a monospace face reads larger than Inter and pulls the eye off the sentence, so the correction is a rule rather than a judgement: pick the sans size, step down. Mono never exceeds body size in ordinary interface text; the one exception is a code or key a person must transcribe, which is what `text-mono-lg` is for.
+- **Mono roles are named for the setting, not the content.** `text-mono`, not `text-code` — most mono in a product is a pubkey, a path, a branch name, or a hex value. Calling the role `code` made it read as a lie everywhere except an actual code block.
+- **Never all-caps, and never tracked-out labels.** A capitalised label is harder to read than its sentence-case version and reads as enterprise chrome. A quiet label earns its quietness from size and colour — `text-body-sm` on `text-tertiary` — rather than from being shouted. There is deliberately no uppercase utility in this system.
 - **Every size is relative.** Nothing may be expressed in px: fixed pixel text freezes against keyboard zoom and ignores the person's font-size preference. The existing client shipped a regression from exactly this.
 - **Tracking is an optical correction, not a style.** Inter needs progressively tighter spacing as it grows. The ramp already applies it per step; do not add tracking by hand.
-- **Code is one step below body.** At equal size a monospace face reads larger than Inter and pulls the eye off the sentence.
 
 ## Both modes
 
diff --git a/desktop-next/package.json b/desktop-next/package.json
index 6e0bdff5cc..3c512d6e35 100644
--- a/desktop-next/package.json
+++ b/desktop-next/package.json
@@ -12,17 +12,24 @@
     "check": "biome check . && node scripts/check-type.mjs && node scripts/check-contrast.mjs",
     "format": "biome format --write .",
     "check:type": "node scripts/check-type.mjs",
-    "check:contrast": "node scripts/check-contrast.mjs"
+    "check:contrast": "node scripts/check-contrast.mjs",
+    "test": "vitest run src",
+    "test:e2e": "playwright test",
+    "tauri:dev": "node ../desktop/scripts/tauri-command.mjs dev --config ../desktop-next/tauri.conf.json --config ../desktop/src-tauri/tauri.dev.conf.json"
   },
   "dependencies": {
     "@base-ui-components/react": "1.0.0-rc.0",
     "@fontsource-variable/inter": "^5.2.8",
     "@fontsource/jetbrains-mono": "^5.3.0",
+    "@tabler/icons-react": "^3.46.0",
     "@tanstack/react-router": "^1.168.10",
+    "@tauri-apps/api": "~2.11.1",
+    "dockview-react": "8.2.0",
     "react": "^19.1.0",
     "react-dom": "^19.1.0"
   },
   "devDependencies": {
+    "@playwright/test": "^1.60.0",
     "@tailwindcss/postcss": "^4.3.0",
     "@tanstack/router-plugin": "^1.167.12",
     "@types/react": "^19.1.8",
@@ -30,6 +37,7 @@
     "@vitejs/plugin-react": "^6.0.0",
     "tailwindcss": "^4.3.0",
     "typescript": "~6.0.0",
-    "vite": "^8.0.0"
+    "vite": "^8.0.0",
+    "vitest": "^4.1.11"
   }
 }
diff --git a/desktop-next/playwright.config.ts b/desktop-next/playwright.config.ts
new file mode 100644
index 0000000000..709790c75d
--- /dev/null
+++ b/desktop-next/playwright.config.ts
@@ -0,0 +1,11 @@
+import { defineConfig } from "@playwright/test";
+
+export default defineConfig({
+  testDir: "./tests",
+  use: { baseURL: "http://127.0.0.1:1430/?mock=1" },
+  webServer: {
+    command: "pnpm dev --host 127.0.0.1",
+    url: "http://127.0.0.1:1430/?mock=1",
+    reuseExistingServer: false,
+  },
+});
diff --git a/desktop-next/scripts/check-type.mjs b/desktop-next/scripts/check-type.mjs
index 3833679f1f..6d02d8cd7c 100644
--- a/desktop-next/scripts/check-type.mjs
+++ b/desktop-next/scripts/check-type.mjs
@@ -2,7 +2,7 @@
 /**
  * Type-system guard.
  *
- * Three rules from DESIGN.md § Type, enforced rather than trusted. Each one has
+ * Four rules from DESIGN.md § Type, enforced rather than trusted. Each one has
  * already cost the existing client real work:
  *
  *   1. No arbitrary text sizes — `text-[15px]`, `text-[0.9rem]`, `font-size:`.
@@ -10,9 +10,18 @@
  *      regression; arbitrary rem re-fragments the scale we just consolidated.
  *   2. No `uppercase` / `tracking-*` utilities. All-caps labels are less legible
  *      and read as enterprise chrome, and tracking is corrected per ramp step.
- *   3. No size role paired with a weight or leading utility. A role carries its
- *      whole setting; pairing one with `font-medium` is how two supposedly
- *      identical labels drift apart.
+ *   3. No size role paired with a leading utility. A role carries its own line
+ *      height; overriding it is how two identical labels drift apart.
+ *   4. No weight outside 400 and 600. `font-semibold` is bold.
+ *
+ * What this guard is for: an agent building a screen has no reason to prefer
+ * `font-medium` over `font-semibold`, so left unguided it picks either, and the
+ * product ends up with four weights that mean nothing. The guard removes the
+ * choice where there is no judgement to apply.
+ *
+ * What it is NOT for: stopping a designer. Every rule has a named override with
+ * a reason, and adding one is a normal edit — not an escalation. A guard that
+ * blocks real work gets deleted; a guard that asks you to say why does not.
  *
  * Run: pnpm check:type
  */
@@ -27,15 +36,47 @@ const SIZE_ROLES = [
   "display",
   "title",
   "heading",
-  "subheading",
   "body-lg",
+  "body-sm",
   "body",
-  "label",
-  "caption",
-  "meta",
-  "code",
+  "mono-lg",
+  "mono-sm",
+  "mono",
 ];
 
+/**
+ * Roles that existed before the ramp was sized from the product, with what to
+ * use instead. Kept as a rule rather than deleted quietly: the names read
+ * plausible, so a stale one would otherwise resolve to nothing and render at the
+ * inherited size — a silent failure that looks like a design choice.
+ */
+const RETIRED_ROLES = new Map([
+  ["subheading", "text-heading, or text-body-lg if it is prose"],
+  ["label", "text-body, or text-body-sm in dense chrome"],
+  ["caption", "text-body-sm"],
+  ["meta", "text-body-sm"],
+  ["code", "text-mono"],
+]);
+
+/**
+ * Deliberate exceptions, as `relativePath:matchedText`.
+ *
+ * The escape hatch, and it is meant to be used. A one-off where another weight
+ * genuinely looks better is a real thing; the only requirement is that it says
+ * so out loud, so the next person reads a decision instead of guessing at an
+ * accident. Matching the text rather than a line number keeps entries stable
+ * when unrelated edits move code around.
+ *
+ * If this list starts growing in one direction — several `font-medium` entries,
+ * say — that is the signal the system is missing a role, not that the rule is
+ * wrong. Fix the system at that point rather than adding a tenth override.
+ */
+const OVERRIDES = new Map([
+  // Example of the shape. Remove when a real exception replaces it.
+  // ["features/foo/ui/Bar.tsx:font-medium", "Optical match to the adjacent
+  //  native control, which renders at 500 and cannot be changed."],
+]);
+
 const RULES = [
   {
     id: "arbitrary-text-size",
@@ -59,17 +100,49 @@ const RULES = [
       "hand-applied tracking — the ramp already corrects tracking per step.",
   },
   {
-    id: "role-plus-weight",
-    // A size role sharing a *className string* with a weight or leading
-    // utility. Anchoring to the attribute keeps the ramp's own
-    // `--text-body--line-height` declarations out of it — those are the
-    // definitions, not a component overriding one.
+    id: "role-plus-leading",
+    // A size role sharing a class attribute with a line-height utility. A role
+    // carries its own leading, so overriding it here is how two supposedly
+    // identical labels drift apart.
+    //
+    // Weight is deliberately NOT in this rule: `text-body font-semibold` is the
+    // documented way to bold body text, because size is the paragraph's
+    // decision and weight is the phrase's. Weight is policed by name below.
     pattern: new RegExp(
-      `class(?:Name)?=(?:"|'|\`)[^"'\`]*\\btext-(?:${SIZE_ROLES.join("|")})\\b[^"'\`]*\\b(?:font-(?:thin|extralight|light|normal|medium|semibold|bold|extrabold|black)|leading-)`,
+      `class(?:Name)?=(?:"|'|\`)[^"'\`]*\\btext-(?:${SIZE_ROLES.join("|")})\\b[^"'\`]*\\bleading-`,
       "g",
     ),
     message:
-      "size role paired with a weight/leading utility — a role already carries its whole setting.",
+      "size role paired with a leading utility — a role already carries its own line height.",
+  },
+  {
+    id: "off-ramp-weight",
+    // The system has two weights: 400 (content) and 600 (structure and
+    // emphasis). 500 was measured against 400 at body size and does not read as
+    // intent in a scanned list — it is heavy enough to muddy a column and too
+    // subtle to signal. 700 was rejected as louder than anything Buzz needs.
+    // The rest have never had a use.
+    //
+    // `font-semibold` and `font-normal` are absent from this list on purpose:
+    // they are the two legal weights.
+    pattern: /\bfont-(?:thin|extralight|light|medium|bold|extrabold|black)\b/g,
+    message:
+      "off-ramp font weight — the system is 400 and 600. Bold is font-semibold. If a one-off genuinely needs another weight, add it to OVERRIDES with a reason.",
+  },
+  {
+    id: "retired-role",
+    // A retired size role. Tailwind emits no utility for these, so the element
+    // silently renders at whatever it inherits — right often enough to pass a
+    // glance, wrong wherever the inherited size differs.
+    pattern: new RegExp(
+      `\\btext-(?:${[...RETIRED_ROLES.keys()].join("|")})\\b`,
+      "g",
+    ),
+    message: "retired size role",
+    detail: (matched) => {
+      const role = matched.replace("text-", "");
+      return `use ${RETIRED_ROLES.get(role)} — this role no longer exists, so it resolves to nothing and inherits a size instead.`;
+    },
   },
 ];
 
@@ -82,6 +155,8 @@ function walk(dir) {
 }
 
 const failures = [];
+/** Overrides actually hit this run, so stale entries can be reported. */
+const used = new Set();
 
 for (const file of walk(SRC)) {
   const source = readFileSync(file, "utf8");
@@ -105,15 +180,32 @@ for (const file of walk(SRC)) {
       if (isRamp && rule.id === "arbitrary-text-size") continue;
       rule.pattern.lastIndex = 0;
       const match = rule.pattern.exec(line);
-      if (match) {
-        failures.push(
-          `${relative(process.cwd(), file)}:${index + 1}  ${rule.id}\n    ${trimmed}\n    → ${rule.message}`,
-        );
+      if (!match) continue;
+
+      const rel = relative(SRC, file);
+      if (OVERRIDES.has(`${rel}:${match[0]}`)) {
+        used.add(`${rel}:${match[0]}`);
+        continue;
       }
+
+      const detail = rule.detail ? rule.detail(match[0]) : rule.message;
+      failures.push(
+        `${relative(process.cwd(), file)}:${index + 1}  ${rule.id}\n    ${trimmed}\n    → ${detail}`,
+      );
     }
   });
 }
 
+// A stale override is worse than none: it silently permits whatever moves into
+// its place. Report them rather than letting the list rot.
+const stale = [...OVERRIDES.keys()].filter((k) => !used.has(k));
+if (stale.length > 0) {
+  console.warn(
+    `⚠ ${stale.length} unused override${stale.length === 1 ? "" : "s"} in check-type.mjs — remove ${stale.length === 1 ? "it" : "them"}:`,
+  );
+  for (const k of stale) console.warn(`    ${k}`);
+}
+
 if (failures.length > 0) {
   console.error(
     `\n✗ Type system: ${failures.length} violation${failures.length === 1 ? "" : "s"}\n`,
diff --git a/desktop-next/src/app/routes/index.tsx b/desktop-next/src/app/routes/index.tsx
index bf23e9dbea..efc9299dae 100644
--- a/desktop-next/src/app/routes/index.tsx
+++ b/desktop-next/src/app/routes/index.tsx
@@ -1,21 +1,4 @@
-import { Link, createFileRoute } from "@tanstack/react-router";
+import { createFileRoute } from "@tanstack/react-router";
+import { AppShell } from "@/features/sessions/ui/AppShell";
 
-function Home() {
-  return (
-    <div className="flex min-h-screen flex-col items-center justify-center gap-4 px-6 text-center">
-      <h1 className="text-title text-primary">Buzz</h1>
-      <p className="max-w-md text-body-lg text-secondary">
-        The new client. Nothing here yet — the shell and its capabilities come
-        later. The design system is the foundation being built first.
-      </p>
-      <Link
-        to="/design"
-        className="rounded-lg bg-accent px-4 py-2 text-label text-on-accent transition-opacity hover:opacity-90"
-      >
-        Open the design system
-      </Link>
-    </div>
-  );
-}
-
-export const Route = createFileRoute("/")({ component: Home });
+export const Route = createFileRoute("/")({ component: AppShell });
diff --git a/desktop-next/src/features/agents/runtime.ts b/desktop-next/src/features/agents/runtime.ts
new file mode 100644
index 0000000000..ba5b3714c3
--- /dev/null
+++ b/desktop-next/src/features/agents/runtime.ts
@@ -0,0 +1,180 @@
+import { invoke, isTauri } from "@tauri-apps/api/core";
+import type { AgentRuntime, ManagedAgent } from "./types";
+
+type RawManagedAgent = {
+  pubkey: string;
+  name: string;
+  runtime?: string | null;
+  agent_command: string;
+  system_prompt?: string | null;
+  model?: string | null;
+  provider?: string | null;
+  status: ManagedAgent["status"];
+  last_error?: string | null;
+};
+
+type RawRuntime = {
+  id: string;
+  label: string;
+  availability: AgentRuntime["availability"];
+  command: string | null;
+  auth_status: AgentRuntime["authStatus"];
+  install_hint: string;
+  login_hint?: string | null;
+};
+
+const mockAgents: ManagedAgent[] = [
+  {
+    pubkey: "vogue-agent",
+    name: "Vogue",
+    runtime: "goose",
+    agentCommand: "goose",
+    systemPrompt: "Shape product interfaces with clarity and taste.",
+    model: "Claude Fable 5",
+    provider: "Databricks",
+    status: "running",
+    lastError: null,
+  },
+];
+
+function agent(raw: RawManagedAgent): ManagedAgent {
+  return {
+    pubkey: raw.pubkey,
+    name: raw.name,
+    runtime: raw.runtime ?? null,
+    agentCommand: raw.agent_command,
+    systemPrompt: raw.system_prompt ?? null,
+    model: raw.model ?? null,
+    provider: raw.provider ?? null,
+    status: raw.status,
+    lastError: raw.last_error ?? null,
+  };
+}
+
+function catalogEntry(raw: RawRuntime): AgentRuntime {
+  return {
+    id: raw.id,
+    label: raw.label,
+    availability: raw.availability,
+    command: raw.command,
+    authStatus: raw.auth_status,
+    installHint: raw.install_hint,
+    loginHint: raw.login_hint ?? null,
+  };
+}
+
+export const agentRuntime = {
+  async list(): Promise<ManagedAgent[]> {
+    if (!isTauri()) return [...mockAgents];
+    return (await invoke<RawManagedAgent[]>("list_managed_agents")).map(agent);
+  },
+
+  async catalog(): Promise<AgentRuntime[]> {
+    if (!isTauri()) {
+      return [
+        {
+          id: "goose",
+          label: "Goose",
+          availability: "available",
+          command: "goose",
+          authStatus: { status: "not_applicable" },
+          installHint: "",
+          loginHint: null,
+        },
+      ];
+    }
+    return (
+      await invoke<RawRuntime[]>("discover_acp_providers", { force: false })
+    ).map(catalogEntry);
+  },
+
+  async create(input: {
+    name: string;
+    instructions: string;
+    runtime: AgentRuntime;
+    relayUrl?: string;
+    signerPubkey?: string;
+  }): Promise<ManagedAgent> {
+    if (!input.runtime.command) throw new Error("This runtime is not ready.");
+    if (!isTauri()) {
+      const created: ManagedAgent = {
+        pubkey: crypto.randomUUID(),
+        name: input.name,
+        runtime: input.runtime.id,
+        agentCommand: input.runtime.command,
+        systemPrompt: input.instructions,
+        model: null,
+        provider: null,
+        status: "running",
+        lastError: null,
+      };
+      mockAgents.unshift(created);
+      return created;
+    }
+    const response = await invoke<{
+      agent: RawManagedAgent;
+      spawn_error?: string | null;
+    }>("create_managed_agent", {
+      input: {
+        name: input.name,
+        relayUrl: null,
+        expectedRelayUrl: input.relayUrl ?? null,
+        expectedSignerPubkey: input.signerPubkey ?? null,
+        acpCommand: "buzz-acp",
+        agentCommand: input.runtime.command,
+        harnessOverride: true,
+        agentArgs: [],
+        mcpCommand: null,
+        turnTimeoutSeconds: null,
+        idleTimeoutSeconds: null,
+        maxTurnDurationSeconds: null,
+        parallelism: null,
+        systemPrompt: input.instructions,
+        avatarUrl: null,
+        model: null,
+        provider: null,
+        envVars: {},
+        spawnAfterCreate: true,
+        startOnAppLaunch: false,
+        backend: { type: "local" },
+        respondTo: "owner-only",
+        respondToAllowlist: [],
+        relayMesh: null,
+      },
+    });
+    if (response.spawn_error) throw new Error(response.spawn_error);
+    return agent(response.agent);
+  },
+
+  async start(
+    pubkey: string,
+    scope?: { relayUrl: string; signerPubkey: string },
+  ): Promise<ManagedAgent> {
+    if (!isTauri()) {
+      const current = mockAgents.find((item) => item.pubkey === pubkey);
+      if (!current) throw new Error("Agent not found.");
+      current.status = "running";
+      return { ...current };
+    }
+    return agent(
+      await invoke<RawManagedAgent>("start_managed_agent", {
+        pubkey,
+        expectedRelayUrl: scope?.relayUrl ?? null,
+        expectedSignerPubkey: scope?.signerPubkey ?? null,
+        replayFloorUnix: null,
+      }),
+    );
+  },
+
+  async stop(pubkey: string): Promise<ManagedAgent> {
+    if (!isTauri()) {
+      const current = mockAgents.find((item) => item.pubkey === pubkey);
+      if (!current) throw new Error("Agent not found.");
+      current.status = "stopped";
+      return { ...current };
+    }
+    return agent(
+      await invoke<RawManagedAgent>("stop_managed_agent", { pubkey }),
+    );
+  },
+};
diff --git a/desktop-next/src/features/agents/types.ts b/desktop-next/src/features/agents/types.ts
new file mode 100644
index 0000000000..1019943f42
--- /dev/null
+++ b/desktop-next/src/features/agents/types.ts
@@ -0,0 +1,37 @@
+export type AgentStatus = "running" | "stopped" | "deployed" | "not_deployed";
+
+export type ManagedAgent = {
+  pubkey: string;
+  name: string;
+  runtime: string | null;
+  agentCommand: string;
+  systemPrompt: string | null;
+  model: string | null;
+  provider: string | null;
+  status: AgentStatus;
+  lastError: string | null;
+};
+
+export type RuntimeAvailability =
+  | "available"
+  | "adapter_missing"
+  | "adapter_outdated"
+  | "cli_missing"
+  | "not_installed";
+
+export type RuntimeAuthStatus =
+  | { status: "logged_in" }
+  | { status: "logged_out" }
+  | { status: "config_invalid"; diagnostic: string }
+  | { status: "not_applicable" }
+  | { status: "unknown" };
+
+export type AgentRuntime = {
+  id: string;
+  label: string;
+  availability: RuntimeAvailability;
+  command: string | null;
+  authStatus: RuntimeAuthStatus;
+  installHint: string;
+  loginHint: string | null;
+};
diff --git a/desktop-next/src/features/agents/ui/AgentsWorkspace.tsx b/desktop-next/src/features/agents/ui/AgentsWorkspace.tsx
new file mode 100644
index 0000000000..c7bca253f4
--- /dev/null
+++ b/desktop-next/src/features/agents/ui/AgentsWorkspace.tsx
@@ -0,0 +1,342 @@
+import {
+  IconPlayerPlay,
+  IconPlayerStop,
+  IconPlus,
+  IconRobot,
+} from "@tabler/icons-react";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { runtime } from "@/shared/runtime/client";
+import { agentRuntime } from "../runtime";
+import type { AgentRuntime, ManagedAgent } from "../types";
+
+function runtimeReady(runtime: AgentRuntime) {
+  return (
+    runtime.availability === "available" &&
+    (runtime.authStatus.status === "logged_in" ||
+      runtime.authStatus.status === "not_applicable")
+  );
+}
+
+export function AgentsNavigator({
+  agents,
+  selectedPubkey,
+  onSelect,
+  onNew,
+}: {
+  agents: ManagedAgent[];
+  selectedPubkey?: string;
+  onSelect: (pubkey: string) => void;
+  onNew: () => void;
+}) {
+  return (
+    <aside className="workspace-navigator" aria-label="Agents">
+      <header className="panel-heading panel-heading-between">
+        <span className="text-heading text-primary">Agents</span>
+        <button
+          type="button"
+          className="navigator-row-action always-visible"
+          onClick={onNew}
+          aria-label="New agent"
+        >
+          <IconPlus size={15} stroke={1.7} aria-hidden="true" />
+        </button>
+      </header>
+      <div className="navigator-list">
+        {agents.map((agent) => (
+          <button
+            type="button"
+            className="agent-navigator-row"
+            data-selected={selectedPubkey === agent.pubkey || undefined}
+            key={agent.pubkey}
+            onClick={() => onSelect(agent.pubkey)}
+          >
+            <span className="agent-avatar">
+              <IconRobot size={15} stroke={1.5} aria-hidden="true" />
+            </span>
+            <span className="agent-row-copy">
+              <span className="text-body text-primary">{agent.name}</span>
+              <span className="text-body-sm text-tertiary">
+                {agent.status === "running" ? "Running" : "Stopped"}
+              </span>
+            </span>
+            <span
+              className="agent-presence"
+              data-running={agent.status === "running" || undefined}
+              aria-hidden="true"
+            />
+          </button>
+        ))}
+      </div>
+    </aside>
+  );
+}
+
+function AgentCreation({
+  runtimes,
+  onCreated,
+}: {
+  runtimes: AgentRuntime[];
+  onCreated: (agent: ManagedAgent) => void;
+}) {
+  const available = runtimes.filter(runtimeReady);
+  const [name, setName] = useState("");
+  const [instructions, setInstructions] = useState("");
+  const [runtimeId, setRuntimeId] = useState(available[0]?.id ?? "");
+  const [error, setError] = useState<string | null>(null);
+  const [saving, setSaving] = useState(false);
+  const selected = runtimes.find((runtime) => runtime.id === runtimeId);
+
+  async function create() {
+    if (!selected || !runtimeReady(selected)) return;
+    setSaving(true);
+    setError(null);
+    try {
+      const [relayUrl, identity] = await Promise.all([
+        runtime.relayUrl(),
+        runtime.identity(),
+      ]);
+      onCreated(
+        await agentRuntime.create({
+          name: name.trim(),
+          instructions: instructions.trim(),
+          runtime: selected,
+          relayUrl,
+          signerPubkey: identity.pubkey,
+        }),
+      );
+    } catch (caught) {
+      setError(caught instanceof Error ? caught.message : String(caught));
+    } finally {
+      setSaving(false);
+    }
+  }
+
+  return (
+    <main className="agent-main-panel agent-create-panel">
+      <header className="panel-heading">
+        <h1 className="text-heading text-primary">New agent</h1>
+      </header>
+      <div className="agent-form">
+        <label className="field-stack">
+          <span className="text-body-sm text-secondary">Name</span>
+          <input
+            value={name}
+            onChange={(event) => setName(event.target.value)}
+            placeholder="Scout"
+          />
+        </label>
+        <label className="field-stack">
+          <span className="text-body-sm text-secondary">Instructions</span>
+          <textarea
+            value={instructions}
+            onChange={(event) => setInstructions(event.target.value)}
+            placeholder="Describe its role, boundaries, and how it should respond."
+          />
+        </label>
+        <label className="field-stack">
+          <span className="text-body-sm text-secondary">Runs with</span>
+          <select
+            value={runtimeId}
+            onChange={(event) => setRuntimeId(event.target.value)}
+          >
+            {runtimes.map((runtime) => (
+              <option
+                key={runtime.id}
+                value={runtime.id}
+                disabled={!runtimeReady(runtime)}
+              >
+                {runtime.label}
+                {runtimeReady(runtime) ? "" : " — needs setup"}
+              </option>
+            ))}
+          </select>
+        </label>
+        {selected && !runtimeReady(selected) ? (
+          <p className="setup-callout text-body text-secondary" role="status">
+            {selected.loginHint ||
+              selected.installHint ||
+              "This runtime needs setup before it can start an agent."}
+          </p>
+        ) : null}
+        {error ? (
+          <p className="text-body text-danger" role="alert">
+            {error}
+          </p>
+        ) : null}
+        <button
+          type="button"
+          className="primary-button agent-create-action"
+          disabled={
+            !name.trim() ||
+            !instructions.trim() ||
+            !selected ||
+            !runtimeReady(selected) ||
+            saving
+          }
+          onClick={() => void create()}
+        >
+          {saving ? "Creating…" : "Create and start"}
+        </button>
+      </div>
+    </main>
+  );
+}
+
+function AgentDetail({
+  agent,
+  onChange,
+}: {
+  agent: ManagedAgent;
+  onChange: (agent: ManagedAgent) => void;
+}) {
+  const [busy, setBusy] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+  async function toggle() {
+    setBusy(true);
+    setError(null);
+    try {
+      if (agent.status === "running") {
+        onChange(await agentRuntime.stop(agent.pubkey));
+      } else {
+        const [relayUrl, identity] = await Promise.all([
+          runtime.relayUrl(),
+          runtime.identity(),
+        ]);
+        onChange(
+          await agentRuntime.start(agent.pubkey, {
+            relayUrl,
+            signerPubkey: identity.pubkey,
+          }),
+        );
+      }
+    } catch (caught) {
+      setError(caught instanceof Error ? caught.message : String(caught));
+    } finally {
+      setBusy(false);
+    }
+  }
+  return (
+    <main className="agent-main-panel">
+      <header className="agent-profile-header">
+        <span className="agent-profile-avatar">
+          <IconRobot size={24} stroke={1.4} aria-hidden="true" />
+        </span>
+        <div className="agent-profile-title">
+          <h1 className="text-heading text-primary">{agent.name}</h1>
+          <span className="text-body-sm text-secondary">
+            {agent.status === "running" ? "Running" : "Stopped"}
+          </span>
+        </div>
+        <button
+          type="button"
+          className="quiet-button agent-lifecycle-action"
+          onClick={() => void toggle()}
+          disabled={busy}
+        >
+          {agent.status === "running" ? (
+            <IconPlayerStop size={15} aria-hidden="true" />
+          ) : (
+            <IconPlayerPlay size={15} aria-hidden="true" />
+          )}
+          {busy ? "Working…" : agent.status === "running" ? "Stop" : "Start"}
+        </button>
+      </header>
+      <div className="agent-profile-body">
+        <section>
+          <p className="text-body-sm text-tertiary">Instructions</p>
+          <p className="text-body text-primary">
+            {agent.systemPrompt || "No instructions yet."}
+          </p>
+        </section>
+        <section className="agent-runtime-summary">
+          <div>
+            <p className="text-body-sm text-tertiary">Runs with</p>
+            <p className="text-body text-primary">
+              {agent.runtime || agent.agentCommand}
+            </p>
+          </div>
+          <div>
+            <p className="text-body-sm text-tertiary">Model</p>
+            <p className="text-body text-secondary">
+              {agent.model || "Runtime default"}
+            </p>
+          </div>
+        </section>
+        {error || agent.lastError ? (
+          <p className="setup-callout text-body text-danger" role="alert">
+            {error || agent.lastError}
+          </p>
+        ) : null}
+      </div>
+    </main>
+  );
+}
+
+export function useAgentsWorkspace() {
+  const [agents, setAgents] = useState<ManagedAgent[]>([]);
+  const [runtimes, setRuntimes] = useState<AgentRuntime[]>([]);
+  const [selectedPubkey, setSelectedPubkey] = useState<string>();
+  const [creating, setCreating] = useState(false);
+  const refresh = useCallback(async () => {
+    const [nextAgents, nextRuntimes] = await Promise.all([
+      agentRuntime.list(),
+      agentRuntime.catalog(),
+    ]);
+    setAgents(nextAgents);
+    setRuntimes(nextRuntimes);
+    setSelectedPubkey((current) => current ?? nextAgents[0]?.pubkey);
+  }, []);
+  useEffect(() => {
+    void refresh();
+  }, [refresh]);
+  const selected = useMemo(
+    () => agents.find((agent) => agent.pubkey === selectedPubkey),
+    [agents, selectedPubkey],
+  );
+  return {
+    navigator: (
+      <AgentsNavigator
+        agents={agents}
+        selectedPubkey={selectedPubkey}
+        onSelect={(pubkey) => {
+          setCreating(false);
+          setSelectedPubkey(pubkey);
+        }}
+        onNew={() => setCreating(true)}
+      />
+    ),
+    content: creating ? (
+      <AgentCreation
+        runtimes={runtimes}
+        onCreated={(created) => {
+          setAgents((current) => [created, ...current]);
+          setSelectedPubkey(created.pubkey);
+          setCreating(false);
+        }}
+      />
+    ) : selected ? (
+      <AgentDetail
+        agent={selected}
+        onChange={(changed) =>
+          setAgents((current) =>
+            current.map((item) =>
+              item.pubkey === changed.pubkey ? changed : item,
+            ),
+          )
+        }
+      />
+    ) : (
+      <main className="empty-workspace-panel">
+        <IconRobot size={22} aria-hidden="true" />
+        <h1 className="text-heading text-primary">Create your first agent</h1>
+        <button
+          type="button"
+          className="primary-button"
+          onClick={() => setCreating(true)}
+        >
+          Create agent
+        </button>
+      </main>
+    ),
+  };
+}
diff --git a/desktop-next/src/features/design-system/ui/ColorTablePage.tsx b/desktop-next/src/features/design-system/ui/ColorTablePage.tsx
index 58c573c649..e701986608 100644
--- a/desktop-next/src/features/design-system/ui/ColorTablePage.tsx
+++ b/desktop-next/src/features/design-system/ui/ColorTablePage.tsx
@@ -138,13 +138,13 @@ function TokenTable({
       </colgroup>
       <thead>
         <tr className="border-tertiary border-b">
-          <th scope="col" className="py-2 pr-4 text-label text-tertiary">
+          <th scope="col" className="py-2 pr-4 text-body text-tertiary">
             Token
           </th>
-          <th scope="col" className="py-2 pr-4 text-label text-tertiary">
+          <th scope="col" className="py-2 pr-4 text-body text-tertiary">
             Base
           </th>
-          <th scope="col" className="py-2 text-label text-tertiary">
+          <th scope="col" className="py-2 text-body text-tertiary">
             Value
           </th>
         </tr>
@@ -163,7 +163,7 @@ function TokenTable({
                   <th
                     scope="colgroup"
                     colSpan={3}
-                    className="pt-6 pb-1 text-meta text-tertiary"
+                    className="pt-6 pb-1 text-body-sm text-tertiary"
                   >
                     {headingRow}
                   </th>
@@ -171,17 +171,17 @@ function TokenTable({
               ) : null}
               <tr className="border-tertiary border-b">
                 <td className="py-2.5 pr-4 align-top">
-                  <code className="break-words text-code text-primary">
+                  <code className="break-words text-mono text-primary">
                     {row.token}
                   </code>
                 </td>
                 <td className="py-2.5 pr-4 align-top">
                   {token?.pointsAtVariable ? (
-                    <code className="break-words text-code text-secondary">
+                    <code className="break-words text-mono text-secondary">
                       {humanizeVariable(token.pointsAtVariable)}
                     </code>
                   ) : (
-                    <span className="text-caption text-tertiary">—</span>
+                    <span className="text-body-sm text-tertiary">—</span>
                   )}
                 </td>
                 <td className="py-2.5 align-top">
@@ -193,11 +193,11 @@ function TokenTable({
                       {/* `break-all`, not `break-words`: a gradient literal is
                             one unbroken token with no spaces to break at, so
                             word-boundary wrapping would overflow the column. */}
-                      <code className="break-all text-code text-secondary">
+                      <code className="break-all text-mono text-secondary">
                         {token?.value ?? "…"}
                       </code>
                       {token && !isHex(token.value) ? (
-                        <span className="text-meta text-tertiary">
+                        <span className="text-body-sm text-tertiary">
                           {describeValueKind(token.value)}
                         </span>
                       ) : null}
diff --git a/desktop-next/src/features/design-system/ui/ColourPage.tsx b/desktop-next/src/features/design-system/ui/ColourPage.tsx
index a410145a7d..8d6ded2632 100644
--- a/desktop-next/src/features/design-system/ui/ColourPage.tsx
+++ b/desktop-next/src/features/design-system/ui/ColourPage.tsx
@@ -25,18 +25,18 @@ function RoleRow({ role }: { role: Role }) {
       />
       <div className="flex min-w-0 flex-1 flex-col gap-1">
         <div className="flex flex-wrap items-center gap-2">
-          <code className="text-label text-primary">{role.token}</code>
-          <span className="text-caption text-tertiary">{role.pointsAt}</span>
+          <code className="text-body text-primary">{role.token}</code>
+          <span className="text-body-sm text-tertiary">{role.pointsAt}</span>
           {role.status !== "core" ? (
-            <span className="rounded-full bg-warning-tint px-2 py-0.5 text-meta text-warning">
+            <span className="rounded-full bg-warning-tint px-2 py-0.5 text-body-sm text-warning">
               {role.status}
               {role.owner ? ` · ${role.owner}` : ""}
             </span>
           ) : null}
         </div>
-        <p className="text-caption text-secondary">{role.use}</p>
+        <p className="text-body-sm text-secondary">{role.use}</p>
         {role.exception ? (
-          <p className="text-caption text-tertiary">
+          <p className="text-body-sm text-tertiary">
             Exception: {role.exception}
           </p>
         ) : null}
@@ -61,8 +61,8 @@ export function ColourPage() {
           {RAMPS.map((ramp) => (
             <div key={ramp.id} className="flex flex-col gap-3">
               <div className="flex flex-col gap-1">
-                <h3 className="text-label text-primary">{ramp.name}</h3>
-                <p className="max-w-2xl text-caption text-secondary">
+                <h3 className="text-body text-primary">{ramp.name}</h3>
+                <p className="max-w-2xl text-body-sm text-secondary">
                   {ramp.description}
                 </p>
               </div>
@@ -96,8 +96,8 @@ export function ColourPage() {
           {ROLE_GROUPS.map((group) => (
             <div key={group.id} className="flex flex-col gap-2">
               <div className="flex flex-col gap-1">
-                <h3 className="text-label text-primary">{group.name}</h3>
-                <p className="max-w-2xl text-caption text-secondary">
+                <h3 className="text-body text-primary">{group.name}</h3>
+                <p className="max-w-2xl text-body-sm text-secondary">
                   {group.description}
                 </p>
               </div>
@@ -121,8 +121,8 @@ export function ColourPage() {
         <div className="flex flex-col gap-5">
           {EXCEPTIONS.map((exception) => (
             <div key={exception.name} className="flex flex-col gap-1">
-              <code className="text-code text-accent">{exception.name}</code>
-              <p className="max-w-2xl text-caption text-secondary">
+              <code className="text-mono text-accent">{exception.name}</code>
+              <p className="max-w-2xl text-body-sm text-secondary">
                 {exception.why}
               </p>
             </div>
diff --git a/desktop-next/src/features/design-system/ui/DesignSystemLayout.tsx b/desktop-next/src/features/design-system/ui/DesignSystemLayout.tsx
index 64dfca8b78..a7aef5659d 100644
--- a/desktop-next/src/features/design-system/ui/DesignSystemLayout.tsx
+++ b/desktop-next/src/features/design-system/ui/DesignSystemLayout.tsx
@@ -49,10 +49,10 @@ function NavLink({
     <Link
       to={to}
       activeOptions={exact ? { exact: true } : undefined}
-      className="block rounded-lg px-3 py-2 text-label text-secondary transition-colors hover:bg-hover hover:text-primary"
+      className="block rounded-lg px-3 py-2 text-body text-secondary transition-colors hover:bg-hover hover:text-primary"
       activeProps={{
         className:
-          "block rounded-lg px-3 py-2 text-label bg-accent-tint text-accent",
+          "block rounded-lg px-3 py-2 text-body bg-accent-tint text-accent",
       }}
     >
       {children}
@@ -73,10 +73,10 @@ export function DesignSystemLayout() {
         className="flex shrink-0 flex-col gap-8 px-4 py-8 lg:sticky lg:top-0 lg:h-screen lg:w-64 lg:overflow-y-auto"
       >
         <div className="px-3">
-          <Link to="/design" className="text-label text-primary">
+          <Link to="/design" className="text-body text-primary">
             Buzz Design System
           </Link>
-          <p className="mt-1 text-caption text-tertiary">
+          <p className="mt-1 text-body-sm text-tertiary">
             Rendered from the tokens themselves
           </p>
         </div>
@@ -84,11 +84,11 @@ export function DesignSystemLayout() {
         <div className="flex flex-1 flex-col gap-6 lg:gap-7">
           {SECTIONS.map((section) => (
             <div key={section.heading} className="flex flex-col gap-1">
-              <h2 className="px-3 pb-1.5 text-meta text-tertiary">
+              <h2 className="px-3 pb-1.5 text-body-sm text-tertiary">
                 {section.heading}
               </h2>
               {section.items.length === 0 ? (
-                <p className="max-w-prose px-3 py-1 text-caption text-tertiary">
+                <p className="max-w-prose px-3 py-1 text-body-sm text-tertiary">
                   None yet — the primitive layer gets built one component at a
                   time, as the product repeats something.
                 </p>
@@ -121,7 +121,7 @@ export function DesignSystemLayout() {
           type="button"
           onClick={toggle}
           aria-label={`Switch to ${scheme === "light" ? "dark" : "light"} mode`}
-          className="mx-3 self-start rounded-lg bg-inset px-3 py-2 text-label text-secondary transition-colors hover:bg-hover hover:text-primary"
+          className="mx-3 self-start rounded-lg bg-inset px-3 py-2 text-body text-secondary transition-colors hover:bg-hover hover:text-primary"
         >
           {scheme === "light" ? "Dark mode" : "Light mode"}
         </button>
diff --git a/desktop-next/src/features/design-system/ui/ElevationPage.tsx b/desktop-next/src/features/design-system/ui/ElevationPage.tsx
index cbaee31b71..a266de8424 100644
--- a/desktop-next/src/features/design-system/ui/ElevationPage.tsx
+++ b/desktop-next/src/features/design-system/ui/ElevationPage.tsx
@@ -18,9 +18,9 @@ export function ElevationPage() {
                 className="flex h-24 w-44 items-center justify-center rounded-xl bg-panel"
                 style={{ boxShadow: `var(${level.variable})` }}
               >
-                <code className="text-meta text-primary">{level.token}</code>
+                <code className="text-body-sm text-primary">{level.token}</code>
               </div>
-              <span className="max-w-44 text-caption text-secondary">
+              <span className="max-w-44 text-body-sm text-secondary">
                 {level.use}
               </span>
             </div>
diff --git a/desktop-next/src/features/design-system/ui/GlassPage.tsx b/desktop-next/src/features/design-system/ui/GlassPage.tsx
index 3789c7e37f..17a37e39ad 100644
--- a/desktop-next/src/features/design-system/ui/GlassPage.tsx
+++ b/desktop-next/src/features/design-system/ui/GlassPage.tsx
@@ -18,7 +18,7 @@ function ChromePill() {
           type="button"
           className={
             selected
-              ? "elevate-xs rounded-full bg-chrome-selected px-5 py-2 text-label text-primary"
+              ? "elevate-xs rounded-full bg-chrome-selected px-5 py-2 text-body text-primary"
               : "rounded-full px-5 py-2 text-body text-secondary transition-colors hover:bg-chrome-glass-hover hover:text-primary"
           }
         >
@@ -44,7 +44,7 @@ export function GlassPage() {
         <div className="texture-dots flex items-center justify-center rounded-xl bg-app px-8 py-12">
           <ChromePill />
         </div>
-        <div className="flex flex-col gap-1 text-caption text-secondary">
+        <div className="flex flex-col gap-1 text-body-sm text-secondary">
           <span>
             container <code className="text-primary">bg-chrome-glass</code> +{" "}
             <code className="text-primary">rim-glass</code> +{" "}
@@ -84,8 +84,8 @@ export function GlassPage() {
               className="flex flex-col items-center gap-2 rounded-lg bg-chrome-glass px-6 py-5"
               style={{ backdropFilter: `blur(${blur.value})` }}
             >
-              <code className="text-meta text-primary">{blur.token}</code>
-              <span className="text-caption text-tertiary">{blur.value}</span>
+              <code className="text-body-sm text-primary">{blur.token}</code>
+              <span className="text-body-sm text-tertiary">{blur.value}</span>
             </div>
           ))}
         </div>
@@ -96,7 +96,7 @@ export function GlassPage() {
         description="A deliberate exception: two literal values, not a ramp step and not one of the numbered gradients. Those are background treatments; this is a material detail. Real glass catches light along one edge and falls away on the opposite one, so the rim is a directional pair from one fixed light direction that every glass surface shares."
       >
         <div className="rounded-lg bg-inverse px-5 py-4">
-          <code className="whitespace-pre text-caption text-on-inverse">
+          <code className="whitespace-pre text-body-sm text-on-inverse">
             {`box-shadow:\n  inset 0  1px 0 var(--rim-lit),\n  inset 0 -1px 0 var(--rim-shade);`}
           </code>
         </div>
diff --git a/desktop-next/src/features/design-system/ui/GrowthPage.tsx b/desktop-next/src/features/design-system/ui/GrowthPage.tsx
index a38a49d5f0..0bdb6150be 100644
--- a/desktop-next/src/features/design-system/ui/GrowthPage.tsx
+++ b/desktop-next/src/features/design-system/ui/GrowthPage.tsx
@@ -51,7 +51,7 @@ export function GrowthPage() {
         <ol className="flex flex-col gap-2 rounded-xl bg-inset px-5 py-4">
           {GROWTH_PROCEDURE.map((step, index) => (
             <li key={step} className="flex gap-3">
-              <span className="w-4 shrink-0 text-label text-accent">
+              <span className="w-4 shrink-0 text-body text-accent">
                 {index + 1}
               </span>
               <span className="text-body text-secondary">{step}</span>
@@ -70,8 +70,8 @@ export function GrowthPage() {
               key={check}
               className="flex flex-col gap-1 border-b border-tertiary py-3 last:border-b-0 sm:flex-row sm:gap-4"
             >
-              <span className="flex-1 text-caption text-primary">{check}</span>
-              <span className="flex-1 text-caption text-secondary">
+              <span className="flex-1 text-body-sm text-primary">{check}</span>
+              <span className="flex-1 text-body-sm text-secondary">
                 {action}
               </span>
             </div>
diff --git a/desktop-next/src/features/design-system/ui/OverviewPage.tsx b/desktop-next/src/features/design-system/ui/OverviewPage.tsx
index f231e8b170..addf5bef11 100644
--- a/desktop-next/src/features/design-system/ui/OverviewPage.tsx
+++ b/desktop-next/src/features/design-system/ui/OverviewPage.tsx
@@ -26,13 +26,13 @@ export function OverviewPage() {
         <div className="flex flex-col gap-2 rounded-xl bg-inset px-6 py-5">
           {LAYERS.map(([layer, what, why]) => (
             <div key={layer} className="flex flex-wrap items-baseline gap-x-4">
-              <span className="w-16 shrink-0 text-label text-tertiary">
+              <span className="w-16 shrink-0 text-body text-tertiary">
                 {layer}
               </span>
-              <code className="min-w-0 flex-1 text-caption text-primary">
+              <code className="min-w-0 flex-1 text-body-sm text-primary">
                 {what}
               </code>
-              <span className="text-caption text-secondary">{why}</span>
+              <span className="text-body-sm text-secondary">{why}</span>
             </div>
           ))}
         </div>
@@ -40,9 +40,9 @@ export function OverviewPage() {
 
       <Section title="The grammar">
         <div className="rounded-lg bg-inverse px-5 py-4">
-          <code className="text-label text-on-inverse">{GRAMMAR}</code>
+          <code className="text-body text-on-inverse">{GRAMMAR}</code>
         </div>
-        <p className="text-caption text-secondary">
+        <p className="text-body-sm text-secondary">
           The order is fixed, so there is one correct spelling. See{" "}
           <Link to="/design/vocabulary" className="text-accent underline">
             the vocabulary
@@ -58,7 +58,7 @@ export function OverviewPage() {
         <div className="flex flex-wrap gap-2">
           <Link
             to="/design/color"
-            className="rounded-lg bg-accent px-4 py-2 text-label text-on-accent transition-opacity hover:opacity-90"
+            className="rounded-lg bg-accent px-4 py-2 text-body text-on-accent transition-opacity hover:opacity-90"
           >
             Color
           </Link>
diff --git a/desktop-next/src/features/design-system/ui/TypographyPage.tsx b/desktop-next/src/features/design-system/ui/TypographyPage.tsx
index e140ead63e..fffbee4444 100644
--- a/desktop-next/src/features/design-system/ui/TypographyPage.tsx
+++ b/desktop-next/src/features/design-system/ui/TypographyPage.tsx
@@ -21,13 +21,13 @@ function RoleSpecimen({ role }: { role: TypeRole }) {
         {role.mono ? "createChannel(name, members)" : "Bring your agents in"}
       </p>
       <div className="flex flex-wrap items-baseline gap-x-3 gap-y-1">
-        <code className="text-code text-accent">{role.token}</code>
-        <span className="text-meta text-tertiary">{role.pointsAt}</span>
-        <span className="text-meta text-tertiary">
+        <code className="text-mono text-accent">{role.token}</code>
+        <span className="text-body-sm text-tertiary">{role.pointsAt}</span>
+        <span className="text-body-sm text-tertiary">
           {role.size} / {role.lineHeight} / {role.tracking} / {role.weight}
         </span>
       </div>
-      <p className="max-w-xl text-caption text-secondary">{role.use}</p>
+      <p className="max-w-xl text-body-sm text-secondary">{role.use}</p>
     </div>
   );
 }
@@ -48,14 +48,14 @@ export function TypographyPage() {
           {TYPE_FAMILIES.map((family) => (
             <div key={family.token} className="flex flex-col gap-1.5">
               <p
-                className={`text-subheading text-primary ${
+                className={`text-heading text-primary ${
                   family.token === "font-mono" ? "font-mono" : "font-sans"
                 }`}
               >
                 {family.name}
               </p>
-              <code className="text-code text-accent">{family.token}</code>
-              <p className="max-w-xl text-caption text-secondary">
+              <code className="text-mono text-accent">{family.token}</code>
+              <p className="max-w-xl text-body-sm text-secondary">
                 {family.use}
               </p>
             </div>
@@ -80,13 +80,13 @@ export function TypographyPage() {
             {ramp.steps.map((step) => (
               <Row key={`${ramp.id}-${step.step}`}>
                 <div className="flex flex-wrap items-baseline gap-x-4">
-                  <code className="w-28 shrink-0 text-code text-primary">
+                  <code className="w-28 shrink-0 text-mono text-primary">
                     {ramp.id} {step.step}
                   </code>
-                  <span className="w-20 shrink-0 text-caption text-secondary">
+                  <span className="w-20 shrink-0 text-body-sm text-secondary">
                     {step.value}
                   </span>
-                  <span className="text-caption text-tertiary">{step.job}</span>
+                  <span className="text-body-sm text-tertiary">{step.job}</span>
                 </div>
               </Row>
             ))}
@@ -100,10 +100,10 @@ export function TypographyPage() {
       >
         <Rows>
           <Row>
-            <p className="text-label text-primary">
+            <p className="text-body text-primary">
               Every size is relative. Never px.
             </p>
-            <p className="mt-1.5 max-w-xl text-caption text-secondary">
+            <p className="mt-1.5 max-w-xl text-body-sm text-secondary">
               Fixed pixel text freezes against keyboard zoom and ignores the
               person's font-size preference. The current client shipped a
               message-timeline regression from exactly this and now has a CI
@@ -112,13 +112,13 @@ export function TypographyPage() {
             </p>
           </Row>
           <Row>
-            <p className="text-label text-primary">
+            <p className="text-body text-primary">
               No all-caps, and no tracked-out labels.
             </p>
-            <p className="mt-1.5 max-w-xl text-caption text-secondary">
+            <p className="mt-1.5 max-w-xl text-body-sm text-secondary">
               A capitalised label is harder to read than the sentence-case
               version and reads as enterprise chrome. Section labels earn their
-              quietness from size and colour — text-meta on text-tertiary —
+              quietness from size and colour — text-body-sm on text-tertiary —
               rather than from being shouted. There is no uppercase utility in
               this system.
             </p>
diff --git a/desktop-next/src/features/design-system/ui/VocabularyPage.tsx b/desktop-next/src/features/design-system/ui/VocabularyPage.tsx
index 16b2bccad0..dc3baeaad4 100644
--- a/desktop-next/src/features/design-system/ui/VocabularyPage.tsx
+++ b/desktop-next/src/features/design-system/ui/VocabularyPage.tsx
@@ -21,14 +21,14 @@ export function VocabularyPage() {
               key={group.group}
               className="flex flex-wrap items-baseline gap-x-4 gap-y-1 border-b border-tertiary py-3 last:border-b-0"
             >
-              <span className="w-24 shrink-0 text-label text-tertiary">
+              <span className="w-24 shrink-0 text-body text-tertiary">
                 {group.group}
               </span>
               <div className="flex min-w-0 flex-1 flex-wrap gap-x-2 gap-y-1">
                 {group.words.map((word) => (
                   <code
                     key={word}
-                    className="rounded bg-inset px-1.5 py-0.5 text-caption text-primary"
+                    className="rounded bg-inset px-1.5 py-0.5 text-body-sm text-primary"
                   >
                     {word}
                   </code>
@@ -44,21 +44,21 @@ export function VocabularyPage() {
         description="A name reads property, then role, then modifier, then material, then state. The order is fixed, so an agent writing a hover for a glass surface produces the same name every time instead of two equally plausible ones."
       >
         <div className="rounded-lg bg-inverse px-5 py-4">
-          <code className="text-label text-on-inverse">{GRAMMAR}</code>
+          <code className="text-body text-on-inverse">{GRAMMAR}</code>
         </div>
         <div className="flex flex-col gap-3 sm:flex-row">
           <div className="flex-1 rounded-xl bg-success-tint px-5 py-4">
-            <p className="mb-1.5 text-label text-success">Legal</p>
+            <p className="mb-1.5 text-body text-success">Legal</p>
             {GRAMMAR_EXAMPLES.legal.map((example) => (
-              <code key={example} className="block text-caption text-success">
+              <code key={example} className="block text-body-sm text-success">
                 {example}
               </code>
             ))}
           </div>
           <div className="flex-1 rounded-xl bg-danger-tint px-5 py-4">
-            <p className="mb-1.5 text-label text-danger">Illegal</p>
+            <p className="mb-1.5 text-body text-danger">Illegal</p>
             {GRAMMAR_EXAMPLES.illegal.map((example) => (
-              <code key={example} className="block text-caption text-danger">
+              <code key={example} className="block text-body-sm text-danger">
                 {example}
               </code>
             ))}
diff --git a/desktop-next/src/features/design-system/ui/primitives.tsx b/desktop-next/src/features/design-system/ui/primitives.tsx
index 0b93d2d666..326e950fd9 100644
--- a/desktop-next/src/features/design-system/ui/primitives.tsx
+++ b/desktop-next/src/features/design-system/ui/primitives.tsx
@@ -33,7 +33,7 @@ export function PageHeader({
 
 export function StatusPill({ children }: { children: ReactNode }) {
   return (
-    <span className="rounded-full bg-warning-tint px-2.5 py-1 text-meta text-warning">
+    <span className="rounded-full bg-warning-tint px-2.5 py-1 text-body-sm text-warning">
       {children}
     </span>
   );
@@ -63,7 +63,7 @@ export function Section({
 
 export function Note({ children }: { children: ReactNode }) {
   return (
-    <p className="max-w-2xl rounded-xl bg-inset px-5 py-4 text-caption text-secondary">
+    <p className="max-w-2xl rounded-xl bg-inset px-5 py-4 text-body-sm text-secondary">
       {children}
     </p>
   );
@@ -74,10 +74,10 @@ export function Stub({ what, decide }: { what: string; decide: string[] }) {
     <div className="flex max-w-2xl flex-col gap-4 rounded-xl bg-inset px-6 py-5">
       <p className="text-body text-secondary">{what}</p>
       <div className="flex flex-col gap-2">
-        <p className="text-label text-tertiary">Still to decide</p>
+        <p className="text-body text-tertiary">Still to decide</p>
         <ul className="flex list-disc flex-col gap-1.5 pl-4">
           {decide.map((item) => (
-            <li key={item} className="text-caption text-secondary">
+            <li key={item} className="text-body-sm text-secondary">
               {item}
             </li>
           ))}
@@ -141,9 +141,9 @@ export function Swatch({
         }`}
         style={{ background: `var(${variable})` }}
       />
-      <code className="truncate text-code text-primary">{label}</code>
+      <code className="truncate text-mono text-primary">{label}</code>
       {sublabel ? (
-        <span className="text-caption text-tertiary">{sublabel}</span>
+        <span className="text-body-sm text-tertiary">{sublabel}</span>
       ) : null}
     </div>
   );
diff --git a/desktop-next/src/features/sessions/activityProjection.ts b/desktop-next/src/features/sessions/activityProjection.ts
new file mode 100644
index 0000000000..2949dc76da
--- /dev/null
+++ b/desktop-next/src/features/sessions/activityProjection.ts
@@ -0,0 +1,126 @@
+import type {
+  ActivityItem,
+  ActivityStatus,
+  AgentTurn,
+  ObserverEvent,
+} from "./types";
+
+const TERMINAL_KINDS: Record<string, ActivityStatus> = {
+  turn_completed: "completed",
+  turn_failed: "failed",
+  turn_cancelled: "cancelled",
+  permission_requested: "needs_you",
+  turn_unavailable: "unavailable",
+};
+
+function text(value: unknown): string | undefined {
+  return typeof value === "string" && value.trim() ? value.trim() : undefined;
+}
+
+function statusFor(event: ObserverEvent): ActivityStatus {
+  if (TERMINAL_KINDS[event.kind]) return TERMINAL_KINDS[event.kind];
+  const payloadStatus = text(event.payload.status);
+  if (
+    payloadStatus &&
+    [
+      "pending",
+      "running",
+      "completed",
+      "failed",
+      "cancelled",
+      "needs_you",
+      "unavailable",
+    ].includes(payloadStatus)
+  ) {
+    return payloadStatus as ActivityStatus;
+  }
+  return event.kind.includes("completed") ? "completed" : "running";
+}
+
+function itemLabel(event: ObserverEvent): string {
+  const title =
+    text(event.payload.title) ??
+    text(event.payload.toolCallTitle) ??
+    text(event.payload.toolName) ??
+    text(event.payload.name);
+  if (title) return title;
+  return event.kind.replaceAll("_", " ");
+}
+
+function itemId(event: ObserverEvent): string {
+  return (
+    text(event.payload.toolCallId) ??
+    text(event.payload.messageId) ??
+    `${event.kind}:${event.seq}`
+  );
+}
+
+function eventToItem(event: ObserverEvent): ActivityItem {
+  return {
+    id: itemId(event),
+    label: itemLabel(event),
+    detail:
+      text(event.payload.summary) ??
+      text(event.payload.outcome) ??
+      text(event.payload.error),
+    status: statusFor(event),
+    timestamp: event.timestamp,
+  };
+}
+
+export function reduceActivity(
+  current: Map<string, AgentTurn>,
+  event: ObserverEvent,
+  fallbackAgentName = "Agent",
+): Map<string, AgentTurn> {
+  if (!event.channelId || !event.agentPubkey || !event.turnId) return current;
+  const sessionId = event.sessionId ?? "unknown-session";
+  const key = [
+    event.channelId,
+    event.agentPubkey,
+    sessionId,
+    event.turnId,
+  ].join(":");
+  const next = new Map(current);
+  const previous = next.get(key);
+  const incoming = eventToItem(event);
+  const items = previous ? [...previous.items] : [];
+  const existingIndex = items.findIndex((item) => item.id === incoming.id);
+  if (existingIndex >= 0) items[existingIndex] = incoming;
+  else items.push(incoming);
+  items.sort((left, right) => left.timestamp.localeCompare(right.timestamp));
+  next.set(key, {
+    key,
+    agentPubkey: event.agentPubkey,
+    agentName: text(event.payload.agentName) ?? fallbackAgentName,
+    sessionId,
+    turnId: event.turnId,
+    status: statusFor(event),
+    items,
+  });
+  return next;
+}
+
+export function partitionActivity(turn: AgentTurn): {
+  visibleItems: ActivityItem[];
+  hiddenItems: ActivityItem[];
+} {
+  const recentIds = new Set(turn.items.slice(-3).map((item) => item.id));
+  const urgentIds = new Set(
+    turn.items
+      .filter((item) =>
+        ["failed", "needs_you", "cancelled", "unavailable"].includes(
+          item.status,
+        ),
+      )
+      .map((item) => item.id),
+  );
+  const visibleItems = turn.items.filter(
+    (item) => recentIds.has(item.id) || urgentIds.has(item.id),
+  );
+  const visibleIds = new Set(visibleItems.map((item) => item.id));
+  return {
+    visibleItems,
+    hiddenItems: turn.items.filter((item) => !visibleIds.has(item.id)),
+  };
+}
diff --git a/desktop-next/src/features/sessions/channelWindowProjection.test.ts b/desktop-next/src/features/sessions/channelWindowProjection.test.ts
new file mode 100644
index 0000000000..9a3c97539d
--- /dev/null
+++ b/desktop-next/src/features/sessions/channelWindowProjection.test.ts
@@ -0,0 +1,33 @@
+import { describe, expect, it } from "vitest";
+import { projectChannelWindow } from "./channelWindowProjection";
+
+const event = (kind: number, id: string, content = "content") => ({
+  id,
+  pubkey: "author",
+  content,
+  created_at: 100,
+  kind,
+  tags: [["h", "channel"]],
+});
+
+describe("projectChannelWindow", () => {
+  it("keeps protocol overlays and system events out of the transcript", () => {
+    const projection = projectChannelWindow([
+      event(40099, "system", '{"type":"channel_created"}'),
+      event(9, "message", "Hello"),
+      event(39005, "summary", '{"reply_count":2}'),
+      event(39006, "bounds", '{"has_more":false,"next_cursor":null}'),
+    ]);
+
+    expect(projection.messages.map(({ id }) => id)).toEqual(["message"]);
+    expect(projection.systemEvents.map(({ id }) => id)).toEqual(["system"]);
+    expect(projection.threadSummaries.map(({ id }) => id)).toEqual(["summary"]);
+    expect(projection.bounds?.id).toBe("bounds");
+  });
+
+  it("rejects an ambiguous window with multiple bounds events", () => {
+    expect(() =>
+      projectChannelWindow([event(39006, "one"), event(39006, "two")]),
+    ).toThrow("more than one bounds");
+  });
+});
diff --git a/desktop-next/src/features/sessions/channelWindowProjection.ts b/desktop-next/src/features/sessions/channelWindowProjection.ts
new file mode 100644
index 0000000000..425c3dab01
--- /dev/null
+++ b/desktop-next/src/features/sessions/channelWindowProjection.ts
@@ -0,0 +1,55 @@
+import type { Message } from "./types";
+
+export const CHANNEL_MESSAGE_KINDS = new Set([9, 40002, 40008]);
+export const CHANNEL_SYSTEM_KIND = 40099;
+export const THREAD_SUMMARY_KIND = 39005;
+export const WINDOW_BOUNDS_KIND = 39006;
+
+type RawChannelEvent = {
+  id: string;
+  pubkey: string;
+  content: string;
+  created_at: number;
+  kind: number;
+  tags: string[][];
+};
+
+export type ChannelWindowProjection = {
+  messages: Message[];
+  systemEvents: RawChannelEvent[];
+  threadSummaries: RawChannelEvent[];
+  bounds: RawChannelEvent | null;
+};
+
+export function projectChannelWindow(
+  events: RawChannelEvent[],
+): ChannelWindowProjection {
+  const messages: Message[] = [];
+  const systemEvents: RawChannelEvent[] = [];
+  const threadSummaries: RawChannelEvent[] = [];
+  let bounds: RawChannelEvent | null = null;
+
+  for (const event of events) {
+    if (CHANNEL_MESSAGE_KINDS.has(event.kind)) {
+      messages.push({
+        id: event.id,
+        pubkey: event.pubkey,
+        content: event.content,
+        createdAt: event.created_at,
+        kind: event.kind,
+        tags: event.tags,
+      });
+    } else if (event.kind === CHANNEL_SYSTEM_KIND) {
+      systemEvents.push(event);
+    } else if (event.kind === THREAD_SUMMARY_KIND) {
+      threadSummaries.push(event);
+    } else if (event.kind === WINDOW_BOUNDS_KIND) {
+      if (bounds)
+        throw new Error("Channel window returned more than one bounds event.");
+      bounds = event;
+    }
+  }
+
+  messages.sort((left, right) => left.createdAt - right.createdAt);
+  return { messages, systemEvents, threadSummaries, bounds };
+}
diff --git a/desktop-next/src/features/sessions/sessionRegistry.ts b/desktop-next/src/features/sessions/sessionRegistry.ts
new file mode 100644
index 0000000000..20c087dba7
--- /dev/null
+++ b/desktop-next/src/features/sessions/sessionRegistry.ts
@@ -0,0 +1,52 @@
+import type { SessionRecord } from "./types";
+
+const STORAGE_KEY = "buzz.desktop-next.sessions.v1";
+
+type Registry = Record<string, Record<string, SessionRecord>>;
+
+function readRegistry(): Registry {
+  try {
+    const value = localStorage.getItem(STORAGE_KEY);
+    return value ? (JSON.parse(value) as Registry) : {};
+  } catch {
+    return {};
+  }
+}
+
+function writeRegistry(registry: Registry) {
+  localStorage.setItem(STORAGE_KEY, JSON.stringify(registry));
+}
+
+export function listSessions(scope: string): SessionRecord[] {
+  return Object.values(readRegistry()[scope] ?? {}).sort(
+    (left, right) => right.updatedAt - left.updatedAt,
+  );
+}
+
+export function rememberSession(scope: string, record: SessionRecord) {
+  const registry = readRegistry();
+  registry[scope] = { ...(registry[scope] ?? {}), [record.channelId]: record };
+  writeRegistry(registry);
+}
+
+export function updateSession(
+  scope: string,
+  channelId: string,
+  patch: Partial<SessionRecord>,
+) {
+  const registry = readRegistry();
+  const current = registry[scope]?.[channelId];
+  if (!current) return;
+  registry[scope] = {
+    ...registry[scope],
+    [channelId]: { ...current, ...patch, updatedAt: Date.now() },
+  };
+  writeRegistry(registry);
+}
+
+export function forgetSession(scope: string, channelId: string) {
+  const registry = readRegistry();
+  if (!registry[scope]) return;
+  delete registry[scope][channelId];
+  writeRegistry(registry);
+}
diff --git a/desktop-next/src/features/sessions/types.ts b/desktop-next/src/features/sessions/types.ts
new file mode 100644
index 0000000000..464164cc53
--- /dev/null
+++ b/desktop-next/src/features/sessions/types.ts
@@ -0,0 +1,79 @@
+export type Identity = {
+  pubkey: string;
+  displayName: string;
+};
+
+export type Channel = {
+  id: string;
+  name: string;
+  channelType: string;
+  visibility: string;
+  description: string;
+  memberCount: number;
+  lastMessageAt?: string | null;
+};
+
+export type Participant = {
+  pubkey: string;
+  role: string;
+  isAgent: boolean;
+  displayName?: string | null;
+};
+
+export type Message = {
+  id: string;
+  pubkey: string;
+  content: string;
+  createdAt: number;
+  kind: number;
+  tags: string[][];
+  pending?: "creating" | "sending" | "waiting" | "failed";
+  error?: string;
+};
+
+export type SessionRecord = {
+  channelId: string;
+  originChannelId?: string;
+  connectedChannelId?: string;
+  createdAt: number;
+  updatedAt: number;
+  incompleteDraft?: string;
+};
+
+export type ActivityStatus =
+  | "pending"
+  | "running"
+  | "completed"
+  | "failed"
+  | "cancelled"
+  | "needs_you"
+  | "unavailable";
+
+export type ActivityItem = {
+  id: string;
+  label: string;
+  detail?: string;
+  status: ActivityStatus;
+  timestamp: string;
+};
+
+export type AgentTurn = {
+  key: string;
+  agentPubkey: string;
+  agentName: string;
+  sessionId: string;
+  turnId: string;
+  status: ActivityStatus;
+  items: ActivityItem[];
+};
+
+export type ObserverEvent = {
+  seq: number;
+  timestamp: string;
+  kind: string;
+  channelId?: string;
+  sessionId?: string;
+  turnId?: string;
+  agentPubkey?: string;
+  payload: Record<string, unknown>;
+};
diff --git a/desktop-next/src/features/sessions/ui/AgentActivity.tsx b/desktop-next/src/features/sessions/ui/AgentActivity.tsx
new file mode 100644
index 0000000000..c570330684
--- /dev/null
+++ b/desktop-next/src/features/sessions/ui/AgentActivity.tsx
@@ -0,0 +1,85 @@
+import { Accordion } from "@base-ui-components/react/accordion";
+import {
+  IconAlertCircle,
+  IconCheck,
+  IconChevronDown,
+  IconLoader2,
+  IconPlayerPause,
+} from "@tabler/icons-react";
+import { partitionActivity } from "../activityProjection";
+import type { ActivityItem, AgentTurn } from "../types";
+
+function ActivityIcon({ item }: { item: ActivityItem }) {
+  const common = { size: 15, stroke: 1.7, "aria-hidden": true } as const;
+  if (item.status === "completed") return <IconCheck {...common} />;
+  if (item.status === "failed" || item.status === "needs_you") {
+    return <IconAlertCircle {...common} />;
+  }
+  if (item.status === "cancelled" || item.status === "unavailable") {
+    return <IconPlayerPause {...common} />;
+  }
+  return <IconLoader2 {...common} className="animate-spin" />;
+}
+
+function ActivityRows({ items }: { items: ActivityItem[] }) {
+  return (
+    <ol className="activity-rows">
+      {items.map((item) => (
+        <li key={item.id} data-status={item.status}>
+          <span className="activity-step-icon">
+            <ActivityIcon item={item} />
+          </span>
+          <span className="min-w-0">
+            <span className="block text-body text-primary">{item.label}</span>
+            {item.detail ? (
+              <span className="block truncate text-body-sm text-tertiary">
+                {item.detail}
+              </span>
+            ) : null}
+          </span>
+        </li>
+      ))}
+    </ol>
+  );
+}
+
+export function AgentActivity({ turn }: { turn: AgentTurn }) {
+  const { visibleItems, hiddenItems } = partitionActivity(turn);
+  const hiddenCount = hiddenItems.length;
+  const expandedLabel = `${turn.agentName} activity, ${turn.items.length} steps`;
+
+  return (
+    <section className="agent-turn" aria-label={`${turn.agentName} activity`}>
+      <div className="agent-turn-heading">
+        <span className="agent-mark" aria-hidden="true">
+          {turn.agentName.slice(0, 1)}
+        </span>
+        <span className="text-body text-primary">{turn.agentName}</span>
+        <span className="text-body-sm text-tertiary">
+          {turn.status === "running"
+            ? "Working"
+            : turn.status.replace("_", " ")}
+        </span>
+      </div>
+      {hiddenCount > 0 ? (
+        <Accordion.Root className="activity-accordion">
+          <Accordion.Item value={turn.key}>
+            <Accordion.Header>
+              <Accordion.Trigger
+                className="activity-trigger"
+                aria-label={expandedLabel}
+              >
+                <span>{hiddenCount} earlier steps</span>
+                <IconChevronDown size={15} stroke={1.7} aria-hidden="true" />
+              </Accordion.Trigger>
+            </Accordion.Header>
+            <Accordion.Panel className="activity-panel">
+              <ActivityRows items={hiddenItems} />
+            </Accordion.Panel>
+          </Accordion.Item>
+        </Accordion.Root>
+      ) : null}
+      <ActivityRows items={visibleItems} />
+    </section>
+  );
+}
diff --git a/desktop-next/src/features/sessions/ui/AppShell.tsx b/desktop-next/src/features/sessions/ui/AppShell.tsx
new file mode 100644
index 0000000000..9e84d99003
--- /dev/null
+++ b/desktop-next/src/features/sessions/ui/AppShell.tsx
@@ -0,0 +1,450 @@
+import { IconHash, IconMoon, IconPlus, IconSun } from "@tabler/icons-react";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { useAgentsWorkspace } from "@/features/agents/ui/AgentsWorkspace";
+import { runtime } from "@/shared/runtime/client";
+import { DockWorkspace } from "@/shared/ui/DockWorkspace";
+import {
+  listSessions,
+  rememberSession,
+  updateSession,
+} from "../sessionRegistry";
+import type { Channel, Identity, Message, SessionRecord } from "../types";
+import { NewSessionView } from "./NewSessionView";
+import { SessionView, useAgentTurns } from "./SessionView";
+
+type View =
+  | { type: "empty" }
+  | { type: "channel"; channelId: string }
+  | { type: "new"; originChannelId: string }
+  | { type: "session"; channelId: string };
+
+type Destination = "channels" | "agents";
+
+function ChannelNavigator({
+  channels,
+  sessions,
+  selectedId,
+  onOpen,
+  onOpenSession,
+  onNewSession,
+  query,
+  onQueryChange,
+}: {
+  channels: Channel[];
+  sessions: SessionRecord[];
+  selectedId?: string;
+  onOpen: (channelId: string) => void;
+  onOpenSession: (channelId: string) => void;
+  onNewSession: (channelId: string) => void;
+  query: string;
+  onQueryChange: (query: string) => void;
+}) {
+  const sessionIds = new Set(sessions.map((session) => session.channelId));
+  return (
+    <aside className="workspace-navigator" aria-label="Channels">
+      <header className="panel-heading navigator-heading">
+        <label className="navigator-search">
+          <span className="sr-only">Find a channel or Session</span>
+          <input
+            placeholder="Find a channel or Session"
+            value={query}
+            onChange={(event) => onQueryChange(event.target.value)}
+          />
+        </label>
+      </header>
+      <div className="navigator-list">
+        <p className="navigator-section-label text-body-sm text-tertiary">
+          Channels and Sessions
+        </p>
+        {channels
+          .filter((channel) => !sessionIds.has(channel.id))
+          .filter((channel) => {
+            const normalized = query.trim().toLowerCase();
+            if (!normalized) return true;
+            return (
+              channel.name.toLowerCase().includes(normalized) ||
+              sessions
+                .filter((session) => session.originChannelId === channel.id)
+                .some((session) =>
+                  channels
+                    .find((candidate) => candidate.id === session.channelId)
+                    ?.name.toLowerCase()
+                    .includes(normalized),
+                )
+            );
+          })
+          .map((channel) => {
+            const channelSessions = sessions.filter(
+              (session) => session.originChannelId === channel.id,
+            );
+            return (
+              <section className="channel-cluster" key={channel.id}>
+                <div className="channel-main-row">
+                  <button
+                    type="button"
+                    className="navigator-row"
+                    data-selected={selectedId === channel.id || undefined}
+                    onClick={() => onOpen(channel.id)}
+                  >
+                    <IconHash size={15} stroke={1.6} aria-hidden="true" />
+                    <span>{channel.name}</span>
+                  </button>
+                  <button
+                    type="button"
+                    className="navigator-row-action"
+                    aria-label={`New Session in ${channel.name}`}
+                    onClick={() => onNewSession(channel.id)}
+                  >
+                    <IconPlus size={14} stroke={1.7} aria-hidden="true" />
+                  </button>
+                </div>
+                {channelSessions.length ? (
+                  <div className="session-children">
+                    {channelSessions.map((session) => {
+                      const sessionChannel = channels.find(
+                        (candidate) => candidate.id === session.channelId,
+                      );
+                      if (!sessionChannel) return null;
+                      return (
+                        <button
+                          key={session.channelId}
+                          type="button"
+                          className="session-child-row"
+                          data-selected={
+                            selectedId === session.channelId || undefined
+                          }
+                          onClick={() => onOpenSession(session.channelId)}
+                        >
+                          <span
+                            aria-hidden="true"
+                            className="session-thread-line"
+                          />
+                          <span>{sessionChannel.name}</span>
+                        </button>
+                      );
+                    })}
+                  </div>
+                ) : null}
+              </section>
+            );
+          })}
+      </div>
+    </aside>
+  );
+}
+
+export function AppShell() {
+  const [identity, setIdentity] = useState<Identity | null>(null);
+  const [relay, setRelay] = useState("");
+  const [channels, setChannels] = useState<Channel[]>([]);
+  const [sessions, setSessions] = useState<SessionRecord[]>([]);
+  const [view, setView] = useState<View>({ type: "empty" });
+  const [destination, setDestination] = useState<Destination>("channels");
+  const [pending, setPending] = useState<Message>();
+  const [bootstrapError, setBootstrapError] = useState<string | null>(null);
+  const [dark, setDark] = useState(false);
+  const [startupError, setStartupError] = useState<string | null>(null);
+  const [channelQuery, setChannelQuery] = useState("");
+  const turns = useAgentTurns();
+  const agentsWorkspace = useAgentsWorkspace();
+  const scope = identity ? `${relay}:${identity.pubkey}` : "";
+
+  const refresh = useCallback(async () => {
+    const [nextIdentity, nextRelay, nextChannels, pendingBootstraps] =
+      await Promise.all([
+        runtime.identity(),
+        runtime.relayUrl(),
+        runtime.channels(),
+        runtime.pendingSessionBootstraps(),
+      ]);
+    let effectiveChannels = nextChannels;
+    const failedRecoveries = (
+      await Promise.all(
+        pendingBootstraps.map(async (operation) => {
+          try {
+            await runtime.resumeSessionBootstrap(operation);
+            return null;
+          } catch (error) {
+            return { operation, error };
+          }
+        }),
+      )
+    ).filter((failure) => failure !== null);
+    if (pendingBootstraps.length > failedRecoveries.length) {
+      effectiveChannels = await runtime.channels();
+    }
+    const nextScope = `${nextRelay}:${nextIdentity.pubkey}`;
+    const discoveredLinks = (
+      await Promise.all(
+        effectiveChannels.map((parent) =>
+          runtime
+            .channelSessions(parent.id)
+            .then((links) =>
+              links.map((link) => ({ ...link, parentChannelId: parent.id })),
+            ),
+        ),
+      )
+    ).flat();
+    const discoveredChannels: Channel[] = discoveredLinks.flatMap((link) =>
+      link.channel
+        ? [
+            {
+              id: link.channel.id,
+              name: link.channel.name,
+              channelType: link.channel.channel_type,
+              visibility: link.channel.visibility,
+              description: link.channel.description,
+              memberCount: link.channel.member_count,
+              lastMessageAt: null,
+            },
+          ]
+        : [],
+    );
+    const incompleteChannels: Channel[] = failedRecoveries.map(
+      ({ operation }) => ({
+        id: operation.channel_id,
+        name: "Session needs attention",
+        channelType: "stream",
+        visibility: "private",
+        description: "",
+        memberCount: 1,
+        lastMessageAt: null,
+      }),
+    );
+    setIdentity(nextIdentity);
+    setRelay(nextRelay);
+    setChannels([
+      ...incompleteChannels,
+      ...discoveredChannels,
+      ...effectiveChannels.filter(
+        (channel) =>
+          !incompleteChannels.some(
+            (incomplete) => incomplete.id === channel.id,
+          ) && !discoveredChannels.some((session) => session.id === channel.id),
+      ),
+    ]);
+    for (const link of discoveredLinks) {
+      rememberSession(nextScope, {
+        channelId: link.session_channel_id,
+        originChannelId: link.parentChannelId,
+        createdAt: link.created_at * 1000,
+        updatedAt: link.created_at * 1000,
+      });
+    }
+    for (const { operation } of failedRecoveries) {
+      if (
+        operation.relay_url.includes(new URL(nextRelay).host) &&
+        operation.signer_pubkey === nextIdentity.pubkey
+      ) {
+        rememberSession(nextScope, {
+          channelId: operation.channel_id,
+          originChannelId: operation.parent_channel_id,
+          createdAt: Date.now(),
+          updatedAt: Date.now(),
+          incompleteDraft: operation.content,
+        });
+      }
+    }
+    setSessions(listSessions(nextScope));
+    setStartupError(null);
+  }, []);
+
+  useEffect(() => {
+    void refresh().catch((caught) => {
+      setStartupError(
+        caught instanceof Error ? caught.message : String(caught),
+      );
+    });
+  }, [refresh]);
+
+  useEffect(() => {
+    document.documentElement.classList.toggle("dark", dark);
+  }, [dark]);
+
+  const channelsById = useMemo(
+    () => new Map(channels.map((channel) => [channel.id, channel])),
+    [channels],
+  );
+
+  async function createSession(content: string) {
+    if (view.type !== "new") return;
+    const originChannelId = view.originChannelId;
+    const operationId =
+      pending?.pending === "failed"
+        ? pending.id
+        : `bootstrap-${crypto.randomUUID()}`;
+    const optimistic: Message = {
+      id: operationId,
+      pubkey: identity?.pubkey ?? "",
+      content,
+      createdAt: Math.floor(Date.now() / 1000),
+      kind: 9,
+      tags: [],
+      pending: "creating",
+    };
+    setPending(optimistic);
+    setBootstrapError(null);
+    try {
+      const created = await runtime.createSession(
+        content,
+        originChannelId,
+        operationId,
+      );
+      rememberSession(scope, {
+        channelId: created.id,
+        originChannelId,
+        createdAt: Date.now(),
+        updatedAt: Date.now(),
+      });
+      setChannels((current) => [created, ...current]);
+      setSessions(listSessions(scope));
+      setPending(undefined);
+      setView({ type: "session", channelId: created.id });
+    } catch (caught) {
+      const message = caught instanceof Error ? caught.message : String(caught);
+      setPending({ ...optimistic, pending: "failed", error: message });
+      setBootstrapError(message);
+      throw caught;
+    }
+  }
+
+  function openSession(channelId: string) {
+    updateSession(scope, channelId, { updatedAt: Date.now() });
+    setSessions(listSessions(scope));
+    setView({ type: "session", channelId });
+  }
+
+  if (!identity) {
+    return (
+      <div className="app-loading text-body text-secondary">
+        {startupError ? (
+          <div role="alert">
+            <p>Buzz could not connect.</p>
+            <button type="button" onClick={() => void refresh()}>
+              Try again
+            </button>
+          </div>
+        ) : (
+          "Connecting to Buzz…"
+        )}
+      </div>
+    );
+  }
+
+  const activeId =
+    view.type === "channel" || view.type === "session"
+      ? view.channelId
+      : undefined;
+  const activeChannel = activeId ? channelsById.get(activeId) : undefined;
+  const activeSession =
+    view.type === "session"
+      ? sessions.find((session) => session.channelId === view.channelId)
+      : undefined;
+  const originId =
+    view.type === "new" ? view.originChannelId : activeSession?.originChannelId;
+  const origin = originId ? channelsById.get(originId) : undefined;
+
+  const conversation =
+    destination === "agents" ? (
+      agentsWorkspace.content
+    ) : view.type === "new" ? (
+      <NewSessionView
+        origin={origin}
+        pending={pending}
+        error={bootstrapError}
+        onBack={() =>
+          setView({ type: "channel", channelId: view.originChannelId })
+        }
+        onCreate={createSession}
+      />
+    ) : activeChannel &&
+      (view.type === "channel" || view.type === "session") ? (
+      <SessionView
+        channel={activeChannel}
+        identity={identity}
+        origin={origin}
+        turns={turns}
+        mode={view.type}
+        onStartSession={
+          view.type === "channel"
+            ? () => setView({ type: "new", originChannelId: activeChannel.id })
+            : undefined
+        }
+      />
+    ) : (
+      <main className="empty-workspace-panel">
+        <IconHash size={22} stroke={1.4} aria-hidden="true" />
+        <h1 className="text-heading text-primary">Choose a channel</h1>
+        <p className="text-body text-secondary">
+          Open a conversation or begin a focused Session inside it.
+        </p>
+      </main>
+    );
+
+  return (
+    <div className="workspace-shell">
+      <header className="workspace-topbar">
+        <nav aria-label="Workspace destinations" className="destination-tabs">
+          <button
+            type="button"
+            data-selected={destination === "channels" || undefined}
+            onClick={() => setDestination("channels")}
+          >
+            Channels
+          </button>
+          <button
+            type="button"
+            data-selected={destination === "agents" || undefined}
+            onClick={() => setDestination("agents")}
+          >
+            Agents
+          </button>
+        </nav>
+        <div className="workspace-identity">
+          <span className="text-body-sm text-secondary">
+            {identity.displayName}
+          </span>
+          <button
+            type="button"
+            className="topbar-icon-button"
+            onClick={() => setDark((value) => !value)}
+            aria-label={dark ? "Use light mode" : "Use dark mode"}
+          >
+            {dark ? (
+              <IconSun size={16} aria-hidden="true" />
+            ) : (
+              <IconMoon size={16} aria-hidden="true" />
+            )}
+          </button>
+        </div>
+      </header>
+      <section className="workspace-stage">
+        <DockWorkspace
+          panels={{
+            navigator:
+              destination === "channels" ? (
+                <ChannelNavigator
+                  channels={channels}
+                  sessions={sessions}
+                  selectedId={activeId}
+                  onOpen={(channelId) => {
+                    setDestination("channels");
+                    setView({ type: "channel", channelId });
+                  }}
+                  onOpenSession={openSession}
+                  onNewSession={(originChannelId) =>
+                    setView({ type: "new", originChannelId })
+                  }
+                  query={channelQuery}
+                  onQueryChange={setChannelQuery}
+                />
+              ) : (
+                agentsWorkspace.navigator
+              ),
+            conversation,
+          }}
+        />
+      </section>
+    </div>
+  );
+}
diff --git a/desktop-next/src/features/sessions/ui/NewSessionView.tsx b/desktop-next/src/features/sessions/ui/NewSessionView.tsx
new file mode 100644
index 0000000000..b0619856c8
--- /dev/null
+++ b/desktop-next/src/features/sessions/ui/NewSessionView.tsx
@@ -0,0 +1,87 @@
+import { IconArrowLeft, IconHash, IconLock } from "@tabler/icons-react";
+import type { Channel, Message } from "../types";
+import { SessionComposer } from "./SessionComposer";
+
+export function NewSessionView({
+  origin,
+  pending,
+  error,
+  onBack,
+  onCreate,
+}: {
+  origin?: Channel;
+  pending?: Message;
+  error?: string | null;
+  onBack: () => void;
+  onCreate: (content: string) => Promise<void>;
+}) {
+  return (
+    <main className="session-view new-session">
+      <header className="session-header">
+        <button
+          type="button"
+          className="icon-button"
+          onClick={onBack}
+          aria-label="Back"
+        >
+          <IconArrowLeft size={19} stroke={1.6} aria-hidden="true" />
+        </button>
+        <div className="session-title-block">
+          <h1 className="text-body text-primary">New Session</h1>
+          {origin ? (
+            <span className="origin-label text-body-sm text-secondary">
+              <IconHash size={13} stroke={1.6} aria-hidden="true" />
+              From {origin.name}
+            </span>
+          ) : (
+            <span className="origin-label text-body-sm text-secondary">
+              <IconLock size={13} stroke={1.6} aria-hidden="true" />
+              Only you
+            </span>
+          )}
+        </div>
+      </header>
+      <div className="new-session-center">
+        <div className="new-session-intro">
+          <span className="session-orb" aria-hidden="true" />
+          <h2 className="text-heading text-primary">
+            What are you working on?
+          </h2>
+          <p className="text-body text-secondary">
+            Start with a message. You can bring in people and agents when the
+            work needs them.
+          </p>
+          {origin ? (
+            <p className="text-body-sm text-tertiary">
+              Nothing will be posted to #{origin.name} unless you choose to
+              share it.
+            </p>
+          ) : null}
+        </div>
+        {pending ? (
+          <div className="bootstrap-status" role="status">
+            <span>
+              {pending.pending === "failed"
+                ? "Could not start the Session"
+                : "Creating Session"}
+            </span>
+            <span className="text-body-sm text-tertiary">
+              {pending.content}
+            </span>
+            {error ? (
+              <span className="text-body-sm text-danger">{error}</span>
+            ) : null}
+          </div>
+        ) : null}
+      </div>
+      <div className="composer-dock">
+        <SessionComposer
+          initialValue={pending?.pending === "failed" ? pending.content : ""}
+          disabled={Boolean(pending && pending.pending !== "failed")}
+          onSend={onCreate}
+          placeholder="Start a Session"
+        />
+      </div>
+    </main>
+  );
+}
diff --git a/desktop-next/src/features/sessions/ui/ParticipantDialog.tsx b/desktop-next/src/features/sessions/ui/ParticipantDialog.tsx
new file mode 100644
index 0000000000..05b231e084
--- /dev/null
+++ b/desktop-next/src/features/sessions/ui/ParticipantDialog.tsx
@@ -0,0 +1,157 @@
+import { Dialog } from "@base-ui-components/react/dialog";
+import { IconPlus, IconSearch, IconUsers, IconX } from "@tabler/icons-react";
+import { useRef, useState } from "react";
+import { runtime } from "@/shared/runtime/client";
+import type { Participant } from "../types";
+
+type SearchPerson = {
+  pubkey: string;
+  display_name?: string;
+  is_agent?: boolean;
+};
+
+export function ParticipantDialog({
+  channelId,
+  participants,
+  onChanged,
+}: {
+  channelId: string;
+  participants: Participant[];
+  onChanged: () => Promise<void>;
+}) {
+  const [query, setQuery] = useState("");
+  const [results, setResults] = useState<SearchPerson[]>([]);
+  const [status, setStatus] = useState<string | null>(null);
+  const searchGeneration = useRef(0);
+
+  async function search(value: string) {
+    setQuery(value);
+    const generation = ++searchGeneration.current;
+    if (!value.trim()) {
+      setResults([]);
+      setStatus(null);
+      return;
+    }
+    setStatus("Searching…");
+    try {
+      const people = (await runtime.searchPeople(value)) as SearchPerson[];
+      if (generation !== searchGeneration.current) return;
+      const existing = new Set(
+        participants.map((participant) => participant.pubkey),
+      );
+      const available = people.filter((person) => !existing.has(person.pubkey));
+      setResults(available);
+      setStatus(available.length ? null : "No matching people or agents.");
+    } catch {
+      if (generation === searchGeneration.current) {
+        setResults([]);
+        setStatus("Search failed. Try again.");
+      }
+    }
+  }
+
+  async function add(person: SearchPerson) {
+    setStatus(`Adding ${person.display_name ?? "participant"}…`);
+    try {
+      const outcome = await runtime.addParticipant(
+        channelId,
+        person.pubkey,
+        Boolean(person.is_agent),
+      );
+      if (outcome.errors.length > 0) {
+        setStatus("Could not add this participant. Try again.");
+        return;
+      }
+      setStatus(`${person.display_name ?? "Participant"} joined`);
+      setResults((current) =>
+        current.filter((candidate) => candidate.pubkey !== person.pubkey),
+      );
+      await onChanged();
+    } catch {
+      setStatus("Could not add this participant. Try again.");
+    }
+  }
+
+  return (
+    <Dialog.Root>
+      <Dialog.Trigger className="participant-trigger">
+        <IconUsers size={16} stroke={1.6} aria-hidden="true" />
+        <span>
+          {participants.length <= 1
+            ? "Only you"
+            : `${participants.length} participants`}
+        </span>
+      </Dialog.Trigger>
+      <Dialog.Portal>
+        <Dialog.Backdrop className="dialog-backdrop" />
+        <Dialog.Popup className="dialog-popup">
+          <header className="dialog-heading">
+            <div>
+              <Dialog.Title className="text-heading text-primary">
+                People and agents
+              </Dialog.Title>
+              <Dialog.Description className="mt-1 text-body-sm text-secondary">
+                New participants can read the existing Session history.
+              </Dialog.Description>
+            </div>
+            <Dialog.Close
+              className="icon-button"
+              aria-label="Close participant dialog"
+            >
+              <IconX size={18} stroke={1.6} aria-hidden="true" />
+            </Dialog.Close>
+          </header>
+          <div className="participant-list">
+            {participants.map((participant) => (
+              <div className="participant-row" key={participant.pubkey}>
+                <span className="participant-avatar" aria-hidden="true">
+                  {(participant.displayName ?? "?").slice(0, 1)}
+                </span>
+                <span className="min-w-0 flex-1">
+                  <span className="block truncate text-body text-primary">
+                    {participant.displayName ?? "Unknown participant"}
+                  </span>
+                  <span className="block text-body-sm text-tertiary">
+                    {participant.isAgent ? "Agent" : participant.role}
+                  </span>
+                </span>
+              </div>
+            ))}
+          </div>
+          <label className="participant-search">
+            <IconSearch size={17} stroke={1.6} aria-hidden="true" />
+            <span className="sr-only">Find a person or agent</span>
+            <input
+              value={query}
+              onChange={(event) => void search(event.target.value)}
+              placeholder="Find a person or agent"
+            />
+          </label>
+          {results.length > 0 ? (
+            <fieldset className="search-results">
+              <legend className="sr-only">Search results</legend>
+              {results.map((person) => (
+                <button
+                  type="button"
+                  key={person.pubkey}
+                  onClick={() => void add(person)}
+                >
+                  <span>{person.display_name ?? "Unknown identity"}</span>
+                  <span className="text-body-sm text-tertiary">
+                    {person.is_agent ? "Agent" : "Person"}
+                  </span>
+                  <IconPlus size={16} stroke={1.6} aria-hidden="true" />
+                </button>
+              ))}
+            </fieldset>
+          ) : null}
+          {status ? (
+            <p className="text-body-sm text-secondary" role="status">
+              {status}
+            </p>
+          ) : null}
+        </Dialog.Popup>
+      </Dialog.Portal>
+    </Dialog.Root>
+  );
+}
diff --git a/desktop-next/src/features/sessions/ui/SessionComposer.tsx b/desktop-next/src/features/sessions/ui/SessionComposer.tsx
new file mode 100644
index 0000000000..9bc90bcd17
--- /dev/null
+++ b/desktop-next/src/features/sessions/ui/SessionComposer.tsx
@@ -0,0 +1,67 @@
+import { IconArrowUp } from "@tabler/icons-react";
+import { type FormEvent, useEffect, useRef, useState } from "react";
+
+export function SessionComposer({
+  disabled,
+  initialValue = "",
+  onSend,
+  placeholder = "Message the session",
+}: {
+  disabled?: boolean;
+  initialValue?: string;
+  onSend: (content: string) => Promise<void>;
+  placeholder?: string;
+}) {
+  const [value, setValue] = useState(initialValue);
+  const [sending, setSending] = useState(false);
+  const textarea = useRef<HTMLTextAreaElement>(null);
+
+  useEffect(() => {
+    textarea.current?.focus();
+  }, []);
+
+  async function submit(event: FormEvent) {
+    event.preventDefault();
+    const content = value.trim();
+    if (!content || sending || disabled) return;
+    setSending(true);
+    try {
+      await onSend(content);
+      setValue("");
+    } finally {
+      setSending(false);
+      textarea.current?.focus();
+    }
+  }
+
+  return (
+    <form className="session-composer" onSubmit={submit}>
+      <textarea
+        ref={textarea}
+        value={value}
+        rows={1}
+        aria-label={placeholder}
+        placeholder={placeholder}
+        onChange={(event) => setValue(event.target.value)}
+        onKeyDown={(event) => {
+          if (
+            event.key === "Enter" &&
+            !event.shiftKey &&
+            !event.nativeEvent.isComposing
+          ) {
+            event.preventDefault();
+            event.currentTarget.form?.requestSubmit();
+          }
+        }}
+      />
+      <button
+        type="submit"
+        className="send-button"
+        aria-label={sending ? "Sending message" : "Send message"}
+        disabled={!value.trim() || sending || disabled}
+      >
+        <IconArrowUp size={18} stroke={1.8} aria-hidden="true" />
+      </button>
+    </form>
+  );
+}
diff --git a/desktop-next/src/features/sessions/ui/SessionView.tsx b/desktop-next/src/features/sessions/ui/SessionView.tsx
new file mode 100644
index 0000000000..3b4c0968fd
--- /dev/null
+++ b/desktop-next/src/features/sessions/ui/SessionView.tsx
@@ -0,0 +1,316 @@
+import { IconAlertCircle, IconHash, IconRefresh } from "@tabler/icons-react";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { runtime } from "@/shared/runtime/client";
+import { reduceActivity } from "../activityProjection";
+import type {
+  AgentTurn,
+  Channel,
+  Identity,
+  Message,
+  ObserverEvent,
+  Participant,
+} from "../types";
+import { AgentActivity } from "./AgentActivity";
+import { ParticipantDialog } from "./ParticipantDialog";
+import { SessionComposer } from "./SessionComposer";
+
+function displayName(
+  pubkey: string,
+  participants: Participant[],
+  identity: Identity,
+) {
+  if (pubkey === identity.pubkey) return identity.displayName;
+  return (
+    participants.find((participant) => participant.pubkey === pubkey)
+      ?.displayName ?? "Unknown"
+  );
+}
+
+function MessageRow({
+  message,
+  participants,
+  identity,
+}: {
+  message: Message;
+  participants: Participant[];
+  identity: Identity;
+}) {
+  const name = displayName(message.pubkey, participants, identity);
+  const isSelf = message.pubkey === identity.pubkey;
+  const isAgent = participants.some(
+    (participant) =>
+      participant.pubkey === message.pubkey && participant.isAgent,
+  );
+  return (
+    <article className="message-row" data-self={isSelf || undefined}>
+      <div
+        className="message-avatar"
+        data-agent={isAgent || undefined}
+        aria-hidden="true"
+      >
+        {name.slice(0, 1)}
+      </div>
+      <div className="min-w-0 flex-1">
+        <header className="message-meta">
+          <span className="text-body text-primary">{name}</span>
+          {isAgent ? <span className="agent-label">Agent</span> : null}
+          <time className="text-body-sm text-tertiary">
+            {new Date(message.createdAt * 1000).toLocaleTimeString([], {
+              hour: "numeric",
+              minute: "2-digit",
+            })}
+          </time>
+        </header>
+        <p className="message-content text-body text-primary">
+          {message.content}
+        </p>
+        {message.pending ? (
+          <p className="mt-1 text-body-sm text-tertiary" role="status">
+            {message.pending === "creating"
+              ? "Creating Session"
+              : message.pending === "waiting"
+                ? "Waiting for connection"
+                : message.pending === "failed"
+                  ? (message.error ?? "Not sent")
+                  : "Sending"}
+          </p>
+        ) : null}
+      </div>
+    </article>
+  );
+}
+
+export function SessionView({
+  channel,
+  identity,
+  origin,
+  turns,
+  mode,
+  onStartSession,
+}: {
+  channel: Channel;
+  identity: Identity;
+  origin?: Channel;
+  turns: AgentTurn[];
+  mode: "channel" | "session";
+  onStartSession?: () => void;
+}) {
+  const [messages, setMessages] = useState<Message[]>([]);
+  const [participants, setParticipants] = useState<Participant[]>([]);
+  const [error, setError] = useState<string | null>(null);
+  const [loading, setLoading] = useState(true);
+
+  const refreshParticipants = useCallback(async () => {
+    setParticipants(await runtime.participants(channel.id));
+  }, [channel.id]);
+
+  const refresh = useCallback(async () => {
+    setLoading(true);
+    try {
+      const [nextMessages] = await Promise.all([
+        runtime.messages(channel.id),
+        refreshParticipants(),
+      ]);
+      setMessages((current) => {
+        const merged = new Map(current.map((item) => [item.id, item]));
+        for (const item of nextMessages) merged.set(item.id, item);
+        return [...merged.values()].sort(
+          (left, right) => left.createdAt - right.createdAt,
+        );
+      });
+      setError(null);
+    } catch (caught) {
+      setError(caught instanceof Error ? caught.message : String(caught));
+    } finally {
+      setLoading(false);
+    }
+  }, [channel.id, refreshParticipants]);
+
+  useEffect(() => {
+    let stop: undefined | (() => void);
+    let disposed = false;
+    void refresh();
+    void runtime
+      .subscribeMessages(channel.id, (incoming) => {
+        setMessages((current) => {
+          if (current.some((item) => item.id === incoming.id)) return current;
+          return [...current, incoming].sort(
+            (left, right) => left.createdAt - right.createdAt,
+          );
+        });
+      })
+      .then((cleanup) => {
+        if (disposed) cleanup();
+        else stop = cleanup;
+      })
+      .catch((caught) => {
+        if (!disposed) {
+          setError(
+            caught instanceof Error
+              ? `Live updates unavailable: ${caught.message}`
+              : "Live updates unavailable.",
+          );
+        }
+      });
+    const timer = window.setInterval(() => void refresh(), 30_000);
+    return () => {
+      disposed = true;
+      stop?.();
+      window.clearInterval(timer);
+    };
+  }, [channel.id, refresh]);
+
+  async function send(content: string) {
+    const pendingId = `pending-${crypto.randomUUID()}`;
+    const pending: Message = {
+      id: pendingId,
+      pubkey: identity.pubkey,
+      content,
+      createdAt: Math.floor(Date.now() / 1000),
+      kind: 9,
+      tags: [["h", channel.id]],
+      pending: navigator.onLine ? "sending" : "waiting",
+    };
+    setMessages((current) => [...current, pending]);
+    try {
+      const accepted = await runtime.sendMessage(channel.id, content);
+      setMessages((current) =>
+        current.map((item) => (item.id === pendingId ? accepted : item)),
+      );
+    } catch (caught) {
+      setMessages((current) =>
+        current.map((item) =>
+          item.id === pendingId
+            ? {
+                ...item,
+                pending: "failed",
+                error:
+                  caught instanceof Error ? caught.message : String(caught),
+              }
+            : item,
+        ),
+      );
+      throw caught;
+    }
+  }
+
+  const timeline = useMemo(() => {
+    const channelTurns = turns.filter((turn) =>
+      turn.key.startsWith(`${channel.id}:`),
+    );
+    const items: (
+      | { key: string; timestamp: number; type: "message"; message: Message }
+      | { key: string; timestamp: number; type: "turn"; turn: AgentTurn }
+    )[] = [
+      ...messages.map((message) => ({
+        key: `message:${message.id}`,
+        timestamp: message.createdAt * 1000,
+        type: "message" as const,
+        message,
+      })),
+      ...channelTurns.map((turn) => ({
+        key: `turn:${turn.key}`,
+        timestamp: Date.parse(turn.items[0]?.timestamp ?? "") || Date.now(),
+        type: "turn" as const,
+        turn,
+      })),
+    ];
+    return items.sort((left, right) => left.timestamp - right.timestamp);
+  }, [channel.id, messages, turns]);
+
+  return (
+    <main className="session-view">
+      <header className="session-header">
+        <div className="session-title-block">
+          <div className="flex items-center gap-2">
+            <h1 className="text-heading text-primary">
+              {mode === "channel" ? `#${channel.name}` : channel.name}
+            </h1>
+            {mode === "session" ? (
+              <span className="device-label">On this device</span>
+            ) : null}
+          </div>
+          {origin ? (
+            <span className="origin-label text-body-sm text-secondary">
+              <IconHash size={13} stroke={1.6} aria-hidden="true" />
+              From {origin.name}
+            </span>
+          ) : (
+            <span className="text-body-sm text-tertiary">
+              {mode === "channel"
+                ? channel.description || "Channel"
+                : "Private Session"}
+            </span>
+          )}
+        </div>
+        <div className="session-header-actions">
+          <ParticipantDialog
+            channelId={channel.id}
+            participants={participants}
+            onChanged={refreshParticipants}
+          />
+          {mode === "channel" && onStartSession ? (
+            <button
+              type="button"
+              className="quiet-button"
+              onClick={onStartSession}
+            >
+              Start Session
+            </button>
+          ) : null}
+        </div>
+      </header>
+      <div className="session-scroll">
+        <div className="conversation-column">
+          {loading && messages.length === 0 ? (
+            <p className="state-note text-body text-secondary">
+              Loading conversation…
+            </p>
+          ) : null}
+          {error ? (
+            <div className="error-state" role="alert">
+              <IconAlertCircle size={18} stroke={1.6} aria-hidden="true" />
+              <span>{error}</span>
+              <button type="button" onClick={() => void refresh()}>
+                <IconRefresh size={15} stroke={1.6} aria-hidden="true" /> Retry
+              </button>
+            </div>
+          ) : null}
+          {timeline.map((item) =>
+            item.type === "message" ? (
+              <MessageRow
+                key={item.key}
+                message={item.message}
+                participants={participants}
+                identity={identity}
+              />
+            ) : (
+              <AgentActivity key={item.key} turn={item.turn} />
+            ),
+          )}
+        </div>
+      </div>
+      <div className="composer-dock">
+        <SessionComposer onSend={send} />
+      </div>
+    </main>
+  );
+}
+
+export function useAgentTurns() {
+  const [projection, setProjection] = useState<Map<string, AgentTurn>>(
+    new Map(),
+  );
+  useEffect(() => {
+    let stop: undefined | (() => void);
+    void runtime
+      .observe((event: ObserverEvent) => {
+        setProjection((current) => reduceActivity(current, event));
+      })
+      .then((cleanup) => {
+        stop = cleanup;
+      });
+    return () => stop?.();
+  }, []);
+  return [...projection.values()];
+}
diff --git a/desktop-next/src/main.tsx b/desktop-next/src/main.tsx
index 62d89b66cb..2dcde7b108 100644
--- a/desktop-next/src/main.tsx
+++ b/desktop-next/src/main.tsx
@@ -2,6 +2,8 @@ import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
 import { RouterProvider, createRouter } from "@tanstack/react-router";
 
+import "@fontsource-variable/inter/wght.css";
+import "@fontsource/jetbrains-mono/400.css";
 import "./shared/styles/globals.css";
 import { routeTree } from "./app/routeTree.gen";
 
diff --git a/desktop-next/src/shared/runtime/client.ts b/desktop-next/src/shared/runtime/client.ts
new file mode 100644
index 0000000000..252fe9f68d
--- /dev/null
+++ b/desktop-next/src/shared/runtime/client.ts
@@ -0,0 +1,549 @@
+import { Channel, invoke, isTauri } from "@tauri-apps/api/core";
+import { projectChannelWindow } from "@/features/sessions/channelWindowProjection";
+import type {
+  Channel as BuzzChannel,
+  Identity,
+  Message,
+  ObserverEvent,
+  Participant,
+} from "@/features/sessions/types";
+
+type RawIdentity = { pubkey: string; display_name: string };
+type RawChannel = {
+  id: string;
+  name: string;
+  channel_type: string;
+  visibility: string;
+  description: string;
+  member_count: number;
+  last_message_at?: string | null;
+};
+type RawChannels = { hash: string; channels: RawChannel[] | null };
+type RawMember = {
+  pubkey: string;
+  role: string;
+  is_agent: boolean;
+  display_name?: string | null;
+};
+type RawEvent = {
+  id: string;
+  pubkey: string;
+  content: string;
+  created_at: number;
+  kind: number;
+  tags: string[][];
+};
+
+const LIVE_MESSAGE_KINDS = [9, 40002, 40008];
+
+type MockState = {
+  identity: Identity;
+  channels: BuzzChannel[];
+  messages: Record<string, Message[]>;
+  participants: Record<string, Participant[]>;
+};
+
+const mockState: MockState = {
+  identity: { pubkey: "morgan-pubkey", displayName: "Morgan" },
+  channels: [
+    {
+      id: "design",
+      name: "design",
+      channelType: "stream",
+      visibility: "private",
+      description: "Interface direction and product design",
+      memberCount: 4,
+      lastMessageAt: new Date().toISOString(),
+    },
+    {
+      id: "buzz-interface",
+      name: "buzz-interface",
+      channelType: "stream",
+      visibility: "private",
+      description: "The team building Buzz together",
+      memberCount: 7,
+      lastMessageAt: new Date(Date.now() - 86_400_000).toISOString(),
+    },
+  ],
+  messages: {
+    design: [
+      {
+        id: "message-1",
+        pubkey: "cynthia-pubkey",
+        content: "The session should begin as simply as a thought: just type.",
+        createdAt: Math.floor(Date.now() / 1000) - 360,
+        kind: 9,
+        tags: [["h", "design"]],
+      },
+    ],
+  },
+  participants: {
+    design: [
+      {
+        pubkey: "morgan-pubkey",
+        role: "owner",
+        isAgent: false,
+        displayName: "Morgan",
+      },
+      {
+        pubkey: "cynthia-pubkey",
+        role: "member",
+        isAgent: false,
+        displayName: "Cynthia",
+      },
+      {
+        pubkey: "vogue-agent",
+        role: "bot",
+        isAgent: true,
+        displayName: "Vogue",
+      },
+    ],
+  },
+};
+
+const useMock = !isTauri() || new URLSearchParams(location.search).has("mock");
+
+function relayFrames(delivery: unknown): unknown[] {
+  const envelopes = Array.isArray(delivery) ? delivery : [delivery];
+  return envelopes.flatMap((envelope) => {
+    if (
+      typeof envelope === "object" &&
+      envelope !== null &&
+      "type" in envelope &&
+      envelope.type === "Text" &&
+      "data" in envelope &&
+      typeof envelope.data === "string"
+    ) {
+      try {
+        return [JSON.parse(envelope.data)];
+      } catch {
+        return [];
+      }
+    }
+    return [];
+  });
+}
+
+async function subscribeRelay(
+  filter: Record<string, unknown>,
+  onEvent: (event: RawEvent) => void,
+): Promise<() => void> {
+  const relayUrl = await invoke<string>("get_relay_ws_url");
+  const subscriptionId = `desktop-next-${crypto.randomUUID()}`;
+  let connectionId: number | null = null;
+  let subscribed = false;
+  const send = async (frame: unknown[]) => {
+    if (connectionId === null) return;
+    await invoke("plugin:websocket|send", {
+      id: connectionId,
+      message: { type: "Text", data: JSON.stringify(frame) },
+    });
+  };
+  const inbound = new Channel<unknown>((delivery) => {
+    for (const frame of relayFrames(delivery)) {
+      if (!Array.isArray(frame)) continue;
+      if (frame[0] === "AUTH" && typeof frame[1] === "string") {
+        void invoke<string>("create_auth_event", {
+          challenge: frame[1],
+          relayUrl,
+        }).then((eventJson) => send(["AUTH", JSON.parse(eventJson)]));
+        continue;
+      }
+      if (frame[0] === "OK" && frame[2] === true && !subscribed) {
+        subscribed = true;
+        void send(["REQ", subscriptionId, filter]);
+        continue;
+      }
+      if (frame[0] === "EVENT" && frame[1] === subscriptionId && frame[2]) {
+        onEvent(frame[2] as RawEvent);
+      }
+    }
+  });
+  connectionId = await invoke<number>("plugin:websocket|connect", {
+    url: relayUrl,
+    onMessage: inbound,
+    config: {},
+  });
+  return () => {
+    if (connectionId === null) return;
+    void send(["CLOSE", subscriptionId]).finally(() =>
+      invoke("plugin:websocket|disconnect", { id: connectionId }),
+    );
+  };
+}
+
+function channel(raw: RawChannel): BuzzChannel {
+  return {
+    id: raw.id,
+    name: raw.name,
+    channelType: raw.channel_type,
+    visibility: raw.visibility,
+    description: raw.description,
+    memberCount: raw.member_count,
+    lastMessageAt: raw.last_message_at,
+  };
+}
+
+function message(raw: RawEvent): Message {
+  return {
+    id: raw.id,
+    pubkey: raw.pubkey,
+    content: raw.content,
+    createdAt: raw.created_at,
+    kind: raw.kind,
+    tags: raw.tags,
+  };
+}
+
+export const runtime = {
+  async identity(): Promise<Identity> {
+    if (useMock) return mockState.identity;
+    const raw = await invoke<RawIdentity>("get_identity");
+    return { pubkey: raw.pubkey, displayName: raw.display_name };
+  },
+
+  async relayUrl(): Promise<string> {
+    if (useMock) return "mock://buzz-community";
+    return invoke<string>("get_relay_ws_url");
+  },
+
+  async pendingSessionBootstraps() {
+    if (useMock) return [];
+    return invoke<
+      {
+        operation_id: string;
+        relay_url: string;
+        signer_pubkey: string;
+        channel_id: string;
+        parent_channel_id: string;
+        content: string;
+      }[]
+    >("list_pending_session_bootstraps");
+  },
+
+  async channelSessions(parentChannelId: string) {
+    if (useMock) return [];
+    return invoke<
+      {
+        parent_channel_id: string;
+        session_channel_id: string;
+        creator_pubkey: string;
+        created_at: number;
+        channel: {
+          id: string;
+          name: string;
+          channel_type: string;
+          visibility: string;
+          description: string;
+          member_count: number;
+        } | null;
+      }[]
+    >("list_channel_sessions", { parentChannelId });
+  },
+
+  async resumeSessionBootstrap(operation: {
+    operation_id: string;
+    content: string;
+    parent_channel_id: string;
+  }): Promise<void> {
+    if (useMock) return;
+    const [relay, identity] = await Promise.all([
+      this.relayUrl(),
+      this.identity(),
+    ]);
+    await invoke("bootstrap_session", {
+      operationId: operation.operation_id,
+      content: operation.content,
+      parentChannelId: operation.parent_channel_id,
+      expectedRelayUrl: relay,
+      expectedSignerPubkey: identity.pubkey,
+    });
+  },
+
+  async channels(): Promise<BuzzChannel[]> {
+    if (useMock) return [...mockState.channels];
+    const raw = await invoke<RawChannels>("get_channels", { knownHash: null });
+    return (raw.channels ?? []).map(channel);
+  },
+
+  async messages(channelId: string): Promise<Message[]> {
+    if (useMock) return [...(mockState.messages[channelId] ?? [])];
+    const events = await invoke<RawEvent[]>("get_channel_window", {
+      channelId,
+      limitRows: 80,
+      cursor: null,
+    });
+    return projectChannelWindow(events).messages;
+  },
+
+  async participants(channelId: string): Promise<Participant[]> {
+    if (useMock) return [...(mockState.participants[channelId] ?? [])];
+    const response = await invoke<{ members: RawMember[] }>(
+      "get_channel_members",
+      {
+        channelId,
+      },
+    );
+    return response.members.map((member) => ({
+      pubkey: member.pubkey,
+      role: member.role,
+      isAgent: member.is_agent,
+      displayName: member.display_name,
+    }));
+  },
+
+  async createSession(
+    firstMessage: string,
+    parentChannelId: string,
+    operationId: string = crypto.randomUUID(),
+  ): Promise<BuzzChannel> {
+    if (useMock) {
+      const id = crypto.randomUUID();
+      const created: BuzzChannel = {
+        id,
+        name: firstMessage.trim().slice(0, 56) || "New session",
+        channelType: "stream",
+        visibility: "private",
+        description: "",
+        memberCount: 1,
+        lastMessageAt: new Date().toISOString(),
+      };
+      mockState.channels.unshift(created);
+      mockState.messages[id] = [];
+      mockState.participants[id] = [
+        { ...mockState.identity, role: "owner", isAgent: false },
+      ];
+      await this.sendMessage(id, firstMessage);
+      return created;
+    }
+    const identity = await this.identity();
+    const relay = await invoke<string>("get_relay_http_url");
+    const created = await invoke<{
+      channel_id: string;
+      created_at: number;
+    }>("bootstrap_session", {
+      operationId,
+      content: firstMessage,
+      parentChannelId,
+      expectedRelayUrl: relay,
+      expectedSignerPubkey: identity.pubkey,
+    });
+    return {
+      id: created.channel_id,
+      name: firstMessage.trim().slice(0, 56) || "New session",
+      channelType: "stream",
+      visibility: "private",
+      description: "",
+      memberCount: 1,
+      lastMessageAt: new Date(created.created_at * 1000).toISOString(),
+    };
+  },
+
+  async sendMessage(channelId: string, content: string): Promise<Message> {
+    if (useMock) {
+      const created: Message = {
+        id: crypto.randomUUID(),
+        pubkey: mockState.identity.pubkey,
+        content,
+        createdAt: Math.floor(Date.now() / 1000),
+        kind: 9,
+        tags: [["h", channelId]],
+      };
+      mockState.messages[channelId] = [
+        ...(mockState.messages[channelId] ?? []),
+        created,
+      ];
+      return created;
+    }
+    const identity = await this.identity();
+    const relay = await invoke<string>("get_relay_http_url");
+    const response = await invoke<{ event_id: string; created_at: number }>(
+      "send_channel_message",
+      {
+        channelId,
+        content,
+        parentEventId: null,
+        rootEventId: null,
+        mediaTags: null,
+        emojiTags: null,
+        mentionTags: null,
+        linkPreviewTags: null,
+        sentFromThreadTag: null,
+        mentionPubkeys: null,
+        kind: 9,
+        expectedRelayUrl: relay,
+        expectedSignerPubkey: identity.pubkey,
+      },
+    );
+    return {
+      id: response.event_id,
+      pubkey: identity.pubkey,
+      content,
+      createdAt: response.created_at,
+      kind: 9,
+      tags: [["h", channelId]],
+    };
+  },
+
+  async subscribeMessages(
+    channelId: string,
+    onMessage: (message: Message) => void,
+  ) {
+    if (useMock) return () => undefined;
+    return subscribeRelay(
+      {
+        kinds: LIVE_MESSAGE_KINDS,
+        "#h": [channelId],
+        since: Math.floor(Date.now() / 1000),
+      },
+      (event) => onMessage(message(event)),
+    );
+  },
+
+  async searchPeople(query: string) {
+    if (useMock) {
+      return [
+        { pubkey: "vogue-agent", display_name: "Vogue", is_agent: true },
+        { pubkey: "cynthia-pubkey", display_name: "Cynthia", is_agent: false },
+      ].filter((person) =>
+        person.display_name.toLowerCase().includes(query.toLowerCase()),
+      );
+    }
+    const [result, managedAgents] = await Promise.all([
+      invoke<{ users: Record<string, unknown>[] }>("search_users", {
+        query,
+        limit: 8,
+        cursor: null,
+      }),
+      invoke<{ pubkey: string; name: string }[]>("list_managed_agents"),
+    ]);
+    const normalized = query.trim().toLowerCase();
+    const agents = managedAgents
+      .filter((agent) => agent.name.toLowerCase().includes(normalized))
+      .map((agent) => ({
+        pubkey: agent.pubkey,
+        display_name: agent.name,
+        is_agent: true,
+      }));
+    const people = result.users as {
+      pubkey: string;
+      display_name?: string;
+      is_agent?: boolean;
+    }[];
+    return [
+      ...new Map(
+        [...agents, ...people].map((person) => [person.pubkey, person]),
+      ).values(),
+    ];
+  },
+
+  async addParticipant(channelId: string, pubkey: string, isAgent: boolean) {
+    if (useMock) return { added: [pubkey], errors: [] };
+    const identity = await this.identity();
+    const managedAgents = isAgent
+      ? await invoke<{ pubkey: string; status: string }[]>(
+          "list_managed_agents",
+        )
+      : [];
+    const managedAgent = managedAgents.find(
+      (candidate) => candidate.pubkey === pubkey,
+    );
+    const replayFloorUnix = Math.floor(Date.now() / 1000);
+    const relay = await invoke<string>("get_relay_http_url");
+    const outcome = await invoke<{ added: string[]; errors: unknown[] }>(
+      "add_channel_members",
+      {
+        channelId,
+        pubkeys: [pubkey],
+        role: isAgent ? "bot" : "member",
+        expectedRelayUrl: relay,
+        expectedSignerPubkey: identity.pubkey,
+      },
+    );
+    if (
+      managedAgent &&
+      managedAgent.status !== "running" &&
+      managedAgent.status !== "deployed" &&
+      outcome.errors.length === 0
+    ) {
+      await invoke("start_managed_agent", {
+        pubkey,
+        expectedRelayUrl: await invoke<string>("get_relay_ws_url"),
+        expectedSignerPubkey: identity.pubkey,
+        replayFloorUnix,
+      });
+    }
+    return outcome;
+  },
+
+  async observe(onEvent: (event: ObserverEvent) => void) {
+    if (useMock) {
+      const events: ObserverEvent[] = [
+        {
+          seq: 1,
+          timestamp: new Date().toISOString(),
+          kind: "turn_started",
+          channelId: "design",
+          sessionId: "vogue-session",
+          turnId: "turn-1",
+          agentPubkey: "vogue-agent",
+          payload: {
+            agentName: "Vogue",
+            title: "Reviewing the Session flow",
+            status: "running",
+          },
+        },
+        ...[
+          "Read the interaction plan",
+          "Checked participant states",
+          "Refined the conversation hierarchy",
+          "Validated narrow layout",
+        ].map((title, index) => ({
+          seq: index + 2,
+          timestamp: new Date(Date.now() + index).toISOString(),
+          kind: "tool_call_completed",
+          channelId: "design",
+          sessionId: "vogue-session",
+          turnId: "turn-1",
+          agentPubkey: "vogue-agent",
+          payload: {
+            agentName: "Vogue",
+            title,
+            toolCallId: `tool-${index}`,
+            status: "completed",
+          },
+        })),
+      ];
+      const timer = window.setTimeout(() => events.forEach(onEvent), 120);
+      return () => window.clearTimeout(timer);
+    }
+    const identity = await this.identity();
+    return subscribeRelay(
+      {
+        kinds: [24200],
+        "#p": [identity.pubkey],
+        since: Math.floor(Date.now() / 1000),
+      },
+      async (signedEvent) => {
+        try {
+          const decrypted = await invoke<ObserverEvent>(
+            "decrypt_observer_event",
+            {
+              eventJson: JSON.stringify(signedEvent),
+            },
+          );
+          const nested =
+            decrypted.kind === "batch" &&
+            Array.isArray(decrypted.payload.events)
+              ? (decrypted.payload.events as ObserverEvent[])
+              : [decrypted];
+          for (const event of nested) {
+            onEvent({ ...event, agentPubkey: signedEvent.pubkey });
+          }
+        } catch {
+          // Invalid, forged, or non-owner observer events are ignored.
+        }
+      },
+    );
+  },
+};
diff --git a/desktop-next/src/shared/styles/agents.css b/desktop-next/src/shared/styles/agents.css
new file mode 100644
index 0000000000..1c4bc0f45e
--- /dev/null
+++ b/desktop-next/src/shared/styles/agents.css
@@ -0,0 +1,157 @@
+@layer components {
+  .panel-heading-between,
+  .agent-profile-header {
+    justify-content: space-between;
+  }
+
+  .navigator-row-action.always-visible {
+    opacity: 1;
+  }
+
+  .agent-navigator-row {
+    display: grid;
+    width: 100%;
+    min-width: 0;
+    grid-template-columns: auto minmax(0, 1fr) auto;
+    align-items: center;
+    gap: 0.625rem;
+    border: 0;
+    border-radius: 0.75rem;
+    padding: 0.625rem;
+    background: transparent;
+    color: inherit;
+    font: inherit;
+    text-align: left;
+    cursor: pointer;
+  }
+
+  .agent-navigator-row:hover,
+  .agent-navigator-row[data-selected] {
+    background: var(--bg-inset);
+  }
+
+  .agent-avatar,
+  .agent-profile-avatar {
+    display: grid;
+    place-items: center;
+    border-radius: 50%;
+    background: var(--bg-accent-tint);
+    color: var(--text-accent);
+  }
+
+  .agent-avatar {
+    width: 2rem;
+    height: 2rem;
+  }
+
+  .agent-profile-avatar {
+    width: 3.25rem;
+    height: 3.25rem;
+  }
+
+  .agent-row-copy {
+    display: flex;
+    min-width: 0;
+    flex-direction: column;
+  }
+
+  .agent-row-copy > span {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .agent-presence {
+    width: 0.5rem;
+    height: 0.5rem;
+    border-radius: 50%;
+    background: var(--text-disabled);
+  }
+
+  .agent-presence[data-running] {
+    background: var(--bg-success);
+  }
+
+  .agent-main-panel {
+    height: 100%;
+    overflow-y: auto;
+    background: var(--bg-panel-glass);
+  }
+
+  .agent-profile-header {
+    display: grid;
+    min-height: 6.5rem;
+    grid-template-columns: auto minmax(0, 1fr) auto;
+    align-items: center;
+    gap: 1rem;
+    padding: 1.25rem 1.5rem;
+    border-bottom: 1px solid var(--border-tertiary);
+  }
+
+  .agent-profile-title {
+    min-width: 0;
+  }
+
+  .agent-lifecycle-action {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.4rem;
+  }
+
+  .agent-profile-body,
+  .agent-form {
+    display: flex;
+    width: min(100%, 42rem);
+    flex-direction: column;
+    gap: 1.5rem;
+    padding: 2rem 1.5rem;
+  }
+
+  .agent-profile-body section {
+    display: flex;
+    flex-direction: column;
+    gap: 0.375rem;
+  }
+
+  .agent-runtime-summary {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 1rem;
+    border-radius: 1rem;
+    padding: 1rem;
+    background: var(--bg-inset);
+  }
+
+  .field-stack {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+  }
+
+  .field-stack input,
+  .field-stack textarea,
+  .field-stack select {
+    width: 100%;
+    border: 1px solid var(--border-secondary);
+    border-radius: 0.75rem;
+    padding: 0.75rem;
+    background: var(--bg-panel);
+    color: var(--text-primary);
+    font: inherit;
+  }
+
+  .field-stack textarea {
+    min-height: 9rem;
+    resize: vertical;
+  }
+
+  .setup-callout {
+    border-radius: 0.875rem;
+    padding: 0.875rem 1rem;
+    background: var(--bg-inset);
+  }
+
+  .agent-create-action {
+    align-self: flex-start;
+  }
+}
diff --git a/desktop-next/src/shared/styles/globals.css b/desktop-next/src/shared/styles/globals.css
index ee3c46406c..fb730132bf 100644
--- a/desktop-next/src/shared/styles/globals.css
+++ b/desktop-next/src/shared/styles/globals.css
@@ -1,8 +1,8 @@
 @import "tailwindcss";
-@import "@fontsource-variable/inter";
-@import "@fontsource/jetbrains-mono";
 @import "./tokens.css";
 @import "./typography.css";
+@import "./product.css";
+@import "./agents.css";
 
 @layer base {
   body {
diff --git a/desktop-next/src/shared/styles/product.css b/desktop-next/src/shared/styles/product.css
new file mode 100644
index 0000000000..279ab1851e
--- /dev/null
+++ b/desktop-next/src/shared/styles/product.css
@@ -0,0 +1,501 @@
+@layer components {
+  .app-loading {
+    display: grid;
+    min-height: 100svh;
+    place-items: center;
+    background: var(--bg-app);
+  }
+
+  .workspace-shell {
+    min-height: 100svh;
+    overflow: hidden;
+    background: var(--bg-app);
+  }
+
+  .workspace-shell::before {
+    position: fixed;
+    inset: 0;
+    background-image: radial-gradient(
+      var(--texture-dots-color) 1px,
+      transparent 1.2px
+    );
+    background-size: var(--texture-dots-size) var(--texture-dots-size);
+    content: "";
+    pointer-events: none;
+  }
+
+  .workspace-topbar {
+    position: fixed;
+    z-index: 100;
+    top: 0;
+    left: 0;
+    display: grid;
+    width: 100%;
+    height: 3.25rem;
+    grid-template-columns: 1fr auto 1fr;
+    align-items: center;
+    padding: 0 1.25rem;
+    pointer-events: none;
+  }
+
+  .destination-tabs {
+    display: flex;
+    grid-column: 1;
+    gap: 0.5rem;
+    pointer-events: auto;
+  }
+
+  .destination-tabs button,
+  .topbar-icon-button {
+    height: 1.75rem;
+    border: 0;
+    border-radius: 0.5625rem;
+    background: var(--bg-chrome-glass);
+    color: var(--text-secondary);
+    font: inherit;
+    cursor: pointer;
+    backdrop-filter: blur(var(--blur-md));
+    box-shadow:
+      inset 0 1px 0 var(--rim-lit),
+      inset 0 -1px 0 var(--rim-shade);
+  }
+
+  .destination-tabs button {
+    padding: 0 0.75rem;
+  }
+
+  .destination-tabs button:hover,
+  .topbar-icon-button:hover {
+    background: var(--bg-chrome-glass-hover);
+    color: var(--text-primary);
+  }
+
+  .destination-tabs button[data-selected] {
+    background: var(--bg-inverse);
+    color: var(--text-on-inverse);
+    box-shadow: var(--shadow-sm);
+  }
+
+  .workspace-identity {
+    display: flex;
+    grid-column: 3;
+    align-items: center;
+    justify-self: end;
+    gap: 0.75rem;
+    pointer-events: auto;
+  }
+
+  .topbar-icon-button {
+    display: grid;
+    width: 1.75rem;
+    place-items: center;
+    padding: 0;
+  }
+
+  .workspace-stage {
+    position: relative;
+    height: 100svh;
+    padding: 3.25rem 1.25rem 1.25rem;
+  }
+
+  .buzz-dockview {
+    --dv-background-color: transparent;
+    --dv-tabs-and-actions-container-background-color: transparent;
+    --dv-tab-active-background-color: var(--bg-chrome-selected);
+    --dv-tab-active-color: var(--text-primary);
+    --dv-tab-inactive-color: var(--text-secondary);
+    --dv-separator-border: transparent;
+    --dv-drag-over-background-color: var(--bg-accent-tint);
+    --dv-drag-over-border-color: var(--border-accent);
+    height: 100%;
+  }
+
+  .buzz-dockview .dv-grid-view,
+  .buzz-dockview .dv-groupview,
+  .buzz-dockview .dv-content-container,
+  .buzz-dockview .dv-view-container,
+  .buzz-dockview .dv-tabs-and-actions-container {
+    background: transparent;
+  }
+
+  .buzz-dockview .dv-groupview {
+    padding: 0.25rem;
+  }
+
+  .buzz-dockview .dv-tabs-and-actions-container {
+    min-height: 1.875rem;
+    border: 0;
+  }
+
+  .buzz-dockview .dv-tab {
+    height: 1.625rem;
+    border-radius: 0.5rem;
+    color: var(--text-secondary);
+    font: inherit;
+  }
+
+  .buzz-dockview .dv-active-tab {
+    color: var(--text-primary);
+    box-shadow: var(--shadow-xs);
+  }
+
+  .buzz-dockview .dv-content-container {
+    overflow: hidden;
+    border: 1px solid var(--border-tertiary);
+    border-radius: 1.5rem;
+    background: var(--bg-panel-glass);
+    box-shadow:
+      var(--shadow-sm),
+      inset 0 1px 0 var(--rim-lit),
+      inset 0 -1px 0 var(--rim-shade);
+    backdrop-filter: blur(var(--blur-md));
+  }
+
+  .buzz-dockview .dv-sash {
+    background: transparent;
+  }
+
+  .buzz-dockview .dv-sash:hover {
+    background: var(--border-accent);
+  }
+
+  .buzz-dockview:has(.dv-tab.dv-tab-dragging) {
+    user-select: none;
+  }
+
+  .workspace-navigator,
+  .session-view,
+  .new-session-view,
+  .empty-workspace-panel {
+    height: 100%;
+    min-width: 0;
+    background: var(--bg-panel-glass);
+  }
+
+  .workspace-navigator,
+  .session-view,
+  .new-session-view {
+    display: flex;
+    flex-direction: column;
+  }
+
+  .panel-heading,
+  .session-header,
+  .new-session-header {
+    display: flex;
+    min-height: 4rem;
+    align-items: center;
+    padding: 0 1.25rem;
+    border-bottom: 1px solid var(--border-tertiary);
+  }
+
+  .navigator-heading {
+    min-height: 3.25rem;
+  }
+
+  .navigator-search {
+    width: 100%;
+  }
+
+  .navigator-search input {
+    width: 100%;
+    border: 0;
+    border-radius: 0.75rem;
+    padding: 0.5rem 0.75rem;
+    outline: 0;
+    background: var(--bg-inset);
+    color: var(--text-primary);
+    font: inherit;
+  }
+
+  .navigator-section-label {
+    display: block;
+    padding: 0.25rem 0.625rem 0.5rem;
+  }
+
+  .navigator-list {
+    min-height: 0;
+    flex: 1;
+    overflow-y: auto;
+    padding: 0.75rem;
+  }
+
+  .channel-cluster {
+    margin-bottom: 0.25rem;
+  }
+
+  .channel-main-row {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) auto;
+    align-items: center;
+  }
+
+  .navigator-row,
+  .session-child-row,
+  .navigator-row-action {
+    border: 0;
+    background: transparent;
+    color: var(--text-secondary);
+    font: inherit;
+    cursor: pointer;
+  }
+
+  .navigator-row {
+    display: flex;
+    min-width: 0;
+    height: 2.25rem;
+    align-items: center;
+    gap: 0.5rem;
+    overflow: hidden;
+    border-radius: 0.625rem;
+    padding: 0 0.625rem;
+    text-align: left;
+  }
+
+  .navigator-row span,
+  .session-child-row span:last-child {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .navigator-row:hover,
+  .session-child-row:hover,
+  .navigator-row-action:hover {
+    background: var(--bg-hover);
+    color: var(--text-primary);
+  }
+
+  .navigator-row[data-selected],
+  .session-child-row[data-selected] {
+    background: var(--bg-inset);
+    color: var(--text-primary);
+  }
+
+  .navigator-row-action {
+    display: grid;
+    width: 1.75rem;
+    height: 1.75rem;
+    place-items: center;
+    border-radius: 0.5rem;
+    opacity: 0;
+  }
+
+  .channel-main-row:hover .navigator-row-action,
+  .navigator-row-action:focus-visible {
+    opacity: 1;
+  }
+
+  .session-children {
+    display: flex;
+    flex-direction: column;
+    padding-left: 1.25rem;
+  }
+
+  .session-child-row {
+    display: grid;
+    min-width: 0;
+    min-height: 2rem;
+    grid-template-columns: 0.75rem minmax(0, 1fr);
+    align-items: center;
+    gap: 0.375rem;
+    border-radius: 0.5rem;
+    padding: 0 0.5rem;
+    text-align: left;
+  }
+
+  .session-thread-line {
+    width: 0.625rem;
+    height: 0.875rem;
+    border-bottom: 1px solid var(--border-secondary);
+    border-left: 1px solid var(--border-secondary);
+    border-radius: 0 0 0 0.375rem;
+  }
+
+  .empty-workspace-panel {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    gap: 0.5rem;
+    padding: 2rem;
+    text-align: center;
+  }
+
+  .session-header {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) auto;
+    gap: 0.75rem;
+  }
+
+  .session-title-block {
+    min-width: 0;
+  }
+
+  .session-header-actions {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+  }
+
+  .session-scroll {
+    min-height: 0;
+    flex: 1;
+    overflow-y: auto;
+  }
+
+  .conversation-column {
+    width: min(100%, 47rem);
+    margin: 0 auto;
+    padding: 1.75rem 2rem 7rem;
+  }
+
+  .message-row {
+    display: flex;
+    gap: 0.75rem;
+    padding: 0.625rem 0;
+  }
+
+  .message-avatar {
+    display: grid;
+    width: 1.875rem;
+    height: 1.875rem;
+    flex: 0 0 auto;
+    place-items: center;
+    border-radius: 50%;
+    background: var(--bg-inset);
+    color: var(--text-secondary);
+  }
+
+  .message-avatar[data-agent] {
+    background: var(--bg-accent-tint);
+    color: var(--text-accent);
+  }
+
+  .message-meta {
+    display: flex;
+    align-items: baseline;
+    gap: 0.5rem;
+  }
+
+  .message-content {
+    margin: 0.125rem 0 0;
+    white-space: pre-wrap;
+  }
+
+  .composer-dock {
+    position: absolute;
+    right: 1.5rem;
+    bottom: 1.5rem;
+    left: 1.5rem;
+    margin: auto;
+  }
+
+  .session-composer {
+    display: grid;
+    width: min(100%, 47rem);
+    min-height: 3.5rem;
+    grid-template-columns: minmax(0, 1fr) auto;
+    align-items: end;
+    gap: 0.75rem;
+    margin: auto;
+    border: 1px solid var(--border-secondary);
+    border-radius: 1rem;
+    padding: 0.625rem;
+    background: var(--bg-float);
+    box-shadow: var(--shadow-sm);
+  }
+
+  .session-composer textarea {
+    max-height: 10rem;
+    resize: none;
+    border: 0;
+    outline: 0;
+    padding: 0.375rem 0.5rem;
+    background: transparent;
+    color: var(--text-primary);
+    font: inherit;
+  }
+
+  .session-composer button,
+  .icon-button,
+  .quiet-button,
+  .primary-button {
+    border: 0;
+    font: inherit;
+    cursor: pointer;
+  }
+
+  .session-composer button,
+  .icon-button {
+    display: grid;
+    width: 2.25rem;
+    height: 2.25rem;
+    place-items: center;
+    border-radius: 0.75rem;
+    background: var(--bg-inverse);
+    color: var(--text-on-inverse);
+  }
+
+  .quiet-button,
+  .primary-button {
+    min-height: 2.25rem;
+    border-radius: 0.75rem;
+    padding: 0 0.875rem;
+  }
+
+  .quiet-button {
+    background: var(--bg-inset);
+    color: var(--text-primary);
+  }
+
+  .primary-button {
+    background: var(--bg-inverse);
+    color: var(--text-on-inverse);
+  }
+
+  .new-session-center {
+    display: flex;
+    width: min(100%, 47rem);
+    flex: 1;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    gap: 0.75rem;
+    margin: auto;
+    padding: 2rem;
+    text-align: center;
+  }
+
+  .activity-block {
+    margin: 0.5rem 0 0.75rem 2.625rem;
+    border-radius: 0.875rem;
+    padding: 0.75rem;
+    background: var(--bg-inset);
+  }
+
+  button:focus-visible,
+  textarea:focus-visible {
+    outline: 2px solid var(--border-accent);
+    outline-offset: 2px;
+  }
+
+  @media (max-width: 48rem) {
+    .workspace-topbar {
+      padding: 0 0.75rem;
+    }
+
+    .workspace-stage {
+      padding: 3.25rem 0.5rem 0.5rem;
+    }
+
+    .workspace-identity > span {
+      display: none;
+    }
+
+    .conversation-column {
+      padding-right: 1rem;
+      padding-left: 1rem;
+    }
+  }
+}
diff --git a/desktop-next/src/shared/styles/typography.css b/desktop-next/src/shared/styles/typography.css
index 0b7370a73d..de4119a070 100644
--- a/desktop-next/src/shared/styles/typography.css
+++ b/desktop-next/src/shared/styles/typography.css
@@ -48,19 +48,27 @@
   --type-scale: 1;
   --type-rem: calc(1rem * var(--type-scale));
 
-  /* --- Size. Nine steps, each step an editorial job. --------
-     A modern ramp for a dense product: tight and frequent through the working
-     sizes where real interface text lives, opening up at the display end where
-     a step needs to be a visible jump rather than a near-miss.                */
-  --type-size-1: calc(var(--type-rem) * 0.6875); /* 11px  meta        */
-  --type-size-2: calc(var(--type-rem) * 0.75); /*   12px  caption     */
-  --type-size-3: calc(var(--type-rem) * 0.8125); /* 13px  label       */
-  --type-size-4: calc(var(--type-rem) * 0.875); /*  14px  body        */
-  --type-size-5: calc(var(--type-rem) * 1); /*       16px  body large */
-  --type-size-6: calc(var(--type-rem) * 1.125); /*  18px  subheading  */
-  --type-size-7: calc(var(--type-rem) * 1.375); /*  22px  heading     */
-  --type-size-8: calc(var(--type-rem) * 1.75); /*   28px  title       */
-  --type-size-9: calc(var(--type-rem) * 2.25); /*   36px  display     */
+  /* --- Size. Seven steps, sized from the product. -----------
+     Measured, not composed: across 73 real Buzz screens, 90% of all text is one
+     size and two sizes cover 93%. 16/18/20/22 together were 1.5%, scattered and
+     inconsistent — a document outline (H1…H4) imposed on an app that does not
+     have one. So the ramp is deliberately short, and the gap between 16 and 24
+     is deliberately empty.
+
+     Mono sits one step below its sans partner throughout, because at equal size
+     a monospace face reads larger than Inter and pulls the eye off the sentence.
+     One rule, three rungs: 11↔12, 13↔14, 15↔16.                               */
+  --type-size-1: calc(var(--type-rem) * 0.6875); /* 11px  mono small        */
+  --type-size-2: calc(var(--type-rem) * 0.75); /*   12px  body small        */
+  --type-size-3: calc(var(--type-rem) * 0.8125); /* 13px  mono              */
+  --type-size-4: calc(var(--type-rem) * 0.875); /*  14px  body — the default */
+  --type-size-5: calc(var(--type-rem) * 0.9375); /* 15px  mono large        */
+  --type-size-6: calc(
+    var(--type-rem) *
+    1
+  ); /*       16px  body large, heading */
+  --type-size-7: calc(var(--type-rem) * 1.5); /*     24px  title           */
+  --type-size-8: calc(var(--type-rem) * 2); /*       32px  display         */
 
   /* --- Line height. Unitless, so it scales with its own size.
      Tight for display text, generous for anything read in quantity, and exactly
@@ -72,29 +80,31 @@
   --type-leading-relaxed: 1.6;
 
   /* --- Tracking. An optical correction, not a style. --------
-     Inter is drawn for interface text and needs negative tracking as it grows:
-     spacing that looks correct at 14px looks loose at 36px. The ramp mirrors
-     the size ramp so the correction is applied per step rather than guessed,
-     and turns slightly positive at meta sizes where letters need air to stay
-     legible.                                                                 */
-  --type-tracking-display: -0.022em;
-  --type-tracking-title: -0.019em;
-  --type-tracking-heading: -0.017em;
-  --type-tracking-subheading: -0.014em;
-  --type-tracking-large: -0.011em;
-  --type-tracking-body: -0.006em;
-  --type-tracking-label: -0.003em;
-  --type-tracking-caption: 0em;
-  --type-tracking-meta: 0.005em;
+     Inter is drawn for interface text and needs progressively tighter spacing as
+     it grows: spacing that looks correct at 14px looks loose at 32px. Named per
+     size step rather than per role, so the correction follows the size it
+     corrects — two roles at 16px get the same tracking by construction. Turns
+     slightly positive at the smallest step, where letters need air.           */
+  --type-tracking-1: 0.005em; /* 11px */
+  --type-tracking-2: 0em; /*     12px */
+  --type-tracking-3: -0.003em; /* 13px */
+  --type-tracking-4: -0.006em; /* 14px */
+  --type-tracking-5: -0.009em; /* 15px */
+  --type-tracking-6: -0.011em; /* 16px */
+  --type-tracking-7: -0.019em; /* 24px */
+  --type-tracking-8: -0.024em; /* 32px */
 
-  /* --- Weight. Four, and the gaps are deliberate. -----------
-     Inter Variable can render any weight, which is exactly why the system names
-     only these: 500 and 600 sit far enough apart to read as intent rather than
-     as a rendering artefact.                                                 */
+  /* --- Weight. Two, with two jobs. --------------------------
+     400 is content — everything read. 600 is structure and emphasis: the thing
+     that names what you are looking at, or the words a sentence leans on.
+
+     Inter Variable can render any weight, which is exactly why only these are
+     named. 500 was rendered as the marker for a selected channel, an active tab,
+     and an unread row, and does not read as intent in a scanned list — a
+     sub-pixel stem difference at body size, yet heavy enough to muddy a column.
+     700 is louder than this product needs. Weight is not a ramp.              */
   --type-weight-normal: 400;
-  --type-weight-medium: 500;
   --type-weight-semibold: 600;
-  --type-weight-bold: 700;
 }
 
 /* Conversation type contract, carried over from the existing client:
@@ -126,73 +136,76 @@
   --font-mono:
     "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
 
-  /* --- Display. One per page at most, and many pages need none.
-     The only step that is allowed to be decorative.                          */
-  --text-display: var(--type-size-9);
+  /* ---- Sans. Six roles. ----------------------------------- */
+
+  /* Display. Onboarding and empty states — a screen with nothing on it yet, or
+     one asking a single question. Most screens have none.                     */
+  --text-display: var(--type-size-8);
   --text-display--line-height: var(--type-leading-tight);
-  --text-display--letter-spacing: var(--type-tracking-display);
-  --text-display--font-weight: var(--type-weight-semibold);
+  --text-display--letter-spacing: var(--type-tracking-8);
+  --text-display--font-weight: var(--type-weight-normal);
 
-  /* --- Title. The name of the thing you are looking at. ----- */
-  --text-title: var(--type-size-8);
+  /* Title. The headline *inside* content: a feed card, a thread topic. At 24px
+     the size carries it, which is why the weight stays at 400 — this is the size
+     and weight Buzz's own card headlines measure.                             */
+  --text-title: var(--type-size-7);
   --text-title--line-height: var(--type-leading-tight);
-  --text-title--letter-spacing: var(--type-tracking-title);
-  --text-title--font-weight: var(--type-weight-semibold);
+  --text-title--letter-spacing: var(--type-tracking-7);
+  --text-title--font-weight: var(--type-weight-normal);
 
-  /* --- Heading. A section within a page. ------------------- */
-  --text-heading: var(--type-size-7);
+  /* Heading. The name of the thing you are looking at: a channel, a panel, a
+     section. Same size as body-lg and separated from it by weight alone — which
+     is what the shipping client does at 16/600, and the only text on a channel
+     screen larger than a message. Deliberately close to body: in a dense app a
+     section name needs to be identifiable, not loud.                          */
+  --text-heading: var(--type-size-6);
   --text-heading--line-height: var(--type-leading-snug);
-  --text-heading--letter-spacing: var(--type-tracking-heading);
+  --text-heading--letter-spacing: var(--type-tracking-6);
   --text-heading--font-weight: var(--type-weight-semibold);
 
-  /* --- Subheading. A group within a section. --------------- */
-  --text-subheading: var(--type-size-6);
-  --text-subheading--line-height: var(--type-leading-snug);
-  --text-subheading--letter-spacing: var(--type-tracking-subheading);
-  --text-subheading--font-weight: var(--type-weight-semibold);
-
-  /* --- Body large. Introductions and reading columns, where a
-     paragraph is the point rather than a description of something else.       */
-  --text-body-lg: var(--type-size-5);
+  /* Body large. Reading columns and introductions, where a paragraph is the
+     point rather than a description of something else.                        */
+  --text-body-lg: var(--type-size-6);
   --text-body-lg--line-height: var(--type-leading-relaxed);
-  --text-body-lg--letter-spacing: var(--type-tracking-large);
+  --text-body-lg--letter-spacing: var(--type-tracking-6);
   --text-body-lg--font-weight: var(--type-weight-normal);
 
-  /* --- Body. The default. If you are unsure, this is it. --- */
+  /* Body. The default, and 90% of the product. If you are unsure, this is it. */
   --text-body: var(--type-size-4);
   --text-body--line-height: var(--type-leading-normal);
-  --text-body--letter-spacing: var(--type-tracking-body);
+  --text-body--letter-spacing: var(--type-tracking-4);
   --text-body--font-weight: var(--type-weight-normal);
 
-  /* --- Label. Interface text that is acted on rather than
-     read: buttons, tabs, menu items, form labels, table headers. Medium weight
-     because a label competes with content around it and needs to hold its edge
-     without going up a size.                                                 */
-  --text-label: var(--type-size-3);
-  --text-label--line-height: var(--type-leading-snug);
-  --text-label--letter-spacing: var(--type-tracking-label);
-  --text-label--font-weight: var(--type-weight-medium);
+  /* Body small. Secondary text: descriptions, timestamps, chip and tab labels,
+     help text under a control. The floor — see DESIGN.md § Type.              */
+  --text-body-sm: var(--type-size-2);
+  --text-body-sm--line-height: var(--type-leading-normal);
+  --text-body-sm--letter-spacing: var(--type-tracking-2);
+  --text-body-sm--font-weight: var(--type-weight-normal);
 
-  /* --- Caption. A sentence about something else: help text,
-     descriptions, empty-state detail.                                        */
-  --text-caption: var(--type-size-2);
-  --text-caption--line-height: var(--type-leading-normal);
-  --text-caption--letter-spacing: var(--type-tracking-caption);
-  --text-caption--font-weight: var(--type-weight-normal);
+  /* ---- Mono. Three roles, each one step below its sans partner. ---- */
 
-  /* --- Meta. Timestamps, counts, tracking numbers. Flat line
-     height so a single-line value cannot grow its own row.                    */
-  --text-meta: var(--type-size-1);
-  --text-meta--line-height: var(--type-leading-flat);
-  --text-meta--letter-spacing: var(--type-tracking-meta);
-  --text-meta--font-weight: var(--type-weight-medium);
+  /* Mono large, paired with body-lg. Codes and keys a person has to transcribe
+     or read aloud — the one case where mono is the point rather than the
+     content's format.                                                         */
+  --text-mono-lg: var(--type-size-5);
+  --text-mono-lg--line-height: var(--type-leading-normal);
+  --text-mono-lg--letter-spacing: var(--type-tracking-5);
+  --text-mono-lg--font-weight: var(--type-weight-normal);
 
-  /* --- Code. Mono, one step down: at equal size a monospace
-     face reads larger than Inter and pulls the eye off the sentence.          */
-  --text-code: var(--type-size-3);
-  --text-code--line-height: var(--type-leading-normal);
-  --text-code--letter-spacing: var(--type-tracking-caption);
-  --text-code--font-weight: var(--type-weight-normal);
+  /* Mono, paired with body. Inline code, pubkeys, paths, branch names, hex
+     values — anything where the characters matter individually.               */
+  --text-mono: var(--type-size-3);
+  --text-mono--line-height: var(--type-leading-normal);
+  --text-mono--letter-spacing: var(--type-tracking-3);
+  --text-mono--font-weight: var(--type-weight-normal);
+
+  /* Mono small, paired with body-sm. Terminal tabs, code-block headers, dense
+     chrome. Nothing a person reads in quantity.                               */
+  --text-mono-sm: var(--type-size-1);
+  --text-mono-sm--line-height: var(--type-leading-flat);
+  --text-mono-sm--letter-spacing: var(--type-tracking-1);
+  --text-mono-sm--font-weight: var(--type-weight-normal);
 }
 
 /* ============================================================
diff --git a/desktop-next/src/shared/tokens/registry.ts b/desktop-next/src/shared/tokens/registry.ts
index e7a46efc8f..3f6df3e20c 100644
--- a/desktop-next/src/shared/tokens/registry.ts
+++ b/desktop-next/src/shared/tokens/registry.ts
@@ -495,52 +495,42 @@ export interface TypeRole {
 export const TYPE_ROLES: TypeRole[] = [
   {
     token: "text-display",
-    pointsAt: "size 9",
-    size: "36px",
+    pointsAt: "size 8",
+    size: "32px",
     lineHeight: "1.2",
-    tracking: "-0.022em",
-    weight: "600",
-    use: "One per page at most, and many pages need none. The only step allowed to be decorative.",
+    tracking: "-0.024em",
+    weight: "400",
+    use: "Onboarding and empty states — a screen with nothing on it yet, or one asking a single question. Most screens have none.",
     status: "core",
   },
   {
     token: "text-title",
-    pointsAt: "size 8",
-    size: "28px",
+    pointsAt: "size 7",
+    size: "24px",
     lineHeight: "1.2",
     tracking: "-0.019em",
-    weight: "600",
-    use: "The name of the thing you are looking at.",
+    weight: "400",
+    use: "The headline inside content: a feed card, a thread topic. At this size the size carries it, which is why the weight stays at 400.",
     status: "core",
   },
   {
     token: "text-heading",
-    pointsAt: "size 7",
-    size: "22px",
-    lineHeight: "1.35",
-    tracking: "-0.017em",
-    weight: "600",
-    use: "A section within a page.",
-    status: "core",
-  },
-  {
-    token: "text-subheading",
     pointsAt: "size 6",
-    size: "18px",
+    size: "16px",
     lineHeight: "1.35",
-    tracking: "-0.014em",
+    tracking: "-0.011em",
     weight: "600",
-    use: "A group within a section.",
+    use: "The name of the thing you are looking at: a channel, a panel, a section. Same size as body-lg, separated from it by weight alone.",
     status: "core",
   },
   {
     token: "text-body-lg",
-    pointsAt: "size 5",
+    pointsAt: "size 6",
     size: "16px",
     lineHeight: "1.6",
     tracking: "-0.011em",
     weight: "400",
-    use: "Introductions and reading columns, where a paragraph is the point rather than a description of something else.",
+    use: "Reading columns and introductions, where a paragraph is the point rather than a description of something else.",
     status: "core",
   },
   {
@@ -550,47 +540,49 @@ export const TYPE_ROLES: TypeRole[] = [
     lineHeight: "1.5",
     tracking: "-0.006em",
     weight: "400",
-    use: "The default. If you are unsure, this is it.",
+    use: "The default, and 90% of the product. If you are unsure, this is it.",
     status: "core",
   },
   {
-    token: "text-label",
-    pointsAt: "size 3",
-    size: "13px",
-    lineHeight: "1.35",
-    tracking: "-0.003em",
-    weight: "500",
-    use: "Interface text that is acted on rather than read: buttons, tabs, menu items, form labels, table headers.",
-    status: "core",
-  },
-  {
-    token: "text-caption",
+    token: "text-body-sm",
     pointsAt: "size 2",
     size: "12px",
     lineHeight: "1.5",
     tracking: "0em",
     weight: "400",
-    use: "A sentence about something else: help text, descriptions, empty-state detail.",
+    use: "Secondary text: descriptions, timestamps, chip and tab labels, help text under a control. The smallest text in the product.",
     status: "core",
   },
   {
-    token: "text-meta",
+    token: "text-mono-lg",
+    pointsAt: "size 5",
+    size: "15px",
+    lineHeight: "1.5",
+    tracking: "-0.009em",
+    weight: "400",
+    use: "Codes and keys a person has to transcribe or read aloud. Paired with body-lg.",
+    status: "core",
+    mono: true,
+  },
+  {
+    token: "text-mono",
+    pointsAt: "size 3",
+    size: "13px",
+    lineHeight: "1.5",
+    tracking: "-0.003em",
+    weight: "400",
+    use: "Inline code, pubkeys, paths, branch names, hex values — anything where the characters matter individually. Paired with body.",
+    status: "core",
+    mono: true,
+  },
+  {
+    token: "text-mono-sm",
     pointsAt: "size 1",
     size: "11px",
     lineHeight: "1",
     tracking: "0.005em",
-    weight: "500",
-    use: "Timestamps, counts, tracking labels. Flat line height so a single-line value cannot grow its own row.",
-    status: "core",
-  },
-  {
-    token: "text-code",
-    pointsAt: "size 3",
-    size: "13px",
-    lineHeight: "1.5",
-    tracking: "0em",
     weight: "400",
-    use: "Inline code and code blocks. One step below body, because at equal size a monospace face reads larger than Inter and pulls the eye off the sentence.",
+    use: "Terminal tabs, code-block headers, dense chrome. Nothing read in quantity. Paired with body-sm.",
     status: "core",
     mono: true,
   },
@@ -616,34 +608,42 @@ export const TYPE_RAMPS = [
     id: "size",
     name: "Size",
     description:
-      "Nine steps, each step an editorial job. Tight and frequent through the working sizes where real interface text lives, opening up at the display end where a step needs to be a visible jump rather than a near-miss. Every value derives from a virtual rem, so the whole ramp follows the person's font-size preference and keyboard zoom.",
+      "Eight steps, sized from the product rather than composed. Across 73 real Buzz screens, 90% of all text is one size and two sizes cover 93%; 16/18/20/22 together were 1.5%, scattered and inconsistent. So the ramp is deliberately short and the gap between 16 and 24 is deliberately empty — an app does not have a document outline. Mono sits one step below its sans partner throughout. Every value derives from a virtual rem, so the whole ramp follows the person's font-size preference and keyboard zoom.",
     steps: [
-      { step: 1, job: "meta", value: "11px" },
-      { step: 2, job: "caption", value: "12px" },
-      { step: 3, job: "label, code", value: "13px" },
-      { step: 4, job: "body", value: "14px" },
-      { step: 5, job: "body large", value: "16px" },
-      { step: 6, job: "subheading", value: "18px" },
-      { step: 7, job: "heading", value: "22px" },
-      { step: 8, job: "title", value: "28px" },
-      { step: 9, job: "display", value: "36px" },
+      { step: 1, job: "mono small", value: "11px" },
+      { step: 2, job: "body small", value: "12px" },
+      { step: 3, job: "mono", value: "13px" },
+      { step: 4, job: "body — the default", value: "14px" },
+      { step: 5, job: "mono large", value: "15px" },
+      { step: 6, job: "body large, heading", value: "16px" },
+      { step: 7, job: "title", value: "24px" },
+      { step: 8, job: "display", value: "32px" },
     ],
   },
   {
     id: "tracking",
     name: "Tracking",
     description:
-      "An optical correction, not a style. Inter needs progressively tighter spacing as it grows — tracking that looks correct at 14px looks loose at 36px — so the ramp mirrors the size ramp and the correction is applied per step rather than guessed. It turns slightly positive at meta sizes, where letters need air to stay legible.",
+      "An optical correction, not a style. Inter needs progressively tighter spacing as it grows — tracking that looks correct at 14px looks loose at 32px — so the ramp is named per size step rather than per role, and the correction follows the size it corrects. Two roles at 16px therefore get the same tracking by construction. It turns slightly positive at the smallest step, where letters need air to stay legible.",
     steps: [
-      { step: 9, job: "display", value: "-0.022em" },
-      { step: 8, job: "title", value: "-0.019em" },
-      { step: 7, job: "heading", value: "-0.017em" },
-      { step: 6, job: "subheading", value: "-0.014em" },
-      { step: 5, job: "body large", value: "-0.011em" },
-      { step: 4, job: "body", value: "-0.006em" },
-      { step: 3, job: "label", value: "-0.003em" },
-      { step: 2, job: "caption", value: "0em" },
-      { step: 1, job: "meta", value: "0.005em" },
+      { step: 8, job: "32px", value: "-0.024em" },
+      { step: 7, job: "24px", value: "-0.019em" },
+      { step: 6, job: "16px", value: "-0.011em" },
+      { step: 5, job: "15px", value: "-0.009em" },
+      { step: 4, job: "14px", value: "-0.006em" },
+      { step: 3, job: "13px", value: "-0.003em" },
+      { step: 2, job: "12px", value: "0em" },
+      { step: 1, job: "11px", value: "0.005em" },
+    ],
+  },
+  {
+    id: "weight",
+    name: "Weight",
+    description:
+      "Two values with two jobs, not a ramp. 400 is content — everything read. 600 is structure and emphasis: the thing that names what you are looking at, or the words a sentence leans on. 500 was rendered as the marker for a selected channel, an active tab, and an unread row, and does not read as intent in a scanned list — a sub-pixel stem difference at body size, yet heavy enough to muddy a column. 700 is louder than this product needs. State is said with colour, a fill, or a dot.",
+    steps: [
+      { step: 400, job: "content", value: "400" },
+      { step: 600, job: "structure and emphasis", value: "600" },
     ],
   },
 ];
diff --git a/desktop-next/src/shared/ui/DockWorkspace.tsx b/desktop-next/src/shared/ui/DockWorkspace.tsx
new file mode 100644
index 0000000000..25ecacc23b
--- /dev/null
+++ b/desktop-next/src/shared/ui/DockWorkspace.tsx
@@ -0,0 +1,61 @@
+import {
+  DockviewReact,
+  type DockviewReadyEvent,
+  type IDockviewPanelProps,
+  themeLight,
+} from "dockview-react";
+import { createContext, type ReactNode, useCallback, useContext } from "react";
+import "dockview-react/dist/styles/dockview.css";
+
+type WorkspacePanels = {
+  navigator: ReactNode;
+  conversation: ReactNode;
+};
+
+const WorkspacePanelContext = createContext<WorkspacePanels | null>(null);
+
+function WorkspacePanel({ id }: { id: keyof WorkspacePanels }) {
+  const panels = useContext(WorkspacePanelContext);
+  if (!panels) throw new Error("Workspace panel rendered outside its owner.");
+  return panels[id];
+}
+
+const components = {
+  navigator: (_props: IDockviewPanelProps) => <WorkspacePanel id="navigator" />,
+  conversation: (_props: IDockviewPanelProps) => (
+    <WorkspacePanel id="conversation" />
+  ),
+};
+
+export function DockWorkspace({ panels }: { panels: WorkspacePanels }) {
+  const onReady = useCallback((event: DockviewReadyEvent) => {
+    if (event.api.panels.length > 0) return;
+    const navigator = event.api.addPanel({
+      id: "navigator",
+      component: "navigator",
+      title: "Browse",
+      initialWidth: 255,
+    });
+    navigator.group.header.hidden = true;
+    const conversation = event.api.addPanel({
+      id: "conversation",
+      component: "conversation",
+      title: "Workspace",
+      position: { referencePanel: navigator, direction: "right" },
+    });
+    conversation.group.header.hidden = true;
+  }, []);
+
+  return (
+    <WorkspacePanelContext.Provider value={panels}>
+      <DockviewReact
+        className="buzz-dockview"
+        components={components}
+        disableFloatingGroups
+        dndStrategy="pointer"
+        onReady={onReady}
+        theme={themeLight}
+      />
+    </WorkspacePanelContext.Provider>
+  );
+}
diff --git a/desktop-next/tauri.conf.json b/desktop-next/tauri.conf.json
new file mode 100644
index 0000000000..27e1b8fee5
--- /dev/null
+++ b/desktop-next/tauri.conf.json
@@ -0,0 +1,34 @@
+{
+  "$schema": "https://schema.tauri.app/config/2",
+  "productName": "Buzz Sessions",
+  "identifier": "xyz.block.buzz.sessions.dev",
+  "build": {
+    "beforeDevCommand": {
+      "script": "exec ./node_modules/.bin/vite --host 127.0.0.1",
+      "cwd": "../../desktop-next",
+      "wait": false
+    },
+    "devUrl": "http://127.0.0.1:1430",
+    "beforeBuildCommand": "pnpm --dir ../../desktop-next build",
+    "frontendDist": "../../desktop-next/dist"
+  },
+  "app": {
+    "windows": [
+      {
+        "title": "Buzz Sessions",
+        "width": 1180,
+        "height": 780,
+        "minWidth": 760,
+        "minHeight": 540,
+        "visible": true
+      }
+    ]
+  },
+  "plugins": {
+    "deep-link": {
+      "desktop": {
+        "schemes": ["buzz-sessions"]
+      }
+    }
+  }
+}
diff --git a/desktop-next/tests/sessions.spec.ts b/desktop-next/tests/sessions.spec.ts
new file mode 100644
index 0000000000..17cefbaf03
--- /dev/null
+++ b/desktop-next/tests/sessions.spec.ts
@@ -0,0 +1,73 @@
+import { expect, test } from "@playwright/test";
+
+test("opens a real channel and keeps protocol metadata out of the transcript", async ({
+  page,
+}) => {
+  await page.goto("/?mock=1");
+  await page.getByRole("button", { name: "design", exact: true }).click();
+  await expect(page.getByRole("heading", { name: "#design" })).toBeVisible();
+  await expect(
+    page.getByText(
+      "The session should begin as simply as a thought: just type.",
+    ),
+  ).toBeVisible();
+  await expect(page.getByText(/has_more|channel_created/)).toHaveCount(0);
+});
+
+test("starts a Session from its channel without naming ceremony", async ({
+  page,
+}) => {
+  await page.goto("/?mock=1");
+  await page.getByRole("button", { name: "New Session in design" }).click();
+  await expect(page.getByText("From design")).toBeVisible();
+  const composer = page.getByRole("textbox", { name: "Start a Session" });
+  await composer.fill("Explore a calmer multi-agent conversation");
+  await composer.press("Enter");
+  await expect(
+    page.getByRole("heading", {
+      name: "Explore a calmer multi-agent conversation",
+    }),
+  ).toBeVisible();
+  await expect(
+    page.getByRole("button", {
+      name: "Explore a calmer multi-agent conversation",
+    }),
+  ).toBeVisible();
+});
+
+test("keeps owned agent activity inline and collapses earlier steps", async ({
+  page,
+}) => {
+  await page.goto("/?mock=1");
+  await page.getByRole("button", { name: "design", exact: true }).click();
+  await expect(
+    page.getByRole("region", { name: "Vogue activity" }),
+  ).toBeVisible();
+  const disclosure = page.getByRole("button", {
+    name: /Vogue activity, 5 steps/,
+  });
+  await disclosure.click();
+  await expect(page.getByText("Read the interaction plan")).toBeVisible();
+});
+
+test("exposes the focused Agents destination without expanding the app scope", async ({
+  page,
+}) => {
+  await page.goto("/?mock=1");
+  await page.getByRole("button", { name: "Agents", exact: true }).click();
+  await expect(page.getByRole("heading", { name: "Vogue" })).toBeVisible();
+  await expect(
+    page.getByText("Shape product interfaces with clarity and taste."),
+  ).toBeVisible();
+  await page.getByRole("button", { name: "New agent" }).click();
+  await expect(page.getByRole("heading", { name: "New agent" })).toBeVisible();
+  await page.getByRole("textbox", { name: "Name" }).fill("Scout");
+  await page
+    .getByRole("textbox", { name: "Instructions" })
+    .fill("Help with focused product research.");
+  await page.getByRole("button", { name: "Create and start" }).click();
+  await expect(page.getByRole("heading", { name: "Scout" })).toBeVisible();
+  await expect(
+    page.getByText("Help with focused product research."),
+  ).toBeVisible();
+});
diff --git a/desktop/src-tauri/src/commands/agents.rs b/desktop/src-tauri/src/commands/agents.rs
index 0ad7fd321c..570d7e78ab 100644
--- a/desktop/src-tauri/src/commands/agents.rs
+++ b/desktop/src-tauri/src/commands/agents.rs
@@ -344,6 +344,12 @@ pub async fn create_managed_agent(
     app: AppHandle,
     state: State<'_, AppState>,
 ) -> Result<CreateManagedAgentResponse, String> {
+    crate::relay::assert_expected_relay_scope(
+        input.expected_relay_url.as_deref(),
+        &crate::relay::relay_ws_url_with_override(&state),
+    )?;
+    let active_owner = workspace_owner_hex(&state)?;
+    crate::relay::assert_expected_signer(input.expected_signer_pubkey.as_deref(), &active_owner)?;
     let name = input.name.trim().to_string();
     let requested_persona_id = input
         .persona_id
diff --git a/desktop/src-tauri/src/commands/mod.rs b/desktop/src-tauri/src/commands/mod.rs
index c8184a0103..52995087ac 100644
--- a/desktop/src-tauri/src/commands/mod.rs
+++ b/desktop/src-tauri/src/commands/mod.rs
@@ -66,6 +66,8 @@ mod project_terminal;
 mod qr_download;
 mod relay_members;
 mod relay_reconnect;
+mod session_bootstrap;
+mod sessions;
 mod social;
 mod team_snapshot;
 mod teams;
@@ -124,6 +126,8 @@ pub use project_terminal::*;
 pub use qr_download::*;
 pub use relay_members::*;
 pub use relay_reconnect::*;
+pub use session_bootstrap::*;
+pub use sessions::*;
 pub use social::*;
 pub use team_snapshot::*;
 pub use teams::*;
diff --git a/desktop/src-tauri/src/commands/session_bootstrap.rs b/desktop/src-tauri/src/commands/session_bootstrap.rs
new file mode 100644
index 0000000000..446c773d12
--- /dev/null
+++ b/desktop/src-tauri/src/commands/session_bootstrap.rs
@@ -0,0 +1,357 @@
+use std::{fs, io::Write, path::PathBuf};
+
+use nostr::{Event, JsonUtil};
+use serde::{Deserialize, Serialize};
+use tauri::{AppHandle, Manager, State};
+use uuid::Uuid;
+
+use crate::{
+    app_state::AppState,
+    events,
+    relay::{relay_api_base_url_with_override, submit_signed_event_at_with_keys},
+};
+
+const SESSION_NAMESPACE: Uuid = uuid::uuid!("3f8ec32d-7af5-51de-b136-2484a4588013");
+
+#[derive(Debug, Clone, Serialize, Deserialize)]
+#[serde(rename_all = "snake_case")]
+enum BootstrapPhase {
+    Prepared,
+    ChannelAccepted,
+    MessageAccepted,
+    LinkAccepted,
+}
+
+#[derive(Debug, Clone, Serialize, Deserialize)]
+struct SessionBootstrapJournal {
+    operation_id: String,
+    relay_url: String,
+    signer_pubkey: String,
+    channel_id: String,
+    parent_channel_id: String,
+    create_event_json: String,
+    message_event_json: String,
+    link_event_json: String,
+    content: String,
+    phase: BootstrapPhase,
+}
+
+#[derive(Debug, Serialize)]
+pub struct PendingSessionBootstrap {
+    pub operation_id: String,
+    pub relay_url: String,
+    pub signer_pubkey: String,
+    pub channel_id: String,
+    pub parent_channel_id: String,
+    pub content: String,
+}
+
+#[derive(Debug, Serialize)]
+pub struct SessionBootstrapResult {
+    pub operation_id: String,
+    pub channel_id: String,
+    pub message_event_id: String,
+    pub created_at: i64,
+    pub recovered: bool,
+}
+
+fn validate_operation_id(value: &str) -> Result<(), String> {
+    if value.len() < 8
+        || value.len() > 96
+        || !value
+            .chars()
+            .all(|character| character.is_ascii_alphanumeric() || "-_".contains(character))
+    {
+        return Err("operation_id must be 8-96 URL-safe characters".into());
+    }
+    Ok(())
+}
+
+fn journal_path(app: &AppHandle, operation_id: &str) -> Result<PathBuf, String> {
+    let directory = app
+        .path()
+        .app_data_dir()
+        .map_err(|error| format!("resolve app data directory failed: {error}"))?
+        .join("desktop-next")
+        .join("session-bootstrap");
+    fs::create_dir_all(&directory)
+        .map_err(|error| format!("create Session recovery directory failed: {error}"))?;
+    Ok(directory.join(format!("{operation_id}.json")))
+}
+
+fn write_journal(path: &PathBuf, journal: &SessionBootstrapJournal) -> Result<(), String> {
+    let bytes = serde_json::to_vec(journal)
+        .map_err(|error| format!("serialize Session recovery failed: {error}"))?;
+    let temporary = path.with_extension("json.tmp");
+    let mut options = fs::OpenOptions::new();
+    options.write(true).create(true).truncate(true);
+    #[cfg(unix)]
+    {
+        use std::os::unix::fs::OpenOptionsExt;
+        options.mode(0o600);
+    }
+    let mut file = options
+        .open(&temporary)
+        .map_err(|error| format!("open Session recovery file failed: {error}"))?;
+    file.write_all(&bytes)
+        .and_then(|_| file.sync_all())
+        .map_err(|error| format!("write Session recovery failed: {error}"))?;
+    fs::rename(&temporary, path).map_err(|error| format!("commit Session recovery failed: {error}"))
+}
+
+fn read_journal(path: &PathBuf) -> Result<Option<SessionBootstrapJournal>, String> {
+    match fs::read(path) {
+        Ok(bytes) => serde_json::from_slice(&bytes)
+            .map(Some)
+            .map_err(|error| format!("read Session recovery failed: {error}")),
+        Err(error) if error.kind() == std::io::ErrorKind::NotFound => Ok(None),
+        Err(error) => Err(format!("read Session recovery failed: {error}")),
+    }
+}
+
+fn generated_session_name(content: &str) -> String {
+    let normalized = content.split_whitespace().collect::<Vec<_>>().join(" ");
+    let mut title = normalized.chars().take(56).collect::<String>();
+    if normalized.chars().count() > 56 {
+        title.push('…');
+    }
+    if title.is_empty() {
+        "New session".to_string()
+    } else {
+        title
+    }
+}
+
+fn prepared_journal(
+    operation_id: &str,
+    content: &str,
+    parent_channel_id: &str,
+    relay_url: &str,
+    keys: &nostr::Keys,
+) -> Result<SessionBootstrapJournal, String> {
+    let signer_pubkey = keys.public_key().to_hex();
+    let deterministic_name = format!("{relay_url}\0{signer_pubkey}\0{operation_id}");
+    let channel_id = Uuid::new_v5(&SESSION_NAMESPACE, deterministic_name.as_bytes());
+    let session_name = generated_session_name(content);
+    let create_event =
+        events::build_create_channel(channel_id, &session_name, "private", "stream", None, None)?
+            .sign_with_keys(keys)
+            .map_err(|error| format!("sign Session create failed: {error}"))?;
+    let message_event = events::build_message(
+        channel_id,
+        content.trim(),
+        None,
+        &[],
+        &[],
+        &[],
+        &[],
+        &[],
+        None,
+        relay_url,
+    )?
+    .sign_with_keys(keys)
+    .map_err(|error| format!("sign first Session message failed: {error}"))?;
+    let link_event = events::build_session_link(parent_channel_id, &channel_id.to_string())?
+        .sign_with_keys(keys)
+        .map_err(|error| format!("sign Session link failed: {error}"))?;
+    Ok(SessionBootstrapJournal {
+        operation_id: operation_id.to_string(),
+        relay_url: relay_url.to_string(),
+        signer_pubkey,
+        channel_id: channel_id.to_string(),
+        parent_channel_id: parent_channel_id.to_string(),
+        create_event_json: create_event.as_json(),
+        message_event_json: message_event.as_json(),
+        link_event_json: link_event.as_json(),
+        content: content.to_string(),
+        phase: BootstrapPhase::Prepared,
+    })
+}
+
+#[tauri::command]
+pub fn list_pending_session_bootstraps(
+    app: AppHandle,
+    state: State<'_, AppState>,
+) -> Result<Vec<PendingSessionBootstrap>, String> {
+    let active_relay = relay_api_base_url_with_override(&state);
+    let active_signer = state.signing_keys()?.public_key().to_hex();
+    let directory = app
+        .path()
+        .app_data_dir()
+        .map_err(|error| format!("resolve app data directory failed: {error}"))?
+        .join("desktop-next")
+        .join("session-bootstrap");
+    let entries = match fs::read_dir(directory) {
+        Ok(entries) => entries,
+        Err(error) if error.kind() == std::io::ErrorKind::NotFound => return Ok(Vec::new()),
+        Err(error) => return Err(format!("read Session recovery directory failed: {error}")),
+    };
+    let mut pending = Vec::new();
+    for entry in entries {
+        let path = entry
+            .map_err(|error| format!("read Session recovery entry failed: {error}"))?
+            .path();
+        if path.extension().and_then(|extension| extension.to_str()) != Some("json") {
+            continue;
+        }
+        if let Some(journal) = read_journal(&path)? {
+            if journal.relay_url.trim_end_matches('/') != active_relay.trim_end_matches('/')
+                || journal.signer_pubkey != active_signer
+            {
+                continue;
+            }
+            pending.push(PendingSessionBootstrap {
+                operation_id: journal.operation_id,
+                relay_url: journal.relay_url,
+                signer_pubkey: journal.signer_pubkey,
+                channel_id: journal.channel_id,
+                parent_channel_id: journal.parent_channel_id,
+                content: journal.content,
+            });
+        }
+    }
+    Ok(pending)
+}
+
+#[tauri::command]
+pub async fn bootstrap_session(
+    operation_id: String,
+    content: String,
+    parent_channel_id: String,
+    expected_relay_url: String,
+    expected_signer_pubkey: String,
+    app: AppHandle,
+    state: State<'_, AppState>,
+) -> Result<SessionBootstrapResult, String> {
+    validate_operation_id(&operation_id)?;
+    if content.trim().is_empty() {
+        return Err("first Session message is required".into());
+    }
+    Uuid::parse_str(&parent_channel_id)
+        .map_err(|_| "parent_channel_id must be a UUID".to_string())?;
+    let active_relay = relay_api_base_url_with_override(&state);
+    if active_relay.trim_end_matches('/') != expected_relay_url.trim_end_matches('/') {
+        return Err("active community changed before Session creation".into());
+    }
+    let keys = state.signing_keys()?;
+    if keys.public_key().to_hex() != expected_signer_pubkey {
+        return Err("active identity changed before Session creation".into());
+    }
+    let path = journal_path(&app, &operation_id)?;
+    let existing = read_journal(&path)?;
+    let recovered = existing.is_some();
+    let mut journal = match existing {
+        Some(journal) => {
+            if journal.content != content
+                || journal.parent_channel_id != parent_channel_id
+                || journal.relay_url.trim_end_matches('/')
+                    != expected_relay_url.trim_end_matches('/')
+                || journal.signer_pubkey != expected_signer_pubkey
+            {
+                return Err("Session recovery operation does not match this request".into());
+            }
+            journal
+        }
+        None => {
+            let journal = prepared_journal(
+                &operation_id,
+                &content,
+                &parent_channel_id,
+                &active_relay,
+                &keys,
+            )?;
+            write_journal(&path, &journal)?;
+            journal
+        }
+    };
+
+    let create_event = Event::from_json(&journal.create_event_json)
+        .map_err(|error| format!("invalid recovered Session create event: {error}"))?;
+    let message_event = Event::from_json(&journal.message_event_json)
+        .map_err(|error| format!("invalid recovered Session message event: {error}"))?;
+    let link_event = Event::from_json(&journal.link_event_json)
+        .map_err(|error| format!("invalid recovered Session link event: {error}"))?;
+
+    if matches!(journal.phase, BootstrapPhase::Prepared) {
+        match submit_signed_event_at_with_keys(&create_event, &state, &active_relay, &keys).await {
+            Ok(_) => {}
+            Err(error) if error.contains("duplicate: channel already exists") => {}
+            Err(error) => return Err(error),
+        }
+        state.mark_pending_owned_channel(&journal.signer_pubkey, &journal.channel_id);
+        journal.phase = BootstrapPhase::ChannelAccepted;
+        write_journal(&path, &journal)?;
+    }
+
+    if matches!(journal.phase, BootstrapPhase::ChannelAccepted) {
+        match submit_signed_event_at_with_keys(&message_event, &state, &active_relay, &keys).await {
+            Ok(_) => {}
+            Err(error) if error.contains("duplicate") => {}
+            Err(error) => return Err(error),
+        }
+        journal.phase = BootstrapPhase::MessageAccepted;
+        write_journal(&path, &journal)?;
+    }
+
+    if matches!(journal.phase, BootstrapPhase::MessageAccepted) {
+        match submit_signed_event_at_with_keys(&link_event, &state, &active_relay, &keys).await {
+            Ok(_) => {}
+            Err(error) if error.contains("duplicate") => {}
+            Err(error) => return Err(error),
+        }
+        journal.phase = BootstrapPhase::LinkAccepted;
+        write_journal(&path, &journal)?;
+    }
+
+    fs::remove_file(&path).map_err(|error| format!("retire Session recovery failed: {error}"))?;
+    Ok(SessionBootstrapResult {
+        operation_id,
+        channel_id: journal.channel_id,
+        message_event_id: message_event.id.to_hex(),
+        created_at: message_event.created_at.as_secs() as i64,
+        recovered,
+    })
+}
+
+#[cfg(test)]
+mod tests {
+    use super::*;
+
+    #[test]
+    fn operation_ids_are_bounded_and_path_safe() {
+        assert!(validate_operation_id("session-12345678").is_ok());
+        assert!(validate_operation_id("../../escape").is_err());
+        assert!(validate_operation_id("short").is_err());
+    }
+
+    #[test]
+    fn retry_prepares_the_same_channel_and_events() {
+        let keys = nostr::Keys::generate();
+        let first = prepared_journal(
+            "session-12345678",
+            "hello",
+            "00000000-0000-0000-0000-000000000001",
+            "http://relay",
+            &keys,
+        )
+        .expect("prepare first journal");
+        let second = prepared_journal(
+            "session-12345678",
+            "hello",
+            "00000000-0000-0000-0000-000000000001",
+            "http://relay",
+            &keys,
+        )
+        .expect("prepare retry journal");
+        assert_eq!(first.channel_id, second.channel_id);
+        let first_create = Event::from_json(first.create_event_json).expect("parse first create");
+        let second_create =
+            Event::from_json(second.create_event_json).expect("parse second create");
+        let first_message =
+            Event::from_json(first.message_event_json).expect("parse first message");
+        let second_message =
+            Event::from_json(second.message_event_json).expect("parse second message");
+        assert_eq!(first_create.id, second_create.id);
+        assert_eq!(first_message.id, second_message.id);
+    }
+}
diff --git a/desktop/src-tauri/src/commands/sessions.rs b/desktop/src-tauri/src/commands/sessions.rs
new file mode 100644
index 0000000000..3f22537c47
--- /dev/null
+++ b/desktop/src-tauri/src/commands/sessions.rs
@@ -0,0 +1,84 @@
+use serde::Serialize;
+use tauri::State;
+use uuid::Uuid;
+
+use crate::{app_state::AppState, models::ChannelDetailInfo, nostr_convert, relay::query_relay};
+
+#[derive(Serialize)]
+pub struct ChannelSessionLink {
+    pub parent_channel_id: String,
+    pub session_channel_id: String,
+    pub creator_pubkey: String,
+    pub created_at: i64,
+    pub channel: Option<ChannelDetailInfo>,
+}
+
+/// List durable Session links and child metadata stored in one parent channel.
+#[tauri::command]
+pub async fn list_channel_sessions(
+    parent_channel_id: String,
+    state: State<'_, AppState>,
+) -> Result<Vec<ChannelSessionLink>, String> {
+    Uuid::parse_str(&parent_channel_id)
+        .map_err(|_| "parent_channel_id must be a UUID".to_string())?;
+    let links = query_relay(
+        &state,
+        &[serde_json::json!({
+            "kinds": [buzz_core_pkg::kind::KIND_SESSION_LINK],
+            "#h": [parent_channel_id],
+            "limit": 200,
+        })],
+    )
+    .await?;
+    let mut parsed = Vec::new();
+    for event in links {
+        let Ok(content) = serde_json::from_str::<serde_json::Value>(&event.content) else {
+            continue;
+        };
+        let Some(session_channel_id) = content
+            .get("session_channel_id")
+            .and_then(serde_json::Value::as_str)
+        else {
+            continue;
+        };
+        if Uuid::parse_str(session_channel_id).is_err() {
+            continue;
+        }
+        parsed.push((event, session_channel_id.to_string()));
+    }
+    if parsed.is_empty() {
+        return Ok(Vec::new());
+    }
+    let metadata_filters = parsed
+        .iter()
+        .map(|(_, session_id)| {
+            serde_json::json!({
+                "kinds": [39000],
+                "#d": [session_id],
+                "limit": 1,
+            })
+        })
+        .collect::<Vec<_>>();
+    let metadata = query_relay(&state, &metadata_filters).await?;
+    let metadata_by_id = metadata
+        .iter()
+        .filter_map(|event| {
+            nostr_convert::channel_detail_from_event(event)
+                .ok()
+                .map(|detail| (detail.id.clone(), detail))
+        })
+        .collect::<std::collections::HashMap<_, _>>();
+    Ok(parsed
+        .into_iter()
+        .filter_map(|(event, session_channel_id)| {
+            let channel = metadata_by_id.get(&session_channel_id)?;
+            Some(ChannelSessionLink {
+                parent_channel_id: parent_channel_id.clone(),
+                session_channel_id,
+                creator_pubkey: event.pubkey.to_hex(),
+                created_at: event.created_at.as_secs() as i64,
+                channel: Some(channel.clone()),
+            })
+        })
+        .collect())
+}
diff --git a/desktop/src-tauri/src/events.rs b/desktop/src-tauri/src/events.rs
index 1828b3f560..cc1c1ba9ee 100644
--- a/desktop/src-tauri/src/events.rs
+++ b/desktop/src-tauri/src/events.rs
@@ -452,6 +452,29 @@ pub fn build_profile(
     Ok(EventBuilder::new(Kind::Custom(0), content))
 }
 
+// ── Sessions ─────────────────────────────────────────────────────────────────
+
+/// Build a durable parent-channel link to an ordinary private Session channel.
+pub fn build_session_link(
+    parent_channel_id: &str,
+    session_channel_id: &str,
+) -> Result<EventBuilder, String> {
+    validate_channel_id(parent_channel_id)?;
+    validate_channel_id(session_channel_id)?;
+    if parent_channel_id == session_channel_id {
+        return Err("a Session cannot be its own parent channel".into());
+    }
+    let tags = vec![tag(vec!["h", parent_channel_id])?];
+    let content = serde_json::json!({
+        "session_channel_id": session_channel_id,
+    });
+    Ok(EventBuilder::new(
+        Kind::Custom(buzz_core_pkg::kind::KIND_SESSION_LINK as u16),
+        content.to_string(),
+    )
+    .tags(tags))
+}
+
 // ── Huddles ──────────────────────────────────────────────────────────────────
 
 /// Validate that a string is a valid UUID (defense-in-depth for `&str` channel IDs).
diff --git a/desktop/src-tauri/src/lib.rs b/desktop/src-tauri/src/lib.rs
index 12082a2a82..fbd4ebc9a2 100644
--- a/desktop/src-tauri/src/lib.rs
+++ b/desktop/src-tauri/src/lib.rs
@@ -619,6 +619,9 @@ pub fn run() {
             get_channels,
             get_open_channel_directory,
             create_channel,
+            bootstrap_session,
+            list_pending_session_bootstraps,
+            list_channel_sessions,
             ensure_starter_channels,
             open_dm,
             get_bestie_assignment,
diff --git a/desktop/src-tauri/src/managed_agents/types/requests.rs b/desktop/src-tauri/src/managed_agents/types/requests.rs
index 824ca4ccf3..ac7d18064d 100644
--- a/desktop/src-tauri/src/managed_agents/types/requests.rs
+++ b/desktop/src-tauri/src/managed_agents/types/requests.rs
@@ -144,6 +144,12 @@ pub struct CreateManagedAgentRequest {
     #[serde(default)]
     pub team_id: Option<String>,
     pub relay_url: Option<String>,
+    /// Active workspace relay captured by the caller before creation began.
+    #[serde(default)]
+    pub expected_relay_url: Option<String>,
+    /// Active owner identity captured by the caller before creation began.
+    #[serde(default)]
+    pub expected_signer_pubkey: Option<String>,
     pub acp_command: Option<String>,
     pub agent_command: Option<String>,
     /// True when `agent_command` is a runtime command the user deliberately
diff --git a/desktop/src-tauri/src/models.rs b/desktop/src-tauri/src/models.rs
index 9693f1563a..9f8045de80 100644
--- a/desktop/src-tauri/src/models.rs
+++ b/desktop/src-tauri/src/models.rs
@@ -133,7 +133,7 @@ pub struct ChannelInfo {
     pub ttl_deadline: Option<String>,
 }
 
-#[derive(Serialize, Deserialize)]
+#[derive(Clone, Serialize, Deserialize)]
 pub struct ChannelDetailInfo {
     pub id: String,
     pub name: String,
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index be021e6051..ecbfa09dde 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -319,9 +319,18 @@ importers:
       '@fontsource/jetbrains-mono':
         specifier: ^5.3.0
         version: 5.3.0
+      '@tabler/icons-react':
+        specifier: ^3.46.0
+        version: 3.46.0(react@19.2.8)
       '@tanstack/react-router':
         specifier: ^1.168.10
         version: 1.170.7(react-dom@19.2.8(react@19.2.8))(react@19.2.8)
+      '@tauri-apps/api':
+        specifier: ~2.11.1
+        version: 2.11.1
+      dockview-react:
+        specifier: 8.2.0
+        version: 8.2.0(react-dom@19.2.8(react@19.2.8))(react@19.2.8)
       react:
         specifier: ^19.1.0
         version: 19.2.8
@@ -329,6 +338,9 @@ importers:
         specifier: ^19.1.0
         version: 19.2.8(react@19.2.8)
     devDependencies:
+      '@playwright/test':
+        specifier: ^1.60.0
+        version: 1.60.0
       '@tailwindcss/postcss':
         specifier: ^4.3.0
         version: 4.3.0
@@ -353,6 +365,9 @@ importers:
       vite:
         specifier: ^8.0.0
         version: 8.0.16(@types/node@25.6.0)(jiti@2.7.0)(yaml@2.9.0)
+      vitest:
+        specifier: ^4.1.11
+        version: 4.1.11(@types/node@25.6.0)(jsdom@27.4.0(@noble/hashes@2.2.0))(vite@8.0.16(@types/node@25.6.0)(jiti@2.7.0)(yaml@2.9.0))
 
   web:
     dependencies:
@@ -1671,6 +1686,14 @@ packages:
   '@standard-schema/spec@1.1.0':
     resolution: {integrity: sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==}
 
+  '@tabler/icons-react@3.46.0':
+    resolution: {integrity: sha512-CCm7xJWhDT2PH4ZIFkP6AgYKtVhq0gpYkjUN+GVh1AzmIQaa77OW0bQPBPQiTE0PsXMR9oSxFqA3qBglzPyrVQ==}
+    peerDependencies:
+      react: '>= 16'
+
+  '@tabler/icons@3.46.0':
+    resolution: {integrity: sha512-f2RYFl3fzPwj5WO82x6en0dmkjefxEfOm16D1ByM6cj/McNiwOkL4VaPUoP9VVIrXAD9WnTSVFr70px703b//A==}
+
   '@tailwindcss/node@4.3.0':
     resolution: {integrity: sha512-aFb4gUhFOgdh9AXo4IzBEOzBkkAxm9VigwDJnMIYv3lcfXCJVesNfbEaBl4BNgVRyid92AmdviqwBUBRKSeY3g==}
 
@@ -2458,6 +2481,18 @@ packages:
   dijkstrajs@1.0.3:
     resolution: {integrity: sha512-qiSlmBq9+BCdCA/L46dw8Uy93mloxsPSbwnm5yrKn2vMPiy8KyAskTF6zuV/j5BMsmOGZDPs7KjU+mjb670kfA==}
 
+  dockview-core@8.2.0:
+    resolution: {integrity: sha512-+L+xdvmO1b4in8rVkFtQM13IkPDKqDLoHJvq5HtAIsMxsPptSVveKeViYBqquaoHF+t0xb9f6692gTeKnjCKGw==}
+
+  dockview-react@8.2.0:
+    resolution: {integrity: sha512-OHa/4uuaw3VpHVkGophdYh2U1f5tOvp/ANf5CAE3QQVh2oSMKNimaWaFXEg/R1wGBdZogQyYOKQSU+wLrE0taw==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
+  dockview@8.2.0:
+    resolution: {integrity: sha512-Jj+fnFWSrdEhF+1DmpGNYjEvyqf7J0FHkDqsD98wL4WOYB2CSKavDCL49B3LHIGYvWNN7Q1O1j4p7Pts38CM5A==}
+
   dom-accessibility-api@0.5.16:
     resolution: {integrity: sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==}
 
@@ -4945,6 +4980,13 @@ snapshots:
 
   '@standard-schema/spec@1.1.0': {}
 
+  '@tabler/icons-react@3.46.0(react@19.2.8)':
+    dependencies:
+      '@tabler/icons': 3.46.0
+      react: 19.2.8
+
+  '@tabler/icons@3.46.0': {}
+
   '@tailwindcss/node@4.3.0':
     dependencies:
       '@jridgewell/remapping': 2.3.5
@@ -5705,6 +5747,18 @@ snapshots:
 
   dijkstrajs@1.0.3: {}
 
+  dockview-core@8.2.0: {}
+
+  dockview-react@8.2.0(react-dom@19.2.8(react@19.2.8))(react@19.2.8):
+    dependencies:
+      dockview: 8.2.0
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+
+  dockview@8.2.0:
+    dependencies:
+      dockview-core: 8.2.0
+
   dom-accessibility-api@0.5.16: {}
 
   dom-accessibility-api@0.6.3: {}

From ef1b407e025ee65f2d9e4ac0e6e2290d68826f7b Mon Sep 17 00:00:00 2001
From: morgmart <98432065+morgmart@users.noreply.github.com>
Date: Fri, 4 Sep 2026 21:45:07 -0700
Subject: [PATCH 10/33] feat(desktop-new): establish visual component
 foundation

Signed-off-by: morgmart <98432065+morgmart@users.noreply.github.com>
---
 Justfile                                      |  10 +-
 {desktop-next => desktop-new}/.gitignore      |   0
 {desktop-next => desktop-new}/AGENTS.md       |   2 +-
 {desktop-next => desktop-new}/DESIGN.md       |   0
 {desktop-next => desktop-new}/biome.json      |   0
 {desktop-next => desktop-new}/index.html      |   0
 {desktop-next => desktop-new}/package.json    |   6 +-
 .../playwright.config.ts                      |   0
 .../postcss.config.js                         |   0
 desktop-new/public/design-system/morgan.png   | Bin 0 -> 423598 bytes
 .../scripts/apca.mjs                          |   0
 .../scripts/check-contrast.mjs                |   0
 .../scripts/check-type.mjs                    |   0
 .../src/app/routes/__root.tsx                 |   0
 .../src/app/routes/design.tsx                 |   0
 .../src/app/routes/design/color.tsx           |   0
 .../src/app/routes/design/color_.table.tsx    |   0
 .../src/app/routes/design/components.tsx      |   6 +
 .../routes/design/components_.$component.tsx  |  11 +
 .../src/app/routes/design/elevation.tsx       |   0
 .../src/app/routes/design/glass.tsx           |   0
 .../src/app/routes/design/growth.tsx          |   0
 .../src/app/routes/design/index.tsx           |   0
 .../src/app/routes/design/motion.tsx          |   0
 .../src/app/routes/design/radius.tsx          |   0
 .../src/app/routes/design/spacing.tsx         |   0
 .../src/app/routes/design/typography.tsx      |   0
 .../src/app/routes/design/vocabulary.tsx      |   0
 .../src/app/routes/index.tsx                  |   0
 .../src/features/agents/runtime.ts            |   0
 .../src/features/agents/types.ts              |   0
 .../features/agents/ui/AgentsWorkspace.tsx    |   0
 .../design-system/ui/ColorTablePage.tsx       |   0
 .../features/design-system/ui/ColourPage.tsx  |   0
 .../design-system/ui/ComponentDetailPage.tsx  |  17 +
 .../design-system/ui/ComponentsPage.tsx       |  32 ++
 .../design-system/ui/DesignSystemLayout.tsx   |  12 +-
 .../design-system/ui/ElevationPage.tsx        |   0
 .../design-system/ui/FoundationScale.tsx      |  22 +
 .../features/design-system/ui/GlassPage.tsx   |   0
 .../features/design-system/ui/GrowthPage.tsx  |   0
 .../features/design-system/ui/MotionPage.tsx  |  43 ++
 .../design-system/ui/OverviewPage.tsx         |   0
 .../features/design-system/ui/RadiusPage.tsx  |  39 ++
 .../features/design-system/ui/SpacingPage.tsx |  38 ++
 .../design-system/ui/TypographyPage.tsx       |   0
 .../design-system/ui/VocabularyPage.tsx       |   0
 .../design-system/ui/componentSpecimens.tsx   | 393 ++++++++++++++++++
 .../features/design-system/ui/primitives.tsx  |   0
 .../design-system/useResolvedToken.ts         |   0
 .../features/sessions/activityProjection.ts   |   0
 .../sessions/channelWindowProjection.test.ts  |   0
 .../sessions/channelWindowProjection.ts       |   0
 .../src/features/sessions/sessionRegistry.ts  |   0
 .../src/features/sessions/types.ts            |   0
 .../features/sessions/ui/AgentActivity.tsx    |   2 +-
 .../src/features/sessions/ui/AppShell.tsx     |   0
 .../features/sessions/ui/NewSessionView.tsx   |   0
 .../sessions/ui/ParticipantDialog.tsx         |   2 +-
 .../features/sessions/ui/SessionComposer.tsx  |   0
 .../src/features/sessions/ui/SessionView.tsx  |   0
 {desktop-next => desktop-new}/src/main.tsx    |   0
 .../src/shared/runtime/client.ts              |   0
 .../src/shared/styles/agents.css              |   0
 desktop-new/src/shared/styles/components.css  | 339 +++++++++++++++
 .../src/shared/styles/design-components.css   | 159 +++++++
 .../src/shared/styles/globals.css             |   2 +
 .../src/shared/styles/product.css             |   0
 .../src/shared/styles/tokens.css              |  52 +++
 .../src/shared/styles/typography.css          |   0
 .../src/shared/theme/useColorScheme.ts        |   0
 .../src/shared/tokens/registry.ts             | 132 ++++++
 desktop-new/src/shared/ui/Avatar.tsx          |  24 ++
 desktop-new/src/shared/ui/Button.tsx          |  34 ++
 .../src/shared/ui/DockWorkspace.tsx           |   0
 desktop-new/src/shared/ui/IconButton.tsx      |  33 ++
 desktop-new/src/shared/ui/NavigatorRow.tsx    |  36 ++
 .../src/shared/ui/NavigatorSection.tsx        |  18 +
 desktop-new/src/shared/ui/PanelHeader.tsx     |  27 ++
 desktop-new/src/shared/ui/SearchField.tsx     |  37 ++
 .../src/shared/ui/SegmentedNavigation.tsx     |  45 ++
 .../src/shared/ui/WorkspaceSurface.tsx        |  27 ++
 desktop-new/src/shared/ui/registry.ts         |  96 +++++
 .../src/vite-env.d.ts                         |   0
 {desktop-next => desktop-new}/tauri.conf.json |   6 +-
 .../tests/sessions.spec.ts                    |   0
 {desktop-next => desktop-new}/tsconfig.json   |   0
 {desktop-next => desktop-new}/vite.config.ts  |   0
 .../features/design-system/ui/MotionPage.tsx  |  41 --
 .../features/design-system/ui/RadiusPage.tsx  |  24 --
 .../features/design-system/ui/SpacingPage.tsx |  25 --
 pnpm-lock.yaml                                |  39 +-
 pnpm-workspace.yaml                           |   2 +-
 93 files changed, 1707 insertions(+), 126 deletions(-)
 rename {desktop-next => desktop-new}/.gitignore (100%)
 rename {desktop-next => desktop-new}/AGENTS.md (99%)
 rename {desktop-next => desktop-new}/DESIGN.md (100%)
 rename {desktop-next => desktop-new}/biome.json (100%)
 rename {desktop-next => desktop-new}/index.html (100%)
 rename {desktop-next => desktop-new}/package.json (88%)
 rename {desktop-next => desktop-new}/playwright.config.ts (100%)
 rename {desktop-next => desktop-new}/postcss.config.js (100%)
 create mode 100644 desktop-new/public/design-system/morgan.png
 rename {desktop-next => desktop-new}/scripts/apca.mjs (100%)
 rename {desktop-next => desktop-new}/scripts/check-contrast.mjs (100%)
 rename {desktop-next => desktop-new}/scripts/check-type.mjs (100%)
 rename {desktop-next => desktop-new}/src/app/routes/__root.tsx (100%)
 rename {desktop-next => desktop-new}/src/app/routes/design.tsx (100%)
 rename {desktop-next => desktop-new}/src/app/routes/design/color.tsx (100%)
 rename {desktop-next => desktop-new}/src/app/routes/design/color_.table.tsx (100%)
 create mode 100644 desktop-new/src/app/routes/design/components.tsx
 create mode 100644 desktop-new/src/app/routes/design/components_.$component.tsx
 rename {desktop-next => desktop-new}/src/app/routes/design/elevation.tsx (100%)
 rename {desktop-next => desktop-new}/src/app/routes/design/glass.tsx (100%)
 rename {desktop-next => desktop-new}/src/app/routes/design/growth.tsx (100%)
 rename {desktop-next => desktop-new}/src/app/routes/design/index.tsx (100%)
 rename {desktop-next => desktop-new}/src/app/routes/design/motion.tsx (100%)
 rename {desktop-next => desktop-new}/src/app/routes/design/radius.tsx (100%)
 rename {desktop-next => desktop-new}/src/app/routes/design/spacing.tsx (100%)
 rename {desktop-next => desktop-new}/src/app/routes/design/typography.tsx (100%)
 rename {desktop-next => desktop-new}/src/app/routes/design/vocabulary.tsx (100%)
 rename {desktop-next => desktop-new}/src/app/routes/index.tsx (100%)
 rename {desktop-next => desktop-new}/src/features/agents/runtime.ts (100%)
 rename {desktop-next => desktop-new}/src/features/agents/types.ts (100%)
 rename {desktop-next => desktop-new}/src/features/agents/ui/AgentsWorkspace.tsx (100%)
 rename {desktop-next => desktop-new}/src/features/design-system/ui/ColorTablePage.tsx (100%)
 rename {desktop-next => desktop-new}/src/features/design-system/ui/ColourPage.tsx (100%)
 create mode 100644 desktop-new/src/features/design-system/ui/ComponentDetailPage.tsx
 create mode 100644 desktop-new/src/features/design-system/ui/ComponentsPage.tsx
 rename {desktop-next => desktop-new}/src/features/design-system/ui/DesignSystemLayout.tsx (94%)
 rename {desktop-next => desktop-new}/src/features/design-system/ui/ElevationPage.tsx (100%)
 create mode 100644 desktop-new/src/features/design-system/ui/FoundationScale.tsx
 rename {desktop-next => desktop-new}/src/features/design-system/ui/GlassPage.tsx (100%)
 rename {desktop-next => desktop-new}/src/features/design-system/ui/GrowthPage.tsx (100%)
 create mode 100644 desktop-new/src/features/design-system/ui/MotionPage.tsx
 rename {desktop-next => desktop-new}/src/features/design-system/ui/OverviewPage.tsx (100%)
 create mode 100644 desktop-new/src/features/design-system/ui/RadiusPage.tsx
 create mode 100644 desktop-new/src/features/design-system/ui/SpacingPage.tsx
 rename {desktop-next => desktop-new}/src/features/design-system/ui/TypographyPage.tsx (100%)
 rename {desktop-next => desktop-new}/src/features/design-system/ui/VocabularyPage.tsx (100%)
 create mode 100644 desktop-new/src/features/design-system/ui/componentSpecimens.tsx
 rename {desktop-next => desktop-new}/src/features/design-system/ui/primitives.tsx (100%)
 rename {desktop-next => desktop-new}/src/features/design-system/useResolvedToken.ts (100%)
 rename {desktop-next => desktop-new}/src/features/sessions/activityProjection.ts (100%)
 rename {desktop-next => desktop-new}/src/features/sessions/channelWindowProjection.test.ts (100%)
 rename {desktop-next => desktop-new}/src/features/sessions/channelWindowProjection.ts (100%)
 rename {desktop-next => desktop-new}/src/features/sessions/sessionRegistry.ts (100%)
 rename {desktop-next => desktop-new}/src/features/sessions/types.ts (100%)
 rename {desktop-next => desktop-new}/src/features/sessions/ui/AgentActivity.tsx (97%)
 rename {desktop-next => desktop-new}/src/features/sessions/ui/AppShell.tsx (100%)
 rename {desktop-next => desktop-new}/src/features/sessions/ui/NewSessionView.tsx (100%)
 rename {desktop-next => desktop-new}/src/features/sessions/ui/ParticipantDialog.tsx (98%)
 rename {desktop-next => desktop-new}/src/features/sessions/ui/SessionComposer.tsx (100%)
 rename {desktop-next => desktop-new}/src/features/sessions/ui/SessionView.tsx (100%)
 rename {desktop-next => desktop-new}/src/main.tsx (100%)
 rename {desktop-next => desktop-new}/src/shared/runtime/client.ts (100%)
 rename {desktop-next => desktop-new}/src/shared/styles/agents.css (100%)
 create mode 100644 desktop-new/src/shared/styles/components.css
 create mode 100644 desktop-new/src/shared/styles/design-components.css
 rename {desktop-next => desktop-new}/src/shared/styles/globals.css (94%)
 rename {desktop-next => desktop-new}/src/shared/styles/product.css (100%)
 rename {desktop-next => desktop-new}/src/shared/styles/tokens.css (88%)
 rename {desktop-next => desktop-new}/src/shared/styles/typography.css (100%)
 rename {desktop-next => desktop-new}/src/shared/theme/useColorScheme.ts (100%)
 rename {desktop-next => desktop-new}/src/shared/tokens/registry.ts (88%)
 create mode 100644 desktop-new/src/shared/ui/Avatar.tsx
 create mode 100644 desktop-new/src/shared/ui/Button.tsx
 rename {desktop-next => desktop-new}/src/shared/ui/DockWorkspace.tsx (100%)
 create mode 100644 desktop-new/src/shared/ui/IconButton.tsx
 create mode 100644 desktop-new/src/shared/ui/NavigatorRow.tsx
 create mode 100644 desktop-new/src/shared/ui/NavigatorSection.tsx
 create mode 100644 desktop-new/src/shared/ui/PanelHeader.tsx
 create mode 100644 desktop-new/src/shared/ui/SearchField.tsx
 create mode 100644 desktop-new/src/shared/ui/SegmentedNavigation.tsx
 create mode 100644 desktop-new/src/shared/ui/WorkspaceSurface.tsx
 create mode 100644 desktop-new/src/shared/ui/registry.ts
 rename {desktop-next => desktop-new}/src/vite-env.d.ts (100%)
 rename {desktop-next => desktop-new}/tauri.conf.json (81%)
 rename {desktop-next => desktop-new}/tests/sessions.spec.ts (100%)
 rename {desktop-next => desktop-new}/tsconfig.json (100%)
 rename {desktop-next => desktop-new}/vite.config.ts (100%)
 delete mode 100644 desktop-next/src/features/design-system/ui/MotionPage.tsx
 delete mode 100644 desktop-next/src/features/design-system/ui/RadiusPage.tsx
 delete mode 100644 desktop-next/src/features/design-system/ui/SpacingPage.tsx

diff --git a/Justfile b/Justfile
index 707a56c6cc..cade9a5d04 100644
--- a/Justfile
+++ b/Justfile
@@ -656,8 +656,8 @@ dev *ARGS: bootstrap _ensure-sidecar-stubs _ensure-migrations
     pnpm exec tauri dev ${FEATURES[@]+"${FEATURES[@]}"} --config "$BUZZ_TAURI_CONFIG" {{ARGS}}
 
 
-# Run desktop-next in dev mode with the same local relay, services, ports, and identity as `dev`.
-desktop-next-dev *ARGS: bootstrap _ensure-sidecar-stubs _ensure-migrations
+# Run desktop-new in dev mode with the same local relay, services, ports, and identity as `dev`.
+desktop-new-dev *ARGS: bootstrap _ensure-sidecar-stubs _ensure-migrations
     #!/usr/bin/env bash
     set -euo pipefail
     export PATH="{{justfile_directory()}}/bin:$PATH"
@@ -711,7 +711,7 @@ desktop-next-dev *ARGS: bootstrap _ensure-sidecar-stubs _ensure-migrations
         exit 1
     fi
     [[ -d desktop/node_modules ]] || pnpm --dir desktop install
-    [[ -d desktop-next/node_modules ]] || pnpm --dir desktop-next install
+    [[ -d desktop-new/node_modules ]] || pnpm --dir desktop-new install
     cd {{desktop_dir}}
     source ../scripts/instance-env.sh
     # Keep instance-env's worktree-specific identifier, ports, icon, reset URL,
@@ -720,11 +720,11 @@ desktop-next-dev *ARGS: bootstrap _ensure-sidecar-stubs _ensure-migrations
       const config = JSON.parse(process.env.BUZZ_TAURI_CONFIG);
       config.productName = `Buzz Sessions (${process.env.BUZZ_WORKTREE_LABEL ?? "Dev"})`;
       config.build.devUrl = `http://localhost:${process.env.BUZZ_VITE_PORT}${process.env.BUZZ_RESET_WEBVIEW_STATE === "1" ? "?resetDevState=1" : ""}`;
-      config.build.beforeDevCommand = `exec pnpm --dir ../desktop-next exec vite --port ${process.env.BUZZ_VITE_PORT} --strictPort`;
+      config.build.beforeDevCommand = `exec pnpm --dir ../desktop-new exec vite --port ${process.env.BUZZ_VITE_PORT} --strictPort`;
       console.log(JSON.stringify(config));
     ')
     INSTANCE_ID=$(node -e "console.log(JSON.parse(process.env.BUZZ_TAURI_CONFIG).identifier)")
-    echo "Starting desktop-next on Vite port ${BUZZ_VITE_PORT}, relay ${BUZZ_RELAY_URL}"
+    echo "Starting desktop-new on Vite port ${BUZZ_VITE_PORT}, relay ${BUZZ_RELAY_URL}"
     FEATURES=(); [[ -n "{{mesh}}" ]] && FEATURES=(--features mesh-llm)
     pnpm exec tauri dev ${FEATURES[@]+"${FEATURES[@]}"} --config "$BUZZ_TAURI_CONFIG" {{ARGS}}
 
diff --git a/desktop-next/.gitignore b/desktop-new/.gitignore
similarity index 100%
rename from desktop-next/.gitignore
rename to desktop-new/.gitignore
diff --git a/desktop-next/AGENTS.md b/desktop-new/AGENTS.md
similarity index 99%
rename from desktop-next/AGENTS.md
rename to desktop-new/AGENTS.md
index a173d42126..6654001a0c 100644
--- a/desktop-next/AGENTS.md
+++ b/desktop-new/AGENTS.md
@@ -1,4 +1,4 @@
-# AGENTS.md — desktop-next
+# AGENTS.md — desktop-new
 
 This is a **new Buzz desktop client, built from scratch.** It is not a fork of
 `desktop/` and not a migration target. The existing client stays untouched; this
diff --git a/desktop-next/DESIGN.md b/desktop-new/DESIGN.md
similarity index 100%
rename from desktop-next/DESIGN.md
rename to desktop-new/DESIGN.md
diff --git a/desktop-next/biome.json b/desktop-new/biome.json
similarity index 100%
rename from desktop-next/biome.json
rename to desktop-new/biome.json
diff --git a/desktop-next/index.html b/desktop-new/index.html
similarity index 100%
rename from desktop-next/index.html
rename to desktop-new/index.html
diff --git a/desktop-next/package.json b/desktop-new/package.json
similarity index 88%
rename from desktop-next/package.json
rename to desktop-new/package.json
index 3c512d6e35..ade1557399 100644
--- a/desktop-next/package.json
+++ b/desktop-new/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "buzz-desktop-next",
+  "name": "buzz-desktop-new",
   "private": true,
   "version": "0.0.0",
   "type": "module",
@@ -15,10 +15,10 @@
     "check:contrast": "node scripts/check-contrast.mjs",
     "test": "vitest run src",
     "test:e2e": "playwright test",
-    "tauri:dev": "node ../desktop/scripts/tauri-command.mjs dev --config ../desktop-next/tauri.conf.json --config ../desktop/src-tauri/tauri.dev.conf.json"
+    "tauri:dev": "node ../desktop/scripts/tauri-command.mjs dev --config ../desktop-new/tauri.conf.json --config ../desktop/src-tauri/tauri.dev.conf.json"
   },
   "dependencies": {
-    "@base-ui-components/react": "1.0.0-rc.0",
+    "@base-ui/react": "1.7.0",
     "@fontsource-variable/inter": "^5.2.8",
     "@fontsource/jetbrains-mono": "^5.3.0",
     "@tabler/icons-react": "^3.46.0",
diff --git a/desktop-next/playwright.config.ts b/desktop-new/playwright.config.ts
similarity index 100%
rename from desktop-next/playwright.config.ts
rename to desktop-new/playwright.config.ts
diff --git a/desktop-next/postcss.config.js b/desktop-new/postcss.config.js
similarity index 100%
rename from desktop-next/postcss.config.js
rename to desktop-new/postcss.config.js
diff --git a/desktop-new/public/design-system/morgan.png b/desktop-new/public/design-system/morgan.png
new file mode 100644
index 0000000000000000000000000000000000000000..2effb1eda70604f8cb9b1e6218450e7e0b58a95f
GIT binary patch
literal 423598
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%0A^}1Is>A<XN{lVJ(
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%0A~+S)OX-#zs4@?D_~>yy
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

literal 0
HcmV?d00001

diff --git a/desktop-next/scripts/apca.mjs b/desktop-new/scripts/apca.mjs
similarity index 100%
rename from desktop-next/scripts/apca.mjs
rename to desktop-new/scripts/apca.mjs
diff --git a/desktop-next/scripts/check-contrast.mjs b/desktop-new/scripts/check-contrast.mjs
similarity index 100%
rename from desktop-next/scripts/check-contrast.mjs
rename to desktop-new/scripts/check-contrast.mjs
diff --git a/desktop-next/scripts/check-type.mjs b/desktop-new/scripts/check-type.mjs
similarity index 100%
rename from desktop-next/scripts/check-type.mjs
rename to desktop-new/scripts/check-type.mjs
diff --git a/desktop-next/src/app/routes/__root.tsx b/desktop-new/src/app/routes/__root.tsx
similarity index 100%
rename from desktop-next/src/app/routes/__root.tsx
rename to desktop-new/src/app/routes/__root.tsx
diff --git a/desktop-next/src/app/routes/design.tsx b/desktop-new/src/app/routes/design.tsx
similarity index 100%
rename from desktop-next/src/app/routes/design.tsx
rename to desktop-new/src/app/routes/design.tsx
diff --git a/desktop-next/src/app/routes/design/color.tsx b/desktop-new/src/app/routes/design/color.tsx
similarity index 100%
rename from desktop-next/src/app/routes/design/color.tsx
rename to desktop-new/src/app/routes/design/color.tsx
diff --git a/desktop-next/src/app/routes/design/color_.table.tsx b/desktop-new/src/app/routes/design/color_.table.tsx
similarity index 100%
rename from desktop-next/src/app/routes/design/color_.table.tsx
rename to desktop-new/src/app/routes/design/color_.table.tsx
diff --git a/desktop-new/src/app/routes/design/components.tsx b/desktop-new/src/app/routes/design/components.tsx
new file mode 100644
index 0000000000..e6b185b224
--- /dev/null
+++ b/desktop-new/src/app/routes/design/components.tsx
@@ -0,0 +1,6 @@
+import { createFileRoute } from "@tanstack/react-router";
+import { ComponentsPage } from "@/features/design-system/ui/ComponentsPage";
+
+export const Route = createFileRoute("/design/components")({
+  component: ComponentsPage,
+});
diff --git a/desktop-new/src/app/routes/design/components_.$component.tsx b/desktop-new/src/app/routes/design/components_.$component.tsx
new file mode 100644
index 0000000000..cd4df735c4
--- /dev/null
+++ b/desktop-new/src/app/routes/design/components_.$component.tsx
@@ -0,0 +1,11 @@
+import { createFileRoute } from "@tanstack/react-router";
+import { ComponentDetailPage } from "@/features/design-system/ui/ComponentDetailPage";
+
+export const Route = createFileRoute("/design/components_/$component")({
+  component: ComponentRoute,
+});
+
+function ComponentRoute() {
+  const { component } = Route.useParams();
+  return <ComponentDetailPage slug={component} />;
+}
diff --git a/desktop-next/src/app/routes/design/elevation.tsx b/desktop-new/src/app/routes/design/elevation.tsx
similarity index 100%
rename from desktop-next/src/app/routes/design/elevation.tsx
rename to desktop-new/src/app/routes/design/elevation.tsx
diff --git a/desktop-next/src/app/routes/design/glass.tsx b/desktop-new/src/app/routes/design/glass.tsx
similarity index 100%
rename from desktop-next/src/app/routes/design/glass.tsx
rename to desktop-new/src/app/routes/design/glass.tsx
diff --git a/desktop-next/src/app/routes/design/growth.tsx b/desktop-new/src/app/routes/design/growth.tsx
similarity index 100%
rename from desktop-next/src/app/routes/design/growth.tsx
rename to desktop-new/src/app/routes/design/growth.tsx
diff --git a/desktop-next/src/app/routes/design/index.tsx b/desktop-new/src/app/routes/design/index.tsx
similarity index 100%
rename from desktop-next/src/app/routes/design/index.tsx
rename to desktop-new/src/app/routes/design/index.tsx
diff --git a/desktop-next/src/app/routes/design/motion.tsx b/desktop-new/src/app/routes/design/motion.tsx
similarity index 100%
rename from desktop-next/src/app/routes/design/motion.tsx
rename to desktop-new/src/app/routes/design/motion.tsx
diff --git a/desktop-next/src/app/routes/design/radius.tsx b/desktop-new/src/app/routes/design/radius.tsx
similarity index 100%
rename from desktop-next/src/app/routes/design/radius.tsx
rename to desktop-new/src/app/routes/design/radius.tsx
diff --git a/desktop-next/src/app/routes/design/spacing.tsx b/desktop-new/src/app/routes/design/spacing.tsx
similarity index 100%
rename from desktop-next/src/app/routes/design/spacing.tsx
rename to desktop-new/src/app/routes/design/spacing.tsx
diff --git a/desktop-next/src/app/routes/design/typography.tsx b/desktop-new/src/app/routes/design/typography.tsx
similarity index 100%
rename from desktop-next/src/app/routes/design/typography.tsx
rename to desktop-new/src/app/routes/design/typography.tsx
diff --git a/desktop-next/src/app/routes/design/vocabulary.tsx b/desktop-new/src/app/routes/design/vocabulary.tsx
similarity index 100%
rename from desktop-next/src/app/routes/design/vocabulary.tsx
rename to desktop-new/src/app/routes/design/vocabulary.tsx
diff --git a/desktop-next/src/app/routes/index.tsx b/desktop-new/src/app/routes/index.tsx
similarity index 100%
rename from desktop-next/src/app/routes/index.tsx
rename to desktop-new/src/app/routes/index.tsx
diff --git a/desktop-next/src/features/agents/runtime.ts b/desktop-new/src/features/agents/runtime.ts
similarity index 100%
rename from desktop-next/src/features/agents/runtime.ts
rename to desktop-new/src/features/agents/runtime.ts
diff --git a/desktop-next/src/features/agents/types.ts b/desktop-new/src/features/agents/types.ts
similarity index 100%
rename from desktop-next/src/features/agents/types.ts
rename to desktop-new/src/features/agents/types.ts
diff --git a/desktop-next/src/features/agents/ui/AgentsWorkspace.tsx b/desktop-new/src/features/agents/ui/AgentsWorkspace.tsx
similarity index 100%
rename from desktop-next/src/features/agents/ui/AgentsWorkspace.tsx
rename to desktop-new/src/features/agents/ui/AgentsWorkspace.tsx
diff --git a/desktop-next/src/features/design-system/ui/ColorTablePage.tsx b/desktop-new/src/features/design-system/ui/ColorTablePage.tsx
similarity index 100%
rename from desktop-next/src/features/design-system/ui/ColorTablePage.tsx
rename to desktop-new/src/features/design-system/ui/ColorTablePage.tsx
diff --git a/desktop-next/src/features/design-system/ui/ColourPage.tsx b/desktop-new/src/features/design-system/ui/ColourPage.tsx
similarity index 100%
rename from desktop-next/src/features/design-system/ui/ColourPage.tsx
rename to desktop-new/src/features/design-system/ui/ColourPage.tsx
diff --git a/desktop-new/src/features/design-system/ui/ComponentDetailPage.tsx b/desktop-new/src/features/design-system/ui/ComponentDetailPage.tsx
new file mode 100644
index 0000000000..73d537dcf3
--- /dev/null
+++ b/desktop-new/src/features/design-system/ui/ComponentDetailPage.tsx
@@ -0,0 +1,17 @@
+import { COMPONENTS } from "@/shared/ui/registry";
+import { COMPONENT_SPECIMENS } from "./componentSpecimens";
+
+export function ComponentDetailPage({ slug }: { slug: string }) {
+  const component = COMPONENTS.find((candidate) => candidate.slug === slug);
+  if (!component) return null;
+  const Specimen = COMPONENT_SPECIMENS[component.slug];
+
+  return (
+    <>
+      <header className="component-page-heading">
+        <h1 className="text-title text-primary">{component.name}</h1>
+      </header>
+      {Specimen ? <Specimen /> : null}
+    </>
+  );
+}
diff --git a/desktop-new/src/features/design-system/ui/ComponentsPage.tsx b/desktop-new/src/features/design-system/ui/ComponentsPage.tsx
new file mode 100644
index 0000000000..e942398a6f
--- /dev/null
+++ b/desktop-new/src/features/design-system/ui/ComponentsPage.tsx
@@ -0,0 +1,32 @@
+import { Link } from "@tanstack/react-router";
+import { COMPONENTS } from "@/shared/ui/registry";
+import { COMPONENT_SPECIMENS } from "./componentSpecimens";
+
+export function ComponentsPage() {
+  return (
+    <>
+      <header className="component-page-heading">
+        <h1 className="text-title text-primary">Components</h1>
+      </header>
+      <div className="component-overview-grid">
+        {COMPONENTS.map((component) => {
+          const Specimen = COMPONENT_SPECIMENS[component.slug];
+          return (
+            <article key={component.slug} className="component-overview-item">
+              <div className="component-overview-preview">
+                {Specimen ? <Specimen /> : null}
+              </div>
+              <Link
+                to="/design/components/$component"
+                params={{ component: component.slug }}
+                className="text-body text-primary"
+              >
+                {component.name}
+              </Link>
+            </article>
+          );
+        })}
+      </div>
+    </>
+  );
+}
diff --git a/desktop-next/src/features/design-system/ui/DesignSystemLayout.tsx b/desktop-new/src/features/design-system/ui/DesignSystemLayout.tsx
similarity index 94%
rename from desktop-next/src/features/design-system/ui/DesignSystemLayout.tsx
rename to desktop-new/src/features/design-system/ui/DesignSystemLayout.tsx
index a7aef5659d..f2a9fb3462 100644
--- a/desktop-next/src/features/design-system/ui/DesignSystemLayout.tsx
+++ b/desktop-new/src/features/design-system/ui/DesignSystemLayout.tsx
@@ -2,6 +2,7 @@ import { Link, Outlet } from "@tanstack/react-router";
 import { Fragment, type ReactNode } from "react";
 
 import { useColorScheme } from "@/shared/theme/useColorScheme";
+import { COMPONENTS } from "@/shared/ui/registry";
 
 /** A nav entry, optionally with children shown indented beneath it. */
 type NavItem = [label: string, to: string, children?: Array<[string, string]>];
@@ -31,7 +32,16 @@ const SECTIONS: Array<{ heading: string; items: NavItem[] }> = [
   },
   {
     heading: "Components",
-    items: [],
+    items: [
+      [
+        "Overview",
+        "/design/components",
+        COMPONENTS.map((component) => [
+          component.name,
+          `/design/components/${component.slug}`,
+        ]),
+      ],
+    ],
   },
 ];
 
diff --git a/desktop-next/src/features/design-system/ui/ElevationPage.tsx b/desktop-new/src/features/design-system/ui/ElevationPage.tsx
similarity index 100%
rename from desktop-next/src/features/design-system/ui/ElevationPage.tsx
rename to desktop-new/src/features/design-system/ui/ElevationPage.tsx
diff --git a/desktop-new/src/features/design-system/ui/FoundationScale.tsx b/desktop-new/src/features/design-system/ui/FoundationScale.tsx
new file mode 100644
index 0000000000..9fad452bc9
--- /dev/null
+++ b/desktop-new/src/features/design-system/ui/FoundationScale.tsx
@@ -0,0 +1,22 @@
+type FoundationItem = {
+  token: string;
+  value: string;
+  use: string;
+};
+
+export function FoundationScale({ items }: { items: FoundationItem[] }) {
+  return (
+    <div className="flex flex-col">
+      {items.map((item) => (
+        <div
+          key={item.token}
+          className="grid gap-2 border-tertiary border-b py-3 last:border-b-0 sm:grid-cols-[10rem_7rem_1fr]"
+        >
+          <code className="text-mono text-primary">{item.token}</code>
+          <span className="text-body-sm text-tertiary">{item.value}</span>
+          <span className="text-body text-secondary">{item.use}</span>
+        </div>
+      ))}
+    </div>
+  );
+}
diff --git a/desktop-next/src/features/design-system/ui/GlassPage.tsx b/desktop-new/src/features/design-system/ui/GlassPage.tsx
similarity index 100%
rename from desktop-next/src/features/design-system/ui/GlassPage.tsx
rename to desktop-new/src/features/design-system/ui/GlassPage.tsx
diff --git a/desktop-next/src/features/design-system/ui/GrowthPage.tsx b/desktop-new/src/features/design-system/ui/GrowthPage.tsx
similarity index 100%
rename from desktop-next/src/features/design-system/ui/GrowthPage.tsx
rename to desktop-new/src/features/design-system/ui/GrowthPage.tsx
diff --git a/desktop-new/src/features/design-system/ui/MotionPage.tsx b/desktop-new/src/features/design-system/ui/MotionPage.tsx
new file mode 100644
index 0000000000..cbc182000d
--- /dev/null
+++ b/desktop-new/src/features/design-system/ui/MotionPage.tsx
@@ -0,0 +1,43 @@
+import { MOTION } from "@/shared/tokens/registry";
+import { FoundationScale } from "./FoundationScale";
+import { PageHeader, Section } from "./primitives";
+
+export function MotionPage() {
+  return (
+    <>
+      <PageHeader
+        title="Motion"
+        status="forming"
+        intro="State changes are quick and geometry settles deliberately. Direct manipulation itself remains immediate: a panel follows the pointer with no smoothing, then uses the settling curve only after release."
+      />
+
+      <Section title="Roles">
+        <FoundationScale
+          items={MOTION.map((item) => ({
+            token: item.token,
+            value: item.value,
+            use: item.use,
+          }))}
+        />
+      </Section>
+
+      <Section
+        title="Rules"
+        description="The values are small; the constraints are the system."
+      >
+        <ul className="flex list-disc flex-col gap-2 pl-5">
+          {[
+            "Direct manipulation follows the pointer exactly. Easing begins only after release.",
+            "Never animate blur. Change opacity when glass enters or leaves.",
+            "Reduced motion makes every transition immediate without changing state.",
+            "Motion explains selection, entry, exit, or changed geometry; it never decorates still content.",
+          ].map((rule) => (
+            <li key={rule} className="text-body text-secondary">
+              {rule}
+            </li>
+          ))}
+        </ul>
+      </Section>
+    </>
+  );
+}
diff --git a/desktop-next/src/features/design-system/ui/OverviewPage.tsx b/desktop-new/src/features/design-system/ui/OverviewPage.tsx
similarity index 100%
rename from desktop-next/src/features/design-system/ui/OverviewPage.tsx
rename to desktop-new/src/features/design-system/ui/OverviewPage.tsx
diff --git a/desktop-new/src/features/design-system/ui/RadiusPage.tsx b/desktop-new/src/features/design-system/ui/RadiusPage.tsx
new file mode 100644
index 0000000000..dacfb27e54
--- /dev/null
+++ b/desktop-new/src/features/design-system/ui/RadiusPage.tsx
@@ -0,0 +1,39 @@
+import { RADII } from "@/shared/tokens/registry";
+import { FoundationScale } from "./FoundationScale";
+import { PageHeader, Section } from "./primitives";
+
+export function RadiusPage() {
+  return (
+    <>
+      <PageHeader
+        title="Radius"
+        status="forming"
+        intro="Four corner roles reproduce the Messages frame without turning every measured curve into a choice: dense rows, controls, major panels, and fully round identity or chrome."
+      />
+
+      <Section title="Roles">
+        <FoundationScale
+          items={RADII.map((item) => ({
+            token: item.token,
+            value: item.value,
+            use: item.use,
+          }))}
+        />
+      </Section>
+
+      <Section title="Relationship">
+        <div className="component-radius-demo bg-app">
+          {RADII.map((item) => (
+            <div
+              key={item.token}
+              className="component-radius-sample bg-panel text-body-sm text-secondary"
+              style={{ borderRadius: `var(${item.variable})` }}
+            >
+              {item.token}
+            </div>
+          ))}
+        </div>
+      </Section>
+    </>
+  );
+}
diff --git a/desktop-new/src/features/design-system/ui/SpacingPage.tsx b/desktop-new/src/features/design-system/ui/SpacingPage.tsx
new file mode 100644
index 0000000000..398a887d1c
--- /dev/null
+++ b/desktop-new/src/features/design-system/ui/SpacingPage.tsx
@@ -0,0 +1,38 @@
+import { SPACE, SPACE_ROLES } from "@/shared/tokens/registry";
+import { FoundationScale } from "./FoundationScale";
+import { PageHeader, Section } from "./primitives";
+
+export function SpacingPage() {
+  return (
+    <>
+      <PageHeader
+        title="Spacing"
+        status="forming"
+        intro="A short six-step rhythm extracted from the Messages frame. The first roles capture only the relationships repeated by the workspace and its dense navigator; new roles arrive when another real component earns them."
+      />
+
+      <Section
+        title="Scale"
+        description="Components use these steps through roles where the distance carries product meaning."
+      >
+        <FoundationScale
+          items={SPACE.map((item) => ({
+            token: `space ${item.step}`,
+            value: item.value,
+            use: item.use,
+          }))}
+        />
+      </Section>
+
+      <Section title="Roles">
+        <FoundationScale
+          items={SPACE_ROLES.map((item) => ({
+            token: item.token,
+            value: item.pointsAt,
+            use: item.use,
+          }))}
+        />
+      </Section>
+    </>
+  );
+}
diff --git a/desktop-next/src/features/design-system/ui/TypographyPage.tsx b/desktop-new/src/features/design-system/ui/TypographyPage.tsx
similarity index 100%
rename from desktop-next/src/features/design-system/ui/TypographyPage.tsx
rename to desktop-new/src/features/design-system/ui/TypographyPage.tsx
diff --git a/desktop-next/src/features/design-system/ui/VocabularyPage.tsx b/desktop-new/src/features/design-system/ui/VocabularyPage.tsx
similarity index 100%
rename from desktop-next/src/features/design-system/ui/VocabularyPage.tsx
rename to desktop-new/src/features/design-system/ui/VocabularyPage.tsx
diff --git a/desktop-new/src/features/design-system/ui/componentSpecimens.tsx b/desktop-new/src/features/design-system/ui/componentSpecimens.tsx
new file mode 100644
index 0000000000..5f88a9cbee
--- /dev/null
+++ b/desktop-new/src/features/design-system/ui/componentSpecimens.tsx
@@ -0,0 +1,393 @@
+import {
+  IconDots,
+  IconHash,
+  IconMessageCircle,
+  IconPlus,
+  IconSettings,
+} from "@tabler/icons-react";
+import type { ReactNode } from "react";
+import { useState } from "react";
+import { Avatar } from "@/shared/ui/Avatar";
+import { Button } from "@/shared/ui/Button";
+import { IconButton } from "@/shared/ui/IconButton";
+import { NavigatorRow } from "@/shared/ui/NavigatorRow";
+import { NavigatorSection } from "@/shared/ui/NavigatorSection";
+import { PanelHeader } from "@/shared/ui/PanelHeader";
+import { SearchField } from "@/shared/ui/SearchField";
+import { SegmentedNavigation } from "@/shared/ui/SegmentedNavigation";
+import { WorkspaceSurface } from "@/shared/ui/WorkspaceSurface";
+
+const DESTINATIONS = [
+  { value: "home", label: "Home" },
+  { value: "messages", label: "Messages" },
+  { value: "projects", label: "Projects" },
+] as const;
+
+type Destination = (typeof DESTINATIONS)[number]["value"];
+
+function SpecimenFrame({
+  children,
+  backdrop = false,
+}: {
+  children: ReactNode;
+  backdrop?: boolean;
+}) {
+  return (
+    <div
+      className="component-specimen-frame"
+      data-backdrop={backdrop || undefined}
+    >
+      {children}
+    </div>
+  );
+}
+
+function SpecimenGroup({
+  label,
+  children,
+}: {
+  label: string;
+  children: ReactNode;
+}) {
+  return (
+    <section className="component-specimen-group">
+      <h2 className="text-body-sm text-tertiary">{label}</h2>
+      <SpecimenFrame>{children}</SpecimenFrame>
+    </section>
+  );
+}
+
+function ButtonSpecimen() {
+  return (
+    <div className="component-specimen-stack">
+      <SpecimenGroup label="Variants">
+        <div className="component-specimen-row">
+          <Button variant="primary">Primary</Button>
+          <Button variant="quiet">Quiet</Button>
+          <Button variant="ghost">Ghost</Button>
+        </div>
+      </SpecimenGroup>
+      <SpecimenGroup label="Sizes">
+        <div className="component-specimen-row">
+          <Button variant="quiet" size="compact">
+            Compact
+          </Button>
+          <Button variant="quiet">Default</Button>
+        </div>
+      </SpecimenGroup>
+      <SpecimenGroup label="States">
+        <div className="component-specimen-row">
+          <Button variant="primary">Enabled</Button>
+          <Button variant="quiet" disabled>
+            Disabled
+          </Button>
+        </div>
+      </SpecimenGroup>
+    </div>
+  );
+}
+function IconButtonSpecimen() {
+  const icons = {
+    add: <IconPlus size={16} stroke={1.7} aria-hidden="true" />,
+    more: <IconDots size={16} stroke={1.7} aria-hidden="true" />,
+    settings: <IconSettings size={16} stroke={1.7} aria-hidden="true" />,
+  };
+  return (
+    <div className="component-specimen-stack">
+      <SpecimenGroup label="Variants">
+        <div className="component-specimen-row">
+          <IconButton aria-label="Quiet add" icon={icons.add} variant="quiet" />
+          <IconButton
+            aria-label="Ghost more"
+            icon={icons.more}
+            variant="ghost"
+          />
+          <IconButton aria-label="Solid add" icon={icons.add} variant="solid" />
+          <IconButton
+            aria-label="Chrome settings"
+            icon={icons.settings}
+            variant="chrome"
+          />
+        </div>
+      </SpecimenGroup>
+      <SpecimenGroup label="Sizes">
+        <div className="component-specimen-row">
+          <IconButton
+            aria-label="Compact settings"
+            icon={icons.settings}
+            size="compact"
+          />
+          <IconButton aria-label="Default settings" icon={icons.settings} />
+          <IconButton
+            aria-label="Large settings"
+            icon={icons.settings}
+            size="large"
+          />
+        </div>
+      </SpecimenGroup>
+      <SpecimenGroup label="States">
+        <div className="component-specimen-row">
+          <IconButton
+            aria-label="Enabled add"
+            icon={icons.add}
+            variant="quiet"
+          />
+          <IconButton
+            aria-label="Disabled add"
+            icon={icons.add}
+            variant="quiet"
+            disabled
+          />
+        </div>
+      </SpecimenGroup>
+    </div>
+  );
+}
+function AvatarSpecimen() {
+  return (
+    <div className="component-specimen-stack">
+      <SpecimenGroup label="Sizes">
+        <div className="component-specimen-row">
+          <Avatar
+            src="/design-system/morgan.png"
+            alt="Morgan Martin"
+            fallback="Morgan"
+            size="small"
+          />
+          <Avatar
+            src="/design-system/morgan.png"
+            alt="Morgan Martin"
+            fallback="Morgan"
+          />
+          <Avatar
+            src="/design-system/morgan.png"
+            alt="Morgan Martin"
+            fallback="Morgan"
+            size="large"
+          />
+        </div>
+      </SpecimenGroup>
+      <SpecimenGroup label="Fallback">
+        <div className="component-specimen-row">
+          <Avatar alt="Cynthia Chen" fallback="Cynthia" size="small" />
+          <Avatar alt="Cynthia Chen" fallback="Cynthia" />
+          <Avatar alt="Cynthia Chen" fallback="Cynthia" size="large" />
+        </div>
+      </SpecimenGroup>
+    </div>
+  );
+}
+function WorkspaceSurfaceSpecimen() {
+  return (
+    <div className="component-specimen-stack">
+      <SpecimenGroup label="Panel">
+        <div className="component-single-surface-demo">
+          <WorkspaceSurface aria-label="Standalone panel example">
+            <PanelHeader variant="compact" title="Standalone panel" />
+          </WorkspaceSurface>
+        </div>
+      </SpecimenGroup>
+      <SpecimenGroup label="Connected edges">
+        <div className="component-surface-demo">
+          <WorkspaceSurface
+            as="aside"
+            variant="connected-right"
+            aria-label="Right-connected surface example"
+          >
+            <PanelHeader variant="compact" title="Navigator" />
+          </WorkspaceSurface>
+          <WorkspaceSurface
+            variant="connected-left"
+            aria-label="Left-connected surface example"
+          >
+            <PanelHeader variant="compact" title="Conversation" />
+          </WorkspaceSurface>
+        </div>
+      </SpecimenGroup>
+    </div>
+  );
+}
+
+function SegmentedNavigationSpecimen() {
+  const [destination, setDestination] = useState<Destination>("messages");
+  const [iconDestination, setIconDestination] = useState<Destination>("home");
+  const iconItems = DESTINATIONS.map((item) => ({
+    ...item,
+    icon: <IconMessageCircle size={16} stroke={1.7} aria-hidden="true" />,
+  }));
+  return (
+    <div className="component-specimen-stack">
+      <section className="component-specimen-group">
+        <h2 className="text-body-sm text-tertiary">Labels</h2>
+        <SpecimenFrame backdrop>
+          <SegmentedNavigation
+            value={destination}
+            items={DESTINATIONS}
+            label="Prototype destinations"
+            onValueChange={setDestination}
+          />
+        </SpecimenFrame>
+      </section>
+      <section className="component-specimen-group">
+        <h2 className="text-body-sm text-tertiary">
+          Icons and trailing action
+        </h2>
+        <SpecimenFrame backdrop>
+          <SegmentedNavigation
+            value={iconDestination}
+            items={iconItems}
+            label="Prototype destinations with icons"
+            onValueChange={setIconDestination}
+            trailingAction={
+              <IconButton
+                aria-label="Create"
+                icon={<IconPlus size={16} stroke={1.7} aria-hidden="true" />}
+                size="compact"
+              />
+            }
+          />
+        </SpecimenFrame>
+      </section>
+    </div>
+  );
+}
+
+function PanelHeaderSpecimen() {
+  const actions = (
+    <IconButton
+      aria-label="More conversation actions"
+      icon={<IconDots size={16} stroke={1.7} aria-hidden="true" />}
+      size="compact"
+    />
+  );
+  return (
+    <div className="component-specimen-stack">
+      <SpecimenGroup label="Default">
+        <WorkspaceSurface aria-label="Default panel header example">
+          <PanelHeader
+            title="Conversation"
+            icon={
+              <IconMessageCircle size={16} stroke={1.7} aria-hidden="true" />
+            }
+            actions={actions}
+          />
+        </WorkspaceSurface>
+      </SpecimenGroup>
+      <SpecimenGroup label="Compact">
+        <WorkspaceSurface aria-label="Compact panel header example">
+          <PanelHeader variant="compact" title="Thread" actions={actions} />
+        </WorkspaceSurface>
+      </SpecimenGroup>
+    </div>
+  );
+}
+
+function SearchFieldSpecimen() {
+  const [emptyQuery, setEmptyQuery] = useState("");
+  const [filledQuery, setFilledQuery] = useState("design");
+  return (
+    <div className="component-specimen-stack">
+      <SpecimenGroup label="Empty">
+        <div className="component-field-demo">
+          <SearchField
+            value={emptyQuery}
+            onValueChange={setEmptyQuery}
+            label="Find a channel"
+            placeholder="Search"
+          />
+        </div>
+      </SpecimenGroup>
+      <SpecimenGroup label="Filled and clearable">
+        <div className="component-field-demo">
+          <SearchField
+            value={filledQuery}
+            onValueChange={setFilledQuery}
+            label="Find a channel"
+            placeholder="Search"
+          />
+        </div>
+      </SpecimenGroup>
+    </div>
+  );
+}
+
+function NavigatorSectionSpecimen() {
+  return (
+    <div className="component-specimen-stack">
+      <SpecimenGroup label="With rows">
+        <div className="component-navigator-section-demo">
+          <NavigatorSection label="Pinned">
+            <NavigatorRow
+              label="buzz-design"
+              icon={<IconHash size={16} stroke={1.7} aria-hidden="true" />}
+            />
+            <NavigatorRow
+              label="desktop-new"
+              icon={<IconHash size={16} stroke={1.7} aria-hidden="true" />}
+            />
+          </NavigatorSection>
+        </div>
+      </SpecimenGroup>
+      <SpecimenGroup label="Adjacent sections">
+        <div className="component-navigator-section-demo">
+          <NavigatorSection label="Projects">
+            <NavigatorRow label="berd-main" />
+          </NavigatorSection>
+          <NavigatorSection label="Personal">
+            <NavigatorRow label="design-system" />
+          </NavigatorSection>
+        </div>
+      </SpecimenGroup>
+    </div>
+  );
+}
+
+function NavigatorRowSpecimen() {
+  const [selected, setSelected] = useState("buzz-design");
+  return (
+    <div className="component-specimen-stack">
+      <SpecimenGroup label="Default, selected, and metadata">
+        <div className="component-navigator-section-demo">
+          <NavigatorRow
+            label="buzz-design"
+            icon={<IconHash size={16} stroke={1.7} aria-hidden="true" />}
+            selected={selected === "buzz-design"}
+            onClick={() => setSelected("buzz-design")}
+          />
+          <NavigatorRow
+            label="desktop-new"
+            icon={<IconHash size={16} stroke={1.7} aria-hidden="true" />}
+            trailing={<span className="text-body-sm">3</span>}
+            selected={selected === "desktop-new"}
+            onClick={() => setSelected("desktop-new")}
+          />
+        </div>
+      </SpecimenGroup>
+      <SpecimenGroup label="Inset">
+        <div className="component-navigator-section-demo">
+          <NavigatorRow
+            label="Session interaction model"
+            icon={
+              <IconMessageCircle size={16} stroke={1.7} aria-hidden="true" />
+            }
+            inset
+            selected={selected === "session"}
+            onClick={() => setSelected("session")}
+          />
+        </div>
+      </SpecimenGroup>
+    </div>
+  );
+}
+
+export const COMPONENT_SPECIMENS: Record<string, () => ReactNode> = {
+  button: ButtonSpecimen,
+  "icon-button": IconButtonSpecimen,
+  avatar: AvatarSpecimen,
+  "workspace-surface": WorkspaceSurfaceSpecimen,
+  "segmented-navigation": SegmentedNavigationSpecimen,
+  "panel-header": PanelHeaderSpecimen,
+  "search-field": SearchFieldSpecimen,
+  "navigator-section": NavigatorSectionSpecimen,
+  "navigator-row": NavigatorRowSpecimen,
+};
diff --git a/desktop-next/src/features/design-system/ui/primitives.tsx b/desktop-new/src/features/design-system/ui/primitives.tsx
similarity index 100%
rename from desktop-next/src/features/design-system/ui/primitives.tsx
rename to desktop-new/src/features/design-system/ui/primitives.tsx
diff --git a/desktop-next/src/features/design-system/useResolvedToken.ts b/desktop-new/src/features/design-system/useResolvedToken.ts
similarity index 100%
rename from desktop-next/src/features/design-system/useResolvedToken.ts
rename to desktop-new/src/features/design-system/useResolvedToken.ts
diff --git a/desktop-next/src/features/sessions/activityProjection.ts b/desktop-new/src/features/sessions/activityProjection.ts
similarity index 100%
rename from desktop-next/src/features/sessions/activityProjection.ts
rename to desktop-new/src/features/sessions/activityProjection.ts
diff --git a/desktop-next/src/features/sessions/channelWindowProjection.test.ts b/desktop-new/src/features/sessions/channelWindowProjection.test.ts
similarity index 100%
rename from desktop-next/src/features/sessions/channelWindowProjection.test.ts
rename to desktop-new/src/features/sessions/channelWindowProjection.test.ts
diff --git a/desktop-next/src/features/sessions/channelWindowProjection.ts b/desktop-new/src/features/sessions/channelWindowProjection.ts
similarity index 100%
rename from desktop-next/src/features/sessions/channelWindowProjection.ts
rename to desktop-new/src/features/sessions/channelWindowProjection.ts
diff --git a/desktop-next/src/features/sessions/sessionRegistry.ts b/desktop-new/src/features/sessions/sessionRegistry.ts
similarity index 100%
rename from desktop-next/src/features/sessions/sessionRegistry.ts
rename to desktop-new/src/features/sessions/sessionRegistry.ts
diff --git a/desktop-next/src/features/sessions/types.ts b/desktop-new/src/features/sessions/types.ts
similarity index 100%
rename from desktop-next/src/features/sessions/types.ts
rename to desktop-new/src/features/sessions/types.ts
diff --git a/desktop-next/src/features/sessions/ui/AgentActivity.tsx b/desktop-new/src/features/sessions/ui/AgentActivity.tsx
similarity index 97%
rename from desktop-next/src/features/sessions/ui/AgentActivity.tsx
rename to desktop-new/src/features/sessions/ui/AgentActivity.tsx
index c570330684..db34d95645 100644
--- a/desktop-next/src/features/sessions/ui/AgentActivity.tsx
+++ b/desktop-new/src/features/sessions/ui/AgentActivity.tsx
@@ -1,4 +1,4 @@
-import { Accordion } from "@base-ui-components/react/accordion";
+import { Accordion } from "@base-ui/react/accordion";
 import {
   IconAlertCircle,
   IconCheck,
diff --git a/desktop-next/src/features/sessions/ui/AppShell.tsx b/desktop-new/src/features/sessions/ui/AppShell.tsx
similarity index 100%
rename from desktop-next/src/features/sessions/ui/AppShell.tsx
rename to desktop-new/src/features/sessions/ui/AppShell.tsx
diff --git a/desktop-next/src/features/sessions/ui/NewSessionView.tsx b/desktop-new/src/features/sessions/ui/NewSessionView.tsx
similarity index 100%
rename from desktop-next/src/features/sessions/ui/NewSessionView.tsx
rename to desktop-new/src/features/sessions/ui/NewSessionView.tsx
diff --git a/desktop-next/src/features/sessions/ui/ParticipantDialog.tsx b/desktop-new/src/features/sessions/ui/ParticipantDialog.tsx
similarity index 98%
rename from desktop-next/src/features/sessions/ui/ParticipantDialog.tsx
rename to desktop-new/src/features/sessions/ui/ParticipantDialog.tsx
index 05b231e084..6f2037b78a 100644
--- a/desktop-next/src/features/sessions/ui/ParticipantDialog.tsx
+++ b/desktop-new/src/features/sessions/ui/ParticipantDialog.tsx
@@ -1,4 +1,4 @@
-import { Dialog } from "@base-ui-components/react/dialog";
+import { Dialog } from "@base-ui/react/dialog";
 import { IconPlus, IconSearch, IconUsers, IconX } from "@tabler/icons-react";
 import { useRef, useState } from "react";
 import { runtime } from "@/shared/runtime/client";
diff --git a/desktop-next/src/features/sessions/ui/SessionComposer.tsx b/desktop-new/src/features/sessions/ui/SessionComposer.tsx
similarity index 100%
rename from desktop-next/src/features/sessions/ui/SessionComposer.tsx
rename to desktop-new/src/features/sessions/ui/SessionComposer.tsx
diff --git a/desktop-next/src/features/sessions/ui/SessionView.tsx b/desktop-new/src/features/sessions/ui/SessionView.tsx
similarity index 100%
rename from desktop-next/src/features/sessions/ui/SessionView.tsx
rename to desktop-new/src/features/sessions/ui/SessionView.tsx
diff --git a/desktop-next/src/main.tsx b/desktop-new/src/main.tsx
similarity index 100%
rename from desktop-next/src/main.tsx
rename to desktop-new/src/main.tsx
diff --git a/desktop-next/src/shared/runtime/client.ts b/desktop-new/src/shared/runtime/client.ts
similarity index 100%
rename from desktop-next/src/shared/runtime/client.ts
rename to desktop-new/src/shared/runtime/client.ts
diff --git a/desktop-next/src/shared/styles/agents.css b/desktop-new/src/shared/styles/agents.css
similarity index 100%
rename from desktop-next/src/shared/styles/agents.css
rename to desktop-new/src/shared/styles/agents.css
diff --git a/desktop-new/src/shared/styles/components.css b/desktop-new/src/shared/styles/components.css
new file mode 100644
index 0000000000..a9fb579958
--- /dev/null
+++ b/desktop-new/src/shared/styles/components.css
@@ -0,0 +1,339 @@
+@layer components {
+  .buzz-button {
+    display: inline-flex;
+    min-width: 0;
+    height: var(--size-control);
+    align-items: center;
+    justify-content: center;
+    gap: var(--space-row-gap);
+    border: 0;
+    border-radius: var(--radius-control);
+    padding: 0 var(--space-control-inset);
+    background: transparent;
+    color: var(--text-primary);
+    font: inherit;
+    cursor: pointer;
+    transition:
+      color var(--duration-state) var(--easing-state),
+      background-color var(--duration-state) var(--easing-state),
+      opacity var(--duration-fast) var(--easing-state),
+      box-shadow var(--duration-state) var(--easing-state);
+  }
+
+  .buzz-button[data-size="compact"] {
+    height: var(--size-row);
+    border-radius: var(--radius-row);
+    padding-inline: var(--space-control-inset);
+  }
+
+  .buzz-button[data-variant="primary"] {
+    background: var(--bg-accent);
+    color: var(--text-on-accent);
+  }
+
+  .buzz-button[data-variant="primary"]:hover:not([data-disabled]) {
+    opacity: 0.9;
+  }
+
+  .buzz-button[data-variant="quiet"] {
+    background: var(--bg-inset);
+    color: var(--text-primary);
+  }
+
+  .buzz-button[data-variant="quiet"]:hover:not([data-disabled]),
+  .buzz-button[data-variant="ghost"]:hover:not([data-disabled]) {
+    background: var(--bg-hover);
+  }
+
+  .buzz-button[data-disabled] {
+    color: var(--text-disabled);
+    cursor: not-allowed;
+  }
+
+  .buzz-button[data-icon-variant] {
+    width: var(--size-control);
+    flex: 0 0 auto;
+    padding: 0;
+  }
+
+  .buzz-button[data-icon-size="compact"] {
+    width: var(--size-row);
+    height: var(--size-row);
+    border-radius: var(--radius-row);
+  }
+
+  .buzz-button[data-icon-size="large"] {
+    width: 2.5rem;
+    height: 2.5rem;
+    border-radius: var(--radius-pill);
+  }
+
+  .buzz-button[data-icon-variant="quiet"] {
+    background: var(--bg-inset);
+  }
+
+  .buzz-button[data-icon-variant="solid"] {
+    background: var(--bg-accent);
+    color: var(--text-on-accent);
+  }
+
+  .buzz-button[data-icon-variant="chrome"] {
+    background: var(--bg-chrome-glass);
+    box-shadow:
+      inset 0 1px 0 var(--rim-lit),
+      inset 0 -1px 0 var(--rim-shade);
+    backdrop-filter: blur(var(--blur-md));
+  }
+
+  .buzz-button[data-icon-variant="chrome"]:hover {
+    background: var(--bg-chrome-glass-hover);
+  }
+
+  .buzz-avatar {
+    position: relative;
+    display: grid;
+    width: 2rem;
+    height: 2rem;
+    flex: 0 0 auto;
+    place-items: center;
+    overflow: hidden;
+    border-radius: var(--radius-pill);
+    background: var(--bg-inset);
+    color: var(--text-secondary);
+  }
+
+  .buzz-avatar[data-size="small"] {
+    width: 1.5rem;
+    height: 1.5rem;
+  }
+
+  .buzz-avatar[data-size="large"] {
+    width: 2.5rem;
+    height: 2.5rem;
+  }
+
+  .buzz-avatar img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+
+  .workspace-surface {
+    min-width: 0;
+    min-height: 0;
+    overflow: hidden;
+    border: 1px solid var(--border-tertiary);
+    border-radius: var(--radius-panel);
+    background: var(--bg-panel-glass);
+    box-shadow: var(--shadow-sm);
+    backdrop-filter: blur(var(--blur-lg));
+  }
+
+  .workspace-surface[data-variant="connected-left"] {
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+  }
+
+  .workspace-surface[data-variant="connected-right"] {
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+  }
+
+  .segmented-navigation {
+    display: inline-flex;
+    height: 2.5rem;
+    align-items: center;
+    gap: var(--space-1);
+    padding: var(--space-1);
+    border-radius: var(--radius-pill);
+    background: var(--bg-chrome-glass);
+    box-shadow:
+      var(--shadow-xs),
+      inset 0 1px 0 var(--rim-lit),
+      inset 0 -1px 0 var(--rim-shade);
+    backdrop-filter: blur(var(--blur-md));
+  }
+
+  .segmented-navigation-list {
+    position: relative;
+    display: inline-flex;
+    height: 2rem;
+    align-items: center;
+    gap: var(--space-1);
+  }
+
+  .segmented-navigation-indicator {
+    position: absolute;
+    top: var(--space-1);
+    bottom: var(--space-1);
+    left: 0;
+    width: var(--active-tab-width);
+    border-radius: var(--radius-pill);
+    background: var(--bg-chrome-selected);
+    box-shadow: var(--shadow-xs);
+    transform: translateX(var(--active-tab-left));
+    transition:
+      width var(--duration-settle) var(--easing-settle),
+      transform var(--duration-settle) var(--easing-settle);
+  }
+
+  .segmented-navigation-item {
+    position: relative;
+    z-index: 1;
+    display: inline-flex;
+    height: 2rem;
+    align-items: center;
+    justify-content: center;
+    gap: var(--space-2);
+    border: 0;
+    border-radius: var(--radius-pill);
+    padding: 0 var(--space-4);
+    background: transparent;
+    color: var(--text-secondary);
+    font: inherit;
+    cursor: pointer;
+  }
+
+  .segmented-navigation-item:hover:not([data-selected]) {
+    background: var(--bg-chrome-glass-hover);
+    color: var(--text-primary);
+  }
+
+  .segmented-navigation-item[data-selected] {
+    color: var(--text-primary);
+  }
+
+  .panel-header {
+    position: relative;
+    display: flex;
+    min-height: var(--size-panel-header);
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--space-4);
+    padding: 0 var(--space-panel-inset);
+  }
+
+  .panel-header::after {
+    position: absolute;
+    right: var(--space-panel-inset);
+    bottom: 0;
+    left: var(--space-panel-inset);
+    height: 1px;
+    background: var(--border-tertiary);
+    content: "";
+    pointer-events: none;
+  }
+
+  .panel-header[data-variant="compact"] {
+    min-height: 3rem;
+  }
+
+  .panel-header-title,
+  .panel-header-actions {
+    display: flex;
+    min-width: 0;
+    align-items: center;
+    gap: var(--space-row-gap);
+  }
+
+  .panel-header-title > h2 {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .search-field {
+    display: flex;
+    width: 100%;
+    height: var(--size-control);
+    align-items: center;
+    gap: var(--space-row-gap);
+    border-radius: var(--radius-control);
+    padding: 0 var(--space-control-inset);
+    background: var(--bg-inset);
+    color: var(--text-tertiary);
+  }
+
+  .search-field:focus-within {
+    box-shadow: 0 0 0 2px var(--ring-focus);
+  }
+
+  .search-field input {
+    min-width: 0;
+    flex: 1;
+    border: 0;
+    outline: 0;
+    background: transparent;
+    color: var(--text-primary);
+    font: inherit;
+  }
+
+  .search-field input::placeholder {
+    color: var(--text-tertiary);
+  }
+
+  .search-field input::-webkit-search-cancel-button {
+    display: none;
+  }
+
+  .navigator-section {
+    display: flex;
+    flex-direction: column;
+  }
+
+  .navigator-section-label {
+    min-height: var(--size-row);
+    margin: 0;
+    padding: 0 var(--space-control-inset);
+    line-height: var(--size-row);
+  }
+
+  .navigator-section-rows {
+    display: flex;
+    flex-direction: column;
+    gap: 1px;
+  }
+
+  .buzz-button[data-navigator-row] {
+    width: 100%;
+    justify-content: flex-start;
+    color: var(--text-secondary);
+    text-align: left;
+  }
+
+  .buzz-button[data-navigator-row]:hover,
+  .buzz-button[data-navigator-row][data-selected] {
+    background: var(--bg-hover);
+    color: var(--text-primary);
+  }
+
+  .buzz-button[data-navigator-row][data-inset] {
+    padding-left: calc(var(--space-control-inset) + var(--space-4));
+  }
+
+  .navigator-row-label {
+    min-width: 0;
+    flex: 1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .navigator-row-trailing {
+    flex: 0 0 auto;
+    color: var(--text-tertiary);
+  }
+
+  .buzz-button:focus-visible,
+  .segmented-navigation-item:focus-visible {
+    outline: 2px solid var(--ring-focus);
+    outline-offset: 2px;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .buzz-button,
+    .segmented-navigation-indicator {
+      transition-duration: 0ms;
+    }
+  }
+}
diff --git a/desktop-new/src/shared/styles/design-components.css b/desktop-new/src/shared/styles/design-components.css
new file mode 100644
index 0000000000..ac75ce729b
--- /dev/null
+++ b/desktop-new/src/shared/styles/design-components.css
@@ -0,0 +1,159 @@
+@layer components {
+  .component-page-heading {
+    margin-bottom: var(--space-6);
+  }
+
+  .component-specimen-stack {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-6);
+  }
+
+  .component-specimen-group {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-2);
+  }
+
+  .component-specimen-group > h2 {
+    margin: 0;
+  }
+
+  .component-specimen-frame {
+    display: flex;
+    min-height: 7rem;
+    align-items: center;
+    padding: var(--space-6);
+    border-radius: var(--radius-panel);
+    background: var(--bg-panel);
+  }
+
+  .component-specimen-frame[data-backdrop] {
+    background: var(--bg-app);
+  }
+
+  .component-specimen-row {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: var(--space-3);
+  }
+
+  .component-single-surface-demo {
+    min-height: 10rem;
+    padding: var(--space-workspace-inset);
+    border-radius: var(--radius-panel);
+    background: var(--bg-app);
+  }
+
+  .component-single-surface-demo .workspace-surface {
+    height: 100%;
+  }
+
+  .component-surface-demo {
+    display: grid;
+    min-height: 12rem;
+    grid-template-columns: minmax(10rem, var(--size-navigator)) minmax(
+        18rem,
+        1fr
+      );
+    gap: var(--space-panel-gap);
+    padding: var(--space-workspace-inset);
+    border-radius: var(--radius-panel);
+    background: var(--bg-app);
+  }
+
+  .component-surface-demo .workspace-surface {
+    height: 100%;
+  }
+
+  .workspace-surface[data-variant="navigator-demo"] {
+    width: min(100%, var(--size-navigator));
+    padding: var(--space-2);
+    background: var(--bg-panel);
+  }
+
+  .component-navigator-search {
+    margin-bottom: var(--space-4);
+  }
+
+  .workspace-surface[data-variant="navigator-demo"]
+    .navigator-section
+    + .navigator-section {
+    margin-top: var(--space-4);
+  }
+
+  .component-field-demo {
+    width: min(100%, var(--size-navigator));
+  }
+
+  .component-navigator-section-demo {
+    width: min(100%, var(--size-navigator));
+    padding: var(--space-2);
+    border-radius: var(--radius-control);
+    background: var(--bg-panel);
+  }
+
+  .component-overview-grid {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: var(--space-6);
+  }
+
+  .component-overview-item {
+    display: flex;
+    min-width: 0;
+    flex-direction: column;
+    gap: var(--space-3);
+  }
+
+  .component-overview-preview {
+    height: 13rem;
+    overflow: hidden;
+    border-radius: var(--radius-panel);
+    background: var(--bg-panel);
+  }
+
+  .component-overview-preview > .component-specimen-stack {
+    width: 180%;
+    transform: scale(0.55);
+    transform-origin: top left;
+  }
+
+  .component-overview-preview .component-specimen-frame {
+    min-height: 8rem;
+  }
+
+  .component-overview-item > a {
+    align-self: flex-start;
+    text-decoration: none;
+  }
+
+  .component-overview-item > a:hover {
+    color: var(--text-accent);
+  }
+
+  .component-radius-demo {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--space-4);
+    padding: var(--space-6);
+    border-radius: var(--radius-panel);
+  }
+
+  .component-radius-sample {
+    display: grid;
+    width: 8rem;
+    height: 5rem;
+    place-items: center;
+    border: 1px solid var(--border-tertiary);
+    box-shadow: var(--shadow-xs);
+  }
+
+  @media (max-width: 48rem) {
+    .component-overview-grid,
+    .component-surface-demo {
+      grid-template-columns: 1fr;
+    }
+  }
+}
diff --git a/desktop-next/src/shared/styles/globals.css b/desktop-new/src/shared/styles/globals.css
similarity index 94%
rename from desktop-next/src/shared/styles/globals.css
rename to desktop-new/src/shared/styles/globals.css
index fb730132bf..8023f224da 100644
--- a/desktop-next/src/shared/styles/globals.css
+++ b/desktop-new/src/shared/styles/globals.css
@@ -1,6 +1,8 @@
 @import "tailwindcss";
 @import "./tokens.css";
 @import "./typography.css";
+@import "./components.css";
+@import "./design-components.css";
 @import "./product.css";
 @import "./agents.css";
 
diff --git a/desktop-next/src/shared/styles/product.css b/desktop-new/src/shared/styles/product.css
similarity index 100%
rename from desktop-next/src/shared/styles/product.css
rename to desktop-new/src/shared/styles/product.css
diff --git a/desktop-next/src/shared/styles/tokens.css b/desktop-new/src/shared/styles/tokens.css
similarity index 88%
rename from desktop-next/src/shared/styles/tokens.css
rename to desktop-new/src/shared/styles/tokens.css
index 50e4176969..41e1b0f8d1 100644
--- a/desktop-next/src/shared/styles/tokens.css
+++ b/desktop-new/src/shared/styles/tokens.css
@@ -104,6 +104,31 @@
   /* --- Elevation. From the design exploration, unchanged. -- */
   --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.05);
   --shadow-sm: 0 0 2px rgba(0, 0, 0, 0.1), 0 4px 8px -2px rgba(0, 0, 0, 0.06);
+
+  /* --- Space. Six steps extracted from the Messages frame. --
+     The scale is intentionally short: 4/8/12/16/20/24 covers the repeated
+     panel gap, row inset, header inset, and workspace gutter without turning
+     every measured distance into a token.                                    */
+  --space-1: 0.25rem;
+  --space-2: 0.5rem;
+  --space-3: 0.75rem;
+  --space-4: 1rem;
+  --space-5: 1.25rem;
+  --space-6: 1.5rem;
+
+  /* --- Corner. Four shapes, each with a distinct job. ------- */
+  --corner-row: 0.625rem;
+  --corner-control: 0.75rem;
+  --corner-panel: 1.5rem;
+  --corner-round: 9999rem;
+
+  /* --- Time. State is quick; geometry settles deliberately. - */
+  --time-immediate: 0ms;
+  --time-fast: 120ms;
+  --time-state: 150ms;
+  --time-settle: 220ms;
+  --ease-state: ease;
+  --ease-settle: cubic-bezier(0.645, 0.045, 0.355, 1);
 }
 
 .dark {
@@ -261,6 +286,27 @@
      offset; there is no second ring token.                     */
   --ring-focus: var(--accent-8);
 
+  /* --- Geometry. Repeated relationships from Messages. ----- */
+  --space-workspace-inset: var(--space-4);
+  --space-panel-gap: var(--space-2);
+  --space-panel-inset: var(--space-5);
+  --space-control-inset: var(--space-3);
+  --space-row-gap: var(--space-2);
+  --size-topbar: 3.5rem;
+  --size-panel-header: 3.5rem;
+  --size-control: 2.25rem;
+  --size-row: 1.875rem;
+  --size-navigator: 13.5rem;
+  --radius-panel: var(--corner-panel);
+  --radius-control: var(--corner-control);
+  --radius-row: var(--corner-row);
+  --radius-pill: var(--corner-round);
+  --duration-fast: var(--time-fast);
+  --duration-state: var(--time-state);
+  --duration-settle: var(--time-settle);
+  --easing-state: var(--ease-state);
+  --easing-settle: var(--ease-settle);
+
   /* ==========================================================
      DELIBERATE EXCEPTIONS — the entire list.
      ==========================================================
@@ -382,4 +428,10 @@
   --color-tint-green: var(--tint-green);
   --color-tint-red: var(--tint-red);
   --color-tint-cyan: var(--tint-cyan);
+
+  --spacing-workspace-inset: var(--space-workspace-inset);
+  --spacing-panel-gap: var(--space-panel-gap);
+  --spacing-panel-inset: var(--space-panel-inset);
+  --spacing-control-inset: var(--space-control-inset);
+  --spacing-row-gap: var(--space-row-gap);
 }
diff --git a/desktop-next/src/shared/styles/typography.css b/desktop-new/src/shared/styles/typography.css
similarity index 100%
rename from desktop-next/src/shared/styles/typography.css
rename to desktop-new/src/shared/styles/typography.css
diff --git a/desktop-next/src/shared/theme/useColorScheme.ts b/desktop-new/src/shared/theme/useColorScheme.ts
similarity index 100%
rename from desktop-next/src/shared/theme/useColorScheme.ts
rename to desktop-new/src/shared/theme/useColorScheme.ts
diff --git a/desktop-next/src/shared/tokens/registry.ts b/desktop-new/src/shared/tokens/registry.ts
similarity index 88%
rename from desktop-next/src/shared/tokens/registry.ts
rename to desktop-new/src/shared/tokens/registry.ts
index 3f6df3e20c..8d79881802 100644
--- a/desktop-next/src/shared/tokens/registry.ts
+++ b/desktop-new/src/shared/tokens/registry.ts
@@ -648,6 +648,138 @@ export const TYPE_RAMPS = [
   },
 ];
 
+export const SPACE = [
+  {
+    step: 1,
+    variable: "--space-1",
+    value: "4px",
+    use: "Tight optical separation inside a control.",
+  },
+  {
+    step: 2,
+    variable: "--space-2",
+    value: "8px",
+    use: "The panel gap and default gap between related items.",
+  },
+  {
+    step: 3,
+    variable: "--space-3",
+    value: "12px",
+    use: "The horizontal inset inside rows and compact controls.",
+  },
+  {
+    step: 4,
+    variable: "--space-4",
+    value: "16px",
+    use: "The workspace edge and ordinary content inset.",
+  },
+  {
+    step: 5,
+    variable: "--space-5",
+    value: "20px",
+    use: "The inset of a full panel header or reading surface.",
+  },
+  {
+    step: 6,
+    variable: "--space-6",
+    value: "24px",
+    use: "Separation between distinct content groups.",
+  },
+];
+
+export const SPACE_ROLES = [
+  {
+    token: "space-workspace-inset",
+    variable: "--space-workspace-inset",
+    pointsAt: "space 4",
+    use: "The distance between the window edge and its workspace panels.",
+  },
+  {
+    token: "space-panel-gap",
+    variable: "--space-panel-gap",
+    pointsAt: "space 2",
+    use: "The seam between independently movable panels.",
+  },
+  {
+    token: "space-panel-inset",
+    variable: "--space-panel-inset",
+    pointsAt: "space 5",
+    use: "The horizontal inset inside a full panel.",
+  },
+  {
+    token: "space-control-inset",
+    variable: "--space-control-inset",
+    pointsAt: "space 3",
+    use: "The horizontal inset inside controls and navigation rows.",
+  },
+  {
+    token: "space-row-gap",
+    variable: "--space-row-gap",
+    pointsAt: "space 2",
+    use: "The gap between an icon, label, and trailing metadata in one row.",
+  },
+];
+
+export const RADII = [
+  {
+    token: "radius-row",
+    variable: "--radius-row",
+    value: "10px",
+    use: "Dense navigator rows and compact selected regions.",
+  },
+  {
+    token: "radius-control",
+    variable: "--radius-control",
+    value: "12px",
+    use: "Inputs, buttons, tabs, and header actions.",
+  },
+  {
+    token: "radius-panel",
+    variable: "--radius-panel",
+    value: "24px",
+    use: "Every major workspace panel.",
+  },
+  {
+    token: "radius-pill",
+    variable: "--radius-pill",
+    value: "round",
+    use: "Pills, avatars, and fully circular controls.",
+  },
+];
+
+export const MOTION = [
+  {
+    token: "duration-fast",
+    variable: "--duration-fast",
+    value: "120ms",
+    use: "A hover affordance appearing or disappearing.",
+  },
+  {
+    token: "duration-state",
+    variable: "--duration-state",
+    value: "150ms",
+    use: "A colour or opacity state changing in place.",
+  },
+  {
+    token: "duration-settle",
+    variable: "--duration-settle",
+    value: "220ms",
+    use: "A tab indicator or released panel settling into place.",
+  },
+  {
+    token: "easing-state",
+    variable: "--easing-state",
+    value: "ease",
+    use: "Small state changes that do not move geometry.",
+  },
+  {
+    token: "easing-settle",
+    variable: "--easing-settle",
+    value: "cubic-bezier(.645,.045,.355,1)",
+    use: "Geometry settling after a deliberate selection or release.",
+  },
+];
+
 export const ELEVATION = [
   {
     token: "shadow-xs",
diff --git a/desktop-new/src/shared/ui/Avatar.tsx b/desktop-new/src/shared/ui/Avatar.tsx
new file mode 100644
index 0000000000..320bb78652
--- /dev/null
+++ b/desktop-new/src/shared/ui/Avatar.tsx
@@ -0,0 +1,24 @@
+import { Avatar as BaseAvatar } from "@base-ui/react/avatar";
+
+type AvatarSize = "small" | "default" | "large";
+
+export function Avatar({
+  src,
+  alt,
+  fallback,
+  size = "default",
+}: {
+  src?: string | null;
+  alt: string;
+  fallback: string;
+  size?: AvatarSize;
+}) {
+  return (
+    <BaseAvatar.Root className="buzz-avatar" data-size={size}>
+      {src ? <BaseAvatar.Image src={src} alt={alt} /> : null}
+      <BaseAvatar.Fallback delay={src ? 150 : 0}>
+        {fallback.slice(0, 1).toUpperCase()}
+      </BaseAvatar.Fallback>
+    </BaseAvatar.Root>
+  );
+}
diff --git a/desktop-new/src/shared/ui/Button.tsx b/desktop-new/src/shared/ui/Button.tsx
new file mode 100644
index 0000000000..52c585e44b
--- /dev/null
+++ b/desktop-new/src/shared/ui/Button.tsx
@@ -0,0 +1,34 @@
+import { Button as BaseButton } from "@base-ui/react/button";
+import type { ComponentProps, ReactNode } from "react";
+
+type ButtonVariant = "primary" | "quiet" | "ghost";
+type ButtonSize = "compact" | "default";
+
+export type ButtonProps = Omit<
+  ComponentProps<typeof BaseButton>,
+  "className"
+> & {
+  children: ReactNode;
+  variant?: ButtonVariant;
+  size?: ButtonSize;
+};
+
+export function Button({
+  children,
+  variant = "quiet",
+  size = "default",
+  type = "button",
+  ...props
+}: ButtonProps) {
+  return (
+    <BaseButton
+      {...props}
+      type={type}
+      className="buzz-button"
+      data-variant={variant}
+      data-size={size}
+    >
+      {children}
+    </BaseButton>
+  );
+}
diff --git a/desktop-next/src/shared/ui/DockWorkspace.tsx b/desktop-new/src/shared/ui/DockWorkspace.tsx
similarity index 100%
rename from desktop-next/src/shared/ui/DockWorkspace.tsx
rename to desktop-new/src/shared/ui/DockWorkspace.tsx
diff --git a/desktop-new/src/shared/ui/IconButton.tsx b/desktop-new/src/shared/ui/IconButton.tsx
new file mode 100644
index 0000000000..2febe696a8
--- /dev/null
+++ b/desktop-new/src/shared/ui/IconButton.tsx
@@ -0,0 +1,33 @@
+import type { ComponentProps, ReactElement } from "react";
+import { Button } from "./Button";
+
+type IconButtonVariant = "quiet" | "ghost" | "solid" | "chrome";
+type IconButtonSize = "compact" | "default" | "large";
+
+export type IconButtonProps = Omit<
+  ComponentProps<typeof Button>,
+  "children" | "size" | "variant"
+> & {
+  "aria-label": string;
+  icon: ReactElement;
+  variant?: IconButtonVariant;
+  size?: IconButtonSize;
+};
+
+export function IconButton({
+  icon,
+  variant = "ghost",
+  size = "default",
+  ...props
+}: IconButtonProps) {
+  return (
+    <Button
+      {...props}
+      variant="ghost"
+      data-icon-variant={variant}
+      data-icon-size={size}
+    >
+      {icon}
+    </Button>
+  );
+}
diff --git a/desktop-new/src/shared/ui/NavigatorRow.tsx b/desktop-new/src/shared/ui/NavigatorRow.tsx
new file mode 100644
index 0000000000..e8d81c1ea5
--- /dev/null
+++ b/desktop-new/src/shared/ui/NavigatorRow.tsx
@@ -0,0 +1,36 @@
+import type { ReactNode } from "react";
+import { Button } from "./Button";
+
+export function NavigatorRow({
+  label,
+  icon,
+  trailing,
+  selected = false,
+  inset = false,
+  onClick,
+}: {
+  label: string;
+  icon?: ReactNode;
+  trailing?: ReactNode;
+  selected?: boolean;
+  inset?: boolean;
+  onClick?: () => void;
+}) {
+  return (
+    <Button
+      variant="ghost"
+      size="compact"
+      data-navigator-row=""
+      data-selected={selected || undefined}
+      data-inset={inset || undefined}
+      onClick={onClick}
+      aria-current={selected ? "page" : undefined}
+    >
+      {icon}
+      <span className="navigator-row-label">{label}</span>
+      {trailing ? (
+        <span className="navigator-row-trailing">{trailing}</span>
+      ) : null}
+    </Button>
+  );
+}
diff --git a/desktop-new/src/shared/ui/NavigatorSection.tsx b/desktop-new/src/shared/ui/NavigatorSection.tsx
new file mode 100644
index 0000000000..ef2682a60f
--- /dev/null
+++ b/desktop-new/src/shared/ui/NavigatorSection.tsx
@@ -0,0 +1,18 @@
+import type { ReactNode } from "react";
+
+export function NavigatorSection({
+  label,
+  children,
+}: {
+  label: string;
+  children: ReactNode;
+}) {
+  return (
+    <section className="navigator-section">
+      <h2 className="navigator-section-label text-body text-secondary">
+        {label}
+      </h2>
+      <div className="navigator-section-rows">{children}</div>
+    </section>
+  );
+}
diff --git a/desktop-new/src/shared/ui/PanelHeader.tsx b/desktop-new/src/shared/ui/PanelHeader.tsx
new file mode 100644
index 0000000000..074b65dfb1
--- /dev/null
+++ b/desktop-new/src/shared/ui/PanelHeader.tsx
@@ -0,0 +1,27 @@
+import type { ReactNode } from "react";
+
+export function PanelHeader({
+  title,
+  icon,
+  actions,
+  variant = "default",
+}: {
+  title: ReactNode;
+  icon?: ReactNode;
+  actions?: ReactNode;
+  variant?: "default" | "compact";
+}) {
+  return (
+    <header className="panel-header" data-variant={variant}>
+      <div className="panel-header-title">
+        {icon}
+        {typeof title === "string" ? (
+          <h2 className="text-heading text-primary">{title}</h2>
+        ) : (
+          title
+        )}
+      </div>
+      {actions ? <div className="panel-header-actions">{actions}</div> : null}
+    </header>
+  );
+}
diff --git a/desktop-new/src/shared/ui/SearchField.tsx b/desktop-new/src/shared/ui/SearchField.tsx
new file mode 100644
index 0000000000..3069ec5023
--- /dev/null
+++ b/desktop-new/src/shared/ui/SearchField.tsx
@@ -0,0 +1,37 @@
+import { Field } from "@base-ui/react/field";
+import { Input } from "@base-ui/react/input";
+import { IconSearch, IconX } from "@tabler/icons-react";
+import { IconButton } from "./IconButton";
+
+export function SearchField({
+  value,
+  onValueChange,
+  label = "Search",
+  placeholder = "Search",
+}: {
+  value: string;
+  onValueChange: (value: string) => void;
+  label?: string;
+  placeholder?: string;
+}) {
+  return (
+    <Field.Root className="search-field">
+      <Field.Label className="sr-only">{label}</Field.Label>
+      <IconSearch size={16} stroke={1.7} aria-hidden="true" />
+      <Input
+        type="search"
+        value={value}
+        onValueChange={onValueChange}
+        placeholder={placeholder}
+      />
+      {value ? (
+        <IconButton
+          aria-label={`Clear ${label.toLowerCase()}`}
+          icon={<IconX size={14} stroke={1.7} aria-hidden="true" />}
+          size="compact"
+          onClick={() => onValueChange("")}
+        />
+      ) : null}
+    </Field.Root>
+  );
+}
diff --git a/desktop-new/src/shared/ui/SegmentedNavigation.tsx b/desktop-new/src/shared/ui/SegmentedNavigation.tsx
new file mode 100644
index 0000000000..748724cff8
--- /dev/null
+++ b/desktop-new/src/shared/ui/SegmentedNavigation.tsx
@@ -0,0 +1,45 @@
+import { Tabs } from "@base-ui/react/tabs";
+import type { ReactNode } from "react";
+
+export type SegmentedNavigationItem<Value extends string> = {
+  value: Value;
+  label: string;
+  icon?: ReactNode;
+};
+
+export function SegmentedNavigation<Value extends string>({
+  value,
+  items,
+  label,
+  onValueChange,
+  trailingAction,
+}: {
+  value: Value;
+  items: readonly SegmentedNavigationItem<Value>[];
+  label: string;
+  onValueChange: (value: Value) => void;
+  trailingAction?: ReactNode;
+}) {
+  return (
+    <Tabs.Root
+      className="segmented-navigation"
+      value={value}
+      onValueChange={(nextValue) => onValueChange(nextValue as Value)}
+    >
+      <Tabs.List className="segmented-navigation-list" aria-label={label}>
+        <Tabs.Indicator className="segmented-navigation-indicator" />
+        {items.map((item) => (
+          <Tabs.Tab
+            key={item.value}
+            value={item.value}
+            className="segmented-navigation-item"
+          >
+            {item.icon}
+            <span>{item.label}</span>
+          </Tabs.Tab>
+        ))}
+      </Tabs.List>
+      {trailingAction}
+    </Tabs.Root>
+  );
+}
diff --git a/desktop-new/src/shared/ui/WorkspaceSurface.tsx b/desktop-new/src/shared/ui/WorkspaceSurface.tsx
new file mode 100644
index 0000000000..dd9f9e56c4
--- /dev/null
+++ b/desktop-new/src/shared/ui/WorkspaceSurface.tsx
@@ -0,0 +1,27 @@
+import type { ComponentProps, ElementType, ReactNode } from "react";
+
+type SurfaceVariant =
+  | "panel"
+  | "connected-left"
+  | "connected-right"
+  | "navigator-demo";
+
+type WorkspaceSurfaceProps<T extends ElementType> = {
+  as?: T;
+  children: ReactNode;
+  variant?: SurfaceVariant;
+} & Omit<ComponentProps<T>, "as" | "children" | "className">;
+
+export function WorkspaceSurface<T extends ElementType = "section">({
+  as,
+  children,
+  variant = "panel",
+  ...props
+}: WorkspaceSurfaceProps<T>) {
+  const Component = as ?? "section";
+  return (
+    <Component {...props} className="workspace-surface" data-variant={variant}>
+      {children}
+    </Component>
+  );
+}
diff --git a/desktop-new/src/shared/ui/registry.ts b/desktop-new/src/shared/ui/registry.ts
new file mode 100644
index 0000000000..d8e7b5aa8b
--- /dev/null
+++ b/desktop-new/src/shared/ui/registry.ts
@@ -0,0 +1,96 @@
+export type ComponentStatus = "core" | "proposed";
+
+export type ComponentDefinition = {
+  slug: string;
+  name: string;
+  purpose: string;
+  behavior: string;
+  variants: readonly string[];
+  status: ComponentStatus;
+  owner?: string;
+};
+
+export const COMPONENTS: readonly ComponentDefinition[] = [
+  {
+    slug: "button",
+    name: "Button",
+    purpose: "A labeled action with primary, quiet, or unfilled emphasis.",
+    behavior: "Base UI Button",
+    variants: ["primary", "quiet", "ghost"],
+    status: "proposed",
+    owner: "desktop-new Messages",
+  },
+  {
+    slug: "icon-button",
+    name: "IconButton",
+    purpose: "A compact icon-only action that always owns an accessible label.",
+    behavior: "Composes Buzz Button",
+    variants: ["quiet", "ghost", "solid", "chrome"],
+    status: "proposed",
+    owner: "desktop-new Messages",
+  },
+  {
+    slug: "avatar",
+    name: "Avatar",
+    purpose: "A person or agent identity image with a stable fallback.",
+    behavior: "Base UI Avatar",
+    variants: ["small", "default", "large"],
+    status: "proposed",
+    owner: "desktop-new Messages",
+  },
+  {
+    slug: "workspace-surface",
+    name: "WorkspaceSurface",
+    purpose: "A major panel sitting on the atmospheric workspace backdrop.",
+    behavior: "Semantic native region",
+    variants: ["panel", "connected-left", "connected-right"],
+    status: "proposed",
+    owner: "desktop-new Messages",
+  },
+  {
+    slug: "segmented-navigation",
+    name: "SegmentedNavigation",
+    purpose: "A single-select switch between top-level workspace destinations.",
+    behavior: "Base UI Tabs",
+    variants: ["default"],
+    status: "proposed",
+    owner: "desktop-new Messages",
+  },
+  {
+    slug: "panel-header",
+    name: "PanelHeader",
+    purpose:
+      "The identity and action boundary at the top of a workspace panel.",
+    behavior: "Semantic native header",
+    variants: ["default", "compact"],
+    status: "proposed",
+    owner: "desktop-new Messages",
+  },
+  {
+    slug: "search-field",
+    name: "SearchField",
+    purpose: "A compact filter field with a search cue and clear action.",
+    behavior: "Base UI Field and Input",
+    variants: ["default"],
+    status: "proposed",
+    owner: "desktop-new Messages",
+  },
+  {
+    slug: "navigator-section",
+    name: "NavigatorSection",
+    purpose: "A named group of related rows in a dense workspace navigator.",
+    behavior: "Semantic native section",
+    variants: ["default"],
+    status: "proposed",
+    owner: "desktop-new Messages",
+  },
+  {
+    slug: "navigator-row",
+    name: "NavigatorRow",
+    purpose: "A selectable destination row with optional icon and metadata.",
+    behavior: "Composes Buzz Button",
+    variants: ["default", "inset", "selected"],
+    status: "proposed",
+    owner: "desktop-new Messages",
+  },
+];
diff --git a/desktop-next/src/vite-env.d.ts b/desktop-new/src/vite-env.d.ts
similarity index 100%
rename from desktop-next/src/vite-env.d.ts
rename to desktop-new/src/vite-env.d.ts
diff --git a/desktop-next/tauri.conf.json b/desktop-new/tauri.conf.json
similarity index 81%
rename from desktop-next/tauri.conf.json
rename to desktop-new/tauri.conf.json
index 27e1b8fee5..482ecde3da 100644
--- a/desktop-next/tauri.conf.json
+++ b/desktop-new/tauri.conf.json
@@ -5,12 +5,12 @@
   "build": {
     "beforeDevCommand": {
       "script": "exec ./node_modules/.bin/vite --host 127.0.0.1",
-      "cwd": "../../desktop-next",
+      "cwd": "../../desktop-new",
       "wait": false
     },
     "devUrl": "http://127.0.0.1:1430",
-    "beforeBuildCommand": "pnpm --dir ../../desktop-next build",
-    "frontendDist": "../../desktop-next/dist"
+    "beforeBuildCommand": "pnpm --dir ../../desktop-new build",
+    "frontendDist": "../../desktop-new/dist"
   },
   "app": {
     "windows": [
diff --git a/desktop-next/tests/sessions.spec.ts b/desktop-new/tests/sessions.spec.ts
similarity index 100%
rename from desktop-next/tests/sessions.spec.ts
rename to desktop-new/tests/sessions.spec.ts
diff --git a/desktop-next/tsconfig.json b/desktop-new/tsconfig.json
similarity index 100%
rename from desktop-next/tsconfig.json
rename to desktop-new/tsconfig.json
diff --git a/desktop-next/vite.config.ts b/desktop-new/vite.config.ts
similarity index 100%
rename from desktop-next/vite.config.ts
rename to desktop-new/vite.config.ts
diff --git a/desktop-next/src/features/design-system/ui/MotionPage.tsx b/desktop-next/src/features/design-system/ui/MotionPage.tsx
deleted file mode 100644
index 5fb0ae6e0b..0000000000
--- a/desktop-next/src/features/design-system/ui/MotionPage.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import { PageHeader, Section, Stub } from "./primitives";
-
-export function MotionPage() {
-  return (
-    <>
-      <PageHeader
-        title="Motion"
-        status="not started"
-        intro="No durations or easings are defined yet. The rules that govern them already exist in DESIGN.md, which is the harder half."
-      />
-
-      <Section title="What this page will hold">
-        <Stub
-          what="Duration and easing tokens, and the named roles that pair them: a state change, an element entering, an overlay opening, a drag settling."
-          decide={[
-            "The duration steps, and which is the default",
-            "Easing curves, and which motions get a spring rather than a curve",
-            "How reduced-motion preferences are honoured at the token level rather than per component",
-          ]}
-        />
-      </Section>
-
-      <Section
-        title="Rules that already apply"
-        description="These are in DESIGN.md and do not wait for the tokens."
-      >
-        <ul className="flex list-disc flex-col gap-2 pl-5">
-          {[
-            "Direct manipulation follows the pointer exactly, with no easing — smoothing during a drag reads as lag. Spring physics belongs to what happens after release.",
-            "Never animate blur. Re-blurring a large surface every frame is expensive enough to feel. Animate opacity instead.",
-            "Motion explains a change; it does not decorate one. If removing an animation loses no information, remove it.",
-          ].map((rule) => (
-            <li key={rule} className="text-body text-secondary">
-              {rule}
-            </li>
-          ))}
-        </ul>
-      </Section>
-    </>
-  );
-}
diff --git a/desktop-next/src/features/design-system/ui/RadiusPage.tsx b/desktop-next/src/features/design-system/ui/RadiusPage.tsx
deleted file mode 100644
index 6888a94dc6..0000000000
--- a/desktop-next/src/features/design-system/ui/RadiusPage.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import { PageHeader, Section, Stub } from "./primitives";
-
-export function RadiusPage() {
-  return (
-    <>
-      <PageHeader
-        title="Radius"
-        status="not started"
-        intro="The design exploration is consistently soft — rounded panels, pill-shaped chrome, gently rounded chips — but the specific values have not been pulled into a scale yet."
-      />
-
-      <Section title="What this page will hold">
-        <Stub
-          what="A radius scale, and the named roles that point at it: the panel corner, the control corner, the chip corner, and the fully-round pill."
-          decide={[
-            "How many steps the scale needs",
-            "Which roles exist, and what each one is for",
-            "Whether nested corners follow a rule, so a control inside a panel reads correctly",
-          ]}
-        />
-      </Section>
-    </>
-  );
-}
diff --git a/desktop-next/src/features/design-system/ui/SpacingPage.tsx b/desktop-next/src/features/design-system/ui/SpacingPage.tsx
deleted file mode 100644
index 88b60263ef..0000000000
--- a/desktop-next/src/features/design-system/ui/SpacingPage.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import { PageHeader, Section, Stub } from "./primitives";
-
-export function SpacingPage() {
-  return (
-    <>
-      <PageHeader
-        title="Spacing"
-        status="not started"
-        intro="Tailwind's default spacing scale is currently in play, unexamined. Whether that is the right rhythm for this design is an open decision."
-      />
-
-      <Section title="What this page will hold">
-        <Stub
-          what="A spacing scale with the same two-layer treatment as colour: raw steps below, and named roles for the spacings that carry meaning — the gutter between rows, the inset of a panel, the gap inside a control."
-          decide={[
-            "Whether the stock scale stays or the design needs its own rhythm",
-            "Which spacings are named roles rather than raw steps",
-            "Whether density varies per surface, and if so how that is expressed",
-            "The relationship between spacing and the type ramp",
-          ]}
-        />
-      </Section>
-    </>
-  );
-}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index ecbfa09dde..78f9259dca 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -308,11 +308,11 @@ importers:
         specifier: ^8.0.0
         version: 8.0.16(@types/node@25.6.0)(jiti@2.7.0)(yaml@2.9.0)
 
-  desktop-next:
+  desktop-new:
     dependencies:
-      '@base-ui-components/react':
-        specifier: 1.0.0-rc.0
-        version: 1.0.0-rc.0(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)
+      '@base-ui/react':
+        specifier: 1.7.0
+        version: 1.7.0(@date-fns/tz@1.5.0)(@types/react@19.2.18)(date-fns@4.4.0)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)
       '@fontsource-variable/inter':
         specifier: ^5.2.8
         version: 5.2.8
@@ -574,21 +574,25 @@ packages:
     resolution: {integrity: sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==}
     engines: {node: '>=6.9.0'}
 
-  '@base-ui-components/react@1.0.0-rc.0':
-    resolution: {integrity: sha512-9lhUFbJcbXvc9KulLev1WTFxS/alJRBWDH/ibKSQaNvmDwMFS2gKp1sTeeldYSfKuS/KC1w2MZutc0wHu2hRHQ==}
+  '@base-ui/react@1.7.0':
+    resolution: {integrity: sha512-j+8QjX44C32jrXD/qyEAGpFr70FRpGL2CY61mQd9nBPWN737CK0xxD1ceJ055rW4RtdvFDT1e7otzdlfxvsYug==}
     engines: {node: '>=14.0.0'}
-    deprecated: Package was renamed to @base-ui/react
     peerDependencies:
+      '@date-fns/tz': ^1.2.0
       '@types/react': ^17 || ^18 || ^19
+      date-fns: ^4.0.0
       react: ^17 || ^18 || ^19
       react-dom: ^17 || ^18 || ^19
     peerDependenciesMeta:
+      '@date-fns/tz':
+        optional: true
       '@types/react':
         optional: true
+      date-fns:
+        optional: true
 
-  '@base-ui-components/utils@0.2.2':
-    resolution: {integrity: sha512-rNJCD6TFy3OSRDKVHJDzLpxO3esTV1/drRtWNUpe7rCpPN9HZVHUCuP+6rdDYDGWfXnQHbqi05xOyRP2iZAlkw==}
-    deprecated: Package was renamed to @base-ui/utils
+  '@base-ui/utils@0.3.2':
+    resolution: {integrity: sha512-oWy1aq/I2GmYjpl4PhEAhzflF8VPGKgZeq0xAWTbfD5KBWyxcN0ZP2+WHSUm/5Z6lVMBDLReLcoXwSYoRc/zNQ==}
     peerDependencies:
       '@types/react': ^17 || ^18 || ^19
       react: ^17 || ^18 || ^19
@@ -3502,9 +3506,6 @@ packages:
   symbol-tree@3.2.4:
     resolution: {integrity: sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==}
 
-  tabbable@6.5.0:
-    resolution: {integrity: sha512-wieBHXygIm7OyQOu5hQlkk62/WyCFYGlWg7L6/ZCUZwx0o398Zkn4pVmMyfYhfMG8kGrj/Krt8eIk6UKC6VzwA==}
-
   tailwind-merge@3.6.0:
     resolution: {integrity: sha512-uxL7qAVQriqRQPAyK3pj66VqskWqoZ37PW94jwOTwNfq/z9oyu1V+eqrZqtR2+fCiXdYOZe/Modt8GtvqNzu+w==}
 
@@ -3982,21 +3983,21 @@ snapshots:
       '@babel/helper-string-parser': 7.27.1
       '@babel/helper-validator-identifier': 7.29.7
 
-  '@base-ui-components/react@1.0.0-rc.0(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)':
+  '@base-ui/react@1.7.0(@date-fns/tz@1.5.0)(@types/react@19.2.18)(date-fns@4.4.0)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)':
     dependencies:
       '@babel/runtime': 7.29.7
-      '@base-ui-components/utils': 0.2.2(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)
+      '@base-ui/utils': 0.3.2(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)
       '@floating-ui/react-dom': 2.1.9(react-dom@19.2.8(react@19.2.8))(react@19.2.8)
       '@floating-ui/utils': 0.2.12
       react: 19.2.8
       react-dom: 19.2.8(react@19.2.8)
-      reselect: 5.3.0
-      tabbable: 6.5.0
       use-sync-external-store: 1.6.0(react@19.2.8)
     optionalDependencies:
+      '@date-fns/tz': 1.5.0
       '@types/react': 19.2.18
+      date-fns: 4.4.0
 
-  '@base-ui-components/utils@0.2.2(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)':
+  '@base-ui/utils@0.3.2(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)':
     dependencies:
       '@babel/runtime': 7.29.7
       '@floating-ui/utils': 0.2.12
@@ -7006,8 +7007,6 @@ snapshots:
 
   symbol-tree@3.2.4: {}
 
-  tabbable@6.5.0: {}
-
   tailwind-merge@3.6.0: {}
 
   tailwindcss@4.3.0: {}
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index a1bbc5bc7f..34be9ead09 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -1,6 +1,6 @@
 packages:
   - "desktop"
-  - "desktop-next"
+  - "desktop-new"
   - "web"
   - "admin-web"
 allowBuilds:

From 179af349f122b388956dbbab62a66581d7e8ce43 Mon Sep 17 00:00:00 2001
From: morgmart <98432065+morgmart@users.noreply.github.com>
Date: Sun, 6 Sep 2026 15:01:11 -0700
Subject: [PATCH 11/33] desktop-new: composition-input spike for inline
 composer tiles

Answers the blocking question in the Desktop New plan before the composer is
designed: does staged character input (ja/ko/zh) survive beside an inline atom
tile? It does. Twelve tests, Chromium composition driven through CDP
Input.imeSetComposition plus a WebKit pass.

Measured findings:
- Composition beside a tile is safe in every position; a committed composition
  leaves the tile address byte-identical. No fence needed.
- selectable:false is load-bearing. With selectable:true an arrow key selects
  the tile and the next keystroke replaces it.
- atom:true is redundant for a contentless node (isAtom = isLeaf || spec.atom)
  and kept as documentation of intent.
- Whole-tile deletion works natively; no custom Backspace handler required.
- One real gap: the caret position before a leading tile. ArrowLeft reaches it,
  Home and a pointer click do not, in both engines. Those two tests carry
  test.fail() until the caret-boundary layer lands.

The harness is temporary and deleted when the real composer lands.

Signed-off-by: morgmart <98432065+morgmart@users.noreply.github.com>
---
 desktop-new/package.json                      |   4 +
 desktop-new/src/app/routes/spike.composer.tsx |   7 +
 .../src/features/composer-spike/tileNode.ts   |  93 ++++++
 .../composer-spike/ui/ComposerSpikePage.tsx   | 151 +++++++++
 desktop-new/src/shared/styles/globals.css     |  19 ++
 desktop-new/tests/composer-spike.spec.ts      | 306 ++++++++++++++++++
 pnpm-lock.yaml                                |  12 +
 7 files changed, 592 insertions(+)
 create mode 100644 desktop-new/src/app/routes/spike.composer.tsx
 create mode 100644 desktop-new/src/features/composer-spike/tileNode.ts
 create mode 100644 desktop-new/src/features/composer-spike/ui/ComposerSpikePage.tsx
 create mode 100644 desktop-new/tests/composer-spike.spec.ts

diff --git a/desktop-new/package.json b/desktop-new/package.json
index ade1557399..8e328d1d28 100644
--- a/desktop-new/package.json
+++ b/desktop-new/package.json
@@ -24,6 +24,10 @@
     "@tabler/icons-react": "^3.46.0",
     "@tanstack/react-router": "^1.168.10",
     "@tauri-apps/api": "~2.11.1",
+    "@tiptap/core": "^3.22.3",
+    "@tiptap/pm": "^3.22.3",
+    "@tiptap/react": "^3.22.3",
+    "@tiptap/starter-kit": "^3.22.3",
     "dockview-react": "8.2.0",
     "react": "^19.1.0",
     "react-dom": "^19.1.0"
diff --git a/desktop-new/src/app/routes/spike.composer.tsx b/desktop-new/src/app/routes/spike.composer.tsx
new file mode 100644
index 0000000000..60dc4150f9
--- /dev/null
+++ b/desktop-new/src/app/routes/spike.composer.tsx
@@ -0,0 +1,7 @@
+import { createFileRoute } from "@tanstack/react-router";
+
+import { ComposerSpikePage } from "@/features/composer-spike/ui/ComposerSpikePage";
+
+export const Route = createFileRoute("/spike/composer")({
+  component: ComposerSpikePage,
+});
diff --git a/desktop-new/src/features/composer-spike/tileNode.ts b/desktop-new/src/features/composer-spike/tileNode.ts
new file mode 100644
index 0000000000..56125bb9e4
--- /dev/null
+++ b/desktop-new/src/features/composer-spike/tileNode.ts
@@ -0,0 +1,93 @@
+import { mergeAttributes, Node } from "@tiptap/core";
+
+/**
+ * Minimal inline tile for the composition-input spike.
+ *
+ * Deliberately the smallest thing that reproduces the risk: an
+ * `inline` + `atom` node whose DOM is a non-editable box. That box is what
+ * Chrome and Safari mis-handle at caret boundaries, and what a composing IME
+ * has to survive sitting next to. Nothing here is production shape — no
+ * resolver, no shared component, no address model. The spike answers one
+ * question: does staged character input beside such a node stay intact?
+ */
+export const TILE_NODE_NAME = "spikeTile";
+
+export const SpikeTileNode = Node.create({
+  name: TILE_NODE_NAME,
+  group: "inline",
+  inline: true,
+  /**
+   * Redundant for this node and kept as documentation of intent. ProseMirror
+   * computes `isAtom` as `isLeaf || spec.atom`, and a node with no content
+   * schema is already a leaf — so flipping this to `false` changes nothing,
+   * verified by running the spike with it off. It becomes load-bearing the
+   * moment a tile holds content.
+   */
+  atom: true,
+  /**
+   * Load-bearing, and the single most important line in the file. With
+   * `selectable: true` an arrow key selects the tile and the very next
+   * keystroke REPLACES it — the tile silently vanishes mid-sentence. Verified
+   * by flipping it: three spike tests go red. TipTap's own mention extension
+   * ships `selectable: false` for this reason.
+   */
+  selectable: false,
+
+  addAttributes() {
+    return {
+      kind: {
+        default: "person",
+        parseHTML: (element) =>
+          (element as HTMLElement).getAttribute("data-kind") ?? "person",
+        renderHTML: (attributes) => ({ "data-kind": String(attributes.kind) }),
+      },
+      id: {
+        default: "",
+        parseHTML: (element) =>
+          (element as HTMLElement).getAttribute("data-id") ?? "",
+        renderHTML: (attributes) => ({ "data-id": String(attributes.id) }),
+      },
+      label: {
+        default: "",
+        parseHTML: (element) =>
+          (element as HTMLElement).getAttribute("data-label") ?? "",
+        renderHTML: (attributes) => ({
+          "data-label": String(attributes.label),
+        }),
+      },
+    };
+  },
+
+  parseHTML() {
+    return [{ tag: "span[data-spike-tile]" }];
+  },
+
+  renderHTML({ node, HTMLAttributes }) {
+    return [
+      "span",
+      mergeAttributes(HTMLAttributes, {
+        "data-spike-tile": "",
+        contenteditable: "false",
+        class: "spike-tile",
+      }),
+      `@${String(node.attrs.label)}`,
+    ];
+  },
+
+  /**
+   * The address, not the label. A spike-scale stand-in for the contract that
+   * a sent message refers to the identity rather than the letters of a name.
+   */
+  renderText({ node }) {
+    return `buzz://${String(node.attrs.kind)}/${String(node.attrs.id)}`;
+  },
+
+  /**
+   * Whole-tile deletion needs NO custom handler. With `atom: true` and
+   * `selectable: false`, Backspace from just after a tile removes it entirely —
+   * verified by deleting this comment's former handler and re-running the spike
+   * five times. TipTap's own mention extension adds a Backspace handler only to
+   * change the behaviour (leave the trigger character behind), not to make
+   * deletion work at all.
+   */
+});
diff --git a/desktop-new/src/features/composer-spike/ui/ComposerSpikePage.tsx b/desktop-new/src/features/composer-spike/ui/ComposerSpikePage.tsx
new file mode 100644
index 0000000000..03c7cb8a77
--- /dev/null
+++ b/desktop-new/src/features/composer-spike/ui/ComposerSpikePage.tsx
@@ -0,0 +1,151 @@
+import { useEffect, type MouseEvent as ReactMouseEvent } from "react";
+import { EditorContent, useEditor } from "@tiptap/react";
+import StarterKit from "@tiptap/starter-kit";
+
+import { SpikeTileNode, TILE_NODE_NAME } from "../tileNode";
+
+declare global {
+  interface Window {
+    /** Spike-only: lets the test read live editor state without render timing. */
+    __SPIKE_READ__?: () => {
+      json: unknown;
+      text: string;
+      addresses: string[];
+    };
+  }
+}
+
+/**
+ * Composition-input spike harness.
+ *
+ * Not a product surface and not a design-system specimen. It exists so a test
+ * can drive real `compositionstart` / `compositionupdate` / `compositionend`
+ * sequences against an inline atom tile in the actual application shell, and
+ * read back whether the document survived. Delete this route once the spike's
+ * result is recorded in the plan.
+ */
+export function ComposerSpikePage() {
+  const editor = useEditor({
+    extensions: [
+      StarterKit.configure({ heading: false, link: false }),
+      SpikeTileNode,
+    ],
+    content: { type: "doc", content: [{ type: "paragraph" }] },
+    editorProps: {
+      attributes: {
+        "data-testid": "spike-editor",
+        "aria-label": "Composition spike composer",
+        class: "spike-editor",
+      },
+    },
+  });
+
+  // Read live editor state on demand. A React-rendered readout lags editor
+  // transactions, which made the harness look like a browser defect.
+  useEffect(() => {
+    if (!editor) return;
+    window.__SPIKE_READ__ = () => {
+      const json = editor.getJSON() as {
+        content?: {
+          content?: { type: string; attrs?: Record<string, unknown> }[];
+        }[];
+      };
+      const inline = json.content?.[0]?.content ?? [];
+      return {
+        json,
+        text: editor.getText(),
+        addresses: inline
+          .filter((node) => node.type === TILE_NODE_NAME)
+          .map((node) => `${node.attrs?.kind}/${node.attrs?.id}`),
+      };
+    };
+    return () => {
+      window.__SPIKE_READ__ = undefined;
+    };
+  }, [editor]);
+
+  if (!editor) return null;
+
+  // Insert buttons must not take focus, or the caret leaves the editor and
+  // every keyboard assertion afterwards measures the wrong thing. A real
+  // picker has the same obligation.
+  const keepFocus = (event: ReactMouseEvent) => event.preventDefault();
+
+  const insertTile = (label: string, id: string) =>
+    editor
+      .chain()
+      .focus()
+      .insertContent({
+        type: TILE_NODE_NAME,
+        attrs: { kind: "person", id, label },
+      })
+      .run();
+
+  return (
+    <div className="flex flex-col gap-4 p-8">
+      <h1 className="text-title text-primary">Composition input spike</h1>
+      <p className="text-body text-secondary">
+        Drives staged character input beside an inline atom tile. Temporary.
+      </p>
+
+      <div className="flex gap-2">
+        <button
+          type="button"
+          data-testid="insert-morgan"
+          onMouseDown={keepFocus}
+          onClick={() => insertTile("Morgan", "pk-morgan")}
+          className="rounded-md bg-inset px-3 py-1 text-body text-primary"
+        >
+          Insert Morgan
+        </button>
+        <button
+          type="button"
+          data-testid="insert-alex"
+          onMouseDown={keepFocus}
+          onClick={() => insertTile("Alex", "pk-alex")}
+          className="rounded-md bg-inset px-3 py-1 text-body text-primary"
+        >
+          Insert Alex
+        </button>
+        <button
+          type="button"
+          data-testid="clear"
+          onMouseDown={keepFocus}
+          onClick={() => editor.chain().focus().clearContent(true).run()}
+          className="rounded-md bg-inset px-3 py-1 text-body text-primary"
+        >
+          Clear
+        </button>
+      </div>
+
+      <div className="rounded-md border border-secondary bg-panel p-3">
+        <EditorContent editor={editor} />
+      </div>
+
+      <output
+        data-testid="doc-json"
+        className="whitespace-pre-wrap font-mono text-mono-sm text-secondary"
+      >
+        {JSON.stringify(editor.getJSON())}
+      </output>
+      <output
+        data-testid="doc-text"
+        className="whitespace-pre-wrap font-mono text-mono-sm text-secondary"
+      >
+        {editor.getText()}
+      </output>
+      <output
+        data-testid="tile-count"
+        className="font-mono text-mono-sm text-secondary"
+      >
+        {String(
+          editor
+            .getJSON()
+            .content?.[0]?.content?.filter(
+              (n: { type: string }) => n.type === TILE_NODE_NAME,
+            ).length ?? 0,
+        )}
+      </output>
+    </div>
+  );
+}
diff --git a/desktop-new/src/shared/styles/globals.css b/desktop-new/src/shared/styles/globals.css
index 8023f224da..086dfc1ae1 100644
--- a/desktop-new/src/shared/styles/globals.css
+++ b/desktop-new/src/shared/styles/globals.css
@@ -50,3 +50,22 @@
 @utility elevate-sm {
   box-shadow: var(--shadow-sm);
 }
+
+/* Composition-input spike only. Remove with the spike route. */
+.spike-editor {
+  outline: none;
+  min-height: 3lh;
+}
+
+.spike-editor p {
+  margin: 0;
+}
+
+.spike-tile {
+  display: inline-block;
+  padding-inline: 0.375rem;
+  border-radius: var(--radius-sm);
+  background: var(--color-bg-inset);
+  color: var(--color-text-primary);
+  user-select: none;
+}
diff --git a/desktop-new/tests/composer-spike.spec.ts b/desktop-new/tests/composer-spike.spec.ts
new file mode 100644
index 0000000000..bf0ae0d290
--- /dev/null
+++ b/desktop-new/tests/composer-spike.spec.ts
@@ -0,0 +1,306 @@
+import { expect, test, type Page } from "@playwright/test";
+
+/**
+ * Composition-input spike.
+ *
+ * Answers one question before the composer is designed: does staged character
+ * input — Japanese, Korean, Chinese — survive directly beside an inline atom
+ * tile? These languages assemble characters in a composition session before
+ * committing them, and an inline non-editable box is where that assembly is
+ * documented to break (lexical#7985, lexical#6296).
+ *
+ * `page.keyboard.type()` produces NO composition events, so it proves nothing
+ * here. This drives the real CDP IME surface (`Input.imeSetComposition`) plus
+ * `Input.insertText` for the commit, which is what a platform IME actually
+ * does to the webview.
+ */
+
+const SPIKE = "/spike/composer";
+
+type Ime = {
+  setComposition: (text: string) => Promise<void>;
+  commit: (text: string) => Promise<void>;
+};
+
+/** Real composition events through Chrome DevTools Protocol. */
+async function imeFor(page: Page): Promise<Ime> {
+  const session = await page.context().newCDPSession(page);
+  return {
+    async setComposition(text: string) {
+      await session.send("Input.imeSetComposition", {
+        text,
+        selectionStart: text.length,
+        selectionEnd: text.length,
+      });
+    },
+    async commit(text: string) {
+      await session.send("Input.insertText", { text });
+    },
+  };
+}
+
+async function openSpike(page: Page) {
+  await page.goto(SPIKE);
+  const editor = page.getByTestId("spike-editor");
+  await expect(editor).toBeVisible();
+  await editor.click();
+  return editor;
+}
+
+type SpikeRead = { json: unknown; text: string; addresses: string[] };
+
+/** Live editor state, read straight from the editor rather than a React readout. */
+function read(page: Page): Promise<SpikeRead> {
+  return page.evaluate(() => {
+    const reader = window.__SPIKE_READ__;
+    if (!reader) throw new Error("Spike harness is not mounted");
+    return reader();
+  });
+}
+
+async function tileCount(page: Page): Promise<number> {
+  return (await read(page)).addresses.length;
+}
+
+async function addresses(page: Page): Promise<string[]> {
+  return (await read(page)).addresses;
+}
+
+async function text(page: Page): Promise<string> {
+  return (await read(page)).text;
+}
+
+test.describe("composition input beside an inline tile", () => {
+  test("composes Japanese immediately after a tile", async ({ page }) => {
+    await openSpike(page);
+    const ime = await imeFor(page);
+
+    await page.getByTestId("insert-morgan").click();
+    expect(await tileCount(page)).toBe(1);
+    const before = await addresses(page);
+
+    // Compose "にほんご" the way an IME does: staged, then committed.
+    await ime.setComposition("に");
+    await ime.setComposition("にほ");
+    await ime.setComposition("にほん");
+    await ime.commit("にほんご");
+
+    expect(await tileCount(page)).toBe(1);
+    expect(await addresses(page)).toEqual(before);
+    expect(await text(page)).toContain("にほんご");
+  });
+
+  test("composes Korean immediately before a leading tile", async ({
+    page,
+  }) => {
+    await openSpike(page);
+    const ime = await imeFor(page);
+
+    await page.getByTestId("insert-morgan").click();
+    const before = await addresses(page);
+
+    // Caret to the very start, in front of the tile that opens the document.
+    await page.keyboard.press("Home");
+
+    await ime.setComposition("ㅎ");
+    await ime.setComposition("하");
+    await ime.commit("한국어");
+
+    expect(await tileCount(page)).toBe(1);
+    expect(await addresses(page)).toEqual(before);
+    expect(await text(page)).toContain("한국어");
+  });
+
+  test("composes Chinese between two adjacent tiles", async ({ page }) => {
+    await openSpike(page);
+    const ime = await imeFor(page);
+
+    await page.getByTestId("insert-morgan").click();
+    await page.getByTestId("insert-alex").click();
+    expect(await tileCount(page)).toBe(2);
+    const before = await addresses(page);
+
+    // Land between the two tiles: one press back from the end.
+    await page.keyboard.press("ArrowLeft");
+
+    await ime.setComposition("z");
+    await ime.setComposition("zh");
+    await ime.commit("中文");
+
+    expect(await tileCount(page)).toBe(2);
+    expect(await addresses(page)).toEqual(before);
+    expect(await text(page)).toContain("中文");
+  });
+
+  test("backspace mid-composition beside a tile leaves the tile intact", async ({
+    page,
+  }) => {
+    await openSpike(page);
+    const ime = await imeFor(page);
+
+    await page.getByTestId("insert-morgan").click();
+    const before = await addresses(page);
+
+    await ime.setComposition("に");
+    await ime.setComposition("にほ");
+    // Cancel the composition mid-flight the way a user backing out does.
+    await ime.setComposition("");
+    await page.keyboard.press("Backspace");
+
+    // The tile may or may not be deleted by that Backspace — either is a
+    // defensible product choice. What must not happen is a corrupted document.
+    const after = await addresses(page);
+    expect(after.length === before.length || after.length === 0).toBe(true);
+    for (const address of after) expect(before).toContain(address);
+  });
+
+  test("committed composition does not alter a tile's address", async ({
+    page,
+  }) => {
+    await openSpike(page);
+    const ime = await imeFor(page);
+
+    await page.getByTestId("insert-morgan").click();
+    await ime.setComposition("に");
+    await ime.commit("にほんご");
+    await page.keyboard.type(" hello");
+
+    // The address is the binding. Text around it must never rewrite it.
+    expect(await addresses(page)).toEqual(["person/pk-morgan"]);
+    expect(await text(page)).toContain("buzz://person/pk-morgan");
+  });
+});
+
+test.describe("caret boundaries around an inline tile", () => {
+  // EXPECTED FAILURE until the caret-boundary layer lands. Chrome places the
+  // caret after a leading inline atom regardless of intent — ProseMirror's
+  // author confirms the library cannot fix it (discuss #2538). ArrowLeft does
+  // reach the position; Home and a pointer click do not. Semi Design injects
+  // zero-width characters and Atlassian ships cursor-target spans to repair
+  // exactly this. When that layer exists these flip green and the annotation
+  // must be removed.
+  test("Home then typing lands before a leading tile", async ({ page }) => {
+    test.fail();
+    await openSpike(page);
+    await page.getByTestId("insert-morgan").click();
+
+    await page.keyboard.press("Home");
+    await page.keyboard.type("Hey ");
+
+    const body = await text(page);
+    expect(body.indexOf("Hey")).toBeLessThan(
+      body.indexOf("buzz://person/pk-morgan"),
+    );
+  });
+
+  test("clicking a leading tile's left edge lands before it", async ({
+    page,
+  }) => {
+    test.fail();
+    await openSpike(page);
+    await page.getByTestId("insert-morgan").click();
+
+    const box = await page.locator(".spike-tile").first().boundingBox();
+    if (!box) throw new Error("Tile is not laid out");
+    await page.mouse.click(box.x + 2, box.y + box.height / 2);
+    await page.keyboard.type("L");
+
+    const body = await text(page);
+    expect(body.indexOf("L")).toBeLessThan(
+      body.indexOf("buzz://person/pk-morgan"),
+    );
+  });
+
+  test("ArrowLeft reaches the position before a leading tile", async ({
+    page,
+  }) => {
+    await openSpike(page);
+    await page.getByTestId("insert-morgan").click();
+
+    await page.keyboard.press("ArrowLeft");
+    await page.keyboard.type("Hey ");
+
+    const body = await text(page);
+    expect(body.indexOf("Hey")).toBeLessThan(
+      body.indexOf("buzz://person/pk-morgan"),
+    );
+  });
+
+  // Typing between two adjacent tiles is NONDETERMINISTIC in Chrome without a
+  // boundary layer: across repeated runs the text sometimes lands between the
+  // tiles and sometimes after both. Asserting a position here would be a flaky
+  // test, so this asserts the invariant that always holds — the document is
+  // never corrupted — and the boundary layer owns making the position reliable.
+  test("typing between two adjacent tiles never corrupts the document", async ({
+    page,
+  }) => {
+    await openSpike(page);
+    await page.getByTestId("insert-morgan").click();
+    await page.getByTestId("insert-alex").click();
+
+    await page.keyboard.press("ArrowLeft");
+    await page.keyboard.type("and");
+
+    expect(await tileCount(page)).toBe(2);
+    expect(await addresses(page)).toEqual([
+      "person/pk-morgan",
+      "person/pk-alex",
+    ]);
+    expect(await text(page)).toContain("and");
+  });
+
+  // Binds the single-object property the whole design rests on. Note it does
+  // NOT bind the `atom: true` flag: a contentless node is already a leaf and
+  // therefore already atomic (ProseMirror computes `isAtom` as
+  // `isLeaf || spec.atom`). What this does bind is `selectable: false` —
+  // flipping that turns this red, because a selected tile is replaced by the
+  // next keystroke.
+  test("the caret cannot be placed inside a tile", async ({ page }) => {
+    await openSpike(page);
+    await page.getByTestId("insert-morgan").click();
+
+    // Aim at the visual middle of the label — inside it, if that were possible.
+    const box = await page.locator(".spike-tile").first().boundingBox();
+    if (!box) throw new Error("Tile is not laid out");
+    await page.mouse.click(box.x + box.width / 2, box.y + box.height / 2);
+    await page.keyboard.type("ZZ");
+
+    // The address is untouched and the typed text never split the label.
+    expect(await addresses(page)).toEqual(["person/pk-morgan"]);
+    const doc = (await read(page)).json as {
+      content?: {
+        content?: { type: string; attrs?: Record<string, string> }[];
+      }[];
+    };
+    const tile = doc.content?.[0]?.content?.find((n) => n.type === "spikeTile");
+    expect(tile?.attrs?.label).toBe("Morgan");
+  });
+
+  test("arrow traversal never lands inside a tile", async ({ page }) => {
+    await openSpike(page);
+    await page.getByTestId("insert-morgan").click();
+    await page.keyboard.press("End");
+    await page.keyboard.type("x");
+
+    // Walk left across the whole document. Whatever the caret does at the
+    // boundaries, it must never split the tile: its address stays intact and
+    // the tile count never changes.
+    for (let i = 0; i < 4; i++) await page.keyboard.press("ArrowLeft");
+
+    expect(await tileCount(page)).toBe(1);
+    expect(await addresses(page)).toEqual(["person/pk-morgan"]);
+  });
+
+  test("backspace from just after a tile removes the whole tile", async ({
+    page,
+  }) => {
+    await openSpike(page);
+    await page.getByTestId("insert-morgan").click();
+    expect(await tileCount(page)).toBe(1);
+
+    await page.keyboard.press("End");
+    await page.keyboard.press("Backspace");
+
+    expect(await tileCount(page)).toBe(0);
+  });
+});
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 78f9259dca..f58e886a33 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -328,6 +328,18 @@ importers:
       '@tauri-apps/api':
         specifier: ~2.11.1
         version: 2.11.1
+      '@tiptap/core':
+        specifier: ^3.22.3
+        version: 3.22.5(@tiptap/pm@3.22.5)
+      '@tiptap/pm':
+        specifier: ^3.22.3
+        version: 3.22.5
+      '@tiptap/react':
+        specifier: ^3.22.3
+        version: 3.22.5(@floating-ui/dom@1.8.0)(@tiptap/core@3.22.5(@tiptap/pm@3.22.5))(@tiptap/pm@3.22.5)(@types/react-dom@19.2.4(@types/react@19.2.18))(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)
+      '@tiptap/starter-kit':
+        specifier: ^3.22.3
+        version: 3.22.5
       dockview-react:
         specifier: 8.2.0
         version: 8.2.0(react-dom@19.2.8(react@19.2.8))(react@19.2.8)

From c05b85c4212f672c8d8b3fa41f9e025ed74da418 Mon Sep 17 00:00:00 2001
From: morgmart <98432065+morgmart@users.noreply.github.com>
Date: Sun, 6 Sep 2026 15:20:42 -0700
Subject: [PATCH 12/33] desktop-new: tile address model and shared InlineTile
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Implements the foundation the composer sits on: a reference is an address
(kind + identity), never the letters of a name. One shared InlineTile serves
both the composer and the conversation, mounted in the editor through a React
node view.

- shared/tiles/address.ts: kind + id, canonical buzz:// form, parse/format.
- shared/tiles/faceResolver.ts: resolves the displayed face from an address at
  render time, so a rename never edits anyone's draft or enters undo history.
  Community-scoped cache with an explicit reset.
- shared/ui/InlineTile.tsx: the one component, person/agent/channel kinds.
- features/composer/tileNode.ts: the document node. Stores only the address.
- New semantic tokens: --space-tile-inset, --space-tile-gap, --radius-tile.
- Specimen page at /design/components/inline-tile covering kinds, in-sentence
  use, read-only, unresolved, truncation, and activation.

Findings while building, all now covered by tests:
- A React node view REPAIRS a caret boundary. With static markup, Home before a
  leading tile landed after it; with the node view both Home and ArrowLeft land
  correctly. Only the pointer click on a leading tile's left edge still fails —
  now the single known caret gap, still marked test.fail().
- useSyncExternalStore needs a reference-stable snapshot. Building a fresh
  unresolved face per call was an infinite render loop that unmounted the whole
  editor. Unresolved faces are cached like resolved ones.
- An unresolved tile must not announce an abbreviated identity to a screen
  reader. TileFace now carries , and the accessible name says
  "Unresolved person" rather than reading the stand-in aloud.

Falsifiability checked by breaking each protection in turn: selectable:false,
the address text projection, and the community reset each turn tests red.

Signed-off-by: morgmart <98432065+morgmart@users.noreply.github.com>
---
 .../src/features/composer-spike/tileNode.ts   |  93 ---------
 .../composer-spike/ui/ComposerSpikePage.tsx   |  93 +++++----
 desktop-new/src/features/composer/tileNode.ts | 101 ++++++++++
 .../src/features/composer/ui/TileNodeView.tsx |  32 ++++
 .../design-system/ui/componentSpecimens.tsx   |  99 ++++++++++
 desktop-new/src/shared/styles/globals.css     |   1 +
 desktop-new/src/shared/styles/tiles.css       | 119 ++++++++++++
 desktop-new/src/shared/styles/tokens.css      |   9 +
 desktop-new/src/shared/tiles/address.test.ts  |  54 ++++++
 desktop-new/src/shared/tiles/address.ts       |  63 +++++++
 .../src/shared/tiles/faceResolver.test.ts     | 143 ++++++++++++++
 desktop-new/src/shared/tiles/faceResolver.ts  | 153 +++++++++++++++
 desktop-new/src/shared/ui/InlineTile.tsx      | 128 +++++++++++++
 desktop-new/src/shared/ui/registry.ts         |  10 +
 desktop-new/tests/composer-spike.spec.ts      | 178 ++++++++++++++++--
 15 files changed, 1117 insertions(+), 159 deletions(-)
 delete mode 100644 desktop-new/src/features/composer-spike/tileNode.ts
 create mode 100644 desktop-new/src/features/composer/tileNode.ts
 create mode 100644 desktop-new/src/features/composer/ui/TileNodeView.tsx
 create mode 100644 desktop-new/src/shared/styles/tiles.css
 create mode 100644 desktop-new/src/shared/tiles/address.test.ts
 create mode 100644 desktop-new/src/shared/tiles/address.ts
 create mode 100644 desktop-new/src/shared/tiles/faceResolver.test.ts
 create mode 100644 desktop-new/src/shared/tiles/faceResolver.ts
 create mode 100644 desktop-new/src/shared/ui/InlineTile.tsx

diff --git a/desktop-new/src/features/composer-spike/tileNode.ts b/desktop-new/src/features/composer-spike/tileNode.ts
deleted file mode 100644
index 56125bb9e4..0000000000
--- a/desktop-new/src/features/composer-spike/tileNode.ts
+++ /dev/null
@@ -1,93 +0,0 @@
-import { mergeAttributes, Node } from "@tiptap/core";
-
-/**
- * Minimal inline tile for the composition-input spike.
- *
- * Deliberately the smallest thing that reproduces the risk: an
- * `inline` + `atom` node whose DOM is a non-editable box. That box is what
- * Chrome and Safari mis-handle at caret boundaries, and what a composing IME
- * has to survive sitting next to. Nothing here is production shape — no
- * resolver, no shared component, no address model. The spike answers one
- * question: does staged character input beside such a node stay intact?
- */
-export const TILE_NODE_NAME = "spikeTile";
-
-export const SpikeTileNode = Node.create({
-  name: TILE_NODE_NAME,
-  group: "inline",
-  inline: true,
-  /**
-   * Redundant for this node and kept as documentation of intent. ProseMirror
-   * computes `isAtom` as `isLeaf || spec.atom`, and a node with no content
-   * schema is already a leaf — so flipping this to `false` changes nothing,
-   * verified by running the spike with it off. It becomes load-bearing the
-   * moment a tile holds content.
-   */
-  atom: true,
-  /**
-   * Load-bearing, and the single most important line in the file. With
-   * `selectable: true` an arrow key selects the tile and the very next
-   * keystroke REPLACES it — the tile silently vanishes mid-sentence. Verified
-   * by flipping it: three spike tests go red. TipTap's own mention extension
-   * ships `selectable: false` for this reason.
-   */
-  selectable: false,
-
-  addAttributes() {
-    return {
-      kind: {
-        default: "person",
-        parseHTML: (element) =>
-          (element as HTMLElement).getAttribute("data-kind") ?? "person",
-        renderHTML: (attributes) => ({ "data-kind": String(attributes.kind) }),
-      },
-      id: {
-        default: "",
-        parseHTML: (element) =>
-          (element as HTMLElement).getAttribute("data-id") ?? "",
-        renderHTML: (attributes) => ({ "data-id": String(attributes.id) }),
-      },
-      label: {
-        default: "",
-        parseHTML: (element) =>
-          (element as HTMLElement).getAttribute("data-label") ?? "",
-        renderHTML: (attributes) => ({
-          "data-label": String(attributes.label),
-        }),
-      },
-    };
-  },
-
-  parseHTML() {
-    return [{ tag: "span[data-spike-tile]" }];
-  },
-
-  renderHTML({ node, HTMLAttributes }) {
-    return [
-      "span",
-      mergeAttributes(HTMLAttributes, {
-        "data-spike-tile": "",
-        contenteditable: "false",
-        class: "spike-tile",
-      }),
-      `@${String(node.attrs.label)}`,
-    ];
-  },
-
-  /**
-   * The address, not the label. A spike-scale stand-in for the contract that
-   * a sent message refers to the identity rather than the letters of a name.
-   */
-  renderText({ node }) {
-    return `buzz://${String(node.attrs.kind)}/${String(node.attrs.id)}`;
-  },
-
-  /**
-   * Whole-tile deletion needs NO custom handler. With `atom: true` and
-   * `selectable: false`, Backspace from just after a tile removes it entirely —
-   * verified by deleting this comment's former handler and re-running the spike
-   * five times. TipTap's own mention extension adds a Backspace handler only to
-   * change the behaviour (leave the trigger character behind), not to make
-   * deletion work at all.
-   */
-});
diff --git a/desktop-new/src/features/composer-spike/ui/ComposerSpikePage.tsx b/desktop-new/src/features/composer-spike/ui/ComposerSpikePage.tsx
index 03c7cb8a77..7e24d78abe 100644
--- a/desktop-new/src/features/composer-spike/ui/ComposerSpikePage.tsx
+++ b/desktop-new/src/features/composer-spike/ui/ComposerSpikePage.tsx
@@ -1,47 +1,64 @@
-import { useEffect, type MouseEvent as ReactMouseEvent } from "react";
+import { type MouseEvent as ReactMouseEvent, useEffect } from "react";
 import { EditorContent, useEditor } from "@tiptap/react";
 import StarterKit from "@tiptap/starter-kit";
 
-import { SpikeTileNode, TILE_NODE_NAME } from "../tileNode";
+import { TILE_NODE_NAME, TileNode } from "@/features/composer/tileNode";
+import type { TileAddress } from "@/shared/tiles/address";
+import { resetTileFaces, tileFaces } from "@/shared/tiles/faceResolver";
 
 declare global {
   interface Window {
-    /** Spike-only: lets the test read live editor state without render timing. */
+    /** Spike-only: lets a test read live editor state without render timing. */
     __SPIKE_READ__?: () => {
       json: unknown;
       text: string;
       addresses: string[];
     };
+    /** Spike-only: renames an identity the way a profile update would. */
+    __SPIKE_RENAME__?: (address: TileAddress, label: string) => void;
+    /** Spike-only: simulates switching community. */
+    __SPIKE_RESET_FACES__?: () => void;
   }
 }
 
+const MORGAN: TileAddress = { kind: "person", id: "pk-morgan" };
+const ALEX: TileAddress = { kind: "person", id: "pk-alex" };
+
 /**
- * Composition-input spike harness.
+ * Harness for the tile composer's editing contract.
  *
- * Not a product surface and not a design-system specimen. It exists so a test
- * can drive real `compositionstart` / `compositionupdate` / `compositionend`
- * sequences against an inline atom tile in the actual application shell, and
- * read back whether the document survived. Delete this route once the spike's
- * result is recorded in the plan.
+ * Not a product surface. It mounts the real TileNode, the real node view, and
+ * the real shared InlineTile so browser tests bind production seams rather
+ * than a test-only stand-in. Delete it once the product composer exists,
+ * folding its assertions into that composer's tests.
  */
 export function ComposerSpikePage() {
   const editor = useEditor({
     extensions: [
       StarterKit.configure({ heading: false, link: false }),
-      SpikeTileNode,
+      TileNode,
     ],
     content: { type: "doc", content: [{ type: "paragraph" }] },
     editorProps: {
       attributes: {
         "data-testid": "spike-editor",
-        "aria-label": "Composition spike composer",
+        "aria-label": "Tile composer harness",
         class: "spike-editor",
       },
     },
   });
 
+  // Seed the faces these tiles resolve to. The product resolves them from real
+  // identity; the harness only needs them present. Deliberately no cleanup:
+  // resetting on unmount would make a community-reset test tear down the very
+  // harness it is measuring.
+  useEffect(() => {
+    tileFaces.put(MORGAN, { label: "Morgan", loading: false, resolved: true });
+    tileFaces.put(ALEX, { label: "Alex", loading: false, resolved: true });
+  }, []);
+
   // Read live editor state on demand. A React-rendered readout lags editor
-  // transactions, which made the harness look like a browser defect.
+  // transactions, which made an earlier harness look like a browser defect.
   useEffect(() => {
     if (!editor) return;
     window.__SPIKE_READ__ = () => {
@@ -59,33 +76,36 @@ export function ComposerSpikePage() {
           .map((node) => `${node.attrs?.kind}/${node.attrs?.id}`),
       };
     };
+    window.__SPIKE_RENAME__ = (address, label) =>
+      tileFaces.put(address, { label, loading: false, resolved: true });
+    window.__SPIKE_RESET_FACES__ = () => resetTileFaces();
     return () => {
       window.__SPIKE_READ__ = undefined;
+      window.__SPIKE_RENAME__ = undefined;
+      window.__SPIKE_RESET_FACES__ = undefined;
     };
   }, [editor]);
 
   if (!editor) return null;
 
-  // Insert buttons must not take focus, or the caret leaves the editor and
-  // every keyboard assertion afterwards measures the wrong thing. A real
-  // picker has the same obligation.
+  // Insert controls must not take focus, or the caret leaves the editor and
+  // every keyboard assertion afterwards measures the wrong thing. The real
+  // tile picker owes the same.
   const keepFocus = (event: ReactMouseEvent) => event.preventDefault();
 
-  const insertTile = (label: string, id: string) =>
+  const insertTile = (address: TileAddress) =>
     editor
       .chain()
       .focus()
-      .insertContent({
-        type: TILE_NODE_NAME,
-        attrs: { kind: "person", id, label },
-      })
+      .insertContent({ type: TILE_NODE_NAME, attrs: address })
       .run();
 
   return (
     <div className="flex flex-col gap-4 p-8">
-      <h1 className="text-title text-primary">Composition input spike</h1>
+      <h1 className="text-title text-primary">Tile composer harness</h1>
       <p className="text-body text-secondary">
-        Drives staged character input beside an inline atom tile. Temporary.
+        Exercises the production tile node, node view, and shared InlineTile.
+        Temporary.
       </p>
 
       <div className="flex gap-2">
@@ -93,7 +113,7 @@ export function ComposerSpikePage() {
           type="button"
           data-testid="insert-morgan"
           onMouseDown={keepFocus}
-          onClick={() => insertTile("Morgan", "pk-morgan")}
+          onClick={() => insertTile(MORGAN)}
           className="rounded-md bg-inset px-3 py-1 text-body text-primary"
         >
           Insert Morgan
@@ -102,7 +122,7 @@ export function ComposerSpikePage() {
           type="button"
           data-testid="insert-alex"
           onMouseDown={keepFocus}
-          onClick={() => insertTile("Alex", "pk-alex")}
+          onClick={() => insertTile(ALEX)}
           className="rounded-md bg-inset px-3 py-1 text-body text-primary"
         >
           Insert Alex
@@ -121,31 +141,6 @@ export function ComposerSpikePage() {
       <div className="rounded-md border border-secondary bg-panel p-3">
         <EditorContent editor={editor} />
       </div>
-
-      <output
-        data-testid="doc-json"
-        className="whitespace-pre-wrap font-mono text-mono-sm text-secondary"
-      >
-        {JSON.stringify(editor.getJSON())}
-      </output>
-      <output
-        data-testid="doc-text"
-        className="whitespace-pre-wrap font-mono text-mono-sm text-secondary"
-      >
-        {editor.getText()}
-      </output>
-      <output
-        data-testid="tile-count"
-        className="font-mono text-mono-sm text-secondary"
-      >
-        {String(
-          editor
-            .getJSON()
-            .content?.[0]?.content?.filter(
-              (n: { type: string }) => n.type === TILE_NODE_NAME,
-            ).length ?? 0,
-        )}
-      </output>
     </div>
   );
 }
diff --git a/desktop-new/src/features/composer/tileNode.ts b/desktop-new/src/features/composer/tileNode.ts
new file mode 100644
index 0000000000..7bd8192948
--- /dev/null
+++ b/desktop-new/src/features/composer/tileNode.ts
@@ -0,0 +1,101 @@
+import { mergeAttributes, Node } from "@tiptap/core";
+import { ReactNodeViewRenderer } from "@tiptap/react";
+
+import {
+  formatTileAddress,
+  isTileKind,
+  type TileAddress,
+} from "@/shared/tiles/address";
+
+import { TileNodeView } from "./ui/TileNodeView";
+
+export const TILE_NODE_NAME = "tile";
+
+/**
+ * A tile in the composer document.
+ *
+ * The document stores an address — a kind and an identity — and nothing else.
+ * No display name, because a name in the document would make every profile
+ * rename an edit to the person's unsent message, dirtying the draft and
+ * polluting undo history. The face is resolved at render time instead.
+ *
+ * Two flags carry the interaction contract, both verified by the composition
+ * spike (see the Desktop New plan):
+ *
+ * - `selectable: false` is load-bearing. With it true, an arrow key selects the
+ *   tile and the very next keystroke REPLACES it, so the tile silently
+ *   disappears mid-sentence. TipTap's own mention extension ships false for the
+ *   same reason.
+ * - `atom: true` is currently redundant — ProseMirror computes `isAtom` as
+ *   `isLeaf || spec.atom` and a contentless node is already a leaf — and is
+ *   kept as a statement of intent. It becomes load-bearing if a tile ever
+ *   holds content.
+ *
+ * Whole-tile deletion needs no keyboard handler: Backspace from just after a
+ * tile removes it entirely, natively. The spike proved this by removing a
+ * hand-written handler and re-running.
+ */
+export const TileNode = Node.create({
+  name: TILE_NODE_NAME,
+  group: "inline",
+  inline: true,
+  atom: true,
+  selectable: false,
+
+  addAttributes() {
+    return {
+      kind: {
+        default: "person",
+        parseHTML: (element) =>
+          (element as HTMLElement).getAttribute("data-kind") ?? "person",
+        renderHTML: (attributes) => ({ "data-kind": String(attributes.kind) }),
+      },
+      id: {
+        default: "",
+        parseHTML: (element) =>
+          (element as HTMLElement).getAttribute("data-id") ?? "",
+        renderHTML: (attributes) => ({ "data-id": String(attributes.id) }),
+      },
+    };
+  },
+
+  parseHTML() {
+    return [{ tag: "span[data-tile]" }];
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return [
+      "span",
+      mergeAttributes(HTMLAttributes, {
+        "data-tile": "",
+        "data-kind": undefined,
+      }),
+    ];
+  },
+
+  /**
+   * The plain-text projection of a tile is its address, never its label.
+   *
+   * This is what a sent message carries and what an agent reads. A reader that
+   * knows nothing about tiles still receives a meaningful `buzz://` link rather
+   * than broken markup, so the reference degrades rather than disappearing.
+   */
+  renderText({ node }) {
+    const address = tileAddressFromAttrs(node.attrs);
+    return address ? formatTileAddress(address) : "";
+  },
+
+  addNodeView() {
+    return ReactNodeViewRenderer(TileNodeView);
+  },
+});
+
+/** Reads an address off node attributes, or null when they are not a valid one. */
+export function tileAddressFromAttrs(
+  attrs: Record<string, unknown>,
+): TileAddress | null {
+  const kind = String(attrs.kind ?? "");
+  const id = String(attrs.id ?? "");
+  if (!isTileKind(kind) || id.length === 0) return null;
+  return { kind, id };
+}
diff --git a/desktop-new/src/features/composer/ui/TileNodeView.tsx b/desktop-new/src/features/composer/ui/TileNodeView.tsx
new file mode 100644
index 0000000000..0958a0373d
--- /dev/null
+++ b/desktop-new/src/features/composer/ui/TileNodeView.tsx
@@ -0,0 +1,32 @@
+import { NodeViewWrapper, type ReactNodeViewProps } from "@tiptap/react";
+
+import { InlineTile } from "@/shared/ui/InlineTile";
+
+import { tileAddressFromAttrs } from "../tileNode";
+
+/**
+ * Mounts the shared InlineTile inside the editor document.
+ *
+ * This is the seam that lets one component serve both the composer and the
+ * conversation. It is deliberately thin: it reads the address off the node and
+ * renders, holding no state of its own, so there is nothing here to drift from
+ * the read-only rendering path.
+ *
+ * The tile is not interactive inside the composer. While writing, a click's
+ * meaning is "put my caret here", not "open this person's profile" — and a
+ * focusable control inside a contenteditable region takes the caret out of the
+ * editor. Detail-on-click belongs to the conversation, where a click has no
+ * competing meaning.
+ */
+export function TileNodeView({ node }: ReactNodeViewProps) {
+  const address = tileAddressFromAttrs(node.attrs);
+
+  return (
+    // Note: TipTap's `NodeViewWrapper` spreads its own props onto the rendered
+    // element, so `as` also lands as a literal DOM attribute. Cosmetic and
+    // upstream; not worth patching the dependency over.
+    <NodeViewWrapper as="span" className="tile-node-view">
+      {address ? <InlineTile address={address} interactive={false} /> : null}
+    </NodeViewWrapper>
+  );
+}
diff --git a/desktop-new/src/features/design-system/ui/componentSpecimens.tsx b/desktop-new/src/features/design-system/ui/componentSpecimens.tsx
index 5f88a9cbee..34da75c8de 100644
--- a/desktop-new/src/features/design-system/ui/componentSpecimens.tsx
+++ b/desktop-new/src/features/design-system/ui/componentSpecimens.tsx
@@ -8,6 +8,7 @@ import {
 import type { ReactNode } from "react";
 import { useState } from "react";
 import { Avatar } from "@/shared/ui/Avatar";
+import { InlineTile } from "@/shared/ui/InlineTile";
 import { Button } from "@/shared/ui/Button";
 import { IconButton } from "@/shared/ui/IconButton";
 import { NavigatorRow } from "@/shared/ui/NavigatorRow";
@@ -16,6 +17,8 @@ import { PanelHeader } from "@/shared/ui/PanelHeader";
 import { SearchField } from "@/shared/ui/SearchField";
 import { SegmentedNavigation } from "@/shared/ui/SegmentedNavigation";
 import { WorkspaceSurface } from "@/shared/ui/WorkspaceSurface";
+import type { TileAddress } from "@/shared/tiles/address";
+import { tileFaces } from "@/shared/tiles/faceResolver";
 
 const DESTINATIONS = [
   { value: "home", label: "Home" },
@@ -380,10 +383,106 @@ function NavigatorRowSpecimen() {
   );
 }
 
+const TILE_PERSON: TileAddress = { kind: "person", id: "pk-morgan" };
+const TILE_AGENT: TileAddress = { kind: "agent", id: "pk-vogue" };
+const TILE_CHANNEL: TileAddress = { kind: "channel", id: "ch-design" };
+const TILE_UNRESOLVED: TileAddress = {
+  kind: "person",
+  id: "9f2c4a1b7e5d8306a4b2c1d9e8f7a6b5c4d3e2f1a0b9c8d7e6f5a4b3c2d1e0f9",
+};
+const TILE_LONG: TileAddress = { kind: "person", id: "pk-long" };
+
+/**
+ * Seeds faces so the specimens show resolved tiles. The product resolves these
+ * from real identity; the page only needs the shapes to be visible.
+ */
+function seedTileFaces() {
+  tileFaces.put(TILE_PERSON, {
+    label: "Morgan",
+    status: "online",
+    loading: false,
+    resolved: true,
+  });
+  tileFaces.put(TILE_AGENT, {
+    label: "Vogue",
+    status: "busy",
+    loading: false,
+    resolved: true,
+  });
+  tileFaces.put(TILE_CHANNEL, {
+    label: "design",
+    loading: false,
+    resolved: true,
+  });
+  tileFaces.put(TILE_LONG, {
+    label: "A deliberately very long display name that must truncate",
+    loading: false,
+    resolved: true,
+  });
+}
+
+function InlineTileSpecimen() {
+  const [activated, setActivated] = useState<string | null>(null);
+  seedTileFaces();
+
+  return (
+    <div className="component-specimen-stack">
+      <SpecimenGroup label="Kinds">
+        <div className="component-specimen-row">
+          <InlineTile address={TILE_PERSON} />
+          <InlineTile address={TILE_AGENT} />
+          <InlineTile address={TILE_CHANNEL} />
+        </div>
+      </SpecimenGroup>
+
+      <SpecimenGroup label="In a sentence">
+        <p className="text-body text-primary">
+          Asked <InlineTile address={TILE_PERSON} /> and{" "}
+          <InlineTile address={TILE_AGENT} /> to look at the thread in{" "}
+          <InlineTile address={TILE_CHANNEL} /> before the review.
+        </p>
+      </SpecimenGroup>
+
+      <SpecimenGroup label="Read-only, as a conversation renders it">
+        <p className="text-body text-primary">
+          A tile in a sent message is not a control when the surface has no
+          detail to open:{" "}
+          <InlineTile address={TILE_PERSON} interactive={false} />
+        </p>
+      </SpecimenGroup>
+
+      <SpecimenGroup label="Unresolved identity">
+        <div className="component-specimen-row">
+          <InlineTile address={TILE_UNRESOLVED} />
+        </div>
+      </SpecimenGroup>
+
+      <SpecimenGroup label="Long label truncates">
+        <div className="component-specimen-row">
+          <InlineTile address={TILE_LONG} />
+        </div>
+      </SpecimenGroup>
+
+      <SpecimenGroup label="Activation">
+        <div className="component-specimen-row">
+          <InlineTile
+            address={TILE_PERSON}
+            onActivate={(address) => setActivated(address.id)}
+          />
+          <span className="text-body-sm text-tertiary">
+            {activated ? `Opened ${activated}` : "Not activated"}
+          </span>
+        </div>
+      </SpecimenGroup>
+    </div>
+  );
+}
+
 export const COMPONENT_SPECIMENS: Record<string, () => ReactNode> = {
   button: ButtonSpecimen,
   "icon-button": IconButtonSpecimen,
   avatar: AvatarSpecimen,
+  "inline-tile": InlineTileSpecimen,
   "workspace-surface": WorkspaceSurfaceSpecimen,
   "segmented-navigation": SegmentedNavigationSpecimen,
   "panel-header": PanelHeaderSpecimen,
diff --git a/desktop-new/src/shared/styles/globals.css b/desktop-new/src/shared/styles/globals.css
index 086dfc1ae1..e458e61f6e 100644
--- a/desktop-new/src/shared/styles/globals.css
+++ b/desktop-new/src/shared/styles/globals.css
@@ -2,6 +2,7 @@
 @import "./tokens.css";
 @import "./typography.css";
 @import "./components.css";
+@import "./tiles.css";
 @import "./design-components.css";
 @import "./product.css";
 @import "./agents.css";
diff --git a/desktop-new/src/shared/styles/tiles.css b/desktop-new/src/shared/styles/tiles.css
new file mode 100644
index 0000000000..17f6b412e6
--- /dev/null
+++ b/desktop-new/src/shared/styles/tiles.css
@@ -0,0 +1,119 @@
+@layer components {
+  /**
+   * Inline tile — a reference to a person, agent, or channel sitting in a line
+   * of text. Shared by the composer and the conversation, so the same
+   * reference looks identical whether it is being written or read.
+   *
+   * `inline-flex` is deliberate here, unlike the existing client's mention
+   * decorations: a tile is a real object the caret cannot enter, so it does
+   * not need to behave as a run of text and can align its icon properly.
+   */
+  .inline-tile {
+    display: inline-flex;
+    max-width: 16rem;
+    align-items: center;
+    gap: var(--space-tile-gap);
+    border: 0;
+    border-radius: var(--radius-tile);
+    padding-inline: var(--space-tile-inset);
+    background: var(--bg-accent-tint);
+    color: var(--text-accent);
+    font: inherit;
+    /* Sits on the text baseline without stretching the line it lives in. */
+    line-height: 1.25;
+    vertical-align: baseline;
+    /* A tile is an object: dragging or double-clicking must not select into
+       its label the way it would with text. */
+    user-select: none;
+    transition:
+      background-color var(--duration-state) var(--easing-state),
+      color var(--duration-state) var(--easing-state);
+  }
+
+  button.inline-tile {
+    cursor: pointer;
+  }
+
+  button.inline-tile:hover {
+    background: var(--bg-accent-tint-hover);
+  }
+
+  .inline-tile:focus-visible {
+    outline: 2px solid var(--ring-focus);
+    outline-offset: 2px;
+  }
+
+  /* A channel is structure, not an identity, so it takes the neutral inset
+     rather than the accent tint. Colour is signal; a #channel reference is
+     not a signal about a person. */
+  .inline-tile[data-kind="channel"] {
+    background: var(--bg-inset);
+    color: var(--text-secondary);
+  }
+
+  button.inline-tile[data-kind="channel"]:hover {
+    background: var(--bg-inset);
+    color: var(--text-primary);
+  }
+
+  .inline-tile-label {
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .inline-tile-icon {
+    width: 0.875em;
+    height: 0.875em;
+    flex: 0 0 auto;
+  }
+
+  .inline-tile-avatar {
+    width: 0.875em;
+    height: 0.875em;
+    flex: 0 0 auto;
+    border-radius: var(--radius-pill);
+    object-fit: cover;
+  }
+
+  .inline-tile-status {
+    width: 0.375em;
+    height: 0.375em;
+    flex: 0 0 auto;
+    border-radius: var(--radius-pill);
+  }
+
+  .inline-tile-status[data-status="online"] {
+    background: var(--bg-success);
+  }
+
+  .inline-tile-status[data-status="busy"] {
+    background: var(--bg-warning);
+  }
+
+  .inline-tile-status[data-status="offline"] {
+    background: var(--border-secondary);
+  }
+
+  /* Still resolving its face. Quiet rather than animated: a pulsing tile in a
+     sentence draws the eye away from the words around it. */
+  .inline-tile[data-loading] .inline-tile-label {
+    color: var(--text-tertiary);
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .inline-tile {
+      transition-duration: 0ms;
+    }
+  }
+}
+
+@layer components {
+  /* The editor's wrapper around a tile node. Must not introduce its own box:
+     any padding or display change here shifts the caret target at the tile's
+     edges, which is the one boundary the browser already gets wrong. */
+  .tile-node-view {
+    display: inline;
+  }
+}
diff --git a/desktop-new/src/shared/styles/tokens.css b/desktop-new/src/shared/styles/tokens.css
index 41e1b0f8d1..d0df35302e 100644
--- a/desktop-new/src/shared/styles/tokens.css
+++ b/desktop-new/src/shared/styles/tokens.css
@@ -292,6 +292,10 @@
   --space-panel-inset: var(--space-5);
   --space-control-inset: var(--space-3);
   --space-row-gap: var(--space-2);
+  /* An inline tile sits in a line of text, so its inset and gap are tighter
+     than a control's and are its own repeated relationship. */
+  --space-tile-inset: var(--space-1);
+  --space-tile-gap: 0.1875rem;
   --size-topbar: 3.5rem;
   --size-panel-header: 3.5rem;
   --size-control: 2.25rem;
@@ -301,6 +305,9 @@
   --radius-control: var(--corner-control);
   --radius-row: var(--corner-row);
   --radius-pill: var(--corner-round);
+  /* A tile reads as a chip in running text, so it takes a tighter corner than
+     a control and gets its own role rather than borrowing one. */
+  --radius-tile: 0.375rem;
   --duration-fast: var(--time-fast);
   --duration-state: var(--time-state);
   --duration-settle: var(--time-settle);
@@ -434,4 +441,6 @@
   --spacing-panel-inset: var(--space-panel-inset);
   --spacing-control-inset: var(--space-control-inset);
   --spacing-row-gap: var(--space-row-gap);
+  --spacing-tile-inset: var(--space-tile-inset);
+  --spacing-tile-gap: var(--space-tile-gap);
 }
diff --git a/desktop-new/src/shared/tiles/address.test.ts b/desktop-new/src/shared/tiles/address.test.ts
new file mode 100644
index 0000000000..1927099530
--- /dev/null
+++ b/desktop-new/src/shared/tiles/address.test.ts
@@ -0,0 +1,54 @@
+import { describe, expect, it } from "vitest";
+
+import {
+  formatTileAddress,
+  parseTileAddress,
+  sameTileAddress,
+  tileAddressKey,
+} from "./address";
+
+describe("tile address", () => {
+  it("round-trips every kind through its canonical form", () => {
+    for (const address of [
+      { kind: "person" as const, id: "pk-morgan" },
+      { kind: "agent" as const, id: "pk-vogue" },
+      { kind: "channel" as const, id: "8f14e45f-ea11-4d3a-9f2c-1b7e5d830612" },
+    ]) {
+      expect(parseTileAddress(formatTileAddress(address))).toEqual(address);
+    }
+  });
+
+  it("refuses text that is not an address rather than guessing", () => {
+    for (const value of [
+      "@Morgan",
+      "buzz://person/",
+      "buzz://unknown/pk-morgan",
+      "https://example.com/person/pk-morgan",
+      "",
+    ]) {
+      expect(parseTileAddress(value)).toBeNull();
+    }
+  });
+
+  /**
+   * The property the whole model exists for. Two identities that share a
+   * display name are different addresses, and nothing about the name enters
+   * the comparison — so there is no same-name collision to disambiguate and no
+   * need to write an identity into visible text.
+   */
+  it("distinguishes two identities that share a display name", () => {
+    const first = { kind: "person" as const, id: "pk-morgan-1" };
+    const second = { kind: "person" as const, id: "pk-morgan-2" };
+
+    expect(sameTileAddress(first, second)).toBe(false);
+    expect(tileAddressKey(first)).not.toBe(tileAddressKey(second));
+  });
+
+  it("keeps kinds apart even when an id repeats across them", () => {
+    const person = { kind: "person" as const, id: "shared-id" };
+    const agent = { kind: "agent" as const, id: "shared-id" };
+
+    expect(sameTileAddress(person, agent)).toBe(false);
+    expect(formatTileAddress(person)).not.toBe(formatTileAddress(agent));
+  });
+});
diff --git a/desktop-new/src/shared/tiles/address.ts b/desktop-new/src/shared/tiles/address.ts
new file mode 100644
index 0000000000..64b77106f1
--- /dev/null
+++ b/desktop-new/src/shared/tiles/address.ts
@@ -0,0 +1,63 @@
+/**
+ * A tile address: what a reference in a message actually *is*.
+ *
+ * The whole point is that a reference carries the identity of the thing it
+ * points at, never the letters of its name. The existing client stores literal
+ * `@Label` text plus a separate `label -> pubkey` map and re-matches by string
+ * at send time; that is why two people with the same display name force a
+ * 64-character key into the visible text, why a pasted label needs
+ * network-fenced verification, and why editing a name silently unbinds a
+ * recipient. An address has no second thing to drift out of agreement with.
+ *
+ * A display name is resolved *from* an address for presentation and is never
+ * treated as its meaning. Renames and same-name identities therefore cost
+ * nothing.
+ */
+
+/** The kinds of thing a tile may refer to in version 1. */
+export const TILE_KINDS = ["person", "agent", "channel"] as const;
+
+export type TileKind = (typeof TILE_KINDS)[number];
+
+export type TileAddress = {
+  kind: TileKind;
+  /** Pubkey for a person or agent; channel id for a channel. */
+  id: string;
+};
+
+export function isTileKind(value: string): value is TileKind {
+  return (TILE_KINDS as readonly string[]).includes(value);
+}
+
+/**
+ * The address's canonical string form, used in a message body and in the
+ * editor's own serialization.
+ *
+ * `buzz://` entity links already exist across this codebase, so a reader that
+ * knows nothing about tiles still receives something meaningful rather than
+ * broken markup — the reference degrades to a readable link instead of
+ * disappearing.
+ */
+export function formatTileAddress(address: TileAddress): string {
+  return `buzz://${address.kind}/${address.id}`;
+}
+
+const ADDRESS_PATTERN = /^buzz:\/\/([a-z]+)\/([A-Za-z0-9._:-]+)$/;
+
+/** Parses a canonical address, or returns null when the text is not one. */
+export function parseTileAddress(value: string): TileAddress | null {
+  const match = ADDRESS_PATTERN.exec(value.trim());
+  if (!match) return null;
+  const [, kind, id] = match;
+  if (!isTileKind(kind) || id.length === 0) return null;
+  return { kind, id };
+}
+
+/** Stable key for maps and React keys. Not a display value. */
+export function tileAddressKey(address: TileAddress): string {
+  return `${address.kind}:${address.id}`;
+}
+
+export function sameTileAddress(a: TileAddress, b: TileAddress): boolean {
+  return a.kind === b.kind && a.id === b.id;
+}
diff --git a/desktop-new/src/shared/tiles/faceResolver.test.ts b/desktop-new/src/shared/tiles/faceResolver.test.ts
new file mode 100644
index 0000000000..9c9b0bc857
--- /dev/null
+++ b/desktop-new/src/shared/tiles/faceResolver.test.ts
@@ -0,0 +1,143 @@
+import { afterEach, describe, expect, it, vi } from "vitest";
+
+import type { TileAddress } from "./address";
+import { fallbackLabel, resetTileFaces, tileFaces } from "./faceResolver";
+
+const MORGAN: TileAddress = { kind: "person", id: "pk-morgan" };
+const FULL_KEY: TileAddress = {
+  kind: "person",
+  id: "9f2c4a1b7e5d8306a4b2c1d9e8f7a6b5c4d3e2f1a0b9c8d7e6f5a4b3c2d1e0f9",
+};
+
+afterEach(() => {
+  resetTileFaces();
+});
+
+describe("tile face resolution", () => {
+  it("always returns something renderable, so a tile is never faceless", () => {
+    const face = tileFaces.get(MORGAN);
+    expect(face.label.length).toBeGreaterThan(0);
+  });
+
+  /**
+   * A face that shows a full identity is the defect the current client
+   * shipped: a same-name collision there forces a 64-character key into
+   * visible text. An unresolved tile abbreviates instead.
+   */
+  it("never exposes a full identity in a fallback label", () => {
+    expect(fallbackLabel(FULL_KEY)).not.toContain(FULL_KEY.id);
+    expect(fallbackLabel(FULL_KEY).length).toBeLessThan(20);
+    expect(tileFaces.get(FULL_KEY).label).not.toContain(FULL_KEY.id);
+  });
+
+  it("resolves a name from a source without the caller knowing", () => {
+    tileFaces.setSource({
+      peek: (address) =>
+        address.id === MORGAN.id
+          ? { label: "Morgan", loading: false, resolved: true }
+          : undefined,
+    });
+
+    expect(tileFaces.get(MORGAN).label).toBe("Morgan");
+  });
+
+  it("requests an unknown address once, however often it renders", () => {
+    const request = vi.fn();
+    tileFaces.setSource({ peek: () => undefined, request });
+
+    tileFaces.get(MORGAN);
+    tileFaces.get(MORGAN);
+    tileFaces.get(MORGAN);
+
+    expect(request).toHaveBeenCalledTimes(1);
+  });
+
+  /**
+   * A rename must reach every tile without the document changing, because a
+   * document change would dirty the person's draft and enter undo history.
+   * Subscribers are how the face updates independently of the document.
+   */
+  it("notifies subscribers when a name changes", () => {
+    const listener = vi.fn();
+    const unsubscribe = tileFaces.subscribe(listener);
+
+    tileFaces.put(MORGAN, { label: "Morgan", loading: false, resolved: true });
+    expect(listener).toHaveBeenCalled();
+    expect(tileFaces.get(MORGAN).label).toBe("Morgan");
+
+    tileFaces.put(MORGAN, {
+      label: "Morgan Mulvaney",
+      loading: false,
+      resolved: true,
+    });
+    expect(tileFaces.get(MORGAN).label).toBe("Morgan Mulvaney");
+
+    unsubscribe();
+  });
+
+  it("stops notifying after unsubscribe", () => {
+    const listener = vi.fn();
+    tileFaces.subscribe(listener)();
+
+    tileFaces.put(MORGAN, { label: "Morgan", loading: false, resolved: true });
+
+    expect(listener).not.toHaveBeenCalled();
+  });
+
+  /**
+   * Community-scoped cache. A name resolved in one community is not valid in
+   * another, and a stale name surviving a switch is exactly the leak the
+   * desktop client's reset inventory exists to prevent.
+   */
+  it("forgets every resolved name when the community resets", () => {
+    tileFaces.put(MORGAN, { label: "Morgan", loading: false, resolved: true });
+    expect(tileFaces.get(MORGAN).label).toBe("Morgan");
+
+    resetTileFaces();
+
+    expect(tileFaces.get(MORGAN).label).not.toBe("Morgan");
+  });
+
+  it("drops the previous community's source on reset", () => {
+    tileFaces.setSource({
+      peek: () => ({
+        label: "Old community name",
+        loading: false,
+        resolved: true,
+      }),
+    });
+    expect(tileFaces.get(MORGAN).label).toBe("Old community name");
+
+    resetTileFaces();
+
+    expect(tileFaces.get(MORGAN).label).not.toBe("Old community name");
+  });
+});
+
+describe("assistive semantics depend on resolution", () => {
+  it("marks an unresolved face as unresolved rather than naming it", () => {
+    const face = tileFaces.get(FULL_KEY);
+    expect(face.resolved).toBe(false);
+  });
+
+  it("marks a resolved face as resolved", () => {
+    tileFaces.put(MORGAN, { label: "Morgan", loading: false, resolved: true });
+    expect(tileFaces.get(MORGAN).resolved).toBe(true);
+  });
+
+  /**
+   * A snapshot must be reference-stable between changes or React's
+   * `useSyncExternalStore` re-renders forever and tears down the subtree.
+   * That is not hypothetical: an earlier version built a fresh unresolved face
+   * on every call and unmounted the whole composer.
+   */
+  it("returns a reference-stable face between changes", () => {
+    const first = tileFaces.get(MORGAN);
+    expect(tileFaces.get(MORGAN)).toBe(first);
+
+    tileFaces.put(MORGAN, { label: "Morgan", loading: false, resolved: true });
+    const second = tileFaces.get(MORGAN);
+    expect(second).not.toBe(first);
+    expect(tileFaces.get(MORGAN)).toBe(second);
+  });
+});
diff --git a/desktop-new/src/shared/tiles/faceResolver.ts b/desktop-new/src/shared/tiles/faceResolver.ts
new file mode 100644
index 0000000000..5164703ef2
--- /dev/null
+++ b/desktop-new/src/shared/tiles/faceResolver.ts
@@ -0,0 +1,153 @@
+import { type TileAddress, type TileKind, tileAddressKey } from "./address";
+
+/**
+ * What a tile shows. Derived from an address, never stored in the document.
+ *
+ * Keeping the face out of the document is the load-bearing decision: if a
+ * display name lived in the draft, every profile rename would be an edit to
+ * the person's unsent message — dirtying it and polluting undo history. So the
+ * document holds the address and the face is looked up at render time.
+ */
+export type TileFace = {
+  /** The compact label a person reads. Never the identity. */
+  label: string;
+  avatarUrl?: string | null;
+  /** Live status where the kind has one; absent means "no status to show". */
+  status?: "online" | "busy" | "offline";
+  /** True while the face is still being fetched, so a tile can show a skeleton. */
+  loading: boolean;
+  /**
+   * Whether `label` is a real display name or a stand-in derived from the id.
+   * Assistive semantics need this: announcing an abbreviated identity tells a
+   * screen-reader user nothing, so an unresolved tile says so instead.
+   */
+  resolved: boolean;
+};
+
+/** The face shown before anything is known, and if a lookup finds nothing. */
+export function unresolvedFace(address: TileAddress): TileFace {
+  return { label: fallbackLabel(address), loading: false, resolved: false };
+}
+
+/**
+ * A readable stand-in when an identity cannot be resolved.
+ *
+ * Deliberately an abbreviation of the id rather than a raw 64-character key: a
+ * tile's face must never expose the full identity, because a face that shows a
+ * key is the defect the current client shipped.
+ */
+export function fallbackLabel(address: TileAddress): string {
+  const { id } = address;
+  if (id.length <= 12) return id;
+  return `${id.slice(0, 8)}…${id.slice(-4)}`;
+}
+
+export type TileFaceSource = {
+  /** Synchronous read from whatever this surface already knows. */
+  peek: (address: TileAddress) => TileFace | undefined;
+  /** Kicks off a fetch for an address the cache does not hold yet. */
+  request?: (address: TileAddress) => void;
+};
+
+type Listener = () => void;
+
+/**
+ * Resolves tile faces from addresses, and tells subscribers when one changes.
+ *
+ * This is a module-level cache holding community-scoped data, so it must be
+ * reset when the community changes or a name from the previous community leaks
+ * into the new one. See `resetTileFaces`.
+ */
+class TileFaceRegistry {
+  private faces = new Map<string, TileFace>();
+  private listeners = new Set<Listener>();
+  private source: TileFaceSource | null = null;
+  private requested = new Set<string>();
+
+  setSource(source: TileFaceSource | null): void {
+    this.source = source;
+    this.requested.clear();
+    this.emit();
+  }
+
+  /**
+   * The current face for an address. Always returns something renderable —
+   * a tile never has "no face", it has an unresolved one.
+   *
+   * The returned object must be reference-stable between changes. React's
+   * `useSyncExternalStore` compares snapshots by identity, so handing back a
+   * fresh object each call is an infinite render loop that tears down the
+   * whole subtree — which is exactly what a freshly-built unresolved face did
+   * here. Unresolved faces are therefore cached like resolved ones.
+   */
+  get(address: TileAddress): TileFace {
+    const key = tileAddressKey(address);
+    const known = this.faces.get(key);
+    if (known) return known;
+
+    const peeked = this.source?.peek(address);
+    if (peeked) {
+      this.faces.set(key, peeked);
+      return peeked;
+    }
+
+    // Ask once per address, and only if someone is actually rendering it.
+    if (this.source?.request && !this.requested.has(key)) {
+      this.requested.add(key);
+      this.source.request(address);
+    }
+
+    const unresolved: TileFace = {
+      label: fallbackLabel(address),
+      loading: Boolean(this.source),
+      resolved: false,
+    };
+    this.faces.set(key, unresolved);
+    return unresolved;
+  }
+
+  /** Records a resolved face and notifies anything rendering that address. */
+  put(address: TileAddress, face: TileFace): void {
+    this.faces.set(tileAddressKey(address), face);
+    this.emit();
+  }
+
+  subscribe(listener: Listener): () => void {
+    this.listeners.add(listener);
+    return () => {
+      this.listeners.delete(listener);
+    };
+  }
+
+  reset(): void {
+    this.faces.clear();
+    this.requested.clear();
+    this.source = null;
+    this.emit();
+  }
+
+  private emit(): void {
+    for (const listener of this.listeners) listener();
+  }
+}
+
+export const tileFaces = new TileFaceRegistry();
+
+/**
+ * Clears every resolved face.
+ *
+ * Must be called when the community changes. A face resolved in one community
+ * is not valid in another, and a stale name surviving a switch is the exact
+ * leak the desktop client's `resetCommunityState()` inventory exists to
+ * prevent.
+ */
+export function resetTileFaces(): void {
+  tileFaces.reset();
+}
+
+/** Kind-level presentation facts, independent of any lookup. */
+export const TILE_KIND_TRIGGER: Record<TileKind, string> = {
+  person: "@",
+  agent: "@",
+  channel: "#",
+};
diff --git a/desktop-new/src/shared/ui/InlineTile.tsx b/desktop-new/src/shared/ui/InlineTile.tsx
new file mode 100644
index 0000000000..66ddd7dcd6
--- /dev/null
+++ b/desktop-new/src/shared/ui/InlineTile.tsx
@@ -0,0 +1,128 @@
+import { IconHash, IconRobot, IconUser } from "@tabler/icons-react";
+import { useSyncExternalStore } from "react";
+
+import type { TileAddress, TileKind } from "@/shared/tiles/address";
+import {
+  TILE_KIND_TRIGGER,
+  type TileFace,
+  tileFaces,
+} from "@/shared/tiles/faceResolver";
+
+/**
+ * A reference to a person, agent, or channel, shown inline in a sentence.
+ *
+ * One component serves both the composer and the conversation. Two
+ * implementations of one face drift, and a reference that looks different
+ * depending on whether it is being written or being read is the kind of
+ * disconnected feature this client exists to avoid.
+ *
+ * A tile is an object, not styled text: the caret cannot sit inside it, one
+ * deletion removes it whole, and it carries its identity rather than its name.
+ * The label is resolved from the address at render time, so a rename updates
+ * every tile without editing anyone's draft.
+ */
+
+const KIND_ICON: Record<TileKind, typeof IconUser> = {
+  person: IconUser,
+  agent: IconRobot,
+  channel: IconHash,
+};
+
+/** Subscribes to face changes so a rename repaints without a document edit. */
+function useTileFace(address: TileAddress): TileFace {
+  return useSyncExternalStore(
+    (listener) => tileFaces.subscribe(listener),
+    () => tileFaces.get(address),
+  );
+}
+
+export function InlineTile({
+  address,
+  interactive = true,
+  onActivate,
+}: {
+  address: TileAddress;
+  /**
+   * Whether the tile is a control. Read-only contexts pass false so a tile
+   * does not claim an interactive screen-reader stop it cannot honour.
+   */
+  interactive?: boolean;
+  onActivate?: (address: TileAddress) => void;
+}) {
+  const face = useTileFace(address);
+  const Icon = KIND_ICON[address.kind];
+  const trigger = TILE_KIND_TRIGGER[address.kind];
+
+  const content = (
+    <>
+      {face.avatarUrl ? (
+        <img
+          className="inline-tile-avatar"
+          src={face.avatarUrl}
+          alt=""
+          aria-hidden="true"
+        />
+      ) : (
+        <Icon className="inline-tile-icon" aria-hidden="true" />
+      )}
+      <span className="inline-tile-label">
+        {trigger}
+        {face.label}
+      </span>
+      {face.status ? (
+        <span
+          className="inline-tile-status"
+          data-status={face.status}
+          aria-hidden="true"
+        />
+      ) : null}
+    </>
+  );
+
+  // A tile carries one accessible name that states what it refers to. Its
+  // avatar, icon, and status dot are decorative — the label already says it,
+  // and a second owner of the same name produces a duplicate reader stop.
+  //
+  // An unresolved face has no name to announce, and announcing an abbreviated
+  // identity tells a screen-reader user nothing. Say the kind is unresolved
+  // instead; the visible fallback is a recognition aid, not a name.
+  const accessibleName = face.resolved
+    ? `${accessibleKind(address.kind)} ${face.label}`
+    : `Unresolved ${accessibleKind(address.kind).toLowerCase()}`;
+
+  if (!interactive) {
+    return (
+      <span
+        className="inline-tile"
+        data-kind={address.kind}
+        data-loading={face.loading || undefined}
+        aria-label={accessibleName}
+        role="img"
+      >
+        {content}
+      </span>
+    );
+  }
+
+  return (
+    <button
+      type="button"
+      className="inline-tile"
+      data-kind={address.kind}
+      data-loading={face.loading || undefined}
+      aria-label={accessibleName}
+      // Keeps the caret in the editor. A control that takes focus moves the
+      // caret out and silently breaks every keyboard behaviour after it.
+      onMouseDown={(event) => event.preventDefault()}
+      onClick={() => onActivate?.(address)}
+    >
+      {content}
+    </button>
+  );
+}
+
+function accessibleKind(kind: TileKind): string {
+  if (kind === "channel") return "Channel";
+  if (kind === "agent") return "Agent";
+  return "Person";
+}
diff --git a/desktop-new/src/shared/ui/registry.ts b/desktop-new/src/shared/ui/registry.ts
index d8e7b5aa8b..658e1b2622 100644
--- a/desktop-new/src/shared/ui/registry.ts
+++ b/desktop-new/src/shared/ui/registry.ts
@@ -38,6 +38,16 @@ export const COMPONENTS: readonly ComponentDefinition[] = [
     status: "proposed",
     owner: "desktop-new Messages",
   },
+  {
+    slug: "inline-tile",
+    name: "InlineTile",
+    purpose:
+      "A reference to a person, agent, or channel shown inline in a sentence.",
+    behavior: "Semantic native button or image role",
+    variants: ["person", "agent", "channel"],
+    status: "proposed",
+    owner: "desktop-new Messages",
+  },
   {
     slug: "workspace-surface",
     name: "WorkspaceSurface",
diff --git a/desktop-new/tests/composer-spike.spec.ts b/desktop-new/tests/composer-spike.spec.ts
index bf0ae0d290..a8de10e9ad 100644
--- a/desktop-new/tests/composer-spike.spec.ts
+++ b/desktop-new/tests/composer-spike.spec.ts
@@ -50,6 +50,17 @@ async function openSpike(page: Page) {
 type SpikeRead = { json: unknown; text: string; addresses: string[] };
 
 /** Live editor state, read straight from the editor rather than a React readout. */
+function rename(page: Page, id: string, label: string) {
+  return page.evaluate(
+    ({ id, label }) => window.__SPIKE_RENAME__?.({ kind: "person", id }, label),
+    { id, label },
+  );
+}
+
+function resetFaces(page: Page) {
+  return page.evaluate(() => window.__SPIKE_RESET_FACES__?.());
+}
+
 function read(page: Page): Promise<SpikeRead> {
   return page.evaluate(() => {
     const reader = window.__SPIKE_READ__;
@@ -172,15 +183,12 @@ test.describe("composition input beside an inline tile", () => {
 });
 
 test.describe("caret boundaries around an inline tile", () => {
-  // EXPECTED FAILURE until the caret-boundary layer lands. Chrome places the
-  // caret after a leading inline atom regardless of intent — ProseMirror's
-  // author confirms the library cannot fix it (discuss #2538). ArrowLeft does
-  // reach the position; Home and a pointer click do not. Semi Design injects
-  // zero-width characters and Atlassian ships cursor-target spans to repair
-  // exactly this. When that layer exists these flip green and the annotation
-  // must be removed.
+  // The keyboard route to the leading boundary WORKS with the production node
+  // view, in both engines. An earlier harness that rendered the tile as static
+  // markup failed this — so the node view is not merely a nicer rendering, it
+  // repaired a caret boundary. Both Home and ArrowLeft are covered because
+  // keyboard routes must not diverge.
   test("Home then typing lands before a leading tile", async ({ page }) => {
-    test.fail();
     await openSpike(page);
     await page.getByTestId("insert-morgan").click();
 
@@ -193,6 +201,11 @@ test.describe("caret boundaries around an inline tile", () => {
     );
   });
 
+  // EXPECTED FAILURE, and now the only known caret gap. A pointer click on the
+  // left edge of a leading tile lands after it, in Chromium and WebKit alike —
+  // the documented browser defect (ProseMirror discuss #2538, #4502; Lexical
+  // #6916). The keyboard routes above already work, so the boundary layer only
+  // owes the pointer case. Remove `test.fail()` when it lands.
   test("clicking a leading tile's left edge lands before it", async ({
     page,
   }) => {
@@ -200,7 +213,7 @@ test.describe("caret boundaries around an inline tile", () => {
     await openSpike(page);
     await page.getByTestId("insert-morgan").click();
 
-    const box = await page.locator(".spike-tile").first().boundingBox();
+    const box = await page.locator(".inline-tile").first().boundingBox();
     if (!box) throw new Error("Tile is not laid out");
     await page.mouse.click(box.x + 2, box.y + box.height / 2);
     await page.keyboard.type("L");
@@ -260,20 +273,15 @@ test.describe("caret boundaries around an inline tile", () => {
     await page.getByTestId("insert-morgan").click();
 
     // Aim at the visual middle of the label — inside it, if that were possible.
-    const box = await page.locator(".spike-tile").first().boundingBox();
+    const box = await page.locator(".inline-tile").first().boundingBox();
     if (!box) throw new Error("Tile is not laid out");
     await page.mouse.click(box.x + box.width / 2, box.y + box.height / 2);
     await page.keyboard.type("ZZ");
 
     // The address is untouched and the typed text never split the label.
     expect(await addresses(page)).toEqual(["person/pk-morgan"]);
-    const doc = (await read(page)).json as {
-      content?: {
-        content?: { type: string; attrs?: Record<string, string> }[];
-      }[];
-    };
-    const tile = doc.content?.[0]?.content?.find((n) => n.type === "spikeTile");
-    expect(tile?.attrs?.label).toBe("Morgan");
+    // The rendered face is intact: typing did not split the label.
+    await expect(page.locator(".inline-tile-label")).toHaveText("@Morgan");
   });
 
   test("arrow traversal never lands inside a tile", async ({ page }) => {
@@ -304,3 +312,139 @@ test.describe("caret boundaries around an inline tile", () => {
     expect(await tileCount(page)).toBe(0);
   });
 });
+
+test.describe("the address is the binding, not the name", () => {
+  /**
+   * The test that justifies replacing the current mention model.
+   *
+   * Two identities that share a display name, both inserted, then one renamed.
+   * Both addresses survive intact and no identity ever appears in visible text.
+   * The current client cannot do this: a same-name collision there forces a
+   * 64-character key into the label, and a rename unbinds the recipient.
+   */
+  test("two same-name identities stay distinct across a rename", async ({
+    page,
+  }) => {
+    await openSpike(page);
+
+    // Give both identities the SAME display name, as two real teammates might.
+    await rename(page, "pk-morgan", "Morgan");
+    await rename(page, "pk-alex", "Morgan");
+
+    await page.getByTestId("insert-morgan").click();
+    await page.keyboard.type(" and ");
+    await page.getByTestId("insert-alex").click();
+
+    // Both tiles read "Morgan" and are still different references.
+    await expect(page.locator(".inline-tile-label")).toHaveText([
+      "@Morgan",
+      "@Morgan",
+    ]);
+    expect(await addresses(page)).toEqual([
+      "person/pk-morgan",
+      "person/pk-alex",
+    ]);
+
+    // Rename one. The other is untouched, and neither address moved.
+    await rename(page, "pk-alex", "Alex");
+    await expect(page.locator(".inline-tile-label")).toHaveText([
+      "@Morgan",
+      "@Alex",
+    ]);
+    expect(await addresses(page)).toEqual([
+      "person/pk-morgan",
+      "person/pk-alex",
+    ]);
+
+    // No identity leaked into what a person reads.
+    const visible = await page.getByTestId("spike-editor").innerText();
+    expect(visible).not.toContain("pk-morgan");
+    expect(visible).not.toContain("pk-alex");
+  });
+
+  /**
+   * A rename must not edit the draft. If the face lived in the document, every
+   * profile update would dirty an unsent message and enter undo history.
+   */
+  test("a rename does not alter the document", async ({ page }) => {
+    await openSpike(page);
+    await page.getByTestId("insert-morgan").click();
+    await page.keyboard.type(" please look");
+
+    const before = await read(page);
+    await rename(page, "pk-morgan", "Morgan Mulvaney");
+    await expect(page.locator(".inline-tile-label")).toHaveText(
+      "@Morgan Mulvaney",
+    );
+
+    const after = await read(page);
+    expect(after.json).toEqual(before.json);
+    expect(after.text).toBe(before.text);
+  });
+
+  /**
+   * Undo after a rename must restore the person's text, not a stale name. This
+   * is the concrete consequence of keeping the face out of the document.
+   */
+  test("undo is unaffected by a rename", async ({ page }) => {
+    await openSpike(page);
+    await page.getByTestId("insert-morgan").click();
+    await page.keyboard.type(" hello");
+    await rename(page, "pk-morgan", "Morgan Mulvaney");
+
+    // Undo is Meta+z on macOS. Using the wrong modifier silently does nothing
+    // and the test would pass for the wrong reason.
+    // One undo step covers the typing; a second covers the tile insert. What
+    // matters is that undo walks the document the person authored and is not
+    // perturbed by the rename at all.
+    await page.keyboard.press(
+      process.platform === "darwin" ? "Meta+z" : "Control+z",
+    );
+    expect(await text(page)).not.toContain("hello");
+  });
+
+  /**
+   * A face resolved in one community must not survive into another. This is the
+   * leak the desktop client's community-reset inventory exists to prevent.
+   */
+  test("a name does not survive a community reset", async ({ page }) => {
+    await openSpike(page);
+    await page.getByTestId("insert-morgan").click();
+    await expect(page.locator(".inline-tile-label")).toHaveText("@Morgan");
+
+    await resetFaces(page);
+
+    // The tile survives; only its name is forgotten. It falls back to an
+    // abbreviation, never the full identity, and announces itself as
+    // unresolved rather than reading an abbreviation aloud.
+    await expect(page.locator(".inline-tile")).toHaveCount(1);
+    // The forgotten name is gone. (The stand-in is derived from the id, which
+    // in this harness is short enough not to be abbreviated; the abbreviation
+    // rule for real 64-character identities is covered in the unit tests.)
+    const label = await page.locator(".inline-tile-label").innerText();
+    expect(label).not.toContain("Morgan");
+    await expect(page.locator(".inline-tile")).toHaveAttribute(
+      "aria-label",
+      "Unresolved person",
+    );
+
+    // The address is untouched: forgetting a name never loses a reference.
+    expect(await addresses(page)).toEqual(["person/pk-morgan"]);
+  });
+
+  /**
+   * The plain-text projection is the address. This is what a sent message
+   * carries and what an agent reads, and it is why a reader that knows nothing
+   * about tiles still receives something meaningful.
+   */
+  test("the text projection is the address, never the label", async ({
+    page,
+  }) => {
+    await openSpike(page);
+    await page.getByTestId("insert-morgan").click();
+
+    const body = await text(page);
+    expect(body).toContain("buzz://person/pk-morgan");
+    expect(body).not.toContain("Morgan");
+  });
+});

From 7b8c73b95f874ac317729e133ee21ae93c653049 Mon Sep 17 00:00:00 2001
From: morgmart <98432065+morgmart@users.noreply.github.com>
Date: Sun, 6 Sep 2026 18:15:13 -0700
Subject: [PATCH 13/33] desktop-new: purple accent, rename tile to chip,
 redesign from Figma
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Accent hue is now Tailwind purple. The ramp is a slot, so this is five values
in tokens.css and every role follows; steps 2 and 3 are purple-100/200 exactly
because the chip design was drawn against them and the tint pair is what a
person sees most. Dark mode cannot use those two — near-white reads as a light
surface on a dark panel — so it holds the hue at dark violets instead.

Renamed InlineTile to InlineChip throughout, plus shared/tiles to shared/chips,
tileNode to chipNode, and every token, class, and identifier. A chip is what
this is.

Redesigned to match Figma 700-2782:
- One treatment for every kind: accent tint behind primary text. Kinds are told
  apart by sigil and, where the label is ambiguous, an icon — not by colour.
  This replaces the earlier per-kind colour split, which spent palette on a
  distinction the sigil already makes.
- Label is primary text, not accent text; the tint does the colour work.
- Two new kinds the design draws: message and link, both icon-led with no
  sigil. AUTHORABLE_CHIP_KINDS records that v1's picker still offers only
  person, agent, and channel; the others arrive by another route.
- Dropped avatar and status dot. The design has neither, and neither was
  earning its place at text size.
- Unresolved is now a real state: neutral fill, lesser text, and never a
  control, because there is nothing to open.
- Chip inset and gap intentionally sit below the 4px spacing floor (3px inset,
  4px gap) — a chip hugs its label. Recorded on the tokens.

Eight new rendered-contract tests bound to the real specimen page: sigils and
selective icons, assistive naming, unresolved-is-never-a-control, read-only
claims no stop, activation reports the address, truncation, never breaking
across a line, and hover deepening the tint without moving the text.

Signed-off-by: morgmart <98432065+morgmart@users.noreply.github.com>
---
 .../composer-spike/ui/ComposerSpikePage.tsx   |  48 +++---
 .../composer/{tileNode.ts => chipNode.ts}     |  46 +++---
 .../ui/{TileNodeView.tsx => ChipNodeView.tsx} |  16 +-
 .../design-system/ui/componentSpecimens.tsx   | 117 +++++++++-----
 desktop-new/src/shared/chips/address.test.ts  |  81 ++++++++++
 desktop-new/src/shared/chips/address.ts       |  88 ++++++++++
 .../{tiles => chips}/faceResolver.test.ts     |  80 ++++-----
 .../shared/{tiles => chips}/faceResolver.ts   |  63 ++++----
 desktop-new/src/shared/styles/chips.css       |  96 +++++++++++
 desktop-new/src/shared/styles/globals.css     |   4 +-
 desktop-new/src/shared/styles/tiles.css       | 119 --------------
 desktop-new/src/shared/styles/tokens.css      |  48 +++---
 desktop-new/src/shared/tiles/address.test.ts  |  54 -------
 desktop-new/src/shared/tiles/address.ts       |  63 --------
 desktop-new/src/shared/ui/InlineChip.tsx      | 125 ++++++++++++++
 desktop-new/src/shared/ui/InlineTile.tsx      | 128 ---------------
 desktop-new/src/shared/ui/registry.ts         |   8 +-
 desktop-new/tests/composer-spike.spec.ts      | 102 ++++++------
 desktop-new/tests/inline-chip.spec.ts         | 152 ++++++++++++++++++
 19 files changed, 837 insertions(+), 601 deletions(-)
 rename desktop-new/src/features/composer/{tileNode.ts => chipNode.ts} (70%)
 rename desktop-new/src/features/composer/ui/{TileNodeView.tsx => ChipNodeView.tsx} (65%)
 create mode 100644 desktop-new/src/shared/chips/address.test.ts
 create mode 100644 desktop-new/src/shared/chips/address.ts
 rename desktop-new/src/shared/{tiles => chips}/faceResolver.test.ts (59%)
 rename desktop-new/src/shared/{tiles => chips}/faceResolver.ts (70%)
 create mode 100644 desktop-new/src/shared/styles/chips.css
 delete mode 100644 desktop-new/src/shared/styles/tiles.css
 delete mode 100644 desktop-new/src/shared/tiles/address.test.ts
 delete mode 100644 desktop-new/src/shared/tiles/address.ts
 create mode 100644 desktop-new/src/shared/ui/InlineChip.tsx
 delete mode 100644 desktop-new/src/shared/ui/InlineTile.tsx
 create mode 100644 desktop-new/tests/inline-chip.spec.ts

diff --git a/desktop-new/src/features/composer-spike/ui/ComposerSpikePage.tsx b/desktop-new/src/features/composer-spike/ui/ComposerSpikePage.tsx
index 7e24d78abe..2cdb373e3c 100644
--- a/desktop-new/src/features/composer-spike/ui/ComposerSpikePage.tsx
+++ b/desktop-new/src/features/composer-spike/ui/ComposerSpikePage.tsx
@@ -2,9 +2,9 @@ import { type MouseEvent as ReactMouseEvent, useEffect } from "react";
 import { EditorContent, useEditor } from "@tiptap/react";
 import StarterKit from "@tiptap/starter-kit";
 
-import { TILE_NODE_NAME, TileNode } from "@/features/composer/tileNode";
-import type { TileAddress } from "@/shared/tiles/address";
-import { resetTileFaces, tileFaces } from "@/shared/tiles/faceResolver";
+import { CHIP_NODE_NAME, ChipNode } from "@/features/composer/chipNode";
+import type { ChipAddress } from "@/shared/chips/address";
+import { resetChipFaces, chipFaces } from "@/shared/chips/faceResolver";
 
 declare global {
   interface Window {
@@ -15,20 +15,20 @@ declare global {
       addresses: string[];
     };
     /** Spike-only: renames an identity the way a profile update would. */
-    __SPIKE_RENAME__?: (address: TileAddress, label: string) => void;
+    __SPIKE_RENAME__?: (address: ChipAddress, label: string) => void;
     /** Spike-only: simulates switching community. */
     __SPIKE_RESET_FACES__?: () => void;
   }
 }
 
-const MORGAN: TileAddress = { kind: "person", id: "pk-morgan" };
-const ALEX: TileAddress = { kind: "person", id: "pk-alex" };
+const MORGAN: ChipAddress = { kind: "person", id: "pk-morgan" };
+const ALEX: ChipAddress = { kind: "person", id: "pk-alex" };
 
 /**
- * Harness for the tile composer's editing contract.
+ * Harness for the chip composer's editing contract.
  *
- * Not a product surface. It mounts the real TileNode, the real node view, and
- * the real shared InlineTile so browser tests bind production seams rather
+ * Not a product surface. It mounts the real ChipNode, the real node view, and
+ * the real shared InlineChip so browser tests bind production seams rather
  * than a test-only stand-in. Delete it once the product composer exists,
  * folding its assertions into that composer's tests.
  */
@@ -36,25 +36,25 @@ export function ComposerSpikePage() {
   const editor = useEditor({
     extensions: [
       StarterKit.configure({ heading: false, link: false }),
-      TileNode,
+      ChipNode,
     ],
     content: { type: "doc", content: [{ type: "paragraph" }] },
     editorProps: {
       attributes: {
         "data-testid": "spike-editor",
-        "aria-label": "Tile composer harness",
+        "aria-label": "Chip composer harness",
         class: "spike-editor",
       },
     },
   });
 
-  // Seed the faces these tiles resolve to. The product resolves them from real
+  // Seed the faces these chips resolve to. The product resolves them from real
   // identity; the harness only needs them present. Deliberately no cleanup:
   // resetting on unmount would make a community-reset test tear down the very
   // harness it is measuring.
   useEffect(() => {
-    tileFaces.put(MORGAN, { label: "Morgan", loading: false, resolved: true });
-    tileFaces.put(ALEX, { label: "Alex", loading: false, resolved: true });
+    chipFaces.put(MORGAN, { label: "Morgan", loading: false, resolved: true });
+    chipFaces.put(ALEX, { label: "Alex", loading: false, resolved: true });
   }, []);
 
   // Read live editor state on demand. A React-rendered readout lags editor
@@ -72,13 +72,13 @@ export function ComposerSpikePage() {
         json,
         text: editor.getText(),
         addresses: inline
-          .filter((node) => node.type === TILE_NODE_NAME)
+          .filter((node) => node.type === CHIP_NODE_NAME)
           .map((node) => `${node.attrs?.kind}/${node.attrs?.id}`),
       };
     };
     window.__SPIKE_RENAME__ = (address, label) =>
-      tileFaces.put(address, { label, loading: false, resolved: true });
-    window.__SPIKE_RESET_FACES__ = () => resetTileFaces();
+      chipFaces.put(address, { label, loading: false, resolved: true });
+    window.__SPIKE_RESET_FACES__ = () => resetChipFaces();
     return () => {
       window.__SPIKE_READ__ = undefined;
       window.__SPIKE_RENAME__ = undefined;
@@ -90,21 +90,21 @@ export function ComposerSpikePage() {
 
   // Insert controls must not take focus, or the caret leaves the editor and
   // every keyboard assertion afterwards measures the wrong thing. The real
-  // tile picker owes the same.
+  // chip picker owes the same.
   const keepFocus = (event: ReactMouseEvent) => event.preventDefault();
 
-  const insertTile = (address: TileAddress) =>
+  const insertChip = (address: ChipAddress) =>
     editor
       .chain()
       .focus()
-      .insertContent({ type: TILE_NODE_NAME, attrs: address })
+      .insertContent({ type: CHIP_NODE_NAME, attrs: address })
       .run();
 
   return (
     <div className="flex flex-col gap-4 p-8">
-      <h1 className="text-title text-primary">Tile composer harness</h1>
+      <h1 className="text-title text-primary">Chip composer harness</h1>
       <p className="text-body text-secondary">
-        Exercises the production tile node, node view, and shared InlineTile.
+        Exercises the production chip node, node view, and shared InlineChip.
         Temporary.
       </p>
 
@@ -113,7 +113,7 @@ export function ComposerSpikePage() {
           type="button"
           data-testid="insert-morgan"
           onMouseDown={keepFocus}
-          onClick={() => insertTile(MORGAN)}
+          onClick={() => insertChip(MORGAN)}
           className="rounded-md bg-inset px-3 py-1 text-body text-primary"
         >
           Insert Morgan
@@ -122,7 +122,7 @@ export function ComposerSpikePage() {
           type="button"
           data-testid="insert-alex"
           onMouseDown={keepFocus}
-          onClick={() => insertTile(ALEX)}
+          onClick={() => insertChip(ALEX)}
           className="rounded-md bg-inset px-3 py-1 text-body text-primary"
         >
           Insert Alex
diff --git a/desktop-new/src/features/composer/tileNode.ts b/desktop-new/src/features/composer/chipNode.ts
similarity index 70%
rename from desktop-new/src/features/composer/tileNode.ts
rename to desktop-new/src/features/composer/chipNode.ts
index 7bd8192948..f625ba8559 100644
--- a/desktop-new/src/features/composer/tileNode.ts
+++ b/desktop-new/src/features/composer/chipNode.ts
@@ -2,17 +2,17 @@ import { mergeAttributes, Node } from "@tiptap/core";
 import { ReactNodeViewRenderer } from "@tiptap/react";
 
 import {
-  formatTileAddress,
-  isTileKind,
-  type TileAddress,
-} from "@/shared/tiles/address";
+  formatChipAddress,
+  isChipKind,
+  type ChipAddress,
+} from "@/shared/chips/address";
 
-import { TileNodeView } from "./ui/TileNodeView";
+import { ChipNodeView } from "./ui/ChipNodeView";
 
-export const TILE_NODE_NAME = "tile";
+export const CHIP_NODE_NAME = "chip";
 
 /**
- * A tile in the composer document.
+ * A chip in the composer document.
  *
  * The document stores an address — a kind and an identity — and nothing else.
  * No display name, because a name in the document would make every profile
@@ -23,20 +23,20 @@ export const TILE_NODE_NAME = "tile";
  * spike (see the Desktop New plan):
  *
  * - `selectable: false` is load-bearing. With it true, an arrow key selects the
- *   tile and the very next keystroke REPLACES it, so the tile silently
+ *   chip and the very next keystroke REPLACES it, so the chip silently
  *   disappears mid-sentence. TipTap's own mention extension ships false for the
  *   same reason.
  * - `atom: true` is currently redundant — ProseMirror computes `isAtom` as
  *   `isLeaf || spec.atom` and a contentless node is already a leaf — and is
- *   kept as a statement of intent. It becomes load-bearing if a tile ever
+ *   kept as a statement of intent. It becomes load-bearing if a chip ever
  *   holds content.
  *
- * Whole-tile deletion needs no keyboard handler: Backspace from just after a
- * tile removes it entirely, natively. The spike proved this by removing a
+ * Whole-chip deletion needs no keyboard handler: Backspace from just after a
+ * chip removes it entirely, natively. The spike proved this by removing a
  * hand-written handler and re-running.
  */
-export const TileNode = Node.create({
-  name: TILE_NODE_NAME,
+export const ChipNode = Node.create({
+  name: CHIP_NODE_NAME,
   group: "inline",
   inline: true,
   atom: true,
@@ -60,42 +60,42 @@ export const TileNode = Node.create({
   },
 
   parseHTML() {
-    return [{ tag: "span[data-tile]" }];
+    return [{ tag: "span[data-chip]" }];
   },
 
   renderHTML({ HTMLAttributes }) {
     return [
       "span",
       mergeAttributes(HTMLAttributes, {
-        "data-tile": "",
+        "data-chip": "",
         "data-kind": undefined,
       }),
     ];
   },
 
   /**
-   * The plain-text projection of a tile is its address, never its label.
+   * The plain-text projection of a chip is its address, never its label.
    *
    * This is what a sent message carries and what an agent reads. A reader that
-   * knows nothing about tiles still receives a meaningful `buzz://` link rather
+   * knows nothing about chips still receives a meaningful `buzz://` link rather
    * than broken markup, so the reference degrades rather than disappearing.
    */
   renderText({ node }) {
-    const address = tileAddressFromAttrs(node.attrs);
-    return address ? formatTileAddress(address) : "";
+    const address = chipAddressFromAttrs(node.attrs);
+    return address ? formatChipAddress(address) : "";
   },
 
   addNodeView() {
-    return ReactNodeViewRenderer(TileNodeView);
+    return ReactNodeViewRenderer(ChipNodeView);
   },
 });
 
 /** Reads an address off node attributes, or null when they are not a valid one. */
-export function tileAddressFromAttrs(
+export function chipAddressFromAttrs(
   attrs: Record<string, unknown>,
-): TileAddress | null {
+): ChipAddress | null {
   const kind = String(attrs.kind ?? "");
   const id = String(attrs.id ?? "");
-  if (!isTileKind(kind) || id.length === 0) return null;
+  if (!isChipKind(kind) || id.length === 0) return null;
   return { kind, id };
 }
diff --git a/desktop-new/src/features/composer/ui/TileNodeView.tsx b/desktop-new/src/features/composer/ui/ChipNodeView.tsx
similarity index 65%
rename from desktop-new/src/features/composer/ui/TileNodeView.tsx
rename to desktop-new/src/features/composer/ui/ChipNodeView.tsx
index 0958a0373d..112d3f6398 100644
--- a/desktop-new/src/features/composer/ui/TileNodeView.tsx
+++ b/desktop-new/src/features/composer/ui/ChipNodeView.tsx
@@ -1,32 +1,32 @@
 import { NodeViewWrapper, type ReactNodeViewProps } from "@tiptap/react";
 
-import { InlineTile } from "@/shared/ui/InlineTile";
+import { InlineChip } from "@/shared/ui/InlineChip";
 
-import { tileAddressFromAttrs } from "../tileNode";
+import { chipAddressFromAttrs } from "../chipNode";
 
 /**
- * Mounts the shared InlineTile inside the editor document.
+ * Mounts the shared InlineChip inside the editor document.
  *
  * This is the seam that lets one component serve both the composer and the
  * conversation. It is deliberately thin: it reads the address off the node and
  * renders, holding no state of its own, so there is nothing here to drift from
  * the read-only rendering path.
  *
- * The tile is not interactive inside the composer. While writing, a click's
+ * The chip is not interactive inside the composer. While writing, a click's
  * meaning is "put my caret here", not "open this person's profile" — and a
  * focusable control inside a contenteditable region takes the caret out of the
  * editor. Detail-on-click belongs to the conversation, where a click has no
  * competing meaning.
  */
-export function TileNodeView({ node }: ReactNodeViewProps) {
-  const address = tileAddressFromAttrs(node.attrs);
+export function ChipNodeView({ node }: ReactNodeViewProps) {
+  const address = chipAddressFromAttrs(node.attrs);
 
   return (
     // Note: TipTap's `NodeViewWrapper` spreads its own props onto the rendered
     // element, so `as` also lands as a literal DOM attribute. Cosmetic and
     // upstream; not worth patching the dependency over.
-    <NodeViewWrapper as="span" className="tile-node-view">
-      {address ? <InlineTile address={address} interactive={false} /> : null}
+    <NodeViewWrapper as="span" className="chip-node-view">
+      {address ? <InlineChip address={address} interactive={false} /> : null}
     </NodeViewWrapper>
   );
 }
diff --git a/desktop-new/src/features/design-system/ui/componentSpecimens.tsx b/desktop-new/src/features/design-system/ui/componentSpecimens.tsx
index 34da75c8de..d95aa35dd4 100644
--- a/desktop-new/src/features/design-system/ui/componentSpecimens.tsx
+++ b/desktop-new/src/features/design-system/ui/componentSpecimens.tsx
@@ -8,7 +8,7 @@ import {
 import type { ReactNode } from "react";
 import { useState } from "react";
 import { Avatar } from "@/shared/ui/Avatar";
-import { InlineTile } from "@/shared/ui/InlineTile";
+import { InlineChip } from "@/shared/ui/InlineChip";
 import { Button } from "@/shared/ui/Button";
 import { IconButton } from "@/shared/ui/IconButton";
 import { NavigatorRow } from "@/shared/ui/NavigatorRow";
@@ -17,8 +17,8 @@ import { PanelHeader } from "@/shared/ui/PanelHeader";
 import { SearchField } from "@/shared/ui/SearchField";
 import { SegmentedNavigation } from "@/shared/ui/SegmentedNavigation";
 import { WorkspaceSurface } from "@/shared/ui/WorkspaceSurface";
-import type { TileAddress } from "@/shared/tiles/address";
-import { tileFaces } from "@/shared/tiles/faceResolver";
+import type { ChipAddress } from "@/shared/chips/address";
+import { chipFaces } from "@/shared/chips/faceResolver";
 
 const DESTINATIONS = [
   { value: "home", label: "Home" },
@@ -383,90 +383,133 @@ function NavigatorRowSpecimen() {
   );
 }
 
-const TILE_PERSON: TileAddress = { kind: "person", id: "pk-morgan" };
-const TILE_AGENT: TileAddress = { kind: "agent", id: "pk-vogue" };
-const TILE_CHANNEL: TileAddress = { kind: "channel", id: "ch-design" };
-const TILE_UNRESOLVED: TileAddress = {
+const CHIP_PERSON: ChipAddress = { kind: "person", id: "pk-morgan" };
+const CHIP_AGENT: ChipAddress = { kind: "agent", id: "pk-morgarita" };
+const CHIP_CHANNEL: ChipAddress = { kind: "channel", id: "ch-buzz-team" };
+const CHIP_MESSAGE: ChipAddress = { kind: "message", id: "ev-thread-root" };
+const CHIP_LINK: ChipAddress = {
+  kind: "link",
+  id: "https://github.com/block/buzz",
+};
+const CHIP_UNRESOLVED: ChipAddress = {
   kind: "person",
   id: "9f2c4a1b7e5d8306a4b2c1d9e8f7a6b5c4d3e2f1a0b9c8d7e6f5a4b3c2d1e0f9",
 };
-const TILE_LONG: TileAddress = { kind: "person", id: "pk-long" };
+const CHIP_LONG: ChipAddress = { kind: "person", id: "pk-long" };
+
+const CHIP_KIND_ROWS = [
+  { label: "Person", address: CHIP_PERSON },
+  { label: "Agent", address: CHIP_AGENT },
+  { label: "Channel", address: CHIP_CHANNEL },
+  { label: "Message", address: CHIP_MESSAGE },
+  { label: "Link", address: CHIP_LINK },
+] as const;
 
 /**
- * Seeds faces so the specimens show resolved tiles. The product resolves these
+ * Seeds faces so the specimens show resolved chips. The product resolves these
  * from real identity; the page only needs the shapes to be visible.
  */
-function seedTileFaces() {
-  tileFaces.put(TILE_PERSON, {
-    label: "Morgan",
-    status: "online",
+function seedChipFaces() {
+  chipFaces.put(CHIP_PERSON, {
+    label: "Morgan Martin",
     loading: false,
     resolved: true,
   });
-  tileFaces.put(TILE_AGENT, {
-    label: "Vogue",
-    status: "busy",
+  chipFaces.put(CHIP_AGENT, {
+    label: "Morgarita",
     loading: false,
     resolved: true,
   });
-  tileFaces.put(TILE_CHANNEL, {
-    label: "design",
+  chipFaces.put(CHIP_CHANNEL, {
+    label: "buzz-team",
     loading: false,
     resolved: true,
   });
-  tileFaces.put(TILE_LONG, {
+  chipFaces.put(CHIP_MESSAGE, {
+    label: "buzz-team",
+    loading: false,
+    resolved: true,
+  });
+  chipFaces.put(CHIP_LINK, {
+    label: "github.com/block/buzz",
+    loading: false,
+    resolved: true,
+  });
+  chipFaces.put(CHIP_LONG, {
     label: "A deliberately very long display name that must truncate",
     loading: false,
     resolved: true,
   });
 }
 
-function InlineTileSpecimen() {
+function InlineChipSpecimen() {
   const [activated, setActivated] = useState<string | null>(null);
-  seedTileFaces();
+  seedChipFaces();
 
   return (
     <div className="component-specimen-stack">
       <SpecimenGroup label="Kinds">
-        <div className="component-specimen-row">
-          <InlineTile address={TILE_PERSON} />
-          <InlineTile address={TILE_AGENT} />
-          <InlineTile address={TILE_CHANNEL} />
+        <div className="flex flex-col gap-3">
+          {CHIP_KIND_ROWS.map((row) => (
+            <div key={row.label} className="flex items-baseline gap-3">
+              <span className="w-16 shrink-0 text-body-sm text-tertiary">
+                {row.label}
+              </span>
+              <InlineChip address={row.address} />
+            </div>
+          ))}
         </div>
       </SpecimenGroup>
 
       <SpecimenGroup label="In a sentence">
         <p className="text-body text-primary">
-          Asked <InlineTile address={TILE_PERSON} /> and{" "}
-          <InlineTile address={TILE_AGENT} /> to look at the thread in{" "}
-          <InlineTile address={TILE_CHANNEL} /> before the review.
+          Asked <InlineChip address={CHIP_PERSON} /> and{" "}
+          <InlineChip address={CHIP_AGENT} /> to look at{" "}
+          <InlineChip address={CHIP_MESSAGE} /> in{" "}
+          <InlineChip address={CHIP_CHANNEL} />, alongside{" "}
+          <InlineChip address={CHIP_LINK} /> before the review.
         </p>
       </SpecimenGroup>
 
       <SpecimenGroup label="Read-only, as a conversation renders it">
         <p className="text-body text-primary">
-          A tile in a sent message is not a control when the surface has no
+          A chip in a sent message is not a control when the surface has no
           detail to open:{" "}
-          <InlineTile address={TILE_PERSON} interactive={false} />
+          <InlineChip address={CHIP_PERSON} interactive={false} />
         </p>
       </SpecimenGroup>
 
-      <SpecimenGroup label="Unresolved identity">
-        <div className="component-specimen-row">
-          <InlineTile address={TILE_UNRESOLVED} />
+      <SpecimenGroup label="Unresolved reference">
+        <div className="flex flex-col gap-3">
+          <div className="component-specimen-row">
+            <InlineChip address={CHIP_UNRESOLVED} />
+          </div>
+          <p className="max-w-md text-body-sm text-tertiary">
+            No name to show and nothing to open, so it reads as inert and
+            announces itself as unresolved rather than speaking an identity
+            fragment aloud.
+          </p>
         </div>
       </SpecimenGroup>
 
       <SpecimenGroup label="Long label truncates">
         <div className="component-specimen-row">
-          <InlineTile address={TILE_LONG} />
+          <InlineChip address={CHIP_LONG} />
         </div>
       </SpecimenGroup>
 
+      <SpecimenGroup label="Wrapping across lines">
+        <p className="max-w-xs text-body text-primary">
+          A chip sits in the text flow, so a line break falls before or after it
+          and never inside it: <InlineChip address={CHIP_PERSON} />{" "}
+          <InlineChip address={CHIP_AGENT} /> <InlineChip address={CHIP_LINK} />
+        </p>
+      </SpecimenGroup>
+
       <SpecimenGroup label="Activation">
         <div className="component-specimen-row">
-          <InlineTile
-            address={TILE_PERSON}
+          <InlineChip
+            address={CHIP_PERSON}
             onActivate={(address) => setActivated(address.id)}
           />
           <span className="text-body-sm text-tertiary">
@@ -482,7 +525,7 @@ export const COMPONENT_SPECIMENS: Record<string, () => ReactNode> = {
   button: ButtonSpecimen,
   "icon-button": IconButtonSpecimen,
   avatar: AvatarSpecimen,
-  "inline-tile": InlineTileSpecimen,
+  "inline-chip": InlineChipSpecimen,
   "workspace-surface": WorkspaceSurfaceSpecimen,
   "segmented-navigation": SegmentedNavigationSpecimen,
   "panel-header": PanelHeaderSpecimen,
diff --git a/desktop-new/src/shared/chips/address.test.ts b/desktop-new/src/shared/chips/address.test.ts
new file mode 100644
index 0000000000..b293ead6fa
--- /dev/null
+++ b/desktop-new/src/shared/chips/address.test.ts
@@ -0,0 +1,81 @@
+import { describe, expect, it } from "vitest";
+
+import {
+  AUTHORABLE_CHIP_KINDS,
+  CHIP_KINDS,
+  formatChipAddress,
+  parseChipAddress,
+  sameChipAddress,
+  chipAddressKey,
+} from "./address";
+
+describe("chip address", () => {
+  it("round-trips every kind through its canonical form", () => {
+    for (const address of [
+      { kind: "person" as const, id: "pk-morgan" },
+      { kind: "agent" as const, id: "pk-vogue" },
+      { kind: "channel" as const, id: "8f14e45f-ea11-4d3a-9f2c-1b7e5d830612" },
+      { kind: "message" as const, id: "ev-9f2c4a1b7e5d8306" },
+      // A link's id is a URL, punctuation and all.
+      { kind: "link" as const, id: "https://github.com/block/buzz/pull/7366" },
+    ]) {
+      expect(parseChipAddress(formatChipAddress(address))).toEqual(address);
+    }
+  });
+
+  /**
+   * Every kind the component can draw must be a real address, or a chip could
+   * render something that cannot be referenced.
+   */
+  it("accepts an address for every kind the system knows", () => {
+    for (const kind of CHIP_KINDS) {
+      expect(parseChipAddress(`buzz://${kind}/some-id`)).toEqual({
+        kind,
+        id: "some-id",
+      });
+    }
+  });
+
+  it("keeps the authorable kinds a subset of all kinds", () => {
+    for (const kind of AUTHORABLE_CHIP_KINDS) {
+      expect(CHIP_KINDS).toContain(kind);
+    }
+    // Message and link arrive by another route than typing a trigger.
+    expect(AUTHORABLE_CHIP_KINDS).not.toContain("message");
+    expect(AUTHORABLE_CHIP_KINDS).not.toContain("link");
+  });
+
+  it("refuses text that is not an address rather than guessing", () => {
+    for (const value of [
+      "@Morgan",
+      "buzz://person/",
+      "buzz://unknown/pk-morgan",
+      "https://example.com/person/pk-morgan",
+      "",
+    ]) {
+      expect(parseChipAddress(value)).toBeNull();
+    }
+  });
+
+  /**
+   * The property the whole model exists for. Two identities that share a
+   * display name are different addresses, and nothing about the name enters
+   * the comparison — so there is no same-name collision to disambiguate and no
+   * need to write an identity into visible text.
+   */
+  it("distinguishes two identities that share a display name", () => {
+    const first = { kind: "person" as const, id: "pk-morgan-1" };
+    const second = { kind: "person" as const, id: "pk-morgan-2" };
+
+    expect(sameChipAddress(first, second)).toBe(false);
+    expect(chipAddressKey(first)).not.toBe(chipAddressKey(second));
+  });
+
+  it("keeps kinds apart even when an id repeats across them", () => {
+    const person = { kind: "person" as const, id: "shared-id" };
+    const agent = { kind: "agent" as const, id: "shared-id" };
+
+    expect(sameChipAddress(person, agent)).toBe(false);
+    expect(formatChipAddress(person)).not.toBe(formatChipAddress(agent));
+  });
+});
diff --git a/desktop-new/src/shared/chips/address.ts b/desktop-new/src/shared/chips/address.ts
new file mode 100644
index 0000000000..7a7ca4813e
--- /dev/null
+++ b/desktop-new/src/shared/chips/address.ts
@@ -0,0 +1,88 @@
+/**
+ * A chip address: what a reference in a message actually *is*.
+ *
+ * The whole point is that a reference carries the identity of the thing it
+ * points at, never the letters of its name. The existing client stores literal
+ * `@Label` text plus a separate `label -> pubkey` map and re-matches by string
+ * at send time; that is why two people with the same display name force a
+ * 64-character key into the visible text, why a pasted label needs
+ * network-fenced verification, and why editing a name silently unbinds a
+ * recipient. An address has no second thing to drift out of agreement with.
+ *
+ * A display name is resolved *from* an address for presentation and is never
+ * treated as its meaning. Renames and same-name identities therefore cost
+ * nothing.
+ */
+
+/**
+ * The kinds of thing a chip may refer to.
+ *
+ * The component understands five because the design draws five. Version 1's
+ * picker only *offers* the first three — a message or link chip arrives by
+ * another route (referencing a message, pasting a URL) rather than by typing a
+ * trigger, so those kinds render before they are authorable.
+ */
+export const CHIP_KINDS = [
+  "person",
+  "agent",
+  "channel",
+  "message",
+  "link",
+] as const;
+
+export type ChipKind = (typeof CHIP_KINDS)[number];
+
+/** The kinds version 1's picker offers when someone types a trigger. */
+export const AUTHORABLE_CHIP_KINDS: readonly ChipKind[] = [
+  "person",
+  "agent",
+  "channel",
+];
+
+export type ChipAddress = {
+  kind: ChipKind;
+  /**
+   * Pubkey for a person or agent, channel id for a channel, event id for a
+   * message, URL for a link.
+   */
+  id: string;
+};
+
+export function isChipKind(value: string): value is ChipKind {
+  return (CHIP_KINDS as readonly string[]).includes(value);
+}
+
+/**
+ * The address's canonical string form, used in a message body and in the
+ * editor's own serialization.
+ *
+ * `buzz://` entity links already exist across this codebase, so a reader that
+ * knows nothing about chips still receives something meaningful rather than
+ * broken markup — the reference degrades to a readable link instead of
+ * disappearing.
+ */
+export function formatChipAddress(address: ChipAddress): string {
+  return `buzz://${address.kind}/${address.id}`;
+}
+
+// A link's id is a URL, so the id segment is deliberately permissive: anything
+// after the kind is the id, up to the end.
+const ADDRESS_PATTERN = /^buzz:\/\/([a-z]+)\/(.+)$/;
+
+/** Parses a canonical address, or returns null when the text is not one. */
+export function parseChipAddress(value: string): ChipAddress | null {
+  const match = ADDRESS_PATTERN.exec(value.trim());
+  if (!match) return null;
+  const [, kind, id] = match;
+  if (!isChipKind(kind) || id.length === 0) return null;
+  return { kind, id };
+}
+
+/** Stable key for maps and React keys. Not a display value. */
+export function chipAddressKey(address: ChipAddress): string {
+  return `${address.kind}:${address.id}`;
+}
+
+export function sameChipAddress(a: ChipAddress, b: ChipAddress): boolean {
+  return a.kind === b.kind && a.id === b.id;
+}
diff --git a/desktop-new/src/shared/tiles/faceResolver.test.ts b/desktop-new/src/shared/chips/faceResolver.test.ts
similarity index 59%
rename from desktop-new/src/shared/tiles/faceResolver.test.ts
rename to desktop-new/src/shared/chips/faceResolver.test.ts
index 9c9b0bc857..a9edc72c16 100644
--- a/desktop-new/src/shared/tiles/faceResolver.test.ts
+++ b/desktop-new/src/shared/chips/faceResolver.test.ts
@@ -1,85 +1,85 @@
 import { afterEach, describe, expect, it, vi } from "vitest";
 
-import type { TileAddress } from "./address";
-import { fallbackLabel, resetTileFaces, tileFaces } from "./faceResolver";
+import type { ChipAddress } from "./address";
+import { fallbackLabel, resetChipFaces, chipFaces } from "./faceResolver";
 
-const MORGAN: TileAddress = { kind: "person", id: "pk-morgan" };
-const FULL_KEY: TileAddress = {
+const MORGAN: ChipAddress = { kind: "person", id: "pk-morgan" };
+const FULL_KEY: ChipAddress = {
   kind: "person",
   id: "9f2c4a1b7e5d8306a4b2c1d9e8f7a6b5c4d3e2f1a0b9c8d7e6f5a4b3c2d1e0f9",
 };
 
 afterEach(() => {
-  resetTileFaces();
+  resetChipFaces();
 });
 
-describe("tile face resolution", () => {
-  it("always returns something renderable, so a tile is never faceless", () => {
-    const face = tileFaces.get(MORGAN);
+describe("chip face resolution", () => {
+  it("always returns something renderable, so a chip is never faceless", () => {
+    const face = chipFaces.get(MORGAN);
     expect(face.label.length).toBeGreaterThan(0);
   });
 
   /**
    * A face that shows a full identity is the defect the current client
    * shipped: a same-name collision there forces a 64-character key into
-   * visible text. An unresolved tile abbreviates instead.
+   * visible text. An unresolved chip abbreviates instead.
    */
   it("never exposes a full identity in a fallback label", () => {
     expect(fallbackLabel(FULL_KEY)).not.toContain(FULL_KEY.id);
     expect(fallbackLabel(FULL_KEY).length).toBeLessThan(20);
-    expect(tileFaces.get(FULL_KEY).label).not.toContain(FULL_KEY.id);
+    expect(chipFaces.get(FULL_KEY).label).not.toContain(FULL_KEY.id);
   });
 
   it("resolves a name from a source without the caller knowing", () => {
-    tileFaces.setSource({
+    chipFaces.setSource({
       peek: (address) =>
         address.id === MORGAN.id
           ? { label: "Morgan", loading: false, resolved: true }
           : undefined,
     });
 
-    expect(tileFaces.get(MORGAN).label).toBe("Morgan");
+    expect(chipFaces.get(MORGAN).label).toBe("Morgan");
   });
 
   it("requests an unknown address once, however often it renders", () => {
     const request = vi.fn();
-    tileFaces.setSource({ peek: () => undefined, request });
+    chipFaces.setSource({ peek: () => undefined, request });
 
-    tileFaces.get(MORGAN);
-    tileFaces.get(MORGAN);
-    tileFaces.get(MORGAN);
+    chipFaces.get(MORGAN);
+    chipFaces.get(MORGAN);
+    chipFaces.get(MORGAN);
 
     expect(request).toHaveBeenCalledTimes(1);
   });
 
   /**
-   * A rename must reach every tile without the document changing, because a
+   * A rename must reach every chip without the document changing, because a
    * document change would dirty the person's draft and enter undo history.
    * Subscribers are how the face updates independently of the document.
    */
   it("notifies subscribers when a name changes", () => {
     const listener = vi.fn();
-    const unsubscribe = tileFaces.subscribe(listener);
+    const unsubscribe = chipFaces.subscribe(listener);
 
-    tileFaces.put(MORGAN, { label: "Morgan", loading: false, resolved: true });
+    chipFaces.put(MORGAN, { label: "Morgan", loading: false, resolved: true });
     expect(listener).toHaveBeenCalled();
-    expect(tileFaces.get(MORGAN).label).toBe("Morgan");
+    expect(chipFaces.get(MORGAN).label).toBe("Morgan");
 
-    tileFaces.put(MORGAN, {
+    chipFaces.put(MORGAN, {
       label: "Morgan Mulvaney",
       loading: false,
       resolved: true,
     });
-    expect(tileFaces.get(MORGAN).label).toBe("Morgan Mulvaney");
+    expect(chipFaces.get(MORGAN).label).toBe("Morgan Mulvaney");
 
     unsubscribe();
   });
 
   it("stops notifying after unsubscribe", () => {
     const listener = vi.fn();
-    tileFaces.subscribe(listener)();
+    chipFaces.subscribe(listener)();
 
-    tileFaces.put(MORGAN, { label: "Morgan", loading: false, resolved: true });
+    chipFaces.put(MORGAN, { label: "Morgan", loading: false, resolved: true });
 
     expect(listener).not.toHaveBeenCalled();
   });
@@ -90,39 +90,39 @@ describe("tile face resolution", () => {
    * desktop client's reset inventory exists to prevent.
    */
   it("forgets every resolved name when the community resets", () => {
-    tileFaces.put(MORGAN, { label: "Morgan", loading: false, resolved: true });
-    expect(tileFaces.get(MORGAN).label).toBe("Morgan");
+    chipFaces.put(MORGAN, { label: "Morgan", loading: false, resolved: true });
+    expect(chipFaces.get(MORGAN).label).toBe("Morgan");
 
-    resetTileFaces();
+    resetChipFaces();
 
-    expect(tileFaces.get(MORGAN).label).not.toBe("Morgan");
+    expect(chipFaces.get(MORGAN).label).not.toBe("Morgan");
   });
 
   it("drops the previous community's source on reset", () => {
-    tileFaces.setSource({
+    chipFaces.setSource({
       peek: () => ({
         label: "Old community name",
         loading: false,
         resolved: true,
       }),
     });
-    expect(tileFaces.get(MORGAN).label).toBe("Old community name");
+    expect(chipFaces.get(MORGAN).label).toBe("Old community name");
 
-    resetTileFaces();
+    resetChipFaces();
 
-    expect(tileFaces.get(MORGAN).label).not.toBe("Old community name");
+    expect(chipFaces.get(MORGAN).label).not.toBe("Old community name");
   });
 });
 
 describe("assistive semantics depend on resolution", () => {
   it("marks an unresolved face as unresolved rather than naming it", () => {
-    const face = tileFaces.get(FULL_KEY);
+    const face = chipFaces.get(FULL_KEY);
     expect(face.resolved).toBe(false);
   });
 
   it("marks a resolved face as resolved", () => {
-    tileFaces.put(MORGAN, { label: "Morgan", loading: false, resolved: true });
-    expect(tileFaces.get(MORGAN).resolved).toBe(true);
+    chipFaces.put(MORGAN, { label: "Morgan", loading: false, resolved: true });
+    expect(chipFaces.get(MORGAN).resolved).toBe(true);
   });
 
   /**
@@ -132,12 +132,12 @@ describe("assistive semantics depend on resolution", () => {
    * on every call and unmounted the whole composer.
    */
   it("returns a reference-stable face between changes", () => {
-    const first = tileFaces.get(MORGAN);
-    expect(tileFaces.get(MORGAN)).toBe(first);
+    const first = chipFaces.get(MORGAN);
+    expect(chipFaces.get(MORGAN)).toBe(first);
 
-    tileFaces.put(MORGAN, { label: "Morgan", loading: false, resolved: true });
-    const second = tileFaces.get(MORGAN);
+    chipFaces.put(MORGAN, { label: "Morgan", loading: false, resolved: true });
+    const second = chipFaces.get(MORGAN);
     expect(second).not.toBe(first);
-    expect(tileFaces.get(MORGAN)).toBe(second);
+    expect(chipFaces.get(MORGAN)).toBe(second);
   });
 });
diff --git a/desktop-new/src/shared/tiles/faceResolver.ts b/desktop-new/src/shared/chips/faceResolver.ts
similarity index 70%
rename from desktop-new/src/shared/tiles/faceResolver.ts
rename to desktop-new/src/shared/chips/faceResolver.ts
index 5164703ef2..bbaa9126cf 100644
--- a/desktop-new/src/shared/tiles/faceResolver.ts
+++ b/desktop-new/src/shared/chips/faceResolver.ts
@@ -1,31 +1,31 @@
-import { type TileAddress, type TileKind, tileAddressKey } from "./address";
+import { type ChipAddress, type ChipKind, chipAddressKey } from "./address";
 
 /**
- * What a tile shows. Derived from an address, never stored in the document.
+ * What a chip shows. Derived from an address, never stored in the document.
  *
  * Keeping the face out of the document is the load-bearing decision: if a
  * display name lived in the draft, every profile rename would be an edit to
  * the person's unsent message — dirtying it and polluting undo history. So the
  * document holds the address and the face is looked up at render time.
  */
-export type TileFace = {
+export type ChipFace = {
   /** The compact label a person reads. Never the identity. */
   label: string;
   avatarUrl?: string | null;
   /** Live status where the kind has one; absent means "no status to show". */
   status?: "online" | "busy" | "offline";
-  /** True while the face is still being fetched, so a tile can show a skeleton. */
+  /** True while the face is still being fetched, so a chip can show a skeleton. */
   loading: boolean;
   /**
    * Whether `label` is a real display name or a stand-in derived from the id.
    * Assistive semantics need this: announcing an abbreviated identity tells a
-   * screen-reader user nothing, so an unresolved tile says so instead.
+   * screen-reader user nothing, so an unresolved chip says so instead.
    */
   resolved: boolean;
 };
 
 /** The face shown before anything is known, and if a lookup finds nothing. */
-export function unresolvedFace(address: TileAddress): TileFace {
+export function unresolvedFace(address: ChipAddress): ChipFace {
   return { label: fallbackLabel(address), loading: false, resolved: false };
 }
 
@@ -33,38 +33,38 @@ export function unresolvedFace(address: TileAddress): TileFace {
  * A readable stand-in when an identity cannot be resolved.
  *
  * Deliberately an abbreviation of the id rather than a raw 64-character key: a
- * tile's face must never expose the full identity, because a face that shows a
+ * chip's face must never expose the full identity, because a face that shows a
  * key is the defect the current client shipped.
  */
-export function fallbackLabel(address: TileAddress): string {
+export function fallbackLabel(address: ChipAddress): string {
   const { id } = address;
   if (id.length <= 12) return id;
   return `${id.slice(0, 8)}…${id.slice(-4)}`;
 }
 
-export type TileFaceSource = {
+export type ChipFaceSource = {
   /** Synchronous read from whatever this surface already knows. */
-  peek: (address: TileAddress) => TileFace | undefined;
+  peek: (address: ChipAddress) => ChipFace | undefined;
   /** Kicks off a fetch for an address the cache does not hold yet. */
-  request?: (address: TileAddress) => void;
+  request?: (address: ChipAddress) => void;
 };
 
 type Listener = () => void;
 
 /**
- * Resolves tile faces from addresses, and tells subscribers when one changes.
+ * Resolves chip faces from addresses, and tells subscribers when one changes.
  *
  * This is a module-level cache holding community-scoped data, so it must be
  * reset when the community changes or a name from the previous community leaks
- * into the new one. See `resetTileFaces`.
+ * into the new one. See `resetChipFaces`.
  */
-class TileFaceRegistry {
-  private faces = new Map<string, TileFace>();
+class ChipFaceRegistry {
+  private faces = new Map<string, ChipFace>();
   private listeners = new Set<Listener>();
-  private source: TileFaceSource | null = null;
+  private source: ChipFaceSource | null = null;
   private requested = new Set<string>();
 
-  setSource(source: TileFaceSource | null): void {
+  setSource(source: ChipFaceSource | null): void {
     this.source = source;
     this.requested.clear();
     this.emit();
@@ -72,7 +72,7 @@ class TileFaceRegistry {
 
   /**
    * The current face for an address. Always returns something renderable —
-   * a tile never has "no face", it has an unresolved one.
+   * a chip never has "no face", it has an unresolved one.
    *
    * The returned object must be reference-stable between changes. React's
    * `useSyncExternalStore` compares snapshots by identity, so handing back a
@@ -80,8 +80,8 @@ class TileFaceRegistry {
    * whole subtree — which is exactly what a freshly-built unresolved face did
    * here. Unresolved faces are therefore cached like resolved ones.
    */
-  get(address: TileAddress): TileFace {
-    const key = tileAddressKey(address);
+  get(address: ChipAddress): ChipFace {
+    const key = chipAddressKey(address);
     const known = this.faces.get(key);
     if (known) return known;
 
@@ -97,7 +97,7 @@ class TileFaceRegistry {
       this.source.request(address);
     }
 
-    const unresolved: TileFace = {
+    const unresolved: ChipFace = {
       label: fallbackLabel(address),
       loading: Boolean(this.source),
       resolved: false,
@@ -107,8 +107,8 @@ class TileFaceRegistry {
   }
 
   /** Records a resolved face and notifies anything rendering that address. */
-  put(address: TileAddress, face: TileFace): void {
-    this.faces.set(tileAddressKey(address), face);
+  put(address: ChipAddress, face: ChipFace): void {
+    this.faces.set(chipAddressKey(address), face);
     this.emit();
   }
 
@@ -131,7 +131,7 @@ class TileFaceRegistry {
   }
 }
 
-export const tileFaces = new TileFaceRegistry();
+export const chipFaces = new ChipFaceRegistry();
 
 /**
  * Clears every resolved face.
@@ -141,13 +141,20 @@ export const tileFaces = new TileFaceRegistry();
  * leak the desktop client's `resetCommunityState()` inventory exists to
  * prevent.
  */
-export function resetTileFaces(): void {
-  tileFaces.reset();
+export function resetChipFaces(): void {
+  chipFaces.reset();
 }
 
-/** Kind-level presentation facts, independent of any lookup. */
-export const TILE_KIND_TRIGGER: Record<TileKind, string> = {
+/**
+ * The sigil a kind is introduced by, independent of any lookup.
+ *
+ * A message and a link have no sigil a reader would recognise, so they carry an
+ * icon instead and prefix nothing.
+ */
+export const CHIP_KIND_TRIGGER: Record<ChipKind, string> = {
   person: "@",
   agent: "@",
   channel: "#",
+  message: "",
+  link: "",
 };
diff --git a/desktop-new/src/shared/styles/chips.css b/desktop-new/src/shared/styles/chips.css
new file mode 100644
index 0000000000..1e94f9a96b
--- /dev/null
+++ b/desktop-new/src/shared/styles/chips.css
@@ -0,0 +1,96 @@
+@layer components {
+  /**
+   * Inline chip — a reference to a person, agent, channel, message, or link,
+   * sitting in a line of text. Shared by the composer and the conversation, so
+   * the same reference looks identical whether it is being written or read.
+   *
+   * The design gives every kind one treatment: an accent tint behind primary
+   * text. Kinds are told apart by their trigger character and, where the label
+   * alone is ambiguous, a leading icon — not by colour. That is deliberate:
+   * five colours for five kinds would spend the whole palette on a distinction
+   * the sigil already makes.
+   */
+  .inline-chip {
+    display: inline-flex;
+    max-width: 16rem;
+    align-items: center;
+    gap: var(--space-chip-gap);
+    border: 0;
+    border-radius: var(--radius-chip);
+    padding-inline: var(--space-chip-inset);
+    background: var(--bg-accent-tint);
+    /* Primary text, not accent text. The tint is doing the colour work, so the
+       label stays the same weight as the sentence it sits in — a chip marks a
+       reference, it does not shout. */
+    color: var(--text-primary);
+    font: inherit;
+    /* Hugs the text it sits in rather than stretching the line. */
+    line-height: 1.35;
+    vertical-align: baseline;
+    /* A chip is an object: dragging or double-clicking must not select into
+       its label the way it would with text. */
+    user-select: none;
+    transition:
+      background-color var(--duration-state) var(--easing-state),
+      color var(--duration-state) var(--easing-state);
+  }
+
+  button.inline-chip {
+    cursor: pointer;
+  }
+
+  button.inline-chip:hover {
+    background: var(--bg-accent-tint-hover);
+  }
+
+  .inline-chip:focus-visible {
+    outline: 2px solid var(--ring-focus);
+    outline-offset: 2px;
+  }
+
+  /**
+   * Unresolvable reference. Neutral fill and lesser text: the chip is still a
+   * real reference, but there is no name to show and nothing to open, so it
+   * reads as inert rather than pretending to be actionable.
+   */
+  .inline-chip[data-state="unresolved"] {
+    background: var(--bg-inset);
+    color: var(--text-tertiary);
+  }
+
+  .inline-chip-label {
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  /**
+   * Kind icon, for the kinds whose label does not identify itself.
+   * A person and an agent carry `@`, a channel carries `#`; a message and a
+   * link have no sigil a reader would recognise, so they get a glyph.
+   *
+   * Sized in `em` so it tracks the surrounding text through the font-size
+   * preference and keyboard zoom rather than freezing at one size.
+   */
+  .inline-chip-icon {
+    width: 1.1em;
+    height: 1.1em;
+    flex: 0 0 auto;
+    /* Optically centred against lowercase text rather than the line box. */
+    margin-block-start: -0.05em;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .inline-chip {
+      transition-duration: 0ms;
+    }
+  }
+
+  /* The editor's wrapper around a chip node. Must not introduce its own box:
+     any padding or display change here shifts the caret target at the chip's
+     edges, which is the one boundary the browser already gets wrong. */
+  .chip-node-view {
+    display: inline;
+  }
+}
diff --git a/desktop-new/src/shared/styles/globals.css b/desktop-new/src/shared/styles/globals.css
index e458e61f6e..0f91ac28df 100644
--- a/desktop-new/src/shared/styles/globals.css
+++ b/desktop-new/src/shared/styles/globals.css
@@ -2,7 +2,7 @@
 @import "./tokens.css";
 @import "./typography.css";
 @import "./components.css";
-@import "./tiles.css";
+@import "./chips.css";
 @import "./design-components.css";
 @import "./product.css";
 @import "./agents.css";
@@ -62,7 +62,7 @@
   margin: 0;
 }
 
-.spike-tile {
+.spike-chip {
   display: inline-block;
   padding-inline: 0.375rem;
   border-radius: var(--radius-sm);
diff --git a/desktop-new/src/shared/styles/tiles.css b/desktop-new/src/shared/styles/tiles.css
deleted file mode 100644
index 17f6b412e6..0000000000
--- a/desktop-new/src/shared/styles/tiles.css
+++ /dev/null
@@ -1,119 +0,0 @@
-@layer components {
-  /**
-   * Inline tile — a reference to a person, agent, or channel sitting in a line
-   * of text. Shared by the composer and the conversation, so the same
-   * reference looks identical whether it is being written or read.
-   *
-   * `inline-flex` is deliberate here, unlike the existing client's mention
-   * decorations: a tile is a real object the caret cannot enter, so it does
-   * not need to behave as a run of text and can align its icon properly.
-   */
-  .inline-tile {
-    display: inline-flex;
-    max-width: 16rem;
-    align-items: center;
-    gap: var(--space-tile-gap);
-    border: 0;
-    border-radius: var(--radius-tile);
-    padding-inline: var(--space-tile-inset);
-    background: var(--bg-accent-tint);
-    color: var(--text-accent);
-    font: inherit;
-    /* Sits on the text baseline without stretching the line it lives in. */
-    line-height: 1.25;
-    vertical-align: baseline;
-    /* A tile is an object: dragging or double-clicking must not select into
-       its label the way it would with text. */
-    user-select: none;
-    transition:
-      background-color var(--duration-state) var(--easing-state),
-      color var(--duration-state) var(--easing-state);
-  }
-
-  button.inline-tile {
-    cursor: pointer;
-  }
-
-  button.inline-tile:hover {
-    background: var(--bg-accent-tint-hover);
-  }
-
-  .inline-tile:focus-visible {
-    outline: 2px solid var(--ring-focus);
-    outline-offset: 2px;
-  }
-
-  /* A channel is structure, not an identity, so it takes the neutral inset
-     rather than the accent tint. Colour is signal; a #channel reference is
-     not a signal about a person. */
-  .inline-tile[data-kind="channel"] {
-    background: var(--bg-inset);
-    color: var(--text-secondary);
-  }
-
-  button.inline-tile[data-kind="channel"]:hover {
-    background: var(--bg-inset);
-    color: var(--text-primary);
-  }
-
-  .inline-tile-label {
-    min-width: 0;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  .inline-tile-icon {
-    width: 0.875em;
-    height: 0.875em;
-    flex: 0 0 auto;
-  }
-
-  .inline-tile-avatar {
-    width: 0.875em;
-    height: 0.875em;
-    flex: 0 0 auto;
-    border-radius: var(--radius-pill);
-    object-fit: cover;
-  }
-
-  .inline-tile-status {
-    width: 0.375em;
-    height: 0.375em;
-    flex: 0 0 auto;
-    border-radius: var(--radius-pill);
-  }
-
-  .inline-tile-status[data-status="online"] {
-    background: var(--bg-success);
-  }
-
-  .inline-tile-status[data-status="busy"] {
-    background: var(--bg-warning);
-  }
-
-  .inline-tile-status[data-status="offline"] {
-    background: var(--border-secondary);
-  }
-
-  /* Still resolving its face. Quiet rather than animated: a pulsing tile in a
-     sentence draws the eye away from the words around it. */
-  .inline-tile[data-loading] .inline-tile-label {
-    color: var(--text-tertiary);
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    .inline-tile {
-      transition-duration: 0ms;
-    }
-  }
-}
-
-@layer components {
-  /* The editor's wrapper around a tile node. Must not introduce its own box:
-     any padding or display change here shifts the caret target at the tile's
-     edges, which is the one boundary the browser already gets wrong. */
-  .tile-node-view {
-    display: inline;
-  }
-}
diff --git a/desktop-new/src/shared/styles/tokens.css b/desktop-new/src/shared/styles/tokens.css
index d0df35302e..cb212af1ac 100644
--- a/desktop-new/src/shared/styles/tokens.css
+++ b/desktop-new/src/shared/styles/tokens.css
@@ -39,12 +39,15 @@
   /* --- Accent. A slot, not a colour. -----------------------
      Nothing above this ramp knows the hue. Replace these five
      values to change the accent; every role below follows.
-     Reference hue: the blue from the design exploration.      */
-  --accent-2: #e7f1ff; /* tinted surface          */
-  --accent-3: #d0e3ff; /* tint hover / selected   */
-  --accent-8: #3d87ff; /* border, focus ring      */
-  --accent-9: #237eff; /* solid fill              */
-  --accent-11: #1d4ed8; /* accent text            */
+     Reference hue: Tailwind purple. Steps 2 and 3 are purple-100
+     and purple-200 exactly, because the chip design was drawn
+     against them and the tint pair is what a person actually
+     sees most often.                                          */
+  --accent-2: #f3e8ff; /* tinted surface — purple-100  */
+  --accent-3: #e9d5ff; /* tint hover — purple-200      */
+  --accent-8: #a855f7; /* border, focus ring — purple-500 */
+  --accent-9: #9333ea; /* solid fill — purple-600      */
+  --accent-11: #6b21a8; /* accent text — purple-800    */
 
   /* --- Status. Same five jobs as accent, per family. -------- */
   --danger-2: #fee2e2;
@@ -153,12 +156,15 @@
 
   /* Accent step 9 barely moves between modes — a saturated fill
      reads correctly on white and on near-black. Step 11 inverts
-     direction: darker than the fill on light, lighter on dark. */
-  --accent-2: #152845;
-  --accent-3: #1a3358;
-  --accent-8: #356dbd;
-  --accent-9: #237eff;
-  --accent-11: #95c0ff;
+     direction: darker than the fill on light, lighter on dark.
+     Steps 2 and 3 cannot be Tailwind's purple-100/200 here: those
+     are near-white and would read as a light surface on a dark
+     panel. They are dark violets holding the same hue instead. */
+  --accent-2: #2a1a3d;
+  --accent-3: #3a2352;
+  --accent-8: #7e4bb0;
+  --accent-9: #9333ea;
+  --accent-11: #d8b4fe;
 
   --danger-2: #3a1515;
   --danger-3: #4d1c1c;
@@ -292,10 +298,12 @@
   --space-panel-inset: var(--space-5);
   --space-control-inset: var(--space-3);
   --space-row-gap: var(--space-2);
-  /* An inline tile sits in a line of text, so its inset and gap are tighter
-     than a control's and are its own repeated relationship. */
-  --space-tile-inset: var(--space-1);
-  --space-tile-gap: 0.1875rem;
+  /* An inline chip sits in a line of text, so its inset and gap are tighter
+     than a control's and are its own repeated relationship. Both are below the
+     4px spacing floor because a chip hugs its label — the design draws 3px of
+     inset and a 4px gap. */
+  --space-chip-inset: 0.1875rem;
+  --space-chip-gap: var(--space-1);
   --size-topbar: 3.5rem;
   --size-panel-header: 3.5rem;
   --size-control: 2.25rem;
@@ -305,9 +313,9 @@
   --radius-control: var(--corner-control);
   --radius-row: var(--corner-row);
   --radius-pill: var(--corner-round);
-  /* A tile reads as a chip in running text, so it takes a tighter corner than
+  /* A chip reads as a chip in running text, so it takes a tighter corner than
      a control and gets its own role rather than borrowing one. */
-  --radius-tile: 0.375rem;
+  --radius-chip: 0.375rem;
   --duration-fast: var(--time-fast);
   --duration-state: var(--time-state);
   --duration-settle: var(--time-settle);
@@ -441,6 +449,6 @@
   --spacing-panel-inset: var(--space-panel-inset);
   --spacing-control-inset: var(--space-control-inset);
   --spacing-row-gap: var(--space-row-gap);
-  --spacing-tile-inset: var(--space-tile-inset);
-  --spacing-tile-gap: var(--space-tile-gap);
+  --spacing-chip-inset: var(--space-chip-inset);
+  --spacing-chip-gap: var(--space-chip-gap);
 }
diff --git a/desktop-new/src/shared/tiles/address.test.ts b/desktop-new/src/shared/tiles/address.test.ts
deleted file mode 100644
index 1927099530..0000000000
--- a/desktop-new/src/shared/tiles/address.test.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-import { describe, expect, it } from "vitest";
-
-import {
-  formatTileAddress,
-  parseTileAddress,
-  sameTileAddress,
-  tileAddressKey,
-} from "./address";
-
-describe("tile address", () => {
-  it("round-trips every kind through its canonical form", () => {
-    for (const address of [
-      { kind: "person" as const, id: "pk-morgan" },
-      { kind: "agent" as const, id: "pk-vogue" },
-      { kind: "channel" as const, id: "8f14e45f-ea11-4d3a-9f2c-1b7e5d830612" },
-    ]) {
-      expect(parseTileAddress(formatTileAddress(address))).toEqual(address);
-    }
-  });
-
-  it("refuses text that is not an address rather than guessing", () => {
-    for (const value of [
-      "@Morgan",
-      "buzz://person/",
-      "buzz://unknown/pk-morgan",
-      "https://example.com/person/pk-morgan",
-      "",
-    ]) {
-      expect(parseTileAddress(value)).toBeNull();
-    }
-  });
-
-  /**
-   * The property the whole model exists for. Two identities that share a
-   * display name are different addresses, and nothing about the name enters
-   * the comparison — so there is no same-name collision to disambiguate and no
-   * need to write an identity into visible text.
-   */
-  it("distinguishes two identities that share a display name", () => {
-    const first = { kind: "person" as const, id: "pk-morgan-1" };
-    const second = { kind: "person" as const, id: "pk-morgan-2" };
-
-    expect(sameTileAddress(first, second)).toBe(false);
-    expect(tileAddressKey(first)).not.toBe(tileAddressKey(second));
-  });
-
-  it("keeps kinds apart even when an id repeats across them", () => {
-    const person = { kind: "person" as const, id: "shared-id" };
-    const agent = { kind: "agent" as const, id: "shared-id" };
-
-    expect(sameTileAddress(person, agent)).toBe(false);
-    expect(formatTileAddress(person)).not.toBe(formatTileAddress(agent));
-  });
-});
diff --git a/desktop-new/src/shared/tiles/address.ts b/desktop-new/src/shared/tiles/address.ts
deleted file mode 100644
index 64b77106f1..0000000000
--- a/desktop-new/src/shared/tiles/address.ts
+++ /dev/null
@@ -1,63 +0,0 @@
-/**
- * A tile address: what a reference in a message actually *is*.
- *
- * The whole point is that a reference carries the identity of the thing it
- * points at, never the letters of its name. The existing client stores literal
- * `@Label` text plus a separate `label -> pubkey` map and re-matches by string
- * at send time; that is why two people with the same display name force a
- * 64-character key into the visible text, why a pasted label needs
- * network-fenced verification, and why editing a name silently unbinds a
- * recipient. An address has no second thing to drift out of agreement with.
- *
- * A display name is resolved *from* an address for presentation and is never
- * treated as its meaning. Renames and same-name identities therefore cost
- * nothing.
- */
-
-/** The kinds of thing a tile may refer to in version 1. */
-export const TILE_KINDS = ["person", "agent", "channel"] as const;
-
-export type TileKind = (typeof TILE_KINDS)[number];
-
-export type TileAddress = {
-  kind: TileKind;
-  /** Pubkey for a person or agent; channel id for a channel. */
-  id: string;
-};
-
-export function isTileKind(value: string): value is TileKind {
-  return (TILE_KINDS as readonly string[]).includes(value);
-}
-
-/**
- * The address's canonical string form, used in a message body and in the
- * editor's own serialization.
- *
- * `buzz://` entity links already exist across this codebase, so a reader that
- * knows nothing about tiles still receives something meaningful rather than
- * broken markup — the reference degrades to a readable link instead of
- * disappearing.
- */
-export function formatTileAddress(address: TileAddress): string {
-  return `buzz://${address.kind}/${address.id}`;
-}
-
-const ADDRESS_PATTERN = /^buzz:\/\/([a-z]+)\/([A-Za-z0-9._:-]+)$/;
-
-/** Parses a canonical address, or returns null when the text is not one. */
-export function parseTileAddress(value: string): TileAddress | null {
-  const match = ADDRESS_PATTERN.exec(value.trim());
-  if (!match) return null;
-  const [, kind, id] = match;
-  if (!isTileKind(kind) || id.length === 0) return null;
-  return { kind, id };
-}
-
-/** Stable key for maps and React keys. Not a display value. */
-export function tileAddressKey(address: TileAddress): string {
-  return `${address.kind}:${address.id}`;
-}
-
-export function sameTileAddress(a: TileAddress, b: TileAddress): boolean {
-  return a.kind === b.kind && a.id === b.id;
-}
diff --git a/desktop-new/src/shared/ui/InlineChip.tsx b/desktop-new/src/shared/ui/InlineChip.tsx
new file mode 100644
index 0000000000..9c89ff6754
--- /dev/null
+++ b/desktop-new/src/shared/ui/InlineChip.tsx
@@ -0,0 +1,125 @@
+import { IconLink, IconMessageCircle } from "@tabler/icons-react";
+import { useSyncExternalStore } from "react";
+
+import type { ChipAddress, ChipKind } from "@/shared/chips/address";
+import {
+  CHIP_KIND_TRIGGER,
+  type ChipFace,
+  chipFaces,
+} from "@/shared/chips/faceResolver";
+
+/**
+ * A reference to a person, agent, channel, message, or link, shown inline in a
+ * sentence.
+ *
+ * One component serves both the composer and the conversation. Two
+ * implementations of one face drift, and a reference that looks different
+ * depending on whether it is being written or being read is the kind of
+ * disconnected feature this client exists to avoid.
+ *
+ * A chip is an object, not styled text: the caret cannot sit inside it, one
+ * deletion removes it whole, and it carries its identity rather than its name.
+ * The label is resolved from the address at render time, so a rename updates
+ * every chip without editing anyone's draft.
+ */
+
+/**
+ * Icons only for the kinds a reader cannot identify from the label.
+ *
+ * A person and an agent are introduced by `@`, a channel by `#` — those sigils
+ * are the identification, so adding a glyph would say the same thing twice. A
+ * message and a link have no such convention.
+ */
+const KIND_ICON: Partial<Record<ChipKind, typeof IconLink>> = {
+  message: IconMessageCircle,
+  link: IconLink,
+};
+
+/** Subscribes to face changes so a rename repaints without a document edit. */
+function useChipFace(address: ChipAddress): ChipFace {
+  return useSyncExternalStore(
+    (listener) => chipFaces.subscribe(listener),
+    () => chipFaces.get(address),
+  );
+}
+
+export function InlineChip({
+  address,
+  interactive = true,
+  onActivate,
+}: {
+  address: ChipAddress;
+  /**
+   * Whether the chip is a control. Read-only contexts pass false so a chip
+   * does not claim an interactive screen-reader stop it cannot honour.
+   */
+  interactive?: boolean;
+  onActivate?: (address: ChipAddress) => void;
+}) {
+  const face = useChipFace(address);
+  const Icon = KIND_ICON[address.kind];
+  const trigger = CHIP_KIND_TRIGGER[address.kind];
+
+  const content = (
+    <>
+      {Icon ? <Icon className="inline-chip-icon" aria-hidden="true" /> : null}
+      <span className="inline-chip-label">
+        {trigger}
+        {face.label}
+      </span>
+    </>
+  );
+
+  // A chip carries one accessible name that states what it refers to. Its icon
+  // is decorative — the label already says it, and a second owner of the same
+  // name produces a duplicate screen-reader stop.
+  //
+  // An unresolved face has no name to announce, and announcing an abbreviated
+  // identity tells a screen-reader user nothing. Say the kind is unresolved
+  // instead; the visible fallback is a recognition aid, not a name.
+  const accessibleName = face.resolved
+    ? `${accessibleKind(address.kind)} ${face.label}`
+    : `Unresolved ${accessibleKind(address.kind).toLowerCase()}`;
+
+  const state = face.resolved ? undefined : "unresolved";
+
+  // An unresolved reference has nothing to open, so it is never a control
+  // however it was asked for — a chip that looks actionable and does nothing
+  // is worse than one that looks inert.
+  if (!interactive || !face.resolved) {
+    return (
+      <span
+        className="inline-chip"
+        data-kind={address.kind}
+        data-state={state}
+        aria-label={accessibleName}
+        role="img"
+      >
+        {content}
+      </span>
+    );
+  }
+
+  return (
+    <button
+      type="button"
+      className="inline-chip"
+      data-kind={address.kind}
+      aria-label={accessibleName}
+      // Keeps the caret in the editor. A control that takes focus moves the
+      // caret out and silently breaks every keyboard behaviour after it.
+      onMouseDown={(event) => event.preventDefault()}
+      onClick={() => onActivate?.(address)}
+    >
+      {content}
+    </button>
+  );
+}
+
+function accessibleKind(kind: ChipKind): string {
+  if (kind === "channel") return "Channel";
+  if (kind === "agent") return "Agent";
+  if (kind === "message") return "Message";
+  if (kind === "link") return "Link";
+  return "Person";
+}
diff --git a/desktop-new/src/shared/ui/InlineTile.tsx b/desktop-new/src/shared/ui/InlineTile.tsx
deleted file mode 100644
index 66ddd7dcd6..0000000000
--- a/desktop-new/src/shared/ui/InlineTile.tsx
+++ /dev/null
@@ -1,128 +0,0 @@
-import { IconHash, IconRobot, IconUser } from "@tabler/icons-react";
-import { useSyncExternalStore } from "react";
-
-import type { TileAddress, TileKind } from "@/shared/tiles/address";
-import {
-  TILE_KIND_TRIGGER,
-  type TileFace,
-  tileFaces,
-} from "@/shared/tiles/faceResolver";
-
-/**
- * A reference to a person, agent, or channel, shown inline in a sentence.
- *
- * One component serves both the composer and the conversation. Two
- * implementations of one face drift, and a reference that looks different
- * depending on whether it is being written or being read is the kind of
- * disconnected feature this client exists to avoid.
- *
- * A tile is an object, not styled text: the caret cannot sit inside it, one
- * deletion removes it whole, and it carries its identity rather than its name.
- * The label is resolved from the address at render time, so a rename updates
- * every tile without editing anyone's draft.
- */
-
-const KIND_ICON: Record<TileKind, typeof IconUser> = {
-  person: IconUser,
-  agent: IconRobot,
-  channel: IconHash,
-};
-
-/** Subscribes to face changes so a rename repaints without a document edit. */
-function useTileFace(address: TileAddress): TileFace {
-  return useSyncExternalStore(
-    (listener) => tileFaces.subscribe(listener),
-    () => tileFaces.get(address),
-  );
-}
-
-export function InlineTile({
-  address,
-  interactive = true,
-  onActivate,
-}: {
-  address: TileAddress;
-  /**
-   * Whether the tile is a control. Read-only contexts pass false so a tile
-   * does not claim an interactive screen-reader stop it cannot honour.
-   */
-  interactive?: boolean;
-  onActivate?: (address: TileAddress) => void;
-}) {
-  const face = useTileFace(address);
-  const Icon = KIND_ICON[address.kind];
-  const trigger = TILE_KIND_TRIGGER[address.kind];
-
-  const content = (
-    <>
-      {face.avatarUrl ? (
-        <img
-          className="inline-tile-avatar"
-          src={face.avatarUrl}
-          alt=""
-          aria-hidden="true"
-        />
-      ) : (
-        <Icon className="inline-tile-icon" aria-hidden="true" />
-      )}
-      <span className="inline-tile-label">
-        {trigger}
-        {face.label}
-      </span>
-      {face.status ? (
-        <span
-          className="inline-tile-status"
-          data-status={face.status}
-          aria-hidden="true"
-        />
-      ) : null}
-    </>
-  );
-
-  // A tile carries one accessible name that states what it refers to. Its
-  // avatar, icon, and status dot are decorative — the label already says it,
-  // and a second owner of the same name produces a duplicate reader stop.
-  //
-  // An unresolved face has no name to announce, and announcing an abbreviated
-  // identity tells a screen-reader user nothing. Say the kind is unresolved
-  // instead; the visible fallback is a recognition aid, not a name.
-  const accessibleName = face.resolved
-    ? `${accessibleKind(address.kind)} ${face.label}`
-    : `Unresolved ${accessibleKind(address.kind).toLowerCase()}`;
-
-  if (!interactive) {
-    return (
-      <span
-        className="inline-tile"
-        data-kind={address.kind}
-        data-loading={face.loading || undefined}
-        aria-label={accessibleName}
-        role="img"
-      >
-        {content}
-      </span>
-    );
-  }
-
-  return (
-    <button
-      type="button"
-      className="inline-tile"
-      data-kind={address.kind}
-      data-loading={face.loading || undefined}
-      aria-label={accessibleName}
-      // Keeps the caret in the editor. A control that takes focus moves the
-      // caret out and silently breaks every keyboard behaviour after it.
-      onMouseDown={(event) => event.preventDefault()}
-      onClick={() => onActivate?.(address)}
-    >
-      {content}
-    </button>
-  );
-}
-
-function accessibleKind(kind: TileKind): string {
-  if (kind === "channel") return "Channel";
-  if (kind === "agent") return "Agent";
-  return "Person";
-}
diff --git a/desktop-new/src/shared/ui/registry.ts b/desktop-new/src/shared/ui/registry.ts
index 658e1b2622..b29a72dd89 100644
--- a/desktop-new/src/shared/ui/registry.ts
+++ b/desktop-new/src/shared/ui/registry.ts
@@ -39,12 +39,12 @@ export const COMPONENTS: readonly ComponentDefinition[] = [
     owner: "desktop-new Messages",
   },
   {
-    slug: "inline-tile",
-    name: "InlineTile",
+    slug: "inline-chip",
+    name: "InlineChip",
     purpose:
-      "A reference to a person, agent, or channel shown inline in a sentence.",
+      "A reference to a person, agent, channel, message, or link shown inline in a sentence.",
     behavior: "Semantic native button or image role",
-    variants: ["person", "agent", "channel"],
+    variants: ["person", "agent", "channel", "message", "link"],
     status: "proposed",
     owner: "desktop-new Messages",
   },
diff --git a/desktop-new/tests/composer-spike.spec.ts b/desktop-new/tests/composer-spike.spec.ts
index a8de10e9ad..5ce39bcef9 100644
--- a/desktop-new/tests/composer-spike.spec.ts
+++ b/desktop-new/tests/composer-spike.spec.ts
@@ -5,7 +5,7 @@ import { expect, test, type Page } from "@playwright/test";
  *
  * Answers one question before the composer is designed: does staged character
  * input — Japanese, Korean, Chinese — survive directly beside an inline atom
- * tile? These languages assemble characters in a composition session before
+ * chip? These languages assemble characters in a composition session before
  * committing them, and an inline non-editable box is where that assembly is
  * documented to break (lexical#7985, lexical#6296).
  *
@@ -69,7 +69,7 @@ function read(page: Page): Promise<SpikeRead> {
   });
 }
 
-async function tileCount(page: Page): Promise<number> {
+async function chipCount(page: Page): Promise<number> {
   return (await read(page)).addresses.length;
 }
 
@@ -81,13 +81,13 @@ async function text(page: Page): Promise<string> {
   return (await read(page)).text;
 }
 
-test.describe("composition input beside an inline tile", () => {
-  test("composes Japanese immediately after a tile", async ({ page }) => {
+test.describe("composition input beside an inline chip", () => {
+  test("composes Japanese immediately after a chip", async ({ page }) => {
     await openSpike(page);
     const ime = await imeFor(page);
 
     await page.getByTestId("insert-morgan").click();
-    expect(await tileCount(page)).toBe(1);
+    expect(await chipCount(page)).toBe(1);
     const before = await addresses(page);
 
     // Compose "にほんご" the way an IME does: staged, then committed.
@@ -96,12 +96,12 @@ test.describe("composition input beside an inline tile", () => {
     await ime.setComposition("にほん");
     await ime.commit("にほんご");
 
-    expect(await tileCount(page)).toBe(1);
+    expect(await chipCount(page)).toBe(1);
     expect(await addresses(page)).toEqual(before);
     expect(await text(page)).toContain("にほんご");
   });
 
-  test("composes Korean immediately before a leading tile", async ({
+  test("composes Korean immediately before a leading chip", async ({
     page,
   }) => {
     await openSpike(page);
@@ -110,40 +110,40 @@ test.describe("composition input beside an inline tile", () => {
     await page.getByTestId("insert-morgan").click();
     const before = await addresses(page);
 
-    // Caret to the very start, in front of the tile that opens the document.
+    // Caret to the very start, in front of the chip that opens the document.
     await page.keyboard.press("Home");
 
     await ime.setComposition("ㅎ");
     await ime.setComposition("하");
     await ime.commit("한국어");
 
-    expect(await tileCount(page)).toBe(1);
+    expect(await chipCount(page)).toBe(1);
     expect(await addresses(page)).toEqual(before);
     expect(await text(page)).toContain("한국어");
   });
 
-  test("composes Chinese between two adjacent tiles", async ({ page }) => {
+  test("composes Chinese between two adjacent chips", async ({ page }) => {
     await openSpike(page);
     const ime = await imeFor(page);
 
     await page.getByTestId("insert-morgan").click();
     await page.getByTestId("insert-alex").click();
-    expect(await tileCount(page)).toBe(2);
+    expect(await chipCount(page)).toBe(2);
     const before = await addresses(page);
 
-    // Land between the two tiles: one press back from the end.
+    // Land between the two chips: one press back from the end.
     await page.keyboard.press("ArrowLeft");
 
     await ime.setComposition("z");
     await ime.setComposition("zh");
     await ime.commit("中文");
 
-    expect(await tileCount(page)).toBe(2);
+    expect(await chipCount(page)).toBe(2);
     expect(await addresses(page)).toEqual(before);
     expect(await text(page)).toContain("中文");
   });
 
-  test("backspace mid-composition beside a tile leaves the tile intact", async ({
+  test("backspace mid-composition beside a chip leaves the chip intact", async ({
     page,
   }) => {
     await openSpike(page);
@@ -158,14 +158,14 @@ test.describe("composition input beside an inline tile", () => {
     await ime.setComposition("");
     await page.keyboard.press("Backspace");
 
-    // The tile may or may not be deleted by that Backspace — either is a
+    // The chip may or may not be deleted by that Backspace — either is a
     // defensible product choice. What must not happen is a corrupted document.
     const after = await addresses(page);
     expect(after.length === before.length || after.length === 0).toBe(true);
     for (const address of after) expect(before).toContain(address);
   });
 
-  test("committed composition does not alter a tile's address", async ({
+  test("committed composition does not alter a chip's address", async ({
     page,
   }) => {
     await openSpike(page);
@@ -182,13 +182,13 @@ test.describe("composition input beside an inline tile", () => {
   });
 });
 
-test.describe("caret boundaries around an inline tile", () => {
+test.describe("caret boundaries around an inline chip", () => {
   // The keyboard route to the leading boundary WORKS with the production node
-  // view, in both engines. An earlier harness that rendered the tile as static
+  // view, in both engines. An earlier harness that rendered the chip as static
   // markup failed this — so the node view is not merely a nicer rendering, it
   // repaired a caret boundary. Both Home and ArrowLeft are covered because
   // keyboard routes must not diverge.
-  test("Home then typing lands before a leading tile", async ({ page }) => {
+  test("Home then typing lands before a leading chip", async ({ page }) => {
     await openSpike(page);
     await page.getByTestId("insert-morgan").click();
 
@@ -202,19 +202,19 @@ test.describe("caret boundaries around an inline tile", () => {
   });
 
   // EXPECTED FAILURE, and now the only known caret gap. A pointer click on the
-  // left edge of a leading tile lands after it, in Chromium and WebKit alike —
+  // left edge of a leading chip lands after it, in Chromium and WebKit alike —
   // the documented browser defect (ProseMirror discuss #2538, #4502; Lexical
   // #6916). The keyboard routes above already work, so the boundary layer only
   // owes the pointer case. Remove `test.fail()` when it lands.
-  test("clicking a leading tile's left edge lands before it", async ({
+  test("clicking a leading chip's left edge lands before it", async ({
     page,
   }) => {
     test.fail();
     await openSpike(page);
     await page.getByTestId("insert-morgan").click();
 
-    const box = await page.locator(".inline-tile").first().boundingBox();
-    if (!box) throw new Error("Tile is not laid out");
+    const box = await page.locator(".inline-chip").first().boundingBox();
+    if (!box) throw new Error("Chip is not laid out");
     await page.mouse.click(box.x + 2, box.y + box.height / 2);
     await page.keyboard.type("L");
 
@@ -224,7 +224,7 @@ test.describe("caret boundaries around an inline tile", () => {
     );
   });
 
-  test("ArrowLeft reaches the position before a leading tile", async ({
+  test("ArrowLeft reaches the position before a leading chip", async ({
     page,
   }) => {
     await openSpike(page);
@@ -239,12 +239,12 @@ test.describe("caret boundaries around an inline tile", () => {
     );
   });
 
-  // Typing between two adjacent tiles is NONDETERMINISTIC in Chrome without a
+  // Typing between two adjacent chips is NONDETERMINISTIC in Chrome without a
   // boundary layer: across repeated runs the text sometimes lands between the
-  // tiles and sometimes after both. Asserting a position here would be a flaky
+  // chips and sometimes after both. Asserting a position here would be a flaky
   // test, so this asserts the invariant that always holds — the document is
   // never corrupted — and the boundary layer owns making the position reliable.
-  test("typing between two adjacent tiles never corrupts the document", async ({
+  test("typing between two adjacent chips never corrupts the document", async ({
     page,
   }) => {
     await openSpike(page);
@@ -254,7 +254,7 @@ test.describe("caret boundaries around an inline tile", () => {
     await page.keyboard.press("ArrowLeft");
     await page.keyboard.type("and");
 
-    expect(await tileCount(page)).toBe(2);
+    expect(await chipCount(page)).toBe(2);
     expect(await addresses(page)).toEqual([
       "person/pk-morgan",
       "person/pk-alex",
@@ -266,50 +266,50 @@ test.describe("caret boundaries around an inline tile", () => {
   // NOT bind the `atom: true` flag: a contentless node is already a leaf and
   // therefore already atomic (ProseMirror computes `isAtom` as
   // `isLeaf || spec.atom`). What this does bind is `selectable: false` —
-  // flipping that turns this red, because a selected tile is replaced by the
+  // flipping that turns this red, because a selected chip is replaced by the
   // next keystroke.
-  test("the caret cannot be placed inside a tile", async ({ page }) => {
+  test("the caret cannot be placed inside a chip", async ({ page }) => {
     await openSpike(page);
     await page.getByTestId("insert-morgan").click();
 
     // Aim at the visual middle of the label — inside it, if that were possible.
-    const box = await page.locator(".inline-tile").first().boundingBox();
-    if (!box) throw new Error("Tile is not laid out");
+    const box = await page.locator(".inline-chip").first().boundingBox();
+    if (!box) throw new Error("Chip is not laid out");
     await page.mouse.click(box.x + box.width / 2, box.y + box.height / 2);
     await page.keyboard.type("ZZ");
 
     // The address is untouched and the typed text never split the label.
     expect(await addresses(page)).toEqual(["person/pk-morgan"]);
     // The rendered face is intact: typing did not split the label.
-    await expect(page.locator(".inline-tile-label")).toHaveText("@Morgan");
+    await expect(page.locator(".inline-chip-label")).toHaveText("@Morgan");
   });
 
-  test("arrow traversal never lands inside a tile", async ({ page }) => {
+  test("arrow traversal never lands inside a chip", async ({ page }) => {
     await openSpike(page);
     await page.getByTestId("insert-morgan").click();
     await page.keyboard.press("End");
     await page.keyboard.type("x");
 
     // Walk left across the whole document. Whatever the caret does at the
-    // boundaries, it must never split the tile: its address stays intact and
-    // the tile count never changes.
+    // boundaries, it must never split the chip: its address stays intact and
+    // the chip count never changes.
     for (let i = 0; i < 4; i++) await page.keyboard.press("ArrowLeft");
 
-    expect(await tileCount(page)).toBe(1);
+    expect(await chipCount(page)).toBe(1);
     expect(await addresses(page)).toEqual(["person/pk-morgan"]);
   });
 
-  test("backspace from just after a tile removes the whole tile", async ({
+  test("backspace from just after a chip removes the whole chip", async ({
     page,
   }) => {
     await openSpike(page);
     await page.getByTestId("insert-morgan").click();
-    expect(await tileCount(page)).toBe(1);
+    expect(await chipCount(page)).toBe(1);
 
     await page.keyboard.press("End");
     await page.keyboard.press("Backspace");
 
-    expect(await tileCount(page)).toBe(0);
+    expect(await chipCount(page)).toBe(0);
   });
 });
 
@@ -335,8 +335,8 @@ test.describe("the address is the binding, not the name", () => {
     await page.keyboard.type(" and ");
     await page.getByTestId("insert-alex").click();
 
-    // Both tiles read "Morgan" and are still different references.
-    await expect(page.locator(".inline-tile-label")).toHaveText([
+    // Both chips read "Morgan" and are still different references.
+    await expect(page.locator(".inline-chip-label")).toHaveText([
       "@Morgan",
       "@Morgan",
     ]);
@@ -347,7 +347,7 @@ test.describe("the address is the binding, not the name", () => {
 
     // Rename one. The other is untouched, and neither address moved.
     await rename(page, "pk-alex", "Alex");
-    await expect(page.locator(".inline-tile-label")).toHaveText([
+    await expect(page.locator(".inline-chip-label")).toHaveText([
       "@Morgan",
       "@Alex",
     ]);
@@ -373,7 +373,7 @@ test.describe("the address is the binding, not the name", () => {
 
     const before = await read(page);
     await rename(page, "pk-morgan", "Morgan Mulvaney");
-    await expect(page.locator(".inline-tile-label")).toHaveText(
+    await expect(page.locator(".inline-chip-label")).toHaveText(
       "@Morgan Mulvaney",
     );
 
@@ -394,7 +394,7 @@ test.describe("the address is the binding, not the name", () => {
 
     // Undo is Meta+z on macOS. Using the wrong modifier silently does nothing
     // and the test would pass for the wrong reason.
-    // One undo step covers the typing; a second covers the tile insert. What
+    // One undo step covers the typing; a second covers the chip insert. What
     // matters is that undo walks the document the person authored and is not
     // perturbed by the rename at all.
     await page.keyboard.press(
@@ -410,20 +410,20 @@ test.describe("the address is the binding, not the name", () => {
   test("a name does not survive a community reset", async ({ page }) => {
     await openSpike(page);
     await page.getByTestId("insert-morgan").click();
-    await expect(page.locator(".inline-tile-label")).toHaveText("@Morgan");
+    await expect(page.locator(".inline-chip-label")).toHaveText("@Morgan");
 
     await resetFaces(page);
 
-    // The tile survives; only its name is forgotten. It falls back to an
+    // The chip survives; only its name is forgotten. It falls back to an
     // abbreviation, never the full identity, and announces itself as
     // unresolved rather than reading an abbreviation aloud.
-    await expect(page.locator(".inline-tile")).toHaveCount(1);
+    await expect(page.locator(".inline-chip")).toHaveCount(1);
     // The forgotten name is gone. (The stand-in is derived from the id, which
     // in this harness is short enough not to be abbreviated; the abbreviation
     // rule for real 64-character identities is covered in the unit tests.)
-    const label = await page.locator(".inline-tile-label").innerText();
+    const label = await page.locator(".inline-chip-label").innerText();
     expect(label).not.toContain("Morgan");
-    await expect(page.locator(".inline-tile")).toHaveAttribute(
+    await expect(page.locator(".inline-chip")).toHaveAttribute(
       "aria-label",
       "Unresolved person",
     );
@@ -435,7 +435,7 @@ test.describe("the address is the binding, not the name", () => {
   /**
    * The plain-text projection is the address. This is what a sent message
    * carries and what an agent reads, and it is why a reader that knows nothing
-   * about tiles still receives something meaningful.
+   * about chips still receives something meaningful.
    */
   test("the text projection is the address, never the label", async ({
     page,
diff --git a/desktop-new/tests/inline-chip.spec.ts b/desktop-new/tests/inline-chip.spec.ts
new file mode 100644
index 0000000000..c6631b768c
--- /dev/null
+++ b/desktop-new/tests/inline-chip.spec.ts
@@ -0,0 +1,152 @@
+import { expect, test, type Page } from "@playwright/test";
+
+/**
+ * InlineChip's rendered contract, asserted against the real specimen page so
+ * these bind the shipped component rather than a test-only copy.
+ */
+
+const SPECIMEN = "/design/components/inline-chip";
+
+async function open(page: Page) {
+  await page.goto(SPECIMEN);
+  await expect(
+    page.getByRole("heading", { name: "InlineChip", level: 1 }),
+  ).toBeVisible();
+}
+
+function group(page: Page, label: string) {
+  return page
+    .locator(".component-specimen-group")
+    .filter({ has: page.getByRole("heading", { name: label, exact: true }) });
+}
+
+test("draws every kind with its sigil, and an icon only where needed", async ({
+  page,
+}) => {
+  await open(page);
+  const kinds = group(page, "Kinds");
+
+  await expect(kinds.locator(".inline-chip-label")).toHaveText([
+    "@Morgan Martin",
+    "@Morgarita",
+    "#buzz-team",
+    "buzz-team",
+    "github.com/block/buzz",
+  ]);
+
+  // A person, agent, and channel are identified by their sigil, so adding a
+  // glyph would say the same thing twice. A message and link have no sigil.
+  const iconed = kinds.locator(".inline-chip", {
+    has: page.locator(".inline-chip-icon"),
+  });
+  await expect(iconed).toHaveCount(2);
+  await expect(iconed.first()).toHaveAttribute("data-kind", "message");
+  await expect(iconed.last()).toHaveAttribute("data-kind", "link");
+});
+
+test("names itself for assistive technology without speaking an identity", async ({
+  page,
+}) => {
+  await open(page);
+
+  await expect(
+    group(page, "Kinds").locator(".inline-chip").first(),
+  ).toHaveAttribute("aria-label", "Person Morgan Martin");
+
+  // An abbreviated identity read aloud tells a screen-reader user nothing.
+  const unresolved = group(page, "Unresolved reference").locator(
+    ".inline-chip",
+  );
+  await expect(unresolved).toHaveAttribute("aria-label", "Unresolved person");
+  const label = await unresolved.locator(".inline-chip-label").innerText();
+  expect(label).not.toContain("9f2c4a1b7e5d8306");
+});
+
+test("an unresolved reference is never a control", async ({ page }) => {
+  await open(page);
+
+  // Nothing to open, so it must not look or behave actionable however it was
+  // asked for. A chip that invites a click and does nothing is worse than one
+  // that reads as inert.
+  const unresolved = group(page, "Unresolved reference").locator(
+    ".inline-chip",
+  );
+  await expect(unresolved).toHaveAttribute("data-state", "unresolved");
+  await expect(unresolved).toHaveRole("img");
+});
+
+test("read-only chips claim no interactive stop", async ({ page }) => {
+  await open(page);
+
+  const readOnly = group(
+    page,
+    "Read-only, as a conversation renders it",
+  ).locator(".inline-chip");
+  await expect(readOnly).toHaveRole("img");
+  await expect(readOnly.locator("xpath=self::button")).toHaveCount(0);
+});
+
+test("activating a chip reports its address, not its label", async ({
+  page,
+}) => {
+  await open(page);
+  const activation = group(page, "Activation");
+
+  await expect(activation.getByText("Not activated")).toBeVisible();
+  await activation.locator(".inline-chip").click();
+  await expect(activation.getByText("Opened pk-morgan")).toBeVisible();
+});
+
+test("a long label truncates instead of stretching the line", async ({
+  page,
+}) => {
+  await open(page);
+  const chip = group(page, "Long label truncates").locator(".inline-chip");
+
+  const box = await chip.boundingBox();
+  if (!box) throw new Error("Chip is not laid out");
+  // Bounded by the component's max-width rather than growing to fit.
+  expect(box.width).toBeLessThan(280);
+
+  const label = chip.locator(".inline-chip-label");
+  const clipped = await label.evaluate(
+    (el) => el.scrollWidth > el.clientWidth + 1,
+  );
+  expect(clipped).toBe(true);
+});
+
+test("a chip never breaks across a line", async ({ page }) => {
+  await open(page);
+  const chips = group(page, "Wrapping across lines").locator(".inline-chip");
+
+  // Each chip occupies exactly one client rect: a break falls before or after
+  // it, never through its middle.
+  for (const chip of await chips.all()) {
+    const rects = await chip.evaluate((el) => el.getClientRects().length);
+    expect(rects).toBe(1);
+  }
+});
+
+test("hover deepens the tint rather than changing the text", async ({
+  page,
+}) => {
+  await open(page);
+  const chip = group(page, "Activation").locator(".inline-chip");
+
+  const read = () =>
+    chip.evaluate((el) => {
+      const s = getComputedStyle(el);
+      return { bg: s.backgroundColor, color: s.color };
+    });
+
+  const rest = await read();
+  await chip.hover();
+  await page.waitForFunction(
+    ([el, was]) => getComputedStyle(el as Element).backgroundColor !== was,
+    [await chip.elementHandle(), rest.bg] as const,
+  );
+  const hovered = await read();
+
+  expect(hovered.bg).not.toBe(rest.bg);
+  expect(hovered.color).toBe(rest.color);
+});

From cef97be05b12d46bac6cad303961357183f9145f Mon Sep 17 00:00:00 2001
From: morgmart <98432065+morgmart@users.noreply.github.com>
Date: Sun, 6 Sep 2026 19:12:35 -0700
Subject: [PATCH 14/33] desktop-new: add a palette layer beneath the colour
 families
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The colour system had three layers, and the middle one held two different kinds
of thing under one name. --neutral-1..12 is a real scale; --accent-2 and
--danger-9 are five specific jobs (tint, tint-hover, border, fill, text) wearing
ramp-style numbering. So --accent-2 read as 'a light purple' when it meant 'the
surface an accent tint sits on'.

Underneath it was 114 hand-picked hex values with nothing enforcing that two
tokens doing the same job agreed. They drifted: --accent-2 and --tint-purple were
the same purple in light mode and two different purples in dark. I introduced
that yesterday and did not notice.

Four layers now:
  0 palette    --palette-purple-3   every hue, 12 steps, authored per mode
  1 families   --accent-tint        the five jobs a hue does, named not numbered
  2 roles      --bg-accent-tint     what a thing is in the interface
  3 components bg-accent-tint       Tailwind utilities

Dark stops being freehand. A family points at a palette step and .dark redefines
the whole palette, so 50 hand-picked dark values are simply gone.

This also answers a concrete trap. Tailwind's purple gets MORE saturated as it
descends (950 is 87% saturation), so a dark tint drawn from its bottom end reads
as oversaturated, and the only way to reach a muted deep purple was to write
purple-950/50 in a component. That value is correct — it composites to within a
few percent of the palette step now in use — but as an expression it has no name,
no light/dark pair, and nothing the contrast guard can measure. The palette's
dark ramps are authored for dark surfaces, so it is a step you pick.

New scripts/check-color.mjs enforces it: rejects opacity modifiers on colour
utilities, color-mix() and alpha rgb()/hsl() in component code, components
reaching past the role layer, and the layering itself — palette steps must be
literals, family steps must reference the palette, two tokens doing one job must
resolve to one step, and dark must not restate families. Falsified by
reintroducing the original drift and each other failure mode in turn.

Values are Radix Colors (MIT), transcribed rather than depended on; Radix is not
on Block's Tech Radar so this is a values-only copy with no package. Its
twelve-step contract is the one this system already described in comments, step
for step. Two documented divergences, both found by the contrast guard: family
text takes step 12 rather than the 11 Radix names 'low-contrast text' (Radix
sizes 11 for WCAG 4.5:1; every hue's 11 measured Lc 55-61 against our Lc 60
target), and dark neutral surfaces stay hand-authored because they were sized
against the real panel stack.

The colour page now renders the palette, so picking a step is visual.

Signed-off-by: morgmart <98432065+morgmart@users.noreply.github.com>
---
 desktop-new/AGENTS.md                         |  49 +-
 desktop-new/DESIGN.md                         |   4 +
 desktop-new/package.json                      |   5 +-
 desktop-new/scripts/check-color.mjs           | 332 ++++++++++++
 .../features/design-system/ui/ColourPage.tsx  |  59 +-
 desktop-new/src/shared/styles/tokens.css      | 507 +++++++++++++-----
 desktop-new/src/shared/tokens/registry.ts     | 103 +++-
 7 files changed, 896 insertions(+), 163 deletions(-)
 create mode 100644 desktop-new/scripts/check-color.mjs

diff --git a/desktop-new/AGENTS.md b/desktop-new/AGENTS.md
index 6654001a0c..98ee74dceb 100644
--- a/desktop-new/AGENTS.md
+++ b/desktop-new/AGENTS.md
@@ -32,9 +32,10 @@ Port 1430, so it can run alongside the existing client on 1420.
 
 ```bash
 pnpm typecheck      # tsc --noEmit
-pnpm check          # biome + the type-system and contrast guards
+pnpm check          # biome + the type, contrast, and colour guards
 pnpm check:type     # the type-system guard alone
 pnpm check:contrast # the contrast guard alone
+pnpm check:color    # the colour-system guard alone
 pnpm biome check --write .   # auto-fix
 ```
 
@@ -64,6 +65,52 @@ not the WCAG 2 ratio — see DESIGN.md § Contrast for the evidence, and note th
 consequence: a pairing can pass WCAG AA and still fail here, which is the point.
 `#8f8f8f` on `#1c1c1c` scores WCAG 5.27:1 and APCA Lc 40.
 
+`scripts/check-color.mjs` enforces one rule: **opacity is not how you reach a
+subtler colour.** It rejects an opacity modifier on a colour utility
+(`bg-accent-tint/50`), `color-mix()` and alpha `rgb()`/`hsl()` in component
+code, and any component reaching past the role layer to a palette or family
+token. It exists because of a real near-miss: the accent tint was right in light
+mode and oversaturated in dark, and the obvious fix was `purple-950/50`. That
+value is *correct* — it composites to almost exactly the palette step now in
+use — but as an expression in a component it has no name, no light/dark pair,
+and nothing the contrast guard can measure. A missing shade is a missing palette
+step. Genuine translucency is a separate axis with its own tokens (`glass-*`),
+and the token file is the one place alpha is legitimately baked into a value.
+
+---
+
+## Colour layers
+
+Four layers, and only the role layer is used when building a screen:
+
+| Layer | Example | What it is |
+|---|---|---|
+| **0 palette** | `--palette-purple-3` | Every hue, twelve steps, authored per mode. The only place a literal lives. |
+| **1 families** | `--accent-tint` | The five jobs a hue does: tint, tint-hover, border, fill, text. |
+| **2 roles** | `--bg-accent-tint` | What a thing *is* in the interface. The only public layer. |
+| **3 components** | `bg-accent-tint` | Tailwind utilities. |
+
+The palette was added after the families accumulated 114 hand-picked hex values
+with nothing enforcing that two tokens doing the same job agreed — and they
+drifted: `accent-2` and `tint-purple` were the same purple in light mode and two
+different purples in dark. Referencing a step cannot drift that way, and
+`src/shared/tokens/palette.test.ts` asserts it.
+
+Family steps are **named for their job, not numbered**. `--accent-2` invited
+reading as "a light purple" when it means "the surface an accent tint sits on".
+
+Palette values are Radix Colors (MIT), transcribed rather than depended on —
+Radix is not on Block's Tech Radar, so this is a values-only copy with no
+package. Its twelve-step contract is the one this system already described in
+comments, step for step. Two deliberate divergences, both documented in
+`tokens.css`: family **text** takes step 12 rather than the 11 Radix names
+"low-contrast text" (Radix sizes 11 for WCAG 4.5:1; every hue's step 11 measured
+Lc 55–61 against this system's Lc 60 target), and the **dark neutral surfaces**
+stay hand-authored because they were sized against the real panel stack.
+
+To change the accent hue, point the five `--accent-*` families at a different
+palette hue. Nothing above them knows the colour.
+
 ---
 
 ## Stack, and why
diff --git a/desktop-new/DESIGN.md b/desktop-new/DESIGN.md
index 4d660bba5f..f1d8241589 100644
--- a/desktop-new/DESIGN.md
+++ b/desktop-new/DESIGN.md
@@ -88,6 +88,10 @@ Buzz is a place where people build together and bring their agents into the room
 - **Accent is signal, never structure.** Reaching for an accent surface where a neutral one belongs is the most common way a functional screen starts to look decorated.
 - **Never use a status colour decoratively.** A green that does not mean success teaches people to stop trusting green.
 - **Categorical colours are the one place appearance-naming is allowed.** Telling two projects apart genuinely is a choice about appearance.
+- **Opacity is not how you reach a subtler colour.** If a tint looks too strong, take a different palette step — do not dim a stronger one. `purple-950/50` composites to a real, correct colour, which is exactly the trap: it is a colour decision with no name, no light/dark pair, and nothing the contrast guard can measure. A missing shade is a missing palette step, and adding one is an ordinary reviewed edit. `scripts/check-color.mjs` enforces this.
+- **Transparency is a different axis from shade, and it has its own tokens.** `glass-*` exists for surfaces something must show through. Alpha baked into a named value at the palette layer is the system working; alpha applied to a token in a component is not.
+- **A dark value is authored, never derived.** A hue's dark steps are not its light steps darkened or dimmed — Tailwind's purple gets *more* saturated as it descends, so a dark tint drawn from its bottom end reads as oversaturated. This is why the palette holds two authored ramps per hue rather than one ramp and a transform.
+- **Two tokens doing the same job must resolve to the same step, not merely to the same value.** Matching literals drift; a shared reference cannot. The accent tint and the categorical purple were the same colour in light mode and two different colours in dark, and nothing caught it because both were hand-picked.
 
 ## Contrast
 
diff --git a/desktop-new/package.json b/desktop-new/package.json
index 8e328d1d28..b9b58f3b95 100644
--- a/desktop-new/package.json
+++ b/desktop-new/package.json
@@ -9,13 +9,14 @@
     "typecheck": "tsc --noEmit",
     "preview": "vite preview",
     "lint": "biome lint .",
-    "check": "biome check . && node scripts/check-type.mjs && node scripts/check-contrast.mjs",
+    "check": "biome check . && node scripts/check-type.mjs && node scripts/check-contrast.mjs && node scripts/check-color.mjs",
     "format": "biome format --write .",
     "check:type": "node scripts/check-type.mjs",
     "check:contrast": "node scripts/check-contrast.mjs",
     "test": "vitest run src",
     "test:e2e": "playwright test",
-    "tauri:dev": "node ../desktop/scripts/tauri-command.mjs dev --config ../desktop-new/tauri.conf.json --config ../desktop/src-tauri/tauri.dev.conf.json"
+    "tauri:dev": "node ../desktop/scripts/tauri-command.mjs dev --config ../desktop-new/tauri.conf.json --config ../desktop/src-tauri/tauri.dev.conf.json",
+    "check:color": "node scripts/check-color.mjs"
   },
   "dependencies": {
     "@base-ui/react": "1.7.0",
diff --git a/desktop-new/scripts/check-color.mjs b/desktop-new/scripts/check-color.mjs
new file mode 100644
index 0000000000..1c33035b80
--- /dev/null
+++ b/desktop-new/scripts/check-color.mjs
@@ -0,0 +1,332 @@
+#!/usr/bin/env node
+/**
+ * Colour-system guard.
+ *
+ * One rule, and it exists because of a specific near-miss: the accent tint
+ * looked right in light mode at Tailwind's `purple-100`, but its dark
+ * counterpart looked oversaturated, and the obvious fix was to write
+ * `purple-950/50` — dim a too-strong colour until it looks subtle.
+ *
+ * That value was not wrong. `purple-950/50` composites to roughly the same
+ * muted deep purple the palette now holds as a step, and two independent
+ * attempts landed within a few percent of it. The problem is where it lives: an
+ * opacity expression inside a component is a colour decision with no name, no
+ * light/dark pair, and no way for the contrast guard to measure it.
+ *
+ * So the rule is not "never use opacity". It is: **opacity is not how you reach
+ * a lighter or subtler colour.** If a step is missing, add it to the palette —
+ * that is a reviewed diff instead of a value buried in a class list.
+ *
+ * Genuine translucency, where something behind must show through, is a
+ * different axis and has its own tokens: `glass-*`, and the `--texture-*` and
+ * shadow values that bake alpha into a literal.
+ *
+ * It also audits the layering itself: that the palette is the only place a
+ * literal lives, that a family step references a palette step rather than
+ * holding its own value, and that two tokens doing the same job resolve to the
+ * same step rather than merely to the same value today. That last one is not
+ * hypothetical — `accent-2` and `tint-purple` were the same purple in light mode
+ * and two different purples in dark, and nothing caught it because both were
+ * hand-picked.
+ *
+ * Run: pnpm check:color
+ */
+
+import { readdirSync, readFileSync, statSync } from "node:fs";
+import { join, relative } from "node:path";
+
+const SRC = new URL("../src", import.meta.url).pathname;
+const TOKENS_FILE = new URL("../src/shared/styles/tokens.css", import.meta.url)
+  .pathname;
+
+/**
+ * Colour utilities that may not carry an opacity modifier.
+ *
+ * Deliberately the colour-bearing prefixes only. `opacity-50` on a whole
+ * element is a legitimate way to fade a thing out, and `bg-black/50` on a
+ * scrim is genuine translucency — the first is not a colour choice and the
+ * second is caught by review, not by this guard.
+ */
+const COLOR_PREFIXES = [
+  "bg",
+  "text",
+  "border",
+  "ring",
+  "fill",
+  "stroke",
+  "shadow",
+  "outline",
+  "divide",
+  "decoration",
+  "accent",
+  "caret",
+  "from",
+  "via",
+  "to",
+];
+
+/**
+ * `bg-accent-tint/50`, `text-primary/80`. The slash-number form is Tailwind's
+ * opacity modifier, and on a colour utility it always means "I want a different
+ * shade of this".
+ */
+const OPACITY_MODIFIER = new RegExp(
+  String.raw`\b(?:${COLOR_PREFIXES.join("|")})-[a-z0-9-]+\/(\d{1,3}|\[[^\]]+\])`,
+  "g",
+);
+
+/**
+ * `color-mix(in srgb, var(--x) 50%, transparent)` and friends: the same move
+ * spelled in CSS. Also catches raw `rgba()`/`hsla()` with a fractional alpha on
+ * a colour property.
+ */
+const CSS_MIXERS = [
+  { pattern: /color-mix\s*\(/g, what: "color-mix()" },
+  { pattern: /\brgba?\([^)]*\/\s*0?\.\d+\s*\)/g, what: "rgb() with alpha" },
+  { pattern: /\brgba\([^)]*,\s*0?\.\d+\s*\)/g, what: "rgba()" },
+  { pattern: /\bhsla?\([^)]*[,/]\s*0?\.\d+\s*\)/g, what: "hsl() with alpha" },
+];
+
+/**
+ * A component may not name a palette or family token directly. Only the role
+ * layer is public — the palette is where values live and families are the jobs
+ * a hue does, but a screen is built from what a thing *is*.
+ */
+const PRIVATE_TOKEN =
+  /var\(\s*--(palette-[a-z]+-\d+|(?:accent|danger|success|warning|info)-(?:tint|tint-hover|border|fill|text)|neutral-\d+|glass-\d+)\s*\)/g;
+
+/**
+ * Files exempt from the private-token rule, with the reason.
+ *
+ * The token file defines the layers, so it necessarily references them. The
+ * design-system pages exist to *show* the ramps, so they resolve token names on
+ * purpose — that is their subject matter, not a shortcut.
+ */
+const PRIVATE_TOKEN_ALLOWED = new Map([
+  ["shared/styles/tokens.css", "Defines the layers it references."],
+  [
+    "shared/tokens/registry.ts",
+    "Documents the ramps; the token names are its content.",
+  ],
+  [
+    "features/design-system/useResolvedToken.ts",
+    "Resolves ramp steps so the design-system pages can display them.",
+  ],
+]);
+
+/**
+ * Files where building a colour value IS the job, with the reason.
+ *
+ * The token file is the one place alpha is legitimately baked into a literal —
+ * glass fills, dot textures, shadow colours. That is the documented other side
+ * of the rule: transparency for genuine see-through lives inside a value, at
+ * the bottom layer, named.
+ */
+const MIXER_ALLOWED = new Map([
+  [
+    "shared/styles/tokens.css",
+    "Bakes alpha into named values (glass, texture, shadow) — the layer where that belongs.",
+  ],
+]);
+
+/** Specific `path:line` escapes, each with a reason. */
+const OVERRIDES = new Map();
+
+const failures = [];
+
+function walk(dir) {
+  for (const entry of readdirSync(dir)) {
+    const full = join(dir, entry);
+    if (statSync(full).isDirectory()) {
+      walk(full);
+      continue;
+    }
+    if (!/\.(tsx?|css)$/.test(entry)) continue;
+    check(full);
+  }
+}
+
+function check(file) {
+  const rel = relative(SRC, file);
+  const lines = readFileSync(file, "utf8").split("\n");
+
+  lines.forEach((line, index) => {
+    const at = `${rel}:${index + 1}`;
+    if (OVERRIDES.has(at)) return;
+    // A comment explaining the rule is not a violation of it.
+    const code = line.replace(/\/\*.*?\*\//g, "").replace(/\/\/.*$/, "");
+
+    for (const match of code.matchAll(OPACITY_MODIFIER)) {
+      failures.push({
+        at,
+        found: match[0],
+        why: "Opacity is not how you reach a subtler colour. Add a palette step, or use a different step.",
+      });
+    }
+
+    for (const { pattern, what } of MIXER_ALLOWED.has(rel) ? [] : CSS_MIXERS) {
+      for (const match of code.matchAll(pattern)) {
+        failures.push({
+          at,
+          found: match[0],
+          why: `${what} builds a colour instead of naming one. Add a palette step; bake alpha into a value only for genuine translucency.`,
+        });
+      }
+    }
+
+    if (!PRIVATE_TOKEN_ALLOWED.has(rel)) {
+      for (const match of code.matchAll(PRIVATE_TOKEN)) {
+        failures.push({
+          at,
+          found: match[0],
+          why: "Palette and family tokens are private. Build screens from role tokens.",
+        });
+      }
+    }
+  });
+}
+
+walk(SRC);
+auditLayers();
+
+/**
+ * The layering rules, measured against `tokens.css` rather than a copied list,
+ * so this cannot drift from the system it audits.
+ */
+function auditLayers() {
+  const css = readFileSync(TOKENS_FILE, "utf8");
+  const rel = "shared/styles/tokens.css";
+
+  /** Every `:root` or `.dark` block, concatenated. One per layer, so several. */
+  const blocksFor = (selector) => {
+    const out = [];
+    const pattern = new RegExp(`${selector.replace(".", "\\.")}\\s*\\{`, "g");
+    for (const match of css.matchAll(pattern)) {
+      let depth = 1;
+      let i = match.index + match[0].length;
+      const start = i;
+      while (i < css.length && depth > 0) {
+        if (css[i] === "{") depth += 1;
+        else if (css[i] === "}") depth -= 1;
+        i += 1;
+      }
+      out.push(css.slice(start, i - 1));
+    }
+    return out.join("\n");
+  };
+
+  const modes = { light: blocksFor(":root"), dark: blocksFor(".dark") };
+  const read = (block, name) =>
+    new RegExp(`^\\s*${name}:\\s*([^;]+);`, "m").exec(block)?.[1].trim();
+
+  const HUES = [
+    "gray",
+    "purple",
+    "red",
+    "green",
+    "amber",
+    "blue",
+    "cyan",
+    "orange",
+  ];
+  const FAMILIES = ["accent", "danger", "success", "warning", "info"];
+  const JOBS = ["tint", "tint-hover", "border", "fill", "text"];
+  const CATEGORICAL = [
+    ["--tint-purple", "--accent-tint"],
+    ["--tint-red", "--danger-tint"],
+    ["--tint-green", "--success-tint"],
+    ["--tint-blue", "--info-tint"],
+  ];
+
+  // 1. Every palette step exists in both modes and holds a literal.
+  for (const hue of HUES) {
+    for (let step = 1; step <= 12; step += 1) {
+      const name = `--palette-${hue}-${step}`;
+      for (const [mode, block] of Object.entries(modes)) {
+        const value = read(block, name);
+        if (!value) {
+          failures.push({
+            at: `${rel} (${mode})`,
+            found: name,
+            why: "Missing. Every palette step must be authored in both modes.",
+          });
+        } else if (!/^#[0-9a-f]{6}$/i.test(value)) {
+          failures.push({
+            at: `${rel} (${mode})`,
+            found: `${name}: ${value}`,
+            why: "A palette step holds a literal. Values live here and nowhere else.",
+          });
+        }
+      }
+    }
+  }
+
+  // 2. A family step references the palette; it never holds a value.
+  for (const family of FAMILIES) {
+    for (const job of JOBS) {
+      const name = `--${family}-${job}`;
+      for (const [mode, block] of Object.entries(modes)) {
+        const value = read(block, name);
+        // Absent in dark is correct: it inherits through the palette.
+        if (!value) continue;
+        if (!/^var\(--palette-[a-z]+-\d+\)$/.test(value)) {
+          failures.push({
+            at: `${rel} (${mode})`,
+            found: `${name}: ${value}`,
+            why: "A family step must reference a palette step, not hold a value.",
+          });
+        }
+      }
+    }
+  }
+
+  // 3. Two tokens doing one job resolve to one step. Matching values drift.
+  for (const [a, b] of CATEGORICAL) {
+    const left = read(modes.light, a);
+    const right = read(modes.light, b);
+    if (left && right && left !== right) {
+      failures.push({
+        at: rel,
+        found: `${a}: ${left}  vs  ${b}: ${right}`,
+        why: "Same job, different step. Point both at one palette step — this exact pair drifted between modes before the palette existed.",
+      });
+    }
+  }
+
+  // 4. Dark restates the palette, never the families.
+  for (const family of FAMILIES) {
+    for (const job of JOBS) {
+      if (read(modes.dark, `--${family}-${job}`)) {
+        failures.push({
+          at: `${rel} (dark)`,
+          found: `--${family}-${job}`,
+          why: "Restated in dark. A family inherits through the palette, which dark already redefines; restating it reopens the drift surface.",
+        });
+      }
+    }
+  }
+}
+
+if (failures.length === 0) {
+  console.log(
+    "✓ Colour: layers intact, no colour built by opacity, no private token used",
+  );
+  for (const [path, reason] of new Map([
+    ...PRIVATE_TOKEN_ALLOWED,
+    ...MIXER_ALLOWED,
+  ])) {
+    console.log(`  (exception) ${path} — ${reason}`);
+  }
+  process.exit(0);
+}
+
+console.error(`✗ Colour: ${failures.length} violation(s)\n`);
+for (const { at, found, why } of failures) {
+  console.error(`  ${at}`);
+  console.error(`        ${found}`);
+  console.error(`        ${why}\n`);
+}
+console.error(
+  "Add the step to the palette in tokens.css, or add a documented override\nin scripts/check-color.mjs with a reason. See DESIGN.md § Colour.",
+);
+process.exit(1);
diff --git a/desktop-new/src/features/design-system/ui/ColourPage.tsx b/desktop-new/src/features/design-system/ui/ColourPage.tsx
index 8d6ded2632..882be17afe 100644
--- a/desktop-new/src/features/design-system/ui/ColourPage.tsx
+++ b/desktop-new/src/features/design-system/ui/ColourPage.tsx
@@ -1,5 +1,6 @@
 import {
   EXCEPTIONS,
+  PALETTE,
   RAMPS,
   ROLE_GROUPS,
   type Role,
@@ -50,12 +51,46 @@ export function ColourPage() {
     <>
       <PageHeader
         title="Colour"
-        intro="Three layers, and only the role layer is ever used when building a screen. Private ramps hold values; public roles hold meanings. Everything below is rendered from the token registry, so a token added there appears here automatically and this page cannot drift from the system."
+        intro="Four layers, and only the role layer is ever used when building a screen. The palette holds values, families hold the jobs a hue does, roles hold meanings. Everything below is rendered from the token registry, so a token added there appears here automatically and this page cannot drift from the system."
       />
 
       <Section
-        title="Layer 1 — private ramps"
-        description="A ramp is a contrast instrument, not an assignment. It gives values with known perceptual relationships, so a role encodes a distance rather than a colour — which is what stays true when the palette changes. Components never reference these."
+        title="Layer 0 — palette"
+        description="Every hue, twelve steps, authored per mode — the only place a literal colour lives. It exists because the layer above it was 114 hand-picked values with nothing keeping two tokens that do the same job in agreement, and they drifted. Dark steps are authored for dark surfaces rather than derived by dimming light ones, so a subtler deep colour is a step you pick instead of an opacity you write."
+      >
+        <div className="flex flex-col gap-6">
+          {PALETTE.map((hue) => (
+            <div key={hue.id} className="flex flex-col gap-2">
+              <div className="flex flex-wrap items-baseline gap-2">
+                <h3 className="text-body text-primary">{hue.id}</h3>
+                <span className="text-body-sm text-tertiary">
+                  {hue.usedBy ? `drawn from by ${hue.usedBy}` : "unassigned"}
+                </span>
+              </div>
+              <div className="flex gap-1">
+                {hue.steps.map((step) => (
+                  <div
+                    key={step.variable}
+                    className="flex min-w-0 flex-1 flex-col gap-1"
+                  >
+                    <div
+                      className="h-10 rounded-md border border-tertiary"
+                      style={{ background: `var(${step.variable})` }}
+                    />
+                    <span className="text-center text-body-sm text-tertiary">
+                      {step.step}
+                    </span>
+                  </div>
+                ))}
+              </div>
+            </div>
+          ))}
+        </div>
+      </Section>
+
+      <Section
+        title="Layer 1 — families"
+        description="The jobs a hue does. Five per coloured family — tint, tint-hover, border, fill, text — each pointing at a palette step, so changing the accent means pointing five names at a different hue. Steps are named for their job rather than numbered, because a number reads as a lightness and means a role. Components never reference these."
       >
         <div className="flex flex-col gap-8">
           {RAMPS.map((ramp) => (
@@ -77,8 +112,16 @@ export function ColourPage() {
                   <Swatch
                     key={step.variable}
                     variable={step.variable}
-                    label={`${ramp.id} ${step.step}`}
-                    sublabel={step.job}
+                    label={
+                      step.palette
+                        ? `${ramp.id}-${step.job.split(" — ")[0]}`
+                        : `${ramp.id} ${step.step}`
+                    }
+                    sublabel={
+                      step.palette
+                        ? `${step.job.split(" — ")[1]} · palette step ${step.step}`
+                        : step.job
+                    }
                     translucent={ramp.translucent}
                   />
                 ))}
@@ -89,8 +132,8 @@ export function ColourPage() {
       </Section>
 
       <Section
-        title="Layer 2 — public roles"
-        description="The only layer a screen may use. Every role points at a ramp step, so changing a theme is a change of values rather than a change of code."
+        title="Layer 2 — roles"
+        description="The only layer a screen may use. Every role points at a family step or a neutral step, so changing a theme is a change of values rather than a change of code."
       >
         <div className="flex flex-col gap-8">
           {ROLE_GROUPS.map((group) => (
@@ -113,7 +156,7 @@ export function ColourPage() {
 
       <Section
         title="Deliberate exceptions"
-        description="Literal values exist only in the ramps, and nothing above a ramp holds one — except these. The list is short and complete on purpose: a vague exception policy is how a layered system quietly erodes."
+        description="Literal values exist only in the palette, and nothing above it holds one — except these. The list is short and complete on purpose: a vague exception policy is how a layered system quietly erodes."
       >
         {/* No swatch here to do the separating, so these entries keep a little
             structure — the token name leads and the spacing groups it with its
diff --git a/desktop-new/src/shared/styles/tokens.css b/desktop-new/src/shared/styles/tokens.css
index cb212af1ac..13194796db 100644
--- a/desktop-new/src/shared/styles/tokens.css
+++ b/desktop-new/src/shared/styles/tokens.css
@@ -1,78 +1,354 @@
 /*
  * Buzz colour tokens.
  *
- * Three layers, and only the role layer is ever used when building a screen:
+ * Four layers, and only the role layer is ever used when building a screen:
  *
- *   LAYER 1  private ramps          --neutral-*, --accent-*, --glass-*, gradients
- *   LAYER 2  public roles           --bg-panel, --text-secondary, ...
- *   LAYER 3  components             bg-panel, text-secondary  (Tailwind utilities)
+ *   LAYER 0  palette      --palette-purple-3   every hue, twelve steps, both modes
+ *   LAYER 1  families     --accent-tint        the five jobs a hue does
+ *   LAYER 2  roles        --bg-panel           what a thing IS in the interface
+ *   LAYER 3  components   bg-panel             Tailwind utilities
+ *
+ * The palette exists because the layer above it was 114 hand-picked hex values.
+ * Nothing enforced that two tokens doing the same job agreed, and they drifted:
+ * `accent-2` and `tint-purple` were the same purple in light mode and two
+ * different purples in dark. Picking a step from a ramp cannot drift that way.
+ *
+ * It also exists because a hue's dark steps are not its light steps dimmed.
+ * Tailwind's purple gets *more* saturated as it darkens (950 is 87% saturation),
+ * so a dark tint drawn from it reads as oversaturated, and the only way to reach
+ * a muted deep purple was to write `purple-950/50` in a component — a real
+ * value with nowhere to live. The palette's dark ramps are authored for dark
+ * surfaces, so that value is a step you pick instead of an expression you build.
  *
  * Rules:
- *   - Literal values exist only in the ramps. Nothing above a ramp holds one,
+ *   - Literal values exist only in the palette. Nothing above it holds one,
  *     except the documented exceptions at the bottom of this file.
- *   - A component never references a ramp step directly.
- *   - Transparency is never applied to a token. It lives inside the value.
- *   - Every role holds a light and a dark value under the same name.
+ *   - A family step names its job, not a number. `--accent-tint`, not
+ *     `--accent-2`: the number invited reading it as "a light purple" when it
+ *     means "the surface an accent tint sits on".
+ *   - A component never references a palette step or a family step directly.
+ *   - Opacity is never applied to a colour token to make a lighter or subtler
+ *     shade. Reach for a different step. `scripts/check-color.mjs` enforces this.
+ *   - Transparency for genuine see-through — glass — is a separate axis, and
+ *     lives baked into its own values.
+ *   - Every token holds a light and a dark value under the same name.
+ *
+ * Palette values are Radix Colors (MIT), transcribed rather than depended on.
+ * Radix is not on Block's Tech Radar; this is a values-only copy, no package.
+ * Its twelve-step contract is the one this system already described in comments,
+ * step for step — the ramp was modelled on it before the values were.
  *
  * See DESIGN.md for the judgement this vocabulary cannot express.
  */
 
 /* ============================================================
-   LAYER 1 — PRIVATE RAMPS
+   LAYER 0 — PALETTE
+   Every hue, twelve steps, authored per mode. Values only; no
+   token above this layer holds a literal. Never referenced by a
+   component — families name the jobs, roles name the meanings.
    ============================================================ */
 
 :root {
-  /* --- Neutral. Twelve steps, each step a fixed job. -------- */
-  --neutral-1: #ffffff; /* app background        */
-  --neutral-2: #fafafa; /* subtle background     */
-  --neutral-3: #f5f5f5; /* component background  */
-  --neutral-4: #f0f0f0; /* component hover       */
-  --neutral-5: #e8e8e8; /* component selected    */
-  --neutral-6: #e5e5e5; /* subtle border         */
-  --neutral-7: #d4d4d4; /* border                */
-  --neutral-8: #b8b8b8; /* border hover          */
-  --neutral-9: #909090; /* solid fill, tertiary text */
-  --neutral-10: #737373; /* solid fill hover     */
-  --neutral-11: #262626; /* dark fill            */
-  --neutral-12: #0a0a0a; /* high-contrast text   */
+  /* gray */
+  --palette-gray-1: #fcfcfc; /* app background */
+  --palette-gray-2: #f9f9f9; /* subtle background */
+  --palette-gray-3: #f0f0f0; /* component background */
+  --palette-gray-4: #e8e8e8; /* component hover */
+  --palette-gray-5: #e0e0e0; /* component selected */
+  --palette-gray-6: #d9d9d9; /* subtle border */
+  --palette-gray-7: #cecece; /* border */
+  --palette-gray-8: #bbbbbb; /* border hover */
+  --palette-gray-9: #8d8d8d; /* solid fill */
+  --palette-gray-10: #838383; /* solid fill hover */
+  --palette-gray-11: #646464; /* low-contrast text */
+  --palette-gray-12: #202020; /* high-contrast text */
+
+  /* purple */
+  --palette-purple-1: #fefcfe;
+  --palette-purple-2: #fbf7fe;
+  --palette-purple-3: #f7edfe;
+  --palette-purple-4: #f2e2fc;
+  --palette-purple-5: #ead5f9;
+  --palette-purple-6: #e0c4f4;
+  --palette-purple-7: #d1afec;
+  --palette-purple-8: #be93e4;
+  --palette-purple-9: #8e4ec6;
+  --palette-purple-10: #8347b9;
+  --palette-purple-11: #8145b5;
+  --palette-purple-12: #402060;
+
+  /* red */
+  --palette-red-1: #fffcfc;
+  --palette-red-2: #fff7f7;
+  --palette-red-3: #feebec;
+  --palette-red-4: #ffdbdc;
+  --palette-red-5: #ffcdce;
+  --palette-red-6: #fdbdbe;
+  --palette-red-7: #f4a9aa;
+  --palette-red-8: #eb8e90;
+  --palette-red-9: #e5484d;
+  --palette-red-10: #dc3e42;
+  --palette-red-11: #ce2c31;
+  --palette-red-12: #641723;
+
+  /* green */
+  --palette-green-1: #fbfefc;
+  --palette-green-2: #f4fbf6;
+  --palette-green-3: #e6f6eb;
+  --palette-green-4: #d6f1df;
+  --palette-green-5: #c4e8d1;
+  --palette-green-6: #adddc0;
+  --palette-green-7: #8eceaa;
+  --palette-green-8: #5bb98b;
+  --palette-green-9: #30a46c;
+  --palette-green-10: #2b9a66;
+  --palette-green-11: #218358;
+  --palette-green-12: #193b2d;
+
+  /* amber */
+  --palette-amber-1: #fefdfb;
+  --palette-amber-2: #fefbe9;
+  --palette-amber-3: #fff7c2;
+  --palette-amber-4: #ffee9c;
+  --palette-amber-5: #fbe577;
+  --palette-amber-6: #f3d673;
+  --palette-amber-7: #e9c162;
+  --palette-amber-8: #e2a336;
+  --palette-amber-9: #ffc53d;
+  --palette-amber-10: #ffba18;
+  --palette-amber-11: #ab6400;
+  --palette-amber-12: #4f3422;
+
+  /* blue */
+  --palette-blue-1: #fbfdff;
+  --palette-blue-2: #f4faff;
+  --palette-blue-3: #e6f4fe;
+  --palette-blue-4: #d5efff;
+  --palette-blue-5: #c2e5ff;
+  --palette-blue-6: #acd8fc;
+  --palette-blue-7: #8ec8f6;
+  --palette-blue-8: #5eb1ef;
+  --palette-blue-9: #0090ff;
+  --palette-blue-10: #0588f0;
+  --palette-blue-11: #0d74ce;
+  --palette-blue-12: #113264;
+
+  /* cyan */
+  --palette-cyan-1: #fafdfe;
+  --palette-cyan-2: #f2fafb;
+  --palette-cyan-3: #def7f9;
+  --palette-cyan-4: #caf1f6;
+  --palette-cyan-5: #b5e9f0;
+  --palette-cyan-6: #9ddde7;
+  --palette-cyan-7: #7dcedc;
+  --palette-cyan-8: #3db9cf;
+  --palette-cyan-9: #00a2c7;
+  --palette-cyan-10: #0797b9;
+  --palette-cyan-11: #107d98;
+  --palette-cyan-12: #0d3c48;
+
+  /* orange */
+  --palette-orange-1: #fefcfb;
+  --palette-orange-2: #fff7ed;
+  --palette-orange-3: #ffefd6;
+  --palette-orange-4: #ffdfb5;
+  --palette-orange-5: #ffd19a;
+  --palette-orange-6: #ffc182;
+  --palette-orange-7: #f5ae73;
+  --palette-orange-8: #ec9455;
+  --palette-orange-9: #f76b15;
+  --palette-orange-10: #ef5f00;
+  --palette-orange-11: #cc4e00;
+  --palette-orange-12: #582d1d;
+}
+
+.dark {
+  /* gray */
+  --palette-gray-1: #111111; /* app background */
+  --palette-gray-2: #191919; /* subtle background */
+  --palette-gray-3: #222222; /* component background */
+  --palette-gray-4: #2a2a2a; /* component hover */
+  --palette-gray-5: #313131; /* component selected */
+  --palette-gray-6: #3a3a3a; /* subtle border */
+  --palette-gray-7: #484848; /* border */
+  --palette-gray-8: #606060; /* border hover */
+  --palette-gray-9: #6e6e6e; /* solid fill */
+  --palette-gray-10: #7b7b7b; /* solid fill hover */
+  --palette-gray-11: #b4b4b4; /* low-contrast text */
+  --palette-gray-12: #eeeeee; /* high-contrast text */
+
+  /* purple */
+  --palette-purple-1: #18111b;
+  --palette-purple-2: #1e1523;
+  --palette-purple-3: #301c3b;
+  --palette-purple-4: #3d224e;
+  --palette-purple-5: #48295c;
+  --palette-purple-6: #54346b;
+  --palette-purple-7: #664282;
+  --palette-purple-8: #8457aa;
+  --palette-purple-9: #8e4ec6;
+  --palette-purple-10: #9a5cd0;
+  --palette-purple-11: #d19dff;
+  --palette-purple-12: #ecd9fa;
+
+  /* red */
+  --palette-red-1: #191111;
+  --palette-red-2: #201314;
+  --palette-red-3: #3b1219;
+  --palette-red-4: #500f1c;
+  --palette-red-5: #611623;
+  --palette-red-6: #72232d;
+  --palette-red-7: #8c333a;
+  --palette-red-8: #b0484f;
+  --palette-red-9: #e5484d;
+  --palette-red-10: #ec5d5e;
+  --palette-red-11: #ff9592;
+  --palette-red-12: #ffd1d9;
+
+  /* green */
+  --palette-green-1: #0e1512;
+  --palette-green-2: #121b17;
+  --palette-green-3: #132d21;
+  --palette-green-4: #113b29;
+  --palette-green-5: #174933;
+  --palette-green-6: #20573e;
+  --palette-green-7: #28714f;
+  --palette-green-8: #2f7c57;
+  --palette-green-9: #30a46c;
+  --palette-green-10: #33b074;
+  --palette-green-11: #3dd68c;
+  --palette-green-12: #b1f1cb;
+
+  /* amber */
+  --palette-amber-1: #16120c;
+  --palette-amber-2: #1d180f;
+  --palette-amber-3: #302008;
+  --palette-amber-4: #3f2700;
+  --palette-amber-5: #4d3000;
+  --palette-amber-6: #5c3d05;
+  --palette-amber-7: #714f19;
+  --palette-amber-8: #8f6424;
+  --palette-amber-9: #ffc53d;
+  --palette-amber-10: #ffd60a;
+  --palette-amber-11: #ffca16;
+  --palette-amber-12: #ffe7b3;
+
+  /* blue */
+  --palette-blue-1: #0d1520;
+  --palette-blue-2: #111927;
+  --palette-blue-3: #0d2847;
+  --palette-blue-4: #003362;
+  --palette-blue-5: #004074;
+  --palette-blue-6: #104d87;
+  --palette-blue-7: #205d9e;
+  --palette-blue-8: #2870bd;
+  --palette-blue-9: #0090ff;
+  --palette-blue-10: #3b9eff;
+  --palette-blue-11: #70b8ff;
+  --palette-blue-12: #c2e6ff;
+
+  /* cyan */
+  --palette-cyan-1: #0b161a;
+  --palette-cyan-2: #101b20;
+  --palette-cyan-3: #082c36;
+  --palette-cyan-4: #003848;
+  --palette-cyan-5: #004558;
+  --palette-cyan-6: #045468;
+  --palette-cyan-7: #12677e;
+  --palette-cyan-8: #11809c;
+  --palette-cyan-9: #00a2c7;
+  --palette-cyan-10: #23afd0;
+  --palette-cyan-11: #4ccce6;
+  --palette-cyan-12: #b6ecf7;
+
+  /* orange */
+  --palette-orange-1: #17120e;
+  --palette-orange-2: #1e160f;
+  --palette-orange-3: #331e0b;
+  --palette-orange-4: #462100;
+  --palette-orange-5: #562800;
+  --palette-orange-6: #66350c;
+  --palette-orange-7: #7e451d;
+  --palette-orange-8: #a35829;
+  --palette-orange-9: #f76b15;
+  --palette-orange-10: #ff801f;
+  --palette-orange-11: #ffa057;
+  --palette-orange-12: #ffe0c2;
+}
+
+/* ============================================================
+   LAYER 1 — FAMILIES
+   The jobs a hue does. Steps are named for their job because a
+   number reads as a lightness and means a role.
+   ============================================================ */
+
+:root {
+  /* --- Neutral. Twelve steps, each step a fixed job. --------
+     Keeps its numbering: unlike the coloured families these steps
+     really are a scale, and every step is in use. Step 1 stays
+     pure white rather than the palette's off-white, because the
+     app background is a deliberate choice, not a grey. */
+  --neutral-1: #ffffff; /* app background — not palette-gray-1 */
+  --neutral-2: var(--palette-gray-2); /* subtle background     */
+  --neutral-3: var(--palette-gray-3); /* component background  */
+  --neutral-4: var(--palette-gray-4); /* component hover       */
+  --neutral-5: var(--palette-gray-5); /* component selected    */
+  --neutral-6: var(--palette-gray-6); /* subtle border         */
+  --neutral-7: var(--palette-gray-7); /* border                */
+  --neutral-8: var(--palette-gray-8); /* border hover          */
+  --neutral-9: var(--palette-gray-9); /* solid fill, tertiary text */
+  /* Steps 10-12 deliberately do NOT track palette gray 10-12.
+     Radix's 11 is "low-contrast text", sized to pass on its own step-2
+     background. This system points --text-secondary at step 10 and asks it to
+     stay readable on bg-inset and bg-hover, which are darker — the guard
+     measured palette-gray-10 at Lc 56.5 there against a 60 target. So
+     secondary text takes a darker step than the palette's naming suggests,
+     and the inverse-fill steps keep the near-black they were sized for. */
+  --neutral-10: var(--palette-gray-11); /* secondary text      */
+  --neutral-11: #262626; /* dark fill — sized against bg-inverse */
+  --neutral-12: #0a0a0a; /* high-contrast text                  */
 
   /* --- Accent. A slot, not a colour. -----------------------
-     Nothing above this ramp knows the hue. Replace these five
-     values to change the accent; every role below follows.
-     Reference hue: Tailwind purple. Steps 2 and 3 are purple-100
-     and purple-200 exactly, because the chip design was drawn
-     against them and the tint pair is what a person actually
-     sees most often.                                          */
-  --accent-2: #f3e8ff; /* tinted surface — purple-100  */
-  --accent-3: #e9d5ff; /* tint hover — purple-200      */
-  --accent-8: #a855f7; /* border, focus ring — purple-500 */
-  --accent-9: #9333ea; /* solid fill — purple-600      */
-  --accent-11: #6b21a8; /* accent text — purple-800    */
+     Nothing above this family knows the hue. Point these five at
+     a different palette hue to change the accent; every role
+     below follows. Current hue: purple.
 
-  /* --- Status. Same five jobs as accent, per family. -------- */
-  --danger-2: #fee2e2;
-  --danger-3: #fecaca;
-  --danger-8: #f5b5b5;
-  --danger-9: #dc2626;
-  --danger-11: #a80008;
+     Text takes step 12, not step 11. Radix sizes step 11 for a
+     WCAG 4.5:1 target; this system judges with APCA at Lc 60, and
+     every hue's step 11 measured Lc 55-61 on the surfaces these
+     roles must clear — legal by WCAG, short of our target. Step 12
+     clears every pairing in both modes with room to spare. The
+     guard found this; do not lower it back to 11. */
+  --accent-tint: var(--palette-purple-3); /* tinted surface     */
+  --accent-tint-hover: var(--palette-purple-4); /* tint hover   */
+  --accent-border: var(--palette-purple-8); /* border, focus ring */
+  --accent-fill: var(--palette-purple-9); /* solid fill         */
+  --accent-text: var(--palette-purple-12); /* accent text       */
 
-  --success-2: #e8f7ee;
-  --success-3: #d1f0dd;
-  --success-8: #a3e0bd;
-  --success-9: #16a34a;
-  --success-11: #15803d;
+  /* --- Status. The same five jobs, per family. -------------- */
+  --danger-tint: var(--palette-red-3);
+  --danger-tint-hover: var(--palette-red-4);
+  --danger-border: var(--palette-red-8);
+  --danger-fill: var(--palette-red-9);
+  --danger-text: var(--palette-red-12);
 
-  --warning-2: #fef3c7;
-  --warning-3: #fde68a;
-  --warning-8: #f2d98a;
-  --warning-9: #eab308;
-  --warning-11: #9c5e00;
+  --success-tint: var(--palette-green-3);
+  --success-tint-hover: var(--palette-green-4);
+  --success-border: var(--palette-green-8);
+  --success-fill: var(--palette-green-9);
+  --success-text: var(--palette-green-12);
 
-  --info-2: #e7f1ff;
-  --info-3: #d0e3ff;
-  --info-8: #b8d4ff;
-  --info-9: #3d87ff;
-  --info-11: #1d4ed8;
+  --warning-tint: var(--palette-amber-3);
+  --warning-tint-hover: var(--palette-amber-4);
+  --warning-border: var(--palette-amber-8);
+  --warning-fill: var(--palette-amber-9);
+  --warning-text: var(--palette-amber-12);
+
+  --info-tint: var(--palette-blue-3);
+  --info-tint-hover: var(--palette-blue-4);
+  --info-border: var(--palette-blue-8);
+  --info-fill: var(--palette-blue-9);
+  --info-text: var(--palette-blue-12);
 
   /* --- Glass. A translucency ramp of fills. ---------------- */
   --glass-1: #ffffff5c; /* barely there   */
@@ -82,13 +358,17 @@
   --glass-5: #ffffffe0; /* nearly solid   */
 
   /* --- Categorical. Named by appearance, deliberately: the
-     choice IS appearance — telling two projects apart. ------- */
-  --tint-blue: #e7f1ff;
-  --tint-purple: #f3e8ff;
-  --tint-orange: #ffedd5;
-  --tint-green: #ecfccb;
-  --tint-red: #fee2e2;
-  --tint-cyan: #cffafe;
+     choice IS appearance — telling two projects apart.
+     Every one is the same step as a family tint, from the same
+     palette. Before the palette existed these were hand-picked
+     alongside the families and drifted: tint-purple and the
+     accent tint matched in light mode and disagreed in dark. */
+  --tint-blue: var(--palette-blue-3);
+  --tint-purple: var(--palette-purple-3);
+  --tint-orange: var(--palette-orange-3);
+  --tint-green: var(--palette-green-3);
+  --tint-red: var(--palette-red-3);
+  --tint-cyan: var(--palette-cyan-3);
 
   /* --- Gradients. Numbered background treatments. ---------- */
   --gradient-1:
@@ -135,6 +415,12 @@
 }
 
 .dark {
+  /* Dark surfaces stay hand-authored rather than taking palette gray. The
+     palette's dark grays start at #111 and step in even increments; these were
+     sized against the real panel stack (app, panel, inset, hover, selected) and
+     are deliberately tighter at the bottom. A documented divergence, not drift:
+     if these ever want to be palette steps, the palette's gray ramp is what
+     should change. */
   --neutral-1: #0f0f0f;
   --neutral-2: #161616;
   --neutral-3: #1c1c1c;
@@ -154,41 +440,11 @@
   --neutral-11: #e5e5e5;
   --neutral-12: #f5f5f5;
 
-  /* Accent step 9 barely moves between modes — a saturated fill
-     reads correctly on white and on near-black. Step 11 inverts
-     direction: darker than the fill on light, lighter on dark.
-     Steps 2 and 3 cannot be Tailwind's purple-100/200 here: those
-     are near-white and would read as a light surface on a dark
-     panel. They are dark violets holding the same hue instead. */
-  --accent-2: #2a1a3d;
-  --accent-3: #3a2352;
-  --accent-8: #7e4bb0;
-  --accent-9: #9333ea;
-  --accent-11: #d8b4fe;
-
-  --danger-2: #3a1515;
-  --danger-3: #4d1c1c;
-  --danger-8: #7a2e2e;
-  --danger-9: #dc2626;
-  --danger-11: #fca5a5;
-
-  --success-2: #10261a;
-  --success-3: #163524;
-  --success-8: #2a5c3f;
-  --success-9: #16a34a;
-  --success-11: #86e0aa;
-
-  --warning-2: #2e2410;
-  --warning-3: #423318;
-  --warning-8: #6b5320;
-  --warning-9: #eab308;
-  --warning-11: #f5d878;
-
-  --info-2: #152845;
-  --info-3: #1a3358;
-  --info-8: #356dbd;
-  --info-9: #3d87ff;
-  --info-11: #95c0ff;
+  /* Every coloured family is absent here on purpose. A family points at a
+     palette step, and `.dark` already redefines the whole palette — so
+     `--accent-tint` resolves to the dark purple ramp with nothing restated.
+     This block used to hold 50 hand-picked values, which is where
+     `tint-purple` and the accent tint drifted apart. */
 
   --glass-1: #1c1c1c5c;
   --glass-2: #1c1c1c85;
@@ -196,13 +452,6 @@
   --glass-4: #1c1c1cc7;
   --glass-5: #1c1c1ce0;
 
-  --tint-blue: #152845;
-  --tint-purple: #2b1f45;
-  --tint-orange: #3a2412;
-  --tint-green: #23300f;
-  --tint-red: #3a1515;
-  --tint-cyan: #0e2e33;
-
   --gradient-1:
     radial-gradient(at 85% 88%, #23261a 0%, transparent 62%),
     linear-gradient(158deg, #15171b 0%, #172231 52%, #191d19 100%);
@@ -241,39 +490,39 @@
 
   /* --- Identity. Two arrangements only: SOLID fill with
      paired text on it, or TINT fill with coloured text.       */
-  --bg-accent: var(--accent-9);
-  --bg-accent-tint: var(--accent-2);
-  --bg-accent-tint-hover: var(--accent-3);
-  --text-accent: var(--accent-11);
-  --border-accent: var(--accent-8);
+  --bg-accent: var(--accent-fill);
+  --bg-accent-tint: var(--accent-tint);
+  --bg-accent-tint-hover: var(--accent-tint-hover);
+  --text-accent: var(--accent-text);
+  --border-accent: var(--accent-border);
 
   --bg-inverse: var(--neutral-11);
   --bg-inverse-hover: var(--neutral-10);
 
   /* --- Status. Identical shape, four times over. ----------- */
-  --bg-danger: var(--danger-9);
-  --bg-danger-tint: var(--danger-2);
-  --bg-danger-tint-hover: var(--danger-3);
-  --text-danger: var(--danger-11);
-  --border-danger: var(--danger-8);
+  --bg-danger: var(--danger-fill);
+  --bg-danger-tint: var(--danger-tint);
+  --bg-danger-tint-hover: var(--danger-tint-hover);
+  --text-danger: var(--danger-text);
+  --border-danger: var(--danger-border);
 
-  --bg-success: var(--success-9);
-  --bg-success-tint: var(--success-2);
-  --bg-success-tint-hover: var(--success-3);
-  --text-success: var(--success-11);
-  --border-success: var(--success-8);
+  --bg-success: var(--success-fill);
+  --bg-success-tint: var(--success-tint);
+  --bg-success-tint-hover: var(--success-tint-hover);
+  --text-success: var(--success-text);
+  --border-success: var(--success-border);
 
-  --bg-warning: var(--warning-9);
-  --bg-warning-tint: var(--warning-2);
-  --bg-warning-tint-hover: var(--warning-3);
-  --text-warning: var(--warning-11);
-  --border-warning: var(--warning-8);
+  --bg-warning: var(--warning-fill);
+  --bg-warning-tint: var(--warning-tint);
+  --bg-warning-tint-hover: var(--warning-tint-hover);
+  --text-warning: var(--warning-text);
+  --border-warning: var(--warning-border);
 
-  --bg-info: var(--info-9);
-  --bg-info-tint: var(--info-2);
-  --bg-info-tint-hover: var(--info-3);
-  --text-info: var(--info-11);
-  --border-info: var(--info-8);
+  --bg-info: var(--info-fill);
+  --bg-info-tint: var(--info-tint);
+  --bg-info-tint-hover: var(--info-tint-hover);
+  --text-info: var(--info-text);
+  --border-info: var(--info-border);
 
   /* --- Material. Translucency and blur live inside the value.
      A component never assembles them.                        */
@@ -290,7 +539,7 @@
      in the surface colour, not a different ring hue, so one focus treatment
      works everywhere. Whatever component layer introduces focus owns that
      offset; there is no second ring token.                     */
-  --ring-focus: var(--accent-8);
+  --ring-focus: var(--accent-border);
 
   /* --- Geometry. Repeated relationships from Messages. ----- */
   --space-workspace-inset: var(--space-4);
diff --git a/desktop-new/src/shared/tokens/registry.ts b/desktop-new/src/shared/tokens/registry.ts
index 8d79881802..4c726640e8 100644
--- a/desktop-new/src/shared/tokens/registry.ts
+++ b/desktop-new/src/shared/tokens/registry.ts
@@ -21,6 +21,8 @@ export interface RampStep {
   job: string;
   /** The CSS custom property, without `var()`. */
   variable: string;
+  /** The palette step this resolves to, when the ramp is a family. */
+  palette?: string;
 }
 
 /** A private ramp. */
@@ -72,34 +74,87 @@ const NEUTRAL_JOBS = [
   "border",
   "border hover",
   "solid fill",
-  "solid fill hover",
+  "secondary text",
   "dark fill",
   "high-contrast text",
 ];
 
-/** The five accent steps any role points at. The rest exist so the ramp is
- *  complete and interpolation stays even. */
-const IDENTITY_STEPS: Array<[number, string]> = [
-  [2, "tinted surface"],
-  [3, "tint hover / selected"],
-  [8, "border, focus ring"],
-  [9, "solid fill"],
-  [11, "accent text"],
+/**
+ * The five jobs every coloured family does, and the palette step each takes.
+ *
+ * Named rather than numbered, because a number invited reading `--accent-2` as
+ * "a light purple" when it means "the surface an accent tint sits on". The step
+ * numbers are the palette position, shown so the ramp relationship stays legible.
+ *
+ * Text takes step 12, not the 11 Radix names "low-contrast text": Radix sizes 11
+ * for WCAG 4.5:1, and every hue's step 11 measured Lc 55-61 against this
+ * system's Lc 60 target on the surfaces these roles must clear.
+ */
+const FAMILY_JOBS: Array<[string, number, string]> = [
+  ["tint", 3, "tinted surface"],
+  ["tint-hover", 4, "tint hover / selected"],
+  ["border", 8, "border, focus ring"],
+  ["fill", 9, "solid fill"],
+  ["text", 12, "text on a tint or a neutral surface"],
 ];
 
-function identityRamp(id: string, name: string, description: string): Ramp {
+function identityRamp(
+  id: string,
+  name: string,
+  description: string,
+  hue: string,
+): Ramp {
   return {
     id,
     name,
     description,
-    steps: IDENTITY_STEPS.map(([step, job]) => ({
+    steps: FAMILY_JOBS.map(([job, step, use]) => ({
       step,
-      job,
-      variable: `--${id}-${step}`,
+      job: `${job} — ${use}`,
+      variable: `--${id}-${job}`,
+      palette: `--palette-${hue}-${step}`,
     })),
   };
 }
 
+/** A palette hue: twelve steps, authored per mode. The bottom layer. */
+export interface PaletteHue {
+  id: string;
+  /** Which family, if any, currently draws from this hue. */
+  usedBy?: string;
+  steps: Array<{ step: number; variable: string }>;
+}
+
+/**
+ * Every hue in the palette.
+ *
+ * The layer beneath the families, and the only place a literal colour lives.
+ * Values are Radix Colors (MIT), transcribed rather than depended on — Radix is
+ * not on Block's Tech Radar, so this is a values-only copy with no package.
+ *
+ * It exists for two reasons. The families above it were 114 hand-picked hex
+ * values with nothing enforcing that two tokens doing the same job agreed, and
+ * they drifted. And a hue's dark steps are not its light steps dimmed: reaching
+ * for a subtler dark purple by writing `purple-950/50` in a component put a real
+ * colour decision somewhere it could not be named, paired, or measured.
+ */
+export const PALETTE: PaletteHue[] = [
+  { id: "gray", usedBy: "neutral", steps: [] },
+  { id: "purple", usedBy: "accent", steps: [] },
+  { id: "red", usedBy: "danger", steps: [] },
+  { id: "green", usedBy: "success", steps: [] },
+  { id: "amber", usedBy: "warning", steps: [] },
+  { id: "blue", usedBy: "info", steps: [] },
+  { id: "cyan", steps: [] },
+  { id: "orange", steps: [] },
+].map((hue) => ({
+  ...hue,
+  steps: Array.from({ length: 12 }, (_, i) => ({
+    step: i + 1,
+    variable: `--palette-${hue.id}-${i + 1}`,
+  })),
+}));
+
 export const RAMPS: Ramp[] = [
   {
     id: "neutral",
@@ -115,16 +170,18 @@ export const RAMPS: Ramp[] = [
   identityRamp(
     "accent",
     "Accent — a slot, not a colour",
-    "Nothing above this ramp knows the hue, so the accent can change, become a person's preference, or vary per theme without a single component changing. Step 9 barely moves between modes because a saturated fill reads on white and on near-black; step 11 inverts direction to stay readable.",
+    "Nothing above this family knows the hue, so the accent can change, become a person's preference, or vary per theme without a single component changing. Point the five steps at a different palette hue and every role follows.",
+    "purple",
   ),
   identityRamp(
     "danger",
     "Danger",
     "The same five jobs as accent. Learning one family teaches all of them.",
+    "red",
   ),
-  identityRamp("success", "Success", "The same five jobs as accent."),
-  identityRamp("warning", "Warning", "The same five jobs as accent."),
-  identityRamp("info", "Info", "The same five jobs as accent."),
+  identityRamp("success", "Success", "The same five jobs as accent.", "green"),
+  identityRamp("warning", "Warning", "The same five jobs as accent.", "amber"),
+  identityRamp("info", "Info", "The same five jobs as accent.", "blue"),
   {
     id: "glass",
     name: "Glass",
@@ -158,7 +215,7 @@ function identityGroup(
       {
         token: `bg-${id}`,
         variable: `--bg-${id}`,
-        pointsAt: `${id} 9`,
+        pointsAt: `${id} fill`,
         use: "The solid fill: primary buttons, active toggles. Takes its paired text.",
         status: "core",
       },
@@ -174,28 +231,28 @@ function identityGroup(
       {
         token: `text-${id}`,
         variable: `--text-${id}`,
-        pointsAt: `${id} 11`,
+        pointsAt: `${id} text`,
         use: "Coloured text on a neutral background: links, labels.",
         status: "core",
       },
       {
         token: `bg-${id}-tint`,
         variable: `--bg-${id}-tint`,
-        pointsAt: `${id} 2`,
+        pointsAt: `${id} tint`,
         use: "A tinted surface carrying meaning: chips, callouts, selected rows. Takes coloured text.",
         status: "core",
       },
       {
         token: `bg-${id}-tint-hover`,
         variable: `--bg-${id}-tint-hover`,
-        pointsAt: `${id} 3`,
+        pointsAt: `${id} tint-hover`,
         use: "That tinted surface hovered or selected.",
         status: "core",
       },
       {
         token: `border-${id}`,
         variable: `--border-${id}`,
-        pointsAt: `${id} 8`,
+        pointsAt: `${id} border`,
         use: "Focus rings and active borders.",
         status: "core",
       },
@@ -394,7 +451,7 @@ export const ROLE_GROUPS: RoleGroup[] = [
       {
         token: "ring-focus",
         variable: "--ring-focus",
-        pointsAt: "accent 8",
+        pointsAt: "accent border",
         use: "The keyboard focus ring.",
         status: "core",
       },

From efb443a2cb97c685a8a2b2fd2669c5a0409ea259 Mon Sep 17 00:00:00 2001
From: morgmart <98432065+morgmart@users.noreply.github.com>
Date: Sun, 6 Sep 2026 20:41:56 -0700
Subject: [PATCH 15/33] desktop-new: delete the categorical tints, add a
 proving-ground dashboard
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Two changes, both about finding out whether the colour system actually works.

Deleted the six categorical tint roles. Evidence: zero component usage — not one
reference outside the token file and the registry. They were hand-picked literals
of exactly the kind the palette exists to prevent, and the open question 'how
many categorical colours does the product need, and does a person choose one or
does the product assign it' is unanswered, so naming them now was guessing. The
eight palette hues stay; a categorical role gets named when a feature needs to
distinguish things.

That deletion turned a guard check vacuous, which is its own finding: the drift
check named four specific pairs (--tint-purple vs --accent-tint, etc.) and would
have passed silently forever once those tokens were gone. Replaced with the
general rule — no two family steps may resolve to the same palette step — which
catches the same class for any future family without naming pairs. Falsified by
pointing --danger-tint at the purple ramp.

Added /proving-ground: a fictional fleet-monitoring dashboard, deliberately
nothing to do with Buzz. Specimen pages are honest but sympathetic — one
component at a time, on a chosen backdrop, at a chosen size. A dashboard puts
forty decisions next to each other, which is where a missing role shows up. It
is also the surface a generated theme has to be judged on: 'Neon Tokyo' can look
fine as twelve swatches and be unusable as a page.

Built only from role tokens, and it held: no new roles were needed, contrast
passes both modes, and the layout works at 1440 and 620. Page-local parts live
in the feature rather than shared/ui on purpose — this page exists to find out
what repeats, so promoting its pieces first would be guessing.

Signed-off-by: morgmart <98432065+morgmart@users.noreply.github.com>
---
 desktop-new/AGENTS.md                         |   5 +-
 desktop-new/DESIGN.md                         |   4 +-
 desktop-new/scripts/check-color.mjs           |  40 +-
 desktop-new/src/app/routes/proving-ground.tsx |   6 +
 .../src/features/proving-ground/data.ts       | 187 ++++++++
 .../proving-ground/ui/ProvingGroundPage.tsx   | 401 ++++++++++++++++++
 .../src/features/proving-ground/ui/parts.tsx  | 187 ++++++++
 desktop-new/src/shared/styles/globals.css     |   1 +
 .../src/shared/styles/proving-ground.css      | 304 +++++++++++++
 desktop-new/src/shared/styles/tokens.css      |  29 +-
 desktop-new/src/shared/tokens/registry.ts     |  31 --
 11 files changed, 1120 insertions(+), 75 deletions(-)
 create mode 100644 desktop-new/src/app/routes/proving-ground.tsx
 create mode 100644 desktop-new/src/features/proving-ground/data.ts
 create mode 100644 desktop-new/src/features/proving-ground/ui/ProvingGroundPage.tsx
 create mode 100644 desktop-new/src/features/proving-ground/ui/parts.tsx
 create mode 100644 desktop-new/src/shared/styles/proving-ground.css

diff --git a/desktop-new/AGENTS.md b/desktop-new/AGENTS.md
index 98ee74dceb..b47cb7975e 100644
--- a/desktop-new/AGENTS.md
+++ b/desktop-new/AGENTS.md
@@ -92,8 +92,9 @@ Four layers, and only the role layer is used when building a screen:
 
 The palette was added after the families accumulated 114 hand-picked hex values
 with nothing enforcing that two tokens doing the same job agreed — and they
-drifted: `accent-2` and `tint-purple` were the same purple in light mode and two
-different purples in dark. Referencing a step cannot drift that way, and
+drifted: an accent tint and a categorical purple were the same purple in light
+mode and two different purples in dark. Referencing a step cannot drift that way,
+and
 `src/shared/tokens/palette.test.ts` asserts it.
 
 Family steps are **named for their job, not numbered**. `--accent-2` invited
diff --git a/desktop-new/DESIGN.md b/desktop-new/DESIGN.md
index f1d8241589..ee94f9c9d8 100644
--- a/desktop-new/DESIGN.md
+++ b/desktop-new/DESIGN.md
@@ -87,11 +87,11 @@ Buzz is a place where people build together and bring their agents into the room
 - **A colour is used one of two ways: solid or tint.** Solid carries an action and takes its paired text; tint carries a meaning and takes coloured text. There is deliberately nothing between them.
 - **Accent is signal, never structure.** Reaching for an accent surface where a neutral one belongs is the most common way a functional screen starts to look decorated.
 - **Never use a status colour decoratively.** A green that does not mean success teaches people to stop trusting green.
-- **Categorical colours are the one place appearance-naming is allowed.** Telling two projects apart genuinely is a choice about appearance.
+- **Categorical colours are the one place appearance-naming would be allowed.** Telling two projects apart genuinely is a choice about appearance, so a hue name is honest there. No such roles exist yet — the palette carries eight hues, and a categorical role gets named when a feature actually needs to distinguish things, not before.
 - **Opacity is not how you reach a subtler colour.** If a tint looks too strong, take a different palette step — do not dim a stronger one. `purple-950/50` composites to a real, correct colour, which is exactly the trap: it is a colour decision with no name, no light/dark pair, and nothing the contrast guard can measure. A missing shade is a missing palette step, and adding one is an ordinary reviewed edit. `scripts/check-color.mjs` enforces this.
 - **Transparency is a different axis from shade, and it has its own tokens.** `glass-*` exists for surfaces something must show through. Alpha baked into a named value at the palette layer is the system working; alpha applied to a token in a component is not.
 - **A dark value is authored, never derived.** A hue's dark steps are not its light steps darkened or dimmed — Tailwind's purple gets *more* saturated as it descends, so a dark tint drawn from its bottom end reads as oversaturated. This is why the palette holds two authored ramps per hue rather than one ramp and a transform.
-- **Two tokens doing the same job must resolve to the same step, not merely to the same value.** Matching literals drift; a shared reference cannot. The accent tint and the categorical purple were the same colour in light mode and two different colours in dark, and nothing caught it because both were hand-picked.
+- **Two tokens doing the same job must resolve to the same step, not merely to the same value.** Matching literals drift; a shared reference cannot. An accent tint and a hand-picked categorical purple were the same colour in light mode and two different colours in dark, and nothing caught it because both held their own value.
 
 ## Contrast
 
diff --git a/desktop-new/scripts/check-color.mjs b/desktop-new/scripts/check-color.mjs
index 1c33035b80..9338762f1f 100644
--- a/desktop-new/scripts/check-color.mjs
+++ b/desktop-new/scripts/check-color.mjs
@@ -231,12 +231,6 @@ function auditLayers() {
   ];
   const FAMILIES = ["accent", "danger", "success", "warning", "info"];
   const JOBS = ["tint", "tint-hover", "border", "fill", "text"];
-  const CATEGORICAL = [
-    ["--tint-purple", "--accent-tint"],
-    ["--tint-red", "--danger-tint"],
-    ["--tint-green", "--success-tint"],
-    ["--tint-blue", "--info-tint"],
-  ];
 
   // 1. Every palette step exists in both modes and holds a literal.
   for (const hue of HUES) {
@@ -280,16 +274,30 @@ function auditLayers() {
     }
   }
 
-  // 3. Two tokens doing one job resolve to one step. Matching values drift.
-  for (const [a, b] of CATEGORICAL) {
-    const left = read(modes.light, a);
-    const right = read(modes.light, b);
-    if (left && right && left !== right) {
-      failures.push({
-        at: rel,
-        found: `${a}: ${left}  vs  ${b}: ${right}`,
-        why: "Same job, different step. Point both at one palette step — this exact pair drifted between modes before the palette existed.",
-      });
+  // 3. No two family steps resolve to the same palette step.
+  //
+  // The generalised form of the bug that motivated this layer. Two tokens that
+  // hold the same value are either one job with two names — which drifts the
+  // moment someone edits one — or two jobs that will become indistinguishable
+  // on screen. Either way it wants a person to look. This catches it for any
+  // future family without naming pairs, which the previous version did and
+  // which went silently vacuous when those tokens were deleted.
+  const seen = new Map();
+  for (const family of FAMILIES) {
+    for (const job of JOBS) {
+      const name = `--${family}-${job}`;
+      const value = read(modes.light, name);
+      if (!value) continue;
+      const existing = seen.get(value);
+      if (existing) {
+        failures.push({
+          at: rel,
+          found: `${existing} and ${name} both resolve to ${value}`,
+          why: "Two family steps on one palette step. Either it is one job with two names, or two jobs that will look identical. Give the second its own step.",
+        });
+      } else {
+        seen.set(value, name);
+      }
     }
   }
 
diff --git a/desktop-new/src/app/routes/proving-ground.tsx b/desktop-new/src/app/routes/proving-ground.tsx
new file mode 100644
index 0000000000..ff103a937a
--- /dev/null
+++ b/desktop-new/src/app/routes/proving-ground.tsx
@@ -0,0 +1,6 @@
+import { createFileRoute } from "@tanstack/react-router";
+import { ProvingGroundPage } from "@/features/proving-ground/ui/ProvingGroundPage";
+
+export const Route = createFileRoute("/proving-ground")({
+  component: ProvingGroundPage,
+});
diff --git a/desktop-new/src/features/proving-ground/data.ts b/desktop-new/src/features/proving-ground/data.ts
new file mode 100644
index 0000000000..1780500221
--- /dev/null
+++ b/desktop-new/src/features/proving-ground/data.ts
@@ -0,0 +1,187 @@
+/**
+ * Fixture data for the proving ground.
+ *
+ * A fictional product — a fleet-monitoring dashboard — deliberately unrelated to
+ * Buzz. The point is to exercise the design system at the density and variety a
+ * real page has, without any of it becoming a claim about what Buzz looks like.
+ * Nothing here is a product decision; it is load for the tokens to carry.
+ */
+
+export type Health = "healthy" | "degraded" | "failing" | "paused";
+
+export type Region = {
+  id: string;
+  name: string;
+  code: string;
+  health: Health;
+  /** Requests per second, for the sparkline and the headline figure. */
+  throughput: number;
+  /** Percentage, one decimal. */
+  successRate: number;
+  latencyMs: number;
+  /** Twelve readings, oldest first. */
+  history: number[];
+};
+
+export type Incident = {
+  id: string;
+  title: string;
+  region: string;
+  severity: "critical" | "warning" | "info";
+  openedAt: string;
+  assignee?: { name: string; initial: string };
+  acknowledged: boolean;
+};
+
+export type Deploy = {
+  id: string;
+  service: string;
+  version: string;
+  status: "live" | "rolling" | "held" | "rolled-back";
+  author: string;
+  at: string;
+};
+
+export const REGIONS: Region[] = [
+  {
+    id: "use1",
+    name: "US East",
+    code: "use1",
+    health: "healthy",
+    throughput: 18420,
+    successRate: 99.98,
+    latencyMs: 42,
+    history: [12, 14, 13, 16, 18, 17, 19, 21, 20, 22, 24, 23],
+  },
+  {
+    id: "usw2",
+    name: "US West",
+    code: "usw2",
+    health: "healthy",
+    throughput: 11260,
+    successRate: 99.94,
+    latencyMs: 51,
+    history: [9, 10, 11, 10, 12, 13, 12, 14, 13, 15, 14, 16],
+  },
+  {
+    id: "euw1",
+    name: "EU West",
+    code: "euw1",
+    health: "degraded",
+    throughput: 8940,
+    successRate: 97.21,
+    latencyMs: 189,
+    history: [14, 13, 15, 14, 12, 11, 9, 8, 10, 9, 7, 8],
+  },
+  {
+    id: "apse1",
+    name: "AP Southeast",
+    code: "apse1",
+    health: "failing",
+    throughput: 1180,
+    successRate: 71.44,
+    latencyMs: 842,
+    history: [11, 12, 10, 11, 9, 7, 5, 3, 2, 2, 1, 1],
+  },
+  {
+    id: "sae1",
+    name: "SA East",
+    code: "sae1",
+    health: "paused",
+    throughput: 0,
+    successRate: 0,
+    latencyMs: 0,
+    history: [6, 6, 5, 6, 4, 3, 0, 0, 0, 0, 0, 0],
+  },
+];
+
+export const INCIDENTS: Incident[] = [
+  {
+    id: "INC-4821",
+    title: "Elevated 5xx from the ingest gateway",
+    region: "apse1",
+    severity: "critical",
+    openedAt: "14 min ago",
+    assignee: { name: "Priya Raman", initial: "P" },
+    acknowledged: true,
+  },
+  {
+    id: "INC-4820",
+    title: "Replica lag above threshold on the primary cluster",
+    region: "euw1",
+    severity: "warning",
+    openedAt: "38 min ago",
+    assignee: { name: "Tomas Lindqvist", initial: "T" },
+    acknowledged: true,
+  },
+  {
+    id: "INC-4819",
+    title: "Certificate expires in 6 days",
+    region: "usw2",
+    severity: "info",
+    openedAt: "2 hr ago",
+    acknowledged: false,
+  },
+  {
+    id: "INC-4817",
+    title: "Queue depth climbing without a matching request increase",
+    region: "euw1",
+    severity: "warning",
+    openedAt: "5 hr ago",
+    assignee: { name: "Dani Okonkwo", initial: "D" },
+    acknowledged: false,
+  },
+];
+
+export const DEPLOYS: Deploy[] = [
+  {
+    id: "d-9931",
+    service: "ingest-gateway",
+    version: "2026.9.4",
+    status: "rolling",
+    author: "Priya Raman",
+    at: "6 min ago",
+  },
+  {
+    id: "d-9930",
+    service: "index-writer",
+    version: "2026.9.3",
+    status: "live",
+    author: "Marco Bellini",
+    at: "1 hr ago",
+  },
+  {
+    id: "d-9929",
+    service: "query-planner",
+    version: "2026.9.3",
+    status: "held",
+    author: "Dani Okonkwo",
+    at: "3 hr ago",
+  },
+  {
+    id: "d-9927",
+    service: "ingest-gateway",
+    version: "2026.9.2",
+    status: "rolled-back",
+    author: "Tomas Lindqvist",
+    at: "yesterday",
+  },
+];
+
+/** Maps a health state to the status family that carries its meaning. */
+export const HEALTH_TONE: Record<
+  Health,
+  "success" | "warning" | "danger" | "neutral"
+> = {
+  healthy: "success",
+  degraded: "warning",
+  failing: "danger",
+  paused: "neutral",
+};
+
+export const HEALTH_LABEL: Record<Health, string> = {
+  healthy: "Healthy",
+  degraded: "Degraded",
+  failing: "Failing",
+  paused: "Paused",
+};
diff --git a/desktop-new/src/features/proving-ground/ui/ProvingGroundPage.tsx b/desktop-new/src/features/proving-ground/ui/ProvingGroundPage.tsx
new file mode 100644
index 0000000000..e963473588
--- /dev/null
+++ b/desktop-new/src/features/proving-ground/ui/ProvingGroundPage.tsx
@@ -0,0 +1,401 @@
+import {
+  IconActivity,
+  IconAlertTriangle,
+  IconChartDots,
+  IconChevronRight,
+  IconCloud,
+  IconMoon,
+  IconRocket,
+  IconSun,
+} from "@tabler/icons-react";
+import { useState } from "react";
+
+import { useColorScheme } from "@/shared/theme/useColorScheme";
+import { Avatar } from "@/shared/ui/Avatar";
+import { Button } from "@/shared/ui/Button";
+import { IconButton } from "@/shared/ui/IconButton";
+import { SearchField } from "@/shared/ui/SearchField";
+import { SegmentedNavigation } from "@/shared/ui/SegmentedNavigation";
+
+import { DEPLOYS, HEALTH_TONE, INCIDENTS, REGIONS } from "../data";
+import {
+  HealthPill,
+  KeyValue,
+  Metric,
+  Panel,
+  Row,
+  Sparkline,
+  StatusPill,
+} from "./parts";
+
+/**
+ * The proving ground: a fictional fleet-monitoring dashboard.
+ *
+ * Deliberately not Buzz. Its job is to load the design system the way a real
+ * product does — many decisions adjacent to each other, at density, in both
+ * modes — and to be the surface a generated theme is judged on. A specimen page
+ * shows one component at a time on a backdrop the designer chose; this shows
+ * forty at once, which is where a missing role or a wrong neutral step appears.
+ *
+ * Built only from role tokens. If something here needs a value the system does
+ * not have, that is the finding.
+ */
+
+const RANGES = [
+  { value: "1h", label: "1 hour" },
+  { value: "24h", label: "24 hours" },
+  { value: "7d", label: "7 days" },
+] as const;
+
+const SEVERITY_TONE = {
+  critical: "danger",
+  warning: "warning",
+  info: "info",
+} as const;
+
+const DEPLOY_TONE = {
+  live: "success",
+  rolling: "accent",
+  held: "warning",
+  "rolled-back": "danger",
+} as const;
+
+const DEPLOY_LABEL = {
+  live: "Live",
+  rolling: "Rolling out",
+  held: "Held",
+  "rolled-back": "Rolled back",
+} as const;
+
+export function ProvingGroundPage() {
+  const { scheme, toggle } = useColorScheme();
+  const [range, setRange] = useState<string>("24h");
+  const [section, setSection] = useState("overview");
+  const [query, setQuery] = useState("");
+
+  const openIncidents = INCIDENTS.length;
+  const failing = REGIONS.filter((r) => r.health === "failing").length;
+
+  return (
+    <div className="dash-shell">
+      <nav className="dash-nav" aria-label="Sections">
+        <div className="dash-nav-group">
+          <span className="dash-nav-label text-body-sm">Monitor</span>
+          <NavItem
+            icon={<IconActivity size={16} />}
+            label="Overview"
+            id="overview"
+            current={section}
+            onSelect={setSection}
+          />
+          <NavItem
+            icon={<IconAlertTriangle size={16} />}
+            label="Incidents"
+            id="incidents"
+            count={openIncidents}
+            current={section}
+            onSelect={setSection}
+          />
+          <NavItem
+            icon={<IconCloud size={16} />}
+            label="Regions"
+            id="regions"
+            count={REGIONS.length}
+            current={section}
+            onSelect={setSection}
+          />
+        </div>
+
+        <div className="dash-nav-group">
+          <span className="dash-nav-label text-body-sm">Ship</span>
+          <NavItem
+            icon={<IconRocket size={16} />}
+            label="Deploys"
+            id="deploys"
+            current={section}
+            onSelect={setSection}
+          />
+          <NavItem
+            icon={<IconChartDots size={16} />}
+            label="Reports"
+            id="reports"
+            current={section}
+            onSelect={setSection}
+          />
+        </div>
+      </nav>
+
+      <main className="dash-main">
+        <header className="dash-topbar">
+          <div className="flex min-w-0 flex-col gap-1">
+            <h1 className="text-title text-primary">Fleet</h1>
+            <p className="text-body text-secondary">
+              Five regions, {openIncidents} open incidents
+              {failing > 0 ? `, ${failing} failing` : ""}.
+            </p>
+          </div>
+          <div className="flex flex-wrap items-center gap-2">
+            <SearchField
+              value={query}
+              onValueChange={setQuery}
+              placeholder="Search regions and services"
+            />
+            <SegmentedNavigation
+              label="Time range"
+              items={RANGES}
+              value={range}
+              onValueChange={setRange}
+            />
+            <IconButton
+              aria-label={
+                scheme === "dark" ? "Use light mode" : "Use dark mode"
+              }
+              onClick={toggle}
+              icon={
+                scheme === "dark" ? (
+                  <IconSun size={16} />
+                ) : (
+                  <IconMoon size={16} />
+                )
+              }
+            />
+            <Button variant="primary">New check</Button>
+          </div>
+        </header>
+
+        <div className="dash-metric-grid">
+          <Metric
+            label="Requests"
+            value="39.8"
+            unit="k/s"
+            change="+4.2% vs yesterday"
+            direction="up"
+          />
+          <Metric
+            label="Success rate"
+            value="97.4"
+            unit="%"
+            change="−1.9 points"
+            direction="down"
+          />
+          <Metric
+            label="p95 latency"
+            value="188"
+            unit="ms"
+            change="+61 ms"
+            direction="down"
+          />
+          <Metric
+            label="Open incidents"
+            value="4"
+            change="2 acknowledged"
+            direction="flat"
+          />
+        </div>
+
+        <div className="dash-columns">
+          <div className="flex min-w-0 flex-col gap-6">
+            <Panel
+              title="Regions"
+              description="Throughput over the selected window."
+            >
+              <div className="dash-region-grid">
+                {REGIONS.map((region) => (
+                  <article key={region.id} className="dash-region">
+                    <div className="flex items-start justify-between gap-2">
+                      <div className="flex min-w-0 flex-col">
+                        <span className="text-body text-primary">
+                          {region.name}
+                        </span>
+                        <span className="text-mono-sm text-tertiary">
+                          {region.code}
+                        </span>
+                      </div>
+                      <HealthPill health={region.health} />
+                    </div>
+                    <Sparkline
+                      values={region.history}
+                      tone={HEALTH_TONE[region.health]}
+                    />
+                    <div className="flex flex-col gap-1">
+                      <KeyValue
+                        label="Requests"
+                        value={
+                          region.throughput === 0
+                            ? "—"
+                            : `${(region.throughput / 1000).toFixed(1)}k/s`
+                        }
+                      />
+                      <KeyValue
+                        label="Success"
+                        value={
+                          region.successRate === 0
+                            ? "—"
+                            : `${region.successRate.toFixed(2)}%`
+                        }
+                      />
+                      <KeyValue
+                        label="p95"
+                        value={
+                          region.latencyMs === 0
+                            ? "—"
+                            : `${region.latencyMs} ms`
+                        }
+                      />
+                    </div>
+                  </article>
+                ))}
+              </div>
+            </Panel>
+
+            <Panel
+              title="Open incidents"
+              description="Newest first."
+              padded={false}
+              action={
+                <Button variant="quiet" size="compact">
+                  View all
+                </Button>
+              }
+            >
+              {INCIDENTS.map((incident) => (
+                <Row key={incident.id} interactive>
+                  <StatusPill tone={SEVERITY_TONE[incident.severity]}>
+                    {incident.severity}
+                  </StatusPill>
+                  <div className="flex min-w-0 flex-1 flex-col">
+                    <span className="truncate text-body text-primary">
+                      {incident.title}
+                    </span>
+                    <span className="text-body-sm text-tertiary">
+                      <span className="text-mono-sm">{incident.id}</span> ·{" "}
+                      {incident.region} · {incident.openedAt}
+                    </span>
+                  </div>
+                  {incident.assignee ? (
+                    <Avatar
+                      size="small"
+                      alt={`Assigned to ${incident.assignee.name}`}
+                      fallback={incident.assignee.initial}
+                    />
+                  ) : (
+                    <span className="text-body-sm text-disabled">
+                      Unassigned
+                    </span>
+                  )}
+                  <IconChevronRight
+                    size={16}
+                    className="text-tertiary"
+                    aria-hidden="true"
+                  />
+                </Row>
+              ))}
+            </Panel>
+          </div>
+
+          <div className="flex min-w-0 flex-col gap-6">
+            <Panel title="Recent deploys" padded={false}>
+              {DEPLOYS.map((deploy) => (
+                <Row key={deploy.id}>
+                  <div className="flex min-w-0 flex-1 flex-col">
+                    <span className="truncate text-body text-primary">
+                      {deploy.service}
+                    </span>
+                    <span className="text-body-sm text-tertiary">
+                      <span className="text-mono-sm">{deploy.version}</span> ·{" "}
+                      {deploy.author} · {deploy.at}
+                    </span>
+                  </div>
+                  <StatusPill tone={DEPLOY_TONE[deploy.status]}>
+                    {DEPLOY_LABEL[deploy.status]}
+                  </StatusPill>
+                </Row>
+              ))}
+            </Panel>
+
+            <Panel
+              title="Rollout"
+              description="ingest-gateway 2026.9.4 is going out region by region."
+            >
+              <div className="flex flex-col gap-4">
+                <div className="flex flex-col gap-2">
+                  <div className="flex items-baseline justify-between">
+                    <span className="text-body-sm text-secondary">
+                      Progress
+                    </span>
+                    <span className="text-body-sm text-primary tabular-nums">
+                      2 of 5 regions
+                    </span>
+                  </div>
+                  {/* A determinate bar: inset track, accent fill. */}
+                  <div
+                    className="h-2 overflow-hidden rounded-pill bg-inset"
+                    role="progressbar"
+                    aria-valuenow={40}
+                    aria-valuemin={0}
+                    aria-valuemax={100}
+                    aria-label="Rollout progress"
+                  >
+                    <div className="h-full w-2/5 rounded-pill bg-accent" />
+                  </div>
+                </div>
+
+                <div className="flex flex-col gap-1">
+                  <KeyValue label="Started" value="6 min ago" />
+                  <KeyValue label="Error budget" value="98.2% remaining" />
+                  <KeyValue label="Next region" value="euw1" />
+                </div>
+
+                <div className="flex flex-wrap gap-2">
+                  <Button variant="primary" size="compact">
+                    Continue rollout
+                  </Button>
+                  <Button variant="quiet" size="compact">
+                    Hold
+                  </Button>
+                  <Button variant="ghost" size="compact" disabled>
+                    Roll back
+                  </Button>
+                </div>
+              </div>
+            </Panel>
+          </div>
+        </div>
+      </main>
+    </div>
+  );
+}
+
+function NavItem({
+  icon,
+  label,
+  id,
+  count,
+  current,
+  onSelect,
+}: {
+  icon: React.ReactNode;
+  label: string;
+  id: string;
+  count?: number;
+  current: string;
+  onSelect: (id: string) => void;
+}) {
+  const isCurrent = current === id;
+  return (
+    <button
+      type="button"
+      className="dash-nav-item text-body"
+      aria-current={isCurrent ? "page" : undefined}
+      onClick={() => onSelect(id)}
+    >
+      <span aria-hidden="true" className="flex shrink-0">
+        {icon}
+      </span>
+      {label}
+      {count !== undefined ? (
+        <span className="dash-nav-count text-body-sm">{count}</span>
+      ) : null}
+    </button>
+  );
+}
diff --git a/desktop-new/src/features/proving-ground/ui/parts.tsx b/desktop-new/src/features/proving-ground/ui/parts.tsx
new file mode 100644
index 0000000000..66833718e1
--- /dev/null
+++ b/desktop-new/src/features/proving-ground/ui/parts.tsx
@@ -0,0 +1,187 @@
+import type { ReactNode } from "react";
+
+import { type Health, HEALTH_LABEL, HEALTH_TONE } from "../data";
+
+/**
+ * Pieces the proving-ground dashboard is assembled from.
+ *
+ * These are page-local on purpose. The shared layer earns a component when the
+ * product repeats one; this page exists to find out *which* things repeat, so
+ * putting its parts in `shared/ui` first would be guessing. Anything that turns
+ * out to be load-bearing graduates afterwards.
+ */
+
+type Tone = "success" | "warning" | "danger" | "neutral" | "accent" | "info";
+
+/**
+ * A status pill. Tint fill, coloured text — the tint arrangement from
+ * DESIGN.md, where a colour means something rather than carrying an action.
+ */
+export function StatusPill({
+  tone,
+  children,
+}: {
+  tone: Tone;
+  children: ReactNode;
+}) {
+  return (
+    <span className="status-pill" data-tone={tone}>
+      {children}
+    </span>
+  );
+}
+
+export function HealthPill({ health }: { health: Health }) {
+  return (
+    <StatusPill tone={HEALTH_TONE[health]}>{HEALTH_LABEL[health]}</StatusPill>
+  );
+}
+
+/** A page region. Panel surface, generous inset, no card-per-row inside. */
+export function Panel({
+  title,
+  description,
+  action,
+  children,
+  padded = true,
+}: {
+  title: string;
+  description?: string;
+  action?: ReactNode;
+  children: ReactNode;
+  /** False when the content is edge-to-edge rows that supply their own inset. */
+  padded?: boolean;
+}) {
+  return (
+    <section className="dash-panel">
+      <header className="dash-panel-header">
+        <div className="flex min-w-0 flex-col gap-1">
+          <h2 className="text-heading text-primary">{title}</h2>
+          {description ? (
+            <p className="text-body-sm text-secondary">{description}</p>
+          ) : null}
+        </div>
+        {action}
+      </header>
+      <div data-padded={padded || undefined} className="dash-panel-body">
+        {children}
+      </div>
+    </section>
+  );
+}
+
+/**
+ * A headline figure with its label and change.
+ *
+ * Hierarchy comes from size, not colour: the number is `text-display`, the label
+ * is small and secondary. Only the change direction earns a colour, because a
+ * direction is a signal.
+ */
+export function Metric({
+  label,
+  value,
+  unit,
+  change,
+  direction,
+}: {
+  label: string;
+  value: string;
+  unit?: string;
+  change?: string;
+  direction?: "up" | "down" | "flat";
+}) {
+  return (
+    <div className="dash-metric">
+      <span className="text-body-sm text-secondary">{label}</span>
+      <div className="flex items-baseline gap-1.5">
+        <span className="text-display text-primary tabular-nums">{value}</span>
+        {unit ? (
+          <span className="text-body-sm text-tertiary">{unit}</span>
+        ) : null}
+      </div>
+      {change ? (
+        <span
+          className="text-body-sm tabular-nums"
+          data-direction={direction}
+          // A rise is not automatically good, so direction is coloured by what
+          // it means on this metric rather than by which way it points.
+          style={{
+            color:
+              direction === "up"
+                ? "var(--text-success)"
+                : direction === "down"
+                  ? "var(--text-danger)"
+                  : "var(--text-tertiary)",
+          }}
+        >
+          {change}
+        </span>
+      ) : null}
+    </div>
+  );
+}
+
+/**
+ * A bar sparkline, drawn with divs rather than SVG.
+ *
+ * Deliberate: it inherits `currentColor` and the rem-based type scale, so it
+ * tracks the theme and the font-size preference without a redraw. Decorative —
+ * the figure beside it carries the information, so this is hidden from
+ * assistive technology rather than described.
+ */
+export function Sparkline({
+  values,
+  tone = "accent",
+}: {
+  values: number[];
+  tone?: Tone;
+}) {
+  const peak = Math.max(...values, 1);
+  // A reading's position in the window is part of its identity — the oldest
+  // sample is a different thing from the newest — so the key carries both.
+  const bars = values.map((value, index) => ({
+    id: `${index}:${value}`,
+    height: `${Math.max((value / peak) * 100, 4)}%`,
+  }));
+  return (
+    <div className="dash-sparkline" data-tone={tone} aria-hidden="true">
+      {bars.map((bar) => (
+        <span
+          key={bar.id}
+          className="dash-sparkline-bar"
+          style={{ height: bar.height }}
+        />
+      ))}
+    </div>
+  );
+}
+
+/** A dense table row. Dividers, edge to edge — never a card per row. */
+export function Row({
+  children,
+  interactive = false,
+}: {
+  children: ReactNode;
+  interactive?: boolean;
+}) {
+  return (
+    <div className="dash-row" data-interactive={interactive || undefined}>
+      {children}
+    </div>
+  );
+}
+
+export function KeyValue({
+  label,
+  value,
+}: {
+  label: string;
+  value: ReactNode;
+}) {
+  return (
+    <div className="flex items-baseline justify-between gap-4">
+      <span className="text-body-sm text-secondary">{label}</span>
+      <span className="text-body-sm text-primary tabular-nums">{value}</span>
+    </div>
+  );
+}
diff --git a/desktop-new/src/shared/styles/globals.css b/desktop-new/src/shared/styles/globals.css
index 0f91ac28df..fed24b7798 100644
--- a/desktop-new/src/shared/styles/globals.css
+++ b/desktop-new/src/shared/styles/globals.css
@@ -3,6 +3,7 @@
 @import "./typography.css";
 @import "./components.css";
 @import "./chips.css";
+@import "./proving-ground.css";
 @import "./design-components.css";
 @import "./product.css";
 @import "./agents.css";
diff --git a/desktop-new/src/shared/styles/proving-ground.css b/desktop-new/src/shared/styles/proving-ground.css
new file mode 100644
index 0000000000..56a25937a8
--- /dev/null
+++ b/desktop-new/src/shared/styles/proving-ground.css
@@ -0,0 +1,304 @@
+@layer components {
+  /**
+   * Proving-ground dashboard.
+   *
+   * A fictional product built only from role tokens, to find out whether the
+   * system holds up on a real page rather than on a specimen page. Specimen
+   * pages are honest but sympathetic — they show one component at a time, on a
+   * generous backdrop, at a size the designer chose. A dashboard puts forty
+   * decisions next to each other and is where a missing role shows up.
+   */
+
+  .dash-shell {
+    display: grid;
+    min-height: 100vh;
+    grid-template-columns: var(--size-navigator) minmax(0, 1fr);
+    background: var(--bg-app);
+  }
+
+  /* Narrow: the navigator becomes a top strip rather than a drawer. There is no
+     drawer machinery here yet, and a horizontal strip is honest about that. */
+  @media (max-width: 60rem) {
+    .dash-shell {
+      grid-template-columns: minmax(0, 1fr);
+    }
+  }
+
+  .dash-nav {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-6);
+    padding: var(--space-panel-inset);
+    border-right: 1px solid var(--border-tertiary);
+  }
+
+  @media (max-width: 60rem) {
+    .dash-nav {
+      flex-direction: row;
+      align-items: center;
+      gap: var(--space-4);
+      overflow-x: auto;
+      border-right: 0;
+      border-bottom: 1px solid var(--border-tertiary);
+      padding-block: var(--space-3);
+    }
+  }
+
+  .dash-nav-group {
+    display: flex;
+    min-width: 0;
+    flex-direction: column;
+    gap: var(--space-1);
+  }
+
+  @media (max-width: 60rem) {
+    .dash-nav-group {
+      flex-direction: row;
+      align-items: center;
+      gap: var(--space-1);
+    }
+
+    /* The section labels are useful in a column and noise in a strip. */
+    .dash-nav-label {
+      display: none;
+    }
+  }
+
+  .dash-nav-label {
+    padding-inline: var(--space-2);
+    padding-block: var(--space-1);
+    color: var(--text-tertiary);
+  }
+
+  .dash-nav-item {
+    display: flex;
+    align-items: center;
+    gap: var(--space-row-gap);
+    border: 0;
+    border-radius: var(--radius-row);
+    padding: var(--space-2) var(--space-2);
+    background: transparent;
+    color: var(--text-secondary);
+    font: inherit;
+    text-align: start;
+    white-space: nowrap;
+    cursor: pointer;
+    transition:
+      background-color var(--duration-state) var(--easing-state),
+      color var(--duration-state) var(--easing-state);
+  }
+
+  .dash-nav-item:hover {
+    background: var(--bg-hover);
+    color: var(--text-primary);
+  }
+
+  /* Selected is a tint plus coloured text — the tint arrangement. Weight is
+     never used to say "selected"; that is reserved for structure. */
+  .dash-nav-item[aria-current="page"] {
+    background: var(--bg-accent-tint);
+    color: var(--text-accent);
+  }
+
+  .dash-nav-item:focus-visible {
+    outline: 2px solid var(--ring-focus);
+    outline-offset: 2px;
+  }
+
+  .dash-nav-count {
+    margin-inline-start: auto;
+    color: var(--text-tertiary);
+    font-variant-numeric: tabular-nums;
+  }
+
+  @media (max-width: 60rem) {
+    .dash-nav-count {
+      margin-inline-start: var(--space-1);
+    }
+  }
+
+  .dash-main {
+    display: flex;
+    min-width: 0;
+    flex-direction: column;
+    gap: var(--space-6);
+    padding: var(--space-panel-inset);
+  }
+
+  .dash-topbar {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: flex-start;
+    justify-content: space-between;
+    gap: var(--space-4);
+  }
+
+  .dash-metric-grid {
+    display: grid;
+    gap: var(--space-4);
+    grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
+  }
+
+  .dash-metric {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-1);
+    min-width: 0;
+  }
+
+  .dash-columns {
+    display: grid;
+    gap: var(--space-6);
+    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
+    align-items: start;
+  }
+
+  @media (max-width: 72rem) {
+    .dash-columns {
+      grid-template-columns: minmax(0, 1fr);
+    }
+  }
+
+  .dash-panel {
+    display: flex;
+    min-width: 0;
+    flex-direction: column;
+    overflow: hidden;
+    border: 1px solid var(--border-tertiary);
+    border-radius: var(--radius-panel);
+    background: var(--bg-panel);
+    box-shadow: var(--shadow-xs);
+  }
+
+  .dash-panel-header {
+    display: flex;
+    align-items: flex-start;
+    justify-content: space-between;
+    gap: var(--space-4);
+    padding: var(--space-5) var(--space-panel-inset);
+  }
+
+  .dash-panel-body[data-padded] {
+    padding: 0 var(--space-panel-inset) var(--space-panel-inset);
+  }
+
+  /* Dense rows, edge to edge, separated by a line rather than by cards. */
+  .dash-row {
+    display: flex;
+    align-items: center;
+    gap: var(--space-4);
+    padding: var(--space-3) var(--space-panel-inset);
+    border-top: 1px solid var(--border-tertiary);
+  }
+
+  .dash-row[data-interactive] {
+    cursor: pointer;
+    transition: background-color var(--duration-state) var(--easing-state);
+  }
+
+  .dash-row[data-interactive]:hover {
+    background: var(--bg-hover);
+  }
+
+  .status-pill {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--space-1);
+    border-radius: var(--radius-pill);
+    padding: 0.125rem var(--space-2);
+    white-space: nowrap;
+  }
+
+  .status-pill[data-tone="success"] {
+    background: var(--bg-success-tint);
+    color: var(--text-success);
+  }
+
+  .status-pill[data-tone="warning"] {
+    background: var(--bg-warning-tint);
+    color: var(--text-warning);
+  }
+
+  .status-pill[data-tone="danger"] {
+    background: var(--bg-danger-tint);
+    color: var(--text-danger);
+  }
+
+  .status-pill[data-tone="info"] {
+    background: var(--bg-info-tint);
+    color: var(--text-info);
+  }
+
+  .status-pill[data-tone="accent"] {
+    background: var(--bg-accent-tint);
+    color: var(--text-accent);
+  }
+
+  /* Paused is not a status colour: nothing is wrong, so a colour would teach
+     people to distrust the coloured ones. */
+  .status-pill[data-tone="neutral"] {
+    background: var(--bg-inset);
+    color: var(--text-secondary);
+  }
+
+  .dash-sparkline {
+    display: flex;
+    align-items: flex-end;
+    gap: 2px;
+    height: 2rem;
+    min-width: 4rem;
+    flex: 1 1 auto;
+  }
+
+  .dash-sparkline-bar {
+    flex: 1 1 0;
+    min-width: 2px;
+    border-radius: 1px;
+    background: currentColor;
+  }
+
+  .dash-sparkline[data-tone="success"] {
+    color: var(--bg-success);
+  }
+
+  .dash-sparkline[data-tone="warning"] {
+    color: var(--bg-warning);
+  }
+
+  .dash-sparkline[data-tone="danger"] {
+    color: var(--bg-danger);
+  }
+
+  .dash-sparkline[data-tone="accent"] {
+    color: var(--bg-accent);
+  }
+
+  .dash-sparkline[data-tone="neutral"] {
+    color: var(--border-secondary);
+  }
+
+  .dash-region-grid {
+    display: grid;
+    gap: var(--space-4);
+    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
+  }
+
+  /* A region tile is a widget, which is what a card is legitimately for. */
+  .dash-region {
+    display: flex;
+    min-width: 0;
+    flex-direction: column;
+    gap: var(--space-3);
+    border: 1px solid var(--border-tertiary);
+    border-radius: var(--radius-control);
+    padding: var(--space-4);
+    background: var(--bg-inset);
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .dash-nav-item,
+    .dash-row[data-interactive] {
+      transition-duration: 0ms;
+    }
+  }
+}
diff --git a/desktop-new/src/shared/styles/tokens.css b/desktop-new/src/shared/styles/tokens.css
index 13194796db..ed83889bcc 100644
--- a/desktop-new/src/shared/styles/tokens.css
+++ b/desktop-new/src/shared/styles/tokens.css
@@ -10,8 +10,9 @@
  *
  * The palette exists because the layer above it was 114 hand-picked hex values.
  * Nothing enforced that two tokens doing the same job agreed, and they drifted:
- * `accent-2` and `tint-purple` were the same purple in light mode and two
- * different purples in dark. Picking a step from a ramp cannot drift that way.
+ * an accent tint and a categorical purple were the same purple in light mode
+ * and two different purples in dark. Picking a step from a ramp cannot drift
+ * that way.
  *
  * It also exists because a hue's dark steps are not its light steps dimmed.
  * Tailwind's purple gets *more* saturated as it darkens (950 is 87% saturation),
@@ -357,19 +358,6 @@
   --glass-4: #ffffffc7; /* glass hovered  */
   --glass-5: #ffffffe0; /* nearly solid   */
 
-  /* --- Categorical. Named by appearance, deliberately: the
-     choice IS appearance — telling two projects apart.
-     Every one is the same step as a family tint, from the same
-     palette. Before the palette existed these were hand-picked
-     alongside the families and drifted: tint-purple and the
-     accent tint matched in light mode and disagreed in dark. */
-  --tint-blue: var(--palette-blue-3);
-  --tint-purple: var(--palette-purple-3);
-  --tint-orange: var(--palette-orange-3);
-  --tint-green: var(--palette-green-3);
-  --tint-red: var(--palette-red-3);
-  --tint-cyan: var(--palette-cyan-3);
-
   /* --- Gradients. Numbered background treatments. ---------- */
   --gradient-1:
     radial-gradient(at 85% 88%, #eef2d4 0%, transparent 62%),
@@ -443,8 +431,8 @@
   /* Every coloured family is absent here on purpose. A family points at a
      palette step, and `.dark` already redefines the whole palette — so
      `--accent-tint` resolves to the dark purple ramp with nothing restated.
-     This block used to hold 50 hand-picked values, which is where
-     `tint-purple` and the accent tint drifted apart. */
+     This block used to hold 50 hand-picked values, which is where the accent
+     tint and a hand-picked categorical purple drifted apart. */
 
   --glass-1: #1c1c1c5c;
   --glass-2: #1c1c1c85;
@@ -686,13 +674,6 @@
   --color-panel-glass: var(--bg-panel-glass);
   --color-float-glass: var(--bg-float-glass);
 
-  --color-tint-blue: var(--tint-blue);
-  --color-tint-purple: var(--tint-purple);
-  --color-tint-orange: var(--tint-orange);
-  --color-tint-green: var(--tint-green);
-  --color-tint-red: var(--tint-red);
-  --color-tint-cyan: var(--tint-cyan);
-
   --spacing-workspace-inset: var(--space-workspace-inset);
   --spacing-panel-gap: var(--space-panel-gap);
   --spacing-panel-inset: var(--space-panel-inset);
diff --git a/desktop-new/src/shared/tokens/registry.ts b/desktop-new/src/shared/tokens/registry.ts
index 4c726640e8..f58f341e10 100644
--- a/desktop-new/src/shared/tokens/registry.ts
+++ b/desktop-new/src/shared/tokens/registry.ts
@@ -457,22 +457,6 @@ export const ROLE_GROUPS: RoleGroup[] = [
       },
     ],
   },
-  {
-    id: "categorical",
-    name: "Categorical tints",
-    description:
-      "The one documented exception to naming colours after their job: telling two projects apart genuinely is a choice about appearance, and pretending otherwise would push people back to raw values.",
-    roles: (["blue", "purple", "orange", "green", "red", "cyan"] as const).map(
-      (hue) => ({
-        token: `bg-tint-${hue}`,
-        variable: `--tint-${hue}`,
-        pointsAt: "a literal, by design",
-        use: `A categorical ${hue} tint for distinguishing one thing from another.`,
-        status: "core" as TokenStatus,
-        exception: "Named by appearance because the choice is appearance.",
-      }),
-    ),
-  },
 ];
 
 /* ============================================================
@@ -492,17 +476,6 @@ export const VOCABULARY: Array<{ group: string; words: string[] }> = [
   { group: "identity", words: ["accent", "inverse"] },
   { group: "status", words: ["success", "warning", "danger", "info"] },
   { group: "paired", words: ["on-accent", "on-inverse"] },
-  {
-    group: "categorical",
-    words: [
-      "tint-blue",
-      "tint-purple",
-      "tint-orange",
-      "tint-green",
-      "tint-red",
-      "tint-cyan",
-    ],
-  },
 ];
 
 export const GRAMMAR = "<property>-<role>[-<modifier>][-<material>][-<state>]";
@@ -870,8 +843,4 @@ export const EXCEPTIONS = [
     name: "gradient-1, texture-dots",
     why: "Not colours in the ramp sense.",
   },
-  {
-    name: "the categorical tints",
-    why: "Named by appearance because the choice is appearance.",
-  },
 ];

From adc6639c0620b8097165d608578b6c514ce43894 Mon Sep 17 00:00:00 2001
From: morgmart <98432065+morgmart@users.noreply.github.com>
Date: Sun, 6 Sep 2026 21:22:59 -0700
Subject: [PATCH 16/33] desktop-new: cards carry no default fill

A card sits on the panel and is grouped by a hairline. Fill is reserved
for bg-hover, and only where the card is clickable, so a filled card
always means you are pointing at this rather than merely this is a box.

The region tiles were using bg-inset, which means pushed in - an input
or a code block - the opposite gesture from grouping, and read as a grid
of empty text fields inside a filled panel. No new role is needed: a
card with no default fill has nothing to name.

Signed-off-by: morgmart <98432065+morgmart@users.noreply.github.com>
---
 desktop-new/DESIGN.md                           |  1 +
 .../src/shared/styles/proving-ground.css        | 17 ++++++++++++++---
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/desktop-new/DESIGN.md b/desktop-new/DESIGN.md
index ee94f9c9d8..31e617de03 100644
--- a/desktop-new/DESIGN.md
+++ b/desktop-new/DESIGN.md
@@ -70,6 +70,7 @@ Buzz is a place where people build together and bring their agents into the room
 - **Content that separates itself needs no divider, and no container.** A divider is for uniform rows where the eye needs a line to track along. When each entry already carries a visible difference — a colour swatch, a type specimen, an avatar — the content is the separator, and adding a rule or a card on top is redundant structure. Space alone is enough.
 - **Never judge a value against a surface it will not be used on.** A swatch on a grey fill, or a type specimen in a tinted box, is being evaluated in a context the product will never reproduce. Samples sit on the page. The one exception is a value that needs a backdrop to exist at all — translucency needs something behind it, and a white surface swatch needs a hairline or it renders as nothing.
 - **Cards are for widgets, galleries, and settings groups.** A card is a bordered, padded region on the page, not a different depth.
+- **A card carries no default fill.** It sits on `bg-panel` and is grouped by a hairline or by spacing. Fill on a card is reserved for `bg-hover`, and only where the card is actually clickable — so a filled card always means *you are pointing at this*, never merely *this is a box*. This is why there is no `bg-card` role: a card with no default fill needs no name. It also rules out the cards-in-cards look, where a filled card inside a filled panel reads as a stack of empty text fields. Reaching for `bg-inset` here is the specific mistake — `inset` means pushed in, like an input or a code block, which is the opposite gesture from grouping.
 - **Pick the frame before the content.** Decide what the surface is — a list, a reading column, a workspace — before filling it.
 - **Whitespace is generous by default.** Crowding reads as a different product.
 
diff --git a/desktop-new/src/shared/styles/proving-ground.css b/desktop-new/src/shared/styles/proving-ground.css
index 56a25937a8..9da87f5796 100644
--- a/desktop-new/src/shared/styles/proving-ground.css
+++ b/desktop-new/src/shared/styles/proving-ground.css
@@ -283,7 +283,9 @@
     grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
   }
 
-  /* A region tile is a widget, which is what a card is legitimately for. */
+  /* A card carries no default fill. It sits on the panel and is grouped by a
+     hairline, so fill is free to mean one thing only: you are pointing at this.
+     Add `data-interactive` when a card is actually clickable. */
   .dash-region {
     display: flex;
     min-width: 0;
@@ -292,12 +294,21 @@
     border: 1px solid var(--border-tertiary);
     border-radius: var(--radius-control);
     padding: var(--space-4);
-    background: var(--bg-inset);
+  }
+
+  .dash-region[data-interactive] {
+    cursor: pointer;
+    transition: background-color var(--duration-state) var(--easing-state);
+  }
+
+  .dash-region[data-interactive]:hover {
+    background: var(--bg-hover);
   }
 
   @media (prefers-reduced-motion: reduce) {
     .dash-nav-item,
-    .dash-row[data-interactive] {
+    .dash-row[data-interactive],
+    .dash-region[data-interactive] {
       transition-duration: 0ms;
     }
   }

From 4100246b751dd0423390408a861f3e4c5000a96d Mon Sep 17 00:00:00 2001
From: morgmart <98432065+morgmart@users.noreply.github.com>
Date: Sun, 6 Sep 2026 22:05:29 -0700
Subject: [PATCH 17/33] desktop-new: ignore vite.local.config.ts

A local Vite config can wrap the committed one to append a personal
dev-only plugin. Ignoring it makes that structurally uncommittable
rather than something to remember not to stage.

Signed-off-by: morgmart <98432065+morgmart@users.noreply.github.com>
---
 desktop-new/.gitignore | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/desktop-new/.gitignore b/desktop-new/.gitignore
index f3a0b5e2f3..39e48f6406 100644
--- a/desktop-new/.gitignore
+++ b/desktop-new/.gitignore
@@ -5,3 +5,7 @@ test-results
 *.log
 .DS_Store
 src/app/routeTree.gen.ts
+
+# Local-only dev tooling. A config here wraps the committed vite.config.ts to
+# add a personal plugin; it is ignored so it cannot be committed by accident.
+vite.local.config.ts

From ce94bb1599641fb4e24d520f1996e6dca50ba809 Mon Sep 17 00:00:00 2001
From: morgmart <98432065+morgmart@users.noreply.github.com>
Date: Sun, 6 Sep 2026 22:23:48 -0700
Subject: [PATCH 18/33] desktop-new: delete the proving-ground dashboard

It was meant to stress the design system by putting many decisions next
to each other. It did surface one real finding - the neutral hover step
is tuned for hovering a filled component, not a bare row, so the same
token is too weak for a quiet button and too strong for a bare row - but
the page was ~85% bespoke CSS routed around the shared components, so
most of what it showed was its own scaffolding rather than the system.

The app itself is the better proving ground. Removing this rather than
carrying a mockup whose defects have to be triaged separately from the
product's.

Signed-off-by: morgmart <98432065+morgmart@users.noreply.github.com>
---
 desktop-new/src/app/routes/proving-ground.tsx |   6 -
 .../src/features/proving-ground/data.ts       | 187 --------
 .../proving-ground/ui/ProvingGroundPage.tsx   | 401 ------------------
 .../src/features/proving-ground/ui/parts.tsx  | 187 --------
 desktop-new/src/shared/styles/globals.css     |   1 -
 .../src/shared/styles/proving-ground.css      | 315 --------------
 6 files changed, 1097 deletions(-)
 delete mode 100644 desktop-new/src/app/routes/proving-ground.tsx
 delete mode 100644 desktop-new/src/features/proving-ground/data.ts
 delete mode 100644 desktop-new/src/features/proving-ground/ui/ProvingGroundPage.tsx
 delete mode 100644 desktop-new/src/features/proving-ground/ui/parts.tsx
 delete mode 100644 desktop-new/src/shared/styles/proving-ground.css

diff --git a/desktop-new/src/app/routes/proving-ground.tsx b/desktop-new/src/app/routes/proving-ground.tsx
deleted file mode 100644
index ff103a937a..0000000000
--- a/desktop-new/src/app/routes/proving-ground.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import { createFileRoute } from "@tanstack/react-router";
-import { ProvingGroundPage } from "@/features/proving-ground/ui/ProvingGroundPage";
-
-export const Route = createFileRoute("/proving-ground")({
-  component: ProvingGroundPage,
-});
diff --git a/desktop-new/src/features/proving-ground/data.ts b/desktop-new/src/features/proving-ground/data.ts
deleted file mode 100644
index 1780500221..0000000000
--- a/desktop-new/src/features/proving-ground/data.ts
+++ /dev/null
@@ -1,187 +0,0 @@
-/**
- * Fixture data for the proving ground.
- *
- * A fictional product — a fleet-monitoring dashboard — deliberately unrelated to
- * Buzz. The point is to exercise the design system at the density and variety a
- * real page has, without any of it becoming a claim about what Buzz looks like.
- * Nothing here is a product decision; it is load for the tokens to carry.
- */
-
-export type Health = "healthy" | "degraded" | "failing" | "paused";
-
-export type Region = {
-  id: string;
-  name: string;
-  code: string;
-  health: Health;
-  /** Requests per second, for the sparkline and the headline figure. */
-  throughput: number;
-  /** Percentage, one decimal. */
-  successRate: number;
-  latencyMs: number;
-  /** Twelve readings, oldest first. */
-  history: number[];
-};
-
-export type Incident = {
-  id: string;
-  title: string;
-  region: string;
-  severity: "critical" | "warning" | "info";
-  openedAt: string;
-  assignee?: { name: string; initial: string };
-  acknowledged: boolean;
-};
-
-export type Deploy = {
-  id: string;
-  service: string;
-  version: string;
-  status: "live" | "rolling" | "held" | "rolled-back";
-  author: string;
-  at: string;
-};
-
-export const REGIONS: Region[] = [
-  {
-    id: "use1",
-    name: "US East",
-    code: "use1",
-    health: "healthy",
-    throughput: 18420,
-    successRate: 99.98,
-    latencyMs: 42,
-    history: [12, 14, 13, 16, 18, 17, 19, 21, 20, 22, 24, 23],
-  },
-  {
-    id: "usw2",
-    name: "US West",
-    code: "usw2",
-    health: "healthy",
-    throughput: 11260,
-    successRate: 99.94,
-    latencyMs: 51,
-    history: [9, 10, 11, 10, 12, 13, 12, 14, 13, 15, 14, 16],
-  },
-  {
-    id: "euw1",
-    name: "EU West",
-    code: "euw1",
-    health: "degraded",
-    throughput: 8940,
-    successRate: 97.21,
-    latencyMs: 189,
-    history: [14, 13, 15, 14, 12, 11, 9, 8, 10, 9, 7, 8],
-  },
-  {
-    id: "apse1",
-    name: "AP Southeast",
-    code: "apse1",
-    health: "failing",
-    throughput: 1180,
-    successRate: 71.44,
-    latencyMs: 842,
-    history: [11, 12, 10, 11, 9, 7, 5, 3, 2, 2, 1, 1],
-  },
-  {
-    id: "sae1",
-    name: "SA East",
-    code: "sae1",
-    health: "paused",
-    throughput: 0,
-    successRate: 0,
-    latencyMs: 0,
-    history: [6, 6, 5, 6, 4, 3, 0, 0, 0, 0, 0, 0],
-  },
-];
-
-export const INCIDENTS: Incident[] = [
-  {
-    id: "INC-4821",
-    title: "Elevated 5xx from the ingest gateway",
-    region: "apse1",
-    severity: "critical",
-    openedAt: "14 min ago",
-    assignee: { name: "Priya Raman", initial: "P" },
-    acknowledged: true,
-  },
-  {
-    id: "INC-4820",
-    title: "Replica lag above threshold on the primary cluster",
-    region: "euw1",
-    severity: "warning",
-    openedAt: "38 min ago",
-    assignee: { name: "Tomas Lindqvist", initial: "T" },
-    acknowledged: true,
-  },
-  {
-    id: "INC-4819",
-    title: "Certificate expires in 6 days",
-    region: "usw2",
-    severity: "info",
-    openedAt: "2 hr ago",
-    acknowledged: false,
-  },
-  {
-    id: "INC-4817",
-    title: "Queue depth climbing without a matching request increase",
-    region: "euw1",
-    severity: "warning",
-    openedAt: "5 hr ago",
-    assignee: { name: "Dani Okonkwo", initial: "D" },
-    acknowledged: false,
-  },
-];
-
-export const DEPLOYS: Deploy[] = [
-  {
-    id: "d-9931",
-    service: "ingest-gateway",
-    version: "2026.9.4",
-    status: "rolling",
-    author: "Priya Raman",
-    at: "6 min ago",
-  },
-  {
-    id: "d-9930",
-    service: "index-writer",
-    version: "2026.9.3",
-    status: "live",
-    author: "Marco Bellini",
-    at: "1 hr ago",
-  },
-  {
-    id: "d-9929",
-    service: "query-planner",
-    version: "2026.9.3",
-    status: "held",
-    author: "Dani Okonkwo",
-    at: "3 hr ago",
-  },
-  {
-    id: "d-9927",
-    service: "ingest-gateway",
-    version: "2026.9.2",
-    status: "rolled-back",
-    author: "Tomas Lindqvist",
-    at: "yesterday",
-  },
-];
-
-/** Maps a health state to the status family that carries its meaning. */
-export const HEALTH_TONE: Record<
-  Health,
-  "success" | "warning" | "danger" | "neutral"
-> = {
-  healthy: "success",
-  degraded: "warning",
-  failing: "danger",
-  paused: "neutral",
-};
-
-export const HEALTH_LABEL: Record<Health, string> = {
-  healthy: "Healthy",
-  degraded: "Degraded",
-  failing: "Failing",
-  paused: "Paused",
-};
diff --git a/desktop-new/src/features/proving-ground/ui/ProvingGroundPage.tsx b/desktop-new/src/features/proving-ground/ui/ProvingGroundPage.tsx
deleted file mode 100644
index e963473588..0000000000
--- a/desktop-new/src/features/proving-ground/ui/ProvingGroundPage.tsx
+++ /dev/null
@@ -1,401 +0,0 @@
-import {
-  IconActivity,
-  IconAlertTriangle,
-  IconChartDots,
-  IconChevronRight,
-  IconCloud,
-  IconMoon,
-  IconRocket,
-  IconSun,
-} from "@tabler/icons-react";
-import { useState } from "react";
-
-import { useColorScheme } from "@/shared/theme/useColorScheme";
-import { Avatar } from "@/shared/ui/Avatar";
-import { Button } from "@/shared/ui/Button";
-import { IconButton } from "@/shared/ui/IconButton";
-import { SearchField } from "@/shared/ui/SearchField";
-import { SegmentedNavigation } from "@/shared/ui/SegmentedNavigation";
-
-import { DEPLOYS, HEALTH_TONE, INCIDENTS, REGIONS } from "../data";
-import {
-  HealthPill,
-  KeyValue,
-  Metric,
-  Panel,
-  Row,
-  Sparkline,
-  StatusPill,
-} from "./parts";
-
-/**
- * The proving ground: a fictional fleet-monitoring dashboard.
- *
- * Deliberately not Buzz. Its job is to load the design system the way a real
- * product does — many decisions adjacent to each other, at density, in both
- * modes — and to be the surface a generated theme is judged on. A specimen page
- * shows one component at a time on a backdrop the designer chose; this shows
- * forty at once, which is where a missing role or a wrong neutral step appears.
- *
- * Built only from role tokens. If something here needs a value the system does
- * not have, that is the finding.
- */
-
-const RANGES = [
-  { value: "1h", label: "1 hour" },
-  { value: "24h", label: "24 hours" },
-  { value: "7d", label: "7 days" },
-] as const;
-
-const SEVERITY_TONE = {
-  critical: "danger",
-  warning: "warning",
-  info: "info",
-} as const;
-
-const DEPLOY_TONE = {
-  live: "success",
-  rolling: "accent",
-  held: "warning",
-  "rolled-back": "danger",
-} as const;
-
-const DEPLOY_LABEL = {
-  live: "Live",
-  rolling: "Rolling out",
-  held: "Held",
-  "rolled-back": "Rolled back",
-} as const;
-
-export function ProvingGroundPage() {
-  const { scheme, toggle } = useColorScheme();
-  const [range, setRange] = useState<string>("24h");
-  const [section, setSection] = useState("overview");
-  const [query, setQuery] = useState("");
-
-  const openIncidents = INCIDENTS.length;
-  const failing = REGIONS.filter((r) => r.health === "failing").length;
-
-  return (
-    <div className="dash-shell">
-      <nav className="dash-nav" aria-label="Sections">
-        <div className="dash-nav-group">
-          <span className="dash-nav-label text-body-sm">Monitor</span>
-          <NavItem
-            icon={<IconActivity size={16} />}
-            label="Overview"
-            id="overview"
-            current={section}
-            onSelect={setSection}
-          />
-          <NavItem
-            icon={<IconAlertTriangle size={16} />}
-            label="Incidents"
-            id="incidents"
-            count={openIncidents}
-            current={section}
-            onSelect={setSection}
-          />
-          <NavItem
-            icon={<IconCloud size={16} />}
-            label="Regions"
-            id="regions"
-            count={REGIONS.length}
-            current={section}
-            onSelect={setSection}
-          />
-        </div>
-
-        <div className="dash-nav-group">
-          <span className="dash-nav-label text-body-sm">Ship</span>
-          <NavItem
-            icon={<IconRocket size={16} />}
-            label="Deploys"
-            id="deploys"
-            current={section}
-            onSelect={setSection}
-          />
-          <NavItem
-            icon={<IconChartDots size={16} />}
-            label="Reports"
-            id="reports"
-            current={section}
-            onSelect={setSection}
-          />
-        </div>
-      </nav>
-
-      <main className="dash-main">
-        <header className="dash-topbar">
-          <div className="flex min-w-0 flex-col gap-1">
-            <h1 className="text-title text-primary">Fleet</h1>
-            <p className="text-body text-secondary">
-              Five regions, {openIncidents} open incidents
-              {failing > 0 ? `, ${failing} failing` : ""}.
-            </p>
-          </div>
-          <div className="flex flex-wrap items-center gap-2">
-            <SearchField
-              value={query}
-              onValueChange={setQuery}
-              placeholder="Search regions and services"
-            />
-            <SegmentedNavigation
-              label="Time range"
-              items={RANGES}
-              value={range}
-              onValueChange={setRange}
-            />
-            <IconButton
-              aria-label={
-                scheme === "dark" ? "Use light mode" : "Use dark mode"
-              }
-              onClick={toggle}
-              icon={
-                scheme === "dark" ? (
-                  <IconSun size={16} />
-                ) : (
-                  <IconMoon size={16} />
-                )
-              }
-            />
-            <Button variant="primary">New check</Button>
-          </div>
-        </header>
-
-        <div className="dash-metric-grid">
-          <Metric
-            label="Requests"
-            value="39.8"
-            unit="k/s"
-            change="+4.2% vs yesterday"
-            direction="up"
-          />
-          <Metric
-            label="Success rate"
-            value="97.4"
-            unit="%"
-            change="−1.9 points"
-            direction="down"
-          />
-          <Metric
-            label="p95 latency"
-            value="188"
-            unit="ms"
-            change="+61 ms"
-            direction="down"
-          />
-          <Metric
-            label="Open incidents"
-            value="4"
-            change="2 acknowledged"
-            direction="flat"
-          />
-        </div>
-
-        <div className="dash-columns">
-          <div className="flex min-w-0 flex-col gap-6">
-            <Panel
-              title="Regions"
-              description="Throughput over the selected window."
-            >
-              <div className="dash-region-grid">
-                {REGIONS.map((region) => (
-                  <article key={region.id} className="dash-region">
-                    <div className="flex items-start justify-between gap-2">
-                      <div className="flex min-w-0 flex-col">
-                        <span className="text-body text-primary">
-                          {region.name}
-                        </span>
-                        <span className="text-mono-sm text-tertiary">
-                          {region.code}
-                        </span>
-                      </div>
-                      <HealthPill health={region.health} />
-                    </div>
-                    <Sparkline
-                      values={region.history}
-                      tone={HEALTH_TONE[region.health]}
-                    />
-                    <div className="flex flex-col gap-1">
-                      <KeyValue
-                        label="Requests"
-                        value={
-                          region.throughput === 0
-                            ? "—"
-                            : `${(region.throughput / 1000).toFixed(1)}k/s`
-                        }
-                      />
-                      <KeyValue
-                        label="Success"
-                        value={
-                          region.successRate === 0
-                            ? "—"
-                            : `${region.successRate.toFixed(2)}%`
-                        }
-                      />
-                      <KeyValue
-                        label="p95"
-                        value={
-                          region.latencyMs === 0
-                            ? "—"
-                            : `${region.latencyMs} ms`
-                        }
-                      />
-                    </div>
-                  </article>
-                ))}
-              </div>
-            </Panel>
-
-            <Panel
-              title="Open incidents"
-              description="Newest first."
-              padded={false}
-              action={
-                <Button variant="quiet" size="compact">
-                  View all
-                </Button>
-              }
-            >
-              {INCIDENTS.map((incident) => (
-                <Row key={incident.id} interactive>
-                  <StatusPill tone={SEVERITY_TONE[incident.severity]}>
-                    {incident.severity}
-                  </StatusPill>
-                  <div className="flex min-w-0 flex-1 flex-col">
-                    <span className="truncate text-body text-primary">
-                      {incident.title}
-                    </span>
-                    <span className="text-body-sm text-tertiary">
-                      <span className="text-mono-sm">{incident.id}</span> ·{" "}
-                      {incident.region} · {incident.openedAt}
-                    </span>
-                  </div>
-                  {incident.assignee ? (
-                    <Avatar
-                      size="small"
-                      alt={`Assigned to ${incident.assignee.name}`}
-                      fallback={incident.assignee.initial}
-                    />
-                  ) : (
-                    <span className="text-body-sm text-disabled">
-                      Unassigned
-                    </span>
-                  )}
-                  <IconChevronRight
-                    size={16}
-                    className="text-tertiary"
-                    aria-hidden="true"
-                  />
-                </Row>
-              ))}
-            </Panel>
-          </div>
-
-          <div className="flex min-w-0 flex-col gap-6">
-            <Panel title="Recent deploys" padded={false}>
-              {DEPLOYS.map((deploy) => (
-                <Row key={deploy.id}>
-                  <div className="flex min-w-0 flex-1 flex-col">
-                    <span className="truncate text-body text-primary">
-                      {deploy.service}
-                    </span>
-                    <span className="text-body-sm text-tertiary">
-                      <span className="text-mono-sm">{deploy.version}</span> ·{" "}
-                      {deploy.author} · {deploy.at}
-                    </span>
-                  </div>
-                  <StatusPill tone={DEPLOY_TONE[deploy.status]}>
-                    {DEPLOY_LABEL[deploy.status]}
-                  </StatusPill>
-                </Row>
-              ))}
-            </Panel>
-
-            <Panel
-              title="Rollout"
-              description="ingest-gateway 2026.9.4 is going out region by region."
-            >
-              <div className="flex flex-col gap-4">
-                <div className="flex flex-col gap-2">
-                  <div className="flex items-baseline justify-between">
-                    <span className="text-body-sm text-secondary">
-                      Progress
-                    </span>
-                    <span className="text-body-sm text-primary tabular-nums">
-                      2 of 5 regions
-                    </span>
-                  </div>
-                  {/* A determinate bar: inset track, accent fill. */}
-                  <div
-                    className="h-2 overflow-hidden rounded-pill bg-inset"
-                    role="progressbar"
-                    aria-valuenow={40}
-                    aria-valuemin={0}
-                    aria-valuemax={100}
-                    aria-label="Rollout progress"
-                  >
-                    <div className="h-full w-2/5 rounded-pill bg-accent" />
-                  </div>
-                </div>
-
-                <div className="flex flex-col gap-1">
-                  <KeyValue label="Started" value="6 min ago" />
-                  <KeyValue label="Error budget" value="98.2% remaining" />
-                  <KeyValue label="Next region" value="euw1" />
-                </div>
-
-                <div className="flex flex-wrap gap-2">
-                  <Button variant="primary" size="compact">
-                    Continue rollout
-                  </Button>
-                  <Button variant="quiet" size="compact">
-                    Hold
-                  </Button>
-                  <Button variant="ghost" size="compact" disabled>
-                    Roll back
-                  </Button>
-                </div>
-              </div>
-            </Panel>
-          </div>
-        </div>
-      </main>
-    </div>
-  );
-}
-
-function NavItem({
-  icon,
-  label,
-  id,
-  count,
-  current,
-  onSelect,
-}: {
-  icon: React.ReactNode;
-  label: string;
-  id: string;
-  count?: number;
-  current: string;
-  onSelect: (id: string) => void;
-}) {
-  const isCurrent = current === id;
-  return (
-    <button
-      type="button"
-      className="dash-nav-item text-body"
-      aria-current={isCurrent ? "page" : undefined}
-      onClick={() => onSelect(id)}
-    >
-      <span aria-hidden="true" className="flex shrink-0">
-        {icon}
-      </span>
-      {label}
-      {count !== undefined ? (
-        <span className="dash-nav-count text-body-sm">{count}</span>
-      ) : null}
-    </button>
-  );
-}
diff --git a/desktop-new/src/features/proving-ground/ui/parts.tsx b/desktop-new/src/features/proving-ground/ui/parts.tsx
deleted file mode 100644
index 66833718e1..0000000000
--- a/desktop-new/src/features/proving-ground/ui/parts.tsx
+++ /dev/null
@@ -1,187 +0,0 @@
-import type { ReactNode } from "react";
-
-import { type Health, HEALTH_LABEL, HEALTH_TONE } from "../data";
-
-/**
- * Pieces the proving-ground dashboard is assembled from.
- *
- * These are page-local on purpose. The shared layer earns a component when the
- * product repeats one; this page exists to find out *which* things repeat, so
- * putting its parts in `shared/ui` first would be guessing. Anything that turns
- * out to be load-bearing graduates afterwards.
- */
-
-type Tone = "success" | "warning" | "danger" | "neutral" | "accent" | "info";
-
-/**
- * A status pill. Tint fill, coloured text — the tint arrangement from
- * DESIGN.md, where a colour means something rather than carrying an action.
- */
-export function StatusPill({
-  tone,
-  children,
-}: {
-  tone: Tone;
-  children: ReactNode;
-}) {
-  return (
-    <span className="status-pill" data-tone={tone}>
-      {children}
-    </span>
-  );
-}
-
-export function HealthPill({ health }: { health: Health }) {
-  return (
-    <StatusPill tone={HEALTH_TONE[health]}>{HEALTH_LABEL[health]}</StatusPill>
-  );
-}
-
-/** A page region. Panel surface, generous inset, no card-per-row inside. */
-export function Panel({
-  title,
-  description,
-  action,
-  children,
-  padded = true,
-}: {
-  title: string;
-  description?: string;
-  action?: ReactNode;
-  children: ReactNode;
-  /** False when the content is edge-to-edge rows that supply their own inset. */
-  padded?: boolean;
-}) {
-  return (
-    <section className="dash-panel">
-      <header className="dash-panel-header">
-        <div className="flex min-w-0 flex-col gap-1">
-          <h2 className="text-heading text-primary">{title}</h2>
-          {description ? (
-            <p className="text-body-sm text-secondary">{description}</p>
-          ) : null}
-        </div>
-        {action}
-      </header>
-      <div data-padded={padded || undefined} className="dash-panel-body">
-        {children}
-      </div>
-    </section>
-  );
-}
-
-/**
- * A headline figure with its label and change.
- *
- * Hierarchy comes from size, not colour: the number is `text-display`, the label
- * is small and secondary. Only the change direction earns a colour, because a
- * direction is a signal.
- */
-export function Metric({
-  label,
-  value,
-  unit,
-  change,
-  direction,
-}: {
-  label: string;
-  value: string;
-  unit?: string;
-  change?: string;
-  direction?: "up" | "down" | "flat";
-}) {
-  return (
-    <div className="dash-metric">
-      <span className="text-body-sm text-secondary">{label}</span>
-      <div className="flex items-baseline gap-1.5">
-        <span className="text-display text-primary tabular-nums">{value}</span>
-        {unit ? (
-          <span className="text-body-sm text-tertiary">{unit}</span>
-        ) : null}
-      </div>
-      {change ? (
-        <span
-          className="text-body-sm tabular-nums"
-          data-direction={direction}
-          // A rise is not automatically good, so direction is coloured by what
-          // it means on this metric rather than by which way it points.
-          style={{
-            color:
-              direction === "up"
-                ? "var(--text-success)"
-                : direction === "down"
-                  ? "var(--text-danger)"
-                  : "var(--text-tertiary)",
-          }}
-        >
-          {change}
-        </span>
-      ) : null}
-    </div>
-  );
-}
-
-/**
- * A bar sparkline, drawn with divs rather than SVG.
- *
- * Deliberate: it inherits `currentColor` and the rem-based type scale, so it
- * tracks the theme and the font-size preference without a redraw. Decorative —
- * the figure beside it carries the information, so this is hidden from
- * assistive technology rather than described.
- */
-export function Sparkline({
-  values,
-  tone = "accent",
-}: {
-  values: number[];
-  tone?: Tone;
-}) {
-  const peak = Math.max(...values, 1);
-  // A reading's position in the window is part of its identity — the oldest
-  // sample is a different thing from the newest — so the key carries both.
-  const bars = values.map((value, index) => ({
-    id: `${index}:${value}`,
-    height: `${Math.max((value / peak) * 100, 4)}%`,
-  }));
-  return (
-    <div className="dash-sparkline" data-tone={tone} aria-hidden="true">
-      {bars.map((bar) => (
-        <span
-          key={bar.id}
-          className="dash-sparkline-bar"
-          style={{ height: bar.height }}
-        />
-      ))}
-    </div>
-  );
-}
-
-/** A dense table row. Dividers, edge to edge — never a card per row. */
-export function Row({
-  children,
-  interactive = false,
-}: {
-  children: ReactNode;
-  interactive?: boolean;
-}) {
-  return (
-    <div className="dash-row" data-interactive={interactive || undefined}>
-      {children}
-    </div>
-  );
-}
-
-export function KeyValue({
-  label,
-  value,
-}: {
-  label: string;
-  value: ReactNode;
-}) {
-  return (
-    <div className="flex items-baseline justify-between gap-4">
-      <span className="text-body-sm text-secondary">{label}</span>
-      <span className="text-body-sm text-primary tabular-nums">{value}</span>
-    </div>
-  );
-}
diff --git a/desktop-new/src/shared/styles/globals.css b/desktop-new/src/shared/styles/globals.css
index fed24b7798..0f91ac28df 100644
--- a/desktop-new/src/shared/styles/globals.css
+++ b/desktop-new/src/shared/styles/globals.css
@@ -3,7 +3,6 @@
 @import "./typography.css";
 @import "./components.css";
 @import "./chips.css";
-@import "./proving-ground.css";
 @import "./design-components.css";
 @import "./product.css";
 @import "./agents.css";
diff --git a/desktop-new/src/shared/styles/proving-ground.css b/desktop-new/src/shared/styles/proving-ground.css
deleted file mode 100644
index 9da87f5796..0000000000
--- a/desktop-new/src/shared/styles/proving-ground.css
+++ /dev/null
@@ -1,315 +0,0 @@
-@layer components {
-  /**
-   * Proving-ground dashboard.
-   *
-   * A fictional product built only from role tokens, to find out whether the
-   * system holds up on a real page rather than on a specimen page. Specimen
-   * pages are honest but sympathetic — they show one component at a time, on a
-   * generous backdrop, at a size the designer chose. A dashboard puts forty
-   * decisions next to each other and is where a missing role shows up.
-   */
-
-  .dash-shell {
-    display: grid;
-    min-height: 100vh;
-    grid-template-columns: var(--size-navigator) minmax(0, 1fr);
-    background: var(--bg-app);
-  }
-
-  /* Narrow: the navigator becomes a top strip rather than a drawer. There is no
-     drawer machinery here yet, and a horizontal strip is honest about that. */
-  @media (max-width: 60rem) {
-    .dash-shell {
-      grid-template-columns: minmax(0, 1fr);
-    }
-  }
-
-  .dash-nav {
-    display: flex;
-    flex-direction: column;
-    gap: var(--space-6);
-    padding: var(--space-panel-inset);
-    border-right: 1px solid var(--border-tertiary);
-  }
-
-  @media (max-width: 60rem) {
-    .dash-nav {
-      flex-direction: row;
-      align-items: center;
-      gap: var(--space-4);
-      overflow-x: auto;
-      border-right: 0;
-      border-bottom: 1px solid var(--border-tertiary);
-      padding-block: var(--space-3);
-    }
-  }
-
-  .dash-nav-group {
-    display: flex;
-    min-width: 0;
-    flex-direction: column;
-    gap: var(--space-1);
-  }
-
-  @media (max-width: 60rem) {
-    .dash-nav-group {
-      flex-direction: row;
-      align-items: center;
-      gap: var(--space-1);
-    }
-
-    /* The section labels are useful in a column and noise in a strip. */
-    .dash-nav-label {
-      display: none;
-    }
-  }
-
-  .dash-nav-label {
-    padding-inline: var(--space-2);
-    padding-block: var(--space-1);
-    color: var(--text-tertiary);
-  }
-
-  .dash-nav-item {
-    display: flex;
-    align-items: center;
-    gap: var(--space-row-gap);
-    border: 0;
-    border-radius: var(--radius-row);
-    padding: var(--space-2) var(--space-2);
-    background: transparent;
-    color: var(--text-secondary);
-    font: inherit;
-    text-align: start;
-    white-space: nowrap;
-    cursor: pointer;
-    transition:
-      background-color var(--duration-state) var(--easing-state),
-      color var(--duration-state) var(--easing-state);
-  }
-
-  .dash-nav-item:hover {
-    background: var(--bg-hover);
-    color: var(--text-primary);
-  }
-
-  /* Selected is a tint plus coloured text — the tint arrangement. Weight is
-     never used to say "selected"; that is reserved for structure. */
-  .dash-nav-item[aria-current="page"] {
-    background: var(--bg-accent-tint);
-    color: var(--text-accent);
-  }
-
-  .dash-nav-item:focus-visible {
-    outline: 2px solid var(--ring-focus);
-    outline-offset: 2px;
-  }
-
-  .dash-nav-count {
-    margin-inline-start: auto;
-    color: var(--text-tertiary);
-    font-variant-numeric: tabular-nums;
-  }
-
-  @media (max-width: 60rem) {
-    .dash-nav-count {
-      margin-inline-start: var(--space-1);
-    }
-  }
-
-  .dash-main {
-    display: flex;
-    min-width: 0;
-    flex-direction: column;
-    gap: var(--space-6);
-    padding: var(--space-panel-inset);
-  }
-
-  .dash-topbar {
-    display: flex;
-    flex-wrap: wrap;
-    align-items: flex-start;
-    justify-content: space-between;
-    gap: var(--space-4);
-  }
-
-  .dash-metric-grid {
-    display: grid;
-    gap: var(--space-4);
-    grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
-  }
-
-  .dash-metric {
-    display: flex;
-    flex-direction: column;
-    gap: var(--space-1);
-    min-width: 0;
-  }
-
-  .dash-columns {
-    display: grid;
-    gap: var(--space-6);
-    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
-    align-items: start;
-  }
-
-  @media (max-width: 72rem) {
-    .dash-columns {
-      grid-template-columns: minmax(0, 1fr);
-    }
-  }
-
-  .dash-panel {
-    display: flex;
-    min-width: 0;
-    flex-direction: column;
-    overflow: hidden;
-    border: 1px solid var(--border-tertiary);
-    border-radius: var(--radius-panel);
-    background: var(--bg-panel);
-    box-shadow: var(--shadow-xs);
-  }
-
-  .dash-panel-header {
-    display: flex;
-    align-items: flex-start;
-    justify-content: space-between;
-    gap: var(--space-4);
-    padding: var(--space-5) var(--space-panel-inset);
-  }
-
-  .dash-panel-body[data-padded] {
-    padding: 0 var(--space-panel-inset) var(--space-panel-inset);
-  }
-
-  /* Dense rows, edge to edge, separated by a line rather than by cards. */
-  .dash-row {
-    display: flex;
-    align-items: center;
-    gap: var(--space-4);
-    padding: var(--space-3) var(--space-panel-inset);
-    border-top: 1px solid var(--border-tertiary);
-  }
-
-  .dash-row[data-interactive] {
-    cursor: pointer;
-    transition: background-color var(--duration-state) var(--easing-state);
-  }
-
-  .dash-row[data-interactive]:hover {
-    background: var(--bg-hover);
-  }
-
-  .status-pill {
-    display: inline-flex;
-    align-items: center;
-    gap: var(--space-1);
-    border-radius: var(--radius-pill);
-    padding: 0.125rem var(--space-2);
-    white-space: nowrap;
-  }
-
-  .status-pill[data-tone="success"] {
-    background: var(--bg-success-tint);
-    color: var(--text-success);
-  }
-
-  .status-pill[data-tone="warning"] {
-    background: var(--bg-warning-tint);
-    color: var(--text-warning);
-  }
-
-  .status-pill[data-tone="danger"] {
-    background: var(--bg-danger-tint);
-    color: var(--text-danger);
-  }
-
-  .status-pill[data-tone="info"] {
-    background: var(--bg-info-tint);
-    color: var(--text-info);
-  }
-
-  .status-pill[data-tone="accent"] {
-    background: var(--bg-accent-tint);
-    color: var(--text-accent);
-  }
-
-  /* Paused is not a status colour: nothing is wrong, so a colour would teach
-     people to distrust the coloured ones. */
-  .status-pill[data-tone="neutral"] {
-    background: var(--bg-inset);
-    color: var(--text-secondary);
-  }
-
-  .dash-sparkline {
-    display: flex;
-    align-items: flex-end;
-    gap: 2px;
-    height: 2rem;
-    min-width: 4rem;
-    flex: 1 1 auto;
-  }
-
-  .dash-sparkline-bar {
-    flex: 1 1 0;
-    min-width: 2px;
-    border-radius: 1px;
-    background: currentColor;
-  }
-
-  .dash-sparkline[data-tone="success"] {
-    color: var(--bg-success);
-  }
-
-  .dash-sparkline[data-tone="warning"] {
-    color: var(--bg-warning);
-  }
-
-  .dash-sparkline[data-tone="danger"] {
-    color: var(--bg-danger);
-  }
-
-  .dash-sparkline[data-tone="accent"] {
-    color: var(--bg-accent);
-  }
-
-  .dash-sparkline[data-tone="neutral"] {
-    color: var(--border-secondary);
-  }
-
-  .dash-region-grid {
-    display: grid;
-    gap: var(--space-4);
-    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
-  }
-
-  /* A card carries no default fill. It sits on the panel and is grouped by a
-     hairline, so fill is free to mean one thing only: you are pointing at this.
-     Add `data-interactive` when a card is actually clickable. */
-  .dash-region {
-    display: flex;
-    min-width: 0;
-    flex-direction: column;
-    gap: var(--space-3);
-    border: 1px solid var(--border-tertiary);
-    border-radius: var(--radius-control);
-    padding: var(--space-4);
-  }
-
-  .dash-region[data-interactive] {
-    cursor: pointer;
-    transition: background-color var(--duration-state) var(--easing-state);
-  }
-
-  .dash-region[data-interactive]:hover {
-    background: var(--bg-hover);
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    .dash-nav-item,
-    .dash-row[data-interactive],
-    .dash-region[data-interactive] {
-      transition-duration: 0ms;
-    }
-  }
-}

From ec918bb75f7ca0528dbc3cc6b329167fbd40d2a0 Mon Sep 17 00:00:00 2001
From: morgmart <98432065+morgmart@users.noreply.github.com>
Date: Mon, 7 Sep 2026 15:58:41 -0700
Subject: [PATCH 19/33] desktop-new: build screens from the ramps, cut 54
 colour roles to 15
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Registers all eight palette ramps as Tailwind classes, so a screen writes
`bg-purple-9` or `text-red-12` directly. This reverses the rule the colour
guard used to enforce, and the reversal turns on one fact: every step in this
palette is authored per mode, so `neutral-4` is one value in light and another
in dark and a component naming it behaves correctly in both. That is what makes
a raw step safe here and unsafe in stock Tailwind, where `neutral-200` is a
single literal.

Once a step is mode-aware, a role whose light and dark values are the same step
is a name in front of a number, and a name in front of a number hides the
decision instead of recording it. `bg-accent` was `purple-9`; `text-error` was
`red-12`. Nineteen roles were exactly that.

The fifteen that remain each earn the name: the four structural surfaces take a
different step per mode, so no class can express them; the emphasis roles enforce
a rule a ramp cannot state, which is that there are three levels of text and one
border weight; the glass materials are a bundled treatment; and
`--text-on-accent` follows its fill rather than the mode.

Also fixes a namespace collision that had shipped a real defect. `--color-x` is
not one utility, it is all of them — one declaration defines `bg-x`, `text-x`,
`border-x` and `ring-x` from a single value — so `text-danger` resolved to the
saturated fill (red-9) instead of the text step. Three error messages rendered
at APCA Lc 34 on a dark panel against a target of 60, and `check-contrast`
passed the whole time because it measured `--text-danger`, a token no class
could reach. Text roles now register as `--text-color-*`, matching the
`--border-color-*` split that fixed the same bug for borders.

Guards updated to enforce the new rule rather than the old one: `check-color`
now rejects a role whose two modes agree and names the class to write instead,
and `check-contrast` measures the ramp steps screens actually use, so deleting a
role cannot leave it auditing a name nobody types. `registry.test.ts` binds the
documented token list to the stylesheet, and `pnpm census` reports every role's
readers without failing a build.

Signed-off-by: Morgan Martin <morganmartin@squareup.com>
Signed-off-by: morgmart <98432065+morgmart@users.noreply.github.com>
---
 desktop-new/package.json                      |   4 +-
 desktop-new/scripts/check-color.mjs           | 197 ++--
 desktop-new/scripts/check-contrast.mjs        | 102 +-
 desktop-new/scripts/token-consumers.mjs       | 143 +++
 desktop-new/src/shared/styles/tokens.css      | 935 +++++++++++-------
 .../src/shared/tokens/registry.test.ts        | 142 +++
 desktop-new/src/shared/tokens/registry.ts     | 417 ++++----
 .../ui/{SegmentedNavigation.tsx => Tabs.tsx}  |   0
 desktop-new/tsconfig.json                     |   5 +
 pnpm-lock.yaml                                |   3 +
 10 files changed, 1228 insertions(+), 720 deletions(-)
 create mode 100644 desktop-new/scripts/token-consumers.mjs
 create mode 100644 desktop-new/src/shared/tokens/registry.test.ts
 rename desktop-new/src/shared/ui/{SegmentedNavigation.tsx => Tabs.tsx} (100%)

diff --git a/desktop-new/package.json b/desktop-new/package.json
index b9b58f3b95..21d0d279ed 100644
--- a/desktop-new/package.json
+++ b/desktop-new/package.json
@@ -16,7 +16,8 @@
     "test": "vitest run src",
     "test:e2e": "playwright test",
     "tauri:dev": "node ../desktop/scripts/tauri-command.mjs dev --config ../desktop-new/tauri.conf.json --config ../desktop/src-tauri/tauri.dev.conf.json",
-    "check:color": "node scripts/check-color.mjs"
+    "check:color": "node scripts/check-color.mjs",
+    "census": "node scripts/token-consumers.mjs"
   },
   "dependencies": {
     "@base-ui/react": "1.7.0",
@@ -37,6 +38,7 @@
     "@playwright/test": "^1.60.0",
     "@tailwindcss/postcss": "^4.3.0",
     "@tanstack/router-plugin": "^1.167.12",
+    "@types/node": "25.6.0",
     "@types/react": "^19.1.8",
     "@types/react-dom": "^19.1.6",
     "@vitejs/plugin-react": "^6.0.0",
diff --git a/desktop-new/scripts/check-color.mjs b/desktop-new/scripts/check-color.mjs
index 9338762f1f..385a7b37dc 100644
--- a/desktop-new/scripts/check-color.mjs
+++ b/desktop-new/scripts/check-color.mjs
@@ -22,8 +22,8 @@
  * shadow values that bake alpha into a literal.
  *
  * It also audits the layering itself: that the palette is the only place a
- * literal lives, that a family step references a palette step rather than
- * holding its own value, and that two tokens doing the same job resolve to the
+ * literal lives, that an identity role references a palette step rather than
+ * holding its own value, and that two roles doing the same job resolve to the
  * same step rather than merely to the same value today. That last one is not
  * hypothetical — `accent-2` and `tint-purple` were the same purple in light mode
  * and two different purples in dark, and nothing caught it because both were
@@ -87,13 +87,42 @@ const CSS_MIXERS = [
   { pattern: /\bhsla?\([^)]*[,/]\s*0?\.\d+\s*\)/g, what: "hsl() with alpha" },
 ];
 
+/** Every hue in the palette. `neutral` is a hue like any other. */
+const PALETTE_HUES = [
+  "neutral",
+  "purple",
+  "red",
+  "green",
+  "amber",
+  "blue",
+  "cyan",
+  "orange",
+];
+
 /**
- * A component may not name a palette or family token directly. Only the role
- * layer is public — the palette is where values live and families are the jobs
- * a hue does, but a screen is built from what a thing *is*.
+ * **Palette steps are public now. Only glass is private.**
+ *
+ * This rule used to reject `var(--neutral-4)` in a component, on the reasoning
+ * that a screen should say what a thing *is* rather than which colour it takes.
+ * That reasoning was imported from Tailwind, where `neutral-800` is a single
+ * literal and naming it really does break dark mode.
+ *
+ * It does not hold here. **Every step in this palette is authored per mode**, so
+ * `neutral-4` is one value in light and another in dark and a component naming it
+ * behaves correctly in both. Once that is true, a role whose light and dark
+ * values are the same step is a name in front of a number — and a name in front
+ * of a number hides the decision rather than recording it. Nineteen roles were
+ * exactly that.
+ *
+ * Glass stays private for a different reason, which has nothing to do with
+ * naming: a glass fill without its blur, rim, and lift is not glass. It is
+ * reachable only through the `glass-primary` / `glass-secondary` utilities, which
+ * carry the whole material. That is enforced below.
+ *
+ * Hues are enumerated rather than matched as `[a-z]+` because a palette step and
+ * a non-colour token are the same shape: `--neutral-4` and `--space-4`.
  */
-const PRIVATE_TOKEN =
-  /var\(\s*--(palette-[a-z]+-\d+|(?:accent|danger|success|warning|info)-(?:tint|tint-hover|border|fill|text)|neutral-\d+|glass-\d+)\s*\)/g;
+const PRIVATE_TOKEN = /var\(\s*--glass-\d+\s*\)/g;
 
 /**
  * Files exempt from the private-token rule, with the reason.
@@ -104,6 +133,10 @@ const PRIVATE_TOKEN =
  */
 const PRIVATE_TOKEN_ALLOWED = new Map([
   ["shared/styles/tokens.css", "Defines the layers it references."],
+  [
+    "shared/styles/globals.css",
+    "The glass materials live here; pairing each fill with its blur and rim is their job.",
+  ],
   [
     "shared/tokens/registry.ts",
     "Documents the ramps; the token names are its content.",
@@ -179,7 +212,7 @@ function check(file) {
         failures.push({
           at,
           found: match[0],
-          why: "Palette and family tokens are private. Build screens from role tokens.",
+          why: "A glass fill on its own is not glass. Use the `glass-primary` or `glass-secondary` utility, which carries the blur, rim, and lift with it.",
         });
       }
     }
@@ -219,23 +252,43 @@ function auditLayers() {
   const read = (block, name) =>
     new RegExp(`^\\s*${name}:\\s*([^;]+);`, "m").exec(block)?.[1].trim();
 
-  const HUES = [
-    "gray",
-    "purple",
-    "red",
-    "green",
-    "amber",
-    "blue",
-    "cyan",
-    "orange",
+  const HUES = PALETTE_HUES;
+  // Backdrop scenes are intentionally mode-specific at the palette layer, but
+  // their semantic gradient slot must be complete and paired. A slot with a
+  // missing counterpart would silently turn an appearance preference into an
+  // invalid state on a mode change, so verify the production CSS seam here.
+  const BACKDROP_PAIRS = [
+    ["--gradient-1", "--gradient-sky-field", "--gradient-night-garden"],
+    ["--gradient-2", "--gradient-peach-field", "--gradient-signal-flare"],
+    ["--gradient-3", "--gradient-blue-hour", "--gradient-electric-dusk"],
+    ["--gradient-4", "--gradient-orchid-field", "--gradient-ultraviolet"],
   ];
-  const FAMILIES = ["accent", "danger", "success", "warning", "info"];
-  const JOBS = ["tint", "tint-hover", "border", "fill", "text"];
+  for (const [slot, lightScene, darkScene] of BACKDROP_PAIRS) {
+    for (const [mode, scene] of [
+      ["light", lightScene],
+      ["dark", darkScene],
+    ]) {
+      if (!read(modes[mode], scene)) {
+        failures.push({
+          at: `${rel} (${mode})`,
+          found: scene,
+          why: "Missing named backdrop treatment for this semantic gradient slot.",
+        });
+      }
+      if (read(modes[mode], slot) !== `var(${scene})`) {
+        failures.push({
+          at: `${rel} (${mode})`,
+          found: `${slot}: ${read(modes[mode], slot) ?? "missing"}`,
+          why: `Must pair this slot with ${scene} in ${mode} mode.`,
+        });
+      }
+    }
+  }
 
   // 1. Every palette step exists in both modes and holds a literal.
   for (const hue of HUES) {
     for (let step = 1; step <= 12; step += 1) {
-      const name = `--palette-${hue}-${step}`;
+      const name = `--${hue}-${step}`;
       for (const [mode, block] of Object.entries(modes)) {
         const value = read(block, name);
         if (!value) {
@@ -255,63 +308,55 @@ function auditLayers() {
     }
   }
 
-  // 2. A family step references the palette; it never holds a value.
-  for (const family of FAMILIES) {
-    for (const job of JOBS) {
-      const name = `--${family}-${job}`;
-      for (const [mode, block] of Object.entries(modes)) {
-        const value = read(block, name);
-        // Absent in dark is correct: it inherits through the palette.
-        if (!value) continue;
-        if (!/^var\(--palette-[a-z]+-\d+\)$/.test(value)) {
-          failures.push({
-            at: `${rel} (${mode})`,
-            found: `${name}: ${value}`,
-            why: "A family step must reference a palette step, not hold a value.",
-          });
-        }
-      }
-    }
-  }
-
-  // 3. No two family steps resolve to the same palette step.
+  // 2. THE ROLES THAT REMAIN MUST BE MODE-ASYMMETRIC.
   //
-  // The generalised form of the bug that motivated this layer. Two tokens that
-  // hold the same value are either one job with two names — which drifts the
-  // moment someone edits one — or two jobs that will become indistinguishable
-  // on screen. Either way it wants a person to look. This catches it for any
-  // future family without naming pairs, which the previous version did and
-  // which went silently vacuous when those tokens were deleted.
-  const seen = new Map();
-  for (const family of FAMILIES) {
-    for (const job of JOBS) {
-      const name = `--${family}-${job}`;
-      const value = read(modes.light, name);
-      if (!value) continue;
-      const existing = seen.get(value);
-      if (existing) {
-        failures.push({
-          at: rel,
-          found: `${existing} and ${name} both resolve to ${value}`,
-          why: "Two family steps on one palette step. Either it is one job with two names, or two jobs that will look identical. Give the second its own step.",
-        });
-      } else {
-        seen.set(value, name);
-      }
-    }
-  }
+  // This replaces four checks that audited the identity families — that each
+  // referenced a palette step, that none was missing, that no two shared a step,
+  // that dark never restated one. All four are gone because their subject is:
+  // nineteen roles were deleted once palette steps became reachable as classes,
+  // and the ones left are the four surfaces plus emphasis.
+  //
+  // The invariant now worth enforcing is the TEST FOR WHETHER A ROLE IS EARNED.
+  // A surface role exists precisely because light and dark take *different* ramp
+  // steps, so no single class can express it. If someone adds a surface role
+  // whose two modes agree, the name is doing nothing and a class would say it —
+  // that is the mistake this catches, in the same shape it already happened.
+  //
+  // The emphasis roles are deliberately exempt: they are the same step in both
+  // modes and stay because the *name* enforces a rule a ramp cannot state, which
+  // is that there are three levels of text and one border weight.
+  const NAME_ENFORCES_A_RULE = new Set([
+    "--text-primary",
+    "--text-secondary",
+    "--text-tertiary",
+    "--text-disabled",
+    "--border-primary",
+    "--text-on-accent",
+  ]);
 
-  // 4. Dark restates the palette, never the families.
-  for (const family of FAMILIES) {
-    for (const job of JOBS) {
-      if (read(modes.dark, `--${family}-${job}`)) {
-        failures.push({
-          at: `${rel} (dark)`,
-          found: `--${family}-${job}`,
-          why: "Restated in dark. A family inherits through the palette, which dark already redefines; restating it reopens the drift surface.",
-        });
-      }
-    }
+  const roleNames = [
+    ...new Set(
+      [...modes.light.matchAll(/^\s*(--(?:bg|text|border)-[a-z0-9-]+):/gm)].map(
+        (m) => m[1],
+      ),
+    ),
+  ];
+
+  for (const name of roleNames) {
+    if (NAME_ENFORCES_A_RULE.has(name)) continue;
+    // Glass materials are a bundled treatment, not a surface step, and `bg-app`
+    // swaps a whole gradient rather than a step.
+    if (name.includes("glass") || name === "--bg-app") continue;
+
+    const light = read(modes.light, name);
+    const dark = read(modes.dark, name);
+    if (dark && dark !== light) continue; // earns its name
+
+    failures.push({
+      at: rel,
+      found: `${name}: ${light}`,
+      why: `Same value in both modes, so this name is in front of a number. Write ${light?.replace(/var\(--(.+)\)/, "$1") ?? "the step"} where it is used, or add it to NAME_ENFORCES_A_RULE with the rule it enforces.`,
+    });
   }
 }
 
@@ -335,6 +380,6 @@ for (const { at, found, why } of failures) {
   console.error(`        ${why}\n`);
 }
 console.error(
-  "Add the step to the palette in tokens.css, or add a documented override\nin scripts/check-color.mjs with a reason. See DESIGN.md § Colour.",
+  "Add the step to the palette in tokens.css, or add a documented override\nin scripts/check-color.mjs with a reason. See DESIGN.md § Colour discipline.",
 );
 process.exit(1);
diff --git a/desktop-new/scripts/check-contrast.mjs b/desktop-new/scripts/check-contrast.mjs
index 7cd81f171d..d4fdb9306c 100644
--- a/desktop-new/scripts/check-contrast.mjs
+++ b/desktop-new/scripts/check-contrast.mjs
@@ -34,6 +34,11 @@ const TARGET_META = 45;
  *
  * An exception must name a role and say why, so the list stays short and
  * arguable rather than becoming a place to hide failures.
+ *
+ * A key is either a role — exempt on every surface — or `role on surface`,
+ * exempt for that one pairing. Prefer the narrow form: a role-wide exemption
+ * for a shortfall on one surface also silences a genuine failure on the next
+ * surface that role reaches, which is the failure mode this list must not have.
  */
 const EXCEPTIONS = new Map([
   [
@@ -45,38 +50,67 @@ const EXCEPTIONS = new Map([
 /** Roles measured at the meta target rather than the body target. */
 const META_ROLES = new Set(["--text-tertiary"]);
 
-/** Neutral surfaces any text role may sit on. */
-const SURFACES = ["--bg-panel", "--bg-float", "--bg-inset", "--bg-hover"];
+/**
+ * Neutral surfaces any text may sit on.
+ *
+ * `--bg-hover` was a role and is now written as `--neutral-4`, so it is named by
+ * its step here. It still belongs in this list: a row under the cursor is a
+ * surface text sits on, whatever it is called.
+ */
+const SURFACES = ["--bg-panel", "--bg-float", "--bg-inset", "--neutral-4"];
 
-/** Text roles that must be readable on every neutral surface. */
+/**
+ * Text that must be readable on every neutral surface.
+ *
+ * **The palette steps in this list are the point, not an oversight.** Once a
+ * screen may write `text-red-12` directly, the guard has to measure the step a
+ * screen actually uses — otherwise it audits names nobody types. `--text-error`
+ * and `--text-accent` used to be here; deleting the roles without moving their
+ * steps into this list would have left the guard passing while measuring
+ * nothing, which is precisely the failure that shipped error text at Lc 34.
+ *
+ * A step joins this list when a screen starts using it for text. `red-12` is
+ * here because three error messages use it; `red-11` is not, because nothing
+ * does — and it is the step that fails, at 59.7 on a dark panel.
+ */
 const TEXT_ROLES = [
   "--text-primary",
   "--text-secondary",
   "--text-tertiary",
   "--text-disabled",
-  "--text-accent",
-  "--text-danger",
-  "--text-success",
-  "--text-warning",
-  "--text-info",
-];
-
-/** Paired text and the one fill it is defined against. */
-const PAIRS = [
-  ["--text-on-accent", "--bg-accent"],
-  ["--text-on-inverse", "--bg-inverse"],
-  ["--text-on-danger", "--bg-danger"],
-  ["--text-on-success", "--bg-success"],
-  ["--text-on-warning", "--bg-warning"],
-  ["--text-on-info", "--bg-info"],
+  "--purple-12", // accent text: links, active nav, chip labels
+  "--red-12", // error text: failed session start, rejected form
 ];
 
 /**
- * The families with a tint surface. DESIGN.md: "tint carries a meaning and takes
- * coloured text", so each family's `text-*` must be readable on both its tint
- * and that tint's hover — the hover state is the harder one and was the gap.
+ * Paired text and the fills it is defined against — including each fill's hover.
+ *
+ * The hover was the gap. A solid button had no `bg-*-hover`, so hovering one
+ * fell through to the neutral `bg-hover` and painted white paired text on light
+ * grey — Lc 13, invisible, and this guard could not see it because it only
+ * measured the resting fill. A paired text colour is only correct if it clears
+ * every fill it can actually sit on, and hover is one of them.
  */
-const TINT_FAMILIES = ["accent", "danger", "success", "warning", "info"];
+const PAIRS = [
+  ["--text-on-accent", "--purple-9"],
+  ["--text-on-accent", "--purple-10"],
+  // `bg-neutral-11` with `text-neutral-1` — the inverse pair, written as steps
+  // now that the roles are gone. Still measured as a pair, because the text
+  // follows the fill: move the fill and this has to be re-measured.
+  ["--neutral-1", "--neutral-11"],
+];
+
+/**
+ * Tint surfaces and the coloured text that sits on them, as steps.
+ *
+ * DESIGN.md: "tint carries a meaning and takes coloured text". The accent tint
+ * and its hover are both real surfaces — a chip at rest and a chip under the
+ * cursor — and the hover is the harder one, which is where the gap was.
+ */
+const TINT_PAIRS = [
+  ["--purple-12", "--purple-3"],
+  ["--purple-12", "--purple-4"],
+];
 
 const css = readFileSync(TOKENS, "utf8");
 
@@ -118,6 +152,12 @@ function resolve(map, name, depth = 0) {
 const modes = declarationsByMode();
 const failures = [];
 const skipped = [];
+/**
+ * Pairing-scoped exceptions this run actually needed. An exception nobody hits
+ * is either fixed or wrong, and either way should not sit in the list
+ * unchallenged — same reasoning as the type guard's stale-override report.
+ */
+const claimedExceptions = new Set();
 
 for (const [mode, map] of Object.entries(modes)) {
   const check = (textRole, surfaceRole) => {
@@ -132,7 +172,12 @@ for (const [mode, map] of Object.entries(modes)) {
     const lc = Math.abs(apcaContrast(text, surface));
     const target = META_ROLES.has(textRole) ? TARGET_META : TARGET_BODY;
     if (lc >= target) return;
+    // Role-wide first, then the narrow `role on surface` form.
     if (EXCEPTIONS.has(textRole)) return;
+    if (EXCEPTIONS.has(`${textRole} on ${surfaceRole}`)) {
+      claimedExceptions.add(`${textRole} on ${surfaceRole}`);
+      return;
+    }
     failures.push({
       mode,
       textRole,
@@ -149,10 +194,7 @@ for (const [mode, map] of Object.entries(modes)) {
     for (const surface of SURFACES) check(role, surface);
   }
   for (const [role, fill] of PAIRS) check(role, fill);
-  for (const family of TINT_FAMILIES) {
-    check(`--text-${family}`, `--bg-${family}-tint`);
-    check(`--text-${family}`, `--bg-${family}-tint-hover`);
-  }
+  for (const [text, tint] of TINT_PAIRS) check(text, tint);
 }
 
 // Guard the maths itself: if these drift, every verdict above is wrong.
@@ -198,3 +240,11 @@ console.log("✓ Contrast: every text role clears its APCA target in both modes"
 for (const [role, why] of EXCEPTIONS) {
   console.log(`  (exception) ${role} — ${why.split(";")[0]}`);
 }
+
+const stale = [...EXCEPTIONS.keys()].filter(
+  (key) => key.includes(" on ") && !claimedExceptions.has(key),
+);
+if (stale.length > 0) {
+  console.log("\nℹ Pairing exceptions no longer needed — delete them:");
+  for (const key of stale) console.log(`  ${key}`);
+}
diff --git a/desktop-new/scripts/token-consumers.mjs b/desktop-new/scripts/token-consumers.mjs
new file mode 100644
index 0000000000..fc81abd9f4
--- /dev/null
+++ b/desktop-new/scripts/token-consumers.mjs
@@ -0,0 +1,143 @@
+/**
+ * Census: who actually reads each colour role?
+ *
+ * Not a guard — it never fails a build, and it is not in `pnpm check`. Run it by
+ * hand when deciding whether a role earns its name:
+ *
+ *     node scripts/token-consumers.mjs
+ *
+ * It is deliberately advisory. "Zero consumers" is an argument for deleting a
+ * role, not a verdict: a token can be legitimately unused for a week because the
+ * screen that needs it is half-built. What it does do is make the argument
+ * checkable, which is how the role layer went from 54 names to 29 — eighteen had
+ * no reader anywhere, and six were read only by the pages documenting them.
+ *
+ * It counts two kinds of reader, because a role can be reached two ways:
+ *
+ *   1. `var(--bg-info)` in a stylesheet
+ *   2. the Tailwind utility the role registers as — `bg-info` in a component
+ *
+ * Documentation is counted separately from product code, and that separation is
+ * the point: a /design page rendering a swatch of `bg-info` proves the token
+ * exists and nothing more. Nineteen of the twenty deleted status roles were
+ * "used" in exactly that sense.
+ */
+import { readdirSync, readFileSync, statSync } from "node:fs";
+import { join, relative } from "node:path";
+
+const ROOT = new URL("..", import.meta.url).pathname;
+const SRC = join(ROOT, "src");
+const TOKENS = join(SRC, "shared/styles/tokens.css");
+
+/** Files that describe the system rather than use it. */
+const isDocs = (path) =>
+  path.includes("features/design-system/") ||
+  path.includes("shared/styles/design-components.css") ||
+  path.includes("shared/tokens/registry.ts");
+
+function walk(dir, out = []) {
+  for (const entry of readdirSync(dir)) {
+    const full = join(dir, entry);
+    if (statSync(full).isDirectory()) walk(full, out);
+    else if (/\.(css|tsx?|ts)$/.test(full)) out.push(full);
+  }
+  return out;
+}
+
+const css = readFileSync(TOKENS, "utf8");
+
+// Role declarations live outside `@theme`; registrations live inside it.
+const themeStart = css.indexOf("@theme inline {");
+const roleBlock = css.slice(0, themeStart);
+const themeBlock = css.slice(themeStart);
+
+const roles = new Set(
+  [...roleBlock.matchAll(/^\s*(--(?:bg|text|border)-[a-z0-9-]+):/gm)].map(
+    (m) => m[1],
+  ),
+);
+
+// What Tailwind class does each role register as? `--color-info: var(--bg-info)`
+// means `bg-info` / `text-info` reach `--bg-info`.
+// Order matters: `--text-color-error` must match the `text-color` namespace, not
+// `text` with the suffix `color-error`. Longest prefix first.
+const NAMESPACES = ["text-color", "border-color", "color"];
+const registrations = new Map(); // role -> [{ ns, suffix }]
+for (const [, ns, suffix, role] of themeBlock.matchAll(
+  new RegExp(
+    String.raw`^\s*--(${NAMESPACES.join("|")})-([a-z0-9-]+):\s*var\((--[a-z0-9-]+)\)`,
+    "gm",
+  ),
+)) {
+  if (!registrations.has(role)) registrations.set(role, []);
+  registrations.get(role).push({ ns, suffix });
+}
+
+const files = walk(SRC).filter((f) => f !== TOKENS);
+const counts = new Map([...roles].map((r) => [r, { product: [], docs: [] }]));
+
+for (const file of files) {
+  const text = readFileSync(file, "utf8");
+  const rel = relative(SRC, file);
+  const bucket = isDocs(file) ? "docs" : "product";
+
+  for (const role of roles) {
+    const hits = [];
+    if (text.includes(`var(${role})`)) hits.push("var()");
+
+    for (const { ns, suffix } of registrations.get(role) ?? []) {
+      // `--color-info` is reachable as bg-info, text-info, border-info…
+      const prefixes =
+        ns === "color"
+          ? [
+              "bg",
+              "text",
+              "border",
+              "fill",
+              "stroke",
+              "ring",
+              "outline",
+              "shadow",
+              "from",
+              "to",
+              "via",
+            ]
+          : ns === "border-color"
+            ? ["border"]
+            : ["text"]; // text-color
+      for (const p of prefixes) {
+        // Word-bounded so `bg-info` does not match `bg-info-tint`.
+        if (new RegExp(`\\b(?:[a-z-]+:)?${p}-${suffix}\\b(?!-)`).test(text)) {
+          hits.push(`${p}-${suffix}`);
+          break;
+        }
+      }
+    }
+
+    if (hits.length)
+      counts
+        .get(role)
+        [bucket].push(`${rel} (${[...new Set(hits)].join(", ")})`);
+  }
+}
+
+const dead = [];
+const docsOnly = [];
+const live = [];
+for (const [role, { product, docs }] of counts) {
+  if (product.length) live.push([role, product]);
+  else if (docs.length) docsOnly.push([role, docs]);
+  else dead.push(role);
+}
+
+console.log(`\n${roles.size} roles declared.\n`);
+console.log(`── Zero readers anywhere (${dead.length}) ──`);
+for (const role of dead.sort()) console.log(`  ${role}`);
+console.log(`\n── Read only by the docs (${docsOnly.length}) ──`);
+for (const [role, where] of docsOnly.sort())
+  console.log(`  ${role}  ← ${where.join("; ")}`);
+console.log(`\n── Read by product code (${live.length}) ──`);
+for (const [role, where] of live.sort((a, b) => a[1].length - b[1].length)) {
+  console.log(`  ${role}  ×${where.length}`);
+  for (const w of where) console.log(`      ${w}`);
+}
diff --git a/desktop-new/src/shared/styles/tokens.css b/desktop-new/src/shared/styles/tokens.css
index ed83889bcc..014fe41357 100644
--- a/desktop-new/src/shared/styles/tokens.css
+++ b/desktop-new/src/shared/styles/tokens.css
@@ -3,10 +3,10 @@
  *
  * Four layers, and only the role layer is ever used when building a screen:
  *
- *   LAYER 0  palette      --palette-purple-3   every hue, twelve steps, both modes
- *   LAYER 1  families     --accent-tint        the five jobs a hue does
- *   LAYER 2  roles        --bg-panel           what a thing IS in the interface
- *   LAYER 3  components   bg-panel             Tailwind utilities
+ *   LAYER 0  palette      --purple-3, --gradient-sky-field   raw visual values
+ *   LAYER 1  semantics    --accent-tint, --gradient-1        stable selections
+ *   LAYER 2  roles        --bg-panel                          what a thing IS
+ *   LAYER 3  components   bg-panel                            Tailwind utilities
  *
  * The palette exists because the layer above it was 114 hand-picked hex values.
  * Nothing enforced that two tokens doing the same job agreed, and they drifted:
@@ -32,7 +32,10 @@
  *     shade. Reach for a different step. `scripts/check-color.mjs` enforces this.
  *   - Transparency for genuine see-through — glass — is a separate axis, and
  *     lives baked into its own values.
- *   - Every token holds a light and a dark value under the same name.
+ *   - Roles and semantic selections hold a light and a dark value under the
+ *     same name. A named palette treatment is deliberately mode-specific when
+ *     its paired dark scene is a different visual idea; `sky-field` does not
+ *     pretend it is `night-garden` after dark mode switches on.
  *
  * Palette values are Radix Colors (MIT), transcribed rather than depended on.
  * Radix is not on Block's Tech Radar; this is a values-only copy, no package.
@@ -51,230 +54,206 @@
 
 :root {
   /* gray */
-  --palette-gray-1: #fcfcfc; /* app background */
-  --palette-gray-2: #f9f9f9; /* subtle background */
-  --palette-gray-3: #f0f0f0; /* component background */
-  --palette-gray-4: #e8e8e8; /* component hover */
-  --palette-gray-5: #e0e0e0; /* component selected */
-  --palette-gray-6: #d9d9d9; /* subtle border */
-  --palette-gray-7: #cecece; /* border */
-  --palette-gray-8: #bbbbbb; /* border hover */
-  --palette-gray-9: #8d8d8d; /* solid fill */
-  --palette-gray-10: #838383; /* solid fill hover */
-  --palette-gray-11: #646464; /* low-contrast text */
-  --palette-gray-12: #202020; /* high-contrast text */
 
   /* purple */
-  --palette-purple-1: #fefcfe;
-  --palette-purple-2: #fbf7fe;
-  --palette-purple-3: #f7edfe;
-  --palette-purple-4: #f2e2fc;
-  --palette-purple-5: #ead5f9;
-  --palette-purple-6: #e0c4f4;
-  --palette-purple-7: #d1afec;
-  --palette-purple-8: #be93e4;
-  --palette-purple-9: #8e4ec6;
-  --palette-purple-10: #8347b9;
-  --palette-purple-11: #8145b5;
-  --palette-purple-12: #402060;
+  --purple-1: #fefcfe;
+  --purple-2: #fbf7fe;
+  --purple-3: #f7edfe;
+  --purple-4: #f2e2fc;
+  --purple-5: #ead5f9;
+  --purple-6: #e0c4f4;
+  --purple-7: #d1afec;
+  --purple-8: #be93e4;
+  --purple-9: #8e4ec6;
+  --purple-10: #8347b9;
+  --purple-11: #8145b5;
+  --purple-12: #402060;
 
   /* red */
-  --palette-red-1: #fffcfc;
-  --palette-red-2: #fff7f7;
-  --palette-red-3: #feebec;
-  --palette-red-4: #ffdbdc;
-  --palette-red-5: #ffcdce;
-  --palette-red-6: #fdbdbe;
-  --palette-red-7: #f4a9aa;
-  --palette-red-8: #eb8e90;
-  --palette-red-9: #e5484d;
-  --palette-red-10: #dc3e42;
-  --palette-red-11: #ce2c31;
-  --palette-red-12: #641723;
+  --red-1: #fffcfc;
+  --red-2: #fff7f7;
+  --red-3: #feebec;
+  --red-4: #ffdbdc;
+  --red-5: #ffcdce;
+  --red-6: #fdbdbe;
+  --red-7: #f4a9aa;
+  --red-8: #eb8e90;
+  --red-9: #e5484d;
+  --red-10: #dc3e42;
+  --red-11: #ce2c31;
+  --red-12: #641723;
 
   /* green */
-  --palette-green-1: #fbfefc;
-  --palette-green-2: #f4fbf6;
-  --palette-green-3: #e6f6eb;
-  --palette-green-4: #d6f1df;
-  --palette-green-5: #c4e8d1;
-  --palette-green-6: #adddc0;
-  --palette-green-7: #8eceaa;
-  --palette-green-8: #5bb98b;
-  --palette-green-9: #30a46c;
-  --palette-green-10: #2b9a66;
-  --palette-green-11: #218358;
-  --palette-green-12: #193b2d;
+  --green-1: #fbfefc;
+  --green-2: #f4fbf6;
+  --green-3: #e6f6eb;
+  --green-4: #d6f1df;
+  --green-5: #c4e8d1;
+  --green-6: #adddc0;
+  --green-7: #8eceaa;
+  --green-8: #5bb98b;
+  --green-9: #30a46c;
+  --green-10: #2b9a66;
+  --green-11: #218358;
+  --green-12: #193b2d;
 
   /* amber */
-  --palette-amber-1: #fefdfb;
-  --palette-amber-2: #fefbe9;
-  --palette-amber-3: #fff7c2;
-  --palette-amber-4: #ffee9c;
-  --palette-amber-5: #fbe577;
-  --palette-amber-6: #f3d673;
-  --palette-amber-7: #e9c162;
-  --palette-amber-8: #e2a336;
-  --palette-amber-9: #ffc53d;
-  --palette-amber-10: #ffba18;
-  --palette-amber-11: #ab6400;
-  --palette-amber-12: #4f3422;
+  --amber-1: #fefdfb;
+  --amber-2: #fefbe9;
+  --amber-3: #fff7c2;
+  --amber-4: #ffee9c;
+  --amber-5: #fbe577;
+  --amber-6: #f3d673;
+  --amber-7: #e9c162;
+  --amber-8: #e2a336;
+  --amber-9: #ffc53d;
+  --amber-10: #ffba18;
+  --amber-11: #ab6400;
+  --amber-12: #4f3422;
 
   /* blue */
-  --palette-blue-1: #fbfdff;
-  --palette-blue-2: #f4faff;
-  --palette-blue-3: #e6f4fe;
-  --palette-blue-4: #d5efff;
-  --palette-blue-5: #c2e5ff;
-  --palette-blue-6: #acd8fc;
-  --palette-blue-7: #8ec8f6;
-  --palette-blue-8: #5eb1ef;
-  --palette-blue-9: #0090ff;
-  --palette-blue-10: #0588f0;
-  --palette-blue-11: #0d74ce;
-  --palette-blue-12: #113264;
+  --blue-1: #fbfdff;
+  --blue-2: #f4faff;
+  --blue-3: #e6f4fe;
+  --blue-4: #d5efff;
+  --blue-5: #c2e5ff;
+  --blue-6: #acd8fc;
+  --blue-7: #8ec8f6;
+  --blue-8: #5eb1ef;
+  --blue-9: #0090ff;
+  --blue-10: #0588f0;
+  --blue-11: #0d74ce;
+  --blue-12: #113264;
 
   /* cyan */
-  --palette-cyan-1: #fafdfe;
-  --palette-cyan-2: #f2fafb;
-  --palette-cyan-3: #def7f9;
-  --palette-cyan-4: #caf1f6;
-  --palette-cyan-5: #b5e9f0;
-  --palette-cyan-6: #9ddde7;
-  --palette-cyan-7: #7dcedc;
-  --palette-cyan-8: #3db9cf;
-  --palette-cyan-9: #00a2c7;
-  --palette-cyan-10: #0797b9;
-  --palette-cyan-11: #107d98;
-  --palette-cyan-12: #0d3c48;
+  --cyan-1: #fafdfe;
+  --cyan-2: #f2fafb;
+  --cyan-3: #def7f9;
+  --cyan-4: #caf1f6;
+  --cyan-5: #b5e9f0;
+  --cyan-6: #9ddde7;
+  --cyan-7: #7dcedc;
+  --cyan-8: #3db9cf;
+  --cyan-9: #00a2c7;
+  --cyan-10: #0797b9;
+  --cyan-11: #107d98;
+  --cyan-12: #0d3c48;
 
   /* orange */
-  --palette-orange-1: #fefcfb;
-  --palette-orange-2: #fff7ed;
-  --palette-orange-3: #ffefd6;
-  --palette-orange-4: #ffdfb5;
-  --palette-orange-5: #ffd19a;
-  --palette-orange-6: #ffc182;
-  --palette-orange-7: #f5ae73;
-  --palette-orange-8: #ec9455;
-  --palette-orange-9: #f76b15;
-  --palette-orange-10: #ef5f00;
-  --palette-orange-11: #cc4e00;
-  --palette-orange-12: #582d1d;
+  --orange-1: #fefcfb;
+  --orange-2: #fff7ed;
+  --orange-3: #ffefd6;
+  --orange-4: #ffdfb5;
+  --orange-5: #ffd19a;
+  --orange-6: #ffc182;
+  --orange-7: #f5ae73;
+  --orange-8: #ec9455;
+  --orange-9: #f76b15;
+  --orange-10: #ef5f00;
+  --orange-11: #cc4e00;
+  --orange-12: #582d1d;
 }
 
 .dark {
   /* gray */
-  --palette-gray-1: #111111; /* app background */
-  --palette-gray-2: #191919; /* subtle background */
-  --palette-gray-3: #222222; /* component background */
-  --palette-gray-4: #2a2a2a; /* component hover */
-  --palette-gray-5: #313131; /* component selected */
-  --palette-gray-6: #3a3a3a; /* subtle border */
-  --palette-gray-7: #484848; /* border */
-  --palette-gray-8: #606060; /* border hover */
-  --palette-gray-9: #6e6e6e; /* solid fill */
-  --palette-gray-10: #7b7b7b; /* solid fill hover */
-  --palette-gray-11: #b4b4b4; /* low-contrast text */
-  --palette-gray-12: #eeeeee; /* high-contrast text */
 
   /* purple */
-  --palette-purple-1: #18111b;
-  --palette-purple-2: #1e1523;
-  --palette-purple-3: #301c3b;
-  --palette-purple-4: #3d224e;
-  --palette-purple-5: #48295c;
-  --palette-purple-6: #54346b;
-  --palette-purple-7: #664282;
-  --palette-purple-8: #8457aa;
-  --palette-purple-9: #8e4ec6;
-  --palette-purple-10: #9a5cd0;
-  --palette-purple-11: #d19dff;
-  --palette-purple-12: #ecd9fa;
+  --purple-1: #18111b;
+  --purple-2: #1e1523;
+  --purple-3: #301c3b;
+  --purple-4: #3d224e;
+  --purple-5: #48295c;
+  --purple-6: #54346b;
+  --purple-7: #664282;
+  --purple-8: #8457aa;
+  --purple-9: #8e4ec6;
+  --purple-10: #9a5cd0;
+  --purple-11: #d19dff;
+  --purple-12: #ecd9fa;
 
   /* red */
-  --palette-red-1: #191111;
-  --palette-red-2: #201314;
-  --palette-red-3: #3b1219;
-  --palette-red-4: #500f1c;
-  --palette-red-5: #611623;
-  --palette-red-6: #72232d;
-  --palette-red-7: #8c333a;
-  --palette-red-8: #b0484f;
-  --palette-red-9: #e5484d;
-  --palette-red-10: #ec5d5e;
-  --palette-red-11: #ff9592;
-  --palette-red-12: #ffd1d9;
+  --red-1: #191111;
+  --red-2: #201314;
+  --red-3: #3b1219;
+  --red-4: #500f1c;
+  --red-5: #611623;
+  --red-6: #72232d;
+  --red-7: #8c333a;
+  --red-8: #b0484f;
+  --red-9: #e5484d;
+  --red-10: #ec5d5e;
+  --red-11: #ff9592;
+  --red-12: #ffd1d9;
 
   /* green */
-  --palette-green-1: #0e1512;
-  --palette-green-2: #121b17;
-  --palette-green-3: #132d21;
-  --palette-green-4: #113b29;
-  --palette-green-5: #174933;
-  --palette-green-6: #20573e;
-  --palette-green-7: #28714f;
-  --palette-green-8: #2f7c57;
-  --palette-green-9: #30a46c;
-  --palette-green-10: #33b074;
-  --palette-green-11: #3dd68c;
-  --palette-green-12: #b1f1cb;
+  --green-1: #0e1512;
+  --green-2: #121b17;
+  --green-3: #132d21;
+  --green-4: #113b29;
+  --green-5: #174933;
+  --green-6: #20573e;
+  --green-7: #28714f;
+  --green-8: #2f7c57;
+  --green-9: #30a46c;
+  --green-10: #33b074;
+  --green-11: #3dd68c;
+  --green-12: #b1f1cb;
 
   /* amber */
-  --palette-amber-1: #16120c;
-  --palette-amber-2: #1d180f;
-  --palette-amber-3: #302008;
-  --palette-amber-4: #3f2700;
-  --palette-amber-5: #4d3000;
-  --palette-amber-6: #5c3d05;
-  --palette-amber-7: #714f19;
-  --palette-amber-8: #8f6424;
-  --palette-amber-9: #ffc53d;
-  --palette-amber-10: #ffd60a;
-  --palette-amber-11: #ffca16;
-  --palette-amber-12: #ffe7b3;
+  --amber-1: #16120c;
+  --amber-2: #1d180f;
+  --amber-3: #302008;
+  --amber-4: #3f2700;
+  --amber-5: #4d3000;
+  --amber-6: #5c3d05;
+  --amber-7: #714f19;
+  --amber-8: #8f6424;
+  --amber-9: #ffc53d;
+  --amber-10: #ffd60a;
+  --amber-11: #ffca16;
+  --amber-12: #ffe7b3;
 
   /* blue */
-  --palette-blue-1: #0d1520;
-  --palette-blue-2: #111927;
-  --palette-blue-3: #0d2847;
-  --palette-blue-4: #003362;
-  --palette-blue-5: #004074;
-  --palette-blue-6: #104d87;
-  --palette-blue-7: #205d9e;
-  --palette-blue-8: #2870bd;
-  --palette-blue-9: #0090ff;
-  --palette-blue-10: #3b9eff;
-  --palette-blue-11: #70b8ff;
-  --palette-blue-12: #c2e6ff;
+  --blue-1: #0d1520;
+  --blue-2: #111927;
+  --blue-3: #0d2847;
+  --blue-4: #003362;
+  --blue-5: #004074;
+  --blue-6: #104d87;
+  --blue-7: #205d9e;
+  --blue-8: #2870bd;
+  --blue-9: #0090ff;
+  --blue-10: #3b9eff;
+  --blue-11: #70b8ff;
+  --blue-12: #c2e6ff;
 
   /* cyan */
-  --palette-cyan-1: #0b161a;
-  --palette-cyan-2: #101b20;
-  --palette-cyan-3: #082c36;
-  --palette-cyan-4: #003848;
-  --palette-cyan-5: #004558;
-  --palette-cyan-6: #045468;
-  --palette-cyan-7: #12677e;
-  --palette-cyan-8: #11809c;
-  --palette-cyan-9: #00a2c7;
-  --palette-cyan-10: #23afd0;
-  --palette-cyan-11: #4ccce6;
-  --palette-cyan-12: #b6ecf7;
+  --cyan-1: #0b161a;
+  --cyan-2: #101b20;
+  --cyan-3: #082c36;
+  --cyan-4: #003848;
+  --cyan-5: #004558;
+  --cyan-6: #045468;
+  --cyan-7: #12677e;
+  --cyan-8: #11809c;
+  --cyan-9: #00a2c7;
+  --cyan-10: #23afd0;
+  --cyan-11: #4ccce6;
+  --cyan-12: #b6ecf7;
 
   /* orange */
-  --palette-orange-1: #17120e;
-  --palette-orange-2: #1e160f;
-  --palette-orange-3: #331e0b;
-  --palette-orange-4: #462100;
-  --palette-orange-5: #562800;
-  --palette-orange-6: #66350c;
-  --palette-orange-7: #7e451d;
-  --palette-orange-8: #a35829;
-  --palette-orange-9: #f76b15;
-  --palette-orange-10: #ff801f;
-  --palette-orange-11: #ffa057;
-  --palette-orange-12: #ffe0c2;
+  --orange-1: #17120e;
+  --orange-2: #1e160f;
+  --orange-3: #331e0b;
+  --orange-4: #462100;
+  --orange-5: #562800;
+  --orange-6: #66350c;
+  --orange-7: #7e451d;
+  --orange-8: #a35829;
+  --orange-9: #f76b15;
+  --orange-10: #ff801f;
+  --orange-11: #ffa057;
+  --orange-12: #ffe0c2;
 }
 
 /* ============================================================
@@ -289,67 +268,18 @@
      really are a scale, and every step is in use. Step 1 stays
      pure white rather than the palette's off-white, because the
      app background is a deliberate choice, not a grey. */
-  --neutral-1: #ffffff; /* app background — not palette-gray-1 */
-  --neutral-2: var(--palette-gray-2); /* subtle background     */
-  --neutral-3: var(--palette-gray-3); /* component background  */
-  --neutral-4: var(--palette-gray-4); /* component hover       */
-  --neutral-5: var(--palette-gray-5); /* component selected    */
-  --neutral-6: var(--palette-gray-6); /* subtle border         */
-  --neutral-7: var(--palette-gray-7); /* border                */
-  --neutral-8: var(--palette-gray-8); /* border hover          */
-  --neutral-9: var(--palette-gray-9); /* solid fill, tertiary text */
-  /* Steps 10-12 deliberately do NOT track palette gray 10-12.
-     Radix's 11 is "low-contrast text", sized to pass on its own step-2
-     background. This system points --text-secondary at step 10 and asks it to
-     stay readable on bg-inset and bg-hover, which are darker — the guard
-     measured palette-gray-10 at Lc 56.5 there against a 60 target. So
-     secondary text takes a darker step than the palette's naming suggests,
-     and the inverse-fill steps keep the near-black they were sized for. */
-  --neutral-10: var(--palette-gray-11); /* secondary text      */
-  --neutral-11: #262626; /* dark fill — sized against bg-inverse */
-  --neutral-12: #0a0a0a; /* high-contrast text                  */
-
-  /* --- Accent. A slot, not a colour. -----------------------
-     Nothing above this family knows the hue. Point these five at
-     a different palette hue to change the accent; every role
-     below follows. Current hue: purple.
-
-     Text takes step 12, not step 11. Radix sizes step 11 for a
-     WCAG 4.5:1 target; this system judges with APCA at Lc 60, and
-     every hue's step 11 measured Lc 55-61 on the surfaces these
-     roles must clear — legal by WCAG, short of our target. Step 12
-     clears every pairing in both modes with room to spare. The
-     guard found this; do not lower it back to 11. */
-  --accent-tint: var(--palette-purple-3); /* tinted surface     */
-  --accent-tint-hover: var(--palette-purple-4); /* tint hover   */
-  --accent-border: var(--palette-purple-8); /* border, focus ring */
-  --accent-fill: var(--palette-purple-9); /* solid fill         */
-  --accent-text: var(--palette-purple-12); /* accent text       */
-
-  /* --- Status. The same five jobs, per family. -------------- */
-  --danger-tint: var(--palette-red-3);
-  --danger-tint-hover: var(--palette-red-4);
-  --danger-border: var(--palette-red-8);
-  --danger-fill: var(--palette-red-9);
-  --danger-text: var(--palette-red-12);
-
-  --success-tint: var(--palette-green-3);
-  --success-tint-hover: var(--palette-green-4);
-  --success-border: var(--palette-green-8);
-  --success-fill: var(--palette-green-9);
-  --success-text: var(--palette-green-12);
-
-  --warning-tint: var(--palette-amber-3);
-  --warning-tint-hover: var(--palette-amber-4);
-  --warning-border: var(--palette-amber-8);
-  --warning-fill: var(--palette-amber-9);
-  --warning-text: var(--palette-amber-12);
-
-  --info-tint: var(--palette-blue-3);
-  --info-tint-hover: var(--palette-blue-4);
-  --info-border: var(--palette-blue-8);
-  --info-fill: var(--palette-blue-9);
-  --info-text: var(--palette-blue-12);
+  --neutral-1: #ffffff; /* app background            */
+  --neutral-2: #f9f9f9; /* subtle background         */
+  --neutral-3: #f0f0f0; /* component background      */
+  --neutral-4: #e8e8e8; /* component hover           */
+  --neutral-5: #e0e0e0; /* component selected        */
+  --neutral-6: #d9d9d9; /* subtle border             */
+  --neutral-7: #cecece; /* border                    */
+  --neutral-8: #bbbbbb; /* border hover              */
+  --neutral-9: #8d8d8d; /* solid fill, tertiary text */
+  --neutral-10: #646464; /* secondary text           */
+  --neutral-11: #262626; /* dark fill                */
+  --neutral-12: #0a0a0a; /* high-contrast text       */
 
   /* --- Glass. A translucency ramp of fills. ---------------- */
   --glass-1: #ffffff5c; /* barely there   */
@@ -358,10 +288,23 @@
   --glass-4: #ffffffc7; /* glass hovered  */
   --glass-5: #ffffffe0; /* nearly solid   */
 
-  /* --- Gradients. Numbered background treatments. ---------- */
-  --gradient-1:
-    radial-gradient(at 85% 88%, #eef2d4 0%, transparent 62%),
-    linear-gradient(158deg, #f5f7f8 0%, #dfeaf3 52%, #e9efe0 100%);
+  /* --- Backdrop treatments. Named visual values, not colours.
+     These treatments only exist in the mode where their names are true. The
+     semantic pairings below provide the stable cross-mode selection. -------- */
+  --gradient-sky-field:
+    radial-gradient(at 88% 84%, #f5e99e 0%, transparent 60%),
+    linear-gradient(148deg, #f8fbff 0%, #c6e8fb 50%, #d9f0d5 100%);
+  --gradient-peach-field:
+    radial-gradient(at 8% 85%, #fac8d3 0%, transparent 60%),
+    linear-gradient(150deg, #fff9f7 0%, #f5d5df 48%, #d5eafa 100%);
+  --gradient-blue-hour:
+    radial-gradient(at 12% 14%, #bfeefa 0%, transparent 56%),
+    radial-gradient(at 88% 86%, #ddd0fa 0%, transparent 61%),
+    linear-gradient(153deg, #f6f9ff 0%, #d6e4fb 51%, #eee4f7 100%);
+  --gradient-orchid-field:
+    radial-gradient(at 14% 87%, #fac8e8 0%, transparent 57%),
+    radial-gradient(at 85% 14%, #d9d4ff 0%, transparent 57%),
+    linear-gradient(154deg, #fbf8ff 0%, #e9ddf8 50%, #dce8fb 100%);
 
   /* --- Texture. Separate from colour and gradient. --------- */
   --texture-dots-color: #0a0a0a0f;
@@ -440,29 +383,110 @@
   --glass-4: #1c1c1cc7;
   --glass-5: #1c1c1ce0;
 
-  --gradient-1:
-    radial-gradient(at 85% 88%, #23261a 0%, transparent 62%),
-    linear-gradient(158deg, #15171b 0%, #172231 52%, #191d19 100%);
+  /* Dark treatments are their own scenes, not dimmed versions of their light
+     counterparts. Their scene pairing lives in the semantic layer below. */
+  --gradient-night-garden:
+    radial-gradient(
+      ellipse 110% 100% at 52% 50%,
+      transparent 34%,
+      rgba(2, 11, 13, 0.42) 100%
+    ),
+    radial-gradient(at 88% 16%, rgba(52, 211, 153, 0.56) 0%, transparent 42%),
+    radial-gradient(at 12% 86%, rgba(56, 189, 248, 0.52) 0%, transparent 46%),
+    radial-gradient(at 52% 48%, rgba(6, 95, 70, 0.3) 0%, transparent 78%),
+    linear-gradient(153deg, #071311 0%, #0a2929 51%, #081722 100%);
+  --gradient-signal-flare:
+    radial-gradient(
+      ellipse 110% 100% at 52% 50%,
+      transparent 34%,
+      rgba(16, 4, 7, 0.42) 100%
+    ),
+    radial-gradient(at 14% 14%, rgba(245, 158, 11, 0.6) 0%, transparent 40%),
+    radial-gradient(at 88% 88%, rgba(244, 63, 94, 0.56) 0%, transparent 47%),
+    radial-gradient(at 52% 48%, rgba(154, 52, 18, 0.3) 0%, transparent 78%),
+    linear-gradient(158deg, #160e09 0%, #351315 52%, #190915 100%);
+  --gradient-electric-dusk:
+    radial-gradient(
+      ellipse 110% 100% at 52% 50%,
+      transparent 34%,
+      rgba(3, 6, 16, 0.4) 100%
+    ),
+    radial-gradient(at 12% 12%, rgba(34, 211, 238, 0.58) 0%, transparent 42%),
+    radial-gradient(at 88% 92%, rgba(124, 58, 237, 0.63) 0%, transparent 48%),
+    radial-gradient(at 48% 40%, rgba(37, 99, 235, 0.3) 0%, transparent 78%),
+    linear-gradient(158deg, #0a0d16 0%, #121d38 50%, #180d2b 100%);
+  --gradient-ultraviolet:
+    radial-gradient(
+      ellipse 110% 100% at 52% 50%,
+      transparent 34%,
+      rgba(8, 3, 16, 0.42) 100%
+    ),
+    radial-gradient(at 14% 88%, rgba(236, 72, 153, 0.57) 0%, transparent 43%),
+    radial-gradient(at 86% 14%, rgba(99, 102, 241, 0.62) 0%, transparent 44%),
+    radial-gradient(at 48% 52%, rgba(109, 40, 217, 0.28) 0%, transparent 79%),
+    linear-gradient(155deg, #100914 0%, #21113c 52%, #081622 100%);
 
   --texture-dots-color: #ffffff14;
 }
 
 /* ============================================================
-   LAYER 2 — PUBLIC ROLES
-   The only layer a screen may use. Every value below points at
-   a ramp step, except the documented exceptions at the bottom.
+   LAYER 1 — SEMANTIC BACKDROP CHOICES
+   Numbered slots pair one named light treatment with one named
+   dark treatment. They are the appearance-preference seam: a
+   person selects `gradient-1`, not a light-only scene name.
    ============================================================ */
 
 :root {
-  /* --- Structural surfaces. Named by region. ---------------
-     Ask one question: is it behind, on, above, or in?         */
-  --bg-app: var(--gradient-1);
-  --bg-panel: var(--neutral-1);
-  --bg-float: var(--neutral-1);
-  --bg-inset: var(--neutral-3);
-  --bg-hover: var(--neutral-4);
+  --gradient-1: var(--gradient-sky-field);
+  --gradient-2: var(--gradient-peach-field);
+  --gradient-3: var(--gradient-blue-hour);
+  --gradient-4: var(--gradient-orchid-field);
+}
 
-  /* --- Emphasis. One ramp shared by text and borders. ------ */
+.dark {
+  --gradient-1: var(--gradient-night-garden);
+  --gradient-2: var(--gradient-signal-flare);
+  --gradient-3: var(--gradient-electric-dusk);
+  --gradient-4: var(--gradient-ultraviolet);
+}
+
+/* ============================================================
+   LAYER 2 — PUBLIC ROLES
+   The only layer a screen may use. Every value below points at
+   a ramp step or semantic backdrop choice, except the documented
+   exceptions at the bottom.
+   ============================================================ */
+
+:root {
+  /* --- Structural surfaces. ---------------------------------
+     THE ROLES THAT EXIST BECAUSE A RAMP STEP CANNOT SAY THEM.
+     Each one takes a DIFFERENT step per mode, so no class like
+     `bg-neutral-1` is correct in both. That is the whole test for
+     whether a name is earned; everything that passed it is here.
+
+     `bg-app` qualifies for the same reason in a different shape:
+     the gradient itself is swapped per mode.                  */
+  --bg-app: var(--gradient-1);
+  --bg-panel: var(--neutral-1); /* dark: neutral-3 */
+  --bg-float: var(--neutral-1); /* dark: neutral-5 */
+  --bg-inset: var(--neutral-3); /* dark: neutral-2 */
+
+  /* `bg-hover` was here and is gone. It was neutral-4 in both modes, so
+     `bg-neutral-4` says it exactly. Its five call sites now do.
+
+     Worth knowing before recreating it: hover means "one step more
+     contrast than whatever is underneath", which is a relationship, not
+     a value — hover on a panel and hover on an inset are different
+     numbers. A single token could never express that, so the name was
+     promising something it did not deliver.                   */
+
+  /* --- Emphasis. -------------------------------------------
+     These are the exception to the rule above: every one is the
+     same step in both modes, so a class would work. They stay
+     because the NAME enforces something — there are deliberately
+     three levels of text and one border weight, and a ramp cannot
+     say "three". Reaching for `text-neutral-11` because it looks
+     right is how a fourth level appears without anyone deciding.  */
   --text-primary: var(--neutral-12);
   --text-secondary: var(--neutral-10);
   --text-tertiary: var(--neutral-9);
@@ -472,62 +496,86 @@
      information here that a person needs. */
   --text-disabled: var(--neutral-8);
 
-  --border-primary: var(--neutral-7);
-  --border-secondary: var(--neutral-6);
-  --border-tertiary: var(--neutral-5);
+  /* One border, not three. `primary` names the sole deliberate weight,
+     and neutral-4 keeps it at the threshold of perception over both the
+     panel and the atmospheric backdrop. A second weight arrives only with
+     a design that proves a different boundary needs one. */
+  --border-primary: var(--neutral-4);
 
-  /* --- Identity. Two arrangements only: SOLID fill with
-     paired text on it, or TINT fill with coloured text.       */
-  --bg-accent: var(--accent-fill);
-  --bg-accent-tint: var(--accent-tint);
-  --bg-accent-tint-hover: var(--accent-tint-hover);
-  --text-accent: var(--accent-text);
-  --border-accent: var(--accent-border);
+  /* --- Identity: deliberately absent. ----------------------
+     There were six accent roles and every one held the same purple
+     step in both modes, so each was a name in front of a number —
+     `bg-accent` was `purple-9` and nothing else. The screens now say
+     `bg-purple-9`, `bg-purple-3`, `text-purple-12`, `border-purple-8`.
 
-  --bg-inverse: var(--neutral-11);
-  --bg-inverse-hover: var(--neutral-10);
+     `bg-inverse` went the same way (`neutral-11`), and so did its
+     paired text (`neutral-1`).
 
-  /* --- Status. Identical shape, four times over. ----------- */
-  --bg-danger: var(--danger-fill);
-  --bg-danger-tint: var(--danger-tint);
-  --bg-danger-tint-hover: var(--danger-tint-hover);
-  --text-danger: var(--danger-text);
-  --border-danger: var(--danger-border);
+     The argument FOR naming them was that accent is a slot whose hue
+     could change. It is a real argument and it lost to a simpler fact:
+     the hue already changed once — the accent moved to Tailwind purple
+     — and it was five values in the ramp, not a rename. The ramp is
+     the slot. A role in front of it only adds a hop.
 
-  --bg-success: var(--success-fill);
-  --bg-success-tint: var(--success-tint);
-  --bg-success-tint-hover: var(--success-tint-hover);
-  --text-success: var(--success-text);
-  --border-success: var(--success-border);
+     When a repeated accent PATTERN appears — not a colour, a pattern,
+     like a tinted callout that turns up on four screens — that earns a
+     name, and it will be named for the pattern.               */
 
-  --bg-warning: var(--warning-fill);
-  --bg-warning-tint: var(--warning-tint);
-  --bg-warning-tint-hover: var(--warning-tint-hover);
-  --text-warning: var(--warning-text);
-  --border-warning: var(--warning-border);
+  /* --- Status: deliberately absent. ------------------------
+     There were twenty roles here — danger, success, warning, info, five
+     each, the accent's shape copied four times. Nineteen of the twenty
+     had no reader outside the /design pages that displayed them, and the
+     one real consumer was a 8px presence dot.
 
-  --bg-info: var(--info-fill);
-  --bg-info-tint: var(--info-tint);
-  --bg-info-tint-hover: var(--info-tint-hover);
-  --text-info: var(--info-text);
-  --border-info: var(--info-border);
+     They were invented by symmetry rather than by need, and the symmetry
+     was actively misleading: the red ramp alone offers red-3, red-8,
+     red-9 and red-12 for "an error", and a set of pre-made names hid
+     that choice instead of making it. `text-danger` shipped pointing at
+     the wrong red for months (see the registration note below) and
+     nothing noticed, because no design had ever looked at it.
+
+     Status colour gets designed when there is a screen to design it on.
+     Until then the ramps are right there: an error message picks its
+     step, and once two screens pick the same one it earns a name. The
+     hues stay in the palette — nothing was deleted from layer 0.
+
+     Two things briefly had names here — `text-error` and
+     `bg-agent-running` — and they went too, for the same reason as the
+     accent: both were one step, identical in both modes. Error text is
+     `text-red-12` and the running dot is `bg-green-9`, written where
+     they are used.
+
+     The measurement that chose red-12 is the part worth keeping, and it
+     lives in DESIGN.md rather than in a token: red-11 is the more
+     obviously red choice and fails the Lc 60 body target on a dark panel
+     (59.7) and the dark composer (57.5).                      */
 
   /* --- Material. Translucency and blur live inside the value.
-     A component never assembles them.                        */
-  --bg-chrome-glass: var(--glass-3);
-  --bg-chrome-glass-hover: var(--glass-4);
-  --bg-chrome-selected: var(--neutral-1);
-  --bg-panel-glass: var(--glass-2);
-  --bg-float-glass: var(--glass-3);
+     A component never assembles them.
 
-  /* --- Focus. ----------------------------------------------
-     Legible on every neutral surface (WCAG 3.0–3.5:1), but it is an accent
-     against accent: on `bg-accent` it measures 1.1:1 and disappears. A focused
-     primary button therefore needs the ring separated from the fill — an offset
-     in the surface colour, not a different ring hue, so one focus treatment
-     works everywhere. Whatever component layer introduces focus owns that
-     offset; there is no second ring token.                     */
-  --ring-focus: var(--accent-border);
+     Named by STACKING DEPTH, not by the component that uses it.
+     `primary` sits on the backdrop; `secondary` sits over something
+     already glass. Elevation reads as less translucency, so the
+     higher it sits the more opaque it gets — DESIGN.md § Surface
+     and depth. The `glass-primary` / `glass-secondary` utilities in
+     globals.css are the only legitimate readers: they pair each fill
+     with its blur, rim, and lift so a material cannot arrive in
+     pieces.                                                   */
+  --bg-glass-primary: var(--glass-2);
+  --bg-glass-primary-hover: var(--glass-3);
+  --bg-glass-secondary: var(--glass-4);
+  --bg-glass-secondary-hover: var(--glass-5);
+  --bg-chrome-selected: var(--neutral-1);
+
+  /* --- Focus: `purple-8`, written directly. -----------------
+     Same step in both modes, so it was a name in front of a number too.
+     The judgement that survives is not the value: purple-8 is legible on
+     every neutral surface (WCAG 3.0–3.5:1) but measures 1.1:1 on
+     `purple-9` and disappears. **A focused primary button needs the ring
+     separated from the fill** — an offset in the surface colour, not a
+     different ring hue, so one focus treatment works everywhere. That
+     belongs to whichever component layer introduces focus. It is in
+     DESIGN.md, which is where a rule lives; a token could not state it. */
 
   /* --- Geometry. Repeated relationships from Messages. ----- */
   --space-workspace-inset: var(--space-4);
@@ -535,6 +583,7 @@
   --space-panel-inset: var(--space-5);
   --space-control-inset: var(--space-3);
   --space-row-gap: var(--space-2);
+  --space-section-gap: var(--space-4);
   /* An inline chip sits in a line of text, so its inset and gap are tighter
      than a control's and are its own repeated relationship. Both are below the
      4px spacing floor because a chip hugs its label — the design draws 3px of
@@ -568,23 +617,21 @@
         purple fill and unreadable on yellow or lime. Until the
         computation lands, these hold literals.                */
   --text-on-accent: #ffffff;
-  --text-on-inverse: var(--neutral-1);
 
-  /* The status families need their paired text for the same reason accent does:
-     `bg-danger` is a saturated fill, and text on it must be the paired value
-     rather than whatever it inherits. The registry documented these four before
-     they were declared, so `text-on-danger` resolved to nothing and text on a
-     danger button fell back to near-black on red. The token table found it.
-     Literals for now, on the same exception as text-on-accent — they become
-     computed when the lightness rule lands. */
-  --text-on-danger: #ffffff;
-  --text-on-success: #ffffff;
-  /* A literal, not `var(--neutral-12)`: the warning fill is the same amber in
-     both modes, so its paired text must be dark in both. neutral-12 flips to
-     near-white in dark mode, which put #f5f5f5 on #eab308 — APCA Lc 34, WCAG
-     1.76. A paired-text token follows its fill, never the mode. */
-  --text-on-warning: #0a0a0a;
-  --text-on-info: #ffffff;
+  /* `text-on-inverse` was `var(--neutral-1)` in both modes and went with
+     `bg-inverse`; its two call sites pair `bg-neutral-11` with
+     `text-neutral-1` directly. It is listed here rather than silently
+     dropped because the paired-text RULE below still governs that pair:
+     the text follows the fill, so if the fill moves off neutral-11 the
+     text is re-measured, not inherited.                        */
+
+  /* The four status paired-text roles went with their fills. Keep the finding
+     they produced, because it is the rule and not a bug report: a paired-text
+     token follows its FILL, never the mode. `--text-on-warning` was
+     `var(--neutral-12)`, which flips to near-white in dark mode and put #f5f5f5
+     on the same amber — APCA Lc 34. The amber is identical in both modes, so its
+     text had to be dark in both. Whatever names status ends up with, they take
+     literals or a computed lightness, never a neutral step. */
 
   /*  2. The glass rim. A directional light effect, not a solid
         line: bright along the lit edge, dimmer on the opposite
@@ -620,65 +667,189 @@
 @theme inline {
   --color-*: initial;
 
+  /* ---------------------------------------------------------------
+     THE RAMPS, REACHABLE DIRECTLY.
+
+     `bg-neutral-4`, `text-red-12`, `border-purple-8`. This is the layer
+     a screen is built from now, and it is a deliberate reversal: the
+     colour guard used to reject exactly these classes.
+
+     The reason it is safe here and was not safe in Tailwind's own
+     palette is that **every step is authored per mode.** `neutral-11`
+     is one value in light and another in dark, so a component naming a
+     step still behaves in both. Tailwind's `neutral-800` is a single
+     literal, which is why reaching for it used to break dark mode and
+     why a semantic name was the only correct move.
+
+     What a semantic role is still FOR is the case a step cannot
+     express — see the four surface roles above, where light and dark
+     take different steps. Everything else was a name in front of a
+     number, and a name in front of a number hides the choice instead
+     of recording it.
+     --------------------------------------------------------------- */
+  /* neutral */
+  --color-neutral-1: var(--neutral-1);
+  --color-neutral-2: var(--neutral-2);
+  --color-neutral-3: var(--neutral-3);
+  --color-neutral-4: var(--neutral-4);
+  --color-neutral-5: var(--neutral-5);
+  --color-neutral-6: var(--neutral-6);
+  --color-neutral-7: var(--neutral-7);
+  --color-neutral-8: var(--neutral-8);
+  --color-neutral-9: var(--neutral-9);
+  --color-neutral-10: var(--neutral-10);
+  --color-neutral-11: var(--neutral-11);
+  --color-neutral-12: var(--neutral-12);
+
+  /* purple */
+  --color-purple-1: var(--purple-1);
+  --color-purple-2: var(--purple-2);
+  --color-purple-3: var(--purple-3);
+  --color-purple-4: var(--purple-4);
+  --color-purple-5: var(--purple-5);
+  --color-purple-6: var(--purple-6);
+  --color-purple-7: var(--purple-7);
+  --color-purple-8: var(--purple-8);
+  --color-purple-9: var(--purple-9);
+  --color-purple-10: var(--purple-10);
+  --color-purple-11: var(--purple-11);
+  --color-purple-12: var(--purple-12);
+
+  /* red */
+  --color-red-1: var(--red-1);
+  --color-red-2: var(--red-2);
+  --color-red-3: var(--red-3);
+  --color-red-4: var(--red-4);
+  --color-red-5: var(--red-5);
+  --color-red-6: var(--red-6);
+  --color-red-7: var(--red-7);
+  --color-red-8: var(--red-8);
+  --color-red-9: var(--red-9);
+  --color-red-10: var(--red-10);
+  --color-red-11: var(--red-11);
+  --color-red-12: var(--red-12);
+
+  /* green */
+  --color-green-1: var(--green-1);
+  --color-green-2: var(--green-2);
+  --color-green-3: var(--green-3);
+  --color-green-4: var(--green-4);
+  --color-green-5: var(--green-5);
+  --color-green-6: var(--green-6);
+  --color-green-7: var(--green-7);
+  --color-green-8: var(--green-8);
+  --color-green-9: var(--green-9);
+  --color-green-10: var(--green-10);
+  --color-green-11: var(--green-11);
+  --color-green-12: var(--green-12);
+
+  /* amber */
+  --color-amber-1: var(--amber-1);
+  --color-amber-2: var(--amber-2);
+  --color-amber-3: var(--amber-3);
+  --color-amber-4: var(--amber-4);
+  --color-amber-5: var(--amber-5);
+  --color-amber-6: var(--amber-6);
+  --color-amber-7: var(--amber-7);
+  --color-amber-8: var(--amber-8);
+  --color-amber-9: var(--amber-9);
+  --color-amber-10: var(--amber-10);
+  --color-amber-11: var(--amber-11);
+  --color-amber-12: var(--amber-12);
+
+  /* blue */
+  --color-blue-1: var(--blue-1);
+  --color-blue-2: var(--blue-2);
+  --color-blue-3: var(--blue-3);
+  --color-blue-4: var(--blue-4);
+  --color-blue-5: var(--blue-5);
+  --color-blue-6: var(--blue-6);
+  --color-blue-7: var(--blue-7);
+  --color-blue-8: var(--blue-8);
+  --color-blue-9: var(--blue-9);
+  --color-blue-10: var(--blue-10);
+  --color-blue-11: var(--blue-11);
+  --color-blue-12: var(--blue-12);
+
+  /* cyan */
+  --color-cyan-1: var(--cyan-1);
+  --color-cyan-2: var(--cyan-2);
+  --color-cyan-3: var(--cyan-3);
+  --color-cyan-4: var(--cyan-4);
+  --color-cyan-5: var(--cyan-5);
+  --color-cyan-6: var(--cyan-6);
+  --color-cyan-7: var(--cyan-7);
+  --color-cyan-8: var(--cyan-8);
+  --color-cyan-9: var(--cyan-9);
+  --color-cyan-10: var(--cyan-10);
+  --color-cyan-11: var(--cyan-11);
+  --color-cyan-12: var(--cyan-12);
+
+  /* orange */
+  --color-orange-1: var(--orange-1);
+  --color-orange-2: var(--orange-2);
+  --color-orange-3: var(--orange-3);
+  --color-orange-4: var(--orange-4);
+  --color-orange-5: var(--orange-5);
+  --color-orange-6: var(--orange-6);
+  --color-orange-7: var(--orange-7);
+  --color-orange-8: var(--orange-8);
+  --color-orange-9: var(--orange-9);
+  --color-orange-10: var(--orange-10);
+  --color-orange-11: var(--orange-11);
+  --color-orange-12: var(--orange-12);
+
   --color-app: var(--bg-app);
   --color-panel: var(--bg-panel);
   --color-float: var(--bg-float);
   --color-inset: var(--bg-inset);
-  --color-hover: var(--bg-hover);
 
-  --color-primary: var(--text-primary);
-  --color-secondary: var(--text-secondary);
-  --color-tertiary: var(--text-tertiary);
-  --color-disabled: var(--text-disabled);
+  /* TEXT COLOUR REGISTERS IN ITS OWN NAMESPACE, like borders below.
+     Not `--color-*`.
 
-  /* Borders register in their OWN namespace, not `--color-*`.
-     Text and borders share the emphasis names — primary, secondary, tertiary —
-     but hold different values: text is the dark end of the neutral ramp
-     (12/10/9), borders the light end (7/6/5). `--color-*` is a single namespace,
-     so registering borders there would make `border-primary` resolve to the text
-     colour and draw every hairline at near-black. It did exactly that until
-     these three lines existed. */
+     `--color-x` is shared by every colour prefix at once: it makes `bg-x`,
+     `text-x`, `border-x`, `ring-x` and the rest, all pointing at one value. So
+     the moment two roles differ only by which prefix uses them, that namespace
+     picks one and silently drops the other.
+
+     It had already happened twice. Borders were the first, fixed below. Text
+     colour was the second and shipped: `--color-danger: var(--bg-danger)` also
+     defined `text-danger`, so error text rendered in red-9 — the saturated fill
+     — instead of red-12. On a dark panel that measured APCA Lc 34 against a
+     target of 60, and `check-contrast` passed the whole time because it audited
+     `--text-danger`, a token no class could reach.
+
+     A guard measuring a token nothing resolves to is worse than no guard, so
+     every text role now registers as `--text-color-*` and is what it says. */
+  --text-color-primary: var(--text-primary);
+  --text-color-secondary: var(--text-secondary);
+  --text-color-tertiary: var(--text-tertiary);
+  --text-color-disabled: var(--text-disabled);
+  --text-color-on-accent: var(--text-on-accent);
+
+  /* Borders register in their OWN namespace for the same reason — this is where
+     the collision was found first. Text and borders shared the emphasis names,
+     holding different values: text the dark end of the neutral ramp, borders the
+     light end. Registered under `--color-*`, `border-primary` resolved to the
+     text colour and drew every hairline at near-black. It did exactly that until
+     this line existed. */
   --border-color-primary: var(--border-primary);
-  --border-color-secondary: var(--border-secondary);
-  --border-color-tertiary: var(--border-tertiary);
 
-  --color-accent: var(--bg-accent);
-  --color-accent-tint: var(--bg-accent-tint);
-  --color-accent-tint-hover: var(--bg-accent-tint-hover);
-  --color-on-accent: var(--text-on-accent);
+  /* `--color-*` now registers backgrounds only, so `bg-accent` is the one
+     utility each of these makes. Text colour is `--text-color-*` above. */
 
-  --color-inverse: var(--bg-inverse);
-  --color-inverse-hover: var(--bg-inverse-hover);
-  --color-on-inverse: var(--text-on-inverse);
-
-  --color-danger: var(--bg-danger);
-  --color-danger-tint: var(--bg-danger-tint);
-  --color-danger-tint-hover: var(--bg-danger-tint-hover);
-  --color-on-danger: var(--text-on-danger);
-  --color-success: var(--bg-success);
-  --color-success-tint: var(--bg-success-tint);
-  --color-success-tint-hover: var(--bg-success-tint-hover);
-  --color-on-success: var(--text-on-success);
-  --color-on-warning: var(--text-on-warning);
-  --color-on-info: var(--text-on-info);
-  --color-warning: var(--bg-warning);
-  --color-warning-tint: var(--bg-warning-tint);
-  --color-warning-tint-hover: var(--bg-warning-tint-hover);
-  --color-info: var(--bg-info);
-  --color-info-tint: var(--bg-info-tint);
-  --color-info-tint-hover: var(--bg-info-tint-hover);
-
-  --color-chrome-glass: var(--bg-chrome-glass);
-  --color-chrome-glass-hover: var(--bg-chrome-glass-hover);
+  /* The glass fills are deliberately NOT registered as Tailwind colour
+     utilities. A `bg-glass-primary` class would be the fill without its
+     blur, rim, or lift — the exact failure the materials exist to prevent.
+     Use the `glass-primary` / `glass-secondary` utilities instead. */
   --color-chrome-selected: var(--bg-chrome-selected);
-  --color-panel-glass: var(--bg-panel-glass);
-  --color-float-glass: var(--bg-float-glass);
 
   --spacing-workspace-inset: var(--space-workspace-inset);
   --spacing-panel-gap: var(--space-panel-gap);
   --spacing-panel-inset: var(--space-panel-inset);
   --spacing-control-inset: var(--space-control-inset);
   --spacing-row-gap: var(--space-row-gap);
+  --spacing-section-gap: var(--space-section-gap);
   --spacing-chip-inset: var(--space-chip-inset);
   --spacing-chip-gap: var(--space-chip-gap);
 }
diff --git a/desktop-new/src/shared/tokens/registry.test.ts b/desktop-new/src/shared/tokens/registry.test.ts
new file mode 100644
index 0000000000..9e2237e37d
--- /dev/null
+++ b/desktop-new/src/shared/tokens/registry.test.ts
@@ -0,0 +1,142 @@
+import { readFileSync } from "node:fs";
+
+import { describe, expect, it } from "vitest";
+
+import { PALETTE, RAMPS, ROLE_GROUPS } from "./registry";
+
+/**
+ * `tokens.css` as text.
+ *
+ * Read with `node:fs` rather than Vite's `import.meta.glob(..., "?raw")`, which
+ * the sibling component-registry test uses for `.tsx` sources. On a `.css` file
+ * that returns an **empty string** — Vite hands it to the CSS pipeline and the
+ * raw query yields nothing, with no error. Every assertion below would have
+ * passed vacuously against empty text, which is the exact failure mode this file
+ * exists to catch, so the length is asserted before anything else.
+ */
+const TOKENS = readFileSync(
+  new URL("../styles/tokens.css", import.meta.url),
+  "utf8",
+);
+
+/** Declarations outside `@theme`: the role and palette layers. */
+const DECLARATIONS = TOKENS.slice(0, TOKENS.indexOf("@theme inline {"));
+/** Inside `@theme`: what Tailwind turns into utilities. */
+const THEME = TOKENS.slice(TOKENS.indexOf("@theme inline {"));
+
+const declares = (variable: string) =>
+  new RegExp(`^\\s*${variable}:`, "m").test(DECLARATIONS);
+
+/**
+ * The /design pages are rendered from this registry, so a role described here
+ * but absent from the stylesheet is a page confidently documenting something
+ * that does not exist — and the reader has no way to tell.
+ *
+ * This is not hypothetical. `bg-float-glass` was described as "a floating
+ * surface that should let content through", rendered a swatch on /design/color,
+ * and was never declared anywhere: the swatch painted nothing and the row read
+ * as a real token. It survived a census of consumers too, because a token no
+ * stylesheet declares also has no consumers to count.
+ */
+describe("token registry — every documented role exists", () => {
+  it("actually read the stylesheet", () => {
+    // Guards the guard: see the note on TOKENS. Empty text would make every
+    // other assertion here pass while checking nothing.
+    expect(TOKENS.length).toBeGreaterThan(1000);
+    expect(TOKENS).toContain("@theme inline {");
+  });
+
+  it("declares every role the registry describes", () => {
+    const missing: string[] = [];
+    for (const group of ROLE_GROUPS) {
+      for (const role of group.roles) {
+        if (!declares(role.variable))
+          missing.push(`${group.id}: ${role.variable}`);
+      }
+    }
+    expect(missing).toEqual([]);
+  });
+
+  it("declares every palette step and ramp step it lists", () => {
+    const missing: string[] = [];
+    for (const hue of PALETTE) {
+      for (const step of hue.steps) {
+        if (!declares(step.variable)) missing.push(step.variable);
+      }
+    }
+    for (const ramp of RAMPS) {
+      for (const step of ramp.steps) {
+        if (!declares(step.variable)) missing.push(step.variable);
+      }
+    }
+    expect(missing).toEqual([]);
+  });
+});
+
+/**
+ * The namespace rule, bound to the file rather than to a reviewer's memory.
+ *
+ * `--color-x` is shared by every colour prefix at once — it defines `bg-x`,
+ * `text-x`, `border-x` and the rest from one value. So when two roles differ
+ * only by which prefix uses them, that namespace silently picks one.
+ *
+ * It shipped twice. Borders first: `border-primary` resolved to the text colour
+ * and drew every hairline at near-black. Then text: `--color-danger` also
+ * defined `text-danger`, so error text rendered in red-9, the saturated fill,
+ * instead of red-12 — APCA Lc 34 on a dark panel, while `check-contrast` passed
+ * because it measured `--text-danger`, a token no class could reach.
+ *
+ * Both fixes were the same move, so the invariant is one line: a text or border
+ * role registers in its own namespace, never the shared one.
+ */
+describe("token registry — colour namespaces do not collide", () => {
+  const registrations = (namespace: string) =>
+    [
+      ...THEME.matchAll(
+        new RegExp(
+          `^\\s*--${namespace}-([a-z0-9-]+):\\s*var\\((--[a-z0-9-]+)\\)`,
+          "gm",
+        ),
+      ),
+    ].map(([, suffix, role]) => ({ suffix, role }));
+
+  it("registers no text or border role under the shared --color-* namespace", () => {
+    const shared = registrations("color").filter(
+      ({ role }) => role.startsWith("--text-") || role.startsWith("--border-"),
+    );
+    expect(
+      shared.map(({ suffix, role }) => `--color-${suffix} points at ${role}`),
+    ).toEqual([]);
+  });
+
+  it("registers every border role it exposes as --border-color-*", () => {
+    const roles = [
+      ...new Set(
+        ROLE_GROUPS.flatMap((group) => group.roles)
+          .map((role) => role.variable)
+          .filter((variable) => variable.startsWith("--border-")),
+      ),
+    ];
+    const registered = new Set(
+      registrations("border-color").map(({ role }) => role),
+    );
+    expect(roles.filter((role) => !registered.has(role))).toEqual([]);
+  });
+
+  it("registers every text role it exposes as --text-color-*", () => {
+    // Every `--text-*` role that is not a size — sizes share the spelling and
+    // register in Tailwind's own `--text-*` namespace, which is the collision
+    // typography.css documents.
+    const roles = [
+      ...new Set(
+        ROLE_GROUPS.flatMap((group) => group.roles)
+          .map((role) => role.variable)
+          .filter((variable) => variable.startsWith("--text-")),
+      ),
+    ];
+    const registered = new Set(
+      registrations("text-color").map(({ role }) => role),
+    );
+    expect(roles.filter((role) => !registered.has(role))).toEqual([]);
+  });
+});
diff --git a/desktop-new/src/shared/tokens/registry.ts b/desktop-new/src/shared/tokens/registry.ts
index f58f341e10..f040f23dfa 100644
--- a/desktop-new/src/shared/tokens/registry.ts
+++ b/desktop-new/src/shared/tokens/registry.ts
@@ -21,8 +21,6 @@ export interface RampStep {
   job: string;
   /** The CSS custom property, without `var()`. */
   variable: string;
-  /** The palette step this resolves to, when the ramp is a family. */
-  palette?: string;
 }
 
 /** A private ramp. */
@@ -64,7 +62,13 @@ export interface RoleGroup {
    PRIVATE RAMPS
    ============================================================ */
 
-const NEUTRAL_JOBS = [
+/**
+ * What each of the twelve steps is *for*. The same twelve jobs in every hue —
+ * which is the whole point of a twelve-step scale, and what makes the
+ * step-to-role mapping deterministic: a role picks a step number, not a colour.
+ * Named from the neutral ramp because that is where every step is in use.
+ */
+const STEP_JOBS = [
   "app background",
   "subtle background",
   "component background",
@@ -79,67 +83,46 @@ const NEUTRAL_JOBS = [
   "high-contrast text",
 ];
 
-/**
- * The five jobs every coloured family does, and the palette step each takes.
- *
- * Named rather than numbered, because a number invited reading `--accent-2` as
- * "a light purple" when it means "the surface an accent tint sits on". The step
- * numbers are the palette position, shown so the ramp relationship stays legible.
- *
- * Text takes step 12, not the 11 Radix names "low-contrast text": Radix sizes 11
- * for WCAG 4.5:1, and every hue's step 11 measured Lc 55-61 against this
- * system's Lc 60 target on the surfaces these roles must clear.
- */
-const FAMILY_JOBS: Array<[string, number, string]> = [
-  ["tint", 3, "tinted surface"],
-  ["tint-hover", 4, "tint hover / selected"],
-  ["border", 8, "border, focus ring"],
-  ["fill", 9, "solid fill"],
-  ["text", 12, "text on a tint or a neutral surface"],
-];
-
-function identityRamp(
-  id: string,
-  name: string,
-  description: string,
-  hue: string,
-): Ramp {
-  return {
-    id,
-    name,
-    description,
-    steps: FAMILY_JOBS.map(([job, step, use]) => ({
-      step,
-      job: `${job} — ${use}`,
-      variable: `--${id}-${job}`,
-      palette: `--palette-${hue}-${step}`,
-    })),
-  };
-}
-
 /** A palette hue: twelve steps, authored per mode. The bottom layer. */
 export interface PaletteHue {
   id: string;
-  /** Which family, if any, currently draws from this hue. */
+  /** Which identity, if any, currently draws from this hue. */
   usedBy?: string;
-  steps: Array<{ step: number; variable: string }>;
+  steps: Array<{ step: number; variable: string; job: string }>;
+}
+
+/**
+ * A private, named backdrop treatment.
+ *
+ * Unlike a colour ramp, a treatment is a complete visual composition: several
+ * colours plus their positions, falloff, and sometimes a vignette. Its name is
+ * deliberately mode-specific — Night garden is the dark counterpart of Sky
+ * field, not Sky field with its brightness turned down.
+ */
+export interface BackdropTreatment {
+  id: string;
+  name: string;
+  variable: string;
+  mode: "light" | "dark";
+  pairedWith: string;
+  description: string;
 }
 
 /**
  * Every hue in the palette.
  *
- * The layer beneath the families, and the only place a literal colour lives.
+ * The bottom layer, and the only place a literal colour lives.
  * Values are Radix Colors (MIT), transcribed rather than depended on — Radix is
  * not on Block's Tech Radar, so this is a values-only copy with no package.
  *
- * It exists for two reasons. The families above it were 114 hand-picked hex
+ * It exists for two reasons. The tokens above it were 114 hand-picked hex
  * values with nothing enforcing that two tokens doing the same job agreed, and
  * they drifted. And a hue's dark steps are not its light steps dimmed: reaching
  * for a subtler dark purple by writing `purple-950/50` in a component put a real
  * colour decision somewhere it could not be named, paired, or measured.
  */
 export const PALETTE: PaletteHue[] = [
-  { id: "gray", usedBy: "neutral", steps: [] },
+  { id: "neutral", usedBy: "structure", steps: [] },
   { id: "purple", usedBy: "accent", steps: [] },
   { id: "red", usedBy: "danger", steps: [] },
   { id: "green", usedBy: "success", steps: [] },
@@ -151,37 +134,112 @@ export const PALETTE: PaletteHue[] = [
   ...hue,
   steps: Array.from({ length: 12 }, (_, i) => ({
     step: i + 1,
-    variable: `--palette-${hue.id}-${i + 1}`,
+    variable: `--${hue.id}-${i + 1}`,
+    job: STEP_JOBS[i],
   })),
 }));
 
-export const RAMPS: Ramp[] = [
+export const BACKDROP_TREATMENTS: BackdropTreatment[] = [
   {
-    id: "neutral",
-    name: "Neutral",
-    description:
-      "Twelve steps, each step a fixed job. The number means a job, not a brightness — which is what lets a role encode a position that stays true across every palette.",
-    steps: NEUTRAL_JOBS.map((job, i) => ({
-      step: i + 1,
-      job,
-      variable: `--neutral-${i + 1}`,
-    })),
+    id: "sky-field",
+    name: "Sky field",
+    variable: "--gradient-sky-field",
+    mode: "light",
+    pairedWith: "night-garden",
+    description: "Blue sky, fresh green, and a sunlit yellow edge.",
   },
-  identityRamp(
-    "accent",
-    "Accent — a slot, not a colour",
-    "Nothing above this family knows the hue, so the accent can change, become a person's preference, or vary per theme without a single component changing. Point the five steps at a different palette hue and every role follows.",
-    "purple",
-  ),
-  identityRamp(
-    "danger",
-    "Danger",
-    "The same five jobs as accent. Learning one family teaches all of them.",
-    "red",
-  ),
-  identityRamp("success", "Success", "The same five jobs as accent.", "green"),
-  identityRamp("warning", "Warning", "The same five jobs as accent.", "amber"),
-  identityRamp("info", "Info", "The same five jobs as accent.", "blue"),
+  {
+    id: "peach-field",
+    name: "Peach field",
+    variable: "--gradient-peach-field",
+    mode: "light",
+    pairedWith: "signal-flare",
+    description: "A bright peach wash with a cool blue edge.",
+  },
+  {
+    id: "blue-hour",
+    name: "Blue hour",
+    variable: "--gradient-blue-hour",
+    mode: "light",
+    pairedWith: "electric-dusk",
+    description: "Cyan, periwinkle, and a quiet lavender horizon.",
+  },
+  {
+    id: "orchid-field",
+    name: "Orchid field",
+    variable: "--gradient-orchid-field",
+    mode: "light",
+    pairedWith: "ultraviolet",
+    description: "Lilac, periwinkle, and a low orchid-pink bloom.",
+  },
+  {
+    id: "night-garden",
+    name: "Night garden",
+    variable: "--gradient-night-garden",
+    mode: "dark",
+    pairedWith: "sky-field",
+    description: "Deep teal atmosphere, emerald high light, and blue below.",
+  },
+  {
+    id: "signal-flare",
+    name: "Signal flare",
+    variable: "--gradient-signal-flare",
+    mode: "dark",
+    pairedWith: "peach-field",
+    description:
+      "A warm ember field with orange high light and a rose horizon.",
+  },
+  {
+    id: "electric-dusk",
+    name: "Electric dusk",
+    variable: "--gradient-electric-dusk",
+    mode: "dark",
+    pairedWith: "blue-hour",
+    description: "Cyan and ultraviolet light over a deep blue atmosphere.",
+  },
+  {
+    id: "ultraviolet",
+    name: "Ultraviolet",
+    variable: "--gradient-ultraviolet",
+    mode: "dark",
+    pairedWith: "orchid-field",
+    description: "A deep violet field, blue high light, and a low rose flare.",
+  },
+];
+
+/** The four stable appearance slots, each pairing one light and dark scene. */
+export const BACKDROP_CHOICES = [
+  {
+    token: "gradient-1",
+    variable: "--gradient-1",
+    lightTreatment: "sky-field",
+    darkTreatment: "night-garden",
+    use: "The default app backdrop: Sky field in light mode, Night garden in dark.",
+  },
+  {
+    token: "gradient-2",
+    variable: "--gradient-2",
+    lightTreatment: "peach-field",
+    darkTreatment: "signal-flare",
+    use: "A warm paired app backdrop: Peach field in light mode, Signal flare in dark.",
+  },
+  {
+    token: "gradient-3",
+    variable: "--gradient-3",
+    lightTreatment: "blue-hour",
+    darkTreatment: "electric-dusk",
+    use: "A cool paired app backdrop: Blue hour in light mode, Electric dusk in dark.",
+  },
+  {
+    token: "gradient-4",
+    variable: "--gradient-4",
+    lightTreatment: "orchid-field",
+    darkTreatment: "ultraviolet",
+    use: "A violet paired app backdrop: Orchid field in light mode, Ultraviolet in dark.",
+  },
+] as const;
+
+export const RAMPS: Ramp[] = [
   {
     id: "glass",
     name: "Glass",
@@ -202,76 +260,37 @@ export const RAMPS: Ramp[] = [
    PUBLIC ROLES
    ============================================================ */
 
-function identityGroup(
-  id: string,
-  label: string,
-  description: string,
-): RoleGroup {
-  return {
-    id,
-    name: label,
-    description,
-    roles: [
-      {
-        token: `bg-${id}`,
-        variable: `--bg-${id}`,
-        pointsAt: `${id} fill`,
-        use: "The solid fill: primary buttons, active toggles. Takes its paired text.",
-        status: "core",
-      },
-      {
-        token: `text-on-${id}`,
-        variable: `--text-on-${id}`,
-        pointsAt: "computed from the fill's lightness",
-        use: `Text sitting on bg-${id}.`,
-        status: "core",
-        exception:
-          "Computed rather than fixed: white is readable on a blue or purple fill and unreadable on yellow or lime.",
-      },
-      {
-        token: `text-${id}`,
-        variable: `--text-${id}`,
-        pointsAt: `${id} text`,
-        use: "Coloured text on a neutral background: links, labels.",
-        status: "core",
-      },
-      {
-        token: `bg-${id}-tint`,
-        variable: `--bg-${id}-tint`,
-        pointsAt: `${id} tint`,
-        use: "A tinted surface carrying meaning: chips, callouts, selected rows. Takes coloured text.",
-        status: "core",
-      },
-      {
-        token: `bg-${id}-tint-hover`,
-        variable: `--bg-${id}-tint-hover`,
-        pointsAt: `${id} tint-hover`,
-        use: "That tinted surface hovered or selected.",
-        status: "core",
-      },
-      {
-        token: `border-${id}`,
-        variable: `--border-${id}`,
-        pointsAt: `${id} border`,
-        use: "Focus rings and active borders.",
-        status: "core",
-      },
-    ],
-  };
-}
+/**
+ * There is no identity-group generator any more, and that is the point.
+ *
+ * A helper here built five roles from one line of a hue lookup — `bg-accent`,
+ * `bg-accent-tint`, `text-accent`, and so on — which is exactly how twenty status
+ * roles came to exist without anyone designing them. Every one of those roles
+ * held the same palette step in both modes, so each was a name in front of a
+ * number.
+ *
+ * Screens now write the step: `bg-purple-9`, `bg-purple-3`, `text-purple-12`.
+ * Safe here and not in Tailwind because **every step is authored per mode**, so a
+ * class still behaves in light and dark. The step-to-role mapping in DESIGN.md
+ * survives as guidance for *which* step to reach for; it is no longer a
+ * generator.
+ *
+ * A name comes back when a repeated accent PATTERN appears — a tinted callout on
+ * four screens — and it will be named for the pattern, not the colour.
+ */
 
 export const ROLE_GROUPS: RoleGroup[] = [
   {
     id: "surfaces",
     name: "Structural surfaces",
     description:
-      "Named and closed, because there are only a few right answers and guessing produces a broken interface. Ask one question: is it behind, on, above, or in?",
+      "The roles that exist because a ramp step cannot say them: each takes a different step in light and dark, so no single class like `bg-neutral-1` is correct in both. That is the whole test for whether a colour earns a name. Ask one question: is it behind, on, above, or in? (`bg-hover` was here and is now written as `bg-neutral-4` \u2014 it was the same step in both modes. Hover is a *relationship*, one step more contrast than whatever is underneath, which no single token could express anyway.)",
     roles: [
       {
         token: "bg-app",
         variable: "--bg-app",
-        pointsAt: "gradient-1",
-        use: "The backdrop everything sits on.",
+        pointsAt: "gradient-1 (Sky field light / Night garden dark)",
+        use: "The backdrop everything sits on. It takes the first paired appearance choice by default.",
         status: "core",
       },
       {
@@ -295,13 +314,6 @@ export const ROLE_GROUPS: RoleGroup[] = [
         use: "Anything pushed in: inputs, code blocks, quotes.",
         status: "core",
       },
-      {
-        token: "bg-hover",
-        variable: "--bg-hover",
-        pointsAt: "neutral 4",
-        use: "Any neutral row or item under the cursor. Region-less — it works on any neutral surface, which is why there is only one of them.",
-        status: "core",
-      },
     ],
   },
   {
@@ -341,118 +353,44 @@ export const ROLE_GROUPS: RoleGroup[] = [
       {
         token: "border-primary",
         variable: "--border-primary",
-        pointsAt: "neutral 7",
-        use: "The default visible line.",
-        status: "core",
-      },
-      {
-        token: "border-secondary",
-        variable: "--border-secondary",
-        pointsAt: "neutral 6",
-        use: "A lighter separator inside a group.",
-        status: "core",
-      },
-      {
-        token: "border-tertiary",
-        variable: "--border-tertiary",
-        pointsAt: "neutral 5",
-        use: "The faintest line.",
+        pointsAt: "neutral 4",
+        use: "Every deliberate line: panel boundaries, dividers, separators. One quiet weight; add another only when a design proves a different boundary needs it.",
         status: "core",
       },
     ],
   },
-  identityGroup(
-    "accent",
-    "Accent",
-    "Two arrangements and no third: a solid fill with paired text on it, or a tint fill with coloured text on it. There is deliberately nothing between them.",
-  ),
-  {
-    id: "inverse",
-    name: "Inverse",
-    description:
-      "A high-contrast fill for surfaces that must stand apart from everything: tooltips, toasts.",
-    roles: [
-      {
-        token: "bg-inverse",
-        variable: "--bg-inverse",
-        pointsAt: "neutral 11",
-        use: "High-contrast fill: tooltips, toasts.",
-        status: "core",
-      },
-      {
-        token: "bg-inverse-hover",
-        variable: "--bg-inverse-hover",
-        pointsAt: "neutral 10",
-        use: "Its hover. Step 10 sits on the light side of step 11 in the light ramp and the dark side in the dark ramp, so the hover inverts direction with no special-casing.",
-        status: "core",
-      },
-      {
-        token: "text-on-inverse",
-        variable: "--text-on-inverse",
-        pointsAt: "computed from the fill's lightness",
-        use: "Text sitting on bg-inverse.",
-        status: "core",
-        exception: "Computed rather than fixed.",
-      },
-    ],
-  },
-  identityGroup("danger", "Danger", "Destructive actions and error states."),
-  identityGroup("success", "Success", "Confirmation and healthy states."),
-  identityGroup("warning", "Warning", "Caution that is not yet an error."),
-  identityGroup("info", "Info", "Neutral information and guidance."),
   {
     id: "material",
     name: "Material",
     description:
-      "A translucent blurred surface is the same region in a different material. Translucency and blur live inside the value; a component never assembles them from a fill, a transparency, and a blur amount.",
+      "Glass is applied as a whole material — a fill, a blur, a rim, and sometimes a lift — through the `glass-primary` and `glass-secondary` utilities. The fills below are what those utilities read; they are deliberately not registered as Tailwind colour utilities, because a bare `bg-glass-primary` class would be the fill without the rest, which is the failure the materials exist to prevent. Named by stacking depth: primary sits on the backdrop, secondary sits over something already glass. See the glass page.",
     roles: [
       {
-        token: "bg-chrome-glass",
-        variable: "--bg-chrome-glass",
-        pointsAt: "glass 3 + blur-md",
-        use: "The top bar and floating chrome.",
+        token: "glass-primary",
+        variable: "--bg-glass-primary",
+        pointsAt: "glass 2 + blur-md + rim",
+        use: "Glass sitting directly on the backdrop: chrome, nav, a region in glass. The most translucent, because the backdrop is the thing worth seeing through to.",
         status: "core",
       },
       {
-        token: "bg-chrome-glass-hover",
-        variable: "--bg-chrome-glass-hover",
-        pointsAt: "glass 4 + blur-md",
-        use: "A chrome control under the cursor. A glass hover moves one step up the ramp, changing opacity and never blur.",
+        token: "glass-secondary",
+        variable: "--bg-glass-secondary",
+        pointsAt: "glass 4 + blur-lg + rim + shadow-sm",
+        use: "Glass over something already glass: popovers, menus, a modal over a panel. Less translucent so it separates, and a real shadow because it is genuinely above.",
         status: "core",
       },
       {
         token: "bg-chrome-selected",
         variable: "--bg-chrome-selected",
         pointsAt: "neutral 1 light / neutral 5 dark",
-        use: "The selected item inside chrome. Carries no material suffix because omitting it means opaque — on glass, elevation reads as less translucency, not a lighter colour.",
+        use: "The selected item inside chrome. Opaque rather than a glass step, because on glass elevation reads as less translucency, not a lighter colour.",
         status: "core",
       },
       {
-        token: "bg-panel-glass",
-        variable: "--bg-panel-glass",
-        pointsAt: "glass 2 + blur-lg",
-        use: "A panel that should let the backdrop through.",
-        status: "core",
-      },
-      {
-        token: "bg-float-glass",
-        variable: "--bg-float-glass",
-        pointsAt: "glass 3 + blur-md",
-        use: "A floating surface that should let content through.",
-        status: "core",
-      },
-    ],
-  },
-  {
-    id: "focus",
-    name: "Focus",
-    description: "Focus is part of the design, never an artefact to suppress.",
-    roles: [
-      {
-        token: "ring-focus",
-        variable: "--ring-focus",
-        pointsAt: "accent border",
-        use: "The keyboard focus ring.",
+        token: "glass-primary-interactive",
+        variable: "--bg-glass-primary-hover",
+        pointsAt: "glass 3 on hover",
+        use: "Primary glass you can click: chrome buttons, topbar controls. The hover moves one step up the ramp and never changes blur — re-blurring a large surface every frame is expensive enough to feel.",
         status: "core",
       },
     ],
@@ -469,12 +407,15 @@ export const ROLE_GROUPS: RoleGroup[] = [
 export const VOCABULARY: Array<{ group: string; words: string[] }> = [
   { group: "property", words: ["bg", "text", "border", "ring"] },
   { group: "region", words: ["app", "panel", "float", "chrome", "inset"] },
-  { group: "emphasis", words: ["primary", "secondary", "tertiary"] },
+  { group: "emphasis", words: ["primary", "secondary", "tertiary", "default"] },
   { group: "state", words: ["hover", "selected", "disabled"] },
   { group: "material", words: ["glass"] },
   { group: "modifier", words: ["tint"] },
   { group: "identity", words: ["accent", "inverse"] },
-  { group: "status", words: ["success", "warning", "danger", "info"] },
+  // Not a status vocabulary: `error` names one situation that needed a colour,
+  // and `agent-running` names another. A tier vocabulary is what produced four
+  // undesigned identities, so these stay concrete until a pattern repeats.
+  { group: "situation", words: ["error", "agent-running"] },
   { group: "paired", words: ["on-accent", "on-inverse"] },
 ];
 
@@ -482,7 +423,7 @@ export const GRAMMAR = "<property>-<role>[-<modifier>][-<material>][-<state>]";
 
 /** Fixed order, so there is only one correct spelling. */
 export const GRAMMAR_EXAMPLES = {
-  legal: ["bg-chrome-glass-hover", "bg-accent-tint-hover", "text-secondary"],
+  legal: ["bg-accent-tint-hover", "text-primary", "bg-chrome-selected"],
   illegal: ["bg-chrome-hover-glass", "bg-hover-chrome"],
 };
 
@@ -722,7 +663,7 @@ export const SPACE_ROLES = [
     token: "space-workspace-inset",
     variable: "--space-workspace-inset",
     pointsAt: "space 4",
-    use: "The distance between the window edge and its workspace panels.",
+    use: "The distance between the window edge and its panels.",
   },
   {
     token: "space-panel-gap",
@@ -748,6 +689,12 @@ export const SPACE_ROLES = [
     pointsAt: "space 2",
     use: "The gap between an icon, label, and trailing metadata in one row.",
   },
+  {
+    token: "space-section-gap",
+    variable: "--space-section-gap",
+    pointsAt: "space 4",
+    use: "The gap between adjacent navigator sections. Larger than the 1px between rows inside one, because that difference is the only thing saying where a group ends.",
+  },
 ];
 
 export const RADII = [
@@ -840,7 +787,7 @@ export const EXCEPTIONS = [
     why: "The glass rim is a directional light effect, not a solid line. It is not on the glass ramp — that is a ramp of fills, and in dark mode the fill is translucent near-black while the rim stays translucent white. It is not one of the numbered gradients either: those are background treatments, this is a material detail.",
   },
   {
-    name: "gradient-1, texture-dots",
-    why: "Not colours in the ramp sense.",
+    name: "backdrop treatments and gradient-1…4, texture-dots",
+    why: "Not colours in the ramp sense. A named backdrop treatment is a complete visual composition; gradient-1…4 pair one light scene and one dark scene for a stable appearance choice.",
   },
 ];
diff --git a/desktop-new/src/shared/ui/SegmentedNavigation.tsx b/desktop-new/src/shared/ui/Tabs.tsx
similarity index 100%
rename from desktop-new/src/shared/ui/SegmentedNavigation.tsx
rename to desktop-new/src/shared/ui/Tabs.tsx
diff --git a/desktop-new/tsconfig.json b/desktop-new/tsconfig.json
index c41c555c93..84af4ddc7e 100644
--- a/desktop-new/tsconfig.json
+++ b/desktop-new/tsconfig.json
@@ -3,6 +3,11 @@
     "target": "ES2020",
     "useDefineForClassFields": true,
     "lib": ["ES2020", "ES2022", "DOM", "DOM.Iterable"],
+    /* Node types are for the tests only — `src/shared/tokens/registry.test.ts`
+       reads `tokens.css` as text to assert the registry documents tokens that
+       actually exist. It cannot use Vite's `?raw`, which returns an empty
+       string for a `.css` file. No app code imports a Node module. */
+    "types": ["node", "vite/client"],
     "module": "ESNext",
     "skipLibCheck": true,
     "paths": { "@/*": ["./src/*"] },
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index f58e886a33..b829e9e10f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -359,6 +359,9 @@ importers:
       '@tanstack/router-plugin':
         specifier: ^1.167.12
         version: 1.168.10(@tanstack/react-router@1.170.7(react-dom@19.2.8(react@19.2.8))(react@19.2.8))(vite@8.0.16(@types/node@25.6.0)(jiti@2.7.0)(yaml@2.9.0))
+      '@types/node':
+        specifier: 25.6.0
+        version: 25.6.0
       '@types/react':
         specifier: ^19.1.8
         version: 19.2.18

From 698b73d9432554cb3973f80d1a2baa663c658cb6 Mon Sep 17 00:00:00 2001
From: morgmart <98432065+morgmart@users.noreply.github.com>
Date: Mon, 7 Sep 2026 15:59:07 -0700
Subject: [PATCH 20/33] desktop-new: glass is one material, applied whole
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

A glass surface is four things at once — a translucent fill, a blur behind it, a
directional rim, and sometimes an outer lift — and they were four separate
things a consumer assembled by hand. Every consumer did, differently. The four
chrome surfaces meant to match disagreed about whether to carry an outer shadow,
and four inner panels set a translucent fill with no blur at all.

`glass-primary` and `glass-secondary` are Tailwind `@utility` blocks carrying the
whole material, plus `-interactive` variants that add the hover. Named by
stacking depth rather than by component: an earlier cut named them chrome /
panel / float and it was wrong twice over, because `chrome` and `float` both
landed on glass-3 — 66% opaque in dark, which is why chrome did not read as
glass — and naming a material after a component invites a second material the
first time a component wants a different depth.

`box-shadow` is composed inside each material because it has to be: a rim and a
lift both set it, so as separate utilities the second silently overwrites the
first. That is a structural argument for bundling, not a preference. The fills
are deliberately not registered as colour utilities, so a bare `bg-glass-primary`
class cannot exist.

Removing a redundant fill from the four workspace panels fixed something no
token held. They each set the same `glass-2` as the container they exactly cover
— measured 610x551 inside 612x553, the two pixels being its border — and two
identical translucent layers composite: 0.52 over 0.52 is 0.77, between glass-4
and glass-5. Panels meant to be the most translucent surface in the system read
as nearly solid.

That in turn exposed a bug the density had been masking since the dock landed:
dockview's theme sets `--dv-group-view-background-color` to a literal `white`
and `DockWorkspace` passes `themeLight` in both modes, so an opaque white sheet
sat behind the glass. Reset here, because every other dockview surface the
variable feeds was already overridden to transparent.

Signed-off-by: Morgan Martin <morganmartin@squareup.com>
Signed-off-by: morgmart <98432065+morgmart@users.noreply.github.com>
---
 desktop-new/src/shared/styles/agents.css  |  15 +--
 desktop-new/src/shared/styles/chips.css   |   6 +-
 desktop-new/src/shared/styles/globals.css | 112 ++++++++++++++++++----
 desktop-new/src/shared/styles/product.css |  82 +++++++++-------
 4 files changed, 158 insertions(+), 57 deletions(-)

diff --git a/desktop-new/src/shared/styles/agents.css b/desktop-new/src/shared/styles/agents.css
index 1c4bc0f45e..912eccfa85 100644
--- a/desktop-new/src/shared/styles/agents.css
+++ b/desktop-new/src/shared/styles/agents.css
@@ -35,8 +35,8 @@
     display: grid;
     place-items: center;
     border-radius: 50%;
-    background: var(--bg-accent-tint);
-    color: var(--text-accent);
+    background: var(--purple-3);
+    color: var(--purple-12);
   }
 
   .agent-avatar {
@@ -69,13 +69,16 @@
   }
 
   .agent-presence[data-running] {
-    background: var(--bg-success);
+    background: var(--green-9);
   }
 
+  /* No background, for the same reason as the panels in product.css:
+     this fills `.dv-content-container` (measured 610x718 inside 612x720, the two
+     pixels being its border) and that container is already primary glass. Its own
+     identical fill was compositing to 0.77 alpha rather than 0.52. */
   .agent-main-panel {
     height: 100%;
     overflow-y: auto;
-    background: var(--bg-panel-glass);
   }
 
   .agent-profile-header {
@@ -85,7 +88,7 @@
     align-items: center;
     gap: 1rem;
     padding: 1.25rem 1.5rem;
-    border-bottom: 1px solid var(--border-tertiary);
+    border-bottom: 1px solid var(--border-primary);
   }
 
   .agent-profile-title {
@@ -132,7 +135,7 @@
   .field-stack textarea,
   .field-stack select {
     width: 100%;
-    border: 1px solid var(--border-secondary);
+    border: 1px solid var(--border-primary);
     border-radius: 0.75rem;
     padding: 0.75rem;
     background: var(--bg-panel);
diff --git a/desktop-new/src/shared/styles/chips.css b/desktop-new/src/shared/styles/chips.css
index 1e94f9a96b..4ecf376ea4 100644
--- a/desktop-new/src/shared/styles/chips.css
+++ b/desktop-new/src/shared/styles/chips.css
@@ -18,7 +18,7 @@
     border: 0;
     border-radius: var(--radius-chip);
     padding-inline: var(--space-chip-inset);
-    background: var(--bg-accent-tint);
+    background: var(--purple-3);
     /* Primary text, not accent text. The tint is doing the colour work, so the
        label stays the same weight as the sentence it sits in — a chip marks a
        reference, it does not shout. */
@@ -40,11 +40,11 @@
   }
 
   button.inline-chip:hover {
-    background: var(--bg-accent-tint-hover);
+    background: var(--purple-4);
   }
 
   .inline-chip:focus-visible {
-    outline: 2px solid var(--ring-focus);
+    outline: 2px solid var(--purple-8);
     outline-offset: 2px;
   }
 
diff --git a/desktop-new/src/shared/styles/globals.css b/desktop-new/src/shared/styles/globals.css
index 0f91ac28df..6515f1fc4b 100644
--- a/desktop-new/src/shared/styles/globals.css
+++ b/desktop-new/src/shared/styles/globals.css
@@ -17,23 +17,111 @@
 }
 
 /*
- * The glass rim. Two inset shadows rather than a gradient border, because CSS
- * borders accept only solid colours: border-image takes a gradient but ignores
- * border-radius, and the two-background background-clip trick needs an opaque
- * inner fill so it bleeds across a translucent surface. See DESIGN.md.
+ * ---------------------------------------------------------------------------
+ * Glass materials — PROPOSED, for review on /design/glass.
+ *
+ * A glass surface is four things at once: a translucent fill, a blur behind it,
+ * a directional rim, and (sometimes) an outer lift. Those used to be separate,
+ * so a consumer could take the fill and forget the rest — and every consumer
+ * did, differently. The four chrome surfaces meant to match each assembled their
+ * own material and disagreed about the outer shadow; four inner panels set a
+ * translucent fill with no blur *and* no need for one, since they exactly cover
+ * a surface that was already glass, so their fill composited 0.52 over 0.52 to
+ * 0.77 — a value no token holds and nobody chose. These bundle the material so
+ * it arrives whole or not at all.
+ *
+ * NAMED BY STACKING DEPTH, not by the component that uses it. An earlier cut
+ * named them chrome / panel / float and it was wrong twice over: `chrome` and
+ * `float` both landed on glass-3 (66% opaque in dark — two thirds solid, which
+ * is why chrome did not read as glass at all), and naming a material after a
+ * component invites a second material the first time a component wants a
+ * different depth. Depth is the axis that actually varies.
+ *
+ * The rule is DESIGN.md § Surface and depth: **elevation reads as less
+ * translucency, not as a lighter colour.** So the higher it sits, the more
+ * opaque it gets, and the shadow separates it from what it covers.
+ *
+ * `box-shadow` is composed here once because it has to be: `rim-glass` and
+ * `elevate-xs` both set `box-shadow`, so used together the second silently
+ * overwrites the first. A rim and a lift cannot compose as separate utilities.
  */
-@utility rim-glass {
+
+/* Sits directly on the backdrop: chrome, nav, a region in glass. The most
+   translucent, because the backdrop is the thing worth seeing through to. */
+@utility glass-primary {
+  background: var(--bg-glass-primary);
+  backdrop-filter: blur(var(--blur-md));
   box-shadow:
     inset 0 1px 0 var(--rim-lit),
     inset 0 -1px 0 var(--rim-shade);
 }
 
-@utility blur-chrome {
-  backdrop-filter: blur(var(--blur-md));
+/* Sits over something already glass: popovers, menus, a modal over a panel.
+   Less translucent so it separates, deeper blur so what it covers is not
+   legible through it, and a real shadow because it is genuinely above. */
+@utility glass-secondary {
+  background: var(--bg-glass-secondary);
+  backdrop-filter: blur(var(--blur-lg));
+  box-shadow:
+    var(--shadow-sm),
+    inset 0 1px 0 var(--rim-lit),
+    inset 0 -1px 0 var(--rim-shade);
 }
 
-@utility blur-panel {
+/*
+ * Interactive glass: the material plus its hover, for a glass surface you can
+ * click. Separate utilities rather than a `:hover` inside the two above,
+ * because a glass *region* is not interactive and should not react to a cursor
+ * crossing it.
+ *
+ * A glass hover moves one step up the ramp and never changes blur —
+ * re-blurring a large surface every frame is expensive enough to feel. Opacity
+ * here is a step on a named ramp, not a fade applied to a colour.
+ */
+@utility glass-primary-interactive {
+  background: var(--bg-glass-primary);
+  backdrop-filter: blur(var(--blur-md));
+  box-shadow:
+    inset 0 1px 0 var(--rim-lit),
+    inset 0 -1px 0 var(--rim-shade);
+
+  &:hover {
+    background: var(--bg-glass-primary-hover);
+  }
+}
+
+@utility glass-secondary-interactive {
+  background: var(--bg-glass-secondary);
   backdrop-filter: blur(var(--blur-lg));
+  box-shadow:
+    var(--shadow-sm),
+    inset 0 1px 0 var(--rim-lit),
+    inset 0 -1px 0 var(--rim-shade);
+
+  &:hover {
+    background: var(--bg-glass-secondary-hover);
+  }
+}
+
+/*
+ * `rim-glass`, `blur-panel`, `elevate-xs`, and `elevate-sm` were here and are
+ * gone: every one had zero readers once the glass materials absorbed them.
+ *
+ * `rim-glass` and `elevate-xs` are worth remembering as a pair, because they
+ * could not be composed. Both set `box-shadow`, so an element using the rim and
+ * a lift together silently kept whichever Tailwind emitted second — a rim and an
+ * elevation cannot be separate utilities. That is not a naming problem; it is why
+ * the materials compose `box-shadow` once, internally.
+ *
+ * The elevation *tokens* are alive and read directly as `var(--shadow-xs)` in
+ * five stylesheets. A one-declaration utility wrapping a token earns nothing.
+ *
+ * `blur-chrome` survives on two readers, both documentation: the /design pages
+ * need a blur without a fill so a swatch can show a ramp step against the real
+ * backdrop. Product code should reach for a material instead.
+ */
+@utility blur-chrome {
+  backdrop-filter: blur(var(--blur-md));
 }
 
 @utility texture-dots {
@@ -44,14 +132,6 @@
   background-size: var(--texture-dots-size) var(--texture-dots-size);
 }
 
-@utility elevate-xs {
-  box-shadow: var(--shadow-xs);
-}
-
-@utility elevate-sm {
-  box-shadow: var(--shadow-sm);
-}
-
 /* Composition-input spike only. Remove with the spike route. */
 .spike-editor {
   outline: none;
diff --git a/desktop-new/src/shared/styles/product.css b/desktop-new/src/shared/styles/product.css
index 279ab1851e..213f174cec 100644
--- a/desktop-new/src/shared/styles/product.css
+++ b/desktop-new/src/shared/styles/product.css
@@ -47,32 +47,30 @@
 
   .destination-tabs button,
   .topbar-icon-button {
+    @apply glass-primary-interactive;
+
     height: 1.75rem;
     border: 0;
     border-radius: 0.5625rem;
-    background: var(--bg-chrome-glass);
     color: var(--text-secondary);
     font: inherit;
     cursor: pointer;
-    backdrop-filter: blur(var(--blur-md));
-    box-shadow:
-      inset 0 1px 0 var(--rim-lit),
-      inset 0 -1px 0 var(--rim-shade);
   }
 
   .destination-tabs button {
     padding: 0 0.75rem;
   }
 
+  /* The material carries the hover fill; this only carries the text colour,
+     which is not part of a surface material. */
   .destination-tabs button:hover,
   .topbar-icon-button:hover {
-    background: var(--bg-chrome-glass-hover);
     color: var(--text-primary);
   }
 
   .destination-tabs button[data-selected] {
-    background: var(--bg-inverse);
-    color: var(--text-on-inverse);
+    background: var(--neutral-11);
+    color: var(--neutral-1);
     box-shadow: var(--shadow-sm);
   }
 
@@ -101,12 +99,24 @@
   .buzz-dockview {
     --dv-background-color: transparent;
     --dv-tabs-and-actions-container-background-color: transparent;
+    /* Dockview's own theme sets this to a literal `white`, and `DockWorkspace`
+       passes `themeLight` in both colour schemes — so in dark mode the vendor
+       painted an opaque white sheet *behind* our glass, and the 52% dark fill
+       over it composited to flat grey. The panels' redundant second
+       fill had been hiding it: two stacked fills reached 0.77 alpha, opaque
+       enough that the white underneath barely showed. Removing the redundancy
+       revealed a bug that had been there since the dock landed.
+
+       Reset here rather than swapping the JS theme, because every dockview
+       surface this variable feeds is already overridden to transparent below —
+       the variable was the one leak. */
+    --dv-group-view-background-color: transparent;
     --dv-tab-active-background-color: var(--bg-chrome-selected);
     --dv-tab-active-color: var(--text-primary);
     --dv-tab-inactive-color: var(--text-secondary);
     --dv-separator-border: transparent;
-    --dv-drag-over-background-color: var(--bg-accent-tint);
-    --dv-drag-over-border-color: var(--border-accent);
+    --dv-drag-over-background-color: var(--purple-3);
+    --dv-drag-over-border-color: var(--purple-8);
     height: 100%;
   }
 
@@ -139,37 +149,45 @@
     box-shadow: var(--shadow-xs);
   }
 
+  /* Dockview arranges panels; Panel owns the surface treatment. */
   .buzz-dockview .dv-content-container {
     overflow: hidden;
-    border: 1px solid var(--border-tertiary);
-    border-radius: 1.5rem;
-    background: var(--bg-panel-glass);
-    box-shadow:
-      var(--shadow-sm),
-      inset 0 1px 0 var(--rim-lit),
-      inset 0 -1px 0 var(--rim-shade);
-    backdrop-filter: blur(var(--blur-md));
   }
 
   .buzz-dockview .dv-sash {
+    width: var(--space-2);
     background: transparent;
+    cursor: col-resize;
   }
 
   .buzz-dockview .dv-sash:hover {
-    background: var(--border-accent);
+    background: var(--border-primary);
   }
 
   .buzz-dockview:has(.dv-tab.dv-tab-dragging) {
     user-select: none;
   }
 
+  /* No background. These fill `.dv-content-container` edge to edge — measured at
+     610x551 inside 612x553, the two pixels being its border — and that container
+     is already primary glass.
+     
+     They each set the same `glass-2` fill with no blur of their own, so the two
+     identical translucent layers composited: 0.52 over 0.52 is **0.77**, landing
+     between glass-4 and glass-5. The panels read as nearly solid, which is why
+     the backdrop barely showed through a surface that was supposed to be the
+     most translucent one in the system. Nothing declared 0.77 and no token holds
+     it — it was the arithmetic of a redundant fill.
+     
+     A region that exactly covers a glass surface does not need its own. If one
+     of these later needs to sit apart from its container, it takes a whole
+     material rather than a bare fill. */
   .workspace-navigator,
   .session-view,
   .new-session-view,
   .empty-workspace-panel {
     height: 100%;
     min-width: 0;
-    background: var(--bg-panel-glass);
   }
 
   .workspace-navigator,
@@ -186,7 +204,7 @@
     min-height: 4rem;
     align-items: center;
     padding: 0 1.25rem;
-    border-bottom: 1px solid var(--border-tertiary);
+    border-bottom: 1px solid var(--border-primary);
   }
 
   .navigator-heading {
@@ -262,7 +280,7 @@
   .navigator-row:hover,
   .session-child-row:hover,
   .navigator-row-action:hover {
-    background: var(--bg-hover);
+    background: var(--neutral-4);
     color: var(--text-primary);
   }
 
@@ -307,8 +325,8 @@
   .session-thread-line {
     width: 0.625rem;
     height: 0.875rem;
-    border-bottom: 1px solid var(--border-secondary);
-    border-left: 1px solid var(--border-secondary);
+    border-bottom: 1px solid var(--border-primary);
+    border-left: 1px solid var(--border-primary);
     border-radius: 0 0 0 0.375rem;
   }
 
@@ -368,8 +386,8 @@
   }
 
   .message-avatar[data-agent] {
-    background: var(--bg-accent-tint);
-    color: var(--text-accent);
+    background: var(--purple-3);
+    color: var(--purple-12);
   }
 
   .message-meta {
@@ -399,7 +417,7 @@
     align-items: end;
     gap: 0.75rem;
     margin: auto;
-    border: 1px solid var(--border-secondary);
+    border: 1px solid var(--border-primary);
     border-radius: 1rem;
     padding: 0.625rem;
     background: var(--bg-float);
@@ -433,8 +451,8 @@
     height: 2.25rem;
     place-items: center;
     border-radius: 0.75rem;
-    background: var(--bg-inverse);
-    color: var(--text-on-inverse);
+    background: var(--neutral-11);
+    color: var(--neutral-1);
   }
 
   .quiet-button,
@@ -450,8 +468,8 @@
   }
 
   .primary-button {
-    background: var(--bg-inverse);
-    color: var(--text-on-inverse);
+    background: var(--neutral-11);
+    color: var(--neutral-1);
   }
 
   .new-session-center {
@@ -476,7 +494,7 @@
 
   button:focus-visible,
   textarea:focus-visible {
-    outline: 2px solid var(--border-accent);
+    outline: 2px solid var(--purple-8);
     outline-offset: 2px;
   }
 

From db12fdb4f77cc14ce9751f04bda494a0542e2227 Mon Sep 17 00:00:00 2001
From: morgmart <98432065+morgmart@users.noreply.github.com>
Date: Mon, 7 Sep 2026 16:00:28 -0700
Subject: [PATCH 21/33] desktop-new: SegmentedNavigation becomes Tabs, with a
 surface variant
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The old name described one variant's appearance — a segmented control — which is
exactly why a second appearance felt like it needed a second component. `Tabs`
names the behaviour, so both variants sit under it naturally. Base UI's own
export is also `Tabs`, so it is imported as `BaseTabs`; that reads better anyway,
since `BaseTabs.Root` says plainly which layer each part comes from.

`variant="chrome" | "panel"` is the chrome/surface axis DESIGN.md had deferred
until a second component made the case. `IconButton` made it once; this made it
twice, on a real screen. The failure: the chrome container is `glass-2`, which
over a white panel composites to pure white, and its selected pill is `neutral-1`
— also pure white. Container and selection became one colour with only a shadow
between them, and no guard could see it because the component had no way to state
which background it expected. Retinting `--bg-chrome-selected` would only have
moved the collision.

One component with a variant rather than two components, because behaviour,
keyboard model, accessibility, props, and the Base UI parts underneath are
identical — a sibling would duplicate all of it to change how selection is drawn,
and the two would drift exactly as the four hand-assembled chrome surfaces did.
The panel variant still emits `role="tablist"`, correct `aria-selected`, roving
`tabIndex`, and arrow-key navigation, which is the concrete payoff.

Each variant states all three of its states in full rather than inheriting a
colour and overriding part of it. When a shared rule and a variant rule both set
a property, the more specific selector wins regardless of source order, and a
variant rule is always more specific — so the shared `[data-selected]` rule lost
and the selected tab silently rendered as unselected. Hover carries
`:not([data-selected])` because hover and selected genuinely overlap: a cursor
can sit on the selected tab, and DESIGN.md § State says a selected item in a
toggle group is not interactive. Those two selectors score identical specificity,
so without the exclusion only source order would keep it right. This follows
Chrome's modern CSS guidance: use `:not()` to say a state is irrelevant, never to
defend one rule from another.

`WorkspaceSurface` is renamed to `Panel` in the same change, since both touch the
same rules in components.css.

Signed-off-by: Morgan Martin <morganmartin@squareup.com>
Signed-off-by: morgmart <98432065+morgmart@users.noreply.github.com>
---
 desktop-new/src/shared/styles/components.css  | 268 ++++++++++++++----
 desktop-new/src/shared/ui/DockWorkspace.tsx   |  10 +-
 .../ui/{WorkspaceSurface.tsx => Panel.tsx}    |  12 +-
 desktop-new/src/shared/ui/Tabs.tsx            |  52 +++-
 desktop-new/src/shared/ui/registry.test.ts    | 102 +++++++
 desktop-new/src/shared/ui/registry.ts         | 134 ++++++++-
 6 files changed, 490 insertions(+), 88 deletions(-)
 rename desktop-new/src/shared/ui/{WorkspaceSurface.tsx => Panel.tsx} (57%)
 create mode 100644 desktop-new/src/shared/ui/registry.test.ts

diff --git a/desktop-new/src/shared/styles/components.css b/desktop-new/src/shared/styles/components.css
index a9fb579958..f096a79a38 100644
--- a/desktop-new/src/shared/styles/components.css
+++ b/desktop-new/src/shared/styles/components.css
@@ -27,12 +27,15 @@
   }
 
   .buzz-button[data-variant="primary"] {
-    background: var(--bg-accent);
+    background: var(--purple-9);
     color: var(--text-on-accent);
   }
 
+  /* The accent's own hover step, not a fade. `opacity: 0.9` lightened the label
+     along with the fill and composited an unnamed colour nothing could measure —
+     the move check-color.mjs rejects everywhere else. */
   .buzz-button[data-variant="primary"]:hover:not([data-disabled]) {
-    opacity: 0.9;
+    background: var(--purple-10);
   }
 
   .buzz-button[data-variant="quiet"] {
@@ -40,9 +43,17 @@
     color: var(--text-primary);
   }
 
+  /* Scoped with `:not([data-icon-variant])` because IconButton passes
+     `variant="ghost"` down to Button and carries its real appearance in
+     `data-icon-variant`. Both selectors match, and this one is more specific
+     (two pseudo-classes), so an unscoped neutral hover repainted a solid accent
+     IconButton light grey while its text stayed white — Lc 13, invisible. An
+     icon button's hover belongs to its icon variant; see below. */
   .buzz-button[data-variant="quiet"]:hover:not([data-disabled]),
-  .buzz-button[data-variant="ghost"]:hover:not([data-disabled]) {
-    background: var(--bg-hover);
+  .buzz-button[data-variant="ghost"]:not([data-icon-variant]):hover:not(
+    [data-disabled]
+  ) {
+    background: var(--neutral-4);
   }
 
   .buzz-button[data-disabled] {
@@ -68,25 +79,31 @@
     border-radius: var(--radius-pill);
   }
 
+  /* Every icon variant states its own hover. The one that did not —
+     `solid` — fell through to the neutral ghost hover and lost its accent. */
   .buzz-button[data-icon-variant="quiet"] {
     background: var(--bg-inset);
   }
 
+  .buzz-button[data-icon-variant="quiet"]:hover:not([data-disabled]),
+  .buzz-button[data-icon-variant="ghost"]:hover:not([data-disabled]) {
+    background: var(--neutral-4);
+  }
+
   .buzz-button[data-icon-variant="solid"] {
-    background: var(--bg-accent);
+    background: var(--purple-9);
     color: var(--text-on-accent);
   }
 
-  .buzz-button[data-icon-variant="chrome"] {
-    background: var(--bg-chrome-glass);
-    box-shadow:
-      inset 0 1px 0 var(--rim-lit),
-      inset 0 -1px 0 var(--rim-shade);
-    backdrop-filter: blur(var(--blur-md));
+  .buzz-button[data-icon-variant="solid"]:hover:not([data-disabled]) {
+    background: var(--purple-10);
   }
 
-  .buzz-button[data-icon-variant="chrome"]:hover {
-    background: var(--bg-chrome-glass-hover);
+  /* Chrome sits on the backdrop and is clickable, so it takes the interactive
+     material whole — fill, blur, rim, and hover in one line. It used to spell
+     out three of those four and get the hover from a separate rule. */
+  .buzz-button[data-icon-variant="chrome"] {
+    @apply glass-primary-interactive;
   }
 
   .buzz-avatar {
@@ -118,91 +135,209 @@
     object-fit: cover;
   }
 
-  .workspace-surface {
+  /* A panel is the default opaque reading surface over the atmospheric
+     backdrop. Its border and threshold shadow arrive together: taking only
+     bg-panel would lose the boundary that lets it sit above the gradient. */
+  .panel {
+    width: 100%;
+    height: 100%;
     min-width: 0;
     min-height: 0;
     overflow: hidden;
-    border: 1px solid var(--border-tertiary);
+    border: 1px solid var(--border-primary);
     border-radius: var(--radius-panel);
-    background: var(--bg-panel-glass);
-    box-shadow: var(--shadow-sm);
-    backdrop-filter: blur(var(--blur-lg));
+    background: var(--bg-panel);
+    box-shadow: var(--shadow-xs);
   }
 
-  .workspace-surface[data-variant="connected-left"] {
+  .panel[data-variant="connected-left"] {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
   }
 
-  .workspace-surface[data-variant="connected-right"] {
+  .panel[data-variant="connected-right"] {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
   }
 
-  .segmented-navigation {
-    display: inline-flex;
-    height: 2.5rem;
-    align-items: center;
-    gap: var(--space-1);
-    padding: var(--space-1);
-    border-radius: var(--radius-pill);
-    background: var(--bg-chrome-glass);
-    box-shadow:
-      var(--shadow-xs),
-      inset 0 1px 0 var(--rim-lit),
-      inset 0 -1px 0 var(--rim-shade);
-    backdrop-filter: blur(var(--blur-md));
-  }
+  /* ============================================================
+     Tabs — two surfaces, one control.
 
-  .segmented-navigation-list {
+     `data-variant="chrome"` is the glass pill for the app gradient.
+     `data-variant="panel"` is an underline for a plain surface.
+
+     The split exists because the chrome version failed on a white panel in a
+     way nothing could catch: its container is `glass-2`, which over a white
+     panel composites to pure white, and its selected pill is `neutral-1`,
+     also pure white. Container and selection became the same colour and only
+     a shadow separated them. That was not a wrong token value — retinting
+     `bg-chrome-selected` would only move the collision — it was a component
+     with no way to say which background it expects.
+
+     What is shared sits in the unprefixed rules: geometry, the tab box, the
+     Base UI wiring. What differs is only how a surface and a selection are
+     drawn.
+     ============================================================ */
+
+  /* --- Shared ------------------------------------------------ */
+
+  .buzz-tabs-list {
     position: relative;
     display: inline-flex;
-    height: 2rem;
     align-items: center;
-    gap: var(--space-1);
   }
 
-  .segmented-navigation-indicator {
+  /* Geometry only. **Colour is not here, deliberately.**
+
+     Each variant states all three of its states — unselected, hover, selected —
+     in full, rather than inheriting a colour from here and overriding some of it.
+     That is more lines and it is the right trade: when a shared rule and a
+     variant rule both set the same property, which one wins depends on how
+     specific each selector is, not on which is written later. A variant rule is
+     always more specific, so it silently beat the shared `[data-selected]` rule
+     and repainted the *selected* tab as unselected — a state that just stopped
+     working, with no error.
+
+     Each variant owning its own states means no two rules ever set the colour of
+     the same tab, so there is nothing to resolve and no `:not()` exceptions to
+     reason about. Read one variant block and you know every colour it uses. */
+  .buzz-tabs-tab {
+    position: relative;
+    z-index: 1;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: var(--space-2);
+    border: 0;
+    background: transparent;
+    font: inherit;
+    cursor: pointer;
+  }
+
+  /* Base UI drives both indicators from the same four custom properties
+     (`--active-tab-left`, `--active-tab-width`, and their siblings), so the
+     travelling animation is one implementation and the two surfaces only
+     differ in what travels. */
+  .buzz-tabs-indicator {
     position: absolute;
-    top: var(--space-1);
-    bottom: var(--space-1);
     left: 0;
     width: var(--active-tab-width);
-    border-radius: var(--radius-pill);
-    background: var(--bg-chrome-selected);
-    box-shadow: var(--shadow-xs);
     transform: translateX(var(--active-tab-left));
     transition:
       width var(--duration-settle) var(--easing-settle),
       transform var(--duration-settle) var(--easing-settle);
   }
 
-  .segmented-navigation-item {
-    position: relative;
-    z-index: 1;
+  /* --- chrome: a glass pill on the gradient ------------------ */
+
+  /* This was the one chrome surface carrying an outer `shadow-xs` on top of the
+     rim where the other three carried none. Nothing justified the difference —
+     same height, same backdrop, same depth — so it takes the same material and
+     the odd shadow is gone. */
+  .buzz-tabs[data-variant="chrome"] {
+    @apply glass-primary;
+
     display: inline-flex;
-    height: 2rem;
+    height: 2.5rem;
     align-items: center;
-    justify-content: center;
-    gap: var(--space-2);
-    border: 0;
+    gap: var(--space-1);
+    padding: var(--space-1);
+    border-radius: var(--radius-pill);
+  }
+
+  .buzz-tabs[data-variant="chrome"] .buzz-tabs-list {
+    height: 2rem;
+    gap: var(--space-1);
+  }
+
+  .buzz-tabs[data-variant="chrome"] .buzz-tabs-tab {
+    height: 2rem;
     border-radius: var(--radius-pill);
     padding: 0 var(--space-4);
-    background: transparent;
     color: var(--text-secondary);
-    font: inherit;
-    cursor: pointer;
   }
 
-  .segmented-navigation-item:hover:not([data-selected]) {
-    background: var(--bg-chrome-glass-hover);
+  /* A hover *inside* a glass surface, which is not itself a material: no blur,
+     because the parent already blurs what is behind both of them, and a second
+     backdrop-filter here would blur an already-blurred layer.
+
+     So this is a fill only, taking the hover step of the material it sits on.
+     Note it composites: glass-3 over the parent's glass-2 lands near 0.82
+     rather than at 0.62. That is the intended direction — an item under the
+     cursor should read as more solid, per DESIGN.md § Surface and depth — but it
+     is why a hover inside glass cannot simply reuse a whole material. */
+  /* `:not([data-selected])` because hover and selected can both be true at once —
+     a cursor can sit on the selected tab — and DESIGN.md § State says a selected
+     item in a toggle group is not interactive, so it must not react. These two
+     selectors score identical specificity, so without the exclusion only source
+     order would keep it right, and reordering them would silently give the
+     selected tab a hover fill. This is the case `:not()` is *for*: stating that a
+     state is irrelevant, not defending a rule from another rule. */
+  .buzz-tabs[data-variant="chrome"] .buzz-tabs-tab:hover:not([data-selected]) {
+    background: var(--bg-glass-primary-hover);
     color: var(--text-primary);
   }
 
-  .segmented-navigation-item[data-selected] {
+  .buzz-tabs[data-variant="chrome"] .buzz-tabs-tab[data-selected] {
     color: var(--text-primary);
   }
 
+  .buzz-tabs[data-variant="chrome"] .buzz-tabs-indicator {
+    top: var(--space-1);
+    bottom: var(--space-1);
+    border-radius: var(--radius-pill);
+    background: var(--bg-chrome-selected);
+    box-shadow: var(--shadow-xs);
+  }
+
+  /* --- panel: an underline on a plain surface ---------------- */
+
+  /* No container fill and no border: on a panel the tabs are text, and the only
+     drawn element is the bar. That is what keeps this legible where the glass
+     pill was not — there is no second surface to collide with the first. */
+  .buzz-tabs[data-variant="panel"] {
+    display: flex;
+    align-items: center;
+    gap: var(--space-4);
+  }
+
+  .buzz-tabs[data-variant="panel"] .buzz-tabs-list {
+    gap: var(--space-5);
+  }
+
+  /* The three states, in full. Same size in every one — selection is carried by
+     colour and the bar, never by weight, because a weight change reflows the row
+     and makes the tabs shift as the selection moves.
+
+     Tertiary at rest, where chrome uses secondary: on glass the container groups
+     the tabs so a small step reads, but here the bar is the only mark and the
+     text carries more of the work. Tertiary is a meta role at the Lc 45 target
+     and measures 60.6 light / 52.5 dark on these surfaces. */
+  .buzz-tabs[data-variant="panel"] .buzz-tabs-tab {
+    height: 2.25rem;
+    padding: 0;
+    color: var(--text-tertiary);
+  }
+
+  /* Excluded for the same reason as the chrome variant above. */
+  .buzz-tabs[data-variant="panel"] .buzz-tabs-tab:hover:not([data-selected]) {
+    color: var(--text-primary);
+  }
+
+  .buzz-tabs[data-variant="panel"] .buzz-tabs-tab[data-selected] {
+    color: var(--text-primary);
+  }
+
+  /* Sits on the container's bottom edge and spans the tab exactly. `height` is
+     the hairline; the indicator inherits its horizontal travel from the shared
+     rule above. */
+  .buzz-tabs[data-variant="panel"] .buzz-tabs-indicator {
+    bottom: 0;
+    height: 2px;
+    border-radius: var(--radius-pill);
+    background: var(--text-primary);
+  }
+
   .panel-header {
     position: relative;
     display: flex;
@@ -219,7 +354,7 @@
     bottom: 0;
     left: var(--space-panel-inset);
     height: 1px;
-    background: var(--border-tertiary);
+    background: var(--border-primary);
     content: "";
     pointer-events: none;
   }
@@ -255,7 +390,7 @@
   }
 
   .search-field:focus-within {
-    box-shadow: 0 0 0 2px var(--ring-focus);
+    box-shadow: 0 0 0 2px var(--purple-8);
   }
 
   .search-field input {
@@ -281,6 +416,15 @@
     flex-direction: column;
   }
 
+  /* The section owns its own separation rather than asking every consumer to
+     remember a gap. Rows inside a section sit 1px apart; sections sit
+     `--space-section-gap` apart, and that difference is the entire signal for
+     where one group ends and the next begins. Expressed as an adjacent-sibling
+     margin so a section stacked anywhere gets it, with no wrapper required. */
+  .navigator-section + .navigator-section {
+    margin-top: var(--space-section-gap);
+  }
+
   .navigator-section-label {
     min-height: var(--size-row);
     margin: 0;
@@ -303,7 +447,7 @@
 
   .buzz-button[data-navigator-row]:hover,
   .buzz-button[data-navigator-row][data-selected] {
-    background: var(--bg-hover);
+    background: var(--neutral-4);
     color: var(--text-primary);
   }
 
@@ -325,14 +469,14 @@
   }
 
   .buzz-button:focus-visible,
-  .segmented-navigation-item:focus-visible {
-    outline: 2px solid var(--ring-focus);
+  .buzz-tabs-tab:focus-visible {
+    outline: 2px solid var(--purple-8);
     outline-offset: 2px;
   }
 
   @media (prefers-reduced-motion: reduce) {
     .buzz-button,
-    .segmented-navigation-indicator {
+    .buzz-tabs-indicator {
       transition-duration: 0ms;
     }
   }
diff --git a/desktop-new/src/shared/ui/DockWorkspace.tsx b/desktop-new/src/shared/ui/DockWorkspace.tsx
index 25ecacc23b..49df096162 100644
--- a/desktop-new/src/shared/ui/DockWorkspace.tsx
+++ b/desktop-new/src/shared/ui/DockWorkspace.tsx
@@ -12,6 +12,9 @@ type WorkspacePanels = {
   conversation: ReactNode;
 };
 
+const DEFAULT_NAVIGATOR_WIDTH = 216;
+const MIN_NAVIGATOR_WIDTH = 176;
+
 const WorkspacePanelContext = createContext<WorkspacePanels | null>(null);
 
 function WorkspacePanel({ id }: { id: keyof WorkspacePanels }) {
@@ -27,6 +30,7 @@ const components = {
   ),
 };
 
+/** Layout-only workspace shell. Product panels own their own surface treatment. */
 export function DockWorkspace({ panels }: { panels: WorkspacePanels }) {
   const onReady = useCallback((event: DockviewReadyEvent) => {
     if (event.api.panels.length > 0) return;
@@ -34,7 +38,8 @@ export function DockWorkspace({ panels }: { panels: WorkspacePanels }) {
       id: "navigator",
       component: "navigator",
       title: "Browse",
-      initialWidth: 255,
+      initialWidth: DEFAULT_NAVIGATOR_WIDTH,
+      minimumWidth: MIN_NAVIGATOR_WIDTH,
     });
     navigator.group.header.hidden = true;
     const conversation = event.api.addPanel({
@@ -44,6 +49,9 @@ export function DockWorkspace({ panels }: { panels: WorkspacePanels }) {
       position: { referencePanel: navigator, direction: "right" },
     });
     conversation.group.header.hidden = true;
+    requestAnimationFrame(() => {
+      navigator.group.api.setSize({ width: DEFAULT_NAVIGATOR_WIDTH });
+    });
   }, []);
 
   return (
diff --git a/desktop-new/src/shared/ui/WorkspaceSurface.tsx b/desktop-new/src/shared/ui/Panel.tsx
similarity index 57%
rename from desktop-new/src/shared/ui/WorkspaceSurface.tsx
rename to desktop-new/src/shared/ui/Panel.tsx
index dd9f9e56c4..c47e2bad7d 100644
--- a/desktop-new/src/shared/ui/WorkspaceSurface.tsx
+++ b/desktop-new/src/shared/ui/Panel.tsx
@@ -1,26 +1,26 @@
 import type { ComponentProps, ElementType, ReactNode } from "react";
 
-type SurfaceVariant =
+type PanelVariant =
   | "panel"
   | "connected-left"
   | "connected-right"
   | "navigator-demo";
 
-type WorkspaceSurfaceProps<T extends ElementType> = {
+type PanelProps<T extends ElementType> = {
   as?: T;
   children: ReactNode;
-  variant?: SurfaceVariant;
+  variant?: PanelVariant;
 } & Omit<ComponentProps<T>, "as" | "children" | "className">;
 
-export function WorkspaceSurface<T extends ElementType = "section">({
+export function Panel<T extends ElementType = "section">({
   as,
   children,
   variant = "panel",
   ...props
-}: WorkspaceSurfaceProps<T>) {
+}: PanelProps<T>) {
   const Component = as ?? "section";
   return (
-    <Component {...props} className="workspace-surface" data-variant={variant}>
+    <Component {...props} className="panel" data-variant={variant}>
       {children}
     </Component>
   );
diff --git a/desktop-new/src/shared/ui/Tabs.tsx b/desktop-new/src/shared/ui/Tabs.tsx
index 748724cff8..c79c899786 100644
--- a/desktop-new/src/shared/ui/Tabs.tsx
+++ b/desktop-new/src/shared/ui/Tabs.tsx
@@ -1,45 +1,71 @@
-import { Tabs } from "@base-ui/react/tabs";
+import { Tabs as BaseTabs } from "@base-ui/react/tabs";
 import type { ReactNode } from "react";
 
-export type SegmentedNavigationItem<Value extends string> = {
+export type TabItem<Value extends string> = {
   value: Value;
   label: string;
   icon?: ReactNode;
 };
 
-export function SegmentedNavigation<Value extends string>({
+/**
+ * Which background this control is drawn for.
+ *
+ * `chrome` is the glass pill that belongs on the app gradient. `panel` is an
+ * underline for a plain light or dark surface.
+ *
+ * **A variant rather than a second component**, because behaviour, keyboard
+ * model, accessibility, props, and the Base UI tabs underneath are identical —
+ * only the appearance differs, which is what a variant is for. `IconButton`
+ * spells the same idea the same way.
+ *
+ * `chrome` is the default because every existing call site is on the gradient.
+ */
+export type TabsVariant = "chrome" | "panel";
+
+export function Tabs<Value extends string>({
   value,
   items,
   label,
   onValueChange,
   trailingAction,
+  variant = "chrome",
 }: {
   value: Value;
-  items: readonly SegmentedNavigationItem<Value>[];
+  items: readonly TabItem<Value>[];
   label: string;
   onValueChange: (value: Value) => void;
   trailingAction?: ReactNode;
+  variant?: TabsVariant;
 }) {
   return (
-    <Tabs.Root
-      className="segmented-navigation"
+    <BaseTabs.Root
+      className="buzz-tabs"
+      data-variant={variant}
       value={value}
       onValueChange={(nextValue) => onValueChange(nextValue as Value)}
     >
-      <Tabs.List className="segmented-navigation-list" aria-label={label}>
-        <Tabs.Indicator className="segmented-navigation-indicator" />
+      <BaseTabs.List className="buzz-tabs-list" aria-label={label}>
+        <BaseTabs.Indicator className="buzz-tabs-indicator" />
         {items.map((item) => (
-          <Tabs.Tab
+          <BaseTabs.Tab
             key={item.value}
             value={item.value}
-            className="segmented-navigation-item"
+            className="buzz-tabs-tab"
+            /* Base UI spells the selected tab `data-active`; every other
+               selectable thing in this codebase is styled on `data-selected`.
+               Restating it here keeps one spelling in the stylesheet rather than
+               asking a reader to know which components happen to be Base
+               UI-backed. Without it the selected label silently kept
+               `--text-secondary` — no error, just a tab that never looked
+               selected. */
+            data-selected={item.value === value || undefined}
           >
             {item.icon}
             <span>{item.label}</span>
-          </Tabs.Tab>
+          </BaseTabs.Tab>
         ))}
-      </Tabs.List>
+      </BaseTabs.List>
       {trailingAction}
-    </Tabs.Root>
+    </BaseTabs.Root>
   );
 }
diff --git a/desktop-new/src/shared/ui/registry.test.ts b/desktop-new/src/shared/ui/registry.test.ts
new file mode 100644
index 0000000000..e8a11aeb22
--- /dev/null
+++ b/desktop-new/src/shared/ui/registry.test.ts
@@ -0,0 +1,102 @@
+import { describe, expect, it } from "vitest";
+
+import {
+  BASE_UI_PARTS,
+  COMPONENTS,
+  resolveBaseUiBacking,
+  baseUiDocsUrl,
+} from "./registry";
+
+/**
+ * The component sources as text, read through Vite rather than `node:fs` so the
+ * paths resolve the same way the app resolves them and no Node types are needed.
+ */
+const SOURCES = import.meta.glob("/src/shared/ui/*.tsx", {
+  query: "?raw",
+  import: "default",
+  eager: true,
+}) as Record<string, string>;
+
+function read(source: string): string {
+  const contents = SOURCES[`/src/${source}`];
+  if (contents === undefined) {
+    throw new Error(`No source file at src/${source}`);
+  }
+  return contents;
+}
+
+/**
+ * The Base UI column on /design/components/base-ui is only worth reading if it
+ * reports what the code imports. These tests bind it to the files themselves —
+ * a component that gains or loses a Base UI import fails here rather than
+ * quietly showing a stale answer on the page.
+ */
+describe("component registry — Base UI backing", () => {
+  it("names a source file that exists for every component", () => {
+    for (const component of COMPONENTS) {
+      expect(() => read(component.source), component.slug).not.toThrow();
+    }
+  });
+
+  it("claims exactly the Base UI modules its source imports", () => {
+    for (const component of COMPONENTS) {
+      const source = read(component.source);
+      const imported = [
+        ...source.matchAll(/from "(@base-ui\/react\/[a-z-]+)"/g),
+      ].map((match) => match[1]);
+
+      const claimed = component.baseUi.map((part) => part.module);
+
+      expect(new Set(claimed), `${component.slug} claims`).toEqual(
+        new Set(imported),
+      );
+    }
+  });
+
+  it("composes only siblings it actually imports", () => {
+    for (const component of COMPONENTS) {
+      const source = read(component.source);
+      for (const slug of component.composes) {
+        const sibling = COMPONENTS.find((candidate) => candidate.slug === slug);
+        expect(sibling, `${component.slug} composes ${slug}`).toBeDefined();
+        expect(
+          source.includes(`from "./${sibling?.name}"`),
+          `${component.slug} imports ${sibling?.name}`,
+        ).toBe(true);
+      }
+    }
+  });
+
+  it("resolves inherited backing through composition without double-counting", () => {
+    // IconButton imports no Base UI part but renders a Buzz Button, so Base UI
+    // Button is underneath it — reported as inherited, not own.
+    const iconButton = resolveBaseUiBacking("icon-button");
+    expect(iconButton.own).toEqual([]);
+    expect(iconButton.inherited).toEqual([
+      { part: BASE_UI_PARTS.button, through: "Button" },
+    ]);
+
+    // SearchField imports Field and Input directly and composes IconButton,
+    // which reaches Button — three distinct parts, none listed twice.
+    const searchField = resolveBaseUiBacking("search-field");
+    expect(searchField.own).toEqual([BASE_UI_PARTS.field, BASE_UI_PARTS.input]);
+    expect(searchField.inherited.map((entry) => entry.part.name)).toEqual([
+      "Button",
+    ]);
+
+    // A component whose own import already covers a part does not also report
+    // it as inherited.
+    const button = resolveBaseUiBacking("button");
+    expect(button.own).toEqual([BASE_UI_PARTS.button]);
+    expect(button.inherited).toEqual([]);
+  });
+
+  it("builds a docs URL per documented Base UI component slug", () => {
+    for (const part of Object.values(BASE_UI_PARTS)) {
+      expect(baseUiDocsUrl(part)).toBe(
+        `https://base-ui.com/react/components/${part.docs}`,
+      );
+      expect(part.module).toBe(`@base-ui/react/${part.docs}`);
+    }
+  });
+});
diff --git a/desktop-new/src/shared/ui/registry.ts b/desktop-new/src/shared/ui/registry.ts
index b29a72dd89..64e03f3f40 100644
--- a/desktop-new/src/shared/ui/registry.ts
+++ b/desktop-new/src/shared/ui/registry.ts
@@ -1,5 +1,36 @@
 export type ComponentStatus = "core" | "proposed";
 
+/**
+ * A Base UI part a component is built on. `name` is the export as documented;
+ * `docs` is the path segment on base-ui.com/react/components, and `module` is
+ * the import specifier, so the two cannot be claimed independently of the code.
+ */
+export type BaseUiPart = {
+  name: string;
+  docs: string;
+  module: string;
+};
+
+export const BASE_UI_PARTS = {
+  avatar: { name: "Avatar", docs: "avatar", module: "@base-ui/react/avatar" },
+  button: { name: "Button", docs: "button", module: "@base-ui/react/button" },
+  field: { name: "Field", docs: "field", module: "@base-ui/react/field" },
+  input: { name: "Input", docs: "input", module: "@base-ui/react/input" },
+  tabs: { name: "Tabs", docs: "tabs", module: "@base-ui/react/tabs" },
+  accordion: {
+    name: "Accordion",
+    docs: "accordion",
+    module: "@base-ui/react/accordion",
+  },
+  dialog: { name: "Dialog", docs: "dialog", module: "@base-ui/react/dialog" },
+} as const satisfies Record<string, BaseUiPart>;
+
+export const BASE_UI_DOCS_ROOT = "https://base-ui.com/react/components";
+
+export function baseUiDocsUrl(part: BaseUiPart): string {
+  return `${BASE_UI_DOCS_ROOT}/${part.docs}`;
+}
+
 export type ComponentDefinition = {
   slug: string;
   name: string;
@@ -8,6 +39,19 @@ export type ComponentDefinition = {
   variants: readonly string[];
   status: ComponentStatus;
   owner?: string;
+  /** The file this component lives in, relative to `src/`. */
+  source: string;
+  /**
+   * The Base UI parts this component imports itself. Empty means it is built
+   * from native elements — which is a legitimate answer, not a gap: a header,
+   * a section, and a surface have no behaviour to inherit.
+   */
+  baseUi: readonly BaseUiPart[];
+  /**
+   * Sibling components it composes, by slug. A component with no Base UI part
+   * of its own can still inherit behaviour through one of these.
+   */
+  composes: readonly string[];
 };
 
 export const COMPONENTS: readonly ComponentDefinition[] = [
@@ -19,6 +63,9 @@ export const COMPONENTS: readonly ComponentDefinition[] = [
     variants: ["primary", "quiet", "ghost"],
     status: "proposed",
     owner: "desktop-new Messages",
+    source: "shared/ui/Button.tsx",
+    baseUi: [BASE_UI_PARTS.button],
+    composes: [],
   },
   {
     slug: "icon-button",
@@ -28,6 +75,9 @@ export const COMPONENTS: readonly ComponentDefinition[] = [
     variants: ["quiet", "ghost", "solid", "chrome"],
     status: "proposed",
     owner: "desktop-new Messages",
+    source: "shared/ui/IconButton.tsx",
+    baseUi: [],
+    composes: ["button"],
   },
   {
     slug: "avatar",
@@ -37,6 +87,9 @@ export const COMPONENTS: readonly ComponentDefinition[] = [
     variants: ["small", "default", "large"],
     status: "proposed",
     owner: "desktop-new Messages",
+    source: "shared/ui/Avatar.tsx",
+    baseUi: [BASE_UI_PARTS.avatar],
+    composes: [],
   },
   {
     slug: "inline-chip",
@@ -47,24 +100,34 @@ export const COMPONENTS: readonly ComponentDefinition[] = [
     variants: ["person", "agent", "channel", "message", "link"],
     status: "proposed",
     owner: "desktop-new Messages",
+    source: "shared/ui/InlineChip.tsx",
+    baseUi: [],
+    composes: [],
   },
   {
-    slug: "workspace-surface",
-    name: "WorkspaceSurface",
+    slug: "panel",
+    name: "Panel",
     purpose: "A major panel sitting on the atmospheric workspace backdrop.",
     behavior: "Semantic native region",
     variants: ["panel", "connected-left", "connected-right"],
     status: "proposed",
     owner: "desktop-new Messages",
+    source: "shared/ui/Panel.tsx",
+    baseUi: [],
+    composes: [],
   },
   {
-    slug: "segmented-navigation",
-    name: "SegmentedNavigation",
-    purpose: "A single-select switch between top-level workspace destinations.",
+    slug: "tabs",
+    name: "Tabs",
+    purpose:
+      "A single-select switch between sibling views. `chrome` is the glass pill for the app gradient; `panel` is an underline for a plain surface. One component because only the surface differs — the behaviour, keyboard model, and props are identical.",
     behavior: "Base UI Tabs",
-    variants: ["default"],
+    variants: ["chrome", "panel"],
     status: "proposed",
     owner: "desktop-new Messages",
+    source: "shared/ui/Tabs.tsx",
+    baseUi: [BASE_UI_PARTS.tabs],
+    composes: [],
   },
   {
     slug: "panel-header",
@@ -75,6 +138,9 @@ export const COMPONENTS: readonly ComponentDefinition[] = [
     variants: ["default", "compact"],
     status: "proposed",
     owner: "desktop-new Messages",
+    source: "shared/ui/PanelHeader.tsx",
+    baseUi: [],
+    composes: [],
   },
   {
     slug: "search-field",
@@ -84,6 +150,9 @@ export const COMPONENTS: readonly ComponentDefinition[] = [
     variants: ["default"],
     status: "proposed",
     owner: "desktop-new Messages",
+    source: "shared/ui/SearchField.tsx",
+    baseUi: [BASE_UI_PARTS.field, BASE_UI_PARTS.input],
+    composes: ["icon-button"],
   },
   {
     slug: "navigator-section",
@@ -93,6 +162,9 @@ export const COMPONENTS: readonly ComponentDefinition[] = [
     variants: ["default"],
     status: "proposed",
     owner: "desktop-new Messages",
+    source: "shared/ui/NavigatorSection.tsx",
+    baseUi: [],
+    composes: [],
   },
   {
     slug: "navigator-row",
@@ -102,5 +174,55 @@ export const COMPONENTS: readonly ComponentDefinition[] = [
     variants: ["default", "inset", "selected"],
     status: "proposed",
     owner: "desktop-new Messages",
+    source: "shared/ui/NavigatorRow.tsx",
+    baseUi: [],
+    composes: ["button"],
   },
 ];
+
+/**
+ * What a component is actually built on, once composition is followed.
+ *
+ * `own` is what the file itself imports from Base UI. `inherited` is what it
+ * gets through a sibling — IconButton has no Base UI import of its own, but it
+ * renders a Buzz Button, so Base UI Button's behaviour is still underneath it.
+ * Reporting only `own` would call that component unbacked, which is wrong; not
+ * distinguishing them would hide where the dependency actually enters.
+ */
+export type BaseUiBacking = {
+  own: readonly BaseUiPart[];
+  inherited: readonly { part: BaseUiPart; through: string }[];
+};
+
+export function resolveBaseUiBacking(slug: string): BaseUiBacking {
+  const byPart = new Map<string, { part: BaseUiPart; through: string }>();
+  const root = COMPONENTS.find((candidate) => candidate.slug === slug);
+  if (!root) return { own: [], inherited: [] };
+
+  // Bounded by the registry itself, and `seen` makes a cycle terminate rather
+  // than recurse — a component composing a component that composes it back is a
+  // mistake we would rather see as a missing row than a hung page.
+  const seen = new Set<string>([slug]);
+  const queue = [...root.composes];
+
+  while (queue.length > 0) {
+    const nextSlug = queue.shift();
+    if (!nextSlug || seen.has(nextSlug)) continue;
+    seen.add(nextSlug);
+
+    const next = COMPONENTS.find((candidate) => candidate.slug === nextSlug);
+    if (!next) continue;
+
+    for (const part of next.baseUi) {
+      if (!byPart.has(part.name))
+        byPart.set(part.name, { part, through: next.name });
+    }
+    queue.push(...next.composes);
+  }
+
+  // A part imported directly is reported once, as its own — not twice because a
+  // composed sibling happens to use it too.
+  for (const part of root.baseUi) byPart.delete(part.name);
+
+  return { own: root.baseUi, inherited: [...byPart.values()] };
+}

From d591179a6b243f9840fe07a67f12b567fbba9b73 Mon Sep 17 00:00:00 2001
From: morgmart <98432065+morgmart@users.noreply.github.com>
Date: Mon, 7 Sep 2026 16:01:02 -0700
Subject: [PATCH 22/33] desktop-new: the design pages answer which token draws
 what
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

`ComponentAnatomy` is a table per component variant: each part, and the token
that draws its fill, text, border, shadow, blur, and radius. It answers the one
question a specimen cannot, because a picture of a control does not say whether
that pill is `bg-chrome-selected` or a hardcoded white.

It reads the live component rather than a hand-written list, for the same reason
the token table does — a typed-out list of parts and tokens is a second source of
truth that goes stale silently. Two things this needed that were not obvious:
Vite injects app CSS by setting `textContent` on a `<style>` tag at dev time and
those rules are not reachable through `sheet.cssRules`, so the stylesheet text is
parsed instead; and matching declarations are ranked by specificity before source
order, because ranking by order alone reported a selected tab as unselected once
a variant rule outranked a shared one. Both failures rendered a plausible table
that was wrong, which is the failure mode it exists to prevent.

Every specimen frame now carries a border. It was `bg-panel` on a page that is
also `bg-panel` — white on white in light mode, `#1c1c1c` on `#1c1c1c` in dark,
with no border and no shadow — so every plain specimen on every component page
had an invisible container and a reader could not tell where the documentation
stopped and the running component began. It hid because the gradient frames
always read as containers, so the pages using them looked correct. A hairline
rather than a tinted fill, because a specimen must show the component against the
surface it is designed for. Measured at `neutral-4` first: 1.23:1 against the
light page and 1.08:1 against the dark one — technically drawn, effectively
invisible. `neutral-6` is 1.41 and 1.35. The overview thumbnails had the same
defect and take the same fix.

The colour table splits into Roles and Ramps, because the ramps — 96 steps across
eight hues, the layer every role resolves to — were not shown anywhere. Blur moves
off the glass page onto elevation, where the other depth values live. The glass
page drops its text-only cards and shows each material over the real app
backdrop, since translucency can only be judged against what shows through it.

Frames scroll their own overflow: chrome tabs with icons and a trailing action
are 377px of unshrinkable inline-flex, so at 420px the whole page used to scroll
sideways. A specimen you swipe beats a documentation page that slides.

Signed-off-by: Morgan Martin <morganmartin@squareup.com>
Signed-off-by: morgmart <98432065+morgmart@users.noreply.github.com>
---
 .../app/routes/design/components_.base-ui.tsx |   7 +
 .../design-system/ui/BaseUiBackingLine.tsx    |  46 ++
 .../features/design-system/ui/BaseUiPage.tsx  | 253 +++++++++++
 .../design-system/ui/ColorTablePage.tsx       | 166 +++++--
 .../features/design-system/ui/ColourPage.tsx  | 119 ++++-
 .../design-system/ui/ComponentAnatomy.tsx     | 346 +++++++++++++++
 .../design-system/ui/ComponentDetailPage.tsx  |   5 +
 .../design-system/ui/DesignSystemLayout.tsx   |   7 +-
 .../design-system/ui/ElevationPage.tsx        |  24 +-
 .../design-system/ui/FoundationScale.tsx      |   2 +-
 .../features/design-system/ui/GlassPage.tsx   | 189 ++++----
 .../features/design-system/ui/GrowthPage.tsx  |   4 +-
 .../design-system/ui/OverviewPage.tsx         |  18 +-
 .../design-system/ui/TypographyPage.tsx       |   4 +-
 .../design-system/ui/VocabularyPage.tsx       |  55 ++-
 .../ui/baseUiBackingSentence.test.ts          |  68 +++
 .../design-system/ui/baseUiBackingSentence.ts |  80 ++++
 .../design-system/ui/componentSpecimens.tsx   | 418 +++++++++++++-----
 .../features/design-system/ui/primitives.tsx  |  15 +-
 .../src/shared/styles/design-components.css   |  83 +++-
 20 files changed, 1611 insertions(+), 298 deletions(-)
 create mode 100644 desktop-new/src/app/routes/design/components_.base-ui.tsx
 create mode 100644 desktop-new/src/features/design-system/ui/BaseUiBackingLine.tsx
 create mode 100644 desktop-new/src/features/design-system/ui/BaseUiPage.tsx
 create mode 100644 desktop-new/src/features/design-system/ui/ComponentAnatomy.tsx
 create mode 100644 desktop-new/src/features/design-system/ui/baseUiBackingSentence.test.ts
 create mode 100644 desktop-new/src/features/design-system/ui/baseUiBackingSentence.ts

diff --git a/desktop-new/src/app/routes/design/components_.base-ui.tsx b/desktop-new/src/app/routes/design/components_.base-ui.tsx
new file mode 100644
index 0000000000..b6843941f3
--- /dev/null
+++ b/desktop-new/src/app/routes/design/components_.base-ui.tsx
@@ -0,0 +1,7 @@
+import { createFileRoute } from "@tanstack/react-router";
+
+import { BaseUiPage } from "@/features/design-system/ui/BaseUiPage";
+
+export const Route = createFileRoute("/design/components_/base-ui")({
+  component: BaseUiPage,
+});
diff --git a/desktop-new/src/features/design-system/ui/BaseUiBackingLine.tsx b/desktop-new/src/features/design-system/ui/BaseUiBackingLine.tsx
new file mode 100644
index 0000000000..d00e86e025
--- /dev/null
+++ b/desktop-new/src/features/design-system/ui/BaseUiBackingLine.tsx
@@ -0,0 +1,46 @@
+import { baseUiDocsUrl } from "@/shared/ui/registry";
+
+import { baseUiBackingSentence } from "./baseUiBackingSentence";
+
+/**
+ * One sentence saying what a component is built on, shown under its title.
+ *
+ * The phrasing lives in `baseUiBackingSentence` so it is testable without a DOM
+ * and so every component page says it the same way; this component only renders
+ * those segments, turning each Base UI part into a link to its documentation.
+ *
+ * What it says comes from the registry, which `src/shared/ui/registry.test.ts`
+ * binds to the imports in the component files — a component that gains or drops
+ * a Base UI part fails that test rather than leaving a stale sentence here.
+ */
+export function BaseUiBackingLine({
+  slug,
+  behavior,
+}: {
+  slug: string;
+  /** What the component does instead, for the case with no Base UI part at all. */
+  behavior: string;
+}) {
+  const segments = baseUiBackingSentence(slug, behavior);
+
+  return (
+    <p className="text-body text-secondary">
+      {segments.map((segment, index) =>
+        segment.kind === "text" ? (
+          // biome-ignore lint/suspicious/noArrayIndexKey: a text run has no id but its position is stable
+          <span key={index}>{segment.value}</span>
+        ) : (
+          <a
+            key={segment.part.name}
+            href={baseUiDocsUrl(segment.part)}
+            target="_blank"
+            rel="noreferrer"
+            className="text-purple-12 underline decoration-1 underline-offset-2"
+          >
+            {segment.part.name}
+          </a>
+        ),
+      )}
+    </p>
+  );
+}
diff --git a/desktop-new/src/features/design-system/ui/BaseUiPage.tsx b/desktop-new/src/features/design-system/ui/BaseUiPage.tsx
new file mode 100644
index 0000000000..fef4c79380
--- /dev/null
+++ b/desktop-new/src/features/design-system/ui/BaseUiPage.tsx
@@ -0,0 +1,253 @@
+import { Link } from "@tanstack/react-router";
+
+import {
+  BASE_UI_DOCS_ROOT,
+  type BaseUiPart,
+  baseUiDocsUrl,
+  COMPONENTS,
+  type ComponentDefinition,
+  resolveBaseUiBacking,
+} from "@/shared/ui/registry";
+
+import { Note, PageHeader, Section } from "./primitives";
+
+/**
+ * What each component is built on, read from the registry rather than written
+ * down here — `src/shared/ui/registry.test.ts` binds those entries to the
+ * imports in the component files, so a component that gains or drops a Base UI
+ * part changes this page by failing that test first.
+ *
+ * A dash is an answer, not a gap. A header, a section, and a surface have no
+ * behaviour to inherit, so wrapping them in a Base UI part would add a
+ * dependency and buy nothing. The column worth watching is the third one: a
+ * component with no part of its own and no inherited part is one that had to
+ * author its own keyboard, focus, and assistive semantics by hand.
+ */
+
+type Backing = ReturnType<typeof resolveBaseUiBacking>;
+
+function DocsLink({ part }: { part: BaseUiPart }) {
+  return (
+    <a
+      href={baseUiDocsUrl(part)}
+      target="_blank"
+      rel="noreferrer"
+      className="text-purple-12 underline decoration-1 underline-offset-2"
+    >
+      {part.name}
+    </a>
+  );
+}
+
+/**
+ * The dash the question asks for, plus the word it means. A bare em dash is
+ * announced as punctuation or skipped entirely, so the cell would read as empty
+ * to a screen reader — which is the one reading where "no Base UI part" and "we
+ * forgot to fill this in" become indistinguishable.
+ */
+function Dash() {
+  return (
+    <>
+      <span aria-hidden="true" className="text-tertiary">
+        —
+      </span>
+      <span className="sr-only">None</span>
+    </>
+  );
+}
+
+function OwnCell({ backing }: { backing: Backing }) {
+  if (backing.own.length === 0) return <Dash />;
+  return (
+    <span className="flex flex-col gap-1">
+      {backing.own.map((part) => (
+        <code key={part.name} className="text-mono">
+          <DocsLink part={part} />
+        </code>
+      ))}
+    </span>
+  );
+}
+
+function InheritedCell({ backing }: { backing: Backing }) {
+  if (backing.inherited.length === 0) return <Dash />;
+  return (
+    <span className="flex flex-col gap-1">
+      {backing.inherited.map(({ part, through }) => (
+        <span key={part.name} className="flex flex-col">
+          <code className="text-mono">
+            <DocsLink part={part} />
+          </code>
+          <span className="text-body-sm text-tertiary">via {through}</span>
+        </span>
+      ))}
+    </span>
+  );
+}
+
+function BackingRow({
+  component,
+  backing,
+}: {
+  component: ComponentDefinition;
+  backing: Backing;
+}) {
+  return (
+    <tr className="border-primary border-b align-top">
+      <td className="py-3 pr-4">
+        {/* `break-words`: the column is a third of the width, and a long
+            single-word component name overflows that third at a narrow
+            viewport — without this it overlaps the next column. */}
+        <Link
+          to="/design/components/$component"
+          params={{ component: component.slug }}
+          className="break-words text-body text-primary hover:text-purple-12"
+        >
+          {component.name}
+        </Link>
+      </td>
+      <td className="py-3 pr-4 text-body">
+        <OwnCell backing={backing} />
+      </td>
+      <td className="py-3 text-body">
+        <InheritedCell backing={backing} />
+      </td>
+    </tr>
+  );
+}
+
+export function BaseUiPage() {
+  const rows = COMPONENTS.map((component) => ({
+    component,
+    backing: resolveBaseUiBacking(component.slug),
+  }));
+
+  const backed = rows.filter(
+    (row) => row.backing.own.length > 0 || row.backing.inherited.length > 0,
+  );
+  const native = rows.filter(
+    (row) => row.backing.own.length === 0 && row.backing.inherited.length === 0,
+  );
+
+  const parts = new Set(
+    rows.flatMap((row) => [
+      ...row.backing.own.map((part) => part.name),
+      ...row.backing.inherited.map((entry) => entry.part.name),
+    ]),
+  );
+
+  return (
+    <>
+      <PageHeader
+        title="Base UI backing"
+        intro="Which components inherit behaviour from Base UI, and which author it themselves. Read from the component registry, which is bound to the imports in the component files — so a component that gains or drops a Base UI part cannot leave this page saying otherwise."
+      />
+
+      <Section
+        title="Every component"
+        description="The second column is what the file imports itself. The third is what reaches it through a component it composes — IconButton imports nothing from Base UI, but it renders a Buzz Button, so Base UI's Button is still underneath it."
+      >
+        <table className="w-full table-fixed border-collapse text-left">
+          <caption className="sr-only">
+            Each Buzz component, the Base UI part it imports, and the part it
+            inherits through composition
+          </caption>
+          <colgroup>
+            <col className="w-2/5" />
+            <col className="w-[30%]" />
+            <col className="w-[30%]" />
+          </colgroup>
+          <thead>
+            <tr className="border-primary border-b">
+              <th scope="col" className="py-2 pr-4 text-body text-tertiary">
+                Component
+              </th>
+              <th scope="col" className="py-2 pr-4 text-body text-tertiary">
+                Base UI part
+              </th>
+              <th scope="col" className="py-2 text-body text-tertiary">
+                Inherited
+              </th>
+            </tr>
+          </thead>
+          <tbody>
+            {rows.map(({ component, backing }) => (
+              <BackingRow
+                key={component.slug}
+                component={component}
+                backing={backing}
+              />
+            ))}
+          </tbody>
+        </table>
+      </Section>
+
+      <Section
+        title="The count"
+        description="Stated so the balance is visible rather than counted by hand each time someone asks."
+      >
+        <dl className="flex flex-wrap gap-x-12 gap-y-4 rounded-xl bg-inset px-5 py-4">
+          <div className="flex flex-col gap-1">
+            <dt className="text-body-sm text-tertiary">Backed by Base UI</dt>
+            <dd className="text-body text-primary">
+              {backed.length} of {rows.length}
+            </dd>
+          </div>
+          <div className="flex flex-col gap-1">
+            <dt className="text-body-sm text-tertiary">Native elements only</dt>
+            <dd className="text-body text-primary">
+              {native.length} of {rows.length}
+            </dd>
+          </div>
+          <div className="flex flex-col gap-1">
+            <dt className="text-body-sm text-tertiary">
+              Distinct parts in use
+            </dt>
+            <dd className="text-body text-primary">{parts.size}</dd>
+          </div>
+        </dl>
+      </Section>
+
+      <Section
+        title="Where a dash is the right answer"
+        description="These author their own markup, and that is the decision — not an omission. A wrapper around a native header buys a dependency and no behaviour."
+      >
+        <div className="flex flex-col">
+          {native.map(({ component }) => (
+            <div
+              key={component.slug}
+              className="border-primary border-b py-3 last:border-b-0"
+            >
+              <Link
+                to="/design/components/$component"
+                params={{ component: component.slug }}
+                className="text-body text-primary hover:text-purple-12"
+              >
+                {component.name}
+              </Link>
+              <span className="mt-0.5 block text-body-sm text-secondary">
+                {component.behavior}
+              </span>
+            </div>
+          ))}
+        </div>
+      </Section>
+
+      <Note>
+        A dash in the third column too means the component owns its keyboard,
+        focus, and assistive semantics outright — InlineChip is the case to
+        watch, because it switches between a control and an image role and has
+        to get both right without help. See{" "}
+        <a
+          href={BASE_UI_DOCS_ROOT}
+          target="_blank"
+          rel="noreferrer"
+          className="text-purple-12 underline"
+        >
+          the Base UI component index
+        </a>{" "}
+        for a part that could take that work over.
+      </Note>
+    </>
+  );
+}
diff --git a/desktop-new/src/features/design-system/ui/ColorTablePage.tsx b/desktop-new/src/features/design-system/ui/ColorTablePage.tsx
index e701986608..6096e9f521 100644
--- a/desktop-new/src/features/design-system/ui/ColorTablePage.tsx
+++ b/desktop-new/src/features/design-system/ui/ColorTablePage.tsx
@@ -1,5 +1,5 @@
 import { Link } from "@tanstack/react-router";
-import { Fragment } from "react";
+import { Fragment, useState } from "react";
 
 import {
   describeValueKind,
@@ -7,7 +7,14 @@ import {
   isHex,
   useResolvedTokens,
 } from "@/features/design-system/useResolvedToken";
-import { RAMPS, ROLE_GROUPS } from "@/shared/tokens/registry";
+import {
+  BACKDROP_CHOICES,
+  BACKDROP_TREATMENTS,
+  PALETTE,
+  RAMPS,
+  ROLE_GROUPS,
+} from "@/shared/tokens/registry";
+import { Tabs } from "@/shared/ui/Tabs";
 
 import { Note, PageHeader, Section } from "./primitives";
 
@@ -26,7 +33,7 @@ interface TableRow {
   token: string;
   variable: string;
   /** Which layer this row belongs to. */
-  layer: "role" | "ramp";
+  layer: "role" | "ramp" | "backdrop" | "choice";
   group: string;
 }
 
@@ -44,6 +51,21 @@ function collectRows(): TableRow[] {
     }
   }
 
+  // The palette was missing from this table entirely — 96 steps across eight
+  // hues, the layer every role resolves *to*, and the one place a literal
+  // lives. `RAMPS` holds only glass, so listing it alone showed five of the
+  // hundred-and-one steps that exist.
+  for (const hue of PALETTE) {
+    for (const step of hue.steps) {
+      rows.push({
+        token: step.variable.replace(/^--/, ""),
+        variable: step.variable,
+        layer: "ramp",
+        group: hue.usedBy ? `${hue.id} — ${hue.usedBy}` : hue.id,
+      });
+    }
+  }
+
   for (const ramp of RAMPS) {
     for (const step of ramp.steps) {
       rows.push({
@@ -55,6 +77,24 @@ function collectRows(): TableRow[] {
     }
   }
 
+  for (const treatment of BACKDROP_TREATMENTS) {
+    rows.push({
+      token: treatment.name,
+      variable: treatment.variable,
+      layer: "backdrop",
+      group: `${treatment.mode} backdrop treatments`,
+    });
+  }
+
+  for (const choice of BACKDROP_CHOICES) {
+    rows.push({
+      token: choice.token,
+      variable: choice.variable,
+      layer: "choice",
+      group: "Semantic backdrop choices",
+    });
+  }
+
   return rows;
 }
 
@@ -62,18 +102,35 @@ function ValueSwatch({ value }: { value: string }) {
   return (
     <span
       aria-hidden="true"
-      className="inline-block h-4 w-4 shrink-0 rounded border border-tertiary align-middle"
+      className="inline-block h-4 w-4 shrink-0 rounded border border-primary align-middle"
       style={{ background: value }}
     />
   );
 }
 
+const VIEWS = [
+  { value: "roles", label: "Roles" },
+  { value: "choices", label: "Backdrop choices" },
+  { value: "ramps", label: "Palette & ramps" },
+] as const;
+
+type View = (typeof VIEWS)[number]["value"];
+
 export function ColorTablePage() {
+  /* Two tabs rather than two stacked sections. The palette is 96 steps and the
+     roles are 55, so one page meant scrolling past a hundred rows to reach the
+     other layer — and the ramps were the half nobody could find. Tabs also state
+     the distinction the system cares about: what you may type, and what it
+     resolves to. */
+  const [view, setView] = useState<View>("roles");
   const rows = collectRows();
   const resolved = useResolvedTokens(rows.map((row) => row.variable));
 
   const roleRows = rows.filter((row) => row.layer === "role");
-  const rampRows = rows.filter((row) => row.layer === "ramp");
+  const backdropChoiceRows = rows.filter((row) => row.layer === "choice");
+  const rampRows = rows.filter(
+    (row) => row.layer === "ramp" || row.layer === "backdrop",
+  );
 
   return (
     <>
@@ -82,30 +139,81 @@ export function ColorTablePage() {
         intro="Every colour token in one list: the name you type, the base token it resolves through, and the value it actually paints. Values are read from the live cascade rather than written down, so this table cannot drift from the system — and it re-resolves when you switch modes."
       />
 
-      <Note>
-        Roles are the only layer a screen may use. Ramp steps are listed
-        underneath so you can see what a role resolves through, but a component
-        referencing one directly is a bug. The reasoning behind each name lives
-        on the{" "}
-        <Link to="/design/color" className="text-accent underline">
-          colour page
-        </Link>
-        .
-      </Note>
+      <div className="mb-6">
+        {/* `panel`, because the /design pages sit on `bg-panel` rather than the
+            app gradient. This page is what surfaced the need for the variant:
+            the chrome pill's glass container composites to white on a white
+            page, and its selected pill is white too. */}
+        <Tabs
+          value={view}
+          items={VIEWS}
+          label="Token layer"
+          onValueChange={setView}
+          variant="panel"
+        />
+      </div>
 
-      <Section
-        title="Roles"
-        description="Grouped as they are in the system. The base column is what the role points at; the value column is where that chain ends."
-      >
-        <TokenTable rows={roleRows} resolved={resolved} showGroups />
-      </Section>
+      {view === "roles" ? (
+        <>
+          <Note>
+            Build screens from the <strong>Ramps</strong> — every step is
+            authored per mode, so <code>bg-neutral-4</code> behaves in both.
+            These fifteen roles are the exceptions: each one either takes a
+            different step in light and dark, so no class can say it, or its
+            name enforces a rule a ramp cannot. The reasoning lives on the{" "}
+            <Link to="/design/color" className="text-purple-12 underline">
+              colour page
+            </Link>
+            .
+          </Note>
 
-      <Section
-        title="Ramp steps"
-        description="Layer 1. These hold the literal values every role resolves to, which is why the base column is empty for them."
-      >
-        <TokenTable rows={rampRows} resolved={resolved} showGroups />
-      </Section>
+          <Section
+            title="Roles"
+            description="Grouped as they are in the system. The base column is what the role points at; the value column is where that chain ends."
+          >
+            <TokenTable rows={roleRows} resolved={resolved} showGroups />
+          </Section>
+        </>
+      ) : view === "choices" ? (
+        <>
+          <Note>
+            Each numbered choice is a stable selection rather than a scene name:
+            <code className="text-mono"> gradient-1 </code> resolves to Sky
+            field in light mode and Night garden in dark. Product surfaces keep
+            using <code className="text-mono">bg-app</code>; an appearance
+            preference can select another numbered choice without knowing which
+            mode is active.
+          </Note>
+
+          <Section
+            title="Semantic backdrop choices"
+            description="Four paired selections. The base column exposes the named treatment currently selected for this mode."
+          >
+            <TokenTable
+              rows={backdropChoiceRows}
+              resolved={resolved}
+              showGroups
+            />
+          </Section>
+        </>
+      ) : (
+        <>
+          <Note>
+            The palette is where every literal lives, and{" "}
+            <code className="text-mono">neutral</code> is a hue like any other.
+            It also contains named backdrop treatments: complete, mode-specific
+            visual compositions that semantic backdrop choices pair together. A
+            component referencing either directly is a bug.
+          </Note>
+
+          <Section
+            title="Palette values and ramps"
+            description="Every hue has twelve authored steps, alongside the named light and dark backdrop treatments and the glass translucency ramp. These hold raw values, which is why the base column is empty for them."
+          >
+            <TokenTable rows={rampRows} resolved={resolved} showGroups />
+          </Section>
+        </>
+      )}
     </>
   );
 }
@@ -137,7 +245,7 @@ function TokenTable({
         <col className="w-1/3" />
       </colgroup>
       <thead>
-        <tr className="border-tertiary border-b">
+        <tr className="border-primary border-b">
           <th scope="col" className="py-2 pr-4 text-body text-tertiary">
             Token
           </th>
@@ -169,7 +277,7 @@ function TokenTable({
                   </th>
                 </tr>
               ) : null}
-              <tr className="border-tertiary border-b">
+              <tr className="border-primary border-b">
                 <td className="py-2.5 pr-4 align-top">
                   <code className="break-words text-mono text-primary">
                     {row.token}
diff --git a/desktop-new/src/features/design-system/ui/ColourPage.tsx b/desktop-new/src/features/design-system/ui/ColourPage.tsx
index 882be17afe..875841f7be 100644
--- a/desktop-new/src/features/design-system/ui/ColourPage.tsx
+++ b/desktop-new/src/features/design-system/ui/ColourPage.tsx
@@ -1,8 +1,11 @@
 import {
+  BACKDROP_CHOICES,
+  BACKDROP_TREATMENTS,
   EXCEPTIONS,
   PALETTE,
   RAMPS,
   ROLE_GROUPS,
+  type BackdropTreatment,
   type Role,
 } from "@/shared/tokens/registry";
 
@@ -17,11 +20,38 @@ import { Note, PageHeader, Section, Swatch } from "./primitives";
  * so without it the most-used role in the system renders as nothing. That is a
  * genuine boundary rather than decoration.
  */
+function BackdropTreatmentRow({ treatment }: { treatment: BackdropTreatment }) {
+  const paired = BACKDROP_TREATMENTS.find(
+    (candidate) => candidate.id === treatment.pairedWith,
+  );
+
+  return (
+    <div className="flex items-start gap-4 py-2.5">
+      <div
+        className="mt-0.5 h-9 w-16 shrink-0 rounded-md border border-primary"
+        style={{ background: `var(${treatment.variable})` }}
+      />
+      <div className="flex min-w-0 flex-1 flex-col gap-1">
+        <div className="flex flex-wrap items-center gap-2">
+          <code className="text-body text-primary">{treatment.name}</code>
+          <span className="text-body-sm text-tertiary">
+            {treatment.mode} only
+          </span>
+        </div>
+        <p className="text-body-sm text-secondary">{treatment.description}</p>
+        <p className="text-body-sm text-tertiary">
+          Pairs with {paired?.name ?? treatment.pairedWith} in {paired?.mode}
+        </p>
+      </div>
+    </div>
+  );
+}
+
 function RoleRow({ role }: { role: Role }) {
   return (
     <div className="flex items-start gap-4 py-2.5">
       <div
-        className="mt-0.5 h-9 w-16 shrink-0 rounded-md border border-tertiary"
+        className="mt-0.5 h-9 w-16 shrink-0 rounded-md border border-primary"
         style={{ background: `var(${role.variable})` }}
       />
       <div className="flex min-w-0 flex-1 flex-col gap-1">
@@ -29,7 +59,7 @@ function RoleRow({ role }: { role: Role }) {
           <code className="text-body text-primary">{role.token}</code>
           <span className="text-body-sm text-tertiary">{role.pointsAt}</span>
           {role.status !== "core" ? (
-            <span className="rounded-full bg-warning-tint px-2 py-0.5 text-body-sm text-warning">
+            <span className="rounded-full bg-purple-3 px-2 py-0.5 text-body-sm text-purple-12">
               {role.status}
               {role.owner ? ` · ${role.owner}` : ""}
             </span>
@@ -51,11 +81,11 @@ export function ColourPage() {
     <>
       <PageHeader
         title="Colour"
-        intro="Four layers, and only the role layer is ever used when building a screen. The palette holds values, families hold the jobs a hue does, roles hold meanings. Everything below is rendered from the token registry, so a token added there appears here automatically and this page cannot drift from the system."
+        intro="Four layers, and only the role layer is used when building a screen. The palette holds raw values — colour ramps and named backdrop treatments. Semantic tokens hold stable choices. Roles hold interface meanings. Everything below is rendered from the token registry, so a token added there appears here automatically and this page cannot drift from the system."
       />
 
       <Section
-        title="Layer 0 — palette"
+        title="Layer 0 — the palette"
         description="Every hue, twelve steps, authored per mode — the only place a literal colour lives. It exists because the layer above it was 114 hand-picked values with nothing keeping two tokens that do the same job in agreement, and they drifted. Dark steps are authored for dark surfaces rather than derived by dimming light ones, so a subtler deep colour is a step you pick instead of an opacity you write."
       >
         <div className="flex flex-col gap-6">
@@ -74,7 +104,7 @@ export function ColourPage() {
                     className="flex min-w-0 flex-1 flex-col gap-1"
                   >
                     <div
-                      className="h-10 rounded-md border border-tertiary"
+                      className="h-10 rounded-md border border-primary"
                       style={{ background: `var(${step.variable})` }}
                     />
                     <span className="text-center text-body-sm text-tertiary">
@@ -89,8 +119,65 @@ export function ColourPage() {
       </Section>
 
       <Section
-        title="Layer 1 — families"
-        description="The jobs a hue does. Five per coloured family — tint, tint-hover, border, fill, text — each pointing at a palette step, so changing the accent means pointing five names at a different hue. Steps are named for their job rather than numbered, because a number reads as a lightness and means a role. Components never reference these."
+        title="Layer 0 — backdrop treatments"
+        description="These are named visual compositions, not colour ramps: each holds the exact colours, geometry, falloff, and sometimes a vignette that make a scene. A treatment exists only in the mode where its name is true; its paired counterpart is a different named scene, not a dimmed copy. Components never reference these."
+      >
+        <div className="flex flex-col gap-6">
+          {(["light", "dark"] as const).map((mode) => (
+            <div key={mode} className="flex flex-col gap-2">
+              <h3 className="text-body text-primary">{mode} mode</h3>
+              <div className="flex flex-col">
+                {BACKDROP_TREATMENTS.filter(
+                  (treatment) => treatment.mode === mode,
+                ).map((treatment) => (
+                  <BackdropTreatmentRow
+                    key={treatment.id}
+                    treatment={treatment}
+                  />
+                ))}
+              </div>
+            </div>
+          ))}
+        </div>
+      </Section>
+
+      <Section
+        title="Layer 1 — semantic backdrop choices"
+        description="A numbered choice is the stable cross-mode selection: choose one slot and its named light and dark treatments travel together. An appearance setting selects gradient-1 through gradient-4; product surfaces still use bg-app."
+      >
+        <div className="flex flex-col">
+          {BACKDROP_CHOICES.map((choice) => {
+            const light = BACKDROP_TREATMENTS.find(
+              (treatment) => treatment.id === choice.lightTreatment,
+            );
+            const dark = BACKDROP_TREATMENTS.find(
+              (treatment) => treatment.id === choice.darkTreatment,
+            );
+            return (
+              <div
+                key={choice.variable}
+                className="flex items-start gap-4 py-2.5"
+              >
+                <div
+                  className="mt-0.5 h-9 w-16 shrink-0 rounded-md border border-primary"
+                  style={{ background: `var(${choice.variable})` }}
+                />
+                <div className="flex min-w-0 flex-1 flex-col gap-1">
+                  <code className="text-body text-primary">{choice.token}</code>
+                  <p className="text-body-sm text-secondary">{choice.use}</p>
+                  <p className="text-body-sm text-tertiary">
+                    {light?.name} light / {dark?.name} dark
+                  </p>
+                </div>
+              </div>
+            );
+          })}
+        </div>
+      </Section>
+
+      <Section
+        title="Layer 0 — translucency"
+        description="Glass is the one ramp that is not a hue: each step is the mode\u2019s own surface colour at an increasing opacity, so a hover moves one step up rather than holding its own literal. It stays separate because genuine translucency \u2014 something behind showing through \u2014 is a different axis from colour, and it is the one place alpha is legitimately baked into a value. Components never reference these."
       >
         <div className="flex flex-col gap-8">
           {RAMPS.map((ramp) => (
@@ -112,16 +199,8 @@ export function ColourPage() {
                   <Swatch
                     key={step.variable}
                     variable={step.variable}
-                    label={
-                      step.palette
-                        ? `${ramp.id}-${step.job.split(" — ")[0]}`
-                        : `${ramp.id} ${step.step}`
-                    }
-                    sublabel={
-                      step.palette
-                        ? `${step.job.split(" — ")[1]} · palette step ${step.step}`
-                        : step.job
-                    }
+                    label={`${ramp.id} ${step.step}`}
+                    sublabel={step.job}
                     translucent={ramp.translucent}
                   />
                 ))}
@@ -132,8 +211,8 @@ export function ColourPage() {
       </Section>
 
       <Section
-        title="Layer 2 — roles"
-        description="The only layer a screen may use. Every role points at a family step or a neutral step, so changing a theme is a change of values rather than a change of code."
+        title="Layer 2 — the roles"
+        description="Fifteen names, and each had to earn one. A role exists when light and dark take different ramp steps, so no single class is correct in both \u2014 or when the name enforces a rule a ramp cannot state, like there being exactly three levels of text. Everything else is written as a ramp step, because a name in front of a number hides the choice instead of recording it."
       >
         <div className="flex flex-col gap-8">
           {ROLE_GROUPS.map((group) => (
@@ -164,7 +243,7 @@ export function ColourPage() {
         <div className="flex flex-col gap-5">
           {EXCEPTIONS.map((exception) => (
             <div key={exception.name} className="flex flex-col gap-1">
-              <code className="text-mono text-accent">{exception.name}</code>
+              <code className="text-mono text-purple-12">{exception.name}</code>
               <p className="max-w-2xl text-body-sm text-secondary">
                 {exception.why}
               </p>
diff --git a/desktop-new/src/features/design-system/ui/ComponentAnatomy.tsx b/desktop-new/src/features/design-system/ui/ComponentAnatomy.tsx
new file mode 100644
index 0000000000..8c2229cecf
--- /dev/null
+++ b/desktop-new/src/features/design-system/ui/ComponentAnatomy.tsx
@@ -0,0 +1,346 @@
+import { useEffect, useState } from "react";
+
+/**
+ * What a component is made of, read from the running component.
+ *
+ * The question this answers is "which token draws this part" — the one a specimen
+ * cannot answer, because a picture of a control does not say whether that pill is
+ * `bg-chrome-selected` or a hardcoded white.
+ *
+ * It reports the token and stops there. The value each token resolves to is the
+ * token table's subject, and repeating it here made every cell two lines of which
+ * only one was the answer.
+ *
+ * **It reads the live DOM rather than a hand-written table**, for the same reason
+ * the token table does: a typed-out list of parts and tokens is a second source
+ * of truth that goes stale the first time someone edits the stylesheet, and goes
+ * stale silently. Here, a part whose declaration changes reports the new value on
+ * the next render, and a part that stops existing reports that it is missing.
+ *
+ * The trade is that it can only describe what is currently on screen. That is
+ * why each row names a selector: the row is a claim that this part exists, and a
+ * missing part is shown as missing rather than omitted.
+ */
+
+/** A property worth reporting, and the CSS property it reads. */
+const PROPERTIES = [
+  { id: "background", label: "Fill", css: "background-color" },
+  { id: "color", label: "Text", css: "color" },
+  { id: "border", label: "Border", css: "border-color" },
+  { id: "shadow", label: "Shadow", css: "box-shadow" },
+  { id: "blur", label: "Blur", css: "backdrop-filter" },
+  { id: "radius", label: "Radius", css: "border-radius" },
+] as const;
+
+type PropertyId = (typeof PROPERTIES)[number]["id"];
+
+export interface AnatomyPart {
+  /** What this part is, in the product's words. */
+  name: string;
+  /** A CSS selector for it, resolved inside the specimen root. */
+  selector: string;
+  /** Which properties are worth reporting for this part. */
+  show: readonly PropertyId[];
+  /** Why this part looks the way it does, when that is not obvious. */
+  note?: string;
+}
+
+interface Measured {
+  /** The scheme generation these values were read in, so a stale read is visible. */
+  scheme: number;
+  name: string;
+  note?: string;
+  present: boolean;
+  /** The token each reported property is drawn from. */
+  values: Partial<Record<PropertyId, string>>;
+}
+
+/**
+ * Finds the declaration a rule made for a property, so the table can show
+ * `var(--bg-chrome-selected)` next to the `#ffffff` it paints.
+ *
+ * Computed style alone cannot answer this: by the time it is readable the
+ * `var()` is resolved and the token name is gone. So the stylesheets are walked
+ * for the last rule that matches this element and sets this property, which is
+ * the same approach `useResolvedToken` takes for tokens.
+ */
+function declaredValue(element: Element, property: string): string | null {
+  // `background` is the shorthand an author actually writes; `border-radius` and
+  // `box-shadow` are their own thing. Longhand first so the more specific
+  // declaration wins when a rule sets both.
+  const names =
+    property === "background-color"
+      ? ["background-color", "background"]
+      : [property];
+
+  let found: string | null = null;
+  let bestRank = -1;
+  for (const [index, rule] of styleRules().entries()) {
+    let matches = false;
+    try {
+      matches = element.matches(rule.selector);
+    } catch {
+      continue; // a selector this browser cannot match
+    }
+    if (!matches) continue;
+    for (const name of names) {
+      const value = new RegExp(
+        String.raw`(?:^|;)\s*${name}\s*:\s*([^;]+)`,
+        "i",
+      ).exec(rule.body)?.[1];
+      if (!value) continue;
+      // Specificity first, then source order — the actual cascade. Ranking by
+      // source order alone was wrong the moment a variant rule outranked a
+      // shared one: `.buzz-tabs[data-variant="panel"] .buzz-tabs-tab:not(...)`
+      // beats `.buzz-tabs-tab[data-selected]`, so a selected tab was reported
+      // as the unselected colour. The table looked plausible and was wrong,
+      // which is the failure mode it exists to prevent.
+      const rank = specificity(rule.selector) * 100000 + index;
+      if (rank > bestRank) {
+        bestRank = rank;
+        found = value.trim();
+      }
+    }
+  }
+  return found;
+}
+
+/**
+ * A selector's specificity as one comparable number.
+ *
+ * Only the b and c columns matter here — these are stylesheet rules on classes,
+ * attributes, and pseudo-classes, with no inline styles or IDs in play. `:not()`
+ * contributes its argument's specificity rather than its own, which is why it can
+ * silently strengthen a rule that reads like a narrowing.
+ */
+function specificity(selector: string): number {
+  const inner = selector.replace(/:not\(([^)]*)\)/g, " $1 ");
+  const classes = (inner.match(/\.[\w-]+/g) ?? []).length;
+  const attributes = (inner.match(/\[[^\]]+\]/g) ?? []).length;
+  const pseudoClasses = (inner.match(/:(?!:)[\w-]+/g) ?? []).length;
+  const elements = (inner.match(/(?:^|[\s>+~])[a-z][\w-]*/gi) ?? []).length;
+  return (classes + attributes + pseudoClasses) * 256 + elements;
+}
+
+/**
+ * Every style rule on the page, as `{ selector, body }` text.
+ *
+ * **Parsed from the stylesheet text rather than read through `sheet.cssRules`**,
+ * which is the obvious approach and does not work: Vite injects app CSS by
+ * setting `textContent` on a `<style>` tag at dev time, and those rules are not
+ * reachable through the CSSOM — a walk over `document.styleSheets` found 84 rules
+ * and matched none of this component's, while the same CSS was plainly present in
+ * a `<style>` tag. Reading the text works in dev and in a production build.
+ *
+ * Cached per call site, because parsing every rule for every property of every
+ * part is otherwise quadratic on a page with a few tables.
+ */
+let ruleCache: {
+  key: number;
+  rules: { selector: string; body: string }[];
+} | null = null;
+
+function styleRules(): { selector: string; body: string }[] {
+  const sheets = Array.from(document.querySelectorAll("style"));
+  const key = sheets.reduce(
+    (total, tag) => total + (tag.textContent?.length ?? 0),
+    0,
+  );
+  if (ruleCache?.key === key) return ruleCache.rules;
+
+  const rules: { selector: string; body: string }[] = [];
+  for (const tag of sheets) {
+    const css = tag.textContent ?? "";
+    // Flat rules only: a selector, then a body with no nested braces. Enough for
+    // this stylesheet, and it skips `@media`/`@theme` bodies rather than
+    // mis-parsing them.
+    for (const match of css.matchAll(/([^{}]+)\{([^{}]*)\}/g)) {
+      const selector = match[1].trim();
+      if (!selector || selector.startsWith("@")) continue;
+      for (const one of selector.split(",")) {
+        rules.push({ selector: one.trim(), body: match[2] });
+      }
+    }
+  }
+  ruleCache = { key, rules };
+  return rules;
+}
+
+/**
+ * `var(--bg-glass-primary)` → `bg-glass-primary`.
+ *
+ * The token name is the answer this table exists to give, so it is shown bare.
+ * A declaration that composes several tokens — the glass rim is two inset
+ * shadows — keeps its structure, because that composition *is* the answer there.
+ */
+function tokenNames(declared: string): string {
+  const refs = [...declared.matchAll(/var\(\s*--([\w-]+)\s*\)/g)].map(
+    (match) => match[1],
+  );
+  if (refs.length === 0) return declared;
+  if (refs.length === 1 && /^var\(\s*--[\w-]+\s*\)$/.test(declared.trim())) {
+    return refs[0];
+  }
+  return declared
+    .replace(/var\(\s*--([\w-]+)\s*\)/g, "$1")
+    .replace(/\s+/g, " ");
+}
+
+/** Values that mean "this property is not part of how the element looks". */
+function isAbsent(painted: string): boolean {
+  return (
+    painted === "none" ||
+    painted === "rgba(0, 0, 0, 0)" ||
+    painted === "transparent" ||
+    painted === "0px"
+  );
+}
+
+/**
+ * The active colour scheme, observed from `<html>`.
+ *
+ * Not `useColorScheme()`, which owns local state — calling it here would create a
+ * *second* independent copy that never hears the toggle in the layout, so the
+ * table would keep reporting light-mode values on a dark page. Reporting a stale
+ * painted colour is the specific failure this component exists to prevent, so it
+ * watches the class the theme actually sets.
+ */
+/**
+ * A counter that increments whenever the colour scheme changes.
+ *
+ * It is stored on each measured row (`Measured.scheme`) rather than merely listed
+ * as an effect dependency, so the re-measure is a real data flow instead of a
+ * lint-suppressed side effect: rows carry the generation they were read in.
+ */
+function useSchemeVersion(): number {
+  const [version, setVersion] = useState(0);
+  useEffect(() => {
+    const observer = new MutationObserver(() => setVersion((n) => n + 1));
+    observer.observe(document.documentElement, {
+      attributes: true,
+      attributeFilter: ["class"],
+    });
+    return () => observer.disconnect();
+  }, []);
+  return version;
+}
+
+export function ComponentAnatomy({
+  parts,
+  scope,
+  caption,
+}: {
+  parts: readonly AnatomyPart[];
+  /** A selector for the specimen this describes, so two variants can differ. */
+  scope: string;
+  caption?: string;
+}) {
+  const [rows, setRows] = useState<Measured[] | null>(null);
+  const schemeVersion = useSchemeVersion();
+
+  useEffect(() => {
+    // After paint, so Base UI has mounted and the indicator has its size.
+    const frame = requestAnimationFrame(() => {
+      const root = document.querySelector(scope);
+      setRows(
+        parts.map((part) => {
+          const element = root?.querySelector(part.selector) ?? null;
+          if (!element) {
+            return {
+              scheme: schemeVersion,
+              name: part.name,
+              note: part.note,
+              present: false,
+              values: {},
+            };
+          }
+          const computed = getComputedStyle(element);
+          const values: Measured["values"] = {};
+          for (const property of PROPERTIES) {
+            if (!part.show.includes(property.id)) continue;
+            // Computed style answers only "is this part of how the element
+            // looks" — a transparent fill or `box-shadow: none` gets no row. The
+            // reported value is the token, read from the declaration.
+            if (isAbsent(computed.getPropertyValue(property.css).trim()))
+              continue;
+            const declared = declaredValue(element, property.css);
+            if (!declared) continue;
+            values[property.id] = tokenNames(declared);
+          }
+          return {
+            scheme: schemeVersion,
+            name: part.name,
+            note: part.note,
+            present: true,
+            values,
+          };
+        }),
+      );
+    });
+    return () => cancelAnimationFrame(frame);
+  }, [parts, scope, schemeVersion]);
+
+  const columns = PROPERTIES.filter((property) =>
+    rows?.some((row) => row.values[property.id]),
+  );
+
+  return (
+    <div className="flex min-w-0 flex-col gap-3">
+      {caption ? (
+        <p className="text-body-sm text-secondary">{caption}</p>
+      ) : null}
+      <div className="overflow-x-auto">
+        <table className="w-full border-collapse text-left">
+          <thead>
+            <tr className="border-primary border-b">
+              <th className="py-2 pr-6 text-body-sm text-tertiary font-normal">
+                Part
+              </th>
+              {columns.map((property) => (
+                <th
+                  key={property.id}
+                  className="py-2 pr-6 text-body-sm text-tertiary font-normal"
+                >
+                  {property.label}
+                </th>
+              ))}
+            </tr>
+          </thead>
+          <tbody>
+            {rows?.map((row) => (
+              <tr key={row.name} className="border-primary border-b">
+                <td className="py-3 pr-6 align-top">
+                  <span className="text-body text-primary">{row.name}</span>
+                  {row.note ? (
+                    <span className="block text-body-sm text-tertiary">
+                      {row.note}
+                    </span>
+                  ) : null}
+                  {row.present ? null : (
+                    <span className="block text-body-sm text-red-12">
+                      Not found in the specimen
+                    </span>
+                  )}
+                </td>
+                {columns.map((property) => {
+                  const value = row.values[property.id];
+                  return (
+                    <td key={property.id} className="py-3 pr-6 align-top">
+                      {value ? (
+                        <code className="text-mono-sm text-primary">
+                          {value}
+                        </code>
+                      ) : (
+                        <span className="text-body-sm text-tertiary">—</span>
+                      )}
+                    </td>
+                  );
+                })}
+              </tr>
+            ))}
+          </tbody>
+        </table>
+      </div>
+    </div>
+  );
+}
diff --git a/desktop-new/src/features/design-system/ui/ComponentDetailPage.tsx b/desktop-new/src/features/design-system/ui/ComponentDetailPage.tsx
index 73d537dcf3..497d007684 100644
--- a/desktop-new/src/features/design-system/ui/ComponentDetailPage.tsx
+++ b/desktop-new/src/features/design-system/ui/ComponentDetailPage.tsx
@@ -1,4 +1,5 @@
 import { COMPONENTS } from "@/shared/ui/registry";
+import { BaseUiBackingLine } from "./BaseUiBackingLine";
 import { COMPONENT_SPECIMENS } from "./componentSpecimens";
 
 export function ComponentDetailPage({ slug }: { slug: string }) {
@@ -10,6 +11,10 @@ export function ComponentDetailPage({ slug }: { slug: string }) {
     <>
       <header className="component-page-heading">
         <h1 className="text-title text-primary">{component.name}</h1>
+        <BaseUiBackingLine
+          slug={component.slug}
+          behavior={component.behavior}
+        />
       </header>
       {Specimen ? <Specimen /> : null}
     </>
diff --git a/desktop-new/src/features/design-system/ui/DesignSystemLayout.tsx b/desktop-new/src/features/design-system/ui/DesignSystemLayout.tsx
index f2a9fb3462..5c362b9537 100644
--- a/desktop-new/src/features/design-system/ui/DesignSystemLayout.tsx
+++ b/desktop-new/src/features/design-system/ui/DesignSystemLayout.tsx
@@ -41,6 +41,7 @@ const SECTIONS: Array<{ heading: string; items: NavItem[] }> = [
           `/design/components/${component.slug}`,
         ]),
       ],
+      ["Base UI backing", "/design/components/base-ui"],
     ],
   },
 ];
@@ -59,10 +60,10 @@ function NavLink({
     <Link
       to={to}
       activeOptions={exact ? { exact: true } : undefined}
-      className="block rounded-lg px-3 py-2 text-body text-secondary transition-colors hover:bg-hover hover:text-primary"
+      className="block rounded-lg px-3 py-2 text-body text-secondary transition-colors hover:bg-neutral-4 hover:text-primary"
       activeProps={{
         className:
-          "block rounded-lg px-3 py-2 text-body bg-accent-tint text-accent",
+          "block rounded-lg px-3 py-2 text-body bg-purple-3 text-purple-12",
       }}
     >
       {children}
@@ -131,7 +132,7 @@ export function DesignSystemLayout() {
           type="button"
           onClick={toggle}
           aria-label={`Switch to ${scheme === "light" ? "dark" : "light"} mode`}
-          className="mx-3 self-start rounded-lg bg-inset px-3 py-2 text-body text-secondary transition-colors hover:bg-hover hover:text-primary"
+          className="mx-3 self-start rounded-lg bg-inset px-3 py-2 text-body text-secondary transition-colors hover:bg-neutral-4 hover:text-primary"
         >
           {scheme === "light" ? "Dark mode" : "Light mode"}
         </button>
diff --git a/desktop-new/src/features/design-system/ui/ElevationPage.tsx b/desktop-new/src/features/design-system/ui/ElevationPage.tsx
index a266de8424..eb4bdd5311 100644
--- a/desktop-new/src/features/design-system/ui/ElevationPage.tsx
+++ b/desktop-new/src/features/design-system/ui/ElevationPage.tsx
@@ -1,4 +1,4 @@
-import { ELEVATION } from "@/shared/tokens/registry";
+import { BLUR, ELEVATION } from "@/shared/tokens/registry";
 
 import { Note, PageHeader, Section } from "./primitives";
 
@@ -28,6 +28,28 @@ export function ElevationPage() {
         </div>
       </Section>
 
+      {/* Blur lives here rather than on the glass page: it is a depth cue like
+          a shadow, and the glass materials already carry their own blur, so
+          showing the amounts beside the shadows keeps every depth value in one
+          place. */}
+      <Section
+        title="Blur"
+        description="Depth behind a translucent surface. The glass materials each carry one of these, so a screen picks a material rather than a blur amount."
+      >
+        <div className="glass-scene flex flex-wrap gap-3 rounded-xl p-6">
+          {BLUR.map((blur) => (
+            <div
+              key={blur.token}
+              className="glass-primary flex flex-col gap-1 rounded-xl px-5 py-4"
+              style={{ backdropFilter: `blur(${blur.value})` }}
+            >
+              <code className="text-mono-sm text-primary">{blur.token}</code>
+              <span className="text-body-sm text-tertiary">{blur.value}</span>
+            </div>
+          ))}
+        </div>
+      </Section>
+
       <Note>
         Elevation is carried by shadow in light mode and by lightness in dark
         mode. On a near-black background there is nothing darker for a shadow to
diff --git a/desktop-new/src/features/design-system/ui/FoundationScale.tsx b/desktop-new/src/features/design-system/ui/FoundationScale.tsx
index 9fad452bc9..458eef6bb0 100644
--- a/desktop-new/src/features/design-system/ui/FoundationScale.tsx
+++ b/desktop-new/src/features/design-system/ui/FoundationScale.tsx
@@ -10,7 +10,7 @@ export function FoundationScale({ items }: { items: FoundationItem[] }) {
       {items.map((item) => (
         <div
           key={item.token}
-          className="grid gap-2 border-tertiary border-b py-3 last:border-b-0 sm:grid-cols-[10rem_7rem_1fr]"
+          className="grid gap-2 border-primary border-b py-3 last:border-b-0 sm:grid-cols-[10rem_7rem_1fr]"
         >
           <code className="text-mono text-primary">{item.token}</code>
           <span className="text-body-sm text-tertiary">{item.value}</span>
diff --git a/desktop-new/src/features/design-system/ui/GlassPage.tsx b/desktop-new/src/features/design-system/ui/GlassPage.tsx
index 17a37e39ad..4338764ecf 100644
--- a/desktop-new/src/features/design-system/ui/GlassPage.tsx
+++ b/desktop-new/src/features/design-system/ui/GlassPage.tsx
@@ -1,30 +1,39 @@
-import { BLUR, RAMPS } from "@/shared/tokens/registry";
+import { RAMPS } from "@/shared/tokens/registry";
 
-import { Note, PageHeader, Section, Swatch } from "./primitives";
+import { PageHeader, Section } from "./primitives";
 
 const GLASS = RAMPS.find((ramp) => ramp.id === "glass");
 
-function ChromePill() {
-  const items: Array<[string, boolean]> = [
-    ["Me", false],
-    ["Messages", true],
-    ["Projects", false],
-  ];
+const MATERIALS = [
+  {
+    utility: "glass-primary",
+    spec: "glass-2 · blur-md · rim",
+    use: "On the backdrop",
+  },
+  {
+    utility: "glass-secondary",
+    spec: "glass-4 · blur-lg · rim · shadow-sm",
+    use: "Over glass",
+  },
+];
+
+/**
+ * A material, rendered as itself over the backdrop.
+ *
+ * The label sits inside the specimen rather than in a caption beneath it: the
+ * subject is a translucent surface, so text on it is part of what is being
+ * judged — whether it stays legible with the gradient reading through.
+ */
+function Material({ material }: { material: (typeof MATERIALS)[number] }) {
   return (
-    <div className="rim-glass blur-chrome flex items-center gap-1 rounded-full bg-chrome-glass p-1.5">
-      {items.map(([label, selected]) => (
-        <button
-          key={label}
-          type="button"
-          className={
-            selected
-              ? "elevate-xs rounded-full bg-chrome-selected px-5 py-2 text-body text-primary"
-              : "rounded-full px-5 py-2 text-body text-secondary transition-colors hover:bg-chrome-glass-hover hover:text-primary"
-          }
-        >
-          {label}
-        </button>
-      ))}
+    <div
+      className={`${material.utility} flex min-h-[8rem] flex-col justify-between gap-6 rounded-xl px-5 py-4`}
+    >
+      <span className="text-body-sm text-secondary">{material.use}</span>
+      <div className="flex flex-col gap-1">
+        <code className="text-mono text-primary">{material.utility}</code>
+        <span className="text-body-sm text-tertiary">{material.spec}</span>
+      </div>
     </div>
   );
 }
@@ -34,90 +43,84 @@ export function GlassPage() {
     <>
       <PageHeader
         title="Glass"
-        intro="A translucent blurred surface is the same region in a different material, so it is named as that region plus its material rather than assembled per screen from a fill, a transparency, and a blur amount. Translucency and blur live inside the value."
+        intro="Two materials, named by how high they sit. Each one is a fill, a blur, a rim, and sometimes a shadow, applied as a single utility so it cannot arrive in pieces."
       />
 
       <Section
-        title="Live"
-        description="The chrome pill, rendered from the real tokens over the real backdrop. Hover an unselected item to see the glass hover move one step up the ramp."
+        title="The materials"
+        description="Over the app backdrop, because translucency can only be judged against what shows through it."
       >
-        <div className="texture-dots flex items-center justify-center rounded-xl bg-app px-8 py-12">
-          <ChromePill />
-        </div>
-        <div className="flex flex-col gap-1 text-body-sm text-secondary">
-          <span>
-            container <code className="text-primary">bg-chrome-glass</code> +{" "}
-            <code className="text-primary">rim-glass</code> +{" "}
-            <code className="text-primary">blur-chrome</code>
-          </span>
-          <span>
-            selected <code className="text-primary">bg-chrome-selected</code> —
-            opaque where its container is glass
-          </span>
-        </div>
-      </Section>
-
-      {GLASS ? (
-        <Section title="The glass ramp" description={GLASS.description}>
-          <div className="grid grid-cols-3 gap-3 rounded-xl bg-app p-4 sm:grid-cols-5">
-            {GLASS.steps.map((step) => (
-              <Swatch
-                key={step.variable}
-                variable={step.variable}
-                label={`glass ${step.step}`}
-                sublabel={step.job}
-                translucent
-              />
-            ))}
-          </div>
-        </Section>
-      ) : null}
-
-      <Section
-        title="Blur"
-        description="A separate axis from translucency: a glass role names one step on the glass ramp and one blur amount, so a quiet glass can still be heavily blurred."
-      >
-        <div className="flex flex-wrap gap-3 rounded-xl bg-app p-4">
-          {BLUR.map((blur) => (
-            <div
-              key={blur.token}
-              className="flex flex-col items-center gap-2 rounded-lg bg-chrome-glass px-6 py-5"
-              style={{ backdropFilter: `blur(${blur.value})` }}
-            >
-              <code className="text-body-sm text-primary">{blur.token}</code>
-              <span className="text-body-sm text-tertiary">{blur.value}</span>
-            </div>
+        <div className="glass-scene grid gap-4 rounded-xl p-6 sm:grid-cols-2">
+          {MATERIALS.map((material) => (
+            <Material key={material.utility} material={material} />
           ))}
         </div>
       </Section>
 
       <Section
-        title="The rim"
-        description="A deliberate exception: two literal values, not a ramp step and not one of the numbered gradients. Those are background treatments; this is a material detail. Real glass catches light along one edge and falls away on the opposite one, so the rim is a directional pair from one fixed light direction that every glass surface shares."
+        title="Interactive"
+        description="The same materials with a hover, for glass you can click. Hover moves one step up the ramp and never changes blur."
       >
-        <div className="rounded-lg bg-inverse px-5 py-4">
-          <code className="whitespace-pre text-body-sm text-on-inverse">
-            {`box-shadow:\n  inset 0  1px 0 var(--rim-lit),\n  inset 0 -1px 0 var(--rim-shade);`}
-          </code>
+        <div className="glass-scene flex flex-wrap gap-3 rounded-xl p-6">
+          <button
+            type="button"
+            className="glass-primary-interactive rounded-full px-5 py-2.5 text-body text-primary transition-colors"
+          >
+            glass-primary-interactive
+          </button>
+          <button
+            type="button"
+            className="glass-secondary-interactive rounded-full px-5 py-2.5 text-body text-primary transition-colors"
+          >
+            glass-secondary-interactive
+          </button>
         </div>
-        <Note>
-          CSS borders accept only solid colours, so every gradient-border
-          technique is a workaround. `border-image` takes a gradient but ignores
-          `border-radius`, which is fatal on a pill. The two-background
-          `background-clip` trick respects radius but needs an opaque inner
-          fill, so it bleeds across a translucent surface. Two inset shadows
-          respect radius, cost nothing, and work over translucency. The known
-          limit is that each shadow is one solid colour, so a corner transitions
-          in two discrete edges rather than a smooth sweep.
-        </Note>
       </Section>
 
-      <Note>
-        A glass hover changes opacity and never blur — re-blurring a large
-        surface every frame is expensive enough to feel. Glass surfaces use
-        their own `-glass-hover` rather than the shared `bg-hover`, which is a
-        neutral built to sit on an opaque surface.
-      </Note>
+      {GLASS ? (
+        <Section
+          title="The ramp"
+          description="Each step is the mode's own surface colour at an increasing opacity, which is what lets a hover move one step up instead of holding its own literal. Fills only — the rim is separate."
+        >
+          {/* One continuous strip rather than five separate swatches: the
+              subject is a progression, and gaps between cards let the backdrop
+              re-enter between them so each step is read against a different
+              part of the gradient instead of against its neighbours.
+              Deliberately not the shared `Swatch` — its hairline border reads
+              as the glass rim on a translucent fill. */}
+          <div className="glass-scene rounded-xl p-6">
+            <div className="flex overflow-hidden rounded-xl">
+              {GLASS.steps.map((step) => (
+                <div
+                  key={step.variable}
+                  className="blur-chrome flex min-w-0 flex-1 flex-col justify-end gap-1 px-3 py-4"
+                  style={{ background: `var(${step.variable})` }}
+                >
+                  <code className="truncate text-mono-sm text-primary">
+                    glass {step.step}
+                  </code>
+                  <span className="truncate text-body-sm text-tertiary">
+                    {step.job}
+                  </span>
+                </div>
+              ))}
+            </div>
+          </div>
+        </Section>
+      ) : null}
+
+      <Section
+        title="The rim"
+        description="Real glass catches light along one edge and falls away on the opposite one, so the rim is a directional pair sharing one fixed light direction. Two inset shadows rather than a border, because a CSS border cannot hold a gradient and keep its radius."
+      >
+        <div className="glass-scene rounded-xl p-6">
+          <div className="glass-primary rounded-xl px-5 py-4">
+            <code className="whitespace-pre text-mono-sm text-primary">
+              {`inset 0  1px 0 var(--rim-lit)\ninset 0 -1px 0 var(--rim-shade)`}
+            </code>
+          </div>
+        </div>
+      </Section>
     </>
   );
 }
diff --git a/desktop-new/src/features/design-system/ui/GrowthPage.tsx b/desktop-new/src/features/design-system/ui/GrowthPage.tsx
index 0bdb6150be..e19fb6a2b6 100644
--- a/desktop-new/src/features/design-system/ui/GrowthPage.tsx
+++ b/desktop-new/src/features/design-system/ui/GrowthPage.tsx
@@ -51,7 +51,7 @@ export function GrowthPage() {
         <ol className="flex flex-col gap-2 rounded-xl bg-inset px-5 py-4">
           {GROWTH_PROCEDURE.map((step, index) => (
             <li key={step} className="flex gap-3">
-              <span className="w-4 shrink-0 text-body text-accent">
+              <span className="w-4 shrink-0 text-body text-purple-12">
                 {index + 1}
               </span>
               <span className="text-body text-secondary">{step}</span>
@@ -68,7 +68,7 @@ export function GrowthPage() {
           {AUDIT.map(([check, action]) => (
             <div
               key={check}
-              className="flex flex-col gap-1 border-b border-tertiary py-3 last:border-b-0 sm:flex-row sm:gap-4"
+              className="flex flex-col gap-1 border-b border-primary py-3 last:border-b-0 sm:flex-row sm:gap-4"
             >
               <span className="flex-1 text-body-sm text-primary">{check}</span>
               <span className="flex-1 text-body-sm text-secondary">
diff --git a/desktop-new/src/features/design-system/ui/OverviewPage.tsx b/desktop-new/src/features/design-system/ui/OverviewPage.tsx
index addf5bef11..41199c59b4 100644
--- a/desktop-new/src/features/design-system/ui/OverviewPage.tsx
+++ b/desktop-new/src/features/design-system/ui/OverviewPage.tsx
@@ -7,8 +7,8 @@ import { PageHeader, Section } from "./primitives";
 const LAYERS: Array<[string, string, string]> = [
   ["Layer 0", "a hue", "a theme package, or a person's preference"],
   ["Layer 1", "--accent-1…12   --neutral-1…12   --glass-1…5", "private ramps"],
-  ["Layer 2", "--bg-accent: var(--accent-9)", "public roles, point at steps"],
-  ["Layer 3", "bg-accent", "components, roles only"],
+  ["Layer 2", "--bg-purple-9: var(--accent-9)", "public roles, point at steps"],
+  ["Layer 3", "bg-purple-9", "components, roles only"],
 ];
 
 export function OverviewPage() {
@@ -39,12 +39,12 @@ export function OverviewPage() {
       </Section>
 
       <Section title="The grammar">
-        <div className="rounded-lg bg-inverse px-5 py-4">
-          <code className="text-body text-on-inverse">{GRAMMAR}</code>
+        <div className="rounded-lg bg-neutral-11 px-5 py-4">
+          <code className="text-body text-neutral-1">{GRAMMAR}</code>
         </div>
         <p className="text-body-sm text-secondary">
           The order is fixed, so there is one correct spelling. See{" "}
-          <Link to="/design/vocabulary" className="text-accent underline">
+          <Link to="/design/vocabulary" className="text-purple-12 underline">
             the vocabulary
           </Link>{" "}
           for every word a token can be built from.
@@ -58,25 +58,25 @@ export function OverviewPage() {
         <div className="flex flex-wrap gap-2">
           <Link
             to="/design/color"
-            className="rounded-lg bg-accent px-4 py-2 text-body text-on-accent transition-opacity hover:opacity-90"
+            className="rounded-lg bg-purple-9 px-4 py-2 text-body text-on-accent transition-opacity hover:opacity-90"
           >
             Color
           </Link>
           <Link
             to="/design/typography"
-            className="rounded-lg bg-inset px-4 py-2 text-body text-secondary transition-colors hover:bg-hover hover:text-primary"
+            className="rounded-lg bg-inset px-4 py-2 text-body text-secondary transition-colors hover:bg-neutral-4 hover:text-primary"
           >
             Typography
           </Link>
           <Link
             to="/design/glass"
-            className="rounded-lg bg-inset px-4 py-2 text-body text-secondary transition-colors hover:bg-hover hover:text-primary"
+            className="rounded-lg bg-inset px-4 py-2 text-body text-secondary transition-colors hover:bg-neutral-4 hover:text-primary"
           >
             Glass
           </Link>
           <Link
             to="/design/growth"
-            className="rounded-lg bg-inset px-4 py-2 text-body text-secondary transition-colors hover:bg-hover hover:text-primary"
+            className="rounded-lg bg-inset px-4 py-2 text-body text-secondary transition-colors hover:bg-neutral-4 hover:text-primary"
           >
             Growing the system
           </Link>
diff --git a/desktop-new/src/features/design-system/ui/TypographyPage.tsx b/desktop-new/src/features/design-system/ui/TypographyPage.tsx
index fffbee4444..2aa28542d5 100644
--- a/desktop-new/src/features/design-system/ui/TypographyPage.tsx
+++ b/desktop-new/src/features/design-system/ui/TypographyPage.tsx
@@ -21,7 +21,7 @@ function RoleSpecimen({ role }: { role: TypeRole }) {
         {role.mono ? "createChannel(name, members)" : "Bring your agents in"}
       </p>
       <div className="flex flex-wrap items-baseline gap-x-3 gap-y-1">
-        <code className="text-mono text-accent">{role.token}</code>
+        <code className="text-mono text-purple-12">{role.token}</code>
         <span className="text-body-sm text-tertiary">{role.pointsAt}</span>
         <span className="text-body-sm text-tertiary">
           {role.size} / {role.lineHeight} / {role.tracking} / {role.weight}
@@ -54,7 +54,7 @@ export function TypographyPage() {
               >
                 {family.name}
               </p>
-              <code className="text-mono text-accent">{family.token}</code>
+              <code className="text-mono text-purple-12">{family.token}</code>
               <p className="max-w-xl text-body-sm text-secondary">
                 {family.use}
               </p>
diff --git a/desktop-new/src/features/design-system/ui/VocabularyPage.tsx b/desktop-new/src/features/design-system/ui/VocabularyPage.tsx
index dc3baeaad4..b458b63d13 100644
--- a/desktop-new/src/features/design-system/ui/VocabularyPage.tsx
+++ b/desktop-new/src/features/design-system/ui/VocabularyPage.tsx
@@ -19,7 +19,7 @@ export function VocabularyPage() {
           {VOCABULARY.map((group) => (
             <div
               key={group.group}
-              className="flex flex-wrap items-baseline gap-x-4 gap-y-1 border-b border-tertiary py-3 last:border-b-0"
+              className="flex flex-wrap items-baseline gap-x-4 gap-y-1 border-b border-primary py-3 last:border-b-0"
             >
               <span className="w-24 shrink-0 text-body text-tertiary">
                 {group.group}
@@ -43,26 +43,43 @@ export function VocabularyPage() {
         title="The grammar"
         description="A name reads property, then role, then modifier, then material, then state. The order is fixed, so an agent writing a hover for a glass surface produces the same name every time instead of two equally plausible ones."
       >
-        <div className="rounded-lg bg-inverse px-5 py-4">
-          <code className="text-body text-on-inverse">{GRAMMAR}</code>
+        <div className="rounded-lg bg-neutral-11 px-5 py-4">
+          <code className="text-body text-neutral-1">{GRAMMAR}</code>
         </div>
+        {/* Legal and illegal used to be a green panel and a red one, which was
+            this page borrowing status colour to mean "yes" and "no" — the exact
+            habit that grew twenty status roles nothing had designed. The
+            distinction is carried by the words and a ✓ / ✗, which also survives
+            being read by someone who cannot separate the two hues. */}
         <div className="flex flex-col gap-3 sm:flex-row">
-          <div className="flex-1 rounded-xl bg-success-tint px-5 py-4">
-            <p className="mb-1.5 text-body text-success">Legal</p>
-            {GRAMMAR_EXAMPLES.legal.map((example) => (
-              <code key={example} className="block text-body-sm text-success">
-                {example}
-              </code>
-            ))}
-          </div>
-          <div className="flex-1 rounded-xl bg-danger-tint px-5 py-4">
-            <p className="mb-1.5 text-body text-danger">Illegal</p>
-            {GRAMMAR_EXAMPLES.illegal.map((example) => (
-              <code key={example} className="block text-body-sm text-danger">
-                {example}
-              </code>
-            ))}
-          </div>
+          {(
+            [
+              { label: "Legal", mark: "✓", examples: GRAMMAR_EXAMPLES.legal },
+              {
+                label: "Illegal",
+                mark: "✗",
+                examples: GRAMMAR_EXAMPLES.illegal,
+              },
+            ] as const
+          ).map((group) => (
+            <div
+              key={group.label}
+              className="flex-1 rounded-xl bg-inset px-5 py-4"
+            >
+              <p className="mb-1.5 text-body text-primary">{group.label}</p>
+              {group.examples.map((example) => (
+                <code
+                  key={example}
+                  className="block text-body-sm text-secondary"
+                >
+                  <span aria-hidden="true" className="text-tertiary">
+                    {group.mark}{" "}
+                  </span>
+                  {example}
+                </code>
+              ))}
+            </div>
+          ))}
         </div>
       </Section>
 
diff --git a/desktop-new/src/features/design-system/ui/baseUiBackingSentence.test.ts b/desktop-new/src/features/design-system/ui/baseUiBackingSentence.test.ts
new file mode 100644
index 0000000000..11a4542971
--- /dev/null
+++ b/desktop-new/src/features/design-system/ui/baseUiBackingSentence.test.ts
@@ -0,0 +1,68 @@
+import { describe, expect, it } from "vitest";
+
+import { COMPONENTS } from "@/shared/ui/registry";
+
+import {
+  baseUiBackingSentence,
+  flattenSentence,
+} from "./baseUiBackingSentence";
+
+function sentenceFor(slug: string): string {
+  const component = COMPONENTS.find((candidate) => candidate.slug === slug);
+  if (!component) throw new Error(`No component ${slug}`);
+  return flattenSentence(
+    baseUiBackingSentence(component.slug, component.behavior),
+  );
+}
+
+describe("the Base UI backing sentence", () => {
+  it("names the part a component imports itself", () => {
+    expect(sentenceFor("button")).toBe("Built on Base UI Button.");
+    expect(sentenceFor("avatar")).toBe("Built on Base UI Avatar.");
+    expect(sentenceFor("tabs")).toBe("Built on Base UI Tabs.");
+  });
+
+  it("says where an indirect part enters, rather than claiming none", () => {
+    expect(sentenceFor("icon-button")).toBe(
+      "No Base UI part of its own. Inherits Base UI Button through Buzz Button.",
+    );
+    expect(sentenceFor("navigator-row")).toBe(
+      "No Base UI part of its own. Inherits Base UI Button through Buzz Button.",
+    );
+  });
+
+  it("reads as one sentence when a component has both", () => {
+    expect(sentenceFor("search-field")).toBe(
+      "Built on Base UI Field and Input. Also inherits Base UI Button through Buzz Button.",
+    );
+  });
+
+  it("says what a component is instead when it has no part at all", () => {
+    expect(sentenceFor("panel-header")).toBe(
+      "No Base UI part. Semantic native header.",
+    );
+    expect(sentenceFor("inline-chip")).toBe(
+      "No Base UI part. Semantic native button or image role.",
+    );
+  });
+
+  it("gives every component a sentence that ends and never doubles a full stop", () => {
+    for (const component of COMPONENTS) {
+      const sentence = sentenceFor(component.slug);
+      expect(sentence, component.slug).not.toBe("");
+      expect(sentence.endsWith("."), component.slug).toBe(true);
+      expect(sentence, component.slug).not.toContain("..");
+      // A stray double space is the tell that a segment joined without its
+      // separator; the sentence is assembled from parts, so check it reads.
+      expect(sentence, component.slug).not.toContain("  ");
+    }
+  });
+
+  it("links every part it names", () => {
+    const segments = baseUiBackingSentence("search-field", "unused");
+    const linked = segments
+      .filter((segment) => segment.kind === "part")
+      .map((segment) => (segment.kind === "part" ? segment.part.name : ""));
+    expect(linked).toEqual(["Field", "Input", "Button"]);
+  });
+});
diff --git a/desktop-new/src/features/design-system/ui/baseUiBackingSentence.ts b/desktop-new/src/features/design-system/ui/baseUiBackingSentence.ts
new file mode 100644
index 0000000000..054e382ce5
--- /dev/null
+++ b/desktop-new/src/features/design-system/ui/baseUiBackingSentence.ts
@@ -0,0 +1,80 @@
+import { type BaseUiPart, resolveBaseUiBacking } from "@/shared/ui/registry";
+
+/**
+ * The sentence under a component's title, as segments rather than as markup.
+ *
+ * Split out from the component so the phrasing is testable without a DOM: the
+ * component renders these segments and nothing else, so a test asserting the
+ * flattened text is asserting what the page actually says. Building the string
+ * and the markup separately would let the two drift, which is the failure this
+ * shape exists to prevent.
+ */
+export type SentenceSegment =
+  | { kind: "text"; value: string }
+  | { kind: "part"; part: BaseUiPart };
+
+function text(value: string): SentenceSegment {
+  return { kind: "text", value };
+}
+
+function part(value: BaseUiPart): SentenceSegment {
+  return { kind: "part", part: value };
+}
+
+/** "Field and Input", "Field, Input and Button" — a readable list, not commas. */
+function partList(parts: readonly BaseUiPart[]): SentenceSegment[] {
+  return parts.flatMap((value, index) => {
+    if (index === 0) return [part(value)];
+    const separator = index === parts.length - 1 ? " and " : ", ";
+    return [text(separator), part(value)];
+  });
+}
+
+/**
+ * Four answers, because there are four genuinely different situations:
+ *
+ *   own only        Built on Base UI Button.
+ *   inherited only  No Base UI part of its own. Inherits Base UI Button
+ *                   through Buzz Button.
+ *   both            Built on Base UI Field and Input. Also inherits Base UI
+ *                   Button through Buzz Button.
+ *   neither         No Base UI part. Semantic native header.
+ *
+ * The last says what the component *is* rather than trailing off after the
+ * dash — authoring its own markup is the decision, not a gap, and a sentence
+ * that only reports an absence reads like something is missing.
+ */
+export function baseUiBackingSentence(
+  slug: string,
+  behavior: string,
+): SentenceSegment[] {
+  const { own, inherited } = resolveBaseUiBacking(slug);
+
+  if (own.length === 0 && inherited.length === 0) {
+    return [text(`No Base UI part. ${behavior}.`)];
+  }
+
+  const segments: SentenceSegment[] =
+    own.length > 0
+      ? [text("Built on Base UI "), ...partList(own), text(".")]
+      : [text("No Base UI part of its own.")];
+
+  for (const entry of inherited) {
+    segments.push(
+      text(own.length > 0 ? " Also inherits Base UI " : " Inherits Base UI "),
+      part(entry.part),
+      text(` through Buzz ${entry.through}.`),
+    );
+  }
+
+  return segments;
+}
+
+/** The sentence as plain text — what a reader sees, links flattened. */
+export function flattenSentence(segments: readonly SentenceSegment[]): string {
+  return segments
+    .map((segment) =>
+      segment.kind === "text" ? segment.value : segment.part.name,
+    )
+    .join("");
+}
diff --git a/desktop-new/src/features/design-system/ui/componentSpecimens.tsx b/desktop-new/src/features/design-system/ui/componentSpecimens.tsx
index d95aa35dd4..60909c2609 100644
--- a/desktop-new/src/features/design-system/ui/componentSpecimens.tsx
+++ b/desktop-new/src/features/design-system/ui/componentSpecimens.tsx
@@ -15,8 +15,10 @@ import { NavigatorRow } from "@/shared/ui/NavigatorRow";
 import { NavigatorSection } from "@/shared/ui/NavigatorSection";
 import { PanelHeader } from "@/shared/ui/PanelHeader";
 import { SearchField } from "@/shared/ui/SearchField";
-import { SegmentedNavigation } from "@/shared/ui/SegmentedNavigation";
-import { WorkspaceSurface } from "@/shared/ui/WorkspaceSurface";
+import { Tabs } from "@/shared/ui/Tabs";
+
+import { ComponentAnatomy } from "./ComponentAnatomy";
+import { Panel } from "@/shared/ui/Panel";
 import type { ChipAddress } from "@/shared/chips/address";
 import { chipFaces } from "@/shared/chips/faceResolver";
 
@@ -60,30 +62,71 @@ function SpecimenGroup({
   );
 }
 
+/**
+ * One sample with the prop that produced it printed underneath.
+ *
+ * A row of four icon buttons is unreadable without this — they differ only by
+ * fill, so there is no way to tell which one is `solid` and which is `chrome`,
+ * and the page is documentation. The caption names the prop as you would type
+ * it (`variant="solid"`), not a prose paraphrase, so reading the page tells you
+ * what to write.
+ */
+function Specimen({
+  prop,
+  children,
+}: {
+  /** As typed in JSX, e.g. `variant="quiet"`. Omit for a default. */
+  prop?: string;
+  children: ReactNode;
+}) {
+  return (
+    <div className="component-specimen">
+      {children}
+      <code className="component-specimen-prop text-mono-sm text-tertiary">
+        {prop ?? "default"}
+      </code>
+    </div>
+  );
+}
+
 function ButtonSpecimen() {
   return (
     <div className="component-specimen-stack">
       <SpecimenGroup label="Variants">
         <div className="component-specimen-row">
-          <Button variant="primary">Primary</Button>
-          <Button variant="quiet">Quiet</Button>
-          <Button variant="ghost">Ghost</Button>
+          <Specimen prop='variant="primary"'>
+            <Button variant="primary">Save</Button>
+          </Specimen>
+          <Specimen prop='variant="quiet"'>
+            <Button variant="quiet">Save</Button>
+          </Specimen>
+          <Specimen prop='variant="ghost"'>
+            <Button variant="ghost">Save</Button>
+          </Specimen>
         </div>
       </SpecimenGroup>
       <SpecimenGroup label="Sizes">
         <div className="component-specimen-row">
-          <Button variant="quiet" size="compact">
-            Compact
-          </Button>
-          <Button variant="quiet">Default</Button>
+          <Specimen prop='size="compact"'>
+            <Button variant="quiet" size="compact">
+              Save
+            </Button>
+          </Specimen>
+          <Specimen prop='size="default"'>
+            <Button variant="quiet">Save</Button>
+          </Specimen>
         </div>
       </SpecimenGroup>
       <SpecimenGroup label="States">
         <div className="component-specimen-row">
-          <Button variant="primary">Enabled</Button>
-          <Button variant="quiet" disabled>
-            Disabled
-          </Button>
+          <Specimen>
+            <Button variant="primary">Save</Button>
+          </Specimen>
+          <Specimen prop="disabled">
+            <Button variant="quiet" disabled>
+              Save
+            </Button>
+          </Specimen>
         </div>
       </SpecimenGroup>
     </div>
@@ -97,50 +140,98 @@ function IconButtonSpecimen() {
   };
   return (
     <div className="component-specimen-stack">
+      {/* `chrome` sits on the app backdrop, because it is a translucent glass
+          fill — on a flat panel it has nothing to be translucent over and reads
+          as a plain grey. */}
       <SpecimenGroup label="Variants">
         <div className="component-specimen-row">
-          <IconButton aria-label="Quiet add" icon={icons.add} variant="quiet" />
-          <IconButton
-            aria-label="Ghost more"
-            icon={icons.more}
-            variant="ghost"
-          />
-          <IconButton aria-label="Solid add" icon={icons.add} variant="solid" />
-          <IconButton
-            aria-label="Chrome settings"
-            icon={icons.settings}
-            variant="chrome"
-          />
+          <Specimen prop='variant="quiet"'>
+            <IconButton
+              aria-label="Quiet add"
+              icon={icons.add}
+              variant="quiet"
+            />
+          </Specimen>
+          <Specimen prop='variant="ghost"'>
+            <IconButton
+              aria-label="Ghost more"
+              icon={icons.more}
+              variant="ghost"
+            />
+          </Specimen>
+          <Specimen prop='variant="solid"'>
+            <IconButton
+              aria-label="Solid add"
+              icon={icons.add}
+              variant="solid"
+            />
+          </Specimen>
         </div>
       </SpecimenGroup>
+      <section className="component-specimen-group">
+        <h2 className="text-body-sm text-tertiary">
+          Chrome, over the workspace backdrop
+        </h2>
+        <SpecimenFrame backdrop>
+          <div className="component-specimen-row">
+            <Specimen prop='variant="chrome"'>
+              <IconButton
+                aria-label="Chrome settings"
+                icon={icons.settings}
+                variant="chrome"
+              />
+            </Specimen>
+          </div>
+        </SpecimenFrame>
+      </section>
+      {/* Shown on `quiet`, not the default `ghost`: the three sizes differ only
+          in hit area (30 / 36 / 40px), and with no fill they render as three
+          identical 16px glyphs — the page would claim to show a size ramp while
+          showing nothing. A fill makes the box the sample. */}
       <SpecimenGroup label="Sizes">
         <div className="component-specimen-row">
-          <IconButton
-            aria-label="Compact settings"
-            icon={icons.settings}
-            size="compact"
-          />
-          <IconButton aria-label="Default settings" icon={icons.settings} />
-          <IconButton
-            aria-label="Large settings"
-            icon={icons.settings}
-            size="large"
-          />
+          <Specimen prop='size="compact"'>
+            <IconButton
+              aria-label="Compact settings"
+              icon={icons.settings}
+              variant="quiet"
+              size="compact"
+            />
+          </Specimen>
+          <Specimen prop='size="default"'>
+            <IconButton
+              aria-label="Default settings"
+              icon={icons.settings}
+              variant="quiet"
+            />
+          </Specimen>
+          <Specimen prop='size="large"'>
+            <IconButton
+              aria-label="Large settings"
+              icon={icons.settings}
+              variant="quiet"
+              size="large"
+            />
+          </Specimen>
         </div>
       </SpecimenGroup>
       <SpecimenGroup label="States">
         <div className="component-specimen-row">
-          <IconButton
-            aria-label="Enabled add"
-            icon={icons.add}
-            variant="quiet"
-          />
-          <IconButton
-            aria-label="Disabled add"
-            icon={icons.add}
-            variant="quiet"
-            disabled
-          />
+          <Specimen>
+            <IconButton
+              aria-label="Enabled add"
+              icon={icons.add}
+              variant="quiet"
+            />
+          </Specimen>
+          <Specimen prop="disabled">
+            <IconButton
+              aria-label="Disabled add"
+              icon={icons.add}
+              variant="quiet"
+              disabled
+            />
+          </Specimen>
         </div>
       </SpecimenGroup>
     </div>
@@ -151,68 +242,145 @@ function AvatarSpecimen() {
     <div className="component-specimen-stack">
       <SpecimenGroup label="Sizes">
         <div className="component-specimen-row">
-          <Avatar
-            src="/design-system/morgan.png"
-            alt="Morgan Martin"
-            fallback="Morgan"
-            size="small"
-          />
-          <Avatar
-            src="/design-system/morgan.png"
-            alt="Morgan Martin"
-            fallback="Morgan"
-          />
-          <Avatar
-            src="/design-system/morgan.png"
-            alt="Morgan Martin"
-            fallback="Morgan"
-            size="large"
-          />
+          <Specimen prop='size="small"'>
+            <Avatar
+              src="/design-system/morgan.png"
+              alt="Morgan Martin"
+              fallback="Morgan"
+              size="small"
+            />
+          </Specimen>
+          <Specimen prop='size="default"'>
+            <Avatar
+              src="/design-system/morgan.png"
+              alt="Morgan Martin"
+              fallback="Morgan"
+            />
+          </Specimen>
+          <Specimen prop='size="large"'>
+            <Avatar
+              src="/design-system/morgan.png"
+              alt="Morgan Martin"
+              fallback="Morgan"
+              size="large"
+            />
+          </Specimen>
         </div>
       </SpecimenGroup>
-      <SpecimenGroup label="Fallback">
+      {/* No `src`, so the fallback initial shows. Same three sizes, because a
+          fallback has to hold the ramp as well as an image does. */}
+      <SpecimenGroup label="Fallback, with no src">
         <div className="component-specimen-row">
-          <Avatar alt="Cynthia Chen" fallback="Cynthia" size="small" />
-          <Avatar alt="Cynthia Chen" fallback="Cynthia" />
-          <Avatar alt="Cynthia Chen" fallback="Cynthia" size="large" />
+          <Specimen prop='size="small"'>
+            <Avatar alt="Cynthia Chen" fallback="Cynthia" size="small" />
+          </Specimen>
+          <Specimen prop='size="default"'>
+            <Avatar alt="Cynthia Chen" fallback="Cynthia" />
+          </Specimen>
+          <Specimen prop='size="large"'>
+            <Avatar alt="Cynthia Chen" fallback="Cynthia" size="large" />
+          </Specimen>
         </div>
       </SpecimenGroup>
     </div>
   );
 }
-function WorkspaceSurfaceSpecimen() {
+function PanelSpecimen() {
   return (
     <div className="component-specimen-stack">
-      <SpecimenGroup label="Panel">
+      <SpecimenGroup label='variant="panel" — the default, rounded on every edge'>
         <div className="component-single-surface-demo">
-          <WorkspaceSurface aria-label="Standalone panel example">
+          <Panel aria-label="Standalone panel example">
             <PanelHeader variant="compact" title="Standalone panel" />
-          </WorkspaceSurface>
+          </Panel>
         </div>
       </SpecimenGroup>
-      <SpecimenGroup label="Connected edges">
+      {/* The connected pair reads only side by side: each variant squares off
+          the edge it meets so the seam between them is a single line. */}
+      <SpecimenGroup label='variant="connected-right" and variant="connected-left"'>
         <div className="component-surface-demo">
-          <WorkspaceSurface
+          <Panel
             as="aside"
             variant="connected-right"
             aria-label="Right-connected surface example"
           >
             <PanelHeader variant="compact" title="Navigator" />
-          </WorkspaceSurface>
-          <WorkspaceSurface
+          </Panel>
+          <Panel
             variant="connected-left"
             aria-label="Left-connected surface example"
           >
             <PanelHeader variant="compact" title="Conversation" />
-          </WorkspaceSurface>
+          </Panel>
         </div>
       </SpecimenGroup>
     </div>
   );
 }
 
-function SegmentedNavigationSpecimen() {
+/**
+ * The parts of Tabs, per variant.
+ *
+ * Two lists rather than one, because the interesting fact is that the *same*
+ * parts are drawn differently — the container and the tab carry no fill at all
+ * in `panel`, and the indicator changes from a pill to a bar.
+ */
+const TABS_CHROME_PARTS = [
+  {
+    name: "Container",
+    selector: ".buzz-tabs",
+    show: ["background", "shadow", "blur", "radius"],
+    note: "The glass material: fill, blur, and rim arrive together as glass-primary.",
+  },
+  {
+    name: "Selection",
+    selector: ".buzz-tabs-indicator",
+    show: ["background", "shadow", "radius"],
+    note: "An opaque pill behind the selected tab. Opaque because on glass, elevation reads as less translucency.",
+  },
+  {
+    name: "Selected tab",
+    selector: ".buzz-tabs-tab[data-selected]",
+    show: ["color", "background"],
+    note: "Draws no fill of its own — the pill behind it is the selection.",
+  },
+  {
+    name: "Unselected tab",
+    selector: ".buzz-tabs-tab:not([data-selected])",
+    show: ["color", "background"],
+  },
+] as const;
+
+const TABS_PANEL_PARTS = [
+  {
+    name: "Container",
+    selector: ".buzz-tabs",
+    show: ["background", "shadow", "blur", "radius"],
+    note: "Nothing drawn. On a panel the tabs are text and the bar is the only mark.",
+  },
+  {
+    name: "Selection",
+    selector: ".buzz-tabs-indicator",
+    show: ["background", "radius"],
+    note: "A 2px bar on the bottom edge, spanning the selected tab.",
+  },
+  {
+    name: "Selected tab",
+    selector: ".buzz-tabs-tab[data-selected]",
+    show: ["color", "background"],
+    note: "Same size as unselected — selection is colour and the bar, never weight, which would reflow the row.",
+  },
+  {
+    name: "Unselected tab",
+    selector: ".buzz-tabs-tab:not([data-selected])",
+    show: ["color", "background"],
+  },
+] as const;
+
+function TabsSpecimen() {
   const [destination, setDestination] = useState<Destination>("messages");
+  const [panelDestination, setPanelDestination] =
+    useState<Destination>("messages");
   const [iconDestination, setIconDestination] = useState<Destination>("home");
   const iconItems = DESTINATIONS.map((item) => ({
     ...item,
@@ -221,22 +389,56 @@ function SegmentedNavigationSpecimen() {
   return (
     <div className="component-specimen-stack">
       <section className="component-specimen-group">
-        <h2 className="text-body-sm text-tertiary">Labels</h2>
+        <h2 className="text-body-sm text-tertiary">
+          Chrome — a glass pill, for the app backdrop
+        </h2>
         <SpecimenFrame backdrop>
-          <SegmentedNavigation
-            value={destination}
-            items={DESTINATIONS}
-            label="Prototype destinations"
-            onValueChange={setDestination}
-          />
+          <div data-anatomy="tabs-chrome">
+            <Tabs
+              value={destination}
+              items={DESTINATIONS}
+              label="Prototype destinations"
+              onValueChange={setDestination}
+            />
+          </div>
         </SpecimenFrame>
+        <ComponentAnatomy
+          scope='[data-anatomy="tabs-chrome"]'
+          caption="Which token draws each part of the chrome variant, read from the specimen above."
+          parts={TABS_CHROME_PARTS}
+        />
+      </section>
+      {/* On a panel rather than the backdrop, because that is the whole point of
+          the variant — and because this specimen showing only the chrome version
+          on only the gradient is why the panel failure went unnoticed until it
+          appeared on a real page. */}
+      <section className="component-specimen-group">
+        <h2 className="text-body-sm text-tertiary">
+          Panel — an underline, for a plain surface
+        </h2>
+        <SpecimenFrame>
+          <div data-anatomy="tabs-panel">
+            <Tabs
+              value={panelDestination}
+              items={DESTINATIONS}
+              label="Prototype destinations on a panel"
+              onValueChange={setPanelDestination}
+              variant="panel"
+            />
+          </div>
+        </SpecimenFrame>
+        <ComponentAnatomy
+          scope='[data-anatomy="tabs-panel"]'
+          caption="The same parts in the panel variant. The container and the tab draw nothing at all, which is what makes this legible on a plain surface: there is no second fill to collide with the first."
+          parts={TABS_PANEL_PARTS}
+        />
       </section>
       <section className="component-specimen-group">
         <h2 className="text-body-sm text-tertiary">
-          Icons and trailing action
+          Chrome, with icons and a trailing action outside the selection
         </h2>
         <SpecimenFrame backdrop>
-          <SegmentedNavigation
+          <Tabs
             value={iconDestination}
             items={iconItems}
             label="Prototype destinations with icons"
@@ -265,8 +467,8 @@ function PanelHeaderSpecimen() {
   );
   return (
     <div className="component-specimen-stack">
-      <SpecimenGroup label="Default">
-        <WorkspaceSurface aria-label="Default panel header example">
+      <SpecimenGroup label='variant="default" — with icon and actions'>
+        <Panel aria-label="Default panel header example">
           <PanelHeader
             title="Conversation"
             icon={
@@ -274,12 +476,12 @@ function PanelHeaderSpecimen() {
             }
             actions={actions}
           />
-        </WorkspaceSurface>
+        </Panel>
       </SpecimenGroup>
-      <SpecimenGroup label="Compact">
-        <WorkspaceSurface aria-label="Compact panel header example">
+      <SpecimenGroup label='variant="compact" — shorter, for a nested panel'>
+        <Panel aria-label="Compact panel header example">
           <PanelHeader variant="compact" title="Thread" actions={actions} />
-        </WorkspaceSurface>
+        </Panel>
       </SpecimenGroup>
     </div>
   );
@@ -290,7 +492,7 @@ function SearchFieldSpecimen() {
   const [filledQuery, setFilledQuery] = useState("design");
   return (
     <div className="component-specimen-stack">
-      <SpecimenGroup label="Empty">
+      <SpecimenGroup label='value="" — the clear action is absent'>
         <div className="component-field-demo">
           <SearchField
             value={emptyQuery}
@@ -300,7 +502,7 @@ function SearchFieldSpecimen() {
           />
         </div>
       </SpecimenGroup>
-      <SpecimenGroup label="Filled and clearable">
+      <SpecimenGroup label='value="design" — the clear action appears'>
         <div className="component-field-demo">
           <SearchField
             value={filledQuery}
@@ -317,7 +519,7 @@ function SearchFieldSpecimen() {
 function NavigatorSectionSpecimen() {
   return (
     <div className="component-specimen-stack">
-      <SpecimenGroup label="With rows">
+      <SpecimenGroup label='label="Pinned", with rows as children'>
         <div className="component-navigator-section-demo">
           <NavigatorSection label="Pinned">
             <NavigatorRow
@@ -331,7 +533,7 @@ function NavigatorSectionSpecimen() {
           </NavigatorSection>
         </div>
       </SpecimenGroup>
-      <SpecimenGroup label="Adjacent sections">
+      <SpecimenGroup label="Two sections adjacent — the gap between them is the grouping">
         <div className="component-navigator-section-demo">
           <NavigatorSection label="Projects">
             <NavigatorRow label="berd-main" />
@@ -349,7 +551,9 @@ function NavigatorRowSpecimen() {
   const [selected, setSelected] = useState("buzz-design");
   return (
     <div className="component-specimen-stack">
-      <SpecimenGroup label="Default, selected, and metadata">
+      {/* Interactive: clicking moves `selected`, so the selected fill and the
+          unselected rest state are both visible at once and comparable. */}
+      <SpecimenGroup label="Selected, and trailing for metadata — click to move the selection">
         <div className="component-navigator-section-demo">
           <NavigatorRow
             label="buzz-design"
@@ -366,7 +570,7 @@ function NavigatorRowSpecimen() {
           />
         </div>
       </SpecimenGroup>
-      <SpecimenGroup label="Inset">
+      <SpecimenGroup label="Inset — one level of nesting under a row">
         <div className="component-navigator-section-demo">
           <NavigatorRow
             label="Session interaction model"
@@ -449,14 +653,14 @@ function InlineChipSpecimen() {
   return (
     <div className="component-specimen-stack">
       <SpecimenGroup label="Kinds">
-        <div className="flex flex-col gap-3">
+        {/* Caption under the sample, not in a fixed-width column beside it: a
+            label column wide enough for `kind: "channel"` left the link chip
+            nowhere to truncate and pushed it off a 380px viewport. */}
+        <div className="component-specimen-row">
           {CHIP_KIND_ROWS.map((row) => (
-            <div key={row.label} className="flex items-baseline gap-3">
-              <span className="w-16 shrink-0 text-body-sm text-tertiary">
-                {row.label}
-              </span>
+            <Specimen key={row.label} prop={`kind: "${row.address.kind}"`}>
               <InlineChip address={row.address} />
-            </div>
+            </Specimen>
           ))}
         </div>
       </SpecimenGroup>
@@ -526,8 +730,8 @@ export const COMPONENT_SPECIMENS: Record<string, () => ReactNode> = {
   "icon-button": IconButtonSpecimen,
   avatar: AvatarSpecimen,
   "inline-chip": InlineChipSpecimen,
-  "workspace-surface": WorkspaceSurfaceSpecimen,
-  "segmented-navigation": SegmentedNavigationSpecimen,
+  panel: PanelSpecimen,
+  tabs: TabsSpecimen,
   "panel-header": PanelHeaderSpecimen,
   "search-field": SearchFieldSpecimen,
   "navigator-section": NavigatorSectionSpecimen,
diff --git a/desktop-new/src/features/design-system/ui/primitives.tsx b/desktop-new/src/features/design-system/ui/primitives.tsx
index 326e950fd9..c9478a3d50 100644
--- a/desktop-new/src/features/design-system/ui/primitives.tsx
+++ b/desktop-new/src/features/design-system/ui/primitives.tsx
@@ -8,7 +8,7 @@ import type { ReactNode } from "react";
  * Surface convention on these pages: a region is separated by a soft fill, not
  * by an outline. Reach for `bg-inset` before reaching for a border; use a
  * hairline only where a genuine boundary is needed, and never above
- * `border-secondary`. See DESIGN.md § Surface and depth.
+ * `border-primary`. See DESIGN.md § Surface and depth.
  */
 
 export function PageHeader({
@@ -31,9 +31,16 @@ export function PageHeader({
   );
 }
 
+/**
+ * Marks a token as `proposed` on the /design pages.
+ *
+ * Amber, until the status roles it borrowed were deleted as undesigned. It is
+ * the accent now, which is arguably more honest: "proposed" is a note about
+ * this system, not a warning about the interface.
+ */
 export function StatusPill({ children }: { children: ReactNode }) {
   return (
-    <span className="rounded-full bg-warning-tint px-2.5 py-1 text-body-sm text-warning">
+    <span className="rounded-full bg-purple-3 px-2.5 py-1 text-body-sm text-purple-12">
       {children}
     </span>
   );
@@ -102,7 +109,7 @@ export function Rows({ children }: { children: ReactNode }) {
 
 export function Row({ children }: { children: ReactNode }) {
   return (
-    <div className="border-tertiary border-b py-3 last:border-b-0">
+    <div className="border-primary border-b py-3 last:border-b-0">
       {children}
     </div>
   );
@@ -136,7 +143,7 @@ export function Swatch({
   return (
     <div className="flex min-w-0 flex-col gap-2">
       <div
-        className={`h-16 rounded-lg border-tertiary border ${
+        className={`h-16 rounded-lg border-primary border ${
           translucent ? "blur-chrome" : ""
         }`}
         style={{ background: `var(${variable})` }}
diff --git a/desktop-new/src/shared/styles/design-components.css b/desktop-new/src/shared/styles/design-components.css
index ac75ce729b..785da7169f 100644
--- a/desktop-new/src/shared/styles/design-components.css
+++ b/desktop-new/src/shared/styles/design-components.css
@@ -1,5 +1,8 @@
 @layer components {
   .component-page-heading {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-2);
     margin-bottom: var(--space-6);
   }
 
@@ -11,6 +14,7 @@
 
   .component-specimen-group {
     display: flex;
+    min-width: 0;
     flex-direction: column;
     gap: var(--space-2);
   }
@@ -19,24 +23,76 @@
     margin: 0;
   }
 
+  /* The live specimen, and it must read as a separate thing from the prose
+     around it.
+
+     **It has a border because its fill cannot do that job.** The frame was
+     `bg-panel` on a page that is also `bg-panel` — white on white in light mode,
+     with no border and no shadow — so every plain specimen on every component
+     page had an invisible container. A reader could not tell where the
+     documentation stopped and the running component began, and the padding then
+     looked like the component's own indent rather than the frame's inset. The
+     gradient variant below was the only one that ever read as a container, which
+     is why the problem hid: the pages that used it looked correct.
+
+     A hairline rather than a tinted fill, because the specimen must show the
+     component against the surface it is designed for. Tinting the frame would
+     change what is being judged. */
   .component-specimen-frame {
     display: flex;
+    min-width: 0;
     min-height: 7rem;
     align-items: center;
+    /* A specimen wider than the viewport scrolls inside its own frame rather
+       than pushing the page sideways. Chrome tabs with icons and a trailing
+       action are 377px of unshrinkable inline-flex, so at a narrow width
+       something has to give — and a horizontally scrolling documentation page is
+       worse than a specimen you swipe. */
+    overflow-x: auto;
     padding: var(--space-6);
+    /* `neutral-6` rather than `border-primary` (neutral-4). This boundary has to
+       survive in both modes, and neutral-4 measured 1.23:1 against the light page
+       and 1.08:1 against the dark one — technically drawn, effectively invisible
+       in dark. neutral-6 is 1.41 and 1.35. Still a hairline, which is the point:
+       it separates the specimen without competing with what is inside it.
+
+       Written as a ramp step because the product's one border weight is for
+       product boundaries; the /design pages' own furniture is documentation
+       chrome and may be tuned for legibility on its own terms. */
+    border: 1px solid var(--neutral-6);
     border-radius: var(--radius-panel);
     background: var(--bg-panel);
   }
 
+  /* Chrome components are judged on the app backdrop, which is a container in
+     its own right — the gradient already separates it from the page, so it
+     carries no border. */
   .component-specimen-frame[data-backdrop] {
+    border-color: transparent;
     background: var(--bg-app);
   }
 
   .component-specimen-row {
     display: flex;
     flex-wrap: wrap;
+    align-items: flex-start;
+    gap: var(--space-4);
+  }
+
+  /* A sample and the prop that produced it, as one unit — so the caption stays
+     with its sample when the row wraps. Centred on the sample rather than
+     left-aligned: an icon button is narrower than `variant="chrome"`, and a
+     caption hanging off one edge reads as belonging to its neighbour. */
+  .component-specimen {
+    display: flex;
+    min-width: 0;
+    flex-direction: column;
     align-items: center;
-    gap: var(--space-3);
+    gap: var(--space-2);
+  }
+
+  .component-specimen-prop {
+    white-space: nowrap;
   }
 
   .component-single-surface-demo {
@@ -46,7 +102,7 @@
     background: var(--bg-app);
   }
 
-  .component-single-surface-demo .workspace-surface {
+  .component-single-surface-demo .panel {
     height: 100%;
   }
 
@@ -63,21 +119,20 @@
     background: var(--bg-app);
   }
 
-  .component-surface-demo .workspace-surface {
+  .component-surface-demo .panel {
     height: 100%;
   }
 
-  .workspace-surface[data-variant="navigator-demo"] {
+  .panel[data-variant="navigator-demo"] {
     width: min(100%, var(--size-navigator));
     padding: var(--space-2);
-    background: var(--bg-panel);
   }
 
   .component-navigator-search {
     margin-bottom: var(--space-4);
   }
 
-  .workspace-surface[data-variant="navigator-demo"]
+  .panel[data-variant="navigator-demo"]
     .navigator-section
     + .navigator-section {
     margin-top: var(--space-4);
@@ -107,9 +162,13 @@
     gap: var(--space-3);
   }
 
+  /* The same boundary as a specimen frame, for the same reason: this is a live
+     thumbnail on a page the same colour as itself. Its inner frames drop their
+     own border so the card reads as one container rather than a box in a box. */
   .component-overview-preview {
     height: 13rem;
     overflow: hidden;
+    border: 1px solid var(--neutral-6);
     border-radius: var(--radius-panel);
     background: var(--bg-panel);
   }
@@ -122,6 +181,7 @@
 
   .component-overview-preview .component-specimen-frame {
     min-height: 8rem;
+    border-color: transparent;
   }
 
   .component-overview-item > a {
@@ -130,7 +190,7 @@
   }
 
   .component-overview-item > a:hover {
-    color: var(--text-accent);
+    color: var(--purple-12);
   }
 
   .component-radius-demo {
@@ -146,10 +206,17 @@
     width: 8rem;
     height: 5rem;
     place-items: center;
-    border: 1px solid var(--border-tertiary);
+    border: 1px solid var(--border-primary);
     box-shadow: var(--shadow-xs);
   }
 
+  /* The glass specimen uses the shipped default backdrop choice. `bg-app`
+   * resolves through gradient-1, preserving the Sky field / Night garden pair
+   * when the documentation mode changes. */
+  .glass-scene {
+    background: var(--bg-app);
+  }
+
   @media (max-width: 48rem) {
     .component-overview-grid,
     .component-surface-demo {

From 41fe22853a40019d68c5b8cfeafb8346781dc05d Mon Sep 17 00:00:00 2001
From: morgmart <98432065+morgmart@users.noreply.github.com>
Date: Mon, 7 Sep 2026 16:01:17 -0700
Subject: [PATCH 23/33] desktop-new: split the design reasoning out of
 AGENTS.md
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

AGENTS.md held two stale copies of the colour system — one section said two
layers, another said three and listed an `--accent-1…12` ramp that only exists in
a comment explaining its removal. Documenting one subject twice in one file is how
that happened, so the duplicates are deleted rather than reconciled: DESIGN.md
holds what to do and why, AGENTS.md holds what this is, how to run it, and what
will fail you.

DESIGN.md gains the colour structure it was missing, rewritten around the reversal
in this branch — build from the ramps, and a role exists only when a step cannot
express it. The three cases where a name is earned are stated explicitly, since
`check-color` now enforces two of them. The step-to-role table survives as
guidance for which step to reach for; it is no longer a generator, which is what
it was when it produced twenty status roles nobody had designed.

Both files also record what is deliberately unresolved: contrast on glass, where
the guard measures opaque surfaces only and a translucent surface's real
background is the fill composited over a gradient that changes across the screen.
Measured, dark mode's brightest glass region puts `text-secondary` at Lc 58 and
`text-tertiary` at Lc 43 against targets of 60 and 45. Three candidate fixes are
listed and none is chosen, because it wants real content on screen rather than a
token edit.

Signed-off-by: Morgan Martin <morganmartin@squareup.com>
Signed-off-by: morgmart <98432065+morgmart@users.noreply.github.com>
---
 desktop-new/AGENTS.md | 380 +++++++++++++++++++++++-------------------
 desktop-new/DESIGN.md | 209 ++++++++++++++++++++++-
 2 files changed, 411 insertions(+), 178 deletions(-)

diff --git a/desktop-new/AGENTS.md b/desktop-new/AGENTS.md
index b47cb7975e..1a8a8cadf7 100644
--- a/desktop-new/AGENTS.md
+++ b/desktop-new/AGENTS.md
@@ -39,78 +39,73 @@ pnpm check:color    # the colour-system guard alone
 pnpm biome check --write .   # auto-fix
 ```
 
-`scripts/check-type.mjs` enforces four things the type system cannot express as
-a token: no arbitrary text sizes (px **or** rem), no `uppercase`, no
-hand-applied `tracking-*`, and no font weight outside 400 and 600. Each one is a
-defect the existing client already paid for.
+## The guards
 
-**Weight is two values, not a ramp.** 400 is content, 600 is structure and
-emphasis, and `font-semibold` is what bold means here. Bold body text is
-`text-body font-semibold` — composed, because the size is the paragraph's
-decision and the weight is the phrase's. 500 does not read as intent at body
-size; 700 is louder than anything here needs. State (selected, active, unread)
-is said with colour, a fill, or a dot — never weight.
+Three scripts, run by `pnpm check`. They read your files as text and look for a
+short list of specific mistakes. Nothing depends on them — the app builds and
+runs identically without them. They exist because **an agent has no basis for
+choosing between two plausible values and will otherwise pick either**, which is
+how two labels that should match end up different.
 
-Every rule has a named escape hatch in `OVERRIDES`, keyed `path:matchedText`
-with a reason. **Adding one is a normal edit.** The guard exists because an
-agent has no basis for preferring `font-medium` to `font-semibold` and will
-otherwise pick either; it is not there to stop a designer who has looked at the
-screen. Stale overrides are reported so the list cannot rot.
+| Script | Rejects | Why it exists |
+|---|---|---|
+| `check-type.mjs` | arbitrary text sizes (px **or** rem), `uppercase`, hand-applied `tracking-*`, any font weight but 400/600 | Each one is a defect the existing client already shipped. A px size freezes against keyboard zoom. |
+| `check-contrast.mjs` | any text role that fails its **APCA** target (Lc 60 body, Lc 45 meta) on a surface it can sit on, in either mode | Every role against every surface it can reach, in both modes, is more pairings than anyone checks by hand — and the old WCAG 2 ratio disagrees with the eye on dark greys. |
+| `check-color.mjs` | opacity used to reach a subtler colour, `color-mix()`, alpha `rgb()`/`hsl()`, a glass fill used without its material, and **a new semantic role that is the same ramp step in both modes** | A faded colour has no name, no light/dark pair, and nothing measurable. The role check is the one that keeps the layer from regrowing: it states which class to write instead. |
 
-`scripts/check-contrast.mjs` measures every text role against every surface it
-can sit on, in both modes, and fails the build below its **APCA** target (Lc 60
-body, Lc 45 meta). It parses `tokens.css` rather than a copied list of values,
-so it cannot drift from the tokens it audits. Buzz judges contrast with APCA,
-not the WCAG 2 ratio — see DESIGN.md § Contrast for the evidence, and note the
-consequence: a pairing can pass WCAG AA and still fail here, which is the point.
-`#8f8f8f` on `#1c1c1c` scores WCAG 5.27:1 and APCA Lc 40.
+`pnpm test` adds one more, and it is the one to understand before adding a check
+of your own. `src/shared/tokens/registry.test.ts` asserts that **every token the
+/design pages document actually exists**, and that **no text or border role
+registers under Tailwind's shared `--color-*` namespace.** Both bind a
+documentation claim to the stylesheet, because both had already broken:
+`bg-float-glass` was described, swatched, and never declared, and `text-danger`
+resolved to the saturated fill instead of the text step — shipping error text at
+APCA Lc 34 while `check-contrast` passed, because it measured a token no class
+could reach. **A guard that measures something the browser never resolves is
+worse than no guard.** DESIGN.md § Text and borders register in their own
+namespaces has the full account.
 
-`scripts/check-color.mjs` enforces one rule: **opacity is not how you reach a
-subtler colour.** It rejects an opacity modifier on a colour utility
-(`bg-accent-tint/50`), `color-mix()` and alpha `rgb()`/`hsl()` in component
-code, and any component reaching past the role layer to a palette or family
-token. It exists because of a real near-miss: the accent tint was right in light
-mode and oversaturated in dark, and the obvious fix was `purple-950/50`. That
-value is *correct* — it composites to almost exactly the palette step now in
-use — but as an expression in a component it has no name, no light/dark pair,
-and nothing the contrast guard can measure. A missing shade is a missing palette
-step. Genuine translucency is a separate axis with its own tokens (`glass-*`),
-and the token file is the one place alpha is legitimately baked into a value.
+Each script's error message states the rule and the fix, so the reasoning lives
+next to the code that enforces it. The design arguments behind them are in
+DESIGN.md — § Type, § Contrast, § Colour discipline.
+
+`pnpm census` is the fourth tool and the only one that never fails anything. It
+lists every colour role with its readers — `var(--x)` and the Tailwind class
+alike, docs counted separately from product code. Run it before adding a role, and
+before arguing that one is dead.
+
+**Every rule has a named escape hatch, and using it is a normal edit.** Add an
+entry to `OVERRIDES` (or `EXCEPTIONS`) keyed by path with a one-line reason. The
+guards are a note from a designer who looked at the screen, not an authority —
+**if you find yourself changing a design to satisfy one, the guard is wrong.**
+Edit or delete it. Stale entries are reported so the lists cannot rot.
+
+The contrast and colour guards parse `tokens.css` rather than a copied list of
+values, so they cannot drift from the tokens they audit.
 
 ---
 
-## Colour layers
+## Colour and type systems
 
-Four layers, and only the role layer is used when building a screen:
+Both are documented in [DESIGN.md](./DESIGN.md) — § Colour structure and § Type.
+They live there rather than here because they are design decisions, and because
+documenting them in two places is how this file came to claim the colour system
+had two layers in one section and three in another.
 
-| Layer | Example | What it is |
-|---|---|---|
-| **0 palette** | `--palette-purple-3` | Every hue, twelve steps, authored per mode. The only place a literal lives. |
-| **1 families** | `--accent-tint` | The five jobs a hue does: tint, tint-hover, border, fill, text. |
-| **2 roles** | `--bg-accent-tint` | What a thing *is* in the interface. The only public layer. |
-| **3 components** | `bg-accent-tint` | Tailwind utilities. |
+The one thing to know before typing: **build from the ramps.** `bg-purple-3`,
+`text-red-12`, `bg-neutral-4` — every step is authored per mode, so a step behaves
+correctly in light and dark. This is the opposite of the usual Tailwind advice,
+and it holds only because of that per-mode authoring.
 
-The palette was added after the families accumulated 114 hand-picked hex values
-with nothing enforcing that two tokens doing the same job agreed — and they
-drifted: an accent tint and a categorical purple were the same purple in light
-mode and two different purples in dark. Referencing a step cannot drift that way,
-and
-`src/shared/tokens/palette.test.ts` asserts it.
+**The fifteen semantic roles are the exceptions, not the interface.** A role
+exists when light and dark take *different* steps (`bg-panel` is `neutral-1` then
+`neutral-3` — no class can say that), or when the name enforces a rule a ramp
+cannot (there are deliberately three text levels). `pnpm check:color` rejects a
+new role that is the same step in both modes, and names the class to use instead.
 
-Family steps are **named for their job, not numbered**. `--accent-2` invited
-reading as "a light purple" when it means "the surface an accent tint sits on".
-
-Palette values are Radix Colors (MIT), transcribed rather than depended on —
-Radix is not on Block's Tech Radar, so this is a values-only copy with no
-package. Its twelve-step contract is the one this system already described in
-comments, step for step. Two deliberate divergences, both documented in
-`tokens.css`: family **text** takes step 12 rather than the 11 Radix names
-"low-contrast text" (Radix sizes 11 for WCAG 4.5:1; every hue's step 11 measured
-Lc 55–61 against this system's Lc 60 target), and the **dark neutral surfaces**
-stay hand-authored because they were sized against the real panel stack.
-
-To change the accent hue, point the five `--accent-*` families at a different
-palette hue. Nothing above them knows the colour.
+Glass is the one genuinely private layer: a fill without its blur, rim, and lift
+is not glass, so it is reachable only through the `glass-primary` /
+`glass-secondary` utilities.
 
 ---
 
@@ -129,108 +124,6 @@ dependency.
 
 ---
 
-## The type system
-
-Same three layers as colour, and the same rule: only roles are used when
-building a screen.
-
-```
-LAYER 1   --type-size-1…9  --type-leading-*  --type-tracking-*  --type-weight-*
-LAYER 2   --text-body: var(--type-size-4)   + its line height, tracking, weight
-LAYER 3   text-body
-```
-
-**A role carries its whole typographic setting**, using Tailwind v4's
-`--text-<name>--<property>` convention. So `text-body` sets size, line height,
-letter spacing, and weight together — never pair a size role with a separate
-`font-medium` or `leading-*`, because that is how two supposedly identical labels
-drift apart.
-
-Nine roles. Sans: `text-display` 32, `text-title` 24, `text-heading` 16/600,
-`text-body-lg` 16, `text-body` 14, `text-body-sm` 12. Mono: `text-mono-lg` 15,
-`text-mono` 13, `text-mono-sm` 11 — each one step below its sans partner, because
-at equal size a monospace face reads larger than Inter.
-
-The ramp is short on purpose: across 73 real Buzz screens 90% of text is one size,
-and 16/18/20/22 together were 1.5%. There is nothing between 16 and 24, and
-**12px is the floor** for anything readable. `text-heading` and `text-body-lg` are
-the same size, separated by weight alone.
-
-Two faces: `font-sans` (Inter Variable) and `font-mono` (JetBrains Mono) — both
-already shipped in every current Buzz client.
-
-Hard rules:
-
-- **Never a px size.** Everything derives from one virtual rem, so keyboard zoom
-  and the font-size preference both work by construction. A px literal breaks
-  both, which the existing client learned by shipping the regression.
-- **No `uppercase`, no hand-applied `tracking-*`.** All-caps labels are less
-  legible and read as enterprise chrome; tracking is already corrected per step.
-- **Size roles and colour roles never collide.** Colour registers in
-  Tailwind's `--color-*` namespace and is named for emphasis (`text-primary`);
-  size registers in `--text-*` and is named for an editorial job (`text-body`).
-  So `text-primary text-body` is one colour plus one setting, and no name ever
-  means both.
-
-### Borders register in their own namespace
-
-`--color-*` is a single namespace, and text and borders share the emphasis names
-`primary` / `secondary` / `tertiary` while holding different values — text at the
-dark end of the neutral ramp, borders at the light end. Border roles therefore
-register as `--border-color-*`, not `--color-border-*`.
-
-Get this wrong and there is no error: `border-primary` silently resolves to the
-*text* colour and every hairline in the product draws at near-black. That is not
-hypothetical — it shipped, and it is why the first design system site had black
-dividers while the tokens said `#d4d4d4`.
-
-## The colour system
-
-Three layers. Only the role layer is ever used when building a screen.
-
-```
-LAYER 1   --neutral-1…12  --accent-1…12  --glass-1…5  --gradient-1
-LAYER 2   --bg-panel: var(--neutral-1)
-LAYER 3   bg-panel
-```
-
-**Tailwind's default palette is deleted** with `--color-*: initial`. `text-gray-500`
-does not exist — it is a build error, not a style choice.
-
-Hard rules:
-
-- **Literal values exist only in the ramps.** A component writing a hex bypasses
-  the roles; a role writing a hex bypasses the ramp. Both look correct today and
-  break the first theme change, and the failure hides in dark mode because light
-  mode still looks right.
-- **Never apply transparency to a token.** No `bg-panel/50`. Transparency lives
-  inside the value. The existing client has thirteen transparencies of one grey
-  and eleven of one accent because this rule did not exist.
-- **Every role holds a light and a dark value under the same name.** A component
-  never contains an instruction about which mode is active.
-- **Accent is a slot, not a colour.** Nothing above the ramp knows the hue, so it
-  can change, become a preference, or vary per theme. Do not hardcode a hue
-  anywhere above layer 1.
-
-The full exception list is in the registry and on `/design/colour`. It is short
-and complete on purpose.
-
-### Naming grammar
-
-```
-<property>-<role>[-<modifier>][-<material>][-<state>]
-```
-
-Fixed order, so there is one correct spelling. `bg-chrome-glass-hover` is legal;
-`bg-chrome-hover-glass` is not. One modifier, one material, one state per name.
-
-Every word a token may be built from is listed in `VOCABULARY` in the registry
-and on `/design/vocabulary`. Combining them freely is routine. Introducing a new
-word is allowed but is the thing the audit reports on its own line — use an
-existing word if one fits.
-
----
-
 ## Growing the system
 
 **Need something the system doesn't have? Add it to the registry, mark it
@@ -246,14 +139,22 @@ is the signal it is not a role.
 
 ```
 src/
-  app/routes/           file-based routes
+  app/routes/               file-based routes
   shared/
-    styles/tokens.css   layers 1 and 2, and the Tailwind registration
-    styles/globals.css  base styles and the rim/blur/texture utilities
-    tokens/registry.ts  the machine-readable system description
-    theme/              colour scheme
+    styles/tokens.css       the palette, the roles, the Tailwind registration
+    styles/typography.css   the type ramps and the nine roles
+    styles/globals.css      base styles, and the glass material utilities
+    styles/components.css   the shared components' own styles
+    styles/product.css      product surfaces not yet in a component
+    styles/design-components.css  the /design pages' own furniture
+    styles/agents.css  styles/chips.css
+    tokens/registry.ts      the machine-readable colour + token description
+    ui/                     the shared components (11 so far)
+    ui/registry.ts          the machine-readable component description
+    identity/  community/  theme/   the ambient facts — see § Capability or shared fact?
+    chips/  runtime/
   features/
-    design-system/ui/   the /design pages
+    design-system/ui/       the /design pages
 ```
 
 `features/design-system/ui/primitives.tsx` is **documentation furniture, not a
@@ -273,17 +174,74 @@ Deliberately, so nobody assumes it was forgotten:
 - **Tauri.** This is a web app for now; the native shell comes with the app shell.
 - **Relay, auth, event handling.** None of it. When it arrives it comes from the
   shared Rust crates, not a reimplementation.
-- **The computed paired-text rule.** `text-on-accent` and `text-on-inverse` hold
-  literals until the lightness computation lands. They are marked as exceptions.
+- **The computed paired-text rule.** `--text-on-accent` holds a literal white
+  until the lightness computation lands, and is marked as an exception. It is the
+  one text colour that cannot be a ramp step: it follows its *fill*, not the mode,
+  so white on `purple-9` stays white in dark mode where a neutral step would flip.
+  The `bg-neutral-11` / `text-neutral-1` pair is governed by the same rule and
+  measured as a pair in `check-contrast.mjs` even though both are now steps.
+- **A general chrome/surface convention.** Two components now carry the axis —
+  `Tabs` as `variant="chrome" | "panel"` and `IconButton` as a `chrome` variant.
+  Both spell it `variant`, but nothing enforces that a component appearing on
+  both backgrounds has the axis at all. See DESIGN.md § Surface and depth.
+- **Contrast on glass.** `check-contrast` measures text against the opaque
+  surface roles only. On a translucent surface the real background is the fill
+  composited over the gradient, which changes across the screen — measured, dark
+  mode's brightest glass region puts `text-secondary` at Lc 58 and
+  `text-tertiary` at Lc 43 against targets of 60 and 45. Documented in DESIGN.md
+  § Surface and depth with the three candidate fixes; unresolved on purpose,
+  because it wants real content on screen rather than a token edit.
+- **Dockview's theme in dark mode.** `DockWorkspace` passes dockview's
+  `themeLight` in both modes — which is how an opaque white sheet ended up behind
+  the glass until `--dv-group-view-background-color` was reset in `product.css`.
+  (The shell's duplicate `dark` state is fixed: it reads `useColorScheme`, and
+  `tests/sessions.spec.ts` binds the reload behaviour.)
 
 ---
 
 ## Architecture
 
 This client is built on **composable capabilities** — see the plan in Morgan's
-vault. The short version: a feature owns product behaviour, a view owns
-arrangement, shared UI owns visuals, and a capability owns behaviour that should
-move between surfaces intact.
+vault. A capability owns a durable product truth: it may be behavior-only,
+UI-bearing, or both. A feature is an organizational boundary, a surface/view
+owns spatial arrangement, and shared UI owns generic visual and interaction
+primitives.
+
+### Capability or shared fact?
+
+App-wide things are one of two kinds, and putting the second kind in the first
+kind's folder is what turns a shared layer into a dumping ground.
+
+Ask: **could two parts of the app disagree about this, and would that
+disagreement be a bug?**
+
+- **No — it is a fact.** It answers a question and owns no policy: no fallback,
+  retry, ordering, readiness, or teardown rules. `useIdentity` (who am I),
+  `useCommunity` (which relay), `useColorScheme` (light or dark). Facts live in
+  domain-named folders under `shared/` — `shared/identity/`,
+  `shared/community/`, `shared/theme/`. There is no `facts/` folder.
+- **Yes — it is a capability.** It has policy, so someone must own the single
+  answer: Navigation, Conversation, Composer. The hook is only the door; the
+  capability is the room behind it. A hook consumed app-wide is not evidence of
+  a fact.
+
+Direction is the invariant: **facts flow up, never down.** A capability or a
+surface may read a fact; a fact must never import a capability, a feature, or a
+surface. The moment a fact needs to know about Navigation, it is a capability
+nobody has named yet.
+
+**A feature reads a fact through its module, never through the backend adapter.**
+Each fact exposes both shapes: `readIdentity()` / `readRelayUrl()` for an async
+action, and `useIdentity()` / `useCommunity()` for render. Calling
+`runtime.identity()` or `runtime.relayUrl()` from a feature is the defect — the
+Agents workspace fetched both directly in two places, so a third and fourth
+answer to "who am I" existed with nothing keeping them consistent. Only the facts
+layer may call the adapter for a fact.
+
+A surface must not re-derive a fact it could read. The shell held its own `dark`
+boolean beside `useColorScheme` and toggled the same `.dark` class — one concept
+with two owners, which is why the appearance choice did not survive a reload.
+`tests/sessions.spec.ts` now binds that behaviour.
 
 Two rules that matter from day one:
 
@@ -293,3 +251,77 @@ Two rules that matter from day one:
 - **Do not create a capability speculatively.** The bar is a durable product
   identity and real composition pressure from two surfaces. Building a clean
   codebase is not a licence to relax it.
+
+### Implementation discipline
+
+These rules turn the general client-layer contract into decisions an agent can
+apply while building Desktop New.
+
+#### State and Effects
+
+- **Derive values rather than synchronizing copies with Effects.** A selected
+  item, lookup map, or view condition belongs in render when existing state can
+  answer it; a second state value that must be kept in sync creates two owners.
+- **An Effect exists only to synchronize with an external system.** Relay
+  subscriptions, Tauri, browser storage, Dockview, and DOM APIs are external.
+  User actions belong in event handlers or controller actions, never in render
+  or an Effect that watches for them.
+- **Every external synchronization has a complete lifetime.** An Effect returns
+  its unsubscribe, close, disconnect, or listener cleanup. Every async result
+  is fenced against the current destination and community before it writes;
+  switching quickly must never let stale data land.
+
+#### Controllers and compositions
+
+- **A hook shares behavior, not automatically live state.** Decide deliberately
+  whether a controller instance belongs to one placement, one conversation, or
+  the app. A module-level store or cache is community-scoped state and must earn
+  that complexity and register teardown.
+- **Context distributes an existing controller inside one composition.** It does
+  not create a second product authority or make a capability global by default.
+- **A composition reads controller state and invokes controller actions.** It
+  does not fetch backend data, call a backend adapter, or recreate policy
+  locally. If a composition needs a fact, read the domain-named shared fact; if
+  it needs behavior, name or extend the owning capability.
+
+#### Reliability and test honesty
+
+- **Every accepted user action settles visibly.** It completes, fails with an
+  understandable recovery affordance, or cancels. A draft or pending action
+  never clears itself into uncertainty.
+- **Tests bind the product seam and must be falsifiable.** A test reaches the
+  controller or composition used in the product and goes red when the guarantee
+  is removed. Test rapid switching, teardown, failure, retry, recovery, and
+  successful loading — not only the happy path.
+
+#### Location while routing is incomplete
+
+- **Navigation is the only interim location owner.** Until route-authoritative
+  navigation lands, no feature or surface may introduce a second current-place
+  state. When route work begins, move Navigation's existing destination model to
+  the router rather than making the router and controller compete.
+
+### Navigation capability
+
+Navigation is a capability, not an AppShell detail. It owns the canonical
+destination model, product-level navigation actions, destination resolution,
+readiness, restore and fallback policy, and navigation-specific product
+compositions. Put these in `features/navigation/` when this work begins.
+
+- A feature requests a destination in product terms — for example, “open this
+  channel”, “open this Session”, or “return to Messages”. It does not construct
+  a URL, mutate browser history, change a Tauri window, or implement its own
+  fallback/restore rule.
+- AppShell places navigation compositions in the workspace and adapts their
+  arrangement responsively. It does not reinterpret destination meaning or
+  duplicate navigation policy.
+- The Messages navigator, a future top-level lens selector, and a compact
+  navigator may be separate compositions that consume the same navigation
+  controller. Do not build a universal `Navigation` component with layout
+  modes and optional regions.
+- Generic components such as `Panel`, `Button`, `SearchField`, and
+  `NavigatorRow` remain shared UI: they know nothing about Buzz destinations.
+- Stop and ask before changing route shape, deep links, Back/Forward behavior,
+  persisted restoration, community-switch sequencing, or navigation semantics
+  shared by another client surface. These are product-contract decisions, not
+  local implementation details.
diff --git a/desktop-new/DESIGN.md b/desktop-new/DESIGN.md
index 31e617de03..56da700a61 100644
--- a/desktop-new/DESIGN.md
+++ b/desktop-new/DESIGN.md
@@ -12,7 +12,7 @@ Buzz is a place where people build together and bring their agents into the room
 
 - **Panels sit on the backdrop; the backdrop is a gradient.** Everything else is a panel in a different place. The navigation column is not a special kind of surface.
 - **A region is separated by a soft fill, not by an outline.** Reach for `bg-inset` before reaching for a border. A bordered box announces its own edges; a filled one lets the content sit in a place. Grouping is the common case, so the quiet treatment is the default one.
-- **A border is for a genuine boundary, and never above `border-secondary`.** A hairline that reads as a line — rather than as the edge where two surfaces meet — is too strong. Text and borders share the emphasis names but not their values: text lives at the dark end of the neutral ramp, borders at the light end. If a divider looks like text, it is pointed at the wrong role.
+- **A border is for a genuine boundary, and there is one weight: `border-primary`.** It is neutral 4: visible enough to hold the edge of a panel over the gradient, but quiet enough that internal dividers do not become the hierarchy. A second weight arrives only with the design that proves a different boundary needs it. Text and borders still hold different values — text at the dark end of the neutral ramp, borders at the light end — so if a divider looks like text, it is pointed at the wrong role.
 - **No page-wide gradient behind documentation or dense reading.** The gradient is the product's backdrop for chrome and panels. Behind a column of prose it fights the text and makes contrast position-dependent — such surfaces sit on `bg-panel`.
 - **Shadows stay at the threshold of perception.** If a shadow is obvious, it is too strong. The two elevation values are the whole vocabulary.
 - **Elevation is carried by shadow in light mode and by lightness in dark mode.** On a near-black background there is nothing darker for a shadow to cast, so a floating surface becomes a step lighter instead. Never reach for a stronger shadow to make something float in dark mode.
@@ -21,6 +21,9 @@ Buzz is a place where people build together and bring their agents into the room
 - **A glass rim is not an outline.** If a surface needs a visible boundary rather than a material edge, it wants a border role, not glass.
 - **Glass needs something behind it worth seeing.** Translucency over a flat fill is wasted cost; use it where the gradient, an image, or content actually shows through.
 - **Only panels and chrome should sit directly on the gradient as a default.** Text and hairlines on a gradient have position-dependent contrast. Good practice rather than a hard rule — a rotated label pill on the backdrop is fine.
+- **A translucent surface has no contrast guarantee, and this one is measured.** `check-contrast` pairs each text role with the *opaque* surface roles, so glass is invisible to it — the surface a person actually reads against is the fill composited over whatever gradient happens to be behind it, which varies by position on screen. Sampled from a rendered dark-mode screenshot, primary glass over Night garden runs from `#162e28` in its quiet regions to `#1e4a3c` where the green glow reaches through. On the darker end everything clears; on the brighter end **`text-secondary` measures Lc 58 and `text-tertiary` Lc 43**, against targets of 60 and 45. Marginal, and only in a region the glow reaches — but real, and no guard can see it. Three ways out, none obviously right: make the gradients' bright stops dimmer where panels sit, raise the glass fill a ramp step under a bright backdrop, or keep meta text off glass. **Deliberately unresolved** — it needs the real product content on screen, not a token edit.
+- **A redundant fill on glass is not free — it compounds.** Two identical translucent layers are not one layer: `glass-2` over `glass-2` composites to **0.77 alpha**, a value no token holds. Four panels each set the same fill as the container they exactly covered, so panels meant to be the most translucent surface in the system read as nearly solid. Before giving a region a glass fill, check whether its parent already is glass; if the region covers it, it needs no fill of its own.
+- **A component that can sit on either the gradient or a panel says so, with a variant.** `Tabs` takes `chrome` (a glass pill for the app backdrop) or `panel` (an underline for a plain surface); `IconButton` has the same axis as its `chrome` variant. The failure that earned it: the chrome container is `glass-2`, which over a white panel composites to pure white, and its selected pill is `neutral-1` — also pure white. Container and selection became one colour with only a shadow between them, and no guard could see it because the component had no way to state which background it expected. **The fix was never to retint `--bg-chrome-selected`** — that moves the collision rather than removing it. **One component with a variant, not two components:** behaviour, keyboard model, accessibility, props, and the Base UI parts underneath are identical, so a sibling component would duplicate all of it to change how selection is drawn, and the two would drift exactly as the four hand-assembled chrome surfaces did. When adding a component that could appear in both places, give it the axis and put both on its specimen page — the chrome-only specimen is why this defect survived until it appeared on a real screen.
 
 ## State
 
@@ -40,6 +43,23 @@ Buzz is a place where people build together and bring their agents into the room
 
 ## Type
 
+Two layers, and the same rule as colour: only roles are used when building a
+screen. Layer 1 is the raw ramps (`--type-size-*`, `--type-leading-*`,
+`--type-tracking-*`, `--type-weight-*`); layer 2 is the roles, which register in
+Tailwind's `--text-*` namespace and become utilities like `text-body`. The
+authoring lives in `src/shared/styles/typography.css`.
+
+**Size roles and colour roles never collide**, because they live in different
+namespaces: colour registers as `--color-*` and is named for emphasis
+(`text-primary`), size registers as `--text-*` and is named for an editorial job
+(`text-body`). So `text-primary text-body` is one colour plus one setting, and no
+name ever means both.
+
+Nine roles. Sans: `text-display` 32, `text-title` 24, `text-heading` 16/600,
+`text-body-lg` 16, `text-body` 14, `text-body-sm` 12. Mono: `text-mono-lg` 15,
+`text-mono` 13, `text-mono-sm` 11. Two faces — `font-sans` (Inter Variable) and
+`font-mono` (JetBrains Mono) — both already shipped in every current Buzz client.
+
 - **A type role carries its whole setting.** Size, line height, letter spacing, and weight are one decision, not four. `text-body` alone produces correctly set text, and its line height is never overridden — that is how two supposedly identical labels drift apart.
 - **There are two weights: 400 and 600.** 400 is content — everything read. 600 is structure and emphasis: the thing that names what you are looking at, or the words a sentence leans on. `font-semibold` is what bold means here.
 - **Bold body text is two utilities, composed.** `text-body font-semibold`, `text-body-sm font-semibold`. This is the one place a component adds a weight, and it is deliberate: **the size is the paragraph's decision, the weight is the phrase's.** A `text-body-bold` role would fuse them, so an agent emphasising three words would also be re-asserting a size it has no business choosing. Composing also means one rule covers every size instead of doubling the ramp.
@@ -53,7 +73,7 @@ Buzz is a place where people build together and bring their agents into the room
 - **Mono is one step below its sans partner, always.** 11↔12, 13↔14, 15↔16. At equal size a monospace face reads larger than Inter and pulls the eye off the sentence, so the correction is a rule rather than a judgement: pick the sans size, step down. Mono never exceeds body size in ordinary interface text; the one exception is a code or key a person must transcribe, which is what `text-mono-lg` is for.
 - **Mono roles are named for the setting, not the content.** `text-mono`, not `text-code` — most mono in a product is a pubkey, a path, a branch name, or a hex value. Calling the role `code` made it read as a lie everywhere except an actual code block.
 - **Never all-caps, and never tracked-out labels.** A capitalised label is harder to read than its sentence-case version and reads as enterprise chrome. A quiet label earns its quietness from size and colour — `text-body-sm` on `text-tertiary` — rather than from being shouted. There is deliberately no uppercase utility in this system.
-- **Every size is relative.** Nothing may be expressed in px: fixed pixel text freezes against keyboard zoom and ignores the person's font-size preference. The existing client shipped a regression from exactly this.
+- **Every size is relative.** Nothing may be expressed in px: fixed pixel text freezes against keyboard zoom and ignores the person's font-size preference. The existing client shipped a regression from exactly this. Everything derives from one virtual rem, so zoom and the font-size preference both work by construction — which is why an arbitrary rem literal is rejected too. It zooms correctly and still re-fragments the scale.
 - **Tracking is an optical correction, not a style.** Inter needs progressively tighter spacing as it grows. The ramp already applies it per step; do not add tracking by hand.
 
 ## Both modes
@@ -81,6 +101,184 @@ Buzz is a place where people build together and bring their agents into the room
 - **Never animate blur.** Re-blurring a large surface every frame is expensive enough to feel. Animate opacity instead.
 - **Motion explains a change; it does not decorate one.** If removing an animation loses no information, remove it.
 
+## Colour structure
+
+Two layers, and only the role layer is used when building a screen.
+
+| Layer | Example | What it is |
+|---|---|---|
+| **0 palette** | `--purple-9`, `--neutral-4` | Every hue, twelve steps, authored per mode. The only place a literal lives. **Public: a screen writes `bg-purple-9`.** |
+| **1 roles** | `--bg-panel` | The fifteen cases a step cannot express. Public too. |
+| **2 components** | `bg-panel`, `bg-neutral-4` | Tailwind utilities, from either layer. |
+
+**Screens are built from the ramps.** This reverses the rule this file used to
+state, and the reversal turns on one fact: **every palette step is authored per
+mode.** `neutral-4` is `#e8e8e8` in light and `#232323` in dark, so a component
+naming the step behaves correctly in both. That is what makes a raw step safe
+here and unsafe in stock Tailwind, where `neutral-200` is a single literal —
+naming it there really does break dark mode, and a semantic layer really is the
+only fix.
+
+Once a step is mode-aware, **a role whose light and dark values are the same step
+is a name in front of a number**, and a name in front of a number hides the
+decision instead of recording it. `bg-accent` was `purple-9`; `text-error` was
+`red-12`. Nineteen roles were exactly that and are gone.
+
+### When a name is earned
+
+Three cases, and `pnpm check:color` enforces the first two by rejecting any new
+role that fails them:
+
+1. **Light and dark take different steps.** `bg-panel` is `neutral-1` in light and
+   `neutral-3` in dark. No single class can say that, so the name is load-bearing.
+   The four structural surfaces are all of this kind.
+2. **The name enforces a rule a ramp cannot state.** There are deliberately three
+   levels of text and one border weight. `text-neutral-11` looks reasonable and is
+   how a fourth level appears without anyone deciding, so `text-secondary` stays
+   even though its step is identical in both modes.
+3. **Morgan sees a repeated pattern and asks for one.** A tinted callout that
+   turns up on four screens earns a name — for the *pattern*, not the colour. This
+   is the only route by which the role layer grows, and it is deliberately manual.
+
+`neutral` is a hue like any other — the same twelve steps, the same naming. There
+is no separate grey ramp and no `palette-` prefix: a step is `--neutral-4`, the
+way Tailwind names a colour.
+
+**Tailwind's default palette is deleted** with `--color-*: initial`, so
+`text-gray-500` does not exist. It is a build error, not a style choice.
+
+**There used to be a families layer** — `--accent-fill`, `--danger-tint`, thirty
+steps in five families, sitting between the palette and the roles. It was
+deleted. Every one of its thirty steps had exactly *one* reader, so it renamed a
+colour rather than abstracting one, and answering "what colour is this button"
+meant reading three lines in two places
+(`bg-accent` → `accent-fill` → `palette-purple-9`). The naming survives where it
+was always clearest — in the role names, which say *what the colour is for*
+(`bg-accent-tint` is a background) rather than restating a job (`accent fill`
+does not tell you where to put it).
+
+**The role layer was then cut from 54 names to 15, by the same test.** A census
+counted every reader of every role — both `var(--x)` in a stylesheet and the
+Tailwind class each role registers as, with the /design pages counted separately
+from product code, since a page displaying a swatch proves only that the token
+exists. Eighteen roles had no reader anywhere and six were read only by the docs
+that documented them; the rest went once palette steps became reachable as
+classes and the "same step in both modes" test above disqualified them.
+
+**The argument that lost is worth recording, because it is a good one.** A role is
+a slot whose hue can change, so `bg-accent-tint` survives a retint where
+`purple-3` does not. It lost to a fact: the accent hue *did* change, to Tailwind
+purple, and it was five values in the ramp rather than a rename. The ramp is the
+slot. A role in front of it only adds a hop.
+
+The palette stays because it is where **light and dark are reconciled**. A hue's
+dark steps are not its light steps dimmed — purple's step 12 is near-black in
+light and near-white in dark; step 3 is a lilac wash in light and a deep plum in
+dark. Only step 9 is identical. Two hand-authored ramps under one name is what
+lets a role be a single line and still behave in both modes, and what keeps
+`.dark` to a restatement of values rather than the 50 hand-picked colours it used
+to hold — which is where an accent tint and a categorical purple drifted into two
+different purples in dark.
+
+To retint, change the ramp. The accent moved to Tailwind purple in five values,
+which is the demonstration that **the ramp is the slot** — no rename, nothing
+above it needed to know.
+
+### Which step, for what
+
+Twelve steps mean the same twelve jobs in every hue, so this is the map from a job
+to a step. It used to generate roles; now it tells you which class to write:
+
+| step | job | example |
+|---|---|---|
+| 3 | a tinted surface | `bg-purple-3` |
+| 4 | that tint, hovered | `bg-purple-4` |
+| 8 | border, focus ring | `border-purple-8` |
+| 9 | solid fill | `bg-purple-9` |
+| 10 | that fill, hovered | `bg-purple-10` |
+| 12 | coloured text on a neutral surface | `text-purple-12` |
+
+Adding a hue is mechanical — generate twelve steps, and the map above already
+answers which one is the button. `cyan` and `orange` are authored and unused, so
+that half is proven.
+
+**Being mechanical is exactly why it must not run ahead of the product.** This map
+is how four status identities came to exist: twenty roles from one line of a
+lookup table, nineteen of which nothing ever read. It tells you which step to take
+*once a design needs the colour*. It is not a licence to pre-generate a set.
+
+**It is a good default, not a guarantee — measure the pair you actually use.**
+Step 10 crosses over, darker than step 9 in light and lighter in dark, so a hover
+reads as a press in light mode and a lift in dark with no special-casing. But
+green's and blue's step 10 lift *too* far in dark mode and drop white text below
+the APCA target. Likewise step 12 is the safe text step and step 11 is the
+tempting one: red-11 is more obviously red and fails the Lc 60 body target on a
+dark panel (59.7) and the dark composer (57.5), which is why error text is
+`text-red-12`. A step used for text goes into `TEXT_ROLES` in
+`scripts/check-contrast.mjs` so the guard measures what screens actually write.
+
+Palette values are Radix Colors (MIT), transcribed rather than depended on —
+Radix is not on Block's Tech Radar, so this is a values-only copy with no
+package. Its twelve-step contract is the one this system already described in
+comments, step for step. Two deliberate divergences, both documented in
+`tokens.css`: `text-*` roles take step 12 rather than the 11 Radix names
+"low-contrast text" (Radix sizes 11 for WCAG 4.5:1; every hue's step 11 measured
+Lc 55–61 against this system's Lc 60 target), and the **neutral ramp** is
+hand-authored in both modes because it was sized against the real panel stack
+rather than taken from an even ramp.
+
+### Naming grammar
+
+```
+<property>-<role>[-<modifier>][-<material>][-<state>]
+```
+
+Fixed order, so there is one correct spelling: `--bg-glass-primary-hover` is
+legal, `--bg-glass-hover-primary` is not. One modifier, one material, one state per name.
+This governs the fifteen roles; a ramp class is `<property>-<hue>-<step>` and has
+no grammar to get wrong, which is part of its appeal.
+
+Every word a token may be built from is listed in `VOCABULARY` in the registry
+and on `/design/vocabulary`. Combining them freely is routine. Introducing a new
+word is allowed but is the thing the audit reports on its own line — use an
+existing word if one fits.
+
+### Text and borders register in their own namespaces
+
+**`--color-x` is not one utility. It is all of them.** One such line defines
+`bg-x`, `text-x`, `border-x`, `ring-x` and the rest, every one pointing at the
+same value. So the moment two roles differ only by *which prefix uses them*, that
+namespace picks one and silently drops the other.
+
+This has now shipped twice, and both times the symptom looked like a design
+mistake rather than a registration one.
+
+**Borders, first.** Text and borders shared the emphasis names while holding
+different values — text at the dark end of the neutral ramp, borders at the light
+end. Registered under `--color-*`, `border-primary` resolved to the *text* colour
+and every hairline drew at near-black. It is why the first design system site had
+black dividers while the tokens said `#d4d4d4`. Fixed with `--border-color-*`.
+
+**Text colour, second, and worse.** `--color-danger: var(--bg-danger)` also
+defined `text-danger`, so error text rendered in red-9 — the saturated *fill* —
+instead of red-12. On a dark panel that measured **APCA Lc 34 against a target of
+60**, on real error messages, for months. And `check-contrast` passed the entire
+time, because it measured `--text-danger`: a token that was declared, documented,
+audited, and which no class could reach.
+
+So the rule, and it is a rule rather than a caution:
+
+> A text role registers as `--text-color-*`. A border role registers as
+> `--border-color-*`. Only backgrounds use the shared `--color-*`.
+
+`src/shared/tokens/registry.test.ts` binds this to the file — a text or border
+role registered under `--color-*` fails there now, rather than after shipping.
+
+**The general lesson is about the guards, not the namespaces.** A guard that
+measures a token nothing resolves to is worse than no guard: it reports the
+system is fine and is not wrong about the token, only about whether anything uses
+it. When adding a check, verify it measures the value the *browser* computes.
+
 ## Colour discipline
 
 - **Colour is signal.** Status, authorship, presence, and mentions earn colour. Ordinary structure does not.
@@ -88,6 +286,9 @@ Buzz is a place where people build together and bring their agents into the room
 - **A colour is used one of two ways: solid or tint.** Solid carries an action and takes its paired text; tint carries a meaning and takes coloured text. There is deliberately nothing between them.
 - **Accent is signal, never structure.** Reaching for an accent surface where a neutral one belongs is the most common way a functional screen starts to look decorated.
 - **Never use a status colour decoratively.** A green that does not mean success teaches people to stop trusting green.
+- **There are no status roles, and that is deliberate.** Danger, success, warning, and info existed as four identities of five roles each — the accent's shape copied four times, generated from one line of a lookup table. **Nineteen of the twenty had no reader outside the page that displayed them.** They were invented by symmetry rather than by need, and the symmetry actively hid the decision: the red ramp alone offers red-3, red-8, red-9 and red-12 for "an error", and a set of ready-made names made that look settled when it never was. The proof is that `text-danger` shipped resolving to the wrong red and no design had ever looked closely enough to notice. **Status colour gets designed on the screen that needs it.** Until then the ramps are right there — pick a step, measure it, and once two screens pick the same one it has earned a name.
+- **Write the step, not a name for the step.** Error text is `text-red-12` and the running-agent dot is `bg-green-9`, written where they are used. Both briefly had semantic names and both were one step, identical in both modes — a name in front of a number. The name comes back if the pattern repeats across screens, and it will be named for the pattern.
+- **Measure the step, do not reason about it.** Red-11 is the more obviously red choice for error text and was the first pick; measured against every surface the text actually lands on, it fails the Lc 60 body target on a dark panel (59.7) and the dark composer (57.5). Two of five surfaces — invisible to judgement, decisive on inspection. Red-12 clears all five at 82–97.
 - **Categorical colours are the one place appearance-naming would be allowed.** Telling two projects apart genuinely is a choice about appearance, so a hue name is honest there. No such roles exist yet — the palette carries eight hues, and a categorical role gets named when a feature actually needs to distinguish things, not before.
 - **Opacity is not how you reach a subtler colour.** If a tint looks too strong, take a different palette step — do not dim a stronger one. `purple-950/50` composites to a real, correct colour, which is exactly the trap: it is a colour decision with no name, no light/dark pair, and nothing the contrast guard can measure. A missing shade is a missing palette step, and adding one is an ordinary reviewed edit. `scripts/check-color.mjs` enforces this.
 - **Transparency is a different axis from shade, and it has its own tokens.** `glass-*` exists for surfaces something must show through. Alpha baked into a named value at the palette layer is the system working; alpha applied to a token in a component is not.
@@ -137,9 +338,9 @@ it is the rule a generated theme is measured against.
   every surface it can sit on, in both modes, parsed from `tokens.css` so the
   check cannot drift from the tokens. Exceptions live in that script with a
   stated reason, which keeps the list short and arguable.
-- **A tint's hover is the hardest surface in its family**, so a `text-*` step is
+- **A tint's hover is the hardest surface an identity has**, so a `text-*` role is
   sized against that rather than against the neutral panel. Every failure the
-  audit found in the coloured families was on a tint-hover, never at rest.
+  audit found on a coloured surface was on a tint-hover, never at rest.
 - **Hairline dividers are not held to a contrast target.** WCAG's 3:1 non-text
   rule covers boundaries needed to identify a *control* or its state, not
   grouping lines. Buzz's borders measure 1.2–1.8:1, which is where Radix and

From d9a0223804dbae245144d3bba59ccfbec16d20ef Mon Sep 17 00:00:00 2001
From: morgmart <98432065+morgmart@users.noreply.github.com>
Date: Mon, 7 Sep 2026 16:01:53 -0700
Subject: [PATCH 24/33] desktop-new: move two call sites onto the surviving
 colour names

`text-danger` was the role that resolved to the wrong red; error text is
`text-red-12`, measured against every surface it lands on. `border-secondary` was
one of three indistinguishable border weights and is now the single
`border-primary`.

Signed-off-by: Morgan Martin <morganmartin@squareup.com>
Signed-off-by: morgmart <98432065+morgmart@users.noreply.github.com>
---
 .../src/features/composer-spike/ui/ComposerSpikePage.tsx        | 2 +-
 desktop-new/src/features/sessions/ui/NewSessionView.tsx         | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/desktop-new/src/features/composer-spike/ui/ComposerSpikePage.tsx b/desktop-new/src/features/composer-spike/ui/ComposerSpikePage.tsx
index 2cdb373e3c..7365627c64 100644
--- a/desktop-new/src/features/composer-spike/ui/ComposerSpikePage.tsx
+++ b/desktop-new/src/features/composer-spike/ui/ComposerSpikePage.tsx
@@ -138,7 +138,7 @@ export function ComposerSpikePage() {
         </button>
       </div>
 
-      <div className="rounded-md border border-secondary bg-panel p-3">
+      <div className="rounded-md border border-primary bg-panel p-3">
         <EditorContent editor={editor} />
       </div>
     </div>
diff --git a/desktop-new/src/features/sessions/ui/NewSessionView.tsx b/desktop-new/src/features/sessions/ui/NewSessionView.tsx
index b0619856c8..9298915686 100644
--- a/desktop-new/src/features/sessions/ui/NewSessionView.tsx
+++ b/desktop-new/src/features/sessions/ui/NewSessionView.tsx
@@ -69,7 +69,7 @@ export function NewSessionView({
               {pending.content}
             </span>
             {error ? (
-              <span className="text-body-sm text-danger">{error}</span>
+              <span className="text-body-sm text-red-12">{error}</span>
             ) : null}
           </div>
         ) : null}

From 1dee19d8a1222ab9d9e3beadafff8d97d2c45ab4 Mon Sep 17 00:00:00 2001
From: morgmart <98432065+morgmart@users.noreply.github.com>
Date: Mon, 7 Sep 2026 16:14:27 -0700
Subject: [PATCH 25/33] desktop-new: the palette's step labels describe Buzz,
 not the scale it came from
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Both label sets came with the transcribed values and described a generic scale's
intentions: step 4 as "component hover", step 6 as "subtle border", step 7 as
"border". The product then decided otherwise and nobody updated the comments, so
the file said step 4 was a hover step while it held `border-primary`, the one
border weight, and said steps 6 and 7 were for borders while they had no readers
at all. A designer opening `tokens.css` or `/design/color` was told the wrong
thing by the only documentation to hand.

The neutral ramp's comments now name the roles that actually point at each step,
including the two steps that have no reader — an empty step is worth seeing,
because it is either a gap or a deletion nobody made yet.

`STEP_JOBS` keeps generic wording, because it is shared by all eight hues and a
hue's step 3 is a tinted surface whatever the product does with it. But it now
matches DESIGN.md's step-to-role table exactly, which it did not, and it says so
about itself: general intention here, real use in the neutral ramp's comments.

The reason it drifted is that it was never rendered. Every palette step carried
this text and no page displayed it, so it could only be checked by reading the
source. The colour page now shows each step's job under its swatch, which makes
the next divergence visible by looking rather than by audit.

Signed-off-by: Morgan Martin <morganmartin@squareup.com>
Signed-off-by: morgmart <98432065+morgmart@users.noreply.github.com>
---
 .../features/design-system/ui/ColourPage.tsx  |  9 ++++
 desktop-new/src/shared/styles/tokens.css      | 46 ++++++++++++-------
 desktop-new/src/shared/tokens/registry.ts     | 39 ++++++++++------
 3 files changed, 65 insertions(+), 29 deletions(-)

diff --git a/desktop-new/src/features/design-system/ui/ColourPage.tsx b/desktop-new/src/features/design-system/ui/ColourPage.tsx
index 875841f7be..abb68c01e2 100644
--- a/desktop-new/src/features/design-system/ui/ColourPage.tsx
+++ b/desktop-new/src/features/design-system/ui/ColourPage.tsx
@@ -97,6 +97,12 @@ export function ColourPage() {
                   {hue.usedBy ? `drawn from by ${hue.usedBy}` : "unassigned"}
                 </span>
               </div>
+              {/* Each step carries what it is for, not just its number. The
+                  registry has always held this text and no page rendered it,
+                  which is how it drifted: it still described the generic scale
+                  the values came from — step 4 as "component hover" — long after
+                  this product had made step 4 its one border weight. Unrendered
+                  documentation cannot be checked by looking. */}
               <div className="flex gap-1">
                 {hue.steps.map((step) => (
                   <div
@@ -110,6 +116,9 @@ export function ColourPage() {
                     <span className="text-center text-body-sm text-tertiary">
                       {step.step}
                     </span>
+                    <span className="text-center text-body-sm text-tertiary">
+                      {step.job}
+                    </span>
                   </div>
                 ))}
               </div>
diff --git a/desktop-new/src/shared/styles/tokens.css b/desktop-new/src/shared/styles/tokens.css
index 014fe41357..4a061ff71c 100644
--- a/desktop-new/src/shared/styles/tokens.css
+++ b/desktop-new/src/shared/styles/tokens.css
@@ -263,23 +263,37 @@
    ============================================================ */
 
 :root {
-  /* --- Neutral. Twelve steps, each step a fixed job. --------
+  /* --- Neutral. Twelve steps. --------------------------------
      Keeps its numbering: unlike the coloured families these steps
-     really are a scale, and every step is in use. Step 1 stays
-     pure white rather than the palette's off-white, because the
-     app background is a deliberate choice, not a grey. */
-  --neutral-1: #ffffff; /* app background            */
-  --neutral-2: #f9f9f9; /* subtle background         */
-  --neutral-3: #f0f0f0; /* component background      */
-  --neutral-4: #e8e8e8; /* component hover           */
-  --neutral-5: #e0e0e0; /* component selected        */
-  --neutral-6: #d9d9d9; /* subtle border             */
-  --neutral-7: #cecece; /* border                    */
-  --neutral-8: #bbbbbb; /* border hover              */
-  --neutral-9: #8d8d8d; /* solid fill, tertiary text */
-  --neutral-10: #646464; /* secondary text           */
-  --neutral-11: #262626; /* dark fill                */
-  --neutral-12: #0a0a0a; /* high-contrast text       */
+     really are a scale. Step 1 stays pure white rather than the
+     palette's off-white, because the app background is a
+     deliberate choice, not a grey.
+
+     **The comments record what Buzz uses each step for, not what
+     Radix intended it for.** They said "component hover",
+     "subtle border", "border" — a generic scale's intentions,
+     transcribed with the values and then left alone while the
+     product decided otherwise. That is how the one border weight
+     came to sit on the step labelled "component hover" while the
+     two steps labelled for borders had no readers at all, and how
+     a designer reading this file would have been told the wrong
+     thing by the only documentation at hand.
+
+     Keep these current. A step whose comment disagrees with its
+     use is worse than no comment, because it reads as a decision
+     someone made. `pnpm census` lists the real readers. */
+  --neutral-1: #ffffff; /* bg-panel, bg-float, bg-chrome-selected  */
+  --neutral-2: #f9f9f9; /* unused in light; bg-inset in dark       */
+  --neutral-3: #f0f0f0; /* bg-inset; bg-panel in dark              */
+  --neutral-4: #e8e8e8; /* border-primary — the one border weight  */
+  --neutral-5: #e0e0e0; /* unused in light; float + selected, dark */
+  --neutral-6: #d9d9d9; /* the /design specimen frame edge only    */
+  --neutral-7: #cecece; /* no readers                              */
+  --neutral-8: #bbbbbb; /* text-disabled                           */
+  --neutral-9: #8d8d8d; /* text-tertiary                           */
+  --neutral-10: #646464; /* text-secondary                         */
+  --neutral-11: #262626; /* inverse fill, paired with neutral-1    */
+  --neutral-12: #0a0a0a; /* text-primary                           */
 
   /* --- Glass. A translucency ramp of fills. ---------------- */
   --glass-1: #ffffff5c; /* barely there   */
diff --git a/desktop-new/src/shared/tokens/registry.ts b/desktop-new/src/shared/tokens/registry.ts
index f040f23dfa..e5d5099318 100644
--- a/desktop-new/src/shared/tokens/registry.ts
+++ b/desktop-new/src/shared/tokens/registry.ts
@@ -63,23 +63,36 @@ export interface RoleGroup {
    ============================================================ */
 
 /**
- * What each of the twelve steps is *for*. The same twelve jobs in every hue —
- * which is the whole point of a twelve-step scale, and what makes the
- * step-to-role mapping deterministic: a role picks a step number, not a colour.
- * Named from the neutral ramp because that is where every step is in use.
+ * What each of the twelve steps is *for*, as a starting point.
+ *
+ * The same twelve jobs in every hue is what makes a twelve-step scale useful and
+ * the step-to-role mapping deterministic: a role picks a step number, not a
+ * colour.
+ *
+ * **These are the scale's general intentions, not a record of Buzz's decisions,
+ * and the two have already diverged.** The list came with the values and said
+ * step 4 was "component hover" and step 6 "subtle border" — while in this product
+ * step 4 is the one border weight and step 6 has one reader on a documentation
+ * page. A generic label that contradicts the product is worse than none, because
+ * a designer reading `/design` takes it for a decision someone made.
+ *
+ * So: **the label answers "what is this step generally for", and the neutral
+ * ramp's own comments in `tokens.css` answer "what does Buzz actually do with
+ * it".** When a step's real use settles into something durable, move it here.
+ * `pnpm census` lists the real readers of every role.
  */
 const STEP_JOBS = [
-  "app background",
-  "subtle background",
-  "component background",
-  "component hover",
-  "component selected",
-  "subtle border",
+  "lightest surface",
+  "subtle surface",
+  "tinted surface",
+  "tinted surface, hovered",
+  "quiet border, or a selected surface",
   "border",
-  "border hover",
+  "stronger border",
+  "border hover, focus ring",
   "solid fill",
-  "secondary text",
-  "dark fill",
+  "solid fill, hovered",
+  "text on a tint, or an inverse fill",
   "high-contrast text",
 ];
 

From 8ed0dc9931d7f43b407b3c1c156e51d3f2345af6 Mon Sep 17 00:00:00 2001
From: morgmart <98432065+morgmart@users.noreply.github.com>
Date: Mon, 7 Sep 2026 16:20:55 -0700
Subject: [PATCH 26/33] desktop-new: border-primary takes a lighter step in
 dark mode
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Light mode keeps neutral-4; dark mode moves to neutral-6. A hairline needs more
separation on a dark surface than the same step number provides, and the old
single value was invisible where it mattered: measured against every surface a
border sits on, neutral-4 is 1.08:1 on a dark panel and 1.09:1 on the floating
composer. Drawn, and not perceptible. neutral-6 is 1.35 and 1.14.

Not neutral-5, which is one step and the obvious answer. `bg-float` and
`bg-chrome-selected` are both neutral-5 in dark, so a border on a floating surface
would have measured 1.00:1 — the same colour as the thing it bounds.

This is the asymmetry the role exists for. Light and dark do not have to reach for
the same step, and no `border-neutral-4` class could express it; it is the same
test the four structural surfaces pass.

The /design specimen frames drop their hardcoded `neutral-6` and read the role
again. They only named a step directly because the role was invisible in dark, so
documentation furniture and product boundaries had diverged for a reason that no
longer holds.

Signed-off-by: Morgan Martin <morganmartin@squareup.com>
Signed-off-by: morgmart <98432065+morgmart@users.noreply.github.com>
---
 .../src/shared/styles/design-components.css   | 18 +++++++-----------
 desktop-new/src/shared/styles/tokens.css      | 19 +++++++++++++++++--
 2 files changed, 24 insertions(+), 13 deletions(-)

diff --git a/desktop-new/src/shared/styles/design-components.css b/desktop-new/src/shared/styles/design-components.css
index 785da7169f..31fed82fde 100644
--- a/desktop-new/src/shared/styles/design-components.css
+++ b/desktop-new/src/shared/styles/design-components.css
@@ -50,16 +50,12 @@
        worse than a specimen you swipe. */
     overflow-x: auto;
     padding: var(--space-6);
-    /* `neutral-6` rather than `border-primary` (neutral-4). This boundary has to
-       survive in both modes, and neutral-4 measured 1.23:1 against the light page
-       and 1.08:1 against the dark one — technically drawn, effectively invisible
-       in dark. neutral-6 is 1.41 and 1.35. Still a hairline, which is the point:
-       it separates the specimen without competing with what is inside it.
-
-       Written as a ramp step because the product's one border weight is for
-       product boundaries; the /design pages' own furniture is documentation
-       chrome and may be tuned for legibility on its own terms. */
-    border: 1px solid var(--neutral-6);
+    /* The product's border weight, now that it is mode-aware. This used to name
+       `neutral-6` directly because `border-primary` was neutral-4 in both modes
+       and measured 1.08:1 against the dark page — invisible. The role now takes
+       neutral-6 in dark, so the documentation furniture and the product agree
+       again, which is what a shared boundary role is for. */
+    border: 1px solid var(--border-primary);
     border-radius: var(--radius-panel);
     background: var(--bg-panel);
   }
@@ -168,7 +164,7 @@
   .component-overview-preview {
     height: 13rem;
     overflow: hidden;
-    border: 1px solid var(--neutral-6);
+    border: 1px solid var(--border-primary);
     border-radius: var(--radius-panel);
     background: var(--bg-panel);
   }
diff --git a/desktop-new/src/shared/styles/tokens.css b/desktop-new/src/shared/styles/tokens.css
index 4a061ff71c..0a03cc130b 100644
--- a/desktop-new/src/shared/styles/tokens.css
+++ b/desktop-new/src/shared/styles/tokens.css
@@ -285,9 +285,9 @@
   --neutral-1: #ffffff; /* bg-panel, bg-float, bg-chrome-selected  */
   --neutral-2: #f9f9f9; /* unused in light; bg-inset in dark       */
   --neutral-3: #f0f0f0; /* bg-inset; bg-panel in dark              */
-  --neutral-4: #e8e8e8; /* border-primary — the one border weight  */
+  --neutral-4: #e8e8e8; /* border-primary in light mode            */
   --neutral-5: #e0e0e0; /* unused in light; float + selected, dark */
-  --neutral-6: #d9d9d9; /* the /design specimen frame edge only    */
+  --neutral-6: #d9d9d9; /* border-primary in dark mode             */
   --neutral-7: #cecece; /* no readers                              */
   --neutral-8: #bbbbbb; /* text-disabled                           */
   --neutral-9: #8d8d8d; /* text-tertiary                           */
@@ -668,6 +668,21 @@
   --bg-inset: var(--neutral-2);
   --bg-chrome-selected: var(--neutral-5);
 
+  /* Two steps lighter than light mode's neutral-4, because a hairline needs more
+     separation on a dark surface than the same step number provides. Measured
+     against every surface a border sits on: neutral-4 is 1.08:1 on a panel and
+     1.09:1 on the floating composer — drawn, and effectively invisible.
+     neutral-6 is 1.35 and 1.14.
+
+     Not neutral-5, which is one step and would have been the obvious answer:
+     `bg-float` and `bg-chrome-selected` are both neutral-5 in dark, so a border
+     on a floating surface would measure 1.00:1 — the same colour as the thing it
+     is meant to bound.
+
+     **This asymmetry is the reason the role exists.** Light and dark do not have
+     to reach for the same step, and no `border-neutral-4` class could say this. */
+  --border-primary: var(--neutral-6);
+
   --rim-lit: #ffffff2e;
   --rim-shade: #ffffff0f;
 }

From 16b8dd3464e5641bb9d405aa3e78fc5eb41da899 Mon Sep 17 00:00:00 2001
From: morgmart <98432065+morgmart@users.noreply.github.com>
Date: Mon, 7 Sep 2026 17:10:36 -0700
Subject: [PATCH 27/33] desktop-new: document the decision path from context to
 token

A shared role that fails in a real context is a defect in the shared decision,
not a reason to name a nearby ramp step locally. The specimen frames exposed
this with border-primary: neutral-4 was visible enough in light mode and 1.08:1
against a dark panel. The first response bypassed it with neutral-6 just for the
documentation. The correct response was to measure every reader, repair the role
to neutral-4 light / neutral-6 dark, and return every caller to the same role.

DESIGN.md now gives the complete decision order: use a component first; add a
variant if the background changes; choose a surface by its spatial job; use the
shared boundary role; choose ramp steps directly for a hue decision; add a
proposed role only when one step cannot express both modes; and stop and ask
rather than making a local exception. It also records why the border uses two
different steps and why neutral-5 could not be the one-step dark adjustment.

Signed-off-by: Morgan Martin <morganmartin@squareup.com>
Signed-off-by: morgmart <98432065+morgmart@users.noreply.github.com>
---
 desktop-new/DESIGN.md | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/desktop-new/DESIGN.md b/desktop-new/DESIGN.md
index 56da700a61..66197a5f08 100644
--- a/desktop-new/DESIGN.md
+++ b/desktop-new/DESIGN.md
@@ -12,7 +12,7 @@ Buzz is a place where people build together and bring their agents into the room
 
 - **Panels sit on the backdrop; the backdrop is a gradient.** Everything else is a panel in a different place. The navigation column is not a special kind of surface.
 - **A region is separated by a soft fill, not by an outline.** Reach for `bg-inset` before reaching for a border. A bordered box announces its own edges; a filled one lets the content sit in a place. Grouping is the common case, so the quiet treatment is the default one.
-- **A border is for a genuine boundary, and there is one weight: `border-primary`.** It is neutral 4: visible enough to hold the edge of a panel over the gradient, but quiet enough that internal dividers do not become the hierarchy. A second weight arrives only with the design that proves a different boundary needs it. Text and borders still hold different values — text at the dark end of the neutral ramp, borders at the light end — so if a divider looks like text, it is pointed at the wrong role.
+- **A border is for a genuine boundary, and there is one weight: `border-primary`.** It is `neutral-4` in light and `neutral-6` in dark. A hairline needs more separation on a dark surface than the same step number supplies: `neutral-4` measured 1.08:1 on a dark panel and 1.09:1 on the floating composer — drawn, and effectively invisible. `neutral-5` looked like the obvious one-step move but is `bg-float` in dark, so a border there would be 1.00:1: the same colour as the surface it is meant to bound. `neutral-6` clears the actual surfaces at 1.35–1.43 on panel/inset and 1.14 on float. **That mode difference is the reason this is a role rather than `border-neutral-4`.** A second weight arrives only with the design that proves a different boundary needs it. Text and borders still hold different values — text at the dark end of the neutral ramp, borders at the light end — so if a divider looks like text, it is pointed at the wrong role.
 - **No page-wide gradient behind documentation or dense reading.** The gradient is the product's backdrop for chrome and panels. Behind a column of prose it fights the text and makes contrast position-dependent — such surfaces sit on `bg-panel`.
 - **Shadows stay at the threshold of perception.** If a shadow is obvious, it is too strong. The two elevation values are the whole vocabulary.
 - **Elevation is carried by shadow in light mode and by lightness in dark mode.** On a near-black background there is nothing darker for a shadow to cast, so a floating surface becomes a step lighter instead. Never reach for a stronger shadow to make something float in dark mode.
@@ -393,4 +393,13 @@ Every addition lands in `src/shared/tokens/registry.ts` in the same change that
 
 - **Use an existing component before creating one, and an existing role before adding one.**
 - **A new visual treatment that repeats belongs in the system, not in the feature.**
+- **If a shared role fails in a real context, repair the role — never work around it locally.** A documentation specimen frame needed a border but `border-primary` was neutral-4 in both modes, which measured 1.08:1 on the dark page. The wrong response was the one we made first: name `neutral-6` directly and call documentation furniture a special case. The right response was to ask whether the one shared boundary role was wrong, measure it on every surface it reaches, and make it `neutral-4` light / `neutral-6` dark. The frame then returned to `border-primary`, and every product divider improved with it. **A local exception is evidence the shared decision is incomplete, not a licence to bypass it.**
+- **When choosing a colour, surface, or boundary, use this order.**
+  1. **Is there already a component for the thing?** Use it. Its variants are the decisions already made. Do not assemble its fill, border, shadow, or states yourself.
+  2. **If the component has no variant for its background, add a variant rather than a sibling component.** `Tabs` is `chrome` (glass pill on the gradient) or `panel` (underline on a plain surface): same behaviour, different appearance. A second component would duplicate its keyboard and accessibility contract just to change styling.
+  3. **If building a surface directly, choose its job before its colour.** Backdrop → `bg-app`; opaque region on it → `bg-panel`; region pushed in → `bg-inset`; thing floating above → `bg-float`; something the backdrop should show through → `glass-primary` or `glass-secondary`. Do not use a border to do the work of an inset fill.
+  4. **If drawing a boundary, use `border-primary`.** It is the one shared hairline, already authored for both modes. If it does not read in the actual context, measure that context and fix this role — do not name a neutral step at the call site.
+  5. **If choosing an accent or status colour, choose a ramp step and measure it.** `bg-purple-9`, `bg-purple-3`, `text-red-12`, `border-purple-8`: every step responds to mode. Do not invent a semantic name for one choice; a repeated *pattern* earns a name when Morgan says it does.
+  6. **If the choice cannot be expressed by one step in both modes, make a proposed role with both values and a one-sentence job.** If the name only restates one step, it has not earned a role. If it is a whole treatment — glass is the example — make a utility that carries every inseparable part together.
+  7. **If none of this feels clearly right, stop and ask.** Choosing a raw literal or a local exception is never the escape hatch. The system is deliberately allowed to grow; uncertainty is evidence of a missing decision, not a prompt to hide one.
 - **If a screen looks right but breaks these rules, the rules are probably wrong — say so.** This document is meant to be argued with, not worked around.

From 39679c25c1e69a237974f35392dbea388c553b9a Mon Sep 17 00:00:00 2001
From: morgmart <98432065+morgmart@users.noreply.github.com>
Date: Mon, 7 Sep 2026 17:11:43 -0700
Subject: [PATCH 28/33] desktop-new: make the design guide the single colour
 decision path

The vault's Colour Token System duplicated the token specification, documented a
families layer, three border weights, component-named glass, and nine obsolete
neutral values. It is deleted; all remaining Buzz Redesign vault links now point
to DESIGN.md as the sole visual-system authority.

DESIGN.md gains a practical path from context to token. Use a component first;
add a variant when the context changes; choose a surface by spatial job; use the
shared boundary role; choose public ramp steps for one-step hue decisions; make a
proposed role only when one step cannot express both modes; and stop rather than
creating a local exception. The border incident is retained as the worked rule:
when a shared role fails, repair the role and return every caller to it.

Also corrects two stale statements inside DESIGN.md itself: ramps and roles are
both public, not roles alone, and growing the system now starts with "write the
mode-aware ramp step directly" rather than the obsolete instruction to search the
role list first.

Signed-off-by: Morgan Martin <morganmartin@squareup.com>
Signed-off-by: morgmart <98432065+morgmart@users.noreply.github.com>
---
 desktop-new/DESIGN.md | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/desktop-new/DESIGN.md b/desktop-new/DESIGN.md
index 66197a5f08..9d1aacfade 100644
--- a/desktop-new/DESIGN.md
+++ b/desktop-new/DESIGN.md
@@ -103,7 +103,7 @@ Nine roles. Sans: `text-display` 32, `text-title` 24, `text-heading` 16/600,
 
 ## Colour structure
 
-Two layers, and only the role layer is used when building a screen.
+Two public layers, plus components: screens normally write a palette step, and use a role only for a decision a step cannot express.
 
 | Layer | Example | What it is |
 |---|---|---|
@@ -372,13 +372,14 @@ it is the rule a generated theme is measured against.
 
 Need something the system doesn't have? **Add it, mark it `proposed`, keep working.** There is no gate and no separate mechanism for one-offs — the moment the legal path is slower than writing a raw value, the system starts being bypassed.
 
-1. Search the role list by intent, not by colour.
-2. A state of an existing role — add the `-hover`, `-selected`, or `-disabled` sibling with both values.
-3. A material variant — add the `-glass` sibling with both values and its blur token.
-4. A new role using existing words — add the name, both values, a one-sentence description, and an owner.
-5. A new hue — generate its ramp, add roles pointing at steps. Never a literal.
-6. A new vocabulary word — allowed, but it is the thing the audit reports on its own line, so use an existing word if one fits.
-7. **Never write a raw value.** If nothing above applies, say so rather than reaching for a literal.
+1. Search the component list, then the role list, by intent — not by colour.
+2. If the decision is one ramp step in both modes, write that step directly. `bg-purple-3`, `text-red-12`, `border-purple-8`: the steps are public and mode-aware.
+3. A state of an existing role — add the `-hover`, `-selected`, or `-disabled` sibling with both values, only if that state cannot be one step in both modes.
+4. A material variant — add a named utility that carries its inseparable parts together. Glass is the example: its fill is deliberately not reachable alone, because fill without blur, rim, and lift is not glass.
+5. A new role using existing words — only where one step cannot express both modes, or where the name enforces a rule. Add the name, both values, a one-sentence description, and an owner.
+6. A new hue — generate its ramp. Never write a raw literal in a component; the palette is where literals live.
+7. A new vocabulary word — allowed, but it is the thing the audit reports on its own line, so use an existing word if one fits.
+8. **If none fit, stop and ask.** The answer is a proposed decision, not a raw value or an undocumented local exception.
 
 Every addition lands in `src/shared/tokens/registry.ts` in the same change that needed it. Promotion from `proposed` to `core` is a metadata change, not a rename.
 

From e3ae0cb5261f52651b95586ed9b17fe54fe319a6 Mon Sep 17 00:00:00 2001
From: morgmart <98432065+morgmart@users.noreply.github.com>
Date: Mon, 7 Sep 2026 17:23:25 -0700
Subject: [PATCH 29/33] desktop-new: component specimens show their real
 boundary
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

PanelHeader is a header row, not a panel. Its specimen now renders only its own
optional icon, title, and actions — no invented Panel around it — and its action
is the existing IconButton supplied through the `actions` slot rather than a raw
button recreated in the specimen.

Panel owns only a surface: fill, border, shadow, rounded silhouette, and clipping.
It owns neither a header nor content, so its standalone specimen is now an empty
Panel against the gradient it is designed to sit on. The fake header and copy
made the live component appear to own a complete work surface, which it does not.

The two-panel pseudo-workspace is deleted. Resizing and split geometry belong to
DockWorkspace, which owns live layout, resize seams, and persistence policy; a
Panel can sit in ordinary layout, a fixed composition, or a workspace and must
not pretend it owns any of them. Real resizing gets documented on DockWorkspace's
page when that component has a specimen with a running dock.

Signed-off-by: Morgan Martin <morganmartin@squareup.com>
Signed-off-by: morgmart <98432065+morgmart@users.noreply.github.com>
---
 .../design-system/ui/componentSpecimens.tsx   | 56 +++++++------------
 .../src/shared/styles/design-components.css   | 42 +++-----------
 desktop-new/src/shared/ui/Panel.tsx           | 26 +++++----
 desktop-new/src/shared/ui/registry.ts         | 14 ++++-
 4 files changed, 55 insertions(+), 83 deletions(-)

diff --git a/desktop-new/src/features/design-system/ui/componentSpecimens.tsx b/desktop-new/src/features/design-system/ui/componentSpecimens.tsx
index 60909c2609..c0f56d0dff 100644
--- a/desktop-new/src/features/design-system/ui/componentSpecimens.tsx
+++ b/desktop-new/src/features/design-system/ui/componentSpecimens.tsx
@@ -288,30 +288,13 @@ function AvatarSpecimen() {
 function PanelSpecimen() {
   return (
     <div className="component-specimen-stack">
-      <SpecimenGroup label='variant="panel" — the default, rounded on every edge'>
+      <SpecimenGroup label="Panel — the surface by itself">
+        {/* No invented header or copy inside this specimen. Panel owns a surface,
+            not what a product chooses to put on it, so an empty Panel is the
+            honest live component. The gradient is the surrounding context it is
+            designed to sit on, not content supplied by the specimen. */}
         <div className="component-single-surface-demo">
-          <Panel aria-label="Standalone panel example">
-            <PanelHeader variant="compact" title="Standalone panel" />
-          </Panel>
-        </div>
-      </SpecimenGroup>
-      {/* The connected pair reads only side by side: each variant squares off
-          the edge it meets so the seam between them is a single line. */}
-      <SpecimenGroup label='variant="connected-right" and variant="connected-left"'>
-        <div className="component-surface-demo">
-          <Panel
-            as="aside"
-            variant="connected-right"
-            aria-label="Right-connected surface example"
-          >
-            <PanelHeader variant="compact" title="Navigator" />
-          </Panel>
-          <Panel
-            variant="connected-left"
-            aria-label="Left-connected surface example"
-          >
-            <PanelHeader variant="compact" title="Conversation" />
-          </Panel>
+          <Panel aria-label="Panel surface" />
         </div>
       </SpecimenGroup>
     </div>
@@ -467,21 +450,20 @@ function PanelHeaderSpecimen() {
   );
   return (
     <div className="component-specimen-stack">
-      <SpecimenGroup label='variant="default" — with icon and actions'>
-        <Panel aria-label="Default panel header example">
-          <PanelHeader
-            title="Conversation"
-            icon={
-              <IconMessageCircle size={16} stroke={1.7} aria-hidden="true" />
-            }
-            actions={actions}
-          />
-        </Panel>
+      {/* PanelHeader is the header row itself — optional icon, title, and actions.
+          Panel is intentionally not wrapped around it: Panel owns the surface and
+          PanelHeader owns neither its container nor the content below it. The end
+          control is the existing IconButton component, composed through `actions`
+          rather than rebuilt as a raw button. */}
+      <SpecimenGroup label="Default — icon, title, and IconButton action">
+        <PanelHeader
+          title="Conversation"
+          icon={<IconMessageCircle size={16} stroke={1.7} aria-hidden="true" />}
+          actions={actions}
+        />
       </SpecimenGroup>
-      <SpecimenGroup label='variant="compact" — shorter, for a nested panel'>
-        <Panel aria-label="Compact panel header example">
-          <PanelHeader variant="compact" title="Thread" actions={actions} />
-        </Panel>
+      <SpecimenGroup label="Compact — title and IconButton action">
+        <PanelHeader variant="compact" title="Thread" actions={actions} />
       </SpecimenGroup>
     </div>
   );
diff --git a/desktop-new/src/shared/styles/design-components.css b/desktop-new/src/shared/styles/design-components.css
index 31fed82fde..36828459d1 100644
--- a/desktop-new/src/shared/styles/design-components.css
+++ b/desktop-new/src/shared/styles/design-components.css
@@ -91,8 +91,16 @@
     white-space: nowrap;
   }
 
+  /* A Panel is a workspace surface, not a header-shaped wrapper. The specimen
+     gives it a definite canvas: percentage height only resolves against a
+     definite parent, so the previous min-height let this panel collapse to its
+     PanelHeader and made the component invisible as a surface. */
+  /* Panel's specimen supplies only the context it is designed for — the
+     atmospheric backdrop — and the component supplies only its own surface.
+     A former two-panel pseudo-workspace was deleted: resize seams and layout
+     geometry belong to DockWorkspace, not to Panel. */
   .component-single-surface-demo {
-    min-height: 10rem;
+    height: 16rem;
     padding: var(--space-workspace-inset);
     border-radius: var(--radius-panel);
     background: var(--bg-app);
@@ -102,38 +110,6 @@
     height: 100%;
   }
 
-  .component-surface-demo {
-    display: grid;
-    min-height: 12rem;
-    grid-template-columns: minmax(10rem, var(--size-navigator)) minmax(
-        18rem,
-        1fr
-      );
-    gap: var(--space-panel-gap);
-    padding: var(--space-workspace-inset);
-    border-radius: var(--radius-panel);
-    background: var(--bg-app);
-  }
-
-  .component-surface-demo .panel {
-    height: 100%;
-  }
-
-  .panel[data-variant="navigator-demo"] {
-    width: min(100%, var(--size-navigator));
-    padding: var(--space-2);
-  }
-
-  .component-navigator-search {
-    margin-bottom: var(--space-4);
-  }
-
-  .panel[data-variant="navigator-demo"]
-    .navigator-section
-    + .navigator-section {
-    margin-top: var(--space-4);
-  }
-
   .component-field-demo {
     width: min(100%, var(--size-navigator));
   }
diff --git a/desktop-new/src/shared/ui/Panel.tsx b/desktop-new/src/shared/ui/Panel.tsx
index c47e2bad7d..856029c1fb 100644
--- a/desktop-new/src/shared/ui/Panel.tsx
+++ b/desktop-new/src/shared/ui/Panel.tsx
@@ -1,26 +1,32 @@
 import type { ComponentProps, ElementType, ReactNode } from "react";
 
-type PanelVariant =
-  | "panel"
-  | "connected-left"
-  | "connected-right"
-  | "navigator-demo";
-
 type PanelProps<T extends ElementType> = {
   as?: T;
-  children: ReactNode;
-  variant?: PanelVariant;
+  children?: ReactNode;
 } & Omit<ComponentProps<T>, "as" | "children" | "className">;
 
+/**
+ * An independently legible workspace surface.
+ *
+ * Panel owns only the rounded surface: its fill, border, shadow, and clipping.
+ * It owns neither a header nor content — those are composed into it by the
+ * product surface that knows what belongs there. An empty Panel is therefore a
+ * complete and valid specimen of this component.
+ *
+ * Resizing is deliberately not a Panel concern. A panel can sit in ordinary
+ * layout, a future fixed composition, or a DockWorkspace; the workspace owns
+ * live geometry, its resize seams, and their persistence policy. Asking Panel
+ * to demonstrate a resizable arrangement would make a layout owner look like a
+ * surface owner.
+ */
 export function Panel<T extends ElementType = "section">({
   as,
   children,
-  variant = "panel",
   ...props
 }: PanelProps<T>) {
   const Component = as ?? "section";
   return (
-    <Component {...props} className="panel" data-variant={variant}>
+    <Component {...props} className="panel">
       {children}
     </Component>
   );
diff --git a/desktop-new/src/shared/ui/registry.ts b/desktop-new/src/shared/ui/registry.ts
index 64e03f3f40..9a65390d0e 100644
--- a/desktop-new/src/shared/ui/registry.ts
+++ b/desktop-new/src/shared/ui/registry.ts
@@ -39,6 +39,12 @@ export type ComponentDefinition = {
   variants: readonly string[];
   status: ComponentStatus;
   owner?: string;
+  /**
+   * The component whose frame this component belongs inside in the design
+   * system navigation. This is documentation hierarchy, not an import graph:
+   * a child remains independently usable and documented on its own page.
+   */
+  parent?: string;
   /** The file this component lives in, relative to `src/`. */
   source: string;
   /**
@@ -107,9 +113,10 @@ export const COMPONENTS: readonly ComponentDefinition[] = [
   {
     slug: "panel",
     name: "Panel",
-    purpose: "A major panel sitting on the atmospheric workspace backdrop.",
+    purpose:
+      "An independently legible workspace surface sitting on the atmospheric workspace backdrop. It owns only the rounded surface — fill, border, shadow, and clipping — never a header, content, or resize behaviour.",
     behavior: "Semantic native region",
-    variants: ["panel", "connected-left", "connected-right"],
+    variants: ["panel"],
     status: "proposed",
     owner: "desktop-new Messages",
     source: "shared/ui/Panel.tsx",
@@ -133,11 +140,12 @@ export const COMPONENTS: readonly ComponentDefinition[] = [
     slug: "panel-header",
     name: "PanelHeader",
     purpose:
-      "The identity and action boundary at the top of a workspace panel.",
+      "A panel's header row: optional icon, title, and actions. It composes controls supplied through actions but owns neither the panel container nor the content below it.",
     behavior: "Semantic native header",
     variants: ["default", "compact"],
     status: "proposed",
     owner: "desktop-new Messages",
+    parent: "panel",
     source: "shared/ui/PanelHeader.tsx",
     baseUi: [],
     composes: [],

From d34c320fd211f77aed28f9439138965dd198dbc4 Mon Sep 17 00:00:00 2001
From: morgmart <98432065+morgmart@users.noreply.github.com>
Date: Mon, 7 Sep 2026 20:48:40 -0700
Subject: [PATCH 30/33] feat(desktop-new): evolve navigation and design system

Signed-off-by: morgmart <98432065+morgmart@users.noreply.github.com>
---
 desktop-new/AGENTS.md                         |   2 +-
 desktop-new/DESIGN.md                         |   2 +
 desktop-new/scripts/check-contrast.mjs        |   2 +-
 .../src/app/routes/design/composer.tsx        |   7 +
 .../src/app/useKeyboardFocusVisibility.ts     |  48 +++
 .../agent-activity/activityProjection.test.ts |  36 ++
 .../activityProjection.ts                     |  50 ++-
 .../src/features/agent-activity/types.ts      |  28 ++
 .../agent-activity/ui/AgentActivityRail.tsx   |  32 ++
 .../agent-activity/useAgentActivity.ts        |  47 +++
 .../features/agents/ui/AgentsWorkspace.tsx    |  41 +--
 .../composer-spike/ui/ComposerSpikePage.tsx   |   6 +-
 .../src/features/composer/ui/EmojiPicker.tsx  |  91 +++++
 .../features/composer/ui/MessageComposer.tsx  | 181 ++++++++++
 .../features/composer/useComposerDrafts.ts    |  44 +++
 .../conversation/channelWindow.test.ts        |  96 ++++++
 .../features/conversation/channelWindow.ts    | 128 +++++++
 .../ui/ConversationComposerDock.tsx           |  64 ++++
 .../features/conversation/useConversation.ts  | 203 ++++++++++++
 .../features/design-system/ui/BaseUiPage.tsx  |   2 +-
 .../design-system/ui/ComponentsPage.tsx       |  23 +-
 .../design-system/ui/ComposerPage.tsx         |  79 +++++
 .../design-system/ui/DesignSystemLayout.tsx   |  77 +++--
 .../features/design-system/ui/GrowthPage.tsx  |   4 +-
 .../design-system/ui/OverviewPage.tsx         |   8 +-
 .../design-system/ui/VocabularyPage.tsx       |   6 +-
 .../ui/baseUiBackingSentence.test.ts          |  13 +-
 .../design-system/ui/componentSpecimens.tsx   |  91 +++--
 .../features/design-system/ui/primitives.tsx  |   6 +-
 .../resolveMessagesDestination.test.ts        |  36 ++
 .../navigation/resolveMessagesDestination.ts  |  21 ++
 desktop-new/src/features/navigation/types.ts  |  11 +
 .../navigation/ui/MessagesNavigator.tsx       | 231 +++++++++++++
 .../src/features/navigation/useNavigation.ts  |  55 ++++
 .../sessions/channelWindowProjection.test.ts  |  33 --
 .../sessions/channelWindowProjection.ts       |  55 ----
 desktop-new/src/features/sessions/types.ts    |  38 ---
 .../features/sessions/ui/AgentActivity.tsx    |   4 +-
 .../src/features/sessions/ui/AppShell.tsx     | 299 +++++++----------
 .../features/sessions/ui/NewSessionView.tsx   |  11 +-
 .../features/sessions/ui/SessionComposer.tsx  |  67 ----
 .../src/features/sessions/ui/SessionView.tsx  | 180 +++-------
 desktop-new/src/main.tsx                      |   8 +-
 .../src/shared/community/useCommunity.ts      |  34 ++
 .../src/shared/identity/useIdentity.ts        |  31 ++
 .../src/shared/runtime/channelWindow.ts       |  20 ++
 desktop-new/src/shared/runtime/client.ts      | 126 ++++++-
 .../src/shared/runtime/observerEvent.ts       |  14 +
 desktop-new/src/shared/styles/agents.css      |  14 +-
 desktop-new/src/shared/styles/chips.css       |   8 +-
 desktop-new/src/shared/styles/components.css  | 150 ++++++---
 .../src/shared/styles/design-components.css   |  16 +-
 desktop-new/src/shared/styles/globals.css     |  10 +-
 desktop-new/src/shared/styles/product.css     | 311 +++++++++++-------
 desktop-new/src/shared/styles/tokens.css      |  14 +-
 desktop-new/src/shared/tokens/registry.ts     |   7 -
 desktop-new/src/shared/ui/InlineChip.tsx      |  87 +++--
 .../{NavigatorRow.tsx => NavigationItem.tsx}  |  16 +-
 .../src/shared/ui/NavigationSection.tsx       |  23 ++
 .../src/shared/ui/NavigatorSection.tsx        |  18 -
 desktop-new/src/shared/ui/PreviewCard.tsx     |  31 ++
 desktop-new/src/shared/ui/registry.test.ts    |  14 +
 desktop-new/src/shared/ui/registry.ts         |  49 ++-
 desktop-new/tests/inline-chip.spec.ts         |  36 +-
 desktop-new/tests/sessions.spec.ts            | 192 +++++++++++
 65 files changed, 2771 insertions(+), 916 deletions(-)
 create mode 100644 desktop-new/src/app/routes/design/composer.tsx
 create mode 100644 desktop-new/src/app/useKeyboardFocusVisibility.ts
 create mode 100644 desktop-new/src/features/agent-activity/activityProjection.test.ts
 rename desktop-new/src/features/{sessions => agent-activity}/activityProjection.ts (69%)
 create mode 100644 desktop-new/src/features/agent-activity/types.ts
 create mode 100644 desktop-new/src/features/agent-activity/ui/AgentActivityRail.tsx
 create mode 100644 desktop-new/src/features/agent-activity/useAgentActivity.ts
 create mode 100644 desktop-new/src/features/composer/ui/EmojiPicker.tsx
 create mode 100644 desktop-new/src/features/composer/ui/MessageComposer.tsx
 create mode 100644 desktop-new/src/features/composer/useComposerDrafts.ts
 create mode 100644 desktop-new/src/features/conversation/channelWindow.test.ts
 create mode 100644 desktop-new/src/features/conversation/channelWindow.ts
 create mode 100644 desktop-new/src/features/conversation/ui/ConversationComposerDock.tsx
 create mode 100644 desktop-new/src/features/conversation/useConversation.ts
 create mode 100644 desktop-new/src/features/design-system/ui/ComposerPage.tsx
 create mode 100644 desktop-new/src/features/navigation/resolveMessagesDestination.test.ts
 create mode 100644 desktop-new/src/features/navigation/resolveMessagesDestination.ts
 create mode 100644 desktop-new/src/features/navigation/types.ts
 create mode 100644 desktop-new/src/features/navigation/ui/MessagesNavigator.tsx
 create mode 100644 desktop-new/src/features/navigation/useNavigation.ts
 delete mode 100644 desktop-new/src/features/sessions/channelWindowProjection.test.ts
 delete mode 100644 desktop-new/src/features/sessions/channelWindowProjection.ts
 delete mode 100644 desktop-new/src/features/sessions/ui/SessionComposer.tsx
 create mode 100644 desktop-new/src/shared/community/useCommunity.ts
 create mode 100644 desktop-new/src/shared/identity/useIdentity.ts
 create mode 100644 desktop-new/src/shared/runtime/channelWindow.ts
 create mode 100644 desktop-new/src/shared/runtime/observerEvent.ts
 rename desktop-new/src/shared/ui/{NavigatorRow.tsx => NavigationItem.tsx} (62%)
 create mode 100644 desktop-new/src/shared/ui/NavigationSection.tsx
 delete mode 100644 desktop-new/src/shared/ui/NavigatorSection.tsx
 create mode 100644 desktop-new/src/shared/ui/PreviewCard.tsx

diff --git a/desktop-new/AGENTS.md b/desktop-new/AGENTS.md
index 1a8a8cadf7..e041514d20 100644
--- a/desktop-new/AGENTS.md
+++ b/desktop-new/AGENTS.md
@@ -113,7 +113,7 @@ is not glass, so it is reachable only through the `glass-primary` /
 
 | Choice | Reason |
 |---|---|
-| **Base UI** | Behaviour, accessibility, keyboard, and positioning with zero appearance. The visual language is authored here, not inherited then overridden. |
+| **Base UI** | Behaviour, accessibility, keyboard, and positioning with zero appearance. The visual language is authored here, not inherited then overridden. **Before building any interactive shared component, check Base UI first; when it has the behavior, wrap and compose that primitive rather than recreating its events, focus, positioning, portal, or dismissal logic.** A native element is appropriate only when Base UI has no corresponding primitive or the component is semantically static. |
 | **Tailwind v4** | Tokens are defined in CSS via `@theme`; the CSS *is* the config. No JS config file. |
 | **Own colour tokens** | Not shadcn. Its vocabulary — `muted-foreground`, `secondary-foreground` — is what made colour illegible in the existing client. |
 | **TanStack Router** | File-based routes, same as the existing client. |
diff --git a/desktop-new/DESIGN.md b/desktop-new/DESIGN.md
index 9d1aacfade..84c5bd12a8 100644
--- a/desktop-new/DESIGN.md
+++ b/desktop-new/DESIGN.md
@@ -386,6 +386,8 @@ Every addition lands in `src/shared/tokens/registry.ts` in the same change that
 ## Components
 
 - **Compose existing components freely. Never reimplement one.**
+- **Focus is keyboard-only visual navigation.** Pointer focus stays quiet; keyboard navigation gives the focused control—not its container—a visible focus ring. Browsers treat clicked text fields as `:focus-visible`, so the app-root keyboard-navigation fact gates every focus treatment. Never add a `:focus-within` focus ring to a container: it duplicates the child control's signal and makes pointer focus noisy.
+- **Base UI is the behavior layer.** Before writing an interactive shared component, inspect Base UI for the matching primitive. When one exists, wrap and compose it; Base UI owns focus, keyboard behavior, positioning, portals, and dismissal, while Buzz owns the visual language and product semantics. Reach for native elements only when Base UI has no matching primitive or the component is semantically static.
 - **Need a variant that doesn't exist? Add it, mark it proposed.** If a variant almost fits but you would cancel several of its states, the base is wrong for the job and the system is missing a variant.
 - **Never add a boolean prop for a visual difference.** Variants are enumerable, so an agent can read the list and pick; booleans multiply, and nobody designed most of the combinations. New props are for data and behaviour, not appearance.
 - **Used by one feature? It lives in that feature's folder.** Used by two? Propose it as shared. The folder is the namespace.
diff --git a/desktop-new/scripts/check-contrast.mjs b/desktop-new/scripts/check-contrast.mjs
index d4fdb9306c..bf3f4ae8fe 100644
--- a/desktop-new/scripts/check-contrast.mjs
+++ b/desktop-new/scripts/check-contrast.mjs
@@ -57,7 +57,7 @@ const META_ROLES = new Set(["--text-tertiary"]);
  * its step here. It still belongs in this list: a row under the cursor is a
  * surface text sits on, whatever it is called.
  */
-const SURFACES = ["--bg-panel", "--bg-float", "--bg-inset", "--neutral-4"];
+const SURFACES = ["--bg-panel", "--bg-float", "--neutral-2", "--neutral-4"];
 
 /**
  * Text that must be readable on every neutral surface.
diff --git a/desktop-new/src/app/routes/design/composer.tsx b/desktop-new/src/app/routes/design/composer.tsx
new file mode 100644
index 0000000000..8200f42dfa
--- /dev/null
+++ b/desktop-new/src/app/routes/design/composer.tsx
@@ -0,0 +1,7 @@
+import { createFileRoute } from "@tanstack/react-router";
+
+import { ComposerPage } from "@/features/design-system/ui/ComposerPage";
+
+export const Route = createFileRoute("/design/composer")({
+  component: ComposerPage,
+});
diff --git a/desktop-new/src/app/useKeyboardFocusVisibility.ts b/desktop-new/src/app/useKeyboardFocusVisibility.ts
new file mode 100644
index 0000000000..dff36d37bd
--- /dev/null
+++ b/desktop-new/src/app/useKeyboardFocusVisibility.ts
@@ -0,0 +1,48 @@
+import { useEffect } from "react";
+
+const KEYBOARD_NAVIGATION_KEYS = new Set([
+  "Tab",
+  "ArrowDown",
+  "ArrowLeft",
+  "ArrowRight",
+  "ArrowUp",
+  "End",
+  "Home",
+  "PageDown",
+  "PageUp",
+]);
+
+/**
+ * Makes keyboard focus visible without treating a pointer click in a text field
+ * as keyboard navigation. Browsers intentionally match :focus-visible for text
+ * inputs even after a click, so this app-level modality fact gates the visual
+ * treatment consistently for every control.
+ */
+export function useKeyboardFocusVisibility() {
+  useEffect(() => {
+    const root = document.documentElement;
+    const useKeyboardNavigation = (event: KeyboardEvent) => {
+      if (
+        KEYBOARD_NAVIGATION_KEYS.has(event.key) &&
+        !event.metaKey &&
+        !event.ctrlKey &&
+        !event.altKey
+      ) {
+        root.dataset.keyboardNavigation = "";
+      }
+    };
+    const usePointerNavigation = () => {
+      delete root.dataset.keyboardNavigation;
+    };
+
+    window.addEventListener("keydown", useKeyboardNavigation, true);
+    window.addEventListener("pointerdown", usePointerNavigation, true);
+    window.addEventListener("touchstart", usePointerNavigation, true);
+    return () => {
+      window.removeEventListener("keydown", useKeyboardNavigation, true);
+      window.removeEventListener("pointerdown", usePointerNavigation, true);
+      window.removeEventListener("touchstart", usePointerNavigation, true);
+      delete root.dataset.keyboardNavigation;
+    };
+  }, []);
+}
diff --git a/desktop-new/src/features/agent-activity/activityProjection.test.ts b/desktop-new/src/features/agent-activity/activityProjection.test.ts
new file mode 100644
index 0000000000..bbf36e028a
--- /dev/null
+++ b/desktop-new/src/features/agent-activity/activityProjection.test.ts
@@ -0,0 +1,36 @@
+import { describe, expect, it } from "vitest";
+
+import { reduceActivity } from "./activityProjection";
+
+const event = (kind: string, status: string) => ({
+  seq: 1,
+  timestamp: "2026-09-08T03:00:00.000Z",
+  kind,
+  channelId: "design",
+  sessionId: "session",
+  turnId: "turn",
+  agentPubkey: "agent",
+  payload: { agentName: "Vogue", title: kind, status },
+});
+
+describe("reduceActivity", () => {
+  it("keeps a turn working after an individual tool completes", () => {
+    const started = reduceActivity(new Map(), event("turn_started", "running"));
+    const updated = reduceActivity(
+      started,
+      event("tool_call_completed", "completed"),
+    );
+
+    expect([...updated.values()][0]?.status).toBe("running");
+  });
+
+  it("settles only when the turn itself reaches a terminal event", () => {
+    const started = reduceActivity(new Map(), event("turn_started", "running"));
+    const completed = reduceActivity(
+      started,
+      event("turn_completed", "completed"),
+    );
+
+    expect([...completed.values()][0]?.status).toBe("completed");
+  });
+});
diff --git a/desktop-new/src/features/sessions/activityProjection.ts b/desktop-new/src/features/agent-activity/activityProjection.ts
similarity index 69%
rename from desktop-new/src/features/sessions/activityProjection.ts
rename to desktop-new/src/features/agent-activity/activityProjection.ts
index 2949dc76da..ebe510b7f5 100644
--- a/desktop-new/src/features/sessions/activityProjection.ts
+++ b/desktop-new/src/features/agent-activity/activityProjection.ts
@@ -1,9 +1,5 @@
-import type {
-  ActivityItem,
-  ActivityStatus,
-  AgentTurn,
-  ObserverEvent,
-} from "./types";
+import type { ObserverEvent } from "@/shared/runtime/observerEvent";
+import type { ActivityItem, ActivityStatus, AgentTurn } from "./types";
 
 const TERMINAL_KINDS: Record<string, ActivityStatus> = {
   turn_completed: "completed",
@@ -38,13 +34,13 @@ function statusFor(event: ObserverEvent): ActivityStatus {
 }
 
 function itemLabel(event: ObserverEvent): string {
-  const title =
+  return (
     text(event.payload.title) ??
     text(event.payload.toolCallTitle) ??
     text(event.payload.toolName) ??
-    text(event.payload.name);
-  if (title) return title;
-  return event.kind.replaceAll("_", " ");
+    text(event.payload.name) ??
+    event.kind.replaceAll("_", " ")
+  );
 }
 
 function itemId(event: ObserverEvent): string {
@@ -68,6 +64,10 @@ function eventToItem(event: ObserverEvent): ActivityItem {
   };
 }
 
+/**
+ * Projects one owner-private observer event into a stable agent turn. The
+ * capability owns this projection once; conversations only read its result.
+ */
 export function reduceActivity(
   current: Map<string, AgentTurn>,
   event: ObserverEvent,
@@ -89,18 +89,34 @@ export function reduceActivity(
   if (existingIndex >= 0) items[existingIndex] = incoming;
   else items.push(incoming);
   items.sort((left, right) => left.timestamp.localeCompare(right.timestamp));
+  // A completed tool call is evidence within an active turn, not completion
+  // of the turn itself. Only a terminal turn event may replace its aggregate
+  // state; otherwise the dock would disappear midway through an agent's work.
+  const isTerminalTurnEvent = event.kind in TERMINAL_KINDS;
+  const turnStatus = isTerminalTurnEvent
+    ? statusFor(event)
+    : previous
+      ? previous.status
+      : statusFor(event);
+
   next.set(key, {
     key,
     agentPubkey: event.agentPubkey,
     agentName: text(event.payload.agentName) ?? fallbackAgentName,
     sessionId,
     turnId: event.turnId,
-    status: statusFor(event),
+    channelId: event.channelId,
+    status: turnStatus,
     items,
   });
   return next;
 }
 
+/** The most recent activity item is the compact dock's truthful summary. */
+export function latestActivityItem(turn: AgentTurn): ActivityItem | undefined {
+  return turn.items.at(-1);
+}
+
 export function partitionActivity(turn: AgentTurn): {
   visibleItems: ActivityItem[];
   hiddenItems: ActivityItem[];
@@ -115,12 +131,12 @@ export function partitionActivity(turn: AgentTurn): {
       )
       .map((item) => item.id),
   );
-  const visibleItems = turn.items.filter(
-    (item) => recentIds.has(item.id) || urgentIds.has(item.id),
-  );
-  const visibleIds = new Set(visibleItems.map((item) => item.id));
   return {
-    visibleItems,
-    hiddenItems: turn.items.filter((item) => !visibleIds.has(item.id)),
+    visibleItems: turn.items.filter(
+      (item) => recentIds.has(item.id) || urgentIds.has(item.id),
+    ),
+    hiddenItems: turn.items.filter(
+      (item) => !recentIds.has(item.id) && !urgentIds.has(item.id),
+    ),
   };
 }
diff --git a/desktop-new/src/features/agent-activity/types.ts b/desktop-new/src/features/agent-activity/types.ts
new file mode 100644
index 0000000000..ec4ca9449d
--- /dev/null
+++ b/desktop-new/src/features/agent-activity/types.ts
@@ -0,0 +1,28 @@
+export type ActivityStatus =
+  | "pending"
+  | "running"
+  | "completed"
+  | "failed"
+  | "cancelled"
+  | "needs_you"
+  | "unavailable";
+
+export type ActivityItem = {
+  id: string;
+  label: string;
+  detail?: string;
+  status: ActivityStatus;
+  timestamp: string;
+};
+
+/** Owner-private activity from an agent turn. Not a shared conversation event. */
+export type AgentTurn = {
+  key: string;
+  agentPubkey: string;
+  agentName: string;
+  sessionId: string;
+  turnId: string;
+  channelId: string;
+  status: ActivityStatus;
+  items: ActivityItem[];
+};
diff --git a/desktop-new/src/features/agent-activity/ui/AgentActivityRail.tsx b/desktop-new/src/features/agent-activity/ui/AgentActivityRail.tsx
new file mode 100644
index 0000000000..cc53963661
--- /dev/null
+++ b/desktop-new/src/features/agent-activity/ui/AgentActivityRail.tsx
@@ -0,0 +1,32 @@
+import { latestActivityItem } from "../activityProjection";
+import type { AgentTurn } from "../types";
+
+/**
+ * Compact, non-blocking status beneath a Conversation Composer.
+ *
+ * It renders only active turns. ConversationDock owns its space; this component
+ * owns the activity's readable, motion-safe working treatment.
+ */
+export function AgentActivityRail({ turns }: { turns: AgentTurn[] }) {
+  if (turns.length === 0) return null;
+
+  return (
+    <div className="agent-activity-rail" role="status">
+      {turns.map((turn) => {
+        const current = latestActivityItem(turn);
+        const label = `${turn.agentName} is working${
+          current ? ` · ${current.label}` : ""
+        }`;
+        return (
+          <span
+            key={turn.key}
+            className="agent-activity-rail-status text-body-sm"
+            aria-label={label}
+          >
+            {label}
+          </span>
+        );
+      })}
+    </div>
+  );
+}
diff --git a/desktop-new/src/features/agent-activity/useAgentActivity.ts b/desktop-new/src/features/agent-activity/useAgentActivity.ts
new file mode 100644
index 0000000000..ba16727b7b
--- /dev/null
+++ b/desktop-new/src/features/agent-activity/useAgentActivity.ts
@@ -0,0 +1,47 @@
+import { useEffect, useMemo, useState } from "react";
+import { runtime } from "@/shared/runtime/client";
+import type { ObserverEvent } from "@/shared/runtime/observerEvent";
+import { reduceActivity } from "./activityProjection";
+import type { AgentTurn } from "./types";
+
+/**
+ * The one app-scoped ingestion point for owner-private observer telemetry.
+ *
+ * Mount this once above conversation placements. Consumers receive a read model
+ * filtered to their current channel rather than starting their own observer
+ * subscription.
+ */
+export function useAgentActivity() {
+  const [turnsByKey, setTurnsByKey] = useState<Map<string, AgentTurn>>(
+    () => new Map(),
+  );
+
+  useEffect(() => {
+    let disposed = false;
+    let stop: (() => void) | undefined;
+
+    void runtime
+      .observe((event: ObserverEvent) => {
+        if (!disposed)
+          setTurnsByKey((current) => reduceActivity(current, event));
+      })
+      .then((cleanup) => {
+        if (disposed) cleanup();
+        else stop = cleanup;
+      });
+
+    return () => {
+      disposed = true;
+      stop?.();
+    };
+  }, []);
+
+  const turns = useMemo(() => [...turnsByKey.values()], [turnsByKey]);
+
+  return {
+    /** Reads activity for a conversation; it never owns the observer stream. */
+    forChannel(channelId: string) {
+      return turns.filter((turn) => turn.channelId === channelId);
+    },
+  };
+}
diff --git a/desktop-new/src/features/agents/ui/AgentsWorkspace.tsx b/desktop-new/src/features/agents/ui/AgentsWorkspace.tsx
index c7bca253f4..8b40d76abf 100644
--- a/desktop-new/src/features/agents/ui/AgentsWorkspace.tsx
+++ b/desktop-new/src/features/agents/ui/AgentsWorkspace.tsx
@@ -5,10 +5,24 @@ import {
   IconRobot,
 } from "@tabler/icons-react";
 import { useCallback, useEffect, useMemo, useState } from "react";
-import { runtime } from "@/shared/runtime/client";
+import { readRelayUrl } from "@/shared/community/useCommunity";
+import { readIdentity } from "@/shared/identity/useIdentity";
 import { agentRuntime } from "../runtime";
 import type { AgentRuntime, ManagedAgent } from "../types";
 
+/**
+ * The community and signer a managed agent is launched against. Read from the
+ * shared facts rather than the backend adapter, so this feature cannot disagree
+ * with the rest of the app about who is running it or where.
+ */
+async function readAgentScope() {
+  const [relayUrl, identity] = await Promise.all([
+    readRelayUrl(),
+    readIdentity(),
+  ]);
+  return { relayUrl, signerPubkey: identity.pubkey };
+}
+
 function runtimeReady(runtime: AgentRuntime) {
   return (
     runtime.availability === "available" &&
@@ -34,7 +48,7 @@ export function AgentsNavigator({
         <span className="text-heading text-primary">Agents</span>
         <button
           type="button"
-          className="navigator-row-action always-visible"
+          className="navigation-item-action always-visible"
           onClick={onNew}
           aria-label="New agent"
         >
@@ -45,7 +59,7 @@ export function AgentsNavigator({
         {agents.map((agent) => (
           <button
             type="button"
-            className="agent-navigator-row"
+            className="agent-navigation-item"
             data-selected={selectedPubkey === agent.pubkey || undefined}
             key={agent.pubkey}
             onClick={() => onSelect(agent.pubkey)}
@@ -91,17 +105,13 @@ function AgentCreation({
     setSaving(true);
     setError(null);
     try {
-      const [relayUrl, identity] = await Promise.all([
-        runtime.relayUrl(),
-        runtime.identity(),
-      ]);
+      const scope = await readAgentScope();
       onCreated(
         await agentRuntime.create({
           name: name.trim(),
           instructions: instructions.trim(),
           runtime: selected,
-          relayUrl,
-          signerPubkey: identity.pubkey,
+          ...scope,
         }),
       );
     } catch (caught) {
@@ -159,7 +169,7 @@ function AgentCreation({
           </p>
         ) : null}
         {error ? (
-          <p className="text-body text-danger" role="alert">
+          <p className="text-body text-red-12" role="alert">
             {error}
           </p>
         ) : null}
@@ -198,15 +208,8 @@ function AgentDetail({
       if (agent.status === "running") {
         onChange(await agentRuntime.stop(agent.pubkey));
       } else {
-        const [relayUrl, identity] = await Promise.all([
-          runtime.relayUrl(),
-          runtime.identity(),
-        ]);
         onChange(
-          await agentRuntime.start(agent.pubkey, {
-            relayUrl,
-            signerPubkey: identity.pubkey,
-          }),
+          await agentRuntime.start(agent.pubkey, await readAgentScope()),
         );
       }
     } catch (caught) {
@@ -263,7 +266,7 @@ function AgentDetail({
           </div>
         </section>
         {error || agent.lastError ? (
-          <p className="setup-callout text-body text-danger" role="alert">
+          <p className="setup-callout text-body text-red-12" role="alert">
             {error || agent.lastError}
           </p>
         ) : null}
diff --git a/desktop-new/src/features/composer-spike/ui/ComposerSpikePage.tsx b/desktop-new/src/features/composer-spike/ui/ComposerSpikePage.tsx
index 7365627c64..f5b3184227 100644
--- a/desktop-new/src/features/composer-spike/ui/ComposerSpikePage.tsx
+++ b/desktop-new/src/features/composer-spike/ui/ComposerSpikePage.tsx
@@ -114,7 +114,7 @@ export function ComposerSpikePage() {
           data-testid="insert-morgan"
           onMouseDown={keepFocus}
           onClick={() => insertChip(MORGAN)}
-          className="rounded-md bg-inset px-3 py-1 text-body text-primary"
+          className="rounded-md bg-neutral-2 px-3 py-1 text-body text-primary"
         >
           Insert Morgan
         </button>
@@ -123,7 +123,7 @@ export function ComposerSpikePage() {
           data-testid="insert-alex"
           onMouseDown={keepFocus}
           onClick={() => insertChip(ALEX)}
-          className="rounded-md bg-inset px-3 py-1 text-body text-primary"
+          className="rounded-md bg-neutral-2 px-3 py-1 text-body text-primary"
         >
           Insert Alex
         </button>
@@ -132,7 +132,7 @@ export function ComposerSpikePage() {
           data-testid="clear"
           onMouseDown={keepFocus}
           onClick={() => editor.chain().focus().clearContent(true).run()}
-          className="rounded-md bg-inset px-3 py-1 text-body text-primary"
+          className="rounded-md bg-neutral-2 px-3 py-1 text-body text-primary"
         >
           Clear
         </button>
diff --git a/desktop-new/src/features/composer/ui/EmojiPicker.tsx b/desktop-new/src/features/composer/ui/EmojiPicker.tsx
new file mode 100644
index 0000000000..71bf573fd2
--- /dev/null
+++ b/desktop-new/src/features/composer/ui/EmojiPicker.tsx
@@ -0,0 +1,91 @@
+import { Popover as BasePopover } from "@base-ui/react/popover";
+import { IconMoodSmile } from "@tabler/icons-react";
+import { useState, type RefObject } from "react";
+
+import { Button } from "@/shared/ui/Button";
+import { IconButton } from "@/shared/ui/IconButton";
+
+const EMOJI = [
+  "😀",
+  "😂",
+  "😊",
+  "😍",
+  "🤔",
+  "🎉",
+  "👍",
+  "👀",
+  "🙏",
+  "💜",
+  "🔥",
+  "✅",
+  "🚀",
+  "💡",
+  "🫡",
+  "👋",
+  "🙌",
+  "💯",
+  "🤝",
+  "✨",
+] as const;
+
+/**
+ * The first Composer expression control: a small, curated emoji picker.
+ *
+ * Base UI owns the anchored, portal-rendered popup and its dismissal. The
+ * composer owns selection restoration: picker interactions must not turn a
+ * chosen emoji into an editor-focus detour.
+ */
+export function EmojiPicker({
+  disabled,
+  textarea,
+  onInsert,
+}: {
+  disabled?: boolean;
+  textarea: RefObject<HTMLTextAreaElement | null>;
+  onInsert: (emoji: string) => void;
+}) {
+  const [open, setOpen] = useState(false);
+
+  return (
+    <BasePopover.Root modal={false} open={open} onOpenChange={setOpen}>
+      <BasePopover.Trigger
+        render={
+          <IconButton
+            aria-label="Choose emoji"
+            disabled={disabled}
+            icon={<IconMoodSmile size={18} stroke={1.8} aria-hidden="true" />}
+            variant="ghost"
+            onMouseDown={(event) => event.preventDefault()}
+          />
+        }
+      />
+      <BasePopover.Portal>
+        <BasePopover.Positioner side="top" align="start" sideOffset={8}>
+          <BasePopover.Popup
+            className="composer-emoji-picker"
+            initialFocus={false}
+            finalFocus={textarea}
+          >
+            <fieldset className="composer-emoji-grid">
+              <legend className="sr-only">Emoji</legend>
+              {EMOJI.map((emoji) => (
+                <Button
+                  key={emoji}
+                  aria-label={`Insert ${emoji}`}
+                  size="compact"
+                  variant="ghost"
+                  onClick={() => {
+                    onInsert(emoji);
+                    setOpen(false);
+                  }}
+                >
+                  <span aria-hidden="true">{emoji}</span>
+                </Button>
+              ))}
+            </fieldset>
+          </BasePopover.Popup>
+        </BasePopover.Positioner>
+      </BasePopover.Portal>
+    </BasePopover.Root>
+  );
+}
diff --git a/desktop-new/src/features/composer/ui/MessageComposer.tsx b/desktop-new/src/features/composer/ui/MessageComposer.tsx
new file mode 100644
index 0000000000..cdffca27fc
--- /dev/null
+++ b/desktop-new/src/features/composer/ui/MessageComposer.tsx
@@ -0,0 +1,181 @@
+import {
+  IconArrowUp,
+  IconPaperclip,
+  IconTypography,
+  IconMicrophone,
+} from "@tabler/icons-react";
+import { type FormEvent, useEffect, useRef, useState } from "react";
+
+import { IconButton } from "@/shared/ui/IconButton";
+
+import { EmojiPicker } from "./EmojiPicker";
+
+/**
+ * The first production Composer composition.
+ *
+ * It owns visual authoring and local submission feedback only. Draft scope and
+ * the send transaction belong to its caller. Attachment, emoji, formatting,
+ * and voice controls are intentionally visual seams in this pass: their real
+ * behavior arrives one capability at a time, not as decorative placeholders.
+ */
+export function MessageComposer({
+  disabled,
+  draft,
+  onDraftChange,
+  onSend,
+  placeholder = "Message the session",
+}: {
+  disabled?: boolean;
+  draft: string;
+  onDraftChange: (value: string) => void;
+  onSend: (content: string) => Promise<void>;
+  placeholder?: string;
+}) {
+  const [sending, setSending] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+  const textarea = useRef<HTMLTextAreaElement>(null);
+  const selection = useRef({ start: 0, end: 0 });
+
+  useEffect(() => {
+    textarea.current?.focus();
+  }, []);
+
+  async function submit(event: FormEvent) {
+    event.preventDefault();
+    const content = draft.trim();
+    if (!content || sending || disabled) return;
+
+    setSending(true);
+    setError(null);
+    try {
+      await onSend(content);
+      onDraftChange("");
+    } catch (caught) {
+      setError(
+        caught instanceof Error ? caught.message : "Your message was not sent.",
+      );
+    } finally {
+      setSending(false);
+      textarea.current?.focus();
+    }
+  }
+
+  function rememberSelection() {
+    const element = textarea.current;
+    if (!element) return;
+    selection.current = {
+      start: element.selectionStart,
+      end: element.selectionEnd,
+    };
+  }
+
+  function insertEmoji(emoji: string) {
+    const { start, end } = selection.current;
+    const next = `${draft.slice(0, start)}${emoji}${draft.slice(end)}`;
+    onDraftChange(next);
+    requestAnimationFrame(() => {
+      const element = textarea.current;
+      if (!element) return;
+      const position = start + emoji.length;
+      element.focus();
+      element.setSelectionRange(position, position);
+      selection.current = { start: position, end: position };
+    });
+  }
+
+  const unavailable = Boolean(disabled || sending);
+  const canSend = Boolean(draft.trim()) && !unavailable;
+  const state = disabled
+    ? "disabled"
+    : sending
+      ? "sending"
+      : error
+        ? "failed"
+        : "ready";
+
+  return (
+    <form className="message-composer" data-state={state} onSubmit={submit}>
+      <div className="message-composer-input">
+        <textarea
+          ref={textarea}
+          value={draft}
+          rows={3}
+          disabled={disabled}
+          aria-label={placeholder}
+          aria-describedby={error ? "composer-send-error" : undefined}
+          placeholder={placeholder}
+          onChange={(event) => {
+            selection.current = {
+              start: event.currentTarget.selectionStart,
+              end: event.currentTarget.selectionEnd,
+            };
+            setError(null);
+            onDraftChange(event.target.value);
+          }}
+          onSelect={rememberSelection}
+          onKeyUp={rememberSelection}
+          onMouseUp={rememberSelection}
+          onKeyDown={(event) => {
+            if (
+              event.key === "Enter" &&
+              !event.shiftKey &&
+              !event.nativeEvent.isComposing
+            ) {
+              event.preventDefault();
+              event.currentTarget.form?.requestSubmit();
+            }
+          }}
+        />
+        {error ? (
+          <p
+            id="composer-send-error"
+            className="message-composer-feedback text-body-sm text-red-12"
+            role="alert"
+          >
+            Couldn’t send. Your message is still here — try again.
+          </p>
+        ) : sending ? (
+          <p
+            className="message-composer-feedback text-body-sm text-secondary"
+            role="status"
+          >
+            Sending message…
+          </p>
+        ) : null}
+      </div>
+      <div className="message-composer-actions">
+        <div className="message-composer-actions-start">
+          <IconButton
+            aria-label="Attach file"
+            icon={<IconPaperclip size={18} stroke={1.8} aria-hidden="true" />}
+            variant="ghost"
+          />
+          <EmojiPicker
+            disabled={unavailable}
+            textarea={textarea}
+            onInsert={insertEmoji}
+          />
+          <IconButton
+            aria-label="Toggle formatting"
+            icon={<IconTypography size={18} stroke={1.8} aria-hidden="true" />}
+            variant="ghost"
+          />
+        </div>
+        <div className="message-composer-actions-end">
+          <IconButton
+            aria-label="Record voice note"
+            icon={<IconMicrophone size={18} stroke={1.8} aria-hidden="true" />}
+            variant="ghost"
+          />
+          <IconButton
+            type="submit"
+            aria-label={sending ? "Sending message" : "Send message"}
+            icon={<IconArrowUp size={18} stroke={1.8} aria-hidden="true" />}
+            variant="solid"
+            disabled={!canSend}
+          />
+        </div>
+      </div>
+    </form>
+  );
+}
diff --git a/desktop-new/src/features/composer/useComposerDrafts.ts b/desktop-new/src/features/composer/useComposerDrafts.ts
new file mode 100644
index 0000000000..9008e0358d
--- /dev/null
+++ b/desktop-new/src/features/composer/useComposerDrafts.ts
@@ -0,0 +1,44 @@
+import { useCallback, useState } from "react";
+
+export type ComposerDrafts = {
+  readDraft: (destinationId: string) => string;
+  writeDraft: (destinationId: string, value: string) => void;
+  clearDraft: (destinationId: string) => void;
+};
+
+/**
+ * Owns drafts by product destination rather than by a mounted text field.
+ *
+ * The AppShell creates this once for the current application composition, so a
+ * conversation can unmount while its draft remains ready when the person
+ * returns. Persisting across an application restart is a later product
+ * decision; this controller deliberately does not invent it.
+ */
+export function useComposerDrafts(): ComposerDrafts {
+  const [drafts, setDrafts] = useState<Map<string, string>>(() => new Map());
+
+  const readDraft = useCallback(
+    (destinationId: string) => drafts.get(destinationId) ?? "",
+    [drafts],
+  );
+
+  const writeDraft = useCallback((destinationId: string, value: string) => {
+    setDrafts((current) => {
+      const next = new Map(current);
+      if (value) next.set(destinationId, value);
+      else next.delete(destinationId);
+      return next;
+    });
+  }, []);
+
+  const clearDraft = useCallback((destinationId: string) => {
+    setDrafts((current) => {
+      if (!current.has(destinationId)) return current;
+      const next = new Map(current);
+      next.delete(destinationId);
+      return next;
+    });
+  }, []);
+
+  return { readDraft, writeDraft, clearDraft };
+}
diff --git a/desktop-new/src/features/conversation/channelWindow.test.ts b/desktop-new/src/features/conversation/channelWindow.test.ts
new file mode 100644
index 0000000000..5659057f27
--- /dev/null
+++ b/desktop-new/src/features/conversation/channelWindow.test.ts
@@ -0,0 +1,96 @@
+import { describe, expect, it } from "vitest";
+import { mergeMessages, projectChannelWindow } from "./channelWindow";
+
+const event = (
+  kind: number,
+  id: string,
+  content = "content",
+  createdAt = 100,
+) => ({
+  id,
+  pubkey: "author",
+  content,
+  created_at: createdAt,
+  kind,
+  tags:
+    kind === 39006
+      ? [
+          ["h", "channel"],
+          ["d", "channel:head"],
+        ]
+      : [["h", "channel"]],
+});
+
+describe("projectChannelWindow", () => {
+  it("keeps protocol overlays and system events out of the transcript", () => {
+    const projection = projectChannelWindow(
+      [
+        event(40099, "system", '{"type":"channel_created"}'),
+        event(9, "message", "Hello"),
+        event(39005, "summary", '{"reply_count":2}'),
+        event(39006, "bounds", '{"has_more":false,"next_cursor":null}'),
+      ],
+      { channelId: "channel" },
+    );
+
+    expect(projection.messages.map(({ id }) => id)).toEqual(["message"]);
+    expect(projection.systemEvents.map(({ id }) => id)).toEqual(["system"]);
+    expect(projection.threadSummaries.map(({ id }) => id)).toEqual(["summary"]);
+    expect(projection.bounds).toEqual({ hasMore: false, nextCursor: null });
+  });
+
+  it("rejects ambiguous or internally inconsistent bounds", () => {
+    expect(() =>
+      projectChannelWindow(
+        [
+          event(39006, "one", '{"has_more":false,"next_cursor":null}'),
+          event(39006, "two", '{"has_more":false,"next_cursor":null}'),
+        ],
+        { channelId: "channel" },
+      ),
+    ).toThrow("more than one bounds");
+    expect(() =>
+      projectChannelWindow(
+        [event(39006, "bounds", '{"has_more":true,"next_cursor":null}')],
+        { channelId: "channel" },
+      ),
+    ).toThrow("require next_cursor");
+    expect(() =>
+      projectChannelWindow([event(9, "message")], { channelId: "channel" }),
+    ).toThrow("missing bounds");
+  });
+
+  it("uses the event ID as the same-second ordering tie-breaker", () => {
+    const projection = projectChannelWindow(
+      [
+        event(9, "b", "second", 100),
+        event(9, "a", "first", 100),
+        event(39006, "bounds", '{"has_more":false,"next_cursor":null}'),
+      ],
+      { channelId: "channel" },
+    );
+
+    expect(projection.messages.map(({ id }) => id)).toEqual(["a", "b"]);
+  });
+});
+
+describe("mergeMessages", () => {
+  it("deduplicates the live overlay and keeps total relay order", () => {
+    const result = mergeMessages(
+      [
+        { ...event(9, "b", "b", 100), createdAt: 100 },
+        { ...event(9, "c", "c", 101), createdAt: 101 },
+      ],
+      [
+        { ...event(9, "a", "a", 100), createdAt: 100 },
+        { ...event(9, "c", "fresh c", 101), createdAt: 101 },
+      ],
+    );
+
+    expect(result.map(({ id, content }) => [id, content])).toEqual([
+      ["a", "a"],
+      ["b", "b"],
+      ["c", "fresh c"],
+    ]);
+  });
+});
diff --git a/desktop-new/src/features/conversation/channelWindow.ts b/desktop-new/src/features/conversation/channelWindow.ts
new file mode 100644
index 0000000000..b10e0f9c59
--- /dev/null
+++ b/desktop-new/src/features/conversation/channelWindow.ts
@@ -0,0 +1,128 @@
+import type { Message } from "@/features/sessions/types";
+import type {
+  ChannelWindowCursor,
+  ChannelWindowRequest,
+  RawChannelEvent,
+} from "@/shared/runtime/channelWindow";
+
+export const CHANNEL_MESSAGE_KINDS = new Set([9, 40002, 40008]);
+export const CHANNEL_SYSTEM_KIND = 40099;
+export const THREAD_SUMMARY_KIND = 39005;
+export const WINDOW_BOUNDS_KIND = 39006;
+
+export type ChannelWindowBounds = {
+  hasMore: boolean;
+  nextCursor: ChannelWindowCursor | null;
+};
+
+export type ConversationWindowRequest = ChannelWindowRequest;
+
+export type ChannelWindow = {
+  messages: Message[];
+  systemEvents: RawChannelEvent[];
+  threadSummaries: RawChannelEvent[];
+  bounds: ChannelWindowBounds | null;
+};
+
+function compareMessages(left: Message, right: Message) {
+  return left.createdAt - right.createdAt || left.id.localeCompare(right.id);
+}
+
+function expectedBoundsKey({ channelId, cursor }: ConversationWindowRequest) {
+  return `${channelId}:${cursor ? `${cursor.createdAt}:${cursor.id}` : "head"}`;
+}
+
+function parseBounds(
+  event: RawChannelEvent,
+  request: ConversationWindowRequest,
+): ChannelWindowBounds {
+  const requestKey = event.tags.find(([name]) => name === "d")?.[1];
+  if (requestKey !== expectedBoundsKey(request)) {
+    throw new Error("Channel window bounds do not match their request.");
+  }
+  let content: unknown;
+  try {
+    content = JSON.parse(event.content);
+  } catch {
+    throw new Error("Channel window bounds are not valid JSON.");
+  }
+  if (typeof content !== "object" || content === null) {
+    throw new Error("Channel window bounds are not an object.");
+  }
+  const { has_more: hasMore, next_cursor: nextCursor } = content as Record<
+    string,
+    unknown
+  >;
+  if (typeof hasMore !== "boolean") {
+    throw new Error("Channel window bounds are missing has_more.");
+  }
+  if (nextCursor === null) {
+    if (hasMore) throw new Error("Channel window bounds require next_cursor.");
+    return { hasMore, nextCursor: null };
+  }
+  if (typeof nextCursor !== "object" || nextCursor === null) {
+    throw new Error("Channel window next_cursor is invalid.");
+  }
+  const { created_at: createdAt, id } = nextCursor as Record<string, unknown>;
+  if (
+    typeof createdAt !== "number" ||
+    !Number.isInteger(createdAt) ||
+    typeof id !== "string"
+  ) {
+    throw new Error("Channel window next_cursor is invalid.");
+  }
+  if (!hasMore)
+    throw new Error("Channel window bounds must not have next_cursor.");
+  return { hasMore, nextCursor: { createdAt, id } };
+}
+
+/**
+ * Partitions the relay's channel-window response before any ordering logic.
+ * Bounds and thread summaries describe rows; they never become rows themselves.
+ */
+export function projectChannelWindow(
+  events: RawChannelEvent[],
+  request: ConversationWindowRequest,
+): ChannelWindow {
+  const messages: Message[] = [];
+  const systemEvents: RawChannelEvent[] = [];
+  const threadSummaries: RawChannelEvent[] = [];
+  let bounds: ChannelWindowBounds | null = null;
+
+  for (const event of events) {
+    if (CHANNEL_MESSAGE_KINDS.has(event.kind)) {
+      messages.push({
+        id: event.id,
+        pubkey: event.pubkey,
+        content: event.content,
+        createdAt: event.created_at,
+        kind: event.kind,
+        tags: event.tags,
+      });
+    } else if (event.kind === CHANNEL_SYSTEM_KIND) {
+      systemEvents.push(event);
+    } else if (event.kind === THREAD_SUMMARY_KIND) {
+      threadSummaries.push(event);
+    } else if (event.kind === WINDOW_BOUNDS_KIND) {
+      if (bounds)
+        throw new Error("Channel window returned more than one bounds event.");
+      bounds = parseBounds(event, request);
+    }
+  }
+
+  if (!bounds) {
+    // An accessible channel window always carries exactly one bounds overlay.
+    // Without it the client cannot honestly know whether history is exhausted,
+    // so it must not turn a malformed/degraded response into a plausible page.
+    throw new Error("Channel window response is missing bounds.");
+  }
+
+  messages.sort(compareMessages);
+  return { messages, systemEvents, threadSummaries, bounds };
+}
+
+export function mergeMessages(history: Message[], live: Message[]): Message[] {
+  const byId = new Map(history.map((message) => [message.id, message]));
+  for (const message of live) byId.set(message.id, message);
+  return [...byId.values()].sort(compareMessages);
+}
diff --git a/desktop-new/src/features/conversation/ui/ConversationComposerDock.tsx b/desktop-new/src/features/conversation/ui/ConversationComposerDock.tsx
new file mode 100644
index 0000000000..05b2f60784
--- /dev/null
+++ b/desktop-new/src/features/conversation/ui/ConversationComposerDock.tsx
@@ -0,0 +1,64 @@
+import { IconLoader2 } from "@tabler/icons-react";
+
+import { latestActivityItem } from "@/features/agent-activity/activityProjection";
+import type { AgentTurn } from "@/features/agent-activity/types";
+import { MessageComposer } from "@/features/composer/ui/MessageComposer";
+
+/**
+ * The conversation's fixed-height bottom dock.
+ *
+ * Its grid owns the spatial relationship between authoring and activity. When
+ * activity arrives, it takes its natural row below the Composer; the Composer
+ * yields only from its lower edge while its top stays fixed.
+ */
+export function ConversationComposerDock({
+  draft,
+  onDraftChange,
+  onSend,
+  turns,
+}: {
+  draft: string;
+  onDraftChange: (value: string) => void;
+  onSend: (content: string) => Promise<void>;
+  turns: AgentTurn[];
+}) {
+  const workingTurns = turns.filter(
+    (turn) => turn.status === "pending" || turn.status === "running",
+  );
+
+  return (
+    <div
+      className="conversation-composer-dock"
+      data-activity={workingTurns.length > 0 || undefined}
+    >
+      <MessageComposer
+        draft={draft}
+        onDraftChange={onDraftChange}
+        onSend={onSend}
+      />
+      {workingTurns.length > 0 ? (
+        <div className="conversation-activity-rail" role="status">
+          {workingTurns.map((turn) => {
+            const current = latestActivityItem(turn);
+            return (
+              <div className="conversation-activity-rail-item" key={turn.key}>
+                <IconLoader2
+                  className="animate-spin"
+                  size={15}
+                  stroke={1.7}
+                  aria-hidden="true"
+                />
+                <span className="min-w-0 text-body-sm text-secondary">
+                  <span className="font-semibold text-primary">
+                    {turn.agentName}
+                  </span>{" "}
+                  is working{current ? ` · ${current.label}` : ""}
+                </span>
+              </div>
+            );
+          })}
+        </div>
+      ) : null}
+    </div>
+  );
+}
diff --git a/desktop-new/src/features/conversation/useConversation.ts b/desktop-new/src/features/conversation/useConversation.ts
new file mode 100644
index 0000000000..bc49374a87
--- /dev/null
+++ b/desktop-new/src/features/conversation/useConversation.ts
@@ -0,0 +1,203 @@
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import type {
+  Channel,
+  Identity,
+  Message,
+  Participant,
+} from "@/features/sessions/types";
+import { runtime } from "@/shared/runtime/client";
+import { mergeMessages, projectChannelWindow } from "./channelWindow";
+
+type SendOperation = {
+  localId: string;
+  content: string;
+  message: Message;
+};
+
+function messageError(caught: unknown) {
+  return caught instanceof Error ? caught.message : String(caught);
+}
+
+/**
+ * The behavioral owner of one shared conversation.
+ *
+ * History is fetched through the relay's window contract. Live delivery is a
+ * separate overlay, reconciled with a fresh head read after subscription setup
+ * settles so the interval between the two cannot lose a message.
+ */
+export function useConversation(channel: Channel, identity: Identity) {
+  const generation = useRef(0);
+  const [history, setHistory] = useState<Message[]>([]);
+  const [live, setLive] = useState<Message[]>([]);
+  const [participants, setParticipants] = useState<Participant[]>([]);
+  const [operations, setOperations] = useState<SendOperation[]>([]);
+  const [error, setError] = useState<string | null>(null);
+  const [loading, setLoading] = useState(true);
+
+  const loadHead = useCallback(
+    async (expectedGeneration: number) => {
+      const [window, nextParticipants] = await Promise.all([
+        runtime
+          .channelWindow({ channelId: channel.id })
+          .then((events) =>
+            projectChannelWindow(events, { channelId: channel.id }),
+          ),
+        runtime.participants(channel.id),
+      ]);
+      if (generation.current !== expectedGeneration) return;
+      setHistory(window.messages);
+      setParticipants(nextParticipants);
+      setError(null);
+    },
+    [channel.id],
+  );
+
+  const refresh = useCallback(async () => {
+    const expectedGeneration = generation.current;
+    setLoading(true);
+    try {
+      await loadHead(expectedGeneration);
+    } catch (caught) {
+      if (generation.current === expectedGeneration)
+        setError(messageError(caught));
+    } finally {
+      if (generation.current === expectedGeneration) setLoading(false);
+    }
+  }, [loadHead]);
+
+  useEffect(() => {
+    const expectedGeneration = generation.current + 1;
+    generation.current = expectedGeneration;
+    let disposed = false;
+    let stop: (() => void) | undefined;
+
+    setHistory([]);
+    setLive([]);
+    setParticipants([]);
+    setOperations([]);
+    setError(null);
+    setLoading(true);
+
+    const settleInitialLoad = async () => {
+      try {
+        await loadHead(expectedGeneration);
+      } catch (caught) {
+        if (!disposed && generation.current === expectedGeneration) {
+          setError(messageError(caught));
+        }
+      } finally {
+        if (!disposed && generation.current === expectedGeneration) {
+          setLoading(false);
+        }
+      }
+    };
+
+    void settleInitialLoad();
+    void runtime
+      .subscribeMessages(channel.id, (incoming) => {
+        if (disposed || generation.current !== expectedGeneration) return;
+        setLive((current) => mergeMessages(current, [incoming]));
+      })
+      .then(
+        (cleanup) => {
+          if (disposed) {
+            cleanup();
+            return;
+          }
+          stop = cleanup;
+          // The live subscription begins at now. Re-read the head after it is
+          // armed to close the history/subscription establishment interval.
+          return loadHead(expectedGeneration).catch((caught) => {
+            if (!disposed && generation.current === expectedGeneration) {
+              setError(`Live updates unavailable: ${messageError(caught)}`);
+            }
+          });
+        },
+        (caught) => {
+          if (!disposed && generation.current === expectedGeneration) {
+            setError(`Live updates unavailable: ${messageError(caught)}`);
+          }
+          // The head is still authoritative when the live socket is not.
+          return loadHead(expectedGeneration).catch(() => undefined);
+        },
+      );
+
+    return () => {
+      disposed = true;
+      generation.current += 1;
+      stop?.();
+    };
+  }, [channel.id, loadHead]);
+
+  const messages = useMemo(() => {
+    const accepted = mergeMessages(history, live);
+    const pending = operations.map(({ message }) => message);
+    return [...accepted, ...pending].sort(
+      (left, right) =>
+        left.createdAt - right.createdAt || left.id.localeCompare(right.id),
+    );
+  }, [history, live, operations]);
+
+  const send = useCallback(
+    async (content: string, retryLocalId?: string) => {
+      const expectedGeneration = generation.current;
+      const existing = retryLocalId
+        ? operations.find((operation) => operation.localId === retryLocalId)
+        : undefined;
+      const localId = existing?.localId ?? `pending-${crypto.randomUUID()}`;
+      const payload = existing?.content ?? content;
+      const pending: Message = {
+        id: localId,
+        pubkey: identity.pubkey,
+        content: payload,
+        createdAt: Math.floor(Date.now() / 1000),
+        kind: 9,
+        tags: [["h", channel.id]],
+        pending: navigator.onLine ? "sending" : "waiting",
+      };
+      setOperations((current) => [
+        ...current.filter((operation) => operation.localId !== localId),
+        { localId, content: payload, message: pending },
+      ]);
+
+      try {
+        const accepted = await runtime.sendMessage(channel.id, payload);
+        if (generation.current !== expectedGeneration) return;
+        setOperations((current) =>
+          current.filter((operation) => operation.localId !== localId),
+        );
+        setLive((current) => mergeMessages(current, [accepted]));
+      } catch (caught) {
+        if (generation.current !== expectedGeneration) return;
+        setOperations((current) =>
+          current.map((operation) =>
+            operation.localId === localId
+              ? {
+                  ...operation,
+                  message: {
+                    ...operation.message,
+                    pending: "failed",
+                    error: messageError(caught),
+                  },
+                }
+              : operation,
+          ),
+        );
+        throw caught;
+      }
+    },
+    [channel.id, identity.pubkey, operations],
+  );
+
+  const retrySend = useCallback(
+    async (localId: string) => {
+      const operation = operations.find(
+        (current) => current.localId === localId,
+      );
+      if (operation) await send(operation.content, localId);
+    },
+    [operations, send],
+  );
+
+  return { messages, participants, loading, error, refresh, send, retrySend };
+}
diff --git a/desktop-new/src/features/design-system/ui/BaseUiPage.tsx b/desktop-new/src/features/design-system/ui/BaseUiPage.tsx
index fef4c79380..4c78870117 100644
--- a/desktop-new/src/features/design-system/ui/BaseUiPage.tsx
+++ b/desktop-new/src/features/design-system/ui/BaseUiPage.tsx
@@ -186,7 +186,7 @@ export function BaseUiPage() {
         title="The count"
         description="Stated so the balance is visible rather than counted by hand each time someone asks."
       >
-        <dl className="flex flex-wrap gap-x-12 gap-y-4 rounded-xl bg-inset px-5 py-4">
+        <dl className="flex flex-wrap gap-x-12 gap-y-4 rounded-xl bg-neutral-2 px-5 py-4">
           <div className="flex flex-col gap-1">
             <dt className="text-body-sm text-tertiary">Backed by Base UI</dt>
             <dd className="text-body text-primary">
diff --git a/desktop-new/src/features/design-system/ui/ComponentsPage.tsx b/desktop-new/src/features/design-system/ui/ComponentsPage.tsx
index e942398a6f..0d665a4fba 100644
--- a/desktop-new/src/features/design-system/ui/ComponentsPage.tsx
+++ b/desktop-new/src/features/design-system/ui/ComponentsPage.tsx
@@ -3,14 +3,21 @@ import { COMPONENTS } from "@/shared/ui/registry";
 import { COMPONENT_SPECIMENS } from "./componentSpecimens";
 
 export function ComponentsPage() {
+  const topLevelComponents = COMPONENTS.filter(
+    (component) => component.parent === undefined,
+  );
+
   return (
     <>
       <header className="component-page-heading">
         <h1 className="text-title text-primary">Components</h1>
       </header>
       <div className="component-overview-grid">
-        {COMPONENTS.map((component) => {
+        {topLevelComponents.map((component) => {
           const Specimen = COMPONENT_SPECIMENS[component.slug];
+          const children = COMPONENTS.filter(
+            (candidate) => candidate.parent === component.slug,
+          );
           return (
             <article key={component.slug} className="component-overview-item">
               <div className="component-overview-preview">
@@ -23,6 +30,20 @@ export function ComponentsPage() {
               >
                 {component.name}
               </Link>
+              {children.length > 0 ? (
+                <nav aria-label={`${component.name} components`}>
+                  {children.map((child) => (
+                    <Link
+                      key={child.slug}
+                      to="/design/components/$component"
+                      params={{ component: child.slug }}
+                      className="text-body-sm text-secondary hover:text-primary"
+                    >
+                      {child.name}
+                    </Link>
+                  ))}
+                </nav>
+              ) : null}
             </article>
           );
         })}
diff --git a/desktop-new/src/features/design-system/ui/ComposerPage.tsx b/desktop-new/src/features/design-system/ui/ComposerPage.tsx
new file mode 100644
index 0000000000..0f29fa7c89
--- /dev/null
+++ b/desktop-new/src/features/design-system/ui/ComposerPage.tsx
@@ -0,0 +1,79 @@
+import { useState } from "react";
+
+import { ConversationComposerDock } from "@/features/conversation/ui/ConversationComposerDock";
+import type { AgentTurn } from "@/features/agent-activity/types";
+
+const WORKING_TURN: AgentTurn = {
+  key: "design:vogue:session:turn",
+  agentPubkey: "vogue",
+  agentName: "Vogue",
+  sessionId: "session",
+  turnId: "turn",
+  channelId: "design",
+  status: "running",
+  items: [
+    {
+      id: "review",
+      label: "Reviewing the interaction plan",
+      status: "running",
+      timestamp: "2026-09-08T03:00:00.000Z",
+    },
+  ],
+};
+
+/**
+ * Product-composition documentation for the Conversation Composer.
+ *
+ * This is not a shared UI component API. It renders the actual dock and
+ * composer so the page remains a visual contract for the product composition
+ * as its real authoring capabilities arrive.
+ */
+function ComposerSpecimen({ turns = [] }: { turns?: AgentTurn[] }) {
+  const [draft, setDraft] = useState("");
+
+  return (
+    <div className="composer-page-specimen">
+      <ConversationComposerDock
+        draft={draft}
+        onDraftChange={setDraft}
+        onSend={async () => undefined}
+        turns={turns}
+      />
+    </div>
+  );
+}
+
+export function ComposerPage() {
+  return (
+    <>
+      <header className="component-page-heading">
+        <h1 className="text-title text-primary">Composer</h1>
+        <p className="max-w-prose text-body text-secondary">
+          The conversation authoring surface. Context arrives above when it
+          changes the contribution; people, agents, and channels stay inline in
+          the authored text; activity makes room beneath without moving the
+          Composer’s top edge.
+        </p>
+      </header>
+
+      <div className="component-specimen-stack">
+        <section className="component-specimen-group">
+          <h2 className="text-body-sm text-tertiary">Writing</h2>
+          <ComposerSpecimen />
+        </section>
+
+        <section className="component-specimen-group">
+          <h2 className="text-body-sm text-tertiary">
+            Working alongside an agent
+          </h2>
+          <p className="max-w-prose text-body-sm text-secondary">
+            The activity rail takes only its own height plus a 4px gap from the
+            Composer’s bottom edge. The Composer keeps its top edge and remains
+            usable while an agent works.
+          </p>
+          <ComposerSpecimen turns={[WORKING_TURN]} />
+        </section>
+      </div>
+    </>
+  );
+}
diff --git a/desktop-new/src/features/design-system/ui/DesignSystemLayout.tsx b/desktop-new/src/features/design-system/ui/DesignSystemLayout.tsx
index 5c362b9537..a463f5c529 100644
--- a/desktop-new/src/features/design-system/ui/DesignSystemLayout.tsx
+++ b/desktop-new/src/features/design-system/ui/DesignSystemLayout.tsx
@@ -5,7 +5,22 @@ import { useColorScheme } from "@/shared/theme/useColorScheme";
 import { COMPONENTS } from "@/shared/ui/registry";
 
 /** A nav entry, optionally with children shown indented beneath it. */
-type NavItem = [label: string, to: string, children?: Array<[string, string]>];
+type NavItem = [label: string, to: string, children?: NavItem[]];
+
+function componentNavItems(parent?: string): NavItem[] {
+  return COMPONENTS.filter((component) => component.parent === parent).map(
+    (component) => [
+      component.name,
+      `/design/components/${component.slug}`,
+      componentNavItems(component.slug),
+    ],
+  );
+}
+
+const COMPONENT_NAV_ITEMS: NavItem[] = [
+  ["Overview", "/design/components", componentNavItems()],
+  ["Base UI backing", "/design/components/base-ui"],
+];
 
 const SECTIONS: Array<{ heading: string; items: NavItem[] }> = [
   {
@@ -23,6 +38,10 @@ const SECTIONS: Array<{ heading: string; items: NavItem[] }> = [
       ["Motion", "/design/motion"],
     ],
   },
+  {
+    heading: "Product compositions",
+    items: [["Composer", "/design/composer"]],
+  },
   {
     heading: "System",
     items: [
@@ -32,17 +51,7 @@ const SECTIONS: Array<{ heading: string; items: NavItem[] }> = [
   },
   {
     heading: "Components",
-    items: [
-      [
-        "Overview",
-        "/design/components",
-        COMPONENTS.map((component) => [
-          component.name,
-          `/design/components/${component.slug}`,
-        ]),
-      ],
-      ["Base UI backing", "/design/components/base-ui"],
-    ],
+    items: COMPONENT_NAV_ITEMS,
   },
 ];
 
@@ -71,6 +80,28 @@ function NavLink({
   );
 }
 
+function NavItems({ items, depth = 0 }: { items: NavItem[]; depth?: number }) {
+  return (
+    <div className="flex flex-wrap gap-1 lg:flex-col">
+      {items.map(([label, to, children]) => (
+        <Fragment key={to}>
+          <div className={depth === 0 ? undefined : "lg:pl-3"}>
+            <NavLink
+              to={to}
+              exact={children !== undefined && children.length > 0}
+            >
+              {label}
+            </NavLink>
+          </div>
+          {children && children.length > 0 ? (
+            <NavItems items={children} depth={depth + 1} />
+          ) : null}
+        </Fragment>
+      ))}
+    </div>
+  );
+}
+
 export function DesignSystemLayout() {
   const { scheme, toggle } = useColorScheme();
 
@@ -104,25 +135,7 @@ export function DesignSystemLayout() {
                   time, as the product repeats something.
                 </p>
               ) : (
-                /* Narrow: links wrap as a row so the nav costs a few lines
-                   instead of a screen. From lg they return to a column. */
-                <div className="flex flex-wrap gap-1 lg:flex-col">
-                  {section.items.map(([label, to, children]) => (
-                    <Fragment key={to}>
-                      <NavLink to={to} exact={children !== undefined}>
-                        {label}
-                      </NavLink>
-                      {/* Indented on the side rail so the nesting reads;
-                          inline in the wrapped narrow row, where an indent
-                          would just look like a gap. */}
-                      {children?.map(([childLabel, childTo]) => (
-                        <div key={childTo} className="lg:pl-3">
-                          <NavLink to={childTo}>{childLabel}</NavLink>
-                        </div>
-                      ))}
-                    </Fragment>
-                  ))}
-                </div>
+                <NavItems items={section.items} />
               )}
             </div>
           ))}
@@ -132,7 +145,7 @@ export function DesignSystemLayout() {
           type="button"
           onClick={toggle}
           aria-label={`Switch to ${scheme === "light" ? "dark" : "light"} mode`}
-          className="mx-3 self-start rounded-lg bg-inset px-3 py-2 text-body text-secondary transition-colors hover:bg-neutral-4 hover:text-primary"
+          className="mx-3 self-start rounded-lg bg-neutral-2 px-3 py-2 text-body text-secondary transition-colors hover:bg-neutral-4 hover:text-primary"
         >
           {scheme === "light" ? "Dark mode" : "Light mode"}
         </button>
diff --git a/desktop-new/src/features/design-system/ui/GrowthPage.tsx b/desktop-new/src/features/design-system/ui/GrowthPage.tsx
index e19fb6a2b6..135b3b83c0 100644
--- a/desktop-new/src/features/design-system/ui/GrowthPage.tsx
+++ b/desktop-new/src/features/design-system/ui/GrowthPage.tsx
@@ -48,7 +48,7 @@ export function GrowthPage() {
         title="The procedure"
         description="Runs per change, by whoever needs the value. Nothing here needs permission, and every addition arrives in the same change that needed it, carrying its values, its description, and its owner."
       >
-        <ol className="flex flex-col gap-2 rounded-xl bg-inset px-5 py-4">
+        <ol className="flex flex-col gap-2 rounded-xl bg-neutral-2 px-5 py-4">
           {GROWTH_PROCEDURE.map((step, index) => (
             <li key={step} className="flex gap-3">
               <span className="w-4 shrink-0 text-body text-purple-12">
@@ -64,7 +64,7 @@ export function GrowthPage() {
         title="The audit"
         description="Runs on a schedule rather than per change. It reports rather than silently rewrites, except where the fix is unambiguous. Growth without pruning is how a system accumulates thirteen transparencies of one colour."
       >
-        <div className="rounded-xl bg-inset px-5">
+        <div className="rounded-xl bg-neutral-2 px-5">
           {AUDIT.map(([check, action]) => (
             <div
               key={check}
diff --git a/desktop-new/src/features/design-system/ui/OverviewPage.tsx b/desktop-new/src/features/design-system/ui/OverviewPage.tsx
index 41199c59b4..7c06334653 100644
--- a/desktop-new/src/features/design-system/ui/OverviewPage.tsx
+++ b/desktop-new/src/features/design-system/ui/OverviewPage.tsx
@@ -23,7 +23,7 @@ export function OverviewPage() {
         title="The layers"
         description="Only the role layer is ever used when building a screen. That separation is what lets the entire look change without editing a component."
       >
-        <div className="flex flex-col gap-2 rounded-xl bg-inset px-6 py-5">
+        <div className="flex flex-col gap-2 rounded-xl bg-neutral-2 px-6 py-5">
           {LAYERS.map(([layer, what, why]) => (
             <div key={layer} className="flex flex-wrap items-baseline gap-x-4">
               <span className="w-16 shrink-0 text-body text-tertiary">
@@ -64,19 +64,19 @@ export function OverviewPage() {
           </Link>
           <Link
             to="/design/typography"
-            className="rounded-lg bg-inset px-4 py-2 text-body text-secondary transition-colors hover:bg-neutral-4 hover:text-primary"
+            className="rounded-lg bg-neutral-2 px-4 py-2 text-body text-secondary transition-colors hover:bg-neutral-4 hover:text-primary"
           >
             Typography
           </Link>
           <Link
             to="/design/glass"
-            className="rounded-lg bg-inset px-4 py-2 text-body text-secondary transition-colors hover:bg-neutral-4 hover:text-primary"
+            className="rounded-lg bg-neutral-2 px-4 py-2 text-body text-secondary transition-colors hover:bg-neutral-4 hover:text-primary"
           >
             Glass
           </Link>
           <Link
             to="/design/growth"
-            className="rounded-lg bg-inset px-4 py-2 text-body text-secondary transition-colors hover:bg-neutral-4 hover:text-primary"
+            className="rounded-lg bg-neutral-2 px-4 py-2 text-body text-secondary transition-colors hover:bg-neutral-4 hover:text-primary"
           >
             Growing the system
           </Link>
diff --git a/desktop-new/src/features/design-system/ui/VocabularyPage.tsx b/desktop-new/src/features/design-system/ui/VocabularyPage.tsx
index b458b63d13..e93b07fce5 100644
--- a/desktop-new/src/features/design-system/ui/VocabularyPage.tsx
+++ b/desktop-new/src/features/design-system/ui/VocabularyPage.tsx
@@ -15,7 +15,7 @@ export function VocabularyPage() {
       />
 
       <Section title="The words">
-        <div className="flex flex-col gap-0 rounded-xl bg-inset px-5 py-2">
+        <div className="flex flex-col gap-0 rounded-xl bg-neutral-2 px-5 py-2">
           {VOCABULARY.map((group) => (
             <div
               key={group.group}
@@ -28,7 +28,7 @@ export function VocabularyPage() {
                 {group.words.map((word) => (
                   <code
                     key={word}
-                    className="rounded bg-inset px-1.5 py-0.5 text-body-sm text-primary"
+                    className="rounded bg-neutral-2 px-1.5 py-0.5 text-body-sm text-primary"
                   >
                     {word}
                   </code>
@@ -64,7 +64,7 @@ export function VocabularyPage() {
           ).map((group) => (
             <div
               key={group.label}
-              className="flex-1 rounded-xl bg-inset px-5 py-4"
+              className="flex-1 rounded-xl bg-neutral-2 px-5 py-4"
             >
               <p className="mb-1.5 text-body text-primary">{group.label}</p>
               {group.examples.map((example) => (
diff --git a/desktop-new/src/features/design-system/ui/baseUiBackingSentence.test.ts b/desktop-new/src/features/design-system/ui/baseUiBackingSentence.test.ts
index 11a4542971..0c12aa1cea 100644
--- a/desktop-new/src/features/design-system/ui/baseUiBackingSentence.test.ts
+++ b/desktop-new/src/features/design-system/ui/baseUiBackingSentence.test.ts
@@ -20,15 +20,14 @@ describe("the Base UI backing sentence", () => {
     expect(sentenceFor("button")).toBe("Built on Base UI Button.");
     expect(sentenceFor("avatar")).toBe("Built on Base UI Avatar.");
     expect(sentenceFor("tabs")).toBe("Built on Base UI Tabs.");
+    expect(sentenceFor("navigation-item")).toBe("Built on Base UI Button.");
+    expect(sentenceFor("preview-card")).toBe("Built on Base UI Preview Card.");
   });
 
   it("says where an indirect part enters, rather than claiming none", () => {
     expect(sentenceFor("icon-button")).toBe(
       "No Base UI part of its own. Inherits Base UI Button through Buzz Button.",
     );
-    expect(sentenceFor("navigator-row")).toBe(
-      "No Base UI part of its own. Inherits Base UI Button through Buzz Button.",
-    );
   });
 
   it("reads as one sentence when a component has both", () => {
@@ -42,7 +41,7 @@ describe("the Base UI backing sentence", () => {
       "No Base UI part. Semantic native header.",
     );
     expect(sentenceFor("inline-chip")).toBe(
-      "No Base UI part. Semantic native button or image role.",
+      "No Base UI part of its own. Inherits Base UI Preview Card through Buzz PreviewCard.",
     );
   });
 
@@ -64,5 +63,11 @@ describe("the Base UI backing sentence", () => {
       .filter((segment) => segment.kind === "part")
       .map((segment) => (segment.kind === "part" ? segment.part.name : ""));
     expect(linked).toEqual(["Field", "Input", "Button"]);
+
+    expect(
+      baseUiBackingSentence("inline-chip", "unused")
+        .filter((segment) => segment.kind === "part")
+        .map((segment) => (segment.kind === "part" ? segment.part.name : "")),
+    ).toEqual(["Preview Card"]);
   });
 });
diff --git a/desktop-new/src/features/design-system/ui/componentSpecimens.tsx b/desktop-new/src/features/design-system/ui/componentSpecimens.tsx
index c0f56d0dff..2be49f59a3 100644
--- a/desktop-new/src/features/design-system/ui/componentSpecimens.tsx
+++ b/desktop-new/src/features/design-system/ui/componentSpecimens.tsx
@@ -11,14 +11,15 @@ import { Avatar } from "@/shared/ui/Avatar";
 import { InlineChip } from "@/shared/ui/InlineChip";
 import { Button } from "@/shared/ui/Button";
 import { IconButton } from "@/shared/ui/IconButton";
-import { NavigatorRow } from "@/shared/ui/NavigatorRow";
-import { NavigatorSection } from "@/shared/ui/NavigatorSection";
+import { NavigationItem } from "@/shared/ui/NavigationItem";
+import { NavigationSection } from "@/shared/ui/NavigationSection";
 import { PanelHeader } from "@/shared/ui/PanelHeader";
 import { SearchField } from "@/shared/ui/SearchField";
 import { Tabs } from "@/shared/ui/Tabs";
 
 import { ComponentAnatomy } from "./ComponentAnatomy";
 import { Panel } from "@/shared/ui/Panel";
+import { PreviewCard } from "@/shared/ui/PreviewCard";
 import type { ChipAddress } from "@/shared/chips/address";
 import { chipFaces } from "@/shared/chips/faceResolver";
 
@@ -498,52 +499,52 @@ function SearchFieldSpecimen() {
   );
 }
 
-function NavigatorSectionSpecimen() {
+function NavigationSectionSpecimen() {
   return (
     <div className="component-specimen-stack">
       <SpecimenGroup label='label="Pinned", with rows as children'>
-        <div className="component-navigator-section-demo">
-          <NavigatorSection label="Pinned">
-            <NavigatorRow
+        <div className="component-navigation-section-demo">
+          <NavigationSection label="Pinned">
+            <NavigationItem
               label="buzz-design"
               icon={<IconHash size={16} stroke={1.7} aria-hidden="true" />}
             />
-            <NavigatorRow
+            <NavigationItem
               label="desktop-new"
               icon={<IconHash size={16} stroke={1.7} aria-hidden="true" />}
             />
-          </NavigatorSection>
+          </NavigationSection>
         </div>
       </SpecimenGroup>
       <SpecimenGroup label="Two sections adjacent — the gap between them is the grouping">
-        <div className="component-navigator-section-demo">
-          <NavigatorSection label="Projects">
-            <NavigatorRow label="berd-main" />
-          </NavigatorSection>
-          <NavigatorSection label="Personal">
-            <NavigatorRow label="design-system" />
-          </NavigatorSection>
+        <div className="component-navigation-section-demo">
+          <NavigationSection label="Projects">
+            <NavigationItem label="berd-main" />
+          </NavigationSection>
+          <NavigationSection label="Personal">
+            <NavigationItem label="design-system" />
+          </NavigationSection>
         </div>
       </SpecimenGroup>
     </div>
   );
 }
 
-function NavigatorRowSpecimen() {
+function NavigationItemSpecimen() {
   const [selected, setSelected] = useState("buzz-design");
   return (
     <div className="component-specimen-stack">
       {/* Interactive: clicking moves `selected`, so the selected fill and the
           unselected rest state are both visible at once and comparable. */}
       <SpecimenGroup label="Selected, and trailing for metadata — click to move the selection">
-        <div className="component-navigator-section-demo">
-          <NavigatorRow
+        <div className="component-navigation-section-demo">
+          <NavigationItem
             label="buzz-design"
             icon={<IconHash size={16} stroke={1.7} aria-hidden="true" />}
             selected={selected === "buzz-design"}
             onClick={() => setSelected("buzz-design")}
           />
-          <NavigatorRow
+          <NavigationItem
             label="desktop-new"
             icon={<IconHash size={16} stroke={1.7} aria-hidden="true" />}
             trailing={<span className="text-body-sm">3</span>}
@@ -553,8 +554,8 @@ function NavigatorRowSpecimen() {
         </div>
       </SpecimenGroup>
       <SpecimenGroup label="Inset — one level of nesting under a row">
-        <div className="component-navigator-section-demo">
-          <NavigatorRow
+        <div className="component-navigation-section-demo">
+          <NavigationItem
             label="Session interaction model"
             icon={
               <IconMessageCircle size={16} stroke={1.7} aria-hidden="true" />
@@ -628,6 +629,35 @@ function seedChipFaces() {
   });
 }
 
+function PreviewCardSpecimen() {
+  return (
+    <div className="component-specimen-stack">
+      <SpecimenGroup label="Default">
+        <p className="text-body text-primary">
+          <PreviewCard
+            trigger={
+              <button type="button" className="buzz-preview-card-example">
+                Morgan Martin
+              </button>
+            }
+          >
+            <span className="buzz-preview-card-kind text-body-sm text-tertiary">
+              Person
+            </span>
+            <span className="buzz-preview-card-name text-body text-primary">
+              Morgan Martin
+            </span>
+            <span className="text-body-sm text-secondary">
+              Product designer
+            </span>
+          </PreviewCard>{" "}
+          is reviewing the first Composer composition.
+        </p>
+      </SpecimenGroup>
+    </div>
+  );
+}
+
 function InlineChipSpecimen() {
   const [activated, setActivated] = useState<string | null>(null);
   seedChipFaces();
@@ -657,11 +687,17 @@ function InlineChipSpecimen() {
         </p>
       </SpecimenGroup>
 
-      <SpecimenGroup label="Read-only, as a conversation renders it">
+      <SpecimenGroup label="Resolved preview">
         <p className="text-body text-primary">
-          A chip in a sent message is not a control when the surface has no
-          detail to open:{" "}
-          <InlineChip address={CHIP_PERSON} interactive={false} />
+          Hover or focus <InlineChip address={CHIP_PERSON} /> to reveal its
+          quiet preview. It supplies context without opening another surface.
+        </p>
+      </SpecimenGroup>
+
+      <SpecimenGroup label="Inert rendering">
+        <p className="text-body text-primary">
+          A surface that cannot honestly reveal reference detail renders an
+          inert chip: <InlineChip address={CHIP_PERSON} interactive={false} />
         </p>
       </SpecimenGroup>
 
@@ -711,11 +747,12 @@ export const COMPONENT_SPECIMENS: Record<string, () => ReactNode> = {
   button: ButtonSpecimen,
   "icon-button": IconButtonSpecimen,
   avatar: AvatarSpecimen,
+  "preview-card": PreviewCardSpecimen,
   "inline-chip": InlineChipSpecimen,
   panel: PanelSpecimen,
   tabs: TabsSpecimen,
   "panel-header": PanelHeaderSpecimen,
   "search-field": SearchFieldSpecimen,
-  "navigator-section": NavigatorSectionSpecimen,
-  "navigator-row": NavigatorRowSpecimen,
+  "navigation-section": NavigationSectionSpecimen,
+  "navigation-item": NavigationItemSpecimen,
 };
diff --git a/desktop-new/src/features/design-system/ui/primitives.tsx b/desktop-new/src/features/design-system/ui/primitives.tsx
index c9478a3d50..655978e345 100644
--- a/desktop-new/src/features/design-system/ui/primitives.tsx
+++ b/desktop-new/src/features/design-system/ui/primitives.tsx
@@ -6,7 +6,7 @@ import type { ReactNode } from "react";
  * component at a time as the product repeats something.
  *
  * Surface convention on these pages: a region is separated by a soft fill, not
- * by an outline. Reach for `bg-inset` before reaching for a border; use a
+ * by an outline. Reach for `bg-neutral-2` before reaching for a border; use a
  * hairline only where a genuine boundary is needed, and never above
  * `border-primary`. See DESIGN.md § Surface and depth.
  */
@@ -70,7 +70,7 @@ export function Section({
 
 export function Note({ children }: { children: ReactNode }) {
   return (
-    <p className="max-w-2xl rounded-xl bg-inset px-5 py-4 text-body-sm text-secondary">
+    <p className="max-w-2xl rounded-xl bg-neutral-2 px-5 py-4 text-body-sm text-secondary">
       {children}
     </p>
   );
@@ -78,7 +78,7 @@ export function Note({ children }: { children: ReactNode }) {
 
 export function Stub({ what, decide }: { what: string; decide: string[] }) {
   return (
-    <div className="flex max-w-2xl flex-col gap-4 rounded-xl bg-inset px-6 py-5">
+    <div className="flex max-w-2xl flex-col gap-4 rounded-xl bg-neutral-2 px-6 py-5">
       <p className="text-body text-secondary">{what}</p>
       <div className="flex flex-col gap-2">
         <p className="text-body text-tertiary">Still to decide</p>
diff --git a/desktop-new/src/features/navigation/resolveMessagesDestination.test.ts b/desktop-new/src/features/navigation/resolveMessagesDestination.test.ts
new file mode 100644
index 0000000000..97d55eede2
--- /dev/null
+++ b/desktop-new/src/features/navigation/resolveMessagesDestination.test.ts
@@ -0,0 +1,36 @@
+import { describe, expect, it } from "vitest";
+import { resolveMessagesDestination } from "./resolveMessagesDestination";
+
+describe("resolveMessagesDestination", () => {
+  const channels = [{ id: "design" }, { id: "session" }];
+
+  it("opens the first ordinary channel when Messages has no selection", () => {
+    expect(
+      resolveMessagesDestination(
+        { type: "empty" },
+        channels,
+        new Set(["session"]),
+      ),
+    ).toEqual({ type: "channel", channelId: "design" });
+  });
+
+  it("does not replace an explicit destination", () => {
+    expect(
+      resolveMessagesDestination(
+        { type: "session", channelId: "session" },
+        channels,
+        new Set(["session"]),
+      ),
+    ).toEqual({ type: "session", channelId: "session" });
+  });
+
+  it("keeps the empty destination when no ordinary channel is available", () => {
+    expect(
+      resolveMessagesDestination(
+        { type: "empty" },
+        channels,
+        new Set(channels.map(({ id }) => id)),
+      ),
+    ).toEqual({ type: "empty" });
+  });
+});
diff --git a/desktop-new/src/features/navigation/resolveMessagesDestination.ts b/desktop-new/src/features/navigation/resolveMessagesDestination.ts
new file mode 100644
index 0000000000..31437d4c1b
--- /dev/null
+++ b/desktop-new/src/features/navigation/resolveMessagesDestination.ts
@@ -0,0 +1,21 @@
+import type { MessagesDestination, NavigableChannel } from "./types";
+
+/**
+ * Resolves Messages' initial destination after its available conversations are
+ * known. Explicit user work always wins; an unselected workspace opens the
+ * first ordinary channel rather than a transitional empty panel.
+ */
+export function resolveMessagesDestination(
+  current: MessagesDestination,
+  channels: readonly NavigableChannel[],
+  sessionChannelIds: ReadonlySet<string>,
+): MessagesDestination {
+  if (current.type !== "empty") return current;
+
+  const firstChannel = channels.find(
+    (channel) => !sessionChannelIds.has(channel.id),
+  );
+  return firstChannel
+    ? { type: "channel", channelId: firstChannel.id }
+    : current;
+}
diff --git a/desktop-new/src/features/navigation/types.ts b/desktop-new/src/features/navigation/types.ts
new file mode 100644
index 0000000000..07d4095979
--- /dev/null
+++ b/desktop-new/src/features/navigation/types.ts
@@ -0,0 +1,11 @@
+export type MessagesDestination =
+  | { type: "empty" }
+  | { type: "channel"; channelId: string }
+  | { type: "new"; originChannelId?: string }
+  | { type: "session"; channelId: string };
+
+export type NavigationDestination = "channels" | "agents";
+
+export type NavigableChannel = {
+  id: string;
+};
diff --git a/desktop-new/src/features/navigation/ui/MessagesNavigator.tsx b/desktop-new/src/features/navigation/ui/MessagesNavigator.tsx
new file mode 100644
index 0000000000..7e3436533a
--- /dev/null
+++ b/desktop-new/src/features/navigation/ui/MessagesNavigator.tsx
@@ -0,0 +1,231 @@
+import {
+  IconHash,
+  IconMessageCircle,
+  IconMessagePlus,
+  IconMessages,
+  IconPlus,
+} from "@tabler/icons-react";
+import { IconButton } from "@/shared/ui/IconButton";
+import { NavigationItem } from "@/shared/ui/NavigationItem";
+import { NavigationSection } from "@/shared/ui/NavigationSection";
+import { SearchField } from "@/shared/ui/SearchField";
+
+type NavigatorConversation = {
+  id: string;
+  name: string;
+  channelType: string;
+};
+
+type NavigatorSession = {
+  channelId: string;
+  originChannelId?: string;
+};
+
+export function MessagesNavigator({
+  conversations,
+  sessions,
+  selectedId,
+  onOpenRoom,
+  onOpenDirectMessage,
+  onOpenSession,
+  onStartSession,
+  onStartStandaloneSession,
+  query,
+  onQueryChange,
+}: {
+  conversations: NavigatorConversation[];
+  sessions: NavigatorSession[];
+  selectedId?: string;
+  onOpenRoom: (channelId: string) => void;
+  onOpenDirectMessage: (channelId: string) => void;
+  onOpenSession: (channelId: string) => void;
+  onStartSession: (channelId: string) => void;
+  onStartStandaloneSession: () => void;
+  query: string;
+  onQueryChange: (query: string) => void;
+}) {
+  const sessionsById = new Map(
+    sessions.map((session) => [session.channelId, session]),
+  );
+  const conversationsById = new Map(
+    conversations.map((conversation) => [conversation.id, conversation]),
+  );
+  const normalizedQuery = query.trim().toLowerCase();
+  const matches = (value: string) =>
+    !normalizedQuery || value.toLowerCase().includes(normalizedQuery);
+  const rooms = conversations.filter(
+    (conversation) =>
+      conversation.channelType !== "dm" && !sessionsById.has(conversation.id),
+  );
+  const directMessages = conversations.filter(
+    (conversation) => conversation.channelType === "dm",
+  );
+  const sessionConversations = sessions
+    .map((session) => ({
+      session,
+      conversation: conversationsById.get(session.channelId),
+    }))
+    .filter(
+      (
+        entry,
+      ): entry is {
+        session: NavigatorSession;
+        conversation: NavigatorConversation;
+      } => Boolean(entry.conversation),
+    );
+
+  return (
+    <aside className="workspace-navigator" aria-label="Messages">
+      <header className="panel-heading navigator-heading">
+        <SearchField
+          label="Find a Room, person, or Session"
+          placeholder="Search"
+          value={query}
+          onValueChange={onQueryChange}
+        />
+      </header>
+      <div className="navigator-list">
+        <NavigationSection label="Rooms">
+          {rooms
+            .filter((room) => {
+              const roomSessions = sessions.filter(
+                (session) => session.originChannelId === room.id,
+              );
+              return (
+                matches(room.name) ||
+                roomSessions.some((session) =>
+                  matches(conversationsById.get(session.channelId)?.name ?? ""),
+                )
+              );
+            })
+            .map((room) => {
+              const roomSessions = sessions
+                .map((session) => ({
+                  session,
+                  conversation: conversationsById.get(session.channelId),
+                }))
+                .filter(
+                  (
+                    entry,
+                  ): entry is {
+                    session: NavigatorSession;
+                    conversation: NavigatorConversation;
+                  } =>
+                    entry.session.originChannelId === room.id &&
+                    Boolean(entry.conversation),
+                )
+                .filter(({ conversation }) => matches(conversation.name));
+              return (
+                <div className="channel-cluster" key={room.id}>
+                  <div className="channel-main-row">
+                    <NavigationItem
+                      label={room.name}
+                      icon={
+                        <IconHash size={15} stroke={1.6} aria-hidden="true" />
+                      }
+                      selected={selectedId === room.id}
+                      onClick={() => onOpenRoom(room.id)}
+                    />
+                    <IconButton
+                      aria-label={`Start Session from ${room.name}`}
+                      icon={
+                        <IconPlus size={14} stroke={1.7} aria-hidden="true" />
+                      }
+                      size="compact"
+                      onClick={() => onStartSession(room.id)}
+                    />
+                  </div>
+                  {roomSessions.length ? (
+                    <div className="session-children">
+                      {roomSessions.map(({ conversation }) => (
+                        <div className="session-child" key={conversation.id}>
+                          <NavigationItem
+                            label={conversation.name}
+                            inset
+                            selected={selectedId === conversation.id}
+                            onClick={() => onOpenSession(conversation.id)}
+                          />
+                        </div>
+                      ))}
+                    </div>
+                  ) : null}
+                </div>
+              );
+            })}
+          {rooms.filter((room) => matches(room.name)).length === 0 ? (
+            <p className="navigation-empty text-body-sm text-tertiary">
+              {normalizedQuery ? "No Rooms match." : "No Rooms yet."}
+            </p>
+          ) : null}
+        </NavigationSection>
+
+        <NavigationSection label="Direct messages">
+          {directMessages
+            .filter((message) => matches(message.name))
+            .map((message) => (
+              <NavigationItem
+                key={message.id}
+                label={message.name}
+                icon={
+                  <IconMessageCircle
+                    size={15}
+                    stroke={1.6}
+                    aria-hidden="true"
+                  />
+                }
+                selected={selectedId === message.id}
+                onClick={() => onOpenDirectMessage(message.id)}
+              />
+            ))}
+          {directMessages.filter((message) => matches(message.name)).length ===
+          0 ? (
+            <p className="navigation-empty text-body-sm text-tertiary">
+              {normalizedQuery ? "No people match." : "No direct messages yet."}
+            </p>
+          ) : null}
+        </NavigationSection>
+
+        <NavigationSection
+          label="Sessions"
+          action={
+            <IconButton
+              aria-label="Start a standalone Session"
+              icon={
+                <IconMessagePlus size={14} stroke={1.7} aria-hidden="true" />
+              }
+              size="compact"
+              onClick={onStartStandaloneSession}
+            />
+          }
+        >
+          {sessionConversations
+            .filter(
+              ({ conversation, session }) =>
+                !session.originChannelId && matches(conversation.name),
+            )
+            .map(({ conversation }) => (
+              <NavigationItem
+                key={conversation.id}
+                label={conversation.name}
+                icon={
+                  <IconMessages size={15} stroke={1.6} aria-hidden="true" />
+                }
+                selected={selectedId === conversation.id}
+                onClick={() => onOpenSession(conversation.id)}
+              />
+            ))}
+          {sessionConversations.filter(
+            ({ conversation, session }) =>
+              !session.originChannelId && matches(conversation.name),
+          ).length === 0 ? (
+            <p className="navigation-empty text-body-sm text-tertiary">
+              {normalizedQuery
+                ? "No Sessions match."
+                : "Start a Session for focused work."}
+            </p>
+          ) : null}
+        </NavigationSection>
+      </div>
+    </aside>
+  );
+}
diff --git a/desktop-new/src/features/navigation/useNavigation.ts b/desktop-new/src/features/navigation/useNavigation.ts
new file mode 100644
index 0000000000..3a1eb74856
--- /dev/null
+++ b/desktop-new/src/features/navigation/useNavigation.ts
@@ -0,0 +1,55 @@
+import { useCallback, useState } from "react";
+import { resolveMessagesDestination } from "./resolveMessagesDestination";
+import type {
+  MessagesDestination,
+  NavigableChannel,
+  NavigationDestination,
+} from "./types";
+
+export function useNavigation() {
+  const [destination, setDestination] =
+    useState<NavigationDestination>("channels");
+  const [messagesDestination, setMessagesDestination] =
+    useState<MessagesDestination>({ type: "empty" });
+
+  const resolveMessages = useCallback(
+    (
+      channels: readonly NavigableChannel[],
+      sessionChannelIds: ReadonlySet<string>,
+    ) => {
+      setMessagesDestination((current) =>
+        resolveMessagesDestination(current, channels, sessionChannelIds),
+      );
+    },
+    [],
+  );
+
+  const openChannel = useCallback((channelId: string) => {
+    setDestination("channels");
+    setMessagesDestination({ type: "channel", channelId });
+  }, []);
+
+  const openSession = useCallback((channelId: string) => {
+    setDestination("channels");
+    setMessagesDestination({ type: "session", channelId });
+  }, []);
+
+  const startSession = useCallback((originChannelId?: string) => {
+    setDestination("channels");
+    setMessagesDestination({ type: "new", originChannelId });
+  }, []);
+
+  const openChannels = useCallback(() => setDestination("channels"), []);
+  const openAgents = useCallback(() => setDestination("agents"), []);
+
+  return {
+    destination,
+    messagesDestination,
+    resolveMessages,
+    openChannel,
+    openSession,
+    startSession,
+    openChannels,
+    openAgents,
+  };
+}
diff --git a/desktop-new/src/features/sessions/channelWindowProjection.test.ts b/desktop-new/src/features/sessions/channelWindowProjection.test.ts
deleted file mode 100644
index 9a3c97539d..0000000000
--- a/desktop-new/src/features/sessions/channelWindowProjection.test.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { describe, expect, it } from "vitest";
-import { projectChannelWindow } from "./channelWindowProjection";
-
-const event = (kind: number, id: string, content = "content") => ({
-  id,
-  pubkey: "author",
-  content,
-  created_at: 100,
-  kind,
-  tags: [["h", "channel"]],
-});
-
-describe("projectChannelWindow", () => {
-  it("keeps protocol overlays and system events out of the transcript", () => {
-    const projection = projectChannelWindow([
-      event(40099, "system", '{"type":"channel_created"}'),
-      event(9, "message", "Hello"),
-      event(39005, "summary", '{"reply_count":2}'),
-      event(39006, "bounds", '{"has_more":false,"next_cursor":null}'),
-    ]);
-
-    expect(projection.messages.map(({ id }) => id)).toEqual(["message"]);
-    expect(projection.systemEvents.map(({ id }) => id)).toEqual(["system"]);
-    expect(projection.threadSummaries.map(({ id }) => id)).toEqual(["summary"]);
-    expect(projection.bounds?.id).toBe("bounds");
-  });
-
-  it("rejects an ambiguous window with multiple bounds events", () => {
-    expect(() =>
-      projectChannelWindow([event(39006, "one"), event(39006, "two")]),
-    ).toThrow("more than one bounds");
-  });
-});
diff --git a/desktop-new/src/features/sessions/channelWindowProjection.ts b/desktop-new/src/features/sessions/channelWindowProjection.ts
deleted file mode 100644
index 425c3dab01..0000000000
--- a/desktop-new/src/features/sessions/channelWindowProjection.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-import type { Message } from "./types";
-
-export const CHANNEL_MESSAGE_KINDS = new Set([9, 40002, 40008]);
-export const CHANNEL_SYSTEM_KIND = 40099;
-export const THREAD_SUMMARY_KIND = 39005;
-export const WINDOW_BOUNDS_KIND = 39006;
-
-type RawChannelEvent = {
-  id: string;
-  pubkey: string;
-  content: string;
-  created_at: number;
-  kind: number;
-  tags: string[][];
-};
-
-export type ChannelWindowProjection = {
-  messages: Message[];
-  systemEvents: RawChannelEvent[];
-  threadSummaries: RawChannelEvent[];
-  bounds: RawChannelEvent | null;
-};
-
-export function projectChannelWindow(
-  events: RawChannelEvent[],
-): ChannelWindowProjection {
-  const messages: Message[] = [];
-  const systemEvents: RawChannelEvent[] = [];
-  const threadSummaries: RawChannelEvent[] = [];
-  let bounds: RawChannelEvent | null = null;
-
-  for (const event of events) {
-    if (CHANNEL_MESSAGE_KINDS.has(event.kind)) {
-      messages.push({
-        id: event.id,
-        pubkey: event.pubkey,
-        content: event.content,
-        createdAt: event.created_at,
-        kind: event.kind,
-        tags: event.tags,
-      });
-    } else if (event.kind === CHANNEL_SYSTEM_KIND) {
-      systemEvents.push(event);
-    } else if (event.kind === THREAD_SUMMARY_KIND) {
-      threadSummaries.push(event);
-    } else if (event.kind === WINDOW_BOUNDS_KIND) {
-      if (bounds)
-        throw new Error("Channel window returned more than one bounds event.");
-      bounds = event;
-    }
-  }
-
-  messages.sort((left, right) => left.createdAt - right.createdAt);
-  return { messages, systemEvents, threadSummaries, bounds };
-}
diff --git a/desktop-new/src/features/sessions/types.ts b/desktop-new/src/features/sessions/types.ts
index 464164cc53..60b53b2910 100644
--- a/desktop-new/src/features/sessions/types.ts
+++ b/desktop-new/src/features/sessions/types.ts
@@ -39,41 +39,3 @@ export type SessionRecord = {
   updatedAt: number;
   incompleteDraft?: string;
 };
-
-export type ActivityStatus =
-  | "pending"
-  | "running"
-  | "completed"
-  | "failed"
-  | "cancelled"
-  | "needs_you"
-  | "unavailable";
-
-export type ActivityItem = {
-  id: string;
-  label: string;
-  detail?: string;
-  status: ActivityStatus;
-  timestamp: string;
-};
-
-export type AgentTurn = {
-  key: string;
-  agentPubkey: string;
-  agentName: string;
-  sessionId: string;
-  turnId: string;
-  status: ActivityStatus;
-  items: ActivityItem[];
-};
-
-export type ObserverEvent = {
-  seq: number;
-  timestamp: string;
-  kind: string;
-  channelId?: string;
-  sessionId?: string;
-  turnId?: string;
-  agentPubkey?: string;
-  payload: Record<string, unknown>;
-};
diff --git a/desktop-new/src/features/sessions/ui/AgentActivity.tsx b/desktop-new/src/features/sessions/ui/AgentActivity.tsx
index db34d95645..6b0857e1a8 100644
--- a/desktop-new/src/features/sessions/ui/AgentActivity.tsx
+++ b/desktop-new/src/features/sessions/ui/AgentActivity.tsx
@@ -6,8 +6,8 @@ import {
   IconLoader2,
   IconPlayerPause,
 } from "@tabler/icons-react";
-import { partitionActivity } from "../activityProjection";
-import type { ActivityItem, AgentTurn } from "../types";
+import { partitionActivity } from "@/features/agent-activity/activityProjection";
+import type { ActivityItem, AgentTurn } from "@/features/agent-activity/types";
 
 function ActivityIcon({ item }: { item: ActivityItem }) {
   const common = { size: 15, stroke: 1.7, "aria-hidden": true } as const;
diff --git a/desktop-new/src/features/sessions/ui/AppShell.tsx b/desktop-new/src/features/sessions/ui/AppShell.tsx
index 9e84d99003..89c0732f9c 100644
--- a/desktop-new/src/features/sessions/ui/AppShell.tsx
+++ b/desktop-new/src/features/sessions/ui/AppShell.tsx
@@ -1,163 +1,59 @@
-import { IconHash, IconMoon, IconPlus, IconSun } from "@tabler/icons-react";
+import { IconHash, IconMoon, IconSun } from "@tabler/icons-react";
 import { useCallback, useEffect, useMemo, useState } from "react";
+import { useAgentActivity } from "@/features/agent-activity/useAgentActivity";
+import { useComposerDrafts } from "@/features/composer/useComposerDrafts";
 import { useAgentsWorkspace } from "@/features/agents/ui/AgentsWorkspace";
-import { runtime } from "@/shared/runtime/client";
+import { MessagesNavigator } from "@/features/navigation/ui/MessagesNavigator";
+import { useNavigation } from "@/features/navigation/useNavigation";
+import { communityScope, useCommunity } from "@/shared/community/useCommunity";
+import { useIdentity } from "@/shared/identity/useIdentity";
+import { isMockRuntime, runtime } from "@/shared/runtime/client";
+import { useColorScheme } from "@/shared/theme/useColorScheme";
 import { DockWorkspace } from "@/shared/ui/DockWorkspace";
+import { Panel } from "@/shared/ui/Panel";
 import {
   listSessions,
   rememberSession,
   updateSession,
 } from "../sessionRegistry";
-import type { Channel, Identity, Message, SessionRecord } from "../types";
+import type { Channel, Message, SessionRecord } from "../types";
 import { NewSessionView } from "./NewSessionView";
-import { SessionView, useAgentTurns } from "./SessionView";
-
-type View =
-  | { type: "empty" }
-  | { type: "channel"; channelId: string }
-  | { type: "new"; originChannelId: string }
-  | { type: "session"; channelId: string };
-
-type Destination = "channels" | "agents";
-
-function ChannelNavigator({
-  channels,
-  sessions,
-  selectedId,
-  onOpen,
-  onOpenSession,
-  onNewSession,
-  query,
-  onQueryChange,
-}: {
-  channels: Channel[];
-  sessions: SessionRecord[];
-  selectedId?: string;
-  onOpen: (channelId: string) => void;
-  onOpenSession: (channelId: string) => void;
-  onNewSession: (channelId: string) => void;
-  query: string;
-  onQueryChange: (query: string) => void;
-}) {
-  const sessionIds = new Set(sessions.map((session) => session.channelId));
-  return (
-    <aside className="workspace-navigator" aria-label="Channels">
-      <header className="panel-heading navigator-heading">
-        <label className="navigator-search">
-          <span className="sr-only">Find a channel or Session</span>
-          <input
-            placeholder="Find a channel or Session"
-            value={query}
-            onChange={(event) => onQueryChange(event.target.value)}
-          />
-        </label>
-      </header>
-      <div className="navigator-list">
-        <p className="navigator-section-label text-body-sm text-tertiary">
-          Channels and Sessions
-        </p>
-        {channels
-          .filter((channel) => !sessionIds.has(channel.id))
-          .filter((channel) => {
-            const normalized = query.trim().toLowerCase();
-            if (!normalized) return true;
-            return (
-              channel.name.toLowerCase().includes(normalized) ||
-              sessions
-                .filter((session) => session.originChannelId === channel.id)
-                .some((session) =>
-                  channels
-                    .find((candidate) => candidate.id === session.channelId)
-                    ?.name.toLowerCase()
-                    .includes(normalized),
-                )
-            );
-          })
-          .map((channel) => {
-            const channelSessions = sessions.filter(
-              (session) => session.originChannelId === channel.id,
-            );
-            return (
-              <section className="channel-cluster" key={channel.id}>
-                <div className="channel-main-row">
-                  <button
-                    type="button"
-                    className="navigator-row"
-                    data-selected={selectedId === channel.id || undefined}
-                    onClick={() => onOpen(channel.id)}
-                  >
-                    <IconHash size={15} stroke={1.6} aria-hidden="true" />
-                    <span>{channel.name}</span>
-                  </button>
-                  <button
-                    type="button"
-                    className="navigator-row-action"
-                    aria-label={`New Session in ${channel.name}`}
-                    onClick={() => onNewSession(channel.id)}
-                  >
-                    <IconPlus size={14} stroke={1.7} aria-hidden="true" />
-                  </button>
-                </div>
-                {channelSessions.length ? (
-                  <div className="session-children">
-                    {channelSessions.map((session) => {
-                      const sessionChannel = channels.find(
-                        (candidate) => candidate.id === session.channelId,
-                      );
-                      if (!sessionChannel) return null;
-                      return (
-                        <button
-                          key={session.channelId}
-                          type="button"
-                          className="session-child-row"
-                          data-selected={
-                            selectedId === session.channelId || undefined
-                          }
-                          onClick={() => onOpenSession(session.channelId)}
-                        >
-                          <span
-                            aria-hidden="true"
-                            className="session-thread-line"
-                          />
-                          <span>{sessionChannel.name}</span>
-                        </button>
-                      );
-                    })}
-                  </div>
-                ) : null}
-              </section>
-            );
-          })}
-      </div>
-    </aside>
-  );
-}
+import { SessionView } from "./SessionView";
 
 export function AppShell() {
-  const [identity, setIdentity] = useState<Identity | null>(null);
-  const [relay, setRelay] = useState("");
+  const { identity, load: loadIdentity } = useIdentity();
+  const { relayUrl: relay, load: loadCommunity } = useCommunity();
+  const { scheme, toggle: toggleColorScheme } = useColorScheme();
   const [channels, setChannels] = useState<Channel[]>([]);
   const [sessions, setSessions] = useState<SessionRecord[]>([]);
-  const [view, setView] = useState<View>({ type: "empty" });
-  const [destination, setDestination] = useState<Destination>("channels");
   const [pending, setPending] = useState<Message>();
   const [bootstrapError, setBootstrapError] = useState<string | null>(null);
-  const [dark, setDark] = useState(false);
   const [startupError, setStartupError] = useState<string | null>(null);
   const [channelQuery, setChannelQuery] = useState("");
-  const turns = useAgentTurns();
+  const {
+    destination,
+    messagesDestination: view,
+    resolveMessages,
+    openAgents,
+    openChannel,
+    openChannels,
+    openSession: navigateToSession,
+    startSession,
+  } = useNavigation();
+  const agentActivity = useAgentActivity();
+  const composerDrafts = useComposerDrafts();
   const agentsWorkspace = useAgentsWorkspace();
-  const scope = identity ? `${relay}:${identity.pubkey}` : "";
+  const scope = identity ? communityScope(relay, identity.pubkey) : "";
 
   const refresh = useCallback(async () => {
-    const [nextIdentity, nextRelay, nextChannels, pendingBootstraps] =
+    const [nextIdentity, nextRelay, loadedChannels, pendingBootstraps] =
       await Promise.all([
-        runtime.identity(),
-        runtime.relayUrl(),
+        loadIdentity(),
+        loadCommunity(),
         runtime.channels(),
         runtime.pendingSessionBootstraps(),
       ]);
-    let effectiveChannels = nextChannels;
+    let effectiveChannels = loadedChannels;
     const failedRecoveries = (
       await Promise.all(
         pendingBootstraps.map(async (operation) => {
@@ -173,7 +69,7 @@ export function AppShell() {
     if (pendingBootstraps.length > failedRecoveries.length) {
       effectiveChannels = await runtime.channels();
     }
-    const nextScope = `${nextRelay}:${nextIdentity.pubkey}`;
+    const nextScope = communityScope(nextRelay, nextIdentity.pubkey);
     const discoveredLinks = (
       await Promise.all(
         effectiveChannels.map((parent) =>
@@ -211,9 +107,7 @@ export function AppShell() {
         lastMessageAt: null,
       }),
     );
-    setIdentity(nextIdentity);
-    setRelay(nextRelay);
-    setChannels([
+    const nextChannels = [
       ...incompleteChannels,
       ...discoveredChannels,
       ...effectiveChannels.filter(
@@ -222,7 +116,15 @@ export function AppShell() {
             (incomplete) => incomplete.id === channel.id,
           ) && !discoveredChannels.some((session) => session.id === channel.id),
       ),
-    ]);
+    ];
+    setChannels(nextChannels);
+    resolveMessages(
+      nextChannels,
+      new Set([
+        ...incompleteChannels.map((channel) => channel.id),
+        ...discoveredChannels.map((channel) => channel.id),
+      ]),
+    );
     for (const link of discoveredLinks) {
       rememberSession(nextScope, {
         channelId: link.session_channel_id,
@@ -245,9 +147,30 @@ export function AppShell() {
         });
       }
     }
-    setSessions(listSessions(nextScope));
+    const rememberedSessions = listSessions(nextScope);
+    // Rich browser fixtures give the navigation a real standalone Session to
+    // arrange and open without claiming the current native parent-required
+    // bootstrap contract can create one yet.
+    const fixtureSessions = isMockRuntime
+      ? [
+          {
+            channelId: "session-agent-setup",
+            createdAt: Date.now() - 10_800_000,
+            updatedAt: Date.now() - 10_800_000,
+          },
+        ]
+      : [];
+    setSessions([
+      ...fixtureSessions,
+      ...rememberedSessions.filter(
+        (remembered) =>
+          !fixtureSessions.some(
+            (fixture) => fixture.channelId === remembered.channelId,
+          ),
+      ),
+    ]);
     setStartupError(null);
-  }, []);
+  }, [loadCommunity, loadIdentity, resolveMessages]);
 
   useEffect(() => {
     void refresh().catch((caught) => {
@@ -257,10 +180,6 @@ export function AppShell() {
     });
   }, [refresh]);
 
-  useEffect(() => {
-    document.documentElement.classList.toggle("dark", dark);
-  }, [dark]);
-
   const channelsById = useMemo(
     () => new Map(channels.map((channel) => [channel.id, channel])),
     [channels],
@@ -269,6 +188,12 @@ export function AppShell() {
   async function createSession(content: string) {
     if (view.type !== "new") return;
     const originChannelId = view.originChannelId;
+    if (!originChannelId) {
+      const message =
+        "Standalone Sessions need the native creation contract before they can be started here.";
+      setBootstrapError(message);
+      throw new Error(message);
+    }
     const operationId =
       pending?.pending === "failed"
         ? pending.id
@@ -299,7 +224,7 @@ export function AppShell() {
       setChannels((current) => [created, ...current]);
       setSessions(listSessions(scope));
       setPending(undefined);
-      setView({ type: "session", channelId: created.id });
+      navigateToSession(created.id);
     } catch (caught) {
       const message = caught instanceof Error ? caught.message : String(caught);
       setPending({ ...optimistic, pending: "failed", error: message });
@@ -311,7 +236,7 @@ export function AppShell() {
   function openSession(channelId: string) {
     updateSession(scope, channelId, { updatedAt: Date.now() });
     setSessions(listSessions(scope));
-    setView({ type: "session", channelId });
+    navigateToSession(channelId);
   }
 
   if (!identity) {
@@ -331,6 +256,16 @@ export function AppShell() {
     );
   }
 
+  const draftDestinationId =
+    view.type === "channel" || view.type === "session"
+      ? `conversation:${view.channelId}`
+      : view.type === "new"
+        ? `new-session:${view.originChannelId ?? "standalone"}`
+        : undefined;
+  const draft = draftDestinationId
+    ? composerDrafts.readDraft(draftDestinationId)
+    : "";
+
   const activeId =
     view.type === "channel" || view.type === "session"
       ? view.channelId
@@ -353,9 +288,18 @@ export function AppShell() {
         pending={pending}
         error={bootstrapError}
         onBack={() =>
-          setView({ type: "channel", channelId: view.originChannelId })
+          view.originChannelId
+            ? openChannel(view.originChannelId)
+            : openChannels()
         }
         onCreate={createSession}
+        draft={draft}
+        onDraftChange={(value) =>
+          composerDrafts.writeDraft(
+            `new-session:${view.originChannelId ?? "standalone"}`,
+            value,
+          )
+        }
       />
     ) : activeChannel &&
       (view.type === "channel" || view.type === "session") ? (
@@ -363,13 +307,17 @@ export function AppShell() {
         channel={activeChannel}
         identity={identity}
         origin={origin}
-        turns={turns}
+        turns={agentActivity.forChannel(activeChannel.id)}
         mode={view.type}
         onStartSession={
           view.type === "channel"
-            ? () => setView({ type: "new", originChannelId: activeChannel.id })
+            ? () => startSession(activeChannel.id)
             : undefined
         }
+        draft={draft}
+        onDraftChange={(value) =>
+          composerDrafts.writeDraft(`conversation:${activeChannel.id}`, value)
+        }
       />
     ) : (
       <main className="empty-workspace-panel">
@@ -388,14 +336,14 @@ export function AppShell() {
           <button
             type="button"
             data-selected={destination === "channels" || undefined}
-            onClick={() => setDestination("channels")}
+            onClick={openChannels}
           >
             Channels
           </button>
           <button
             type="button"
             data-selected={destination === "agents" || undefined}
-            onClick={() => setDestination("agents")}
+            onClick={openAgents}
           >
             Agents
           </button>
@@ -407,10 +355,10 @@ export function AppShell() {
           <button
             type="button"
             className="topbar-icon-button"
-            onClick={() => setDark((value) => !value)}
-            aria-label={dark ? "Use light mode" : "Use dark mode"}
+            onClick={toggleColorScheme}
+            aria-label={scheme === "dark" ? "Use light mode" : "Use dark mode"}
           >
-            {dark ? (
+            {scheme === "dark" ? (
               <IconSun size={16} aria-hidden="true" />
             ) : (
               <IconMoon size={16} aria-hidden="true" />
@@ -423,25 +371,28 @@ export function AppShell() {
           panels={{
             navigator:
               destination === "channels" ? (
-                <ChannelNavigator
-                  channels={channels}
-                  sessions={sessions}
-                  selectedId={activeId}
-                  onOpen={(channelId) => {
-                    setDestination("channels");
-                    setView({ type: "channel", channelId });
-                  }}
-                  onOpenSession={openSession}
-                  onNewSession={(originChannelId) =>
-                    setView({ type: "new", originChannelId })
-                  }
-                  query={channelQuery}
-                  onQueryChange={setChannelQuery}
-                />
+                <Panel as="aside" aria-label="Channels">
+                  <MessagesNavigator
+                    conversations={channels}
+                    sessions={sessions}
+                    selectedId={activeId}
+                    onOpenRoom={openChannel}
+                    onOpenDirectMessage={openChannel}
+                    onOpenSession={openSession}
+                    onStartSession={startSession}
+                    onStartStandaloneSession={() => startSession()}
+                    query={channelQuery}
+                    onQueryChange={setChannelQuery}
+                  />
+                </Panel>
               ) : (
-                agentsWorkspace.navigator
+                <Panel as="aside" aria-label="Agents">
+                  {agentsWorkspace.navigator}
+                </Panel>
               ),
-            conversation,
+            conversation: (
+              <Panel aria-label="Workspace content">{conversation}</Panel>
+            ),
           }}
         />
       </section>
diff --git a/desktop-new/src/features/sessions/ui/NewSessionView.tsx b/desktop-new/src/features/sessions/ui/NewSessionView.tsx
index 9298915686..742583dfcc 100644
--- a/desktop-new/src/features/sessions/ui/NewSessionView.tsx
+++ b/desktop-new/src/features/sessions/ui/NewSessionView.tsx
@@ -1,6 +1,6 @@
 import { IconArrowLeft, IconHash, IconLock } from "@tabler/icons-react";
+import { MessageComposer } from "@/features/composer/ui/MessageComposer";
 import type { Channel, Message } from "../types";
-import { SessionComposer } from "./SessionComposer";
 
 export function NewSessionView({
   origin,
@@ -8,12 +8,16 @@ export function NewSessionView({
   error,
   onBack,
   onCreate,
+  draft,
+  onDraftChange,
 }: {
   origin?: Channel;
   pending?: Message;
   error?: string | null;
   onBack: () => void;
   onCreate: (content: string) => Promise<void>;
+  draft: string;
+  onDraftChange: (value: string) => void;
 }) {
   return (
     <main className="session-view new-session">
@@ -75,9 +79,10 @@ export function NewSessionView({
         ) : null}
       </div>
       <div className="composer-dock">
-        <SessionComposer
-          initialValue={pending?.pending === "failed" ? pending.content : ""}
+        <MessageComposer
+          draft={pending?.pending === "failed" ? pending.content : draft}
           disabled={Boolean(pending && pending.pending !== "failed")}
+          onDraftChange={onDraftChange}
           onSend={onCreate}
           placeholder="Start a Session"
         />
diff --git a/desktop-new/src/features/sessions/ui/SessionComposer.tsx b/desktop-new/src/features/sessions/ui/SessionComposer.tsx
deleted file mode 100644
index 9bc90bcd17..0000000000
--- a/desktop-new/src/features/sessions/ui/SessionComposer.tsx
+++ /dev/null
@@ -1,67 +0,0 @@
-import { IconArrowUp } from "@tabler/icons-react";
-import { type FormEvent, useEffect, useRef, useState } from "react";
-
-export function SessionComposer({
-  disabled,
-  initialValue = "",
-  onSend,
-  placeholder = "Message the session",
-}: {
-  disabled?: boolean;
-  initialValue?: string;
-  onSend: (content: string) => Promise<void>;
-  placeholder?: string;
-}) {
-  const [value, setValue] = useState(initialValue);
-  const [sending, setSending] = useState(false);
-  const textarea = useRef<HTMLTextAreaElement>(null);
-
-  useEffect(() => {
-    textarea.current?.focus();
-  }, []);
-
-  async function submit(event: FormEvent) {
-    event.preventDefault();
-    const content = value.trim();
-    if (!content || sending || disabled) return;
-    setSending(true);
-    try {
-      await onSend(content);
-      setValue("");
-    } finally {
-      setSending(false);
-      textarea.current?.focus();
-    }
-  }
-
-  return (
-    <form className="session-composer" onSubmit={submit}>
-      <textarea
-        ref={textarea}
-        value={value}
-        rows={1}
-        aria-label={placeholder}
-        placeholder={placeholder}
-        onChange={(event) => setValue(event.target.value)}
-        onKeyDown={(event) => {
-          if (
-            event.key === "Enter" &&
-            !event.shiftKey &&
-            !event.nativeEvent.isComposing
-          ) {
-            event.preventDefault();
-            event.currentTarget.form?.requestSubmit();
-          }
-        }}
-      />
-      <button
-        type="submit"
-        className="send-button"
-        aria-label={sending ? "Sending message" : "Send message"}
-        disabled={!value.trim() || sending || disabled}
-      >
-        <IconArrowUp size={18} stroke={1.8} aria-hidden="true" />
-      </button>
-    </form>
-  );
-}
diff --git a/desktop-new/src/features/sessions/ui/SessionView.tsx b/desktop-new/src/features/sessions/ui/SessionView.tsx
index 3b4c0968fd..48b647fefd 100644
--- a/desktop-new/src/features/sessions/ui/SessionView.tsx
+++ b/desktop-new/src/features/sessions/ui/SessionView.tsx
@@ -1,18 +1,11 @@
 import { IconAlertCircle, IconHash, IconRefresh } from "@tabler/icons-react";
-import { useCallback, useEffect, useMemo, useState } from "react";
-import { runtime } from "@/shared/runtime/client";
-import { reduceActivity } from "../activityProjection";
-import type {
-  AgentTurn,
-  Channel,
-  Identity,
-  Message,
-  ObserverEvent,
-  Participant,
-} from "../types";
+import { useCallback, useMemo } from "react";
+import { useConversation } from "@/features/conversation/useConversation";
+import { ConversationComposerDock } from "@/features/conversation/ui/ConversationComposerDock";
+import type { AgentTurn } from "@/features/agent-activity/types";
+import type { Channel, Identity, Message, Participant } from "../types";
 import { AgentActivity } from "./AgentActivity";
 import { ParticipantDialog } from "./ParticipantDialog";
-import { SessionComposer } from "./SessionComposer";
 
 function displayName(
   pubkey: string,
@@ -30,10 +23,12 @@ function MessageRow({
   message,
   participants,
   identity,
+  onRetry,
 }: {
   message: Message;
   participants: Participant[];
   identity: Identity;
+  onRetry?: () => void;
 }) {
   const name = displayName(message.pubkey, participants, identity);
   const isSelf = message.pubkey === identity.pubkey;
@@ -65,15 +60,22 @@ function MessageRow({
           {message.content}
         </p>
         {message.pending ? (
-          <p className="mt-1 text-body-sm text-tertiary" role="status">
-            {message.pending === "creating"
-              ? "Creating Session"
-              : message.pending === "waiting"
-                ? "Waiting for connection"
-                : message.pending === "failed"
-                  ? (message.error ?? "Not sent")
-                  : "Sending"}
-          </p>
+          <div className="mt-1 text-body-sm text-tertiary" role="status">
+            <span>
+              {message.pending === "creating"
+                ? "Creating Session"
+                : message.pending === "waiting"
+                  ? "Waiting for connection"
+                  : message.pending === "failed"
+                    ? (message.error ?? "Not sent")
+                    : "Sending"}
+            </span>
+            {message.pending === "failed" && onRetry ? (
+              <button type="button" className="quiet-button" onClick={onRetry}>
+                Retry send
+              </button>
+            ) : null}
+          </div>
         ) : null}
       </div>
     </article>
@@ -87,6 +89,8 @@ export function SessionView({
   turns,
   mode,
   onStartSession,
+  draft,
+  onDraftChange,
 }: {
   channel: Channel;
   identity: Identity;
@@ -94,105 +98,15 @@ export function SessionView({
   turns: AgentTurn[];
   mode: "channel" | "session";
   onStartSession?: () => void;
+  draft: string;
+  onDraftChange: (value: string) => void;
 }) {
-  const [messages, setMessages] = useState<Message[]>([]);
-  const [participants, setParticipants] = useState<Participant[]>([]);
-  const [error, setError] = useState<string | null>(null);
-  const [loading, setLoading] = useState(true);
+  const { messages, participants, loading, error, refresh, retrySend, send } =
+    useConversation(channel, identity);
 
   const refreshParticipants = useCallback(async () => {
-    setParticipants(await runtime.participants(channel.id));
-  }, [channel.id]);
-
-  const refresh = useCallback(async () => {
-    setLoading(true);
-    try {
-      const [nextMessages] = await Promise.all([
-        runtime.messages(channel.id),
-        refreshParticipants(),
-      ]);
-      setMessages((current) => {
-        const merged = new Map(current.map((item) => [item.id, item]));
-        for (const item of nextMessages) merged.set(item.id, item);
-        return [...merged.values()].sort(
-          (left, right) => left.createdAt - right.createdAt,
-        );
-      });
-      setError(null);
-    } catch (caught) {
-      setError(caught instanceof Error ? caught.message : String(caught));
-    } finally {
-      setLoading(false);
-    }
-  }, [channel.id, refreshParticipants]);
-
-  useEffect(() => {
-    let stop: undefined | (() => void);
-    let disposed = false;
-    void refresh();
-    void runtime
-      .subscribeMessages(channel.id, (incoming) => {
-        setMessages((current) => {
-          if (current.some((item) => item.id === incoming.id)) return current;
-          return [...current, incoming].sort(
-            (left, right) => left.createdAt - right.createdAt,
-          );
-        });
-      })
-      .then((cleanup) => {
-        if (disposed) cleanup();
-        else stop = cleanup;
-      })
-      .catch((caught) => {
-        if (!disposed) {
-          setError(
-            caught instanceof Error
-              ? `Live updates unavailable: ${caught.message}`
-              : "Live updates unavailable.",
-          );
-        }
-      });
-    const timer = window.setInterval(() => void refresh(), 30_000);
-    return () => {
-      disposed = true;
-      stop?.();
-      window.clearInterval(timer);
-    };
-  }, [channel.id, refresh]);
-
-  async function send(content: string) {
-    const pendingId = `pending-${crypto.randomUUID()}`;
-    const pending: Message = {
-      id: pendingId,
-      pubkey: identity.pubkey,
-      content,
-      createdAt: Math.floor(Date.now() / 1000),
-      kind: 9,
-      tags: [["h", channel.id]],
-      pending: navigator.onLine ? "sending" : "waiting",
-    };
-    setMessages((current) => [...current, pending]);
-    try {
-      const accepted = await runtime.sendMessage(channel.id, content);
-      setMessages((current) =>
-        current.map((item) => (item.id === pendingId ? accepted : item)),
-      );
-    } catch (caught) {
-      setMessages((current) =>
-        current.map((item) =>
-          item.id === pendingId
-            ? {
-                ...item,
-                pending: "failed",
-                error:
-                  caught instanceof Error ? caught.message : String(caught),
-              }
-            : item,
-        ),
-      );
-      throw caught;
-    }
-  }
+    await refresh();
+  }, [refresh]);
 
   const timeline = useMemo(() => {
     const channelTurns = turns.filter((turn) =>
@@ -283,6 +197,11 @@ export function SessionView({
                 message={item.message}
                 participants={participants}
                 identity={identity}
+                onRetry={
+                  item.message.pending === "failed"
+                    ? () => void retrySend(item.message.id)
+                    : undefined
+                }
               />
             ) : (
               <AgentActivity key={item.key} turn={item.turn} />
@@ -290,27 +209,12 @@ export function SessionView({
           )}
         </div>
       </div>
-      <div className="composer-dock">
-        <SessionComposer onSend={send} />
-      </div>
+      <ConversationComposerDock
+        draft={draft}
+        onDraftChange={onDraftChange}
+        onSend={send}
+        turns={turns}
+      />
     </main>
   );
 }
-
-export function useAgentTurns() {
-  const [projection, setProjection] = useState<Map<string, AgentTurn>>(
-    new Map(),
-  );
-  useEffect(() => {
-    let stop: undefined | (() => void);
-    void runtime
-      .observe((event: ObserverEvent) => {
-        setProjection((current) => reduceActivity(current, event));
-      })
-      .then((cleanup) => {
-        stop = cleanup;
-      });
-    return () => stop?.();
-  }, []);
-  return [...projection.values()];
-}
diff --git a/desktop-new/src/main.tsx b/desktop-new/src/main.tsx
index 2dcde7b108..f4a215aa83 100644
--- a/desktop-new/src/main.tsx
+++ b/desktop-new/src/main.tsx
@@ -6,6 +6,7 @@ import "@fontsource-variable/inter/wght.css";
 import "@fontsource/jetbrains-mono/400.css";
 import "./shared/styles/globals.css";
 import { routeTree } from "./app/routeTree.gen";
+import { useKeyboardFocusVisibility } from "./app/useKeyboardFocusVisibility";
 
 const router = createRouter({ routeTree });
 
@@ -15,11 +16,16 @@ declare module "@tanstack/react-router" {
   }
 }
 
+function AppRoot() {
+  useKeyboardFocusVisibility();
+  return <RouterProvider router={router} />;
+}
+
 const root = document.getElementById("root");
 if (!root) throw new Error("Missing #root element");
 
 createRoot(root).render(
   <StrictMode>
-    <RouterProvider router={router} />
+    <AppRoot />
   </StrictMode>,
 );
diff --git a/desktop-new/src/shared/community/useCommunity.ts b/desktop-new/src/shared/community/useCommunity.ts
new file mode 100644
index 0000000000..21b96f0352
--- /dev/null
+++ b/desktop-new/src/shared/community/useCommunity.ts
@@ -0,0 +1,34 @@
+import { useCallback, useState } from "react";
+import { runtime } from "@/shared/runtime/client";
+
+/**
+ * Which community this client is connected to.
+ *
+ * A fact, like identity: one relay URL, no policy. Community *switching* — the
+ * teardown ordering and reset sequence — is a capability, and does not live here.
+ */
+export async function readRelayUrl(): Promise<string> {
+  return runtime.relayUrl();
+}
+
+/** The same fact for a component that wants it in render. */
+export function useCommunity() {
+  const [relayUrl, setRelayUrl] = useState("");
+
+  const load = useCallback(async () => {
+    const next = await readRelayUrl();
+    setRelayUrl(next);
+    return next;
+  }, []);
+
+  return { relayUrl, load };
+}
+
+/**
+ * The storage key for anything scoped to one person in one community. Derived in
+ * one place so a second caller cannot invent a different spelling of the same
+ * scope.
+ */
+export function communityScope(relayUrl: string, pubkey: string) {
+  return `${relayUrl}:${pubkey}`;
+}
diff --git a/desktop-new/src/shared/identity/useIdentity.ts b/desktop-new/src/shared/identity/useIdentity.ts
new file mode 100644
index 0000000000..ee85627634
--- /dev/null
+++ b/desktop-new/src/shared/identity/useIdentity.ts
@@ -0,0 +1,31 @@
+import { useCallback, useState } from "react";
+import { runtime } from "@/shared/runtime/client";
+import type { Identity } from "@/features/sessions/types";
+
+/**
+ * Who the person using this client is.
+ *
+ * A fact, not a capability: it answers a question and owns no policy. Nothing in
+ * the app can legitimately disagree about it, so it has one reader-facing shape
+ * and no fallback, retry, or ordering rules of its own.
+ *
+ * Deliberately not cached at module level. A cache here would be
+ * community-scoped state owing a teardown, which is a real obligation this fact
+ * does not need — the backend call is cheap and the value is stable.
+ */
+export async function readIdentity(): Promise<Identity> {
+  return runtime.identity();
+}
+
+/** The same fact for a component that wants it in render. */
+export function useIdentity() {
+  const [identity, setIdentity] = useState<Identity | null>(null);
+
+  const load = useCallback(async () => {
+    const next = await readIdentity();
+    setIdentity(next);
+    return next;
+  }, []);
+
+  return { identity, load };
+}
diff --git a/desktop-new/src/shared/runtime/channelWindow.ts b/desktop-new/src/shared/runtime/channelWindow.ts
new file mode 100644
index 0000000000..f20ff84cb3
--- /dev/null
+++ b/desktop-new/src/shared/runtime/channelWindow.ts
@@ -0,0 +1,20 @@
+/** The minimal wire contract for one relay-computed channel-window request. */
+export type ChannelWindowCursor = {
+  createdAt: number;
+  id: string;
+};
+
+export type ChannelWindowRequest = {
+  channelId: string;
+  cursor?: ChannelWindowCursor | null;
+};
+
+/** Raw signed event returned by the relay/Tauri channel-window adapter. */
+export type RawChannelEvent = {
+  id: string;
+  pubkey: string;
+  content: string;
+  created_at: number;
+  kind: number;
+  tags: string[][];
+};
diff --git a/desktop-new/src/shared/runtime/client.ts b/desktop-new/src/shared/runtime/client.ts
index 252fe9f68d..a37ad7aed4 100644
--- a/desktop-new/src/shared/runtime/client.ts
+++ b/desktop-new/src/shared/runtime/client.ts
@@ -1,12 +1,12 @@
 import { Channel, invoke, isTauri } from "@tauri-apps/api/core";
-import { projectChannelWindow } from "@/features/sessions/channelWindowProjection";
+import type { ChannelWindowRequest, RawChannelEvent } from "./channelWindow";
 import type {
   Channel as BuzzChannel,
   Identity,
   Message,
-  ObserverEvent,
   Participant,
 } from "@/features/sessions/types";
+import type { ObserverEvent } from "./observerEvent";
 
 type RawIdentity = { pubkey: string; display_name: string };
 type RawChannel = {
@@ -25,14 +25,7 @@ type RawMember = {
   is_agent: boolean;
   display_name?: string | null;
 };
-type RawEvent = {
-  id: string;
-  pubkey: string;
-  content: string;
-  created_at: number;
-  kind: number;
-  tags: string[][];
-};
+type RawEvent = RawChannelEvent;
 
 const LIVE_MESSAGE_KINDS = [9, 40002, 40008];
 
@@ -41,6 +34,7 @@ type MockState = {
   channels: BuzzChannel[];
   messages: Record<string, Message[]>;
   participants: Record<string, Participant[]>;
+  sessionLinks: Record<string, string[]>;
 };
 
 const mockState: MockState = {
@@ -64,6 +58,51 @@ const mockState: MockState = {
       memberCount: 7,
       lastMessageAt: new Date(Date.now() - 86_400_000).toISOString(),
     },
+    {
+      id: "launch-planning",
+      name: "launch-planning",
+      channelType: "stream",
+      visibility: "private",
+      description: "Planning the next Buzz release",
+      memberCount: 5,
+      lastMessageAt: new Date(Date.now() - 172_800_000).toISOString(),
+    },
+    {
+      id: "cynthia",
+      name: "Cynthia Chen",
+      channelType: "dm",
+      visibility: "private",
+      description: "Direct message",
+      memberCount: 2,
+      lastMessageAt: new Date(Date.now() - 900_000).toISOString(),
+    },
+    {
+      id: "design-sync",
+      name: "Cynthia Chen, Alex Kim",
+      channelType: "dm",
+      visibility: "private",
+      description: "Direct message",
+      memberCount: 3,
+      lastMessageAt: new Date(Date.now() - 3_600_000).toISOString(),
+    },
+    {
+      id: "session-navigation",
+      name: "Refine the conversation hierarchy",
+      channelType: "stream",
+      visibility: "private",
+      description: "Focused work",
+      memberCount: 2,
+      lastMessageAt: new Date(Date.now() - 1_800_000).toISOString(),
+    },
+    {
+      id: "session-agent-setup",
+      name: "Review agent setup",
+      channelType: "stream",
+      visibility: "private",
+      description: "Focused work",
+      memberCount: 1,
+      lastMessageAt: new Date(Date.now() - 10_800_000).toISOString(),
+    },
   ],
   messages: {
     design: [
@@ -77,6 +116,9 @@ const mockState: MockState = {
       },
     ],
   },
+  sessionLinks: {
+    design: ["session-navigation"],
+  },
   participants: {
     design: [
       {
@@ -103,6 +145,9 @@ const mockState: MockState = {
 
 const useMock = !isTauri() || new URLSearchParams(location.search).has("mock");
 
+/** Browser fixtures use the same runtime adapter as the native client. */
+export const isMockRuntime = useMock;
+
 function relayFrames(delivery: unknown): unknown[] {
   const envelopes = Array.isArray(delivery) ? delivery : [delivery];
   return envelopes.flatMap((envelope) => {
@@ -222,7 +267,31 @@ export const runtime = {
   },
 
   async channelSessions(parentChannelId: string) {
-    if (useMock) return [];
+    if (useMock) {
+      return (mockState.sessionLinks[parentChannelId] ?? []).map(
+        (sessionChannelId) => ({
+          parent_channel_id: parentChannelId,
+          session_channel_id: sessionChannelId,
+          creator_pubkey: mockState.identity.pubkey,
+          created_at: Math.floor(Date.now() / 1000) - 3_600,
+          channel: (() => {
+            const channel = mockState.channels.find(
+              (candidate) => candidate.id === sessionChannelId,
+            );
+            return channel
+              ? {
+                  id: channel.id,
+                  name: channel.name,
+                  channel_type: channel.channelType,
+                  visibility: channel.visibility,
+                  description: channel.description,
+                  member_count: channel.memberCount,
+                }
+              : null;
+          })(),
+        }),
+      );
+    }
     return invoke<
       {
         parent_channel_id: string;
@@ -266,14 +335,41 @@ export const runtime = {
     return (raw.channels ?? []).map(channel);
   },
 
-  async messages(channelId: string): Promise<Message[]> {
-    if (useMock) return [...(mockState.messages[channelId] ?? [])];
+  async channelWindow({
+    channelId,
+    cursor = null,
+  }: ChannelWindowRequest): Promise<RawEvent[]> {
+    if (useMock) {
+      return [
+        ...(mockState.messages[channelId] ?? []).map((message) => ({
+          id: message.id,
+          pubkey: message.pubkey,
+          content: message.content,
+          created_at: message.createdAt,
+          kind: message.kind,
+          tags: message.tags,
+        })),
+        {
+          id: `bounds-${channelId}`,
+          pubkey: "relay",
+          content: '{"has_more":false,"next_cursor":null}',
+          created_at: 0,
+          kind: 39006,
+          tags: [
+            ["h", channelId],
+            ["d", `${channelId}:head`],
+          ],
+        },
+      ];
+    }
     const events = await invoke<RawEvent[]>("get_channel_window", {
       channelId,
       limitRows: 80,
-      cursor: null,
+      cursor: cursor
+        ? { created_at: cursor.createdAt, event_id: cursor.id }
+        : null,
     });
-    return projectChannelWindow(events).messages;
+    return events;
   },
 
   async participants(channelId: string): Promise<Participant[]> {
diff --git a/desktop-new/src/shared/runtime/observerEvent.ts b/desktop-new/src/shared/runtime/observerEvent.ts
new file mode 100644
index 0000000000..df9b7ef2e3
--- /dev/null
+++ b/desktop-new/src/shared/runtime/observerEvent.ts
@@ -0,0 +1,14 @@
+/**
+ * Raw owner-private activity delivered by the runtime adapter. Product
+ * projections belong to Agent Activity; this transport shape does not.
+ */
+export type ObserverEvent = {
+  seq: number;
+  timestamp: string;
+  kind: string;
+  channelId?: string;
+  sessionId?: string;
+  turnId?: string;
+  agentPubkey?: string;
+  payload: Record<string, unknown>;
+};
diff --git a/desktop-new/src/shared/styles/agents.css b/desktop-new/src/shared/styles/agents.css
index 912eccfa85..f73bf1a777 100644
--- a/desktop-new/src/shared/styles/agents.css
+++ b/desktop-new/src/shared/styles/agents.css
@@ -4,11 +4,11 @@
     justify-content: space-between;
   }
 
-  .navigator-row-action.always-visible {
+  .navigation-item-action.always-visible {
     opacity: 1;
   }
 
-  .agent-navigator-row {
+  .agent-navigation-item {
     display: grid;
     width: 100%;
     min-width: 0;
@@ -25,9 +25,9 @@
     cursor: pointer;
   }
 
-  .agent-navigator-row:hover,
-  .agent-navigator-row[data-selected] {
-    background: var(--bg-inset);
+  .agent-navigation-item:hover,
+  .agent-navigation-item[data-selected] {
+    background: var(--neutral-2);
   }
 
   .agent-avatar,
@@ -122,7 +122,7 @@
     gap: 1rem;
     border-radius: 1rem;
     padding: 1rem;
-    background: var(--bg-inset);
+    background: var(--neutral-2);
   }
 
   .field-stack {
@@ -151,7 +151,7 @@
   .setup-callout {
     border-radius: 0.875rem;
     padding: 0.875rem 1rem;
-    background: var(--bg-inset);
+    background: var(--neutral-2);
   }
 
   .agent-create-action {
diff --git a/desktop-new/src/shared/styles/chips.css b/desktop-new/src/shared/styles/chips.css
index 4ecf376ea4..2e7fcc620c 100644
--- a/desktop-new/src/shared/styles/chips.css
+++ b/desktop-new/src/shared/styles/chips.css
@@ -39,11 +39,13 @@
     cursor: pointer;
   }
 
-  button.inline-chip:hover {
+  button.inline-chip:hover,
+  html[data-keyboard-navigation] button.inline-chip:focus-visible,
+  button.inline-chip[data-popup-open] {
     background: var(--purple-4);
   }
 
-  .inline-chip:focus-visible {
+  html[data-keyboard-navigation] .inline-chip:focus-visible {
     outline: 2px solid var(--purple-8);
     outline-offset: 2px;
   }
@@ -54,7 +56,7 @@
    * reads as inert rather than pretending to be actionable.
    */
   .inline-chip[data-state="unresolved"] {
-    background: var(--bg-inset);
+    background: var(--neutral-2);
     color: var(--text-tertiary);
   }
 
diff --git a/desktop-new/src/shared/styles/components.css b/desktop-new/src/shared/styles/components.css
index f096a79a38..4831c3dfe1 100644
--- a/desktop-new/src/shared/styles/components.css
+++ b/desktop-new/src/shared/styles/components.css
@@ -39,7 +39,7 @@
   }
 
   .buzz-button[data-variant="quiet"] {
-    background: var(--bg-inset);
+    background: var(--neutral-2);
     color: var(--text-primary);
   }
 
@@ -50,9 +50,10 @@
      IconButton light grey while its text stayed white — Lc 13, invisible. An
      icon button's hover belongs to its icon variant; see below. */
   .buzz-button[data-variant="quiet"]:hover:not([data-disabled]),
-  .buzz-button[data-variant="ghost"]:not([data-icon-variant]):hover:not(
-    [data-disabled]
-  ) {
+  .buzz-button[data-variant="ghost"]:not(
+    [data-icon-variant],
+    [data-navigation-item]
+  ):hover:not([data-disabled]) {
     background: var(--neutral-4);
   }
 
@@ -82,7 +83,7 @@
   /* Every icon variant states its own hover. The one that did not —
      `solid` — fell through to the neutral ghost hover and lost its accent. */
   .buzz-button[data-icon-variant="quiet"] {
-    background: var(--bg-inset);
+    background: var(--neutral-2);
   }
 
   .buzz-button[data-icon-variant="quiet"]:hover:not([data-disabled]),
@@ -106,6 +107,53 @@
     @apply glass-primary-interactive;
   }
 
+  /* A preview is supplemental context, never a second interactive surface.
+     It is portal-rendered by Base UI so a clipped parent cannot hide it. */
+  .buzz-preview-card {
+    z-index: 1000;
+    display: grid;
+    width: max-content;
+    max-width: min(18rem, 75vw);
+    gap: var(--space-1);
+    border: 1px solid var(--border-primary);
+    border-radius: var(--radius-control);
+    padding: var(--space-2) var(--space-3);
+    background: var(--bg-float);
+    box-shadow: var(--shadow-sm);
+    pointer-events: none;
+    transform-origin: var(--transform-origin);
+    transition:
+      opacity var(--duration-state) var(--easing-state),
+      transform var(--duration-state) var(--easing-state);
+  }
+
+  .buzz-preview-card[data-starting-style],
+  .buzz-preview-card[data-ending-style] {
+    opacity: 0;
+    transform: scale(0.98);
+  }
+
+  .buzz-preview-card-name {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .buzz-preview-card-example {
+    border: 0;
+    border-bottom: 1px solid var(--purple-8);
+    padding: 0;
+    background: transparent;
+    color: var(--text-primary);
+    font: inherit;
+    cursor: pointer;
+  }
+
+  html[data-keyboard-navigation] .buzz-preview-card-example:focus-visible {
+    outline: 2px solid var(--purple-8);
+    outline-offset: 2px;
+  }
+
   .buzz-avatar {
     position: relative;
     display: grid;
@@ -115,7 +163,7 @@
     place-items: center;
     overflow: hidden;
     border-radius: var(--radius-pill);
-    background: var(--bg-inset);
+    background: var(--neutral-2);
     color: var(--text-secondary);
   }
 
@@ -150,16 +198,6 @@
     box-shadow: var(--shadow-xs);
   }
 
-  .panel[data-variant="connected-left"] {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-  }
-
-  .panel[data-variant="connected-right"] {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-  }
-
   /* ============================================================
      Tabs — two surfaces, one control.
 
@@ -385,14 +423,10 @@
     gap: var(--space-row-gap);
     border-radius: var(--radius-control);
     padding: 0 var(--space-control-inset);
-    background: var(--bg-inset);
+    background: var(--neutral-2);
     color: var(--text-tertiary);
   }
 
-  .search-field:focus-within {
-    box-shadow: 0 0 0 2px var(--purple-8);
-  }
-
   .search-field input {
     min-width: 0;
     flex: 1;
@@ -403,6 +437,11 @@
     font: inherit;
   }
 
+  html[data-keyboard-navigation] .search-field input:focus-visible {
+    outline: 2px solid var(--purple-8);
+    outline-offset: 2px;
+  }
+
   .search-field input::placeholder {
     color: var(--text-tertiary);
   }
@@ -411,7 +450,7 @@
     display: none;
   }
 
-  .navigator-section {
+  .navigation-section {
     display: flex;
     flex-direction: column;
   }
@@ -421,41 +460,76 @@
      `--space-section-gap` apart, and that difference is the entire signal for
      where one group ends and the next begins. Expressed as an adjacent-sibling
      margin so a section stacked anywhere gets it, with no wrapper required. */
-  .navigator-section + .navigator-section {
+  .navigation-section + .navigation-section {
     margin-top: var(--space-section-gap);
   }
 
-  .navigator-section-label {
+  .navigation-section-heading {
+    display: flex;
     min-height: var(--size-row);
-    margin: 0;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--space-row-gap);
     padding: 0 var(--space-control-inset);
-    line-height: var(--size-row);
   }
 
-  .navigator-section-rows {
+  .navigation-section-label {
+    margin: 0;
+  }
+
+  .navigation-section-heading .buzz-button[data-icon-size="compact"] {
+    margin-right: calc(var(--space-control-inset) * -1);
+  }
+
+  .navigation-section-rows {
     display: flex;
     flex-direction: column;
     gap: 1px;
   }
 
-  .buzz-button[data-navigator-row] {
+  /* NavigationItem owns its complete visual treatment, although it shares
+     Base UI Button's native button behavior. It does not compose Buzz Button:
+     a navigation destination is not an ordinary action button, and sharing the
+     styling made the generic ghost hover compete with navigation's own states. */
+  .navigation-item {
+    display: inline-flex;
     width: 100%;
-    justify-content: flex-start;
+    min-width: 0;
+    height: var(--size-row);
+    align-items: center;
+    gap: var(--space-row-gap);
+    overflow: hidden;
+    border: 0;
+    border-radius: var(--radius-row);
+    padding: 0 var(--space-control-inset);
+    background: transparent;
     color: var(--text-secondary);
+    font: inherit;
     text-align: left;
+    cursor: pointer;
+    transition:
+      color var(--duration-state) var(--easing-state),
+      background-color var(--duration-state) var(--easing-state);
   }
 
-  .buzz-button[data-navigator-row]:hover,
-  .buzz-button[data-navigator-row][data-selected] {
-    background: var(--neutral-4);
+  /* Hover is the lightest acknowledgement; selection is a persistent, one-step
+     stronger statement. Keeping them separate prevents a selected destination
+     from becoming indistinguishable the moment a pointer passes over it. */
+  .navigation-item:hover:not([data-selected]) {
+    background: var(--neutral-2);
     color: var(--text-primary);
   }
 
-  .buzz-button[data-navigator-row][data-inset] {
+  .navigation-item[data-selected] {
+    background: var(--neutral-3);
+    color: var(--text-primary);
+  }
+
+  .navigation-item[data-inset] {
     padding-left: calc(var(--space-control-inset) + var(--space-4));
   }
 
-  .navigator-row-label {
+  .navigation-item-label {
     min-width: 0;
     flex: 1;
     overflow: hidden;
@@ -463,19 +537,21 @@
     white-space: nowrap;
   }
 
-  .navigator-row-trailing {
+  .navigation-item-trailing {
     flex: 0 0 auto;
     color: var(--text-tertiary);
   }
 
-  .buzz-button:focus-visible,
-  .buzz-tabs-tab:focus-visible {
+  html[data-keyboard-navigation] .buzz-button:focus-visible,
+  html[data-keyboard-navigation] .navigation-item:focus-visible,
+  html[data-keyboard-navigation] .buzz-tabs-tab:focus-visible {
     outline: 2px solid var(--purple-8);
     outline-offset: 2px;
   }
 
   @media (prefers-reduced-motion: reduce) {
     .buzz-button,
+    .navigation-item,
     .buzz-tabs-indicator {
       transition-duration: 0ms;
     }
diff --git a/desktop-new/src/shared/styles/design-components.css b/desktop-new/src/shared/styles/design-components.css
index 36828459d1..88b6307a93 100644
--- a/desktop-new/src/shared/styles/design-components.css
+++ b/desktop-new/src/shared/styles/design-components.css
@@ -38,6 +38,19 @@
      A hairline rather than a tinted fill, because the specimen must show the
      component against the surface it is designed for. Tinting the frame would
      change what is being judged. */
+  /* A product composition specimen keeps the runtime's bounded dock geometry
+     visible without borrowing the viewport height of the app shell. */
+  .composer-page-specimen {
+    overflow: hidden;
+    border: 1px solid var(--border-primary);
+    border-radius: var(--radius-control);
+    background: var(--bg-panel);
+  }
+
+  .composer-page-specimen .conversation-composer-dock {
+    height: 13rem;
+  }
+
   .component-specimen-frame {
     display: flex;
     min-width: 0;
@@ -100,6 +113,7 @@
      A former two-panel pseudo-workspace was deleted: resize seams and layout
      geometry belong to DockWorkspace, not to Panel. */
   .component-single-surface-demo {
+    width: 100%;
     height: 16rem;
     padding: var(--space-workspace-inset);
     border-radius: var(--radius-panel);
@@ -114,7 +128,7 @@
     width: min(100%, var(--size-navigator));
   }
 
-  .component-navigator-section-demo {
+  .component-navigation-section-demo {
     width: min(100%, var(--size-navigator));
     padding: var(--space-2);
     border-radius: var(--radius-control);
diff --git a/desktop-new/src/shared/styles/globals.css b/desktop-new/src/shared/styles/globals.css
index 6515f1fc4b..bbc105a247 100644
--- a/desktop-new/src/shared/styles/globals.css
+++ b/desktop-new/src/shared/styles/globals.css
@@ -8,6 +8,14 @@
 @import "./agents.css";
 
 @layer base {
+  /* Pointer focus has a caret or pressed control to make its destination clear.
+     Chrome also matches :focus-visible for text fields clicked with a pointer,
+     so the app-root modality fact gates every focus treatment consistently. */
+  :focus:not(:focus-visible),
+  html:not([data-keyboard-navigation]) :focus-visible {
+    outline: none;
+  }
+
   body {
     margin: 0;
     background: var(--bg-app);
@@ -146,7 +154,7 @@
   display: inline-block;
   padding-inline: 0.375rem;
   border-radius: var(--radius-sm);
-  background: var(--color-bg-inset);
+  background: var(--neutral-2);
   color: var(--color-text-primary);
   user-select: none;
 }
diff --git a/desktop-new/src/shared/styles/product.css b/desktop-new/src/shared/styles/product.css
index 213f174cec..02bb658155 100644
--- a/desktop-new/src/shared/styles/product.css
+++ b/desktop-new/src/shared/styles/product.css
@@ -149,7 +149,13 @@
     box-shadow: var(--shadow-xs);
   }
 
-  /* Dockview arranges panels; Panel owns the surface treatment. */
+  /* Dockview arranges detached panels. The visible sash is a real workspace
+     gutter, so every Panel inside it keeps its complete rounded silhouette.
+
+     A future zero-gap docked group will own one shared outer frame, clipping,
+     and its internal resize seam. Do not make individual panels infer or remove
+     corners from their position: a drag can create a split, a tab group, or a
+     separated panel, and only the workspace topology knows which it is. */
   .buzz-dockview .dv-content-container {
     overflow: hidden;
   }
@@ -207,127 +213,75 @@
     border-bottom: 1px solid var(--border-primary);
   }
 
+  /* The navigator is a quiet scan surface: its search field and first section
+     are separated by space, not a boundary line. PanelHeader owns dividers for
+     titled work surfaces; this local composition deliberately does not use it. */
   .navigator-heading {
-    min-height: 3.25rem;
-  }
-
-  .navigator-search {
-    width: 100%;
-  }
-
-  .navigator-search input {
-    width: 100%;
-    border: 0;
-    border-radius: 0.75rem;
-    padding: 0.5rem 0.75rem;
-    outline: 0;
-    background: var(--bg-inset);
-    color: var(--text-primary);
-    font: inherit;
-  }
-
-  .navigator-section-label {
-    display: block;
-    padding: 0.25rem 0.625rem 0.5rem;
+    min-height: 0;
+    padding: var(--space-2);
+    border-bottom: 0;
   }
 
   .navigator-list {
     min-height: 0;
     flex: 1;
     overflow-y: auto;
-    padding: 0.75rem;
+    padding: var(--space-2);
   }
 
   .channel-cluster {
-    margin-bottom: 0.25rem;
+    position: relative;
   }
 
+  /* A Room and its Session action are one visual row. The action remains a
+     separate button for keyboard and pointer users, but it is positioned over
+     the Room item rather than reserving a second grid column that would cut the
+     selected/hover treatment short. */
   .channel-main-row {
-    display: grid;
-    grid-template-columns: minmax(0, 1fr) auto;
-    align-items: center;
+    position: relative;
   }
 
-  .navigator-row,
-  .session-child-row,
-  .navigator-row-action {
-    border: 0;
-    background: transparent;
-    color: var(--text-secondary);
-    font: inherit;
-    cursor: pointer;
+  .channel-main-row .navigation-item {
+    padding-right: calc(var(--size-row) + var(--space-control-inset));
   }
 
-  .navigator-row {
-    display: flex;
-    min-width: 0;
-    height: 2.25rem;
-    align-items: center;
-    gap: 0.5rem;
-    overflow: hidden;
-    border-radius: 0.625rem;
-    padding: 0 0.625rem;
-    text-align: left;
-  }
-
-  .navigator-row span,
-  .session-child-row span:last-child {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  .navigator-row:hover,
-  .session-child-row:hover,
-  .navigator-row-action:hover {
-    background: var(--neutral-4);
-    color: var(--text-primary);
-  }
-
-  .navigator-row[data-selected],
-  .session-child-row[data-selected] {
-    background: var(--bg-inset);
-    color: var(--text-primary);
-  }
-
-  .navigator-row-action {
-    display: grid;
-    width: 1.75rem;
-    height: 1.75rem;
-    place-items: center;
-    border-radius: 0.5rem;
+  .channel-main-row .buzz-button[data-icon-size="compact"] {
+    position: absolute;
+    top: 0;
+    right: 0;
     opacity: 0;
   }
 
-  .channel-main-row:hover .navigator-row-action,
-  .navigator-row-action:focus-visible {
+  .channel-main-row:hover .buzz-button[data-icon-size="compact"],
+  .channel-main-row .buzz-button[data-icon-size="compact"]:focus-visible {
     opacity: 1;
   }
 
   .session-children {
     display: flex;
     flex-direction: column;
-    padding-left: 1.25rem;
+    gap: 1px;
+    padding-left: var(--space-4);
   }
 
-  .session-child-row {
-    display: grid;
-    min-width: 0;
-    min-height: 2rem;
-    grid-template-columns: 0.75rem minmax(0, 1fr);
-    align-items: center;
-    gap: 0.375rem;
-    border-radius: 0.5rem;
-    padding: 0 0.5rem;
-    text-align: left;
+  /* This connector expresses the channel → Session relationship and therefore
+     stays in the Messages composition. The selectable Session itself is the
+     shared NavigationItem. */
+  .session-child {
+    position: relative;
   }
 
-  .session-thread-line {
-    width: 0.625rem;
-    height: 0.875rem;
+  .session-child::before {
+    position: absolute;
+    top: 0;
+    bottom: 50%;
+    left: calc(var(--space-4) * -0.5);
+    width: calc(var(--space-4) * 0.5);
     border-bottom: 1px solid var(--border-primary);
     border-left: 1px solid var(--border-primary);
-    border-radius: 0 0 0 0.375rem;
+    border-bottom-left-radius: var(--radius-row);
+    content: "";
+    pointer-events: none;
   }
 
   .empty-workspace-panel {
@@ -365,7 +319,7 @@
   .conversation-column {
     width: min(100%, 47rem);
     margin: 0 auto;
-    padding: 1.75rem 2rem 7rem;
+    padding: 1.75rem 2rem;
   }
 
   .message-row {
@@ -381,7 +335,7 @@
     flex: 0 0 auto;
     place-items: center;
     border-radius: 50%;
-    background: var(--bg-inset);
+    background: var(--neutral-2);
     color: var(--text-secondary);
   }
 
@@ -401,31 +355,84 @@
     white-space: pre-wrap;
   }
 
-  .composer-dock {
-    position: absolute;
-    right: 1.5rem;
-    bottom: 1.5rem;
-    left: 1.5rem;
-    margin: auto;
+  /* The bottom dock owns the reserved workspace, not Composer. Its top edge
+     stays put; agent activity consumes room from the dock's lower edge, so the
+     composer shortens from below rather than jumping upward. */
+  .conversation-composer-dock {
+    display: grid;
+    flex: 0 0 auto;
+    height: 13rem;
+    grid-template-rows: minmax(0, 1fr) auto;
+    gap: var(--space-1);
+    padding: 0 1.5rem 1.5rem;
+    background: var(--bg-panel);
   }
 
-  .session-composer {
-    display: grid;
+  /* Activity is an auto-sized grid row, not an estimated absolute rail. Its
+     arrival takes room from the Composer's bottom edge while grid keeps the
+     Composer's top edge fixed. The 4px grid gap is the only separation. */
+  .conversation-activity-rail {
+    display: flex;
     width: min(100%, 47rem);
-    min-height: 3.5rem;
-    grid-template-columns: minmax(0, 1fr) auto;
-    align-items: end;
-    gap: 0.75rem;
+    gap: var(--space-2);
+    margin: 0 auto;
+    overflow-x: auto;
+  }
+
+  .conversation-activity-rail-item {
+    display: flex;
+    min-width: 0;
+    flex: 1 1 16rem;
+    align-items: center;
+    gap: var(--space-2);
+    padding: var(--space-1) var(--space-2);
+    border-radius: var(--radius-row);
+    background: var(--neutral-2);
+  }
+
+  /* An authoring surface is inset into the conversation panel, not another
+     floating panel. The boundary is a real input boundary, hence the one
+     shared border role; focus moves it to the palette's focus step. */
+  .message-composer {
+    display: grid;
+    box-sizing: border-box;
+    width: min(100%, 47rem);
+    height: 100%;
+    min-height: 0;
+    grid-template-rows: minmax(0, 1fr) auto;
+    gap: var(--space-2);
     margin: auto;
     border: 1px solid var(--border-primary);
-    border-radius: 1rem;
-    padding: 0.625rem;
-    background: var(--bg-float);
-    box-shadow: var(--shadow-sm);
+    border-radius: var(--radius-control);
+    padding: var(--space-3);
+    background: var(--neutral-2);
+    transition:
+      height var(--duration-settle) var(--easing-settle),
+      border-color var(--duration-state) var(--easing-state),
+      box-shadow var(--duration-state) var(--easing-state);
   }
 
-  .session-composer textarea {
+  .message-composer[data-state="failed"] {
+    border-color: var(--red-8);
+  }
+
+  .message-composer[data-state="disabled"] {
+    background: var(--neutral-3);
+  }
+
+  .message-composer-input {
+    min-width: 0;
+    min-height: 0;
+  }
+
+  .message-composer textarea {
+    display: block;
+    box-sizing: border-box;
+    width: 100%;
+    height: 100%;
     max-height: 10rem;
+    min-height: 4.5lh;
+    overflow-y: auto;
     resize: none;
     border: 0;
     outline: 0;
@@ -435,7 +442,71 @@
     font: inherit;
   }
 
-  .session-composer button,
+  html[data-keyboard-navigation] .message-composer textarea:focus-visible {
+    outline: 2px solid var(--purple-8);
+    outline-offset: 2px;
+  }
+
+  .message-composer textarea::placeholder {
+    color: var(--text-tertiary);
+  }
+
+  .message-composer textarea:disabled {
+    color: var(--text-disabled);
+    cursor: not-allowed;
+  }
+
+  .message-composer-feedback {
+    margin: 0.25rem 0.5rem 0;
+  }
+
+  .message-composer-actions {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--space-2);
+    padding-top: var(--space-2);
+    border-top: 1px solid var(--border-primary);
+  }
+
+  .message-composer-actions-start,
+  .message-composer-actions-end {
+    display: flex;
+    min-width: 0;
+    align-items: center;
+    gap: var(--space-1);
+  }
+
+  .composer-emoji-picker {
+    z-index: 1000;
+    width: 15rem;
+    border: 1px solid var(--border-primary);
+    border-radius: var(--radius-control);
+    padding: var(--space-2);
+    background: var(--bg-float);
+    box-shadow: var(--shadow-sm);
+    transform-origin: var(--transform-origin);
+    transition:
+      opacity var(--duration-state) var(--easing-state),
+      transform var(--duration-state) var(--easing-state);
+  }
+
+  .composer-emoji-picker[data-starting-style],
+  .composer-emoji-picker[data-ending-style] {
+    opacity: 0;
+    transform: scale(0.98);
+  }
+
+  .composer-emoji-grid {
+    display: grid;
+    grid-template-columns: repeat(5, 1fr);
+    gap: var(--space-1);
+  }
+
+  .composer-emoji-grid .buzz-button {
+    padding: 0;
+  }
+
   .icon-button,
   .quiet-button,
   .primary-button {
@@ -444,7 +515,6 @@
     cursor: pointer;
   }
 
-  .session-composer button,
   .icon-button {
     display: grid;
     width: 2.25rem;
@@ -463,7 +533,7 @@
   }
 
   .quiet-button {
-    background: var(--bg-inset);
+    background: var(--neutral-2);
     color: var(--text-primary);
   }
 
@@ -489,16 +559,19 @@
     margin: 0.5rem 0 0.75rem 2.625rem;
     border-radius: 0.875rem;
     padding: 0.75rem;
-    background: var(--bg-inset);
-  }
-
-  button:focus-visible,
-  textarea:focus-visible {
-    outline: 2px solid var(--purple-8);
-    outline-offset: 2px;
+    background: var(--neutral-2);
   }
 
   @media (max-width: 48rem) {
+    .conversation-composer-dock {
+      padding: 0 0.75rem 0.75rem;
+    }
+
+    .message-composer {
+      gap: var(--space-1);
+      padding: var(--space-1);
+    }
+
     .workspace-topbar {
       padding: 0 0.75rem;
     }
diff --git a/desktop-new/src/shared/styles/tokens.css b/desktop-new/src/shared/styles/tokens.css
index 0a03cc130b..a2f7ea5a53 100644
--- a/desktop-new/src/shared/styles/tokens.css
+++ b/desktop-new/src/shared/styles/tokens.css
@@ -282,9 +282,14 @@
      Keep these current. A step whose comment disagrees with its
      use is worse than no comment, because it reads as a decision
      someone made. `pnpm census` lists the real readers. */
-  --neutral-1: #ffffff; /* bg-panel, bg-float, bg-chrome-selected  */
-  --neutral-2: #f9f9f9; /* unused in light; bg-inset in dark       */
-  --neutral-3: #f0f0f0; /* bg-inset; bg-panel in dark              */
+  --neutral-1: #ffffff; /* bg-panel, bg-float, bg-chrome-selected */
+  /* The first real compact control established this stop. Project Orbit's
+     search field reads as #f5f5f6 over its panel. Its one blue-channel step
+     is a deliberately cool near-neutral, not a warm tint; use it directly
+     rather than preserve an exploratory #f9f9f9 stop or recreate it with
+     alpha. */
+  --neutral-2: #f5f5f6; /* quiet compact controls, callouts, and grouping */
+  --neutral-3: #f0f0f0; /* available for a future, genuinely recessed region; bg-panel in dark */
   --neutral-4: #e8e8e8; /* border-primary in light mode            */
   --neutral-5: #e0e0e0; /* unused in light; float + selected, dark */
   --neutral-6: #d9d9d9; /* border-primary in dark mode             */
@@ -483,7 +488,6 @@
   --bg-app: var(--gradient-1);
   --bg-panel: var(--neutral-1); /* dark: neutral-3 */
   --bg-float: var(--neutral-1); /* dark: neutral-5 */
-  --bg-inset: var(--neutral-3); /* dark: neutral-2 */
 
   /* `bg-hover` was here and is gone. It was neutral-4 in both modes, so
      `bg-neutral-4` says it exactly. Its five call sites now do.
@@ -665,7 +669,6 @@
 .dark {
   --bg-panel: var(--neutral-3);
   --bg-float: var(--neutral-5);
-  --bg-inset: var(--neutral-2);
   --bg-chrome-selected: var(--neutral-5);
 
   /* Two steps lighter than light mode's neutral-4, because a hairline needs more
@@ -831,7 +834,6 @@
   --color-app: var(--bg-app);
   --color-panel: var(--bg-panel);
   --color-float: var(--bg-float);
-  --color-inset: var(--bg-inset);
 
   /* TEXT COLOUR REGISTERS IN ITS OWN NAMESPACE, like borders below.
      Not `--color-*`.
diff --git a/desktop-new/src/shared/tokens/registry.ts b/desktop-new/src/shared/tokens/registry.ts
index e5d5099318..836a7eb7a0 100644
--- a/desktop-new/src/shared/tokens/registry.ts
+++ b/desktop-new/src/shared/tokens/registry.ts
@@ -320,13 +320,6 @@ export const ROLE_GROUPS: RoleGroup[] = [
         use: "Anything hovering above the page: menus, dialogs, tooltips, toasts. Shares a light value with bg-panel and diverges in dark, because a shadow cannot carry elevation on a near-black background.",
         status: "core",
       },
-      {
-        token: "bg-inset",
-        variable: "--bg-inset",
-        pointsAt: "neutral 3 light / neutral 2 dark",
-        use: "Anything pushed in: inputs, code blocks, quotes.",
-        status: "core",
-      },
     ],
   },
   {
diff --git a/desktop-new/src/shared/ui/InlineChip.tsx b/desktop-new/src/shared/ui/InlineChip.tsx
index 9c89ff6754..5200c88da5 100644
--- a/desktop-new/src/shared/ui/InlineChip.tsx
+++ b/desktop-new/src/shared/ui/InlineChip.tsx
@@ -8,28 +8,14 @@ import {
   chipFaces,
 } from "@/shared/chips/faceResolver";
 
-/**
- * A reference to a person, agent, channel, message, or link, shown inline in a
- * sentence.
- *
- * One component serves both the composer and the conversation. Two
- * implementations of one face drift, and a reference that looks different
- * depending on whether it is being written or being read is the kind of
- * disconnected feature this client exists to avoid.
- *
- * A chip is an object, not styled text: the caret cannot sit inside it, one
- * deletion removes it whole, and it carries its identity rather than its name.
- * The label is resolved from the address at render time, so a rename updates
- * every chip without editing anyone's draft.
- */
+import { PreviewCard } from "./PreviewCard";
 
 /**
- * Icons only for the kinds a reader cannot identify from the label.
- *
- * A person and an agent are introduced by `@`, a channel by `#` — those sigils
- * are the identification, so adding a glyph would say the same thing twice. A
- * message and a link have no such convention.
+ * A reference to a person, agent, channel, message, or link, shown inline in a
+ * sentence. A resolved chip composes PreviewCard; `onActivate` is reserved for
+ * a surface that owns an explicit persistent view.
  */
+
 const KIND_ICON: Partial<Record<ChipKind, typeof IconLink>> = {
   message: IconMessageCircle,
   link: IconLink,
@@ -50,15 +36,17 @@ export function InlineChip({
 }: {
   address: ChipAddress;
   /**
-   * Whether the chip is a control. Read-only contexts pass false so a chip
-   * does not claim an interactive screen-reader stop it cannot honour.
+   * An inert rendering for places where even a preview would compete with the
+   * surrounding interaction, such as a future editable document boundary.
    */
   interactive?: boolean;
+  /** An explicit owner-provided action; previews never imply a deep-open. */
   onActivate?: (address: ChipAddress) => void;
 }) {
   const face = useChipFace(address);
   const Icon = KIND_ICON[address.kind];
   const trigger = CHIP_KIND_TRIGGER[address.kind];
+  const kind = accessibleKind(address.kind);
 
   const content = (
     <>
@@ -70,22 +58,17 @@ export function InlineChip({
     </>
   );
 
-  // A chip carries one accessible name that states what it refers to. Its icon
-  // is decorative — the label already says it, and a second owner of the same
-  // name produces a duplicate screen-reader stop.
-  //
-  // An unresolved face has no name to announce, and announcing an abbreviated
-  // identity tells a screen-reader user nothing. Say the kind is unresolved
-  // instead; the visible fallback is a recognition aid, not a name.
   const accessibleName = face.resolved
-    ? `${accessibleKind(address.kind)} ${face.label}`
-    : `Unresolved ${accessibleKind(address.kind).toLowerCase()}`;
+    ? `${kind} ${face.label}`
+    : `Unresolved ${kind.toLowerCase()}`;
+  const state = face.loading
+    ? "loading"
+    : face.resolved
+      ? "resolved"
+      : "unresolved";
 
-  const state = face.resolved ? undefined : "unresolved";
-
-  // An unresolved reference has nothing to open, so it is never a control
-  // however it was asked for — a chip that looks actionable and does nothing
-  // is worse than one that looks inert.
+  // An unresolved reference has nothing truthful to preview or open. A chip
+  // that invites an action and does nothing is worse than an inert reference.
   if (!interactive || !face.resolved) {
     return (
       <span
@@ -101,18 +84,30 @@ export function InlineChip({
   }
 
   return (
-    <button
-      type="button"
-      className="inline-chip"
-      data-kind={address.kind}
-      aria-label={accessibleName}
-      // Keeps the caret in the editor. A control that takes focus moves the
-      // caret out and silently breaks every keyboard behaviour after it.
-      onMouseDown={(event) => event.preventDefault()}
-      onClick={() => onActivate?.(address)}
+    <PreviewCard
+      trigger={
+        <button
+          type="button"
+          className="inline-chip"
+          data-kind={address.kind}
+          data-state={state}
+          aria-label={accessibleName}
+          onClick={() => onActivate?.(address)}
+        >
+          {content}
+        </button>
+      }
     >
-      {content}
-    </button>
+      <span className="buzz-preview-card-kind text-body-sm text-tertiary">
+        {kind}
+      </span>
+      <span className="buzz-preview-card-name text-body text-primary">
+        {face.label}
+      </span>
+      {face.status ? (
+        <span className="text-body-sm text-secondary">{face.status}</span>
+      ) : null}
+    </PreviewCard>
   );
 }
 
diff --git a/desktop-new/src/shared/ui/NavigatorRow.tsx b/desktop-new/src/shared/ui/NavigationItem.tsx
similarity index 62%
rename from desktop-new/src/shared/ui/NavigatorRow.tsx
rename to desktop-new/src/shared/ui/NavigationItem.tsx
index e8d81c1ea5..8dd90b8fed 100644
--- a/desktop-new/src/shared/ui/NavigatorRow.tsx
+++ b/desktop-new/src/shared/ui/NavigationItem.tsx
@@ -1,7 +1,7 @@
+import { Button as BaseButton } from "@base-ui/react/button";
 import type { ReactNode } from "react";
-import { Button } from "./Button";
 
-export function NavigatorRow({
+export function NavigationItem({
   label,
   icon,
   trailing,
@@ -17,20 +17,18 @@ export function NavigatorRow({
   onClick?: () => void;
 }) {
   return (
-    <Button
-      variant="ghost"
-      size="compact"
-      data-navigator-row=""
+    <BaseButton
+      className="navigation-item"
       data-selected={selected || undefined}
       data-inset={inset || undefined}
       onClick={onClick}
       aria-current={selected ? "page" : undefined}
     >
       {icon}
-      <span className="navigator-row-label">{label}</span>
+      <span className="navigation-item-label">{label}</span>
       {trailing ? (
-        <span className="navigator-row-trailing">{trailing}</span>
+        <span className="navigation-item-trailing">{trailing}</span>
       ) : null}
-    </Button>
+    </BaseButton>
   );
 }
diff --git a/desktop-new/src/shared/ui/NavigationSection.tsx b/desktop-new/src/shared/ui/NavigationSection.tsx
new file mode 100644
index 0000000000..bec3c6248b
--- /dev/null
+++ b/desktop-new/src/shared/ui/NavigationSection.tsx
@@ -0,0 +1,23 @@
+import type { ReactNode } from "react";
+
+export function NavigationSection({
+  label,
+  action,
+  children,
+}: {
+  label: string;
+  action?: ReactNode;
+  children: ReactNode;
+}) {
+  return (
+    <section className="navigation-section">
+      <div className="navigation-section-heading">
+        <h2 className="navigation-section-label text-body text-secondary">
+          {label}
+        </h2>
+        {action}
+      </div>
+      <div className="navigation-section-rows">{children}</div>
+    </section>
+  );
+}
diff --git a/desktop-new/src/shared/ui/NavigatorSection.tsx b/desktop-new/src/shared/ui/NavigatorSection.tsx
deleted file mode 100644
index ef2682a60f..0000000000
--- a/desktop-new/src/shared/ui/NavigatorSection.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import type { ReactNode } from "react";
-
-export function NavigatorSection({
-  label,
-  children,
-}: {
-  label: string;
-  children: ReactNode;
-}) {
-  return (
-    <section className="navigator-section">
-      <h2 className="navigator-section-label text-body text-secondary">
-        {label}
-      </h2>
-      <div className="navigator-section-rows">{children}</div>
-    </section>
-  );
-}
diff --git a/desktop-new/src/shared/ui/PreviewCard.tsx b/desktop-new/src/shared/ui/PreviewCard.tsx
new file mode 100644
index 0000000000..b1e9d09fd9
--- /dev/null
+++ b/desktop-new/src/shared/ui/PreviewCard.tsx
@@ -0,0 +1,31 @@
+import { PreviewCard as BasePreviewCard } from "@base-ui/react/preview-card";
+import type { ReactElement, ReactNode } from "react";
+
+export type PreviewCardProps = {
+  /** The one interactive element that anchors and reveals this preview. */
+  trigger: ReactElement;
+  /** Context that supplements, but never replaces, the trigger's destination. */
+  children: ReactNode;
+};
+
+/**
+ * A non-modal, portal-rendered preview of a resolved object.
+ *
+ * Base UI owns the hover/focus timing, anchored positioning, viewport collision,
+ * and portal lifecycle. The preview stays supplemental: it does not take focus
+ * or contain an action of its own.
+ */
+export function PreviewCard({ trigger, children }: PreviewCardProps) {
+  return (
+    <BasePreviewCard.Root>
+      <BasePreviewCard.Trigger render={trigger} delay={250} closeDelay={150} />
+      <BasePreviewCard.Portal>
+        <BasePreviewCard.Positioner side="bottom" align="start" sideOffset={8}>
+          <BasePreviewCard.Popup className="buzz-preview-card" role="tooltip">
+            {children}
+          </BasePreviewCard.Popup>
+        </BasePreviewCard.Positioner>
+      </BasePreviewCard.Portal>
+    </BasePreviewCard.Root>
+  );
+}
diff --git a/desktop-new/src/shared/ui/registry.test.ts b/desktop-new/src/shared/ui/registry.test.ts
index e8a11aeb22..644932139c 100644
--- a/desktop-new/src/shared/ui/registry.test.ts
+++ b/desktop-new/src/shared/ui/registry.test.ts
@@ -38,6 +38,20 @@ describe("component registry — Base UI backing", () => {
     }
   });
 
+  it("places documented child components beneath a real parent", () => {
+    for (const component of COMPONENTS) {
+      if (!component.parent) continue;
+      const parent = COMPONENTS.find(
+        (candidate) => candidate.slug === component.parent,
+      );
+      expect(parent, `${component.slug} parent`).toBeDefined();
+      expect(
+        parent?.parent,
+        `${component.slug} parent is top-level`,
+      ).toBeUndefined();
+    }
+  });
+
   it("claims exactly the Base UI modules its source imports", () => {
     for (const component of COMPONENTS) {
       const source = read(component.source);
diff --git a/desktop-new/src/shared/ui/registry.ts b/desktop-new/src/shared/ui/registry.ts
index 9a65390d0e..019e49ab82 100644
--- a/desktop-new/src/shared/ui/registry.ts
+++ b/desktop-new/src/shared/ui/registry.ts
@@ -23,6 +23,11 @@ export const BASE_UI_PARTS = {
     module: "@base-ui/react/accordion",
   },
   dialog: { name: "Dialog", docs: "dialog", module: "@base-ui/react/dialog" },
+  previewCard: {
+    name: "Preview Card",
+    docs: "preview-card",
+    module: "@base-ui/react/preview-card",
+  },
 } as const satisfies Record<string, BaseUiPart>;
 
 export const BASE_UI_DOCS_ROOT = "https://base-ui.com/react/components";
@@ -97,18 +102,40 @@ export const COMPONENTS: readonly ComponentDefinition[] = [
     baseUi: [BASE_UI_PARTS.avatar],
     composes: [],
   },
+  {
+    slug: "preview-card",
+    name: "PreviewCard",
+    purpose:
+      "A portal-rendered, non-modal preview of an object's already-available context.",
+    behavior: "Base UI Preview Card",
+    variants: ["default"],
+    status: "proposed",
+    owner: "desktop-new Messages",
+    source: "shared/ui/PreviewCard.tsx",
+    baseUi: [BASE_UI_PARTS.previewCard],
+    composes: [],
+  },
   {
     slug: "inline-chip",
     name: "InlineChip",
     purpose:
       "A reference to a person, agent, channel, message, or link shown inline in a sentence.",
     behavior: "Semantic native button or image role",
-    variants: ["person", "agent", "channel", "message", "link"],
+    variants: [
+      "person",
+      "agent",
+      "channel",
+      "message",
+      "link",
+      "resolved preview",
+      "loading",
+      "unresolved",
+    ],
     status: "proposed",
     owner: "desktop-new Messages",
     source: "shared/ui/InlineChip.tsx",
     baseUi: [],
-    composes: [],
+    composes: ["preview-card"],
   },
   {
     slug: "panel",
@@ -163,28 +190,28 @@ export const COMPONENTS: readonly ComponentDefinition[] = [
     composes: ["icon-button"],
   },
   {
-    slug: "navigator-section",
-    name: "NavigatorSection",
+    slug: "navigation-section",
+    name: "NavigationSection",
     purpose: "A named group of related rows in a dense workspace navigator.",
     behavior: "Semantic native section",
     variants: ["default"],
     status: "proposed",
     owner: "desktop-new Messages",
-    source: "shared/ui/NavigatorSection.tsx",
+    source: "shared/ui/NavigationSection.tsx",
     baseUi: [],
     composes: [],
   },
   {
-    slug: "navigator-row",
-    name: "NavigatorRow",
+    slug: "navigation-item",
+    name: "NavigationItem",
     purpose: "A selectable destination row with optional icon and metadata.",
-    behavior: "Composes Buzz Button",
+    behavior: "Base UI Button",
     variants: ["default", "inset", "selected"],
     status: "proposed",
     owner: "desktop-new Messages",
-    source: "shared/ui/NavigatorRow.tsx",
-    baseUi: [],
-    composes: ["button"],
+    source: "shared/ui/NavigationItem.tsx",
+    baseUi: [BASE_UI_PARTS.button],
+    composes: [],
   },
 ];
 
diff --git a/desktop-new/tests/inline-chip.spec.ts b/desktop-new/tests/inline-chip.spec.ts
index c6631b768c..83ef575e56 100644
--- a/desktop-new/tests/inline-chip.spec.ts
+++ b/desktop-new/tests/inline-chip.spec.ts
@@ -75,15 +75,37 @@ test("an unresolved reference is never a control", async ({ page }) => {
   await expect(unresolved).toHaveRole("img");
 });
 
-test("read-only chips claim no interactive stop", async ({ page }) => {
+test("inert chips claim no interactive stop", async ({ page }) => {
   await open(page);
 
-  const readOnly = group(
-    page,
-    "Read-only, as a conversation renders it",
-  ).locator(".inline-chip");
-  await expect(readOnly).toHaveRole("img");
-  await expect(readOnly.locator("xpath=self::button")).toHaveCount(0);
+  const inert = group(page, "Inert rendering").locator(".inline-chip");
+  await expect(inert).toHaveRole("img");
+  await expect(inert.locator("xpath=self::button")).toHaveCount(0);
+});
+
+test("a resolved chip previews on pointer and keyboard focus", async ({
+  page,
+}) => {
+  await open(page);
+  const resolved = group(page, "Resolved preview").locator(".inline-chip");
+  const preview = page.getByRole("tooltip");
+
+  await expect(preview).toHaveCount(0);
+  await resolved.hover();
+  await expect(preview).toBeVisible();
+  await expect(preview).toContainText("Person");
+  await expect(preview).toContainText("Morgan Martin");
+
+  await page.mouse.move(0, 0);
+  await resolved.focus();
+  await expect(preview).toBeVisible();
+});
+
+test("an unresolved chip has no preview", async ({ page }) => {
+  await open(page);
+  await expect(
+    group(page, "Unresolved reference").getByRole("tooltip"),
+  ).toHaveCount(0);
 });
 
 test("activating a chip reports its address, not its label", async ({
diff --git a/desktop-new/tests/sessions.spec.ts b/desktop-new/tests/sessions.spec.ts
index 17cefbaf03..208ef2990a 100644
--- a/desktop-new/tests/sessions.spec.ts
+++ b/desktop-new/tests/sessions.spec.ts
@@ -12,6 +12,99 @@ test("opens a real channel and keeps protocol metadata out of the transcript", a
     ),
   ).toBeVisible();
   await expect(page.getByText(/has_more|channel_created/)).toHaveCount(0);
+
+  // The panel is the Dockview content surface. If it shrink-wraps to the
+  // transcript, the composer escapes onto the app backdrop instead of staying
+  // anchored inside the conversation panel.
+  const panelHeight = await page
+    .locator(".dv-active-group .panel")
+    .evaluate((element) => Math.round(element.getBoundingClientRect().height));
+  expect(panelHeight).toBeGreaterThan(500);
+
+  // Dockview leaves a visible resize gutter between these regions. They must
+  // therefore remain independent panels, each with a complete silhouette—not
+  // retain a zero-radius edge from an old fixed connected-pair layout.
+  const panelCorners = await page
+    .locator(".buzz-dockview .panel")
+    .evaluateAll((panels) =>
+      panels.map((panel) => {
+        const style = getComputedStyle(panel);
+        return [
+          style.borderTopLeftRadius,
+          style.borderTopRightRadius,
+          style.borderBottomRightRadius,
+          style.borderBottomLeftRadius,
+        ];
+      }),
+    );
+  expect(panelCorners).toEqual([
+    ["24px", "24px", "24px", "24px"],
+    ["24px", "24px", "24px", "24px"],
+  ]);
+});
+
+test("sends through the Conversation controller", async ({ page }) => {
+  await page.goto("/?mock=1");
+  const composer = page.getByRole("textbox", { name: "Message the session" });
+  await composer.fill("A real contribution from the controller");
+  await composer.press("Enter");
+
+  // This binds the temporary conversation composition to the controller's
+  // optimistic → accepted lifecycle. The message must settle in the transcript
+  // instead of silently clearing out of the composer.
+  await expect(
+    page.getByText("A real contribution from the controller"),
+  ).toBeVisible();
+  await expect(composer).toHaveValue("");
+});
+
+test("keeps a deliberate newline in the composer until it is sent", async ({
+  page,
+}) => {
+  await page.goto("/?mock=1");
+  const composer = page.getByRole("textbox", { name: "Message the session" });
+  await composer.fill("First line");
+  await composer.press("Shift+Enter");
+  await composer.pressSequentially("Second line");
+
+  await expect(composer).toHaveValue("First line\nSecond line");
+
+  await composer.press("Enter");
+  await expect(page.getByText("First line\nSecond line")).toBeVisible();
+  await expect(composer).toHaveValue("");
+});
+
+test("keeps a conversation draft when a person leaves and returns", async ({
+  page,
+}) => {
+  await page.goto("/?mock=1");
+  const composer = page.getByRole("textbox", { name: "Message the session" });
+  await composer.fill("Keep this thought while I check another channel");
+
+  await page
+    .getByRole("button", { name: "buzz-interface", exact: true })
+    .click();
+  await page.getByRole("button", { name: "design", exact: true }).click();
+
+  // A draft belongs to the conversation, not the mounted textarea. Removing
+  // this controller makes the value disappear when the view changes.
+  await expect(composer).toHaveValue(
+    "Keep this thought while I check another channel",
+  );
+});
+
+test("keeps a new-Session draft when a person leaves and returns", async ({
+  page,
+}) => {
+  await page.goto("/?mock=1");
+  await page.getByRole("button", { name: "New Session in design" }).click();
+  const composer = page.getByRole("textbox", { name: "Start a Session" });
+  await composer.fill("Keep this Session thought");
+
+  await page.getByRole("button", { name: "Back" }).click();
+  await page.getByRole("button", { name: "New Session in design" }).click();
+
+  await expect(composer).toHaveValue("Keep this Session thought");
 });
 
 test("starts a Session from its channel without naming ceremony", async ({
@@ -35,6 +128,35 @@ test("starts a Session from its channel without naming ceremony", async ({
   ).toBeVisible();
 });
 
+test("keeps the composer usable above live agent activity", async ({
+  page,
+}) => {
+  await page.goto("/?mock=1");
+  const dock = page.locator(".conversation-composer-dock");
+  const composer = page.getByRole("textbox", { name: "Message the session" });
+
+  await expect(dock).toHaveAttribute("data-activity", "true");
+  await expect(dock.locator(".conversation-activity-rail")).toContainText(
+    "Vogue is working",
+  );
+  await composer.fill("Keep writing while Vogue works");
+  await expect(composer).toHaveValue("Keep writing while Vogue works");
+
+  const positions = await page.evaluate(() => {
+    const composer = document.querySelector(".message-composer");
+    const rail = document.querySelector(".conversation-activity-rail");
+    if (!composer || !rail) throw new Error("Composer dock is incomplete");
+    return {
+      composerBottom: composer.getBoundingClientRect().bottom,
+      railTop: rail.getBoundingClientRect().top,
+    };
+  });
+  expect(positions.composerBottom).toBeLessThanOrEqual(positions.railTop);
+  // Browser percentage layout can resolve to fractional device pixels; the
+  // designed dock separation is the 4px spacing step, within one CSS pixel.
+  expect(positions.railTop - positions.composerBottom).toBeCloseTo(4, 0);
+});
+
 test("keeps owned agent activity inline and collapses earlier steps", async ({
   page,
 }) => {
@@ -71,3 +193,73 @@ test("exposes the focused Agents destination without expanding the app scope", a
     page.getByText("Help with focused product research."),
   ).toBeVisible();
 });
+
+test("keeps the appearance choice after a reload", async ({ page }) => {
+  await page.goto("/?mock=1");
+  await page.evaluate(() => localStorage.removeItem("buzz-next-color-scheme"));
+  await page.reload();
+
+  await page.getByRole("button", { name: "Use dark mode" }).click();
+  await expect(page.locator("html")).toHaveClass(/dark/);
+
+  // The shell used to hold its own `dark` boolean beside the colour-scheme
+  // fact, so the choice was lost on reload and two owners disagreed.
+  await page.reload();
+  await expect(page.locator("html")).toHaveClass(/dark/);
+  await expect(
+    page.getByRole("button", { name: "Use light mode" }),
+  ).toBeVisible();
+});
+
+test("inserts emoji at the authored caret and returns to writing", async ({
+  page,
+}) => {
+  await page.goto("/?mock=1");
+  const composer = page.getByRole("textbox", { name: "Message the session" });
+  await composer.fill("Hello world");
+  await composer.press("ArrowLeft");
+  await page.getByRole("button", { name: "Choose emoji" }).click();
+  await page.getByRole("button", { name: "Insert 🎉" }).click();
+
+  await expect(composer).toHaveValue("Hello worl🎉d");
+  await expect(composer).toBeFocused();
+  await expect(page.getByRole("button", { name: "Insert 🎉" })).toHaveCount(0);
+});
+
+test("dismisses the emoji picker without losing the composer focus", async ({
+  page,
+}) => {
+  await page.goto("/?mock=1");
+  const composer = page.getByRole("textbox", { name: "Message the session" });
+  await composer.fill("Keep writing");
+  await page.getByRole("button", { name: "Choose emoji" }).click();
+  await expect(page.getByRole("button", { name: "Insert 😀" })).toBeVisible();
+  await page.keyboard.press("Escape");
+
+  await expect(page.getByRole("button", { name: "Insert 😀" })).toHaveCount(0);
+  await expect(composer).toBeFocused();
+  await expect(composer).toHaveValue("Keep writing");
+});
+
+test("shows focus rings only for keyboard navigation", async ({ page }) => {
+  await page.goto("/?mock=1");
+  const composer = page.getByRole("textbox", { name: "Message the session" });
+  const search = page.getByRole("searchbox", {
+    name: "Find a Room, person, or Session",
+  });
+
+  await composer.click();
+  await expect(page.locator("html")).not.toHaveAttribute(
+    "data-keyboard-navigation",
+  );
+  await expect(composer).toHaveCSS("outline-style", "none");
+
+  await search.focus();
+  await page.keyboard.press("Tab");
+  await expect(page.locator("html")).toHaveAttribute(
+    "data-keyboard-navigation",
+  );
+  await expect(
+    page.getByRole("button", { name: "design", exact: true }),
+  ).toHaveCSS("outline-style", "solid");
+});

From 68ee4050642813b5db78266798dc12e00403a25a Mon Sep 17 00:00:00 2001
From: morgmart <98432065+morgmart@users.noreply.github.com>
Date: Tue, 8 Sep 2026 10:52:05 -0700
Subject: [PATCH 31/33] feat(desktop-new): shape product UI and system docs

Signed-off-by: morgmart <98432065+morgmart@users.noreply.github.com>
---
 desktop-new/AGENTS.md                         |   3 +-
 desktop-new/MAINTAINING_DESIGN_SYSTEM.md      |  75 ++++++
 .../src/app/routes/design/agents-guide.tsx    |   6 +
 .../src/app/routes/design/composer.tsx        |   7 -
 .../src/app/routes/design/design-guide.tsx    |   6 +
 desktop-new/src/app/routes/design/growth.tsx  |   7 -
 .../src/app/routes/design/maintaining.tsx     |   6 +
 .../src/app/routes/design/vocabulary.tsx      |   7 -
 .../agent-activity/ui/AgentActivityRail.tsx   |   5 +-
 .../src/features/composer/ui/EmojiPicker.tsx  |   3 +-
 .../features/composer/ui/MessageComposer.tsx  |  54 +++-
 .../ui/ConversationComposerDock.tsx           |  37 +--
 .../design-system/ui/ComponentsPage.tsx       |   3 +-
 .../design-system/ui/ComposerPage.tsx         |  79 ------
 .../design-system/ui/DesignSystemLayout.tsx   | 138 +++++-----
 .../features/design-system/ui/GrowthPage.tsx  |  89 -------
 .../design-system/ui/MarkdownPage.tsx         |  90 +++++++
 .../design-system/ui/OverviewPage.tsx         |  15 +-
 .../design-system/ui/SystemDocumentPage.tsx   |  18 ++
 .../design-system/ui/VocabularyPage.tsx       |  93 -------
 .../design-system/ui/componentSpecimens.tsx   |  72 ++++++
 .../design-system/ui/composerSpecimens.tsx    |  63 +++++
 desktop-new/src/features/navigation/types.ts  |   2 +-
 .../navigation/ui/MessagesNavigator.tsx       |  86 +-----
 .../src/features/navigation/useNavigation.ts  |   2 +-
 desktop-new/src/features/sessions/types.ts    |   5 +-
 .../src/features/sessions/ui/AppShell.tsx     |  42 ++-
 .../features/sessions/ui/NewSessionView.tsx   |   2 +-
 .../sessions/ui/ParticipantDialog.tsx         |   6 +-
 .../src/features/sessions/ui/SessionView.tsx  |  66 ++---
 desktop-new/src/shared/runtime/client.ts      |  36 +++
 desktop-new/src/shared/styles/components.css  | 114 +++++++-
 .../src/shared/styles/design-components.css   | 244 ++++++++++++------
 desktop-new/src/shared/styles/product.css     | 121 +++++++--
 .../src/shared/ui/ConversationHeader.tsx      |  54 ++++
 desktop-new/src/shared/ui/IconButton.tsx      |   8 +-
 desktop-new/src/shared/ui/SearchField.tsx     |   5 +-
 desktop-new/src/shared/ui/ShimmerText.tsx     |  21 ++
 desktop-new/src/shared/ui/registry.test.ts    |  16 +-
 desktop-new/src/shared/ui/registry.ts         |  70 ++++-
 desktop-new/tests/sessions.spec.ts            |   4 +-
 41 files changed, 1129 insertions(+), 651 deletions(-)
 create mode 100644 desktop-new/MAINTAINING_DESIGN_SYSTEM.md
 create mode 100644 desktop-new/src/app/routes/design/agents-guide.tsx
 delete mode 100644 desktop-new/src/app/routes/design/composer.tsx
 create mode 100644 desktop-new/src/app/routes/design/design-guide.tsx
 delete mode 100644 desktop-new/src/app/routes/design/growth.tsx
 create mode 100644 desktop-new/src/app/routes/design/maintaining.tsx
 delete mode 100644 desktop-new/src/app/routes/design/vocabulary.tsx
 delete mode 100644 desktop-new/src/features/design-system/ui/ComposerPage.tsx
 delete mode 100644 desktop-new/src/features/design-system/ui/GrowthPage.tsx
 create mode 100644 desktop-new/src/features/design-system/ui/MarkdownPage.tsx
 create mode 100644 desktop-new/src/features/design-system/ui/SystemDocumentPage.tsx
 delete mode 100644 desktop-new/src/features/design-system/ui/VocabularyPage.tsx
 create mode 100644 desktop-new/src/features/design-system/ui/composerSpecimens.tsx
 create mode 100644 desktop-new/src/shared/ui/ConversationHeader.tsx
 create mode 100644 desktop-new/src/shared/ui/ShimmerText.tsx

diff --git a/desktop-new/AGENTS.md b/desktop-new/AGENTS.md
index e041514d20..24f9c5af20 100644
--- a/desktop-new/AGENTS.md
+++ b/desktop-new/AGENTS.md
@@ -201,8 +201,7 @@ Deliberately, so nobody assumes it was forgotten:
 
 ## Architecture
 
-This client is built on **composable capabilities** — see the plan in Morgan's
-vault. A capability owns a durable product truth: it may be behavior-only,
+This client is built on **composable capabilities**. A capability owns a durable product truth: it may be behavior-only,
 UI-bearing, or both. A feature is an organizational boundary, a surface/view
 owns spatial arrangement, and shared UI owns generic visual and interaction
 primitives.
diff --git a/desktop-new/MAINTAINING_DESIGN_SYSTEM.md b/desktop-new/MAINTAINING_DESIGN_SYSTEM.md
new file mode 100644
index 0000000000..22e4e70481
--- /dev/null
+++ b/desktop-new/MAINTAINING_DESIGN_SYSTEM.md
@@ -0,0 +1,75 @@
+# Maintaining the design system
+
+## The point
+
+The system helps Buzz stay clear and coherent as it grows. It should make the common choice easy, while leaving room for a design to be specific, surprising, or new. It is a shared memory of decisions that have been made—not a gate a designer needs to pass through.
+
+When the system cannot express the right design, change the system. Do not distort the design to satisfy an old rule.
+
+## Start with the work in front of you
+
+Build the screen or interaction you are trying to make. Use the existing colors, type, surfaces, and components when they fit. Look at the result in context, not just in a token table.
+
+A repeated need is evidence. One-off work is evidence too: it may reveal that a ramp step is wrong, a component needs another supported state, or a rule no longer reflects the product.
+
+## Color: use the ramps first
+
+Each color ramp has a version for light mode and a version for dark mode. A step has the same job in both: a quiet neutral surface, a selected row, a strong accent, or readable colored text. That lets a screen use a normal ramp step such as `neutral-2` and still work in both modes.
+
+A semantic color name is earned when a plain ramp step cannot tell the truth:
+
+- Light and dark need different steps for the same job. A panel, for example, needs a different relationship to its surroundings in each mode.
+- A name protects a real rule. The three text levels and the single shared border weight are examples.
+- A pattern has appeared enough times that giving it one name makes the product easier to understand and keep consistent.
+
+Do not create a semantic name just to avoid choosing a ramp step. If a name points to the same step in both modes, it is usually hiding a decision rather than recording one.
+
+## Refine the ramp when the product teaches us something
+
+The ramps are not sacred. They began as a useful starting point and should change when real product work gives us better evidence.
+
+The lighter search-field neutral is a good example. A real prototype showed that the old value was too heavy, so we corrected the neutral ramp instead of adding a search-only color or a fractional stop. That improvement now benefits every quiet compact surface that uses the same step.
+
+Before adding a new step or a new role, ask:
+
+1. Is an existing step already the right answer?
+2. If not, is the ramp itself missing the right relationship?
+3. Does light mode need one step and dark mode another? If so, give that relationship a semantic name.
+4. Will people see this pattern again, or is it one moment in one screen?
+
+## Components grow from real repetition
+
+A shared component is a promise: the same interaction and visual language will work the same way wherever it appears.
+
+Build the first version where it is needed. Once another real use appears, decide what is truly shared:
+
+- a generic building block belongs in the design system;
+- Buzz-specific behavior belongs with the product capability that owns it;
+- a complete arrangement should only become reusable when another surface needs that exact arrangement.
+
+Do not build a catalogue in advance. Small, proven components are more flexible than a large component with a long list of switches.
+
+## Keep the important states visible
+
+Every interactive piece should have a clear default, hover, selected state where it applies, and disabled state where it matters. Selection is a lasting statement, not just a stronger hover. Keyboard focus should be visible, and the same action should work with a pointer or keyboard.
+
+Check narrow, medium, and wide layouts. Check light and dark mode together. A decision that works only in a component specimen is not finished.
+
+## What the guards are for
+
+The automated checks protect decisions that are easy to accidentally undo: readable contrast, the shared type scale, and the color system’s light/dark structure.
+
+They are guardrails, not judges. Each one has a named exception list with room to explain why a specific design needs to differ. Adding an exception is normal when it reflects a deliberate design choice. If the exceptions start pointing in one direction, improve or remove the rule instead of accumulating workarounds.
+
+A passing check means the system is internally consistent. Looking at the actual interface tells us whether the system is good. We need both.
+
+## A good change leaves a trace
+
+When you change the system, make the decision easy to find:
+
+- update the relevant token, component, or guidance;
+- show the result on the design-system site where useful;
+- use the new thing in real product work, not only in documentation;
+- note the reason in plain language close to the decision.
+
+The goal is not to freeze Buzz into a style. It is to give every future designer and builder a clear starting point—and the confidence to improve it when the work asks for more.
diff --git a/desktop-new/src/app/routes/design/agents-guide.tsx b/desktop-new/src/app/routes/design/agents-guide.tsx
new file mode 100644
index 0000000000..490a3ed173
--- /dev/null
+++ b/desktop-new/src/app/routes/design/agents-guide.tsx
@@ -0,0 +1,6 @@
+import { createFileRoute } from "@tanstack/react-router";
+import { SystemDocumentPage } from "@/features/design-system/ui/SystemDocumentPage";
+
+export const Route = createFileRoute("/design/agents-guide")({
+  component: () => <SystemDocumentPage document="agents" />,
+});
diff --git a/desktop-new/src/app/routes/design/composer.tsx b/desktop-new/src/app/routes/design/composer.tsx
deleted file mode 100644
index 8200f42dfa..0000000000
--- a/desktop-new/src/app/routes/design/composer.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import { createFileRoute } from "@tanstack/react-router";
-
-import { ComposerPage } from "@/features/design-system/ui/ComposerPage";
-
-export const Route = createFileRoute("/design/composer")({
-  component: ComposerPage,
-});
diff --git a/desktop-new/src/app/routes/design/design-guide.tsx b/desktop-new/src/app/routes/design/design-guide.tsx
new file mode 100644
index 0000000000..f2e62fb58e
--- /dev/null
+++ b/desktop-new/src/app/routes/design/design-guide.tsx
@@ -0,0 +1,6 @@
+import { createFileRoute } from "@tanstack/react-router";
+import { SystemDocumentPage } from "@/features/design-system/ui/SystemDocumentPage";
+
+export const Route = createFileRoute("/design/design-guide")({
+  component: () => <SystemDocumentPage document="design" />,
+});
diff --git a/desktop-new/src/app/routes/design/growth.tsx b/desktop-new/src/app/routes/design/growth.tsx
deleted file mode 100644
index 732be720fc..0000000000
--- a/desktop-new/src/app/routes/design/growth.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import { createFileRoute } from "@tanstack/react-router";
-
-import { GrowthPage } from "@/features/design-system/ui/GrowthPage";
-
-export const Route = createFileRoute("/design/growth")({
-  component: GrowthPage,
-});
diff --git a/desktop-new/src/app/routes/design/maintaining.tsx b/desktop-new/src/app/routes/design/maintaining.tsx
new file mode 100644
index 0000000000..1c2c4c9b5a
--- /dev/null
+++ b/desktop-new/src/app/routes/design/maintaining.tsx
@@ -0,0 +1,6 @@
+import { createFileRoute } from "@tanstack/react-router";
+import { SystemDocumentPage } from "@/features/design-system/ui/SystemDocumentPage";
+
+export const Route = createFileRoute("/design/maintaining")({
+  component: () => <SystemDocumentPage document="maintaining" />,
+});
diff --git a/desktop-new/src/app/routes/design/vocabulary.tsx b/desktop-new/src/app/routes/design/vocabulary.tsx
deleted file mode 100644
index 102554e6fe..0000000000
--- a/desktop-new/src/app/routes/design/vocabulary.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import { createFileRoute } from "@tanstack/react-router";
-
-import { VocabularyPage } from "@/features/design-system/ui/VocabularyPage";
-
-export const Route = createFileRoute("/design/vocabulary")({
-  component: VocabularyPage,
-});
diff --git a/desktop-new/src/features/agent-activity/ui/AgentActivityRail.tsx b/desktop-new/src/features/agent-activity/ui/AgentActivityRail.tsx
index cc53963661..334685ec0f 100644
--- a/desktop-new/src/features/agent-activity/ui/AgentActivityRail.tsx
+++ b/desktop-new/src/features/agent-activity/ui/AgentActivityRail.tsx
@@ -1,3 +1,5 @@
+import { ShimmerText } from "@/shared/ui/ShimmerText";
+
 import { latestActivityItem } from "../activityProjection";
 import type { AgentTurn } from "../types";
 
@@ -21,9 +23,8 @@ export function AgentActivityRail({ turns }: { turns: AgentTurn[] }) {
           <span
             key={turn.key}
             className="agent-activity-rail-status text-body-sm"
-            aria-label={label}
           >
-            {label}
+            <ShimmerText>{label}</ShimmerText>
           </span>
         );
       })}
diff --git a/desktop-new/src/features/composer/ui/EmojiPicker.tsx b/desktop-new/src/features/composer/ui/EmojiPicker.tsx
index 71bf573fd2..68d2766460 100644
--- a/desktop-new/src/features/composer/ui/EmojiPicker.tsx
+++ b/desktop-new/src/features/composer/ui/EmojiPicker.tsx
@@ -53,7 +53,8 @@ export function EmojiPicker({
           <IconButton
             aria-label="Choose emoji"
             disabled={disabled}
-            icon={<IconMoodSmile size={18} stroke={1.8} aria-hidden="true" />}
+            icon={<IconMoodSmile size={16} stroke={2} aria-hidden="true" />}
+            size="toolbar"
             variant="ghost"
             onMouseDown={(event) => event.preventDefault()}
           />
diff --git a/desktop-new/src/features/composer/ui/MessageComposer.tsx b/desktop-new/src/features/composer/ui/MessageComposer.tsx
index cdffca27fc..3828e89f45 100644
--- a/desktop-new/src/features/composer/ui/MessageComposer.tsx
+++ b/desktop-new/src/features/composer/ui/MessageComposer.tsx
@@ -1,8 +1,9 @@
 import {
   IconArrowUp,
-  IconPaperclip,
-  IconTypography,
+  IconLetterCase,
   IconMicrophone,
+  IconPaperclip,
+  IconPlayerStopFilled,
 } from "@tabler/icons-react";
 import { type FormEvent, useEffect, useRef, useState } from "react";
 
@@ -24,12 +25,17 @@ export function MessageComposer({
   onDraftChange,
   onSend,
   placeholder = "Message the session",
+  responseControl,
 }: {
   disabled?: boolean;
   draft: string;
   onDraftChange: (value: string) => void;
   onSend: (content: string) => Promise<void>;
   placeholder?: string;
+  responseControl?: {
+    state: "responding" | "stopping";
+    onStop?: () => void;
+  };
 }) {
   const [sending, setSending] = useState(false);
   const [error, setError] = useState<string | null>(null);
@@ -99,7 +105,7 @@ export function MessageComposer({
         <textarea
           ref={textarea}
           value={draft}
-          rows={3}
+          rows={1}
           disabled={disabled}
           aria-label={placeholder}
           aria-describedby={error ? "composer-send-error" : undefined}
@@ -147,7 +153,8 @@ export function MessageComposer({
         <div className="message-composer-actions-start">
           <IconButton
             aria-label="Attach file"
-            icon={<IconPaperclip size={18} stroke={1.8} aria-hidden="true" />}
+            icon={<IconPaperclip size={16} stroke={2} aria-hidden="true" />}
+            size="toolbar"
             variant="ghost"
           />
           <EmojiPicker
@@ -157,23 +164,44 @@ export function MessageComposer({
           />
           <IconButton
             aria-label="Toggle formatting"
-            icon={<IconTypography size={18} stroke={1.8} aria-hidden="true" />}
+            icon={<IconLetterCase size={16} stroke={2} aria-hidden="true" />}
+            size="toolbar"
             variant="ghost"
           />
         </div>
         <div className="message-composer-actions-end">
           <IconButton
             aria-label="Record voice note"
-            icon={<IconMicrophone size={18} stroke={1.8} aria-hidden="true" />}
+            icon={<IconMicrophone size={16} stroke={2} aria-hidden="true" />}
+            size="toolbar"
             variant="ghost"
           />
-          <IconButton
-            type="submit"
-            aria-label={sending ? "Sending message" : "Send message"}
-            icon={<IconArrowUp size={18} stroke={1.8} aria-hidden="true" />}
-            variant="solid"
-            disabled={!canSend}
-          />
+          {responseControl ? (
+            <IconButton
+              aria-label={
+                responseControl.state === "stopping"
+                  ? "Stopping response"
+                  : "Stop response"
+              }
+              aria-busy={responseControl.state === "stopping" || undefined}
+              icon={<IconPlayerStopFilled size={14} aria-hidden="true" />}
+              shape="round"
+              size="toolbar"
+              variant="tint"
+              disabled={responseControl.state === "stopping"}
+              onClick={responseControl.onStop}
+            />
+          ) : (
+            <IconButton
+              type="submit"
+              aria-label={sending ? "Sending message" : "Send message"}
+              icon={<IconArrowUp size={16} stroke={2} aria-hidden="true" />}
+              shape="round"
+              size="toolbar"
+              variant="tint"
+              disabled={!canSend}
+            />
+          )}
         </div>
       </div>
     </form>
diff --git a/desktop-new/src/features/conversation/ui/ConversationComposerDock.tsx b/desktop-new/src/features/conversation/ui/ConversationComposerDock.tsx
index 05b2f60784..6900fb6cab 100644
--- a/desktop-new/src/features/conversation/ui/ConversationComposerDock.tsx
+++ b/desktop-new/src/features/conversation/ui/ConversationComposerDock.tsx
@@ -1,7 +1,5 @@
-import { IconLoader2 } from "@tabler/icons-react";
-
-import { latestActivityItem } from "@/features/agent-activity/activityProjection";
 import type { AgentTurn } from "@/features/agent-activity/types";
+import { AgentActivityRail } from "@/features/agent-activity/ui/AgentActivityRail";
 import { MessageComposer } from "@/features/composer/ui/MessageComposer";
 
 /**
@@ -16,11 +14,18 @@ export function ConversationComposerDock({
   onDraftChange,
   onSend,
   turns,
+  placeholder,
+  responseControl,
 }: {
   draft: string;
   onDraftChange: (value: string) => void;
   onSend: (content: string) => Promise<void>;
   turns: AgentTurn[];
+  placeholder?: string;
+  responseControl?: {
+    state: "responding" | "stopping";
+    onStop?: () => void;
+  };
 }) {
   const workingTurns = turns.filter(
     (turn) => turn.status === "pending" || turn.status === "running",
@@ -35,30 +40,10 @@ export function ConversationComposerDock({
         draft={draft}
         onDraftChange={onDraftChange}
         onSend={onSend}
+        placeholder={placeholder}
+        responseControl={responseControl}
       />
-      {workingTurns.length > 0 ? (
-        <div className="conversation-activity-rail" role="status">
-          {workingTurns.map((turn) => {
-            const current = latestActivityItem(turn);
-            return (
-              <div className="conversation-activity-rail-item" key={turn.key}>
-                <IconLoader2
-                  className="animate-spin"
-                  size={15}
-                  stroke={1.7}
-                  aria-hidden="true"
-                />
-                <span className="min-w-0 text-body-sm text-secondary">
-                  <span className="font-semibold text-primary">
-                    {turn.agentName}
-                  </span>{" "}
-                  is working{current ? ` · ${current.label}` : ""}
-                </span>
-              </div>
-            );
-          })}
-        </div>
-      ) : null}
+      <AgentActivityRail turns={workingTurns} />
     </div>
   );
 }
diff --git a/desktop-new/src/features/design-system/ui/ComponentsPage.tsx b/desktop-new/src/features/design-system/ui/ComponentsPage.tsx
index 0d665a4fba..13b5c731c1 100644
--- a/desktop-new/src/features/design-system/ui/ComponentsPage.tsx
+++ b/desktop-new/src/features/design-system/ui/ComponentsPage.tsx
@@ -4,7 +4,8 @@ import { COMPONENT_SPECIMENS } from "./componentSpecimens";
 
 export function ComponentsPage() {
   const topLevelComponents = COMPONENTS.filter(
-    (component) => component.parent === undefined,
+    (component) =>
+      component.collection === "components" && component.parent === undefined,
   );
 
   return (
diff --git a/desktop-new/src/features/design-system/ui/ComposerPage.tsx b/desktop-new/src/features/design-system/ui/ComposerPage.tsx
deleted file mode 100644
index 0f29fa7c89..0000000000
--- a/desktop-new/src/features/design-system/ui/ComposerPage.tsx
+++ /dev/null
@@ -1,79 +0,0 @@
-import { useState } from "react";
-
-import { ConversationComposerDock } from "@/features/conversation/ui/ConversationComposerDock";
-import type { AgentTurn } from "@/features/agent-activity/types";
-
-const WORKING_TURN: AgentTurn = {
-  key: "design:vogue:session:turn",
-  agentPubkey: "vogue",
-  agentName: "Vogue",
-  sessionId: "session",
-  turnId: "turn",
-  channelId: "design",
-  status: "running",
-  items: [
-    {
-      id: "review",
-      label: "Reviewing the interaction plan",
-      status: "running",
-      timestamp: "2026-09-08T03:00:00.000Z",
-    },
-  ],
-};
-
-/**
- * Product-composition documentation for the Conversation Composer.
- *
- * This is not a shared UI component API. It renders the actual dock and
- * composer so the page remains a visual contract for the product composition
- * as its real authoring capabilities arrive.
- */
-function ComposerSpecimen({ turns = [] }: { turns?: AgentTurn[] }) {
-  const [draft, setDraft] = useState("");
-
-  return (
-    <div className="composer-page-specimen">
-      <ConversationComposerDock
-        draft={draft}
-        onDraftChange={setDraft}
-        onSend={async () => undefined}
-        turns={turns}
-      />
-    </div>
-  );
-}
-
-export function ComposerPage() {
-  return (
-    <>
-      <header className="component-page-heading">
-        <h1 className="text-title text-primary">Composer</h1>
-        <p className="max-w-prose text-body text-secondary">
-          The conversation authoring surface. Context arrives above when it
-          changes the contribution; people, agents, and channels stay inline in
-          the authored text; activity makes room beneath without moving the
-          Composer’s top edge.
-        </p>
-      </header>
-
-      <div className="component-specimen-stack">
-        <section className="component-specimen-group">
-          <h2 className="text-body-sm text-tertiary">Writing</h2>
-          <ComposerSpecimen />
-        </section>
-
-        <section className="component-specimen-group">
-          <h2 className="text-body-sm text-tertiary">
-            Working alongside an agent
-          </h2>
-          <p className="max-w-prose text-body-sm text-secondary">
-            The activity rail takes only its own height plus a 4px gap from the
-            Composer’s bottom edge. The Composer keeps its top edge and remains
-            usable while an agent works.
-          </p>
-          <ComposerSpecimen turns={[WORKING_TURN]} />
-        </section>
-      </div>
-    </>
-  );
-}
diff --git a/desktop-new/src/features/design-system/ui/DesignSystemLayout.tsx b/desktop-new/src/features/design-system/ui/DesignSystemLayout.tsx
index a463f5c529..f5e80f019d 100644
--- a/desktop-new/src/features/design-system/ui/DesignSystemLayout.tsx
+++ b/desktop-new/src/features/design-system/ui/DesignSystemLayout.tsx
@@ -1,34 +1,33 @@
+import { IconMoon, IconSun } from "@tabler/icons-react";
 import { Link, Outlet } from "@tanstack/react-router";
 import { Fragment, type ReactNode } from "react";
 
 import { useColorScheme } from "@/shared/theme/useColorScheme";
+import { IconButton } from "@/shared/ui/IconButton";
 import { COMPONENTS } from "@/shared/ui/registry";
 
-/** A nav entry, optionally with children shown indented beneath it. */
 type NavItem = [label: string, to: string, children?: NavItem[]];
 
-function componentNavItems(parent?: string): NavItem[] {
-  return COMPONENTS.filter((component) => component.parent === parent).map(
-    (component) => [
-      component.name,
-      `/design/components/${component.slug}`,
-      componentNavItems(component.slug),
-    ],
-  );
+type NavSection = { heading: string; items: NavItem[] };
+
+function componentNavItems(
+  collection: "components" | "product-ui",
+  parent?: string,
+): NavItem[] {
+  return COMPONENTS.filter(
+    (component) =>
+      component.collection === collection && component.parent === parent,
+  ).map((component) => [
+    component.name,
+    `/design/components/${component.slug}`,
+    componentNavItems(collection, component.slug),
+  ]);
 }
 
-const COMPONENT_NAV_ITEMS: NavItem[] = [
-  ["Overview", "/design/components", componentNavItems()],
-  ["Base UI backing", "/design/components/base-ui"],
-];
-
-const SECTIONS: Array<{ heading: string; items: NavItem[] }> = [
+const SECTIONS: NavSection[] = [
   {
     heading: "Foundations",
     items: [
-      // "Color" in the interface. The code still says `Colour` in places —
-      // registry types, the ColourPage component — and renaming those is a
-      // separate change from what the nav says.
       ["Color", "/design/color", [["Token table", "/design/color/table"]]],
       ["Typography", "/design/typography"],
       ["Spacing", "/design/spacing"],
@@ -36,22 +35,26 @@ const SECTIONS: Array<{ heading: string; items: NavItem[] }> = [
       ["Elevation", "/design/elevation"],
       ["Glass", "/design/glass"],
       ["Motion", "/design/motion"],
+      ["Base UI backing", "/design/components/base-ui"],
     ],
   },
-  {
-    heading: "Product compositions",
-    items: [["Composer", "/design/composer"]],
-  },
   {
     heading: "System",
     items: [
-      ["Vocabulary", "/design/vocabulary"],
-      ["Growing the system", "/design/growth"],
+      ["Maintaining the system", "/design/maintaining"],
+      ["DESIGN.md", "/design/design-guide"],
+      ["AGENTS.md", "/design/agents-guide"],
     ],
   },
   {
     heading: "Components",
-    items: COMPONENT_NAV_ITEMS,
+    items: [
+      ["Overview", "/design/components", componentNavItems("components")],
+    ],
+  },
+  {
+    heading: "Product UI",
+    items: componentNavItems("product-ui"),
   },
 ];
 
@@ -61,7 +64,6 @@ function NavLink({
   children,
 }: {
   to: string;
-  /** Set on a parent that has children, so it does not stay lit on a subpage. */
   exact?: boolean;
   children: ReactNode;
 }) {
@@ -69,10 +71,10 @@ function NavLink({
     <Link
       to={to}
       activeOptions={exact ? { exact: true } : undefined}
-      className="block rounded-lg px-3 py-2 text-body text-secondary transition-colors hover:bg-neutral-4 hover:text-primary"
+      className="design-system-nav-link text-body text-primary"
       activeProps={{
         className:
-          "block rounded-lg px-3 py-2 text-body bg-purple-3 text-purple-12",
+          "design-system-nav-link design-system-nav-link-active text-body text-primary",
       }}
     >
       {children}
@@ -82,10 +84,10 @@ function NavLink({
 
 function NavItems({ items, depth = 0 }: { items: NavItem[]; depth?: number }) {
   return (
-    <div className="flex flex-wrap gap-1 lg:flex-col">
+    <div className="design-system-nav-items">
       {items.map(([label, to, children]) => (
         <Fragment key={to}>
-          <div className={depth === 0 ? undefined : "lg:pl-3"}>
+          <div className={depth ? "design-system-nav-child" : undefined}>
             <NavLink
               to={to}
               exact={children !== undefined && children.length > 0}
@@ -93,7 +95,7 @@ function NavItems({ items, depth = 0 }: { items: NavItem[]; depth?: number }) {
               {label}
             </NavLink>
           </div>
-          {children && children.length > 0 ? (
+          {children?.length ? (
             <NavItems items={children} depth={depth + 1} />
           ) : null}
         </Fragment>
@@ -106,53 +108,41 @@ export function DesignSystemLayout() {
   const { scheme, toggle } = useColorScheme();
 
   return (
-    /* Narrow: the nav stacks above the content as a wrapped list, because a
-       256px column beside a reading column leaves neither enough room. From lg
-       it becomes the sticky side rail. */
-    <div className="flex min-h-screen flex-col bg-panel lg:flex-row">
-      <nav
-        aria-label="Design system"
-        className="flex shrink-0 flex-col gap-8 px-4 py-8 lg:sticky lg:top-0 lg:h-screen lg:w-64 lg:overflow-y-auto"
-      >
-        <div className="px-3">
-          <Link to="/design" className="text-body text-primary">
-            Buzz Design System
-          </Link>
-          <p className="mt-1 text-body-sm text-tertiary">
-            Rendered from the tokens themselves
-          </p>
-        </div>
-
-        <div className="flex flex-1 flex-col gap-6 lg:gap-7">
+    <div className="design-system-shell">
+      <nav aria-label="Design system" className="design-system-nav">
+        <Link
+          to="/design"
+          className="design-system-nav-title design-system-nav-link text-body text-primary"
+        >
+          Buzz Design System
+        </Link>
+        <div aria-hidden="true" className="design-system-nav-rule" />
+        <div className="design-system-nav-sections">
           {SECTIONS.map((section) => (
-            <div key={section.heading} className="flex flex-col gap-1">
-              <h2 className="px-3 pb-1.5 text-body-sm text-tertiary">
-                {section.heading}
-              </h2>
-              {section.items.length === 0 ? (
-                <p className="max-w-prose px-3 py-1 text-body-sm text-tertiary">
-                  None yet — the primitive layer gets built one component at a
-                  time, as the product repeats something.
-                </p>
-              ) : (
-                <NavItems items={section.items} />
-              )}
-            </div>
+            <section
+              className="design-system-nav-section"
+              key={section.heading}
+            >
+              <h2 className="text-body text-tertiary">{section.heading}</h2>
+              <NavItems items={section.items} />
+            </section>
           ))}
         </div>
-
-        <button
-          type="button"
-          onClick={toggle}
-          aria-label={`Switch to ${scheme === "light" ? "dark" : "light"} mode`}
-          className="mx-3 self-start rounded-lg bg-neutral-2 px-3 py-2 text-body text-secondary transition-colors hover:bg-neutral-4 hover:text-primary"
-        >
-          {scheme === "light" ? "Dark mode" : "Light mode"}
-        </button>
       </nav>
-
-      <main className="min-w-0 flex-1 px-6 py-10 sm:px-10 lg:px-16">
-        <div className="mx-auto max-w-3xl">
+      <main className="design-system-content">
+        <IconButton
+          aria-label={scheme === "dark" ? "Use light mode" : "Use dark mode"}
+          icon={
+            scheme === "dark" ? (
+              <IconSun size={16} aria-hidden="true" />
+            ) : (
+              <IconMoon size={16} aria-hidden="true" />
+            )
+          }
+          size="toolbar"
+          onClick={toggle}
+        />
+        <div className="design-system-reading-column">
           <Outlet />
         </div>
       </main>
diff --git a/desktop-new/src/features/design-system/ui/GrowthPage.tsx b/desktop-new/src/features/design-system/ui/GrowthPage.tsx
deleted file mode 100644
index 135b3b83c0..0000000000
--- a/desktop-new/src/features/design-system/ui/GrowthPage.tsx
+++ /dev/null
@@ -1,89 +0,0 @@
-import { GROWTH_PROCEDURE } from "@/shared/tokens/registry";
-
-import { Note, PageHeader, Section } from "./primitives";
-
-const AUDIT: Array<[string, string]> = [
-  [
-    "A newly introduced vocabulary word",
-    "Reported on its own line — this changes the system's shape",
-  ],
-  ["Two names with identical light and dark values", "Merged into one"],
-  [
-    "Values within a hair of each other",
-    "Reported for a person to judge — usually drift, occasionally deliberate",
-  ],
-  ["Names nothing references", "Removed"],
-  [
-    "Names that do not parse under the grammar",
-    "Reported with the correct spelling",
-  ],
-  [
-    "A role value that is a literal rather than a ramp reference",
-    "Reported, unless on the deliberate-exception list",
-  ],
-  [
-    "A proposed role used in several places by more than one feature",
-    "Nominated for promotion",
-  ],
-  [
-    "A proposed role still used once, some time later",
-    "Nominated for deletion",
-  ],
-  ["A deprecated role still referenced", "Fails, naming its replacement"],
-  [
-    "Any legal text-on-background pairing below contrast threshold",
-    "Fails, in either mode",
-  ],
-];
-
-export function GrowthPage() {
-  return (
-    <>
-      <PageHeader
-        title="Growing the system"
-        intro="Need something the system doesn't have? Add it, mark it proposed, keep working. There is no gate and no separate mechanism for one-offs — the moment the legal path is slower than writing a raw value, the system starts being bypassed."
-      />
-
-      <Section
-        title="The procedure"
-        description="Runs per change, by whoever needs the value. Nothing here needs permission, and every addition arrives in the same change that needed it, carrying its values, its description, and its owner."
-      >
-        <ol className="flex flex-col gap-2 rounded-xl bg-neutral-2 px-5 py-4">
-          {GROWTH_PROCEDURE.map((step, index) => (
-            <li key={step} className="flex gap-3">
-              <span className="w-4 shrink-0 text-body text-purple-12">
-                {index + 1}
-              </span>
-              <span className="text-body text-secondary">{step}</span>
-            </li>
-          ))}
-        </ol>
-      </Section>
-
-      <Section
-        title="The audit"
-        description="Runs on a schedule rather than per change. It reports rather than silently rewrites, except where the fix is unambiguous. Growth without pruning is how a system accumulates thirteen transparencies of one colour."
-      >
-        <div className="rounded-xl bg-neutral-2 px-5">
-          {AUDIT.map(([check, action]) => (
-            <div
-              key={check}
-              className="flex flex-col gap-1 border-b border-primary py-3 last:border-b-0 sm:flex-row sm:gap-4"
-            >
-              <span className="flex-1 text-body-sm text-primary">{check}</span>
-              <span className="flex-1 text-body-sm text-secondary">
-                {action}
-              </span>
-            </div>
-          ))}
-        </div>
-      </Section>
-
-      <Note>
-        Promotion from proposed to core is a metadata change, not a rename.
-        Renaming call sites would give promotion a migration cost, and anything
-        with a cost does not happen.
-      </Note>
-    </>
-  );
-}
diff --git a/desktop-new/src/features/design-system/ui/MarkdownPage.tsx b/desktop-new/src/features/design-system/ui/MarkdownPage.tsx
new file mode 100644
index 0000000000..96232a6fcc
--- /dev/null
+++ b/desktop-new/src/features/design-system/ui/MarkdownPage.tsx
@@ -0,0 +1,90 @@
+import type { ReactNode } from "react";
+
+function inline(text: string): ReactNode[] {
+  let occurrence = 0;
+  return text.split(/(`[^`]+`|\*\*[^*]+\*\*)/).map((part) => {
+    if (part.startsWith("`") && part.endsWith("`")) {
+      occurrence += 1;
+      return <code key={`${part}-${occurrence}`}>{part.slice(1, -1)}</code>;
+    }
+    if (part.startsWith("**") && part.endsWith("**")) {
+      occurrence += 1;
+      return <strong key={`${part}-${occurrence}`}>{part.slice(2, -2)}</strong>;
+    }
+    return part;
+  });
+}
+
+/** A deliberately small reader for the three maintained, human-facing docs.
+ * These documents are prose first; this is not a general Markdown product
+ * renderer. Unsupported constructs remain readable text rather than creating a
+ * second documentation format that can drift from the source file. */
+export function MarkdownPage({ source }: { source: string }) {
+  const lines = source.split("\n");
+  const content: ReactNode[] = [];
+  let paragraph: string[] = [];
+  let list: string[] = [];
+
+  const flushParagraph = () => {
+    if (paragraph.length) {
+      content.push(
+        <p
+          className="design-doc-paragraph text-body text-secondary"
+          key={`p-${content.length}`}
+        >
+          {inline(paragraph.join(" "))}
+        </p>,
+      );
+      paragraph = [];
+    }
+  };
+  const flushList = () => {
+    if (list.length) {
+      content.push(
+        <ul className="design-doc-list" key={`l-${content.length}`}>
+          {list.map((item) => (
+            <li className="text-body text-secondary" key={item}>
+              {inline(item)}
+            </li>
+          ))}
+        </ul>,
+      );
+      list = [];
+    }
+  };
+
+  for (const line of lines) {
+    if (line.startsWith("# ")) {
+      flushParagraph();
+      flushList();
+      content.push(
+        <header className="design-doc-title" key={`h1-${content.length}`}>
+          <h1 className="text-title text-primary">{line.slice(2)}</h1>
+        </header>,
+      );
+    } else if (line.startsWith("## ")) {
+      flushParagraph();
+      flushList();
+      content.push(
+        <h2
+          className="design-doc-heading text-heading text-primary"
+          key={`h2-${content.length}`}
+        >
+          {line.slice(3)}
+        </h2>,
+      );
+    } else if (line.startsWith("- ")) {
+      flushParagraph();
+      list.push(line.slice(2));
+    } else if (line.trim() === "") {
+      flushParagraph();
+      flushList();
+    } else if (!line.startsWith("|") && !line.startsWith("```")) {
+      paragraph.push(line.trim());
+    }
+  }
+  flushParagraph();
+  flushList();
+
+  return <article className="design-doc">{content}</article>;
+}
diff --git a/desktop-new/src/features/design-system/ui/OverviewPage.tsx b/desktop-new/src/features/design-system/ui/OverviewPage.tsx
index 7c06334653..e228cf78b3 100644
--- a/desktop-new/src/features/design-system/ui/OverviewPage.tsx
+++ b/desktop-new/src/features/design-system/ui/OverviewPage.tsx
@@ -43,11 +43,12 @@ export function OverviewPage() {
           <code className="text-body text-neutral-1">{GRAMMAR}</code>
         </div>
         <p className="text-body-sm text-secondary">
-          The order is fixed, so there is one correct spelling. See{" "}
-          <Link to="/design/vocabulary" className="text-purple-12 underline">
-            the vocabulary
-          </Link>{" "}
-          for every word a token can be built from.
+          The order is fixed, so there is one correct spelling. The practical
+          guidance for using and evolving it lives in{" "}
+          <Link to="/design/maintaining" className="text-purple-12 underline">
+            Maintaining the system
+          </Link>
+          .
         </p>
       </Section>
 
@@ -75,10 +76,10 @@ export function OverviewPage() {
             Glass
           </Link>
           <Link
-            to="/design/growth"
+            to="/design/maintaining"
             className="rounded-lg bg-neutral-2 px-4 py-2 text-body text-secondary transition-colors hover:bg-neutral-4 hover:text-primary"
           >
-            Growing the system
+            Maintaining the system
           </Link>
         </div>
       </Section>
diff --git a/desktop-new/src/features/design-system/ui/SystemDocumentPage.tsx b/desktop-new/src/features/design-system/ui/SystemDocumentPage.tsx
new file mode 100644
index 0000000000..3cc99c556d
--- /dev/null
+++ b/desktop-new/src/features/design-system/ui/SystemDocumentPage.tsx
@@ -0,0 +1,18 @@
+import agentsSource from "../../../../AGENTS.md?raw";
+import designSource from "../../../../DESIGN.md?raw";
+import maintainingSource from "../../../../MAINTAINING_DESIGN_SYSTEM.md?raw";
+import { MarkdownPage } from "./MarkdownPage";
+
+const DOCUMENTS = {
+  maintaining: maintainingSource,
+  design: designSource,
+  agents: agentsSource,
+} as const;
+
+export function SystemDocumentPage({
+  document,
+}: {
+  document: keyof typeof DOCUMENTS;
+}) {
+  return <MarkdownPage source={DOCUMENTS[document]} />;
+}
diff --git a/desktop-new/src/features/design-system/ui/VocabularyPage.tsx b/desktop-new/src/features/design-system/ui/VocabularyPage.tsx
deleted file mode 100644
index e93b07fce5..0000000000
--- a/desktop-new/src/features/design-system/ui/VocabularyPage.tsx
+++ /dev/null
@@ -1,93 +0,0 @@
-import {
-  GRAMMAR,
-  GRAMMAR_EXAMPLES,
-  VOCABULARY,
-} from "@/shared/tokens/registry";
-
-import { Note, PageHeader, Section } from "./primitives";
-
-export function VocabularyPage() {
-  return (
-    <>
-      <PageHeader
-        title="Vocabulary"
-        intro="One list. Every token in the system is built from these words. Combining them freely is routine and needs no permission; introducing a new word is the thing the audit reports on its own line, because a new word changes the shape of the system rather than adding to it."
-      />
-
-      <Section title="The words">
-        <div className="flex flex-col gap-0 rounded-xl bg-neutral-2 px-5 py-2">
-          {VOCABULARY.map((group) => (
-            <div
-              key={group.group}
-              className="flex flex-wrap items-baseline gap-x-4 gap-y-1 border-b border-primary py-3 last:border-b-0"
-            >
-              <span className="w-24 shrink-0 text-body text-tertiary">
-                {group.group}
-              </span>
-              <div className="flex min-w-0 flex-1 flex-wrap gap-x-2 gap-y-1">
-                {group.words.map((word) => (
-                  <code
-                    key={word}
-                    className="rounded bg-neutral-2 px-1.5 py-0.5 text-body-sm text-primary"
-                  >
-                    {word}
-                  </code>
-                ))}
-              </div>
-            </div>
-          ))}
-        </div>
-      </Section>
-
-      <Section
-        title="The grammar"
-        description="A name reads property, then role, then modifier, then material, then state. The order is fixed, so an agent writing a hover for a glass surface produces the same name every time instead of two equally plausible ones."
-      >
-        <div className="rounded-lg bg-neutral-11 px-5 py-4">
-          <code className="text-body text-neutral-1">{GRAMMAR}</code>
-        </div>
-        {/* Legal and illegal used to be a green panel and a red one, which was
-            this page borrowing status colour to mean "yes" and "no" — the exact
-            habit that grew twenty status roles nothing had designed. The
-            distinction is carried by the words and a ✓ / ✗, which also survives
-            being read by someone who cannot separate the two hues. */}
-        <div className="flex flex-col gap-3 sm:flex-row">
-          {(
-            [
-              { label: "Legal", mark: "✓", examples: GRAMMAR_EXAMPLES.legal },
-              {
-                label: "Illegal",
-                mark: "✗",
-                examples: GRAMMAR_EXAMPLES.illegal,
-              },
-            ] as const
-          ).map((group) => (
-            <div
-              key={group.label}
-              className="flex-1 rounded-xl bg-neutral-2 px-5 py-4"
-            >
-              <p className="mb-1.5 text-body text-primary">{group.label}</p>
-              {group.examples.map((example) => (
-                <code
-                  key={example}
-                  className="block text-body-sm text-secondary"
-                >
-                  <span aria-hidden="true" className="text-tertiary">
-                    {group.mark}{" "}
-                  </span>
-                  {example}
-                </code>
-              ))}
-            </div>
-          ))}
-        </div>
-      </Section>
-
-      <Note>
-        One modifier, one material, one state per name. A name that does not
-        parse under this grammar is reported by the audit with its correct
-        spelling.
-      </Note>
-    </>
-  );
-}
diff --git a/desktop-new/src/features/design-system/ui/componentSpecimens.tsx b/desktop-new/src/features/design-system/ui/componentSpecimens.tsx
index 2be49f59a3..bdda696932 100644
--- a/desktop-new/src/features/design-system/ui/componentSpecimens.tsx
+++ b/desktop-new/src/features/design-system/ui/componentSpecimens.tsx
@@ -3,6 +3,7 @@ import {
   IconHash,
   IconMessageCircle,
   IconPlus,
+  IconUsers,
   IconSettings,
 } from "@tabler/icons-react";
 import type { ReactNode } from "react";
@@ -10,6 +11,7 @@ import { useState } from "react";
 import { Avatar } from "@/shared/ui/Avatar";
 import { InlineChip } from "@/shared/ui/InlineChip";
 import { Button } from "@/shared/ui/Button";
+import { ConversationHeader } from "@/shared/ui/ConversationHeader";
 import { IconButton } from "@/shared/ui/IconButton";
 import { NavigationItem } from "@/shared/ui/NavigationItem";
 import { NavigationSection } from "@/shared/ui/NavigationSection";
@@ -18,6 +20,10 @@ import { SearchField } from "@/shared/ui/SearchField";
 import { Tabs } from "@/shared/ui/Tabs";
 
 import { ComponentAnatomy } from "./ComponentAnatomy";
+import {
+  ActivityRailSpecimen,
+  MessageComposerSpecimen,
+} from "./composerSpecimens";
 import { Panel } from "@/shared/ui/Panel";
 import { PreviewCard } from "@/shared/ui/PreviewCard";
 import type { ChipAddress } from "@/shared/chips/address";
@@ -167,6 +173,14 @@ function IconButtonSpecimen() {
               variant="solid"
             />
           </Specimen>
+          <Specimen prop='variant="tint" shape="round"'>
+            <IconButton
+              aria-label="Round tinted send"
+              icon={icons.add}
+              shape="round"
+              variant="tint"
+            />
+          </Specimen>
         </div>
       </SpecimenGroup>
       <section className="component-specimen-group">
@@ -199,6 +213,14 @@ function IconButtonSpecimen() {
               size="compact"
             />
           </Specimen>
+          <Specimen prop='size="toolbar"'>
+            <IconButton
+              aria-label="Toolbar settings"
+              icon={icons.settings}
+              variant="quiet"
+              size="toolbar"
+            />
+          </Specimen>
           <Specimen prop='size="default"'>
             <IconButton
               aria-label="Default settings"
@@ -441,6 +463,53 @@ function TabsSpecimen() {
   );
 }
 
+function ConversationHeaderSpecimen() {
+  const people = (
+    <IconButton
+      aria-label="View conversation participants"
+      icon={<IconUsers size={16} stroke={1.7} aria-hidden="true" />}
+      size="compact"
+    />
+  );
+  return (
+    <div className="component-specimen-stack">
+      <SpecimenGroup label="Channel — identity and people action">
+        <ConversationHeader
+          icon={<IconHash size={16} stroke={1.7} />}
+          title="design"
+          actions={people}
+        />
+      </SpecimenGroup>
+      <SpecimenGroup label="Session — title status and contextual action">
+        <ConversationHeader
+          icon={<IconMessageCircle size={16} stroke={1.7} />}
+          title="Review agent setup"
+          metadata={<span className="device-label">On this device</span>}
+          actions={
+            <>
+              {people}
+              <Button variant="quiet" size="compact">
+                Start session
+              </Button>
+            </>
+          }
+        />
+      </SpecimenGroup>
+      <SpecimenGroup label="Origin context — only when the title alone is ambiguous">
+        <ConversationHeader
+          icon={<IconMessageCircle size={16} stroke={1.7} />}
+          title="New session"
+          context={
+            <>
+              <IconHash size={13} stroke={1.6} aria-hidden="true" /> From design
+            </>
+          }
+        />
+      </SpecimenGroup>
+    </div>
+  );
+}
+
 function PanelHeaderSpecimen() {
   const actions = (
     <IconButton
@@ -751,8 +820,11 @@ export const COMPONENT_SPECIMENS: Record<string, () => ReactNode> = {
   "inline-chip": InlineChipSpecimen,
   panel: PanelSpecimen,
   tabs: TabsSpecimen,
+  "conversation-header": ConversationHeaderSpecimen,
   "panel-header": PanelHeaderSpecimen,
   "search-field": SearchFieldSpecimen,
   "navigation-section": NavigationSectionSpecimen,
   "navigation-item": NavigationItemSpecimen,
+  composer: MessageComposerSpecimen,
+  "activity-rail": ActivityRailSpecimen,
 };
diff --git a/desktop-new/src/features/design-system/ui/composerSpecimens.tsx b/desktop-new/src/features/design-system/ui/composerSpecimens.tsx
new file mode 100644
index 0000000000..0c3c50f4b3
--- /dev/null
+++ b/desktop-new/src/features/design-system/ui/composerSpecimens.tsx
@@ -0,0 +1,63 @@
+import { useState } from "react";
+
+import type { AgentTurn } from "@/features/agent-activity/types";
+import { AgentActivityRail } from "@/features/agent-activity/ui/AgentActivityRail";
+import { ConversationComposerDock } from "@/features/conversation/ui/ConversationComposerDock";
+import { MessageComposer } from "@/features/composer/ui/MessageComposer";
+
+export const WORKING_TURN: AgentTurn = {
+  key: "design:vogue:session:turn",
+  agentPubkey: "vogue",
+  agentName: "Vogue",
+  sessionId: "session",
+  turnId: "turn",
+  channelId: "design",
+  status: "running",
+  items: [
+    {
+      id: "review",
+      label: "Reviewing the interaction plan",
+      status: "running",
+      timestamp: "2026-09-08T03:00:00.000Z",
+    },
+  ],
+};
+
+export function ComposerSpecimen({
+  turns = [],
+  responseControl,
+}: {
+  turns?: AgentTurn[];
+  responseControl?: { state: "responding" | "stopping" };
+}) {
+  const [draft, setDraft] = useState("");
+
+  return (
+    <div className="composer-page-specimen">
+      <ConversationComposerDock
+        draft={draft}
+        onDraftChange={setDraft}
+        onSend={async () => undefined}
+        placeholder="Reply in this session"
+        responseControl={responseControl}
+        turns={turns}
+      />
+    </div>
+  );
+}
+
+export function ActivityRailSpecimen() {
+  return <AgentActivityRail turns={[WORKING_TURN]} />;
+}
+
+export function MessageComposerSpecimen() {
+  const [draft, setDraft] = useState("");
+  return (
+    <MessageComposer
+      draft={draft}
+      onDraftChange={setDraft}
+      onSend={async () => undefined}
+      placeholder="Reply in this session"
+    />
+  );
+}
diff --git a/desktop-new/src/features/navigation/types.ts b/desktop-new/src/features/navigation/types.ts
index 07d4095979..0d866d1776 100644
--- a/desktop-new/src/features/navigation/types.ts
+++ b/desktop-new/src/features/navigation/types.ts
@@ -1,7 +1,7 @@
 export type MessagesDestination =
   | { type: "empty" }
   | { type: "channel"; channelId: string }
-  | { type: "new"; originChannelId?: string }
+  | { type: "new"; originChannelId: string }
   | { type: "session"; channelId: string };
 
 export type NavigationDestination = "channels" | "agents";
diff --git a/desktop-new/src/features/navigation/ui/MessagesNavigator.tsx b/desktop-new/src/features/navigation/ui/MessagesNavigator.tsx
index 7e3436533a..ef5f64bca8 100644
--- a/desktop-new/src/features/navigation/ui/MessagesNavigator.tsx
+++ b/desktop-new/src/features/navigation/ui/MessagesNavigator.tsx
@@ -1,10 +1,4 @@
-import {
-  IconHash,
-  IconMessageCircle,
-  IconMessagePlus,
-  IconMessages,
-  IconPlus,
-} from "@tabler/icons-react";
+import { IconHash, IconPlus } from "@tabler/icons-react";
 import { IconButton } from "@/shared/ui/IconButton";
 import { NavigationItem } from "@/shared/ui/NavigationItem";
 import { NavigationSection } from "@/shared/ui/NavigationSection";
@@ -18,7 +12,8 @@ type NavigatorConversation = {
 
 type NavigatorSession = {
   channelId: string;
-  originChannelId?: string;
+  originChannelId: string;
+  hasUnread?: boolean;
 };
 
 export function MessagesNavigator({
@@ -29,7 +24,6 @@ export function MessagesNavigator({
   onOpenDirectMessage,
   onOpenSession,
   onStartSession,
-  onStartStandaloneSession,
   query,
   onQueryChange,
 }: {
@@ -40,7 +34,6 @@ export function MessagesNavigator({
   onOpenDirectMessage: (channelId: string) => void;
   onOpenSession: (channelId: string) => void;
   onStartSession: (channelId: string) => void;
-  onStartStandaloneSession: () => void;
   query: string;
   onQueryChange: (query: string) => void;
 }) {
@@ -60,26 +53,13 @@ export function MessagesNavigator({
   const directMessages = conversations.filter(
     (conversation) => conversation.channelType === "dm",
   );
-  const sessionConversations = sessions
-    .map((session) => ({
-      session,
-      conversation: conversationsById.get(session.channelId),
-    }))
-    .filter(
-      (
-        entry,
-      ): entry is {
-        session: NavigatorSession;
-        conversation: NavigatorConversation;
-      } => Boolean(entry.conversation),
-    );
-
   return (
     <aside className="workspace-navigator" aria-label="Messages">
       <header className="panel-heading navigator-heading">
         <SearchField
           label="Find a Room, person, or Session"
           placeholder="Search"
+          variant="navigator"
           value={query}
           onValueChange={onQueryChange}
         />
@@ -137,11 +117,19 @@ export function MessagesNavigator({
                   </div>
                   {roomSessions.length ? (
                     <div className="session-children">
-                      {roomSessions.map(({ conversation }) => (
+                      {roomSessions.map(({ session, conversation }) => (
                         <div className="session-child" key={conversation.id}>
                           <NavigationItem
                             label={conversation.name}
                             inset
+                            trailing={
+                              session.hasUnread ? (
+                                <span
+                                  className="session-unread-indicator"
+                                  aria-hidden="true"
+                                />
+                              ) : undefined
+                            }
                             selected={selectedId === conversation.id}
                             onClick={() => onOpenSession(conversation.id)}
                           />
@@ -166,13 +154,6 @@ export function MessagesNavigator({
               <NavigationItem
                 key={message.id}
                 label={message.name}
-                icon={
-                  <IconMessageCircle
-                    size={15}
-                    stroke={1.6}
-                    aria-hidden="true"
-                  />
-                }
                 selected={selectedId === message.id}
                 onClick={() => onOpenDirectMessage(message.id)}
               />
@@ -184,47 +165,6 @@ export function MessagesNavigator({
             </p>
           ) : null}
         </NavigationSection>
-
-        <NavigationSection
-          label="Sessions"
-          action={
-            <IconButton
-              aria-label="Start a standalone Session"
-              icon={
-                <IconMessagePlus size={14} stroke={1.7} aria-hidden="true" />
-              }
-              size="compact"
-              onClick={onStartStandaloneSession}
-            />
-          }
-        >
-          {sessionConversations
-            .filter(
-              ({ conversation, session }) =>
-                !session.originChannelId && matches(conversation.name),
-            )
-            .map(({ conversation }) => (
-              <NavigationItem
-                key={conversation.id}
-                label={conversation.name}
-                icon={
-                  <IconMessages size={15} stroke={1.6} aria-hidden="true" />
-                }
-                selected={selectedId === conversation.id}
-                onClick={() => onOpenSession(conversation.id)}
-              />
-            ))}
-          {sessionConversations.filter(
-            ({ conversation, session }) =>
-              !session.originChannelId && matches(conversation.name),
-          ).length === 0 ? (
-            <p className="navigation-empty text-body-sm text-tertiary">
-              {normalizedQuery
-                ? "No Sessions match."
-                : "Start a Session for focused work."}
-            </p>
-          ) : null}
-        </NavigationSection>
       </div>
     </aside>
   );
diff --git a/desktop-new/src/features/navigation/useNavigation.ts b/desktop-new/src/features/navigation/useNavigation.ts
index 3a1eb74856..36cad7e467 100644
--- a/desktop-new/src/features/navigation/useNavigation.ts
+++ b/desktop-new/src/features/navigation/useNavigation.ts
@@ -34,7 +34,7 @@ export function useNavigation() {
     setMessagesDestination({ type: "session", channelId });
   }, []);
 
-  const startSession = useCallback((originChannelId?: string) => {
+  const startSession = useCallback((originChannelId: string) => {
     setDestination("channels");
     setMessagesDestination({ type: "new", originChannelId });
   }, []);
diff --git a/desktop-new/src/features/sessions/types.ts b/desktop-new/src/features/sessions/types.ts
index 60b53b2910..fda6a75b8a 100644
--- a/desktop-new/src/features/sessions/types.ts
+++ b/desktop-new/src/features/sessions/types.ts
@@ -33,8 +33,11 @@ export type Message = {
 
 export type SessionRecord = {
   channelId: string;
-  originChannelId?: string;
+  /** A session is focused work inside one originating room. */
+  originChannelId: string;
   connectedChannelId?: string;
+  /** Unread state is intentionally scoped to sessions while room unread design is pending. */
+  hasUnread?: boolean;
   createdAt: number;
   updatedAt: number;
   incompleteDraft?: string;
diff --git a/desktop-new/src/features/sessions/ui/AppShell.tsx b/desktop-new/src/features/sessions/ui/AppShell.tsx
index 89c0732f9c..42c44322c2 100644
--- a/desktop-new/src/features/sessions/ui/AppShell.tsx
+++ b/desktop-new/src/features/sessions/ui/AppShell.tsx
@@ -148,16 +148,50 @@ export function AppShell() {
       }
     }
     const rememberedSessions = listSessions(nextScope);
-    // Rich browser fixtures give the navigation a real standalone Session to
-    // arrange and open without claiming the current native parent-required
-    // bootstrap contract can create one yet.
+    // Mock sessions model the intended channel-first navigation shape: a
+    // Session always lives below its originating Room. They are fixtures for
+    // the browser preview only; the native relay remains authoritative.
     const fixtureSessions = isMockRuntime
       ? [
+          {
+            channelId: "session-navigation",
+            originChannelId: "design",
+            createdAt: Date.now() - 1_800_000,
+            updatedAt: Date.now() - 1_800_000,
+            hasUnread: true,
+          },
           {
             channelId: "session-agent-setup",
+            originChannelId: "design",
             createdAt: Date.now() - 10_800_000,
             updatedAt: Date.now() - 10_800_000,
           },
+          {
+            channelId: "session-interface-review",
+            originChannelId: "buzz-interface",
+            createdAt: Date.now() - 4_500_000,
+            updatedAt: Date.now() - 4_500_000,
+            hasUnread: true,
+          },
+          {
+            channelId: "session-release-brief",
+            originChannelId: "buzz-interface",
+            createdAt: Date.now() - 7_200_000,
+            updatedAt: Date.now() - 7_200_000,
+          },
+          {
+            channelId: "session-launch-checklist",
+            originChannelId: "launch-planning",
+            createdAt: Date.now() - 2_700_000,
+            updatedAt: Date.now() - 2_700_000,
+            hasUnread: true,
+          },
+          {
+            channelId: "session-announcement-draft",
+            originChannelId: "launch-planning",
+            createdAt: Date.now() - 9_000_000,
+            updatedAt: Date.now() - 9_000_000,
+          },
         ]
       : [];
     setSessions([
@@ -306,7 +340,6 @@ export function AppShell() {
       <SessionView
         channel={activeChannel}
         identity={identity}
-        origin={origin}
         turns={agentActivity.forChannel(activeChannel.id)}
         mode={view.type}
         onStartSession={
@@ -380,7 +413,6 @@ export function AppShell() {
                     onOpenDirectMessage={openChannel}
                     onOpenSession={openSession}
                     onStartSession={startSession}
-                    onStartStandaloneSession={() => startSession()}
                     query={channelQuery}
                     onQueryChange={setChannelQuery}
                   />
diff --git a/desktop-new/src/features/sessions/ui/NewSessionView.tsx b/desktop-new/src/features/sessions/ui/NewSessionView.tsx
index 742583dfcc..dfbcbec964 100644
--- a/desktop-new/src/features/sessions/ui/NewSessionView.tsx
+++ b/desktop-new/src/features/sessions/ui/NewSessionView.tsx
@@ -84,7 +84,7 @@ export function NewSessionView({
           disabled={Boolean(pending && pending.pending !== "failed")}
           onDraftChange={onDraftChange}
           onSend={onCreate}
-          placeholder="Start a Session"
+          placeholder="Start a new session"
         />
       </div>
     </main>
diff --git a/desktop-new/src/features/sessions/ui/ParticipantDialog.tsx b/desktop-new/src/features/sessions/ui/ParticipantDialog.tsx
index 6f2037b78a..ec0fe2bde1 100644
--- a/desktop-new/src/features/sessions/ui/ParticipantDialog.tsx
+++ b/desktop-new/src/features/sessions/ui/ParticipantDialog.tsx
@@ -74,7 +74,11 @@ export function ParticipantDialog({
 
   return (
     <Dialog.Root>
-      <Dialog.Trigger className="participant-trigger">
+      <Dialog.Trigger
+        className="buzz-button"
+        data-variant="ghost"
+        data-size="compact"
+      >
         <IconUsers size={16} stroke={1.6} aria-hidden="true" />
         <span>
           {participants.length <= 1
diff --git a/desktop-new/src/features/sessions/ui/SessionView.tsx b/desktop-new/src/features/sessions/ui/SessionView.tsx
index 48b647fefd..2a619d076f 100644
--- a/desktop-new/src/features/sessions/ui/SessionView.tsx
+++ b/desktop-new/src/features/sessions/ui/SessionView.tsx
@@ -2,6 +2,8 @@ import { IconAlertCircle, IconHash, IconRefresh } from "@tabler/icons-react";
 import { useCallback, useMemo } from "react";
 import { useConversation } from "@/features/conversation/useConversation";
 import { ConversationComposerDock } from "@/features/conversation/ui/ConversationComposerDock";
+import { Button } from "@/shared/ui/Button";
+import { ConversationHeader } from "@/shared/ui/ConversationHeader";
 import type { AgentTurn } from "@/features/agent-activity/types";
 import type { Channel, Identity, Message, Participant } from "../types";
 import { AgentActivity } from "./AgentActivity";
@@ -85,7 +87,6 @@ function MessageRow({
 export function SessionView({
   channel,
   identity,
-  origin,
   turns,
   mode,
   onStartSession,
@@ -94,7 +95,6 @@ export function SessionView({
 }: {
   channel: Channel;
   identity: Identity;
-  origin?: Channel;
   turns: AgentTurn[];
   mode: "channel" | "session";
   onStartSession?: () => void;
@@ -134,46 +134,29 @@ export function SessionView({
 
   return (
     <main className="session-view">
-      <header className="session-header">
-        <div className="session-title-block">
-          <div className="flex items-center gap-2">
-            <h1 className="text-heading text-primary">
-              {mode === "channel" ? `#${channel.name}` : channel.name}
-            </h1>
-            {mode === "session" ? (
-              <span className="device-label">On this device</span>
+      <ConversationHeader
+        icon={<IconHash size={16} stroke={1.7} />}
+        title={channel.name}
+        metadata={
+          mode === "session" ? (
+            <span className="device-label">On this device</span>
+          ) : undefined
+        }
+        actions={
+          <>
+            <ParticipantDialog
+              channelId={channel.id}
+              participants={participants}
+              onChanged={refreshParticipants}
+            />
+            {mode === "channel" && onStartSession ? (
+              <Button variant="quiet" size="compact" onClick={onStartSession}>
+                Start Session
+              </Button>
             ) : null}
-          </div>
-          {origin ? (
-            <span className="origin-label text-body-sm text-secondary">
-              <IconHash size={13} stroke={1.6} aria-hidden="true" />
-              From {origin.name}
-            </span>
-          ) : (
-            <span className="text-body-sm text-tertiary">
-              {mode === "channel"
-                ? channel.description || "Channel"
-                : "Private Session"}
-            </span>
-          )}
-        </div>
-        <div className="session-header-actions">
-          <ParticipantDialog
-            channelId={channel.id}
-            participants={participants}
-            onChanged={refreshParticipants}
-          />
-          {mode === "channel" && onStartSession ? (
-            <button
-              type="button"
-              className="quiet-button"
-              onClick={onStartSession}
-            >
-              Start Session
-            </button>
-          ) : null}
-        </div>
-      </header>
+          </>
+        }
+      />
       <div className="session-scroll">
         <div className="conversation-column">
           {loading && messages.length === 0 ? (
@@ -213,6 +196,7 @@ export function SessionView({
         draft={draft}
         onDraftChange={onDraftChange}
         onSend={send}
+        placeholder="Reply in this session"
         turns={turns}
       />
     </main>
diff --git a/desktop-new/src/shared/runtime/client.ts b/desktop-new/src/shared/runtime/client.ts
index a37ad7aed4..a9d3adf24d 100644
--- a/desktop-new/src/shared/runtime/client.ts
+++ b/desktop-new/src/shared/runtime/client.ts
@@ -103,6 +103,42 @@ const mockState: MockState = {
       memberCount: 1,
       lastMessageAt: new Date(Date.now() - 10_800_000).toISOString(),
     },
+    {
+      id: "session-interface-review",
+      name: "Review navigation states",
+      channelType: "stream",
+      visibility: "private",
+      description: "Focused work",
+      memberCount: 3,
+      lastMessageAt: new Date(Date.now() - 4_500_000).toISOString(),
+    },
+    {
+      id: "session-release-brief",
+      name: "Shape the release brief",
+      channelType: "stream",
+      visibility: "private",
+      description: "Focused work",
+      memberCount: 2,
+      lastMessageAt: new Date(Date.now() - 7_200_000).toISOString(),
+    },
+    {
+      id: "session-launch-checklist",
+      name: "Close the launch checklist",
+      channelType: "stream",
+      visibility: "private",
+      description: "Focused work",
+      memberCount: 2,
+      lastMessageAt: new Date(Date.now() - 2_700_000).toISOString(),
+    },
+    {
+      id: "session-announcement-draft",
+      name: "Draft the announcement",
+      channelType: "stream",
+      visibility: "private",
+      description: "Focused work",
+      memberCount: 2,
+      lastMessageAt: new Date(Date.now() - 9_000_000).toISOString(),
+    },
   ],
   messages: {
     design: [
diff --git a/desktop-new/src/shared/styles/components.css b/desktop-new/src/shared/styles/components.css
index 4831c3dfe1..dd9632d4d3 100644
--- a/desktop-new/src/shared/styles/components.css
+++ b/desktop-new/src/shared/styles/components.css
@@ -74,12 +74,24 @@
     border-radius: var(--radius-row);
   }
 
+  /* Toolbars need a less dense hit area than navigator-row actions while
+     keeping the same 16px icon artwork. */
+  .buzz-button[data-icon-size="toolbar"] {
+    width: 2rem;
+    height: 2rem;
+    border-radius: var(--radius-row);
+  }
+
   .buzz-button[data-icon-size="large"] {
     width: 2.5rem;
     height: 2.5rem;
     border-radius: var(--radius-pill);
   }
 
+  .buzz-button[data-icon-shape="round"] {
+    border-radius: var(--radius-pill);
+  }
+
   /* Every icon variant states its own hover. The one that did not —
      `solid` — fell through to the neutral ghost hover and lost its accent. */
   .buzz-button[data-icon-variant="quiet"] {
@@ -100,6 +112,17 @@
     background: var(--purple-10);
   }
 
+  /* A gentle acknowledgement/submit action on a quiet surface. This cannot be
+     the primary fill: its job is available without pulling focus from writing. */
+  .buzz-button[data-icon-variant="tint"] {
+    background: var(--purple-3);
+    color: var(--purple-12);
+  }
+
+  .buzz-button[data-icon-variant="tint"]:hover:not([data-disabled]) {
+    background: var(--purple-4);
+  }
+
   /* Chrome sits on the backdrop and is clickable, so it takes the interactive
      material whole — fill, blur, rim, and hover in one line. It used to spell
      out three of those four and get the hover from a separate rule. */
@@ -415,6 +438,91 @@
     white-space: nowrap;
   }
 
+  /* ConversationHeader identifies a message-bearing surface. Unlike PanelHeader,
+     it gives the title an optional status/context layer and reserves the end for
+     feature-owned conversation actions. */
+  .conversation-header {
+    position: relative;
+    display: flex;
+    width: 100%;
+    min-height: var(--size-panel-header);
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--space-4);
+    padding: 0 var(--space-panel-inset);
+  }
+
+  .conversation-header::after {
+    position: absolute;
+    right: var(--space-panel-inset);
+    bottom: 0;
+    left: var(--space-panel-inset);
+    height: 1px;
+    background: var(--border-primary);
+    content: "";
+    pointer-events: none;
+  }
+
+  .conversation-header-identity,
+  .conversation-header-title-row,
+  .conversation-header-actions {
+    display: flex;
+    min-width: 0;
+    align-items: center;
+  }
+
+  .conversation-header-identity {
+    flex: 1;
+    gap: var(--space-row-gap);
+  }
+
+  .conversation-header-icon {
+    display: flex;
+    flex: 0 0 auto;
+    color: var(--text-secondary);
+  }
+
+  .conversation-header-title-block {
+    min-width: 0;
+  }
+
+  .conversation-header-title-row {
+    gap: var(--space-1);
+  }
+
+  .conversation-header-title-row > h1,
+  .conversation-header-context {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .conversation-header-metadata {
+    flex: 0 0 auto;
+    color: var(--text-secondary);
+  }
+
+  .conversation-header-context {
+    margin-top: var(--space-1);
+  }
+
+  .conversation-header-actions {
+    flex: 0 0 auto;
+    gap: var(--space-1);
+  }
+
+  @media (max-width: 48rem) {
+    .conversation-header {
+      min-height: auto;
+      align-items: start;
+      padding-block: var(--space-2);
+    }
+
+    .conversation-header-actions {
+      padding-top: 0.125rem;
+    }
+  }
+
   .search-field {
     display: flex;
     width: 100%;
@@ -427,6 +535,10 @@
     color: var(--text-tertiary);
   }
 
+  .search-field[data-variant="navigator"] {
+    border-radius: var(--radius-panel);
+  }
+
   .search-field input {
     min-width: 0;
     flex: 1;
@@ -503,7 +615,7 @@
     border-radius: var(--radius-row);
     padding: 0 var(--space-control-inset);
     background: transparent;
-    color: var(--text-secondary);
+    color: var(--text-primary);
     font: inherit;
     text-align: left;
     cursor: pointer;
diff --git a/desktop-new/src/shared/styles/design-components.css b/desktop-new/src/shared/styles/design-components.css
index 88b6307a93..29e46632a9 100644
--- a/desktop-new/src/shared/styles/design-components.css
+++ b/desktop-new/src/shared/styles/design-components.css
@@ -1,4 +1,140 @@
 @layer components {
+  /* Documentation stays quiet and paper-like. The navigation itself is a fixed
+     reading tool, not a product panel: Figma's reference is a 250px white rail
+     with a soft right shadow and no active-fill decoration. */
+  .design-system-shell {
+    display: flex;
+    min-height: 100vh;
+    background: var(--bg-panel);
+  }
+
+  .design-system-nav {
+    position: sticky;
+    top: 0;
+    display: flex;
+    width: 15.625rem;
+    height: 100vh;
+    flex: 0 0 auto;
+    flex-direction: column;
+    gap: var(--space-6);
+    overflow-y: auto;
+    padding: 1.125rem 1.5rem;
+    background: var(--bg-panel);
+    box-shadow: var(--shadow-float);
+  }
+
+  .design-system-nav-title {
+    text-decoration: none;
+  }
+
+  .design-system-nav-rule {
+    height: 1px;
+    background: var(--border-primary);
+  }
+
+  .design-system-nav-sections,
+  .design-system-nav-section,
+  .design-system-nav-items {
+    display: flex;
+    flex-direction: column;
+  }
+
+  .design-system-nav-sections {
+    gap: var(--space-6);
+  }
+
+  .design-system-nav-section {
+    gap: var(--space-2);
+  }
+
+  .design-system-nav-section > h2 {
+    margin: 0;
+  }
+
+  .design-system-nav-items {
+    gap: var(--space-1);
+  }
+
+  .design-system-nav-child {
+    padding-left: var(--space-4);
+  }
+
+  .design-system-nav-link {
+    display: block;
+    border-radius: var(--radius-row);
+    padding: var(--space-1) var(--space-2);
+    text-decoration: none;
+    transition:
+      background-color var(--duration-state) var(--easing-state),
+      color var(--duration-state) var(--easing-state);
+  }
+
+  .design-system-nav-link:hover,
+  .design-system-nav-link-active {
+    background: var(--neutral-3);
+  }
+
+  .design-system-content {
+    position: relative;
+    min-width: 0;
+    flex: 1;
+    padding: 2.5rem 4rem;
+  }
+
+  /* This is a page-level appearance control, not part of the reading column.
+     Fix it to the viewport so it remains available through a long document.
+     Two space steps leave room for the browser's own scrollbar without trying to
+     restyle or replace that platform control. */
+  .design-system-content > .buzz-button[data-icon-size="toolbar"] {
+    position: fixed;
+    z-index: 10;
+    top: var(--space-4);
+    right: calc(var(--space-4) + var(--space-4));
+  }
+
+  .design-system-reading-column {
+    max-width: 48rem;
+  }
+
+  .design-doc {
+    display: flex;
+    max-width: 44rem;
+    flex-direction: column;
+  }
+
+  .design-doc-title {
+    margin-bottom: var(--space-6);
+  }
+
+  .design-doc-heading {
+    margin: var(--space-6) 0 var(--space-2);
+  }
+
+  .design-doc-paragraph {
+    margin: 0 0 var(--space-4);
+  }
+
+  .design-doc-list {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-2);
+    margin: 0 0 var(--space-4);
+    padding-left: 1.25rem;
+  }
+
+  .design-doc code {
+    border-radius: var(--radius-row);
+    padding: 0.0625rem var(--space-1);
+    background: var(--neutral-2);
+    color: var(--text-primary);
+    font-family: var(--font-mono);
+  }
+
+  .design-doc strong {
+    color: var(--text-primary);
+    font-weight: var(--type-weight-semibold);
+  }
+
   .component-page-heading {
     display: flex;
     flex-direction: column;
@@ -23,32 +159,8 @@
     margin: 0;
   }
 
-  /* The live specimen, and it must read as a separate thing from the prose
-     around it.
-
-     **It has a border because its fill cannot do that job.** The frame was
-     `bg-panel` on a page that is also `bg-panel` — white on white in light mode,
-     with no border and no shadow — so every plain specimen on every component
-     page had an invisible container. A reader could not tell where the
-     documentation stopped and the running component began, and the padding then
-     looked like the component's own indent rather than the frame's inset. The
-     gradient variant below was the only one that ever read as a container, which
-     is why the problem hid: the pages that used it looked correct.
-
-     A hairline rather than a tinted fill, because the specimen must show the
-     component against the surface it is designed for. Tinting the frame would
-     change what is being judged. */
-  /* A product composition specimen keeps the runtime's bounded dock geometry
-     visible without borrowing the viewport height of the app shell. */
-  .composer-page-specimen {
-    overflow: hidden;
-    border: 1px solid var(--border-primary);
-    border-radius: var(--radius-control);
-    background: var(--bg-panel);
-  }
-
-  .composer-page-specimen .conversation-composer-dock {
-    height: 13rem;
+  .activity-page-specimen {
+    padding: var(--space-3);
   }
 
   .component-specimen-frame {
@@ -56,26 +168,13 @@
     min-width: 0;
     min-height: 7rem;
     align-items: center;
-    /* A specimen wider than the viewport scrolls inside its own frame rather
-       than pushing the page sideways. Chrome tabs with icons and a trailing
-       action are 377px of unshrinkable inline-flex, so at a narrow width
-       something has to give — and a horizontally scrolling documentation page is
-       worse than a specimen you swipe. */
     overflow-x: auto;
     padding: var(--space-6);
-    /* The product's border weight, now that it is mode-aware. This used to name
-       `neutral-6` directly because `border-primary` was neutral-4 in both modes
-       and measured 1.08:1 against the dark page — invisible. The role now takes
-       neutral-6 in dark, so the documentation furniture and the product agree
-       again, which is what a shared boundary role is for. */
     border: 1px solid var(--border-primary);
     border-radius: var(--radius-panel);
     background: var(--bg-panel);
   }
 
-  /* Chrome components are judged on the app backdrop, which is a container in
-     its own right — the gradient already separates it from the page, so it
-     carries no border. */
   .component-specimen-frame[data-backdrop] {
     border-color: transparent;
     background: var(--bg-app);
@@ -88,10 +187,6 @@
     gap: var(--space-4);
   }
 
-  /* A sample and the prop that produced it, as one unit — so the caption stays
-     with its sample when the row wraps. Centred on the sample rather than
-     left-aligned: an icon button is narrower than `variant="chrome"`, and a
-     caption hanging off one edge reads as belonging to its neighbour. */
   .component-specimen {
     display: flex;
     min-width: 0;
@@ -104,14 +199,6 @@
     white-space: nowrap;
   }
 
-  /* A Panel is a workspace surface, not a header-shaped wrapper. The specimen
-     gives it a definite canvas: percentage height only resolves against a
-     definite parent, so the previous min-height let this panel collapse to its
-     PanelHeader and made the component invisible as a surface. */
-  /* Panel's specimen supplies only the context it is designed for — the
-     atmospheric backdrop — and the component supplies only its own surface.
-     A former two-panel pseudo-workspace was deleted: resize seams and layout
-     geometry belong to DockWorkspace, not to Panel. */
   .component-single-surface-demo {
     width: 100%;
     height: 16rem;
@@ -124,12 +211,12 @@
     height: 100%;
   }
 
-  .component-field-demo {
+  .component-field-demo,
+  .component-navigation-section-demo {
     width: min(100%, var(--size-navigator));
   }
 
   .component-navigation-section-demo {
-    width: min(100%, var(--size-navigator));
     padding: var(--space-2);
     border-radius: var(--radius-control);
     background: var(--bg-panel);
@@ -148,9 +235,6 @@
     gap: var(--space-3);
   }
 
-  /* The same boundary as a specimen frame, for the same reason: this is a live
-     thumbnail on a page the same colour as itself. Its inner frames drop their
-     own border so the card reads as one container rather than a box in a box. */
   .component-overview-preview {
     height: 13rem;
     overflow: hidden;
@@ -175,37 +259,31 @@
     text-decoration: none;
   }
 
-  .component-overview-item > a:hover {
-    color: var(--purple-12);
-  }
+  @media (max-width: 63.999rem) {
+    .design-system-shell {
+      flex-direction: column;
+    }
 
-  .component-radius-demo {
-    display: flex;
-    flex-wrap: wrap;
-    gap: var(--space-4);
-    padding: var(--space-6);
-    border-radius: var(--radius-panel);
-  }
+    .design-system-nav {
+      position: static;
+      width: 100%;
+      height: auto;
+      gap: var(--space-4);
+      padding: var(--space-4);
+      box-shadow: none;
+    }
 
-  .component-radius-sample {
-    display: grid;
-    width: 8rem;
-    height: 5rem;
-    place-items: center;
-    border: 1px solid var(--border-primary);
-    box-shadow: var(--shadow-xs);
-  }
+    .design-system-nav-sections {
+      display: grid;
+      grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
+      gap: var(--space-5);
+    }
 
-  /* The glass specimen uses the shipped default backdrop choice. `bg-app`
-   * resolves through gradient-1, preserving the Sky field / Night garden pair
-   * when the documentation mode changes. */
-  .glass-scene {
-    background: var(--bg-app);
-  }
+    .design-system-content {
+      padding: var(--space-6) var(--space-4);
+    }
 
-  @media (max-width: 48rem) {
-    .component-overview-grid,
-    .component-surface-demo {
+    .component-overview-grid {
       grid-template-columns: 1fr;
     }
   }
diff --git a/desktop-new/src/shared/styles/product.css b/desktop-new/src/shared/styles/product.css
index 02bb658155..31e01727de 100644
--- a/desktop-new/src/shared/styles/product.css
+++ b/desktop-new/src/shared/styles/product.css
@@ -261,7 +261,7 @@
     display: flex;
     flex-direction: column;
     gap: 1px;
-    padding-left: var(--space-4);
+    padding-left: var(--space-3);
   }
 
   /* This connector expresses the channel → Session relationship and therefore
@@ -275,8 +275,8 @@
     position: absolute;
     top: 0;
     bottom: 50%;
-    left: calc(var(--space-4) * -0.5);
-    width: calc(var(--space-4) * 0.5);
+    left: calc(var(--space-3) * -0.5);
+    width: calc(var(--space-3) * 0.5);
     border-bottom: 1px solid var(--border-primary);
     border-left: 1px solid var(--border-primary);
     border-bottom-left-radius: var(--radius-row);
@@ -284,6 +284,16 @@
     pointer-events: none;
   }
 
+  /* Rooms do not carry unread treatment yet. Sessions do: the dot is a compact
+     status signal inside the child row, not a second kind of navigation item. */
+  .session-unread-indicator {
+    display: block;
+    width: 0.375rem;
+    height: 0.375rem;
+    border-radius: var(--radius-pill);
+    background: var(--purple-8);
+  }
+
   .empty-workspace-panel {
     display: flex;
     align-items: center;
@@ -297,17 +307,28 @@
   .session-header {
     display: grid;
     grid-template-columns: minmax(0, 1fr) auto;
-    gap: 0.75rem;
+    gap: var(--space-2);
   }
 
   .session-title-block {
+    display: flex;
+    min-width: 0;
+    flex-direction: column;
+    gap: var(--space-1);
+  }
+
+  .session-title-block > div {
     min-width: 0;
   }
 
   .session-header-actions {
     display: flex;
     align-items: center;
-    gap: 0.5rem;
+    gap: var(--space-1);
+  }
+
+  .session-header-actions > :first-child {
+    color: var(--text-secondary);
   }
 
   .session-scroll {
@@ -361,17 +382,21 @@
   .conversation-composer-dock {
     display: grid;
     flex: 0 0 auto;
-    height: 13rem;
+    height: 7.75rem;
     grid-template-rows: minmax(0, 1fr) auto;
     gap: var(--space-1);
     padding: 0 1.5rem 1.5rem;
     background: var(--bg-panel);
   }
 
+  .conversation-composer-dock[data-activity] {
+    height: 9.375rem;
+  }
+
   /* Activity is an auto-sized grid row, not an estimated absolute rail. Its
      arrival takes room from the Composer's bottom edge while grid keeps the
      Composer's top edge fixed. The 4px grid gap is the only separation. */
-  .conversation-activity-rail {
+  .agent-activity-rail {
     display: flex;
     width: min(100%, 47rem);
     gap: var(--space-2);
@@ -379,15 +404,46 @@
     overflow-x: auto;
   }
 
-  .conversation-activity-rail-item {
-    display: flex;
-    min-width: 0;
-    flex: 1 1 16rem;
-    align-items: center;
-    gap: var(--space-2);
-    padding: var(--space-1) var(--space-2);
-    border-radius: var(--radius-row);
-    background: var(--neutral-2);
+  .agent-activity-rail-status {
+    min-width: max-content;
+    color: var(--text-secondary);
+  }
+
+  /* The base text is always painted. The pseudo-element is only a clipped
+     highlight travelling over it, which makes shimmer additive rather than a
+     replacement for legibility. */
+  .buzz-shimmer-text {
+    position: relative;
+    display: inline-block;
+  }
+
+  .buzz-shimmer-text::after {
+    position: absolute;
+    inset: 0;
+    background-image: linear-gradient(
+      100deg,
+      transparent calc(50% - var(--shimmer-spread)),
+      var(--text-primary) 50%,
+      transparent calc(50% + var(--shimmer-spread))
+    );
+    background-position: 130% center;
+    background-size: 250% 100%;
+    background-repeat: no-repeat;
+    -webkit-background-clip: text;
+    background-clip: text;
+    color: transparent;
+    content: attr(data-shimmer-text);
+    pointer-events: none;
+    animation: agent-activity-shimmer 2.2s linear 0.35s infinite;
+  }
+
+  @keyframes agent-activity-shimmer {
+    from {
+      background-position: 130% center;
+    }
+    to {
+      background-position: -30% center;
+    }
   }
 
   /* An authoring surface is inset into the conversation panel, not another
@@ -400,12 +456,12 @@
     height: 100%;
     min-height: 0;
     grid-template-rows: minmax(0, 1fr) auto;
-    gap: var(--space-2);
+    gap: var(--space-1);
     margin: auto;
     border: 1px solid var(--border-primary);
     border-radius: var(--radius-control);
-    padding: var(--space-3);
-    background: var(--neutral-2);
+    padding: var(--space-2) var(--space-3);
+    background: var(--bg-panel);
     transition:
       height var(--duration-settle) var(--easing-settle),
       border-color var(--duration-state) var(--easing-state),
@@ -431,12 +487,12 @@
     width: 100%;
     height: 100%;
     max-height: 10rem;
-    min-height: 4.5lh;
+    min-height: 1.5lh;
     overflow-y: auto;
     resize: none;
     border: 0;
     outline: 0;
-    padding: 0.375rem 0.5rem;
+    padding: 0.375rem 0;
     background: transparent;
     color: var(--text-primary);
     font: inherit;
@@ -465,8 +521,7 @@
     align-items: center;
     justify-content: space-between;
     gap: var(--space-2);
-    padding-top: var(--space-2);
-    border-top: 1px solid var(--border-primary);
+    padding-top: var(--space-1);
   }
 
   .message-composer-actions-start,
@@ -562,6 +617,12 @@
     background: var(--neutral-2);
   }
 
+  @media (prefers-reduced-motion: reduce) {
+    .buzz-shimmer-text::after {
+      display: none;
+    }
+  }
+
   @media (max-width: 48rem) {
     .conversation-composer-dock {
       padding: 0 0.75rem 0.75rem;
@@ -584,6 +645,20 @@
       display: none;
     }
 
+    .session-header {
+      min-height: auto;
+      align-items: start;
+      padding-block: var(--space-2);
+    }
+
+    .session-header-actions {
+      padding-top: 0.125rem;
+    }
+
+    .session-header-actions > :first-child span {
+      display: none;
+    }
+
     .conversation-column {
       padding-right: 1rem;
       padding-left: 1rem;
diff --git a/desktop-new/src/shared/ui/ConversationHeader.tsx b/desktop-new/src/shared/ui/ConversationHeader.tsx
new file mode 100644
index 0000000000..bbee0ac943
--- /dev/null
+++ b/desktop-new/src/shared/ui/ConversationHeader.tsx
@@ -0,0 +1,54 @@
+import type { ReactNode } from "react";
+
+/**
+ * The orientation row for a message-bearing conversation surface.
+ *
+ * This is presentation only: the owning feature resolves whether the
+ * conversation is a channel, direct message, or session, and supplies its
+ * identity, status, and actions.
+ */
+export function ConversationHeader({
+  title,
+  icon,
+  metadata,
+  context,
+  actions,
+}: {
+  title: string;
+  /** Decorative conversation identity, such as a channel glyph or avatar. */
+  icon?: ReactNode;
+  /** One short status associated with the title, such as “On this device”. */
+  metadata?: ReactNode;
+  /** Optional, feature-owned context when the title alone is ambiguous. */
+  context?: ReactNode;
+  /** Feature-owned controls, ordered by that feature's action priority. */
+  actions?: ReactNode;
+}) {
+  return (
+    <header className="conversation-header">
+      <div className="conversation-header-identity">
+        {icon ? (
+          <span className="conversation-header-icon" aria-hidden="true">
+            {icon}
+          </span>
+        ) : null}
+        <div className="conversation-header-title-block">
+          <div className="conversation-header-title-row">
+            <h1 className="text-heading text-primary">{title}</h1>
+            {metadata ? (
+              <span className="conversation-header-metadata">{metadata}</span>
+            ) : null}
+          </div>
+          {context ? (
+            <div className="conversation-header-context text-body-sm text-secondary">
+              {context}
+            </div>
+          ) : null}
+        </div>
+      </div>
+      {actions ? (
+        <div className="conversation-header-actions">{actions}</div>
+      ) : null}
+    </header>
+  );
+}
diff --git a/desktop-new/src/shared/ui/IconButton.tsx b/desktop-new/src/shared/ui/IconButton.tsx
index 2febe696a8..33ca754606 100644
--- a/desktop-new/src/shared/ui/IconButton.tsx
+++ b/desktop-new/src/shared/ui/IconButton.tsx
@@ -1,8 +1,9 @@
 import type { ComponentProps, ReactElement } from "react";
 import { Button } from "./Button";
 
-type IconButtonVariant = "quiet" | "ghost" | "solid" | "chrome";
-type IconButtonSize = "compact" | "default" | "large";
+type IconButtonVariant = "quiet" | "ghost" | "solid" | "tint" | "chrome";
+type IconButtonSize = "compact" | "toolbar" | "default" | "large";
+type IconButtonShape = "control" | "round";
 
 export type IconButtonProps = Omit<
   ComponentProps<typeof Button>,
@@ -12,12 +13,14 @@ export type IconButtonProps = Omit<
   icon: ReactElement;
   variant?: IconButtonVariant;
   size?: IconButtonSize;
+  shape?: IconButtonShape;
 };
 
 export function IconButton({
   icon,
   variant = "ghost",
   size = "default",
+  shape = "control",
   ...props
 }: IconButtonProps) {
   return (
@@ -26,6 +29,7 @@ export function IconButton({
       variant="ghost"
       data-icon-variant={variant}
       data-icon-size={size}
+      data-icon-shape={shape}
     >
       {icon}
     </Button>
diff --git a/desktop-new/src/shared/ui/SearchField.tsx b/desktop-new/src/shared/ui/SearchField.tsx
index 3069ec5023..fcd31b42bc 100644
--- a/desktop-new/src/shared/ui/SearchField.tsx
+++ b/desktop-new/src/shared/ui/SearchField.tsx
@@ -8,14 +8,17 @@ export function SearchField({
   onValueChange,
   label = "Search",
   placeholder = "Search",
+  variant = "default",
 }: {
   value: string;
   onValueChange: (value: string) => void;
   label?: string;
   placeholder?: string;
+  /** Navigator search uses the panel's broad corner to echo its enclosing surface. */
+  variant?: "default" | "navigator";
 }) {
   return (
-    <Field.Root className="search-field">
+    <Field.Root className="search-field" data-variant={variant}>
       <Field.Label className="sr-only">{label}</Field.Label>
       <IconSearch size={16} stroke={1.7} aria-hidden="true" />
       <Input
diff --git a/desktop-new/src/shared/ui/ShimmerText.tsx b/desktop-new/src/shared/ui/ShimmerText.tsx
new file mode 100644
index 0000000000..1ca970ce27
--- /dev/null
+++ b/desktop-new/src/shared/ui/ShimmerText.tsx
@@ -0,0 +1,21 @@
+import type { CSSProperties, ReactNode } from "react";
+
+/**
+ * Adds a moving highlight over always-readable text.
+ *
+ * The base layer never animates or becomes transparent, so motion is additive:
+ * a renderer or timing edge cannot make the status disappear.
+ */
+export function ShimmerText({ children }: { children: ReactNode }) {
+  const text = typeof children === "string" ? children : "";
+
+  return (
+    <span
+      className="buzz-shimmer-text"
+      data-shimmer-text={text}
+      style={{ "--shimmer-spread": `${text.length * 2.5}px` } as CSSProperties}
+    >
+      {children}
+    </span>
+  );
+}
diff --git a/desktop-new/src/shared/ui/registry.test.ts b/desktop-new/src/shared/ui/registry.test.ts
index 644932139c..33c76f187c 100644
--- a/desktop-new/src/shared/ui/registry.test.ts
+++ b/desktop-new/src/shared/ui/registry.test.ts
@@ -11,11 +11,14 @@ import {
  * The component sources as text, read through Vite rather than `node:fs` so the
  * paths resolve the same way the app resolves them and no Node types are needed.
  */
-const SOURCES = import.meta.glob("/src/shared/ui/*.tsx", {
-  query: "?raw",
-  import: "default",
-  eager: true,
-}) as Record<string, string>;
+const SOURCES = import.meta.glob(
+  "/src/{shared/ui,features/composer/ui,features/agent-activity/ui}/*.tsx",
+  {
+    query: "?raw",
+    import: "default",
+    eager: true,
+  },
+) as Record<string, string>;
 
 function read(source: string): string {
   const contents = SOURCES[`/src/${source}`];
@@ -74,7 +77,8 @@ describe("component registry — Base UI backing", () => {
         const sibling = COMPONENTS.find((candidate) => candidate.slug === slug);
         expect(sibling, `${component.slug} composes ${slug}`).toBeDefined();
         expect(
-          source.includes(`from "./${sibling?.name}"`),
+          source.includes(`from "./${sibling?.name}"`) ||
+            source.includes(`from "@/shared/ui/${sibling?.name}"`),
           `${component.slug} imports ${sibling?.name}`,
         ).toBe(true);
       }
diff --git a/desktop-new/src/shared/ui/registry.ts b/desktop-new/src/shared/ui/registry.ts
index 019e49ab82..8572362c01 100644
--- a/desktop-new/src/shared/ui/registry.ts
+++ b/desktop-new/src/shared/ui/registry.ts
@@ -1,5 +1,8 @@
 export type ComponentStatus = "core" | "proposed";
 
+/** Documentation location, independent from the source folder. */
+export type ComponentCollection = "components" | "product-ui";
+
 /**
  * A Base UI part a component is built on. `name` is the export as documented;
  * `docs` is the path segment on base-ui.com/react/components, and `module` is
@@ -43,6 +46,8 @@ export type ComponentDefinition = {
   behavior: string;
   variants: readonly string[];
   status: ComponentStatus;
+  /** Where this component appears in the design-system navigation. */
+  collection: ComponentCollection;
   owner?: string;
   /**
    * The component whose frame this component belongs inside in the design
@@ -73,6 +78,7 @@ export const COMPONENTS: readonly ComponentDefinition[] = [
     behavior: "Base UI Button",
     variants: ["primary", "quiet", "ghost"],
     status: "proposed",
+    collection: "components",
     owner: "desktop-new Messages",
     source: "shared/ui/Button.tsx",
     baseUi: [BASE_UI_PARTS.button],
@@ -83,8 +89,18 @@ export const COMPONENTS: readonly ComponentDefinition[] = [
     name: "IconButton",
     purpose: "A compact icon-only action that always owns an accessible label.",
     behavior: "Composes Buzz Button",
-    variants: ["quiet", "ghost", "solid", "chrome"],
+    variants: [
+      "quiet",
+      "ghost",
+      "solid",
+      "tint",
+      "chrome",
+      "shape: control | round",
+      "compact: 16px artwork, 30px target, Tabler stroke 2",
+      "toolbar: 16px artwork, 32px target, Tabler stroke 2",
+    ],
     status: "proposed",
+    collection: "components",
     owner: "desktop-new Messages",
     source: "shared/ui/IconButton.tsx",
     baseUi: [],
@@ -97,6 +113,7 @@ export const COMPONENTS: readonly ComponentDefinition[] = [
     behavior: "Base UI Avatar",
     variants: ["small", "default", "large"],
     status: "proposed",
+    collection: "components",
     owner: "desktop-new Messages",
     source: "shared/ui/Avatar.tsx",
     baseUi: [BASE_UI_PARTS.avatar],
@@ -110,6 +127,7 @@ export const COMPONENTS: readonly ComponentDefinition[] = [
     behavior: "Base UI Preview Card",
     variants: ["default"],
     status: "proposed",
+    collection: "components",
     owner: "desktop-new Messages",
     source: "shared/ui/PreviewCard.tsx",
     baseUi: [BASE_UI_PARTS.previewCard],
@@ -132,6 +150,7 @@ export const COMPONENTS: readonly ComponentDefinition[] = [
       "unresolved",
     ],
     status: "proposed",
+    collection: "components",
     owner: "desktop-new Messages",
     source: "shared/ui/InlineChip.tsx",
     baseUi: [],
@@ -145,6 +164,7 @@ export const COMPONENTS: readonly ComponentDefinition[] = [
     behavior: "Semantic native region",
     variants: ["panel"],
     status: "proposed",
+    collection: "components",
     owner: "desktop-new Messages",
     source: "shared/ui/Panel.tsx",
     baseUi: [],
@@ -158,11 +178,26 @@ export const COMPONENTS: readonly ComponentDefinition[] = [
     behavior: "Base UI Tabs",
     variants: ["chrome", "panel"],
     status: "proposed",
+    collection: "components",
     owner: "desktop-new Messages",
     source: "shared/ui/Tabs.tsx",
     baseUi: [BASE_UI_PARTS.tabs],
     composes: [],
   },
+  {
+    slug: "conversation-header",
+    name: "ConversationHeader",
+    purpose:
+      "The orientation row for a message-bearing conversation surface. It arranges the conversation identity, one short status or contextual line, and feature-owned actions without interpreting channel or session data.",
+    behavior: "Semantic native header",
+    variants: ["default"],
+    status: "proposed",
+    collection: "components",
+    owner: "desktop-new Messages",
+    source: "shared/ui/ConversationHeader.tsx",
+    baseUi: [],
+    composes: [],
+  },
   {
     slug: "panel-header",
     name: "PanelHeader",
@@ -171,6 +206,7 @@ export const COMPONENTS: readonly ComponentDefinition[] = [
     behavior: "Semantic native header",
     variants: ["default", "compact"],
     status: "proposed",
+    collection: "components",
     owner: "desktop-new Messages",
     parent: "panel",
     source: "shared/ui/PanelHeader.tsx",
@@ -184,6 +220,7 @@ export const COMPONENTS: readonly ComponentDefinition[] = [
     behavior: "Base UI Field and Input",
     variants: ["default"],
     status: "proposed",
+    collection: "components",
     owner: "desktop-new Messages",
     source: "shared/ui/SearchField.tsx",
     baseUi: [BASE_UI_PARTS.field, BASE_UI_PARTS.input],
@@ -196,6 +233,7 @@ export const COMPONENTS: readonly ComponentDefinition[] = [
     behavior: "Semantic native section",
     variants: ["default"],
     status: "proposed",
+    collection: "components",
     owner: "desktop-new Messages",
     source: "shared/ui/NavigationSection.tsx",
     baseUi: [],
@@ -208,11 +246,41 @@ export const COMPONENTS: readonly ComponentDefinition[] = [
     behavior: "Base UI Button",
     variants: ["default", "inset", "selected"],
     status: "proposed",
+    collection: "components",
     owner: "desktop-new Messages",
     source: "shared/ui/NavigationItem.tsx",
     baseUi: [BASE_UI_PARTS.button],
     composes: [],
   },
+  {
+    slug: "composer",
+    name: "Composer",
+    purpose:
+      "A conversation authoring surface that keeps a draft, accepts a message, and exposes contribution tools.",
+    behavior: "Semantic native form and textarea",
+    variants: ["ready", "sending", "failed", "responding", "stopping"],
+    status: "proposed",
+    collection: "product-ui",
+    owner: "desktop-new Messages",
+    source: "features/composer/ui/MessageComposer.tsx",
+    baseUi: [],
+    composes: ["icon-button"],
+  },
+  {
+    slug: "activity-rail",
+    name: "Activity rail",
+    purpose:
+      "A compact, readable status line for agent work that continues beside a conversation.",
+    behavior: "Semantic native status",
+    variants: ["working"],
+    status: "proposed",
+    collection: "product-ui",
+    owner: "desktop-new Messages",
+    parent: "composer",
+    source: "features/agent-activity/ui/AgentActivityRail.tsx",
+    baseUi: [],
+    composes: [],
+  },
 ];
 
 /**
diff --git a/desktop-new/tests/sessions.spec.ts b/desktop-new/tests/sessions.spec.ts
index 208ef2990a..e12d091953 100644
--- a/desktop-new/tests/sessions.spec.ts
+++ b/desktop-new/tests/sessions.spec.ts
@@ -136,7 +136,7 @@ test("keeps the composer usable above live agent activity", async ({
   const composer = page.getByRole("textbox", { name: "Message the session" });
 
   await expect(dock).toHaveAttribute("data-activity", "true");
-  await expect(dock.locator(".conversation-activity-rail")).toContainText(
+  await expect(dock.locator(".agent-activity-rail")).toContainText(
     "Vogue is working",
   );
   await composer.fill("Keep writing while Vogue works");
@@ -144,7 +144,7 @@ test("keeps the composer usable above live agent activity", async ({
 
   const positions = await page.evaluate(() => {
     const composer = document.querySelector(".message-composer");
-    const rail = document.querySelector(".conversation-activity-rail");
+    const rail = document.querySelector(".agent-activity-rail");
     if (!composer || !rail) throw new Error("Composer dock is incomplete");
     return {
       composerBottom: composer.getBoundingClientRect().bottom,

From 3ef9466878ab45dbecfb1886cf1c52f6988f9b2b Mon Sep 17 00:00:00 2001
From: morgmart <98432065+morgmart@users.noreply.github.com>
Date: Tue, 8 Sep 2026 12:20:04 -0700
Subject: [PATCH 32/33] docs(desktop-new): preview glass on paired backdrop

Signed-off-by: morgmart <98432065+morgmart@users.noreply.github.com>
---
 desktop-new/src/shared/styles/design-components.css | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/desktop-new/src/shared/styles/design-components.css b/desktop-new/src/shared/styles/design-components.css
index 29e46632a9..0410e34696 100644
--- a/desktop-new/src/shared/styles/design-components.css
+++ b/desktop-new/src/shared/styles/design-components.css
@@ -135,6 +135,13 @@
     font-weight: var(--type-weight-semibold);
   }
 
+  /* Glass is meaningful only with a scene behind it. These documentation
+     canvases deliberately use the first paired backdrop, so the same specimen
+     reveals Sky field in light mode and Night garden in dark mode. */
+  .glass-scene {
+    background: var(--gradient-1);
+  }
+
   .component-page-heading {
     display: flex;
     flex-direction: column;

From 25091d980e674791fc745d4611f603a76fb56f58 Mon Sep 17 00:00:00 2001
From: morgmart <98432065+morgmart@users.noreply.github.com>
Date: Wed, 9 Sep 2026 15:48:54 -0700
Subject: [PATCH 33/33] feat(desktop-new): expand design system and workspace
 comparisons

Signed-off-by: morgmart <98432065+morgmart@users.noreply.github.com>
---
 desktop-new/.gitignore                        |   3 +
 desktop-new/package.json                      |   7 +-
 desktop-new/scripts/check-type.mjs            |   7 +-
 .../agent-activity/ui/AgentWorkArea.tsx       | 135 +++++
 .../features/agent-activity/ui/WorkStep.tsx   |  80 +++
 .../src/features/agent-activity/ui/work.css   | 124 +++++
 .../agent-activity/ui/workPresentation.ts     |  30 +
 desktop-new/src/features/composer/chipNode.ts |  33 ++
 .../composer/ui/ComposerFormattingBar.tsx     |  93 ++++
 .../composer/ui/ComposerLinkDialog.tsx        |  65 +++
 .../src/features/composer/ui/EmojiPicker.tsx  | 337 +++++++++--
 .../features/composer/ui/MessageComposer.tsx  | 508 ++++++++++++-----
 .../features/composer/useComposerDrafts.ts    |  15 +-
 .../ui/ConversationComposerDock.tsx           |  23 +-
 .../conversation/ui/ConversationMessage.tsx   |  95 ++++
 .../conversation/ui/ConversationState.tsx     |  50 ++
 .../conversation/ui/MessageContent.tsx        |  29 +
 .../conversation/ui/SessionExchange.tsx       |  32 ++
 .../features/conversation/ui/conversation.css |  83 +++
 .../design-system/ui/BaseUiBackingLine.tsx    |  51 +-
 .../design-system/ui/BentoSpecimen.tsx        |  34 ++
 .../design-system/ui/ComponentAnatomy.tsx     |  55 +-
 .../design-system/ui/ComponentDetailPage.tsx  |  16 +-
 .../design-system/ui/ComposerCopyPreview.tsx  |  74 +++
 .../design-system/ui/ComposerStateGallery.tsx | 137 +++++
 .../design-system/ui/ConversationSpecimen.tsx | 404 ++++++++++++++
 .../design-system/ui/DesignSystemLayout.tsx   |  51 +-
 .../ui/PreparedMessagePreview.tsx             |  18 +
 .../ui/baseUiBackingSentence.test.ts          |  90 ++-
 .../design-system/ui/baseUiBackingSentence.ts | 107 ++--
 .../design-system/ui/componentSpecimens.tsx   | 115 ++++
 .../design-system/ui/composerSpecimens.tsx    |  31 +-
 .../design-system/ui/conversationFixtures.tsx | 134 +++++
 .../ui/conversationSpecimens.css              |  43 ++
 .../src/features/sessions/ui/SessionView.tsx  |   2 +-
 desktop-new/src/main.tsx                      |   4 +
 desktop-new/src/shared/styles/bento.css       | 230 ++++++++
 desktop-new/src/shared/styles/components.css  | 269 +++++++--
 .../src/shared/styles/design-components.css   |  17 +
 .../src/shared/styles/flex-workspace.css      |  82 +++
 desktop-new/src/shared/styles/globals.css     |  19 +
 desktop-new/src/shared/styles/product.css     | 523 +++++++++++++-----
 desktop-new/src/shared/styles/tokens.css      |   5 +
 .../src/shared/theme/useColorScheme.ts        |  68 ++-
 desktop-new/src/shared/ui/Accordion.tsx       |  54 ++
 desktop-new/src/shared/ui/BentoWorkspace.tsx  | 219 ++++++++
 .../src/shared/ui/ConversationHeader.tsx      |  45 +-
 desktop-new/src/shared/ui/DockWorkspace.tsx   |  89 ++-
 desktop-new/src/shared/ui/FlexWorkspace.tsx   | 123 ++++
 desktop-new/src/shared/ui/PanelHeader.tsx     |   2 +
 desktop-new/src/shared/ui/Select.tsx          |  78 +++
 desktop-new/src/shared/ui/Switch.tsx          |  25 +
 desktop-new/src/shared/ui/bentoPlacement.ts   |  51 ++
 desktop-new/src/shared/ui/dockTheme.ts        |  84 +++
 desktop-new/src/shared/ui/registry.test.ts    |  18 +-
 desktop-new/src/shared/ui/registry.ts         | 217 +++++++-
 desktop-new/tests/bento.spec.ts               | 187 +++++++
 desktop-new/tests/composer-copy.spec.ts       |  66 +++
 desktop-new/tests/composer-states.spec.ts     | 180 ++++++
 desktop-new/tests/conversation-design.spec.ts | 187 +++++++
 .../tests/disabled-icon-button.spec.ts        |  69 +++
 desktop-new/tests/expression-picker.spec.ts   |  29 +
 desktop-new/tests/flex-workspace.spec.ts      |  90 +++
 desktop-new/tests/panel-headers.spec.ts       |  49 ++
 desktop-new/tests/workspace.spec.ts           |  95 ++++
 pnpm-lock.yaml                                |  27 +
 66 files changed, 5684 insertions(+), 628 deletions(-)
 create mode 100644 desktop-new/src/features/agent-activity/ui/AgentWorkArea.tsx
 create mode 100644 desktop-new/src/features/agent-activity/ui/WorkStep.tsx
 create mode 100644 desktop-new/src/features/agent-activity/ui/work.css
 create mode 100644 desktop-new/src/features/agent-activity/ui/workPresentation.ts
 create mode 100644 desktop-new/src/features/composer/ui/ComposerFormattingBar.tsx
 create mode 100644 desktop-new/src/features/composer/ui/ComposerLinkDialog.tsx
 create mode 100644 desktop-new/src/features/conversation/ui/ConversationMessage.tsx
 create mode 100644 desktop-new/src/features/conversation/ui/ConversationState.tsx
 create mode 100644 desktop-new/src/features/conversation/ui/MessageContent.tsx
 create mode 100644 desktop-new/src/features/conversation/ui/SessionExchange.tsx
 create mode 100644 desktop-new/src/features/conversation/ui/conversation.css
 create mode 100644 desktop-new/src/features/design-system/ui/BentoSpecimen.tsx
 create mode 100644 desktop-new/src/features/design-system/ui/ComposerCopyPreview.tsx
 create mode 100644 desktop-new/src/features/design-system/ui/ComposerStateGallery.tsx
 create mode 100644 desktop-new/src/features/design-system/ui/ConversationSpecimen.tsx
 create mode 100644 desktop-new/src/features/design-system/ui/PreparedMessagePreview.tsx
 create mode 100644 desktop-new/src/features/design-system/ui/conversationFixtures.tsx
 create mode 100644 desktop-new/src/features/design-system/ui/conversationSpecimens.css
 create mode 100644 desktop-new/src/shared/styles/bento.css
 create mode 100644 desktop-new/src/shared/styles/flex-workspace.css
 create mode 100644 desktop-new/src/shared/ui/Accordion.tsx
 create mode 100644 desktop-new/src/shared/ui/BentoWorkspace.tsx
 create mode 100644 desktop-new/src/shared/ui/FlexWorkspace.tsx
 create mode 100644 desktop-new/src/shared/ui/Select.tsx
 create mode 100644 desktop-new/src/shared/ui/Switch.tsx
 create mode 100644 desktop-new/src/shared/ui/bentoPlacement.ts
 create mode 100644 desktop-new/src/shared/ui/dockTheme.ts
 create mode 100644 desktop-new/tests/bento.spec.ts
 create mode 100644 desktop-new/tests/composer-copy.spec.ts
 create mode 100644 desktop-new/tests/composer-states.spec.ts
 create mode 100644 desktop-new/tests/conversation-design.spec.ts
 create mode 100644 desktop-new/tests/disabled-icon-button.spec.ts
 create mode 100644 desktop-new/tests/expression-picker.spec.ts
 create mode 100644 desktop-new/tests/flex-workspace.spec.ts
 create mode 100644 desktop-new/tests/panel-headers.spec.ts
 create mode 100644 desktop-new/tests/workspace.spec.ts

diff --git a/desktop-new/.gitignore b/desktop-new/.gitignore
index 39e48f6406..9ff0889f30 100644
--- a/desktop-new/.gitignore
+++ b/desktop-new/.gitignore
@@ -9,3 +9,6 @@ src/app/routeTree.gen.ts
 # Local-only dev tooling. A config here wraps the committed vite.config.ts to
 # add a personal plugin; it is ignored so it cannot be committed by accident.
 vite.local.config.ts
+
+# Isolated local runtime, private keys, and build products
+.local/
diff --git a/desktop-new/package.json b/desktop-new/package.json
index 21d0d279ed..d948189bd6 100644
--- a/desktop-new/package.json
+++ b/desktop-new/package.json
@@ -21,18 +21,23 @@
   },
   "dependencies": {
     "@base-ui/react": "1.7.0",
+    "@emoji-mart/data": "^1.2.1",
     "@fontsource-variable/inter": "^5.2.8",
     "@fontsource/jetbrains-mono": "^5.3.0",
     "@tabler/icons-react": "^3.46.0",
     "@tanstack/react-router": "^1.168.10",
     "@tauri-apps/api": "~2.11.1",
     "@tiptap/core": "^3.22.3",
+    "@tiptap/extension-link": "^3.22.5",
+    "@tiptap/extension-placeholder": "^3.22.5",
     "@tiptap/pm": "^3.22.3",
     "@tiptap/react": "^3.22.3",
     "@tiptap/starter-kit": "^3.22.3",
     "dockview-react": "8.2.0",
+    "flexlayout-react": "0.10.8",
     "react": "^19.1.0",
-    "react-dom": "^19.1.0"
+    "react-dom": "^19.1.0",
+    "tiptap-markdown": "^0.9.0"
   },
   "devDependencies": {
     "@playwright/test": "^1.60.0",
diff --git a/desktop-new/scripts/check-type.mjs b/desktop-new/scripts/check-type.mjs
index 6d02d8cd7c..fb08f998e3 100644
--- a/desktop-new/scripts/check-type.mjs
+++ b/desktop-new/scripts/check-type.mjs
@@ -72,9 +72,10 @@ const RETIRED_ROLES = new Map([
  * wrong. Fix the system at that point rather than adding a tenth override.
  */
 const OVERRIDES = new Map([
-  // Example of the shape. Remove when a real exception replaces it.
-  // ["features/foo/ui/Bar.tsx:font-medium", "Optical match to the adjacent
-  //  native control, which renders at 500 and cannot be changed."],
+  [
+    "shared/styles/flex-workspace.css:font-size:",
+    "FlexLayout's public theme variable forwards the existing text-body role; no new text size is authored.",
+  ],
 ]);
 
 const RULES = [
diff --git a/desktop-new/src/features/agent-activity/ui/AgentWorkArea.tsx b/desktop-new/src/features/agent-activity/ui/AgentWorkArea.tsx
new file mode 100644
index 0000000000..dd9d4654e2
--- /dev/null
+++ b/desktop-new/src/features/agent-activity/ui/AgentWorkArea.tsx
@@ -0,0 +1,135 @@
+import "./work.css";
+import { IconAlertCircle, IconLock } from "@tabler/icons-react";
+import { useState } from "react";
+import { Accordion } from "@/shared/ui/Accordion";
+import { Avatar } from "@/shared/ui/Avatar";
+import { WorkStep } from "./WorkStep";
+import type { AgentWorkPresentation } from "./workPresentation";
+
+/**
+ * A stable, owner-private place for one agent's work in an exchange.
+ * Adapts Berd AgentWorkPanel's active window / previous steps / settled
+ * disclosure anatomy. Parsing, ordering and visibility stay with the owner;
+ * no ACP decoding, transcript store, or completion-remount effect is copied.
+ * Published answers are deliberately not accepted here.
+ */
+export function AgentWorkArea({ work }: { work: AgentWorkPresentation }) {
+  // Remember user disclosure choices within this work identity. A transition
+  // to completed defaults closed without synchronizing state through an Effect.
+  const [expanded, setExpanded] = useState<{
+    status: string;
+    values: string[];
+  } | null>(null);
+  const active = work.status === "running";
+  const count = work.earlierSteps.length + work.visibleSteps.length;
+  const steps = (items: AgentWorkPresentation["visibleSteps"]) => (
+    <ol className="work-steps">
+      {items.map((step) => (
+        <WorkStep
+          key={step.id}
+          step={step}
+          shimmer={active && step.id === work.visibleSteps.at(-1)?.id}
+        />
+      ))}
+    </ol>
+  );
+  return (
+    <section
+      className="agent-work-area"
+      aria-label={`${work.agent.name} activity`}
+      data-work-id={work.id}
+    >
+      <header className="agent-work-identity">
+        <span aria-hidden="true">
+          <Avatar
+            size="small"
+            src={work.agent.avatar}
+            alt=""
+            fallback={work.agent.fallback}
+          />
+        </span>
+        <span className="text-body text-primary">{work.agent.name}</span>
+        <span className="sr-only" role="status">
+          {work.statusLabel}
+        </span>
+        <span className="agent-work-privacy text-body-sm text-tertiary">
+          <IconLock size={12} aria-hidden="true" />
+          Only you
+        </span>
+      </header>
+      <div className="agent-work-content">
+        {active ? (
+          <div className="work-sequence">
+            {work.earlierSteps.length ? (
+              <div className="work-history">
+                <Accordion
+                  variant="activity"
+                  items={[
+                    {
+                      value: "earlier",
+                      title: `${work.earlierSteps.length} earlier ${work.earlierSteps.length === 1 ? "step" : "steps"}`,
+                      content: steps(work.earlierSteps),
+                    },
+                  ]}
+                />
+              </div>
+            ) : null}
+            {steps(work.visibleSteps)}
+          </div>
+        ) : count ? (
+          <Accordion
+            variant="activity"
+            value={expanded?.status === work.status ? expanded.values : []}
+            onValueChange={(values) =>
+              setExpanded({ status: work.status, values })
+            }
+            items={[
+              {
+                value: "work",
+                title: `${count} steps · ${work.summary}`,
+                content: (
+                  <div className="work-sequence">
+                    {steps([...work.earlierSteps, ...work.visibleSteps])}
+                  </div>
+                ),
+              },
+            ]}
+          />
+        ) : (
+          <p className="text-body text-secondary">{work.summary}</p>
+        )}
+        {work.notice ? (
+          <div className="work-notice" role="note">
+            <IconAlertCircle size={16} aria-hidden="true" />
+            <div>
+              <p className="text-body text-primary">{work.notice.title}</p>
+              <p className="text-body-sm text-secondary">
+                {work.notice.description}
+              </p>
+              {work.notice.actions ? (
+                <div className="work-notice-actions">{work.notice.actions}</div>
+              ) : null}
+            </div>
+          </div>
+        ) : null}
+        {work.artifacts?.length ? (
+          <div className="work-artifacts">
+            {work.artifacts.map((artifact) => (
+              <Accordion
+                key={artifact.id}
+                variant="activity"
+                items={[
+                  {
+                    value: artifact.id,
+                    title: artifact.name,
+                    content: artifact.preview,
+                  },
+                ]}
+              />
+            ))}
+          </div>
+        ) : null}
+      </div>
+    </section>
+  );
+}
diff --git a/desktop-new/src/features/agent-activity/ui/WorkStep.tsx b/desktop-new/src/features/agent-activity/ui/WorkStep.tsx
new file mode 100644
index 0000000000..57a2c96f8d
--- /dev/null
+++ b/desktop-new/src/features/agent-activity/ui/WorkStep.tsx
@@ -0,0 +1,80 @@
+import "./work.css";
+import {
+  IconCheck,
+  IconCircle,
+  IconCircleDashed,
+  IconExclamationCircle,
+  IconMessageCircle,
+  IconSparkles,
+  IconTerminal2,
+} from "@tabler/icons-react";
+import { ShimmerText } from "@/shared/ui/ShimmerText";
+import { Accordion } from "@/shared/ui/Accordion";
+import type { WorkStepPresentation } from "./workPresentation";
+
+/** One prepared activity step with optional, keyboard-accessible tool output. */
+export function WorkStep({
+  step,
+  shimmer = false,
+}: {
+  step: WorkStepPresentation;
+  shimmer?: boolean;
+}) {
+  const title = shimmer ? <ShimmerText>{step.title}</ShimmerText> : step.title;
+  const Icon =
+    step.status === "unavailable"
+      ? IconCircle
+      : step.status === "failed"
+        ? IconExclamationCircle
+        : step.status === "running"
+          ? IconCircleDashed
+          : step.kind === "thought"
+            ? IconSparkles
+            : step.kind === "progress"
+              ? IconMessageCircle
+              : IconCheck;
+  return (
+    <li
+      className="work-step"
+      data-status={step.status}
+      aria-label={`${step.title}, ${step.status}`}
+    >
+      <span className="work-step-mark" aria-hidden="true">
+        <Icon size={16} stroke={1.6} />
+      </span>
+      <div className="work-step-body">
+        {step.detail ? (
+          <Accordion
+            variant="activity"
+            items={[
+              {
+                value: step.id,
+                title,
+                content: (
+                  <div className="work-tool-output">
+                    <div className="work-tool-output-label text-body-sm text-secondary">
+                      <IconTerminal2 size={14} aria-hidden="true" /> Tool output
+                    </div>
+                    <pre className="text-mono-sm text-secondary">
+                      {step.detail}
+                    </pre>
+                  </div>
+                ),
+              },
+            ]}
+          />
+        ) : (
+          <p className="work-step-copy text-body text-secondary">{title}</p>
+        )}
+        {step.status === "unavailable" ? (
+          <span className="text-body-sm text-secondary">
+            Outcome unconfirmed
+          </span>
+        ) : null}
+        {step.status === "failed" ? (
+          <span className="text-body-sm text-red-12">Failed</span>
+        ) : null}
+      </div>
+    </li>
+  );
+}
diff --git a/desktop-new/src/features/agent-activity/ui/work.css b/desktop-new/src/features/agent-activity/ui/work.css
new file mode 100644
index 0000000000..e8c46004b9
--- /dev/null
+++ b/desktop-new/src/features/agent-activity/ui/work.css
@@ -0,0 +1,124 @@
+@layer components {
+  .agent-work-area {
+    min-width: 0;
+  }
+  .agent-work-identity {
+    display: flex;
+    align-items: center;
+    gap: var(--space-2);
+    flex-wrap: wrap;
+  }
+  .agent-work-privacy {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--space-1);
+    margin-inline-start: auto;
+  }
+  .agent-work-content {
+    padding-inline-start: calc(var(--space-6) + var(--space-2));
+    margin-top: var(--space-1);
+    min-width: 0;
+  }
+  .agent-work-content > p {
+    margin: var(--space-2) 0;
+  }
+  .work-steps {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
+  .work-step {
+    display: grid;
+    grid-template-columns: var(--space-5) minmax(0, 1fr);
+    column-gap: var(--space-2);
+    min-width: 0;
+  }
+  .work-step-mark {
+    display: flex;
+    justify-content: center;
+    position: relative;
+    padding-top: var(--space-2);
+    color: var(--text-tertiary);
+  }
+  /* Berd's continuous work spine: one rail spans the expanded history and
+     recent steps. Icons mask it with the transcript's own surface. */
+  .work-sequence {
+    position: relative;
+  }
+  .work-sequence::before {
+    content: "";
+    position: absolute;
+    inset-block: var(--space-2) var(--space-4);
+    inset-inline-start: calc(var(--space-5) / 2);
+    border-inline-start: 1px solid var(--border-primary);
+  }
+  .work-sequence:has(> .work-history)::before {
+    inset-block-start: calc(var(--space-6) + var(--space-3));
+  }
+  .work-step-mark > svg {
+    position: relative;
+    background: var(--bg-panel);
+    box-shadow: 0 0 0 var(--space-1) var(--bg-panel);
+  }
+  .work-step[data-status="failed"] .work-step-mark {
+    color: var(--red-12);
+  }
+  .work-step[data-status="running"] .work-step-mark {
+    color: var(--purple-12);
+  }
+  .work-step-body {
+    min-width: 0;
+  }
+  .work-step-copy {
+    margin: 0;
+    padding-block: var(--space-2);
+  }
+  .work-tool-output {
+    padding: var(--space-3);
+    background: var(--bg-inset);
+    border-radius: var(--radius-row);
+    min-width: 0;
+  }
+  .work-tool-output-label {
+    display: flex;
+    align-items: center;
+    gap: var(--space-2);
+    margin-bottom: var(--space-2);
+  }
+  .work-tool-output pre {
+    margin: 0;
+    white-space: pre-wrap;
+    overflow-wrap: anywhere;
+  }
+  .work-notice {
+    display: flex;
+    align-items: flex-start;
+    gap: var(--space-2);
+    margin-block: var(--space-3);
+    color: var(--text-secondary);
+  }
+  .work-notice > svg {
+    flex-shrink: 0;
+    margin-top: var(--space-1);
+  }
+  .work-notice p {
+    margin: 0;
+  }
+  .work-notice p + p {
+    margin-top: var(--space-1);
+  }
+  .work-notice-actions {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--space-2);
+    margin-top: var(--space-2);
+  }
+  .work-artifacts {
+    margin-top: var(--space-2);
+  }
+  @media (max-width: 40rem) {
+    .agent-work-content {
+      padding-inline-start: var(--space-2);
+    }
+  }
+}
diff --git a/desktop-new/src/features/agent-activity/ui/workPresentation.ts b/desktop-new/src/features/agent-activity/ui/workPresentation.ts
new file mode 100644
index 0000000000..8499580bda
--- /dev/null
+++ b/desktop-new/src/features/agent-activity/ui/workPresentation.ts
@@ -0,0 +1,30 @@
+import type { ReactNode } from "react";
+
+/** Prepared UI input, not an observer event or a second runtime model. */
+export type WorkStepPresentation = {
+  id: string;
+  title: string;
+  kind: "tool" | "progress" | "thought";
+  status: "running" | "completed" | "failed" | "unavailable";
+  detail?: string;
+};
+
+/** The activity owner supplies ordering, visibility, summaries, and actions. */
+export type AgentWorkPresentation = {
+  id: string;
+  agent: { name: string; avatar?: string; fallback: string };
+  status:
+    | "running"
+    | "completed"
+    | "waiting"
+    | "needs-you"
+    | "failed"
+    | "cancelled"
+    | "unavailable";
+  statusLabel: string;
+  summary: string;
+  earlierSteps: readonly WorkStepPresentation[];
+  visibleSteps: readonly WorkStepPresentation[];
+  notice?: { title: string; description: string; actions?: ReactNode };
+  artifacts?: readonly { id: string; name: string; preview: ReactNode }[];
+};
diff --git a/desktop-new/src/features/composer/chipNode.ts b/desktop-new/src/features/composer/chipNode.ts
index f625ba8559..622269de46 100644
--- a/desktop-new/src/features/composer/chipNode.ts
+++ b/desktop-new/src/features/composer/chipNode.ts
@@ -1,3 +1,4 @@
+import { chipFaces } from "@/shared/chips/faceResolver";
 import { mergeAttributes, Node } from "@tiptap/core";
 import { ReactNodeViewRenderer } from "@tiptap/react";
 
@@ -85,6 +86,38 @@ export const ChipNode = Node.create({
     return address ? formatChipAddress(address) : "";
   },
 
+  addStorage() {
+    return {
+      markdown: {
+        serialize(
+          state: { write: (text: string) => void },
+          node: { attrs: Record<string, unknown> },
+        ) {
+          const address = chipAddressFromAttrs(node.attrs);
+          if (address)
+            state.write(
+              `[${chipFaces.get(address).label.replace(/[[\]\\]/g, "")} ](${formatChipAddress(address)})`,
+            );
+        },
+        parse: {
+          updateDOM(element: HTMLElement) {
+            for (const link of element.querySelectorAll('a[href^="buzz://"]')) {
+              const match = link
+                .getAttribute("href")
+                ?.match(/^buzz:\/\/(agent|person)\/([a-f0-9]{64})$/);
+              if (!match) continue;
+              const chip = document.createElement("span");
+              chip.setAttribute("data-chip", "");
+              chip.setAttribute("data-kind", match[1]);
+              chip.setAttribute("data-id", match[2]);
+              link.replaceWith(chip);
+            }
+          },
+        },
+      },
+    };
+  },
+
   addNodeView() {
     return ReactNodeViewRenderer(ChipNodeView);
   },
diff --git a/desktop-new/src/features/composer/ui/ComposerFormattingBar.tsx b/desktop-new/src/features/composer/ui/ComposerFormattingBar.tsx
new file mode 100644
index 0000000000..e60a7aff16
--- /dev/null
+++ b/desktop-new/src/features/composer/ui/ComposerFormattingBar.tsx
@@ -0,0 +1,93 @@
+import {
+  IconBold,
+  IconCode,
+  IconItalic,
+  IconLink,
+  IconList,
+  IconListNumbers,
+  IconQuote,
+  IconStrikethrough,
+  IconX,
+} from "@tabler/icons-react";
+import { type AnimationEvent, useEffect, useRef } from "react";
+import { IconButton } from "@/shared/ui/IconButton";
+
+export type ComposerFormat =
+  | "bold"
+  | "italic"
+  | "strike"
+  | "code"
+  | "quote"
+  | "bullet"
+  | "number"
+  | "link";
+
+const COMMANDS = [
+  { format: "bold", label: "Bold", icon: IconBold },
+  { format: "italic", label: "Italic", icon: IconItalic },
+  { format: "strike", label: "Strikethrough", icon: IconStrikethrough },
+  { format: "code", label: "Code", icon: IconCode },
+  { format: "quote", label: "Quote", icon: IconQuote },
+  { format: "bullet", label: "Bulleted list", icon: IconList },
+  { format: "number", label: "Numbered list", icon: IconListNumbers },
+  { format: "link", label: "Link", icon: IconLink },
+] as const;
+
+/** Composer-owned commands. The editor owns selection, active state, and edits. */
+export function ComposerFormattingBar({
+  activeFormats = [],
+  className,
+  disabled,
+  onFormat,
+  onCommandPointerDown,
+  onClose,
+  onAnimationEnd,
+  focusOnMount = false,
+}: {
+  activeFormats?: readonly ComposerFormat[];
+  className?: string;
+  focusOnMount?: boolean;
+  onAnimationEnd?: (event: AnimationEvent<HTMLFieldSetElement>) => void;
+  disabled?: boolean;
+  onFormat?: (format: ComposerFormat) => void;
+  onCommandPointerDown?: () => void;
+  onClose: () => void;
+}) {
+  const closeButton = useRef<HTMLButtonElement>(null);
+  useEffect(() => {
+    if (focusOnMount) closeButton.current?.focus();
+  }, [focusOnMount]);
+  return (
+    <fieldset
+      className={`composer-formatting-bar ${className ?? ""}`}
+      aria-label="Formatting"
+      onAnimationEnd={onAnimationEnd}
+    >
+      <IconButton
+        ref={closeButton}
+        aria-label="Close formatting"
+        icon={<IconX size={16} aria-hidden="true" />}
+        size="toolbar"
+        variant="ghost"
+        onClick={onClose}
+      />
+      <span className="composer-formatting-divider" aria-hidden="true" />
+      {COMMANDS.map(({ format, label, icon: Icon }) => (
+        <IconButton
+          key={format}
+          aria-label={label}
+          aria-pressed={activeFormats.includes(format)}
+          icon={<Icon size={16} stroke={2} aria-hidden="true" />}
+          size="toolbar"
+          variant="ghost"
+          disabled={disabled || !onFormat}
+          onMouseDown={(event) => {
+            onCommandPointerDown?.();
+            event.preventDefault();
+          }}
+          onClick={() => onFormat?.(format)}
+        />
+      ))}
+    </fieldset>
+  );
+}
diff --git a/desktop-new/src/features/composer/ui/ComposerLinkDialog.tsx b/desktop-new/src/features/composer/ui/ComposerLinkDialog.tsx
new file mode 100644
index 0000000000..ec1ade84d9
--- /dev/null
+++ b/desktop-new/src/features/composer/ui/ComposerLinkDialog.tsx
@@ -0,0 +1,65 @@
+import { Dialog as BaseDialog } from "@base-ui/react/dialog";
+import { useState } from "react";
+
+import { Button } from "@/shared/ui/Button";
+
+/** Composer-local link entry. It returns a label and URL; the editor applies them. */
+export function ComposerLinkDialog({
+  open,
+  onOpenChange,
+  onSubmit,
+}: {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  onSubmit: (link: { label: string; url: string }) => void;
+}) {
+  const [label, setLabel] = useState("");
+  const [url, setUrl] = useState("");
+  return (
+    <BaseDialog.Root open={open} onOpenChange={onOpenChange}>
+      <BaseDialog.Portal>
+        <BaseDialog.Backdrop className="composer-link-backdrop" />
+        <BaseDialog.Popup className="composer-link-dialog">
+          <BaseDialog.Title className="text-heading text-primary">
+            Add link
+          </BaseDialog.Title>
+          <form
+            onSubmit={(event) => {
+              event.preventDefault();
+              if (!url.trim()) return;
+              onSubmit({ label: label.trim() || url.trim(), url: url.trim() });
+              setLabel("");
+              setUrl("");
+              onOpenChange(false);
+            }}
+          >
+            <label className="text-body text-primary">
+              Link text
+              <input
+                value={label}
+                onChange={(event) => setLabel(event.target.value)}
+              />
+            </label>
+            <label className="text-body text-primary">
+              Address
+              <input
+                required
+                type="url"
+                value={url}
+                onChange={(event) => setUrl(event.target.value)}
+              />
+            </label>
+            <div className="composer-link-actions">
+              <BaseDialog.Close
+                render={<Button variant="ghost">Cancel</Button>}
+              />
+              <Button type="submit" variant="primary">
+                Add link
+              </Button>
+            </div>
+          </form>
+        </BaseDialog.Popup>
+      </BaseDialog.Portal>
+    </BaseDialog.Root>
+  );
+}
diff --git a/desktop-new/src/features/composer/ui/EmojiPicker.tsx b/desktop-new/src/features/composer/ui/EmojiPicker.tsx
index 68d2766460..5745cbb78b 100644
--- a/desktop-new/src/features/composer/ui/EmojiPicker.tsx
+++ b/desktop-new/src/features/composer/ui/EmojiPicker.tsx
@@ -1,18 +1,53 @@
 import { Popover as BasePopover } from "@base-ui/react/popover";
-import { IconMoodSmile } from "@tabler/icons-react";
-import { useState, type RefObject } from "react";
+import data from "@emoji-mart/data";
+import {
+  IconMoodSmile,
+  IconPhoto,
+  IconSearch,
+  IconX,
+} from "@tabler/icons-react";
+import { useEffect, useMemo, useRef, useState } from "react";
 
-import { Button } from "@/shared/ui/Button";
 import { IconButton } from "@/shared/ui/IconButton";
+import { Tabs } from "@/shared/ui/Tabs";
 
-const EMOJI = [
-  "😀",
-  "😂",
-  "😊",
-  "😍",
-  "🤔",
-  "🎉",
+type PickerTab = "emoji" | "gifs";
+type CustomEmoji = { name: string; src: string };
+const CUSTOM: readonly CustomEmoji[] = [
+  {
+    name: "party-parrot",
+    src: "https://em-content.zobj.net/source/twitter/376/parrot_1f99c.png",
+  },
+  {
+    name: "buzz",
+    src: "https://em-content.zobj.net/source/twitter/376/honeybee_1f41d.png",
+  },
+  {
+    name: "ship-it",
+    src: "https://em-content.zobj.net/source/twitter/376/rocket_1f680.png",
+  },
+  {
+    name: "coffee",
+    src: "https://em-content.zobj.net/source/twitter/376/hot-beverage_2615.png",
+  },
+];
+const GIFS = [
+  "https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExNHoyNGl0Z3Q4a3Jkdm1teW93MjVqM2VtY2E2dTQxdmNxdG55dW1nZzVpeSZlcD12MV9naWZzX3NlYXJjaCZjdD1n/3oKIPwoeGErMmaI43S/giphy.gif",
+  "https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExNHoyNGl0Z3Q4a3Jkdm1teW93MjVqM2VtY2E2dTQxdmNxdG55dW1nZzVpeSZlcD12MV9naWZzX3NlYXJjaCZjdD1n/l0MYt5jPR6QX5pnqM/giphy.gif",
+];
+const CATEGORIES = [
+  { id: "frequent", label: "Frequently used", icon: "＋" },
+  { id: "smileys", label: "Smileys & people", icon: "☺" },
+  { id: "animals", label: "Animals & nature", icon: "♞" },
+  { id: "food", label: "Food & drink", icon: "◉" },
+  { id: "travel", label: "Travel & places", icon: "⌂" },
+  { id: "objects", label: "Objects", icon: "♢" },
+  { id: "symbols", label: "Symbols", icon: "＊" },
+] as const;
+type EmojiCategory = (typeof CATEGORIES)[number]["id"];
+const FREQUENT = [
   "👍",
+  "🎉",
   "👀",
   "🙏",
   "💜",
@@ -20,38 +55,95 @@ const EMOJI = [
   "✅",
   "🚀",
   "💡",
-  "🫡",
-  "👋",
-  "🙌",
-  "💯",
-  "🤝",
-  "✨",
-] as const;
+  "😂",
+  "😊",
+  "🤔",
+];
 
-/**
- * The first Composer expression control: a small, curated emoji picker.
- *
- * Base UI owns the anchored, portal-rendered popup and its dismissal. The
- * composer owns selection restoration: picker interactions must not turn a
- * chosen emoji into an editor-focus detour.
- */
+/** UI-only composer picker: data is seeded until community and GIF capabilities arrive. */
 export function EmojiPicker({
   disabled,
-  textarea,
   onInsert,
 }: {
   disabled?: boolean;
-  textarea: RefObject<HTMLTextAreaElement | null>;
   onInsert: (emoji: string) => void;
 }) {
   const [open, setOpen] = useState(false);
-
+  const [tab, setTab] = useState<PickerTab>("emoji");
+  const [query, setQuery] = useState("");
+  const [category, setCategory] = useState<EmojiCategory>("frequent");
+  const [preview, setPreview] = useState<{
+    emoji: string;
+    name: string;
+    src?: string;
+  } | null>(null);
+  const previewTimer = useRef<ReturnType<typeof setTimeout> | null>(null);
+  const input = useRef<HTMLInputElement>(null);
+  useEffect(
+    () => () => {
+      if (previewTimer.current) clearTimeout(previewTimer.current);
+    },
+    [],
+  );
+  function previewAfterPause(value: {
+    emoji: string;
+    name: string;
+    src?: string;
+  }) {
+    if (previewTimer.current) clearTimeout(previewTimer.current);
+    previewTimer.current = setTimeout(() => setPreview(value), 450);
+  }
+  function clearPreview() {
+    if (previewTimer.current) clearTimeout(previewTimer.current);
+    previewTimer.current = null;
+    setPreview(null);
+  }
+  const matches = useMemo(() => {
+    const term = query.trim().toLowerCase();
+    if (!term && category === "frequent")
+      return FREQUENT.map((emoji) => ({ emoji, name: "Emoji name" }));
+    const emojis = (
+      data as unknown as {
+        emojis: Record<
+          string,
+          { name: string; skins?: { native: string }[]; keywords?: string[] }
+        >;
+      }
+    ).emojis;
+    return Object.values(emojis)
+      .filter((emoji) => {
+        const keywords = [emoji.name, ...(emoji.keywords ?? [])];
+        return term ? keywords.some((value) => value.includes(term)) : true;
+      })
+      .slice(0, 42)
+      .map((emoji) => ({
+        emoji: emoji.skins?.[0]?.native ?? "",
+        name: emoji.name,
+      }))
+      .filter((emoji) => Boolean(emoji.emoji));
+  }, [category, query]);
+  const custom = CUSTOM.filter((emoji) =>
+    emoji.name.includes(query.trim().toLowerCase()),
+  );
+  const standard = matches;
+  function choose(value: string) {
+    onInsert(value);
+    setOpen(false);
+    setQuery("");
+  }
   return (
-    <BasePopover.Root modal={false} open={open} onOpenChange={setOpen}>
+    <BasePopover.Root
+      modal={false}
+      open={open}
+      onOpenChange={(next) => {
+        setOpen(next);
+        if (!next) setQuery("");
+      }}
+    >
       <BasePopover.Trigger
         render={
           <IconButton
-            aria-label="Choose emoji"
+            aria-label="Choose emoji or GIF"
             disabled={disabled}
             icon={<IconMoodSmile size={16} stroke={2} aria-hidden="true" />}
             size="toolbar"
@@ -63,27 +155,176 @@ export function EmojiPicker({
       <BasePopover.Portal>
         <BasePopover.Positioner side="top" align="start" sideOffset={8}>
           <BasePopover.Popup
-            className="composer-emoji-picker"
+            className="composer-expression-picker"
             initialFocus={false}
-            finalFocus={textarea}
           >
-            <fieldset className="composer-emoji-grid">
-              <legend className="sr-only">Emoji</legend>
-              {EMOJI.map((emoji) => (
-                <Button
-                  key={emoji}
-                  aria-label={`Insert ${emoji}`}
-                  size="compact"
-                  variant="ghost"
-                  onClick={() => {
-                    onInsert(emoji);
-                    setOpen(false);
-                  }}
-                >
-                  <span aria-hidden="true">{emoji}</span>
-                </Button>
-              ))}
-            </fieldset>
+            <Tabs
+              label="Expression type"
+              value={tab}
+              onValueChange={setTab}
+              variant="panel"
+              items={[
+                {
+                  value: "emoji",
+                  label: "Emoji",
+                  icon: <IconMoodSmile size={16} />,
+                },
+                { value: "gifs", label: "GIFs", icon: <IconPhoto size={16} /> },
+              ]}
+            />
+            {tab === "emoji" ? (
+              <div className="composer-emoji-content">
+                <label className="composer-expression-search">
+                  <IconSearch size={16} aria-hidden="true" />
+                  <input
+                    ref={input}
+                    value={query}
+                    onChange={(event) => setQuery(event.target.value)}
+                    placeholder="Search emoji"
+                    aria-label="Search emoji"
+                  />
+                  <IconButton
+                    aria-label="Clear emoji search"
+                    icon={<IconX size={14} aria-hidden="true" />}
+                    size="compact"
+                    variant="ghost"
+                    disabled={!query}
+                    onClick={() => {
+                      setQuery("");
+                      input.current?.focus();
+                    }}
+                  />
+                </label>
+                {!query ? (
+                  <div
+                    className="composer-emoji-categories"
+                    role="tablist"
+                    aria-label="Emoji categories"
+                  >
+                    {CATEGORIES.map((item) => (
+                      <button
+                        key={item.id}
+                        role="tab"
+                        aria-selected={category === item.id}
+                        aria-label={item.label}
+                        type="button"
+                        onClick={() => setCategory(item.id)}
+                      >
+                        {item.icon}
+                      </button>
+                    ))}
+                  </div>
+                ) : null}
+                {custom.length ? (
+                  <section>
+                    <h3 className="text-body-sm text-tertiary">Custom</h3>
+                    <div className="composer-emoji-grid">
+                      {custom.map((emoji) => (
+                        <button
+                          key={emoji.name}
+                          type="button"
+                          className="composer-emoji-choice"
+                          aria-label={`Insert :${emoji.name}:`}
+                          onClick={() => choose(`:${emoji.name}:`)}
+                          onPointerEnter={() =>
+                            previewAfterPause({
+                              emoji: `:${emoji.name}:`,
+                              name: emoji.name,
+                              src: emoji.src,
+                            })
+                          }
+                          onPointerLeave={clearPreview}
+                          onFocus={() =>
+                            previewAfterPause({
+                              emoji: `:${emoji.name}:`,
+                              name: emoji.name,
+                              src: emoji.src,
+                            })
+                          }
+                          onBlur={clearPreview}
+                        >
+                          <img src={emoji.src} alt="" />
+                        </button>
+                      ))}
+                    </div>
+                  </section>
+                ) : null}
+                <section>
+                  <h3 className="text-body-sm text-tertiary">
+                    {query
+                      ? "Results"
+                      : CATEGORIES.find((item) => item.id === category)?.label}
+                  </h3>
+                  <div className="composer-emoji-grid">
+                    {standard.map(({ emoji, name }) => (
+                      <button
+                        key={emoji}
+                        type="button"
+                        className="composer-emoji-choice"
+                        aria-label={`Insert ${emoji}`}
+                        onClick={() => choose(emoji)}
+                        onPointerEnter={() =>
+                          previewAfterPause({ emoji, name })
+                        }
+                        onPointerLeave={clearPreview}
+                        onFocus={() => previewAfterPause({ emoji, name })}
+                        onBlur={clearPreview}
+                      >
+                        {emoji}
+                      </button>
+                    ))}
+                  </div>
+                </section>
+                <div className="composer-emoji-preview" aria-live="polite">
+                  {preview ? (
+                    <>
+                      {preview.src ? (
+                        <img src={preview.src} alt="" />
+                      ) : (
+                        <span
+                          className="composer-emoji-preview-glyph"
+                          aria-hidden="true"
+                        >
+                          {preview.emoji}
+                        </span>
+                      )}
+                      <div>
+                        <strong className="text-body-lg text-primary">
+                          {preview.name}
+                        </strong>
+                      </div>
+                    </>
+                  ) : null}
+                </div>
+              </div>
+            ) : (
+              <div className="composer-gif-content">
+                <label className="composer-expression-search">
+                  <IconSearch size={16} aria-hidden="true" />
+                  <input
+                    value={query}
+                    onChange={(event) => setQuery(event.target.value)}
+                    placeholder="Search GIFs"
+                    aria-label="Search GIFs"
+                  />
+                </label>
+                <div className="composer-gif-grid">
+                  {GIFS.map((src, index) => (
+                    <button
+                      key={src}
+                      type="button"
+                      aria-label={`Choose GIF ${index + 1}`}
+                      onClick={() => setOpen(false)}
+                    >
+                      <img src={src} alt="" />
+                    </button>
+                  ))}
+                </div>
+                <p className="text-body-sm text-tertiary">
+                  GIF search is a design preview.
+                </p>
+              </div>
+            )}
           </BasePopover.Popup>
         </BasePopover.Positioner>
       </BasePopover.Portal>
diff --git a/desktop-new/src/features/composer/ui/MessageComposer.tsx b/desktop-new/src/features/composer/ui/MessageComposer.tsx
index 3828e89f45..291cba0430 100644
--- a/desktop-new/src/features/composer/ui/MessageComposer.tsx
+++ b/desktop-new/src/features/composer/ui/MessageComposer.tsx
@@ -1,3 +1,5 @@
+import { ChipNode } from "../chipNode";
+import { Select } from "@/shared/ui/Select";
 import {
   IconArrowUp,
   IconLetterCase,
@@ -5,20 +7,42 @@ import {
   IconPaperclip,
   IconPlayerStopFilled,
 } from "@tabler/icons-react";
-import { type FormEvent, useEffect, useRef, useState } from "react";
+import { EditorContent, useEditor } from "@tiptap/react";
+import Link from "@tiptap/extension-link";
+import { Extension } from "@tiptap/core";
+import StarterKit from "@tiptap/starter-kit";
+import Placeholder from "@tiptap/extension-placeholder";
+import { Markdown as TiptapMarkdown } from "tiptap-markdown";
+import { type FormEvent, useEffect, useId, useRef, useState } from "react";
 
 import { IconButton } from "@/shared/ui/IconButton";
-
+import {
+  ComposerFormattingBar,
+  type ComposerFormat,
+} from "./ComposerFormattingBar";
+import { ComposerLinkDialog } from "./ComposerLinkDialog";
 import { EmojiPicker } from "./EmojiPicker";
 
-/**
- * The first production Composer composition.
- *
- * It owns visual authoring and local submission feedback only. Draft scope and
- * the send transaction belong to its caller. Attachment, emoji, formatting,
- * and voice controls are intentionally visual seams in this pass: their real
- * behavior arrives one capability at a time, not as decorative placeholders.
- */
+const FORMATS: readonly ComposerFormat[] = [
+  "bold",
+  "italic",
+  "strike",
+  "code",
+  "quote",
+  "bullet",
+  "number",
+];
+
+function markdown(editor: NonNullable<ReturnType<typeof useEditor>>) {
+  // tiptap-markdown has no public TypeScript storage shape.
+  const storage = editor.storage as unknown as {
+    markdown?: { getMarkdown?: () => string };
+  };
+  const value = storage.markdown?.getMarkdown?.() ?? editor.getText();
+  return value.replace(/\\\n/g, "\n");
+}
+
+/** The first production Composer composition, with Markdown-compatible formatting. */
 export function MessageComposer({
   disabled,
   draft,
@@ -26,69 +50,200 @@ export function MessageComposer({
   onSend,
   placeholder = "Message the session",
   responseControl,
+  autoFocus = true,
+  defaultFormattingOpen = false,
+  recipients = [],
+  onDelivered,
 }: {
+  onDelivered?: (content: string) => void;
+  recipients?: readonly { pubkey: string; name: string; isAgent: boolean }[];
+  autoFocus?: boolean;
+  defaultFormattingOpen?: boolean;
   disabled?: boolean;
   draft: string;
   onDraftChange: (value: string) => void;
-  onSend: (content: string) => Promise<void>;
+  onSend: (content: string, recipients?: string[]) => Promise<void>;
   placeholder?: string;
-  responseControl?: {
-    state: "responding" | "stopping";
-    onStop?: () => void;
-  };
+  responseControl?: { state: "responding" | "stopping"; onStop?: () => void };
 }) {
   const [sending, setSending] = useState(false);
   const [error, setError] = useState<string | null>(null);
-  const textarea = useRef<HTMLTextAreaElement>(null);
-  const selection = useRef({ start: 0, end: 0 });
+  const [formattingOpen, setFormattingOpen] = useState(defaultFormattingOpen);
+  const [formattingLeaving, setFormattingLeaving] = useState(false);
+  const [linkOpen, setLinkOpen] = useState(false);
+  const [, setEditorVersion] = useState(0);
+  const errorId = useId();
+  const applyingContent = useRef(false);
+  const submitting = useRef(false);
+  const mounted = useRef(true);
+  useEffect(() => {
+    mounted.current = true;
+    return () => {
+      mounted.current = false;
+    };
+  }, []);
+  const formattingSelection = useRef<{ from: number; to: number } | null>(null);
+  const latest = useRef({ draft, onDraftChange, onSend, disabled, sending });
+  const submitRef = useRef<() => void>(() => {});
+  latest.current = { draft, onDraftChange, onSend, disabled, sending };
+
+  const editor = useEditor({
+    extensions: [
+      ChipNode,
+      StarterKit.configure({
+        hardBreak: { keepMarks: true },
+        heading: false,
+        link: false,
+        trailingNode: false,
+      }),
+      Extension.create({
+        name: "submitOnEnter",
+        addKeyboardShortcuts() {
+          return {
+            Enter: () => {
+              submitRef.current();
+              return true;
+            },
+          };
+        },
+      }),
+      Link.configure({
+        openOnClick: false,
+        autolink: true,
+        linkOnPaste: false,
+      }),
+      Placeholder.configure({ placeholder }),
+      TiptapMarkdown.configure({
+        html: false,
+        breaks: true,
+        transformCopiedText: true,
+        transformPastedText: true,
+      }),
+    ],
+    content: draft,
+    editable: !disabled,
+    onCreate: ({ editor: current }) => {
+      current.view.dom.setAttribute("role", "textbox");
+      current.view.dom.setAttribute("aria-multiline", "true");
+    },
+    editorProps: {
+      attributes: {
+        class: "message-composer-editor",
+        "aria-label": placeholder,
+      },
+    },
+    onUpdate: ({ editor: current }) => {
+      if (applyingContent.current) return;
+      setError(null);
+      latest.current.onDraftChange(markdown(current));
+    },
+  });
 
   useEffect(() => {
-    textarea.current?.focus();
-  }, []);
-
-  async function submit(event: FormEvent) {
-    event.preventDefault();
-    const content = draft.trim();
-    if (!content || sending || disabled) return;
+    if (!editor) return;
+    const update = () => setEditorVersion((version) => version + 1);
+    editor.on("transaction", update);
+    return () => {
+      editor.off("transaction", update);
+    };
+  }, [editor]);
+  useEffect(() => {
+    if (autoFocus) editor?.commands.focus("end");
+  }, [autoFocus, editor]);
+  useEffect(() => {
+    editor?.setEditable(!disabled);
+  }, [disabled, editor]);
+  useEffect(() => {
+    if (!editor || markdown(editor) === draft) return;
+    applyingContent.current = true;
+    editor.commands.setContent(draft, { emitUpdate: false });
+    applyingContent.current = false;
+  }, [draft, editor]);
 
+  async function submit(event?: FormEvent) {
+    event?.preventDefault();
+    const content = editor ? markdown(editor).trim() : draft.trim();
+    if (!content || submitting.current || disabled) return;
+    submitting.current = true;
     setSending(true);
     setError(null);
     try {
-      await onSend(content);
-      onDraftChange("");
+      const selectedKeys: string[] = [];
+      editor?.state.doc.descendants((node) => {
+        if (
+          node.type.name === "chip" &&
+          ["agent", "person"].includes(node.attrs.kind)
+        )
+          selectedKeys.push(node.attrs.id);
+      });
+      await onSend(content, selectedKeys);
+      onDelivered?.(content);
+      if (mounted.current && latest.current.draft.trim() === content) {
+        if (!onDelivered) onDraftChange("");
+        if (mounted.current) editor?.commands.clearContent(true);
+      }
     } catch (caught) {
-      setError(
-        caught instanceof Error ? caught.message : "Your message was not sent.",
-      );
+      if (mounted.current)
+        setError(
+          caught instanceof Error
+            ? caught.message
+            : "Your message was not sent.",
+        );
     } finally {
-      setSending(false);
-      textarea.current?.focus();
+      submitting.current = false;
+      if (mounted.current) {
+        setSending(false);
+        editor?.commands.focus("end");
+      }
     }
   }
 
-  function rememberSelection() {
-    const element = textarea.current;
-    if (!element) return;
-    selection.current = {
-      start: element.selectionStart,
-      end: element.selectionEnd,
-    };
+  submitRef.current = () => {
+    void submit();
+  };
+
+  function closeFormatting() {
+    setFormattingLeaving(true);
   }
 
   function insertEmoji(emoji: string) {
-    const { start, end } = selection.current;
-    const next = `${draft.slice(0, start)}${emoji}${draft.slice(end)}`;
-    onDraftChange(next);
-    requestAnimationFrame(() => {
-      const element = textarea.current;
-      if (!element) return;
-      const position = start + emoji.length;
-      element.focus();
-      element.setSelectionRange(position, position);
-      selection.current = { start: position, end: position };
-    });
+    editor?.chain().focus().insertContent(emoji).run();
+  }
+  function rememberFormattingSelection() {
+    if (!editor || editor.state.selection.empty) return;
+    formattingSelection.current = {
+      from: editor.state.selection.from,
+      to: editor.state.selection.to,
+    };
   }
 
+  function format(format: ComposerFormat) {
+    if (format === "link") {
+      setLinkOpen(true);
+      return;
+    }
+    const chain = editor?.chain();
+    if (!chain) return;
+    const range = formattingSelection.current;
+    formattingSelection.current = null;
+    if (range) chain.setTextSelection(range);
+    if (format === "bold") chain.toggleBold().run();
+    if (format === "italic") chain.toggleItalic().run();
+    if (format === "strike") chain.toggleStrike().run();
+    if (format === "code") chain.toggleCode().run();
+    if (format === "quote") chain.toggleBlockquote().run();
+    if (format === "bullet") chain.toggleBulletList().run();
+    if (format === "number") chain.toggleOrderedList().run();
+  }
+  function insertLink({ label, url }: { label: string; url: string }) {
+    editor
+      ?.chain()
+      .focus()
+      .extendMarkRange("link")
+      .setLink({ href: url })
+      .insertContent(label)
+      .run();
+  }
   const unavailable = Boolean(disabled || sending);
   const canSend = Boolean(draft.trim()) && !unavailable;
   const state = disabled
@@ -98,112 +253,169 @@ export function MessageComposer({
       : error
         ? "failed"
         : "ready";
+  const activeFormats = FORMATS.filter((format) => {
+    const names: Record<Exclude<ComposerFormat, "link">, string> = {
+      bold: "bold",
+      italic: "italic",
+      strike: "strike",
+      code: "code",
+      quote: "blockquote",
+      bullet: "bulletList",
+      number: "orderedList",
+    };
+    return format !== "link" && editor?.isActive(names[format]);
+  });
 
   return (
-    <form className="message-composer" data-state={state} onSubmit={submit}>
-      <div className="message-composer-input">
-        <textarea
-          ref={textarea}
-          value={draft}
-          rows={1}
-          disabled={disabled}
-          aria-label={placeholder}
-          aria-describedby={error ? "composer-send-error" : undefined}
-          placeholder={placeholder}
-          onChange={(event) => {
-            selection.current = {
-              start: event.currentTarget.selectionStart,
-              end: event.currentTarget.selectionEnd,
-            };
-            setError(null);
-            onDraftChange(event.target.value);
-          }}
-          onSelect={rememberSelection}
-          onKeyUp={rememberSelection}
-          onMouseUp={rememberSelection}
-          onKeyDown={(event) => {
-            if (
-              event.key === "Enter" &&
-              !event.shiftKey &&
-              !event.nativeEvent.isComposing
-            ) {
-              event.preventDefault();
-              event.currentTarget.form?.requestSubmit();
-            }
-          }}
-        />
-        {error ? (
-          <p
-            id="composer-send-error"
-            className="message-composer-feedback text-body-sm text-red-12"
-            role="alert"
-          >
-            Couldn’t send. Your message is still here — try again.
-          </p>
-        ) : sending ? (
-          <p
-            className="message-composer-feedback text-body-sm text-secondary"
-            role="status"
-          >
-            Sending message…
-          </p>
+    <>
+      <form className="message-composer" data-state={state} onSubmit={submit}>
+        {recipients.length ? (
+          <Select
+            label="Address"
+            value=""
+            onValueChange={(pubkey) => {
+              const person = recipients.find(
+                (candidate) => candidate.pubkey === pubkey,
+              );
+              if (!person || unavailable) return;
+              editor
+                ?.chain()
+                .focus()
+                .insertContent([
+                  {
+                    type: "chip",
+                    attrs: {
+                      kind: person.isAgent ? "agent" : "person",
+                      id: pubkey,
+                    },
+                  },
+                  { type: "text", text: " " },
+                ])
+                .run();
+            }}
+            groups={[
+              {
+                label: "People and agents in this Session",
+                options: recipients.map((person) => ({
+                  value: person.pubkey,
+                  label: person.name,
+                })),
+              },
+            ]}
+          />
         ) : null}
-      </div>
-      <div className="message-composer-actions">
-        <div className="message-composer-actions-start">
-          <IconButton
-            aria-label="Attach file"
-            icon={<IconPaperclip size={16} stroke={2} aria-hidden="true" />}
-            size="toolbar"
-            variant="ghost"
-          />
-          <EmojiPicker
-            disabled={unavailable}
-            textarea={textarea}
-            onInsert={insertEmoji}
-          />
-          <IconButton
-            aria-label="Toggle formatting"
-            icon={<IconLetterCase size={16} stroke={2} aria-hidden="true" />}
-            size="toolbar"
-            variant="ghost"
-          />
+        <div className="message-composer-input">
+          <EditorContent editor={editor} />
+          {error ? (
+            <p
+              id={errorId}
+              className="message-composer-feedback text-body-sm text-red-12"
+              role="alert"
+            >
+              {error} Your message is still here — try again.
+            </p>
+          ) : sending ? (
+            <p
+              className="message-composer-feedback text-body-sm text-secondary"
+              role="status"
+            >
+              Sending message…
+            </p>
+          ) : null}
         </div>
-        <div className="message-composer-actions-end">
-          <IconButton
-            aria-label="Record voice note"
-            icon={<IconMicrophone size={16} stroke={2} aria-hidden="true" />}
-            size="toolbar"
-            variant="ghost"
-          />
-          {responseControl ? (
+        <div className="message-composer-actions">
+          <div className="composer-toolbar-presence">
+            {formattingOpen ? (
+              <ComposerFormattingBar
+                activeFormats={activeFormats}
+                onCommandPointerDown={rememberFormattingSelection}
+                disabled={unavailable}
+                onFormat={format}
+                onClose={closeFormatting}
+                className={
+                  formattingLeaving
+                    ? "composer-toolbar-exit"
+                    : "composer-toolbar-enter"
+                }
+                onAnimationEnd={() => {
+                  if (!formattingLeaving) return;
+                  setFormattingOpen(false);
+                  setFormattingLeaving(false);
+                  editor?.commands.focus();
+                }}
+              />
+            ) : (
+              <div className="message-composer-actions-start composer-toolbar-enter">
+                <IconButton
+                  aria-label="Attach file"
+                  disabled={unavailable}
+                  icon={
+                    <IconPaperclip size={16} stroke={2} aria-hidden="true" />
+                  }
+                  size="toolbar"
+                  variant="ghost"
+                />
+                <EmojiPicker disabled={unavailable} onInsert={insertEmoji} />
+                <IconButton
+                  aria-label="Toggle formatting"
+                  aria-expanded={formattingOpen}
+                  disabled={unavailable}
+                  onMouseDown={rememberFormattingSelection}
+                  onClick={() => {
+                    setFormattingLeaving(false);
+                    setFormattingOpen(true);
+                  }}
+                  icon={
+                    <IconLetterCase size={16} stroke={2} aria-hidden="true" />
+                  }
+                  size="toolbar"
+                  variant="ghost"
+                />
+              </div>
+            )}
+          </div>
+          <div className="message-composer-actions-end">
             <IconButton
-              aria-label={
-                responseControl.state === "stopping"
-                  ? "Stopping response"
-                  : "Stop response"
-              }
-              aria-busy={responseControl.state === "stopping" || undefined}
-              icon={<IconPlayerStopFilled size={14} aria-hidden="true" />}
-              shape="round"
+              aria-label="Record voice note"
+              disabled={unavailable}
+              icon={<IconMicrophone size={16} stroke={2} aria-hidden="true" />}
               size="toolbar"
-              variant="tint"
-              disabled={responseControl.state === "stopping"}
-              onClick={responseControl.onStop}
+              variant="ghost"
             />
-          ) : (
-            <IconButton
-              type="submit"
-              aria-label={sending ? "Sending message" : "Send message"}
-              icon={<IconArrowUp size={16} stroke={2} aria-hidden="true" />}
-              shape="round"
-              size="toolbar"
-              variant="tint"
-              disabled={!canSend}
-            />
-          )}
+            {responseControl ? (
+              <IconButton
+                aria-label={
+                  responseControl.state === "stopping"
+                    ? "Stopping response"
+                    : "Stop response"
+                }
+                aria-busy={responseControl.state === "stopping" || undefined}
+                icon={<IconPlayerStopFilled size={14} aria-hidden="true" />}
+                shape="round"
+                size="toolbar"
+                variant="tint"
+                disabled={responseControl.state === "stopping"}
+                onClick={responseControl.onStop}
+              />
+            ) : (
+              <IconButton
+                type="submit"
+                aria-label={sending ? "Sending message" : "Send message"}
+                icon={<IconArrowUp size={16} stroke={2} aria-hidden="true" />}
+                shape="round"
+                size="toolbar"
+                variant="tint"
+                disabled={!canSend}
+              />
+            )}
+          </div>
         </div>
-      </div>
-    </form>
+      </form>
+      <ComposerLinkDialog
+        open={linkOpen}
+        onOpenChange={setLinkOpen}
+        onSubmit={insertLink}
+      />
+    </>
   );
 }
diff --git a/desktop-new/src/features/composer/useComposerDrafts.ts b/desktop-new/src/features/composer/useComposerDrafts.ts
index 9008e0358d..3c11f60431 100644
--- a/desktop-new/src/features/composer/useComposerDrafts.ts
+++ b/desktop-new/src/features/composer/useComposerDrafts.ts
@@ -4,6 +4,7 @@ export type ComposerDrafts = {
   readDraft: (destinationId: string) => string;
   writeDraft: (destinationId: string, value: string) => void;
   clearDraft: (destinationId: string) => void;
+  settleDraft: (destinationId: string, sentContent: string) => void;
 };
 
 /**
@@ -40,5 +41,17 @@ export function useComposerDrafts(): ComposerDrafts {
     });
   }, []);
 
-  return { readDraft, writeDraft, clearDraft };
+  const settleDraft = useCallback(
+    (destinationId: string, sentContent: string) => {
+      setDrafts((current) => {
+        if (current.get(destinationId)?.trim() !== sentContent.trim())
+          return current;
+        const next = new Map(current);
+        next.delete(destinationId);
+        return next;
+      });
+    },
+    [],
+  );
+  return { readDraft, writeDraft, clearDraft, settleDraft };
 }
diff --git a/desktop-new/src/features/conversation/ui/ConversationComposerDock.tsx b/desktop-new/src/features/conversation/ui/ConversationComposerDock.tsx
index 6900fb6cab..d8a90e2381 100644
--- a/desktop-new/src/features/conversation/ui/ConversationComposerDock.tsx
+++ b/desktop-new/src/features/conversation/ui/ConversationComposerDock.tsx
@@ -2,13 +2,7 @@ import type { AgentTurn } from "@/features/agent-activity/types";
 import { AgentActivityRail } from "@/features/agent-activity/ui/AgentActivityRail";
 import { MessageComposer } from "@/features/composer/ui/MessageComposer";
 
-/**
- * The conversation's fixed-height bottom dock.
- *
- * Its grid owns the spatial relationship between authoring and activity. When
- * activity arrives, it takes its natural row below the Composer; the Composer
- * yields only from its lower edge while its top stays fixed.
- */
+/** Content-sized authoring dock. Activity fades into reserved space without resizing the conversation. */
 export function ConversationComposerDock({
   draft,
   onDraftChange,
@@ -16,10 +10,16 @@ export function ConversationComposerDock({
   turns,
   placeholder,
   responseControl,
+  autoFocus,
+  recipients,
+  onDelivered,
 }: {
+  onDelivered?: (content: string) => void;
+  recipients?: readonly { pubkey: string; name: string; isAgent: boolean }[];
+  autoFocus?: boolean;
   draft: string;
   onDraftChange: (value: string) => void;
-  onSend: (content: string) => Promise<void>;
+  onSend: (content: string, recipients?: string[]) => Promise<void>;
   turns: AgentTurn[];
   placeholder?: string;
   responseControl?: {
@@ -37,13 +37,18 @@ export function ConversationComposerDock({
       data-activity={workingTurns.length > 0 || undefined}
     >
       <MessageComposer
+        autoFocus={autoFocus}
+        recipients={recipients}
+        onDelivered={onDelivered}
         draft={draft}
         onDraftChange={onDraftChange}
         onSend={onSend}
         placeholder={placeholder}
         responseControl={responseControl}
       />
-      <AgentActivityRail turns={workingTurns} />
+      <div className="conversation-composer-activity-slot text-body-sm">
+        <AgentActivityRail turns={workingTurns} />
+      </div>
     </div>
   );
 }
diff --git a/desktop-new/src/features/conversation/ui/ConversationMessage.tsx b/desktop-new/src/features/conversation/ui/ConversationMessage.tsx
new file mode 100644
index 0000000000..6313cf92f5
--- /dev/null
+++ b/desktop-new/src/features/conversation/ui/ConversationMessage.tsx
@@ -0,0 +1,95 @@
+import "./conversation.css";
+import type { ReactNode } from "react";
+import { Avatar } from "@/shared/ui/Avatar";
+import { Button } from "@/shared/ui/Button";
+
+/** Resolved shared message presentation; no name lookup, sending or persistence. */
+export type ConversationMessagePresentation = {
+  id: string;
+  author: {
+    name: string;
+    fallback: string;
+    avatar?: string;
+    kind: "human" | "agent";
+  };
+  time: string;
+  dateTime: string;
+  content: ReactNode;
+  reply?: { author: string; excerpt: string; onOpen: () => void };
+  delivery?: { label: string; failed?: boolean; onRetry?: () => void };
+  actions?: ReactNode;
+};
+
+/** A shared contribution stays readable independently of private agent work. */
+export function ConversationMessage({
+  message,
+}: {
+  message: ConversationMessagePresentation;
+}) {
+  return (
+    <article
+      className="conversation-message"
+      aria-label={`${message.author.name}, ${message.time}`}
+      data-message-id={message.id}
+    >
+      <span aria-hidden="true">
+        <Avatar
+          src={message.author.avatar}
+          alt=""
+          fallback={message.author.fallback}
+        />
+      </span>
+      <div className="conversation-message-body">
+        <header className="conversation-message-heading">
+          <span className="text-body font-semibold text-primary">
+            {message.author.name}
+          </span>
+          {message.author.kind === "agent" ? (
+            <span className="text-body-sm text-tertiary">Agent</span>
+          ) : null}
+          <time
+            className="text-body-sm text-tertiary"
+            dateTime={message.dateTime}
+          >
+            {message.time}
+          </time>
+        </header>
+        {message.reply ? (
+          <div className="conversation-reply">
+            <Button
+              variant="ghost"
+              size="compact"
+              onClick={message.reply.onOpen}
+            >
+              Replying to {message.reply.author}: {message.reply.excerpt}
+            </Button>
+          </div>
+        ) : null}
+        <div className="conversation-message-content text-body text-primary">
+          {message.content}
+        </div>
+        {message.delivery ? (
+          <div
+            className="conversation-delivery text-body-sm"
+            data-failed={message.delivery.failed || undefined}
+            role="status"
+          >
+            <span>{message.delivery.label}</span>
+            {message.delivery.onRetry ? (
+              <Button
+                size="compact"
+                variant="ghost"
+                onClick={message.delivery.onRetry}
+              >
+                Retry send
+              </Button>
+            ) : null}
+          </div>
+        ) : null}
+        {message.actions ? (
+          <div className="conversation-message-actions">{message.actions}</div>
+        ) : null}
+      </div>
+    </article>
+  );
+}
diff --git a/desktop-new/src/features/conversation/ui/ConversationState.tsx b/desktop-new/src/features/conversation/ui/ConversationState.tsx
new file mode 100644
index 0000000000..57013d399d
--- /dev/null
+++ b/desktop-new/src/features/conversation/ui/ConversationState.tsx
@@ -0,0 +1,50 @@
+import "./conversation.css";
+import { IconAlertCircle, IconMessageCircle } from "@tabler/icons-react";
+import { Button } from "@/shared/ui/Button";
+import { ShimmerText } from "@/shared/ui/ShimmerText";
+
+/** Empty, loading, and failed reads are distinct; actions belong to the caller. */
+export function ConversationState({
+  state,
+  onRetry,
+}: {
+  state: "loading" | "empty" | "failed" | "read-only";
+  onRetry?: () => void;
+}) {
+  const copy = {
+    loading: ["Loading conversation", "Your messages will appear here."],
+    empty: [
+      "A place to work things through",
+      "Send a message and bring an agent into the conversation.",
+    ],
+    failed: [
+      "Couldn’t load this conversation",
+      "Try again to load the messages.",
+    ],
+    "read-only": [
+      "You can read this conversation",
+      "You don’t have permission to send messages here.",
+    ],
+  }[state];
+  return (
+    <div
+      className="conversation-state"
+      role={state === "failed" ? "alert" : "status"}
+    >
+      {state === "failed" ? (
+        <IconAlertCircle size={20} aria-hidden="true" />
+      ) : (
+        <IconMessageCircle size={20} aria-hidden="true" />
+      )}
+      <p className="text-body text-primary">
+        {state === "loading" ? <ShimmerText>{copy[0]}</ShimmerText> : copy[0]}
+      </p>
+      <p className="text-body-sm text-secondary">{copy[1]}</p>
+      {state === "failed" && onRetry ? (
+        <Button size="compact" onClick={onRetry}>
+          Retry loading
+        </Button>
+      ) : null}
+    </div>
+  );
+}
diff --git a/desktop-new/src/features/conversation/ui/MessageContent.tsx b/desktop-new/src/features/conversation/ui/MessageContent.tsx
new file mode 100644
index 0000000000..453aa13ec4
--- /dev/null
+++ b/desktop-new/src/features/conversation/ui/MessageContent.tsx
@@ -0,0 +1,29 @@
+import { EditorContent, useEditor } from "@tiptap/react";
+import StarterKit from "@tiptap/starter-kit";
+import { Markdown } from "tiptap-markdown";
+import { useEffect } from "react";
+import { ChipNode } from "@/features/composer/chipNode";
+
+/** Safe formatted content for the local conversation loop; raw HTML is disabled. */
+export function MessageContent({ content }: { content: string }) {
+  const editor = useEditor({
+    extensions: [
+      StarterKit.configure({
+        link: {
+          openOnClick: true,
+          protocols: ["buzz"],
+          HTMLAttributes: { rel: "noopener noreferrer", target: "_blank" },
+        },
+      }),
+      ChipNode,
+      Markdown.configure({ html: false, breaks: true }),
+    ],
+    content,
+    editable: false,
+    editorProps: { attributes: { "aria-label": "Message content" } },
+  });
+  useEffect(() => {
+    editor?.commands.setContent(content, { emitUpdate: false });
+  }, [editor, content]);
+  return <EditorContent editor={editor} />;
+}
diff --git a/desktop-new/src/features/conversation/ui/SessionExchange.tsx b/desktop-new/src/features/conversation/ui/SessionExchange.tsx
new file mode 100644
index 0000000000..ac2dcf073d
--- /dev/null
+++ b/desktop-new/src/features/conversation/ui/SessionExchange.tsx
@@ -0,0 +1,32 @@
+import { AgentWorkArea } from "@/features/agent-activity/ui/AgentWorkArea";
+import type { AgentWorkPresentation } from "@/features/agent-activity/ui/workPresentation";
+import {
+  ConversationMessage,
+  type ConversationMessagePresentation,
+} from "./ConversationMessage";
+
+/** One prompt, stable peer-agent areas, then shared answers in supplied order. */
+export function SessionExchange({
+  prompt,
+  work,
+  replies,
+}: {
+  prompt: ConversationMessagePresentation;
+  /** Ordered by the activity owner; never sorted by latest activity in the view. */
+  work: readonly AgentWorkPresentation[];
+  replies: readonly ConversationMessagePresentation[];
+}) {
+  return (
+    <section className="session-exchange" aria-label="Session exchange">
+      <ConversationMessage message={prompt} />
+      <div className="session-exchange-work">
+        {work.map((area) => (
+          <AgentWorkArea key={area.id} work={area} />
+        ))}
+      </div>
+      {replies.map((message) => (
+        <ConversationMessage key={message.id} message={message} />
+      ))}
+    </section>
+  );
+}
diff --git a/desktop-new/src/features/conversation/ui/conversation.css b/desktop-new/src/features/conversation/ui/conversation.css
new file mode 100644
index 0000000000..4e6c35e917
--- /dev/null
+++ b/desktop-new/src/features/conversation/ui/conversation.css
@@ -0,0 +1,83 @@
+@layer components {
+  .session-exchange {
+    display: grid;
+    gap: var(--space-6);
+    min-width: 0;
+  }
+  .conversation-message {
+    display: flex;
+    align-items: flex-start;
+    gap: var(--space-3);
+    min-width: 0;
+  }
+  .conversation-message-body {
+    flex: 1;
+    min-width: 0;
+  }
+  .conversation-message-heading {
+    display: flex;
+    align-items: baseline;
+    flex-wrap: wrap;
+    gap: var(--space-2);
+    margin-bottom: var(--space-1);
+  }
+  .conversation-message-content {
+    overflow-wrap: anywhere;
+  }
+  .conversation-message-content :where(p, ul) {
+    margin: 0;
+  }
+  .conversation-message-content :where(p, ul) + :where(p, ul) {
+    margin-top: var(--space-3);
+  }
+  .conversation-message-content ul {
+    list-style: disc;
+    padding-inline-start: var(--space-5);
+  }
+  .conversation-message-content li + li {
+    margin-top: var(--space-1);
+  }
+  .conversation-message-content strong {
+    font-weight: 600;
+  }
+  .conversation-message-actions,
+  .conversation-delivery {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: var(--space-2);
+    margin-top: var(--space-2);
+  }
+  .conversation-delivery {
+    color: var(--text-secondary);
+  }
+  .conversation-delivery[data-failed] {
+    color: var(--red-12);
+  }
+  .conversation-reply {
+    margin-bottom: var(--space-2);
+    overflow-wrap: anywhere;
+  }
+  .session-exchange-work {
+    display: grid;
+    gap: var(--space-5);
+    padding-inline-start: calc(var(--space-6) + var(--space-3));
+    min-width: 0;
+  }
+  .conversation-state {
+    display: grid;
+    justify-items: center;
+    text-align: center;
+    gap: var(--space-3);
+    padding: var(--space-6);
+    color: var(--text-secondary);
+  }
+  .conversation-state p {
+    margin: 0;
+  }
+  @media (max-width: 40rem) {
+    .session-exchange-work {
+      padding-inline-start: var(--space-3);
+    }
+  }
+}
diff --git a/desktop-new/src/features/design-system/ui/BaseUiBackingLine.tsx b/desktop-new/src/features/design-system/ui/BaseUiBackingLine.tsx
index d00e86e025..41b7be5992 100644
--- a/desktop-new/src/features/design-system/ui/BaseUiBackingLine.tsx
+++ b/desktop-new/src/features/design-system/ui/BaseUiBackingLine.tsx
@@ -1,46 +1,37 @@
-import { baseUiDocsUrl } from "@/shared/ui/registry";
-
+import { Link } from "@tanstack/react-router";
 import { baseUiBackingSentence } from "./baseUiBackingSentence";
 
-/**
- * One sentence saying what a component is built on, shown under its title.
- *
- * The phrasing lives in `baseUiBackingSentence` so it is testable without a DOM
- * and so every component page says it the same way; this component only renders
- * those segments, turning each Base UI part into a link to its documentation.
- *
- * What it says comes from the registry, which `src/shared/ui/registry.test.ts`
- * binds to the imports in the component files — a component that gains or drops
- * a Base UI part fails that test rather than leaving a stale sentence here.
- */
-export function BaseUiBackingLine({
-  slug,
-  behavior,
-}: {
-  slug: string;
-  /** What the component does instead, for the case with no Base UI part at all. */
-  behavior: string;
-}) {
-  const segments = baseUiBackingSentence(slug, behavior);
-
+/** Inline inheritance note; links point to the actual owning library. */
+export function BaseUiBackingLine({ slug }: { slug: string }) {
+  const segments = baseUiBackingSentence(slug);
+  if (!segments.length) return null;
   return (
-    <p className="text-body text-secondary">
+    <>
+      {" "}
       {segments.map((segment, index) =>
         segment.kind === "text" ? (
-          // biome-ignore lint/suspicious/noArrayIndexKey: a text run has no id but its position is stable
+          // biome-ignore lint/suspicious/noArrayIndexKey: static sentence segments retain their order
           <span key={index}>{segment.value}</span>
-        ) : (
+        ) : segment.external ? (
           <a
-            key={segment.part.name}
-            href={baseUiDocsUrl(segment.part)}
+            key={segment.href}
+            href={segment.href}
             target="_blank"
             rel="noreferrer"
             className="text-purple-12 underline decoration-1 underline-offset-2"
           >
-            {segment.part.name}
+            {segment.value}
           </a>
+        ) : (
+          <Link
+            key={segment.href}
+            to={segment.href}
+            className="text-purple-12 underline decoration-1 underline-offset-2"
+          >
+            {segment.value}
+          </Link>
         ),
       )}
-    </p>
+    </>
   );
 }
diff --git a/desktop-new/src/features/design-system/ui/BentoSpecimen.tsx b/desktop-new/src/features/design-system/ui/BentoSpecimen.tsx
new file mode 100644
index 0000000000..7d53f4ec0e
--- /dev/null
+++ b/desktop-new/src/features/design-system/ui/BentoSpecimen.tsx
@@ -0,0 +1,34 @@
+import { BentoWorkspace } from "@/shared/ui/BentoWorkspace";
+import { Section } from "./primitives";
+
+/**
+ * The workspace, with deliberately empty panels.
+ *
+ * Nothing is inside them because the subject here is the *arrangement* — the
+ * drag, the drop targets, the gutter, the tab strip — and panel content would
+ * only make that harder to judge. The gradient is not decoration either: a
+ * panel's edge, shadow, and separation are only legible on the backdrop it
+ * actually sits on.
+ */
+export function BentoSpecimen() {
+  return (
+    <>
+      <Section
+        title="Arrangement"
+        description="Drag a header toward a panel edge. The highlight shows where it will land above, below, left, or right. Resize continuously in the gaps. Navigation stays at the upper left, with room for a panel below. Highlights appear only where both panels fit; stacking is off."
+      >
+        <div className="bento-stage">
+          <BentoWorkspace
+            anchoredPanelId="navigation"
+            panels={[
+              { id: "navigation", title: "Navigation" },
+              { id: "one", title: "One" },
+              { id: "two", title: "Two" },
+              { id: "three", title: "Three" },
+            ]}
+          />
+        </div>
+      </Section>
+    </>
+  );
+}
diff --git a/desktop-new/src/features/design-system/ui/ComponentAnatomy.tsx b/desktop-new/src/features/design-system/ui/ComponentAnatomy.tsx
index 8c2229cecf..3333846083 100644
--- a/desktop-new/src/features/design-system/ui/ComponentAnatomy.tsx
+++ b/desktop-new/src/features/design-system/ui/ComponentAnatomy.tsx
@@ -1,5 +1,10 @@
 import { useEffect, useState } from "react";
 
+import {
+  type ColorScheme,
+  useColorScheme,
+} from "@/shared/theme/useColorScheme";
+
 /**
  * What a component is made of, read from the running component.
  *
@@ -46,8 +51,13 @@ export interface AnatomyPart {
 }
 
 interface Measured {
-  /** The scheme generation these values were read in, so a stale read is visible. */
-  scheme: number;
+  /**
+   * The colour scheme these values were read in, so a stale read is visible.
+   *
+   * Carried on the row rather than merely listed as an effect dependency, so the
+   * re-measure is a real data flow: a row states the mode it was read in.
+   */
+  scheme: ColorScheme;
   name: string;
   note?: string;
   present: boolean;
@@ -196,35 +206,6 @@ function isAbsent(painted: string): boolean {
   );
 }
 
-/**
- * The active colour scheme, observed from `<html>`.
- *
- * Not `useColorScheme()`, which owns local state — calling it here would create a
- * *second* independent copy that never hears the toggle in the layout, so the
- * table would keep reporting light-mode values on a dark page. Reporting a stale
- * painted colour is the specific failure this component exists to prevent, so it
- * watches the class the theme actually sets.
- */
-/**
- * A counter that increments whenever the colour scheme changes.
- *
- * It is stored on each measured row (`Measured.scheme`) rather than merely listed
- * as an effect dependency, so the re-measure is a real data flow instead of a
- * lint-suppressed side effect: rows carry the generation they were read in.
- */
-function useSchemeVersion(): number {
-  const [version, setVersion] = useState(0);
-  useEffect(() => {
-    const observer = new MutationObserver(() => setVersion((n) => n + 1));
-    observer.observe(document.documentElement, {
-      attributes: true,
-      attributeFilter: ["class"],
-    });
-    return () => observer.disconnect();
-  }, []);
-  return version;
-}
-
 export function ComponentAnatomy({
   parts,
   scope,
@@ -236,7 +217,11 @@ export function ComponentAnatomy({
   caption?: string;
 }) {
   const [rows, setRows] = useState<Measured[] | null>(null);
-  const schemeVersion = useSchemeVersion();
+  // The shared colour-scheme fact. This used to be a local MutationObserver on
+  // `<html>`, because `useColorScheme` held per-caller state and reading it here
+  // would have produced a second answer that never heard the layout's toggle.
+  // The fact now has one value, so the workaround is gone.
+  const { scheme } = useColorScheme();
 
   useEffect(() => {
     // After paint, so Base UI has mounted and the indicator has its size.
@@ -247,7 +232,7 @@ export function ComponentAnatomy({
           const element = root?.querySelector(part.selector) ?? null;
           if (!element) {
             return {
-              scheme: schemeVersion,
+              scheme,
               name: part.name,
               note: part.note,
               present: false,
@@ -268,7 +253,7 @@ export function ComponentAnatomy({
             values[property.id] = tokenNames(declared);
           }
           return {
-            scheme: schemeVersion,
+            scheme,
             name: part.name,
             note: part.note,
             present: true,
@@ -278,7 +263,7 @@ export function ComponentAnatomy({
       );
     });
     return () => cancelAnimationFrame(frame);
-  }, [parts, scope, schemeVersion]);
+  }, [parts, scope, scheme]);
 
   const columns = PROPERTIES.filter((property) =>
     rows?.some((row) => row.values[property.id]),
diff --git a/desktop-new/src/features/design-system/ui/ComponentDetailPage.tsx b/desktop-new/src/features/design-system/ui/ComponentDetailPage.tsx
index 497d007684..b65076718b 100644
--- a/desktop-new/src/features/design-system/ui/ComponentDetailPage.tsx
+++ b/desktop-new/src/features/design-system/ui/ComponentDetailPage.tsx
@@ -1,3 +1,4 @@
+import { ComposerStateGallery } from "./ComposerStateGallery";
 import { COMPONENTS } from "@/shared/ui/registry";
 import { BaseUiBackingLine } from "./BaseUiBackingLine";
 import { COMPONENT_SPECIMENS } from "./componentSpecimens";
@@ -5,16 +6,21 @@ import { COMPONENT_SPECIMENS } from "./componentSpecimens";
 export function ComponentDetailPage({ slug }: { slug: string }) {
   const component = COMPONENTS.find((candidate) => candidate.slug === slug);
   if (!component) return null;
-  const Specimen = COMPONENT_SPECIMENS[component.slug];
+  const Specimen =
+    component.slug === "composer"
+      ? ComposerStateGallery
+      : COMPONENT_SPECIMENS[component.slug];
 
   return (
     <>
       <header className="component-page-heading">
         <h1 className="text-title text-primary">{component.name}</h1>
-        <BaseUiBackingLine
-          slug={component.slug}
-          behavior={component.behavior}
-        />
+        <p className="text-body text-tertiary">
+          {component.slug === "composer"
+            ? "Write a message, choose its destination, and explore the composer’s controls."
+            : component.purpose}
+          <BaseUiBackingLine slug={component.slug} />
+        </p>
       </header>
       {Specimen ? <Specimen /> : null}
     </>
diff --git a/desktop-new/src/features/design-system/ui/ComposerCopyPreview.tsx b/desktop-new/src/features/design-system/ui/ComposerCopyPreview.tsx
new file mode 100644
index 0000000000..ad1fc69d8d
--- /dev/null
+++ b/desktop-new/src/features/design-system/ui/ComposerCopyPreview.tsx
@@ -0,0 +1,74 @@
+import { useState } from "react";
+import { MessageComposer } from "@/features/composer/ui/MessageComposer";
+import { Select } from "@/shared/ui/Select";
+
+// Exact copy from Figma uhFH3LPsy6HMqzoATFgWKl, frame 809:12505.
+const CONTEXTS = [
+  {
+    group: "Channel",
+    value: "channel-start",
+    label: "Channel · New message",
+    copy: "Send a message in #buzz-design",
+  },
+  {
+    group: "Channel",
+    value: "channel-reply",
+    label: "Channel · Reply",
+    copy: "Reply in #buzz-design",
+  },
+  {
+    group: "Session",
+    value: "session-start",
+    label: "Session · New session",
+    copy: "Start a new session",
+  },
+  {
+    group: "Session",
+    value: "session-reply",
+    label: "Session · Reply",
+    copy: "Reply in this session",
+  },
+  {
+    group: "Direct message",
+    value: "dm-start",
+    label: "Direct message · New message",
+    copy: "Start a new direct message",
+  },
+  {
+    group: "Direct message",
+    value: "dm-reply",
+    label: "Direct message · Reply",
+    copy: "Reply in this direct message",
+  },
+] as const;
+const GROUPS = ["Channel", "Session", "Direct message"].map((label) => ({
+  label,
+  options: CONTEXTS.filter((context) => context.group === label),
+}));
+
+/** Documentation-only context selection; real destinations own product copy. */
+export function ComposerCopyPreview() {
+  const [value, setValue] = useState<string>("channel-start");
+  const [draft, setDraft] = useState("");
+  const context =
+    CONTEXTS.find((candidate) => candidate.value === value) ?? CONTEXTS[0];
+  return (
+    <>
+      <Select
+        label="Preview context"
+        value={value}
+        groups={GROUPS}
+        onValueChange={setValue}
+      />
+      <div className="composer-playground-stage">
+        <MessageComposer
+          autoFocus={false}
+          draft={draft}
+          onDraftChange={setDraft}
+          onSend={async () => undefined}
+          placeholder={context.copy}
+        />
+      </div>
+    </>
+  );
+}
diff --git a/desktop-new/src/features/design-system/ui/ComposerStateGallery.tsx b/desktop-new/src/features/design-system/ui/ComposerStateGallery.tsx
new file mode 100644
index 0000000000..ebc32b3ad3
--- /dev/null
+++ b/desktop-new/src/features/design-system/ui/ComposerStateGallery.tsx
@@ -0,0 +1,137 @@
+import { type ReactNode, useEffect, useRef, useState } from "react";
+import { MessageComposer } from "@/features/composer/ui/MessageComposer";
+import { Button } from "@/shared/ui/Button";
+import { ComposerCopyPreview } from "./ComposerCopyPreview";
+
+function Example({
+  title,
+  description,
+  children,
+}: {
+  title: string;
+  description: string;
+  children: ReactNode;
+}) {
+  return (
+    <section className="component-specimen-group" aria-label={title}>
+      <h3 className="text-heading text-primary">{title}</h3>
+      <p className="text-body text-tertiary">{description}</p>
+      {children}
+    </section>
+  );
+}
+
+function DraftExample({
+  initial = "",
+  formatting = false,
+  disabled = false,
+  responseControl,
+}: {
+  initial?: string;
+  formatting?: boolean;
+  disabled?: boolean;
+  responseControl?: { state: "responding" | "stopping" };
+}) {
+  const [draft, setDraft] = useState(initial);
+  return (
+    <MessageComposer
+      autoFocus={false}
+      defaultFormattingOpen={formatting}
+      disabled={disabled}
+      draft={draft}
+      onDraftChange={setDraft}
+      onSend={async () => undefined}
+      placeholder="Reply in this session"
+      responseControl={responseControl}
+    />
+  );
+}
+
+/** Exercise the real submit path instead of painting a pretend sending/error state. */
+function SubmissionExample() {
+  const [draft, setDraft] = useState("Here is the updated design.");
+  const [pending, setPending] = useState(false);
+  const deferred = useRef<{
+    resolve: () => void;
+    reject: (error: Error) => void;
+  } | null>(null);
+  useEffect(
+    () => () => {
+      deferred.current?.resolve();
+    },
+    [],
+  );
+  function settle(fail: boolean) {
+    if (fail) deferred.current?.reject(new Error("Example send failure"));
+    else deferred.current?.resolve();
+    deferred.current = null;
+    setPending(false);
+  }
+  return (
+    <>
+      <MessageComposer
+        autoFocus={false}
+        draft={draft}
+        onDraftChange={setDraft}
+        onSend={() => {
+          setPending(true);
+          return new Promise<void>((resolve, reject) => {
+            deferred.current = { resolve, reject };
+          });
+        }}
+        placeholder="Reply in this session"
+      />
+      <div className="component-specimen-row">
+        <Button
+          size="compact"
+          disabled={!pending}
+          onClick={() => settle(false)}
+        >
+          Complete example send
+        </Button>
+        <Button size="compact" disabled={!pending} onClick={() => settle(true)}>
+          Fail example send
+        </Button>
+      </div>
+    </>
+  );
+}
+
+/** One interactive playground, with only hard-to-reach states shown separately. */
+export function ComposerStateGallery() {
+  return (
+    <div className="component-specimen-stack">
+      <section
+        className="component-specimen-group"
+        aria-label="Composer playground"
+      >
+        <ComposerCopyPreview />
+      </section>
+      <h2 className="text-heading text-primary">States</h2>
+      <Example
+        title="Sending and failed"
+        description="A message is being sent; if sending fails, the draft stays here so you can try again."
+      >
+        <SubmissionExample />
+      </Example>
+      <Example
+        title="Unavailable"
+        description="Writing and sending are disabled in this conversation."
+      >
+        <DraftExample disabled />
+      </Example>
+      <Example
+        title="Responding"
+        description="An agent is generating a response. Select Stop to cancel it."
+      >
+        <DraftExample responseControl={{ state: "responding" }} />
+      </Example>
+      <Example
+        title="Stopping"
+        description="Stop has been requested. The control is disabled while the agent finishes stopping."
+      >
+        <DraftExample responseControl={{ state: "stopping" }} />
+      </Example>
+    </div>
+  );
+}
diff --git a/desktop-new/src/features/design-system/ui/ConversationSpecimen.tsx b/desktop-new/src/features/design-system/ui/ConversationSpecimen.tsx
new file mode 100644
index 0000000000..aed9dd4799
--- /dev/null
+++ b/desktop-new/src/features/design-system/ui/ConversationSpecimen.tsx
@@ -0,0 +1,404 @@
+import { PreparedMessagePreview } from "./PreparedMessagePreview";
+import { MessageComposer } from "@/features/composer/ui/MessageComposer";
+import {
+  IconCheck,
+  IconCopy,
+  IconMessageCircle,
+  IconThumbUp,
+} from "@tabler/icons-react";
+import { useState } from "react";
+import { AgentWorkArea } from "@/features/agent-activity/ui/AgentWorkArea";
+import { WorkStep } from "@/features/agent-activity/ui/WorkStep";
+import type { AgentWorkPresentation } from "@/features/agent-activity/ui/workPresentation";
+import { ConversationMessage } from "@/features/conversation/ui/ConversationMessage";
+import { ConversationState } from "@/features/conversation/ui/ConversationState";
+import { SessionExchange } from "@/features/conversation/ui/SessionExchange";
+import { Button } from "@/shared/ui/Button";
+import { ConversationHeader } from "@/shared/ui/ConversationHeader";
+import { IconButton } from "@/shared/ui/IconButton";
+import { Select } from "@/shared/ui/Select";
+import {
+  RIVET_REPLY,
+  RIVET_WORK,
+  SESSION_PROMPT,
+  VOGUE_REPLY,
+  VOGUE_WORK,
+  completedWork,
+} from "./conversationFixtures";
+import "./conversationSpecimens.css";
+
+type Scenario =
+  | "working"
+  | "one-finished"
+  | "finished"
+  | "approval"
+  | "failed"
+  | "waiting"
+  | "cancelled"
+  | "unavailable";
+const SCENARIOS = [
+  {
+    label: "Session states",
+    options: [
+      { value: "working", label: "Two agents working" },
+      { value: "one-finished", label: "One agent finished" },
+      { value: "finished", label: "Both finished" },
+      { value: "approval", label: "Permission needed" },
+      { value: "failed", label: "Work failed" },
+      { value: "waiting", label: "Waiting to start" },
+      { value: "cancelled", label: "Stopped" },
+      { value: "unavailable", label: "Activity unavailable" },
+    ],
+  },
+];
+
+/** Fixtures alone own these transitions. They never invoke or imitate a runtime. */
+function useWorkExample() {
+  const [scenario, setScenario] = useState<Scenario>("working");
+  const [decision, setDecision] = useState<string | null>(null);
+  function select(value: string) {
+    if (SCENARIOS[0].options.some((option) => option.value === value)) {
+      setScenario(value as Scenario);
+      setDecision(null);
+    }
+  }
+  let vogue = VOGUE_WORK;
+  let rivet: AgentWorkPresentation = RIVET_WORK;
+  if (["one-finished", "finished"].includes(scenario))
+    vogue = completedWork(VOGUE_WORK);
+  if (scenario === "finished") rivet = completedWork(RIVET_WORK);
+  if (scenario === "approval")
+    rivet = {
+      ...RIVET_WORK,
+      status:
+        decision === "Allowed in this preview"
+          ? "running"
+          : decision
+            ? "cancelled"
+            : "needs-you",
+      statusLabel:
+        decision === "Allowed in this preview"
+          ? "Working"
+          : decision
+            ? "Stopped"
+            : "Needs you",
+      notice: {
+        title: decision ?? "Allow Rivet to run the checks?",
+        description:
+          "Run the local test suite for this Session. This example does not execute commands.",
+        actions: decision ? undefined : (
+          <>
+            <Button
+              size="compact"
+              onClick={() => setDecision("Allowed in this preview")}
+            >
+              Allow once
+            </Button>
+            <Button
+              size="compact"
+              variant="ghost"
+              onClick={() => setDecision("Declined in this preview")}
+            >
+              Decline
+            </Button>
+          </>
+        ),
+      },
+    };
+  if (scenario === "failed")
+    rivet = {
+      ...RIVET_WORK,
+      status: "failed",
+      statusLabel: "Failed",
+      notice: {
+        title: "The checks couldn’t finish",
+        description:
+          "The working folder was unavailable. The conversation and earlier steps are still here.",
+        actions: (
+          <Button size="compact" onClick={() => select("working")}>
+            Retry in preview
+          </Button>
+        ),
+      },
+    };
+  if (scenario === "waiting")
+    rivet = {
+      ...RIVET_WORK,
+      status: "waiting",
+      statusLabel: "Waiting",
+      summary: "Waiting for the agent to start. No activity yet.",
+      earlierSteps: [],
+      visibleSteps: [],
+    };
+  if (scenario === "cancelled")
+    rivet = {
+      ...RIVET_WORK,
+      status: "cancelled",
+      statusLabel: "Stopped",
+      notice: {
+        title: "You stopped this work",
+        description:
+          "Completed steps remain available. No final answer was posted.",
+      },
+    };
+  if (scenario === "unavailable")
+    rivet = {
+      ...RIVET_WORK,
+      status: "unavailable",
+      statusLabel: "Unavailable",
+      notice: {
+        title: "Live activity is unavailable",
+        description:
+          "The agent may still be working. This is not a completion signal.",
+        actions: (
+          <Button size="compact" onClick={() => select("working")}>
+            Reconnect in preview
+          </Button>
+        ),
+      },
+    };
+  if (rivet.status !== "running" && rivet.status !== "completed") {
+    rivet = {
+      ...rivet,
+      visibleSteps: rivet.visibleSteps.filter(
+        (step) => step.status !== "running",
+      ),
+    };
+  }
+  const replies =
+    scenario === "finished"
+      ? [VOGUE_REPLY, RIVET_REPLY]
+      : scenario === "one-finished"
+        ? [VOGUE_REPLY]
+        : [];
+  return { scenario, select, work: [vogue, rivet], replies };
+}
+
+export function ConversationSpecimen() {
+  const example = useWorkExample();
+  const [draft, setDraft] = useState("");
+  const [sent, setSent] = useState<{ id: string; content: string }[]>([]);
+  return (
+    <div className="component-specimen-stack">
+      <div className="conversation-preview-controls">
+        <Select
+          label="Preview"
+          value={example.scenario}
+          groups={SCENARIOS}
+          onValueChange={example.select}
+        />
+        <span className="text-body-sm text-tertiary">
+          Illustrative content · no live agents
+        </span>
+      </div>
+      <section className="conversation-preview" aria-label="Session playground">
+        <ConversationHeader
+          title="Make room for the work"
+          icon={<IconMessageCircle size={18} />}
+          context="Session in #design"
+        />
+        <div className="conversation-preview-transcript">
+          <p className="conversation-date text-body-sm text-tertiary">
+            Today · September 8
+          </p>
+          <SessionExchange
+            prompt={SESSION_PROMPT}
+            work={example.work}
+            replies={example.replies}
+          />
+          {sent.map(({ content, id }) => (
+            <ConversationMessage
+              key={id}
+              message={{
+                ...SESSION_PROMPT,
+                id,
+                content: <PreparedMessagePreview content={content} />,
+                delivery: { label: "Sent in this preview only" },
+              }}
+            />
+          ))}
+        </div>
+        <div className="conversation-preview-footer">
+          <MessageComposer
+            autoFocus={false}
+            draft={draft}
+            onDraftChange={setDraft}
+            onSend={async (content) => {
+              setSent((current) => [
+                ...current,
+                { id: crypto.randomUUID(), content },
+              ]);
+            }}
+            placeholder="Reply in this session"
+          />
+          <p className="text-body-sm text-tertiary">
+            Local preview only. Messages are not saved or sent to agents.
+          </p>
+        </div>
+      </section>
+      <section className="component-specimen-group">
+        <h2 className="text-heading text-primary">Built from product pieces</h2>
+        <p className="text-body text-secondary">
+          Messages carry the shared conversation. Agent work keeps a stable
+          place under the prompt. Replies arrive below it without collapsing.
+          Each piece has its own page in Product UI.
+        </p>
+      </section>
+    </div>
+  );
+}
+
+export function AgentWorkSpecimen() {
+  const example = useWorkExample();
+  return (
+    <div className="component-specimen-stack">
+      <Select
+        label="Preview"
+        value={example.scenario}
+        groups={SCENARIOS}
+        onValueChange={example.select}
+      />
+      <div className="work-area-specimen">
+        <AgentWorkArea work={example.work[1]} />
+      </div>
+      <p className="text-body-sm text-secondary">
+        Earlier steps and tool output open independently. Notices and artifact
+        access remain outside the completed-work disclosure.
+      </p>
+    </div>
+  );
+}
+
+export function WorkStepSpecimen() {
+  return (
+    <div className="component-specimen-stack">
+      <ol className="work-steps">
+        {[
+          ...RIVET_WORK.visibleSteps,
+          {
+            id: "failed-step",
+            title: "Couldn’t read the working folder",
+            kind: "tool" as const,
+            status: "failed" as const,
+            detail: "Working folder unavailable.\nNo files were changed.",
+          },
+        ].map((step) => (
+          <WorkStep key={step.id} step={step} />
+        ))}
+      </ol>
+      <p className="text-body-sm text-secondary">
+        Progress, thought summary, tool output, running, and failed. Content is
+        prepared by Agent Activity; these rows do not parse tool events.
+      </p>
+    </div>
+  );
+}
+
+export function ConversationMessageSpecimen() {
+  const [liked, setLiked] = useState(false);
+  const [copied, setCopied] = useState(false);
+  const [copyError, setCopyError] = useState(false);
+  const [failed, setFailed] = useState(true);
+  const [reply, setReply] = useState(false);
+  return (
+    <div className="component-specimen-stack">
+      <ConversationMessage
+        message={{
+          ...VOGUE_REPLY,
+          actions: (
+            <>
+              <Button
+                variant={liked ? "quiet" : "ghost"}
+                size="compact"
+                aria-pressed={liked}
+                aria-label={`Thumbs up, ${liked ? 2 : 1} reactions`}
+                onClick={() => setLiked(!liked)}
+              >
+                <IconThumbUp size={16} aria-hidden="true" />
+                {liked ? "2" : "1"}
+              </Button>
+              <IconButton
+                size="compact"
+                aria-label="Reply to Vogue"
+                icon={<IconMessageCircle size={16} />}
+                onClick={() => setReply(!reply)}
+              />
+              <IconButton
+                size="compact"
+                aria-label={copied ? "Message copied" : "Copy message"}
+                icon={copied ? <IconCheck size={16} /> : <IconCopy size={16} />}
+                onClick={() => {
+                  setCopyError(false);
+                  void navigator.clipboard
+                    .writeText(
+                      "Let the conversation lead. Give each of us a small, steady place to work, then let that work fold away when we’re done.",
+                    )
+                    .then(
+                      () => setCopied(true),
+                      () => setCopyError(true),
+                    );
+                }}
+              />
+            </>
+          ),
+        }}
+      />
+      {copyError ? (
+        <p role="alert" className="text-body-sm text-red-12">
+          Couldn’t copy. You can select the message text instead.
+        </p>
+      ) : null}
+      {reply ? (
+        <p role="status" className="text-body-sm text-secondary">
+          Reply target selected: Vogue. Session reply behavior is still being
+          designed.
+        </p>
+      ) : null}
+      <ConversationMessage
+        message={{
+          ...SESSION_PROMPT,
+          id: "delivery-example",
+          content: <p>Let’s try this with two agents first.</p>,
+          delivery: {
+            label: failed
+              ? "Not sent. Your message is still here."
+              : "Sent in this preview",
+            failed,
+            onRetry: failed ? () => setFailed(false) : undefined,
+          },
+        }}
+      />
+      <p className="text-body-sm text-secondary">
+        Shared agent answer, message actions, selected reaction, and failed-send
+        recovery. Reactions and retry are local examples.
+      </p>
+    </div>
+  );
+}
+
+export function ConversationStateSpecimen() {
+  const [state, setState] = useState<
+    "loading" | "empty" | "failed" | "read-only"
+  >("failed");
+  return (
+    <div className="component-specimen-stack">
+      <Select
+        label="Preview"
+        value={state}
+        onValueChange={(value) => setState(value as typeof state)}
+        groups={[
+          {
+            label: "Conversation states",
+            options: ["loading", "empty", "failed", "read-only"].map(
+              (value) => ({ value, label: value }),
+            ),
+          },
+        ]}
+      />
+      <ConversationState state={state} onRetry={() => setState("empty")} />
+      <p className="text-body-sm text-secondary">
+        Retry switches to an empty fixture, not a live request.
+      </p>
+    </div>
+  );
+}
diff --git a/desktop-new/src/features/design-system/ui/DesignSystemLayout.tsx b/desktop-new/src/features/design-system/ui/DesignSystemLayout.tsx
index f5e80f019d..188698faf7 100644
--- a/desktop-new/src/features/design-system/ui/DesignSystemLayout.tsx
+++ b/desktop-new/src/features/design-system/ui/DesignSystemLayout.tsx
@@ -3,6 +3,7 @@ import { Link, Outlet } from "@tanstack/react-router";
 import { Fragment, type ReactNode } from "react";
 
 import { useColorScheme } from "@/shared/theme/useColorScheme";
+import { Accordion } from "@/shared/ui/Accordion";
 import { IconButton } from "@/shared/ui/IconButton";
 import { COMPONENTS } from "@/shared/ui/registry";
 
@@ -54,7 +55,14 @@ const SECTIONS: NavSection[] = [
   },
   {
     heading: "Product UI",
-    items: componentNavItems("product-ui"),
+    items: componentNavItems("product-ui").filter(
+      ([, to]) =>
+        ![
+          "/design/components/composer",
+          "/design/components/workspace",
+          "/design/components/flex-workspace",
+        ].includes(to),
+    ),
   },
 ];
 
@@ -125,6 +133,47 @@ export function DesignSystemLayout() {
             >
               <h2 className="text-body text-tertiary">{section.heading}</h2>
               <NavItems items={section.items} />
+              {section.heading === "Product UI" ? (
+                <Accordion
+                  variant="navigation"
+                  defaultValue={["workspace", "chat"]}
+                  items={[
+                    {
+                      value: "workspace",
+                      title: "Workspace",
+                      content: (
+                        <NavItems
+                          items={["workspace", "flex-workspace"].map((slug) => {
+                            const component = COMPONENTS.find(
+                              (item) => item.slug === slug,
+                            );
+                            return [
+                              component?.name ?? slug,
+                              `/design/components/${slug}`,
+                            ];
+                          })}
+                        />
+                      ),
+                    },
+                    {
+                      value: "chat",
+                      title: "Chat",
+                      content: (
+                        <NavItems
+                          items={COMPONENTS.filter(
+                            (component) =>
+                              component.slug === "composer" ||
+                              component.parent === "composer",
+                          ).map((component) => [
+                            component.name,
+                            `/design/components/${component.slug}`,
+                          ])}
+                        />
+                      ),
+                    },
+                  ]}
+                />
+              ) : null}
             </section>
           ))}
         </div>
diff --git a/desktop-new/src/features/design-system/ui/PreparedMessagePreview.tsx b/desktop-new/src/features/design-system/ui/PreparedMessagePreview.tsx
new file mode 100644
index 0000000000..46e6713a73
--- /dev/null
+++ b/desktop-new/src/features/design-system/ui/PreparedMessagePreview.tsx
@@ -0,0 +1,18 @@
+import { EditorContent, useEditor } from "@tiptap/react";
+import StarterKit from "@tiptap/starter-kit";
+import { Markdown } from "tiptap-markdown";
+
+/**
+ * Documentation-only round trip through the composer's existing parser.
+ * This is not Rich Content or a new product formatting implementation.
+ * Each immutable preview message mounts once with its submitted content.
+ */
+export function PreparedMessagePreview({ content }: { content: string }) {
+  const editor = useEditor({
+    extensions: [StarterKit, Markdown.configure({ html: false })],
+    content,
+    editable: false,
+    editorProps: { attributes: { "aria-label": "Preview message content" } },
+  });
+  return <EditorContent editor={editor} />;
+}
diff --git a/desktop-new/src/features/design-system/ui/baseUiBackingSentence.test.ts b/desktop-new/src/features/design-system/ui/baseUiBackingSentence.test.ts
index 0c12aa1cea..c7527c74f2 100644
--- a/desktop-new/src/features/design-system/ui/baseUiBackingSentence.test.ts
+++ b/desktop-new/src/features/design-system/ui/baseUiBackingSentence.test.ts
@@ -1,73 +1,55 @@
 import { describe, expect, it } from "vitest";
-
 import { COMPONENTS } from "@/shared/ui/registry";
-
 import {
   baseUiBackingSentence,
   flattenSentence,
 } from "./baseUiBackingSentence";
 
-function sentenceFor(slug: string): string {
-  const component = COMPONENTS.find((candidate) => candidate.slug === slug);
-  if (!component) throw new Error(`No component ${slug}`);
-  return flattenSentence(
-    baseUiBackingSentence(component.slug, component.behavior),
-  );
-}
+const sentenceFor = (slug: string) =>
+  flattenSentence(baseUiBackingSentence(slug));
 
-describe("the Base UI backing sentence", () => {
-  it("names the part a component imports itself", () => {
-    expect(sentenceFor("button")).toBe("Built on Base UI Button.");
-    expect(sentenceFor("avatar")).toBe("Built on Base UI Avatar.");
-    expect(sentenceFor("tabs")).toBe("Built on Base UI Tabs.");
-    expect(sentenceFor("navigation-item")).toBe("Built on Base UI Button.");
-    expect(sentenceFor("preview-card")).toBe("Built on Base UI Preview Card.");
+describe("inline inheritance description", () => {
+  it("names direct Base UI imports", () => {
+    expect(sentenceFor("button")).toBe("Inherits Base UI Button.");
+    expect(sentenceFor("avatar")).toBe("Inherits Base UI Avatar.");
+    expect(sentenceFor("tabs")).toBe("Inherits Base UI Tabs.");
   });
-
-  it("says where an indirect part enters, rather than claiming none", () => {
-    expect(sentenceFor("icon-button")).toBe(
-      "No Base UI part of its own. Inherits Base UI Button through Buzz Button.",
-    );
+  it("names Buzz owners for indirect backing without duplicating them", () => {
+    expect(sentenceFor("composer")).toBe("Inherits Button.");
+    expect(sentenceFor("icon-button")).toBe("Inherits Button.");
+    expect(sentenceFor("inline-chip")).toBe("Inherits PreviewCard.");
   });
-
-  it("reads as one sentence when a component has both", () => {
+  it("combines both libraries in one sentence", () => {
     expect(sentenceFor("search-field")).toBe(
-      "Built on Base UI Field and Input. Also inherits Base UI Button through Buzz Button.",
+      "Inherits Base UI Field, Base UI Input and Button.",
     );
   });
-
-  it("says what a component is instead when it has no part at all", () => {
-    expect(sentenceFor("panel-header")).toBe(
-      "No Base UI part. Semantic native header.",
-    );
-    expect(sentenceFor("inline-chip")).toBe(
-      "No Base UI part of its own. Inherits Base UI Preview Card through Buzz PreviewCard.",
-    );
+  it("adds no absence commentary for native components", () => {
+    expect(sentenceFor("panel-header")).toBe("");
   });
-
-  it("gives every component a sentence that ends and never doubles a full stop", () => {
+  it("links Buzz components internally and Base UI externally", () => {
+    expect(baseUiBackingSentence("composer")).toContainEqual({
+      kind: "link",
+      value: "Button",
+      href: "/design/components/button",
+      external: false,
+    });
+    expect(baseUiBackingSentence("button")).toContainEqual({
+      kind: "link",
+      value: "Base UI Button",
+      href: "https://base-ui.com/react/components/button",
+      external: true,
+    });
+  });
+  it("keeps every nonempty note concise and punctuated", () => {
     for (const component of COMPONENTS) {
       const sentence = sentenceFor(component.slug);
-      expect(sentence, component.slug).not.toBe("");
-      expect(sentence.endsWith("."), component.slug).toBe(true);
-      expect(sentence, component.slug).not.toContain("..");
-      // A stray double space is the tell that a segment joined without its
-      // separator; the sentence is assembled from parts, so check it reads.
-      expect(sentence, component.slug).not.toContain("  ");
+      if (!sentence) continue;
+      expect(sentence.startsWith("Inherits ")).toBe(true);
+      expect(sentence.endsWith(".")).toBe(true);
+      expect(sentence).not.toContain("..");
+      expect(sentence).not.toContain("  ");
+      expect(sentence).not.toContain("through");
     }
   });
-
-  it("links every part it names", () => {
-    const segments = baseUiBackingSentence("search-field", "unused");
-    const linked = segments
-      .filter((segment) => segment.kind === "part")
-      .map((segment) => (segment.kind === "part" ? segment.part.name : ""));
-    expect(linked).toEqual(["Field", "Input", "Button"]);
-
-    expect(
-      baseUiBackingSentence("inline-chip", "unused")
-        .filter((segment) => segment.kind === "part")
-        .map((segment) => (segment.kind === "part" ? segment.part.name : "")),
-    ).toEqual(["Preview Card"]);
-  });
 });
diff --git a/desktop-new/src/features/design-system/ui/baseUiBackingSentence.ts b/desktop-new/src/features/design-system/ui/baseUiBackingSentence.ts
index 054e382ce5..81be9392bc 100644
--- a/desktop-new/src/features/design-system/ui/baseUiBackingSentence.ts
+++ b/desktop-new/src/features/design-system/ui/baseUiBackingSentence.ts
@@ -1,80 +1,53 @@
-import { type BaseUiPart, resolveBaseUiBacking } from "@/shared/ui/registry";
+import {
+  baseUiDocsUrl,
+  COMPONENTS,
+  resolveBaseUiBacking,
+} from "@/shared/ui/registry";
 
-/**
- * The sentence under a component's title, as segments rather than as markup.
- *
- * Split out from the component so the phrasing is testable without a DOM: the
- * component renders these segments and nothing else, so a test asserting the
- * flattened text is asserting what the page actually says. Building the string
- * and the markup separately would let the two drift, which is the failure this
- * shape exists to prevent.
- */
 export type SentenceSegment =
   | { kind: "text"; value: string }
-  | { kind: "part"; part: BaseUiPart };
+  | { kind: "link"; value: string; href: string; external: boolean };
 
-function text(value: string): SentenceSegment {
-  return { kind: "text", value };
-}
-
-function part(value: BaseUiPart): SentenceSegment {
-  return { kind: "part", part: value };
-}
-
-/** "Field and Input", "Field, Input and Button" — a readable list, not commas. */
-function partList(parts: readonly BaseUiPart[]): SentenceSegment[] {
-  return parts.flatMap((value, index) => {
-    if (index === 0) return [part(value)];
-    const separator = index === parts.length - 1 ? " and " : ", ";
-    return [text(separator), part(value)];
-  });
-}
-
-/**
- * Four answers, because there are four genuinely different situations:
- *
- *   own only        Built on Base UI Button.
- *   inherited only  No Base UI part of its own. Inherits Base UI Button
- *                   through Buzz Button.
- *   both            Built on Base UI Field and Input. Also inherits Base UI
- *                   Button through Buzz Button.
- *   neither         No Base UI part. Semantic native header.
- *
- * The last says what the component *is* rather than trailing off after the
- * dash — authoring its own markup is the decision, not a gap, and a sentence
- * that only reports an absence reads like something is missing.
- */
-export function baseUiBackingSentence(
-  slug: string,
-  behavior: string,
-): SentenceSegment[] {
+/** Direct Base UI imports link upstream; inherited backing links to its Buzz owner. */
+export function baseUiBackingSentence(slug: string): SentenceSegment[] {
   const { own, inherited } = resolveBaseUiBacking(slug);
-
-  if (own.length === 0 && inherited.length === 0) {
-    return [text(`No Base UI part. ${behavior}.`)];
-  }
-
-  const segments: SentenceSegment[] =
-    own.length > 0
-      ? [text("Built on Base UI "), ...partList(own), text(".")]
-      : [text("No Base UI part of its own.")];
-
+  const links: Extract<SentenceSegment, { kind: "link" }>[] = own.map(
+    (part) => ({
+      kind: "link",
+      value: `Base UI ${part.name}`,
+      href: baseUiDocsUrl(part),
+      external: true,
+    }),
+  );
+  const seen = new Set<string>();
   for (const entry of inherited) {
-    segments.push(
-      text(own.length > 0 ? " Also inherits Base UI " : " Inherits Base UI "),
-      part(entry.part),
-      text(` through Buzz ${entry.through}.`),
+    const component = COMPONENTS.find(
+      (candidate) => candidate.name === entry.through,
     );
+    if (!component || seen.has(component.slug)) continue;
+    seen.add(component.slug);
+    links.push({
+      kind: "link",
+      value: component.name,
+      href: `/design/components/${component.slug}`,
+      external: false,
+    });
   }
-
+  if (!links.length) return [];
+  const segments: SentenceSegment[] = [{ kind: "text", value: "Inherits " }];
+  links.forEach((link, index) => {
+    if (index)
+      segments.push({
+        kind: "text",
+        value: index === links.length - 1 ? " and " : ", ",
+      });
+    segments.push(link);
+  });
+  segments.push({ kind: "text", value: "." });
   return segments;
 }
 
-/** The sentence as plain text — what a reader sees, links flattened. */
+/** Plain text of the same segments used by the rendered description. */
 export function flattenSentence(segments: readonly SentenceSegment[]): string {
-  return segments
-    .map((segment) =>
-      segment.kind === "text" ? segment.value : segment.part.name,
-    )
-    .join("");
+  return segments.map((segment) => segment.value).join("");
 }
diff --git a/desktop-new/src/features/design-system/ui/componentSpecimens.tsx b/desktop-new/src/features/design-system/ui/componentSpecimens.tsx
index bdda696932..35810e0231 100644
--- a/desktop-new/src/features/design-system/ui/componentSpecimens.tsx
+++ b/desktop-new/src/features/design-system/ui/componentSpecimens.tsx
@@ -1,3 +1,12 @@
+import { FlexWorkspace } from "@/shared/ui/FlexWorkspace";
+import {
+  ConversationSpecimen,
+  AgentWorkSpecimen,
+  WorkStepSpecimen,
+  ConversationMessageSpecimen,
+  ConversationStateSpecimen,
+} from "./ConversationSpecimen";
+import { BentoSpecimen } from "./BentoSpecimen";
 import {
   IconDots,
   IconHash,
@@ -8,6 +17,9 @@ import {
 } from "@tabler/icons-react";
 import type { ReactNode } from "react";
 import { useState } from "react";
+import { Switch } from "@/shared/ui/Switch";
+import { Accordion } from "@/shared/ui/Accordion";
+import { Select } from "@/shared/ui/Select";
 import { Avatar } from "@/shared/ui/Avatar";
 import { InlineChip } from "@/shared/ui/InlineChip";
 import { Button } from "@/shared/ui/Button";
@@ -22,6 +34,7 @@ import { Tabs } from "@/shared/ui/Tabs";
 import { ComponentAnatomy } from "./ComponentAnatomy";
 import {
   ActivityRailSpecimen,
+  FormattingBarSpecimen,
   MessageComposerSpecimen,
 } from "./composerSpecimens";
 import { Panel } from "@/shared/ui/Panel";
@@ -255,6 +268,20 @@ function IconButtonSpecimen() {
               disabled
             />
           </Specimen>
+          {(["tint", "solid"] as const).map((variant) => (
+            <Specimen
+              key={variant}
+              prop={`variant="${variant}" shape="round" disabled`}
+            >
+              <IconButton
+                aria-label={`Disabled round ${variant}`}
+                icon={icons.add}
+                shape="round"
+                variant={variant}
+                disabled
+              />
+            </Specimen>
+          ))}
         </div>
       </SpecimenGroup>
     </div>
@@ -506,6 +533,23 @@ function ConversationHeaderSpecimen() {
           }
         />
       </SpecimenGroup>
+      <SpecimenGroup label="Narrow — full context and actions remain available">
+        <div className="w-full max-w-xs">
+          <ConversationHeader
+            title="Review the conversation hierarchy"
+            metadata="On this device"
+            context="From design"
+            actions={
+              <>
+                {people}
+                <Button variant="quiet" size="compact">
+                  Start session
+                </Button>
+              </>
+            }
+          />
+        </div>
+      </SpecimenGroup>
     </div>
   );
 }
@@ -812,7 +856,50 @@ function InlineChipSpecimen() {
   );
 }
 
+function SwitchSpecimen() {
+  const [checked, setChecked] = useState(false);
+  return (
+    <div className="component-specimen-stack">
+      <Switch
+        checked={checked}
+        onCheckedChange={setChecked}
+        label="Show agent activity"
+      />
+      <Switch checked label="Show agent activity" />
+      <Switch disabled label="Show agent activity" />
+    </div>
+  );
+}
+
+function SelectSpecimen() {
+  const [value, setValue] = useState("channel");
+  return (
+    <Select
+      label="Preview context"
+      value={value}
+      onValueChange={setValue}
+      groups={[
+        {
+          label: "Destination",
+          options: [
+            { value: "channel", label: "Channel" },
+            { value: "session", label: "Session" },
+            { value: "dm", label: "Direct message" },
+          ],
+        },
+      ]}
+    />
+  );
+}
+
 export const COMPONENT_SPECIMENS: Record<string, () => ReactNode> = {
+  "flex-workspace": FlexWorkspace,
+  conversation: ConversationSpecimen,
+  "conversation-message": ConversationMessageSpecimen,
+  "conversation-state": ConversationStateSpecimen,
+  "agent-work-area": AgentWorkSpecimen,
+  "work-step": WorkStepSpecimen,
+  workspace: BentoSpecimen,
   button: ButtonSpecimen,
   "icon-button": IconButtonSpecimen,
   avatar: AvatarSpecimen,
@@ -820,11 +907,39 @@ export const COMPONENT_SPECIMENS: Record<string, () => ReactNode> = {
   "inline-chip": InlineChipSpecimen,
   panel: PanelSpecimen,
   tabs: TabsSpecimen,
+  select: SelectSpecimen,
+  switch: SwitchSpecimen,
+  accordion: () => (
+    <Accordion
+      items={[
+        {
+          value: "purpose",
+          title: "When to use an accordion",
+          content: (
+            <p className="text-body">
+              Use a disclosure for supporting content that does not need to be
+              visible all the time.
+            </p>
+          ),
+        },
+        {
+          value: "behavior",
+          title: "Keyboard behavior",
+          content: (
+            <p className="text-body">
+              Focus a heading and press Enter or Space to expand it.
+            </p>
+          ),
+        },
+      ]}
+    />
+  ),
   "conversation-header": ConversationHeaderSpecimen,
   "panel-header": PanelHeaderSpecimen,
   "search-field": SearchFieldSpecimen,
   "navigation-section": NavigationSectionSpecimen,
   "navigation-item": NavigationItemSpecimen,
   composer: MessageComposerSpecimen,
+  "composer-formatting-bar": FormattingBarSpecimen,
   "activity-rail": ActivityRailSpecimen,
 };
diff --git a/desktop-new/src/features/design-system/ui/composerSpecimens.tsx b/desktop-new/src/features/design-system/ui/composerSpecimens.tsx
index 0c3c50f4b3..7ce1847407 100644
--- a/desktop-new/src/features/design-system/ui/composerSpecimens.tsx
+++ b/desktop-new/src/features/design-system/ui/composerSpecimens.tsx
@@ -1,7 +1,7 @@
+import { Switch } from "@/shared/ui/Switch";
 import { useState } from "react";
 
 import type { AgentTurn } from "@/features/agent-activity/types";
-import { AgentActivityRail } from "@/features/agent-activity/ui/AgentActivityRail";
 import { ConversationComposerDock } from "@/features/conversation/ui/ConversationComposerDock";
 import { MessageComposer } from "@/features/composer/ui/MessageComposer";
 
@@ -35,6 +35,7 @@ export function ComposerSpecimen({
   return (
     <div className="composer-page-specimen">
       <ConversationComposerDock
+        autoFocus={false}
         draft={draft}
         onDraftChange={setDraft}
         onSend={async () => undefined}
@@ -47,13 +48,39 @@ export function ComposerSpecimen({
 }
 
 export function ActivityRailSpecimen() {
-  return <AgentActivityRail turns={[WORKING_TURN]} />;
+  const [working, setWorking] = useState(true);
+  return (
+    <div className="component-specimen-stack">
+      <Switch
+        checked={working}
+        onCheckedChange={setWorking}
+        label="Show agent activity"
+      />
+      <ComposerSpecimen turns={working ? [WORKING_TURN] : []} />
+    </div>
+  );
 }
 
 export function MessageComposerSpecimen() {
   const [draft, setDraft] = useState("");
   return (
     <MessageComposer
+      autoFocus={false}
+      draft={draft}
+      onDraftChange={setDraft}
+      onSend={async () => undefined}
+      placeholder="Reply in this session"
+    />
+  );
+}
+
+/** The formatting bar is never useful alone: mount it through its real composer. */
+export function FormattingBarSpecimen() {
+  const [draft, setDraft] = useState("Select some text, then format it.");
+  return (
+    <MessageComposer
+      autoFocus={false}
+      defaultFormattingOpen
       draft={draft}
       onDraftChange={setDraft}
       onSend={async () => undefined}
diff --git a/desktop-new/src/features/design-system/ui/conversationFixtures.tsx b/desktop-new/src/features/design-system/ui/conversationFixtures.tsx
new file mode 100644
index 0000000000..935339ba3a
--- /dev/null
+++ b/desktop-new/src/features/design-system/ui/conversationFixtures.tsx
@@ -0,0 +1,134 @@
+import { useEffect } from "react";
+import { chipFaces } from "@/shared/chips/faceResolver";
+import { InlineChip } from "@/shared/ui/InlineChip";
+import type {
+  AgentWorkPresentation,
+  WorkStepPresentation,
+} from "@/features/agent-activity/ui/workPresentation";
+import type { ConversationMessagePresentation } from "@/features/conversation/ui/ConversationMessage";
+
+function ExampleMentions() {
+  useEffect(() => {
+    for (const name of ["Vogue", "Rivet"])
+      chipFaces.put(
+        { kind: "agent", id: `specimen-conversation-${name}` },
+        { label: name, loading: false, resolved: true },
+      );
+  }, []);
+  return (
+    <>
+      <InlineChip
+        address={{ kind: "agent", id: "specimen-conversation-Vogue" }}
+      />{" "}
+      <InlineChip
+        address={{ kind: "agent", id: "specimen-conversation-Rivet" }}
+      />
+    </>
+  );
+}
+
+export const SESSION_PROMPT: ConversationMessagePresentation = {
+  id: "prompt-1",
+  author: { name: "Morgan", fallback: "M", kind: "human" },
+  time: "6:21 PM",
+  dateTime: "2026-09-08T18:21:00-07:00",
+  content: (
+    <p>
+      <ExampleMentions /> Help me make the Session feel like a conversation. I
+      want to see you working together, without losing the thread.
+    </p>
+  ),
+};
+
+const step = (
+  id: string,
+  title: string,
+  kind: WorkStepPresentation["kind"] = "tool",
+  detail?: string,
+): WorkStepPresentation => ({ id, title, kind, status: "completed", detail });
+
+export const VOGUE_WORK: AgentWorkPresentation = {
+  id: "prompt-1:vogue:turn-1",
+  agent: { name: "Vogue", fallback: "V" },
+  status: "running",
+  statusLabel: "Working",
+  summary: "Reviewed the conversation",
+  earlierSteps: [
+    step("v-1", "Read the conversation brief"),
+    step("v-2", "Compared the current client"),
+  ],
+  visibleSteps: [
+    step("v-3", "The conversation should stay in the foreground.", "progress"),
+    step(
+      "v-4",
+      "Checked the message hierarchy",
+      "tool",
+      "Reviewed 6 message states.\nHuman and agent messages share the same reading rhythm.\nPrivate work stays secondary.",
+    ),
+    { ...step("v-5", "Refining how the work settles"), status: "running" },
+  ],
+};
+export const RIVET_WORK: AgentWorkPresentation = {
+  id: "prompt-1:rivet:turn-1",
+  agent: { name: "Rivet", fallback: "R" },
+  status: "running",
+  statusLabel: "Working",
+  summary: "Checked the handoff",
+  earlierSteps: [step("r-1", "Read the activity contract")],
+  visibleSteps: [
+    step("r-2", "Keep the two agents independent.", "thought"),
+    step(
+      "r-3",
+      "Checked the activity boundaries",
+      "tool",
+      "conversation → shared messages\nagent activity → private work\n\nNo new subscription or runtime state is needed for this specimen.",
+    ),
+    { ...step("r-4", "Checking the completion states"), status: "running" },
+  ],
+};
+
+export const VOGUE_REPLY: ConversationMessagePresentation = {
+  id: "vogue-answer",
+  author: { name: "Vogue", fallback: "V", kind: "agent" },
+  time: "6:22 PM",
+  dateTime: "2026-09-08T18:22:00-07:00",
+  content: (
+    <>
+      <p>
+        Let the conversation lead. Give each of us a small, steady place to
+        work, then let that work fold away when we’re done.
+      </p>
+      <ul>
+        <li>Your question stays above the work.</li>
+        <li>Each agent keeps its own place.</li>
+        <li>Our replies stay in the conversation.</li>
+      </ul>
+    </>
+  ),
+};
+export const RIVET_REPLY: ConversationMessagePresentation = {
+  id: "rivet-answer",
+  author: { name: "Rivet", fallback: "R", kind: "agent" },
+  time: "6:23 PM",
+  dateTime: "2026-09-08T18:23:00-07:00",
+  content: (
+    <p>
+      That separation works. The shared answer can arrive while another agent is
+      still working. Neither agent needs to move or disappear.
+    </p>
+  ),
+};
+
+export function completedWork(
+  work: AgentWorkPresentation,
+): AgentWorkPresentation {
+  return {
+    ...work,
+    status: "completed",
+    statusLabel: "Done",
+    visibleSteps: work.visibleSteps.map((item) => ({
+      ...item,
+      status: "completed",
+    })),
+  };
+}
diff --git a/desktop-new/src/features/design-system/ui/conversationSpecimens.css b/desktop-new/src/features/design-system/ui/conversationSpecimens.css
new file mode 100644
index 0000000000..4d21b0147c
--- /dev/null
+++ b/desktop-new/src/features/design-system/ui/conversationSpecimens.css
@@ -0,0 +1,43 @@
+@layer components {
+  .conversation-preview-controls {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: var(--space-3) var(--space-5);
+  }
+  .conversation-preview {
+    min-width: 0;
+    background: var(--bg-panel);
+    border: 1px solid var(--border-primary);
+    border-radius: var(--radius-panel);
+    overflow: clip;
+  }
+  .conversation-preview-transcript {
+    padding: var(--space-6);
+  }
+  .conversation-date {
+    margin: 0 0 var(--space-6);
+    text-align: center;
+  }
+  .conversation-preview-footer {
+    padding: var(--space-4) var(--space-6);
+    border-top: 1px solid var(--border-primary);
+  }
+  .conversation-preview-footer > p {
+    margin: var(--space-3) 0 0;
+  }
+  .conversation-preview-transcript > .conversation-message {
+    margin-top: var(--space-6);
+  }
+  .work-area-specimen {
+    padding-block: var(--space-4);
+  }
+  @media (max-width: 40rem) {
+    .conversation-preview-transcript {
+      padding: var(--space-4);
+    }
+    .conversation-preview-footer {
+      padding: var(--space-4);
+    }
+  }
+}
diff --git a/desktop-new/src/features/sessions/ui/SessionView.tsx b/desktop-new/src/features/sessions/ui/SessionView.tsx
index 2a619d076f..370840a050 100644
--- a/desktop-new/src/features/sessions/ui/SessionView.tsx
+++ b/desktop-new/src/features/sessions/ui/SessionView.tsx
@@ -195,7 +195,7 @@ export function SessionView({
       <ConversationComposerDock
         draft={draft}
         onDraftChange={onDraftChange}
-        onSend={send}
+        onSend={(content) => send(content)}
         placeholder="Reply in this session"
         turns={turns}
       />
diff --git a/desktop-new/src/main.tsx b/desktop-new/src/main.tsx
index f4a215aa83..20585a5c67 100644
--- a/desktop-new/src/main.tsx
+++ b/desktop-new/src/main.tsx
@@ -7,6 +7,10 @@ import "@fontsource/jetbrains-mono/400.css";
 import "./shared/styles/globals.css";
 import { routeTree } from "./app/routeTree.gen";
 import { useKeyboardFocusVisibility } from "./app/useKeyboardFocusVisibility";
+import { applyStoredColorScheme } from "./shared/theme/useColorScheme";
+
+// Before the first render, so a stored dark choice never shows a light frame.
+applyStoredColorScheme();
 
 const router = createRouter({ routeTree });
 
diff --git a/desktop-new/src/shared/styles/bento.css b/desktop-new/src/shared/styles/bento.css
new file mode 100644
index 0000000000..52eaf00fbc
--- /dev/null
+++ b/desktop-new/src/shared/styles/bento.css
@@ -0,0 +1,230 @@
+@layer components {
+  /* The workspace backdrop. Panels sit on the gradient — DESIGN.md § Surface and
+     depth — so the specimen supplies the real one rather than showing panels on
+     the documentation page's flat surface, where a panel's edge and shadow
+     cannot be judged. The dot texture matches the app shell. */
+  .bento-stage {
+    position: relative;
+    display: grid;
+    grid-template-rows: minmax(0, 1fr);
+    height: 42rem;
+    max-height: 80svh;
+    overflow: hidden;
+    border-radius: var(--radius-panel);
+    background: var(--bg-app);
+    padding: var(--space-workspace-inset);
+  }
+
+  .bento-stage::before {
+    position: absolute;
+    inset: 0;
+    background-image: radial-gradient(
+      var(--texture-dots-color) 1px,
+      transparent 1.2px
+    );
+    background-size: var(--texture-dots-size) var(--texture-dots-size);
+    content: "";
+    pointer-events: none;
+  }
+
+  .bento-layout {
+    min-width: 0;
+    min-height: 0;
+    height: 100%;
+  }
+
+  .bento-workspace {
+    /* `min-height: 0` so the grid cell can actually shrink it; without it the
+       dock's content floors its height and it overflows the stage. */
+    min-height: 0;
+    height: 100%;
+    /* Dockview's grid paints an opaque fill of its own — `white`, from the
+       vendor theme — behind every panel. On the backdrop that reads as a white
+       sheet covering the gradient, which is exactly what it is. The panels
+       supply their own surface, so the grid must supply none.
+
+       This is the same defect the app dock hit, and the reason it recurs is that
+       the variable is inherited: setting it once here covers the grid, the group,
+       and anything else the vendor points at it. */
+    --dv-group-view-background-color: transparent;
+    /* No separator either. A gutter of real air is the separation — a hairline
+       *and* a gap reads as a seam drawn on top of a seam. */
+    --dv-separator-border: transparent;
+  }
+
+  .bento-workspace .dv-grid-view,
+  .bento-workspace .dv-dockview,
+  .bento-workspace .dv-view-container,
+  .bento-workspace .dv-branch-node {
+    background: transparent;
+  }
+
+  /* The panel surface itself is Panel's — see `.panel` in components.css. */
+
+  /* The header row. `height: auto` because a tab strip can wrap above the
+     header, and the vendor's fixed height would clip it. */
+  .bento-workspace .dv-tabs-and-actions-container {
+    position: relative;
+    display: flex;
+    height: auto;
+    min-height: 0;
+    flex-wrap: wrap;
+    align-items: center;
+    border: 0;
+    background: transparent;
+  }
+
+  /* PanelHeader spans the row beneath any tabs, and owns its own inset — which
+     is why the header no longer sits jammed against the panel's top edge. */
+  .bento-workspace .dv-right-actions-container {
+    position: relative;
+    z-index: 1;
+    flex: 0 0 100%;
+    width: 100%;
+    min-width: 0;
+  }
+
+  .bento-workspace .dv-right-actions-container > div {
+    width: 100%;
+  }
+
+  /* ============================================================
+     Making the header the drag handle.
+
+     This is the whole reason the composition works, and it is worth stating
+     plainly because the obvious reading of this file is wrong.
+
+     Dockview attaches its *group* drag source to one element: the "void
+     container", the empty space in its tab bar. Our header renders in the
+     right-actions slot, which has **no drag source at all** — so dragging a
+     panel by its header did nothing. What worked was dragging a *tab*, which
+     has its own source. That is the "sometimes it works, sometimes it doesn't":
+     two visually similar targets, only one of them draggable.
+
+     So the void container is stretched to cover the whole header row and sits
+     *behind* the header, which lets go of pointer events except on its actual
+     controls. A press on the header's empty space or its title reaches the void
+     container underneath and starts a real dockview group drag; a press on a
+     button hits the button.
+
+     Why not forward synthetic events into the void container instead: a
+     synthesised pointer sequence is not the gesture the browser is tracking, so
+     it desynchronises from pointer capture the moment the real pointer leaves
+     the element. This keeps one gesture, owned by the vendor. */
+  /* Stretched across the header row, behind the header, so a press anywhere on
+     the header starts a real dockview group drag.
+
+     Bounded to the header, and this is the subtle part. Dockview finds a drop
+     target by hit-testing under the cursor, so any element of ours that covers
+     the panel *content* sits between the cursor and the content drop target and
+     swallows the drop: the panel lifts, the highlight appears, and nothing
+     happens on release. An earlier version of this rule used `inset: 0` against
+     a `position: relative` header whose height the tab strip could grow, so the
+     handle spilled 90px down over the content — which is why dropping was
+     finicky in exactly the cases that involved a stack.
+
+     `bottom: auto` with an explicit height keeps it in the header row whatever
+     the strip does. Toggling `pointer-events` mid-drag would also work, but it
+     depends on a flag arriving before the first hit-test; a handle that is never
+     in the way needs no timing at all. */
+  .bento-workspace .dv-void-container {
+    position: absolute;
+    z-index: 0;
+    top: 0;
+    right: 0;
+    bottom: auto;
+    left: 0;
+    height: var(--size-panel-header);
+    cursor: grab;
+  }
+
+  /* When a strip is present the header sits below it, so the handle follows. */
+  .bento-workspace .dv-tabs-and-actions-container:has(.dv-tab:nth-child(2))
+    .dv-void-container {
+    top: auto;
+    bottom: 0;
+  }
+
+  .bento-workspace .dv-right-actions-container,
+  .bento-workspace .dv-right-actions-container .panel-header {
+    pointer-events: none;
+    cursor: grab;
+  }
+
+  /* Every interactive descendant takes its events back. `:where()` keeps this at
+     zero specificity so a component's own cursor still wins. */
+  .bento-workspace .dv-right-actions-container
+    :where(button, a, input, textarea, select, [role="button"], [tabindex]) {
+    pointer-events: auto;
+    cursor: pointer;
+  }
+
+  .bento-workspace [data-bento-anchored] .dv-void-container,
+  .bento-workspace [data-bento-anchored] .panel-header {
+    cursor: default;
+  }
+
+  .bento-workspace .dv-tab {
+    cursor: grab;
+  }
+
+  /* The tab strip exists to *choose* a panel, so a group holding one panel has
+     nothing to choose between and hides it. Without this the panel's name
+     appears twice — once as a lone tab, once in the header below it — which is
+     the duplication this whole header model exists to remove.
+
+     Dockview always renders the tabs container, and there is no option to
+     suppress it per group, so the condition is expressed here: hidden unless a
+     second tab exists. */
+  .bento-workspace .dv-tabs-container {
+    min-width: 0;
+    padding: var(--space-1) var(--space-1) 0;
+    gap: var(--space-1);
+  }
+
+  .bento-workspace .dv-tabs-container:not(:has(> .dv-tab:nth-child(2))) {
+    display: none;
+  }
+
+  .bento-workspace .dv-tab {
+    height: var(--size-row);
+    align-items: center;
+    padding-inline: var(--space-control-inset);
+    border: 0;
+    border-radius: var(--radius-control);
+  }
+
+  .bento-workspace .dv-tab:hover:not(.dv-active-tab) {
+    background: var(--bg-hover);
+  }
+
+  .bento-workspace .dv-active-tab {
+    background: var(--bg-selected);
+  }
+
+  .bento-workspace .dv-active-tab .bento-tab-label {
+    color: var(--text-primary);
+  }
+
+  .bento-workspace .dv-content-container {
+    overflow: hidden;
+    /* Isolate the body so a drop overlay moving over a panel cannot force its
+       subtree to re-layout. */
+    contain: layout paint;
+  }
+
+  /* The drop target, in the product's language rather than the vendor's. */
+  .bento-dock-theme .dv-drop-target-anchor {
+    border: 1px solid var(--purple-8);
+    border-radius: var(--radius-panel);
+    background: var(--purple-3);
+    transition: none;
+  }
+
+  /* The overlay lives under Dockview's shell, outside `.bento-workspace`.
+     Theme-scoped rules reach it there. Direct manipulation has no easing. */
+  .bento-dock-theme .dv-drop-target-container,
+  .bento-dock-theme .dv-drop-target {
+    --dv-transition-duration: 0ms;
+  }
+}
diff --git a/desktop-new/src/shared/styles/components.css b/desktop-new/src/shared/styles/components.css
index dd9632d4d3..f4b4d6c08e 100644
--- a/desktop-new/src/shared/styles/components.css
+++ b/desktop-new/src/shared/styles/components.css
@@ -130,6 +130,20 @@
     @apply glass-primary-interactive;
   }
 
+  /* Disabled owns the foreground across icon variants, independently of source
+     order. Accent fills also yield to neutral so unavailability cannot look
+     like an available send/stop action. Shape never changes state semantics. */
+  .buzz-button[data-icon-variant][data-disabled] {
+    color: var(--text-disabled);
+  }
+
+  .buzz-button:is(
+    [data-icon-variant="tint"],
+    [data-icon-variant="solid"]
+  )[data-disabled] {
+    background: var(--neutral-3);
+  }
+
   /* A preview is supplemental context, never a second interactive surface.
      It is portal-rendered by Base UI so a clipped parent cannot hide it. */
   .buzz-preview-card {
@@ -209,7 +223,19 @@
   /* A panel is the default opaque reading surface over the atmospheric
      backdrop. Its border and threshold shadow arrive together: taking only
      bg-panel would lose the boundary that lets it sit above the gradient. */
-  .panel {
+  /* One set of declarations, two selectors.
+
+     A dockview group *is* a Panel — it is the movable, independently legible
+     surface on the backdrop — but dockview creates that element itself, so no
+     React component can wrap it in `<Panel>`. Adding its selector here is what
+     keeps Panel the single owner of the panel surface: restating the fill,
+     border, radius, and shadow in the workspace stylesheet would be a second
+     definition that drifts the first time one of them changes.
+
+     `:where()` keeps the vendor selector at zero specificity, so a Panel
+     variant can still override it without an escalation. */
+  .panel,
+  :where(.bento-workspace .dv-groupview) {
     width: 100%;
     height: 100%;
     min-width: 0;
@@ -403,6 +429,10 @@
     position: relative;
     display: flex;
     min-height: var(--size-panel-header);
+    width: 100%;
+    flex: 0 0 auto;
+    flex-wrap: wrap;
+    padding-block: var(--space-2);
     align-items: center;
     justify-content: space-between;
     gap: var(--space-4);
@@ -432,40 +462,26 @@
     gap: var(--space-row-gap);
   }
 
+  .panel-header-title {
+    flex: 1 1 auto;
+    overflow: hidden;
+  }
+
+  .panel-header-actions {
+    flex: 0 1 auto;
+    flex-wrap: wrap;
+    margin-inline-start: auto;
+  }
+
   .panel-header-title > h2 {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
   }
 
-  /* ConversationHeader identifies a message-bearing surface. Unlike PanelHeader,
-     it gives the title an optional status/context layer and reserves the end for
-     feature-owned conversation actions. */
-  .conversation-header {
-    position: relative;
-    display: flex;
-    width: 100%;
-    min-height: var(--size-panel-header);
-    align-items: center;
-    justify-content: space-between;
-    gap: var(--space-4);
-    padding: 0 var(--space-panel-inset);
-  }
-
-  .conversation-header::after {
-    position: absolute;
-    right: var(--space-panel-inset);
-    bottom: 0;
-    left: var(--space-panel-inset);
-    height: 1px;
-    background: var(--border-primary);
-    content: "";
-    pointer-events: none;
-  }
-
+  /* Conversation identity composes PanelHeader; only its inner content lives here. */
   .conversation-header-identity,
-  .conversation-header-title-row,
-  .conversation-header-actions {
+  .conversation-header-title-row {
     display: flex;
     min-width: 0;
     align-items: center;
@@ -487,6 +503,7 @@
   }
 
   .conversation-header-title-row {
+    flex-wrap: wrap;
     gap: var(--space-1);
   }
 
@@ -506,23 +523,6 @@
     margin-top: var(--space-1);
   }
 
-  .conversation-header-actions {
-    flex: 0 0 auto;
-    gap: var(--space-1);
-  }
-
-  @media (max-width: 48rem) {
-    .conversation-header {
-      min-height: auto;
-      align-items: start;
-      padding-block: var(--space-2);
-    }
-
-    .conversation-header-actions {
-      padding-top: 0.125rem;
-    }
-  }
-
   .search-field {
     display: flex;
     width: 100%;
@@ -669,3 +669,182 @@
     }
   }
 }
+
+@layer components {
+  .buzz-select {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: var(--space-2);
+    color: var(--text-secondary);
+  }
+  .buzz-select-popup {
+    min-width: var(--anchor-width);
+    max-width: calc(100vw - var(--space-6));
+    max-height: var(--available-height);
+    overflow-y: auto;
+    padding: var(--space-1);
+    border: 1px solid var(--border-primary);
+    border-radius: var(--radius-control);
+    background: var(--bg-float);
+    color: var(--text-primary);
+    box-shadow: var(--shadow-sm);
+    z-index: 1000;
+  }
+  .buzz-select-group-label {
+    padding: var(--space-2) var(--space-3) var(--space-1);
+  }
+  .buzz-select-option {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--space-4);
+    padding: var(--space-2) var(--space-3);
+    border-radius: var(--radius-control);
+    cursor: default;
+  }
+  .buzz-select-option[data-highlighted] {
+    background: var(--neutral-4);
+    outline: none;
+  }
+  .buzz-select-option[data-selected] {
+    color: var(--text-primary);
+  }
+}
+
+@layer components {
+  .buzz-accordion {
+    min-width: 0;
+    margin-block: var(--space-4);
+  }
+  .buzz-accordion-heading {
+    margin: 0;
+  }
+  .buzz-accordion-trigger {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--space-3);
+    width: 100%;
+    border: 0;
+    border-radius: var(--radius-row);
+    padding: var(--space-2);
+    background: transparent;
+    color: var(--text-primary);
+    text-align: start;
+    cursor: pointer;
+  }
+  .buzz-accordion:not([data-variant="activity"]) .buzz-accordion-trigger:hover {
+    background: var(--neutral-3);
+  }
+  .buzz-accordion-trigger:focus-visible {
+    outline: 2px solid var(--purple-8);
+    outline-offset: 2px;
+  }
+  .buzz-accordion-trigger[aria-expanded="true"] > svg {
+    transform: rotate(180deg);
+  }
+  .buzz-accordion-panel {
+    padding: var(--space-2);
+  }
+  .buzz-accordion[data-variant="navigation"] {
+    margin: 0;
+  }
+  .buzz-accordion[data-variant="navigation"] .buzz-accordion-trigger {
+    padding: var(--space-1) var(--space-2);
+  }
+  .buzz-accordion[data-variant="navigation"] .buzz-accordion-panel {
+    padding: var(--space-1) 0 var(--space-1) var(--space-4);
+  }
+}
+
+@layer components {
+  .buzz-switch {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--space-3);
+    color: var(--text-primary);
+    cursor: pointer;
+  }
+  .buzz-switch-control {
+    display: inline-flex;
+    width: 2.25rem;
+    height: 1.25rem;
+    align-items: center;
+    padding: 0.125rem;
+    border: 1px solid var(--border-primary);
+    border-radius: var(--radius-pill);
+    background: var(--neutral-4);
+    cursor: pointer;
+    transition:
+      background-color var(--duration-state) var(--easing-state),
+      border-color var(--duration-state) var(--easing-state);
+  }
+  .buzz-switch-control[data-checked] {
+    border-color: var(--purple-8);
+    background: var(--purple-8);
+  }
+  .buzz-switch-thumb {
+    display: block;
+    width: 0.875rem;
+    height: 0.875rem;
+    border-radius: var(--radius-pill);
+    background: var(--bg-panel);
+    box-shadow: var(--shadow-xs);
+    transform: translateX(0);
+    transition: transform var(--duration-settle) var(--easing-settle);
+  }
+  .buzz-switch-control[data-checked] .buzz-switch-thumb {
+    transform: translateX(1rem);
+  }
+  .buzz-switch-control[data-disabled] {
+    cursor: not-allowed;
+    background: var(--neutral-3);
+  }
+  .buzz-switch-control[data-disabled] .buzz-switch-thumb {
+    background: var(--neutral-5);
+    box-shadow: none;
+  }
+  .buzz-switch:has(.buzz-switch-control[data-disabled]) {
+    color: var(--text-disabled);
+    cursor: not-allowed;
+  }
+  html[data-keyboard-navigation] .buzz-switch-control:focus-visible {
+    outline: 2px solid var(--purple-8);
+    outline-offset: 2px;
+  }
+}
+
+@layer components {
+  .buzz-accordion[data-variant="activity"] {
+    margin: 0;
+  }
+  .buzz-accordion[data-variant="activity"] .buzz-accordion-trigger {
+    justify-content: flex-start;
+    padding: var(--space-2) 0;
+    color: var(--text-secondary);
+    overflow-wrap: anywhere;
+  }
+  .buzz-accordion[data-variant="activity"] .buzz-accordion-trigger > svg {
+    flex-shrink: 0;
+  }
+  .buzz-accordion[data-variant="activity"] .buzz-accordion-panel {
+    padding: 0;
+    height: var(--accordion-panel-height);
+    overflow: clip;
+    transition: height var(--duration-settle) var(--easing-settle);
+  }
+  .buzz-accordion[data-variant="activity"]
+    .buzz-accordion-panel:is([data-starting-style], [data-ending-style]) {
+    height: 0;
+  }
+  .buzz-accordion[data-variant="activity"] .buzz-accordion-trigger > svg {
+    transition: transform var(--duration-settle) var(--easing-settle);
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .buzz-accordion[data-variant="activity"] .buzz-accordion-panel,
+    .buzz-accordion[data-variant="activity"] .buzz-accordion-trigger > svg {
+      transition: none;
+    }
+  }
+}
diff --git a/desktop-new/src/shared/styles/design-components.css b/desktop-new/src/shared/styles/design-components.css
index 0410e34696..1892111eab 100644
--- a/desktop-new/src/shared/styles/design-components.css
+++ b/desktop-new/src/shared/styles/design-components.css
@@ -295,3 +295,20 @@
     }
   }
 }
+
+@layer components {
+  .composer-playground-stage {
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-end;
+    min-width: 0;
+    height: min(24rem, 65vh);
+    padding: var(--space-4);
+    background: var(--bg-panel);
+    border: 1px solid var(--border-primary);
+    border-radius: var(--radius-panel);
+  }
+  .composer-playground-stage > .message-composer {
+    flex: 0 0 auto;
+  }
+}
diff --git a/desktop-new/src/shared/styles/flex-workspace.css b/desktop-new/src/shared/styles/flex-workspace.css
new file mode 100644
index 0000000000..d921834262
--- /dev/null
+++ b/desktop-new/src/shared/styles/flex-workspace.css
@@ -0,0 +1,82 @@
+/* Preserve the library's layout selectors and pointer behavior. Appearance is
+   supplied through its documented theme variables, scoped to this comparison. */
+@import "flexlayout-react/style/rounded.css" layer(flex-vendor);
+
+@layer components {
+  .flex-workspace-comparison {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-section-gap);
+    --flexlayout-font-family: var(--font-sans);
+    --flexlayout-font-size: var(--text-body);
+    --flexlayout-font-weight: 400;
+    --flexlayout-tab-button-radius: var(--radius-control);
+    --flexlayout-border-button-radius: var(--radius-control);
+    --flexlayout-color-text: var(--text-primary);
+    --flexlayout-color-background: transparent;
+    --flexlayout-color-base: var(--bg-panel);
+    --flexlayout-color-1: var(--neutral-2);
+    --flexlayout-color-2: var(--neutral-3);
+    --flexlayout-color-3: var(--neutral-4);
+    --flexlayout-color-4: var(--neutral-5);
+    --flexlayout-color-5: var(--neutral-6);
+    --flexlayout-color-6: var(--neutral-7);
+    --flexlayout-color-tabset-background: var(--bg-panel);
+    --flexlayout-color-tabset-background-selected: var(--bg-panel);
+    --flexlayout-color-tabset-background-maximized: var(--bg-panel);
+    --flexlayout-color-tabset-divider-line: var(--border-primary);
+    --flexlayout-color-tab-content: var(--bg-panel);
+    --flexlayout-color-tab-selected: var(--text-primary);
+    --flexlayout-color-tab-selected-background: var(--neutral-3);
+    --flexlayout-color-tab-unselected: var(--text-secondary);
+    --flexlayout-color-tab-unselected-background: transparent;
+    --flexlayout-color-icon: var(--text-secondary);
+    --flexlayout-color-overflow: var(--text-secondary);
+    --flexlayout-color-focus: var(--purple-8);
+    --flexlayout-color-splitter: transparent;
+    --flexlayout-color-splitter-hover: var(--neutral-4);
+    --flexlayout-color-splitter-drag: var(--purple-8);
+    --flexlayout-color-splitter-handle: var(--border-primary);
+    --flexlayout-color-toolbar-button-hover: var(--neutral-3);
+    --flexlayout-color-drag1: var(--purple-8);
+    --flexlayout-color-drag2: var(--purple-8);
+    --flexlayout-color-drag1-background: var(--purple-3);
+    --flexlayout-color-drag2-background: var(--purple-3);
+    --flexlayout-color-drag-rect-border: var(--border-primary);
+    --flexlayout-color-drag-rect-background: var(--bg-panel);
+    --flexlayout-color-drag-rect: var(--text-primary);
+    --flexlayout-color-edge-marker: var(--purple-3);
+    --flexlayout-color-edge-icon: var(--purple-11);
+    --flexlayout-color-popup-border: var(--border-primary);
+    --flexlayout-color-popup-unselected: var(--text-secondary);
+    --flexlayout-color-popup-unselected-background: var(--bg-panel);
+    --flexlayout-color-popup-selected: var(--text-primary);
+    --flexlayout-color-popup-selected-background: var(--neutral-3);
+  }
+
+  .flex-workspace-intro {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: var(--space-section-gap);
+  }
+
+  .flex-workspace-intro p {
+    flex: 1 1 20rem;
+  }
+
+  .flex-workspace-stage {
+    display: grid;
+    height: min(42rem, 75svh);
+    min-height: 24rem;
+    padding: var(--space-workspace-inset);
+    background: var(--bg-app);
+    border-radius: var(--radius-panel);
+  }
+
+  .flex-workspace-host {
+    position: relative;
+    min-width: 0;
+    min-height: 0;
+  }
+}
diff --git a/desktop-new/src/shared/styles/globals.css b/desktop-new/src/shared/styles/globals.css
index bbc105a247..284571d183 100644
--- a/desktop-new/src/shared/styles/globals.css
+++ b/desktop-new/src/shared/styles/globals.css
@@ -1,3 +1,21 @@
+/* Vendor stylesheets go in a layer, and it is declared before Tailwind's so it
+   loses to everything we author.
+
+   `DockWorkspace` imports `dockview.css` from JS, which arrives **unlayered** —
+   and unlayered CSS beats every layered rule regardless of selector
+   specificity. Our dock styling lives in `@layer components`, so it silently
+   lost: the resize seam kept dockview's 4px instead of our widened hit target,
+   and the sash cursor was the vendor's. Nothing looked broken enough to notice,
+   which is what made it survive — the seam simply stayed hard to grab.
+
+   Declaring the layer is not enough on its own — a rule only joins a layer at
+   the point it is imported. So the vendor sheet is imported *here*, with
+   `layer(vendor)`, instead of from `DockWorkspace`: this file is where layer
+   order is decided, and an unlayered `import "…dockview.css"` in a component
+   would quietly reintroduce the same defeat. */
+@layer vendor, theme, base, flex-vendor, components, utilities;
+
+@import "dockview-react/dist/styles/dockview.css" layer(vendor);
 @import "tailwindcss";
 @import "./tokens.css";
 @import "./typography.css";
@@ -6,6 +24,7 @@
 @import "./design-components.css";
 @import "./product.css";
 @import "./agents.css";
+@import "./bento.css";
 
 @layer base {
   /* Pointer focus has a caret or pressed control to make its destination clear.
diff --git a/desktop-new/src/shared/styles/product.css b/desktop-new/src/shared/styles/product.css
index 31e01727de..fde06b1b20 100644
--- a/desktop-new/src/shared/styles/product.css
+++ b/desktop-new/src/shared/styles/product.css
@@ -99,17 +99,11 @@
   .buzz-dockview {
     --dv-background-color: transparent;
     --dv-tabs-and-actions-container-background-color: transparent;
-    /* Dockview's own theme sets this to a literal `white`, and `DockWorkspace`
-       passes `themeLight` in both colour schemes — so in dark mode the vendor
-       painted an opaque white sheet *behind* our glass, and the 52% dark fill
-       over it composited to flat grey. The panels' redundant second
-       fill had been hiding it: two stacked fills reached 0.77 alpha, opaque
-       enough that the white underneath barely showed. Removing the redundancy
-       revealed a bug that had been there since the dock landed.
-
-       Reset here rather than swapping the JS theme, because every dockview
-       surface this variable feeds is already overridden to transparent below —
-       the variable was the one leak. */
+    /* Dockview's own theme sets this to a literal `white`. `DockWorkspace` now
+       passes a per-mode theme (`dockTheme`), so the vendor no longer paints an
+       opaque white sheet behind our glass in dark mode — but every dockview
+       surface this variable feeds is overridden to transparent below anyway, so
+       resetting it here keeps the leak closed regardless of vendor theme. */
     --dv-group-view-background-color: transparent;
     --dv-tab-active-background-color: var(--bg-chrome-selected);
     --dv-tab-active-color: var(--text-primary);
@@ -128,9 +122,10 @@
     background: transparent;
   }
 
-  .buzz-dockview .dv-groupview {
-    padding: 0.25rem;
-  }
+  /* No padding. The air between panels is the theme's `gap`, which dockview
+     applies as a splitview margin — so the gutter is real layout with the
+     resize seam inside it, rather than inset padding that only looked like a
+     gutter and left nothing to grab. */
 
   .buzz-dockview .dv-tabs-and-actions-container {
     min-height: 1.875rem;
@@ -160,31 +155,133 @@
     overflow: hidden;
   }
 
+  /* The resize seam. Dockview gives the sash 4px and positions it — in JS, as
+     an inline offset — so that its 4px is centred on the boundary. Our hit
+     target is wider than that, and wider than the gutter, so growing it must be
+     paid for on both sides: the offset is half the growth, measured from
+     dockview's own width rather than from the gutter. Measured against the
+     gutter it lands 2px off centre, which is the kind of thing that reads as
+     sloppy without being obviously wrong.
+
+     `--dv-sash-size` is not a dockview variable — the vendor writes 4px
+     literally, so this names the number we are compensating for instead of
+     burying it inside an expression.
+
+     A transparent handle costs nothing on screen, and the width is what makes
+     the seam findable: there is no visible divider to aim at, unlike a zero-gap
+     dock where the border itself is the target.
+
+     Dockview sets the axis cursor per orientation (`ew-resize` / `ns-resize`),
+     so this must not restate one — the previous hardcoded `col-resize` was
+     wrong on every horizontal seam, and never applied anyway. */
   .buzz-dockview .dv-sash {
-    width: var(--space-2);
+    --dv-sash-size: 4px;
+
     background: transparent;
-    cursor: col-resize;
   }
 
-  .buzz-dockview .dv-sash:hover {
+  .buzz-dockview .dv-horizontal > .dv-sash-container > .dv-sash {
+    width: var(--size-resize-seam);
+    margin-left: calc((var(--dv-sash-size) - var(--size-resize-seam)) / 2);
+  }
+
+  .buzz-dockview .dv-vertical > .dv-sash-container > .dv-sash {
+    height: var(--size-resize-seam);
+    margin-top: calc((var(--dv-sash-size) - var(--size-resize-seam)) / 2);
+  }
+
+  /* A hairline in the gutter on hover, centred in the seam rather than filling
+     it — the handle is deliberately wider than the line it shows. */
+  .buzz-dockview .dv-sash::after {
+    position: absolute;
     background: var(--border-primary);
+    content: "";
+    opacity: 0;
+    transition: opacity var(--duration-state);
   }
 
+  .buzz-dockview .dv-sash:hover::after,
+  .buzz-dockview .dv-sash:active::after {
+    opacity: 1;
+  }
+
+  .buzz-dockview .dv-horizontal > .dv-sash-container > .dv-sash::after {
+    top: 0;
+    bottom: 0;
+    left: calc(50% - 0.5px);
+    width: 1px;
+  }
+
+  .buzz-dockview .dv-vertical > .dv-sash-container > .dv-sash::after {
+    top: calc(50% - 0.5px);
+    right: 0;
+    left: 0;
+    height: 1px;
+  }
+
+  /* ============================================================
+     Dragging a panel.
+
+     Two costs to hold down, both from this app's own surfaces rather than from
+     dockview. Neither is a micro-optimisation: each one is a whole-screen
+     repaint per frame, and DESIGN.md § Motion already rules out the same cost
+     when it arrives as an animated blur.
+
+     1. Every panel is `backdrop-filter`. While a ghost and an overlay move
+        across the screen, each frame can force every blurred surface to
+        re-composite. During a drag the blur is dropped and the fill is made
+        opaque: `bg-panel` is what the blur was approximating anyway, so the
+        panels hold their place while the cost goes away. It returns on drop.
+     2. Panel content is isolated with `contain`, so a drop overlay resizing
+        over a panel cannot force that panel's subtree to re-layout. */
+  .buzz-dockview .dv-content-container {
+    contain: layout paint;
+  }
+
+  .buzz-dockview[data-dragging] .panel {
+    backdrop-filter: none;
+    background: var(--bg-panel);
+  }
+
+  /* A drag must not select the text it passes over — DESIGN.md § Motion. */
+  .buzz-dockview[data-dragging],
   .buzz-dockview:has(.dv-tab.dv-tab-dragging) {
     user-select: none;
   }
 
+  /* The drop target. Dockview mounts this on the component root (the theme's
+     `dndOverlayMounting: 'absolute'`), so it can span the gutter. It states
+     where the panel will land, so it takes the panel's own silhouette rather
+     than a vendor rectangle. */
+  .buzz-dockview .dv-drop-target-anchor {
+    border: 1px solid var(--purple-8);
+    border-radius: var(--radius-panel);
+    background: var(--purple-3);
+  }
+
+  /* The overlay moves between drop zones as the cursor crosses them, and
+     dockview's own duration for that is 300ms when the overlay is mounted on
+     the component root. That is slow enough that the target visibly trails the
+     pointer — the exact reading of lag, from a transition rather than from work
+     per frame. The overlay is not direct manipulation (it snaps between
+     discrete zones, so easing carries the information that it moved), but it
+     has to keep up: `duration-fast` is the shortest step we have. */
+  .buzz-dockview .dv-drop-target-container,
+  .buzz-dockview .dv-drop-target {
+    --dv-transition-duration: var(--duration-fast);
+  }
+
   /* No background. These fill `.dv-content-container` edge to edge — measured at
      610x551 inside 612x553, the two pixels being its border — and that container
      is already primary glass.
-     
+
      They each set the same `glass-2` fill with no blur of their own, so the two
      identical translucent layers composited: 0.52 over 0.52 is **0.77**, landing
      between glass-4 and glass-5. The panels read as nearly solid, which is why
      the backdrop barely showed through a surface that was supposed to be the
      most translucent one in the system. Nothing declared 0.77 and no token holds
      it — it was the arithmetic of a redundant fill.
-     
+
      A region that exactly covers a glass surface does not need its own. If one
      of these later needs to sit apart from its container, it takes a whole
      material rather than a bare fill. */
@@ -376,26 +473,23 @@
     white-space: pre-wrap;
   }
 
-  /* The bottom dock owns the reserved workspace, not Composer. Its top edge
-     stays put; agent activity consumes room from the dock's lower edge, so the
-     composer shortens from below rather than jumping upward. */
+  /* Content grows the dock. Activity occupies a permanently reserved row and
+     never changes the space taken from the conversation. */
   .conversation-composer-dock {
     display: grid;
     flex: 0 0 auto;
-    height: 7.75rem;
-    grid-template-rows: minmax(0, 1fr) auto;
+    grid-template-rows: auto auto;
+    min-width: 0;
     gap: var(--space-1);
     padding: 0 1.5rem 1.5rem;
     background: var(--bg-panel);
   }
 
-  .conversation-composer-dock[data-activity] {
-    height: 9.375rem;
+  .conversation-composer-activity-slot {
+    min-width: 0;
+    min-height: 1lh;
   }
 
-  /* Activity is an auto-sized grid row, not an estimated absolute rail. Its
-     arrival takes room from the Composer's bottom edge while grid keeps the
-     Composer's top edge fixed. The 4px grid gap is the only separation. */
   .agent-activity-rail {
     display: flex;
     width: min(100%, 47rem);
@@ -453,17 +547,16 @@
     display: grid;
     box-sizing: border-box;
     width: min(100%, 47rem);
-    height: 100%;
     min-height: 0;
-    grid-template-rows: minmax(0, 1fr) auto;
+    grid-template-rows: auto auto;
+    grid-template-columns: minmax(0, 1fr);
     gap: var(--space-1);
-    margin: auto;
+    margin: 0 auto;
     border: 1px solid var(--border-primary);
     border-radius: var(--radius-control);
     padding: var(--space-2) var(--space-3);
     background: var(--bg-panel);
     transition:
-      height var(--duration-settle) var(--easing-settle),
       border-color var(--duration-state) var(--easing-state),
       box-shadow var(--duration-state) var(--easing-state);
   }
@@ -481,35 +574,42 @@
     min-height: 0;
   }
 
-  .message-composer textarea {
-    display: block;
+  .message-composer-editor {
     box-sizing: border-box;
     width: 100%;
-    height: 100%;
-    max-height: 10rem;
     min-height: 1.5lh;
+    max-height: min(10rem, 30vh);
     overflow-y: auto;
-    resize: none;
-    border: 0;
-    outline: 0;
     padding: 0.375rem 0;
-    background: transparent;
+    outline: 0;
     color: var(--text-primary);
-    font: inherit;
   }
 
-  html[data-keyboard-navigation] .message-composer textarea:focus-visible {
+  .message-composer-editor p {
+    margin: 0;
+  }
+  .message-composer-editor p + p {
+    margin-top: var(--space-1);
+  }
+  .message-composer-editor ul,
+  .message-composer-editor ol,
+  .message-composer-editor blockquote {
+    margin: 0;
+    padding-inline-start: var(--space-5);
+  }
+  .message-composer-editor blockquote {
+    border-inline-start: 2px solid var(--border-primary);
+  }
+  html[data-keyboard-navigation] .message-composer-editor.ProseMirror-focused {
     outline: 2px solid var(--purple-8);
     outline-offset: 2px;
   }
-
-  .message-composer textarea::placeholder {
+  .message-composer-editor p.is-editor-empty:first-child::before {
     color: var(--text-tertiary);
-  }
-
-  .message-composer textarea:disabled {
-    color: var(--text-disabled);
-    cursor: not-allowed;
+    content: attr(data-placeholder);
+    float: left;
+    height: 0;
+    pointer-events: none;
   }
 
   .message-composer-feedback {
@@ -532,97 +632,215 @@
     gap: var(--space-1);
   }
 
-  .composer-emoji-picker {
-    z-index: 1000;
-    width: 15rem;
-    border: 1px solid var(--border-primary);
-    border-radius: var(--radius-control);
-    padding: var(--space-2);
-    background: var(--bg-float);
-    box-shadow: var(--shadow-sm);
-    transform-origin: var(--transform-origin);
-    transition:
-      opacity var(--duration-state) var(--easing-state),
-      transform var(--duration-state) var(--easing-state);
+  .message-composer-actions-end {
+    flex-shrink: 0;
   }
 
-  .composer-emoji-picker[data-starting-style],
-  .composer-emoji-picker[data-ending-style] {
-    opacity: 0;
-    transform: scale(0.98);
-  }
-
-  .composer-emoji-grid {
+  .composer-toolbar-presence {
     display: grid;
-    grid-template-columns: repeat(5, 1fr);
-    gap: var(--space-1);
-  }
-
-  .composer-emoji-grid .buzz-button {
-    padding: 0;
-  }
-
-  .icon-button,
-  .quiet-button,
-  .primary-button {
-    border: 0;
-    font: inherit;
-    cursor: pointer;
-  }
-
-  .icon-button {
-    display: grid;
-    width: 2.25rem;
-    height: 2.25rem;
-    place-items: center;
-    border-radius: 0.75rem;
-    background: var(--neutral-11);
-    color: var(--neutral-1);
-  }
-
-  .quiet-button,
-  .primary-button {
-    min-height: 2.25rem;
-    border-radius: 0.75rem;
-    padding: 0 0.875rem;
-  }
-
-  .quiet-button {
-    background: var(--neutral-2);
-    color: var(--text-primary);
-  }
-
-  .primary-button {
-    background: var(--neutral-11);
-    color: var(--neutral-1);
-  }
-
-  .new-session-center {
-    display: flex;
-    width: min(100%, 47rem);
-    flex: 1;
+    min-width: 0;
     align-items: center;
-    justify-content: center;
-    flex-direction: column;
-    gap: 0.75rem;
-    margin: auto;
-    padding: 2rem;
-    text-align: center;
   }
 
-  .activity-block {
-    margin: 0.5rem 0 0.75rem 2.625rem;
-    border-radius: 0.875rem;
-    padding: 0.75rem;
-    background: var(--neutral-2);
+  .composer-toolbar-presence > * {
+    grid-area: 1 / 1;
   }
 
+  .composer-toolbar-enter {
+    animation: composer-toolbar-enter var(--duration-settle)
+      var(--easing-settle) both;
+  }
+  .composer-toolbar-exit {
+    animation: composer-toolbar-exit var(--duration-settle) var(--easing-settle)
+      both;
+  }
+
+  @keyframes composer-toolbar-enter {
+    from {
+      opacity: 0;
+      transform: translateX(-0.5rem) scale(0.96);
+    }
+    to {
+      opacity: 1;
+      transform: translateX(0) scale(1);
+    }
+  }
+  @keyframes composer-toolbar-exit {
+    from {
+      opacity: 1;
+      transform: translateX(0) scale(1);
+    }
+    to {
+      opacity: 0;
+      transform: translateX(0.5rem) scale(0.96);
+    }
+  }
   @media (prefers-reduced-motion: reduce) {
-    .buzz-shimmer-text::after {
-      display: none;
+    .composer-toolbar-enter,
+    .composer-toolbar-exit {
+      animation: none;
     }
   }
 
+  .composer-formatting-bar {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    display: flex;
+    min-width: 0;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: var(--space-1);
+  }
+
+  .composer-formatting-divider {
+    align-self: stretch;
+    border-inline-start: 1px solid var(--border-primary);
+    margin-block: var(--space-2);
+  }
+
+  .composer-expression-picker {
+    width: min(22rem, calc(100vw - var(--space-6)));
+    max-height: min(32rem, var(--available-height));
+    overflow: auto;
+    border: 1px solid var(--border-primary);
+    border-radius: var(--radius-control);
+    background: var(--bg-float);
+    box-shadow: var(--shadow-sm);
+    transform-origin: var(--transform-origin);
+  }
+  .composer-expression-picker .buzz-tabs {
+    padding: var(--space-2) var(--space-3) 0;
+  }
+  .composer-emoji-content,
+  .composer-gif-content {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-3);
+    padding: var(--space-3);
+  }
+  .composer-emoji-content section {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-1);
+  }
+  .composer-emoji-content h3 {
+    margin: 0;
+  }
+  .composer-expression-search {
+    display: flex;
+    align-items: center;
+    gap: var(--space-2);
+    border: 1px solid var(--border-primary);
+    border-radius: var(--radius-control);
+    padding-inline: var(--space-2);
+    color: var(--text-secondary);
+  }
+  .composer-expression-search input {
+    min-width: 0;
+    height: var(--size-control);
+    flex: 1;
+    border: 0;
+    outline: 0;
+    background: transparent;
+    color: var(--text-primary);
+    font: inherit;
+  }
+  .composer-emoji-categories {
+    display: flex;
+    align-items: center;
+    gap: var(--space-1);
+    overflow-x: auto;
+    padding-bottom: var(--space-1);
+  }
+  .composer-emoji-categories button {
+    display: grid;
+    width: var(--size-control);
+    height: var(--size-control);
+    flex: 0 0 auto;
+    place-items: center;
+    border: 0;
+    border-radius: var(--radius-row);
+    background: transparent;
+    color: var(--text-secondary);
+    font: inherit;
+    cursor: pointer;
+  }
+  .composer-emoji-categories button:hover,
+  .composer-emoji-categories button[aria-selected="true"] {
+    background: var(--neutral-3);
+    color: var(--text-primary);
+  }
+  .composer-emoji-grid {
+    display: grid;
+    grid-template-columns: repeat(8, minmax(0, 1fr));
+    gap: var(--space-1);
+  }
+  .composer-emoji-choice {
+    display: grid;
+    min-width: 0;
+    min-height: 2rem;
+    place-items: center;
+    border: 0;
+    border-radius: var(--radius-row);
+    background: transparent;
+    color: var(--text-primary);
+    cursor: pointer;
+    font: inherit;
+  }
+  .composer-emoji-choice:hover {
+    background: var(--neutral-3);
+  }
+  .composer-emoji-choice img {
+    width: 1.25rem;
+    height: 1.25rem;
+    object-fit: contain;
+  }
+  .composer-emoji-preview {
+    display: flex;
+    min-height: 3.5rem;
+    align-items: center;
+    gap: var(--space-3);
+    border-top: 1px solid var(--border-primary);
+    padding-top: var(--space-3);
+  }
+  .composer-emoji-preview img,
+  .composer-emoji-preview-glyph {
+    width: var(--text-body-lg);
+    height: var(--text-body-lg);
+    flex: 0 0 auto;
+    object-fit: contain;
+    @apply text-body-lg;
+    line-height: 1;
+  }
+  .composer-emoji-preview-glyph {
+    display: grid;
+    place-items: center;
+  }
+  .composer-emoji-preview div {
+    display: flex;
+    min-width: 0;
+    flex-direction: column;
+  }
+  .composer-gif-grid {
+    columns: 2;
+    column-gap: var(--space-1);
+  }
+  .composer-gif-grid button {
+    display: block;
+    width: 100%;
+    break-inside: avoid;
+    margin-bottom: var(--space-1);
+    overflow: hidden;
+    border: 0;
+    border-radius: var(--radius-row);
+    padding: 0;
+    background: var(--neutral-3);
+  }
+  .composer-gif-grid img {
+    display: block;
+    width: 100%;
+  }
   @media (max-width: 48rem) {
     .conversation-composer-dock {
       padding: 0 0.75rem 0.75rem;
@@ -665,3 +883,50 @@
     }
   }
 }
+
+@layer components {
+  .composer-link-backdrop {
+    position: fixed;
+    inset: 0;
+    background: var(--neutral-8);
+  }
+  .composer-link-dialog {
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    width: min(24rem, calc(100vw - var(--space-6)));
+    transform: translate(-50%, -50%);
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-4);
+    padding: var(--space-5);
+    border: 1px solid var(--border-primary);
+    border-radius: var(--radius-panel);
+    background: var(--bg-float);
+    box-shadow: var(--shadow-float);
+  }
+  .composer-link-dialog form {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-3);
+  }
+  .composer-link-dialog label {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-1);
+  }
+  .composer-link-dialog input {
+    height: var(--size-control);
+    border: 1px solid var(--border-primary);
+    border-radius: var(--radius-control);
+    padding: 0 var(--space-control-inset);
+    background: var(--bg-panel);
+    color: var(--text-primary);
+    font: inherit;
+  }
+  .composer-link-actions {
+    display: flex;
+    justify-content: flex-end;
+    gap: var(--space-2);
+  }
+}
diff --git a/desktop-new/src/shared/styles/tokens.css b/desktop-new/src/shared/styles/tokens.css
index a2f7ea5a53..151e7afee9 100644
--- a/desktop-new/src/shared/styles/tokens.css
+++ b/desktop-new/src/shared/styles/tokens.css
@@ -613,6 +613,11 @@
   --size-control: 2.25rem;
   --size-row: 1.875rem;
   --size-navigator: 13.5rem;
+  /* The grab area of a resize seam, deliberately wider than the gutter it sits
+     in. The gutter is a visual decision; this is a hit target, and a person
+     aiming at an invisible 8px seam misses. Widening a transparent handle costs
+     nothing on screen, so the two are separate decisions with separate names. */
+  --size-resize-seam: 0.875rem;
   --radius-panel: var(--corner-panel);
   --radius-control: var(--corner-control);
   --radius-row: var(--corner-row);
diff --git a/desktop-new/src/shared/theme/useColorScheme.ts b/desktop-new/src/shared/theme/useColorScheme.ts
index f272a097b8..2dff1504a2 100644
--- a/desktop-new/src/shared/theme/useColorScheme.ts
+++ b/desktop-new/src/shared/theme/useColorScheme.ts
@@ -1,10 +1,10 @@
-import { useCallback, useEffect, useState } from "react";
+import { useCallback, useSyncExternalStore } from "react";
 
 const STORAGE_KEY = "buzz-next-color-scheme";
 
 export type ColorScheme = "light" | "dark";
 
-function read(): ColorScheme {
+function preferred(): ColorScheme {
   const stored = localStorage.getItem(STORAGE_KEY);
   if (stored === "light" || stored === "dark") return stored;
   return window.matchMedia("(prefers-color-scheme: dark)").matches
@@ -13,20 +13,62 @@ function read(): ColorScheme {
 }
 
 /**
- * Light and dark are the same role names with different ramp values, so this
- * only toggles one class on <html>. No component knows which mode is active.
+ * The one answer to "light or dark".
+ *
+ * This is a fact, so it owns no policy — but a fact still has to have a *single*
+ * value, and this one did not. The hook held `useState`, which gives every
+ * caller an independent copy: the shell's toggle updated the shell's copy and
+ * nothing else. `<html class="dark">` flipped, so anything reading the class
+ * through CSS looked correct, and the defect stayed invisible until a consumer
+ * needed the value in JavaScript. `DockWorkspace` is that consumer — dockview
+ * takes its theme as a JS object, and it kept receiving the light one on a dark
+ * page, which is the same class of bug as the vendor-white-sheet it replaced.
+ * `ComponentAnatomy` had already hit this and worked around it locally by
+ * observing the class with a `MutationObserver`.
+ *
+ * So the value lives in one module-level place and every caller subscribes to
+ * it. Module-level state normally has to register teardown for a community
+ * switch; appearance is a property of the person, not of the community, so it
+ * deliberately survives one.
+ *
+ * The class on `<html>` is written where the value changes rather than in an
+ * Effect per consumer, because the DOM is one external system with one owner
+ * and N subscribers must not each try to write it.
  */
+let current: ColorScheme | undefined;
+const listeners = new Set<() => void>();
+
+function read(): ColorScheme {
+  if (current === undefined) current = preferred();
+  return current;
+}
+
+function apply(scheme: ColorScheme) {
+  document.documentElement.classList.toggle("dark", scheme === "dark");
+}
+
+function set(scheme: ColorScheme) {
+  if (scheme === read()) return;
+  current = scheme;
+  localStorage.setItem(STORAGE_KEY, scheme);
+  apply(scheme);
+  for (const listener of listeners) listener();
+}
+
+function subscribe(listener: () => void) {
+  listeners.add(listener);
+  return () => listeners.delete(listener);
+}
+
+/** Paint the stored choice before React mounts, so there is no light flash. */
+export function applyStoredColorScheme() {
+  apply(read());
+}
+
 export function useColorScheme() {
-  const [scheme, setScheme] = useState<ColorScheme>(read);
-
-  useEffect(() => {
-    document.documentElement.classList.toggle("dark", scheme === "dark");
-    localStorage.setItem(STORAGE_KEY, scheme);
-  }, [scheme]);
-
+  const scheme = useSyncExternalStore(subscribe, read);
   const toggle = useCallback(() => {
-    setScheme((current) => (current === "light" ? "dark" : "light"));
+    set(read() === "light" ? "dark" : "light");
   }, []);
-
   return { scheme, toggle };
 }
diff --git a/desktop-new/src/shared/ui/Accordion.tsx b/desktop-new/src/shared/ui/Accordion.tsx
new file mode 100644
index 0000000000..458641e6e7
--- /dev/null
+++ b/desktop-new/src/shared/ui/Accordion.tsx
@@ -0,0 +1,54 @@
+import { Accordion as BaseAccordion } from "@base-ui/react/accordion";
+import { IconChevronDown } from "@tabler/icons-react";
+import type { ReactNode } from "react";
+
+/** Accessible disclosure groups. Base UI owns expansion and keyboard behavior. */
+export function Accordion({
+  items,
+  defaultValue = [],
+  value,
+  onValueChange,
+  variant = "default",
+  headingLevel = 3,
+}: {
+  items: readonly { value: string; title: ReactNode; content: ReactNode }[];
+  defaultValue?: string[];
+  value?: string[];
+  onValueChange?: (value: string[]) => void;
+  variant?: "default" | "navigation" | "activity";
+  headingLevel?: 2 | 3;
+}) {
+  return (
+    <BaseAccordion.Root
+      className="buzz-accordion"
+      data-variant={variant}
+      defaultValue={defaultValue}
+      value={value}
+      onValueChange={onValueChange}
+      multiple
+    >
+      {items.map((item) => (
+        <BaseAccordion.Item key={item.value} value={item.value}>
+          <BaseAccordion.Header
+            className="buzz-accordion-heading"
+            render={(props) =>
+              headingLevel === 2 ? (
+                <h2 {...props}>{props.children}</h2>
+              ) : (
+                <h3 {...props}>{props.children}</h3>
+              )
+            }
+          >
+            <BaseAccordion.Trigger className="buzz-accordion-trigger text-body">
+              <span>{item.title}</span>
+              <IconChevronDown size={14} aria-hidden="true" />
+            </BaseAccordion.Trigger>
+          </BaseAccordion.Header>
+          <BaseAccordion.Panel className="buzz-accordion-panel">
+            {item.content}
+          </BaseAccordion.Panel>
+        </BaseAccordion.Item>
+      ))}
+    </BaseAccordion.Root>
+  );
+}
diff --git a/desktop-new/src/shared/ui/BentoWorkspace.tsx b/desktop-new/src/shared/ui/BentoWorkspace.tsx
new file mode 100644
index 0000000000..18511e838a
--- /dev/null
+++ b/desktop-new/src/shared/ui/BentoWorkspace.tsx
@@ -0,0 +1,219 @@
+import {
+  DockviewReact,
+  type DockviewReadyEvent,
+  type IDockviewHeaderActionsProps,
+  type IDockviewPanelHeaderProps,
+  type IDockviewPanelProps,
+} from "dockview-react";
+import {
+  createContext,
+  type ReactNode,
+  useContext,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+} from "react";
+import { useColorScheme } from "@/shared/theme/useColorScheme";
+import { dockTheme, readPanelGap } from "./dockTheme";
+import { PanelHeader } from "./PanelHeader";
+import { canPlaceBentoPanel } from "./bentoPlacement";
+
+export type BentoPanel = {
+  id: string;
+  title: string;
+  /** Feature-owned controls for this panel's header. */
+  actions?: ReactNode;
+  content?: ReactNode;
+  minimumWidth?: number;
+  minimumHeight?: number;
+};
+
+const Panels = createContext<readonly BentoPanel[]>([]);
+
+function usePanel(id: string | undefined) {
+  const panels = useContext(Panels);
+  return panels.find((panel) => panel.id === id);
+}
+
+/**
+ * The panel body. Dockview owns the box; the panel's own surface comes from the
+ * group, so this renders content only — a second surface here would be the
+ * redundant-fill mistake DESIGN.md § Surface and depth documents.
+ */
+function Content({ api }: IDockviewPanelProps) {
+  return usePanel(api.id)?.content ?? null;
+}
+
+/**
+ * A tab. Only rendered when a group holds more than one panel: the tab strip is
+ * how you *choose* a panel, so a lone panel has nothing to choose between and
+ * shows its header alone.
+ */
+function Tab({ api, containerApi: _containerApi }: IDockviewPanelHeaderProps) {
+  const panel = usePanel(api.id);
+  return (
+    <span className="bento-tab-label text-body text-secondary">
+      {panel?.title}
+    </span>
+  );
+}
+
+/**
+ * The header, rendered into dockview's right-actions slot so it spans the full
+ * header row beneath any tabs.
+ *
+ * This is the real `PanelHeader`, not a lookalike: dockview supplies the drag
+ * behaviour by owning the element around it, and the design system supplies the
+ * appearance. That is the whole reason this composition is worth having — the
+ * alternative was reproducing header styling inside a vendor tab.
+ */
+function Header({ activePanel }: IDockviewHeaderActionsProps) {
+  const panel = usePanel(activePanel?.id);
+  if (!panel) return null;
+  return <PanelHeader title={panel.title} actions={panel.actions} />;
+}
+
+const components = { content: Content };
+
+/**
+ * An arrangement of panels a person can rearrange.
+ *
+ * Each panel's header is its drag handle. Edge drops split; centre drops cancel
+ * while we tune direct manipulation without stacking. Resizing happens in the gutter
+ * between panels. Floating is deliberately not a drag outcome — a drag always
+ * means "put this somewhere in the grid", so a slightly-off gesture can never
+ * fling a panel out of the layout.
+ */
+export function BentoWorkspace({
+  panels,
+  anchoredPanelId,
+}: {
+  panels: readonly BentoPanel[];
+  anchoredPanelId?: string;
+}) {
+  const { scheme } = useColorScheme();
+  const cleanup = useRef<(() => void) | undefined>(undefined);
+  useEffect(() => () => cleanup.current?.(), []);
+
+  // The gutter between panels is the theme's `gap`, which dockview applies as a
+  // splitview margin — real space, with the resize seam inside it. A CSS
+  // variable cannot do this: the grid computes panel sizes in JavaScript, so a
+  // margin it does not know about just makes the panels touch and shows the
+  // vendor's 1px separator instead of air.
+  //
+  // Read during the initialiser rather than in an Effect. Starting at 0 and
+  // correcting afterwards means the grid lays out once with no gutter, and
+  // whether the corrected value ever lands depends on the re-measure arriving —
+  // which it did in a browser and did not under test, so the panels touched.
+  // The stylesheet is available synchronously here; there is nothing to wait for.
+  const [gap, setGap] = useState(() => readPanelGap(document.documentElement));
+
+  // The gutter is authored in rem and keyboard zoom scales the root font size,
+  // so its pixel value genuinely changes at runtime.
+  useEffect(() => {
+    const documentRoot = document.documentElement;
+    const observer = new ResizeObserver(() =>
+      setGap(readPanelGap(documentRoot)),
+    );
+    observer.observe(documentRoot);
+    return () => observer.disconnect();
+  }, []);
+
+  const theme = useMemo(
+    () => ({
+      ...dockTheme(scheme, gap),
+      className: `dockview-theme-${scheme} bento-dock-theme`,
+    }),
+    [scheme, gap],
+  );
+
+  function onReady({ api }: DockviewReadyEvent) {
+    cleanup.current?.();
+    const overlay = api.onWillShowOverlay((event) => {
+      if (
+        !canPlaceBentoPanel(
+          api,
+          event,
+          anchoredPanelId,
+          readPanelGap(document.documentElement),
+        )
+      )
+        event.preventDefault();
+    });
+    const drop = api.onWillDrop((event) => {
+      if (
+        !canPlaceBentoPanel(
+          api,
+          event,
+          anchoredPanelId,
+          readPanelGap(document.documentElement),
+        )
+      )
+        event.preventDefault();
+    });
+    const dragGroup = api.onWillDragGroup((event) => {
+      if (event.group.panels.some((panel) => panel.id === anchoredPanelId))
+        event.nativeEvent.preventDefault();
+    });
+    const dragPanel = api.onWillDragPanel((event) => {
+      if (event.panel.id === anchoredPanelId)
+        event.nativeEvent.preventDefault();
+    });
+    cleanup.current = () => {
+      dragGroup.dispose();
+      dragPanel.dispose();
+      overlay.dispose();
+      drop.dispose();
+    };
+    let previous: string | undefined;
+    const ordered = [...panels].sort(
+      (a, b) =>
+        Number(b.id === anchoredPanelId) - Number(a.id === anchoredPanelId),
+    );
+    for (const panel of ordered) {
+      api.addPanel({
+        id: panel.id,
+        title: panel.title,
+        component: "content",
+        initialWidth: panel.id === anchoredPanelId ? 216 : undefined,
+        minimumWidth: panel.minimumWidth ?? 180,
+        minimumHeight: panel.minimumHeight ?? 120,
+        position: previous
+          ? {
+              referencePanel: previous,
+              direction:
+                anchoredPanelId && previous !== anchoredPanelId
+                  ? "below"
+                  : api.width < 600
+                    ? "below"
+                    : "right",
+            }
+          : undefined,
+      });
+      previous = panel.id;
+    }
+    const anchor = anchoredPanelId ? api.getPanel(anchoredPanelId) : undefined;
+    if (anchor) {
+      anchor.group.element.dataset.bentoAnchored = "true";
+      if (api.width >= 600) anchor.group.api.setSize({ width: 216 });
+    }
+  }
+
+  return (
+    <Panels.Provider value={panels}>
+      <div className="bento-layout">
+        <DockviewReact
+          className="bento-workspace"
+          components={components}
+          defaultTabComponent={Tab}
+          rightHeaderActionsComponent={Header}
+          onReady={onReady}
+          theme={theme}
+          dndStrategy="pointer"
+          disableFloatingGroups
+        />
+      </div>
+    </Panels.Provider>
+  );
+}
diff --git a/desktop-new/src/shared/ui/ConversationHeader.tsx b/desktop-new/src/shared/ui/ConversationHeader.tsx
index bbee0ac943..c75dc77426 100644
--- a/desktop-new/src/shared/ui/ConversationHeader.tsx
+++ b/desktop-new/src/shared/ui/ConversationHeader.tsx
@@ -1,4 +1,5 @@
 import type { ReactNode } from "react";
+import { PanelHeader } from "./PanelHeader";
 
 /**
  * The orientation row for a message-bearing conversation surface.
@@ -25,30 +26,30 @@ export function ConversationHeader({
   actions?: ReactNode;
 }) {
   return (
-    <header className="conversation-header">
-      <div className="conversation-header-identity">
-        {icon ? (
-          <span className="conversation-header-icon" aria-hidden="true">
-            {icon}
-          </span>
-        ) : null}
-        <div className="conversation-header-title-block">
-          <div className="conversation-header-title-row">
-            <h1 className="text-heading text-primary">{title}</h1>
-            {metadata ? (
-              <span className="conversation-header-metadata">{metadata}</span>
+    <PanelHeader
+      actions={actions}
+      title={
+        <div className="conversation-header-identity">
+          {icon ? (
+            <span className="conversation-header-icon" aria-hidden="true">
+              {icon}
+            </span>
+          ) : null}
+          <div className="conversation-header-title-block">
+            <div className="conversation-header-title-row">
+              <h1 className="text-heading text-primary">{title}</h1>
+              {metadata ? (
+                <span className="conversation-header-metadata">{metadata}</span>
+              ) : null}
+            </div>
+            {context ? (
+              <div className="conversation-header-context text-body-sm text-secondary">
+                {context}
+              </div>
             ) : null}
           </div>
-          {context ? (
-            <div className="conversation-header-context text-body-sm text-secondary">
-              {context}
-            </div>
-          ) : null}
         </div>
-      </div>
-      {actions ? (
-        <div className="conversation-header-actions">{actions}</div>
-      ) : null}
-    </header>
+      }
+    />
   );
 }
diff --git a/desktop-new/src/shared/ui/DockWorkspace.tsx b/desktop-new/src/shared/ui/DockWorkspace.tsx
index 49df096162..05c8b8c69a 100644
--- a/desktop-new/src/shared/ui/DockWorkspace.tsx
+++ b/desktop-new/src/shared/ui/DockWorkspace.tsx
@@ -1,11 +1,26 @@
 import {
+  type DockviewApi,
   DockviewReact,
   type DockviewReadyEvent,
   type IDockviewPanelProps,
-  themeLight,
 } from "dockview-react";
-import { createContext, type ReactNode, useCallback, useContext } from "react";
-import "dockview-react/dist/styles/dockview.css";
+import {
+  createContext,
+  type ReactNode,
+  useCallback,
+  useContext,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+} from "react";
+import { useColorScheme } from "@/shared/theme/useColorScheme";
+import { dockTheme, readPanelGap } from "./dockTheme";
+
+// Dockview's stylesheet is deliberately *not* imported here. It is imported by
+// `shared/styles/globals.css` into `@layer vendor`, so everything we author wins
+// over it. An unlayered import from this file would beat our own rules on every
+// selector regardless of specificity — see the note in `globals.css`.
 
 type WorkspacePanels = {
   navigator: ReactNode;
@@ -32,7 +47,72 @@ const components = {
 
 /** Layout-only workspace shell. Product panels own their own surface treatment. */
 export function DockWorkspace({ panels }: { panels: WorkspacePanels }) {
+  const { scheme } = useColorScheme();
+  // The gutter is a token, and dockview needs it in pixels. Read during the
+  // initialiser: starting at 0 lays the grid out once with no gutter, and
+  // whether the correction lands depends on a re-measure arriving. The
+  // stylesheet is available synchronously, so there is nothing to wait for.
+  const [gap, setGap] = useState(() => readPanelGap(document.documentElement));
+  const [dockApi, setDockApi] = useState<DockviewApi>();
+  const root = useRef<HTMLDivElement>(null);
+
+  // The observer is not belt-and-braces: the gutter is authored in rem, and
+  // keyboard zoom scales the root font size, so its pixel value genuinely
+  // changes at runtime. The value is mode-independent, so nothing here watches
+  // the colour scheme.
+  useEffect(() => {
+    const documentRoot = document.documentElement;
+    const observer = new ResizeObserver(() =>
+      setGap(readPanelGap(documentRoot)),
+    );
+    observer.observe(documentRoot);
+    return () => observer.disconnect();
+  }, []);
+
+  const theme = useMemo(() => dockTheme(scheme, gap), [scheme, gap]);
+
+  // Marks the dock while a panel is in flight, so the stylesheet can drop the
+  // panels' blur for the duration — see `product.css` § Dragging a panel. The
+  // flag is an attribute written directly rather than React state: it changes
+  // on a pointer gesture, no React subtree depends on it, and re-rendering the
+  // dock mid-drag is the cost this exists to avoid.
+  //
+  // The end of a drag is a pointer/DnD event rather than a dockview event, so
+  // every way a gesture can finish clears the flag — dropped, released outside
+  // any target, or cancelled by the OS. A missed one would leave the panels
+  // flat until the next drag, so the recovery path is the whole point.
+  useEffect(() => {
+    const api = dockApi;
+    const element = root.current;
+    if (!api || !element) return;
+
+    const endEvents = [
+      "pointerup",
+      "pointercancel",
+      "dragend",
+      "drop",
+    ] as const;
+    const clear = () => {
+      delete element.dataset.dragging;
+      for (const name of endEvents) window.removeEventListener(name, clear);
+    };
+    const begin = () => {
+      element.dataset.dragging = "true";
+      for (const name of endEvents) window.addEventListener(name, clear);
+    };
+
+    const subscriptions = [
+      api.onWillDragPanel(begin),
+      api.onWillDragGroup(begin),
+    ];
+    return () => {
+      clear();
+      for (const subscription of subscriptions) subscription.dispose();
+    };
+  }, [dockApi]);
+
   const onReady = useCallback((event: DockviewReadyEvent) => {
+    setDockApi(event.api);
     if (event.api.panels.length > 0) return;
     const navigator = event.api.addPanel({
       id: "navigator",
@@ -57,12 +137,13 @@ export function DockWorkspace({ panels }: { panels: WorkspacePanels }) {
   return (
     <WorkspacePanelContext.Provider value={panels}>
       <DockviewReact
+        ref={root}
         className="buzz-dockview"
         components={components}
         disableFloatingGroups
         dndStrategy="pointer"
         onReady={onReady}
-        theme={themeLight}
+        theme={theme}
       />
     </WorkspacePanelContext.Provider>
   );
diff --git a/desktop-new/src/shared/ui/FlexWorkspace.tsx b/desktop-new/src/shared/ui/FlexWorkspace.tsx
new file mode 100644
index 0000000000..e5360c5c95
--- /dev/null
+++ b/desktop-new/src/shared/ui/FlexWorkspace.tsx
@@ -0,0 +1,123 @@
+import { Layout, Model } from "flexlayout-react";
+import {
+  IconArrowsMaximize,
+  IconArrowsMinimize,
+  IconChevronDown,
+  IconX,
+} from "@tabler/icons-react";
+import { useState } from "react";
+import { Button } from "./Button";
+import "../styles/flex-workspace.css";
+
+/** A separate comparison, preserving FlexLayout's own tabs and docking behavior. */
+export function FlexWorkspace() {
+  const [revision, setRevision] = useState(0);
+  return (
+    <div className="flex-workspace-comparison">
+      <div className="flex-workspace-intro">
+        <p className="text-body text-secondary">
+          Drag a tab to an edge to split, or into another tab group to stack.
+          Resize in the gaps. All four panels—including Navigation—can move
+          here; this comparison uses FlexLayout’s own placement rules.
+        </p>
+        <Button
+          size="compact"
+          onClick={() => setRevision((value) => value + 1)}
+        >
+          Reset layout
+        </Button>
+      </div>
+      <div className="flex-workspace-stage">
+        <div className="flex-workspace-host">
+          <FlexWorkspaceLayout key={revision} />
+        </div>
+      </div>
+      <p className="text-body-sm text-tertiary">
+        Empty panels, native tabs, continuous resizing. This layout is local to
+        this page and resets when you leave; it does not change the Dockview
+        example or app shell.
+      </p>
+    </div>
+  );
+}
+
+const icons = {
+  close: <IconX size={16} aria-hidden="true" />,
+  maximize: <IconArrowsMaximize size={16} aria-hidden="true" />,
+  restore: <IconArrowsMinimize size={16} aria-hidden="true" />,
+  more: <IconChevronDown size={16} aria-hidden="true" />,
+};
+
+function emptyPanel() {
+  return null;
+}
+
+function FlexWorkspaceLayout() {
+  // Keep one model per mounted comparison. Parent rerenders and theme toggles
+  // must never discard the arrangement the person is testing.
+  const [model] = useState(() =>
+    Model.fromJson({
+      global: {
+        tabEnableClose: false,
+        rootOrientationVertical:
+          window.matchMedia("(max-width: 48rem)").matches,
+      },
+      borders: [],
+      layout: {
+        type: "row",
+        children: [
+          {
+            type: "tabset",
+            weight: 25,
+            children: [
+              {
+                type: "tab",
+                id: "flex-navigation",
+                name: "Navigation",
+                component: "empty",
+              },
+            ],
+          },
+          {
+            type: "tabset",
+            weight: 45,
+            children: [
+              { type: "tab", id: "flex-one", name: "One", component: "empty" },
+            ],
+          },
+          {
+            type: "row",
+            weight: 30,
+            children: [
+              {
+                type: "tabset",
+                children: [
+                  {
+                    type: "tab",
+                    id: "flex-two",
+                    name: "Two",
+                    component: "empty",
+                  },
+                ],
+              },
+              {
+                type: "tabset",
+                children: [
+                  {
+                    type: "tab",
+                    id: "flex-three",
+                    name: "Three",
+                    component: "empty",
+                  },
+                ],
+              },
+            ],
+          },
+        ],
+      },
+    }),
+  );
+  return (
+    <Layout model={model} factory={emptyPanel} icons={icons} realtimeResize />
+  );
+}
diff --git a/desktop-new/src/shared/ui/PanelHeader.tsx b/desktop-new/src/shared/ui/PanelHeader.tsx
index 074b65dfb1..f3473a8311 100644
--- a/desktop-new/src/shared/ui/PanelHeader.tsx
+++ b/desktop-new/src/shared/ui/PanelHeader.tsx
@@ -1,5 +1,7 @@
 import type { ReactNode } from "react";
 
+/** Shared header frame. Product identity and controls are supplied through slots.
+ * Workspace dragging and tab strips are owned by the layout, not this frame. */
 export function PanelHeader({
   title,
   icon,
diff --git a/desktop-new/src/shared/ui/Select.tsx b/desktop-new/src/shared/ui/Select.tsx
new file mode 100644
index 0000000000..a4ccaca672
--- /dev/null
+++ b/desktop-new/src/shared/ui/Select.tsx
@@ -0,0 +1,78 @@
+import { Select as BaseSelect } from "@base-ui/react/select";
+import { IconCheck, IconChevronDown } from "@tabler/icons-react";
+import { Button } from "./Button";
+
+export type SelectGroup = {
+  label: string;
+  options: readonly { value: string; label: string }[];
+};
+
+/** A compact, labelled single-choice control with accessible option groups. */
+export function Select({
+  label,
+  value,
+  groups,
+  onValueChange,
+}: {
+  label: string;
+  value: string;
+  groups: readonly SelectGroup[];
+  onValueChange: (value: string) => void;
+}) {
+  return (
+    <div className="buzz-select text-body">
+      <BaseSelect.Root
+        value={value}
+        items={groups.flatMap((group) => group.options)}
+        onValueChange={(next) => {
+          if (next !== null) onValueChange(next);
+        }}
+      >
+        <BaseSelect.Label className="text-primary">{label}</BaseSelect.Label>
+        <BaseSelect.Trigger
+          render={(props) => (
+            <Button {...props} variant="ghost">
+              <BaseSelect.Value />
+              <BaseSelect.Icon>
+                <IconChevronDown size={14} aria-hidden="true" />
+              </BaseSelect.Icon>
+            </Button>
+          )}
+        />
+        <BaseSelect.Portal>
+          <BaseSelect.Positioner
+            sideOffset={4}
+            align="start"
+            alignItemWithTrigger={false}
+          >
+            <BaseSelect.Popup className="buzz-select-popup text-body-sm">
+              <BaseSelect.List>
+                {groups.map((group) => (
+                  <BaseSelect.Group key={group.label}>
+                    <BaseSelect.GroupLabel className="buzz-select-group-label text-secondary">
+                      {group.label}
+                    </BaseSelect.GroupLabel>
+                    {group.options.map((option) => (
+                      <BaseSelect.Item
+                        key={option.value}
+                        value={option.value}
+                        className="buzz-select-option"
+                      >
+                        <BaseSelect.ItemText>
+                          {option.label}
+                        </BaseSelect.ItemText>
+                        <BaseSelect.ItemIndicator>
+                          <IconCheck size={14} aria-hidden="true" />
+                        </BaseSelect.ItemIndicator>
+                      </BaseSelect.Item>
+                    ))}
+                  </BaseSelect.Group>
+                ))}
+              </BaseSelect.List>
+            </BaseSelect.Popup>
+          </BaseSelect.Positioner>
+        </BaseSelect.Portal>
+      </BaseSelect.Root>
+    </div>
+  );
+}
diff --git a/desktop-new/src/shared/ui/Switch.tsx b/desktop-new/src/shared/ui/Switch.tsx
new file mode 100644
index 0000000000..700367ce5c
--- /dev/null
+++ b/desktop-new/src/shared/ui/Switch.tsx
@@ -0,0 +1,25 @@
+import { Switch as BaseSwitch } from "@base-ui/react/switch";
+import type { ComponentProps } from "react";
+
+/** A labelled on/off setting. Base UI owns checked state and keyboard behavior. */
+export function Switch({
+  label,
+  ...props
+}: Omit<
+  ComponentProps<typeof BaseSwitch.Root>,
+  "children" | "className" | "aria-label"
+> & { label: string }) {
+  return (
+    <div className="buzz-switch text-body">
+      <span>{label}</span>
+      <BaseSwitch.Root
+        {...props}
+        aria-label={label}
+        className="buzz-switch-control"
+        nativeButton
+      >
+        <BaseSwitch.Thumb className="buzz-switch-thumb" />
+      </BaseSwitch.Root>
+    </div>
+  );
+}
diff --git a/desktop-new/src/shared/ui/bentoPlacement.ts b/desktop-new/src/shared/ui/bentoPlacement.ts
new file mode 100644
index 0000000000..8ec7a78497
--- /dev/null
+++ b/desktop-new/src/shared/ui/bentoPlacement.ts
@@ -0,0 +1,51 @@
+import type {
+  DockviewApi,
+  DockviewWillDropEvent,
+  DockviewWillShowOverlayLocationEvent,
+} from "dockview-react";
+
+type PlacementEvent =
+  | DockviewWillDropEvent
+  | DockviewWillShowOverlayLocationEvent;
+
+/** Same policy for the preview and commit; a highlighted destination must be allowed. */
+export function canPlaceBentoPanel(
+  api: DockviewApi,
+  event: PlacementEvent,
+  anchoredPanelId?: string,
+  gap = 0,
+): boolean {
+  const data = event.getData();
+  const target = event.group;
+  const source = api.groups.find((group) => group.id === data?.groupId);
+  // Only local, panel-relative splits. Outer-root targets could put a panel
+  // above/left of the navigation anchor, and centre drops would create tabs.
+  if (
+    !data ||
+    data.viewId !== api.id ||
+    !source ||
+    !target ||
+    source === target ||
+    event.kind !== "content" ||
+    event.position === "center"
+  )
+    return false;
+  if (source.panels.some((panel) => panel.id === anchoredPanelId)) return false;
+  if (
+    target.panels.some((panel) => panel.id === anchoredPanelId) &&
+    (event.position === "top" || event.position === "left")
+  )
+    return false;
+
+  // Dockview previews an even split. Do not invite a split that would need to
+  // borrow room from unrelated neighbors to keep either new half usable.
+  const horizontal = event.position === "left" || event.position === "right";
+  const available = (horizontal ? target.api.width : target.api.height) - gap;
+  const minimum = horizontal
+    ? Math.max(source.minimumWidth, target.minimumWidth)
+    : Math.max(source.minimumHeight, target.minimumHeight);
+  const crossAxisFits = horizontal
+    ? target.api.height >= Math.max(source.minimumHeight, target.minimumHeight)
+    : target.api.width >= Math.max(source.minimumWidth, target.minimumWidth);
+  return crossAxisFits && available / 2 >= minimum;
+}
diff --git a/desktop-new/src/shared/ui/dockTheme.ts b/desktop-new/src/shared/ui/dockTheme.ts
new file mode 100644
index 0000000000..348035eabc
--- /dev/null
+++ b/desktop-new/src/shared/ui/dockTheme.ts
@@ -0,0 +1,84 @@
+import type { DockviewTheme } from "dockview-react";
+
+/**
+ * The workspace's own dockview theme, one per colour scheme.
+ *
+ * Dockview's shipped themes are vendor appearance. `DockWorkspace` used to pass
+ * `themeLight` in both modes, which painted an opaque white sheet behind the
+ * panels in dark mode — the defect documented in `product.css`. A theme is
+ * mode-dependent, so it is authored per mode here for the same reason a colour
+ * role is.
+ *
+ * We keep dockview's vendor class as the base layer so every `--dv-*` variable
+ * we do not override still resolves to something sane, and `.buzz-dockview` in
+ * `product.css` restates the ones that must speak our language.
+ *
+ * `gap` is the real workspace gutter. Dockview feeds it to the splitview as a
+ * margin, so the panels get air *and* the resize seam lives in that air. It
+ * replaces the padding each group used to carry, which faked the same look
+ * without a seam to grab.
+ */
+const BASE = {
+  edgeGroupCollapsedSize: 44,
+  /* Where the drop overlay is mounted in the DOM.
+
+     `'absolute'` puts it in a shared container at the component root, which is
+     how a target can be drawn across the gutter between two panels rather than
+     clipped inside one rounded panel. */
+  dndOverlayMounting: "absolute",
+  /* Which box the drop overlay is drawn into.
+
+     `'group'` mounts it in the group element's *parent*, so it can cover the
+     header as well as the content. That is right for a zero-gap dock where the
+     parent and the panel are the same box — and wrong here. With a gutter the
+     parent is the grid cell, which is larger than the panel and offset from it,
+     so the highlight was drawn in one coordinate space while the drop resolved
+     in another: a target would appear over the right-hand side of a panel and
+     the panel would then not move. That is the "I drag it to the highlighted
+     spot and it doesn't go there" defect.
+
+     `'content'` keeps the overlay in the box whose quadrants actually decide the
+     drop. The overlay no longer covers the header, which is the honest picture:
+     the header is the handle, the content is the target. */
+  dndPanelOverlay: "content",
+  /* A spaced layout has no shared tab strip for a fill to sit in, so an
+     insertion line reads more precisely than a highlighted half-tab. */
+  dndTabIndicator: "line",
+  /* Tab reorder animation. Dockview's `smooth` transitions tab positions
+     during the drag, which DESIGN.md § Motion rules out: direct manipulation
+     follows the pointer with no easing. */
+  tabAnimation: "default",
+} as const satisfies Partial<DockviewTheme>;
+
+/**
+ * Resolve the gutter from the token rather than restating it as a number.
+ *
+ * Dockview needs pixels, and `--space-panel-gap` is authored in rem, so this is
+ * a genuine unit boundary rather than a duplicated value. Reading the computed
+ * value keeps `tokens.css` the one place the gutter is decided; hardcoding `8`
+ * here would create a second answer that silently drifts.
+ */
+export function readPanelGap(element: Element): number {
+  const value = getComputedStyle(element).getPropertyValue("--space-panel-gap");
+  const resolved = Number.parseFloat(value);
+  if (Number.isFinite(resolved)) {
+    return value.trim().endsWith("rem")
+      ? resolved *
+          Number.parseFloat(getComputedStyle(document.documentElement).fontSize)
+      : resolved;
+  }
+  return 0;
+}
+
+export function dockTheme(
+  scheme: "light" | "dark",
+  gap: number,
+): DockviewTheme {
+  return {
+    ...BASE,
+    name: `buzz-${scheme}`,
+    className: `dockview-theme-${scheme}`,
+    colorScheme: scheme,
+    gap,
+  };
+}
diff --git a/desktop-new/src/shared/ui/registry.test.ts b/desktop-new/src/shared/ui/registry.test.ts
index 33c76f187c..42a9840090 100644
--- a/desktop-new/src/shared/ui/registry.test.ts
+++ b/desktop-new/src/shared/ui/registry.test.ts
@@ -12,7 +12,7 @@ import {
  * paths resolve the same way the app resolves them and no Node types are needed.
  */
 const SOURCES = import.meta.glob(
-  "/src/{shared/ui,features/composer/ui,features/agent-activity/ui}/*.tsx",
+  "/src/{shared/ui,features/composer/ui,features/agent-activity/ui,features/conversation/ui}/*.tsx",
   {
     query: "?raw",
     import: "default",
@@ -76,11 +76,17 @@ describe("component registry — Base UI backing", () => {
       for (const slug of component.composes) {
         const sibling = COMPONENTS.find((candidate) => candidate.slug === slug);
         expect(sibling, `${component.slug} composes ${slug}`).toBeDefined();
-        expect(
-          source.includes(`from "./${sibling?.name}"`) ||
-            source.includes(`from "@/shared/ui/${sibling?.name}"`),
-          `${component.slug} imports ${sibling?.name}`,
-        ).toBe(true);
+        const imports = [...source.matchAll(/from "([^"]+)"/g)].map((match) => {
+          const specifier = match[1];
+          if (specifier.startsWith("@/")) return `${specifier.slice(2)}.tsx`;
+          if (specifier.startsWith("./")) {
+            return `${component.source.slice(0, component.source.lastIndexOf("/") + 1)}${specifier.slice(2)}.tsx`;
+          }
+          return specifier;
+        });
+        expect(imports, `${component.slug} imports ${sibling?.name}`).toContain(
+          sibling?.source,
+        );
       }
     }
   });
diff --git a/desktop-new/src/shared/ui/registry.ts b/desktop-new/src/shared/ui/registry.ts
index 8572362c01..17c7e609ac 100644
--- a/desktop-new/src/shared/ui/registry.ts
+++ b/desktop-new/src/shared/ui/registry.ts
@@ -19,6 +19,8 @@ export const BASE_UI_PARTS = {
   button: { name: "Button", docs: "button", module: "@base-ui/react/button" },
   field: { name: "Field", docs: "field", module: "@base-ui/react/field" },
   input: { name: "Input", docs: "input", module: "@base-ui/react/input" },
+  select: { name: "Select", docs: "select", module: "@base-ui/react/select" },
+  switch: { name: "Switch", docs: "switch", module: "@base-ui/react/switch" },
   tabs: { name: "Tabs", docs: "tabs", module: "@base-ui/react/tabs" },
   accordion: {
     name: "Accordion",
@@ -26,6 +28,11 @@ export const BASE_UI_PARTS = {
     module: "@base-ui/react/accordion",
   },
   dialog: { name: "Dialog", docs: "dialog", module: "@base-ui/react/dialog" },
+  popover: {
+    name: "Popover",
+    docs: "popover",
+    module: "@base-ui/react/popover",
+  },
   previewCard: {
     name: "Preview Card",
     docs: "preview-card",
@@ -71,6 +78,141 @@ export type ComponentDefinition = {
 };
 
 export const COMPONENTS: readonly ComponentDefinition[] = [
+  {
+    slug: "flex-workspace",
+    name: "Flex Layout",
+    purpose:
+      "Compare standard FlexLayout docking with the existing Dockview workspace. Blank panels with rounded tabs and Buzz colors; no custom drag handles or placement restrictions.",
+    behavior: "FlexLayout tabs, docking, and resizing",
+    variants: ["native docking"],
+    status: "proposed",
+    collection: "product-ui",
+    owner: "desktop-new Workspace",
+    source: "shared/ui/FlexWorkspace.tsx",
+    baseUi: [],
+    composes: ["button"],
+  },
+  {
+    slug: "conversation",
+    name: "Conversation",
+    purpose:
+      "A Session exchange: a prompt, stable private work areas, and shared replies. This is an interactive design study, not a connected runtime.",
+    behavior:
+      "Presentation-ready messages and ordered work areas; no fetching or sending",
+    variants: [
+      "two agents working",
+      "one finished",
+      "completed",
+      "needs you",
+      "failed",
+      "waiting",
+      "stopped",
+      "unavailable",
+    ],
+    status: "proposed",
+    collection: "product-ui",
+    owner: "desktop-new Conversation",
+    source: "features/conversation/ui/SessionExchange.tsx",
+    baseUi: [],
+    composes: ["conversation-message", "agent-work-area"],
+  },
+  {
+    slug: "conversation-message",
+    name: "Message",
+    parent: "conversation",
+    purpose:
+      "An authored contribution with identity, time, content, actions, and delivery state. Agent answers never collapse into private work.",
+    behavior: "Prepared content and caller-owned actions",
+    variants: ["human", "agent", "actions", "failed send", "retry"],
+    status: "proposed",
+    collection: "product-ui",
+    owner: "desktop-new Conversation",
+    source: "features/conversation/ui/ConversationMessage.tsx",
+    baseUi: [],
+    composes: ["avatar", "button"],
+  },
+  {
+    slug: "agent-work-area",
+    name: "Agent work",
+    parent: "conversation",
+    purpose:
+      "One agent’s owner-private work, with recent steps, expandable history, visible notices, and artifact access after completion.",
+    behavior:
+      "Berd-inspired disclosure anatomy; receives prepared activity, not raw events",
+    variants: [
+      "working",
+      "completed",
+      "needs you",
+      "failed",
+      "waiting",
+      "stopped",
+      "unavailable",
+    ],
+    status: "proposed",
+    collection: "product-ui",
+    owner: "desktop-new Agent Activity",
+    source: "features/agent-activity/ui/AgentWorkArea.tsx",
+    baseUi: [],
+    composes: ["accordion", "avatar", "work-step"],
+  },
+  {
+    slug: "work-step",
+    name: "Work step",
+    parent: "conversation",
+    purpose:
+      "A chronological progress, thought-summary, or tool step with optional expandable output.",
+    behavior: "Tool output disclosure through Accordion",
+    variants: ["progress", "thought", "tool", "running", "failed"],
+    status: "proposed",
+    collection: "product-ui",
+    owner: "desktop-new Agent Activity",
+    source: "features/agent-activity/ui/WorkStep.tsx",
+    baseUi: [],
+    composes: ["accordion"],
+  },
+  {
+    slug: "conversation-state",
+    name: "Conversation state",
+    parent: "conversation",
+    purpose:
+      "Distinct loading, empty, failed, and read-only conversation states with explicit recovery.",
+    behavior: "Caller supplies the state and retry action",
+    variants: ["loading", "empty", "failed", "read-only"],
+    status: "proposed",
+    collection: "product-ui",
+    owner: "desktop-new Conversation",
+    source: "features/conversation/ui/ConversationState.tsx",
+    baseUi: [],
+    composes: ["button"],
+  },
+
+  {
+    slug: "workspace",
+    name: "DocView",
+    purpose:
+      "Arrange panels with continuous resizing and purple edge-drop highlights. Navigation stays anchored at the upper left; a panel may sit below it. Only splits that leave both panels usable are offered. No presets or tab stacking.",
+    behavior: "Dockview pointer dragging and resize",
+    variants: ["split-only"],
+    status: "proposed",
+    collection: "product-ui",
+    owner: "desktop-new Workspace",
+    source: "shared/ui/BentoWorkspace.tsx",
+    baseUi: [],
+    composes: ["panel-header"],
+  },
+  {
+    slug: "switch",
+    name: "Switch",
+    purpose: "A labelled setting that is on or off.",
+    behavior: "Base UI owns checked state and keyboard behavior",
+    variants: ["off", "on", "disabled"],
+    status: "proposed",
+    collection: "components",
+    owner: "desktop-new Design system",
+    source: "shared/ui/Switch.tsx",
+    baseUi: [BASE_UI_PARTS.switch],
+    composes: [],
+  },
   {
     slug: "button",
     name: "Button",
@@ -188,15 +330,15 @@ export const COMPONENTS: readonly ComponentDefinition[] = [
     slug: "conversation-header",
     name: "ConversationHeader",
     purpose:
-      "The orientation row for a message-bearing conversation surface. It arranges the conversation identity, one short status or contextual line, and feature-owned actions without interpreting channel or session data.",
+      "The orientation row for a message-bearing conversation surface. It composes PanelHeader with conversation identity, status, context, and feature-owned actions. Workspace tabs sit above it, never beside its controls.",
     behavior: "Semantic native header",
     variants: ["default"],
     status: "proposed",
-    collection: "components",
+    collection: "product-ui",
     owner: "desktop-new Messages",
     source: "shared/ui/ConversationHeader.tsx",
     baseUi: [],
-    composes: [],
+    composes: ["panel-header"],
   },
   {
     slug: "panel-header",
@@ -252,18 +394,85 @@ export const COMPONENTS: readonly ComponentDefinition[] = [
     baseUi: [BASE_UI_PARTS.button],
     composes: [],
   },
+  {
+    slug: "accordion",
+    name: "Accordion",
+    purpose: "Reveal related content without leaving the page.",
+    behavior:
+      "Base UI owns expansion, keyboard activation, and panel semantics",
+    variants: ["default", "navigation", "activity", "controlled expansion"],
+    status: "proposed",
+    collection: "components",
+    owner: "desktop-new Design system",
+    source: "shared/ui/Accordion.tsx",
+    baseUi: [BASE_UI_PARTS.accordion],
+    composes: [],
+  },
+  {
+    slug: "select",
+    name: "Select",
+    purpose: "A compact labelled choice with grouped options.",
+    behavior: "Base UI owns focus, keyboard selection, grouping, and dismissal",
+    variants: ["grouped"],
+    status: "proposed",
+    collection: "components",
+    owner: "desktop-new Design system",
+    source: "shared/ui/Select.tsx",
+    baseUi: [BASE_UI_PARTS.select],
+    composes: ["button"],
+  },
   {
     slug: "composer",
     name: "Composer",
     purpose:
       "A conversation authoring surface that keeps a draft, accepts a message, and exposes contribution tools.",
     behavior: "Semantic native form and textarea",
-    variants: ["ready", "sending", "failed", "responding", "stopping"],
+    variants: [
+      "ready",
+      "multiline",
+      "formatting",
+      "sending",
+      "failed",
+      "disabled",
+      "responding",
+      "stopping",
+    ],
     status: "proposed",
     collection: "product-ui",
     owner: "desktop-new Messages",
     source: "features/composer/ui/MessageComposer.tsx",
     baseUi: [],
+    composes: ["icon-button", "composer-formatting-bar"],
+  },
+  {
+    slug: "composer-expression-picker",
+    name: "Emoji and GIF picker",
+    purpose: "Search and insert emoji, custom emoji, or GIFs while composing.",
+    behavior:
+      "Composer-owned popover; seeded preview data until relay capability work lands",
+    variants: ["emoji", "GIFs", "search", "custom emoji"],
+    status: "proposed",
+    collection: "product-ui",
+    owner: "desktop-new Composer",
+    parent: "composer",
+    source: "features/composer/ui/EmojiPicker.tsx",
+    baseUi: [BASE_UI_PARTS.popover],
+    composes: ["icon-button", "tabs"],
+  },
+  {
+    slug: "composer-formatting-bar",
+    name: "Formatting bar",
+    purpose:
+      "Composer formatting controls that replace the ordinary ingress controls.",
+    behavior:
+      "Semantic control group; formatting commands await editor integration",
+    variants: ["expanded", "unavailable"],
+    status: "proposed",
+    collection: "product-ui",
+    owner: "desktop-new Composer",
+    parent: "composer",
+    source: "features/composer/ui/ComposerFormattingBar.tsx",
+    baseUi: [],
     composes: ["icon-button"],
   },
   {
diff --git a/desktop-new/tests/bento.spec.ts b/desktop-new/tests/bento.spec.ts
new file mode 100644
index 0000000000..21a08f34c6
--- /dev/null
+++ b/desktop-new/tests/bento.spec.ts
@@ -0,0 +1,187 @@
+import { expect, type Locator, type Page, test } from "@playwright/test";
+
+const URL = "/design/components/workspace";
+const GROUP = ".bento-workspace .dv-groupview";
+const panel = (page: Page, name: string) =>
+  page
+    .locator(GROUP)
+    .filter({ has: page.getByRole("heading", { name, exact: true }) });
+async function bounds(locator: Locator) {
+  const value = await locator.boundingBox();
+  if (!value) throw new Error("Missing panel geometry");
+  return value;
+}
+async function start(page: Page, name: string) {
+  const h = await bounds(panel(page, name).locator(".panel-header"));
+  await page.mouse.move(h.x + 50, h.y + h.height / 2);
+  await page.mouse.down();
+  await page.mouse.move(h.x + 65, h.y + h.height / 2, { steps: 3 });
+}
+async function aim(page: Page, name: string, edge: string) {
+  const b = await bounds(panel(page, name).locator(".dv-content-container"));
+  await page.mouse.move(
+    edge === "left"
+      ? b.x + 8
+      : edge === "right"
+        ? b.x + b.width - 8
+        : b.x + b.width / 2,
+    edge === "top"
+      ? b.y + 8
+      : edge === "bottom"
+        ? b.y + b.height - 8
+        : b.y + b.height / 2,
+    { steps: 20 },
+  );
+}
+
+for (const edge of ["left", "right"]) {
+  test(`content can split ${edge} while navigation stays put`, async ({
+    page,
+  }) => {
+    await page.goto(URL);
+    await expect(page.locator(GROUP)).toHaveCount(4);
+    const nav = await bounds(panel(page, "Navigation"));
+    await start(page, "Three");
+    await aim(page, "One", edge);
+    const overlay = page.locator(`.bento-dock-theme .dv-drop-target-${edge}`);
+    await expect(overlay).toBeVisible();
+    const color = await overlay.evaluate((e) => ({
+      actual: getComputedStyle(e).backgroundColor,
+      expected: getComputedStyle(e).getPropertyValue("--purple-3"),
+    }));
+    // Resolve the ramp through the browser, not through a copied palette.
+    expect(
+      await overlay.evaluate((e) => {
+        const probe = document.createElement("div");
+        probe.style.background = "var(--purple-3)";
+        e.parentElement?.append(probe);
+        const expected = getComputedStyle(probe).backgroundColor;
+        probe.remove();
+        return getComputedStyle(e).backgroundColor === expected;
+      }),
+    ).toBe(true);
+    expect(color.actual).not.toBe("rgba(0, 0, 0, 0)");
+    await page.mouse.up();
+    const one = await bounds(panel(page, "One"));
+    const three = await bounds(panel(page, "Three"));
+    expect(edge === "left" ? three.x < one.x : three.x > one.x).toBe(true);
+    const afterNav = await bounds(panel(page, "Navigation"));
+    expect(afterNav.x).toBeCloseTo(nav.x, 0);
+    expect(afterNav.y).toBeCloseTo(nav.y, 0);
+    for (const p of await page.locator(GROUP).all()) {
+      const b = await bounds(p);
+      expect(b.width).toBeGreaterThanOrEqual(178);
+      expect(b.height).toBeGreaterThanOrEqual(118);
+    }
+  });
+}
+
+test("navigation cannot be dragged, split above/left, or bypassed at the workspace edge", async ({
+  page,
+}) => {
+  await page.goto(URL);
+  await expect(page.locator(GROUP)).toHaveCount(4);
+  const original = await page
+    .locator(GROUP)
+    .evaluateAll((els) => els.map((e) => e.getBoundingClientRect().toJSON()));
+  await start(page, "Navigation");
+  await aim(page, "One", "right");
+  await expect(
+    page.locator(".bento-dock-theme .dv-drop-target-anchor"),
+  ).toHaveCount(0);
+  await page.mouse.up();
+  for (const edge of ["top", "left", "center"]) {
+    await start(page, "Three");
+    await aim(page, "Navigation", edge);
+    await expect(
+      page.locator(".bento-dock-theme .dv-drop-target-anchor"),
+    ).toHaveCount(0);
+    await page.mouse.up();
+  }
+  expect(
+    await page
+      .locator(GROUP)
+      .evaluateAll((els) => els.map((e) => e.getBoundingClientRect().toJSON())),
+  ).toEqual(original);
+});
+
+test("a panel fits below navigation, but a too-small split has no highlight or commit", async ({
+  page,
+}) => {
+  await page.goto(URL);
+  await expect(page.locator(GROUP)).toHaveCount(4);
+  const nav = await bounds(panel(page, "Navigation"));
+  await start(page, "Three");
+  await aim(page, "Navigation", "bottom");
+  await expect(
+    page.locator(".bento-dock-theme .dv-drop-target-bottom"),
+  ).toBeVisible();
+  await page.mouse.up();
+  const lower = await bounds(panel(page, "Three"));
+  expect(lower.y).toBeGreaterThan(nav.y);
+  expect(lower.x).toBeCloseTo(nav.x, 0);
+
+  const original = await page
+    .locator(GROUP)
+    .evaluateAll((els) => els.map((e) => e.getBoundingClientRect().toJSON()));
+  // Navigation column is deliberately narrow; it cannot become two usable columns.
+  await start(page, "Two");
+  await aim(page, "Navigation", "right");
+  await expect(
+    page.locator(".bento-dock-theme .dv-drop-target-anchor"),
+  ).toHaveCount(0);
+  await page.mouse.up();
+  expect(
+    await page
+      .locator(GROUP)
+      .evaluateAll((els) => els.map((e) => e.getBoundingClientRect().toJSON())),
+  ).toEqual(original);
+});
+
+test("splitting vertically is available after making room by resizing", async ({
+  page,
+}) => {
+  await page.goto(URL);
+  await expect(page.locator(GROUP)).toHaveCount(4);
+  const sash = await bounds(
+    page
+      .locator(".bento-workspace .dv-vertical > .dv-sash-container > .dv-sash")
+      .first(),
+  );
+  await page.mouse.move(sash.x + sash.width / 2, sash.y + 2);
+  await page.mouse.down();
+  await page.mouse.move(sash.x + sash.width / 2, sash.y + 100, { steps: 12 });
+  await page.mouse.up();
+  const one = await bounds(panel(page, "One"));
+  expect(one.height).toBeGreaterThan(250);
+  await start(page, "Three");
+  await aim(page, "One", "top");
+  await expect(
+    page.locator(".bento-dock-theme .dv-drop-target-top"),
+  ).toBeVisible();
+  await page.mouse.up();
+  expect((await bounds(panel(page, "Three"))).y).toBeLessThan(
+    (await bounds(panel(page, "One"))).y,
+  );
+});
+
+test("shrinking a rearranged workspace leaves navigation first and rejects cramped splits", async ({
+  page,
+}) => {
+  await page.goto(URL);
+  await start(page, "Three");
+  await aim(page, "Navigation", "bottom");
+  await page.mouse.up();
+  await page.setViewportSize({ width: 768, height: 900 });
+  await expect(page.locator(GROUP)).toHaveCount(4);
+  const nav = await bounds(panel(page, "Navigation"));
+  const lower = await bounds(panel(page, "Three"));
+  expect(lower.x).toBeCloseTo(nav.x, 0);
+  expect(lower.y).toBeGreaterThan(nav.y);
+  await start(page, "Two");
+  await aim(page, "Navigation", "right");
+  await expect(
+    page.locator(".bento-dock-theme .dv-drop-target-anchor"),
+  ).toHaveCount(0);
+  await page.mouse.up();
+});
diff --git a/desktop-new/tests/composer-copy.spec.ts b/desktop-new/tests/composer-copy.spec.ts
new file mode 100644
index 0000000000..16fff8d967
--- /dev/null
+++ b/desktop-new/tests/composer-copy.spec.ts
@@ -0,0 +1,66 @@
+import { expect, test } from "@playwright/test";
+import { waitForAnimations } from "../../desktop/tests/helpers/animations";
+
+test("previews all six Figma phrases without changing another composer", async ({
+  page,
+}) => {
+  await page.goto("/design/components/composer");
+  const empty = page.getByRole("region", {
+    name: "Composer playground",
+    exact: true,
+  });
+  const choices = [
+    ["Channel · New message", "Send a message in #buzz-design"],
+    ["Channel · Reply", "Reply in #buzz-design"],
+    ["Session · New session", "Start a new session"],
+    ["Session · Reply", "Reply in this session"],
+    ["Direct message · New message", "Start a new direct message"],
+    ["Direct message · Reply", "Reply in this direct message"],
+  ];
+  for (const [label, copy] of choices) {
+    await empty.getByRole("combobox", { name: "Preview context" }).click();
+    await expect(page.getByRole("option")).toHaveCount(6);
+    await page.getByRole("option", { name: label, exact: true }).click();
+    await expect(
+      empty.getByRole("combobox", { name: "Preview context" }),
+    ).toContainText(label);
+    await expect(empty.getByRole("textbox")).toHaveAttribute(
+      "aria-label",
+      copy,
+    );
+    await expect(
+      empty.getByRole("button", { name: "Record voice note" }),
+    ).toBeVisible();
+  }
+  const second = page.getByRole("region", {
+    name: "Unavailable",
+    exact: true,
+  });
+  await expect(second.getByRole("textbox")).toHaveAttribute(
+    "aria-label",
+    "Reply in this session",
+  );
+  const trigger = empty.getByRole("combobox", { name: "Preview context" });
+  await trigger.focus();
+  await trigger.press("Enter");
+  await expect(page.getByRole("listbox")).toBeVisible();
+  await waitForAnimations(page);
+  await page.keyboard.press("Home");
+  await page.keyboard.press("Enter");
+  await expect(empty.getByRole("textbox")).toHaveAttribute(
+    "aria-label",
+    "Send a message in #buzz-design",
+  );
+  await expect(trigger).toBeFocused();
+  await trigger.press("Enter");
+  await page.keyboard.press("Escape");
+  await expect(trigger).toBeFocused();
+  await page.setViewportSize({ width: 390, height: 850 });
+  await trigger.click();
+  await expect(page.getByRole("option")).toHaveCount(6);
+  expect(
+    await page.evaluate(
+      () => document.documentElement.scrollWidth <= innerWidth,
+    ),
+  ).toBe(true);
+});
diff --git a/desktop-new/tests/composer-states.spec.ts b/desktop-new/tests/composer-states.spec.ts
new file mode 100644
index 0000000000..93697fef36
--- /dev/null
+++ b/desktop-new/tests/composer-states.spec.ts
@@ -0,0 +1,180 @@
+import { expect, test, type Locator } from "@playwright/test";
+
+async function bounds(locator: Locator) {
+  const box = await locator.boundingBox();
+  if (!box) throw new Error("Expected a rendered specimen");
+  return box;
+}
+
+const path = "/design/components/composer";
+
+test("exposes real drafts, bounded growth, formatting, and send recovery", async ({
+  page,
+}) => {
+  await page.goto(path);
+  const empty = page.getByRole("region", {
+    name: "Composer playground",
+    exact: true,
+  });
+  const input = empty.getByRole("textbox");
+  // Tiptap uses a contenteditable textbox; assertions below bind its visible document.
+  await expect(
+    empty.getByRole("button", { name: "Send message" }),
+  ).toBeDisabled();
+  const small = await bounds(input);
+  await input.fill("First\nSecond\nThird\nFourth");
+  expect((await bounds(input)).height).toBeGreaterThan(small.height);
+  await input.fill(
+    Array.from({ length: 60 }, (_, i) => `Line ${i}`).join("\n"),
+  );
+  expect((await bounds(input)).height).toBeLessThanOrEqual(161);
+  await expect(
+    empty.getByRole("button", { name: "Send message" }),
+  ).toBeEnabled();
+  await input.fill("");
+  expect((await bounds(input)).height).toBeCloseTo(small.height, 0);
+  await input.fill("Format this text");
+  await input.press("Meta+a");
+  await empty.getByRole("button", { name: "Toggle formatting" }).click();
+  await expect(empty.getByRole("group", { name: "Formatting" })).toBeVisible();
+  await expect(
+    empty.getByRole("button", { name: "Bold", exact: true }),
+  ).toBeEnabled();
+  await empty.getByRole("button", { name: "Bold", exact: true }).click();
+  await expect(input.locator("strong")).toHaveText("Format this text");
+  await expect(
+    empty.getByRole("button", { name: "Bold", exact: true }),
+  ).toHaveAttribute("aria-pressed", "true");
+  await empty.getByRole("button", { name: "Close formatting" }).click();
+  await expect(
+    empty.getByRole("button", { name: "Attach file" }),
+  ).toBeVisible();
+  const send = page.getByRole("region", {
+    name: "Sending and failed",
+    exact: true,
+  });
+  await send.getByRole("button", { name: "Send message", exact: true }).click();
+  await expect(send.getByRole("status")).toHaveText("Sending message…");
+  await send.getByRole("button", { name: "Fail example send" }).click();
+  await expect(send.getByRole("alert")).toContainText(
+    "Your message is still here",
+  );
+  await expect(send.getByRole("textbox")).toContainText(
+    "Here is the updated design.",
+  );
+  await send.getByRole("button", { name: "Send message", exact: true }).click();
+  await send.getByRole("button", { name: "Complete example send" }).click();
+  await expect(send.getByRole("textbox")).toHaveText("");
+});
+
+for (const width of [390, 820, 1440]) {
+  test(`playground grows upward and controls fit at ${width}`, async ({
+    page,
+  }) => {
+    await page.setViewportSize({ width, height: 900 });
+    await page.goto(path);
+    const playground = page.getByRole("region", {
+      name: "Composer playground",
+    });
+    const input = playground.getByRole("textbox");
+    const geometry = () =>
+      playground.locator(".message-composer").evaluate((el) => {
+        const r = el.getBoundingClientRect();
+        return {
+          top: r.top + window.scrollY,
+          bottom: r.bottom + window.scrollY,
+        };
+      });
+    const before = await geometry();
+    await input.fill("One\nTwo\nThree\nFour");
+    const after = await geometry();
+    expect(after.top).toBeLessThan(before.top);
+    expect(after.bottom).toBeCloseTo(before.bottom, 0);
+    await playground.getByRole("button", { name: "Toggle formatting" }).click();
+    expect(
+      await playground.evaluate((el) => el.scrollWidth <= el.clientWidth),
+    ).toBe(true);
+    await expect(
+      playground.getByRole("button", { name: "Send message" }),
+    ).toBeVisible();
+    expect(
+      await page.evaluate(
+        () => document.documentElement.scrollWidth <= window.innerWidth,
+      ),
+    ).toBe(true);
+  });
+}
+
+test("Chat disclosure groups pages and inheritance links live in the description", async ({
+  page,
+}) => {
+  await page.goto(path);
+  const nav = page.getByRole("navigation", { name: "Design system" });
+  const chat = nav.getByRole("button", { name: "Chat", exact: true });
+  await expect(chat).toHaveAttribute("aria-expanded", "true");
+  await chat.click();
+  await expect(
+    nav.getByRole("link", { name: "Composer", exact: true }),
+  ).toHaveCount(0);
+  await chat.focus();
+  await chat.press("Enter");
+  await nav.getByRole("link", { name: "Formatting bar", exact: true }).click();
+  await expect(
+    page.getByRole("heading", { name: "Formatting bar", exact: true }),
+  ).toBeVisible();
+  await page.goto(path);
+  await expect(
+    page.getByText("No Base UI part of its own.", { exact: false }),
+  ).toHaveCount(0);
+  await expect(
+    page.getByRole("button", { name: "Implementation details" }),
+  ).toHaveCount(0);
+  const description = page.locator(".component-page-heading p");
+  await expect(description).toContainText("Inherits Button.");
+  await description.getByRole("link", { name: "Button", exact: true }).click();
+  await expect(page).toHaveURL(/\/design\/components\/button$/);
+  await expect(
+    page
+      .locator(".component-page-heading p")
+      .getByRole("link", { name: "Base UI Button" }),
+  ).toHaveAttribute("href", "https://base-ui.com/react/components/button");
+  await page.goto(path);
+  await expect(
+    page.getByRole("heading", { name: "02 — Content entered" }),
+  ).toHaveCount(0);
+});
+
+test("activity remains inspectable on its component page without moving the dock", async ({
+  page,
+}) => {
+  await page.goto("/design/components/activity-rail");
+  const dock = page.locator(".conversation-composer-dock");
+  const before = await bounds(dock);
+  await page.getByRole("switch", { name: "Show agent activity" }).click();
+  const after = await bounds(dock);
+  expect(after.height).toBeCloseTo(before.height, 0);
+  expect(after.y).toBeCloseTo(before.y, 0);
+});
+
+test("formats selection and creates a link from the Formatting bar page", async ({
+  page,
+}) => {
+  await page.goto("/design/components/composer-formatting-bar");
+  const composer = page.locator(".message-composer");
+  const input = composer.getByRole("textbox");
+  await input.fill("Format me");
+  await input.press("Meta+a");
+  await composer.getByRole("button", { name: "Italic" }).click();
+  await expect(input.locator("em")).toHaveText("Format me");
+  await composer.getByRole("button", { name: "Link" }).click();
+  const dialog = page.getByRole("dialog");
+  await expect(dialog).toBeVisible();
+  await dialog.getByLabel("Link text").fill("Buzz");
+  await dialog.getByLabel("Address").fill("https://buzz.example");
+  await dialog.getByRole("button", { name: "Add link" }).click();
+  await expect(input.locator("a")).toHaveText("Buzz");
+  await expect(input.locator("a")).toHaveAttribute(
+    "href",
+    "https://buzz.example",
+  );
+});
diff --git a/desktop-new/tests/conversation-design.spec.ts b/desktop-new/tests/conversation-design.spec.ts
new file mode 100644
index 0000000000..90f3b469ee
--- /dev/null
+++ b/desktop-new/tests/conversation-design.spec.ts
@@ -0,0 +1,187 @@
+import { expect, test, type Page } from "@playwright/test";
+import { waitForAnimations } from "../../desktop/tests/helpers/animations";
+
+const route = "/design/components/conversation";
+async function choose(page: Page, name: string) {
+  await page.getByRole("combobox", { name: "Preview" }).click();
+  await page.getByRole("option", { name, exact: true }).click();
+}
+
+test("stable agent identities, independent disclosures, shared replies and notices", async ({
+  page,
+}) => {
+  await page.goto(route);
+  const playground = page.getByRole("region", { name: "Session playground" });
+  const vogue = playground.getByRole("region", { name: "Vogue activity" });
+  const rivet = playground.getByRole("region", { name: "Rivet activity" });
+  const ids = () =>
+    playground
+      .locator("[data-work-id]")
+      .evaluateAll((nodes) =>
+        nodes.map((node) => node.getAttribute("data-work-id")),
+      );
+  const originalIds = await ids();
+  await expect(vogue.getByText("Only you")).toBeVisible();
+  await expect(rivet.getByText("Only you")).toBeVisible();
+  const earlier = vogue.getByRole("button", { name: "2 earlier steps" });
+  await earlier.focus();
+  await page.keyboard.press("Enter");
+  await expect(
+    vogue.getByText("Read the conversation brief", { exact: true }),
+  ).toBeVisible();
+  await expect(
+    rivet.getByRole("button", { name: "1 earlier step" }),
+  ).toHaveAttribute("aria-expanded", "false");
+  await rivet
+    .getByRole("button", { name: "Checked the activity boundaries" })
+    .click();
+  await expect(
+    rivet.getByText("conversation → shared messages", { exact: false }),
+  ).toBeVisible();
+  await choose(page, "One agent finished");
+  expect(await ids()).toEqual(originalIds);
+  await expect(
+    vogue.getByRole("button", { name: "5 steps · Reviewed the conversation" }),
+  ).toHaveAttribute("aria-expanded", "false");
+  await expect(
+    rivet.getByRole("button", { name: "Checked the activity boundaries" }),
+  ).toHaveAttribute("aria-expanded", "true");
+  await expect(
+    playground.locator('[data-message-id="vogue-answer"]'),
+  ).toBeVisible();
+  await expect(
+    playground.locator('[data-message-id="rivet-answer"]'),
+  ).toHaveCount(0);
+  await choose(page, "Both finished");
+  await expect(
+    playground.locator('[data-message-id="rivet-answer"]'),
+  ).toBeVisible();
+  await expect(
+    vogue.getByRole("button", { name: "Vogue’s notes" }),
+  ).toHaveCount(0);
+  await choose(page, "Permission needed");
+  await expect(rivet.getByText("Allow Rivet to run the checks?")).toBeVisible();
+  await rivet.getByRole("button", { name: "Allow once" }).click();
+  await expect(rivet.getByText("Allowed in this preview")).toBeVisible();
+  await expect(rivet.getByRole("status")).toHaveText("Working");
+  await choose(page, "Stopped");
+  await rivet
+    .getByRole("button", { name: /steps · Checked the handoff/ })
+    .click();
+  await expect(rivet.locator('[data-status="running"]')).toHaveCount(0);
+  await choose(page, "Work failed");
+  await expect(rivet.getByText("The checks couldn’t finish")).toBeVisible();
+  await rivet.getByRole("button", { name: "Retry in preview" }).click();
+  await expect(rivet.getByRole("status")).toHaveText("Working");
+  expect(await ids()).toEqual(originalIds);
+  await playground.getByRole("textbox").fill("A local-only message");
+  await playground
+    .getByRole("button", { name: "Send message", exact: true })
+    .click();
+  await expect(
+    playground.getByText("A local-only message", { exact: true }),
+  ).toBeVisible();
+  await expect(playground.getByText("Sent in this preview only")).toBeVisible();
+  await playground.getByRole("textbox").fill("First line\nSecond line");
+  await playground
+    .getByRole("button", { name: "Send message", exact: true })
+    .click();
+  const submitted = playground.locator("[data-message-id]").last();
+  await expect(submitted.locator(".tiptap p")).toHaveCount(2);
+});
+
+test("message actions and recovery examples invoke their supplied callbacks", async ({
+  page,
+}) => {
+  await page.goto("/design/components/conversation-message");
+  const reaction = page.getByRole("button", {
+    name: "Thumbs up, 1 reactions",
+    exact: true,
+  });
+  await reaction.click();
+  await expect(
+    page.getByRole("button", { name: "Thumbs up, 2 reactions", exact: true }),
+  ).toHaveAttribute("aria-pressed", "true");
+  await page.getByRole("button", { name: "Reply to Vogue" }).click();
+  await expect(
+    page.getByText("Reply target selected: Vogue.", { exact: false }),
+  ).toBeVisible();
+  await page.getByRole("button", { name: "Retry send" }).click();
+  await expect(page.getByText("Sent in this preview")).toBeVisible();
+  await page.goto("/design/components/conversation-state");
+  await expect(page.getByRole("alert")).toContainText("Couldn’t load");
+  await page.getByRole("button", { name: "Retry loading" }).click();
+  await expect(page.getByRole("status")).toContainText(
+    "A place to work things through",
+  );
+});
+
+for (const width of [390, 820, 1440]) {
+  for (const scheme of ["light", "dark"]) {
+    test(`Session holds at ${width} in ${scheme}`, async ({ page }) => {
+      await page.setViewportSize({ width, height: 1000 });
+      await page.addInitScript(
+        (value) => localStorage.setItem("buzz-next-color-scheme", value),
+        scheme,
+      );
+      await page.goto(route);
+      await choose(page, "Both finished");
+      const playground = page.getByRole("region", {
+        name: "Session playground",
+      });
+      await expect(playground.locator("[data-work-id]")).toHaveCount(2);
+      await expect(playground.locator("[data-message-id]")).toHaveCount(3);
+      expect(
+        await page.evaluate(
+          () => document.documentElement.scrollWidth <= window.innerWidth,
+        ),
+      ).toBe(true);
+      expect(
+        await playground.evaluate(
+          (element) => element.scrollWidth <= element.clientWidth,
+        ),
+      ).toBe(true);
+      await waitForAnimations(page);
+      await playground.screenshot({
+        path: `test-results/conversation/session-${width}-${scheme}.png`,
+      });
+    });
+  }
+}
+
+test("quiet work uses step shimmer and animated Base UI disclosure", async ({
+  page,
+}) => {
+  await page.goto(route);
+  const area = page.getByRole("region", { name: "Vogue activity" });
+  await expect(
+    area.locator(".agent-work-identity .buzz-shimmer-text"),
+  ).toHaveCount(0);
+  await expect(area.locator(".work-step .buzz-shimmer-text")).toHaveText(
+    "Refining how the work settles",
+  );
+  const trigger = area.getByRole("button", { name: "2 earlier steps" });
+  await trigger.hover();
+  expect(
+    await trigger.evaluate((el) => getComputedStyle(el).backgroundColor),
+  ).toBe("rgba(0, 0, 0, 0)");
+  await trigger.click();
+  const panel = area.locator(".work-history .buzz-accordion-panel").first();
+  await expect(panel).toBeVisible();
+  expect(
+    await panel.evaluate((el) => getComputedStyle(el).transitionProperty),
+  ).toBe("height");
+  expect(
+    await panel.evaluate((el) =>
+      getComputedStyle(el).getPropertyValue("--accordion-panel-height"),
+    ),
+  ).not.toBe("");
+  await waitForAnimations(page);
+  await page
+    .getByRole("region", { name: "Session playground" })
+    .screenshot({ path: "test-results/conversation/quiet-expanded.png" });
+  await page.emulateMedia({ reducedMotion: "reduce" });
+  expect(
+    await panel.evaluate((el) => getComputedStyle(el).transitionProperty),
+  ).toBe("none");
+});
diff --git a/desktop-new/tests/disabled-icon-button.spec.ts b/desktop-new/tests/disabled-icon-button.spec.ts
new file mode 100644
index 0000000000..614c2d04e1
--- /dev/null
+++ b/desktop-new/tests/disabled-icon-button.spec.ts
@@ -0,0 +1,69 @@
+import { expect, test, type Locator } from "@playwright/test";
+
+async function colors(button: Locator) {
+  return button.evaluate((element) => {
+    const style = getComputedStyle(element);
+    const probe = document.createElement("span");
+    probe.style.color = "var(--text-disabled)";
+    probe.style.backgroundColor = "var(--neutral-3)";
+    element.appendChild(probe);
+    const expected = getComputedStyle(probe);
+    const result = {
+      color: style.color,
+      background: style.backgroundColor,
+      disabledColor: expected.color,
+      disabledBackground: expected.backgroundColor,
+    };
+    probe.remove();
+    return result;
+  });
+}
+
+for (const dark of [false, true]) {
+  test(`disabled round buttons lose active accent in ${dark ? "dark" : "light"} mode`, async ({
+    page,
+  }) => {
+    await page.goto("/design/components/icon-button");
+    if (dark) await page.getByRole("button", { name: "Use dark mode" }).click();
+    for (const variant of ["tint", "solid"]) {
+      const button = page.getByRole("button", {
+        name: `Disabled round ${variant}`,
+      });
+      await expect(button).toBeDisabled();
+      await expect
+        .poll(async () => {
+          const c = await colors(button);
+          return (
+            c.color === c.disabledColor && c.background === c.disabledBackground
+          );
+        })
+        .toBe(true);
+      const before = await colors(button);
+      expect(before.color).toBe(before.disabledColor);
+      expect(before.background).toBe(before.disabledBackground);
+      await button.hover({ force: true });
+      const after = await colors(button);
+      expect(after.color).toBe(before.color);
+      expect(after.background).toBe(before.background);
+    }
+    await page.goto("/design/components/composer");
+    const unavailable = page.getByRole("region", {
+      name: "Unavailable",
+      exact: true,
+    });
+    const send = unavailable.getByRole("button", { name: "Send message" });
+    await expect(send).toBeDisabled();
+    const actual = await colors(send);
+    expect(actual.color).toBe(actual.disabledColor);
+    expect(actual.background).toBe(actual.disabledBackground);
+    const playground = page.getByRole("region", {
+      name: "Composer playground",
+    });
+    await playground.getByRole("textbox").fill("Ready to send");
+    const enabled = playground.getByRole("button", { name: "Send message" });
+    await expect(enabled).toBeEnabled();
+    await expect
+      .poll(async () => (await colors(enabled)).color)
+      .not.toBe(actual.disabledColor);
+  });
+}
diff --git a/desktop-new/tests/expression-picker.spec.ts b/desktop-new/tests/expression-picker.spec.ts
new file mode 100644
index 0000000000..ed561aa6ea
--- /dev/null
+++ b/desktop-new/tests/expression-picker.spec.ts
@@ -0,0 +1,29 @@
+import { expect, test } from "@playwright/test";
+
+test("explores seeded emoji and GIF picker UI", async ({ page }) => {
+  await page.goto("/design/components/composer");
+  const composer = page.getByRole("region", { name: "Composer playground" });
+  await composer.getByRole("button", { name: "Choose emoji or GIF" }).click();
+  await expect(page.getByRole("tab", { name: "Emoji" })).toBeVisible();
+  await page.getByRole("textbox", { name: "Search emoji" }).fill("party");
+  await expect(
+    page.getByRole("button", { name: "Insert :party-parrot:" }),
+  ).toBeVisible();
+  const parrot = page.getByRole("button", { name: "Insert :party-parrot:" });
+  await parrot.hover();
+  await expect(page.getByText("party-parrot", { exact: true })).toBeVisible();
+  await parrot.click();
+  await expect(composer.getByRole("textbox")).toContainText(":party-parrot:");
+  await composer.getByRole("button", { name: "Choose emoji or GIF" }).click();
+  await page.getByRole("tab", { name: "GIFs" }).click();
+  await expect(
+    page.getByRole("textbox", { name: "Search GIFs" }),
+  ).toBeVisible();
+  await expect(
+    page.getByRole("button", { name: "Choose GIF 1" }),
+  ).toBeVisible();
+  await page.getByRole("button", { name: "Choose GIF 1" }).click();
+  await expect(page.getByRole("button", { name: "Choose GIF 1" })).toHaveCount(
+    0,
+  );
+});
diff --git a/desktop-new/tests/flex-workspace.spec.ts b/desktop-new/tests/flex-workspace.spec.ts
new file mode 100644
index 0000000000..7bd1b7d1fe
--- /dev/null
+++ b/desktop-new/tests/flex-workspace.spec.ts
@@ -0,0 +1,90 @@
+import { expect, type Page, test } from "@playwright/test";
+const URL = "/design/components/flex-workspace";
+
+async function moveTab(
+  page: Page,
+  name: string,
+  target: string,
+  edge: "center" | "right",
+) {
+  const source = await page
+    .getByRole("tab", { name, exact: true })
+    .boundingBox();
+  const destination = await page
+    .getByRole("tab", { name: target, exact: true })
+    .locator(
+      "xpath=ancestor::*[contains(@class,'flexlayout__tabset_container')][1]",
+    )
+    .boundingBox();
+  if (!source || !destination) throw new Error("Missing docking geometry");
+  await page.mouse.move(
+    source.x + source.width / 2,
+    source.y + source.height / 2,
+  );
+  await page.mouse.down();
+  await page.mouse.move(
+    source.x + source.width / 2 + 15,
+    source.y + source.height / 2,
+    { steps: 4 },
+  );
+  await page.mouse.move(
+    edge === "right"
+      ? destination.x + destination.width - 12
+      : destination.x + destination.width / 2,
+    destination.y + destination.height / 2,
+    { steps: 24 },
+  );
+  await page.mouse.up();
+}
+
+test("native tabs stack, split back out, and reset without losing panels", async ({
+  page,
+}) => {
+  await page.goto(URL);
+  await expect(page.getByRole("tab")).toHaveCount(4);
+  await expect(page.getByRole("tablist")).toHaveCount(4);
+  await moveTab(page, "Three", "One", "center");
+  await expect(page.getByRole("tablist")).toHaveCount(3);
+  await expect(page.getByRole("tab")).toHaveCount(4);
+  await moveTab(page, "Three", "Two", "right");
+  await expect(page.getByRole("tablist")).toHaveCount(4);
+  await moveTab(page, "Navigation", "One", "center");
+  await expect(page.getByRole("tablist")).toHaveCount(3);
+  await page.getByRole("button", { name: "Reset layout" }).click();
+  await expect(page.getByRole("tablist")).toHaveCount(4);
+});
+
+test("continuous resizing and theme changes preserve the arrangement", async ({
+  page,
+}) => {
+  await page.goto(URL);
+  const divider = page.getByRole("separator").first();
+  const before = await divider.boundingBox();
+  if (!before) throw new Error("Missing splitter");
+  await page.mouse.move(before.x + before.width / 2, before.y + 100);
+  await page.mouse.down();
+  await page.mouse.move(before.x + 55, before.y + 100, { steps: 12 });
+  expect((await divider.boundingBox())?.x).toBeGreaterThan(before.x + 30);
+  await page.mouse.up();
+  const after = await divider.boundingBox();
+  await page.getByRole("button", { name: /dark|light/i }).click();
+  await expect(page.getByRole("tab")).toHaveCount(4);
+  expect(await divider.boundingBox()).toEqual(after);
+});
+
+for (const width of [375, 768, 1440]) {
+  test(`comparison stays inside its frame at ${width}`, async ({ page }) => {
+    await page.setViewportSize({ width, height: 900 });
+    await page.goto(URL);
+    await expect(page.getByRole("tab")).toHaveCount(4);
+    const host = await page.locator(".flex-workspace-host").boundingBox();
+    if (!host) throw new Error("Missing frame");
+    for (const tab of await page.getByRole("tab").all()) {
+      const box = await tab.boundingBox();
+      expect(box?.x).toBeGreaterThanOrEqual(host.x);
+      expect((box?.x ?? 0) + (box?.width ?? 0)).toBeLessThanOrEqual(
+        host.x + host.width + 1,
+      );
+    }
+  });
+}
diff --git a/desktop-new/tests/panel-headers.spec.ts b/desktop-new/tests/panel-headers.spec.ts
new file mode 100644
index 0000000000..15253f45f8
--- /dev/null
+++ b/desktop-new/tests/panel-headers.spec.ts
@@ -0,0 +1,49 @@
+import { expect, test } from "@playwright/test";
+
+for (const width of [375, 768, 1280]) {
+  test(`conversation headers compose one shared frame at ${width}`, async ({
+    page,
+  }) => {
+    await page.setViewportSize({ width, height: 900 });
+    await page.goto("/design/components/conversation-header");
+    const identities = page.locator(".conversation-header-identity");
+    await expect(identities).toHaveCount(4);
+    // Removing PanelHeader from the composition must fail this test.
+    await expect(
+      page.locator(".panel-header .conversation-header-identity"),
+    ).toHaveCount(4);
+    await expect(page.locator(".panel-header header")).toHaveCount(0);
+    for (const header of await page.locator(".panel-header").all()) {
+      const contained = await header.evaluate((element) => {
+        const bounds = element.getBoundingClientRect();
+        return [...element.querySelectorAll("button")].every((button) => {
+          const rect = button.getBoundingClientRect();
+          return rect.left >= bounds.left && rect.right <= bounds.right + 1;
+        });
+      });
+      expect(contained).toBe(true);
+    }
+    for (const context of await page
+      .locator(".conversation-header-context")
+      .all()) {
+      await expect(context).toBeVisible();
+    }
+  });
+}
+
+test("the live conversation retains its actions inside one shared header", async ({
+  page,
+}) => {
+  await page.goto("/?mock=1");
+  await page.getByRole("button", { name: "design", exact: true }).click();
+  const header = page.locator(".session-view > .panel-header");
+  await expect(header).toHaveCount(1);
+  await expect(
+    header.getByRole("heading", { name: "design", exact: true }),
+  ).toBeVisible();
+  await expect(
+    header.getByRole("button", { name: "Start Session", exact: true }),
+  ).toBeVisible();
+  await header.getByRole("button", { name: "3 participants" }).click();
+  await expect(page.getByRole("dialog")).toBeVisible();
+});
diff --git a/desktop-new/tests/workspace.spec.ts b/desktop-new/tests/workspace.spec.ts
new file mode 100644
index 0000000000..8cc08393af
--- /dev/null
+++ b/desktop-new/tests/workspace.spec.ts
@@ -0,0 +1,95 @@
+import { expect, test } from "@playwright/test";
+
+/**
+ * The workspace's layout seams and its agreement with the colour-scheme fact.
+ *
+ * Each assertion here corresponds to a defect that had already shipped, and
+ * each is falsifiable: removing the production rule turns the test red. That
+ * matters most for the two that no screenshot would catch — a resize handle too
+ * narrow to grab, and a vendor theme that disagrees with the app's mode.
+ */
+
+test("the panels are separated by a gutter with a grabbable seam inside it", async ({
+  page,
+}) => {
+  await page.goto("/?mock=1");
+  await page.getByRole("button", { name: "design", exact: true }).click();
+  await expect(
+    page.getByRole("heading", { name: "design", exact: true }),
+  ).toBeVisible();
+
+  const geometry = await page.evaluate(() => {
+    const views = [
+      ...document.querySelectorAll(
+        ".buzz-dockview .dv-horizontal > .dv-view-container > .dv-view",
+      ),
+    ];
+    const sash = document.querySelector(".buzz-dockview .dv-sash");
+    if (views.length < 2 || !sash) return null;
+    const [first, second] = views.map((view) =>
+      view.getBoundingClientRect(),
+    ) as [DOMRect, DOMRect];
+    const seam = sash.getBoundingClientRect();
+    return {
+      gutter: second.left - first.right,
+      gutterCentre: (first.right + second.left) / 2,
+      seamWidth: seam.width,
+      seamCentre: (seam.left + seam.right) / 2,
+      cursor: getComputedStyle(sash).cursor,
+    };
+  });
+  if (!geometry) throw new Error("The workspace did not render two panels.");
+
+  // The air between panels is the dockview theme's `gap`, fed from
+  // `--space-panel-gap`. Each group used to carry inset padding instead, which
+  // looked the same and left no seam in the gutter to grab.
+  expect(geometry.gutter).toBeGreaterThan(4);
+
+  // The grab area is deliberately wider than the gutter it sits in: an 8px
+  // invisible seam is not a hit target. Dockview's own width is 4px, so this
+  // fails if our rule stops applying — which is exactly what happened when the
+  // vendor stylesheet was imported unlayered and beat every rule we authored.
+  expect(geometry.seamWidth).toBeGreaterThan(8);
+
+  // Widening it must be paid for on both sides. Measured against the gutter
+  // rather than dockview's own width, the seam lands 2px off centre.
+  expect(Math.abs(geometry.seamCentre - geometry.gutterCentre)).toBeLessThan(1);
+
+  // Dockview sets the axis cursor per orientation. A hardcoded `col-resize`
+  // would be wrong on every horizontal seam.
+  expect(geometry.cursor).toBe("ew-resize");
+});
+
+test("the workspace layout follows the one colour-scheme answer", async ({
+  page,
+}) => {
+  await page.goto("/?mock=1");
+  await page.evaluate(() => localStorage.removeItem("buzz-next-color-scheme"));
+  await page.reload();
+
+  const dockTheme = () =>
+    page
+      .locator("[class*=dockview-theme]")
+      .first()
+      .getAttribute("class")
+      .then((value) => value ?? "");
+
+  await page.getByRole("button", { name: "Use dark mode" }).click();
+  await expect(page.locator("html")).toHaveClass(/dark/);
+
+  // The real assertion. `useColorScheme` used to hold per-caller `useState`, so
+  // the shell's toggle updated only the shell's copy. The `.dark` class still
+  // flipped — the shell writes it — so everything reading the mode through CSS
+  // looked right and this defect was invisible. Dockview takes its theme as a
+  // JavaScript object, so it kept being handed the light theme on a dark page,
+  // painting an opaque white sheet behind the glass panels.
+  await expect
+    .poll(dockTheme, { message: "dockview theme after switching to dark" })
+    .toContain("dark");
+
+  await page.getByRole("button", { name: "Use light mode" }).click();
+  await expect(page.locator("html")).not.toHaveClass(/dark/);
+  await expect
+    .poll(dockTheme, { message: "dockview theme after switching to light" })
+    .toContain("light");
+});
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index b829e9e10f..b1e780f600 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -313,6 +313,9 @@ importers:
       '@base-ui/react':
         specifier: 1.7.0
         version: 1.7.0(@date-fns/tz@1.5.0)(@types/react@19.2.18)(date-fns@4.4.0)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)
+      '@emoji-mart/data':
+        specifier: ^1.2.1
+        version: 1.2.1
       '@fontsource-variable/inter':
         specifier: ^5.2.8
         version: 5.2.8
@@ -331,6 +334,12 @@ importers:
       '@tiptap/core':
         specifier: ^3.22.3
         version: 3.22.5(@tiptap/pm@3.22.5)
+      '@tiptap/extension-link':
+        specifier: ^3.22.5
+        version: 3.22.5(@tiptap/core@3.22.5(@tiptap/pm@3.22.5))(@tiptap/pm@3.22.5)
+      '@tiptap/extension-placeholder':
+        specifier: ^3.22.5
+        version: 3.22.5(@tiptap/extensions@3.22.5(@tiptap/core@3.22.5(@tiptap/pm@3.22.5))(@tiptap/pm@3.22.5))
       '@tiptap/pm':
         specifier: ^3.22.3
         version: 3.22.5
@@ -343,12 +352,18 @@ importers:
       dockview-react:
         specifier: 8.2.0
         version: 8.2.0(react-dom@19.2.8(react@19.2.8))(react@19.2.8)
+      flexlayout-react:
+        specifier: 0.10.8
+        version: 0.10.8(react-dom@19.2.8(react@19.2.8))(react@19.2.8)
       react:
         specifier: ^19.1.0
         version: 19.2.8
       react-dom:
         specifier: ^19.1.0
         version: 19.2.8(react@19.2.8)
+      tiptap-markdown:
+        specifier: ^0.9.0
+        version: 0.9.0(@tiptap/core@3.22.5(@tiptap/pm@3.22.5))
     devDependencies:
       '@playwright/test':
         specifier: ^1.60.0
@@ -2620,6 +2635,13 @@ packages:
     resolution: {integrity: sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==}
     engines: {node: '>=8'}
 
+  flexlayout-react@0.10.8:
+    resolution: {integrity: sha512-lL+NVIvReIMhsl2H78qm7GKVE1OGXSe03PtcE2MZ+s5b0irBF578hRCWcdnv+GLeFADyHofa63L0E4oVQe9kCA==}
+    engines: {node: '>=20'}
+    peerDependencies:
+      react: ^18.0.0 || ^19.0.0
+      react-dom: ^18.0.0 || ^19.0.0
+
   for-each@0.3.5:
     resolution: {integrity: sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==}
     engines: {node: '>= 0.4'}
@@ -5853,6 +5875,11 @@ snapshots:
       locate-path: 5.0.0
       path-exists: 4.0.0
 
+  flexlayout-react@0.10.8(react-dom@19.2.8(react@19.2.8))(react@19.2.8):
+    dependencies:
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+
   for-each@0.3.5:
     dependencies:
       is-callable: 1.2.7