@validation-os/dashboard 0.9.0 → 0.10.0

package/dist/index.js

@@ -1,7 +1,7 @@
 "use client";
 
 // src/dashboard-app.tsx
-import { useCallback as useCallback5, useEffect as useEffect6, useState as useState13 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect6, useState as useState14 } from "react";
 
 // src/labels.ts
 var REGISTER_LABEL = {
@@ -49,7 +49,8 @@ var REGISTER_GROUPS = [
 ];
 var WORKFLOW_NAV = [
   { route: "next", label: "Next move", icon: "\u25C8", isDefault: true },
-  { route: "pipeline", label: "Pipeline", icon: "\u25A6" }
+  { route: "stage-grid", label: "Lens \xD7 Stage", icon: "\u25A6" },
+  { route: "pipeline", label: "Pipeline", icon: "\u25A4" }
 ];
 
 // src/next-move.ts
@@ -5420,6 +5421,290 @@ function StageStepper({ move }) {
   )) });
 }
 
+// src/stage-grid-surface.tsx
+import { useMemo as useMemo6, useState as useState12 } from "react";
+
+// src/stage-grid-model.ts
+var STAGE_ORDER = [
+  "Discovery",
+  "Validation",
+  "Scale",
+  "Maturity"
+];
+var STAGE_GLOSS = {
+  Discovery: "Problem-solution fit \u2014 will they engage, care, disclose?",
+  Validation: "Product-market fit \u2014 will they pay, sign, stay?",
+  Scale: "Growth \u2014 can we acquire efficiently, does CAC<LTV hold at volume?",
+  Maturity: "Defense \u2014 will incumbents respond, will regulators accept?"
+};
+var NO_LENS = "\u2014";
+var NO_STAGE = "\u2014";
+function stageOf(record) {
+  const v = str(record.Stage);
+  if (!v) return null;
+  return STAGE_ORDER.includes(v) ? v : null;
+}
+function rankByRisk(records) {
+  return [...records].map((r) => ({ r, risk: derivedNum(r, "risk") ?? 0 })).sort(
+    (a, b) => a.risk !== b.risk ? b.risk - a.risk : a.r.id.localeCompare(b.r.id)
+  ).map((x) => x.r);
+}
+function buildStageGrid(assumptions) {
+  const lensOrder = [];
+  const seenLens = /* @__PURE__ */ new Set();
+  const pushLens = (lens) => {
+    if (!seenLens.has(lens)) {
+      seenLens.add(lens);
+      lensOrder.push(lens);
+    }
+  };
+  const buckets = /* @__PURE__ */ new Map();
+  const ensureLens = (lens) => {
+    let m = buckets.get(lens);
+    if (!m) {
+      m = /* @__PURE__ */ new Map();
+      buckets.set(lens, m);
+    }
+    return m;
+  };
+  let hasNoLens = false;
+  let hasNoStage = false;
+  for (const a of assumptions) {
+    const lens = str(a.Lens) ?? NO_LENS;
+    const stage = stageOf(a) ?? NO_STAGE;
+    if (lens === NO_LENS) hasNoLens = true;
+    if (stage === NO_STAGE) hasNoStage = true;
+    pushLens(lens);
+    const byStage = ensureLens(lens);
+    let list = byStage.get(stage);
+    if (!list) {
+      list = [];
+      byStage.set(stage, list);
+    }
+    list.push(a);
+  }
+  if (hasNoLens) {
+    lensOrder.splice(lensOrder.indexOf(NO_LENS), 1);
+    lensOrder.push(NO_LENS);
+  } else {
+    const idx = lensOrder.indexOf(NO_LENS);
+    if (idx >= 0) lensOrder.splice(idx, 1);
+  }
+  const stageOrder = [...STAGE_ORDER];
+  if (hasNoStage) stageOrder.push(NO_STAGE);
+  const cells = [];
+  let maxCellCount = 0;
+  let total = 0;
+  for (const lens of lensOrder) {
+    const byStage = buckets.get(lens) ?? /* @__PURE__ */ new Map();
+    for (const stage of stageOrder) {
+      const records = byStage.get(stage) ?? [];
+      const ranked = rankByRisk(records);
+      const count = ranked.length;
+      maxCellCount = Math.max(maxCellCount, count);
+      total += count;
+      cells.push({
+        lens,
+        stage,
+        count,
+        assumptions: ranked,
+        // density filled in a second pass once maxCellCount is known.
+        density: 0
+      });
+    }
+  }
+  const norm2 = maxCellCount > 0 ? 1 / maxCellCount : 0;
+  for (const cell of cells) {
+    cell.density = cell.count * norm2;
+  }
+  return {
+    lenses: lensOrder,
+    stages: [...STAGE_ORDER],
+    cells,
+    maxCellCount,
+    total
+  };
+}
+function cellAt(view, lens, stage) {
+  return view.cells.find((c) => c.lens === lens && c.stage === stage) ?? null;
+}
+
+// src/stage-grid-surface.tsx
+import { jsx as jsx18, jsxs as jsxs17 } 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 view = useMemo6(
+    () => buildStageGrid(assumptions.records ?? []),
+    [assumptions.records]
+  );
+  const refresh = () => assumptions.refresh();
+  const openRecord = (id) => onNavigate({ name: "record", id });
+  if (loading && !assumptions.records) {
+    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: [
+      /* @__PURE__ */ jsx18("b", { children: "Couldn't load the grid." }),
+      /* @__PURE__ */ jsx18("span", { children: error })
+    ] }) }) });
+  }
+  const cold = coldStartFor({
+    assumptions: assumptions.records ?? [],
+    experiments: [],
+    readings: [],
+    decisions: []
+  });
+  if (cold.cold) {
+    return /* @__PURE__ */ jsxs17(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__ */ 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(
+          "button",
+          {
+            type: "button",
+            className: "vos-btn",
+            onClick: () => onNavigate({ name: "records", register: "assumptions" }),
+            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: [
+          /* @__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: [
+            /* @__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("th", { scope: "row", className: "vos-stage-grid-rowhead", children: lens }),
+          view.stages.map((stage) => {
+            const cell = cellAt(view, lens, stage);
+            return /* @__PURE__ */ jsx18(
+              StageCell,
+              {
+                cell,
+                onClick: () => setOpen(cell)
+              },
+              stage
+            );
+          })
+        ] }, lens)) })
+      ] }) }),
+      /* @__PURE__ */ jsx18("p", { className: "vos-hint vos-stage-grid-foot", children: "The densest cell per row is where that part of the business is \u2014 no flag, no declaration, the density tells you. Click a cell to drill into its assumptions, ranked by Risk. Thin/empty cells are gaps: Consumer \xD7 Maturity is honestly 0 (consumers don't drive defense bets); a thin Commercial \xD7 Scale row is under-tracking scale." })
+    ] }),
+    /* @__PURE__ */ jsx18(
+      CellDrawer,
+      {
+        cell: open,
+        onClose: () => setOpen(null),
+        onOpenRecord: openRecord
+      }
+    )
+  ] });
+}
+function StageGridFrame({
+  total,
+  onRefresh,
+  children
+}) {
+  return /* @__PURE__ */ jsxs17("div", { children: [
+    /* @__PURE__ */ jsxs17("div", { className: "vos-head", children: [
+      /* @__PURE__ */ jsxs17("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,
+        " ",
+        total === 1 ? "belief" : "beliefs"
+      ] }) : null,
+      onRefresh ? /* @__PURE__ */ jsx18(
+        "button",
+        {
+          type: "button",
+          className: "vos-btn vos-btn-ghost",
+          onClick: onRefresh,
+          children: "\u21BB Refresh"
+        }
+      ) : null
+    ] }),
+    /* @__PURE__ */ jsx18("div", { className: "vos-stage-grid-host", children })
+  ] });
+}
+function StageCell({
+  cell,
+  onClick
+}) {
+  const empty = cell.count === 0;
+  const style = empty ? void 0 : {
+    // Heatmap fill: opacity 0.08 → 0.92 across the density range, on the
+    // accent token. Keeps the grid readable in both themes.
+    "--vos-cell-alpha": (0.08 + cell.density * 0.84).toFixed(3)
+  };
+  return /* @__PURE__ */ jsx18(
+    "td",
+    {
+      className: `vos-stage-grid-cell${empty ? " vos-stage-grid-cell-empty" : ""}`,
+      style,
+      children: /* @__PURE__ */ jsx18(
+        "button",
+        {
+          type: "button",
+          className: "vos-stage-grid-btn",
+          onClick,
+          "aria-label": `${cell.lens} \xD7 ${cell.stage}: ${cell.count} ${cell.count === 1 ? "belief" : "beliefs"}`,
+          title: empty ? "No beliefs in this cell" : `Riskiest: ${cell.assumptions[0]?.Title ?? "\u2014"}`,
+          children: /* @__PURE__ */ jsx18("span", { className: "vos-stage-grid-count vos-num", children: cell.count })
+        }
+      )
+    }
+  );
+}
+function CellDrawer({
+  cell,
+  onClose,
+  onOpenRecord
+}) {
+  return /* @__PURE__ */ jsxs17(
+    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__ */ 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.count > 0 ? /* @__PURE__ */ jsx18("div", { className: "vos-stage-grid-drawer-body", children: /* @__PURE__ */ jsx18(
+          RegisterTable,
+          {
+            register: "assumptions",
+            records: cell.assumptions,
+            onRowClick: onOpenRecord
+          }
+        ) }) : cell ? /* @__PURE__ */ jsx18("p", { className: "vos-empty", style: { margin: 16 }, children: "No beliefs in this cell \u2014 a gap, not a bug." }) : null
+      ]
+    }
+  );
+}
+
 // src/route.ts
 var DEFAULT_ROUTE = { name: "next" };
 function parseRoute(hash, registers) {
@@ -5429,6 +5714,7 @@ function parseRoute(hash, registers) {
   const head = parts[0] ?? "";
   if (head === "next") return { name: "next" };
   if (head === "pipeline") return { name: "pipeline" };
+  if (head === "stage-grid") return { name: "stage-grid" };
   if (head === "record") {
     const id = parts.slice(1).join("/");
     return id ? { name: "record", id } : DEFAULT_ROUTE;
@@ -5450,7 +5736,7 @@ function formatRoute(route) {
 }
 
 // src/sidebar-nav.tsx
-import { jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs18 } from "react/jsx-runtime";
 function SidebarNav({
   route,
   onNavigate,
@@ -5459,12 +5745,12 @@ function SidebarNav({
   registers
 }) {
   const activeRegister = route.name === "records" ? route.register : null;
-  return /* @__PURE__ */ jsxs17("nav", { className: "vos-nav", "aria-label": "Navigation", children: [
-    /* @__PURE__ */ jsxs17("div", { children: [
-      /* @__PURE__ */ jsx18("div", { className: "vos-nav-group", children: "Workflow" }),
+  return /* @__PURE__ */ jsxs18("nav", { className: "vos-nav", "aria-label": "Navigation", children: [
+    /* @__PURE__ */ jsxs18("div", { children: [
+      /* @__PURE__ */ jsx19("div", { className: "vos-nav-group", children: "Workflow" }),
       WORKFLOW_NAV.map((item) => {
         const active = route.name === item.route;
-        return /* @__PURE__ */ jsxs17(
+        return /* @__PURE__ */ jsxs18(
           "button",
           {
             type: "button",
@@ -5472,20 +5758,20 @@ function SidebarNav({
             "aria-current": active ? "page" : void 0,
             onClick: () => onNavigate({ name: item.route }),
             children: [
-              /* @__PURE__ */ jsx18("span", { className: "vos-nav-ic", "aria-hidden": "true", children: item.icon }),
+              /* @__PURE__ */ jsx19("span", { className: "vos-nav-ic", "aria-hidden": "true", children: item.icon }),
               item.label,
-              item.isDefault ? /* @__PURE__ */ jsx18("span", { className: "vos-nav-default", children: "home" }) : null
+              item.isDefault ? /* @__PURE__ */ jsx19("span", { className: "vos-nav-default", children: "home" }) : null
             ]
           },
           item.route
         );
       })
     ] }),
-    /* @__PURE__ */ jsxs17("div", { children: [
-      /* @__PURE__ */ jsx18("div", { className: "vos-nav-group", children: "Records" }),
+    /* @__PURE__ */ jsxs18("div", { children: [
+      /* @__PURE__ */ jsx19("div", { className: "vos-nav-group", children: "Records" }),
       registers.map((register) => {
         const active = register === activeRegister;
-        return /* @__PURE__ */ jsxs17(
+        return /* @__PURE__ */ jsxs18(
           "button",
           {
             type: "button",
@@ -5493,9 +5779,9 @@ function SidebarNav({
             "aria-current": active ? "page" : void 0,
             onClick: () => onNavigate({ name: "records", register }),
             children: [
-              /* @__PURE__ */ jsx18("span", { className: "vos-nav-ic", "aria-hidden": "true", children: REGISTER_ICON[register] }),
+              /* @__PURE__ */ jsx19("span", { className: "vos-nav-ic", "aria-hidden": "true", children: REGISTER_ICON[register] }),
               REGISTER_LABEL[register],
-              needsHuman?.[register] ? /* @__PURE__ */ jsx18(
+              needsHuman?.[register] ? /* @__PURE__ */ jsx19(
                 "span",
                 {
                   className: "vos-nav-alert",
@@ -5503,7 +5789,7 @@ function SidebarNav({
                   children: formatCount(needsHuman[register] ?? 0)
                 }
               ) : null,
-              /* @__PURE__ */ jsx18("span", { className: "vos-nav-count vos-num", children: counts?.[register] !== void 0 ? formatCount(counts[register] ?? 0) : "\xB7" })
+              /* @__PURE__ */ jsx19("span", { className: "vos-nav-count vos-num", children: counts?.[register] !== void 0 ? formatCount(counts[register] ?? 0) : "\xB7" })
             ]
           },
           register
@@ -5514,12 +5800,12 @@ function SidebarNav({
 }
 
 // src/use-counts.ts
-import { useCallback as useCallback4, useEffect as useEffect5, useMemo as useMemo6, useState as useState12 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect5, useMemo as useMemo7, useState as useState13 } from "react";
 function useCounts(basePath = "/api") {
-  const [counts, setCounts] = useState12(null);
-  const [loading, setLoading] = useState12(true);
-  const [error, setError] = useState12(null);
-  const [tick, setTick] = useState12(0);
+  const [counts, setCounts] = useState13(null);
+  const [loading, setLoading] = useState13(true);
+  const [error, setError] = useState13(null);
+  const [tick, setTick] = useState13(0);
   useEffect5(() => {
     let live = true;
     setLoading(true);
@@ -5547,8 +5833,8 @@ function useNeedsHuman(basePath = "/api") {
   const assumptions = useList("assumptions", basePath);
   const experiments = useList("experiments", basePath);
   const decisions = useList("decisions", basePath);
-  const [asOf] = useState12(() => (/* @__PURE__ */ new Date()).toISOString().slice(0, 10));
-  return useMemo6(() => {
+  const [asOf] = useState13(() => (/* @__PURE__ */ new Date()).toISOString().slice(0, 10));
+  return useMemo7(() => {
     const counts = needsHumanCounts({
       asOf,
       assumptions: assumptions.records ?? [],
@@ -5564,7 +5850,7 @@ function useNeedsHuman(basePath = "/api") {
 }
 
 // src/dashboard-app.tsx
-import { jsx as jsx19, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs19 } from "react/jsx-runtime";
 function initialsOf(name) {
   const parts = name.trim().split(/\s+/);
   const first = parts[0]?.[0] ?? "";
@@ -5580,7 +5866,7 @@ function ValidationOSDashboard({ config = {} }) {
     user,
     registers = REGISTER_ORDER
   } = config;
-  const [route, setRoute] = useState13(
+  const [route, setRoute] = useState14(
     () => typeof window === "undefined" ? { name: "next" } : parseRoute(window.location.hash, registers)
   );
   const { counts } = useCounts(basePath);
@@ -5606,33 +5892,33 @@ function ValidationOSDashboard({ config = {} }) {
   }, []);
   const brandName = branding?.name ?? "Validation-OS";
   const brandMark = branding?.initials ?? "V";
-  return /* @__PURE__ */ jsxs18("div", { className: "vos-app", children: [
-    /* @__PURE__ */ jsxs18("div", { className: "vos-brand", children: [
-      /* @__PURE__ */ jsx19("span", { className: "vos-brand-dot", children: branding?.logoUrl ? /* @__PURE__ */ jsx19("img", { src: branding.logoUrl, alt: "" }) : brandMark }),
+  return /* @__PURE__ */ jsxs19("div", { className: "vos-app", children: [
+    /* @__PURE__ */ jsxs19("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__ */ jsxs18("div", { className: "vos-topbar", children: [
-      backendLabel ? /* @__PURE__ */ jsxs18("div", { className: "vos-backend", children: [
-        /* @__PURE__ */ jsx19("span", { className: "vos-live-dot" }),
+    /* @__PURE__ */ jsxs19("div", { className: "vos-topbar", children: [
+      backendLabel ? /* @__PURE__ */ jsxs19("div", { className: "vos-backend", children: [
+        /* @__PURE__ */ jsx20("span", { className: "vos-live-dot" }),
         " Backend: ",
-        /* @__PURE__ */ jsx19("b", { children: backendLabel })
+        /* @__PURE__ */ jsx20("b", { children: backendLabel })
       ] }) : null,
-      agentLabel ? /* @__PURE__ */ jsxs18("span", { className: "vos-hint", children: [
+      agentLabel ? /* @__PURE__ */ jsxs19("span", { className: "vos-hint", children: [
         "Agent: ",
-        /* @__PURE__ */ jsx19("b", { style: { color: "var(--vos-text)" }, children: agentLabel })
+        /* @__PURE__ */ jsx20("b", { style: { color: "var(--vos-text)" }, children: agentLabel })
       ] }) : null,
-      /* @__PURE__ */ jsx19("div", { className: "vos-spacer" }),
-      /* @__PURE__ */ jsx19("button", { type: "button", className: "vos-iconbtn", onClick: toggleTheme, children: "\u25D0 Theme" }),
-      user?.name ? /* @__PURE__ */ jsxs18("div", { className: "vos-user", children: [
-        /* @__PURE__ */ jsx19("span", { className: "vos-avatar", children: initialsOf(user.name) }),
-        /* @__PURE__ */ jsxs18("div", { children: [
-          /* @__PURE__ */ jsx19("span", { className: "vos-user-name", children: user.name }),
-          user.caption ? /* @__PURE__ */ jsx19("small", { children: user.caption }) : 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: [
+        /* @__PURE__ */ jsx20("span", { className: "vos-avatar", children: initialsOf(user.name) }),
+        /* @__PURE__ */ jsxs19("div", { children: [
+          /* @__PURE__ */ jsx20("span", { className: "vos-user-name", children: user.name }),
+          user.caption ? /* @__PURE__ */ jsx20("small", { children: user.caption }) : null
         ] })
       ] }) : null
     ] }),
-    /* @__PURE__ */ jsx19(
+    /* @__PURE__ */ jsx20(
       SidebarNav,
       {
         route,
@@ -5642,7 +5928,7 @@ function ValidationOSDashboard({ config = {} }) {
         registers
       }
     ),
-    /* @__PURE__ */ jsx19("main", { className: "vos-main", children: route.name === "records" ? /* @__PURE__ */ jsx19(
+    /* @__PURE__ */ jsx20("main", { className: "vos-main", children: route.name === "records" ? /* @__PURE__ */ jsx20(
       RegisterBrowser,
       {
         register: route.register,
@@ -5651,7 +5937,7 @@ function ValidationOSDashboard({ config = {} }) {
         onOpenRecord: (id) => navigate({ name: "record", id })
       },
       route.register
-    ) : route.name === "record" ? /* @__PURE__ */ jsx19(
+    ) : route.name === "record" ? /* @__PURE__ */ jsx20(
       RecordPage,
       {
         recordId: route.id,
@@ -5660,7 +5946,7 @@ function ValidationOSDashboard({ config = {} }) {
         basePath
       },
       route.id
-    ) : route.name === "pipeline" ? /* @__PURE__ */ jsx19(PipelineSurface, { basePath, onNavigate: navigate }, "pipeline") : /* @__PURE__ */ jsx19(NextMoveSurface, { basePath, onNavigate: navigate }, "next") })
+    ) : route.name === "pipeline" ? /* @__PURE__ */ jsx20(PipelineSurface, { basePath, onNavigate: navigate }, "pipeline") : route.name === "stage-grid" ? /* @__PURE__ */ jsx20(StageGridSurface, { basePath, onNavigate: navigate }, "stage-grid") : /* @__PURE__ */ jsx20(NextMoveSurface, { basePath, onNavigate: navigate }, "next") })
   ] });
 }
 
@@ -5690,15 +5976,15 @@ function composeConnectCommand(input) {
 }
 
 // src/connect-claude-code.tsx
-import { useState as useState14 } from "react";
-import { jsx as jsx20, jsxs as jsxs19 } from "react/jsx-runtime";
+import { useState as useState15 } from "react";
+import { jsx as jsx21, jsxs as jsxs20 } from "react/jsx-runtime";
 function ConnectClaudeCode({
   apiBaseUrl,
   tokenEnv,
   mintToken
 }) {
-  const [state, setState] = useState14({ phase: "idle" });
-  const [copied, setCopied] = useState14(false);
+  const [state, setState] = useState15({ phase: "idle" });
+  const [copied, setCopied] = useState15(false);
   async function generate() {
     setState({ phase: "minting" });
     setCopied(false);
@@ -5720,21 +6006,21 @@ function ConnectClaudeCode({
     } catch {
     }
   }
-  return /* @__PURE__ */ jsxs19("div", { children: [
-    /* @__PURE__ */ jsx20("div", { className: "vos-head", children: /* @__PURE__ */ jsxs19("div", { children: [
-      /* @__PURE__ */ jsx20("h1", { children: "Connect Claude Code" }),
-      /* @__PURE__ */ jsx20("p", { children: "Run the validation skills against this register from your own Claude Code \u2014 no repo, no keys to hunt down." })
+  return /* @__PURE__ */ jsxs20("div", { children: [
+    /* @__PURE__ */ jsx21("div", { className: "vos-head", children: /* @__PURE__ */ jsxs20("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__ */ jsxs19("ol", { className: "vos-hint", style: { lineHeight: 1.8 }, children: [
-      /* @__PURE__ */ jsx20("li", { children: "Generate your personal connection command below." }),
-      /* @__PURE__ */ jsx20("li", { children: "Paste it into a terminal in the workspace you'll run the skills in." }),
-      /* @__PURE__ */ jsxs19("li", { children: [
+    /* @__PURE__ */ jsxs20("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: [
         "The command carries a token tied to ",
-        /* @__PURE__ */ jsx20("strong", { children: "you" }),
+        /* @__PURE__ */ jsx21("strong", { children: "you" }),
         " \u2014 anything you write lands under your name. Don't share it."
       ] })
     ] }),
-    state.phase !== "ready" ? /* @__PURE__ */ jsx20(
+    state.phase !== "ready" ? /* @__PURE__ */ jsx21(
       "button",
       {
         type: "button",
@@ -5744,11 +6030,11 @@ function ConnectClaudeCode({
         children: state.phase === "minting" ? "Generating\u2026" : "Generate connection command"
       }
     ) : null,
-    state.phase === "error" ? /* @__PURE__ */ jsx20("p", { className: "vos-hint", role: "alert", children: state.message }) : null,
-    state.phase === "ready" ? /* @__PURE__ */ jsxs19("div", { children: [
-      /* @__PURE__ */ jsx20("pre", { className: "vos-code", "aria-label": "Connection command", children: state.command }),
-      /* @__PURE__ */ jsxs19("div", { style: { display: "flex", gap: 8 }, children: [
-        /* @__PURE__ */ jsx20(
+    state.phase === "error" ? /* @__PURE__ */ jsx21("p", { className: "vos-hint", role: "alert", children: state.message }) : null,
+    state.phase === "ready" ? /* @__PURE__ */ jsxs20("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__ */ jsx21(
           "button",
           {
             type: "button",
@@ -5757,31 +6043,31 @@ function ConnectClaudeCode({
             children: copied ? "Copied" : "Copy command"
           }
         ),
-        /* @__PURE__ */ jsx20("button", { type: "button", className: "vos-btn-ghost", onClick: generate, children: "Regenerate" })
+        /* @__PURE__ */ jsx21("button", { type: "button", className: "vos-btn-ghost", onClick: generate, children: "Regenerate" })
       ] }),
-      /* @__PURE__ */ jsx20("p", { className: "vos-hint", style: { marginTop: 12 }, children: "Generating again revokes nothing on its own \u2014 remove old keys from your account settings when you rotate." })
+      /* @__PURE__ */ jsx21("p", { className: "vos-hint", style: { marginTop: 12 }, children: "Generating again revokes nothing on its own \u2014 remove old keys from your account settings when you rotate." })
     ] }) : null
   ] });
 }
 
 // src/surface-placeholder.tsx
-import { jsx as jsx21, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs21 } from "react/jsx-runtime";
 function SurfacePlaceholder({
   title,
   subtitle,
   detail
 }) {
-  return /* @__PURE__ */ jsxs20("div", { children: [
-    /* @__PURE__ */ jsx21("div", { className: "vos-head", children: /* @__PURE__ */ jsxs20("div", { children: [
-      /* @__PURE__ */ jsx21("h1", { children: title }),
-      /* @__PURE__ */ jsx21("p", { children: subtitle })
+  return /* @__PURE__ */ jsxs21("div", { children: [
+    /* @__PURE__ */ jsx22("div", { className: "vos-head", children: /* @__PURE__ */ jsxs21("div", { children: [
+      /* @__PURE__ */ jsx22("h1", { children: title }),
+      /* @__PURE__ */ jsx22("p", { children: subtitle })
     ] }) }),
-    /* @__PURE__ */ jsx21("div", { className: "vos-empty", children: detail })
+    /* @__PURE__ */ jsx22("div", { className: "vos-empty", children: detail })
   ] });
 }
 
 // src/register-counts.tsx
-import { jsx as jsx22, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs22 } from "react/jsx-runtime";
 function RegisterCounts({
   counts,
   caption,
@@ -5791,8 +6077,8 @@ function RegisterCounts({
   const registers = REGISTER_ORDER.filter(
     (r) => counts[r] !== void 0
   );
-  return /* @__PURE__ */ jsxs21("section", { "aria-label": "Register counts", children: [
-    /* @__PURE__ */ jsx22("div", { className: "vos-tile-grid", children: registers.map((register) => /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsxs22("section", { "aria-label": "Register counts", children: [
+    /* @__PURE__ */ jsx23("div", { className: "vos-tile-grid", children: registers.map((register) => /* @__PURE__ */ jsx23(
       StatTile,
       {
         label: REGISTER_LABEL[register],
@@ -5802,7 +6088,7 @@ function RegisterCounts({
       },
       register
     )) }),
-    caption ? /* @__PURE__ */ jsx22("p", { className: "vos-hint", style: { marginTop: 16 }, children: caption }) : null
+    caption ? /* @__PURE__ */ jsx23("p", { className: "vos-hint", style: { marginTop: 16 }, children: caption }) : null
   ] });
 }
 export {
@@ -5819,6 +6105,8 @@ export {
   FieldInput,
   GlossaryText,
   Markdown,
+  NO_LENS,
+  NO_STAGE,
   NextMoveSurface,
   PipelineSurface,
   REGISTER_GROUPS,
@@ -5837,9 +6125,12 @@ export {
   RegisterTable,
   RelationEditor,
   RiskBar,
+  STAGE_GLOSS,
+  STAGE_ORDER,
   ScoreImpactForm,
   SidebarNav,
   Sparkline,
+  StageGridSurface,
   StatTile,
   StatusPill,
   SurfacePlaceholder,
@@ -5853,7 +6144,9 @@ export {
   buildPatch,
   buildPipeline,
   buildRecordPage,
+  buildStageGrid,
   buildUnderstanding,
+  cellAt,
   cellValue,
   coldStartFor,
   columnsFor,
@@ -5891,6 +6184,7 @@ export {
   ownerNames,
   parseRoute,
   primaryLabel,
+  rankByRisk,
   readingAssumptionChips,
   readingBeliefVerdicts,
   resolveBarLines,
@@ -5902,6 +6196,7 @@ export {
   sortRecords,
   sparklinePath,
   stageMeters,
+  stageOf,
   statusTone,
   tabsFor,
   toCreatePayload,