@validation-os/dashboard 0.10.0 → 0.12.0

package/dist/index.js

@@ -1,7 +1,7 @@
 "use client";
 
 // src/dashboard-app.tsx
-import { useCallback as useCallback5, useEffect as useEffect6, useState as useState14 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect6, useState as useState15 } from "react";
 
 // src/labels.ts
 var REGISTER_LABEL = {
@@ -49,7 +49,6 @@ var REGISTER_GROUPS = [
 ];
 var WORKFLOW_NAV = [
   { route: "next", label: "Next move", icon: "\u25C8", isDefault: true },
-  { route: "stage-grid", label: "Lens \xD7 Stage", icon: "\u25A6" },
   { route: "pipeline", label: "Pipeline", icon: "\u25A4" }
 ];
 
@@ -75,6 +74,24 @@ function isArchivedExperiment(e) {
 function liveExperiments(experiments) {
   return experiments.filter((e) => !isArchivedExperiment(e));
 }
+function readingRung(r) {
+  const row = str(r.Rung);
+  if (row) return row;
+  for (const b of readingBeliefs(r)) {
+    const v = b.Rung;
+    if (typeof v === "string" && v !== "") return v;
+  }
+  return null;
+}
+function readingMagnitudeBand(r) {
+  const row = str(r.magnitudeBand);
+  if (row) return row;
+  for (const b of readingBeliefs(r)) {
+    const v = b.magnitudeBand;
+    if (typeof v === "string" && v !== "") return v;
+  }
+  return null;
+}
 function str(v) {
   return typeof v === "string" && v !== "" ? v : null;
 }
@@ -1062,7 +1079,7 @@ function Meter({
 }
 
 // src/record-page.tsx
-import { useMemo, useState as useState5 } from "react";
+import { useMemo, useState as useState6 } from "react";
 import { REGISTERS } from "@validation-os/core";
 
 // src/columns.ts
@@ -1104,10 +1121,17 @@ var COLUMNS = {
     { key: "Title", header: "Reading" },
     { key: "Source", header: "Source" },
     { key: "Date", header: "Date" },
-    // The row's per-belief Result / Rung / Strength are gone (OPS-1305) — they
-    // live in the reading detail's per-belief verdict list. The table instead
-    // previews the quote (`body`) so a row is legible at a glance; assumption
-    // chips (see `readingAssumptionChips`) disambiguate same-titled readings.
+    // Rung + magnitude band are row-level attributes of the artifact (0.10): the
+    // evidence tier and its intensity, one per reading, not per belief. They lead
+    // the row's evidential weight, so each earns a column. Both helpers fall back
+    // to a belief's value on pre-migration data so the columns are never blank
+    // during the rollout.
+    { key: "Rung", header: "Rung", accessor: (r) => readingRung(r) },
+    { key: "magnitudeBand", header: "Band", accessor: (r) => readingMagnitudeBand(r) },
+    // The row's per-belief Result / Strength stay in the reading detail's
+    // verdict list (OPS-1305). The table previews the quote (`body`) so a row is
+    // legible at a glance; assumption chips (see `readingAssumptionChips`)
+    // disambiguate same-titled readings.
     {
       key: "body",
       header: "Quote",
@@ -3038,12 +3062,59 @@ function needsHumanCounts(ctx) {
 }
 
 // src/markdown.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { useState as useState5 } from "react";
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+var HR_RE = /^ {0,3}([-*_])(?: *\1){2,} *$/;
 function Markdown({ text }) {
   const trimmed = (text ?? "").trim();
   if (!trimmed) return null;
   return /* @__PURE__ */ jsx9("div", { className: "vos-md", children: renderBlocks(trimmed) });
 }
+function EvidenceBody({
+  text,
+  partLabel = "Part"
+}) {
+  const [expanded, setExpanded] = useState5(false);
+  const trimmed = (text ?? "").trim();
+  const parts = trimmed ? splitOnRules(trimmed) : [];
+  if (parts.length === 0) return null;
+  if (parts.length === 1) return /* @__PURE__ */ jsx9(Markdown, { text: parts[0] });
+  const hidden = parts.length - 1;
+  const visible = expanded ? parts : parts.slice(0, 1);
+  return /* @__PURE__ */ jsxs9("div", { className: "vos-evidence", children: [
+    /* @__PURE__ */ jsx9("ol", { className: "vos-evidence-parts", children: visible.map((p, n) => /* @__PURE__ */ jsxs9("li", { className: "vos-evidence-part", children: [
+      /* @__PURE__ */ jsxs9("span", { className: "vos-evidence-n", children: [
+        partLabel,
+        " ",
+        n + 1,
+        /* @__PURE__ */ jsxs9("span", { className: "vos-evidence-of", children: [
+          " of ",
+          parts.length
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx9(Markdown, { text: p })
+    ] }, n)) }),
+    /* @__PURE__ */ jsx9(
+      "button",
+      {
+        type: "button",
+        className: "vos-btn vos-btn-ghost vos-btn-sm vos-evidence-more",
+        onClick: () => setExpanded((e) => !e),
+        "aria-expanded": expanded,
+        children: expanded ? "Show less" : `Show full evidence \u2014 ${hidden} more ${partLabel.toLowerCase()}${hidden === 1 ? "" : "s"}`
+      }
+    )
+  ] });
+}
+function splitOnRules(text) {
+  const lines = text.replace(/\r\n?/g, "\n").split("\n");
+  const parts = [[]];
+  for (const line of lines) {
+    if (HR_RE.test(line)) parts.push([]);
+    else parts[parts.length - 1].push(line);
+  }
+  return parts.map((p) => p.join("\n").trim()).filter((p) => p !== "");
+}
 function renderBlocks(text) {
   const lines = text.replace(/\r\n?/g, "\n").split("\n");
   const out = [];
@@ -3069,6 +3140,11 @@ function renderBlocks(text) {
       );
       continue;
     }
+    if (HR_RE.test(line)) {
+      out.push(/* @__PURE__ */ jsx9("hr", { className: "vos-md-hr" }, key++));
+      i += 1;
+      continue;
+    }
     const heading = line.match(/^(#{1,6})\s+(.*)$/);
     if (heading) {
       const level = heading[1].length;
@@ -3111,7 +3187,7 @@ function renderBlocks(text) {
       continue;
     }
     const para = [];
-    while (i < lines.length && lines[i].trim() !== "" && !/^```|^#{1,6}\s|^>\s?|^[-*+]\s+|^\d+\.\s+/.test(lines[i])) {
+    while (i < lines.length && lines[i].trim() !== "" && !HR_RE.test(lines[i]) && !/^```|^#{1,6}\s|^>\s?|^[-*+]\s+|^\d+\.\s+/.test(lines[i])) {
       para.push(lines[i]);
       i += 1;
     }
@@ -3203,6 +3279,11 @@ function headerPills(register, record, related = {}, options = {}) {
       pills.push({ label: "Overdue", tone: "crit" });
   } else if (register === "decisions") {
     if (status === "Active") pills.push({ label: "Standing", tone: "good" });
+  } else if (register === "readings") {
+    const rung = readingRung(record);
+    const band = readingMagnitudeBand(record);
+    const label = [rung, band].filter(Boolean).join(" \xB7 ");
+    if (label) pills.push({ label, tone: "accent" });
   }
   return pills;
 }
@@ -3294,7 +3375,10 @@ function leadingMeters(register, record) {
 }
 var HUMAN_FIELDS = {
   assumptions: [{ key: "Scoring justification", label: "Scoring justification" }],
-  readings: [{ key: "Grading justification", label: "Grading justification" }],
+  // A reading's grading justification is per belief now (OPS-1305) — it renders
+  // in the verdict cards (`BeliefVerdicts`), so surfacing a stale row-level copy
+  // here too would double up. The row carries no other genuine human free-text.
+  readings: [],
   decisions: [
     { key: "Statement", label: "Statement" },
     { key: "Unanimity justification", label: "Unanimity justification" }
@@ -3317,14 +3401,27 @@ function readingBeliefVerdicts(reading, assumptions = []) {
       assumptionId: b.assumptionId,
       title: hit ? primaryLabel(hit) : b.assumptionId,
       linked: hit != null,
-      rung: b.Rung ?? null,
       result: b.Result ?? null,
       strength,
-      magnitudeBand: b.magnitudeBand ?? null,
       justification: typeof b["Grading justification"] === "string" ? b["Grading justification"] : ""
     };
   });
 }
+function readingBeliefSummary(reading, assumptions = []) {
+  const verdicts = readingBeliefVerdicts(reading, assumptions);
+  let validated = 0;
+  let invalidated = 0;
+  for (const v of verdicts) {
+    if (v.result === "Validated") validated += 1;
+    else if (v.result === "Invalidated") invalidated += 1;
+  }
+  return {
+    total: verdicts.length,
+    validated,
+    invalidated,
+    inconclusive: verdicts.length - validated - invalidated
+  };
+}
 function scoreChip(register, record) {
   if (register === "assumptions") {
     const c = derivedNum(record, "confidence") ?? 0;
@@ -3475,12 +3572,36 @@ function buildRecordPage(register, record, related = {}, options = {}) {
 }
 
 // src/belief-verdicts.tsx
-import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
 function resultClass(result) {
   if (result === "Validated") return "vos-pill vos-pill-good";
   if (result === "Invalidated") return "vos-pill vos-pill-crit";
   return "vos-pill vos-pill-neutral";
 }
+function verdictTone(result) {
+  if (result === "Validated") return "is-good";
+  if (result === "Invalidated") return "is-crit";
+  return "is-neutral";
+}
+function VerdictTally({ summary }) {
+  const parts = [
+    { n: summary.validated, label: "validated", cls: "vos-tally-good" },
+    { n: summary.inconclusive, label: "inconclusive", cls: "vos-tally-neutral" },
+    { n: summary.invalidated, label: "invalidated", cls: "vos-tally-crit" }
+  ].filter((p) => p.n > 0);
+  return /* @__PURE__ */ jsxs10("p", { className: "vos-verdict-tally", children: [
+    /* @__PURE__ */ jsxs10("span", { className: "vos-tally-total", children: [
+      summary.total,
+      " belief",
+      summary.total === 1 ? "" : "s"
+    ] }),
+    parts.map((p) => /* @__PURE__ */ jsxs10("span", { className: `vos-tally-part ${p.cls}`, children: [
+      p.n,
+      " ",
+      p.label
+    ] }, p.label))
+  ] });
+}
 function BeliefVerdicts({
   reading,
   assumptions,
@@ -3490,33 +3611,40 @@ function BeliefVerdicts({
   if (verdicts.length === 0) {
     return /* @__PURE__ */ jsx10("p", { className: "vos-hint", children: "This reading grades no beliefs yet." });
   }
-  return /* @__PURE__ */ jsx10("ul", { className: "vos-verdicts", children: verdicts.map((v) => /* @__PURE__ */ jsxs9("li", { className: "vos-verdict", children: [
-    /* @__PURE__ */ jsxs9("div", { className: "vos-verdict-head", children: [
-      v.linked && onOpenRecord ? /* @__PURE__ */ jsx10(
-        "button",
-        {
-          type: "button",
-          className: "vos-inline-link",
-          onClick: () => onOpenRecord(v.assumptionId),
-          children: v.title
-        }
-      ) : /* @__PURE__ */ jsx10("span", { className: "vos-verdict-title", children: v.title }),
-      /* @__PURE__ */ jsx10("span", { className: resultClass(v.result), children: v.result ?? "\u2014" })
-    ] }),
-    /* @__PURE__ */ jsxs9("div", { className: "vos-verdict-meta", children: [
-      v.rung ? /* @__PURE__ */ jsx10("span", { className: "vos-chip vos-pill vos-pill-neutral", children: v.rung }) : null,
-      v.magnitudeBand ? /* @__PURE__ */ jsx10("span", { className: "vos-chip vos-pill vos-pill-neutral", children: v.magnitudeBand }) : null,
-      v.strength !== null ? /* @__PURE__ */ jsxs9("span", { className: "vos-verdict-strength", children: [
-        "Strength ",
-        formatSigned(v.strength)
-      ] }) : null
-    ] }),
-    v.justification ? /* @__PURE__ */ jsx10("p", { className: "vos-verdict-why", children: v.justification }) : null
-  ] }, v.assumptionId)) });
+  const summary = readingBeliefSummary(reading, assumptions);
+  return /* @__PURE__ */ jsxs10("div", { className: "vos-verdicts-wrap", children: [
+    /* @__PURE__ */ jsx10(VerdictTally, { summary }),
+    /* @__PURE__ */ jsx10("ul", { className: "vos-verdicts", children: verdicts.map((v) => /* @__PURE__ */ jsxs10(
+      "li",
+      {
+        className: `vos-verdict ${verdictTone(v.result)}`,
+        children: [
+          /* @__PURE__ */ jsxs10("div", { className: "vos-verdict-head", children: [
+            v.linked && onOpenRecord ? /* @__PURE__ */ jsx10(
+              "button",
+              {
+                type: "button",
+                className: "vos-inline-link vos-verdict-title",
+                onClick: () => onOpenRecord(v.assumptionId),
+                children: v.title
+              }
+            ) : /* @__PURE__ */ jsx10("span", { className: "vos-verdict-title", children: v.title }),
+            /* @__PURE__ */ jsx10("span", { className: resultClass(v.result), children: v.result ?? "Ungraded" })
+          ] }),
+          v.strength !== null ? /* @__PURE__ */ jsx10("div", { className: "vos-verdict-meta", children: /* @__PURE__ */ jsxs10("span", { className: "vos-verdict-strength", children: [
+            "Strength ",
+            formatSigned(v.strength)
+          ] }) }) : null,
+          v.justification ? /* @__PURE__ */ jsx10("p", { className: "vos-verdict-why", children: v.justification }) : null
+        ]
+      },
+      v.assumptionId
+    )) })
+  ] });
 }
 
 // src/record-page.tsx
-import { Fragment as Fragment8, jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
 var TAB_LABEL = {
   overview: "Overview",
   evidence: "Evidence",
@@ -3543,8 +3671,8 @@ function RecordPage({
     decisions: useList("decisions", basePath),
     glossary: useList("glossary", basePath)
   };
-  const [tab, setTab] = useState5("overview");
-  const [asOf] = useState5(() => (/* @__PURE__ */ new Date()).toISOString().slice(0, 10));
+  const [tab, setTab] = useState6("overview");
+  const [asOf] = useState6(() => (/* @__PURE__ */ new Date()).toISOString().slice(0, 10));
   const anyLoading = REGISTERS.some((r) => lists[r].loading && !lists[r].records);
   const related = {
     assumptions: lists.assumptions.records ?? [],
@@ -3585,9 +3713,9 @@ function RecordPage({
   };
   const terms = toGlossaryTerms(related.glossary ?? []);
   const openTerm = (id) => onNavigate({ name: "record", id });
-  const [editing, setEditing] = useState5(false);
-  const [draft, setDraft] = useState5({});
-  const [baseline, setBaseline] = useState5(null);
+  const [editing, setEditing] = useState6(false);
+  const [draft, setDraft] = useState6({});
+  const [baseline, setBaseline] = useState6(null);
   const { save, saving, conflict, error: saveError, reset } = useUpdate(
     register ?? backRegister,
     basePath
@@ -3637,8 +3765,8 @@ function RecordPage({
     onReload: reloadLatest,
     onField: setField
   };
-  return /* @__PURE__ */ jsxs10("div", { children: [
-    /* @__PURE__ */ jsxs10("nav", { className: "vos-crumbs", "aria-label": "Breadcrumb", children: [
+  return /* @__PURE__ */ jsxs11("div", { children: [
+    /* @__PURE__ */ jsxs11("nav", { className: "vos-crumbs", "aria-label": "Breadcrumb", children: [
       /* @__PURE__ */ jsx11(
         "button",
         {
@@ -3650,7 +3778,7 @@ function RecordPage({
       /* @__PURE__ */ jsx11("span", { "aria-hidden": "true", children: "\u203A" }),
       /* @__PURE__ */ jsx11("span", { className: "vos-rid", children: record ? formatValue(record.Title) : recordId })
     ] }),
-    anyLoading ? /* @__PURE__ */ jsx11("p", { className: "vos-muted", children: "Loading record\u2026" }) : !record || !register ? /* @__PURE__ */ jsxs10("div", { className: "vos-empty", children: [
+    anyLoading ? /* @__PURE__ */ jsx11("p", { className: "vos-muted", children: "Loading record\u2026" }) : !record || !register ? /* @__PURE__ */ jsxs11("div", { className: "vos-empty", children: [
       "Couldn't find a record with id ",
       /* @__PURE__ */ jsx11("b", { children: recordId }),
       "."
@@ -3696,15 +3824,15 @@ function RecordBody({
   const description = typeof record.Description === "string" ? record.Description : "";
   const bodyText = typeof record.body === "string" ? record.body : "";
   const hasErrors = Object.keys(edit.errors).length > 0;
-  return /* @__PURE__ */ jsxs10(Fragment8, { children: [
-    /* @__PURE__ */ jsxs10("div", { className: "vos-head vos-record-head", children: [
-      /* @__PURE__ */ jsxs10("div", { children: [
+  return /* @__PURE__ */ jsxs11(Fragment8, { children: [
+    /* @__PURE__ */ jsxs11("div", { className: "vos-head vos-record-head", children: [
+      /* @__PURE__ */ jsxs11("div", { children: [
         /* @__PURE__ */ jsx11("p", { className: "vos-drawer-eyebrow", children: REGISTER_SINGULAR[register] }),
         /* @__PURE__ */ jsx11("h1", { children: page.title }),
         /* @__PURE__ */ jsx11("div", { className: "vos-pill-row", children: page.pills.map((p, i) => /* @__PURE__ */ jsx11(PillView, { pill: p }, i)) })
       ] }),
       /* @__PURE__ */ jsx11("div", { className: "vos-spacer" }),
-      /* @__PURE__ */ jsxs10("span", { className: "vos-verbadge", children: [
+      /* @__PURE__ */ jsxs11("span", { className: "vos-verbadge", children: [
         "v",
         formatValue(record.version)
       ] }),
@@ -3730,7 +3858,7 @@ function RecordBody({
       },
       t2
     )) }),
-    activeTab === "overview" ? /* @__PURE__ */ jsxs10("div", { className: "vos-record-cols", children: [
+    activeTab === "overview" ? /* @__PURE__ */ jsxs11("div", { className: "vos-record-cols", children: [
       /* @__PURE__ */ jsx11("section", { className: "vos-meter-grid", children: page.meters.map((m) => /* @__PURE__ */ jsx11(
         MeterView,
         {
@@ -3740,7 +3868,7 @@ function RecordBody({
         },
         m.key
       )) }),
-      edit.editing ? /* @__PURE__ */ jsxs10("section", { className: "vos-record-editor", children: [
+      edit.editing ? /* @__PURE__ */ jsxs11("section", { className: "vos-record-editor", children: [
         /* @__PURE__ */ jsx11("h3", { className: "vos-section-title", children: "Edit" }),
         edit.conflict ? /* @__PURE__ */ jsx11(ConflictBanner, { message: edit.conflict, onReload: edit.onReload }) : null,
         edit.saveError ? /* @__PURE__ */ jsx11("p", { role: "alert", className: "vos-error", children: edit.saveError }) : null,
@@ -3753,7 +3881,7 @@ function RecordBody({
             onField: edit.onField
           }
         ),
-        /* @__PURE__ */ jsxs10("footer", { className: "vos-drawer-footer", children: [
+        /* @__PURE__ */ jsxs11("footer", { className: "vos-drawer-footer", children: [
           /* @__PURE__ */ jsx11(
             "button",
             {
@@ -3776,8 +3904,8 @@ function RecordBody({
             }
           )
         ] })
-      ] }) : /* @__PURE__ */ jsxs10(Fragment8, { children: [
-        description ? /* @__PURE__ */ jsxs10("section", { className: "vos-record-prose", children: [
+      ] }) : /* @__PURE__ */ jsxs11(Fragment8, { children: [
+        description ? /* @__PURE__ */ jsxs11("section", { className: "vos-record-prose", children: [
           /* @__PURE__ */ jsx11("h3", { className: "vos-section-title", children: "Description" }),
           /* @__PURE__ */ jsx11("p", { children: /* @__PURE__ */ jsx11(
             GlossaryText,
@@ -3789,11 +3917,17 @@ function RecordBody({
             }
           ) })
         ] }) : null,
-        bodyText ? /* @__PURE__ */ jsxs10("section", { className: "vos-record-prose", children: [
+        bodyText ? /* @__PURE__ */ jsxs11("section", { className: "vos-record-prose", children: [
           /* @__PURE__ */ jsx11("h3", { className: "vos-section-title", children: register === "readings" ? "Quote" : "Narrative" }),
-          /* @__PURE__ */ jsx11(Markdown, { text: bodyText })
+          /* @__PURE__ */ jsx11(
+            EvidenceBody,
+            {
+              text: bodyText,
+              partLabel: register === "readings" ? "Finding" : "Part"
+            }
+          )
         ] }) : null,
-        register === "readings" ? /* @__PURE__ */ jsxs10("section", { className: "vos-record-prose", children: [
+        register === "readings" ? /* @__PURE__ */ jsxs11("section", { className: "vos-record-prose vos-verdicts-section", children: [
           /* @__PURE__ */ jsx11("h3", { className: "vos-section-title", children: "Per-belief verdicts" }),
           /* @__PURE__ */ jsx11(
             BeliefVerdicts,
@@ -3804,12 +3938,12 @@ function RecordBody({
             }
           )
         ] }) : null,
-        page.humanText.length ? /* @__PURE__ */ jsxs10("section", { className: "vos-record-prose", children: [
-          /* @__PURE__ */ jsxs10("h3", { className: "vos-section-title", children: [
+        page.humanText.length ? /* @__PURE__ */ jsxs11("section", { className: "vos-record-prose", children: [
+          /* @__PURE__ */ jsxs11("h3", { className: "vos-section-title", children: [
             "From a human ",
             /* @__PURE__ */ jsx11("span", { className: "vos-hint", children: "\u2014 not computed" })
           ] }),
-          page.humanText.map((h) => /* @__PURE__ */ jsxs10("div", { className: "vos-human-field", children: [
+          page.humanText.map((h) => /* @__PURE__ */ jsxs11("div", { className: "vos-human-field", children: [
             /* @__PURE__ */ jsx11("div", { className: "vos-detail-k", children: h.label }),
             /* @__PURE__ */ jsx11("p", { children: /* @__PURE__ */ jsx11(
               GlossaryText,
@@ -3835,22 +3969,22 @@ function RecordBody({
       }
     ) : null,
     activeTab === "connections" ? /* @__PURE__ */ jsx11("div", { className: "vos-panels", children: page.panels.map((panel) => /* @__PURE__ */ jsx11(PanelView, { panel, onOpenRecord }, panel.id)) }) : null,
-    activeTab === "history" ? /* @__PURE__ */ jsxs10("section", { className: "vos-detail-list", children: [
-      /* @__PURE__ */ jsxs10("div", { className: "vos-detail-row", children: [
+    activeTab === "history" ? /* @__PURE__ */ jsxs11("section", { className: "vos-detail-list", children: [
+      /* @__PURE__ */ jsxs11("div", { className: "vos-detail-row", children: [
         /* @__PURE__ */ jsx11("span", { className: "vos-detail-k", children: "Created" }),
         /* @__PURE__ */ jsx11("span", { className: "vos-detail-v", children: formatValue(record.createdAt) })
       ] }),
-      /* @__PURE__ */ jsxs10("div", { className: "vos-detail-row", children: [
+      /* @__PURE__ */ jsxs11("div", { className: "vos-detail-row", children: [
         /* @__PURE__ */ jsx11("span", { className: "vos-detail-k", children: "Last updated" }),
         /* @__PURE__ */ jsx11("span", { className: "vos-detail-v", children: formatValue(record.updatedAt) })
       ] }),
-      /* @__PURE__ */ jsxs10("div", { className: "vos-detail-row", children: [
+      /* @__PURE__ */ jsxs11("div", { className: "vos-detail-row", children: [
         /* @__PURE__ */ jsx11("span", { className: "vos-detail-k", children: "Version" }),
         /* @__PURE__ */ jsx11("span", { className: "vos-detail-v", children: formatValue(record.version) })
       ] }),
       /* @__PURE__ */ jsx11("p", { className: "vos-hint", children: "The full change trail lands here as the API exposes version history; this absorbs the retired provenance prose." })
     ] }) : null,
-    page.hasJourney && journey ? /* @__PURE__ */ jsxs10("section", { className: "vos-journey-host", children: [
+    page.hasJourney && journey ? /* @__PURE__ */ jsxs11("section", { className: "vos-journey-host", children: [
       /* @__PURE__ */ jsx11("h3", { className: "vos-section-title", children: "Validation journey" }),
       /* @__PURE__ */ jsx11(
         BeliefJourney,
@@ -3862,7 +3996,7 @@ function RecordBody({
           onChanged: onJourneyChanged
         }
       )
-    ] }) : page.hasJourney ? /* @__PURE__ */ jsxs10("section", { className: "vos-journey-host", children: [
+    ] }) : page.hasJourney ? /* @__PURE__ */ jsxs11("section", { className: "vos-journey-host", children: [
       /* @__PURE__ */ jsx11("h3", { className: "vos-section-title", children: "Validation journey" }),
       /* @__PURE__ */ jsx11("p", { className: "vos-hint", children: "The per-belief journey (Framed \u2192 Planned \u2192 Tested \u2192 Known) mounts here \u2014 built by the workflow-first map (OPS-1289). This page is its host." })
     ] }) : null
@@ -3875,7 +4009,7 @@ function ConflictBanner({
   message,
   onReload
 }) {
-  return /* @__PURE__ */ jsxs10("div", { role: "alert", className: "vos-banner vos-banner-warn", children: [
+  return /* @__PURE__ */ jsxs11("div", { role: "alert", className: "vos-banner vos-banner-warn", children: [
     /* @__PURE__ */ jsx11("div", { className: "vos-banner-body", children: /* @__PURE__ */ jsx11("span", { children: message }) }),
     /* @__PURE__ */ jsx11("button", { type: "button", onClick: onReload, children: "Review the latest" })
   ] });
@@ -3885,12 +4019,12 @@ function MeterView({
   assumption,
   basePath
 }) {
-  const [why, setWhy] = useState5(false);
+  const [why, setWhy] = useState6(false);
   const textTone = meter.tone === "crit" ? "vos-text-crit" : meter.tone === "warn" ? "vos-text-warn" : "";
-  return /* @__PURE__ */ jsxs10("div", { className: "vos-meter", children: [
-    /* @__PURE__ */ jsxs10("div", { className: "vos-meter-head", children: [
+  return /* @__PURE__ */ jsxs11("div", { className: "vos-meter", children: [
+    /* @__PURE__ */ jsxs11("div", { className: "vos-meter-head", children: [
       /* @__PURE__ */ jsx11("span", { className: "vos-meter-label", children: meter.label }),
-      meter.hasWhy && assumption ? /* @__PURE__ */ jsxs10(
+      meter.hasWhy && assumption ? /* @__PURE__ */ jsxs11(
         "button",
         {
           type: "button",
@@ -3904,10 +4038,10 @@ function MeterView({
         }
       ) : null
     ] }),
-    meter.value === null ? /* @__PURE__ */ jsx11("div", { className: "vos-meter-val vos-muted", children: "\u2014" }) : meter.kind === "pill" ? /* @__PURE__ */ jsx11("span", { className: PILL_CLASS3[meter.tone], children: meter.value }) : meter.kind === "signed" ? /* @__PURE__ */ jsxs10(Fragment8, { children: [
+    meter.value === null ? /* @__PURE__ */ jsx11("div", { className: "vos-meter-val vos-muted", children: "\u2014" }) : meter.kind === "pill" ? /* @__PURE__ */ jsx11("span", { className: PILL_CLASS3[meter.tone], children: meter.value }) : meter.kind === "signed" ? /* @__PURE__ */ jsxs11(Fragment8, { children: [
       /* @__PURE__ */ jsx11("div", { className: `vos-meter-val ${textTone}`, children: formatSigned(Number(meter.value)) }),
       /* @__PURE__ */ jsx11("span", { className: "vos-track vos-signed", children: /* @__PURE__ */ jsx11(SignedFill, { value: Number(meter.value), min: meter.min ?? -100, max: meter.max ?? 100 }) })
-    ] }) : /* @__PURE__ */ jsxs10(Fragment8, { children: [
+    ] }) : /* @__PURE__ */ jsxs11(Fragment8, { children: [
       /* @__PURE__ */ jsx11("div", { className: `vos-meter-val ${textTone}`, children: Math.round(Number(meter.value)) }),
       /* @__PURE__ */ jsx11("span", { className: "vos-risk-bar", children: /* @__PURE__ */ jsx11(
         "i",
@@ -3931,8 +4065,8 @@ function PanelView({
   panel,
   onOpenRecord
 }) {
-  return /* @__PURE__ */ jsxs10("section", { className: "vos-panel", children: [
-    /* @__PURE__ */ jsxs10("h3", { className: "vos-panel-head", children: [
+  return /* @__PURE__ */ jsxs11("section", { className: "vos-panel", children: [
+    /* @__PURE__ */ jsxs11("h3", { className: "vos-panel-head", children: [
       panel.label,
       /* @__PURE__ */ jsx11("span", { className: "vos-group-n", children: panel.items.length })
     ] }),
@@ -3943,7 +4077,7 @@ function BacklinkRow({
   item,
   onOpenRecord
 }) {
-  return /* @__PURE__ */ jsx11("li", { children: /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsx11("li", { children: /* @__PURE__ */ jsxs11(
     "button",
     {
       type: "button",
@@ -3951,7 +4085,7 @@ function BacklinkRow({
       onClick: () => onOpenRecord(item.id),
       children: [
         /* @__PURE__ */ jsx11("span", { className: "vos-backlink-title", children: item.title }),
-        /* @__PURE__ */ jsxs10("span", { className: `vos-chip ${PILL_CLASS3[item.chip.tone]}`, children: [
+        /* @__PURE__ */ jsxs11("span", { className: `vos-chip ${PILL_CLASS3[item.chip.tone]}`, children: [
           /* @__PURE__ */ jsx11("span", { className: "vos-chip-k", children: item.chip.label }),
           item.chip.value
         ] })
@@ -3975,10 +4109,10 @@ function EvidenceTab({
   );
   const mine = (related.readings ?? []).filter((r) => r.experimentId === record.id);
   const nested = nestReadingsByPlan(mine, [record]);
-  return /* @__PURE__ */ jsxs10("div", { className: "vos-record-cols", children: [
-    /* @__PURE__ */ jsxs10("section", { children: [
+  return /* @__PURE__ */ jsxs11("div", { className: "vos-record-cols", children: [
+    /* @__PURE__ */ jsxs11("section", { children: [
       /* @__PURE__ */ jsx11("h3", { className: "vos-section-title", children: "Bar lines" }),
-      bars.length === 0 ? /* @__PURE__ */ jsx11("p", { className: "vos-hint", children: "No pre-registered bars." }) : /* @__PURE__ */ jsx11("ul", { className: "vos-bars", children: bars.map((b, i) => /* @__PURE__ */ jsxs10("li", { className: "vos-bar-line", children: [
+      bars.length === 0 ? /* @__PURE__ */ jsx11("p", { className: "vos-hint", children: "No pre-registered bars." }) : /* @__PURE__ */ jsx11("ul", { className: "vos-bars", children: bars.map((b, i) => /* @__PURE__ */ jsxs11("li", { className: "vos-bar-line", children: [
         /* @__PURE__ */ jsx11("span", { className: "vos-bar-if", children: b.rightIf || "\u2014" }),
         b.assumption ? /* @__PURE__ */ jsx11(
           "button",
@@ -3998,9 +4132,9 @@ function EvidenceTab({
         )
       ] }, i)) })
     ] }),
-    /* @__PURE__ */ jsxs10("section", { children: [
+    /* @__PURE__ */ jsxs11("section", { children: [
       /* @__PURE__ */ jsx11("h3", { className: "vos-section-title", children: "Readings" }),
-      nested.length === 0 ? /* @__PURE__ */ jsx11("p", { className: "vos-hint", children: "No readings logged yet." }) : /* @__PURE__ */ jsx11("ul", { className: "vos-backlinks", children: nested[0].readings.map((r) => /* @__PURE__ */ jsx11("li", { children: /* @__PURE__ */ jsxs10(
+      nested.length === 0 ? /* @__PURE__ */ jsx11("p", { className: "vos-hint", children: "No readings logged yet." }) : /* @__PURE__ */ jsx11("ul", { className: "vos-backlinks", children: nested[0].readings.map((r) => /* @__PURE__ */ jsx11("li", { children: /* @__PURE__ */ jsxs11(
         "button",
         {
           type: "button",
@@ -4008,7 +4142,7 @@ function EvidenceTab({
           onClick: () => onOpenRecord(r.id),
           children: [
             /* @__PURE__ */ jsx11("span", { className: "vos-backlink-title", children: formatValue(r.Title) }),
-            /* @__PURE__ */ jsxs10("span", { className: "vos-chip vos-pill vos-pill-neutral", children: [
+            /* @__PURE__ */ jsxs11("span", { className: "vos-chip vos-pill vos-pill-neutral", children: [
               readingBeliefs(r).length,
               " belief",
               readingBeliefs(r).length === 1 ? "" : "s"
@@ -4021,10 +4155,10 @@ function EvidenceTab({
 }
 
 // src/register-browser.tsx
-import { useMemo as useMemo4, useState as useState10 } from "react";
+import { useMemo as useMemo4, useState as useState11 } from "react";
 
 // src/register-table.tsx
-import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
 function RegisterTable({
   register,
   records,
@@ -4036,7 +4170,7 @@ function RegisterTable({
   if (records.length === 0) {
     return /* @__PURE__ */ jsx12("p", { className: "vos-empty", children: "No records yet." });
   }
-  return /* @__PURE__ */ jsx12("div", { className: "vos-card vos-table-scroll", children: /* @__PURE__ */ jsxs11("table", { className: "vos-table", children: [
+  return /* @__PURE__ */ jsx12("div", { className: "vos-card vos-table-scroll", children: /* @__PURE__ */ jsxs12("table", { className: "vos-table", children: [
     /* @__PURE__ */ jsx12("thead", { children: /* @__PURE__ */ jsx12("tr", { children: columns.map((c) => /* @__PURE__ */ jsx12(
       "th",
       {
@@ -4101,7 +4235,7 @@ function Cell({
   }
   const text = headline && (raw === null || raw === void 0 || raw === "") ? primaryLabel(record) : formatValue(raw);
   if (headline && chips && chips.length > 0) {
-    return /* @__PURE__ */ jsxs11("span", { className: "vos-ttl-wrap", children: [
+    return /* @__PURE__ */ jsxs12("span", { className: "vos-ttl-wrap", children: [
       /* @__PURE__ */ jsx12("span", { className: "vos-ttl", children: text }),
       /* @__PURE__ */ jsx12("span", { className: "vos-reading-chips", children: chips.map((chip, n) => /* @__PURE__ */ jsx12("span", { className: "vos-chip vos-pill vos-pill-neutral", children: chip }, n)) })
     ] });
@@ -4110,8 +4244,8 @@ function Cell({
 }
 
 // src/record-drawer.tsx
-import { useEffect as useEffect3, useState as useState6 } from "react";
-import { Fragment as Fragment9, jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+import { useEffect as useEffect3, useState as useState7 } from "react";
+import { Fragment as Fragment9, jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
 var DERIVED_SUB = {
   confidence: "Signed average of concluded readings",
   risk: "Impact \xD7 (1 \u2212 Confidence\u207A/100)",
@@ -4134,10 +4268,10 @@ function RecordDrawer({
   related,
   children
 }) {
-  const [editing, setEditing] = useState6(false);
-  const [draft, setDraft] = useState6({});
-  const [baseline, setBaseline] = useState6(null);
-  const [why, setWhy] = useState6(false);
+  const [editing, setEditing] = useState7(false);
+  const [draft, setDraft] = useState7({});
+  const [baseline, setBaseline] = useState7(null);
+  const [why, setWhy] = useState7(false);
   const { save, saving, conflict, error: saveError, reset } = useUpdate(
     register,
     basePath
@@ -4184,19 +4318,19 @@ function RecordDrawer({
   const setField = (key, value) => setDraft((d) => ({ ...d, [key]: value }));
   const errors = editing ? draftErrors(register, draft) : {};
   const hasErrors = Object.keys(errors).length > 0;
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     DrawerShell,
     {
       open,
       onClose,
       ariaLabel: `${REGISTER_LABEL[register]} record`,
       children: [
-        /* @__PURE__ */ jsxs12("header", { className: "vos-drawer-header", children: [
-          /* @__PURE__ */ jsxs12("div", { style: { flex: 1, minWidth: 0 }, children: [
+        /* @__PURE__ */ jsxs13("header", { className: "vos-drawer-header", children: [
+          /* @__PURE__ */ jsxs13("div", { style: { flex: 1, minWidth: 0 }, children: [
             /* @__PURE__ */ jsx13("p", { className: "vos-drawer-eyebrow", children: REGISTER_LABEL[register] }),
             /* @__PURE__ */ jsx13("h2", { className: "vos-drawer-title", children: record ? primaryLabel(record) : loading ? "Loading\u2026" : "\u2014" })
           ] }),
-          record ? /* @__PURE__ */ jsxs12("span", { className: "vos-verbadge", children: [
+          record ? /* @__PURE__ */ jsxs13("span", { className: "vos-verbadge", children: [
             "v",
             formatValue(record.version)
           ] }) : null,
@@ -4229,10 +4363,10 @@ function RecordDrawer({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx13("div", { className: "vos-drawer-body", children: loading ? /* @__PURE__ */ jsx13("p", { className: "vos-muted", children: "Loading record\u2026" }) : error ? /* @__PURE__ */ jsx13("p", { className: "vos-error", children: error }) : !record ? /* @__PURE__ */ jsx13("p", { className: "vos-muted", children: "No record." }) : /* @__PURE__ */ jsxs12(Fragment9, { children: [
-          derived ? /* @__PURE__ */ jsxs12("div", { children: [
-            /* @__PURE__ */ jsxs12("div", { className: "vos-derived", children: [
-              /* @__PURE__ */ jsxs12("div", { className: "vos-derived-head", children: [
+        /* @__PURE__ */ jsx13("div", { className: "vos-drawer-body", children: loading ? /* @__PURE__ */ jsx13("p", { className: "vos-muted", children: "Loading record\u2026" }) : error ? /* @__PURE__ */ jsx13("p", { className: "vos-error", children: error }) : !record ? /* @__PURE__ */ jsx13("p", { className: "vos-muted", children: "No record." }) : /* @__PURE__ */ jsxs13(Fragment9, { children: [
+          derived ? /* @__PURE__ */ jsxs13("div", { children: [
+            /* @__PURE__ */ jsxs13("div", { className: "vos-derived", children: [
+              /* @__PURE__ */ jsxs13("div", { className: "vos-derived-head", children: [
                 "Derived",
                 /* @__PURE__ */ jsx13("span", { className: "vos-lock", children: "\u{1F512} computed on write \u2014 not editable" })
               ] }),
@@ -4260,7 +4394,7 @@ function RecordDrawer({
               errors,
               onField: setField
             }
-          ) : /* @__PURE__ */ jsxs12(Fragment9, { children: [
+          ) : /* @__PURE__ */ jsxs13(Fragment9, { children: [
             /* @__PURE__ */ jsx13("div", { className: "vos-detail-list", children: rows.map((row) => /* @__PURE__ */ jsx13(
               DetailRowView,
               {
@@ -4269,11 +4403,17 @@ function RecordDrawer({
               },
               row.key
             )) }),
-            typeof record.body === "string" && record.body.trim() ? /* @__PURE__ */ jsxs12("section", { className: "vos-record-prose", children: [
+            typeof record.body === "string" && record.body.trim() ? /* @__PURE__ */ jsxs13("section", { className: "vos-record-prose", children: [
               /* @__PURE__ */ jsx13("div", { className: "vos-detail-k", children: register === "readings" ? "Quote" : "Narrative" }),
-              /* @__PURE__ */ jsx13(Markdown, { text: record.body })
+              /* @__PURE__ */ jsx13(
+                EvidenceBody,
+                {
+                  text: record.body,
+                  partLabel: register === "readings" ? "Finding" : "Part"
+                }
+              )
             ] }) : null,
-            register === "readings" ? /* @__PURE__ */ jsxs12("section", { className: "vos-record-prose", children: [
+            register === "readings" ? /* @__PURE__ */ jsxs13("section", { className: "vos-record-prose", children: [
               /* @__PURE__ */ jsx13("div", { className: "vos-detail-k", children: "Per-belief verdicts" }),
               /* @__PURE__ */ jsx13(
                 BeliefVerdicts,
@@ -4287,7 +4427,7 @@ function RecordDrawer({
           ] })
         ] }) }),
         record && !loading && !error && !editing ? children : null,
-        record && editing ? /* @__PURE__ */ jsxs12("footer", { className: "vos-drawer-footer", children: [
+        record && editing ? /* @__PURE__ */ jsxs13("footer", { className: "vos-drawer-footer", children: [
           /* @__PURE__ */ jsx13(
             "button",
             {
@@ -4309,7 +4449,7 @@ function RecordDrawer({
               children: saving ? "Saving\u2026" : "Save"
             }
           )
-        ] }) : record ? /* @__PURE__ */ jsxs12("footer", { className: "vos-drawer-footer", children: [
+        ] }) : record ? /* @__PURE__ */ jsxs13("footer", { className: "vos-drawer-footer", children: [
           record.id,
           " \xB7 updated ",
           formatValue(record.updatedAt)
@@ -4322,9 +4462,9 @@ function DetailRowView({
   row,
   onOpenRecord
 }) {
-  return /* @__PURE__ */ jsxs12("div", { className: "vos-detail-row", children: [
+  return /* @__PURE__ */ jsxs13("div", { className: "vos-detail-row", children: [
     /* @__PURE__ */ jsx13("span", { className: "vos-detail-k", children: row.label }),
-    /* @__PURE__ */ jsx13("span", { className: "vos-detail-v", children: row.kind === "relation" ? row.items && row.items.length ? /* @__PURE__ */ jsx13(RelationLinks, { items: row.items, onOpenRecord }) : "\u2014" : row.kind === "owner" ? row.names && row.names.length ? row.names.join(", ") : "\u2014" : row.kind === "bar-lines" ? row.bars && row.bars.length ? /* @__PURE__ */ jsx13("ul", { className: "vos-bars", children: row.bars.map((b, i) => /* @__PURE__ */ jsxs12("li", { className: "vos-bar-line", children: [
+    /* @__PURE__ */ jsx13("span", { className: "vos-detail-v", children: row.kind === "relation" ? row.items && row.items.length ? /* @__PURE__ */ jsx13(RelationLinks, { items: row.items, onOpenRecord }) : "\u2014" : row.kind === "owner" ? row.names && row.names.length ? row.names.join(", ") : "\u2014" : row.kind === "bar-lines" ? row.bars && row.bars.length ? /* @__PURE__ */ jsx13("ul", { className: "vos-bars", children: row.bars.map((b, i) => /* @__PURE__ */ jsxs13("li", { className: "vos-bar-line", children: [
       /* @__PURE__ */ jsx13("span", { className: "vos-bar-if", children: b.rightIf || "\u2014" }),
       b.assumption ? /* @__PURE__ */ jsx13(
         InlineLink,
@@ -4348,7 +4488,7 @@ function RelationLinks({
   items,
   onOpenRecord
 }) {
-  return /* @__PURE__ */ jsx13("span", { className: "vos-detail-links", children: items.map((item, i) => /* @__PURE__ */ jsxs12("span", { children: [
+  return /* @__PURE__ */ jsx13("span", { className: "vos-detail-links", children: items.map((item, i) => /* @__PURE__ */ jsxs13("span", { children: [
     i > 0 ? ", " : null,
     /* @__PURE__ */ jsx13(InlineLink, { id: item.id, title: item.title, onOpenRecord })
   ] }, item.id)) });
@@ -4382,10 +4522,10 @@ function DerivedCell({
     toneClass = heroToneClass(derivedTone(field, num3));
     display = field === "confidence" ? formatSigned(num3) : String(Math.round(num3));
   }
-  return /* @__PURE__ */ jsxs12("div", { className: "vos-dcell", children: [
-    /* @__PURE__ */ jsxs12("div", { className: "vos-dcell-k", children: [
+  return /* @__PURE__ */ jsxs13("div", { className: "vos-dcell", children: [
+    /* @__PURE__ */ jsxs13("div", { className: "vos-dcell-k", children: [
       derivedLabel(field),
-      showWhy ? /* @__PURE__ */ jsxs12(
+      showWhy ? /* @__PURE__ */ jsxs13(
         "button",
         {
           type: "button",
@@ -4407,14 +4547,14 @@ function ConflictBanner2({
   message,
   onReload
 }) {
-  return /* @__PURE__ */ jsxs12("div", { role: "alert", className: "vos-banner vos-banner-warn", children: [
+  return /* @__PURE__ */ jsxs13("div", { role: "alert", className: "vos-banner vos-banner-warn", children: [
     /* @__PURE__ */ jsx13("div", { className: "vos-banner-body", children: /* @__PURE__ */ jsx13("span", { children: message }) }),
     /* @__PURE__ */ jsx13("button", { type: "button", onClick: onReload, children: "Review the latest" })
   ] });
 }
 
 // src/record-form.tsx
-import { useMemo as useMemo2, useState as useState7 } from "react";
+import { useMemo as useMemo2, useState as useState8 } from "react";
 
 // src/form-fields.ts
 var ASSUMPTION_STATUS = ["Draft", "Live", "Invalidated"];
@@ -4516,7 +4656,7 @@ function toCreatePayload(register, draft) {
 }
 
 // src/record-form.tsx
-import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
 function RecordForm({
   register,
   basePath,
@@ -4524,7 +4664,7 @@ function RecordForm({
   onCancel
 }) {
   const fields = useMemo2(() => formFieldsFor(register), [register]);
-  const [draft, setDraft] = useState7(
+  const [draft, setDraft] = useState8(
     () => emptyDraft(register)
   );
   const { create, saving, error } = useCreate(register, basePath);
@@ -4539,8 +4679,8 @@ function RecordForm({
     } catch {
     }
   };
-  return /* @__PURE__ */ jsxs13("form", { onSubmit, className: "vos-form", children: [
-    /* @__PURE__ */ jsxs13("div", { className: "vos-form-body", children: [
+  return /* @__PURE__ */ jsxs14("form", { onSubmit, className: "vos-form", children: [
+    /* @__PURE__ */ jsxs14("div", { className: "vos-form-body", children: [
       fields.map((field) => /* @__PURE__ */ jsx14(
         Field,
         {
@@ -4552,7 +4692,7 @@ function RecordForm({
       )),
       error ? /* @__PURE__ */ jsx14("p", { className: "vos-error", children: error }) : null
     ] }),
-    /* @__PURE__ */ jsxs13("footer", { className: "vos-drawer-footer", children: [
+    /* @__PURE__ */ jsxs14("footer", { className: "vos-drawer-footer", children: [
       /* @__PURE__ */ jsx14("button", { type: "button", onClick: onCancel, className: "vos-btn vos-btn-ghost vos-btn-sm", children: "Cancel" }),
       /* @__PURE__ */ jsx14(
         "button",
@@ -4573,8 +4713,8 @@ function Field({
   onChange
 }) {
   const id = `field-${field.key}`;
-  return /* @__PURE__ */ jsxs13("div", { className: "vos-field", children: [
-    /* @__PURE__ */ jsxs13("label", { htmlFor: id, className: FIELD_LABEL_CLASS, children: [
+  return /* @__PURE__ */ jsxs14("div", { className: "vos-field", children: [
+    /* @__PURE__ */ jsxs14("label", { htmlFor: id, className: FIELD_LABEL_CLASS, children: [
       field.label,
       field.required ? /* @__PURE__ */ jsx14("span", { className: "vos-req", children: " *" }) : null
     ] }),
@@ -4588,7 +4728,7 @@ function Field({
         onChange: (e) => onChange(e.target.value),
         className: FIELD_CONTROL_CLASS
       }
-    ) : field.kind === "select" ? /* @__PURE__ */ jsxs13(
+    ) : field.kind === "select" ? /* @__PURE__ */ jsxs14(
       "select",
       {
         id,
@@ -4615,7 +4755,7 @@ function Field({
 }
 
 // src/relation-editor.tsx
-import { useMemo as useMemo3, useState as useState8 } from "react";
+import { useMemo as useMemo3, useState as useState9 } from "react";
 
 // src/link-choices.ts
 import { RELATIONS } from "@validation-os/core";
@@ -4636,7 +4776,7 @@ function linkChoicesFrom(register) {
 }
 
 // src/relation-editor.tsx
-import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
 function RelationEditor({
   register,
   recordId,
@@ -4644,8 +4784,8 @@ function RelationEditor({
   onLinked
 }) {
   const choices = useMemo3(() => linkChoicesFrom(register), [register]);
-  const [relation, setRelation] = useState8("");
-  const [targetId, setTargetId] = useState8("");
+  const [relation, setRelation] = useState9("");
+  const [targetId, setTargetId] = useState9("");
   const { link, linking, error } = useLink(basePath);
   const active = choices.find((c) => c.relation === relation) ?? null;
   const { records } = useList(
@@ -4670,10 +4810,10 @@ function RelationEditor({
     } catch {
     }
   };
-  return /* @__PURE__ */ jsxs14("section", { className: "vos-relation", children: [
+  return /* @__PURE__ */ jsxs15("section", { className: "vos-relation", children: [
     /* @__PURE__ */ jsx15("h3", { className: "vos-sectitle", children: "Link a record" }),
-    /* @__PURE__ */ jsxs14("div", { className: "vos-field-stack", children: [
-      /* @__PURE__ */ jsxs14(
+    /* @__PURE__ */ jsxs15("div", { className: "vos-field-stack", children: [
+      /* @__PURE__ */ jsxs15(
         "select",
         {
           "aria-label": "Relation",
@@ -4689,7 +4829,7 @@ function RelationEditor({
           ]
         }
       ),
-      active ? /* @__PURE__ */ jsxs14(
+      active ? /* @__PURE__ */ jsxs15(
         "select",
         {
           "aria-label": "Target record",
@@ -4719,7 +4859,7 @@ function RelationEditor({
 }
 
 // src/use-saved-views.ts
-import { useCallback as useCallback3, useEffect as useEffect4, useState as useState9 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect4, useState as useState10 } from "react";
 var storageKey = (register) => `vos:saved-views:${register}`;
 function read(register) {
   if (typeof window === "undefined") return [];
@@ -4739,7 +4879,7 @@ function write(register, views) {
   }
 }
 function useSavedViews(register) {
-  const [views, setViews] = useState9(() => read(register));
+  const [views, setViews] = useState10(() => read(register));
   useEffect4(() => setViews(read(register)), [register]);
   const save = useCallback3(
     (name, descriptor) => {
@@ -4770,7 +4910,7 @@ function useSavedViews(register) {
 }
 
 // src/register-browser.tsx
-import { jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
 function contextNeeds(register) {
   return {
     experiments: register === "assumptions" || register === "readings",
@@ -4782,7 +4922,9 @@ function RegisterBrowser({
   register,
   basePath,
   subtitle,
-  onOpenRecord
+  onOpenRecord,
+  lens,
+  stage
 }) {
   const { records, loading, error, refresh: refreshList } = useList(
     register,
@@ -4792,30 +4934,37 @@ function RegisterBrowser({
   const experiments = useList("experiments", basePath, needs.experiments);
   const readings = useList("readings", basePath, needs.readings);
   const assumptions = useList("assumptions", basePath, needs.assumptions);
-  const [descriptor, setDescriptor] = useState10({});
+  const [descriptor, setDescriptor] = useState11({});
   const savedViews = useSavedViews(register);
-  const [openId, setOpenId] = useState10(null);
-  const [creating, setCreating] = useState10(false);
+  const [openId, setOpenId] = useState11(null);
+  const [creating, setCreating] = useState11(false);
   const {
     record,
     loading: recordLoading,
     error: recordError,
     refresh: refreshRecord
   } = useRecord(register, openId, basePath);
-  const [asOf] = useState10(() => (/* @__PURE__ */ new Date()).toISOString().slice(0, 10));
+  const [asOf] = useState11(() => (/* @__PURE__ */ new Date()).toISOString().slice(0, 10));
   const rows = records ?? [];
+  const prefiltered = useMemo4(() => {
+    return rows.filter((r) => {
+      if (lens !== void 0 && (r.Lens ?? "") !== lens) return false;
+      if (stage !== void 0 && (r.Stage ?? "") !== stage) return false;
+      return true;
+    });
+  }, [rows, lens, stage]);
   const ctx = {
     asOf,
-    assumptions: register === "assumptions" ? rows : assumptions.records ?? [],
-    experiments: register === "experiments" ? rows : experiments.records ?? [],
-    readings: register === "readings" ? rows : readings.records ?? [],
-    decisions: register === "decisions" ? rows : []
+    assumptions: register === "assumptions" ? prefiltered : assumptions.records ?? [],
+    experiments: register === "experiments" ? prefiltered : experiments.records ?? [],
+    readings: register === "readings" ? prefiltered : readings.records ?? [],
+    decisions: register === "decisions" ? prefiltered : []
   };
   const shaped = useMemo4(
-    () => shapeRegister(register, rows, descriptor, ctx),
+    () => shapeRegister(register, prefiltered, descriptor, ctx),
     // ctx is derived from the same inputs; listing them keeps the memo honest.
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [register, rows, descriptor, ctx.assumptions, ctx.experiments, ctx.readings, asOf]
+    [register, prefiltered, descriptor, ctx.assumptions, ctx.experiments, ctx.readings, asOf]
   );
   const counts = needsHumanCounts(ctx);
   const humanCount = {
@@ -4848,9 +4997,9 @@ function RegisterBrowser({
     void _name;
     setDescriptor(rest);
   };
-  return /* @__PURE__ */ jsxs15("div", { children: [
-    /* @__PURE__ */ jsxs15("div", { className: "vos-head", children: [
-      /* @__PURE__ */ jsxs15("div", { children: [
+  return /* @__PURE__ */ jsxs16("div", { children: [
+    /* @__PURE__ */ jsxs16("div", { className: "vos-head", children: [
+      /* @__PURE__ */ jsxs16("div", { children: [
         /* @__PURE__ */ jsx16("h1", { children: REGISTER_LABEL[register] }),
         subtitle ? /* @__PURE__ */ jsx16("p", { children: subtitle }) : null
       ] }),
@@ -4864,7 +5013,7 @@ function RegisterBrowser({
           children: "\u21BB Refresh"
         }
       ),
-      /* @__PURE__ */ jsxs15(
+      /* @__PURE__ */ jsxs16(
         "button",
         {
           type: "button",
@@ -4880,7 +5029,7 @@ function RegisterBrowser({
     /* @__PURE__ */ jsx16("div", { className: "vos-tabs", role: "tablist", "aria-label": "Views", children: shaped.tabs.map((tab) => {
       const active = tab.id === shaped.activeTabId;
       const badge = badgeFor(tab);
-      return /* @__PURE__ */ jsxs15(
+      return /* @__PURE__ */ jsxs16(
         "button",
         {
           type: "button",
@@ -4907,9 +5056,9 @@ function RegisterBrowser({
         onQuery: (query) => patch({ query })
       }
     ),
-    /* @__PURE__ */ jsxs15("div", { className: "vos-saved-views", children: [
+    /* @__PURE__ */ jsxs16("div", { className: "vos-saved-views", children: [
       /* @__PURE__ */ jsx16("span", { className: "vos-saved-label", children: "Saved views" }),
-      savedViews.views.length === 0 ? /* @__PURE__ */ jsx16("span", { className: "vos-hint", children: "none yet" }) : savedViews.views.map((v) => /* @__PURE__ */ jsxs15("span", { className: "vos-saved-view", children: [
+      savedViews.views.length === 0 ? /* @__PURE__ */ jsx16("span", { className: "vos-hint", children: "none yet" }) : savedViews.views.map((v) => /* @__PURE__ */ jsxs16("span", { className: "vos-saved-view", children: [
         /* @__PURE__ */ jsx16(
           "button",
           {
@@ -4940,7 +5089,7 @@ function RegisterBrowser({
         }
       )
     ] }),
-    loading && !records ? /* @__PURE__ */ jsxs15("p", { className: "vos-muted", children: [
+    loading && !records ? /* @__PURE__ */ jsxs16("p", { className: "vos-muted", children: [
       "Loading ",
       REGISTER_LABEL[register].toLowerCase(),
       "\u2026"
@@ -4985,14 +5134,14 @@ function RegisterBrowser({
         ) : null
       }
     ),
-    /* @__PURE__ */ jsxs15(
+    /* @__PURE__ */ jsxs16(
       DrawerShell,
       {
         open: creating,
         onClose: () => setCreating(false),
         ariaLabel: `New ${REGISTER_SINGULAR[register]} record`,
         children: [
-          /* @__PURE__ */ jsx16("header", { className: "vos-drawer-header", children: /* @__PURE__ */ jsxs15("div", { children: [
+          /* @__PURE__ */ jsx16("header", { className: "vos-drawer-header", children: /* @__PURE__ */ jsxs16("div", { children: [
             /* @__PURE__ */ jsx16("p", { className: "vos-drawer-eyebrow", children: "New" }),
             /* @__PURE__ */ jsx16("h2", { className: "vos-drawer-title", children: REGISTER_SINGULAR[register] })
           ] }) }),
@@ -5024,7 +5173,7 @@ function ViewControls({
 }) {
   const sortable = columnsFor(register);
   const sort = descriptor.sort ?? null;
-  return /* @__PURE__ */ jsxs15("div", { className: "vos-view-controls", children: [
+  return /* @__PURE__ */ jsxs16("div", { className: "vos-view-controls", children: [
     /* @__PURE__ */ jsx16(
       "input",
       {
@@ -5036,9 +5185,9 @@ function ViewControls({
         "aria-label": "Filter records"
       }
     ),
-    axes.length ? /* @__PURE__ */ jsxs15("label", { className: "vos-control", children: [
+    axes.length ? /* @__PURE__ */ jsxs16("label", { className: "vos-control", children: [
       /* @__PURE__ */ jsx16("span", { children: "Group" }),
-      /* @__PURE__ */ jsxs15(
+      /* @__PURE__ */ jsxs16(
         "select",
         {
           className: "vos-input",
@@ -5051,9 +5200,9 @@ function ViewControls({
         }
       )
     ] }) : null,
-    /* @__PURE__ */ jsxs15("label", { className: "vos-control", children: [
+    /* @__PURE__ */ jsxs16("label", { className: "vos-control", children: [
       /* @__PURE__ */ jsx16("span", { children: "Sort" }),
-      /* @__PURE__ */ jsxs15(
+      /* @__PURE__ */ jsxs16(
         "select",
         {
           className: "vos-input",
@@ -5090,8 +5239,8 @@ function ShapedBody({
   if (shaped.nested) {
     if (shaped.nested.length === 0)
       return /* @__PURE__ */ jsx16("p", { className: "vos-empty", children: "No readings in this view." });
-    return /* @__PURE__ */ jsx16("div", { className: "vos-groups", children: shaped.nested.map((group) => /* @__PURE__ */ jsxs15("section", { className: "vos-group", children: [
-      /* @__PURE__ */ jsxs15("h3", { className: "vos-group-head", children: [
+    return /* @__PURE__ */ jsx16("div", { className: "vos-groups", children: shaped.nested.map((group) => /* @__PURE__ */ jsxs16("section", { className: "vos-group", children: [
+      /* @__PURE__ */ jsxs16("h3", { className: "vos-group-head", children: [
         group.label,
         /* @__PURE__ */ jsx16("span", { className: "vos-group-n", children: group.readings.length })
       ] }),
@@ -5110,8 +5259,8 @@ function ShapedBody({
   if (shaped.groups) {
     if (shaped.groups.length === 0)
       return /* @__PURE__ */ jsx16("p", { className: "vos-empty", children: "No records in this view." });
-    return /* @__PURE__ */ jsx16("div", { className: "vos-groups", children: shaped.groups.map((group) => /* @__PURE__ */ jsxs15("section", { className: "vos-group", children: [
-      /* @__PURE__ */ jsxs15("h3", { className: "vos-group-head", children: [
+    return /* @__PURE__ */ jsx16("div", { className: "vos-groups", children: shaped.groups.map((group) => /* @__PURE__ */ jsxs16("section", { className: "vos-group", children: [
+      /* @__PURE__ */ jsxs16("h3", { className: "vos-group-head", children: [
         group.label,
         /* @__PURE__ */ jsx16("span", { className: "vos-group-n", children: group.records.length })
       ] }),
@@ -5140,9 +5289,9 @@ function ShapedBody({
 }
 
 // src/next-move-surface.tsx
-import { useMemo as useMemo5, useState as useState11 } from "react";
+import { useMemo as useMemo5, useState as useState12 } from "react";
 import { rankNextMoves as rankNextMoves2 } from "@validation-os/core/derivation";
-import { Fragment as Fragment10, jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
 var STAGES = ["Framed", "Planned", "Tested", "Known"];
 var MOVE_STAGE = {
   "score-impact": 0,
@@ -5163,8 +5312,8 @@ function NextMoveSurface({ basePath, onNavigate }) {
   const experiments = useList("experiments", basePath);
   const readings = useList("readings", basePath);
   const decisions = useList("decisions", basePath);
-  const [why, setWhy] = useState11(false);
-  const [stepIn, setStepIn] = useState11(null);
+  const [why, setWhy] = useState12(false);
+  const [stepIn, setStepIn] = useState12(null);
   const lists = [assumptions, experiments, readings, decisions];
   const loading = lists.some((l) => l.loading);
   const error = lists.map((l) => l.error).find(Boolean) ?? null;
@@ -5203,7 +5352,7 @@ function NextMoveSurface({ basePath, onNavigate }) {
     return /* @__PURE__ */ jsx17(NextMoveFrame, { children: /* @__PURE__ */ jsx17("div", { className: "vos-empty", children: "Reading your beliefs\u2026" }) });
   }
   if (error) {
-    return /* @__PURE__ */ jsx17(NextMoveFrame, { children: /* @__PURE__ */ jsx17("div", { className: "vos-banner vos-banner-crit", children: /* @__PURE__ */ jsxs16("div", { className: "vos-banner-body", children: [
+    return /* @__PURE__ */ jsx17(NextMoveFrame, { children: /* @__PURE__ */ jsx17("div", { className: "vos-banner vos-banner-crit", children: /* @__PURE__ */ jsxs17("div", { className: "vos-banner-body", children: [
       /* @__PURE__ */ jsx17("b", { children: "Couldn't load the workflow." }),
       /* @__PURE__ */ jsx17("span", { children: error })
     ] }) }) });
@@ -5217,9 +5366,9 @@ function NextMoveSurface({ basePath, onNavigate }) {
     };
     const cold = coldStartFor(records);
     if (cold.cold) {
-      return /* @__PURE__ */ jsxs16(NextMoveFrame, { children: [
+      return /* @__PURE__ */ jsxs17(NextMoveFrame, { children: [
         /* @__PURE__ */ jsx17("div", { className: "vos-firstrun", children: FIRST_RUN_LINE }),
-        /* @__PURE__ */ jsxs16("div", { className: "vos-card vos-cold vos-cold-next", children: [
+        /* @__PURE__ */ jsxs17("div", { className: "vos-card vos-cold vos-cold-next", children: [
           /* @__PURE__ */ jsx17("span", { className: "vos-cold-eyebrow", children: cold.next.eyebrow }),
           /* @__PURE__ */ jsx17("h2", { className: "vos-cold-headline", children: cold.next.headline }),
           /* @__PURE__ */ jsx17("p", { className: "vos-cold-body", children: cold.next.body }),
@@ -5235,7 +5384,7 @@ function NextMoveSurface({ basePath, onNavigate }) {
         ] })
       ] });
     }
-    return /* @__PURE__ */ jsx17(NextMoveFrame, { children: /* @__PURE__ */ jsxs16("div", { className: "vos-empty", children: [
+    return /* @__PURE__ */ jsx17(NextMoveFrame, { children: /* @__PURE__ */ jsxs17("div", { className: "vos-empty", children: [
       "Nothing needs your attention right now \u2014 every belief is either resting on a decision or waiting on a test. Add a new belief from",
       " ",
       /* @__PURE__ */ jsx17(
@@ -5256,9 +5405,9 @@ function NextMoveSurface({ basePath, onNavigate }) {
   const onDeck = rest.filter((m) => m.assumptionId !== top.assumptionId).slice(0, 3);
   const topPres = movePresentation(top.move);
   const topTone = riskLevel(top.risk);
-  return /* @__PURE__ */ jsxs16(NextMoveFrame, { children: [
+  return /* @__PURE__ */ jsxs17(NextMoveFrame, { children: [
     killMoves.length > 0 && !top.killLane ? /* @__PURE__ */ jsx17(KillBanner, { count: killMoves.length, onReview: () => startStepIn(killMoves[0]) }) : null,
-    /* @__PURE__ */ jsxs16("div", { className: `vos-hero vos-card${top.killLane ? " vos-hero-kill" : ""}`, children: [
+    /* @__PURE__ */ jsxs17("div", { className: `vos-hero vos-card${top.killLane ? " vos-hero-kill" : ""}`, children: [
       /* @__PURE__ */ jsx17("span", { className: "vos-hero-eyebrow", children: top.killLane ? "Kill lane \u2014 turning against you" : "Your next move" }),
       /* @__PURE__ */ jsx17(
         "button",
@@ -5270,7 +5419,7 @@ function NextMoveSurface({ basePath, onNavigate }) {
           children: top.title
         }
       ),
-      /* @__PURE__ */ jsxs16("div", { className: "vos-riskchip", "aria-label": `Risk: ${RISK_PHRASE[topTone]}`, children: [
+      /* @__PURE__ */ jsxs17("div", { className: "vos-riskchip", "aria-label": `Risk: ${RISK_PHRASE[topTone]}`, children: [
         /* @__PURE__ */ jsx17("span", { className: "vos-risk-bar", "aria-hidden": "true", children: /* @__PURE__ */ jsx17(
           "i",
           {
@@ -5284,7 +5433,7 @@ function NextMoveSurface({ basePath, onNavigate }) {
       /* @__PURE__ */ jsx17("button", { type: "button", className: "vos-why", onClick: () => setWhy((w) => !w), children: why ? "Hide details" : "Why this?" })
     ] }),
     why ? /* @__PURE__ */ jsx17(WhyPanel, { top, ranked: moves }) : null,
-    onDeck.length > 0 ? /* @__PURE__ */ jsxs16("section", { className: "vos-ondeck", children: [
+    onDeck.length > 0 ? /* @__PURE__ */ jsxs17("section", { className: "vos-ondeck", children: [
       /* @__PURE__ */ jsx17("h3", { className: "vos-sectitle", children: "On deck" }),
       onDeck.map((m) => /* @__PURE__ */ jsx17(
         OnDeckRow,
@@ -5333,8 +5482,8 @@ function NextMoveSurface({ basePath, onNavigate }) {
   ] });
 }
 function NextMoveFrame({ children }) {
-  return /* @__PURE__ */ jsxs16("div", { children: [
-    /* @__PURE__ */ jsx17("div", { className: "vos-head", children: /* @__PURE__ */ jsxs16("div", { children: [
+  return /* @__PURE__ */ jsxs17("div", { children: [
+    /* @__PURE__ */ jsx17("div", { className: "vos-head", children: /* @__PURE__ */ jsxs17("div", { children: [
       /* @__PURE__ */ jsx17("h1", { children: "Next move" }),
       /* @__PURE__ */ jsx17("p", { children: "The single next move to make \u2014 and what's on deck." })
     ] }) }),
@@ -5350,14 +5499,14 @@ function ActButton({
   if (pres.steppable) {
     return /* @__PURE__ */ jsx17("button", { type: "button", className: "vos-btn vos-hero-act", onClick: onStepIn, children: pres.cta });
   }
-  return /* @__PURE__ */ jsxs16("div", { className: "vos-hero-agent", children: [
+  return /* @__PURE__ */ jsxs17("div", { className: "vos-hero-agent", children: [
     /* @__PURE__ */ jsx17("span", { className: "vos-agent-note", children: "\u{1F916} Claude Code runs this off the dashboard" }),
     /* @__PURE__ */ jsx17("button", { type: "button", className: "vos-btn vos-btn-ghost vos-hero-act", onClick: onReview, children: "Review on the record \u2192" })
   ] });
 }
 function KillBanner({ count, onReview }) {
-  return /* @__PURE__ */ jsxs16("div", { className: "vos-banner vos-banner-crit", children: [
-    /* @__PURE__ */ jsxs16("div", { className: "vos-banner-body", children: [
+  return /* @__PURE__ */ jsxs17("div", { className: "vos-banner vos-banner-crit", children: [
+    /* @__PURE__ */ jsxs17("div", { className: "vos-banner-body", children: [
       /* @__PURE__ */ jsx17("b", { children: count === 1 ? "A belief has fallen into the kill lane" : `${count} beliefs have fallen into the kill lane` }),
       /* @__PURE__ */ jsx17("span", { children: "Confidence \u2264 \u221250 \u2014 the evidence is against it. Kill it or test it again." })
     ] }),
@@ -5371,27 +5520,27 @@ function OnDeckRow({
 }) {
   const pres = movePresentation(move.move);
   const tone = riskLevel(move.risk);
-  return /* @__PURE__ */ jsxs16("div", { className: "vos-ondeck-row", children: [
+  return /* @__PURE__ */ jsxs17("div", { className: "vos-ondeck-row", children: [
     /* @__PURE__ */ jsx17("span", { className: "vos-risk-bar", "aria-hidden": "true", children: /* @__PURE__ */ jsx17("i", { className: `vos-fill-${tone}`, style: { width: `${riskFraction(move.risk) * 100}%` } }) }),
     /* @__PURE__ */ jsx17("button", { type: "button", className: "vos-ondeck-title", onClick: onOpen, children: move.title }),
     /* @__PURE__ */ jsx17("button", { type: "button", className: "vos-pill vos-pill-accent vos-ondeck-act", onClick: onAct, children: pres.pill })
   ] });
 }
 function WhyPanel({ top, ranked }) {
-  return /* @__PURE__ */ jsxs16("div", { className: "vos-why-panel vos-next-why", children: [
+  return /* @__PURE__ */ jsxs17("div", { className: "vos-why-panel vos-next-why", children: [
     /* @__PURE__ */ jsx17("p", { className: "vos-why-reason", children: top.reason }),
-    /* @__PURE__ */ jsxs16("div", { children: [
+    /* @__PURE__ */ jsxs17("div", { children: [
       /* @__PURE__ */ jsx17("div", { className: "vos-why-section-title", children: "Where it sits" }),
       /* @__PURE__ */ jsx17(StageStepper, { move: top.move })
     ] }),
-    /* @__PURE__ */ jsxs16("div", { children: [
+    /* @__PURE__ */ jsxs17("div", { children: [
       /* @__PURE__ */ jsx17("div", { className: "vos-why-section-title", children: "Why it's on top" }),
-      /* @__PURE__ */ jsxs16("p", { className: "vos-why-formula", children: [
+      /* @__PURE__ */ jsxs17("p", { className: "vos-why-formula", children: [
         "Ranked by ",
         /* @__PURE__ */ jsx17("b", { children: "Feasibility \xD7 Risk" }),
         " \u2014 Risk ",
         /* @__PURE__ */ jsx17("b", { children: Math.round(top.risk) }),
-        top.feasibility ? /* @__PURE__ */ jsxs16(Fragment10, { children: [
+        top.feasibility ? /* @__PURE__ */ jsxs17(Fragment10, { children: [
           " ",
           "\xD7 Feasibility ",
           /* @__PURE__ */ jsx17("b", { children: top.feasibility })
@@ -5400,9 +5549,9 @@ function WhyPanel({ top, ranked }) {
         "."
       ] })
     ] }),
-    /* @__PURE__ */ jsxs16("div", { children: [
+    /* @__PURE__ */ jsxs17("div", { children: [
       /* @__PURE__ */ jsx17("div", { className: "vos-why-section-title", children: "The ranking" }),
-      /* @__PURE__ */ jsx17("ol", { className: "vos-why-rank", children: ranked.slice(0, 6).map((m) => /* @__PURE__ */ jsxs16("li", { className: m.assumptionId === top.assumptionId ? "vos-why-rank-top" : "", children: [
+      /* @__PURE__ */ jsx17("ol", { className: "vos-why-rank", children: ranked.slice(0, 6).map((m) => /* @__PURE__ */ jsxs17("li", { className: m.assumptionId === top.assumptionId ? "vos-why-rank-top" : "", children: [
         /* @__PURE__ */ jsx17("span", { className: "vos-why-rank-title", children: m.title }),
         /* @__PURE__ */ jsx17("span", { className: "vos-why-rank-score", children: Math.round(m.score) })
       ] }, m.assumptionId)) })
@@ -5422,7 +5571,7 @@ function StageStepper({ move }) {
 }
 
 // src/stage-grid-surface.tsx
-import { useMemo as useMemo6, useState as useState12 } from "react";
+import { useMemo as useMemo6, useState as useState13 } from "react";
 
 // src/stage-grid-model.ts
 var STAGE_ORDER = [
@@ -5530,12 +5679,12 @@ function cellAt(view, lens, stage) {
 }
 
 // src/stage-grid-surface.tsx
-import { jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
 function StageGridSurface({ basePath, onNavigate }) {
   const assumptions = useList("assumptions", basePath);
   const loading = assumptions.loading;
   const error = assumptions.error;
-  const [open, setOpen] = useState12(null);
+  const [open, setOpen] = useState13(null);
   const view = useMemo6(
     () => buildStageGrid(assumptions.records ?? []),
     [assumptions.records]
@@ -5546,7 +5695,7 @@ function StageGridSurface({ basePath, onNavigate }) {
     return /* @__PURE__ */ jsx18(StageGridFrame, { children: /* @__PURE__ */ jsx18("div", { className: "vos-empty", children: "Reading where your bets cluster\u2026" }) });
   }
   if (error) {
-    return /* @__PURE__ */ jsx18(StageGridFrame, { children: /* @__PURE__ */ jsx18("div", { className: "vos-banner vos-banner-crit", children: /* @__PURE__ */ jsxs17("div", { className: "vos-banner-body", children: [
+    return /* @__PURE__ */ jsx18(StageGridFrame, { children: /* @__PURE__ */ jsx18("div", { className: "vos-banner vos-banner-crit", children: /* @__PURE__ */ jsxs18("div", { className: "vos-banner-body", children: [
       /* @__PURE__ */ jsx18("b", { children: "Couldn't load the grid." }),
       /* @__PURE__ */ jsx18("span", { children: error })
     ] }) }) });
@@ -5558,9 +5707,9 @@ function StageGridSurface({ basePath, onNavigate }) {
     decisions: []
   });
   if (cold.cold) {
-    return /* @__PURE__ */ jsxs17(StageGridFrame, { children: [
+    return /* @__PURE__ */ jsxs18(StageGridFrame, { children: [
       /* @__PURE__ */ jsx18("div", { className: "vos-firstrun", children: FIRST_RUN_LINE }),
-      /* @__PURE__ */ jsxs17("div", { className: "vos-card vos-cold vos-cold-stage-grid", children: [
+      /* @__PURE__ */ jsxs18("div", { className: "vos-card vos-cold vos-cold-stage-grid", children: [
         /* @__PURE__ */ jsx18("span", { className: "vos-cold-eyebrow", children: "No bets yet" }),
         /* @__PURE__ */ jsx18("p", { className: "vos-cold-body", children: "The Lens \xD7 Stage grid reads your business state off where your bets cluster. Write your first belief and the grid fills in \u2014 the densest cell per row is where that part of the business is." }),
         /* @__PURE__ */ jsx18(
@@ -5568,24 +5717,24 @@ function StageGridSurface({ basePath, onNavigate }) {
           {
             type: "button",
             className: "vos-btn",
-            onClick: () => onNavigate({ name: "records", register: "assumptions" }),
+            onClick: () => onNavigate({ name: "records", register: "assumptions", view: "all" }),
             children: "Write your first bet"
           }
         )
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxs17(StageGridFrame, { total: view.total, onRefresh: refresh, children: [
-    /* @__PURE__ */ jsxs17("div", { className: "vos-card vos-stage-grid-card", children: [
-      /* @__PURE__ */ jsx18("div", { className: "vos-stage-grid-scroll", children: /* @__PURE__ */ jsxs17("table", { className: "vos-stage-grid", role: "grid", "aria-label": "Lens \xD7 Stage heatmap", children: [
-        /* @__PURE__ */ jsx18("thead", { children: /* @__PURE__ */ jsxs17("tr", { children: [
+  return /* @__PURE__ */ jsxs18(StageGridFrame, { total: view.total, onRefresh: refresh, onNavigate, children: [
+    /* @__PURE__ */ jsxs18("div", { className: "vos-card vos-stage-grid-card", children: [
+      /* @__PURE__ */ jsx18("div", { className: "vos-stage-grid-scroll", children: /* @__PURE__ */ jsxs18("table", { className: "vos-stage-grid", role: "grid", "aria-label": "Lens \xD7 Stage heatmap", children: [
+        /* @__PURE__ */ jsx18("thead", { children: /* @__PURE__ */ jsxs18("tr", { children: [
           /* @__PURE__ */ jsx18("th", { scope: "col", className: "vos-stage-grid-corner", children: "Lens \u2193 / Stage \u2192" }),
-          view.stages.map((stage) => /* @__PURE__ */ jsxs17("th", { scope: "col", className: "vos-stage-grid-col", children: [
+          view.stages.map((stage) => /* @__PURE__ */ jsxs18("th", { scope: "col", className: "vos-stage-grid-col", children: [
             /* @__PURE__ */ jsx18("span", { className: "vos-stage-grid-stagename", children: stage }),
             /* @__PURE__ */ jsx18("span", { className: "vos-stage-grid-stagegloss", children: STAGE_GLOSS[stage] })
           ] }, stage))
         ] }) }),
-        /* @__PURE__ */ jsx18("tbody", { children: view.lenses.map((lens) => /* @__PURE__ */ jsxs17("tr", { children: [
+        /* @__PURE__ */ jsx18("tbody", { children: view.lenses.map((lens) => /* @__PURE__ */ jsxs18("tr", { children: [
           /* @__PURE__ */ jsx18("th", { scope: "row", className: "vos-stage-grid-rowhead", children: lens }),
           view.stages.map((stage) => {
             const cell = cellAt(view, lens, stage);
@@ -5607,7 +5756,8 @@ function StageGridSurface({ basePath, onNavigate }) {
       {
         cell: open,
         onClose: () => setOpen(null),
-        onOpenRecord: openRecord
+        onOpenRecord: openRecord,
+        onNavigate
       }
     )
   ] });
@@ -5615,16 +5765,17 @@ function StageGridSurface({ basePath, onNavigate }) {
 function StageGridFrame({
   total,
   onRefresh,
+  onNavigate,
   children
 }) {
-  return /* @__PURE__ */ jsxs17("div", { children: [
-    /* @__PURE__ */ jsxs17("div", { className: "vos-head", children: [
-      /* @__PURE__ */ jsxs17("div", { children: [
+  return /* @__PURE__ */ jsxs18("div", { children: [
+    /* @__PURE__ */ jsxs18("div", { className: "vos-head", children: [
+      /* @__PURE__ */ jsxs18("div", { children: [
         /* @__PURE__ */ jsx18("h1", { children: "Lens \xD7 Stage \u2014 where your bets cluster" }),
         /* @__PURE__ */ jsx18("p", { children: "Every belief cross-tabbed by the actor it's about (Lens) and the kind of response it tests (Stage). The grid is the filter; Risk is the rank." })
       ] }),
       /* @__PURE__ */ jsx18("div", { className: "vos-spacer" }),
-      total !== void 0 ? /* @__PURE__ */ jsxs17("span", { className: "vos-hint vos-stage-grid-total", children: [
+      total !== void 0 ? /* @__PURE__ */ jsxs18("span", { className: "vos-hint vos-stage-grid-total", children: [
         total,
         " ",
         total === 1 ? "belief" : "beliefs"
@@ -5637,6 +5788,15 @@ function StageGridFrame({
           onClick: onRefresh,
           children: "\u21BB Refresh"
         }
+      ) : null,
+      onNavigate ? /* @__PURE__ */ jsx18(
+        "button",
+        {
+          type: "button",
+          className: "vos-btn vos-btn-ghost",
+          onClick: () => onNavigate({ name: "records", register: "assumptions", view: "all" }),
+          children: "View all \u2192"
+        }
       ) : null
     ] }),
     /* @__PURE__ */ jsx18("div", { className: "vos-stage-grid-host", children })
@@ -5674,24 +5834,41 @@ function StageCell({
 function CellDrawer({
   cell,
   onClose,
-  onOpenRecord
+  onOpenRecord,
+  onNavigate
 }) {
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs18(
     DrawerShell,
     {
       open: cell !== null,
       onClose,
       ariaLabel: cell ? `${cell.lens} \xD7 ${cell.stage} \u2014 ${cell.count} ${cell.count === 1 ? "belief" : "beliefs"}` : "Cell drill-through",
       children: [
-        /* @__PURE__ */ jsx18("header", { className: "vos-drawer-header", children: /* @__PURE__ */ jsxs17("div", { children: [
-          /* @__PURE__ */ jsx18("p", { className: "vos-drawer-eyebrow", children: "Lens \xD7 Stage" }),
-          /* @__PURE__ */ jsxs17("h2", { className: "vos-drawer-title", children: [
-            cell?.lens,
-            " \xD7 ",
-            cell?.stage
+        /* @__PURE__ */ jsxs18("header", { className: "vos-drawer-header", children: [
+          /* @__PURE__ */ jsxs18("div", { children: [
+            /* @__PURE__ */ jsx18("p", { className: "vos-drawer-eyebrow", children: "Lens \xD7 Stage" }),
+            /* @__PURE__ */ jsxs18("h2", { className: "vos-drawer-title", children: [
+              cell?.lens,
+              " \xD7 ",
+              cell?.stage
+            ] }),
+            /* @__PURE__ */ jsx18("p", { className: "vos-hint", children: cell && cell.count > 0 ? `${cell.count} ${cell.count === 1 ? "belief" : "beliefs"}, ranked by Risk \u2014 riskiest first.` : "No beliefs in this cell." })
           ] }),
-          /* @__PURE__ */ jsx18("p", { className: "vos-hint", children: cell && cell.count > 0 ? `${cell.count} ${cell.count === 1 ? "belief" : "beliefs"}, ranked by Risk \u2014 riskiest first.` : "No beliefs in this cell." })
-        ] }) }),
+          cell && cell.stage !== "\u2014" && onNavigate && /* @__PURE__ */ jsx18(
+            "button",
+            {
+              type: "button",
+              className: "vos-btn vos-btn-secondary",
+              onClick: () => onNavigate({
+                name: "records",
+                register: "assumptions",
+                lens: cell.lens === "\u2014" ? void 0 : cell.lens,
+                stage: cell.stage
+              }),
+              children: "Open in table \u2192"
+            }
+          )
+        ] }),
         cell && cell.count > 0 ? /* @__PURE__ */ jsx18("div", { className: "vos-stage-grid-drawer-body", children: /* @__PURE__ */ jsx18(
           RegisterTable,
           {
@@ -5710,8 +5887,13 @@ var DEFAULT_ROUTE = { name: "next" };
 function parseRoute(hash, registers) {
   const h = hash.replace(/^#\/?/, "");
   if (!h) return DEFAULT_ROUTE;
-  const parts = h.split("/");
+  const [pathPart = "", queryPart = ""] = h.split("?");
+  const parts = pathPart.split("/");
   const head = parts[0] ?? "";
+  const query = new URLSearchParams(queryPart ?? "");
+  const lens = query.get("lens") ?? void 0;
+  const stage = query.get("stage") ?? void 0;
+  const view = query.get("view") ?? void 0;
   if (head === "next") return { name: "next" };
   if (head === "pipeline") return { name: "pipeline" };
   if (head === "stage-grid") return { name: "stage-grid" };
@@ -5720,14 +5902,20 @@ function parseRoute(hash, registers) {
     return id ? { name: "record", id } : DEFAULT_ROUTE;
   }
   if (registers.includes(head)) {
-    return { name: "records", register: head };
+    return { name: "records", register: head, lens, stage, view };
   }
   return DEFAULT_ROUTE;
 }
 function formatRoute(route) {
   switch (route.name) {
-    case "records":
-      return route.register;
+    case "records": {
+      const q = new URLSearchParams();
+      if (route.lens) q.set("lens", route.lens);
+      if (route.stage) q.set("stage", route.stage);
+      if (route.view) q.set("view", route.view);
+      const qs = q.toString();
+      return qs ? `${route.register}?${qs}` : route.register;
+    }
     case "record":
       return `record/${route.id}`;
     default:
@@ -5736,7 +5924,7 @@ function formatRoute(route) {
 }
 
 // src/sidebar-nav.tsx
-import { jsx as jsx19, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs19 } from "react/jsx-runtime";
 function SidebarNav({
   route,
   onNavigate,
@@ -5745,12 +5933,12 @@ function SidebarNav({
   registers
 }) {
   const activeRegister = route.name === "records" ? route.register : null;
-  return /* @__PURE__ */ jsxs18("nav", { className: "vos-nav", "aria-label": "Navigation", children: [
-    /* @__PURE__ */ jsxs18("div", { children: [
+  return /* @__PURE__ */ jsxs19("nav", { className: "vos-nav", "aria-label": "Navigation", children: [
+    /* @__PURE__ */ jsxs19("div", { children: [
       /* @__PURE__ */ jsx19("div", { className: "vos-nav-group", children: "Workflow" }),
       WORKFLOW_NAV.map((item) => {
         const active = route.name === item.route;
-        return /* @__PURE__ */ jsxs18(
+        return /* @__PURE__ */ jsxs19(
           "button",
           {
             type: "button",
@@ -5767,11 +5955,11 @@ function SidebarNav({
         );
       })
     ] }),
-    /* @__PURE__ */ jsxs18("div", { children: [
+    /* @__PURE__ */ jsxs19("div", { children: [
       /* @__PURE__ */ jsx19("div", { className: "vos-nav-group", children: "Records" }),
       registers.map((register) => {
         const active = register === activeRegister;
-        return /* @__PURE__ */ jsxs18(
+        return /* @__PURE__ */ jsxs19(
           "button",
           {
             type: "button",
@@ -5800,12 +5988,12 @@ function SidebarNav({
 }
 
 // src/use-counts.ts
-import { useCallback as useCallback4, useEffect as useEffect5, useMemo as useMemo7, useState as useState13 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect5, useMemo as useMemo7, useState as useState14 } from "react";
 function useCounts(basePath = "/api") {
-  const [counts, setCounts] = useState13(null);
-  const [loading, setLoading] = useState13(true);
-  const [error, setError] = useState13(null);
-  const [tick, setTick] = useState13(0);
+  const [counts, setCounts] = useState14(null);
+  const [loading, setLoading] = useState14(true);
+  const [error, setError] = useState14(null);
+  const [tick, setTick] = useState14(0);
   useEffect5(() => {
     let live = true;
     setLoading(true);
@@ -5833,7 +6021,7 @@ function useNeedsHuman(basePath = "/api") {
   const assumptions = useList("assumptions", basePath);
   const experiments = useList("experiments", basePath);
   const decisions = useList("decisions", basePath);
-  const [asOf] = useState13(() => (/* @__PURE__ */ new Date()).toISOString().slice(0, 10));
+  const [asOf] = useState14(() => (/* @__PURE__ */ new Date()).toISOString().slice(0, 10));
   return useMemo7(() => {
     const counts = needsHumanCounts({
       asOf,
@@ -5845,12 +6033,13 @@ function useNeedsHuman(basePath = "/api") {
     if (counts.killLane > 0) byRegister.assumptions = counts.killLane;
     if (counts.overdue > 0) byRegister.experiments = counts.overdue;
     if (counts.inTension > 0) byRegister.decisions = counts.inTension;
-    return { counts, byRegister };
+    const liveExperimentCount = experiments.records ? liveExperiments(experiments.records).length : null;
+    return { counts, byRegister, liveExperimentCount };
   }, [asOf, assumptions.records, experiments.records, decisions.records]);
 }
 
 // src/dashboard-app.tsx
-import { jsx as jsx20, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs20 } from "react/jsx-runtime";
 function initialsOf(name) {
   const parts = name.trim().split(/\s+/);
   const first = parts[0]?.[0] ?? "";
@@ -5866,11 +6055,12 @@ function ValidationOSDashboard({ config = {} }) {
     user,
     registers = REGISTER_ORDER
   } = config;
-  const [route, setRoute] = useState14(
+  const [route, setRoute] = useState15(
     () => typeof window === "undefined" ? { name: "next" } : parseRoute(window.location.hash, registers)
   );
   const { counts } = useCounts(basePath);
-  const { byRegister: needsHuman } = useNeedsHuman(basePath);
+  const { byRegister: needsHuman, liveExperimentCount } = useNeedsHuman(basePath);
+  const navCounts = counts && liveExperimentCount !== null ? { ...counts, experiments: liveExperimentCount } : counts;
   useEffect6(() => {
     if (typeof window === "undefined") return;
     const onHash = () => setRoute(parseRoute(window.location.hash, registers));
@@ -5892,27 +6082,27 @@ function ValidationOSDashboard({ config = {} }) {
   }, []);
   const brandName = branding?.name ?? "Validation-OS";
   const brandMark = branding?.initials ?? "V";
-  return /* @__PURE__ */ jsxs19("div", { className: "vos-app", children: [
-    /* @__PURE__ */ jsxs19("div", { className: "vos-brand", children: [
+  return /* @__PURE__ */ jsxs20("div", { className: "vos-app", children: [
+    /* @__PURE__ */ jsxs20("div", { className: "vos-brand", children: [
       /* @__PURE__ */ jsx20("span", { className: "vos-brand-dot", children: branding?.logoUrl ? /* @__PURE__ */ jsx20("img", { src: branding.logoUrl, alt: "" }) : brandMark }),
       " ",
       brandName
     ] }),
-    /* @__PURE__ */ jsxs19("div", { className: "vos-topbar", children: [
-      backendLabel ? /* @__PURE__ */ jsxs19("div", { className: "vos-backend", children: [
+    /* @__PURE__ */ jsxs20("div", { className: "vos-topbar", children: [
+      backendLabel ? /* @__PURE__ */ jsxs20("div", { className: "vos-backend", children: [
         /* @__PURE__ */ jsx20("span", { className: "vos-live-dot" }),
         " Backend: ",
         /* @__PURE__ */ jsx20("b", { children: backendLabel })
       ] }) : null,
-      agentLabel ? /* @__PURE__ */ jsxs19("span", { className: "vos-hint", children: [
+      agentLabel ? /* @__PURE__ */ jsxs20("span", { className: "vos-hint", children: [
         "Agent: ",
         /* @__PURE__ */ jsx20("b", { style: { color: "var(--vos-text)" }, children: agentLabel })
       ] }) : null,
       /* @__PURE__ */ jsx20("div", { className: "vos-spacer" }),
       /* @__PURE__ */ jsx20("button", { type: "button", className: "vos-iconbtn", onClick: toggleTheme, children: "\u25D0 Theme" }),
-      user?.name ? /* @__PURE__ */ jsxs19("div", { className: "vos-user", children: [
+      user?.name ? /* @__PURE__ */ jsxs20("div", { className: "vos-user", children: [
         /* @__PURE__ */ jsx20("span", { className: "vos-avatar", children: initialsOf(user.name) }),
-        /* @__PURE__ */ jsxs19("div", { children: [
+        /* @__PURE__ */ jsxs20("div", { children: [
           /* @__PURE__ */ jsx20("span", { className: "vos-user-name", children: user.name }),
           user.caption ? /* @__PURE__ */ jsx20("small", { children: user.caption }) : null
         ] })
@@ -5923,20 +6113,27 @@ function ValidationOSDashboard({ config = {} }) {
       {
         route,
         onNavigate: navigate,
-        counts,
+        counts: navCounts,
         needsHuman,
         registers
       }
     ),
-    /* @__PURE__ */ jsx20("main", { className: "vos-main", children: route.name === "records" ? /* @__PURE__ */ jsx20(
-      RegisterBrowser,
-      {
-        register: route.register,
-        basePath,
-        subtitle: REGISTER_SUBTITLE[route.register],
-        onOpenRecord: (id) => navigate({ name: "record", id })
-      },
-      route.register
+    /* @__PURE__ */ jsx20("main", { className: "vos-main", children: route.name === "records" ? (
+      // The assumptions register renders the grid as its landing surface
+      // (#assumptions with no query); cell-click and "view all" drill into
+      // the filtered/unfiltered table by setting lens/stage/view on the route.
+      route.register === "assumptions" && !route.lens && !route.stage && route.view !== "all" ? /* @__PURE__ */ jsx20(StageGridSurface, { basePath, onNavigate: navigate }, "stage-grid") : /* @__PURE__ */ jsx20(
+        RegisterBrowser,
+        {
+          register: route.register,
+          basePath,
+          subtitle: REGISTER_SUBTITLE[route.register],
+          onOpenRecord: (id) => navigate({ name: "record", id }),
+          lens: route.lens,
+          stage: route.stage
+        },
+        route.register + (route.lens ?? "") + (route.stage ?? "") + (route.view ?? "")
+      )
     ) : route.name === "record" ? /* @__PURE__ */ jsx20(
       RecordPage,
       {
@@ -5976,15 +6173,15 @@ function composeConnectCommand(input) {
 }
 
 // src/connect-claude-code.tsx
-import { useState as useState15 } from "react";
-import { jsx as jsx21, jsxs as jsxs20 } from "react/jsx-runtime";
+import { useState as useState16 } from "react";
+import { jsx as jsx21, jsxs as jsxs21 } from "react/jsx-runtime";
 function ConnectClaudeCode({
   apiBaseUrl,
   tokenEnv,
   mintToken
 }) {
-  const [state, setState] = useState15({ phase: "idle" });
-  const [copied, setCopied] = useState15(false);
+  const [state, setState] = useState16({ phase: "idle" });
+  const [copied, setCopied] = useState16(false);
   async function generate() {
     setState({ phase: "minting" });
     setCopied(false);
@@ -6006,15 +6203,15 @@ function ConnectClaudeCode({
     } catch {
     }
   }
-  return /* @__PURE__ */ jsxs20("div", { children: [
-    /* @__PURE__ */ jsx21("div", { className: "vos-head", children: /* @__PURE__ */ jsxs20("div", { children: [
+  return /* @__PURE__ */ jsxs21("div", { children: [
+    /* @__PURE__ */ jsx21("div", { className: "vos-head", children: /* @__PURE__ */ jsxs21("div", { children: [
       /* @__PURE__ */ jsx21("h1", { children: "Connect Claude Code" }),
       /* @__PURE__ */ jsx21("p", { children: "Run the validation skills against this register from your own Claude Code \u2014 no repo, no keys to hunt down." })
     ] }) }),
-    /* @__PURE__ */ jsxs20("ol", { className: "vos-hint", style: { lineHeight: 1.8 }, children: [
+    /* @__PURE__ */ jsxs21("ol", { className: "vos-hint", style: { lineHeight: 1.8 }, children: [
       /* @__PURE__ */ jsx21("li", { children: "Generate your personal connection command below." }),
       /* @__PURE__ */ jsx21("li", { children: "Paste it into a terminal in the workspace you'll run the skills in." }),
-      /* @__PURE__ */ jsxs20("li", { children: [
+      /* @__PURE__ */ jsxs21("li", { children: [
         "The command carries a token tied to ",
         /* @__PURE__ */ jsx21("strong", { children: "you" }),
         " \u2014 anything you write lands under your name. Don't share it."
@@ -6031,9 +6228,9 @@ function ConnectClaudeCode({
       }
     ) : null,
     state.phase === "error" ? /* @__PURE__ */ jsx21("p", { className: "vos-hint", role: "alert", children: state.message }) : null,
-    state.phase === "ready" ? /* @__PURE__ */ jsxs20("div", { children: [
+    state.phase === "ready" ? /* @__PURE__ */ jsxs21("div", { children: [
       /* @__PURE__ */ jsx21("pre", { className: "vos-code", "aria-label": "Connection command", children: state.command }),
-      /* @__PURE__ */ jsxs20("div", { style: { display: "flex", gap: 8 }, children: [
+      /* @__PURE__ */ jsxs21("div", { style: { display: "flex", gap: 8 }, children: [
         /* @__PURE__ */ jsx21(
           "button",
           {
@@ -6051,14 +6248,14 @@ function ConnectClaudeCode({
 }
 
 // src/surface-placeholder.tsx
-import { jsx as jsx22, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs22 } from "react/jsx-runtime";
 function SurfacePlaceholder({
   title,
   subtitle,
   detail
 }) {
-  return /* @__PURE__ */ jsxs21("div", { children: [
-    /* @__PURE__ */ jsx22("div", { className: "vos-head", children: /* @__PURE__ */ jsxs21("div", { children: [
+  return /* @__PURE__ */ jsxs22("div", { children: [
+    /* @__PURE__ */ jsx22("div", { className: "vos-head", children: /* @__PURE__ */ jsxs22("div", { children: [
       /* @__PURE__ */ jsx22("h1", { children: title }),
       /* @__PURE__ */ jsx22("p", { children: subtitle })
     ] }) }),
@@ -6067,7 +6264,7 @@ function SurfacePlaceholder({
 }
 
 // src/register-counts.tsx
-import { jsx as jsx23, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs23 } from "react/jsx-runtime";
 function RegisterCounts({
   counts,
   caption,
@@ -6077,7 +6274,7 @@ function RegisterCounts({
   const registers = REGISTER_ORDER.filter(
     (r) => counts[r] !== void 0
   );
-  return /* @__PURE__ */ jsxs22("section", { "aria-label": "Register counts", children: [
+  return /* @__PURE__ */ jsxs23("section", { "aria-label": "Register counts", children: [
     /* @__PURE__ */ jsx23("div", { className: "vos-tile-grid", children: registers.map((register) => /* @__PURE__ */ jsx23(
       StatTile,
       {