agentfootprint-lens 0.63.0 → 0.64.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. 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. Its `exchange` view (0.63.0) lays the same beats out as the transcript between model and tools — the call with its `_findings` JSON, the result, the ticket served instead, the findings piece, the answer — only what crossed the wire. |
+| `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. Its `exchange` view (0.63.0) lays the same beats out as the transcript between model and tools — the call with its `_findings` JSON, the result, the ticket served instead, the findings piece, the answer — only what crossed the wire. Beside both, the **Ontology** view (0.64.0): `<OntologyView runner={...} shared={shared} />` — the map an agent declared (`.ontology(...)`, agentfootprint 9.106.0) drawn from the run constant on the record: sources, the terms they hold and via which tool, the terms no source holds under `known, not held here`, relations in the author's words — a chart and the same data as a list; absent on an agent that declared no map. |
 
 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-Y5ZHXZRE.js → chunk-RHXCHNS6.js}

@@ -903,6 +903,7 @@ function ReasoningLens(props) {
       llmLatestToolCalls: keyValue(context, "llmLatestToolCalls")
     });
   }, [context, rows]);
+  const mover = props.cursor === void 0 && shared !== void 0 && cursor.total > 0 && cursor.at.step >= 0;
   if (exchange === void 0) return null;
   const fold = exchange.reasoning;
   return /* @__PURE__ */ jsxs3(
@@ -924,6 +925,16 @@ function ReasoningLens(props) {
           ] }),
           /* @__PURE__ */ jsx3(ViewToggle, { view, onView: setView })
         ] }),
+        mover && /* @__PURE__ */ jsx3("div", { "data-testid": "reasoning-transport", children: /* @__PURE__ */ jsx3(
+          TimeTravel,
+          {
+            total: cursor.total,
+            focusSeq: Math.max(0, cursor.at.step),
+            onFocusChange: (n) => cursor.moveTo(n),
+            isLive: false,
+            compact: true
+          }
+        ) }),
         view === "cards" && /* @__PURE__ */ jsxs3("div", { style: column, "data-testid": "reasoning-cards", children: [
           fold.cards.map((card) => /* @__PURE__ */ jsx3(Card, { card }, card.toolCallId)),
           fold.answer !== void 0 && /* @__PURE__ */ jsx3(Answer, { answer: fold.answer })
@@ -1280,9 +1291,9 @@ function Chip({
   children,
   color,
   testId,
-  title: title3
+  title: title4
 }) {
-  return /* @__PURE__ */ jsx3("span", { style: { ...chip, borderColor: color, color }, "data-testid": testId, ...title3 !== void 0 ? { title: title3 } : {}, children });
+  return /* @__PURE__ */ jsx3("span", { style: { ...chip, borderColor: color, color }, "data-testid": testId, ...title4 !== void 0 ? { title: title4 } : {}, children });
 }
 var panel2 = {
   display: "flex",
@@ -1339,6 +1350,476 @@ 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 };
 
+// src/react/components/OntologyView.tsx
+import { useMemo as useMemo4 } from "react";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var LABELS4 = Object.freeze({
+  view: "Ontology",
+  version: "version",
+  hash: "hash",
+  nodes: "nodes",
+  sources: "sources",
+  edges: "edges",
+  /** The declaration's own heading for a term with no source (the served piece's line). */
+  unheld: "known, not held here",
+  heldBy: "held by",
+  relations: "relations",
+  via: "via",
+  unit: "unit",
+  aliases: "aliases",
+  coverage: "coverage",
+  configured: "configured",
+  chart: "chart",
+  list: "list"
+});
+var isRecord3 = (v) => typeof v === "object" && v !== null && !Array.isArray(v);
+var isStringArray = (v) => Array.isArray(v) && v.every((s) => typeof s === "string");
+function ontologyRecordOf(value) {
+  if (!isRecord3(value)) return void 0;
+  const { id, version, hash, spec } = value;
+  if (typeof id !== "string" || typeof version !== "string" || typeof hash !== "string" || !isRecord3(spec)) return void 0;
+  if (!isRecord3(spec.nodes) || !isRecord3(spec.sources)) return void 0;
+  return {
+    id,
+    version,
+    hash,
+    nodes: spec.nodes,
+    sources: spec.sources,
+    edges: Array.isArray(spec.edges) ? spec.edges : []
+  };
+}
+function heldOf(node, value, sources) {
+  if (!isRecord3(value) || typeof value.source !== "string" || !(value.source in sources)) return void 0;
+  return {
+    node,
+    source: value.source,
+    via: isStringArray(value.via) ? value.via : [],
+    ...typeof value.coverage === "string" ? { coverage: value.coverage } : {}
+  };
+}
+function termOf(id, value, sources) {
+  if (!isRecord3(value) || typeof value.meaning !== "string") return void 0;
+  const held = Array.isArray(value.sources) ? value.sources.map((s) => heldOf(id, s, sources)).filter((h) => h !== void 0) : [];
+  return {
+    id,
+    meaning: value.meaning,
+    ...typeof value.unit === "string" ? { unit: value.unit } : {},
+    aliases: isStringArray(value.aliases) ? value.aliases : [],
+    held
+  };
+}
+function sourceOf(id, value) {
+  if (!isRecord3(value) || typeof value.meaning !== "string") return void 0;
+  return {
+    id,
+    meaning: value.meaning,
+    ...typeof value.coverage === "string" ? { coverage: value.coverage } : {},
+    ...typeof value.configured === "boolean" ? { configured: value.configured } : {}
+  };
+}
+function relationOf(value) {
+  if (!isRecord3(value) || typeof value.from !== "string" || typeof value.to !== "string" || typeof value.relation !== "string") return void 0;
+  return {
+    from: value.from,
+    to: value.to,
+    relation: value.relation,
+    ...typeof value.meaning === "string" ? { meaning: value.meaning } : {}
+  };
+}
+var byId = (a, b) => a.id < b.id ? -1 : a.id > b.id ? 1 : 0;
+function foldOntology(record) {
+  const terms = Object.entries(record.nodes).map(([id, v]) => termOf(id, v, record.sources)).filter((t) => t !== void 0).sort(byId);
+  const sources = Object.entries(record.sources).map(([id, v]) => sourceOf(id, v)).filter((s) => s !== void 0).sort(byId);
+  const relations = record.edges.map(relationOf).filter((r) => r !== void 0);
+  return Object.freeze({
+    id: record.id,
+    version: record.version,
+    hash: record.hash,
+    terms: Object.freeze(terms),
+    sources: Object.freeze(sources),
+    held: Object.freeze(terms.flatMap((t) => t.held)),
+    relations: Object.freeze(relations),
+    unheld: Object.freeze(terms.filter((t) => t.held.length === 0).map((t) => t.id))
+  });
+}
+var GEOMETRY = Object.freeze({
+  nodeWidth: 168,
+  nodeHeight: 44,
+  rowGap: 18,
+  columnGap: 96,
+  /** The lane each relation elbow takes to the right of the term columns, per edge. */
+  laneGap: 14,
+  padding: 12,
+  labelOffset: 4
+});
+var columnX = (column2) => GEOMETRY.padding + column2 * (GEOMETRY.nodeWidth + GEOMETRY.columnGap);
+var rowY = (row2) => GEOMETRY.padding + GEOMETRY.nodeHeight + row2 * (GEOMETRY.nodeHeight + GEOMETRY.rowGap);
+var centreY = (n) => n.y + GEOMETRY.nodeHeight / 2;
+function layoutOntology(fold) {
+  const heldTerms = fold.terms.filter((t) => t.held.length > 0);
+  const unheldTerms = fold.terms.filter((t) => t.held.length === 0);
+  const nodes = [
+    ...fold.sources.map((s, i) => ({ id: s.id, kind: "source", column: 0, x: columnX(0), y: rowY(i) })),
+    ...heldTerms.map((t, i) => ({ id: t.id, kind: "term", column: 1, x: columnX(1), y: rowY(i) })),
+    ...unheldTerms.map((t, i) => ({ id: t.id, kind: "term", column: 2, x: columnX(2), y: rowY(i) }))
+  ];
+  const at = new Map(nodes.map((n) => [`${n.kind}:${n.id}`, n]));
+  const columns = unheldTerms.length > 0 ? 3 : heldTerms.length > 0 ? 2 : 1;
+  const rightEdge = columnX(columns - 1) + GEOMETRY.nodeWidth;
+  const edges = [];
+  for (const h of fold.held) {
+    const from = at.get(`source:${h.source}`);
+    const to = at.get(`term:${h.node}`);
+    if (from === void 0 || to === void 0) continue;
+    const x1 = from.x + GEOMETRY.nodeWidth;
+    const y1 = centreY(from);
+    const x2 = to.x;
+    const y2 = centreY(to);
+    edges.push({
+      kind: "held",
+      from: h.source,
+      to: h.node,
+      path: `M ${x1} ${y1} L ${x2} ${y2}`,
+      labelX: (x1 + x2) / 2,
+      labelY: (y1 + y2) / 2 - GEOMETRY.labelOffset,
+      label: h.via.join(", ")
+    });
+  }
+  fold.relations.forEach((r, i) => {
+    const from = at.get(`term:${r.from}`);
+    const to = at.get(`term:${r.to}`);
+    if (from === void 0 || to === void 0) return;
+    const lane = rightEdge + GEOMETRY.laneGap * (i + 1);
+    const x1 = from.x + GEOMETRY.nodeWidth;
+    const y1 = centreY(from);
+    const x2 = to.x + GEOMETRY.nodeWidth;
+    const y2 = centreY(to);
+    edges.push({
+      kind: "relation",
+      from: r.from,
+      to: r.to,
+      path: `M ${x1} ${y1} H ${lane} V ${y2} H ${x2}`,
+      labelX: lane + GEOMETRY.labelOffset,
+      labelY: (y1 + y2) / 2,
+      label: r.relation,
+      relation: r.relation
+    });
+  });
+  const rows = Math.max(fold.sources.length, heldTerms.length, unheldTerms.length, 1);
+  const lanes = fold.relations.length;
+  return Object.freeze({
+    width: rightEdge + GEOMETRY.laneGap * (lanes + 1) + GEOMETRY.padding + 120,
+    height: rowY(rows) + GEOMETRY.padding,
+    nodes: Object.freeze(nodes),
+    edges: Object.freeze(edges),
+    ...unheldTerms.length > 0 ? { unheldX: columnX(2) } : {}
+  });
+}
+function positionsOf3(snapshot) {
+  return tagAxisPositions(snapshot, MILESTONE_AXIS, []) ?? [];
+}
+var noMove2 = () => void 0;
+function keyValue2(context, path) {
+  return context.keys.find((k) => k.path === path)?.value;
+}
+function OntologyView(props) {
+  const { runner, events, shared, recorder } = props;
+  const fresh = snapshotOfRunner(runner);
+  const logKey = snapshotLogKey(fresh);
+  const snapshot = useMemo4(() => fresh, [runner, logKey]);
+  const ownPositions = useMemo4(
+    () => props.cursor !== void 0 ? void 0 : recorder !== void 0 ? scrubAxisFor(recorder, "group") : positionsOf3(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), noMove2));
+  const context = useMemo4(
+    () => contextAt(snapshot, { runtimeStageId: cursor.at.runtimeStageId, commitIdx: cursor.at.commitIdx }, { events }),
+    [snapshot, cursor.at.runtimeStageId, cursor.at.commitIdx, events]
+  );
+  const record = ontologyRecordOf(keyValue2(context, "ontology"));
+  const fold = useMemo4(() => record === void 0 ? void 0 : foldOntology(record), [record]);
+  const layout = useMemo4(() => fold === void 0 ? void 0 : layoutOntology(fold), [fold]);
+  const mover = props.cursor === void 0 && shared !== void 0 && cursor.total > 0 && cursor.at.step >= 0;
+  if (fold === void 0 || layout === void 0) return null;
+  return /* @__PURE__ */ jsxs4(
+    "div",
+    {
+      style: panel3,
+      "data-testid": "ontology-view",
+      "data-id": fold.id,
+      "data-version": fold.version,
+      "data-hash": fold.hash,
+      "data-step": cursor.at.step,
+      "data-commit": cursor.at.commitIdx,
+      children: [
+        /* @__PURE__ */ jsx4(Header, { fold }),
+        mover && /* @__PURE__ */ jsx4("div", { "data-testid": "ontology-transport", children: /* @__PURE__ */ jsx4(
+          TimeTravel,
+          {
+            total: cursor.total,
+            focusSeq: Math.max(0, cursor.at.step),
+            onFocusChange: (n) => cursor.moveTo(n),
+            isLive: false,
+            compact: true
+          }
+        ) }),
+        /* @__PURE__ */ jsxs4("div", { style: body, children: [
+          /* @__PURE__ */ jsx4(Chart, { fold, layout }),
+          /* @__PURE__ */ jsx4(List, { fold })
+        ] })
+      ]
+    }
+  );
+}
+var SHORT_HASH = 12;
+function Header({ fold }) {
+  return /* @__PURE__ */ jsxs4("div", { style: header3, "data-testid": "ontology-header", children: [
+    /* @__PURE__ */ jsx4("span", { style: title3, children: LABELS4.view }),
+    /* @__PURE__ */ jsx4("code", { style: mono4, "data-testid": "ontology-id", children: fold.id }),
+    /* @__PURE__ */ jsxs4("span", { style: dim4, children: [
+      LABELS4.version,
+      " ",
+      /* @__PURE__ */ jsx4("code", { style: mono4, children: fold.version })
+    ] }),
+    /* @__PURE__ */ jsxs4("span", { style: dim4, children: [
+      LABELS4.hash,
+      " ",
+      /* @__PURE__ */ jsx4("code", { style: mono4, title: fold.hash, "data-testid": "ontology-hash", children: fold.hash.length > SHORT_HASH ? `${fold.hash.slice(0, SHORT_HASH)}\u2026` : fold.hash })
+    ] }),
+    /* @__PURE__ */ jsxs4("span", { style: dim4, "data-testid": "ontology-counts", children: [
+      fold.terms.length,
+      " ",
+      LABELS4.nodes,
+      " \xB7 ",
+      fold.sources.length,
+      " ",
+      LABELS4.sources,
+      " \xB7 ",
+      fold.held.length + fold.relations.length,
+      " ",
+      LABELS4.edges
+    ] })
+  ] });
+}
+var CLIP = 28;
+var ARROW = [
+  [0, 0],
+  [8, 4],
+  [0, 8]
+];
+function arrowPoints() {
+  return ARROW.map((p) => p.join(",")).join(" ");
+}
+function clip(text, max = CLIP) {
+  return text.length > max ? `${text.slice(0, max - 1)}\u2026` : text;
+}
+function Chart({ fold, layout }) {
+  const terms = new Map(fold.terms.map((t) => [t.id, t]));
+  const sources = new Map(fold.sources.map((s) => [s.id, s]));
+  const arrow = `ontology-arrow-${fold.hash.slice(0, SHORT_HASH)}`;
+  const { nodeWidth, nodeHeight } = GEOMETRY;
+  return /* @__PURE__ */ jsxs4(
+    "svg",
+    {
+      role: "img",
+      "aria-label": LABELS4.chart,
+      width: layout.width,
+      height: layout.height,
+      viewBox: `0 0 ${layout.width} ${layout.height}`,
+      style: chartStyle,
+      "data-testid": "ontology-chart",
+      children: [
+        /* @__PURE__ */ jsx4("defs", { children: /* @__PURE__ */ jsx4("marker", { id: arrow, viewBox: "0 0 8 8", refX: "7", refY: "4", markerWidth: "7", markerHeight: "7", orient: "auto", children: /* @__PURE__ */ jsx4("polygon", { points: arrowPoints(), fill: T.textMuted }) }) }),
+        /* @__PURE__ */ jsx4("text", { x: columnX(0), y: GEOMETRY.padding + 14, style: headingText, fill: T.textMuted, children: LABELS4.sources }),
+        layout.nodes.some((n) => n.column === 1) && /* @__PURE__ */ jsx4("text", { x: columnX(1), y: GEOMETRY.padding + 14, style: headingText, fill: T.textMuted, children: LABELS4.nodes }),
+        layout.unheldX !== void 0 && /* @__PURE__ */ jsx4("text", { x: layout.unheldX, y: GEOMETRY.padding + 14, style: headingText, fill: T.textMuted, "data-testid": "ontology-chart-unheld", children: LABELS4.unheld }),
+        layout.edges.map((e, i) => /* @__PURE__ */ jsxs4(
+          "g",
+          {
+            "data-testid": "ontology-chart-edge",
+            "data-kind": e.kind,
+            "data-from": e.from,
+            "data-to": e.to,
+            ...e.relation !== void 0 ? { "data-relation": e.relation } : {},
+            children: [
+              /* @__PURE__ */ jsx4(
+                "path",
+                {
+                  d: e.path,
+                  fill: "none",
+                  stroke: e.kind === "held" ? T.srcTool : T.primary,
+                  strokeWidth: 1.25,
+                  strokeDasharray: e.kind === "held" ? void 0 : "4 3",
+                  markerEnd: `url(#${arrow})`
+                }
+              ),
+              e.label.length > 0 && /* @__PURE__ */ jsx4("text", { x: e.labelX, y: e.labelY, style: edgeText, fill: e.kind === "held" ? T.srcTool : T.primary, textAnchor: e.kind === "held" ? "middle" : "start", children: e.label })
+            ]
+          },
+          `${e.kind}:${e.from}:${e.to}:${i}`
+        )),
+        layout.nodes.map((n) => {
+          const term = terms.get(n.id);
+          const source = sources.get(n.id);
+          const shape = n.kind === "source" ? source : term;
+          const meaning = shape?.meaning ?? "";
+          const held = n.kind === "term" && term !== void 0 && term.held.length > 0;
+          return /* @__PURE__ */ jsxs4(
+            "g",
+            {
+              transform: `translate(${n.x} ${n.y})`,
+              "data-testid": "ontology-chart-node",
+              "data-kind": n.kind,
+              "data-node": n.id,
+              ...n.kind === "term" ? { "data-held": String(held) } : {},
+              children: [
+                /* @__PURE__ */ jsx4("title", { children: n.kind === "source" && source?.coverage !== void 0 ? `${meaning} \xB7 ${source.coverage}` : meaning }),
+                /* @__PURE__ */ jsx4(
+                  "rect",
+                  {
+                    width: nodeWidth,
+                    height: nodeHeight,
+                    rx: n.kind === "source" ? 2 : 8,
+                    fill: T.bgSecondary,
+                    stroke: n.kind === "source" ? T.srcTool : held ? T.primary : T.textMuted,
+                    strokeWidth: n.kind === "source" ? 2 : 1.25,
+                    strokeDasharray: n.kind === "term" && !held ? "4 3" : void 0
+                  }
+                ),
+                /* @__PURE__ */ jsx4("text", { x: 8, y: 17, style: nodeIdText, fill: T.textPrimary, children: clip(n.id, 20) }),
+                n.kind === "term" && term?.unit !== void 0 && /* @__PURE__ */ jsx4("text", { x: nodeWidth - 8, y: 17, style: chipText, fill: T.warning, textAnchor: "end", children: clip(term.unit, 12) }),
+                n.kind === "source" && source?.configured !== void 0 && /* @__PURE__ */ jsx4("text", { x: nodeWidth - 8, y: 17, style: chipText, fill: source.configured ? T.success : T.warning, textAnchor: "end", children: LABELS4.configured }),
+                /* @__PURE__ */ jsx4("text", { x: 8, y: 34, style: nodeMeaningText, fill: T.textSecondary, children: clip(n.kind === "source" && source?.coverage !== void 0 ? `${meaning} \xB7 ${source.coverage}` : meaning) })
+              ]
+            },
+            `${n.kind}:${n.id}`
+          );
+        })
+      ]
+    }
+  );
+}
+function List({ fold }) {
+  return /* @__PURE__ */ jsxs4("div", { style: listStyle, "data-testid": "ontology-list", "aria-label": LABELS4.list, children: [
+    /* @__PURE__ */ jsx4(Group2, { label: LABELS4.nodes, count: fold.terms.length, testId: "ontology-nodes", children: fold.terms.map((t) => /* @__PURE__ */ jsxs4("li", { "data-testid": "ontology-node", "data-node": t.id, "data-held": String(t.held.length > 0), children: [
+      /* @__PURE__ */ jsx4("code", { style: strong2, children: t.id }),
+      " ",
+      /* @__PURE__ */ jsx4("span", { children: t.meaning }),
+      t.unit !== void 0 && /* @__PURE__ */ jsxs4(Chip2, { color: T.warning, testId: "ontology-unit", children: [
+        LABELS4.unit,
+        " ",
+        t.unit
+      ] }),
+      t.aliases.length > 0 && /* @__PURE__ */ jsxs4("span", { style: dim4, "data-testid": "ontology-aliases", children: [
+        " ",
+        LABELS4.aliases,
+        " ",
+        t.aliases.join(", ")
+      ] })
+    ] }, t.id)) }),
+    /* @__PURE__ */ jsx4(Group2, { label: LABELS4.sources, count: fold.sources.length, testId: "ontology-sources", children: fold.sources.map((s) => /* @__PURE__ */ jsxs4("li", { "data-testid": "ontology-source", "data-source": s.id, ...s.configured !== void 0 ? { "data-configured": String(s.configured) } : {}, children: [
+      /* @__PURE__ */ jsx4("code", { style: strong2, children: s.id }),
+      " ",
+      /* @__PURE__ */ jsx4("span", { children: s.meaning }),
+      s.configured !== void 0 && /* @__PURE__ */ jsxs4(Chip2, { color: s.configured ? T.success : T.warning, testId: "ontology-configured", children: [
+        LABELS4.configured,
+        " ",
+        String(s.configured)
+      ] }),
+      s.coverage !== void 0 && /* @__PURE__ */ jsxs4("span", { style: dim4, "data-testid": "ontology-source-coverage", children: [
+        " ",
+        LABELS4.coverage,
+        " ",
+        /* @__PURE__ */ jsx4("q", { children: s.coverage })
+      ] })
+    ] }, s.id)) }),
+    fold.held.length > 0 && /* @__PURE__ */ jsx4(Group2, { label: LABELS4.heldBy, count: fold.held.length, testId: "ontology-held-by", children: fold.held.map((h, i) => /* @__PURE__ */ jsxs4("li", { "data-testid": "ontology-held", "data-node": h.node, "data-source": h.source, children: [
+      /* @__PURE__ */ jsx4("code", { style: strong2, children: h.node }),
+      " ",
+      /* @__PURE__ */ jsx4("span", { style: dim4, children: "\u2190" }),
+      " ",
+      /* @__PURE__ */ jsx4("code", { style: strong2, children: h.source }),
+      h.via.length > 0 && /* @__PURE__ */ jsxs4("span", { style: dim4, "data-testid": "ontology-via", children: [
+        " ",
+        LABELS4.via,
+        " ",
+        /* @__PURE__ */ jsx4("code", { style: mono4, children: h.via.join(", ") })
+      ] }),
+      h.coverage !== void 0 && /* @__PURE__ */ jsxs4("span", { style: dim4, "data-testid": "ontology-held-coverage", children: [
+        " ",
+        LABELS4.coverage,
+        " ",
+        /* @__PURE__ */ jsx4("q", { children: h.coverage })
+      ] })
+    ] }, `${h.node}:${h.source}:${i}`)) }),
+    fold.relations.length > 0 && /* @__PURE__ */ jsx4(Group2, { label: LABELS4.relations, count: fold.relations.length, testId: "ontology-relations", children: fold.relations.map((r, i) => /* @__PURE__ */ jsxs4("li", { "data-testid": "ontology-edge", "data-from": r.from, "data-to": r.to, "data-relation": r.relation, children: [
+      /* @__PURE__ */ jsx4("code", { style: strong2, children: r.from }),
+      " ",
+      /* @__PURE__ */ jsx4("code", { style: relationWord, children: r.relation }),
+      " ",
+      /* @__PURE__ */ jsx4("code", { style: strong2, children: r.to }),
+      r.meaning !== void 0 && /* @__PURE__ */ jsxs4("span", { style: dim4, "data-testid": "ontology-edge-meaning", children: [
+        " ",
+        /* @__PURE__ */ jsx4("q", { children: r.meaning })
+      ] })
+    ] }, `${r.from}:${r.relation}:${r.to}:${i}`)) }),
+    fold.unheld.length > 0 && /* @__PURE__ */ jsx4(Group2, { label: LABELS4.unheld, count: fold.unheld.length, testId: "ontology-unheld-group", children: fold.unheld.map((id) => /* @__PURE__ */ jsx4("li", { "data-testid": "ontology-unheld", "data-node": id, children: /* @__PURE__ */ jsx4("code", { style: strong2, children: id }) }, id)) })
+  ] });
+}
+function Group2({
+  label,
+  count,
+  testId,
+  children
+}) {
+  return /* @__PURE__ */ jsxs4("div", { "data-testid": testId, "data-count": count, children: [
+    /* @__PURE__ */ jsxs4("div", { style: groupHeading, children: [
+      label,
+      " \xB7 ",
+      count
+    ] }),
+    /* @__PURE__ */ jsx4("ul", { style: list4, children })
+  ] });
+}
+function Chip2({ children, color, testId }) {
+  return /* @__PURE__ */ jsx4("span", { style: { ...chip2, borderColor: color, color }, "data-testid": testId, children });
+}
+var panel3 = {
+  display: "flex",
+  flexDirection: "column",
+  gap: 8,
+  padding: 10,
+  fontSize: 13,
+  fontFamily: T.fontSans,
+  color: T.textPrimary
+};
+var header3 = { display: "flex", alignItems: "center", flexWrap: "wrap", gap: 10 };
+var title3 = { fontWeight: 600 };
+var strong2 = { fontWeight: 600, fontFamily: T.fontMono, fontSize: 12 };
+var dim4 = { color: T.textMuted };
+var mono4 = { fontFamily: T.fontMono, fontSize: 12, wordBreak: "break-word" };
+var relationWord = { fontFamily: T.fontMono, fontSize: 12, color: T.primary };
+var body = { display: "flex", flexWrap: "wrap", alignItems: "flex-start", gap: 16 };
+var chartStyle = { maxWidth: "100%", height: "auto", fontFamily: T.fontSans, background: T.bgPrimary, borderRadius: 6 };
+var headingText = { fontSize: 11, fontWeight: 600 };
+var edgeText = { fontSize: 10, fontFamily: T.fontMono };
+var nodeIdText = { fontSize: 12, fontWeight: 600, fontFamily: T.fontMono };
+var nodeMeaningText = { fontSize: 10 };
+var chipText = { fontSize: 9, fontFamily: T.fontMono };
+var listStyle = { display: "flex", flexDirection: "column", gap: 8, minWidth: 240, flex: 1 };
+var groupHeading = { fontWeight: 600, color: T.textSecondary, fontSize: 12 };
+var list4 = { margin: "2px 0 0", paddingLeft: 18, display: "flex", flexDirection: "column", gap: 2 };
+var chip2 = {
+  marginLeft: 6,
+  padding: "0 6px",
+  borderRadius: 8,
+  fontSize: 11,
+  border: "1px solid",
+  whiteSpace: "nowrap"
+};
+
 export {
   LABELS2 as LABELS,
   MILESTONE_AXIS,
@@ -1346,6 +1827,12 @@ export {
   LABELS3 as LABELS2,
   foldReasoning,
   foldExchange,
-  ReasoningLens
+  ReasoningLens,
+  LABELS4 as LABELS3,
+  ontologyRecordOf,
+  foldOntology,
+  GEOMETRY,
+  layoutOntology,
+  OntologyView
 };
-//# sourceMappingURL=chunk-Y5ZHXZRE.js.map
+//# sourceMappingURL=chunk-RHXCHNS6.js.map