@skyhook-io/radar-app 1.14.1 → 1.14.3

package/src/components/diagnose/parts.tsx

@@ -1,3904 +1,26 @@
-// Presentational pieces of the Diagnose surface — pure + prop-driven (no
-// persistence, no app/routing knowledge) so they lift cleanly into k8s-ui later
-// and Cloud can reuse them. The stateful controller lives in DiagnoseContext;
-// the run logic in InvestigationView.
-import {
-  useEffect,
-  useId,
-  useMemo,
-  useRef,
-  useState,
-  type ReactNode,
-} from "react";
-import {
-  Loader2,
-  CheckCircle2,
-  AlertTriangle,
-  Copy,
-  Check,
-  ShieldCheck,
-  ChevronDown,
-  Wrench,
-  Sparkles,
-  RefreshCw,
-  Maximize2,
-  HelpCircle,
-  FileSearch,
-  Search,
-  ListChecks,
-} from "lucide-react";
-import { stringify as toYaml } from "yaml";
-import { codeToHtml } from "shiki";
-import { DialogPortal } from "@skyhook-io/k8s-ui/components/ui/DialogPortal";
-import { parseContextName } from "../../utils/context-name";
-import {
-  TRANSITION_MENU,
-  overlayExitMs,
-  overlayTransitionStyle,
-} from "../../utils/animation";
-import { useAnimatedUnmount } from "../../hooks/useAnimatedUnmount";
-import { useTheme } from "../../context/ThemeContext";
-import { type DiagnoseConsentCopy } from "../../context/DiagnoseCustomization";
-import {
-  type Diagnosis,
-  type DiagnoseStep,
-  type AgentInfo,
-  type ApplyMutationOutcome,
-  type ExecutionProfile,
-  type DiagnoseStreamEvent,
-  type MCPServerStatus,
-} from "../../api/diagnose";
-import { Collapse, CollapseChevron } from "@skyhook-io/k8s-ui";
-import { Markdown } from "../ui/Markdown";
-import { Tooltip } from "../ui/Tooltip";
-import type { InvestigationSourceExcerpt } from "./investigationSourceFocus";
-import {
-  highlightRelatedEvidence,
-  locateSourceExcerpt,
-} from "./investigationSourceFocus";
-import {
-  investigationActivitySourceDomId,
-  investigationEvidenceSourceId,
-  type InvestigationRootCauseEvidenceResolution,
-  type InvestigationEvidenceSource,
-} from "./investigationEvidence";
-import type {
-  InvestigationCaseItem,
-  InvestigationCaseResolution,
-} from "./investigationCase";
-import { AgentClaimNote } from "./AgentCase";
-import type { InvestigationHealthSignal } from "./investigationState";
-import { Badge } from "@skyhook-io/k8s-ui";
-import { diagnosisHasStoryShape, storyPlainText } from "./investigationStory";
-
-import { useDisclosureReveal } from "./useDisclosureReveal";
-
-const CURSOR_FULL_LOCAL_WARNING =
-  "Radar passes Cursor --force, which auto-approves its built-in tools and every MCP server it loads, including your global servers. Cursor’s sandbox does not reliably confine those tools to Radar’s temporary workspace.";
-
-// Segmented two-or-more-way selector — shared shape for the agent and execution
-// profile pickers.
-function Segmented<T extends string | boolean>({
-  label,
-  options,
-  value,
-  onChange,
-}: {
-  label?: string;
-  options: { value: T; label: string }[];
-  value: T;
-  onChange: (v: T) => void;
-}) {
-  return (
-    <div>
-      {label && (
-        <div className="mb-1.5 text-[11px] font-medium uppercase tracking-wide text-theme-text-tertiary">
-          {label}
-        </div>
-      )}
-      <div className="flex gap-1 rounded-lg border border-theme-border bg-theme-base p-1">
-        {options.map((o) => (
-          <button
-            key={String(o.value)}
-            onClick={() => onChange(o.value)}
-            className={`flex-1 rounded-md px-2 py-1.5 text-xs font-medium transition-colors ${
-              o.value === value
-                ? "selection-strong selection-text selection-ring"
-                : "text-theme-text-secondary hover:bg-theme-hover hover:text-theme-text-primary"
-            }`}
-          >
-            {o.label}
-          </button>
-        ))}
-      </div>
-    </div>
-  );
-}
-
-type Option = { value: string; label: string; description?: string };
-
-// Claude Code's --model takes version-stable ALIASES that always resolve to the
-// user's installed latest of that tier (per `claude --help`), so this list never
-// rots across model updates. "" = the agent's own default. Descriptions mirror
-// Claude Code's own /model picker so the tradeoff is legible.
-const CLAUDE_MODEL_OPTIONS: Option[] = [
-  {
-    value: "",
-    label: "Default",
-    description: "Use Claude Code's configured model",
-  },
-  {
-    value: "opus",
-    label: "Opus",
-    description: "Most capable — best for complex problems",
-  },
-  {
-    value: "sonnet",
-    label: "Sonnet",
-    description: "Balanced — efficient for routine work",
-  },
-  { value: "haiku", label: "Haiku", description: "Fastest — quick checks" },
-];
-// Codex has no stable alias set and no way to enumerate models, and slugs change
-// across versions — so we take a free-text override rather than a list that rots.
-const EFFORT_OPTIONS: Option[] = [
-  {
-    value: "",
-    label: "Default",
-    description: "Recommended — Radar's default (medium)",
-  },
-  { value: "low", label: "Low", description: "Fastest, least reasoning" },
-  { value: "medium", label: "Medium", description: "Balanced depth" },
-  { value: "high", label: "High", description: "Most thorough, slowest" },
-];
-
-function TextField({
-  label,
-  value,
-  placeholder,
-  onChange,
-  hint,
-}: {
-  label: string;
-  value: string;
-  placeholder?: string;
-  onChange: (v: string) => void;
-  hint?: string;
-}) {
-  return (
-    <div>
-      <div className="mb-1.5 text-[11px] font-medium uppercase tracking-wide text-theme-text-tertiary">
-        {label}
-      </div>
-      <input
-        type="text"
-        value={value}
-        placeholder={placeholder}
-        onChange={(e) => onChange(e.target.value)}
-        className="w-full rounded-md border border-theme-border bg-theme-base px-2 py-1.5 text-xs text-theme-text-primary placeholder:text-theme-text-tertiary"
-      />
-      {hint && (
-        <p className="mt-1 text-[11px] leading-snug text-theme-text-tertiary">
-          {hint}
-        </p>
-      )}
-    </div>
-  );
-}
-
-// SelectMenu is a themed dropdown (button + popover list) matching the app's other
-// custom dropdowns — unlike a native <select> it renders option descriptions and
-// stays on-theme in both light/dark.
-function SelectMenu({
-  label,
-  value,
-  options,
-  onChange,
-  hint,
-}: {
-  label: string;
-  value: string;
-  options: Option[];
-  onChange: (v: string) => void;
-  hint?: string;
-}) {
-  const [open, setOpen] = useState(false);
-  // Presence outlives `open` by the menu exit so the list can fade out; the
-  // click-away backdrop only exists while logically open.
-  const { shouldRender, isOpen } = useAnimatedUnmount(
-    open,
-    overlayExitMs("menu"),
-  );
-  const current = options.find((o) => o.value === value) ?? options[0];
-  return (
-    <div>
-      <div className="mb-1.5 text-[11px] font-medium uppercase tracking-wide text-theme-text-tertiary">
-        {label}
-      </div>
-      <div className="relative">
-        <button
-          onClick={() => setOpen((v) => !v)}
-          aria-haspopup="listbox"
-          aria-expanded={open}
-          className="flex w-full items-center justify-between gap-2 rounded-md border border-theme-border bg-theme-base px-2.5 py-1.5 text-left text-xs text-theme-text-primary hover:bg-theme-hover"
-        >
-          <span className="truncate">{current?.label}</span>
-          <ChevronDown className="h-3.5 w-3.5 shrink-0 text-theme-text-tertiary" />
-        </button>
-        {open && (
-          <div className="fixed inset-0 z-10" onClick={() => setOpen(false)} />
-        )}
-        {shouldRender && (
-          <ul
-            role="listbox"
-            inert={!open || undefined}
-            className={`absolute left-0 right-0 z-20 mt-1 max-h-72 origin-top overflow-y-auto rounded-md border border-theme-border bg-theme-surface py-1 shadow-theme-lg ${TRANSITION_MENU} ${
-              isOpen
-                ? "opacity-100 translate-y-0 scale-100"
-                : "opacity-0 -translate-y-1 scale-[0.97]"
-            } ${open ? "" : "pointer-events-none"}`}
-            style={overlayTransitionStyle(isOpen, "menu")}
-          >
-            {options.map((o) => {
-              const sel = o.value === value;
-              return (
-                <li key={o.value}>
-                  <button
-                    role="option"
-                    aria-selected={sel}
-                    onClick={() => {
-                      onChange(o.value);
-                      setOpen(false);
-                    }}
-                    className="flex w-full items-start gap-2 px-2.5 py-1.5 text-left hover:bg-theme-hover"
-                  >
-                    <Check
-                      className={`mt-0.5 h-3.5 w-3.5 shrink-0 ${sel ? "text-accent" : "opacity-0"}`}
-                    />
-                    <span className="min-w-0">
-                      <span className="block text-xs font-medium text-theme-text-primary">
-                        {o.label}
-                      </span>
-                      {o.description && (
-                        <span className="block text-[11px] leading-snug text-theme-text-tertiary">
-                          {o.description}
-                        </span>
-                      )}
-                    </span>
-                  </button>
-                </li>
-              );
-            })}
-          </ul>
-        )}
-      </div>
-      {hint && (
-        <p className="mt-1 text-[11px] leading-snug text-theme-text-tertiary">
-          {hint}
-        </p>
-      )}
-    </div>
-  );
-}
-
-// AgentControls is the full AI investigation config block (agent, execution profile, model,
-// effort) — pure + prop-driven. It lives in Settings, not the investigation panel,
-// since these are set-once preferences rather than per-run knobs.
-export function AgentControls({
-  agents,
-  selectedAgent,
-  onSelectAgent,
-  profile,
-  onSetProfile,
-  model,
-  onSetModel,
-  effort,
-  onSetEffort,
-}: {
-  agents: AgentInfo[];
-  selectedAgent: string;
-  onSelectAgent: (name: string) => void;
-  profile: ExecutionProfile;
-  onSetProfile: (v: ExecutionProfile) => void;
-  model: string;
-  onSetModel: (v: string) => void;
-  effort: string;
-  onSetEffort: (v: string) => void;
-}) {
-  const isCodex = selectedAgent === "codex";
-  const isClaude = selectedAgent === "claude";
-  const isCursor = selectedAgent === "cursor-agent";
-  const selectedAgentInfo = agents.find((a) => a.name === selectedAgent);
-  const selectedAgentLabel =
-    selectedAgentInfo?.label || selectedAgent || "agent";
-  const profiles = selectedAgentInfo?.profiles ?? [];
-  const shownProfile = profiles.includes(profile)
-    ? profile
-    : (profiles[0] ?? profile);
-  const profileLabels: Record<ExecutionProfile, string> = {
-    safeguarded: "Radar safeguards",
-    "full-local": `Your ${selectedAgentLabel} setup`,
-  };
-  return (
-    <div className="space-y-3">
-      {agents.length >= 2 && (
-        <Segmented
-          label="Agent"
-          value={selectedAgent}
-          onChange={onSelectAgent}
-          options={agents.map((a) => ({
-            value: a.name,
-            label: a.label || a.name,
-          }))}
-        />
-      )}
-      {profiles.length > 0 && (
-        <div>
-          {profiles.length > 1 ? (
-            <>
-              <Segmented<ExecutionProfile>
-                label="How Radar runs it"
-                value={shownProfile}
-                onChange={onSetProfile}
-                options={profiles.map((value) => ({
-                  value,
-                  label: profileLabels[value],
-                }))}
-              />
-              {shownProfile === "safeguarded" ? (
-                <p className="mt-1.5 text-[11px] leading-snug text-theme-text-tertiary">
-                  {isClaude
-                    ? "Claude’s built-in tools are disabled, and MCP access is limited to Radar’s read-only investigation tools. Your Claude settings, hooks, and CLAUDE.md instructions still apply and are outside Radar’s control."
-                    : isCodex
-                      ? "Radar excludes your Codex configuration and other MCP servers. Codex’s sandboxed shell can still read files on this machine; it cannot write or reach the network."
-                      : "Radar uses this agent’s safeguarded execution profile. Review the agent’s documented restrictions before continuing."}
-                </p>
-              ) : (
-                <div className="mt-1.5 flex items-start gap-1.5 rounded border border-amber-500/40 bg-amber-500/10 p-2 text-[11px] leading-snug text-theme-text-secondary">
-                  <AlertTriangle className="mt-0.5 h-3 w-3 shrink-0 text-amber-500" />
-                  <span>
-                    Uses your agent&apos;s normal configuration and other
-                    configured tools and MCP servers. Radar cannot constrain
-                    that external tooling; it may access local files or the
-                    network and may be able to change your cluster.{" "}
-                    {isCursor
-                      ? CURSOR_FULL_LOCAL_WARNING
-                      : isClaude
-                        ? "Claude uses the permissions from your setup; Radar does not override them."
-                        : "Radar still enables the agent CLI’s own sandbox, but that sandbox does not constrain external MCP servers."}{" "}
-                    Choose this only when you need that setup.
-                  </span>
-                </div>
-              )}
-            </>
-          ) : shownProfile === "safeguarded" ? (
-            <div className="flex items-start gap-1.5 rounded border border-theme-border bg-theme-base p-2 text-[11px] leading-snug text-theme-text-secondary">
-              <ShieldCheck className="mt-0.5 h-3 w-3 shrink-0 text-accent" />
-              <span>
-                Radar always runs this agent with safeguards.
-                {isClaude
-                  ? " Claude’s built-in tools are disabled, and MCP access is limited to Radar’s read-only investigation tools. Your Claude settings, hooks, and CLAUDE.md instructions still apply and are outside Radar’s control."
-                  : isCodex
-                    ? " Your Codex configuration and other MCP servers are excluded. Codex’s sandboxed shell can still read files on this machine; it cannot write or reach the network."
-                    : " Review the agent’s documented restrictions before continuing."}
-              </span>
-            </div>
-          ) : (
-            <div className="flex items-start gap-1.5 rounded border border-amber-500/40 bg-amber-500/10 p-2 text-[11px] leading-snug text-theme-text-secondary">
-              <AlertTriangle className="mt-0.5 h-3 w-3 shrink-0 text-amber-500" />
-              <span>
-                Radar must use this agent&apos;s normal setup. Radar cannot
-                constrain its external tools or MCP servers; they may access
-                local files or the network and may be able to change your
-                cluster.{" "}
-                {isCursor ? (
-                  CURSOR_FULL_LOCAL_WARNING
-                ) : (
-                  <>
-                    Radar still enables the agent CLI&apos;s own sandbox, but
-                    that sandbox does not constrain external MCP servers.
-                  </>
-                )}
-              </span>
-            </div>
-          )}
-        </div>
-      )}
-      {isClaude ? (
-        <SelectMenu
-          label="Model"
-          value={model}
-          options={CLAUDE_MODEL_OPTIONS}
-          onChange={onSetModel}
-          hint="Aliases always resolve to the latest of that tier."
-        />
-      ) : isCodex || isCursor ? (
-        <TextField
-          label="Model"
-          value={model}
-          placeholder={
-            isCursor
-              ? "Default (e.g. auto, gpt-5.2, composer-2.5)"
-              : "Default (e.g. gpt-5-codex, o3)"
-          }
-          onChange={onSetModel}
-          hint={
-            isCursor
-              ? "Leave empty for your Cursor default, or enter a model slug Cursor supports."
-              : shownProfile === "full-local"
-                ? "Your Codex setup uses its configured model; set a slug here to override it."
-                : "Leave empty for Codex's default, or enter a model your Codex version supports."
-          }
-        />
-      ) : (
-        <TextField
-          label="Model"
-          value={model}
-          placeholder="Default"
-          onChange={onSetModel}
-          hint="Leave empty for the agent's default, or enter a model identifier it supports."
-        />
-      )}
-      {isCodex && (
-        <SelectMenu
-          label="Reasoning effort"
-          value={effort}
-          options={EFFORT_OPTIONS}
-          onChange={onSetEffort}
-        />
-      )}
-    </div>
-  );
-}
-
-// Turn is one round of the conversation: the initial investigation (no question)
-// or a follow-up, each with its own transcript + result.
-export type Turn = {
-  resultSequence?: number;
-  explainAssessment?: number;
-  question?: string;
-  actor?: string;
-  timeline: TimelineItem[];
-  diagnosis: Diagnosis | null;
-  error: string | null;
-  status: "running" | "done" | "error";
-  // apply turns execute the recommended fix (write tools) — they report an
-  // outcome, not a root cause, so the UI frames them differently.
-  apply?: boolean;
-  // Set from the apply turn's terminal stream event. Green success is reserved
-  // for an explicit producer-confirmed mutation.
-  applyOutcome?: ApplyMutationOutcome;
-  // Verification turns are structurally a fresh health assessment, even though
-  // they carry a question. Keeping the bit explicit prevents the UI from
-  // misclassifying them as ordinary conversational follow-ups on replay.
-  verify?: boolean;
-  // Set from the replay/live boundary when the terminal event arrives. Historical
-  // conclusions render immediately; conclusions observed live enter smoothly.
-  animateResult?: boolean;
-  // The latest startup phase the server reported before the agent's first
-  // message. It drives the pending status line only; it is never a transcript item.
-  startup?: StartupSignal;
-};
-
-export type StartupSignal = {
-  phase: "investigating" | "connected" | "ready";
-  model?: string;
-  toolCount?: number;
-  mcpServers?: MCPServerStatus[];
-};
-
-const STARTUP_PHASE_RANK: Record<StartupSignal["phase"], number> = {
-  investigating: 0,
-  connected: 1,
-  ready: 2,
-};
-
-// Folds a phase event into the turn's startup signal. The handshake and the
-// CLI's init line are reported by different goroutines, so a later event can
-// name an earlier phase; the furthest phase wins and the init facts are kept.
-export function mergeStartupSignal(
-  prev: StartupSignal | undefined,
-  event: Pick<
-    DiagnoseStreamEvent,
-    "phase" | "model" | "toolCount" | "mcpServers"
-  >,
-): StartupSignal | undefined {
-  const phase = event.phase;
-  if (phase !== "investigating" && phase !== "connected" && phase !== "ready")
-    return prev;
-  const facts =
-    phase === "ready"
-      ? {
-          model: event.model,
-          toolCount: event.toolCount,
-          mcpServers: event.mcpServers,
-        }
-      : {};
-  if (prev && STARTUP_PHASE_RANK[prev.phase] >= STARTUP_PHASE_RANK[phase]) {
-    return phase === "ready" ? { ...prev, ...facts } : prev;
-  }
-  return { ...prev, ...facts, phase };
-}
-
-function startupLabel(startup: StartupSignal, agentLabel: string): string {
-  switch (startup.phase) {
-    case "investigating":
-      return `${agentLabel} starting…`;
-    case "connected":
-      return "Connected to Radar's tools";
-    case "ready": {
-      const parts = [`${agentLabel} ready`];
-      if (startup.model) parts.push(startup.model);
-      if (startup.toolCount !== undefined)
-        parts.push(
-          `${startup.toolCount} Radar ${startup.toolCount === 1 ? "tool" : "tools"}`,
-        );
-      return parts.join(" · ");
-    }
-  }
-}
-
-// TimelineItem is one ordered transcript entry: agent reasoning, or a tool call.
-export type TimelineItem =
-  | { kind: "thinking"; text: string; animate?: boolean }
-  | {
-      kind: "tool";
-      id: string;
-      tool: string;
-      status: string;
-      ms?: number;
-      summary?: string;
-      result?: string;
-      evidenceRef?: string;
-      radarEvidence?: boolean;
-      truncated?: boolean;
-      // Tri-state by design: false = producer confirmed success, true = producer
-      // confirmed failure, undefined = this replay cannot establish the outcome.
-      isError?: boolean;
-      // Arrival motion is event-local so a replayed running turn can keep receiving
-      // live tool calls without reanimating the history reconstructed before it.
-      animate?: boolean;
-    };
-
-export function appendThinking(
-  prev: TimelineItem[],
-  text: string,
-  animate = true,
-): TimelineItem[] {
-  const normalized = text.replace(/\*\*\r?\n(?=\*\*)/g, "**\n\n");
-  // Agent CLIs commonly emit each short bold planning update as a complete
-  // stream event. Preserve those as discrete chronological beats instead of
-  // producing invalid/run-on Markdown such as `**one****two**`. Ordinary token
-  // chunks still concatenate into their current beat exactly as emitted.
-  const blocks = normalized.split(/\n{2,}(?=\s*\*\*)/);
-  const next = [...prev];
-  for (const block of blocks) {
-    if (!block) continue;
-    const last = next[next.length - 1];
-    const beginsBeat = /^\s*\*\*/.test(block);
-    const priorBeatComplete =
-      last?.kind === "thinking" && /\*\*\s*$/.test(last.text);
-    // Some agents repeat a bold phase heading at stream boundaries. Suppress
-    // only that presentation artifact; identical ordinary lines can be real
-    // evidence/reasoning and must survive both replay and live chunking.
-    if (
-      last?.kind === "thinking" &&
-      beginsBeat &&
-      priorBeatComplete &&
-      last.text.trim() === block.trim()
-    )
-      continue;
-    if (last?.kind === "thinking" && !(beginsBeat && priorBeatComplete)) {
-      next[next.length - 1] = {
-        ...last,
-        text: (last.text + block).slice(-4000),
-        animate: last.animate === true || animate,
-      };
-      continue;
-    }
-    next.push({
-      kind: "thinking",
-      text: block.trimStart(),
-      animate,
-    });
-  }
-  return next;
-}
-
-export function upsertTool(
-  prev: TimelineItem[],
-  step: DiagnoseStep,
-  animate = true,
-): TimelineItem[] {
-  const i = prev.findIndex((it) => it.kind === "tool" && it.id === step.id);
-  if (i >= 0) {
-    const next = [...prev];
-    const cur = next[i] as Extract<TimelineItem, { kind: "tool" }>;
-    // The `done` event omits the tool name + input; keep them from `running`.
-    next[i] = {
-      ...cur,
-      ...step,
-      kind: "tool",
-      tool: step.tool || cur.tool,
-      summary: step.summary || cur.summary,
-      animate: cur.animate === true || animate,
-    };
-    return next;
-  }
-  return [...prev, { kind: "tool", ...step, animate }];
-}
-
-export function TurnView({
-  turn,
-  agentLabel,
-  onApply,
-  onViewExplanation,
-  onCheckStatus,
-  onRetryDiagnosis,
-  hideConclusion = false,
-  assessment = false,
-  explanation,
-  turnIndex,
-  evidenceStepIds,
-  onViewEvidence,
-  sourceRevealRequest,
-  assessmentSources,
-}: {
-  turn: Turn;
-  agentLabel?: string;
-  onApply?: (fix: string) => void;
-  onViewExplanation?: () => void;
-  onCheckStatus?: () => void;
-  onRetryDiagnosis?: () => void;
-  /** Sources and agent items an answer turn cited; answers otherwise show none. */
-  assessmentSources?: ReactNode;
-  // The current assessment is Findings; the transcript keeps a pointer to it
-  // rather than a second copy (reasoning + tool calls still show).
-  hideConclusion?: boolean;
-  /** This turn is (or was) an assessment: render its full verdict, never as a conversational answer. */
-  assessment?: boolean;
-  /** A saved plain-language explanation of an earlier assessment, shown with it here. */
-  explanation?: AssessmentExplanation;
-  turnIndex?: number;
-  evidenceStepIds?: ReadonlySet<string>;
-  onViewEvidence?: (sourceId: string) => void;
-  sourceRevealRequest?: {
-    sourceId: string;
-    requestId: number;
-    excerpt?: InvestigationSourceExcerpt;
-  };
-}) {
-  // A follow-up (a turn the user asked a question on) is a conversational reply,
-  // not a fresh diagnosis — render it as a plain answer, never the root-cause
-  // anchor or a remediation card — unless its verdict revised the assessment.
-  const followup =
-    !!turn.question && !turn.apply && !turn.verify && !assessment;
-  // Whether the done turn has anything for ResultCard to render — mirrors its
-  // branch order exactly (apply → followup → structured/healthy), since a followup
-  // ONLY ever renders FollowupAnswer (report/rootCause), never the remediation list.
-  // When false, TurnView shows the narration or an explicit empty note, not a blank.
-  const dx = turn.diagnosis;
-  const hasResult = dx
-    ? followup
-      ? !!(dx.report?.trim() || dx.rootCause?.trim()) // FollowupAnswer
-      : dx.healthy && !dx.rootCause
-        ? true // AllClearCard
-        : dx.inconclusive && !dx.rootCause
-          ? true // InconclusiveCard
-          : !!dx.rootCause ||
-            (dx.remediation?.length ?? 0) > 0 ||
-            !!dx.report?.trim()
-    : false;
-  return (
-    <div className="space-y-2">
-      {turn.explainAssessment ? (
-        <button
-          type="button"
-          onClick={onViewExplanation}
-          className="flex items-center gap-1.5 rounded-md py-2 text-xs text-accent-text hover:underline"
-        >
-          <HelpCircle className="h-3.5 w-3.5" />
-          {turn.status === "running"
-            ? "Explaining assessment…"
-            : turn.status === "error"
-              ? "Explanation failed"
-              : "Plain-language explanation"}
-          <span className="text-theme-text-tertiary">· View in Findings</span>
-        </button>
-      ) : (
-        turn.question &&
-        (turn.verify ? (
-          <div className="flex items-center gap-2 rounded-md border border-theme-border/60 bg-theme-base/40 px-2.5 py-2 text-xs text-theme-text-secondary">
-            <RefreshCw className="h-3.5 w-3.5 shrink-0 text-accent" />
-            <span className="font-medium text-theme-text-primary">
-              Automatic verification
-            </span>
-            <span className="text-theme-text-tertiary">
-              Re-checking after apply
-            </span>
-          </div>
-        ) : (
-          <div className="flex justify-end">
-            <div className="max-w-[85%]">
-              {turn.actor && (
-                <div className="mb-0.5 text-right text-[10px] text-theme-text-tertiary">
-                  {turn.actor}
-                </div>
-              )}
-              <div className="rounded-lg rounded-br-sm bg-accent/10 px-3 py-1.5 text-sm text-theme-text-primary [overflow-wrap:anywhere]">
-                {turn.question}
-              </div>
-            </div>
-          </div>
-        ))
-      )}
-      <Timeline
-        items={turn.timeline}
-        running={turn.status === "running"}
-        applyMode={turn.apply}
-        followup={followup}
-        startup={turn.startup}
-        agentLabel={agentLabel}
-        turnIndex={turnIndex}
-        evidenceStepIds={evidenceStepIds}
-        onViewEvidence={onViewEvidence}
-        sourceRevealRequest={sourceRevealRequest}
-      />
-      {!turn.explainAssessment &&
-        turn.status === "done" &&
-        (turn.apply ? (
-          <ApplyOutcomeCard
-            diagnosis={turn.diagnosis}
-            applyOutcome={turn.applyOutcome}
-            onCheckStatus={onCheckStatus}
-            animate={turn.animateResult !== false}
-          />
-        ) : hideConclusion && hasResult ? (
-          assessment ? (
-            <p
-              data-turn-assessment-pointer
-              className="flex items-center gap-1.5 text-xs text-theme-text-tertiary"
-            >
-              <Sparkles className="h-3.5 w-3.5 text-accent" aria-hidden />
-              Assessment · shown in Findings
-            </p>
-          ) : null
-        ) : hasResult ? (
-          <ResultCard
-            diagnosis={turn.diagnosis!}
-            onApply={onApply}
-            followup={followup}
-            onCheckStatus={onCheckStatus}
-            animate={turn.animateResult !== false}
-            assessmentSources={assessmentSources}
-            explanation={explanation}
-            storyInline={assessment}
-            readOnlyAssessment={assessment}
-          />
-        ) : (
-          <EmptyResult animate={turn.animateResult !== false} />
-        ))}
-      {!turn.explainAssessment &&
-      !turn.apply &&
-      turn.status === "done" &&
-      turn.diagnosis?.notes ? (
-        <WorkingNotes notes={turn.diagnosis.notes} />
-      ) : null}
-      {turn.explainAssessment ? null : turn.status === "error" && turn.apply ? (
-        <ApplyOutcomeCard
-          diagnosis={turn.diagnosis}
-          error={turn.error}
-          applyOutcome={turn.applyOutcome}
-          onCheckStatus={onCheckStatus}
-          animate={turn.animateResult !== false}
-        />
-      ) : turn.status === "error" && turn.error ? (
-        <div className="flex items-start gap-2 rounded-lg border border-red-500/30 bg-red-500/10 p-3 text-sm text-theme-text-primary">
-          <AlertTriangle className="mt-0.5 h-4 w-4 shrink-0 text-red-400" />
-          <div className="flex min-w-0 flex-col gap-2">
-            <span className="whitespace-pre-wrap break-words">
-              {turn.error}
-            </span>
-            {onRetryDiagnosis && (
-              <button
-                type="button"
-                onClick={onRetryDiagnosis}
-                className="btn-brand self-start px-3 py-1 text-xs"
-              >
-                Retry investigation
-              </button>
-            )}
-            {onCheckStatus && (
-              <button
-                type="button"
-                onClick={onCheckStatus}
-                className="btn-brand self-start px-3 py-1 text-xs"
-              >
-                Check current status
-              </button>
-            )}
-          </div>
-        </div>
-      ) : null}
-    </div>
-  );
-}
-
-// ConsentCardShell owns the card chrome (icon, layout, settings link, Approve/
-// Cancel) so every copy tier — the OSS default, the hosted fallback, and a host
-// override — feeds the same frame instead of duplicating it.
-function ConsentCardShell({
-  title,
-  body,
-  bullets,
-  settingsLabel,
-  approveLabel = "Approve & investigate",
-  warning = false,
-  error,
-  onOpenSettings,
-  onApprove,
-  onCancel,
-}: DiagnoseConsentCopy & {
-  warning?: boolean;
-  // Why the last approval failed, straight from the server. The card stays up on
-  // failure so retrying works in place, which means this is the ONLY chance to
-  // say why — a host that records consent above the individual refuses the
-  // wrong person here, and only its message knows who to ask.
-  error?: string | null;
-  onOpenSettings?: () => void;
-  onApprove: () => void;
-  onCancel: () => void;
-}) {
-  // `settingsLabel: null` hides the link outright — a host with one fixed agent
-  // has nothing behind it. `undefined` keeps the OSS default label.
-  const resolvedSettingsLabel =
-    settingsLabel === undefined
-      ? "Change the agent and how it runs in Settings"
-      : settingsLabel;
-  return (
-    <div
-      className={
-        warning
-          ? "rounded-lg border border-amber-500/40 bg-amber-500/10 p-4"
-          : "rounded-lg border border-theme-border bg-theme-elevated p-4"
-      }
-    >
-      <div className="mb-2 flex items-center gap-2">
-        {warning ? (
-          <AlertTriangle className="h-4 w-4 text-amber-500" />
-        ) : (
-          <ShieldCheck className="h-4 w-4 text-accent" />
-        )}
-        <div className="text-sm font-medium text-theme-text-primary">
-          {title}
-        </div>
-      </div>
-      <div className="text-sm leading-relaxed text-theme-text-secondary">
-        {body}
-      </div>
-      {bullets && bullets.length > 0 && (
-        <ul className="mt-2 space-y-1 text-xs text-theme-text-tertiary">
-          {bullets.map((b, i) => (
-            <li key={i}>• {b}</li>
-          ))}
-        </ul>
-      )}
-      {onOpenSettings && resolvedSettingsLabel && (
-        <button
-          onClick={onOpenSettings}
-          className="mt-3 text-xs text-accent hover:underline"
-        >
-          {resolvedSettingsLabel}
-        </button>
-      )}
-      {/* Red, not amber: the full-local card is itself amber, so an amber box on
-          it reads as another paragraph of body copy. role="alert" because nothing
-          else moves on failure — focus stays on Approve, so without it a screen
-          reader says nothing and the user re-presses a button that cannot succeed. */}
-      {error && (
-        <div
-          role="alert"
-          className="mt-3 flex items-start gap-2 rounded-md border border-red-500/30 bg-red-500/10 p-2 text-xs text-theme-text-primary"
-        >
-          <AlertTriangle className="mt-0.5 h-3.5 w-3.5 shrink-0 text-red-400" />
-          <span>{error}</span>
-        </div>
-      )}
-      <div className="mt-4 flex gap-2">
-        <button
-          onClick={onCancel}
-          className="flex-1 rounded-lg border border-theme-border py-1.5 text-sm text-theme-text-secondary hover:bg-theme-hover"
-        >
-          Cancel
-        </button>
-        <button
-          onClick={onApprove}
-          className="flex-1 rounded-lg btn-brand py-1.5 text-sm"
-        >
-          {approveLabel}
-        </button>
-      </div>
-    </div>
-  );
-}
-
-// The first-run consent + trust card. The copy is checkable fact about a data
-// flow — not marketing — and the wrong claim is a lie, not a typo. It resolves
-// in two tiers:
-//
-//   1. `copy` — the embedding host tells its own trust story. Only the host
-//      knows where its agent runs, whose key pays, and where transcripts live,
-//      so any host that runs the agent somewhere other than the OSS local CLI
-//      MUST override rather than let Radar assert the local story over its flow.
-//   2. No `copy` — the OSS bring-your-own-local-CLI default, the only tier where
-//      "on your machine / no Radar cloud / your account" actually holds.
-export function ConsentCard({
-  agentName,
-  agent,
-  profile,
-  copy,
-  error,
-  onOpenSettings,
-  onApprove,
-  onCancel,
-}: {
-  agentName: string;
-  agent?: string;
-  profile: ExecutionProfile;
-  copy?: DiagnoseConsentCopy;
-  error?: string | null;
-  onOpenSettings?: () => void;
-  onApprove: () => void;
-  onCancel: () => void;
-}) {
-  const chrome = { onOpenSettings, onApprove, onCancel, error };
-
-  // Tier 1: a host (e.g. radar-hub-web) supplied its own copy — use it verbatim.
-  if (copy) return <ConsentCardShell {...copy} {...chrome} />;
-
-  return (
-    <ConsentCardShell
-      {...chrome}
-      warning={profile === "full-local"}
-      approveLabel={
-        profile === "full-local"
-          ? "Continue with my agent setup"
-          : "Approve & investigate"
-      }
-      title={
-        profile === "safeguarded"
-          ? "Run an AI investigation with Radar safeguards?"
-          : `Run using your ${agentName} setup?`
-      }
-      body={
-        <>
-          This runs{" "}
-          <span className="font-medium text-theme-text-primary">
-            your own {agentName}
-          </span>{" "}
-          on your machine — no Radar cloud, no API key, no account. Radar sends
-          this resource&apos;s spec, recent events, and pod logs to it (and on
-          to its model provider under your account, not to Radar). Transcripts
-          are kept in your local Radar history on this machine until cleared.
-          {profile === "safeguarded" && (
-            <>
-              {" "}
-              Radar&apos;s investigation tools can only{" "}
-              <span className="font-medium">read</span> your cluster.
-            </>
-          )}
-        </>
-      }
-      bullets={
-        profile === "safeguarded"
-          ? [
-              agent === "claude" ? (
-                <>
-                  Radar safeguards disable Claude&apos;s built-in tools and
-                  limit MCP access to Radar&apos;s read-only investigation
-                  tools. Your Claude settings, hooks, and CLAUDE.md instructions
-                  still apply and are outside Radar&apos;s control.
-                </>
-              ) : agent === "codex" ? (
-                <>
-                  Radar safeguards exclude your Codex configuration and other
-                  MCP servers. Codex&apos;s sandboxed shell can still read files
-                  on this machine; it cannot write or reach the network.
-                </>
-              ) : (
-                <>
-                  Radar uses this agent&apos;s safeguarded execution profile.
-                  Review the agent&apos;s documented restrictions before
-                  continuing.
-                </>
-              ),
-            ]
-          : [
-              <>
-                Radar cannot constrain the agent&apos;s other configured tools
-                or MCP servers. They may access local files or the network and
-                may be able to change your cluster.
-              </>,
-              agent === "cursor-agent" ? (
-                CURSOR_FULL_LOCAL_WARNING
-              ) : agent === "claude" ? (
-                <>
-                  Claude uses the permissions from your setup; Radar does not
-                  override them.
-                </>
-              ) : (
-                <>
-                  Radar still enables the agent CLI&apos;s own sandbox, but that
-                  sandbox does not constrain external MCP servers.
-                </>
-              ),
-            ]
-      }
-    />
-  );
-}
-
-// The Apply confirmation — wider than a generic confirm so the recommended fix
-// (rendered markdown) is legible, making it unambiguous what the one click does.
-export function ApplyDialog({
-  open,
-  onClose,
-  onConfirm,
-  agentLabel,
-  resourceLabel,
-  context,
-  fix,
-  reason,
-  precondition,
-  managedBy,
-  confidence,
-}: {
-  open: boolean;
-  onClose: () => void;
-  onConfirm: () => void;
-  agentLabel: string;
-  resourceLabel: string;
-  context: string;
-  fix?: string;
-  /** The agent's one-clause case for this step, repeated at the decision. */
-  reason?: string;
-  /** The condition the agent attached to this step; shown before the operator confirms. */
-  precondition?: string;
-  managedBy?: string; // GitOps/Helm owner of the resource, if any
-  confidence?: number;
-}) {
-  const fixText = fix?.trim();
-  const lowConfidence = confidence != null && confidence < 0.5;
-  // A GitOps/Helm-managed resource needs an explicit acknowledgment before applying
-  // a direct change — it's the canonical footgun (the controller reverts it). Gating
-  // (not just warning) makes the user opt into "yes, I know this may be undone."
-  // TODO(SKY-1075): once Radar can connect the user's SCM (GitHub/GitLab/…), replace
-  //   direct apply on managed resources with "open a PR against the Git source"
-  //   instead — the durable fix. See Linear SKY-1075.
-  const [acked, setAcked] = useState(false);
-  useEffect(() => {
-    if (open) setAcked(false);
-  }, [open]);
-  const applyBlocked = !!managedBy && !acked;
-  return (
-    <DialogPortal
-      open={open}
-      onClose={onClose}
-      className="flex max-h-[calc(100dvh-2rem)] w-full max-w-2xl flex-col overflow-hidden"
-    >
-      <div className="flex shrink-0 items-start gap-3 border-b border-theme-border p-4">
-        <div className="flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-amber-500/20">
-          <AlertTriangle className="h-5 w-5 text-amber-500" />
-        </div>
-        <div className="min-w-0 flex-1">
-          <h3 className="text-lg font-semibold text-theme-text-primary">
-            Apply this fix?
-          </h3>
-          <p className="mt-1 text-sm text-theme-text-secondary">
-            Let {agentLabel} apply the recommended change to{" "}
-            <span className="font-medium text-theme-text-primary">
-              {resourceLabel}
-            </span>
-            .
-          </p>
-          <p className="mt-2 text-sm text-theme-text-secondary">
-            Cluster:{" "}
-            <span className="font-medium text-theme-text-primary">
-              {parseContextName(context).clusterName}
-            </span>
-          </p>
-          {context !== parseContextName(context).clusterName && (
-            <p className="mt-0.5 break-all font-mono text-xs text-theme-text-tertiary">
-              {context}
-            </p>
-          )}
-        </div>
-      </div>
-
-      <div className="min-h-0 overflow-y-auto">
-        {fixText && (
-          <div className="border-b border-theme-border p-4">
-            <div className="mb-1.5 flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wide text-accent">
-              <Sparkles className="h-3.5 w-3.5" />
-              Proposed change
-            </div>
-            <AIMarkdown className="text-sm text-theme-text-primary [overflow-wrap:anywhere] [&_code]:font-normal [&_p]:my-0 [&_p]:text-theme-text-primary [&_pre]:my-1.5 [&_pre]:whitespace-pre-wrap [&_pre_code]:whitespace-pre-wrap">
-              {fixText}
-            </AIMarkdown>
-            {reason ? (
-              <p
-                data-apply-reason
-                className="mt-2 text-sm text-theme-text-secondary"
-              >
-                <span className="font-medium text-theme-text-primary">
-                  Why this step:
-                </span>{" "}
-                {reason}
-              </p>
-            ) : null}
-            {precondition ? (
-              <p
-                data-apply-precondition
-                className="mt-2 flex items-start gap-1.5 rounded-md border border-amber-500/30 bg-amber-500/5 px-2.5 py-1.5 text-xs text-theme-text-primary"
-              >
-                <AlertTriangle className="mt-0.5 h-3.5 w-3.5 shrink-0 text-amber-500" />
-                <span>
-                  <span className="font-medium">
-                    The agent said this applies only if:
-                  </span>{" "}
-                  {precondition}. Radar has not checked that condition.
-                </span>
-              </p>
-            ) : null}
-          </div>
-        )}
-      </div>
-      <div className="shrink-0 space-y-2 p-4">
-        {/* The star warning: when we KNOW a controller owns this resource, a live
-            change reverts on the next reconcile — say so authoritatively. */}
-        {managedBy && (
-          <div className="space-y-2 rounded border border-amber-500/40 bg-amber-500/10 p-3 text-sm text-theme-text-primary">
-            <div className="flex items-start gap-2">
-              <RefreshCw className="mt-0.5 h-4 w-4 shrink-0 text-amber-500" />
-              <span>
-                <span className="font-medium">Managed by {managedBy}.</span>{" "}
-                Unless you turn off auto-sync, a direct change here will be
-                undone within minutes when {managedBy} re-syncs from Git — the
-                durable fix is to change it in Git (the {managedBy} source).
-              </span>
-            </div>
-            <label className="flex cursor-pointer items-center gap-2 pl-6 text-xs text-theme-text-secondary">
-              <input
-                type="checkbox"
-                checked={acked}
-                onChange={(e) => setAcked(e.target.checked)}
-                className="h-3.5 w-3.5 accent-amber-500"
-              />
-              I understand {managedBy} may revert this — apply anyway.
-            </label>
-          </div>
-        )}
-        {lowConfidence && (
-          <div className="flex items-start gap-2 rounded border border-theme-border bg-theme-elevated p-3 text-sm text-theme-text-secondary">
-            <AlertTriangle className="mt-0.5 h-4 w-4 shrink-0 text-theme-text-tertiary" />
-            <span>
-              The agent had <span className="font-medium">low confidence</span>{" "}
-              in this conclusion — consider asking a follow-up to verify before
-              applying.
-            </span>
-          </div>
-        )}
-        <div className="flex items-start gap-2 rounded border border-theme-border bg-theme-base/50 p-3 text-sm text-theme-text-secondary">
-          <AlertTriangle className="mt-0.5 h-4 w-4 shrink-0 text-theme-text-tertiary" />
-          <span>
-            {agentLabel} will change your cluster using your kubeconfig
-            credentials. Review the change above; if you&apos;re not sure, ask a
-            follow-up first.
-          </span>
-        </div>
-      </div>
-      <div className="flex shrink-0 items-center justify-end gap-3 border-t border-theme-border p-4">
-        <button
-          onClick={onClose}
-          className="rounded-lg px-4 py-2 text-sm font-medium text-theme-text-secondary transition-colors hover:bg-theme-elevated hover:text-theme-text-primary"
-        >
-          Cancel
-        </button>
-        <button
-          onClick={onConfirm}
-          disabled={applyBlocked}
-          className="flex items-center gap-1.5 rounded-lg btn-brand px-4 py-2 text-sm font-medium disabled:cursor-not-allowed disabled:opacity-50"
-        >
-          <Wrench className="h-4 w-4" />
-          Apply fix
-        </button>
-      </div>
-    </DialogPortal>
-  );
-}
-
-export function Timeline({
-  items,
-  running,
-  applyMode,
-  followup,
-  startup,
-  agentLabel = "Agent",
-  turnIndex,
-  evidenceStepIds,
-  onViewEvidence,
-  sourceRevealRequest,
-}: {
-  items: TimelineItem[];
-  running: boolean;
-  applyMode?: boolean;
-  followup?: boolean;
-  startup?: StartupSignal;
-  agentLabel?: string;
-  turnIndex?: number;
-  evidenceStepIds?: ReadonlySet<string>;
-  onViewEvidence?: (sourceId: string) => void;
-  sourceRevealRequest?: {
-    sourceId: string;
-    requestId: number;
-    excerpt?: InvestigationSourceExcerpt;
-  };
-}) {
-  const heading = applyMode
-    ? "Applying fix"
-    : followup
-      ? "Working"
-      : "Investigation";
-  // The live status verb tracks the running tool ("Reading logs…") so the wait is
-  // informative, not a generic spinner; before the first item it reports the
-  // startup phases the server actually observed, never a timer-based guess.
-  const activeTool = [...items]
-    .reverse()
-    .find((it) => it.kind === "tool" && it.status !== "done") as
-    Extract<TimelineItem, { kind: "tool" }> | undefined;
-  const runningLabel = applyMode
-    ? "Applying the fix…"
-    : activeTool
-      ? toolActivity(activeTool.tool)
-      : items.length > 0
-        ? "Working…"
-        : startup
-          ? startupLabel(startup, agentLabel)
-          : followup
-            ? "Thinking…"
-            : "Starting investigation…";
-  const failedServers = (startup?.mcpServers ?? []).filter(
-    (server) => server.status !== "connected",
-  );
-  const radarServer = failedServers.find((server) => server.name === "radar");
-  const allDefiniteFailures = failedServers.every((server) =>
-    mcpStatusIsFailure(server.status),
-  );
-  return (
-    <div className="space-y-1.5">
-      {items.length > 0 && (
-        <div className="text-[11px] font-medium uppercase tracking-wide text-theme-text-tertiary">
-          {heading}
-        </div>
-      )}
-      {failedServers.length > 0 && (
-        <div
-          role="status"
-          className="flex items-start gap-1.5 rounded border border-semantic-warning/40 bg-semantic-warning/10 p-2 text-[11px] leading-snug text-theme-text-secondary"
-        >
-          <AlertTriangle className="mt-0.5 h-3 w-3 shrink-0 text-semantic-warning" />
-          <span>
-            {failedServers.map((server, i) => (
-              <span key={server.name}>
-                {i > 0 ? "; " : ""}
-                MCP server{" "}
-                <span className="font-medium text-theme-text-primary">
-                  {server.name}
-                </span>{" "}
-                {mcpStatusPhrase(server.status)}
-              </span>
-            ))}
-            {radarServer
-              ? mcpStatusIsFailure(radarServer.status)
-                ? ` at startup. ${agentLabel} had no Radar tools this turn, so it could not use Radar's cluster evidence.`
-                : ` at startup. Radar's tools may not have been available to ${agentLabel} this turn.`
-              : allDefiniteFailures
-                ? ` at startup. ${agentLabel} ran this turn without those tools.`
-                : ` at startup. Those tools may not have been available to ${agentLabel} this turn.`}
-          </span>
-        </div>
-      )}
-      {items.map((it, i) => {
-        if (it.kind === "thinking") {
-          return (
-            <ThinkingBlock
-              key={i}
-              text={it.text}
-              animate={it.animate !== false}
-              live={running && i === items.length - 1}
-            />
-          );
-        }
-        const sourceId =
-          turnIndex === undefined
-            ? undefined
-            : investigationEvidenceSourceId(turnIndex, it.id);
-        return (
-          <ToolRow
-            key={it.id}
-            step={it}
-            sourceId={sourceId}
-            hasEvidence={evidenceStepIds?.has(it.id) ?? false}
-            onViewEvidence={onViewEvidence}
-            revealRequestId={
-              sourceRevealRequest && sourceId === sourceRevealRequest.sourceId
-                ? sourceRevealRequest.requestId
-                : undefined
-            }
-            sourceExcerpt={
-              sourceRevealRequest && sourceRevealRequest.sourceId === sourceId
-                ? sourceRevealRequest.excerpt
-                : undefined
-            }
-            animate={it.animate !== false}
-          />
-        );
-      })}
-      {running && <RunningStatus label={runningLabel} />}
-    </div>
-  );
-}
-
-// The model's reasoning between tool calls — muted + subordinate to the tool
-// rows, and clamped once its beat is over so the chronology stays scannable.
-// The final beat remains fully visible while it is streaming; completed prose
-// is still available through an overflow-aware disclosure.
-function ThinkingBlock({
-  text,
-  animate,
-  live,
-}: {
-  text: string;
-  animate: boolean;
-  live: boolean;
-}) {
-  const [expanded, setExpanded] = useState(false);
-  const [contentHeight, setContentHeight] = useState<number>();
-  const contentRef = useRef<HTMLDivElement>(null);
-  const contentId = useId();
-  const reveal = useDisclosureReveal<HTMLDivElement>();
-  // Two lines of 12px/19.5px prose plus 8px paragraph/container spacing. Unlike a disclosure
-  // this starts with a visible preview, so animate measured height using the
-  // same 200ms ease-out/reduced-motion treatment as Collapse.
-  const previewHeight = 47;
-  const clamped = !live && !expanded;
-  useEffect(() => {
-    const content = contentRef.current;
-    if (!content) return;
-    const measure = () => setContentHeight(content.scrollHeight);
-    measure();
-    if (typeof ResizeObserver === "undefined") return;
-    const observer = new ResizeObserver(measure);
-    observer.observe(content);
-    return () => observer.disconnect();
-  }, [text]);
-
-  return (
-    <div
-      ref={reveal.elementRef}
-      className={animate ? "animate-transcript-enter" : ""}
-    >
-      <div
-        id={contentId}
-        className="overflow-hidden transition-[height] duration-200 ease-out motion-reduce:transition-none"
-        style={{
-          height: clamped
-            ? Math.min(contentHeight ?? previewHeight, previewHeight)
-            : contentHeight,
-        }}
-      >
-        <div ref={contentRef}>
-          <AIMarkdown className="py-0.5 text-xs leading-relaxed text-theme-text-tertiary [overflow-wrap:anywhere] [&_li]:text-theme-text-tertiary [&_p]:my-0.5 [&_strong]:font-medium [&_strong]:text-theme-text-secondary">
-            {text}
-          </AIMarkdown>
-        </div>
-      </div>
-      {!live && ((contentHeight ?? 0) > previewHeight || expanded) ? (
-        <button
-          type="button"
-          aria-controls={contentId}
-          aria-expanded={expanded}
-          onClick={() => {
-            setExpanded(!expanded);
-            reveal.revealAfterToggle(!expanded);
-          }}
-          className="text-[11px] font-medium text-theme-text-tertiary hover:text-accent-text"
-        >
-          {expanded ? "Show less" : "Show reasoning"}
-        </button>
-      ) : null}
-    </div>
-  );
-}
-
-// The live "working" line: spinner + shimmering activity verb, plus an elapsed
-// counter and — if the same activity sits with no update for a while — a soft
-// "still working" reassurance, so a long investigation reads as progress and a
-// genuine hang is at least legible (a non-expert can't otherwise tell them apart).
-// Self-contained: counts from when this line mounts; the stall timer resets each
-// time the label changes (i.e. whenever the agent moves to a new tool/phase).
-function RunningStatus({ label }: { label: string }) {
-  const [elapsed, setElapsed] = useState(0);
-  const elapsedRef = useRef(0);
-  const lastChangeRef = useRef(0);
-  const prevLabelRef = useRef(label);
-  // Reset the stall timer synchronously when the label changes (i.e. the agent moved
-  // to a new tool/phase) — doing it during render, not in an effect, so an already-
-  // stalled line never flashes "no update for Ns" for a tick before resetting.
-  if (prevLabelRef.current !== label) {
-    prevLabelRef.current = label;
-    lastChangeRef.current = elapsedRef.current;
-  }
-  useEffect(() => {
-    const id = setInterval(() => {
-      elapsedRef.current += 1;
-      setElapsed(elapsedRef.current);
-    }, 1000);
-    return () => clearInterval(id);
-  }, []);
-  const sinceChange = elapsed - lastChangeRef.current;
-  const stalled = elapsed >= 30 && sinceChange >= 30;
-  const counter = runningElapsedLabel(elapsed);
-  return (
-    <div className="flex items-center gap-2 pt-1 text-xs">
-      <Loader2 className="h-3 w-3 shrink-0 animate-spin text-accent" />
-      <span className="ai-shimmer min-w-0 truncate">{label}</span>
-      {stalled && (
-        <span className="shrink-0 text-theme-text-tertiary">
-          · still working — no update for {sinceChange}s
-        </span>
-      )}
-      {counter && (
-        <span className="ml-auto shrink-0 tabular-nums text-theme-text-tertiary">
-          {counter}
-        </span>
-      )}
-    </div>
-  );
-}
-
-// The wait the operator feels is the whole turn's, so the counter is a
-// row-level figure set apart from the label: "Connected to Radar's tools"
-// followed by "10s" read as if the handshake took that long.
-export function runningElapsedLabel(elapsed: number): string | undefined {
-  return elapsed >= 3 ? `${elapsed}s elapsed` : undefined;
-}
-
-// Claude Code reports each MCP server as connected, failed, needs-auth, or
-// pending. Only the first two are definite outcomes; anything else is left as
-// the CLI's own word so the warning never claims more than it knows.
-function mcpStatusIsFailure(status: string): boolean {
-  return status === "failed" || status === "needs-auth";
-}
-
-function mcpStatusPhrase(status: string): string {
-  if (status === "failed") return "failed to connect";
-  if (status === "needs-auth") return "needs authentication";
-  return `is ${status}`;
-}
-
-// Maps a running tool to a human verb so the status line reads as activity, not
-// machinery. Falls back to the prettified tool name for anything unmapped.
-function toolActivity(tool: string): string {
-  const t = tool.toLowerCase();
-  if (t.includes("log")) return "Reading logs…";
-  if (t.includes("event")) return "Checking recent events…";
-  if (t.includes("list")) return "Scanning related resources…";
-  if (t.includes("describe") || t.includes("get_resource"))
-    return "Inspecting the resource…";
-  if (t.includes("resource")) return "Inspecting the resource…";
-  if (t.includes("metric") || t.includes("top")) return "Checking metrics…";
-  if (t.includes("topology") || t.includes("graph"))
-    return "Tracing dependencies…";
-  return `${prettyTool(tool)}…`;
-}
-
-function ToolRow({
-  step,
-  sourceId,
-  hasEvidence,
-  onViewEvidence,
-  revealRequestId,
-  sourceExcerpt,
-  animate,
-}: {
-  step: Extract<TimelineItem, { kind: "tool" }>;
-  sourceId?: string;
-  hasEvidence?: boolean;
-  onViewEvidence?: (sourceId: string) => void;
-  revealRequestId?: number;
-  sourceExcerpt?: InvestigationSourceExcerpt;
-  animate: boolean;
-}) {
-  const [open, setOpen] = useState(revealRequestId !== undefined);
-  const [showFull, setShowFull] = useState(false);
-  const [argumentsOpen, setArgumentsOpen] = useState(false);
-  const toolReveal = useDisclosureReveal<HTMLDivElement>();
-  const argumentsReveal = useDisclosureReveal<HTMLDivElement>();
-  const argumentsId = useId();
-  const argumentsPreview = step.summary ? compactArgs(step.summary) : "";
-  const inlineArguments =
-    argumentsPreview.length <= 240 && !argumentsPreview.includes("\n");
-  const detailId = `investigation-tool-detail-${useId().replaceAll(":", "")}`;
-  const hasDetail = !!(step.summary || step.result);
-  useEffect(() => {
-    if (revealRequestId !== undefined && hasDetail) setOpen(true);
-  }, [hasDetail, revealRequestId]);
-  // Offer the rich dialog when the result is structured or non-trivial in size.
-  const richResult =
-    !!step.result && (isJsonPayload(step.result) || step.result.length > 200);
-  const done = step.status === "done";
-  const durationLabel = toolDurationLabel(step.ms);
-  const errorReason =
-    step.isError === true ? toolErrorReason(step.result) : undefined;
-  const outcomeLabel = !done
-    ? "Running"
-    : step.isError === true
-      ? "Tool failed"
-      : step.isError === false
-        ? "Tool completed"
-        : "Tool finished; outcome not recorded";
-  const rowContent = (
-    <>
-      {!done ? (
-        <Loader2
-          aria-label={outcomeLabel}
-          className="h-3.5 w-3.5 shrink-0 animate-spin text-accent"
-        />
-      ) : step.isError === true ? (
-        <AlertTriangle
-          aria-label={outcomeLabel}
-          className="h-3.5 w-3.5 shrink-0 text-red-400"
-        />
-      ) : step.isError === false ? (
-        <CheckCircle2
-          aria-label={outcomeLabel}
-          className="h-3.5 w-3.5 shrink-0 text-emerald-400"
-        />
-      ) : (
-        <HelpCircle
-          aria-label={outcomeLabel}
-          className="h-3.5 w-3.5 shrink-0 text-theme-text-tertiary"
-        />
-      )}
-      <span className="shrink-0 font-mono text-xs text-theme-text-secondary">
-        {prettyTool(step.tool)}
-      </span>
-      {step.summary && !open && (
-        <span className="min-w-0 flex-1 shrink-[4] truncate font-mono text-[11px] text-theme-text-tertiary">
-          {argumentsPreview}
-        </span>
-      )}
-      {errorReason && !open && (
-        // The arguments give way first: they are still readable expanded,
-        // while the reason is the one thing this row exists to say. It still
-        // clips at the row's edge; the full text is a hover and a click away.
-        <Tooltip content={errorReason} wrapperClassName="min-w-0 truncate">
-          <span className="investigation-tool-reason block min-w-0 truncate text-[11px] text-semantic-error">
-            {middleTruncate(errorReason)}
-          </span>
-        </Tooltip>
-      )}
-      {durationLabel && (
-        <span className="ml-auto shrink-0 text-[11px] text-theme-text-tertiary">
-          {durationLabel}
-        </span>
-      )}
-      {hasDetail && <CollapseChevron open={open} className="h-3.5 w-3.5" />}
-    </>
-  );
-  return (
-    <div
-      onMouseEnter={(event) =>
-        highlightRelatedEvidence(event.currentTarget, sourceId)
-      }
-      onMouseLeave={(event) => highlightRelatedEvidence(event.currentTarget)}
-      ref={toolReveal.elementRef}
-      id={sourceId ? investigationActivitySourceDomId(sourceId) : undefined}
-      tabIndex={sourceId ? -1 : undefined}
-      role={sourceId ? "group" : undefined}
-      aria-label={
-        sourceId
-          ? `${prettyTool(step.tool)} ${outcomeLabel.toLowerCase()}`
-          : undefined
-      }
-      className={`${animate ? "animate-transcript-enter" : ""} scroll-mt-3 rounded-md border border-theme-border/60 bg-theme-base/40 outline-none focus:ring-2 focus:ring-accent/50`}
-    >
-      <div className="flex min-w-0 items-stretch">
-        {hasDetail ? (
-          <button
-            type="button"
-            onClick={() => {
-              setOpen(!open);
-              toolReveal.revealAfterToggle(!open);
-            }}
-            aria-expanded={open}
-            aria-controls={detailId}
-            className="flex min-w-0 flex-1 items-center gap-2 px-2 py-1.5 text-left text-sm hover:bg-theme-hover"
-          >
-            {rowContent}
-          </button>
-        ) : (
-          <div className="flex min-w-0 flex-1 items-center gap-2 px-2 py-1.5 text-left text-sm">
-            {rowContent}
-          </div>
-        )}
-        {hasEvidence && sourceId && onViewEvidence ? (
-          <button
-            type="button"
-            onClick={() => onViewEvidence(sourceId)}
-            aria-label={`View evidence from ${prettyTool(step.tool)}`}
-            className="investigation-evidence-jump shrink-0 px-2 text-[11px] font-medium text-accent-text hover:bg-theme-hover"
-          >
-            Show evidence
-          </button>
-        ) : null}
-      </div>
-      {hasDetail && (
-        <div id={detailId}>
-          <Collapse open={open}>
-            <div className="space-y-2 border-t border-theme-border/60 px-2 py-2">
-              {step.summary &&
-                (inlineArguments ? (
-                  <div
-                    className="break-words font-mono text-[11px] leading-relaxed text-theme-text-secondary [overflow-wrap:anywhere]"
-                    aria-label="Tool arguments"
-                  >
-                    {argumentsPreview}
-                  </div>
-                ) : (
-                  <div ref={argumentsReveal.elementRef}>
-                    <button
-                      type="button"
-                      aria-expanded={argumentsOpen}
-                      aria-controls={argumentsId}
-                      onClick={() => {
-                        setArgumentsOpen(!argumentsOpen);
-                        argumentsReveal.revealAfterToggle(!argumentsOpen);
-                      }}
-                      className="flex items-center gap-1 py-1 text-xs text-theme-text-tertiary hover:text-theme-text-primary"
-                    >
-                      <CollapseChevron
-                        open={argumentsOpen}
-                        className="h-3.5 w-3.5"
-                      />
-                      {argumentsOpen ? "Hide arguments" : "Show arguments"}
-                    </button>
-                    <div id={argumentsId}>
-                      <Collapse open={argumentsOpen} mountLazily>
-                        <PayloadBlock label="Arguments" text={step.summary} />
-                      </Collapse>
-                    </div>
-                  </div>
-                ))}
-              {step.result && (
-                <PayloadBlock
-                  label="Original result"
-                  detail={step.ms != null ? `${step.ms}ms` : undefined}
-                  text={step.result}
-                  sourceExcerpt={sourceExcerpt}
-                  revealRequestId={revealRequestId}
-                  truncated={step.truncated}
-                  action={
-                    richResult ? (
-                      <button
-                        onClick={() => setShowFull(true)}
-                        className="flex items-center gap-1 text-[11px] text-accent hover:underline"
-                      >
-                        <Maximize2 className="h-3 w-3" />
-                        View payload
-                      </button>
-                    ) : undefined
-                  }
-                />
-              )}
-            </div>
-          </Collapse>
-        </div>
-      )}
-      {step.result && (
-        <ToolResultDialog
-          open={showFull}
-          onClose={() => setShowFull(false)}
-          title={prettyTool(step.tool)}
-          text={step.result}
-          truncated={step.truncated}
-        />
-      )}
-    </div>
-  );
-}
-
-// Only outliers carry information on the collapsed row: a slow log fetch or a
-// probe that hung. Sub-second calls stay silent; the exact figure lives in the
-// expanded result header.
-export function toolDurationLabel(ms: number | undefined): string | undefined {
-  if (ms == null || ms < 2000) return undefined;
-  return `${Math.round(ms / 1000)}s`;
-}
-
-// The producer's own words for a failed call, reduced to one line. Radar's MCP
-// errors are plain text; a JSON envelope with an `error` field is unwrapped.
-// Radar's not-found errors append retry hints for the agent after an em dash;
-// only the clause before it says what failed, so the hints are dropped.
-export function toolErrorReason(
-  result: string | undefined,
-): string | undefined {
-  if (!result) return undefined;
-  let text = result;
-  try {
-    const parsed: unknown = JSON.parse(result);
-    if (
-      parsed &&
-      typeof parsed === "object" &&
-      typeof (parsed as { error?: unknown }).error === "string"
-    ) {
-      text = (parsed as { error: string }).error;
-    }
-  } catch {
-    // plain text
-  }
-  const line = text
-    .split("\n")
-    .map((part) => part.trim())
-    .find((part) => part.length > 0);
-  if (!line) return undefined;
-  const clause = line.split(" — ")[0].trim();
-  return clause || line;
-}
-
-const COLLAPSED_REASON_MAX = 100;
-const COLLAPSED_REASON_TAIL = 36;
-
-// Keeps both ends of a long reason: the leading words say what failed and the
-// tail usually carries the identifier, which a plain end-truncation would lose.
-export function middleTruncate(
-  text: string,
-  max = COLLAPSED_REASON_MAX,
-  tail = COLLAPSED_REASON_TAIL,
-): string {
-  if (text.length <= max) return text;
-  const head = Math.max(1, max - tail - 1);
-  return `${text.slice(0, head).trimEnd()}…${text.slice(-tail).trimStart()}`;
-}
-
-// isJsonPayload / formatJson — a tool result is "structured" if it parses as JSON.
-function isJsonPayload(text: string): boolean {
-  try {
-    JSON.parse(text);
-    return true;
-  } catch {
-    return false;
-  }
-}
-function formatJson(text: string): string | null {
-  try {
-    return JSON.stringify(JSON.parse(text), null, 2);
-  } catch {
-    return null;
-  }
-}
-
-// PayloadBlock — compact inline view of a tool input/result: pretty JSON (scrolled
-// to keep indentation) or wrapped text (logs/prose), with copy + optional action.
-function PayloadBlock({
-  label,
-  detail,
-  text,
-  truncated,
-  action,
-  sourceExcerpt,
-  revealRequestId,
-}: {
-  label: string;
-  detail?: string;
-  text: string;
-  truncated?: boolean;
-  action?: ReactNode;
-  sourceExcerpt?: InvestigationSourceExcerpt;
-  revealRequestId?: number;
-}) {
-  const json = formatJson(text);
-  const display = json ?? text;
-  const range = locateSourceExcerpt(display, sourceExcerpt);
-  const rangeStart = range?.start;
-  const rangeEnd = range?.end;
-  const preRef = useRef<HTMLPreElement>(null);
-  const markRef = useRef<HTMLElement>(null);
-  useEffect(() => {
-    if (rangeStart === undefined || revealRequestId === undefined) return;
-    const frame = requestAnimationFrame(() => {
-      const pre = preRef.current,
-        mark = markRef.current;
-      if (pre && mark)
-        pre.scrollTop +=
-          mark.getBoundingClientRect().top -
-          pre.getBoundingClientRect().top -
-          pre.clientHeight / 3;
-    });
-    return () => cancelAnimationFrame(frame);
-  }, [revealRequestId, rangeStart, rangeEnd]);
-  return (
-    <div>
-      <div className="mb-0.5 flex items-center justify-between gap-2">
-        <span className="text-[10px] uppercase tracking-wide text-theme-text-tertiary">
-          {label}
-          {detail && (
-            <span className="ml-1.5 normal-case tracking-normal">
-              · {detail}
-            </span>
-          )}
-        </span>
-        <div className="flex items-center gap-2">
-          {action}
-          <CopyButton
-            text={json ?? text}
-            label={`Copy ${label.toLowerCase()}`}
-          />
-        </div>
-      </div>
-      <pre
-        ref={preRef}
-        className={`max-h-64 overflow-auto rounded bg-theme-elevated p-1.5 font-mono text-[11px] text-theme-text-secondary ${json && !range ? "" : "whitespace-pre-wrap [overflow-wrap:anywhere]"}`}
-      >
-        {range ? (
-          <>
-            {display.slice(0, range.start)}
-            <mark
-              ref={markRef}
-              className="bg-accent-muted text-theme-text-primary ring-1 ring-accent/40"
-            >
-              {display.slice(range.start, range.end)}
-            </mark>
-            {display.slice(range.end)}
-          </>
-        ) : (
-          display
-        )}
-      </pre>
-      {truncated && (
-        <div className="mt-0.5 text-[10px] text-amber-500">
-          Capped at 32 KB — partial output.
-        </div>
-      )}
-    </div>
-  );
-}
-
-// ToolResultDialog — the rich payload viewer: syntax-highlighted + searchable via
-// CodeViewer, with a JSON⇄YAML toggle for structured results (YAML default — k8s
-// reads better) and plain text for non-JSON (logs/prose).
-function ToolResultDialog({
-  open,
-  onClose,
-  title,
-  text,
-  truncated,
-}: {
-  open: boolean;
-  onClose: () => void;
-  title: string;
-  text: string;
-  truncated?: boolean;
-}) {
-  const { theme } = useTheme();
-  const [fmt, setFmt] = useState<"yaml" | "json">("yaml");
-  const parsed = useMemo<{ ok: boolean; value?: unknown }>(() => {
-    try {
-      return { ok: true, value: JSON.parse(text) };
-    } catch {
-      return { ok: false };
-    }
-  }, [text]);
-
-  const display = !parsed.ok
-    ? text
-    : fmt === "yaml"
-      ? safeYaml(parsed.value)
-      : JSON.stringify(parsed.value, null, 2);
-  const language = parsed.ok ? fmt : "text";
-
-  // Progressive syntax highlighting: render the plain text instantly, then swap in
-  // shiki's highlighted HTML once it resolves. A slow/failed highlighter load never
-  // blocks the payload (unlike CodeViewer's "Loading…" gate) — worst case it stays
-  // plain. Native browser find still works on the rendered text.
-  const [html, setHtml] = useState<string | null>(null);
-  useEffect(() => {
-    if (!open) return;
-    setHtml(null);
-    let alive = true;
-    codeToHtml(display, {
-      lang: language,
-      theme: theme === "light" ? "github-light" : "github-dark",
-    })
-      .then((h) => alive && setHtml(h))
-      .catch(() => {}); // keep the plain pre on failure
-    return () => {
-      alive = false;
-    };
-  }, [open, display, language, theme]);
-  return (
-    <DialogPortal open={open} onClose={onClose} className="w-[min(90vw,820px)]">
-      <div className="flex items-center justify-between gap-3 border-b border-theme-border p-3">
-        <div className="min-w-0">
-          <div className="truncate font-mono text-sm text-theme-text-primary">
-            {title}
-          </div>
-          {truncated && (
-            <div className="text-[11px] text-amber-500">
-              Capped at 32 KB — partial output.
-            </div>
-          )}
-        </div>
-        <div className="flex shrink-0 items-center gap-2">
-          {parsed.ok && (
-            <div className="w-32">
-              <Segmented<"yaml" | "json">
-                value={fmt}
-                onChange={setFmt}
-                options={[
-                  { value: "yaml", label: "YAML" },
-                  { value: "json", label: "JSON" },
-                ]}
-              />
-            </div>
-          )}
-          <CopyButton text={display} label="Copy tool result" />
-        </div>
-      </div>
-      {html ? (
-        <div
-          className="animate-code-colorize m-3 max-h-[60vh] overflow-auto rounded-md border border-theme-border bg-theme-base p-3 text-xs leading-relaxed [&_pre]:!m-0 [&_pre]:!bg-transparent [&_pre]:font-mono [&_pre]:!text-xs [&_pre]:!leading-relaxed"
-          dangerouslySetInnerHTML={{ __html: html }}
-        />
-      ) : (
-        <pre className="m-3 max-h-[60vh] overflow-auto rounded-md border border-theme-border bg-theme-base p-3 font-mono text-xs leading-relaxed text-theme-text-secondary">
-          {display}
-        </pre>
-      )}
-    </DialogPortal>
-  );
-}
-
-function safeYaml(value: unknown): string {
-  try {
-    return toYaml(value, { lineWidth: 0 });
-  } catch {
-    return JSON.stringify(value, null, 2);
-  }
-}
-
-function compactArgs(raw: string): string {
-  try {
-    const o = JSON.parse(raw);
-    return Object.entries(o)
-      .map(([k, v]) => `${k}=${typeof v === "string" ? v : JSON.stringify(v)}`)
-      .join(" ");
-  } catch {
-    return raw;
-  }
-}
-
-export function ResultCard({
-  diagnosis,
-  onApply,
-  explanation,
-  apply,
-  applyOutcome,
-  followup,
-  section = "full",
-  onCheckStatus,
-  animate = true,
-  showDisclaimer = true,
-  coverageLimited = false,
-  evidenceConflict = false,
-  evidenceConflictExplainedBy,
-  compactActions = false,
-  assessmentAction,
-  assessmentSources,
-  actionNotice,
-  storyInline = false,
-  readOnlyAssessment = false,
-  revisedAfter,
-  assessmentLimits,
-  assessmentCopy,
-  healthSignals,
-  onRevealSource,
-}: {
-  diagnosis: Diagnosis;
-  onApply?: (fix: string) => void;
-  explanation?: AssessmentExplanation;
-  apply?: boolean;
-  applyOutcome?: ApplyMutationOutcome;
-  followup?: boolean;
-  section?: "full" | "conclusion" | "actions";
-  /**
-   * Render the story as plain prose inside this card. Findings renders the
-   * story itself, with placed cards, so it leaves this off; Activity's
-   * read-only copies of earlier assessments turn it on.
-   */
-  storyInline?: boolean;
-  /** An earlier assessment shown for the record: no Apply, labelled as such. */
-  readOnlyAssessment?: boolean;
-  /** The question that produced this revised assessment, when it replaced an earlier one. */
-  revisedAfter?: string;
-  /** Reads Radar could not complete for this assessment; listed under Still open. */
-  assessmentLimits?: string[];
-  assessmentCopy?: Pick<AssessmentCopyRadar, "context" | "receipts">;
-  healthSignals?: InvestigationHealthSignal[];
-  onRevealSource?: (sourceId: string) => void;
-  onCheckStatus?: () => void;
-  animate?: boolean;
-  /** Additional navigation placed in the assessment action row. */
-  assessmentAction?: ReactNode;
-  assessmentSources?: ReactNode;
-  /** Hide the repeated disclaimer when the enclosing surface provides context. */
-  showDisclaimer?: boolean;
-  /** Qualifies a healthy assessment when structured evidence is absent or partial. */
-  coverageLimited?: boolean;
-  /** Marks a healthy agent assessment that conflicts with same-turn Key evidence. */
-  evidenceConflict?: boolean;
-  /**
-   * Titles of the conflicting cards when the agent placed a "not a problem"
-   * note on every one of them; the banner then points at the agent's reasons
-   * rather than accusing evidence it already addressed.
-   */
-  evidenceConflictExplainedBy?: string[];
-  /** Show only the recommended (or first) action until the user asks for more. */
-  compactActions?: boolean;
-  actionNotice?: string;
-}) {
-  // Apply turns report mutation truth, not a diagnosis. The outcome-specific
-  // card decides whether that truth is confirmed, failed, or still unknown.
-  if (apply)
-    return (
-      <ApplyOutcomeCard
-        diagnosis={diagnosis}
-        applyOutcome={applyOutcome}
-        onCheckStatus={onCheckStatus}
-        animate={animate}
-      />
-    );
-  // A question remains conversational even if the model happens to set a health
-  // flag in its structured envelope. Never promote an ordinary answer into an
-  // authoritative investigation conclusion.
-  if (followup)
-    return (
-      <>
-        <FollowupAnswer diagnosis={diagnosis} animate={animate} />
-        {assessmentSources ? (
-          <AssessmentSourceDetails>{assessmentSources}</AssessmentSourceDetails>
-        ) : null}
-      </>
-    );
-  if (diagnosis.healthy && !diagnosis.rootCause)
-    return section === "actions" ? null : (
-      <AllClearCard
-        diagnosis={diagnosis}
-        animate={animate}
-        showDisclaimer={showDisclaimer}
-        coverageLimited={coverageLimited}
-        evidenceConflict={evidenceConflict}
-        evidenceConflictExplainedBy={evidenceConflictExplainedBy}
-        assessmentAction={assessmentAction}
-        assessmentSources={assessmentSources}
-        storyInline={storyInline}
-        revisedAfter={revisedAfter}
-        assessmentLimits={assessmentLimits}
-        assessmentCopy={assessmentCopy}
-        healthSignals={healthSignals}
-        onRevealSource={onRevealSource}
-      />
-    );
-  // Couldn't-determine is its own honest state — never a confident all-clear, never
-  // the alarming root-cause anchor. With typed steps it can still carry the
-  // next check, which the actions section renders like any other step.
-  if (diagnosis.inconclusive && !diagnosis.rootCause) {
-    if (section === "actions")
-      return (diagnosis.steps?.length ?? 0) > 0 ? (
-        <DiagnosisResult
-          diagnosis={diagnosis}
-          onApply={readOnlyAssessment ? undefined : onApply}
-          section="actions"
-          animate={animate}
-          showDisclaimer={false}
-          compactActions={compactActions}
-          actionNotice={actionNotice}
-          readOnlyAssessment={readOnlyAssessment}
-        />
-      ) : null;
-    return (
-      <>
-        <InconclusiveCard
-          diagnosis={diagnosis}
-          animate={animate}
-          storyInline={storyInline}
-          revisedAfter={revisedAfter}
-          assessmentLimits={assessmentLimits}
-          assessmentCopy={assessmentCopy}
-        />
-        {section === "full" && (diagnosis.steps?.length ?? 0) > 0 ? (
-          <DiagnosisResult
-            diagnosis={diagnosis}
-            onApply={readOnlyAssessment ? undefined : onApply}
-            section="actions"
-            animate={false}
-            showDisclaimer={false}
-            compactActions={compactActions}
-            actionNotice={actionNotice}
-            readOnlyAssessment={readOnlyAssessment}
-          />
-        ) : null}
-        {assessmentSources ? (
-          <AssessmentSourceDetails>{assessmentSources}</AssessmentSourceDetails>
-        ) : null}
-        {assessmentAction && (
-          <div className="mt-2 flex justify-end">{assessmentAction}</div>
-        )}
-      </>
-    );
-  }
-  // A turn with no structured root cause and no remediation (e.g. "looks healthy",
-  // or a clarifying question) is not a diagnosis — render it neutrally rather than
-  // forcing the alarming root-cause anchor onto a non-problem.
-  const structured =
-    !!diagnosis.rootCause || (diagnosis.remediation?.length ?? 0) > 0;
-  if (!structured)
-    return (
-      <>
-        <FollowupAnswer diagnosis={diagnosis} animate={animate} />
-        {assessmentSources ? (
-          <AssessmentSourceDetails>{assessmentSources}</AssessmentSourceDetails>
-        ) : null}
-        {assessmentAction && (
-          <div className="mt-2 flex justify-end">{assessmentAction}</div>
-        )}
-      </>
-    );
-
-  return (
-    <DiagnosisResult
-      diagnosis={diagnosis}
-      onApply={readOnlyAssessment ? undefined : onApply}
-      explanation={explanation}
-      section={section}
-      animate={animate}
-      showDisclaimer={showDisclaimer}
-      compactActions={compactActions}
-      assessmentAction={assessmentAction}
-      assessmentSources={assessmentSources}
-      actionNotice={actionNotice}
-      storyInline={storyInline}
-      readOnlyAssessment={readOnlyAssessment}
-      revisedAfter={revisedAfter}
-      assessmentLimits={assessmentLimits}
-      assessmentCopy={assessmentCopy}
-    />
-  );
-}
-
-/**
- * The whole assessment as text: headline, certainty, what is unresolved, the
- * technical cause, the story without its markers, and the steps. Copying only
- * the headline would ship the persuasive half without its caveats.
- */
-/** What Radar adds to the agent's verdict when the assessment is copied for a channel. */
-interface AssessmentCopyRadar {
-  /** Reads Radar could not complete, as shown in Still open. */
-  limits?: readonly string[];
-  /** Adverse Radar cards the agent explained, as shown in Still open. */
-  signals?: readonly string[];
-  /** Adverse Radar cards nothing explains, as shown above a healthy verdict. */
-  flags?: readonly string[];
-  /** Where and when: the header line a reader in a channel needs first. */
-  context?: {
-    target: string;
-    cluster?: string;
-    startedAt?: string;
-    agent?: string;
-  };
-  /** The placed cards, as short excerpts: the receipts behind the headline. */
-  receipts?: readonly {
-    title: string;
-    role?: string;
-    lines: readonly string[];
-    /** The agent's statement of what this result does not cover. */
-    gap?: string;
-  }[];
-}
-
-/**
- * The assessment as Markdown for a channel or a ticket: context, headline,
- * cause, the receipts, what is still open, the next step. The full story and
- * every captured result stay in Radar; the text says so.
- */
-export function assessmentCopyText(
-  diagnosis: Diagnosis,
-  radar: AssessmentCopyRadar = {},
-): string {
-  const parts: string[] = [];
-  if (radar.context) {
-    const when = radar.context.startedAt
-      ? new Date(radar.context.startedAt).toLocaleString(undefined, {
-          dateStyle: "medium",
-          timeStyle: "short",
-        })
-      : undefined;
-    parts.push(
-      [
-        `**${radar.context.target}**`,
-        radar.context.cluster,
-        when,
-        radar.context.agent ? `via ${radar.context.agent}` : undefined,
-      ]
-        .filter(Boolean)
-        .join(" · "),
-    );
-  }
-  if (diagnosis.summary) {
-    const certainty = diagnosis.healthy
-      ? "Healthy"
-      : diagnosis.certainty
-        ? CERTAINTY_LABEL[diagnosis.certainty]
-        : undefined;
-    parts.push(
-      `**${diagnosis.summary.trim()}**${certainty ? ` — ${certainty} (agent's word)` : ""}`,
-    );
-  } else if (diagnosis.certainty) {
-    parts.push(`Certainty (agent): ${CERTAINTY_LABEL[diagnosis.certainty]}`);
-  }
-  // The pasted text must not read more confident than the screen: Radar's
-  // own qualifications travel with the agent's.
-  const flags = (radar.flags ?? []).filter((item) => item.trim());
-  if (flags.length > 0)
-    parts.push(
-      [
-        "Radar flagged:",
-        ...flags.map((item) => `- ${item}`),
-        "Read those cards before treating this as an all-clear.",
-      ].join("\n"),
-    );
-  const unresolved = [
-    ...(diagnosis.unresolved ?? []),
-    ...(radar.limits ?? []),
-    ...(radar.signals ?? []),
-  ].filter((item) => item.trim());
-  if (unresolved.length > 0)
-    parts.push(
-      ["Still open:", ...unresolved.map((item) => `- ${item}`)].join("\n"),
-    );
-  if (diagnosis.rootCause) parts.push(storyPlainText(diagnosis.rootCause));
-  const receipts = (radar.receipts ?? []).filter((receipt) => receipt.title);
-  if (receipts.length > 0) {
-    parts.push(
-      [
-        "Evidence (Radar):",
-        ...receipts.map((receipt) =>
-          [
-            `- **${receipt.title}**${receipt.role ? ` · ${receipt.role}` : ""}`,
-            ...receipt.lines
-              .filter((line) => line.trim())
-              .map((line) => `  > ${line.trim()}`),
-            ...(receipt.gap ? [`  Not shown: ${receipt.gap}`] : []),
-          ].join("\n"),
-        ),
-      ].join("\n"),
-    );
-  } else if (!radar.context) {
-    const story = storyPlainText(diagnosis.report ?? "");
-    if (story) parts.push(story);
-  }
-  const steps = diagnosis.steps?.length
-    ? diagnosis.steps.map(
-        (step, index) =>
-          `${index + 1}. [${STEP_KIND_LABEL[step.kind]}] ${step.text}${step.precondition ? ` (only if ${step.precondition})` : ""}`,
-      )
-    : (diagnosis.remediation ?? []).map(
-        (text, index) => `${index + 1}. ${text}`,
-      );
-  if (steps.length > 0) {
-    if (radar.context) {
-      // A channel gets the recommended step; the rest wait in Radar.
-      const lead = diagnosis.recommendedIndex
-        ? diagnosis.recommendedIndex - 1
-        : 0;
-      const first = steps[lead] ?? steps[0];
-      const rest = steps.length - 1;
-      parts.push(
-        [
-          `Next step: ${first.replace(/^\d+\. /, "")}`,
-          diagnosis.recommendedReason
-            ? `Why: ${diagnosis.recommendedReason}`
-            : undefined,
-          rest > 0
-            ? `${rest} more ${rest === 1 ? "step" : "steps"} in Radar.`
-            : undefined,
-        ]
-          .filter(Boolean)
-          .join("\n"),
-      );
-    } else parts.push(["Next steps:", ...steps].join("\n"));
-  }
-  if (radar.context)
-    parts.push(
-      "Full analysis and every captured result: open the investigation in Radar.",
-    );
-  return parts.join("\n\n");
-}
-
-const CERTAINTY_LABEL: Record<NonNullable<Diagnosis["certainty"]>, string> = {
-  established: "Established",
-  likely: "Likely",
-  suspected: "Suspected",
-};
-
-// The word is the agent's; the clause says what kind of Radar evidence sits
-// behind it, so a reader knows what the word licenses them to do.
-const CERTAINTY_DEFINITION: Record<
-  NonNullable<Diagnosis["certainty"]>,
-  string
-> = {
-  established:
-    "The agent's word. It found the cause stated outright in Radar's results — a log line, an event, a condition — not just consistent with them.",
-  likely:
-    "The agent's word. Radar's results fit this explanation, but none of them states the cause outright.",
-  suspected:
-    "The agent's word. A plausible reading on thin or indirect evidence; treat it as a lead, not a finding.",
-};
-const HEALTHY_DEFINITION: Record<
-  NonNullable<Diagnosis["certainty"]>,
-  string
-> = {
-  established:
-    "The agent found no live problem, and Radar's results show that directly — the pod state, logs and events it read.",
-  likely:
-    "The agent found no live problem; Radar's results fit that reading but do not show it outright.",
-  suspected:
-    "The agent leans healthy on thin or indirect evidence; treat it as a lead, not a finding.",
-};
-
-const STEP_KIND_LABEL: Record<
-  NonNullable<Diagnosis["steps"]>[number]["kind"],
-  string
-> = {
-  mitigate: "Mitigate",
-  verify: "Verify",
-  investigate: "Investigate",
-};
-
-/**
- * The headline of an assessment that carries the story contract: the
- * agent's plain-language summary with its own word for how sure it is, the
- * technical cause beneath it, and what is still unresolved — which renders
- * whenever the agent listed anything, and says so when it listed nothing,
- * because a persuasive story needs its caveats above the fold, not inside it.
- */
-function AssessmentHeadline({
-  diagnosis,
-  tone,
-  revisedAfter,
-  limits = [],
-  signals,
-  flags,
-  copy,
-}: {
-  diagnosis: Diagnosis;
-  tone: "cause" | "healthy" | "inconclusive";
-  revisedAfter?: string;
-  /** Reads Radar could not complete for this assessment, one line each. */
-  limits?: string[];
-  /** Adverse Radar cards the agent explained, with its position; first in Still open. */
-  signals?: { text: string; onReveal?: () => void }[];
-  /** Adverse Radar cards nothing explains; shown above a healthy verdict, copied with it. */
-  flags?: string[];
-  /** Context and receipts for the channel copy. */
-  copy?: Pick<AssessmentCopyRadar, "context" | "receipts">;
-}) {
-  const summary = diagnosis.summary?.trim();
-  if (!summary) return null;
-  // One block for everything that qualifies the answer: what the agent left
-  // open and what Radar could not read. The rest of the page states the
-  // answer; this is the only place it argues with itself.
-  const unresolved = [
-    ...(diagnosis.unresolved ?? []).filter((item) => item.trim()),
-    ...limits,
-  ];
-  const stillOpen = (signals ?? []).length > 0 || unresolved.length > 0;
-  return (
-    <div data-assessment-headline className="space-y-2">
-      <div className="flex items-start justify-between gap-2">
-        <p className="text-[15px] font-semibold leading-snug text-theme-text-primary [overflow-wrap:anywhere] [text-wrap:balance]">
-          {summary}
-        </p>
-        <CopyButton
-          text={assessmentCopyText(diagnosis, {
-            limits,
-            signals: (signals ?? []).map((signal) => signal.text),
-            flags,
-            ...copy,
-          })}
-          label="Copy for a channel"
-        />
-      </div>
-      <div className="flex flex-wrap items-center gap-x-2 gap-y-1 text-xs text-theme-text-secondary">
-        {diagnosis.certainty ? (
-          <Tooltip
-            content={
-              tone === "healthy"
-                ? HEALTHY_DEFINITION[diagnosis.certainty]
-                : CERTAINTY_DEFINITION[diagnosis.certainty]
-            }
-          >
-            <Badge tone="agent" size="sm">
-              <Sparkles className="h-2.5 w-2.5 shrink-0" aria-hidden />
-              {tone === "healthy"
-                ? "Healthy"
-                : CERTAINTY_LABEL[diagnosis.certainty]}
-            </Badge>
-          </Tooltip>
-        ) : null}
-        {revisedAfter ? (
-          <span className="min-w-0 text-theme-text-tertiary">
-            Revised after: &ldquo;
-            {revisedAfter.length > 110
-              ? `${revisedAfter.slice(0, 110).trimEnd()}…`
-              : revisedAfter}
-            &rdquo;
-          </span>
-        ) : null}
-      </div>
-      {tone === "cause" && diagnosis.rootCause ? (
-        <AIMarkdown className="text-[13px] leading-relaxed text-theme-text-secondary [overflow-wrap:anywhere] [&_code]:font-normal [&_p]:my-0 [&_p]:text-theme-text-secondary">
-          {diagnosis.rootCause}
-        </AIMarkdown>
-      ) : null}
-      {stillOpen ? (
-        <div
-          data-assessment-unresolved
-          className="rounded-md border border-theme-border bg-theme-base/40 px-2.5 py-2"
-        >
-          <div className="mb-1 flex items-center gap-1.5 text-[11px] font-semibold text-theme-text-secondary">
-            <HelpCircle className="h-3 w-3" aria-hidden />
-            {tone === "inconclusive"
-              ? "What blocked a conclusion"
-              : "Still open"}
-          </div>
-          <ul className="space-y-0.5 text-xs text-theme-text-primary">
-            {unresolved.map((item, index) => (
-              <li key={`open-${index}`} className="flex gap-1.5">
-                <span aria-hidden className="text-theme-text-tertiary">
-                  –
-                </span>
-                <span className="[overflow-wrap:anywhere]">{item}</span>
-              </li>
-            ))}
-            {(signals ?? []).map((signal, index) => (
-              <li
-                key={`signal-${index}`}
-                className="flex gap-1.5"
-                data-health-signal
-              >
-                <span aria-hidden className="text-theme-text-tertiary">
-                  –
-                </span>
-                {signal.onReveal ? (
-                  <button
-                    type="button"
-                    onClick={signal.onReveal}
-                    className="text-left [overflow-wrap:anywhere] hover:text-accent-text"
-                  >
-                    {signal.text}
-                  </button>
-                ) : (
-                  <span className="[overflow-wrap:anywhere]">
-                    {signal.text}
-                  </span>
-                )}
-              </li>
-            ))}
-          </ul>
-        </div>
-      ) : null}
-    </div>
-  );
-}
-
-/**
- * Sources the assessment cites: root-cause links first, then every source an
- * agent item cites. Each row shows the roles the agent gave that source; a
- * claim the pane could not pin to one observation is shown here in full.
- */
-export function assessmentSourceRows(
-  resolution: InvestigationRootCauseEvidenceResolution | undefined,
-  investigationCase: InvestigationCaseResolution | undefined,
-): Array<{
-  source: InvestigationEvidenceSource;
-  items: InvestigationCaseItem[];
-}> {
-  const rows = new Map<
-    string,
-    { source: InvestigationEvidenceSource; items: InvestigationCaseItem[] }
-  >();
-  if (resolution?.status === "linked") {
-    for (const link of resolution.links) {
-      rows.set(link.source.id, { source: link.source, items: [] });
-    }
-  }
-  for (const item of investigationCase?.items ?? []) {
-    const row = rows.get(item.source.id) ?? { source: item.source, items: [] };
-    row.items.push(item);
-    rows.set(item.source.id, row);
-  }
-  return [...rows.values()];
-}
-
-function joinTitles(titles: string[]): string {
-  if (titles.length <= 1) return titles[0] ?? "";
-  if (titles.length === 2) return `${titles[0]} and ${titles[1]}`;
-  return `${titles.slice(0, -1).join(", ")}, and ${titles[titles.length - 1]}`;
-}
-
-/**
- * Provenance for one assessment: the exact tool results it cited, each with
- * its source, and under a source only the agent notes that are not already
- * shown on a card. Notes that live on cards are counted, not repeated; an
- * earlier assessment no longer annotates the Evidence pane, so all of its
- * notes are listed here instead of being lost.
- */
-export function AssessmentSources({
-  resolution,
-  investigationCase,
-  unlinkedEvidence = 0,
-  evidenceMalformed = false,
-  readOnly = false,
-  renderedGroupIds,
-  onViewSource,
-}: {
-  resolution?: InvestigationRootCauseEvidenceResolution;
-  investigationCase?: InvestigationCaseResolution;
-  /**
-   * Notes the agent wrote that could not be tied to a Radar result: a
-   * reference that named nothing, a role Radar does not know, a sentence over
-   * the length limit. Radar does not repair them, because repairing one means
-   * deciding what the agent meant, so it says how many were lost instead.
-   */
-  unlinkedEvidence?: number;
-  /**
-   * The agent's notes were not a list at all, so none of them could be read
-   * and no count describes how many were lost.
-   */
-  evidenceMalformed?: boolean;
-  readOnly?: boolean;
-  /**
-   * Groups the Evidence pane actually rendered. A card-placed note whose card
-   * was withheld is shown here instead of being counted as visible elsewhere;
-   * without this the note renders in neither place. Omitted by hosts that do
-   * not know, which keeps the original counting.
-   */
-  renderedGroupIds?: ReadonlySet<string>;
-  onViewSource: (sourceId: string) => void;
-}) {
-  const rows = assessmentSourceRows(resolution, investigationCase);
-  if (rows.length === 0 && unlinkedEvidence === 0 && !evidenceMalformed)
-    return null;
-  return (
-    <div className="mt-3 border-t border-theme-border/60 pt-2">
-      <h4 className="text-[11px] font-semibold uppercase tracking-wide text-theme-text-tertiary">
-        Sources used for this assessment
-        <span className="ml-1.5 font-medium normal-case tracking-normal text-theme-text-tertiary">
-          {rows.length}
-        </span>
-      </h4>
-      <ul className="mt-1 divide-y divide-theme-border/50">
-        {rows.map(({ source, items }) => {
-          const shownOnCard = (item: InvestigationCaseItem) =>
-            !!item.claim &&
-            item.placement !== "source" &&
-            (!renderedGroupIds ||
-              (!!item.groupId && renderedGroupIds.has(item.groupId)));
-          const onCards = items.filter(shownOnCard).length;
-          const notes = items.filter(
-            (item) => item.claim && (readOnly || !shownOnCard(item)),
-          );
-          return (
-            <li key={source.id} className="py-1.5">
-              <div className="grid grid-cols-[auto_minmax(0,1fr)_auto] items-start gap-x-2 px-2">
-                <FileSearch
-                  className="mt-0.5 h-3.5 w-3.5 shrink-0 text-theme-text-tertiary"
-                  aria-hidden
-                />
-                <div className="min-w-0 text-xs">
-                  <div className="font-medium text-theme-text-primary">
-                    {prettyTool(source.tool)}
-                  </div>
-                  <CitedSourceScope source={source} />
-                  {!readOnly && onCards > 0 ? (
-                    <div className="mt-0.5 text-[11px] text-theme-text-tertiary">
-                      {onCards === 1
-                        ? "1 agent note on an evidence card"
-                        : `${onCards} agent notes on evidence cards`}
-                    </div>
-                  ) : null}
-                </div>
-                <button
-                  type="button"
-                  aria-label={`View ${prettyTool(source.tool)} result used for this assessment`}
-                  onClick={() => onViewSource(source.id)}
-                  className="inline-flex shrink-0 items-center gap-1 rounded-md px-1.5 py-0.5 text-xs text-accent-text hover:bg-theme-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/50"
-                >
-                  View result
-                </button>
-              </div>
-              {notes.length > 0 ? (
-                <div
-                  className="ml-[1.9rem] mr-2 mt-1.5 space-y-1.5"
-                  data-source-placed-claims
-                >
-                  <div className="text-[10px] font-semibold uppercase tracking-wide text-theme-text-tertiary">
-                    {readOnly
-                      ? "Notes from this assessment"
-                      : "Notes not shown on a card"}
-                  </div>
-                  {notes.map((item) => (
-                    <AgentClaimNote
-                      key={item.index}
-                      claim={item.claim}
-                      role={item.role}
-                      subject={
-                        item.placement === "source"
-                          ? undefined
-                          : item.observation?.title
-                      }
-                      className="border-t-0"
-                    />
-                  ))}
-                </div>
-              ) : null}
-            </li>
-          );
-        })}
-      </ul>
-      {evidenceMalformed ? (
-        <p className="mt-2 text-[11px] text-theme-text-tertiary">
-          The agent&apos;s notes could not be read, so none are shown.
-        </p>
-      ) : null}
-      {unlinkedEvidence > 0 ? (
-        <p className="mt-2 text-[11px] text-theme-text-tertiary">
-          {unlinkedEvidence === 1
-            ? "1 agent note could not be linked to a Radar result and is not shown."
-            : `${unlinkedEvidence} agent notes could not be linked to Radar results and are not shown.`}
-        </p>
-      ) : null}
-    </div>
-  );
-}
-
-function WorkingNotes({ notes }: { notes: string }) {
-  const [open, setOpen] = useState(false);
-  const id = useId();
-  const reveal = useDisclosureReveal<HTMLDivElement>();
-  return (
-    <div ref={reveal.elementRef} data-turn-working-notes>
-      <button
-        type="button"
-        aria-expanded={open}
-        aria-controls={id}
-        onClick={() => {
-          setOpen(!open);
-          reveal.revealAfterToggle(!open);
-        }}
-        className="flex items-center gap-1.5 rounded-md py-1 text-xs font-medium text-theme-text-secondary hover:text-theme-text-primary"
-      >
-        <CollapseChevron open={open} className="h-3.5 w-3.5" />
-        Evidence considered
-      </button>
-      <div id={id}>
-        <Collapse open={open}>
-          <AIMarkdown className="py-0.5 text-xs leading-relaxed text-theme-text-tertiary [overflow-wrap:anywhere] [&_li]:text-theme-text-tertiary [&_p]:my-0.5 [&_strong]:font-medium [&_strong]:text-theme-text-secondary">
-            {notes}
-          </AIMarkdown>
-        </Collapse>
-      </div>
-    </div>
-  );
-}
-
-function AssessmentSourceDetails({ children }: { children: ReactNode }) {
-  const [open, setOpen] = useState(false);
-  const id = useId();
-  const reveal = useDisclosureReveal<HTMLDivElement>();
-  return (
-    <div ref={reveal.elementRef}>
-      <button
-        type="button"
-        aria-expanded={open}
-        aria-controls={id}
-        onClick={() => {
-          setOpen(!open);
-          reveal.revealAfterToggle(!open);
-        }}
-        className="flex items-center gap-1.5 rounded-md py-2 text-xs font-medium text-theme-text-secondary hover:text-theme-text-primary"
-      >
-        <CollapseChevron open={open} className="h-3.5 w-3.5" />
-        Assessment details
-      </button>
-      <div id={id}>
-        <Collapse open={open}>{children}</Collapse>
-      </div>
-    </div>
-  );
-}
-
-function CitedSourceScope({ source }: { source: InvestigationEvidenceSource }) {
-  let input: unknown;
-  try {
-    input = JSON.parse(source.args ?? "");
-  } catch {
-    return null;
-  }
-  if (!input || typeof input !== "object" || Array.isArray(input)) return null;
-  const args = input as Record<string, unknown>;
-  const fields = ["query", "kind", "namespace", "name", "filter"].flatMap(
-    (key) =>
-      typeof args[key] === "string" && args[key].trim()
-        ? [`${key === "query" ? "" : `${key}: `}${args[key]}`]
-        : [],
-  );
-  return fields.length > 0 ? (
-    <span className="mt-0.5 block break-words text-theme-text-secondary [overflow-wrap:anywhere]">
-      {fields.join(" · ")}
-    </span>
-  ) : null;
-}
-
-export type AssessmentExplanation = {
-  status: "idle" | "running" | "done" | "error";
-  text?: string;
-  error?: string;
-  onGenerate?: () => void;
-  openRequest?: number;
-};
-
-// The diagnosis result: likely cause + remediation + the
-// agent's full analysis on demand.
-function DiagnosisResult({
-  diagnosis,
-  onApply,
-  explanation,
-  section = "full",
-  animate,
-  showDisclaimer,
-  compactActions,
-  assessmentAction,
-  assessmentSources,
-  actionNotice,
-  storyInline = false,
-  readOnlyAssessment = false,
-  revisedAfter,
-  assessmentLimits,
-  assessmentCopy,
-}: {
-  diagnosis: Diagnosis;
-  onApply?: (fix: string) => void;
-  explanation?: AssessmentExplanation;
-  section?: "full" | "conclusion" | "actions";
-  animate: boolean;
-  showDisclaimer: boolean;
-  compactActions: boolean;
-  assessmentAction?: ReactNode;
-  assessmentSources?: ReactNode;
-  actionNotice?: string;
-  storyInline?: boolean;
-  readOnlyAssessment?: boolean;
-  revisedAfter?: string;
-  /** Reads Radar could not complete for this assessment; listed under Still open. */
-  assessmentLimits?: string[];
-  assessmentCopy?: Pick<AssessmentCopyRadar, "context" | "receipts">;
-}) {
-  // The story contract: a summary headline above, the story rendered by the
-  // host (or inline as plain prose), typed steps below.
-  const storyShape = diagnosisHasStoryShape(diagnosis);
-  const analysisText =
-    storyShape && storyInline
-      ? storyPlainText(diagnosis.report)
-      : diagnosis.report;
-  const showAnalysisDisclosure = !storyShape || storyInline;
-  const [detail, setDetail] = useState<"analysis" | "explanation" | null>(
-    explanation?.status === "running" ? "explanation" : null,
-  );
-  const showAnalysis = detail === "analysis";
-  const analysisReveal = useDisclosureReveal<HTMLDivElement>();
-  const { elementRef: analysisElementRef, revealAfterToggle: revealAnalysis } =
-    analysisReveal;
-  useEffect(() => {
-    if (explanation?.openRequest) {
-      setDetail("explanation");
-      revealAnalysis(true);
-    }
-  }, [explanation?.openRequest, revealAnalysis]);
-  useEffect(() => {
-    if (
-      detail === "explanation" &&
-      (explanation?.status === "done" || explanation?.status === "error")
-    ) {
-      const element = analysisElementRef.current;
-      const scroller = element?.closest("[data-investigation-findings-scroll]");
-      if (element && scroller) {
-        const top = element.getBoundingClientRect().top;
-        const viewport = scroller.getBoundingClientRect();
-        if (top >= viewport.top && top < viewport.bottom) revealAnalysis(true);
-      }
-    }
-  }, [explanation?.status, detail, analysisElementRef, revealAnalysis]);
-  const [showAllSteps, setShowAllSteps] = useState(false);
-  const stepsId = useId();
-  const stepsReveal = useDisclosureReveal<HTMLDivElement>();
-  const analysisId = useId();
-  // Only a real structured cause anchors the amber card; the full prose lives in
-  // "Full analysis" (never relabel the report as a causal assessment).
-  const rootCause = diagnosis.rootCause;
-  const remediation = diagnosis.remediation || [];
-  const steps = diagnosis.steps ?? [];
-  const typedSteps = steps.length === remediation.length && steps.length > 0;
-  const hasRemediation = remediation.length > 0;
-  const recIdx = diagnosis.recommendedIndex;
-  const recValid =
-    recIdx != null &&
-    recIdx >= 1 &&
-    recIdx <= remediation.length &&
-    (!typedSteps || steps[recIdx - 1].kind === "mitigate");
-  // Apply is offered ONLY when the agent pointed at a safe step (recommended_index).
-  // When it returns 0 / none ("needs human judgement"), we honor that and don't
-  // offer one-click apply — the steps stay copy-only with a note.
-  const canApply = !!onApply && recValid;
-  const showConclusion = section !== "actions";
-  const showActions = section !== "conclusion";
-  const remediationEntries = remediation.map((text, index) => ({
-    text,
-    index,
-  }));
-  const primaryActionIndex = recValid ? recIdx! - 1 : 0;
-  const hiddenStepCount = remediationEntries.length - 1;
-  const renderRemediationStep = ({
-    text: r,
-    index: i,
-  }: {
-    text: string;
-    index: number;
-  }) => {
-    const isRec = recValid && i === recIdx! - 1;
-    const step = typedSteps ? steps[i] : undefined;
-    return (
-      <div
-        key={i}
-        data-step-kind={step?.kind}
-        className={
-          isRec ? "rounded-lg border border-accent/40 bg-accent/5 p-2.5" : ""
-        }
-      >
-        <div className="flex items-start gap-2">
-          <span
-            className={`mt-0.5 flex h-4 w-4 shrink-0 items-center justify-center rounded-full text-[10px] ${
-              isRec
-                ? "bg-accent/20 text-accent"
-                : "bg-theme-base text-theme-text-tertiary"
-            }`}
-          >
-            {step ? (
-              step.kind === "mitigate" ? (
-                <Wrench className="h-2.5 w-2.5" aria-hidden />
-              ) : step.kind === "verify" ? (
-                <ListChecks className="h-2.5 w-2.5" aria-hidden />
-              ) : (
-                <Search className="h-2.5 w-2.5" aria-hidden />
-              )
-            ) : (
-              i + 1
-            )}
-          </span>
-          <div className="min-w-0 flex-1">
-            {/* Labels, then the action cluster pushed to the row's end, then
-                the reason on its own line — so the step text below spans the
-                card instead of wrapping beside the buttons. */}
-            <div className="mb-1 flex flex-wrap items-center gap-x-2 gap-y-0.5">
-              {(isRec || step) && (
-                <>
-                  {step ? (
-                    <span className="text-[10px] font-semibold uppercase tracking-wide text-theme-text-tertiary">
-                      {STEP_KIND_LABEL[step.kind]}
-                    </span>
-                  ) : null}
-                  {isRec && (
-                    <span className="flex items-center gap-1 text-[10px] font-semibold uppercase tracking-wide text-accent">
-                      <Sparkles className="h-3 w-3" />
-                      Recommended
-                    </span>
-                  )}
-                </>
-              )}
-              <div className="ml-auto flex shrink-0 items-center gap-0.5">
-                {canApply && isRec && (
-                  <button
-                    onClick={() => onApply!(r)}
-                    className="inline-flex items-center gap-1 rounded-md border border-accent/40 bg-accent/10 px-2 py-1 text-xs font-medium text-accent transition-colors hover:bg-accent/20"
-                  >
-                    <Wrench className="h-3 w-3" />
-                    Apply…
-                  </button>
-                )}
-                {remediationCommands(r).map((command, c, all) => (
-                  <CopyButton
-                    key={c}
-                    text={command}
-                    label={
-                      all.length > 1
-                        ? `Copy command ${c + 1} of step ${i + 1}`
-                        : `Copy command from step ${i + 1}`
-                    }
-                  />
-                ))}
-              </div>
-            </div>
-            {/* The condition and the reason are read before the command is
-                copied, so they precede it at a size that is meant to be read. */}
-            {step?.precondition ? (
-              <p
-                data-step-precondition
-                className="mb-1.5 text-[13px] leading-snug text-warning-text"
-              >
-                Only if {step.precondition.replace(/^(if|when|once)\s+/i, "")}
-              </p>
-            ) : null}
-            {isRec && diagnosis.recommendedReason && (
-              <p
-                data-recommended-reason
-                className="mb-1.5 text-[13px] leading-snug text-theme-text-secondary"
-              >
-                {diagnosis.recommendedReason}
-              </p>
-            )}
-            <AIMarkdown className="max-w-[100ch] text-sm [overflow-wrap:anywhere] [&_p]:my-0 [&_pre]:my-1.5">
-              {r}
-            </AIMarkdown>
-          </div>
-        </div>
-      </div>
-    );
-  };
-  return (
-    <div className={`mt-3 space-y-2 ${animate ? "animate-result-in" : ""}`}>
-      {showConclusion && storyShape && (
-        <div
-          className={
-            section === "conclusion"
-              ? ""
-              : "rounded-lg border border-theme-border bg-theme-surface p-3"
-          }
-        >
-          {readOnlyAssessment ? (
-            <div className="mb-1.5 text-[10px] font-semibold uppercase tracking-wide text-theme-text-tertiary">
-              Earlier assessment
-            </div>
-          ) : null}
-          <AssessmentHeadline
-            diagnosis={diagnosis}
-            tone="cause"
-            revisedAfter={revisedAfter}
-            limits={assessmentLimits}
-            copy={assessmentCopy}
-          />
-        </div>
-      )}
-      {/* Likely cause — agent-authored, visually prominent without claiming proof. */}
-      {showConclusion && !storyShape && rootCause && (
-        <div
-          className={
-            section === "conclusion"
-              ? "grid grid-cols-[minmax(0,1fr)_auto] items-start gap-2"
-              : "rounded-lg border border-theme-border bg-theme-surface p-3"
-          }
-        >
-          <div
-            className={
-              section === "conclusion"
-                ? "col-start-2 row-start-1"
-                : "mb-1 flex items-center justify-between gap-2"
-            }
-          >
-            {section !== "conclusion" && (
-              <div className="text-xs font-medium text-theme-text-secondary">
-                Likely cause
-              </div>
-            )}
-            <div className="flex items-center gap-2">
-              <CopyButton text={rootCause} label="Copy likely cause" />
-            </div>
-          </div>
-          <AIMarkdown
-            className={`${section === "conclusion" ? "col-start-1 row-start-1 max-w-[100ch]" : "max-w-prose"} text-sm leading-relaxed text-theme-text-primary [overflow-wrap:anywhere] [&_code]:font-normal [&_p]:my-0 [&_p]:text-theme-text-primary`}
-          >
-            {rootCause}
-          </AIMarkdown>
-        </div>
-      )}
-
-      {/* Remediation — every step is copyable. Only the explicitly recommended
-          step can be applied, and only when the caller enables apply. */}
-      {showActions && hasRemediation && (
-        <div
-          ref={stepsReveal.elementRef}
-          className={
-            section === "actions"
-              ? "space-y-2"
-              : "rounded-lg border border-theme-border bg-theme-surface p-3"
-          }
-        >
-          {section !== "actions" && (
-            <div className="mb-2 flex items-center gap-1.5 text-xs font-medium text-theme-text-secondary">
-              <Wrench className="h-3.5 w-3.5 text-accent" />
-              {typedSteps ? "Next steps" : "Remediation"}
-            </div>
-          )}
-          {actionNotice && (
-            <p className="text-xs text-theme-text-secondary">{actionNotice}</p>
-          )}
-          <div id={stepsId}>
-            <ol>
-              {remediationEntries.map((entry) => {
-                const expanded =
-                  !compactActions ||
-                  showAllSteps ||
-                  entry.index === primaryActionIndex;
-                const step = typedSteps ? steps[entry.index] : undefined;
-                return (
-                  <li key={entry.index} value={entry.index + 1}>
-                    <Collapse open={expanded} mountLazily>
-                      <div className="pt-2">{renderRemediationStep(entry)}</div>
-                    </Collapse>
-                    {/* A folded step still shows what it is: its kind and
-                        first line, one row each, so the alternatives are
-                        readable before anyone opens them. */}
-                    {!expanded ? (
-                      <button
-                        type="button"
-                        data-step-folded={step?.kind ?? "step"}
-                        onClick={() => {
-                          setShowAllSteps(true);
-                          stepsReveal.revealAfterToggle(true);
-                        }}
-                        className="mt-1.5 flex w-full min-w-0 items-baseline gap-2 rounded-md px-2 py-1 text-left text-xs text-theme-text-secondary hover:bg-theme-hover"
-                      >
-                        {step ? (
-                          <span className="shrink-0 text-[10px] font-semibold uppercase tracking-wide text-theme-text-tertiary">
-                            {STEP_KIND_LABEL[step.kind]}
-                          </span>
-                        ) : (
-                          <span className="shrink-0 text-[10px] font-semibold text-theme-text-tertiary">
-                            {entry.index + 1}
-                          </span>
-                        )}
-                        <span className="min-w-0 flex-1 truncate">
-                          {remediationHeadline(entry.text)}
-                        </span>
-                      </button>
-                    ) : null}
-                  </li>
-                );
-              })}
-            </ol>
-          </div>
-          {compactActions && remediation.length > 1 ? (
-            <button
-              type="button"
-              aria-expanded={showAllSteps}
-              aria-controls={stepsId}
-              onClick={() => {
-                setShowAllSteps(!showAllSteps);
-                stepsReveal.revealAfterToggle(!showAllSteps);
-              }}
-              className="mt-2 inline-flex items-center gap-1 rounded-md px-1.5 py-1 text-[11px] font-medium text-theme-text-secondary hover:bg-theme-hover hover:text-theme-text-primary"
-            >
-              <CollapseChevron open={showAllSteps} className="h-3.5 w-3.5" />
-              {showAllSteps
-                ? recValid
-                  ? "Show only recommended step"
-                  : "Show only first step"
-                : hiddenStepCount === 1
-                  ? "Expand the other step"
-                  : "Expand all steps"}
-            </button>
-          ) : null}
-          {!actionNotice && !recValid && (
-            <p className="mt-2 flex items-start gap-1.5 text-[11px] leading-snug text-theme-text-tertiary">
-              <ShieldCheck className="mt-0.5 h-3 w-3 shrink-0" />
-              No one-click fix is available. Review these steps and apply them
-              manually, or ask the agent to continue.
-            </p>
-          )}
-        </div>
-      )}
-
-      {/* Full analysis — the agent's detailed evidence, on demand. Under the
-          story contract Findings renders the story itself, so only the
-          explanation and sources remain here. */}
-      {showConclusion &&
-        ((showAnalysisDisclosure && diagnosis.report) ||
-          (showAnalysisDisclosure && diagnosis.confidence != null) ||
-          explanation ||
-          assessmentAction ||
-          assessmentSources) && (
-          <div>
-            <div
-              className="flex flex-wrap items-center gap-x-3 gap-y-1 pt-2"
-              data-assessment-actions
-            >
-              {((showAnalysisDisclosure && diagnosis.report) ||
-                (showAnalysisDisclosure && diagnosis.confidence != null) ||
-                assessmentSources) && (
-                <button
-                  type="button"
-                  aria-expanded={showAnalysis}
-                  aria-controls={`${analysisId}-analysis`}
-                  onClick={() => {
-                    setDetail(showAnalysis ? null : "analysis");
-                    analysisReveal.revealAfterToggle(!showAnalysis);
-                  }}
-                  className="flex items-center gap-1.5 rounded-md py-2 text-xs font-medium text-theme-text-secondary hover:text-theme-text-primary"
-                >
-                  <CollapseChevron
-                    open={showAnalysis}
-                    className="h-3.5 w-3.5"
-                  />
-                  {showAnalysisDisclosure && diagnosis.report
-                    ? "Full analysis"
-                    : "Assessment details"}
-                </button>
-              )}
-              {explanation && (
-                <Tooltip
-                  content={
-                    explanation.status === "idle"
-                      ? explanation.onGenerate
-                        ? "Ask the agent to explain this assessment and its proposed next steps in plain language."
-                        : "Wait for the current agent request to finish before requesting an explanation."
-                      : explanation.status === "running"
-                        ? "The agent is preparing an explanation. You can close this and return while it runs."
-                        : explanation.status === "error"
-                          ? "View the explanation error and retry when the agent is available."
-                          : "Show the saved plain-language explanation. No new request is needed."
-                  }
-                >
-                  <button
-                    type="button"
-                    aria-expanded={detail === "explanation"}
-                    aria-controls={`${analysisId}-explanation`}
-                    disabled={
-                      explanation.status === "idle" && !explanation.onGenerate
-                    }
-                    onClick={() => {
-                      const open = detail !== "explanation";
-                      setDetail(open ? "explanation" : null);
-                      analysisReveal.revealAfterToggle(open);
-                      if (open && explanation.status === "idle")
-                        explanation.onGenerate?.();
-                    }}
-                    className="inline-flex items-center gap-1 rounded-md px-2 py-1.5 text-xs font-medium text-theme-text-secondary hover:bg-theme-hover hover:text-theme-text-primary disabled:opacity-50"
-                  >
-                    <HelpCircle className="h-3 w-3" />
-                    Explain simply
-                  </button>
-                </Tooltip>
-              )}
-              {assessmentAction && (
-                <div className="ml-auto">{assessmentAction}</div>
-              )}
-            </div>
-            <div id={analysisId} ref={analysisReveal.elementRef}>
-              <div id={`${analysisId}-analysis`}>
-                <Collapse open={detail === "analysis"} mountLazily>
-                  <div className="border-t border-theme-border/60 px-3 py-2">
-                    {showAnalysisDisclosure ? (
-                      <>
-                        <p className="mb-2 text-xs text-theme-text-tertiary">
-                          Agent confidence:{" "}
-                          {diagnosis.confidence != null
-                            ? confidenceLabel(diagnosis.confidence)
-                            : "not stated"}
-                          {diagnosis.confidence != null
-                            ? " · self-reported"
-                            : ""}
-                        </p>
-                        <AIMarkdown className="text-sm [overflow-wrap:anywhere] [&_h2:first-child]:mt-0 [&_h2]:mb-1.5 [&_h2]:mt-3 [&_h2]:text-xs [&_h2]:font-semibold [&_h2]:uppercase [&_h2]:tracking-wide [&_h2]:text-theme-text-tertiary [&_h3]:text-sm [&_li]:text-theme-text-secondary [&_p]:my-1.5 [&_p]:text-theme-text-secondary">
-                          {analysisText}
-                        </AIMarkdown>
-                      </>
-                    ) : null}
-                    {assessmentSources}
-                  </div>
-                </Collapse>
-              </div>
-              <div id={`${analysisId}-explanation`}>
-                <Collapse open={detail === "explanation"} mountLazily>
-                  <div className="border-t border-theme-border/60 px-3 py-2">
-                    {explanation?.status === "running" ? (
-                      <div
-                        role="status"
-                        className="flex items-center gap-2 py-2 text-sm text-theme-text-secondary"
-                      >
-                        <Loader2 className="h-4 w-4 animate-spin motion-reduce:animate-none" />
-                        Explaining this assessment…
-                      </div>
-                    ) : explanation?.status === "done" ? (
-                      <div className="flex items-start gap-2">
-                        <AIMarkdown className="min-w-0 flex-1 text-sm text-theme-text-secondary [overflow-wrap:anywhere]">
-                          {explanation.text || ""}
-                        </AIMarkdown>
-                        <CopyButton
-                          text={explanation.text || ""}
-                          label="Copy explanation"
-                        />
-                      </div>
-                    ) : explanation?.status === "error" ? (
-                      <div
-                        role="alert"
-                        className="flex flex-wrap items-center gap-2 py-2 text-sm text-theme-text-secondary"
-                      >
-                        <span>
-                          {explanation.error ||
-                            "The agent did not return an explanation."}
-                        </span>
-                        {explanation.onGenerate && (
-                          <button
-                            type="button"
-                            onClick={explanation.onGenerate}
-                            className="rounded-md px-2 py-1 text-xs font-medium text-accent-text hover:bg-theme-hover"
-                          >
-                            Try again
-                          </button>
-                        )}
-                      </div>
-                    ) : null}
-                  </div>
-                </Collapse>
-              </div>
-            </div>
-          </div>
-        )}
-
-      {showConclusion && showDisclaimer && (
-        <div className="flex items-start gap-1 px-0.5 text-[11px] text-theme-text-tertiary">
-          <ShieldCheck className="mt-0.5 h-3 w-3 shrink-0" />
-          <span>AI-generated — review before applying</span>
-        </div>
-      )}
-    </div>
-  );
-}
-
-/** The banner line and the clipboard line for one adverse Radar card must be the same words. */
-function healthFlagSentence(flag: {
-  status: string;
-  title: string;
-  role?: string;
-}): string {
-  return flag.status === "contradiction"
-    ? `The agent calls ${flag.title} a ${flag.role} and still reports healthy`
-    : `Radar flagged ${flag.title} · no explanation is linked to it`;
-}
-
-function AllClearCard({
-  diagnosis,
-  animate,
-  showDisclaimer,
-  coverageLimited,
-  evidenceConflict,
-  evidenceConflictExplainedBy,
-  assessmentAction,
-  assessmentSources,
-  storyInline = false,
-  revisedAfter,
-  assessmentLimits,
-  assessmentCopy,
-  healthSignals,
-  onRevealSource,
-}: {
-  diagnosis: Diagnosis;
-  animate: boolean;
-  showDisclaimer: boolean;
-  coverageLimited: boolean;
-  evidenceConflict: boolean;
-  evidenceConflictExplainedBy?: string[];
-  assessmentAction?: ReactNode;
-  assessmentSources?: ReactNode;
-  storyInline?: boolean;
-  revisedAfter?: string;
-  /** Reads Radar could not complete for this assessment; listed under Still open. */
-  assessmentLimits?: string[];
-  assessmentCopy?: Pick<AssessmentCopyRadar, "context" | "receipts">;
-  /** Adverse Radar cards with the agent's position on each (story shape). */
-  healthSignals?: InvestigationHealthSignal[];
-  onRevealSource?: (sourceId: string) => void;
-}) {
-  const storyShape = diagnosisHasStoryShape(diagnosis);
-  const [showAnalysis, setShowAnalysis] = useState(false);
-  const analysisReveal = useDisclosureReveal<HTMLDivElement>();
-  const analysisId = useId();
-  const report =
-    (storyShape && !storyInline ? "" : storyPlainText(diagnosis.report)) ||
-    (storyShape
-      ? ""
-      : "The agent did not identify a problem in the evidence it checked.");
-  const detailed = report.length > 320 || report.split("\n").length > 2;
-  const summary = storyShape
-    ? ""
-    : detailed
-      ? "The agent found no active problem in the evidence it reviewed."
-      : report;
-  const explained =
-    evidenceConflict &&
-    !!evidenceConflictExplainedBy &&
-    evidenceConflictExplainedBy.length > 0;
-  const unexplainedConflict = evidenceConflict && !explained;
-  // Story shape: the summary and the certainty word are the verdict; adverse
-  // Radar cards the agent explained become lines in Still open, and only a
-  // card the agent's verdict never addressed (or contradicts) keeps a header
-  // that names it — so the reader knows exactly how it relates to the answer.
-  const signals = healthSignals ?? [];
-  const flagged = signals.filter(
-    (signal) =>
-      signal.status === "unaddressed" || signal.status === "contradiction",
-  );
-  const stillOpenSignals = signals
-    .filter(
-      (signal) => signal.status === "explained" || signal.status === "related",
-    )
-    .map((signal) => ({
-      text:
-        signal.status === "explained"
-          ? `Radar flagged ${signal.title} · the agent looked at it and reads it as not a live problem: ${signal.claim}`
-          : `Radar flagged ${signal.title} · the agent reads it as related, but not what matters here: ${signal.claim}`,
-      onReveal:
-        signal.sourceId && onRevealSource
-          ? () => onRevealSource(signal.sourceId!)
-          : undefined,
-    }));
-  // The analysis disclosure (Activity's read-only copy of an earlier healthy
-  // assessment carries its story inline as plain prose), the action slot and
-  // the disclaimer are the same in both shapes.
-  const trailing = (
-    <>
-      {detailed || assessmentAction || assessmentSources ? (
-        <div>
-          <div
-            className="flex flex-wrap items-center gap-3 pt-2"
-            data-assessment-actions
-          >
-            {(detailed || assessmentSources) && (
-              <button
-                type="button"
-                aria-expanded={showAnalysis}
-                aria-controls={analysisId}
-                onClick={() => {
-                  setShowAnalysis(!showAnalysis);
-                  analysisReveal.revealAfterToggle(!showAnalysis);
-                }}
-                className="flex items-center gap-1.5 rounded-md py-2 text-xs font-medium text-theme-text-secondary hover:text-theme-text-primary"
-              >
-                <CollapseChevron open={showAnalysis} className="h-3.5 w-3.5" />
-                {detailed ? "Full analysis" : "Assessment details"}
-              </button>
-            )}
-            {assessmentAction && (
-              <div className="ml-auto">{assessmentAction}</div>
-            )}
-          </div>
-          <div id={analysisId} ref={analysisReveal.elementRef}>
-            <Collapse open={showAnalysis}>
-              <div className="border-t border-theme-border/60 px-3 py-2">
-                <AIMarkdown className="text-sm [overflow-wrap:anywhere] [&_p]:my-1.5 [&_p]:text-theme-text-secondary [&_p:first-child]:mt-0 [&_p:last-child]:mb-0">
-                  {detailed ? report : ""}
-                </AIMarkdown>
-                {assessmentSources}
-              </div>
-            </Collapse>
-          </div>
-        </div>
-      ) : null}
-      {showDisclaimer ? (
-        <div className="flex items-start gap-1 px-0.5 text-[11px] text-theme-text-tertiary">
-          <ShieldCheck className="mt-0.5 h-3 w-3 shrink-0" />
-          <span>AI-generated — verify if symptoms persist</span>
-        </div>
-      ) : null}
-    </>
-  );
-  if (storyShape) {
-    return (
-      <div className={`mt-3 space-y-2 ${animate ? "animate-result-in" : ""}`}>
-        {flagged.map((flag) => (
-          <div
-            key={`${flag.groupId ?? flag.title}-${flag.status}`}
-            data-health-flag={flag.status}
-            className="rounded-md border border-amber-500/40 bg-amber-500/5 px-2.5 py-2 text-xs text-theme-text-primary"
-          >
-            <div className="flex items-center gap-1.5 font-semibold text-amber-500">
-              <AlertTriangle className="h-3.5 w-3.5" aria-hidden />
-              {healthFlagSentence(flag)}
-            </div>
-            <p className="mt-1 text-theme-text-secondary">
-              {flag.status === "contradiction"
-                ? "Read the card before treating this as an all-clear."
-                : "It may be unrelated to what you asked, or missed. Open it before treating this as an all-clear."}
-              {flag.sourceId && onRevealSource ? (
-                <>
-                  {" "}
-                  <button
-                    type="button"
-                    onClick={() => onRevealSource(flag.sourceId!)}
-                    className="font-medium text-accent-text hover:underline"
-                  >
-                    View the card
-                  </button>
-                </>
-              ) : null}
-            </p>
-          </div>
-        ))}
-        <AssessmentHeadline
-          diagnosis={diagnosis}
-          tone="healthy"
-          revisedAfter={revisedAfter}
-          flags={flagged.map(healthFlagSentence)}
-          limits={assessmentLimits}
-          copy={assessmentCopy}
-          signals={stillOpenSignals}
-        />
-        {trailing}
-      </div>
-    );
-  }
-  return (
-    <div className={`mt-3 space-y-2 ${animate ? "animate-result-in" : ""}`}>
-      <div
-        className={`rounded-lg border p-3 ${
-          unexplainedConflict || explained
-            ? "border-amber-500/40 bg-amber-500/5"
-            : coverageLimited
-              ? "border-amber-500/30 bg-amber-500/5"
-              : "border-emerald-500/30 bg-emerald-500/5"
-        }`}
-      >
-        <div className="mb-1 flex items-center justify-between gap-2">
-          <div
-            className={`flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wide ${
-              unexplainedConflict || explained || coverageLimited
-                ? "text-amber-500"
-                : "text-emerald-500"
-            }`}
-          >
-            {unexplainedConflict || explained || coverageLimited ? (
-              <AlertTriangle className="h-3.5 w-3.5" />
-            ) : (
-              <CheckCircle2 className="h-3.5 w-3.5" />
-            )}
-            {unexplainedConflict
-              ? "Assessment conflicts with captured evidence"
-              : explained
-                ? "Agent reports no active problem; adverse evidence remains"
-                : coverageLimited
-                  ? "No problem identified in available evidence"
-                  : "No problem found in checked evidence"}
-          </div>
-          <CopyButton text={report} label="Copy assessment" />
-        </div>
-        <AIMarkdown className="text-sm text-theme-text-primary [overflow-wrap:anywhere] [&_code]:font-normal [&_li]:text-theme-text-primary [&_p]:my-1 [&_p]:text-theme-text-primary [&_p:first-child]:mt-0 [&_p:last-child]:mb-0">
-          {summary}
-        </AIMarkdown>
-        {unexplainedConflict ? (
-          <p className="mt-2 text-xs text-theme-text-secondary">
-            Radar also captured evidence of an active problem. Review that
-            evidence before treating the agent&apos;s conclusion as an
-            all-clear.
-          </p>
-        ) : explained ? (
-          <p className="mt-2 text-xs text-theme-text-secondary">
-            Radar captured evidence of an active problem. The agent explains its
-            interpretation in the note on{" "}
-            {joinTitles(evidenceConflictExplainedBy!)}.
-            {coverageLimited
-              ? " Evidence coverage is also limited — review the limitations in Evidence."
-              : ""}
-          </p>
-        ) : coverageLimited ? (
-          <p className="mt-2 text-xs text-theme-text-secondary">
-            Evidence coverage is limited. Review the limitations in Evidence
-            before treating this as an all-clear.
-          </p>
-        ) : null}
-      </div>
-      {trailing}
-    </div>
-  );
-}
-
-// The agent investigated but couldn't determine an answer. A distinct, honest
-// state — neutral (not the alarming amber root cause, not the reassuring emerald
-// all-clear) — so "I couldn't tell" never reads as "you're fine."
-function InconclusiveCard({
-  diagnosis,
-  animate,
-  storyInline = false,
-  revisedAfter,
-  assessmentLimits,
-  assessmentCopy,
-}: {
-  diagnosis: Diagnosis;
-  animate: boolean;
-  storyInline?: boolean;
-  revisedAfter?: string;
-  /** Reads Radar could not complete for this assessment; listed under Still open. */
-  assessmentLimits?: string[];
-  assessmentCopy?: Pick<AssessmentCopyRadar, "context" | "receipts">;
-}) {
-  const storyShape = diagnosisHasStoryShape(diagnosis);
-  const text =
-    (storyShape && !storyInline ? "" : storyPlainText(diagnosis.report)) ||
-    (storyShape
-      ? ""
-      : "The investigation couldn't reach a clear conclusion — some information was unavailable or the evidence was ambiguous.");
-  return (
-    <div className={`mt-3 space-y-2 ${animate ? "animate-result-in" : ""}`}>
-      <div className="rounded-lg border border-theme-border bg-theme-elevated p-3">
-        <div className="mb-1 flex items-center justify-between gap-2">
-          <div className="flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wide text-theme-text-secondary">
-            <HelpCircle className="h-3.5 w-3.5" />
-            Couldn&apos;t determine
-          </div>
-          {storyShape ? null : (
-            <CopyButton text={text} label="Copy assessment" />
-          )}
-        </div>
-        {storyShape ? (
-          <AssessmentHeadline
-            diagnosis={diagnosis}
-            tone="inconclusive"
-            revisedAfter={revisedAfter}
-            limits={assessmentLimits}
-            copy={assessmentCopy}
-          />
-        ) : null}
-        {text ? (
-          <AIMarkdown className="mt-2 text-sm text-theme-text-primary [overflow-wrap:anywhere] [&_code]:font-normal [&_li]:text-theme-text-primary [&_p]:my-1 [&_p]:text-theme-text-primary [&_p:first-child]:mt-0 [&_p:last-child]:mb-0">
-            {text}
-          </AIMarkdown>
-        ) : null}
-      </div>
-      <div className="flex items-start gap-1 px-0.5 text-[11px] text-theme-text-tertiary">
-        <ShieldCheck className="mt-0.5 h-3 w-3 shrink-0" />
-        <span>
-          Try a follow-up with more context, or investigate again after
-          addressing any errors shown in Activity.
-        </span>
-      </div>
-    </div>
-  );
-}
-
-// A follow-up reply: the agent answering a question, not re-diagnosing. Plain
-// neutral block — no root-cause anchor, no remediation/apply.
-function FollowupAnswer({
-  diagnosis,
-  animate,
-}: {
-  diagnosis: Diagnosis;
-  animate: boolean;
-}) {
-  const text = diagnosis.report || diagnosis.rootCause;
-  if (!text) return null;
-  return (
-    <div
-      className={`mt-1 rounded-lg border border-theme-border bg-theme-elevated p-3 ${animate ? "animate-result-in" : ""}`}
-    >
-      <div className="mb-1.5 flex items-center justify-between gap-2">
-        <div className="flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wide text-theme-text-tertiary">
-          <Sparkles className="h-3.5 w-3.5 text-accent" />
-          Answer
-        </div>
-        <CopyButton text={text} label="Copy answer" />
-      </div>
-      <AIMarkdown className="text-sm [overflow-wrap:anywhere] [&_code]:font-normal [&_h2:first-child]:mt-0 [&_h2]:mb-1.5 [&_h2]:mt-3 [&_h2]:text-xs [&_h2]:font-semibold [&_h2]:uppercase [&_h2]:tracking-wide [&_h2]:text-theme-text-tertiary [&_h3]:text-sm [&_li]:text-theme-text-secondary [&_p]:my-1.5 [&_p]:text-theme-text-secondary [&_p:first-child]:mt-0">
-        {text}
-      </AIMarkdown>
-    </div>
-  );
-}
-
-// A done turn that produced no renderable result at all (empty diagnosis, no
-// narration). Without this the turn would render blank — which reads as "the tool
-// broke." Make the dead-end explicit and point at the recovery (a follow-up).
-function EmptyResult({ animate }: { animate: boolean }) {
-  return (
-    <div
-      className={`mt-1 flex items-start gap-2 rounded-lg border border-theme-border bg-theme-elevated p-3 text-sm text-theme-text-secondary ${animate ? "animate-result-in" : ""}`}
-    >
-      <ShieldCheck className="mt-0.5 h-4 w-4 shrink-0 text-theme-text-tertiary" />
-      <span>
-        The investigation finished without a clear conclusion. Try a follow-up
-        question, or investigate again.
-      </span>
-    </div>
-  );
-}
-
-// The result of an apply turn. Mutation truth comes from Radar write-tool
-// results, not the agent's prose or process exit. Missing outcome metadata is
-// therefore fail-closed as unknown; only explicit confirmation renders green.
-function ApplyOutcomeCard({
-  diagnosis,
-  error,
-  applyOutcome,
-  onCheckStatus,
-  animate,
-}: {
-  diagnosis: Diagnosis | null;
-  error?: string | null;
-  applyOutcome?: ApplyMutationOutcome;
-  onCheckStatus?: () => void;
-  animate: boolean;
-}) {
-  const outcome = diagnosis?.report || diagnosis?.rootCause;
-  const status = applyOutcome ?? "unknown";
-  const confirmed = status === "confirmed";
-  const failed = status === "failed";
-  const heading = confirmed
-    ? "Applied"
-    : failed
-      ? "Not applied"
-      : "Outcome unknown";
-  const detail = error || outcome;
-  const fallbackDetail = confirmed
-    ? "Radar confirmed that the change was applied. Check the current state to confirm its effect."
-    : failed
-      ? "Radar could not confirm that the change was applied. Review Activity before retrying."
-      : "Radar could not confirm whether the change was applied. Check the current state before retrying.";
-  const containerClass = confirmed
-    ? "border-emerald-500/30 bg-emerald-500/5"
-    : failed
-      ? "border-red-500/30 bg-red-500/5"
-      : "border-amber-500/40 bg-amber-500/10";
-  const accentClass = confirmed
-    ? "text-emerald-500"
-    : failed
-      ? "text-red-400"
-      : "text-amber-400";
-  const buttonClass = confirmed
-    ? "border-emerald-500/40 text-emerald-500 hover:bg-emerald-500/10"
-    : "border-amber-500/40 text-amber-400 hover:bg-amber-500/10";
-  const provenance = confirmed
-    ? error
-      ? "Radar confirmed the change — the agent report is incomplete"
-      : "Radar confirmed the change was applied"
-    : failed
-      ? "Radar did not confirm that the change was applied"
-      : "Radar cannot confirm whether the change was applied";
-  return (
-    <div className={`mt-3 space-y-2 ${animate ? "animate-result-in" : ""}`}>
-      <div className={`rounded-lg border p-3 ${containerClass}`}>
-        <div className="mb-1 flex items-center justify-between gap-2">
-          <div
-            className={`flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wide ${accentClass}`}
-          >
-            {confirmed ? (
-              <CheckCircle2 className="h-3.5 w-3.5" />
-            ) : (
-              <AlertTriangle className="h-3.5 w-3.5" />
-            )}
-            {heading}
-          </div>
-          {detail && <CopyButton text={detail} label="Copy apply result" />}
-        </div>
-        <AIMarkdown className="text-sm text-theme-text-primary [overflow-wrap:anywhere] [&_code]:font-normal [&_li]:text-theme-text-primary [&_p]:my-1 [&_p]:text-theme-text-primary [&_p:first-child]:mt-0 [&_p:last-child]:mb-0">
-          {detail || fallbackDetail}
-        </AIMarkdown>
-        {!confirmed && !failed && (
-          <div className="mt-2 flex items-start gap-1.5 text-xs font-medium text-amber-300">
-            <RefreshCw className="mt-0.5 h-3.5 w-3.5 shrink-0" />
-            <span>
-              Check the current state before trying to apply this change again.
-            </span>
-          </div>
-        )}
-        {onCheckStatus && !failed && (
-          <button
-            type="button"
-            onClick={onCheckStatus}
-            className={`mt-3 flex w-full items-center justify-center gap-1.5 rounded-lg border py-2 text-sm font-medium ${buttonClass}`}
-          >
-            <RefreshCw className="h-4 w-4" />
-            Check current status
-          </button>
-        )}
-      </div>
-      <div className="flex items-center gap-1 px-0.5 text-[11px] text-theme-text-tertiary">
-        <ShieldCheck className="h-3 w-3 shrink-0" />
-        <span className="truncate">{provenance}</span>
-      </div>
-    </div>
-  );
-}
-
-const COMMAND_BINARIES = new Set([
-  "kubectl",
-  "helm",
-  "argocd",
-  "flux",
-  "kustomize",
-  "docker",
-  "gcloud",
-  "aws",
-  "az",
-  "mongosh",
-  "psql",
-  "redis-cli",
-  "curl",
-  "git",
-  "istioctl",
-  "velero",
-  "cilium",
-  "calicoctl",
-  "terraform",
-  "kn",
-  "oc",
-  "k9s",
-  "skyhook",
-]);
-
-/** The first sentence of a step, without its markdown, for a one-line row. */
-export function remediationHeadline(step: string): string {
-  const firstLine =
-    step
-      .split(/\r?\n/)
-      .map((line) => line.trim())
-      .find((line) => line && !line.startsWith("```")) ?? "";
-  const sentence = firstLine.split(/(?<=[.!?:])\s/)[0] ?? firstLine;
-  // A step written as "Confirm recovery:" expects its command to follow; as a
-  // folded title the colon dangles.
-  return sentence.replace(/`/g, "").replace(/\*\*/g, "").replace(/:$/, "");
-}
-
-/**
- * The commands inside a remediation step, in order: every fenced block and
- * every inline code span that reads as a shell invocation. A step's prose is
- * never worth copying; a command is. The prompt asks the agent to wrap
- * commands in backticks, so this is the seam to read them from.
- */
-export function remediationCommands(step: string): string[] {
-  const commands: string[] = [];
-  // One pass in reading order, so button N is the Nth command in the text.
-  const code = /```[a-zA-Z]*\n([\s\S]*?)```|`([^`\n]+)`/g;
-  let match: RegExpExecArray | null;
-  while ((match = code.exec(step))) {
-    if (match[1] !== undefined) {
-      const body = match[1].trim();
-      if (body) commands.push(body);
-      continue;
-    }
-    const span = match[2].trim();
-    if (looksLikeCommand(span)) commands.push(span);
-  }
-  return commands;
-}
-
-function looksLikeCommand(span: string): boolean {
-  if (!/\s/.test(span)) return false;
-  const first = span.split(/\s+/)[0];
-  if (COMMAND_BINARIES.has(first)) return true;
-  // An unknown binary still reads as a command when it takes flags.
-  return /^[a-z][a-z0-9._-]*$/.test(first) && /(^|\s)--?[a-zA-Z]/.test(span);
-}
-
-function CopyButton({ text, label }: { text: string; label: string }) {
-  const [state, setState] = useState<"idle" | "copied" | "failed">("idle");
-  const copied = state === "copied";
-  return (
-    <Tooltip
-      content={
-        state === "copied"
-          ? "Copied"
-          : state === "failed"
-            ? "Copy failed"
-            : label
-      }
-      delay={100}
-      wrapperClassName="shrink-0"
-    >
-      <button
-        onClick={async () => {
-          // Report what happened, not what was attempted: the write can be
-          // denied or unavailable, and "Copied" over an empty clipboard is worse
-          // than no button.
-          try {
-            if (!navigator.clipboard) throw new Error("clipboard unavailable");
-            await navigator.clipboard.writeText(text);
-            setState("copied");
-          } catch {
-            setState("failed");
-          }
-          setTimeout(() => setState("idle"), 1200);
-        }}
-        className="shrink-0 rounded p-1 text-theme-text-tertiary hover:bg-theme-hover hover:text-theme-text-primary"
-        aria-label={
-          state === "copied"
-            ? `${label} — copied`
-            : state === "failed"
-              ? `${label} — copy failed`
-              : label
-        }
-        aria-live="polite"
-      >
-        {copied ? (
-          <Check className="h-3.5 w-3.5 text-emerald-400" />
-        ) : state === "failed" ? (
-          <AlertTriangle className="h-3.5 w-3.5 text-amber-500" />
-        ) : (
-          <Copy className="h-3.5 w-3.5" />
-        )}
-      </button>
-    </Tooltip>
-  );
-}
-
-export function prettyTool(tool: string): string {
-  return tool.replace(/_/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
-}
-
-// A coarse band, not a precise %: a two-sig-fig confidence on an LLM judgement
-// reads as calibrated when it isn't.
-function confidenceLabel(c: number): string {
-  if (c >= 0.8) return "High";
-  if (c >= 0.5) return "Medium";
-  return "Low";
-}
-
-// LLMs occasionally open a ```fence mid-line ("run this: ```bash kubectl …") or
-// put the command on the same line as the ```lang marker. GFM then won't parse
-// it as a fence — it leaks the literal ``` and renders an empty code box. Coerce
-// fence markers onto their own lines and push trailing content off the opener so
-// the block renders. (Well-formed markdown is unaffected.)
-function tidyFences(md: string): string {
-  if (!md || !md.includes("```")) return md;
-  return md
-    .replace(/([^\n])```/g, "$1\n\n```") // opener/closer must start a line
-    .replace(/```([A-Za-z0-9_-]*)[ \t]+(\S)/g, "```$1\n$2"); // content off the opener line
-}
-
-// Diagnosis output is dense with inline `code`; the shared chip's brand tint is
-// too loud at that density, so neutralize it (border/bg only) for this surface.
-const SOFT_INLINE_CODE =
-  "[&_.inline-code]:border-theme-border/60 [&_.inline-code]:bg-theme-base [&_.inline-code]:font-normal";
-
-// Markdown for agent-generated text — normalizes flaky fences + softens code.
-function AIMarkdown({
-  className,
-  children,
-}: {
-  className?: string;
-  children: string;
-}) {
-  return (
-    <Markdown className={`${SOFT_INLINE_CODE} ${className ?? ""}`}>
-      {tidyFences(children)}
-    </Markdown>
-  );
-}
+// The public names of the assessment, next steps, Activity and agent controls,
+// kept together so their consumers import from one place.
+export { AgentControls, ConsentCard } from "./AgentControls";
+export {
+  mergeStartupSignal,
+  appendThinking,
+  upsertTool,
+  TurnView,
+  Timeline,
+  runningElapsedLabel,
+  toolDurationLabel,
+  toolErrorReason,
+  middleTruncate,
+} from "./ActivityTurn";
+export type { Turn, StartupSignal, TimelineItem } from "./ActivityTurn";
+export { ApplyDialog } from "./ApplyDialog";
+export {
+  ResultCard,
+  assessmentSourceRows,
+  AssessmentSources,
+  remediationHeadline,
+  remediationCommands,
+} from "./AssessmentCard";
+export type { AssessmentExplanation } from "./AssessmentCard";
+export { assessmentCopyText } from "./assessmentCopy";
+export { prettyTool } from "./toolCallLabel";