agentfootprint-lens 0.61.1 → 0.62.0

package/README.md

@@ -78,7 +78,7 @@ changes.
 |---|---|
 | `agentfootprint-lens/why` | Replay a recording as the agent's own milestones. `<WhyLens recording={...} />` takes the recording straight (`recordRun()`'s `{ snapshot, events, structure }`, or the `persistRecording` envelope), validates it at mount, and mounts the shipped `<Lens>` shell on the milestone axis — plus the axis helpers (`scrubAxisFor`, `stepForCommitIdx`, `stepForRuntimeStageId`, `resolveNavigation`) for hosts holding one cursor across views. |
 | `agentfootprint-lens/skillgraph` | Debug how a run routed through its skills. `<SkillGraphDebugger recorder={...} />` plus its headless selectors (`selectSkillRoute`, `selectSkillBeats`, `selectSkillTopology`, `selectSkillFrameContext`, `stepForRuntimeStageId`, `resolveNavigation`). |
-| `agentfootprint-lens/context` | What the model HAD at a stop — the served document of that epoch on top (the Served tab itself: pieces, messages, tools, verdicts, delta since the previous call) — and what it was BUILT from beneath: the record key by key, who wrote each, what moved; a long value opens in place (0.54.0). `<ContextView runner={...} />` walks the milestone axis on its own; hand it `cursor` and it follows the ONE cursor (0.53.1). Under the record, the **Findings** band (0.61.0): on an armed run (`.findings()`, agentfootprint 9.101) the model's own ledger at the stop, folded for reading — facts, conflicts as first seen (each witness with its current standing, no verdict), open, ruled out, noise, undeclared — every string off the record, absent on an unarmed run. |
+| `agentfootprint-lens/context` | What the model HAD at a stop — the served document of that epoch on top (the Served tab itself: pieces, messages, tools, verdicts, delta since the previous call) — and what it was BUILT from beneath: the record key by key, who wrote each, what moved; a long value opens in place (0.54.0). `<ContextView runner={...} />` walks the milestone axis on its own; hand it `cursor` and it follows the ONE cursor (0.53.1). Under the record, the **Findings** band (0.61.0): on an armed run (`.findings()`, agentfootprint 9.101) the model's own ledger at the stop, folded for reading — facts, conflicts as first seen (each witness with its current standing, no verdict), open, ruled out, noise, undeclared — every string off the record, absent on an unarmed run. Beside it, the **Reasoning** lens (0.62.0): `<ReasoningLens runner={...} shared={shared} />` — the same ledger read BY CALL, one card per tool call at the cursor (basis before, result, current standing after, the model's words quoted) and an answer card; absent on an unarmed run. |
 
 The axis model in three sentences: one run leaves one causal trace, and each
 lens replays one AXIS of it — the Why reading scrubs the milestones, the Flow

package/dist/{chunk-UEIY7ZJ5.js → chunk-4K45VV7M.js}

@@ -20,7 +20,7 @@ import {
 } from "./chunk-S3WZBG5I.js";
 import {
   ServedTab
-} from "./chunk-GCDO7N6B.js";
+} from "./chunk-UFC3IZPT.js";
 import {
   snapshotLogKey,
   snapshotOfRunner,
@@ -4784,4 +4784,4 @@ export {
   useBookmarkSidecar,
   Lens
 };
-//# sourceMappingURL=chunk-UEIY7ZJ5.js.map
+//# sourceMappingURL=chunk-4K45VV7M.js.map

package/dist/{chunk-2VGWAAXY.js → chunk-P4XTLLMA.js}

@@ -2,14 +2,16 @@ import {
   contextAt
 } from "./chunk-3LXZ7D65.js";
 import {
-  ServedTab
-} from "./chunk-GCDO7N6B.js";
+  ServedTab,
+  collapsedTicketOf
+} from "./chunk-UFC3IZPT.js";
 import {
   snapshotLogKey,
   snapshotOfRunner,
   tagAxisPositions
 } from "./chunk-XEAZRBOH.js";
 import {
+  T,
   TimeTravel
 } from "./chunk-CO5R2ODI.js";
 import {
@@ -52,36 +54,47 @@ function assertionOf(v) {
     ...typeof v.provenance === "string" ? { provenance: v.provenance } : {}
   };
 }
-function standingOf(row) {
-  if (!isRecord(row) || row.kind !== "standing") return void 0;
-  if (typeof row.toolCallId !== "string" || typeof row.standing !== "string") return void 0;
-  const assertions = Array.isArray(row.assertions) ? row.assertions.flatMap((a) => {
+function standingOf(row2) {
+  if (!isRecord(row2) || row2.kind !== "standing") return void 0;
+  if (typeof row2.toolCallId !== "string" || typeof row2.standing !== "string") return void 0;
+  const declaredOn = declaredOnOf(row2.declaredOn);
+  const assertions = Array.isArray(row2.assertions) ? row2.assertions.flatMap((a) => {
     const shaped = assertionOf(a);
     return shaped !== void 0 ? [shaped] : [];
   }) : [];
   return {
-    toolCallId: row.toolCallId,
-    standing: row.standing,
+    toolCallId: row2.toolCallId,
+    standing: row2.standing,
     assertions,
-    ...typeof row.toolName === "string" ? { toolName: row.toolName } : {},
-    ...typeof row.settles === "string" ? { settles: row.settles } : {},
-    ...typeof row.line === "string" ? { line: row.line } : {}
+    ...typeof row2.toolName === "string" ? { toolName: row2.toolName } : {},
+    ...typeof row2.settles === "string" ? { settles: row2.settles } : {},
+    ...typeof row2.line === "string" ? { line: row2.line } : {},
+    ...typeof row2.ref === "string" ? { ref: row2.ref } : {},
+    ...row2.sought === true ? { sought: true } : {},
+    ...declaredOn !== void 0 ? { declaredOn } : {},
+    ...typeof row2.iteration === "number" ? { iteration: row2.iteration } : {},
+    ...row2.unknownId === true ? { unknownId: true } : {}
   };
 }
+function declaredOnOf(v) {
+  if (v === "answer") return "answer";
+  if (isRecord(v) && typeof v.toolCallId === "string") return { toolCallId: v.toolCallId };
+  return void 0;
+}
 function witnessOf(v) {
   if (!isRecord(v) || typeof v.toolCallId !== "string" || typeof v.predicate !== "string") return void 0;
   const subject = subjectOf(v.subject);
   if (subject === void 0) return void 0;
   return { toolCallId: v.toolCallId, subject, predicate: v.predicate };
 }
-function conflictOf(row) {
-  if (!isRecord(row) || row.kind !== "conflict" || typeof row.key !== "string") return void 0;
-  if (!Array.isArray(row.witnesses)) return void 0;
-  const witnesses = row.witnesses.flatMap((w) => {
+function conflictOf(row2) {
+  if (!isRecord(row2) || row2.kind !== "conflict" || typeof row2.key !== "string") return void 0;
+  if (!Array.isArray(row2.witnesses)) return void 0;
+  const witnesses = row2.witnesses.flatMap((w) => {
     const shaped = witnessOf(w);
     return shaped !== void 0 ? [shaped] : [];
   });
-  return { key: row.key, witnesses };
+  return { key: row2.key, witnesses };
 }
 function resultIdOf(entry) {
   return isRecord(entry) && typeof entry.toolCallId === "string" ? entry.toolCallId : void 0;
@@ -89,13 +102,13 @@ function resultIdOf(entry) {
 function foldFindings(rows, toolResults) {
   const standing = /* @__PURE__ */ new Map();
   const conflictRows = [];
-  for (const row of rows) {
-    const s = standingOf(row);
+  for (const row2 of rows) {
+    const s = standingOf(row2);
     if (s !== void 0) {
       standing.set(s.toolCallId, s);
       continue;
     }
-    const c = conflictOf(row);
+    const c = conflictOf(row2);
     if (c !== void 0) conflictRows.push(c);
   }
   const conflicts = conflictRows.map(
@@ -131,7 +144,8 @@ function foldFindings(rows, toolResults) {
     open: Object.freeze(open),
     ruledOut: Object.freeze(ruledOut),
     noise: Object.freeze(noise),
-    undeclared: Object.freeze(undeclared)
+    undeclared: Object.freeze(undeclared),
+    standings: standing
   });
 }
 function valueText(value) {
@@ -586,9 +600,461 @@ var band2 = {
 var list2 = { margin: "4px 0 0", paddingLeft: 18 };
 var btn = { fontSize: 12, padding: "2px 8px" };
 
+// src/react/components/ReasoningLens.tsx
+import { useMemo as useMemo3 } from "react";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var LABELS3 = Object.freeze({
+  lens: "Reasoning",
+  calls: "calls",
+  iteration: "iteration",
+  basis: "basis",
+  expect: "expect",
+  malformed: "malformed",
+  /** The `proposition` field — what the model said it was testing. */
+  tested: "tested",
+  predicts: "predicts",
+  result: "result",
+  chars: "chars",
+  bytes: "bytes",
+  ref: "ref",
+  placed: "placed",
+  collapsed: "collapsed",
+  standing: "standing",
+  undeclared: "undeclared",
+  sought: "sought",
+  settles: "settles",
+  line: "line",
+  declaredOn: "declared on",
+  unknownId: "unknown id",
+  conflict: "conflict",
+  details: "details",
+  assertions: "assertions",
+  ticket: "ticket",
+  answer: "answer",
+  facts: "facts",
+  limitations: "limitations",
+  evidenceRefs: "evidenceRefs",
+  nextSteps: "nextSteps",
+  noise: "noise",
+  serve: "serve",
+  answerAsk: "answer ask"
+});
+var isRecord2 = (v) => typeof v === "object" && v !== null;
+function basisOf(row2) {
+  if (!isRecord2(row2) || row2.kind !== "basis") return void 0;
+  if (typeof row2.toolCallId !== "string" || typeof row2.basis !== "string") return void 0;
+  return {
+    toolCallId: row2.toolCallId,
+    basis: row2.basis,
+    ...typeof row2.toolName === "string" ? { toolName: row2.toolName } : {},
+    ...typeof row2.iteration === "number" ? { iteration: row2.iteration } : {},
+    ...typeof row2.expect === "string" ? { expect: row2.expect } : {},
+    ...typeof row2.malformed === "number" ? { malformed: row2.malformed } : {},
+    ...typeof row2.proposition === "string" ? { proposition: row2.proposition } : {},
+    ...typeof row2.predicts === "string" ? { predicts: row2.predicts } : {}
+  };
+}
+function placedTicketOf(value) {
+  let v = value;
+  if (typeof v === "string" && v.startsWith("{")) {
+    try {
+      v = JSON.parse(v);
+    } catch {
+      return void 0;
+    }
+  }
+  if (!isRecord2(v) || v.placed !== true || typeof v.ref !== "string") return void 0;
+  return {
+    ref: v.ref,
+    ...typeof v.bytes === "number" ? { bytes: v.bytes } : {},
+    ...typeof v.kind === "string" ? { kind: v.kind } : {}
+  };
+}
+function resultShapeOf(value) {
+  const placed = placedTicketOf(value);
+  if (placed !== void 0) return { placed };
+  const text = typeof value === "string" ? value : JSON.stringify(value) ?? "";
+  return { chars: text.length };
+}
+function resultsById(history, toolResults) {
+  const out = /* @__PURE__ */ new Map();
+  for (const m of history ?? []) {
+    if (isRecord2(m) && m.role === "tool" && typeof m.toolCallId === "string" && !out.has(m.toolCallId)) out.set(m.toolCallId, m.content);
+  }
+  for (const r of toolResults ?? []) {
+    if (isRecord2(r) && typeof r.toolCallId === "string" && !out.has(r.toolCallId)) out.set(r.toolCallId, r.result);
+  }
+  return out;
+}
+function collapsedById(asSent) {
+  const out = /* @__PURE__ */ new Map();
+  for (const m of asSent ?? []) {
+    if (!isRecord2(m) || m.role !== "tool") continue;
+    const t = collapsedTicketOf(m.content);
+    if (t !== void 0) out.set(t.toolCallId, t.standing);
+  }
+  return out;
+}
+function foldReasoning(input) {
+  const findings = foldFindings(input.rows, input.toolResults);
+  const results = resultsById(input.history, input.toolResults);
+  const collapsed = collapsedById(input.asSent);
+  const witnessed = /* @__PURE__ */ new Map();
+  for (const c of findings.conflicts) {
+    for (const w of c.witnesses) {
+      const keys = witnessed.get(w.toolCallId) ?? [];
+      keys.push(c.key);
+      witnessed.set(w.toolCallId, keys);
+    }
+  }
+  const seen = /* @__PURE__ */ new Set();
+  const cards = [];
+  for (const row2 of input.rows) {
+    const before = basisOf(row2);
+    if (before === void 0 || seen.has(before.toolCallId)) continue;
+    seen.add(before.toolCallId);
+    const id = before.toolCallId;
+    const after = findings.standings.get(id);
+    const onWire = collapsed.get(id);
+    cards.push(
+      Object.freeze({
+        toolCallId: id,
+        before,
+        ...results.has(id) ? { result: resultShapeOf(results.get(id)) } : {},
+        ...onWire !== void 0 ? { collapsed: onWire } : {},
+        ...after !== void 0 ? { after } : {},
+        conflicts: Object.freeze(witnessed.get(id) ?? [])
+      })
+    );
+  }
+  const answered = Array.from(findings.standings.values()).some((s) => s.declaredOn === "answer");
+  const answer = answered ? Object.freeze({
+    facts: findings.facts.length,
+    limitations: findings.ruledOut.length,
+    evidenceRefs: findings.open.length,
+    nextSteps: findings.open.filter((s) => s.settles !== void 0).length,
+    noise: findings.noise.length,
+    undeclared: findings.undeclared.length,
+    ...typeof input.findingsServe === "string" ? { serve: input.findingsServe } : {},
+    ...input.findingsAnswerAsk !== void 0 ? { answerAsk: input.findingsAnswerAsk } : {}
+  }) : void 0;
+  return Object.freeze({
+    cards: Object.freeze(cards),
+    ...answer !== void 0 ? { answer } : {},
+    findings
+  });
+}
+function positionsOf2(snapshot) {
+  return tagAxisPositions(snapshot, MILESTONE_AXIS, []) ?? [];
+}
+var noMove = () => void 0;
+function keyValue(context, path) {
+  return context.keys.find((k) => k.path === path)?.value;
+}
+function arrayValue(context, path) {
+  const v = keyValue(context, path);
+  return Array.isArray(v) ? v : void 0;
+}
+function ReasoningLens(props) {
+  const { runner, events, shared, recorder } = props;
+  const fresh = snapshotOfRunner(runner);
+  const logKey = snapshotLogKey(fresh);
+  const snapshot = useMemo3(() => fresh, [runner, logKey]);
+  const ownPositions = useMemo3(
+    () => props.cursor !== void 0 ? void 0 : recorder !== void 0 ? scrubAxisFor(recorder, "group") : positionsOf2(snapshot),
+    // eslint-disable-next-line react-hooks/exhaustive-deps -- the recorder's axis moves with the log key
+    [snapshot, props.cursor, recorder, logKey]
+  );
+  const positions = ownPositions ?? [];
+  const cursor = props.cursor ?? (shared !== void 0 ? shared.over(positions) : lensCursorFrom(positions, Math.max(0, positions.length - 1), noMove));
+  const context = useMemo3(
+    () => contextAt(snapshot, { runtimeStageId: cursor.at.runtimeStageId, commitIdx: cursor.at.commitIdx }, { events }),
+    [snapshot, cursor.at.runtimeStageId, cursor.at.commitIdx, events]
+  );
+  const rows = arrayValue(context, "findingsLedger");
+  const fold = useMemo3(() => {
+    if (rows === void 0) return void 0;
+    const toolResults = arrayValue(context, "toolResults");
+    const history = arrayValue(context, "history");
+    const wire = context.served?.row.view.messages.asSent;
+    return foldReasoning({
+      rows,
+      ...toolResults !== void 0 ? { toolResults } : {},
+      ...history !== void 0 ? { history } : {},
+      ...Array.isArray(wire) ? { asSent: wire } : {},
+      findingsServe: keyValue(context, "findingsServe"),
+      findingsAnswerAsk: keyValue(context, "findingsAnswerAsk")
+    });
+  }, [context, rows]);
+  if (fold === void 0) return null;
+  return /* @__PURE__ */ jsxs3("div", { style: panel2, "data-testid": "reasoning-lens", "data-step": cursor.at.step, "data-commit": cursor.at.commitIdx, "data-calls": fold.cards.length, children: [
+    /* @__PURE__ */ jsxs3("div", { style: header2, children: [
+      /* @__PURE__ */ jsx3("span", { style: title2, children: LABELS3.lens }),
+      /* @__PURE__ */ jsxs3("span", { style: dim3, children: [
+        fold.cards.length,
+        " ",
+        LABELS3.calls
+      ] })
+    ] }),
+    fold.cards.map((card) => /* @__PURE__ */ jsx3(Card, { card }, card.toolCallId)),
+    fold.answer !== void 0 && /* @__PURE__ */ jsx3(Answer, { answer: fold.answer })
+  ] });
+}
+var SHORT_ID = 12;
+function Card({ card }) {
+  const { before, after } = card;
+  const id = card.toolCallId;
+  const standing = after?.standing;
+  return /* @__PURE__ */ jsxs3(
+    "div",
+    {
+      style: cardStyle,
+      "data-testid": "reasoning-card",
+      "data-tool-call-id": id,
+      "data-basis": before.basis,
+      "data-standing": standing ?? LABELS3.undeclared,
+      children: [
+        /* @__PURE__ */ jsxs3("div", { style: row, children: [
+          before.toolName !== void 0 && /* @__PURE__ */ jsx3("code", { style: strong, children: before.toolName }),
+          /* @__PURE__ */ jsx3("code", { title: id, style: mono3, "data-testid": "reasoning-card-id", children: id.length > SHORT_ID ? `${id.slice(0, SHORT_ID)}\u2026` : id }),
+          before.iteration !== void 0 && /* @__PURE__ */ jsxs3("span", { style: dim3, children: [
+            LABELS3.iteration,
+            " ",
+            before.iteration
+          ] }),
+          /* @__PURE__ */ jsx3(Chip, { testId: "reasoning-basis", color: T.primary, children: before.basis }),
+          before.expect !== void 0 && /* @__PURE__ */ jsxs3(Chip, { testId: "reasoning-expect", color: T.textMuted, children: [
+            LABELS3.expect,
+            " ",
+            before.expect
+          ] }),
+          before.malformed !== void 0 && /* @__PURE__ */ jsxs3(Chip, { testId: "reasoning-malformed", color: T.warning, children: [
+            LABELS3.malformed,
+            " ",
+            before.malformed
+          ] }),
+          card.conflicts.map((key) => /* @__PURE__ */ jsx3(Chip, { testId: "reasoning-conflict", color: T.error, title: key, children: LABELS3.conflict }, key))
+        ] }),
+        /* @__PURE__ */ jsx3(Before, { before }),
+        /* @__PURE__ */ jsxs3("div", { style: row, "data-testid": "reasoning-after", children: [
+          /* @__PURE__ */ jsx3("span", { style: dim3, children: LABELS3.standing }),
+          /* @__PURE__ */ jsx3(Chip, { testId: "reasoning-standing", color: standing !== void 0 ? standingColor(standing) : T.textMuted, children: standing ?? LABELS3.undeclared }),
+          after?.sought === true && /* @__PURE__ */ jsx3(Chip, { testId: "reasoning-sought", color: T.textMuted, children: LABELS3.sought }),
+          after?.unknownId === true && /* @__PURE__ */ jsx3(Chip, { testId: "reasoning-unknown-id", color: T.warning, children: LABELS3.unknownId }),
+          card.collapsed !== void 0 && /* @__PURE__ */ jsx3(Chip, { testId: "reasoning-collapsed", color: T.textMuted, title: card.collapsed, children: LABELS3.collapsed }),
+          after?.declaredOn !== void 0 && /* @__PURE__ */ jsxs3("span", { style: dim3, "data-testid": "reasoning-declared-on", children: [
+            LABELS3.declaredOn,
+            " ",
+            /* @__PURE__ */ jsx3("code", { style: mono3, children: after.declaredOn === "answer" ? after.declaredOn : after.declaredOn.toolCallId })
+          ] })
+        ] }),
+        after !== void 0 && /* @__PURE__ */ jsx3(QuotedLine, { after }),
+        /* @__PURE__ */ jsxs3("details", { style: detailsStyle, "data-testid": "reasoning-details", children: [
+          /* @__PURE__ */ jsx3("summary", { style: summaryStyle, children: LABELS3.details }),
+          /* @__PURE__ */ jsx3(Details, { card })
+        ] })
+      ]
+    }
+  );
+}
+function Before({ before }) {
+  if (before.proposition === void 0 && before.predicts === void 0) return null;
+  return /* @__PURE__ */ jsxs3("div", { style: mono3, "data-testid": "reasoning-before", children: [
+    before.proposition !== void 0 && /* @__PURE__ */ jsxs3("div", { "data-testid": "reasoning-proposition", children: [
+      /* @__PURE__ */ jsx3("span", { style: dim3, children: LABELS3.tested }),
+      " ",
+      /* @__PURE__ */ jsx3("q", { children: before.proposition })
+    ] }),
+    before.predicts !== void 0 && /* @__PURE__ */ jsxs3("div", { "data-testid": "reasoning-predicts", children: [
+      /* @__PURE__ */ jsx3("span", { style: dim3, children: LABELS3.predicts }),
+      " ",
+      /* @__PURE__ */ jsx3("q", { children: before.predicts })
+    ] })
+  ] });
+}
+function QuotedLine({ after }) {
+  const first = after.assertions[0];
+  if (after.standing === "fact" && first !== void 0) {
+    return /* @__PURE__ */ jsx3("div", { style: mono3, "data-testid": "reasoning-line", children: /* @__PURE__ */ jsx3(AssertionText, { assertion: first }) });
+  }
+  if (after.settles !== void 0) {
+    return /* @__PURE__ */ jsxs3("div", { style: mono3, "data-testid": "reasoning-line", children: [
+      /* @__PURE__ */ jsx3("span", { style: dim3, children: LABELS3.settles }),
+      " ",
+      /* @__PURE__ */ jsx3("q", { children: after.settles })
+    ] });
+  }
+  if (after.line !== void 0) {
+    return /* @__PURE__ */ jsxs3("div", { style: mono3, "data-testid": "reasoning-line", children: [
+      /* @__PURE__ */ jsx3("span", { style: dim3, children: LABELS3.line }),
+      " ",
+      /* @__PURE__ */ jsx3("q", { children: after.line })
+    ] });
+  }
+  return null;
+}
+function Details({ card }) {
+  const { after } = card;
+  return /* @__PURE__ */ jsxs3("div", { style: { ...mono3, ...detailsBody }, children: [
+    /* @__PURE__ */ jsx3("div", { children: /* @__PURE__ */ jsx3("code", { children: card.toolCallId }) }),
+    card.result !== void 0 && /* @__PURE__ */ jsx3(ResultLine, { result: card.result }),
+    after?.ref !== void 0 && /* @__PURE__ */ jsxs3("div", { children: [
+      /* @__PURE__ */ jsx3("span", { style: dim3, children: LABELS3.ref }),
+      " ",
+      /* @__PURE__ */ jsx3("code", { children: after.ref })
+    ] }),
+    card.collapsed !== void 0 && /* @__PURE__ */ jsxs3("div", { "data-testid": "reasoning-ticket", children: [
+      /* @__PURE__ */ jsx3("span", { style: dim3, children: LABELS3.ticket }),
+      " ",
+      /* @__PURE__ */ jsx3("code", { children: card.collapsed })
+    ] }),
+    after !== void 0 && after.assertions.length > 0 && /* @__PURE__ */ jsxs3("div", { children: [
+      /* @__PURE__ */ jsxs3("span", { style: dim3, children: [
+        LABELS3.assertions,
+        " \xB7 ",
+        after.assertions.length
+      ] }),
+      /* @__PURE__ */ jsx3("ul", { style: list3, children: after.assertions.map((a, i) => /* @__PURE__ */ jsx3("li", { "data-testid": "reasoning-assertion", children: /* @__PURE__ */ jsx3(AssertionText, { assertion: a }) }, i)) })
+    ] }),
+    after?.settles !== void 0 && /* @__PURE__ */ jsxs3("div", { children: [
+      /* @__PURE__ */ jsx3("span", { style: dim3, children: LABELS3.settles }),
+      " ",
+      /* @__PURE__ */ jsx3("q", { children: after.settles })
+    ] }),
+    after?.line !== void 0 && /* @__PURE__ */ jsxs3("div", { children: [
+      /* @__PURE__ */ jsx3("span", { style: dim3, children: LABELS3.line }),
+      " ",
+      /* @__PURE__ */ jsx3("q", { children: after.line })
+    ] })
+  ] });
+}
+function ResultLine({ result }) {
+  if ("placed" in result) {
+    return /* @__PURE__ */ jsxs3("div", { "data-testid": "reasoning-result", "data-placed": "true", children: [
+      /* @__PURE__ */ jsx3("span", { style: dim3, children: LABELS3.placed }),
+      " ",
+      /* @__PURE__ */ jsx3("code", { children: result.placed.ref }),
+      result.placed.bytes !== void 0 && /* @__PURE__ */ jsxs3("span", { style: dim3, children: [
+        " ",
+        "\xB7 ",
+        result.placed.bytes,
+        " ",
+        LABELS3.bytes
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs3("div", { "data-testid": "reasoning-result", "data-chars": result.chars, children: [
+    /* @__PURE__ */ jsx3("span", { style: dim3, children: LABELS3.result }),
+    " ",
+    result.chars,
+    " ",
+    LABELS3.chars
+  ] });
+}
+function AssertionText({ assertion }) {
+  return /* @__PURE__ */ jsxs3("span", { children: [
+    /* @__PURE__ */ jsxs3("code", { children: [
+      assertion.subject.kind,
+      "/",
+      assertion.subject.id
+    ] }),
+    " \xB7 ",
+    /* @__PURE__ */ jsx3("code", { children: assertion.predicate }),
+    " = ",
+    /* @__PURE__ */ jsx3("code", { children: valueText2(assertion.value) })
+  ] });
+}
+function valueText2(value) {
+  if (typeof value === "string") return value;
+  return JSON.stringify(value) ?? String(value);
+}
+function Answer({ answer }) {
+  const counts = [
+    [LABELS3.facts, answer.facts],
+    [LABELS3.limitations, answer.limitations],
+    [LABELS3.evidenceRefs, answer.evidenceRefs],
+    [LABELS3.nextSteps, answer.nextSteps],
+    [LABELS3.noise, answer.noise],
+    [LABELS3.undeclared, answer.undeclared]
+  ];
+  return /* @__PURE__ */ jsxs3("div", { style: cardStyle, "data-testid": "reasoning-answer", "data-answer-ask": answer.answerAsk === void 0 ? "" : String(answer.answerAsk), children: [
+    /* @__PURE__ */ jsxs3("div", { style: row, children: [
+      /* @__PURE__ */ jsx3("span", { style: strong, children: LABELS3.answer }),
+      answer.serve !== void 0 && /* @__PURE__ */ jsxs3(Chip, { testId: "reasoning-serve", color: T.textMuted, children: [
+        LABELS3.serve,
+        " ",
+        answer.serve
+      ] }),
+      answer.answerAsk !== void 0 && /* @__PURE__ */ jsxs3(Chip, { testId: "reasoning-answer-ask", color: T.textMuted, children: [
+        LABELS3.answerAsk,
+        " ",
+        valueText2(answer.answerAsk)
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx3("div", { style: { ...row, ...mono3 }, children: counts.map(([label, n]) => /* @__PURE__ */ jsxs3("span", { "data-testid": "reasoning-count", "data-bucket": label, "data-count": n, children: [
+      /* @__PURE__ */ jsx3("span", { style: dim3, children: label }),
+      " ",
+      n
+    ] }, label)) })
+  ] });
+}
+function standingColor(standing) {
+  if (standing === "fact") return T.success;
+  if (standing === "ruled-out") return T.error;
+  if (standing === "open") return T.warning;
+  return T.textMuted;
+}
+function Chip({
+  children,
+  color,
+  testId,
+  title: title3
+}) {
+  return /* @__PURE__ */ jsx3("span", { style: { ...chip, borderColor: color, color }, "data-testid": testId, ...title3 !== void 0 ? { title: title3 } : {}, children });
+}
+var panel2 = {
+  display: "flex",
+  flexDirection: "column",
+  gap: 8,
+  padding: 10,
+  fontSize: 13,
+  fontFamily: T.fontSans,
+  color: T.textPrimary
+};
+var header2 = { display: "flex", alignItems: "center", gap: 10 };
+var title2 = { fontWeight: 600 };
+var strong = { fontWeight: 600 };
+var dim3 = { color: T.textMuted };
+var mono3 = { fontFamily: T.fontMono, fontSize: 12, wordBreak: "break-word" };
+var row = { display: "flex", alignItems: "center", flexWrap: "wrap", gap: 6 };
+var cardStyle = {
+  display: "flex",
+  flexDirection: "column",
+  gap: 4,
+  padding: "6px 8px",
+  border: "1px solid",
+  borderColor: T.border,
+  borderRadius: 6,
+  background: T.bgSecondary
+};
+var chip = {
+  padding: "0 6px",
+  borderRadius: 8,
+  fontSize: 11,
+  border: "1px solid",
+  whiteSpace: "nowrap"
+};
+var detailsStyle = { fontSize: 12 };
+var summaryStyle = { cursor: "pointer", color: T.textMuted };
+var detailsBody = { display: "flex", flexDirection: "column", gap: 2, paddingTop: 4 };
+var list3 = { margin: "2px 0 0", paddingLeft: 18 };
+
 export {
   LABELS2 as LABELS,
   MILESTONE_AXIS,
-  ContextView
+  ContextView,
+  LABELS3 as LABELS2,
+  foldReasoning,
+  ReasoningLens
 };
-//# sourceMappingURL=chunk-2VGWAAXY.js.map
+//# sourceMappingURL=chunk-P4XTLLMA.js.map