From 90fed7fb4ff8ed7042c3d97a0195ccc9a1d419b4 Mon Sep 17 00:00:00 2001
From: hshum <hshum@users.noreply.github.com>
Date: Thu, 16 Jul 2026 22:55:31 -0700
Subject: [PATCH] refactor(chat): clarify the single action surface

---
 .../ai-ui/PrimitiveMigration.guard.test.ts    |   1 -
 src/features/redesign/README.md               |  10 +-
 src/features/redesign/RedesignShell.tsx       |  19 +-
 src/features/redesign/agent-workspace.css     |  56 +-
 .../redesign/components/ChatEmptyState.tsx    |   2 -
 .../redesign/components/RightInspector.tsx    | 871 ------------------
 .../redesign/components/TopNav.test.tsx       |   6 +-
 src/features/redesign/components/TopNav.tsx   |  16 +-
 .../components/UniversalComposer.test.tsx     |   4 +-
 .../redesign/components/UniversalComposer.tsx |  18 +-
 .../AgentWorkspaceHonesty.guard.test.ts       |  18 +-
 .../redesign/surfaces/ChatSurface.tsx         | 466 +---------
 .../surfaces/OneSurface.guard.test.ts         |  15 +-
 .../redesign/surfaces/WorkspaceSurface.tsx    |   2 +-
 14 files changed, 129 insertions(+), 1375 deletions(-)
 delete mode 100644 src/features/redesign/components/RightInspector.tsx

diff --git a/src/components/ai-ui/PrimitiveMigration.guard.test.ts b/src/components/ai-ui/PrimitiveMigration.guard.test.ts
index 47945bb72..c91dbfcdd 100644
--- a/src/components/ai-ui/PrimitiveMigration.guard.test.ts
+++ b/src/components/ai-ui/PrimitiveMigration.guard.test.ts
@@ -26,7 +26,6 @@ const migratedSurfaces = [
   "src/features/redesign/components/CommandPalette.tsx",
   "src/layouts/chrome/CommandPalette.tsx",
   "src/features/redesign/components/MessageActions.tsx",
-  "src/features/redesign/components/RightInspector.tsx",
   "src/shared/ui/SurfacePrimitives.tsx",
   "src/features/redesign/surfaces/ReportsSurface.tsx",
   "src/layouts/settings/SettingsModal.tsx",
diff --git a/src/features/redesign/README.md b/src/features/redesign/README.md
index 112ab2e74..73b51df3a 100644
--- a/src/features/redesign/README.md
+++ b/src/features/redesign/README.md
@@ -21,8 +21,9 @@ All redesign code is scoped to `[data-redesign]`. The active shell shares the li
 
 ## File map
 
-The active runtime tree is `RedesignShell` → `TopNav` + `ChatSurface` + the conditional
-`RightInspector`. The remaining historical surface modules are retained only as
+The active runtime tree is `RedesignShell` → `TopNav` + `ChatSurface`. Runtime scope,
+evidence, receipts, and source review live progressively inside the conversation instead
+of a parallel inspector. The remaining historical surface modules are retained only as
 unmounted migration references while their reusable runtime fragments are folded into
 the conversation; adding them back to `RedesignShell` violates the one-surface guard.
 
@@ -39,7 +40,6 @@ src/features/redesign/
 │   ├── UniversalComposer.tsx              Claude/ChatGPT-style composer · tier dropdown · + menu · send circle
 │   ├── Pill.tsx                           tone-mapped status pill (accent / green / blue / amber / red)
 │   ├── CardStack.tsx                      3-column max graph traversal · breadcrumb + Back · drill / promote
-│   ├── RightInspector.tsx                 chat right rail · Report status · Active entity · Graph · Sources · Threads
 │   └── MobileShell.tsx                    capture-first phone shell · bottom 5-tab nav · bottom sheets
 │
 └── surfaces/
@@ -57,7 +57,7 @@ src/features/redesign/
 
 | Path | Renders |
 |---|---|
-| `/redesign/chat` | The canonical `ChatSurface`, with a contextual runtime inspector after a run starts |
+| `/redesign/chat` | The canonical `ChatSurface`, with progressive runtime and evidence detail inside each run |
 | `/redesign/chat/r/:hash` | The same conversation with an immutable receipt loaded as context and the composer still available |
 | `/redesign`, `/redesign/reports/*`, `/redesign/inbox`, `/redesign/me`, `/redesign/workspace` | Context-preserving replace into `/redesign/chat` |
 | Main-site `/reports/:id` and its brief/cards/notebook/sources/graph/map tabs | Report and artifact context in `/redesign/chat`; recursive editing stays on the Workspace hostname |
@@ -165,7 +165,7 @@ import {
 } from "@/features/redesign/components/UniversalComposer";
 
 <UniversalComposer
-  contextLabel="Asking about: Orbital Labs"   // top-left chip
+  contextLabel="Orbital Labs"                 // top-left context chip
   onContextChange={() => {/* open picker */}}  // chip click
   onSubmit={(text, tier) => {/* dispatch */}}  // Enter or send-button click
   tier="auto"                                  // controlled tier (omit for uncontrolled)
diff --git a/src/features/redesign/RedesignShell.tsx b/src/features/redesign/RedesignShell.tsx
index 84dab4c9d..3d79c0d64 100644
--- a/src/features/redesign/RedesignShell.tsx
+++ b/src/features/redesign/RedesignShell.tsx
@@ -13,10 +13,8 @@ import "./tokens.css";
 import "./primitives.css";
 import "./agent-workspace.css";
 
-import { RightInspector, type AgentRailSnapshot } from "./components/RightInspector";
 import { TopNav } from "./components/TopNav";
 import { ChatSurface } from "./surfaces/ChatSurface";
-import type { LiveArtifactDetail } from "./hooks/useLiveArtifacts";
 import { parseChatLaunchParams } from "./lib/chatContinuation";
 import { canonicalRedesignChatTarget, pathToChatHash } from "./lib/oneSurfaceRouting";
 
@@ -29,8 +27,6 @@ export default function RedesignShell() {
   const location = useLocation();
   const navigate = useNavigate();
   const [theme, setTheme] = useState<"light" | "dark">(readInitialTheme);
-  const [activeChatDetail, setActiveChatDetail] = useState<LiveArtifactDetail | null>(null);
-  const [activeChatAgentRail, setActiveChatAgentRail] = useState<AgentRailSnapshot | null>(null);
 
   const canonicalTarget = useMemo(
     () => canonicalRedesignChatTarget(location.pathname, location.search),
@@ -39,7 +35,6 @@ export default function RedesignShell() {
   const chatLaunch = useMemo(() => parseChatLaunchParams(location.search), [location.search]);
   const routeChatHash = useMemo(() => pathToChatHash(location.pathname), [location.pathname]);
   const continuationHash = chatLaunch.continuationHash ?? routeChatHash ?? undefined;
-  const showChatInspector = Boolean(activeChatAgentRail?.hasIntent);
 
   useEffect(() => {
     if (canonicalTarget) navigate(canonicalTarget, { replace: true });
@@ -62,6 +57,10 @@ export default function RedesignShell() {
       data-redesign
       data-redesign-theme={theme}
       data-product-surface="decision-workspace"
+      data-screen-id="decision-workspace"
+      data-screen-title="NodeBench"
+      data-screen-path="/redesign/chat"
+      data-screen-state="ready"
       style={{
         height: "100dvh",
         overflow: "hidden",
@@ -75,7 +74,7 @@ export default function RedesignShell() {
       />
 
       <div
-        className={`rd-shell rd-shell--home-v2 rd-shell--chat-v3 rd-shell--chat-focus ${showChatInspector ? "" : "rd-shell--chat-no-inspector"}`}
+        className="rd-shell rd-shell--home-v2 rd-shell--chat-v3 rd-shell--chat-focus rd-shell--chat-no-inspector"
         style={{ flex: 1, minHeight: 0 }}
       >
         <div className="rd-shell__main">
@@ -84,18 +83,10 @@ export default function RedesignShell() {
               <ChatSurface
                 initialPrompt={chatLaunch.prompt}
                 continuationHash={continuationHash}
-                onActiveContextChange={setActiveChatDetail}
-                onAgentRailChange={setActiveChatAgentRail}
               />
             </div>
           </main>
 
-          {showChatInspector && (
-            <RightInspector
-              activeLiveArtifactDetail={activeChatDetail ?? undefined}
-              agentSnapshot={activeChatAgentRail}
-            />
-          )}
         </div>
       </div>
 
diff --git a/src/features/redesign/agent-workspace.css b/src/features/redesign/agent-workspace.css
index e2ef54fb7..3a56b4210 100644
--- a/src/features/redesign/agent-workspace.css
+++ b/src/features/redesign/agent-workspace.css
@@ -6,17 +6,9 @@
 }
 
 [data-redesign] .rd-shell--chat-v3 .rd-shell__main {
-  grid-template-columns: minmax(0, 1fr) 320px;
-}
-
-[data-redesign] .rd-shell--chat-v3.rd-shell--chat-no-inspector .rd-shell__main {
   grid-template-columns: minmax(0, 1fr);
 }
 
-[data-redesign] .rd-shell--chat-v3 .rd-pane--right.chat-context {
-  width: 320px;
-}
-
 [data-redesign] .rd-shell--chat-v3 .rd-shell__main > .rd-pane:first-child {
   align-items: stretch;
   padding: 0;
@@ -157,13 +149,30 @@
 }
 
 .rd-account-menu {
-  min-width: 170px;
+  width: min(340px, calc(100vw - 24px));
   border-color: var(--rd-line);
   background: var(--rd-panel);
   color: var(--rd-ink);
   font-family: var(--rd-font-sans);
 }
 
+.rd-account-menu .rd-account-voice {
+  margin: 4px;
+  border-radius: 12px;
+  padding: 12px;
+  box-shadow: none;
+}
+
+[data-redesign] .rd-composer-submit {
+  width: 36px;
+  height: 36px;
+  min-height: 36px;
+  padding: 0;
+  border-radius: 50%;
+  display: inline-grid;
+  place-items: center;
+}
+
 [data-redesign] .rd-launch-context {
   display: grid;
   gap: 4px;
@@ -204,13 +213,26 @@
   list-style-position: inside;
 }
 
-[data-redesign] .rd-run-scope > summary span:nth-of-type(2) {
+[data-redesign] .rd-run-scope__icon {
+  flex: 0 0 auto;
+  color: var(--rd-green);
+}
+
+[data-redesign] .rd-run-scope > summary span:first-of-type {
+  min-width: 0;
+  flex: 1;
   max-width: 36ch;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
+[data-redesign] .rd-run-scope > summary span:last-of-type {
+  flex: 0 0 auto;
+  color: var(--rd-ink-soft);
+  white-space: nowrap;
+}
+
 [data-redesign] .rd-run-scope dl {
   display: grid;
   gap: 6px;
@@ -259,12 +281,6 @@
   line-height: 1.2;
 }
 
-[data-redesign] .rd-chat-empty__sub {
-  max-width: 58ch;
-  font-size: 14px;
-  line-height: 1.5;
-}
-
 [data-redesign] .rd-chat-empty__chips {
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 8px;
@@ -296,18 +312,14 @@
     gap: 8px;
   }
 
-  [data-redesign] .rd-run-scope > summary span:nth-of-type(2) {
+  [data-redesign] .rd-run-scope > summary span:first-of-type {
     display: block;
     min-width: 0;
     flex: 1;
     max-width: none;
   }
 
-  [data-redesign] .rd-run-scope > summary span:nth-of-type(3) {
-    display: none;
-  }
-
-  [data-redesign] .rd-run-scope > summary span:nth-of-type(4) {
+  [data-redesign] .rd-run-scope > summary span:last-of-type {
     flex: 0 0 auto;
   }
 
diff --git a/src/features/redesign/components/ChatEmptyState.tsx b/src/features/redesign/components/ChatEmptyState.tsx
index ae541f6d5..d1d3d6d38 100644
--- a/src/features/redesign/components/ChatEmptyState.tsx
+++ b/src/features/redesign/components/ChatEmptyState.tsx
@@ -20,9 +20,7 @@ export function ChatEmptyState({ onPick, starters = STARTERS }: ChatEmptyStatePr
   return (
     <div className="rd-chat-empty">
       <div className="rd-chat-empty__hero">
-        <div className="rd-chat-empty__avatar" aria-hidden="true">✦</div>
         <h2 className="rd-chat-empty__h">What do you need to know?</h2>
-        <p className="rd-chat-empty__sub">Ask from saved memory or start a sourced research run.</p>
       </div>
 
       <div className="rd-chat-empty__chips">
diff --git a/src/features/redesign/components/RightInspector.tsx b/src/features/redesign/components/RightInspector.tsx
deleted file mode 100644
index 4bf98c18f..000000000
--- a/src/features/redesign/components/RightInspector.tsx
+++ /dev/null
@@ -1,871 +0,0 @@
-/**
- * RightInspector - chat-page right rail.
- *
- * The rail can be driven by an explicit active live artifact from Chat. When
- * no prop is passed, it falls back to the saved live artifact list.
- */
-
-import { useState, type ReactNode } from "react";
-import { Pill } from "./Pill";
-import { useLiveArtifacts, type LiveArtifactDetail } from "../hooks/useLiveArtifacts";
-import { VoiceCostBadge } from "@/features/voice";
-import { useCurrentUserId } from "@/hooks/useCurrentUser";
-import { buildGraphContextBridgePacket } from "../lib/graphContextBridge";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ai-ui/tabs";
-
-export type AgentRailStatus = "done" | "running" | "queued" | "blocked" | "idle";
-
-export interface AgentRailItem {
-  id: string;
-  label: string;
-  status?: AgentRailStatus;
-  detail?: string;
-  meta?: string;
-  href?: string;
-}
-
-export interface AgentRailMetric {
-  label: string;
-  value: string;
-  tone?: "green" | "amber" | "accent";
-}
-
-export interface AgentWorkspaceContract {
-  objective: string;
-  reads: string;
-  writes: string;
-  verification: string;
-  reviewHref?: string;
-}
-
-export interface AgentRailSnapshot {
-  title: string;
-  subtitle?: string;
-  /** True only after a user prompt or runtime run exists. */
-  hasIntent?: boolean;
-  status: "idle" | "thinking" | "ok" | "error";
-  runId?: string;
-  progress: AgentRailItem[];
-  runDetails: AgentRailItem[];
-  artifacts: AgentRailItem[];
-  backgroundAgents: AgentRailItem[];
-  sources: AgentRailItem[];
-  metrics?: AgentRailMetric[];
-  contract?: AgentWorkspaceContract;
-}
-
-const chatContextTabs = [
-  { id: "session", label: "Run" },
-  { id: "trace", label: "Evidence" },
-] as const;
-
-type ChatContextTab = typeof chatContextTabs[number]["id"];
-
-interface RightInspectorProps {
-  activeLiveArtifactDetail?: LiveArtifactDetail | null;
-  agentSnapshot?: AgentRailSnapshot | null;
-}
-
-export function RightInspector({ activeLiveArtifactDetail, agentSnapshot }: RightInspectorProps = {}) {
-  const [activeTab, setActiveTab] = useState<ChatContextTab>("session");
-  const liveArtifacts = useLiveArtifacts(12);
-  const detail = activeLiveArtifactDetail === undefined
-    ? liveArtifacts.details[0]
-    : activeLiveArtifactDetail ?? undefined;
-  const resolvedAgentSnapshot = agentSnapshot ?? buildFallbackAgentSnapshot(detail, liveArtifacts.isLoading);
-  const graphPacket = detail ? buildGraphContextBridgePacket({ detail, mode: "agent" }) : null;
-  // HONEST_STATUS: only mount VoiceCostBadge for signed-in viewers.
-  // `null` = signed out (skip), `undefined` = loading auth (skip until known).
-  const userId = useCurrentUserId();
-
-  return (
-    <aside
-      className="rd-pane rd-pane--right chat-context"
-      data-testid="right-inspector"
-      aria-label="Agent runtime inspector"
-      data-agent-runtime-surface="redesign-chat"
-      data-agent-context-ref={graphPacket?.contextRef ?? ""}
-      data-agent-context-rank={graphPacket?.agentRank ?? ""}
-    >
-      <Tabs value={activeTab} onValueChange={(value) => setActiveTab(value as ChatContextTab)}>
-      <TabsList className="chat-ctx-tabs" aria-label="Chat context panels">
-        {chatContextTabs.map((tab) => (
-          <TabsTrigger
-            key={tab.id}
-            value={tab.id}
-            id={`chat-context-tab-${tab.id}`}
-            aria-controls={`chat-context-panel-${tab.id}`}
-            className={`chat-ctx-tab ${activeTab === tab.id ? "active" : ""}`}
-          >
-            {tab.label}
-          </TabsTrigger>
-        ))}
-      </TabsList>
-
-      <TabsContent
-        value="session"
-        forceMount
-        id="chat-context-panel-session"
-        className={`chat-ctx-panel ${activeTab === "session" ? "active" : ""}`}
-        aria-labelledby="chat-context-tab-session"
-        hidden={activeTab !== "session"}
-      >
-        {userId && (
-          <div className="chat-ctx-section">
-            <VoiceCostBadge userId={userId} />
-          </div>
-        )}
-        <SessionContextPanel snapshot={resolvedAgentSnapshot} />
-      </TabsContent>
-
-      <TabsContent
-        value="trace"
-        forceMount
-        id="chat-context-panel-trace"
-        className={`chat-ctx-panel ${activeTab === "trace" ? "active" : ""}`}
-        aria-labelledby="chat-context-tab-trace"
-        hidden={activeTab !== "trace"}
-      >
-        <TraceContextPanel snapshot={resolvedAgentSnapshot} graphPacket={graphPacket} />
-      </TabsContent>
-      </Tabs>
-    </aside>
-  );
-}
-
-function SessionContextPanel({ snapshot }: { snapshot: AgentRailSnapshot }) {
-  const contract = snapshot.contract ?? {
-    objective: snapshot.subtitle ?? "Waiting for a request.",
-    reads: "No runtime context recorded.",
-    writes: "No automatic writes.",
-    verification: "Not started.",
-  };
-  return (
-    <>
-      <div className="chat-run-contract" data-status={snapshot.status}>
-        <div className="chat-run-contract__head">
-          <div>
-            <div className="chat-ctx-label">Current run</div>
-            <strong>{snapshot.title}</strong>
-          </div>
-          <StatusPill status={snapshot.status} />
-        </div>
-        <p>{contract.objective}</p>
-        {snapshot.runId && <code>run {snapshot.runId}</code>}
-      </div>
-
-      <ChatContextSection title="Scope">
-        <dl className="chat-run-scope">
-          <div><dt>Reads</dt><dd>{contract.reads}</dd></div>
-          <div><dt>Writes</dt><dd>{contract.writes}</dd></div>
-          <div><dt>Checks</dt><dd>{contract.verification}</dd></div>
-        </dl>
-      </ChatContextSection>
-
-      <ChatContextSection title="Execution">
-        {snapshot.progress.map((item) => (
-          <div className="chat-ctx-task" key={item.id}>
-            <span className={`chat-ctx-task-dot ${taskDotClass(item.status)}`} />
-            <span className="chat-ctx-task-text">
-              {item.label}
-              {item.detail && <small>{item.detail}</small>}
-            </span>
-          </div>
-        ))}
-      </ChatContextSection>
-
-      <ChatContextSection title="Artifacts">
-        {snapshot.artifacts.slice(0, 4).map((item) => (
-          <ContextArtifactRow key={item.id} item={item} />
-        ))}
-        {snapshot.artifacts.length > 4 && (
-          <div className="chat-ctx-more">Show {snapshot.artifacts.length - 4} more</div>
-        )}
-      </ChatContextSection>
-
-      {contract.reviewHref && (
-        <div className="chat-run-handoff">
-          <a href={contract.reviewHref}>Review sources here <span aria-hidden="true">→</span></a>
-          <small>Inspect sources and proposed changes before any shared write.</small>
-        </div>
-      )}
-    </>
-  );
-}
-
-function TraceContextPanel({
-  snapshot,
-  graphPacket,
-}: {
-  snapshot: AgentRailSnapshot;
-  graphPacket: ReturnType<typeof buildGraphContextBridgePacket> | null;
-}) {
-  const traceItems = traceRowsForSnapshot(snapshot);
-  const toolCalls = metricValue(snapshot, "tools", String(traceItems.length));
-  const latency = metricValue(snapshot, "latency", traceLatencyFallback(snapshot));
-  const contextSize = metricValue(snapshot, "context", graphPacket ? graphPacket.packedNodes.toLocaleString() : "0");
-  const cost = metricValue(snapshot, "cost", metricValue(snapshot, "paid", "$0.00"));
-
-  return (
-    <>
-      <div className="chat-trace-summary">
-        <TraceStat value={toolCalls} label="Tool calls" />
-        <TraceStat value={latency} label="Total latency" />
-        <TraceStat value={contextSize} label="Context items" />
-        <TraceStat value={cost} label="Est. cost" />
-      </div>
-
-      <div className="chat-trace-list">
-        {traceItems.map((item, index) => (
-          <div className="chat-trace-item" key={`${item.id}-${index}`}>
-            <div className={`chat-trace-item-icon ${traceIconClass(item)}`}>{traceIconGlyph(item)}</div>
-            <div className="chat-trace-item-body">
-              <div className="chat-trace-item-name">{traceName(item)}</div>
-              <div className="chat-trace-item-meta">
-                <span>{item.status ?? "not recorded"}</span>
-                <span>{item.detail ?? item.meta ?? "No runtime detail recorded."}</span>
-              </div>
-            </div>
-          </div>
-        ))}
-      </div>
-
-      <ChatContextSection title="Sources">
-        {snapshot.sources.map((item) => (
-          <ContextSourceRow key={item.id} item={item} />
-        ))}
-      </ChatContextSection>
-
-      <div className="chat-trace-model">
-        <div className="chat-ctx-label">Model usage</div>
-        <div className="chat-trace-model-row">
-          <span className="chat-trace-model-name">Router tier</span>
-          <span className="chat-trace-model-val">{runDetailValue(snapshot, "routing")}</span>
-        </div>
-        <div className="chat-trace-model-row">
-          <span className="chat-trace-model-name">Graph packet</span>
-          <span className="chat-trace-model-val">{graphPacket ? `${graphPacket.packedNodes} nodes` : "not packed"}</span>
-        </div>
-        <div className="chat-trace-model-row">
-          <span className="chat-trace-model-name">Topology</span>
-          <span className="chat-trace-model-val">{graphPacket?.topology ? `${graphPacket.topology.view} ${graphPacket.topology.densityScore}` : "not attached"}</span>
-        </div>
-        <div className="chat-trace-model-row">
-          <span className="chat-trace-model-name">Write boundary</span>
-          <span className="chat-trace-model-val">{snapshot.contract?.writes ?? "No automatic writes"}</span>
-        </div>
-      </div>
-    </>
-  );
-}
-
-function ChatContextSection({ title, children }: { title: string; children: ReactNode }) {
-  return (
-    <div className="chat-ctx-section">
-      <div className="chat-ctx-label">{title}</div>
-      {children}
-    </div>
-  );
-}
-
-function ContextArtifactRow({ item }: { item: AgentRailItem }) {
-  const content = (
-    <>
-      <span className="chat-ctx-artifact-icon" aria-hidden="true" />
-      <span className="chat-ctx-artifact-name">{item.label}</span>
-      <span className="chat-ctx-artifact-badge">{artifactBadge(item)}</span>
-    </>
-  );
-
-  return item.href ? (
-    <a className="chat-ctx-artifact" href={item.href}>{content}</a>
-  ) : (
-    <div className="chat-ctx-artifact">{content}</div>
-  );
-}
-
-function ContextSourceRow({ item }: { item: AgentRailItem }) {
-  const content = (
-    <>
-      <span className="chat-ctx-source-icon" aria-hidden="true" />
-      <span className="chat-ctx-source-name">{item.label}</span>
-    </>
-  );
-
-  return item.href ? (
-    <a className="chat-ctx-source" href={item.href}>{content}</a>
-  ) : (
-    <div className="chat-ctx-source">{content}</div>
-  );
-}
-
-function TraceStat({ value, label }: { value: string; label: string }) {
-  return (
-    <div className="chat-trace-stat">
-      <div className="chat-trace-stat-val">{value}</div>
-      <div className="chat-trace-stat-key">{label}</div>
-    </div>
-  );
-}
-
-function taskDotClass(status?: AgentRailStatus): string {
-  if (status === "done") return "chat-ctx-task-dot--done";
-  if (status === "running") return "chat-ctx-task-dot--active";
-  if (status === "blocked") return "chat-ctx-task-dot--blocked";
-  return "";
-}
-
-function artifactBadge(item: AgentRailItem): string {
-  const text = `${item.label} ${item.detail ?? ""} ${item.href ?? ""}`.toLowerCase();
-  if (text.includes("notebook")) return "nb";
-  if (text.includes("json")) return "json";
-  if (text.includes("pdf")) return "pdf";
-  if (text.includes("image") || text.includes("snapshot") || text.includes("png")) return "img";
-  if (text.includes("answer")) return "ans";
-  if (text.includes("batch")) return "run";
-  return "ctx";
-}
-
-function metricValue(snapshot: AgentRailSnapshot, label: string, fallback: string): string {
-  return snapshot.metrics?.find((metric) => metric.label.toLowerCase() === label)?.value ?? fallback;
-}
-
-function traceRowsForSnapshot(snapshot: AgentRailSnapshot): AgentRailItem[] {
-  const preferred = [
-    ...snapshot.progress.filter((item) => ["memory", "graph-context", "tools", "verify", "packet", "telemetry"].includes(item.id)),
-    ...snapshot.runDetails.filter((item) => ["routing", "cost", "graph-packet"].includes(item.id)),
-  ];
-  return (preferred.length ? preferred : snapshot.progress).slice(0, 7);
-}
-
-function traceName(item: AgentRailItem): string {
-  if (item.label) return item.label;
-  return item.id
-    .replace(/^graph-context$/, "Graph context")
-    .replace(/^graph-packet$/, "Graph packet")
-    .replace(/-/g, " ");
-}
-
-function traceIconClass(item: AgentRailItem): string {
-  const key = `${item.id} ${item.label}`.toLowerCase();
-  if (key.includes("search") || key.includes("source") || key.includes("memory")) return "chat-trace-item-icon--search";
-  if (key.includes("packet") || key.includes("model") || key.includes("routing")) return "chat-trace-item-icon--llm";
-  return "chat-trace-item-icon--tool";
-}
-
-function traceIconGlyph(item: AgentRailItem): string {
-  const key = `${item.id} ${item.label}`.toLowerCase();
-  if (key.includes("search") || key.includes("source") || key.includes("memory")) return "S";
-  if (key.includes("packet") || key.includes("model") || key.includes("routing")) return "M";
-  return "T";
-}
-
-function traceLatencyFallback(snapshot: AgentRailSnapshot): string {
-  const telemetry = snapshot.progress.find((item) => item.id === "telemetry")?.detail ?? "";
-  return telemetry.match(/\b\d+(?:\.\d+)?(?:ms|s)\b/i)?.[0] ?? "pending";
-}
-
-function runDetailValue(snapshot: AgentRailSnapshot, id: string): string {
-  const detail = snapshot.runDetails.find((item) => item.id === id);
-  return detail?.detail?.slice(0, 24) ?? "pending";
-}
-
-function buildFallbackAgentSnapshot(detail: LiveArtifactDetail | undefined, isLoading: boolean): AgentRailSnapshot {
-  const hasDetail = Boolean(detail);
-  const status: AgentRailSnapshot["status"] = isLoading ? "thinking" : hasDetail ? "ok" : "idle";
-  const graphPacket = detail ? buildGraphContextBridgePacket({ detail, mode: "agent" }) : null;
-  return {
-    title: isLoading ? "Hydrating agent context" : hasDetail ? "Agent ready on live artifact" : "Agent idle",
-    subtitle: hasDetail
-      ? `${detail.title} - ${detail.sourceCount} sources - ${detail.claimCount} claims`
-      : "Ask in Chat to start a live run with traceable tool calls.",
-    status,
-    progress: [
-      {
-        id: "context",
-        label: "Resolve active context",
-        status: isLoading ? "running" : hasDetail ? "done" : "queued",
-        detail: hasDetail ? detail.title : "Waiting for a chat prompt or selected artifact.",
-      },
-      {
-        id: "memory",
-        label: "Search reusable memory",
-        status: hasDetail ? "done" : "queued",
-        detail: hasDetail ? `${detail.sourceCount} source refs already attached.` : "Checks saved memory before any external refresh.",
-      },
-      {
-        id: "graph-context",
-        label: "Resolve graph context packet",
-        status: graphPacket ? "done" : isLoading ? "running" : "queued",
-        detail: graphPacket?.agentSummary ?? "Packs the selected report, source refs, and first-ring graph nodes.",
-      },
-      {
-        id: "sources",
-        label: "Verify sources and evidence",
-        status: hasDetail && detail.sourceCount > 0 ? "done" : "queued",
-        detail: hasDetail ? `${detail.claimCount} claims available for review.` : "Hydrates when a run starts.",
-      },
-      {
-        id: "answer",
-        label: "Assemble answer packet",
-        status: hasDetail ? "done" : "queued",
-        detail: hasDetail ? detail.primaryAction : "Produces answer, evidence, risk, next action.",
-      },
-    ],
-    runDetails: [
-      { id: "state", label: "Run state", status, detail: isLoading ? "Subscribing to live state." : "No active external refresh in progress." },
-      {
-        id: "context-packet",
-        label: "Context packet",
-        status: graphPacket ? "done" : "queued",
-        detail: graphPacket
-          ? `${graphPacket.contextRef} - human rank ${graphPacket.humanRank}, agent rank ${graphPacket.agentRank}, ${graphPacket.packedNodes} context nodes.`
-          : "No graph context packet resolved yet.",
-      },
-      { id: "writes", label: "Safe writes", status: "idle", detail: "Notebook, follow-up, and export writes require explicit user action." },
-    ],
-    artifacts: hasDetail
-      ? [
-          { id: "artifact", label: detail.title, status: "done", detail: detail.kind, href: `/redesign/chat?report=${encodeURIComponent(detail.id)}&artifact=brief` },
-          { id: "notebook", label: "Notebook handoff", status: detail.notebookHtml ? "done" : "queued", detail: detail.notebookHtml ? "Draft available" : "No notebook draft yet", href: `/redesign/chat?report=${encodeURIComponent(detail.id)}&artifact=notebook` },
-        ]
-      : [{ id: "empty", label: "No artifacts yet", status: "queued", detail: "Start with a question, source, or report." }],
-    backgroundAgents: [
-      { id: "coordinator", label: "Coordinator", status: hasDetail ? "done" : "queued", detail: "Plans context, tools, and safe write path." },
-      { id: "memory", label: "Memory agent", status: hasDetail ? "done" : "queued", detail: "Looks up reports, notebooks, sources, and prior chats." },
-      { id: "judge", label: "Judge", status: "queued", detail: "Checks citation support and unsupported claims." },
-    ],
-    sources: hasDetail
-      ? detail.sourceRows.slice(0, 5).map((source, index) => ({
-          id: source.id || `source-${index}`,
-          label: source.title,
-          status: "done",
-          detail: source.host || source.type,
-          href: source.href,
-        }))
-      : [{ id: "memory", label: "Live memory", status: isLoading ? "running" : "queued", detail: "Primary source of truth." }],
-    metrics: [
-      { label: "sources", value: String(detail?.sourceCount ?? 0), tone: "accent" },
-      { label: "claims", value: String(detail?.claimCount ?? 0), tone: "green" },
-      { label: "tools", value: String(graphPacket ? Math.max(3, graphPacket.edges) : 0), tone: "green" },
-      { label: "latency", value: isLoading ? "live" : "0ms", tone: isLoading ? "accent" : "green" },
-      { label: "context", value: graphPacket ? graphPacket.packedNodes.toLocaleString() : "0", tone: "accent" },
-      { label: "graph", value: graphPacket ? String(graphPacket.packedNodes) : "0", tone: "accent" },
-      { label: "budget", value: "$0.00", tone: "green" },
-    ],
-  };
-}
-
-function AgentProgressPanel({ snapshot }: { snapshot: AgentRailSnapshot }) {
-  return (
-    <div className="rd-stack" style={{ gap: 14 }} data-testid="chat-agent-run-rail">
-      <div className="rd-stack" style={{ gap: 6 }}>
-        <div className="rd-row--between" style={{ gap: 10 }}>
-          <div className="rd-eyebrow">Agent run</div>
-          <StatusPill status={snapshot.status} />
-        </div>
-        <h3 className="rd-h2" style={{ fontSize: 16, lineHeight: 1.15, margin: 0 }}>{snapshot.title}</h3>
-        {snapshot.subtitle && (
-          <p className="rd-body" style={{ fontSize: 12.5, color: "var(--rd-ink-mute)", margin: 0 }}>
-            {snapshot.subtitle}
-          </p>
-        )}
-        {snapshot.runId && (
-          <span className="rd-mono" style={{ fontSize: 10.5, color: "var(--rd-ink-soft)" }}>run {snapshot.runId}</span>
-        )}
-      </div>
-
-      {snapshot.metrics?.length ? (
-        <div className="rd-row" style={{ gap: 6 }}>
-          {snapshot.metrics.map((metric) => (
-            <div
-              key={metric.label}
-              style={{
-                flex: 1,
-                minWidth: 0,
-                border: "1px solid var(--rd-line)",
-                borderRadius: 6,
-                padding: "7px 8px",
-                background: "var(--rd-muted)",
-              }}
-            >
-              <div className="rd-h3" style={{ fontSize: 13, color: metric.tone === "amber" ? "var(--rd-amber)" : metric.tone === "green" ? "var(--rd-green)" : "var(--rd-ink)" }}>{metric.value}</div>
-              <div className="rd-mono" style={{ fontSize: 9, color: "var(--rd-ink-soft)", marginTop: 2 }}>{metric.label}</div>
-            </div>
-          ))}
-        </div>
-      ) : null}
-
-      <AgentSection title="Progress" items={snapshot.progress} />
-      <AgentSection title="Run details" items={snapshot.runDetails} compact />
-      <AgentSection title="Artifacts" items={snapshot.artifacts} compact />
-      <AgentSection title="Background agents" items={snapshot.backgroundAgents} compact />
-      <AgentSection title="Sources" items={snapshot.sources} compact />
-    </div>
-  );
-}
-
-function AgentSection({ title, items, compact = false }: { title: string; items: AgentRailItem[]; compact?: boolean }) {
-  return (
-    <section className="rd-stack" style={{ gap: 7 }}>
-      <div className="rd-eyebrow">{title}</div>
-      {items.length ? (
-        <ul className="rd-stack" style={{ gap: compact ? 5 : 7, listStyle: "none", padding: 0, margin: 0 }}>
-          {items.map((item) => (
-            <li key={item.id} className="rd-row" style={{ alignItems: "flex-start", gap: 8, minWidth: 0 }}>
-              <StatusGlyph status={item.status ?? "idle"} />
-              <span style={{ minWidth: 0, flex: 1 }}>
-                {item.href ? (
-                  <a
-                    href={item.href}
-                    style={{
-                      color: "var(--rd-ink)",
-                      fontSize: compact ? 12 : 12.5,
-                      fontWeight: 590,
-                      textDecoration: "none",
-                    }}
-                  >
-                    {item.label}
-                  </a>
-                ) : (
-                  <span style={{ display: "block", color: "var(--rd-ink)", fontSize: compact ? 12 : 12.5, fontWeight: 590 }}>
-                    {item.label}
-                  </span>
-                )}
-                {item.detail && (
-                  <span style={{ display: "block", marginTop: 2, color: "var(--rd-ink-mute)", fontSize: compact ? 11 : 11.5, lineHeight: 1.35 }}>
-                    {item.detail}
-                  </span>
-                )}
-                {item.meta && (
-                  <span className="rd-mono" style={{ display: "block", marginTop: 2, color: "var(--rd-ink-soft)", fontSize: 10 }}>
-                    {item.meta}
-                  </span>
-                )}
-              </span>
-            </li>
-          ))}
-        </ul>
-      ) : (
-        <EmptyPanel message={`No ${title.toLowerCase()} yet.`} />
-      )}
-    </section>
-  );
-}
-
-function StatusPill({ status }: { status: AgentRailSnapshot["status"] }) {
-  const label = status === "thinking" ? "Running" : status === "ok" ? "Ready" : status === "error" ? "Needs review" : "Idle";
-  const tone = status === "error" ? undefined : status === "ok" ? "green" : status === "thinking" ? "accent" : undefined;
-  return <Pill tone={tone}>{label}</Pill>;
-}
-
-function StatusGlyph({ status }: { status: AgentRailStatus }) {
-  const color =
-    status === "done" ? "var(--rd-green)"
-      : status === "running" ? "var(--rd-accent-strong)"
-      : status === "blocked" ? "var(--rd-amber)"
-      : "var(--rd-ink-soft)";
-  const label = status === "done" ? "done" : status === "running" ? "running" : status === "blocked" ? "blocked" : "queued";
-  return (
-    <span
-      aria-label={label}
-      title={label}
-      style={{
-        width: 16,
-        height: 16,
-        borderRadius: 999,
-        border: `1px solid ${color}`,
-        color,
-        display: "inline-flex",
-        alignItems: "center",
-        justifyContent: "center",
-        flex: "0 0 auto",
-        marginTop: 1,
-        fontSize: 10,
-        fontWeight: 700,
-        lineHeight: 1,
-      }}
-    >
-      {status === "done" ? "✓" : status === "running" ? "…" : status === "blocked" ? "!" : ""}
-    </span>
-  );
-}
-
-function EntityPanel({ detail, title, summary }: { detail?: LiveArtifactDetail; title: string; summary: string }) {
-  return (
-    <div className="rd-stack" style={{ gap: 10 }}>
-      <div className="rd-eyebrow">{detail ? "Active live artifact" : "Active context"}</div>
-      <h3 className="rd-h2" style={{ fontSize: 16 }}>{title}</h3>
-      <p className="rd-mono" style={{ fontSize: 10.5, color: "var(--rd-ink-soft)", margin: 0 }}>
-        {detail?.kind ?? "No live artifact selected"}
-      </p>
-      <p className="rd-body" style={{ fontSize: 12.5, color: "var(--rd-ink-mute)", margin: 0 }}>{summary}</p>
-      <div className="rd-row" style={{ gap: 4, flexWrap: "wrap", marginTop: 4 }}>
-        {(detail?.tags ?? ["Ask", "Capture", "Report"]).slice(0, 4).map((tag, i) => (
-          <Pill key={`${tag}-${i}`} tone={i === 0 ? "accent" : undefined}>{tag}</Pill>
-        ))}
-      </div>
-      <div className="rd-row" style={{ gap: 8 }}>
-        <MetricTile label="Claims" value={detail?.claimCount ?? 0} />
-        <MetricTile label="Sources" value={detail?.sourceCount ?? 0} />
-        <MetricTile label="Follow-ups" value={detail?.followUps ?? 0} />
-      </div>
-    </div>
-  );
-}
-
-function GraphPanel({ detail, nodes }: { detail?: LiveArtifactDetail; nodes: Array<{ title: string }> }) {
-  const graphPacket = detail ? buildGraphContextBridgePacket({ detail, mode: "agent" }) : null;
-  return (
-    <div className="rd-stack" style={{ gap: 10 }} data-graph-context-ref={graphPacket?.contextRef ?? ""}>
-      <div className="rd-row--between">
-        <div className="rd-eyebrow">Graph preview</div>
-        {detail ? (
-          <a
-            className="rd-btn rd-btn--quiet rd-btn--sm"
-            href={`/redesign/chat?report=${encodeURIComponent(detail.id)}&artifact=map`}
-            style={{ padding: "1px 6px", fontSize: 10, textDecoration: "none" }}
-          >
-            Use map context
-          </a>
-        ) : (
-          <span className="rd-mono" style={{ fontSize: 10, color: "var(--rd-ink-soft)" }}>No map yet</span>
-        )}
-      </div>
-      <svg viewBox="0 0 240 120" width="100%" height={120}>
-        <GraphPreview detail={detail} nodes={nodes} />
-      </svg>
-      <p className="rd-body" style={{ fontSize: 12, color: "var(--rd-ink-mute)", margin: 0 }}>
-        {detail ? `${detail.nodes.length} nodes and ${detail.edges.length} relationships are attached to this artifact.` : "Pin or open a live artifact to hydrate first-ring relationships."}
-      </p>
-      {graphPacket && (
-        <section
-          style={{
-            border: "1px solid var(--rd-line)",
-            borderRadius: 6,
-            padding: 10,
-            background: "var(--rd-muted)",
-          }}
-          aria-label="Agent graph context packet"
-        >
-          <div className="rd-row--between" style={{ gap: 8 }}>
-            <span className="rd-eyebrow">Agent packet</span>
-            <Pill tone={graphPacket.approvalRequired ? "amber" : "green"}>
-              {graphPacket.approvalRequired ? "Review gated" : "Patch ready"}
-            </Pill>
-          </div>
-          <p className="rd-body" style={{ fontSize: 12, color: "var(--rd-ink-mute)", margin: "6px 0 0" }}>
-            {graphPacket.agentSummary}
-          </p>
-          <div className="rd-row" style={{ gap: 6, flexWrap: "wrap", marginTop: 8 }}>
-            <MetricTile label="Human" value={graphPacket.humanRank} />
-            <MetricTile label="Agent" value={graphPacket.agentRank} />
-            <MetricTile label="Packed" value={graphPacket.packedNodes} />
-          </div>
-        </section>
-      )}
-    </div>
-  );
-}
-
-function SourcesPanel({ detail, sources }: { detail?: LiveArtifactDetail; sources: LiveArtifactDetail["sourceRows"] }) {
-  const displayedTotal = Math.max(sources.length, detail?.sourceCount ?? 0);
-  return (
-    <div className="rd-stack" style={{ gap: 10 }}>
-      <div className="rd-eyebrow">Sources used ({sources.length} / {displayedTotal})</div>
-      {sources.length ? (
-        <ul className="rd-stack" style={{ gap: 6, listStyle: "none", padding: 0, margin: 0 }}>
-          {sources.map((source, i) => (
-            <li key={source.id || i} className="rd-row" style={{ alignItems: "flex-start", gap: 8, fontSize: 12 }}>
-              <span className="rd-mono" style={{
-                fontSize: 10,
-                background: "var(--rd-accent-soft)",
-                color: "var(--rd-accent-strong)",
-                padding: "1px 5px",
-                borderRadius: 3,
-              }}>[{i + 1}]</span>
-              <span style={{ flex: 1, minWidth: 0, color: "var(--rd-ink-mute)" }}>
-                <span style={{ display: "block", color: "var(--rd-ink)", fontWeight: 590 }}>{source.title}</span>
-                <span className="rd-mono" style={{ display: "block", marginTop: 2, fontSize: 11, color: "var(--rd-ink-soft)" }}>
-                  {source.type} - {source.refreshed}
-                </span>
-              </span>
-            </li>
-          ))}
-        </ul>
-      ) : (
-        <EmptyPanel message="Open a live artifact to hydrate source rows." />
-      )}
-    </div>
-  );
-}
-
-function ThreadsPanel({ detail }: { detail?: LiveArtifactDetail }) {
-  const threads = [
-    {
-      title: detail ? `Review ${detail.kind.toLowerCase()} claims` : "Start a research thread",
-      when: detail?.updatedAt ?? "now",
-      href: detail ? `/redesign/chat?report=${encodeURIComponent(detail.id)}` : "/redesign/chat",
-    },
-    {
-      title: detail ? "Use notebook context" : "Attach sources",
-      when: "next",
-      href: detail ? `/redesign/chat?report=${encodeURIComponent(detail.id)}&artifact=notebook` : "/redesign/chat?intent=sources",
-    },
-    {
-      title: detail ? "Use brief context" : "Find saved research",
-      when: "later",
-      href: detail ? `/redesign/chat?report=${encodeURIComponent(detail.id)}&artifact=brief` : "/redesign/chat?intent=reports",
-    },
-  ];
-
-  return (
-    <div className="rd-stack" style={{ gap: 10 }}>
-      <div className="rd-eyebrow">Prior threads</div>
-      <ul className="rd-stack" style={{ gap: 4, listStyle: "none", padding: 0, margin: 0 }}>
-        {threads.map((thread, i) => (
-          <li key={i}>
-            <a className="rd-btn rd-btn--quiet" href={thread.href} style={{ width: "100%", justifyContent: "flex-start", padding: "5px 8px", textDecoration: "none" }}>
-              <span style={{ flex: 1, textAlign: "left", fontSize: 12 }}>{thread.title}</span>
-              <span className="rd-mono" style={{ fontSize: 10, color: "var(--rd-ink-soft)" }}>{thread.when}</span>
-            </a>
-          </li>
-        ))}
-      </ul>
-    </div>
-  );
-}
-
-function NotebookPanel({ detail }: { detail?: LiveArtifactDetail }) {
-  const sections = detail?.sections.slice(0, 3) ?? [];
-
-  return (
-    <div className="rd-stack" style={{ gap: 10 }}>
-      <div className="rd-row--between">
-        <div className="rd-eyebrow">Notebook</div>
-        <Pill tone={detail?.notebookHtml ? "green" : undefined}>{detail?.notebookHtml ? "Draft" : "Empty"}</Pill>
-      </div>
-      {detail ? (
-        <>
-          <p className="rd-body" style={{ fontSize: 12.5, color: "var(--rd-ink-mute)", margin: 0 }}>
-            {detail.primaryAction}
-          </p>
-          {sections.length ? (
-            <ul className="rd-stack" style={{ gap: 6, listStyle: "none", padding: 0, margin: 0 }}>
-              {sections.map((section) => (
-                <li
-                  key={section.title}
-                  style={{
-                    border: "1px solid var(--rd-line)",
-                    borderRadius: 6,
-                    padding: 10,
-                    background: "var(--rd-muted)",
-                  }}
-                >
-                  <div className="rd-h3" style={{ fontSize: 12 }}>{section.title}</div>
-                  <p className="rd-body" style={{ margin: "4px 0 0", fontSize: 11.5, color: "var(--rd-ink-mute)" }}>{section.body}</p>
-                </li>
-              ))}
-            </ul>
-          ) : (
-            <EmptyPanel message="No notebook sections are attached yet." />
-          )}
-        </>
-      ) : (
-        <EmptyPanel message="Create or open a live artifact to prepare a notebook handoff." />
-      )}
-    </div>
-  );
-}
-
-function ReportPanel({ detail, title }: { detail?: LiveArtifactDetail; title: string }) {
-  return (
-    <div className="rd-stack" style={{ gap: 10 }}>
-      <div className="rd-eyebrow">Report status</div>
-      <div className="rd-row--between">
-        <span className="rd-h3">{title}</span>
-        <Pill tone="green"><span className="rd-dot rd-dot--live" />{detail ? `Updated ${detail.updatedAt}` : "Ready"}</Pill>
-      </div>
-      <div className="rd-row" style={{ gap: 8 }}>
-        <MetricTile label="Sources" value={detail?.sourceCount ?? 0} />
-        <MetricTile label="Claims" value={detail?.claimCount ?? 0} />
-        <MetricTile label="Follow-ups" value={detail?.followUps ?? 0} />
-      </div>
-      <button className="rd-btn rd-btn--quiet rd-btn--sm" style={{ width: "100%", justifyContent: "center" }}>
-        Open report notebook
-      </button>
-    </div>
-  );
-}
-
-function MetricTile({ label, value }: { label: string; value: number }) {
-  return (
-    <div
-      style={{
-        flex: 1,
-        minWidth: 0,
-        border: "1px solid var(--rd-line)",
-        borderRadius: 6,
-        padding: "8px 10px",
-        background: "var(--rd-muted)",
-      }}
-    >
-      <div className="rd-h3" style={{ fontSize: 14 }}>{value}</div>
-      <div className="rd-mono" style={{ marginTop: 2, fontSize: 9.5, color: "var(--rd-ink-soft)" }}>{label}</div>
-    </div>
-  );
-}
-
-function EmptyPanel({ message }: { message: string }) {
-  return (
-    <div
-      style={{
-        border: "1px solid var(--rd-line)",
-        borderRadius: 6,
-        padding: 10,
-        background: "var(--rd-muted)",
-        color: "var(--rd-ink-mute)",
-        fontSize: 12,
-      }}
-    >
-      {message}
-    </div>
-  );
-}
-
-function GraphPreview({ detail, nodes }: { detail?: LiveArtifactDetail; nodes: Array<{ title: string }> }) {
-  if (!detail) {
-    return (
-      <>
-        <circle cx={120} cy={60} r={20} fill="var(--rd-accent-soft)" stroke="var(--rd-accent)" strokeWidth={1.2} />
-        <text x={120} y={64} textAnchor="middle" fontSize={9} fontWeight={590} fill="var(--rd-accent-strong)">Live</text>
-      </>
-    );
-  }
-  const outer = nodes.slice(1, 5);
-  const positions = [
-    { cx: 50, cy: 30 },
-    { cx: 50, cy: 90 },
-    { cx: 190, cy: 30 },
-    { cx: 190, cy: 90 },
-  ];
-  return (
-    <>
-      <g stroke="var(--rd-line-strong)" strokeWidth={1} fill="none">
-        {outer.map((_, i) => <path key={i} d={`M 120,60 L ${positions[i].cx},${positions[i].cy}`} />)}
-      </g>
-      <circle cx={120} cy={60} r={18} fill="var(--rd-accent-soft)" stroke="var(--rd-accent)" strokeWidth={1.2} />
-      <text x={120} y={64} textAnchor="middle" fontSize={9} fontWeight={590} fill="var(--rd-accent-strong)">Root</text>
-      {outer.map((node, i) => <NodeDot key={`${node.title}-${i}`} cx={positions[i].cx} cy={positions[i].cy} label={node.title.slice(0, 10)} />)}
-    </>
-  );
-}
-
-function NodeDot({ cx, cy, label }: { cx: number; cy: number; label: string }) {
-  return (
-    <g>
-      <circle cx={cx} cy={cy} r={9} fill="var(--rd-paper)" stroke="var(--rd-line-strong)" strokeWidth={1} />
-      <text x={cx} y={cy + 18} textAnchor="middle" fontSize={9} fill="var(--rd-ink-mute)">{label}</text>
-    </g>
-  );
-}
diff --git a/src/features/redesign/components/TopNav.test.tsx b/src/features/redesign/components/TopNav.test.tsx
index e46daa6b7..8100124ec 100644
--- a/src/features/redesign/components/TopNav.test.tsx
+++ b/src/features/redesign/components/TopNav.test.tsx
@@ -17,6 +17,10 @@ vi.mock("convex/react", () => ({
   useConvexAuth: () => authMocks.state,
 }));
 
+vi.mock("@/hooks/useCurrentUser", () => ({
+  useCurrentUserId: () => null,
+}));
+
 describe("TopNav — single-surface header", () => {
   beforeEach(() => {
     authMocks.signIn.mockReset();
@@ -32,7 +36,7 @@ describe("TopNav — single-surface header", () => {
 
     expect(getByRole("banner")).toBeTruthy();
     expect(getByRole("link", { name: "NodeBench decision workspace" })).toHaveAttribute("href", "/redesign/chat");
-    expect(getByText("Decision workspace")).toBeTruthy();
+    expect(queryByText("Decision workspace")).toBeNull();
     expect(getByRole("button", { name: "Sign in" })).toBeTruthy();
     expect(getByRole("button", { name: "Switch to dark mode" })).toBeTruthy();
     expect(queryByRole("navigation")).toBeNull();
diff --git a/src/features/redesign/components/TopNav.tsx b/src/features/redesign/components/TopNav.tsx
index 2d492b573..1095c9845 100644
--- a/src/features/redesign/components/TopNav.tsx
+++ b/src/features/redesign/components/TopNav.tsx
@@ -14,6 +14,8 @@ import {
   DropdownMenuSeparator,
   DropdownMenuTrigger,
 } from "@/components/ai-ui/dropdown-menu";
+import { VoiceCostBadge } from "@/features/voice";
+import { useCurrentUserId } from "@/hooks/useCurrentUser";
 
 interface TopNavProps {
   theme: "light" | "dark";
@@ -23,6 +25,7 @@ interface TopNavProps {
 export function TopNav({ theme, onToggleTheme }: TopNavProps) {
   const { isAuthenticated, isLoading } = useConvexAuth();
   const { signIn, signOut } = useAuthActions();
+  const userId = useCurrentUserId();
 
   const onSignIn = () => {
     void Promise.resolve(
@@ -68,17 +71,6 @@ export function TopNav({ theme, onToggleTheme }: TopNavProps) {
         Node<span style={{ color: "var(--rd-accent)" }}>Bench</span>
       </a>
 
-      <span
-        aria-hidden="true"
-        style={{
-          color: "var(--rd-ink-mute)",
-          fontSize: 11,
-          letterSpacing: "0.02em",
-        }}
-      >
-        Decision workspace
-      </span>
-
       <div style={{ marginLeft: "auto", display: "flex", alignItems: "center", gap: 7 }}>
         {!isLoading && !isAuthenticated && (
           <button
@@ -108,6 +100,8 @@ export function TopNav({ theme, onToggleTheme }: TopNavProps) {
             <DropdownMenuContent align="end" className="rd-account-menu">
               <DropdownMenuLabel>NodeBench account</DropdownMenuLabel>
               <DropdownMenuSeparator />
+              {userId && <VoiceCostBadge userId={userId} className="rd-account-voice" />}
+              {userId && <DropdownMenuSeparator />}
               <DropdownMenuItem onSelect={onSignOut}>Sign out</DropdownMenuItem>
             </DropdownMenuContent>
           </DropdownMenu>
diff --git a/src/features/redesign/components/UniversalComposer.test.tsx b/src/features/redesign/components/UniversalComposer.test.tsx
index 1c5db1472..b48a0bd61 100644
--- a/src/features/redesign/components/UniversalComposer.test.tsx
+++ b/src/features/redesign/components/UniversalComposer.test.tsx
@@ -78,7 +78,7 @@ describe("UniversalComposer runtime controls", () => {
       provider: "google-gemini",
     });
     expect(screen.getByRole("status", { name: "Paid runtime preflight" })).toHaveTextContent(
-      "Paid live run · provider google-gemini · model gemini-3.5-flash",
+      "Paid · google-gemini · gemini-3.5-flash",
     );
 
     fireEvent.click(screen.getByRole("button", { name: /Auto/ }));
@@ -87,7 +87,7 @@ describe("UniversalComposer runtime controls", () => {
     );
     fireEvent.click(screen.getByRole("option", { name: /Deep dive/ }));
     expect(screen.getByRole("status", { name: "Paid runtime preflight" })).toHaveTextContent(
-      "Paid live run · provider google-gemini · model gemini-3.1-pro-preview",
+      "Paid · google-gemini · gemini-3.1-pro-preview",
     );
   });
 });
diff --git a/src/features/redesign/components/UniversalComposer.tsx b/src/features/redesign/components/UniversalComposer.tsx
index 7c5f01340..ad7281568 100644
--- a/src/features/redesign/components/UniversalComposer.tsx
+++ b/src/features/redesign/components/UniversalComposer.tsx
@@ -490,7 +490,7 @@ export function UniversalComposer({
             lineHeight: 1.4,
           }}
         >
-          Paid live run · provider {activeTier.provider} · model {activeTier.model}
+          Paid · {activeTier.provider} · {activeTier.model}
         </div>
       )}
 
@@ -687,9 +687,11 @@ export function UniversalComposer({
               </button>
             </>
           )}
-          <span className="rd-mono rd-shortcut-hint" style={{ fontSize: 11, color: "var(--rd-ink-mute)", marginLeft: 6 }}>
-            {voice.isTranscribing ? "Transcribing..." : recording ? "Listening..." : `${navigator.platform?.startsWith("Mac") ? "⌘" : "Ctrl"}+Enter run research · Shift+Enter newline`}
-          </span>
+          {(voice.isTranscribing || recording) && (
+            <span role="status" className="rd-mono" style={{ fontSize: 11, color: "var(--rd-ink-mute)", marginLeft: 6 }}>
+              {voice.isTranscribing ? "Transcribing..." : "Listening..."}
+            </span>
+          )}
         </div>
 
         <div className="rd-row" style={{ gap: 8 }}>
@@ -744,17 +746,15 @@ export function UniversalComposer({
               disabled={!text.trim()}
               aria-label="Run research"
               title="Run research (Enter)"
-              className="rd-btn rd-btn--primary rd-btn--sm"
+              className="rd-btn rd-btn--primary rd-composer-submit"
               style={{
                 opacity: text.trim() ? 1 : 0.55,
                 cursor: text.trim() ? "pointer" : "not-allowed",
-                gap: 6,
               }}
             >
-              <svg width={12} height={12} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth={2.2} strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
-                <path d="M2 12l5-9 5 9-5 9-5-9zM12 3l5 9-5 9M22 12l-5-9-5 9 5 9 5-9z" />
+              <svg width={16} height={16} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth={2.1} strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+                <path d="M12 19V5M5 12l7-7 7 7" />
               </svg>
-              Run research
             </button>
           )}
           {onRunOnList && batchTargets.length > 0 && (
diff --git a/src/features/redesign/surfaces/AgentWorkspaceHonesty.guard.test.ts b/src/features/redesign/surfaces/AgentWorkspaceHonesty.guard.test.ts
index 9422cf378..4fe8aa235 100644
--- a/src/features/redesign/surfaces/AgentWorkspaceHonesty.guard.test.ts
+++ b/src/features/redesign/surfaces/AgentWorkspaceHonesty.guard.test.ts
@@ -7,7 +7,6 @@ const read = (path: string) => readFileSync(resolve(process.cwd(), path), "utf8"
 
 describe("first-class agent workspace honesty contract", () => {
   const chat = read("src/features/redesign/surfaces/ChatSurface.tsx");
-  const inspector = read("src/features/redesign/components/RightInspector.tsx");
   const shell = read("src/features/redesign/RedesignShell.tsx");
   const prototype = read("src/features/redesign/surfaces/HomeV2PrototypeSurface.tsx");
   const workspaceCss = read("src/features/redesign/agent-workspace.css");
@@ -19,8 +18,8 @@ describe("first-class agent workspace honesty contract", () => {
     expect(chat).toContain('writes: "Review mode · no automatic shared writes"');
     expect(chat).toContain("runtimeContextPacket.selectedContext.length");
     expect(chat).toContain("blockedClaimCount");
-    expect(inspector).toContain('title="Scope"');
-    expect(inspector).toContain("Review sources here");
+    expect(chat).toContain("sourceUrlFromText");
+    expect(chat).toContain("How we got this answer");
   });
 
   it("does not simulate execution or advertise toast-only work controls", () => {
@@ -30,10 +29,9 @@ describe("first-class agent workspace honesty contract", () => {
     expect(chat).not.toContain("Scroll to bottom on mount");
     expect(chat).not.toContain('>Track updates<');
     expect(chat).not.toContain('>Export<');
-    expect(inspector).not.toContain("traceBarWidth");
-    expect(inspector).not.toContain("traceDuration");
-    expect(inspector).not.toContain('title="Agents"');
-    expect(shell).toContain("activeChatAgentRail?.hasIntent");
+    expect(shell).not.toContain("RightInspector");
+    expect(chat).not.toContain("traceBarWidth");
+    expect(chat).not.toContain("traceDuration");
   });
 
   it("keeps production chat free of prototype conversations and inferred runtime facts", () => {
@@ -44,8 +42,8 @@ describe("first-class agent workspace honesty contract", () => {
     expect(chat).not.toContain("WORKING_NOTES_MARKDOWN");
     expect(chat).not.toContain("sourceFreshness");
     expect(chat).not.toContain("ChatV2NextActions");
-    expect(chat).toContain("hasIntent: Boolean(run || hasAnswer)");
-    expect(chat).toContain("runtimeSourceCount > 0 ? \"done\"");
+    expect(chat).toContain("hasAnswer = Boolean(activePacket?.shortAnswer)");
+    expect(chat).toContain("metrics?.sourceCount ?? run?.groundingChunks.length");
     expect(chat).toContain("hideAttachments");
     expect(chat).toContain("telemetry not recorded");
     expect(chat).toContain("cost not recorded");
@@ -67,7 +65,7 @@ describe("first-class agent workspace honesty contract", () => {
     expect(chat).not.toContain("scrollRef");
     expect(chat).not.toContain("unseenCount");
     expect(shell).toContain('import "./agent-workspace.css"');
-    expect(shell).toContain("showChatInspector &&");
+    expect(shell).toContain("rd-shell--chat-no-inspector");
     expect(shell).toContain('data-product-surface="decision-workspace"');
     expect(workspaceCss).not.toContain('data-wide="true"');
     expect(conversation).toContain('reducedMotion ? "instant" : "smooth"');
diff --git a/src/features/redesign/surfaces/ChatSurface.tsx b/src/features/redesign/surfaces/ChatSurface.tsx
index 0348f3056..4137b26e7 100644
--- a/src/features/redesign/surfaces/ChatSurface.tsx
+++ b/src/features/redesign/surfaces/ChatSurface.tsx
@@ -3,7 +3,6 @@
  *
  * Spec: not just message bubbles. Where research becomes memory.
  * Center: active conversation + answer packets + run checkpoints + capture acks.
- * Right: active entity card + sources + report status (handled by RedesignShell).
  * Bottom: UniversalComposer.
  */
 
@@ -11,7 +10,6 @@ import React, { useEffect, useMemo, useRef, useState } from "react";
 import { useLocation, useNavigate } from "react-router-dom";
 import { UniversalComposer, DEFAULT_TIERS, type RouterTier } from "../components/UniversalComposer";
 import { Pill } from "../components/Pill";
-import type { AgentRailItem, AgentRailSnapshot, AgentRailStatus } from "../components/RightInspector";
 import { StreamingMarkdown } from "../components/StreamingMarkdown";
 import type { ActiveBatchRun, ChatAnswer } from "../fixtures";
 import { useBatchLive } from "../hooks/useBatchLive";
@@ -27,7 +25,6 @@ import {
   useRedesignChatRun,
   type ChatRunState,
   type ConversationContextTurn,
-  type RealChatRun,
 } from "../hooks/useRedesignChatRun";
 import { buildGraphContextBridgePacket } from "../lib/graphContextBridge";
 import { buildConversationContext } from "../lib/chatContinuation";
@@ -131,8 +128,6 @@ interface ChatSurfaceProps {
   workspaceDetail?: LiveArtifactDetail;
   initialPrompt?: string;
   continuationHash?: string;
-  onActiveContextChange?: (detail: LiveArtifactDetail | null) => void;
-  onAgentRailChange?: (snapshot: AgentRailSnapshot | null) => void;
 }
 
 interface Turn {
@@ -168,27 +163,12 @@ function restoredTurns(context: ConversationContextTurn[] | undefined, createdAt
   }));
 }
 
-function agentStatusFromPlanner(status?: string): AgentRailStatus {
-  if (!status) return "queued";
-  if (status === "complete" || status === "selected") return "done";
-  if (status === "blocked" || status === "source_validation_failed") return "blocked";
-  if (status === "candidate" || status === "pending") return "running";
-  return "queued";
-}
-
 function compactRunId(runId?: string): string | undefined {
   if (!runId) return undefined;
   if (runId.length <= 16) return runId;
   return `${runId.slice(0, 6)}...${runId.slice(-6)}`;
 }
 
-function formatRailUsd(value?: number | null): string {
-  if (typeof value !== "number" || !Number.isFinite(value)) return "not recorded";
-  if (value <= 0) return "$0.00";
-  if (value < 0.01) return `$${value.toFixed(4)}`;
-  return `$${value.toFixed(2)}`;
-}
-
 function isBlockingClaimCheck(check: { status?: string; verified?: boolean; blocking?: boolean; verificationState?: string }): boolean {
   return check.blocking === true || check.verificationState === "unsupported" || check.status === "source_validation_failed";
 }
@@ -243,382 +223,57 @@ function buildLiveContextRef(detail: LiveArtifactDetail | null, artifactKey?: st
   return artifactKey ? `${base}::artifact:${encodeURIComponent(artifactKey)}` : base;
 }
 
-function formatLatency(value?: number | null): string {
-  if (!value || !Number.isFinite(value)) return "pending";
-  if (value < 1000) return `${Math.round(value)}ms`;
-  return `${(value / 1000).toFixed(1)}s`;
+interface RunScopeSnapshot {
+  status: "idle" | "thinking" | "ok" | "error";
+  reads: string;
+  writes: string;
+  verification: string;
 }
 
-function buildChatAgentRailSnapshot(args: {
+function buildRunScopeSnapshot(args: {
   chatState: ChatRunState;
-  authLoading: boolean;
-  isAuthenticated: boolean;
   liveDetail: LiveArtifactDetail | null | undefined;
   turns: Turn[];
-  pinned: Array<{ id: string; label: string; tier: RouterTier; sourceCount: number }>;
-  followUps: Array<{ id: string; label: string; reportTitle?: string; createdAt: number }>;
-  batch: ActiveBatchRun | null;
-  tier: RouterTier;
-  skipLiveSeed: boolean;
-}): AgentRailSnapshot {
-  const {
-    chatState,
-    authLoading,
-    isAuthenticated,
-    liveDetail,
-    turns,
-    pinned,
-    followUps,
-    batch,
-    tier,
-    skipLiveSeed,
-  } = args;
-  const run: RealChatRun | null = chatState.run;
-  const lastUserPrompt = [...turns].reverse().find((turn) => turn.role === "user" && turn.text?.trim())?.text?.trim();
+}): RunScopeSnapshot {
+  const { chatState, liveDetail, turns } = args;
+  const run = chatState.run;
   const lastAssistantPacket = [...turns].reverse().find((turn) => turn.role === "assistant" && turn.packet)?.packet;
   const activePacket = run?.packet ?? lastAssistantPacket;
-  const isRunning = chatState.status === "thinking" || run?.status === "pending" || run?.status === "running";
-  const hasAnswer = Boolean(activePacket?.shortAnswer);
   const runtime = run?.runtime ?? activePacket?.runtime;
   const runtimeContextPacket = runtime?.contextPacket;
-  const liveGroundingDecision = runtime?.liveGroundingDecision;
-  const contextCandidates = runtime?.contextCandidates ?? [];
-  const toolDecisions = runtime?.toolDecisions ?? [];
   const claimChecks = runtime?.claimChecks ?? [];
   const metrics = runtime?.metrics;
-  const runtimeSourceCount = metrics?.sourceCount ?? run?.groundingChunks.length ?? activePacket?.sourceCount ?? 0;
-  const sourceCount = runtimeSourceCount || liveDetail?.sourceCount || 0;
-  const verifiedSourceCount = metrics?.verifiedSourceCount ?? claimChecks.filter((check) => check.verified === true).length;
+  const sourceCount = metrics?.sourceCount ?? run?.groundingChunks.length ?? activePacket?.sourceCount ?? liveDetail?.sourceCount ?? 0;
+  const verifiedSourceCount = metrics?.verifiedSourceCount
+    ?? claimChecks.filter((check) => check.verified === true).length;
   const softWarningSourceCount = metrics?.softWarningSourceCount
     ?? claimChecks.filter((check) => check.verified === false && !isBlockingClaimCheck(check)).length;
-  const unsupportedSourceCount = metrics?.unsupportedSourceCount
+  const blockedClaimCount = metrics?.unsupportedSourceCount
     ?? claimChecks.filter((check) => isBlockingClaimCheck(check)).length;
-  const blockedClaimCount = unsupportedSourceCount;
-  const toolCallCount = metrics?.toolCallCount ?? run?.toolCalls.length ?? activePacket?.trace.length ?? 0;
-  const estimatedCost = metrics?.estimatedCostUsd ?? run?.estimatedCostUsd;
-  const latency = metrics?.timeToFinalMs ?? metrics?.totalLatencyMs ?? run?.totalLatencyMs;
-  const memoryHitRate = typeof metrics?.memoryHitRate === "number" ? `${Math.round(metrics.memoryHitRate * 100)}%` : "pending";
-  const cacheHitRate = typeof metrics?.sourceCacheHitRate === "number" ? `${Math.round(metrics.sourceCacheHitRate * 100)}%` : "pending";
-  const graphPacket = liveDetail ? buildGraphContextBridgePacket({ detail: liveDetail, mode: "agent" }) : null;
-
-  const canRunLive = chatState.available && !skipLiveSeed;
-  const authDetail = skipLiveSeed
-    ? "fresh=1 disables live chat so QA can verify the empty run path."
-    : authLoading
-      ? "Resolving account session before live research can start."
-      : canRunLive
-        ? "Email-backed account can start scheduled research runs."
-        : !isAuthenticated
-          ? "Sign in before live research. Public memory remains browsable."
-          : "Account needs email or Google link before live research.";
-
-  const memoryStatus: AgentRailStatus =
-    contextCandidates.length > 0 || runtimeContextPacket?.hasContext ? "done" : isRunning ? "running" : "queued";
-  const sourceStatus: AgentRailStatus =
-    runtimeSourceCount > 0 ? "done" : isRunning ? "running" : "queued";
-  const verifyStatus: AgentRailStatus =
-    blockedClaimCount > 0 ? "blocked" : claimChecks.length > 0 || verifiedSourceCount > 0 ? "done" : isRunning && sourceCount > 0 ? "running" : "queued";
-
-  const progress: AgentRailItem[] = [
-    {
-      id: "goal",
-      label: "Define research goal and context",
-      status: lastUserPrompt || liveDetail ? "done" : "queued",
-      detail: lastUserPrompt ?? liveDetail?.title ?? "Waiting for a prompt.",
-    },
-    {
-      id: "memory",
-      label: "Search memory and current reports",
-      status: memoryStatus,
-      detail: runtimeContextPacket?.hasContext
-        ? `${runtimeContextPacket.title}: ${runtimeContextPacket.selectedContext.length} selected context items, ${runtimeContextPacket.sourceRefs.length} source refs.`
-        : contextCandidates[0]?.detail ?? (liveDetail ? `${liveDetail.title} selected from saved memory.` : "Runs before any live source refresh."),
-    },
-    {
-      id: "graph-context",
-      label: "Resolve graph context packet",
-      status: runtimeContextPacket?.hasContext ? "done" : isRunning ? "running" : "queued",
-      detail: runtimeContextPacket?.hasContext
-        ? `${runtimeContextPacket.graph.nodeCount} nodes, ${runtimeContextPacket.graph.edgeCount} edges, ${runtimeContextPacket.verification.tier} verification.`
-        : graphPacket?.agentSummary ?? "Packs first-ring report graph, source refs, and safe action handles.",
-    },
-    {
-      id: "tools",
-      label: "Invoke tools and source retrieval",
-      status: toolDecisions.length > 0 ? agentStatusFromPlanner(toolDecisions[0].status) : sourceStatus,
-      detail: liveGroundingDecision
-        ? `${liveGroundingDecision.useLiveGrounding ? "Live grounding enabled" : "Live grounding skipped"}: ${liveGroundingDecision.reason}`
-        : toolDecisions[0]?.detail ?? `${toolCallCount} tool-call cards, ${sourceCount} source rows.`,
-    },
-    {
-      id: "verify",
-      label: "Verify citations and claim support",
-      status: verifyStatus,
-      detail: blockedClaimCount > 0
-        ? `${blockedClaimCount} source${blockedClaimCount === 1 ? "" : "s"} unsupported; ${softWarningSourceCount} fetch-limited or provider-grounded.`
-        : `${verifiedSourceCount || 0} verified · ${softWarningSourceCount || 0} fetch-limited/provider-grounded · ${sourceCount || 0} total.`,
-    },
-    {
-      id: "packet",
-      label: "Assemble answer packet",
-      status: hasAnswer && !isRunning ? "done" : isRunning ? "running" : "queued",
-      detail: hasAnswer ? activePacket?.nextAction || activePacket?.shortAnswer : "Short answer, evidence, risks, next action.",
-    },
-    {
-      id: "handoff",
-      label: "Prepare notebook and follow-up handoff",
-      status: followUps.length || pinned.length ? "done" : hasAnswer ? "queued" : "queued",
-      detail: `${pinned.length} pinned context item${pinned.length === 1 ? "" : "s"}, ${followUps.length} queued follow-up${followUps.length === 1 ? "" : "s"}.`,
-    },
-    {
-      id: "telemetry",
-      label: "Record telemetry and QA evidence",
-      status: metrics ? "done" : isRunning ? "running" : "queued",
-      detail: `${formatLatency(latency)} final latency, ${formatRailUsd(estimatedCost)} estimated cost.`,
-    },
-  ];
-
-  const runDetails: AgentRailItem[] = [
-    {
-      id: "access",
-      label: "Live research access",
-      status: canRunLive ? "done" : authLoading ? "running" : "blocked",
-      detail: authDetail,
-    },
-    {
-      id: "routing",
-      label: "Router tier",
-      status: "done",
-      detail: `${normalizeRouterTierForChatRun(tier)} mode selected for this thread.`,
-    },
-    {
-      id: "run",
-      label: "Current run",
-      status: isRunning ? "running" : run?.status === "complete" ? "done" : run?.status === "error" ? "blocked" : "idle",
-      detail: run?.runId ? `${run.status} - ${compactRunId(run.runId)}` : "No active research run subscribed.",
-      meta: run?.hash ? `replay /r/${run.hash}` : undefined,
-      href: run?.hash ? `/redesign/chat/r/${encodeURIComponent(run.hash)}` : undefined,
-    },
-    {
-      id: "cost",
-      label: "Cost and cache",
-      status: estimatedCost > 0 || metrics ? "done" : "queued",
-      detail: `${formatRailUsd(estimatedCost)} estimated - memory ${memoryHitRate} - source cache ${cacheHitRate} - live search ${metrics?.liveSearchCalls ?? "not recorded"}${runtimeContextPacket ? ` - runtime graph ${runtimeContextPacket.graph.nodeCount} nodes` : ""}.`,
-    },
-    {
-      id: "context-runtime",
-      label: "Context runtime packet",
-      status: runtimeContextPacket ? runtimeContextPacket.hasContext ? "done" : "blocked" : "queued",
-      detail: runtimeContextPacket
-        ? `${runtimeContextPacket.contextRef ?? "prompt-only"} - ${runtimeContextPacket.telemetry.candidateCount} candidates - ${runtimeContextPacket.rejectedContext.length} rejected.`
-        : "Waiting for server-side ContextRuntimePacket event.",
-    },
-    {
-      id: "graph-packet",
-      label: "Graph context bridge",
-      status: graphPacket ? "done" : "queued",
-      detail: graphPacket
-        ? `${graphPacket.contextRef} - human ${graphPacket.humanRank}, agent ${graphPacket.agentRank}, approval ${graphPacket.approvalRequired ? "required" : "not required"}.`
-        : "No selected live report graph yet.",
-    },
-    {
-      id: "writes",
-      label: "Safe writes",
-      status: "idle",
-      detail: "Notebook patches, follow-ups, CRM exports, and shared writes stay user-approved.",
-    },
-  ];
-
-  const artifactItems: AgentRailItem[] = [];
-  if (liveDetail) {
-    artifactItems.push({
-      id: "active-report",
-      label: liveDetail.title,
-      status: "done",
-      detail: `${liveDetail.kind} - ${liveDetail.sourceCount} sources`,
-      href: `/redesign/chat?report=${encodeURIComponent(liveDetail.id)}&artifact=brief`,
-    });
-    artifactItems.push({
-      id: "notebook",
-      label: "Report notebook",
-      status: liveDetail.notebookHtml ? "done" : "queued",
-      detail: liveDetail.primaryAction,
-      href: `/redesign/chat?report=${encodeURIComponent(liveDetail.id)}&artifact=notebook`,
-    });
-  }
-  if (run?.hash) {
-    artifactItems.push({
-      id: "replay",
-      label: "Reproducible answer link",
-      status: "done",
-      detail: `/redesign/chat/r/${run.hash}`,
-      href: `/redesign/chat/r/${encodeURIComponent(run.hash)}`,
-    });
-  }
-  if (hasAnswer) {
-    artifactItems.push({
-      id: "answer",
-      label: "Answer packet",
-      status: run?.status === "complete" || !isRunning ? "done" : "running",
-      detail: `${activePacket?.sourceCount ?? sourceCount} source${(activePacket?.sourceCount ?? sourceCount) === 1 ? "" : "s"} · ${activePacket?.paidCalls ?? 0} paid call${(activePacket?.paidCalls ?? 0) === 1 ? "" : "s"}`,
-    });
-  }
-  for (const item of pinned.slice(0, 2)) {
-    artifactItems.push({
-      id: `pin-${item.id}`,
-      label: item.label,
-      status: "done",
-      detail: `${item.tier} context - ${item.sourceCount} sources`,
-    });
-  }
-  for (const item of followUps.slice(0, 2)) {
-    artifactItems.push({
-      id: `followup-${item.id}`,
-      label: item.label,
-      status: "done",
-      detail: item.reportTitle ? `Queued for ${item.reportTitle}` : "Queued in chat",
-    });
-  }
-  if (batch) {
-    artifactItems.push({
-      id: "batch",
-      label: `Batch: ${batch.universeName}`,
-      status: batch.doneCount >= batch.totalEntities ? "done" : "running",
-      detail: `${batch.doneCount}/${batch.totalEntities} done - ${formatRailUsd(batch.spentUsd)} spent`,
-    });
-  }
-
-  const backgroundAgents: AgentRailItem[] = [
-    {
-      id: "coordinator",
-      label: "Coordinator",
-      status: lastUserPrompt || run || hasAnswer ? isRunning ? "running" : "done" : "queued",
-      detail: "Selects context, routing, and safe write policy.",
-    },
-    {
-      id: "memory",
-      label: "Memory agent",
-      status: memoryStatus,
-      detail: graphPacket?.title ?? contextCandidates[0]?.label ?? "Reports, notebook blocks, prior chats, and sources.",
-    },
-    {
-      id: "graph",
-      label: "Graph context agent",
-      status: runtimeContextPacket?.hasContext ? "done" : isRunning ? "running" : "queued",
-      detail: runtimeContextPacket?.hasContext
-        ? runtimeContextPacket.graph.clusters.map((cluster) => `${cluster.name}:${cluster.count}`).join(" · ")
-        : graphPacket?.whySelected[2] ?? "Builds bounded neighborhoods before paid live search.",
-    },
-    {
-      id: "source",
-      label: "Source verifier",
-      status: verifyStatus,
-      detail: claimChecks[0]?.detail ?? `${sourceCount} source row${sourceCount === 1 ? "" : "s"} in scope.`,
-    },
-    {
-      id: "notebook",
-      label: "Notebook agent",
-      status: followUps.length || pinned.length ? "done" : hasAnswer ? "queued" : "idle",
-      detail: "Produces proposed handoffs; does not overwrite user-edited notebook text.",
-    },
-    {
-      id: "judge",
-      label: "Judge / eval",
-      status: claimChecks.length || metrics ? "done" : isRunning ? "running" : "queued",
-      detail: "Checks unsupported claims, source precision, privacy, cost, and final quality.",
-    },
-  ];
-
-  const sourceItems: AgentRailItem[] = [];
-  for (const chunk of run?.groundingChunks ?? []) {
-    sourceItems.push({
-      id: `grounding-${chunk.idx}`,
-      label: sourceLabel(chunk.source),
-      status: "done",
-      detail: chunk.quote,
-      href: sourceUrlFromText(chunk.source) ?? undefined,
-    });
-  }
-  for (const row of activePacket?.evidence ?? []) {
-    if (sourceItems.length >= 5) break;
-    sourceItems.push({
-      id: `evidence-${row.idx}`,
-      label: sourceLabel(row.source),
-      status: blockedClaimCount > 0 ? "blocked" : "done",
-      detail: row.quote,
-      href: sourceUrlFromText(row.source) ?? undefined,
-    });
-  }
-  for (const row of liveDetail?.sourceRows ?? []) {
-    if (sourceItems.length >= 5) break;
-    sourceItems.push({
-      id: `live-source-${row.id}`,
-      label: row.title,
-      status: "done",
-      detail: row.host || row.refreshed,
-      href: row.href,
-    });
-  }
-  if (sourceItems.length === 0) {
-    sourceItems.push(
-      { id: "memory", label: "Saved memory", status: liveDetail ? "done" : "queued", detail: "Source of truth for reports and artifacts." },
-      { id: "typesense", label: "Memory search", status: "queued", detail: "Fast retrieval layer before paid live search." },
-    );
-  }
-
-  const title = isRunning
-    ? "Agent is running"
-    : chatState.status === "error"
-      ? "Agent needs attention"
-      : hasAnswer
-        ? "Agent run complete"
-        : liveDetail
-          ? "Agent ready on report"
-          : "Agent ready";
-
-  const snapshotStatus: AgentRailSnapshot["status"] =
-    isRunning ? "thinking" : chatState.status === "error" ? "error" : hasAnswer || liveDetail ? "ok" : "idle";
+  const isRunning = chatState.status === "thinking" || run?.status === "pending" || run?.status === "running";
+  const hasAnswer = Boolean(activePacket?.shortAnswer);
 
   return {
-    title,
-    hasIntent: Boolean(run || hasAnswer),
-    subtitle: lastUserPrompt
-      ? lastUserPrompt
+    status: isRunning
+      ? "thinking"
+      : chatState.status === "error"
+        ? "error"
+        : hasAnswer || liveDetail
+          ? "ok"
+          : "idle",
+    reads: runtimeContextPacket?.hasContext
+      ? `${runtimeContextPacket.selectedContext.length} selected context items · ${runtimeContextPacket.sourceRefs.length} source refs`
       : liveDetail
-        ? `${liveDetail.title} - ${liveDetail.sourceCount} sources - ${liveDetail.followUps} follow-ups`
-        : "Ask a question to start a traceable research run.",
-    status: snapshotStatus,
-    runId: compactRunId(run?.runId),
-    progress,
-    runDetails,
-    artifacts: artifactItems.length ? artifactItems : [{ id: "none", label: "No artifacts yet", status: "queued", detail: "The next answer packet will appear here." }],
-    backgroundAgents,
-    sources: sourceItems,
-    metrics: [
-      { label: "sources", value: String(runtimeSourceCount), tone: "accent" },
-      { label: "tools", value: String(toolCallCount), tone: "green" },
-      { label: "latency", value: formatLatency(latency), tone: latency ? "green" : "accent" },
-      { label: "context", value: graphPacket ? graphPacket.packedNodes.toLocaleString() : "0", tone: "accent" },
-      { label: "graph", value: graphPacket ? String(graphPacket.packedNodes) : "0", tone: "accent" },
-      { label: "cost", value: formatRailUsd(estimatedCost), tone: typeof estimatedCost === "number" && estimatedCost > 0 ? "amber" : "accent" },
-    ],
-    contract: {
-      objective: lastUserPrompt ?? (liveDetail ? `Work from ${liveDetail.title}.` : "Waiting for a request."),
-      reads: runtimeContextPacket?.hasContext
-        ? `${runtimeContextPacket.selectedContext.length} selected context items · ${runtimeContextPacket.sourceRefs.length} source refs`
-        : liveDetail
-          ? `${liveDetail.title} · ${liveDetail.sourceCount} attached source${liveDetail.sourceCount === 1 ? "" : "s"}`
-          : "Prompt only · no report context attached",
-      writes: "Review mode · no automatic shared writes",
-      verification: blockedClaimCount > 0
-        ? `${blockedClaimCount} unsupported source${blockedClaimCount === 1 ? "" : "s"} blocking review`
-        : claimChecks.length > 0
-          ? `${verifiedSourceCount} verified · ${softWarningSourceCount} limited · ${sourceCount} total`
-          : isRunning ? "Checks pending" : "No claim checks recorded",
-      reviewHref: liveDetail
-        ? `/redesign/chat?report=${encodeURIComponent(liveDetail.id)}&artifact=sources`
-        : undefined,
-    },
+        ? `${liveDetail.title} · ${liveDetail.sourceCount} attached source${liveDetail.sourceCount === 1 ? "" : "s"}`
+        : "Prompt only · no report context attached",
+    writes: "Review mode · no automatic shared writes",
+    verification: blockedClaimCount > 0
+      ? `${blockedClaimCount} unsupported source${blockedClaimCount === 1 ? "" : "s"} blocking review`
+      : claimChecks.length > 0
+        ? `${verifiedSourceCount} verified · ${softWarningSourceCount} limited · ${sourceCount} total`
+        : isRunning
+          ? "Checks pending"
+          : "No claim checks recorded",
   };
 }
 
@@ -841,12 +496,10 @@ function LaunchContextCard({
 }
 
 export function ChatSurface({
-  contextLabel = "Asking about: current context",
+  contextLabel = "Current context",
   workspaceDetail,
   initialPrompt,
   continuationHash,
-  onActiveContextChange,
-  onAgentRailChange,
 }: ChatSurfaceProps) {
   const navigate = useNavigate();
   const location = useLocation();
@@ -870,9 +523,6 @@ export function ChatSurface({
   // explicit live-chat unavailable state instead of seeded showcase content.
   const _skipLiveSeed = launchParams.has("fresh");
   const liveDetail = workspaceDetail ?? (_skipLiveSeed ? null : _rawLiveDetail);
-  useEffect(() => {
-    onActiveContextChange?.(liveDetail ?? null);
-  }, [liveDetail, onActiveContextChange]);
   const liveStarters = useMemo(() => {
     if (!liveDetail) return undefined;
     return [
@@ -1001,30 +651,11 @@ export function ChatSurface({
     navigate("/redesign/chat?intent=reports");
   };
 
-  const agentRailSnapshot = useMemo(() => buildChatAgentRailSnapshot({
+  const runScopeSnapshot = useMemo(() => buildRunScopeSnapshot({
     chatState: chatRun.state,
-    authLoading,
-    isAuthenticated,
     liveDetail,
     turns,
-    pinned,
-    followUps,
-    batch,
-    tier,
-    skipLiveSeed: _skipLiveSeed,
-  }), [authLoading, batch, chatRun.state, followUps, isAuthenticated, liveDetail, pinned, _skipLiveSeed, tier, turns]);
-  const lastAgentRailSnapshotKey = useRef<string>("");
-
-  useEffect(() => {
-    const nextKey = JSON.stringify(agentRailSnapshot);
-    if (lastAgentRailSnapshotKey.current === nextKey) return;
-    lastAgentRailSnapshotKey.current = nextKey;
-    onAgentRailChange?.(agentRailSnapshot);
-  }, [agentRailSnapshot, onAgentRailChange]);
-
-  useEffect(() => {
-    return () => onAgentRailChange?.(null);
-  }, [onAgentRailChange]);
+  }), [chatRun.state, liveDetail, turns]);
 
   // Phase 5 — real counterfactual probe via the probeRun mutation.
   // Looks up the original run, kicks off a new run with the masked
@@ -1072,7 +703,7 @@ export function ChatSurface({
 
   useEffect(() => {
     if (hasUserInteracted || hasLaunchContext) return;
-    setCtx(liveDetail ? `Asking about: ${liveDetail.title}` : contextLabel);
+    setCtx(liveDetail?.title ?? contextLabel);
   }, [contextLabel, hasLaunchContext, hasUserInteracted, liveDetail]);
 
   // Phase 2 — when the streamed chat run completes, commit the final packet
@@ -1505,7 +1136,7 @@ export function ChatSurface({
       )}
       <div className="rd-composer-dock">
         <div className="rd-composer-shell">
-          <RunScopeDisclosure snapshot={agentRailSnapshot} />
+          <RunScopeDisclosure snapshot={runScopeSnapshot} />
           <UniversalComposer
             hideAttachments
             contextLabel={ctx}
@@ -1630,20 +1261,21 @@ export function ChatSurface({
   );
 }
 
-function RunScopeDisclosure({ snapshot }: { snapshot: AgentRailSnapshot }) {
-  const contract = snapshot.contract;
+function RunScopeDisclosure({ snapshot }: { snapshot: RunScopeSnapshot }) {
   return (
     <details className="rd-run-scope" data-status={snapshot.status}>
       <summary>
-        <span>Review mode</span>
-        <span>{contract?.reads ?? "Prompt only"}</span>
-        <span aria-hidden="true">·</span>
-        <span>No automatic shared writes</span>
+        <svg className="rd-run-scope__icon" width={13} height={13} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+          <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10" />
+          <path d="m9 12 2 2 4-4" />
+        </svg>
+        <span>{snapshot.reads}</span>
+        <span>Review · no shared writes</span>
       </summary>
       <dl>
-        <div><dt>Reads</dt><dd>{contract?.reads ?? "No runtime context recorded."}</dd></div>
-        <div><dt>Writes</dt><dd>{contract?.writes ?? "Review mode · no automatic shared writes"}</dd></div>
-        <div><dt>Checks</dt><dd>{contract?.verification ?? "Not started"}</dd></div>
+        <div><dt>Reads</dt><dd>{snapshot.reads}</dd></div>
+        <div><dt>Writes</dt><dd>{snapshot.writes}</dd></div>
+        <div><dt>Checks</dt><dd>{snapshot.verification}</dd></div>
       </dl>
     </details>
   );
diff --git a/src/features/redesign/surfaces/OneSurface.guard.test.ts b/src/features/redesign/surfaces/OneSurface.guard.test.ts
index c80446e55..d3086611f 100644
--- a/src/features/redesign/surfaces/OneSurface.guard.test.ts
+++ b/src/features/redesign/surfaces/OneSurface.guard.test.ts
@@ -10,7 +10,6 @@ describe("NodeBench one-surface product contract", () => {
   const shell = read("src/features/redesign/RedesignShell.tsx");
   const header = read("src/features/redesign/components/TopNav.tsx");
   const chat = read("src/features/redesign/surfaces/ChatSurface.tsx");
-  const inspector = read("src/features/redesign/components/RightInspector.tsx");
   const workspaceCss = read("src/features/redesign/agent-workspace.css");
 
   it("mounts only the canonical decision workspace in the primary shell", () => {
@@ -23,6 +22,7 @@ describe("NodeBench one-surface product contract", () => {
     expect(shell).not.toContain("<WorkspaceSurface");
     expect(shell).not.toContain("<CommandPalette");
     expect(shell).not.toContain("<ShortcutsOverlay");
+    expect(shell).not.toContain("<RightInspector");
   });
 
   it("keeps the header free of page navigation and duplicate input", () => {
@@ -38,22 +38,19 @@ describe("NodeBench one-surface product contract", () => {
   });
 
   it("keeps contextual chat actions inside the same surface", () => {
-    for (const source of [chat, inspector]) {
-      expect(source).not.toMatch(/\/redesign\/(?:reports|inbox|me|workspace)/);
-    }
+    expect(chat).not.toMatch(/\/redesign\/(?:reports|inbox|me|workspace)/);
     expect(chat).toContain("/redesign/chat?report=");
     expect(chat).toContain("requestedIntent");
     expect(chat).toContain("<LaunchContextCard");
     expect(chat).toContain("buildLiveContextRef(liveDetail, requestedArtifactKey)");
     expect(chat).not.toContain("Review settings");
-    expect(inspector).not.toContain("Open Map");
-    expect(inspector).not.toContain("Open notebook handoff");
-    expect(inspector).toContain("Review sources here");
+    expect(chat).toContain("How we got this answer");
+    expect(chat).toContain("sourceUrlFromText");
   });
 
   it("keeps read scope visible on mobile", () => {
-    expect(workspaceCss).toMatch(/span:nth-of-type\(2\)[^{]*\{[^}]*display:\s*block/s);
-    expect(workspaceCss).not.toMatch(/span:nth-of-type\(2\)[^{]*,[^{]*span:nth-of-type\(3\)[^{]*\{[^}]*display:\s*none/s);
+    expect(workspaceCss).toMatch(/span:first-of-type[^{]*\{[^}]*display:\s*block/s);
+    expect(workspaceCss).not.toMatch(/rd-run-scope[^}]*display:\s*none/s);
   });
 
   it("routes the root application to chat on desktop and mobile", () => {
diff --git a/src/features/redesign/surfaces/WorkspaceSurface.tsx b/src/features/redesign/surfaces/WorkspaceSurface.tsx
index 1c17c5571..d99a24acc 100644
--- a/src/features/redesign/surfaces/WorkspaceSurface.tsx
+++ b/src/features/redesign/surfaces/WorkspaceSurface.tsx
@@ -463,7 +463,7 @@ export function WorkspaceSurface({ reportId, initialTab = "brief", buildRoute }:
               ? <LiveArtifactPlaceholder loading={liveArtifacts.isLoading} reportId={selectedReportId} />
               : <SourcesTab report={effectiveLiveReport} />
         )}
-        {tab === "chat" && <ChatSurface contextLabel={`Asking about: ${workspaceTitle}`} workspaceDetail={workspaceDetail} />}
+        {tab === "chat" && <ChatSurface contextLabel={workspaceTitle} workspaceDetail={workspaceDetail} />}
         {tab === "map" && (
           workspaceDetail
             ? (