Phase 3 classification harness

docs/design-references-shared/README.md

@@ -0,0 +1,17 @@
+# shared/iris-shared.jsx — design reference, not source
+
+Reference implementations from the original Claude.ai design exploration.
+Components in this file (`IrisHeader`, `IrisSearchBar`, `LocalAIBadge`,
+`FitMeter`, `StatusPill`, `ActionRow`, `StreamingText`, …) were ported into
+the live React app under `src/components/` and `src/utils/` — the versions
+here are kept verbatim so a future reader can compare implementations
+against the original prototype.
+
+**Do not import from this file in `src/`.** It runs against a Babel-standalone
+environment in `IRIS Triage.html` and uses inline-style patterns the live
+app intentionally moved away from (the live app uses Tailwind utility
+classes on top of CSS custom properties from `styles/tokens.css`).
+
+If you're trying to "fix" or "consolidate" this file: stop. Edit the live
+component under `src/components/` instead. The existence of this file is
+documentation, not duplication.

src/App.jsx

@@ -18,12 +18,15 @@ const NLPTestPanel = import.meta.env.DEV
 const ProdScenarioTestPanel = import.meta.env.DEV
   ? lazy(() => import('./components/ProdScenarioTestPanel'))
   : null
+const ClassificationHarness = import.meta.env.DEV
+  ? lazy(() => import('./components/ClassificationHarness'))
+  : null
 
 function getTestRoute() {
   if (typeof window === 'undefined') return null
   if (!import.meta.env.DEV) return null
   const t = new URLSearchParams(window.location.search).get('test')
-  return t === 'nlp' || t === 'scenarios' ? t : null
+  return t === 'nlp' || t === 'scenarios' || t === 'classify' ? t : null
 }
 
 function IrisApp() {
@@ -45,6 +48,15 @@ function IrisApp() {
       </div>
     )
   }
+  if (testRoute === 'classify' && ClassificationHarness) {
+    return (
+      <div className="min-h-screen bg-parchment-50">
+        <Suspense fallback={<div className="p-6 text-sm">Loading classification harness…</div>}>
+          <ClassificationHarness />
+        </Suspense>
+      </div>
+    )
+  }
   if (testRoute === 'scenarios' && ProdScenarioTestPanel) {
     // ProdScenarioTestPanel calls fetch directly, so it doesn't need a query
     // client. IrisApp is already inside the App() QueryClientProvider, so no