agentfootprint-lens 0.60.0 → 0.61.1

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). |
+| `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. |
 
 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-2VGWAAXY.js

@@ -0,0 +1,594 @@
+import {
+  contextAt
+} from "./chunk-3LXZ7D65.js";
+import {
+  ServedTab
+} from "./chunk-GCDO7N6B.js";
+import {
+  snapshotLogKey,
+  snapshotOfRunner,
+  tagAxisPositions
+} from "./chunk-XEAZRBOH.js";
+import {
+  TimeTravel
+} from "./chunk-CO5R2ODI.js";
+import {
+  lensCursorFrom,
+  scrubAxisFor
+} from "./chunk-BFAI2IPA.js";
+
+// src/react/components/ContextView.tsx
+import { useMemo as useMemo2, useState } from "react";
+
+// src/react/components/FindingsBand.tsx
+import React, { useMemo } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var LABELS = Object.freeze({
+  band: "findings",
+  rows: "rows",
+  facts: "facts",
+  /** The conflict ROWS — the history of when each was first seen, not the current set (see the header). */
+  conflicts: "conflicts first seen",
+  open: "open",
+  ruledOut: "ruled out",
+  noise: "noise",
+  undeclared: "undeclared",
+  settles: "settles",
+  line: "line"
+});
+var isRecord = (v) => typeof v === "object" && v !== null;
+function subjectOf(v) {
+  if (!isRecord(v) || typeof v.kind !== "string" || typeof v.id !== "string") return void 0;
+  return { kind: v.kind, id: v.id };
+}
+function assertionOf(v) {
+  if (!isRecord(v) || typeof v.predicate !== "string") return void 0;
+  const subject = subjectOf(v.subject);
+  if (subject === void 0) return void 0;
+  return {
+    subject,
+    predicate: v.predicate,
+    value: v.value,
+    ...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) => {
+    const shaped = assertionOf(a);
+    return shaped !== void 0 ? [shaped] : [];
+  }) : [];
+  return {
+    toolCallId: row.toolCallId,
+    standing: row.standing,
+    assertions,
+    ...typeof row.toolName === "string" ? { toolName: row.toolName } : {},
+    ...typeof row.settles === "string" ? { settles: row.settles } : {},
+    ...typeof row.line === "string" ? { line: row.line } : {}
+  };
+}
+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) => {
+    const shaped = witnessOf(w);
+    return shaped !== void 0 ? [shaped] : [];
+  });
+  return { key: row.key, witnesses };
+}
+function resultIdOf(entry) {
+  return isRecord(entry) && typeof entry.toolCallId === "string" ? entry.toolCallId : void 0;
+}
+function foldFindings(rows, toolResults) {
+  const standing = /* @__PURE__ */ new Map();
+  const conflictRows = [];
+  for (const row of rows) {
+    const s = standingOf(row);
+    if (s !== void 0) {
+      standing.set(s.toolCallId, s);
+      continue;
+    }
+    const c = conflictOf(row);
+    if (c !== void 0) conflictRows.push(c);
+  }
+  const conflicts = conflictRows.map(
+    (c) => Object.freeze({
+      key: c.key,
+      witnesses: Object.freeze(
+        c.witnesses.map((w) => {
+          const now = standing.get(w.toolCallId)?.standing;
+          return Object.freeze({ ...w, ...now !== void 0 ? { standing: now } : {} });
+        })
+      )
+    })
+  );
+  const facts = [];
+  const open = [];
+  const ruledOut = [];
+  const noise = [];
+  for (const s of standing.values()) {
+    if (s.standing === "fact") for (const assertion of s.assertions) facts.push({ toolCallId: s.toolCallId, assertion });
+    else if (s.standing === "open") open.push(s);
+    else if (s.standing === "ruled-out") ruledOut.push(s);
+    else if (s.standing === "noise") noise.push(s.toolCallId);
+  }
+  const undeclared = [];
+  for (const entry of toolResults ?? []) {
+    const id = resultIdOf(entry);
+    if (id !== void 0 && !standing.has(id)) undeclared.push(id);
+  }
+  return Object.freeze({
+    rows: rows.length,
+    facts: Object.freeze(facts),
+    conflicts: Object.freeze(conflicts),
+    open: Object.freeze(open),
+    ruledOut: Object.freeze(ruledOut),
+    noise: Object.freeze(noise),
+    undeclared: Object.freeze(undeclared)
+  });
+}
+function valueText(value) {
+  if (typeof value === "string") return value;
+  return JSON.stringify(value) ?? String(value);
+}
+function FindingsBand(props) {
+  const { rows, toolResults, since } = props;
+  const fold = useMemo(() => foldFindings(rows, toolResults), [rows, toolResults]);
+  return /* @__PURE__ */ jsxs("div", { style: band, "data-testid": "context-findings", "data-rows": fold.rows, "data-since": since ?? "", children: [
+    /* @__PURE__ */ jsxs("span", { style: dim, children: [
+      LABELS.band,
+      " \xB7 ",
+      fold.rows,
+      " ",
+      LABELS.rows
+    ] }),
+    fold.facts.length > 0 && /* @__PURE__ */ jsx(Group, { id: "facts", label: LABELS.facts, count: fold.facts.length, children: fold.facts.map((f, i) => /* @__PURE__ */ jsxs("li", { style: mono, "data-testid": "context-findings-fact", "data-tool-call-id": f.toolCallId, children: [
+      /* @__PURE__ */ jsx(AssertionLine, { assertion: f.assertion }),
+      " \u2190 ",
+      /* @__PURE__ */ jsx("code", { children: f.assertion.provenance ?? f.toolCallId })
+    ] }, i)) }),
+    fold.conflicts.length > 0 && /* @__PURE__ */ jsx(Group, { id: "conflicts", label: LABELS.conflicts, count: fold.conflicts.length, children: fold.conflicts.map((c, i) => /* @__PURE__ */ jsx("li", { style: mono, "data-testid": "context-findings-conflict", "data-key": c.key, children: c.witnesses.map((w, j) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-testid": "context-findings-witness",
+        "data-tool-call-id": w.toolCallId,
+        "data-standing": w.standing ?? "",
+        children: [
+          /* @__PURE__ */ jsxs("code", { children: [
+            w.subject.kind,
+            "/",
+            w.subject.id
+          ] }),
+          " \xB7 ",
+          /* @__PURE__ */ jsx("code", { children: w.predicate }),
+          " \u2190 ",
+          /* @__PURE__ */ jsx("code", { children: w.toolCallId }),
+          w.standing !== void 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+            " \xB7 ",
+            /* @__PURE__ */ jsx("code", { children: w.standing })
+          ] })
+        ]
+      },
+      j
+    )) }, i)) }),
+    fold.open.length > 0 && /* @__PURE__ */ jsx(Group, { id: "open", label: LABELS.open, count: fold.open.length, children: fold.open.map((s) => /* @__PURE__ */ jsxs("li", { style: mono, "data-testid": "context-findings-open-row", "data-tool-call-id": s.toolCallId, children: [
+      /* @__PURE__ */ jsx(StandingHead, { standing: s }),
+      s.assertions.map((a, i) => /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(AssertionLine, { assertion: a }) }, i)),
+      s.settles !== void 0 && /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("span", { style: dim, children: LABELS.settles }),
+        " \xB7 ",
+        s.settles
+      ] })
+    ] }, s.toolCallId)) }),
+    fold.ruledOut.length > 0 && /* @__PURE__ */ jsx(Group, { id: "ruled-out", label: LABELS.ruledOut, count: fold.ruledOut.length, children: fold.ruledOut.map((s) => /* @__PURE__ */ jsxs("li", { style: mono, "data-testid": "context-findings-ruled-out-row", "data-tool-call-id": s.toolCallId, children: [
+      /* @__PURE__ */ jsx(StandingHead, { standing: s }),
+      s.line !== void 0 && /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("span", { style: dim, children: LABELS.line }),
+        " \xB7 ",
+        s.line
+      ] })
+    ] }, s.toolCallId)) }),
+    fold.noise.length > 0 && /* @__PURE__ */ jsx(Group, { id: "noise", label: LABELS.noise, count: fold.noise.length, children: /* @__PURE__ */ jsx("li", { style: mono, children: /* @__PURE__ */ jsx(IdList, { ids: fold.noise, testId: "context-findings-noise-id" }) }) }),
+    fold.undeclared.length > 0 && /* @__PURE__ */ jsx(Group, { id: "undeclared", label: LABELS.undeclared, count: fold.undeclared.length, children: /* @__PURE__ */ jsx("li", { style: mono, children: /* @__PURE__ */ jsx(IdList, { ids: fold.undeclared, testId: "context-findings-undeclared-id" }) }) })
+  ] });
+}
+function Group({
+  id,
+  label,
+  count,
+  children
+}) {
+  return /* @__PURE__ */ jsxs("div", { "data-testid": `context-findings-${id}`, "data-count": count, children: [
+    /* @__PURE__ */ jsxs("span", { style: dim, children: [
+      label,
+      " \xB7 ",
+      count
+    ] }),
+    /* @__PURE__ */ jsx("ul", { style: list, children })
+  ] });
+}
+function AssertionLine({ assertion }) {
+  return /* @__PURE__ */ jsxs("span", { "data-testid": "context-findings-assertion", children: [
+    /* @__PURE__ */ jsxs("code", { children: [
+      assertion.subject.kind,
+      "/",
+      assertion.subject.id
+    ] }),
+    " \xB7 ",
+    /* @__PURE__ */ jsx("code", { children: assertion.predicate }),
+    " = ",
+    /* @__PURE__ */ jsx("code", { children: valueText(assertion.value) })
+  ] });
+}
+function StandingHead({ standing }) {
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("code", { children: standing.toolCallId }),
+    standing.toolName !== void 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+      " \xB7 ",
+      /* @__PURE__ */ jsx("code", { children: standing.toolName })
+    ] })
+  ] });
+}
+function IdList({ ids, testId }) {
+  return /* @__PURE__ */ jsx(Fragment, { children: ids.map((id, i) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
+    i > 0 && " \xB7 ",
+    /* @__PURE__ */ jsx("code", { "data-testid": testId, children: id })
+  ] }, id)) });
+}
+var band = {
+  display: "flex",
+  flexDirection: "column",
+  gap: 4,
+  paddingTop: 6,
+  borderTop: "1px solid",
+  borderTopColor: "currentColor"
+};
+var dim = { opacity: 0.7 };
+var mono = {
+  fontFamily: "monospace",
+  fontSize: 12,
+  wordBreak: "break-word"
+};
+var list = { margin: "2px 0 0", paddingLeft: 18 };
+
+// src/react/components/ContextView.tsx
+import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var LABELS2 = Object.freeze({
+  view: "Context",
+  keys: "keys",
+  wroteBy: "wrote by",
+  at: "at",
+  entered: "entered",
+  changed: "changed",
+  unchanged: "unchanged",
+  left: "left",
+  unattributed: "unattributed",
+  rows: "rows",
+  served: "served",
+  why: "why",
+  epoch: "epoch",
+  system: "system",
+  tools: "tools",
+  redacted: "redacted",
+  skipped: "skipped",
+  foldError: "fold error",
+  servedError: "served error",
+  json: "JSON",
+  empty: "{ }",
+  more: "more",
+  less: "less",
+  builtFrom: "built from"
+});
+var MILESTONE_AXIS = Object.freeze([
+  "milestone:iteration",
+  "milestone:slot",
+  "milestone:llm-turn",
+  "milestone:tool-call",
+  "milestone:decision"
+]);
+function positionsOf(snapshot) {
+  return tagAxisPositions(snapshot, MILESTONE_AXIS, []) ?? [];
+}
+function servedCursorOf(cursor) {
+  return {
+    runtimeStageId: cursor.at.runtimeStageId,
+    commitIdx: cursor.at.commitIdx
+  };
+}
+function previousOf(cursor, positions) {
+  if (cursor.at.step <= 0) return void 0;
+  const p = positions?.[cursor.at.step - 1];
+  return p !== void 0 ? { runtimeStageId: p.runtimeStageId, commitIdx: p.commitIdx } : void 0;
+}
+function ContextView(props) {
+  const { runner, events, shared, recorder } = props;
+  const fresh = snapshotOfRunner(runner);
+  const logKey = snapshotLogKey(fresh);
+  const snapshot = useMemo2(() => fresh, [runner, logKey]);
+  const ownPositions = useMemo2(
+    () => props.cursor !== void 0 ? void 0 : recorder !== void 0 ? scrubAxisFor(recorder, "group") : positionsOf(snapshot),
+    // eslint-disable-next-line react-hooks/exhaustive-deps -- the recorder's axis moves with the log key
+    [snapshot, props.cursor, recorder, logKey]
+  );
+  const [ownStep, setOwnStep] = useState(0);
+  const cursor = props.cursor ?? (shared !== void 0 ? shared.over(ownPositions ?? []) : lensCursorFrom(
+    ownPositions ?? [],
+    Math.min(ownStep, Math.max(0, (ownPositions?.length ?? 1) - 1)),
+    setOwnStep
+  ));
+  const mover = props.cursor === void 0 && cursor.total > 0 && cursor.at.step >= 0;
+  const [mode, setMode] = useState(props.initialMode ?? "keys");
+  const context = useMemo2(
+    () => contextAt(snapshot, servedCursorOf(cursor), {
+      previous: props.previous ?? previousOf(cursor, ownPositions),
+      events
+    }),
+    [snapshot, cursor.at.runtimeStageId, cursor.at.commitIdx, cursor.at.step, ownPositions, events]
+  );
+  return /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      style: panel,
+      "data-testid": "context-view",
+      "data-step": cursor.at.step,
+      "data-commit": cursor.at.commitIdx,
+      children: [
+        /* @__PURE__ */ jsxs2("div", { style: header, children: [
+          /* @__PURE__ */ jsx2("span", { style: title, children: LABELS2.view }),
+          /* @__PURE__ */ jsxs2("span", { style: dim2, children: [
+            cursor.at.label,
+            " \xB7 ",
+            cursor.at.step + 1,
+            "/",
+            cursor.total
+          ] }),
+          /* @__PURE__ */ jsxs2("span", { style: { marginLeft: "auto", display: "flex", gap: 6 }, children: [
+            /* @__PURE__ */ jsx2(
+              "button",
+              {
+                type: "button",
+                style: btn,
+                "aria-pressed": mode === "keys",
+                onClick: () => setMode("keys"),
+                "data-testid": "context-mode-keys",
+                children: LABELS2.keys
+              }
+            ),
+            /* @__PURE__ */ jsx2(
+              "button",
+              {
+                type: "button",
+                style: btn,
+                "aria-pressed": mode === "json",
+                onClick: () => setMode("json"),
+                "data-testid": "context-mode-json",
+                children: LABELS2.json
+              }
+            )
+          ] })
+        ] }),
+        mover && /* @__PURE__ */ jsx2("div", { "data-testid": "context-transport", children: /* @__PURE__ */ jsx2(
+          TimeTravel,
+          {
+            total: cursor.total,
+            focusSeq: Math.max(0, cursor.at.step),
+            onFocusChange: (n) => cursor.moveTo(n),
+            isLive: false,
+            compact: true
+          }
+        ) }),
+        /* @__PURE__ */ jsx2(Facts, { context }),
+        /* @__PURE__ */ jsx2(ServedLayer, { context, runner, cursor }),
+        /* @__PURE__ */ jsxs2("div", { style: dim2, "data-testid": "context-built-from", children: [
+          LABELS2.builtFrom,
+          " \xB7 ",
+          context.keys.length,
+          " ",
+          LABELS2.keys
+        ] }),
+        mode === "json" ? /* @__PURE__ */ jsx2(JsonPane, { context }) : /* @__PURE__ */ jsx2(KeyTable, { context }),
+        /* @__PURE__ */ jsx2(FindingsLayer, { context }),
+        /* @__PURE__ */ jsx2(WhyBand, { context })
+      ]
+    }
+  );
+}
+function FindingsLayer({ context }) {
+  const ledger = context.keys.find((k) => k.path === "findingsLedger");
+  if (ledger === void 0 || !Array.isArray(ledger.value)) return null;
+  const results = context.keys.find((k) => k.path === "toolResults")?.value;
+  return /* @__PURE__ */ jsx2(
+    FindingsBand,
+    {
+      rows: ledger.value,
+      ...Array.isArray(results) ? { toolResults: results } : {},
+      ...ledger.since !== void 0 ? { since: ledger.since } : {}
+    }
+  );
+}
+function Facts({ context }) {
+  const facts = [];
+  if (context.redacted) facts.push(LABELS2.redacted);
+  if (context.skipped !== void 0) facts.push(`${LABELS2.skipped} ${context.skipped.join(",")}`);
+  if (context.foldError !== void 0) facts.push(`${LABELS2.foldError}: ${context.foldError}`);
+  if (context.servedError !== void 0) facts.push(`${LABELS2.servedError}: ${context.servedError}`);
+  if (facts.length === 0) return null;
+  return /* @__PURE__ */ jsx2("div", { style: dim2, "data-testid": "context-facts", children: facts.join(" \xB7 ") });
+}
+function KeyTable({ context }) {
+  if (context.keys.length === 0 && context.left.length === 0) {
+    return /* @__PURE__ */ jsx2("div", { style: mono2, "data-testid": "context-empty", children: LABELS2.empty });
+  }
+  return /* @__PURE__ */ jsxs2("table", { style: table, "data-testid": "context-keys", children: [
+    /* @__PURE__ */ jsxs2("colgroup", { children: [
+      /* @__PURE__ */ jsx2("col", { style: { width: "28%" } }),
+      /* @__PURE__ */ jsx2("col", { style: { width: "34%" } }),
+      /* @__PURE__ */ jsx2("col", {})
+    ] }),
+    /* @__PURE__ */ jsxs2("tbody", { children: [
+      context.keys.map((k) => /* @__PURE__ */ jsx2(KeyRow, { k }, k.path)),
+      context.left.map((path) => /* @__PURE__ */ jsxs2("tr", { "data-testid": "context-key", "data-since": "left", style: { opacity: 0.6 }, children: [
+        /* @__PURE__ */ jsx2("td", { style: cell, children: /* @__PURE__ */ jsx2("code", { children: path }) }),
+        /* @__PURE__ */ jsx2("td", { style: cell, children: LABELS2.left }),
+        /* @__PURE__ */ jsx2("td", { style: cell })
+      ] }, `left:${path}`))
+    ] })
+  ] });
+}
+function KeyRow({ k }) {
+  const since = k.since === void 0 ? void 0 : LABELS2[k.since];
+  return /* @__PURE__ */ jsxs2(
+    "tr",
+    {
+      "data-testid": "context-key",
+      "data-path": k.path,
+      "data-since": k.since ?? "",
+      style: k.since === "unchanged" ? { opacity: 0.6 } : void 0,
+      children: [
+        /* @__PURE__ */ jsxs2("td", { style: cell, children: [
+          /* @__PURE__ */ jsx2("code", { children: k.path }),
+          since !== void 0 && /* @__PURE__ */ jsx2("span", { style: pill, children: since })
+        ] }),
+        /* @__PURE__ */ jsx2("td", { style: cell, "data-testid": "context-wrote-by", children: k.wroteBy !== void 0 ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
+          /* @__PURE__ */ jsxs2("span", { style: dim2, children: [
+            LABELS2.wroteBy,
+            " "
+          ] }),
+          /* @__PURE__ */ jsx2("code", { children: k.wroteBy }),
+          /* @__PURE__ */ jsxs2("span", { style: dim2, children: [
+            " ",
+            LABELS2.at,
+            " #",
+            k.wroteAt,
+            " \xB7 ",
+            k.verb
+          ] })
+        ] }) : /* @__PURE__ */ jsx2("span", { style: dim2, children: LABELS2.unattributed }) }),
+        /* @__PURE__ */ jsx2("td", { style: { ...cell, ...mono2 }, children: /* @__PURE__ */ jsx2(ValueCell, { value: k.value }) })
+      ]
+    }
+  );
+}
+function ValueCell({ value }) {
+  const [open, setOpen] = useState(false);
+  const text = JSON.stringify(value) ?? "";
+  const long = text.length > 160;
+  if (!long) return /* @__PURE__ */ jsx2("span", { children: text });
+  return /* @__PURE__ */ jsxs2("span", { "data-testid": "context-value", "data-open": open, children: [
+    open ? /* @__PURE__ */ jsx2("pre", { style: { ...mono2, ...pre }, "data-testid": "context-value-full", children: text }) : /* @__PURE__ */ jsx2("span", { children: `${text.slice(0, 157)}\u2026` }),
+    " ",
+    /* @__PURE__ */ jsx2("button", { type: "button", style: btn, onClick: () => setOpen(!open), "data-testid": "context-value-toggle", children: open ? LABELS2.less : LABELS2.more })
+  ] });
+}
+function JsonPane({ context }) {
+  const object = {};
+  for (const k of context.keys) object[k.path] = k.value;
+  return /* @__PURE__ */ jsx2("pre", { style: { ...mono2, ...pre }, "data-testid": "context-json", children: JSON.stringify(object, null, 2) });
+}
+function ServedLayer({
+  context,
+  runner,
+  cursor
+}) {
+  const served = context.served;
+  if (served === void 0) return null;
+  return /* @__PURE__ */ jsxs2("div", { style: band2, "data-testid": "context-served", "data-epoch": served.row.view.epoch, children: [
+    /* @__PURE__ */ jsxs2("span", { style: dim2, children: [
+      LABELS2.served,
+      " \xB7 ",
+      LABELS2.epoch,
+      " ",
+      served.row.view.epoch
+    ] }),
+    /* @__PURE__ */ jsx2(
+      ServedTab,
+      {
+        runner,
+        cursor,
+        onJumpTo: (runtimeStageId) => {
+          const to = cursor.resolve(runtimeStageId);
+          if (to.ok && to.step !== void 0) cursor.moveTo(to.step);
+        }
+      }
+    )
+  ] });
+}
+function WhyBand({ context }) {
+  if (context.why.length === 0) return null;
+  return /* @__PURE__ */ jsxs2("div", { style: band2, "data-testid": "context-why", children: [
+    /* @__PURE__ */ jsx2("span", { style: dim2, children: LABELS2.why }),
+    /* @__PURE__ */ jsx2("ul", { style: list2, children: context.why.map((w) => /* @__PURE__ */ jsxs2("li", { style: mono2, children: [
+      /* @__PURE__ */ jsx2("code", { children: w.name }),
+      " ",
+      /* @__PURE__ */ jsxs2("span", { style: dim2, children: [
+        "#",
+        w.seq
+      ] })
+    ] }, w.seq)) })
+  ] });
+}
+var panel = {
+  display: "flex",
+  flexDirection: "column",
+  gap: 8,
+  padding: 10,
+  fontSize: 13
+};
+var header = {
+  display: "flex",
+  alignItems: "center",
+  gap: 10
+};
+var title = { fontWeight: 600 };
+var dim2 = { opacity: 0.7 };
+var mono2 = {
+  fontFamily: "monospace",
+  fontSize: 12
+};
+var pre = {
+  margin: 0,
+  whiteSpace: "pre-wrap",
+  wordBreak: "break-word"
+};
+var table = {
+  borderCollapse: "collapse",
+  width: "100%",
+  tableLayout: "fixed"
+};
+var cell = {
+  wordBreak: "break-all",
+  overflowWrap: "anywhere",
+  padding: "4px 6px",
+  verticalAlign: "top",
+  borderTop: "1px solid",
+  borderTopColor: "currentColor"
+};
+var pill = {
+  marginLeft: 6,
+  padding: "0 6px",
+  borderRadius: 8,
+  fontSize: 11,
+  border: "1px solid",
+  borderColor: "currentColor"
+};
+var band2 = {
+  paddingTop: 6,
+  borderTop: "1px solid",
+  borderTopColor: "currentColor"
+};
+var list2 = { margin: "4px 0 0", paddingLeft: 18 };
+var btn = { fontSize: 12, padding: "2px 8px" };
+
+export {
+  LABELS2 as LABELS,
+  MILESTONE_AXIS,
+  ContextView
+};
+//# sourceMappingURL=chunk-2VGWAAXY.js.map