docs(ui): Compass brand-parity design record (RIG-4774)

docs/designs/decisions/ui/DL-418.md

@@ -0,0 +1,6 @@
+---
+id: DL-418
+decision: "Compass loads its brand faces itself: `@font-face` rules in `tokens.css` for Space Mono (regular, bold), Departure Mono, and IBM Plex Mono from OFL files bundled under `apps/ui/src/design/fonts/`, `font-display: swap`; host-installed fonts are never assumed"
+status: "Active (Matt, 2026-10-07)"
+record: ../../ui/compass-brand-parity/design.md#a1--ship-the-brand-faces
+---

docs/designs/decisions/ui/DL-419.md

@@ -0,0 +1,6 @@
+---
+id: DL-419
+decision: "Compass corners are square, as on rigel.build: the `--cx-radius-*` tokens and every `border-radius` declaration are deleted and a stylelint rule bans the property; this supersedes the radius values in ux-foundation D1"
+status: "Active (Matt, 2026-10-07)"
+record: ../../ui/compass-brand-parity/design.md#a2a--square-corners
+---

docs/designs/decisions/ui/DL-420.md

@@ -0,0 +1,6 @@
+---
+id: DL-420
+decision: "A live agent's state dot is a client-side join over the per-account `AccountSession` that the event stream keeps, projected through `agentDotState`, with comms presence as the fallback. On READY the order is waiting (presence WAITING) > done > idle; done means the last WORKING→READY time is after the agent's last-opened time, which is persisted per workspace in `localStorage`. No proto change"
+status: "Active (Matt, 2026-10-07)"
+record: ../../ui/compass-brand-parity/design.md#a3--agent-lifecycle-is-a-client-side-join-over-session-status
+---

docs/designs/decisions/ui/DL-421.md

@@ -0,0 +1,6 @@
+---
+id: DL-421
+decision: "`StateDot` `working`/`waiting`/`done` cells follow the rigel.build renders (the other five glyphs keep their DL-150 cells); the glyph scales only by integers, 1× (9px) in dense spots and 2× (18px) in tree rows; the working pulse breathes between 0.7 and 1"
+status: "Active (Matt, 2026-10-07)"
+record: ../../ui/compass-brand-parity/design.md#a4--site-glyph-cells-and-an-integer-2-scale
+---

docs/designs/decisions/ui/DL-422.md

@@ -0,0 +1,6 @@
+---
+id: DL-422
+decision: "The agent tree is a main view at `/agents`, the site's Manager tree as depth-indented agent cards, listed first in the left sidebar's view links and first in the palette's view destinations; the left-sidebar tree stays the compact navigator with the 2× state glyph"
+status: "Active (Matt, 2026-10-08)"
+record: ../../ui/compass-brand-parity/design.md#a5--the-agent-tree-the-highlight
+---

docs/designs/decisions/ui/DL-423.md

@@ -0,0 +1,6 @@
+---
+id: DL-423
+decision: "A channel message renders the rigel.build anatomy on `.msg` directly: author handle in text color, a kind tag (`AGENT`/`HUMAN`/`SYSTEM`), an `ASK` flag for an ask block and a `STEER` flag for an @-mention of an agent, time pushed right in faint, body in dim text; a human message sits on the raised surface with a 2px accent left rule. The `.msg-role` author colors and `--cx-author-system` are deleted"
+status: "Active (Matt, 2026-10-07)"
+record: ../../ui/compass-brand-parity/design.md#a6--message-anatomy
+---

docs/designs/decisions/ui/DL-424.md

@@ -0,0 +1,6 @@
+---
+id: DL-424
+decision: "Compass text entry uses the D3 primitives, each imported by the component that uses it: top search and the shortcuts search are `cx-search`, new-topic fields are `cx-input`, and the channel composer is a `textarea.cx-composer` that grows to its content up to 40vh (Enter sends, Shift-Enter inserts a newline, Enter during IME composition does nothing) with a primary `cx-btn` send; a new `--cx-border-field` (mute) edges text boxes"
+status: "Active (Matt, 2026-10-07)"
+record: ../../ui/compass-brand-parity/design.md#a7--text-entry-uses-the-primitives
+---

docs/designs/decisions/ui/DL-425.md

@@ -0,0 +1,6 @@
+---
+id: DL-425
+decision: "The topbar brand is the Compass needle mark alone at 24px, replacing the plain-text \"Compass\" name, with \"Compass\" as its accessible name; purple lives only in that SVG asset; `surfaces.md` Mark placement names the needle instead of the sigil wordmark"
+status: "Active (Matt, 2026-10-08)"
+record: ../../ui/compass-brand-parity/design.md#a8--the-compass-mark-in-the-top-bar
+---

docs/designs/decisions/ui/DL-430.md

@@ -0,0 +1,6 @@
+---
+id: DL-430
+decision: "Status greens and type weight follow rigel.build: `--cx-ci-pass` is the working green and `--cx-review-approved` is cyan (`--cx-ok` stays the syntax-tier green); chrome carries hierarchy by color, case, and letter-spacing, and a stylelint rule allows only weight 400 outside markdown headings"
+status: "Active (Matt, 2026-10-07)"
+record: ../../ui/compass-brand-parity/design.md#a9--site-greens-and-hierarchy-by-color
+---

docs/designs/decisions/ui/DL-437.md

@@ -0,0 +1,6 @@
+---
+id: DL-437
+decision: "Compass surfaces follow rigel.build with stronger pane edges: shell chrome (topbar, both sidebars, the Session Log) sits on `--cx-bg` and pane heads on `--cx-bg-panel`; `--cx-border` is night-2 for lines inside a pane, and `--cx-border-strong` is selection and draws every pane edge (both sidebars, the Session Log, and the topbar's bottom edge)"
+status: "Active (Matt, 2026-10-08)"
+record: ../../ui/compass-brand-parity/design.md#a2b--surfaces-and-lines
+---

docs/designs/decisions/ui/DL-438.md

@@ -0,0 +1,6 @@
+---
+id: DL-438
+decision: "Backlog and Done are Bridge segments that keep their list layouts: the control is `Issues | PRs | Backlog · N | Done`; `/backlog` and `/done` stay routed and render the Bridge on that segment, so every path, chord, and palette entry keeps working; the left sidebar drops both links; Issues/PRs stay the DL-097 local signal, and the board keyboard group runs only on them"
+status: "Active (Matt, 2026-10-08)"
+record: ../../ui/compass-brand-parity/design.md#a10--backlog-and-done-inside-the-bridge
+---