feat(web): Agent Inbox UI — the Claude Design hand-back over the real API (HT-23)

.github/workflows/ci.yml

@@ -30,6 +30,12 @@ jobs:
       - name: Typecheck
         run: npm run typecheck
 
+      - name: Typecheck web
+        run: npm run -w web typecheck
+
+      - name: Build web
+        run: npm run -w web build
+
       - name: Lint
         run: npm run lint
 

CLAUDE.md

@@ -34,6 +34,10 @@ Adapted in our own words from Andrej Karpathy's observations on LLM coding pitfa
 
 **Agents** are human support staff. **Assistants** are AI actors. Never conflate them — in schema, code, docs, or prose.
 
+## UI fidelity (TJ, 2026-07-12)
+
+The Agent Inbox UI's pixel source of truth is the Claude Design prototype — `Helpthread App.dc.html` in the "Helpthread Agent Inbox Design" project (the "Helpthread" design-system project carries the same components). **The dogfood site must match it exactly — the whole designed surface, not a subset.** Design-system files under `web/src/components/ds/` stay verbatim copies; improvements go upstream in the design project first. Any deviation — visual, copy, or interaction — requires TJ's explicit sign-off. Remaining gaps are tracked as the fidelity checklist on [HT-23](https://resonantiq.atlassian.net/browse/HT-23); the ticket is not done until the checklist is.
+
 ## Ecosystem
 
 - **This repo**: engineering truth — charter, specs, ADRs, code.

biome.json

@@ -21,6 +21,24 @@
       "preset": "recommended"
     }
   },
+  "overrides": [
+    {
+      "includes": ["web/src/components/ds/**"],
+      "linter": {
+        "rules": {
+          "correctness": { "noUnusedImports": "off" },
+          "complexity": { "useOptionalChain": "off" },
+          "style": { "useTemplate": "off" },
+          "suspicious": { "noExplicitAny": "off" },
+          "a11y": {
+            "noSvgWithoutTitle": "off",
+            "useKeyWithClickEvents": "off",
+            "noStaticElementInteractions": "off"
+          }
+        }
+      }
+    }
+  ],
   "javascript": {
     "formatter": {
       "quoteStyle": "single",