@validation-os/dashboard 0.3.0 → 0.5.0

package/dist/index.js

@@ -1,5 +1,8 @@
 "use client";
 
+// src/dashboard-app.tsx
+import { useCallback as useCallback4, useEffect as useEffect5, useState as useState8 } from "react";
+
 // src/labels.ts
 var REGISTER_LABEL = {
   assumptions: "Assumptions",
@@ -10,6 +13,15 @@ var REGISTER_LABEL = {
   glossary: "Glossary",
   people: "People"
 };
+var REGISTER_SINGULAR = {
+  assumptions: "Assumption",
+  experiments: "Experiment",
+  readings: "Reading",
+  goals: "Goal",
+  decisions: "Decision",
+  glossary: "Glossary term",
+  people: "Person"
+};
 var REGISTER_ORDER = [
   "assumptions",
   "experiments",
@@ -19,44 +31,78 @@ var REGISTER_ORDER = [
   "glossary",
   "people"
 ];
+var REGISTER_SUBTITLE = {
+  assumptions: "Falsifiable beliefs the plan rests on. Risk = Impact \xD7 (1 \u2212 max(0, Confidence)/100).",
+  experiments: "The tests that move Confidence in the beliefs.",
+  readings: "The evidence logged against experiments and beliefs.",
+  goals: "The outcomes the plan is steering toward.",
+  decisions: "The choices made, and what they rest on.",
+  glossary: "The shared vocabulary for this venture.",
+  people: "The people the plan touches."
+};
+var REGISTER_ICON = {
+  assumptions: "\u25CE",
+  experiments: "\u2697",
+  readings: "\u25A4",
+  goals: "\u25C7",
+  decisions: "\xA7",
+  glossary: "A",
+  people: "\u263A"
+};
+var REGISTER_GROUPS = [
+  {
+    label: "Registers",
+    registers: ["assumptions", "experiments", "readings", "goals", "decisions", "glossary"]
+  },
+  { label: "Reference", registers: ["people"] }
+];
 
-// src/register-counts.tsx
+// src/register-browser.tsx
+import { useState as useState6 } from "react";
+
+// src/drawer-shell.tsx
+import { useEffect, useRef } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function RegisterCounts({ counts, caption, hrefFor }) {
-  const registers = REGISTER_ORDER.filter(
-    (r) => counts[r] !== void 0
-  );
-  return /* @__PURE__ */ jsxs("section", { "aria-label": "Register counts", children: [
-    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-3 sm:grid-cols-3 lg:grid-cols-4", children: registers.map((register) => /* @__PURE__ */ jsx(
-      StatTile,
-      {
-        label: REGISTER_LABEL[register],
-        value: counts[register] ?? 0,
-        href: hrefFor?.(register)
-      },
-      register
-    )) }),
-    caption ? /* @__PURE__ */ jsx("p", { className: "mt-4 text-sm text-neutral-500 dark:text-neutral-400", children: caption }) : null
-  ] });
-}
-function StatTile({
-  label,
-  value,
-  href
+function DrawerShell({
+  open,
+  onClose,
+  ariaLabel,
+  children
 }) {
-  const body = /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-neutral-500 dark:text-neutral-400", children: label }),
-    /* @__PURE__ */ jsx("div", { className: "mt-1 text-3xl font-semibold tabular-nums text-neutral-900 dark:text-neutral-50", children: value.toLocaleString() })
+  const panelRef = useRef(null);
+  useEffect(() => {
+    if (!open) return;
+    const onKey = (e) => {
+      if (e.key === "Escape") onClose();
+    };
+    document.addEventListener("keydown", onKey);
+    panelRef.current?.focus();
+    return () => document.removeEventListener("keydown", onKey);
+  }, [open, onClose]);
+  if (!open) return null;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        "aria-label": "Close",
+        onClick: onClose,
+        className: "vos-scrim"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "aside",
+      {
+        ref: panelRef,
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": ariaLabel,
+        tabIndex: -1,
+        className: "vos-drawer",
+        children
+      }
+    )
   ] });
-  const className = "block rounded-xl border border-neutral-200 bg-white p-5 dark:border-neutral-800 dark:bg-neutral-900";
-  return href ? /* @__PURE__ */ jsx(
-    "a",
-    {
-      href,
-      className: `${className} transition-colors hover:border-neutral-300 hover:bg-neutral-50 dark:hover:border-neutral-700 dark:hover:bg-neutral-800`,
-      children: body
-    }
-  ) : /* @__PURE__ */ jsx("div", { className, children: body });
 }
 
 // src/columns.ts
@@ -65,13 +111,19 @@ function derivedField(field) {
 }
 var COLUMNS = {
   assumptions: [
-    { key: "Title", header: "Assumption" },
+    { key: "Title", header: "Belief" },
+    {
+      key: "Status",
+      header: "Status",
+      kind: "status"
+    },
     { key: "Impact", header: "Impact", align: "right" },
     {
       key: "confidence",
       header: "Confidence",
       align: "right",
       derived: true,
+      kind: "confidence",
       accessor: derivedField("confidence")
     },
     {
@@ -79,13 +131,13 @@ var COLUMNS = {
       header: "Risk",
       align: "right",
       derived: true,
+      kind: "risk",
       accessor: derivedField("risk")
-    },
-    { key: "Status", header: "Status" }
+    }
   ],
   experiments: [
     { key: "Title", header: "Experiment" },
-    { key: "Status", header: "Status" },
+    { key: "Status", header: "Status", kind: "status" },
     { key: "Feasibility", header: "Feasibility" }
   ],
   readings: [
@@ -102,16 +154,16 @@ var COLUMNS = {
   ],
   goals: [
     { key: "Title", header: "Goal" },
-    { key: "Status", header: "Status" },
+    { key: "Status", header: "Status", kind: "status" },
     { key: "Outcome", header: "Outcome" }
   ],
   decisions: [
     { key: "Title", header: "Decision" },
-    { key: "Status", header: "Status" }
+    { key: "Status", header: "Status", kind: "status" }
   ],
   glossary: [
     { key: "Title", header: "Term" },
-    { key: "Status", header: "Status" }
+    { key: "Status", header: "Status", kind: "status" }
   ],
   people: [
     { key: "Name", header: "Name" },
@@ -177,8 +229,244 @@ function derivedLabel(key) {
   return DERIVED_LABEL[key] ?? fieldLabel(key);
 }
 
+// src/primitives.ts
+var GOOD_STATUS = /* @__PURE__ */ new Set([
+  "live",
+  "concluded",
+  "closed",
+  "done",
+  "resolved",
+  "accepted",
+  "adopted",
+  "shipped"
+]);
+var WARN_STATUS = /* @__PURE__ */ new Set([
+  "testing",
+  "running",
+  "in progress",
+  "in-progress",
+  "draft"
+]);
+var CRIT_STATUS = /* @__PURE__ */ new Set([
+  "invalidated",
+  "rejected",
+  "blocked",
+  "failed",
+  "at risk"
+]);
+function statusTone(status) {
+  if (!status) return "neutral";
+  const s = status.trim().toLowerCase();
+  if (GOOD_STATUS.has(s)) return "good";
+  if (WARN_STATUS.has(s)) return "warn";
+  if (CRIT_STATUS.has(s)) return "crit";
+  return "neutral";
+}
+var RISK_CRIT = 60;
+var RISK_WARN = 30;
+function riskLevel(risk) {
+  if (risk >= RISK_CRIT) return "crit";
+  if (risk >= RISK_WARN) return "warn";
+  return "good";
+}
+function riskFraction(risk) {
+  if (!Number.isFinite(risk)) return 0;
+  return Math.max(0, Math.min(100, risk)) / 100;
+}
+function confidenceTone(confidence) {
+  return confidence < 0 ? "crit" : "good";
+}
+function derivedTone(field, value) {
+  if (field === "confidence") return confidenceTone(value);
+  if (field === "risk") return riskLevel(value);
+  return "neutral";
+}
+function heroToneClass(tone) {
+  if (tone === "crit") return "vos-text-crit";
+  if (tone === "warn") return "vos-text-warn";
+  return "";
+}
+function formatSigned(n) {
+  const r = Math.round(n);
+  return r > 0 ? `+${r}` : String(r);
+}
+function formatCount(n) {
+  return n.toLocaleString();
+}
+function sparklinePath(values, width, height, min, max) {
+  if (values.length < 2) return "";
+  const lo = min ?? Math.min(...values, 0);
+  const hi = max ?? Math.max(...values, 0);
+  const span = hi - lo || 1;
+  const inset = 2;
+  return values.map((v, i) => {
+    const x = i / (values.length - 1) * (width - inset * 2) + inset;
+    const y = height - inset - (v - lo) / span * (height - inset * 2);
+    return `${i ? "L" : "M"}${x.toFixed(1)} ${y.toFixed(1)}`;
+  }).join(" ");
+}
+function sparklineY(value, height, lo, hi) {
+  const span = hi - lo || 1;
+  const inset = 2;
+  return height - inset - (value - lo) / span * (height - inset * 2);
+}
+
+// src/primitives-view.tsx
+import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var PILL_CLASS = {
+  good: "vos-pill vos-pill-good",
+  warn: "vos-pill vos-pill-warn",
+  crit: "vos-pill vos-pill-crit",
+  accent: "vos-pill vos-pill-accent",
+  neutral: "vos-pill vos-pill-neutral"
+};
+function StatusPill({ status }) {
+  if (!status) return /* @__PURE__ */ jsx2("span", { className: "vos-muted", children: "\u2014" });
+  return /* @__PURE__ */ jsx2("span", { className: PILL_CLASS[statusTone(status)], children: status });
+}
+var FILL_CLASS = {
+  good: "vos-fill-good",
+  warn: "vos-fill-warn",
+  crit: "vos-fill-crit",
+  accent: "vos-fill-good",
+  neutral: "vos-fill-good"
+};
+var TEXT_CLASS = {
+  good: "vos-text-good",
+  warn: "vos-text-warn",
+  crit: "vos-text-crit",
+  accent: "vos-text-good",
+  neutral: ""
+};
+function RiskBar({ risk }) {
+  const level = riskLevel(risk);
+  const pct = Math.round(riskFraction(risk) * 100);
+  return /* @__PURE__ */ jsxs2("span", { className: "vos-metric-cell", children: [
+    /* @__PURE__ */ jsx2(
+      "span",
+      {
+        className: "vos-risk-bar",
+        role: "img",
+        "aria-label": `Risk ${Math.round(risk)} of 100`,
+        children: /* @__PURE__ */ jsx2("i", { className: FILL_CLASS[level], style: { width: `${pct}%` } })
+      }
+    ),
+    /* @__PURE__ */ jsx2("b", { className: `vos-metric-num ${TEXT_CLASS[level]}`, children: Math.round(risk) })
+  ] });
+}
+function ConfidenceCell({
+  confidence,
+  history
+}) {
+  const tone = confidenceTone(confidence);
+  return /* @__PURE__ */ jsxs2("span", { className: "vos-metric-cell", children: [
+    history && history.length >= 2 ? /* @__PURE__ */ jsx2(
+      Sparkline,
+      {
+        values: history,
+        width: 46,
+        height: 16,
+        min: -100,
+        max: 100,
+        tone
+      }
+    ) : null,
+    /* @__PURE__ */ jsx2("b", { className: `vos-metric-num ${TEXT_CLASS[tone]}`, children: formatSigned(confidence) })
+  ] });
+}
+var STROKE_VAR = {
+  good: "var(--vos-good)",
+  warn: "var(--vos-warn)",
+  crit: "var(--vos-crit)",
+  accent: "var(--vos-accent)",
+  neutral: "var(--vos-muted)"
+};
+function Sparkline({
+  values,
+  width = 240,
+  height = 44,
+  min,
+  max,
+  tone = "good",
+  fill = false,
+  ariaLabel
+}) {
+  const d = sparklinePath(values, width, height, min, max);
+  if (!d) return null;
+  const lo = min ?? Math.min(...values, 0);
+  const hi = max ?? Math.max(...values, 0);
+  const stroke = STROKE_VAR[tone];
+  const last = values[values.length - 1];
+  const lastX = width - 2;
+  const lastY = sparklineY(last, height, lo, hi);
+  const zeroY = sparklineY(0, height, lo, hi);
+  const showBaseline = lo < 0 && hi > 0;
+  return /* @__PURE__ */ jsxs2(
+    "svg",
+    {
+      className: "vos-spark",
+      width,
+      height,
+      viewBox: `0 0 ${width} ${height}`,
+      preserveAspectRatio: "none",
+      role: "img",
+      "aria-label": ariaLabel ?? `Trend, now ${formatSigned(last)}`,
+      children: [
+        fill ? /* @__PURE__ */ jsx2(
+          "path",
+          {
+            d: `${d} L ${width - 2} ${height} L 2 ${height} Z`,
+            fill: stroke,
+            opacity: "0.13"
+          }
+        ) : null,
+        showBaseline ? /* @__PURE__ */ jsx2(
+          "line",
+          {
+            x1: 2,
+            x2: width - 2,
+            y1: zeroY,
+            y2: zeroY,
+            stroke: "var(--vos-border-strong)",
+            strokeWidth: 1,
+            strokeDasharray: "3 3"
+          }
+        ) : null,
+        /* @__PURE__ */ jsx2("path", { d, fill: "none", stroke, strokeWidth: 2 }),
+        /* @__PURE__ */ jsx2("circle", { cx: lastX, cy: lastY, r: 3, fill: stroke })
+      ]
+    }
+  );
+}
+function StatTile({
+  label,
+  value,
+  sub,
+  onClick,
+  active
+}) {
+  const body = /* @__PURE__ */ jsxs2(Fragment2, { children: [
+    /* @__PURE__ */ jsx2("div", { className: "vos-tile-label", children: label }),
+    /* @__PURE__ */ jsx2("div", { className: "vos-tile-value", children: formatCount(value) }),
+    sub ? /* @__PURE__ */ jsx2("div", { className: "vos-tile-sub", children: sub }) : null
+  ] });
+  if (onClick) {
+    return /* @__PURE__ */ jsx2(
+      "button",
+      {
+        type: "button",
+        className: "vos-tile",
+        onClick,
+        "aria-pressed": active,
+        children: body
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx2("div", { className: "vos-tile", children: body });
+}
+
 // src/register-table.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function RegisterTable({
   register,
   records,
@@ -187,21 +475,21 @@ function RegisterTable({
 }) {
   const columns = columnsFor(register);
   if (records.length === 0) {
-    return /* @__PURE__ */ jsx2("p", { className: "rounded-xl border border-dashed border-neutral-300 p-8 text-center text-sm text-neutral-500 dark:border-neutral-700 dark:text-neutral-400", children: "No records yet." });
+    return /* @__PURE__ */ jsx3("p", { className: "vos-empty", children: "No records yet." });
   }
-  return /* @__PURE__ */ jsx2("div", { className: "overflow-x-auto rounded-xl border border-neutral-200 dark:border-neutral-800", children: /* @__PURE__ */ jsxs2("table", { className: "w-full border-collapse text-left text-sm", children: [
-    /* @__PURE__ */ jsx2("thead", { children: /* @__PURE__ */ jsx2("tr", { className: "border-b border-neutral-200 bg-neutral-50 dark:border-neutral-800 dark:bg-neutral-900", children: columns.map((c) => /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx3("div", { className: "vos-card vos-table-scroll", children: /* @__PURE__ */ jsxs3("table", { className: "vos-table", children: [
+    /* @__PURE__ */ jsx3("thead", { children: /* @__PURE__ */ jsx3("tr", { children: columns.map((c) => /* @__PURE__ */ jsx3(
       "th",
       {
         scope: "col",
-        className: `px-4 py-2.5 font-medium text-neutral-500 dark:text-neutral-400 ${c.align === "right" ? "text-right tabular-nums" : "text-left"}`,
+        className: c.align === "right" ? "vos-r" : void 0,
         children: c.header
       },
       c.key
     )) }) }),
-    /* @__PURE__ */ jsx2("tbody", { children: records.map((record) => {
+    /* @__PURE__ */ jsx3("tbody", { children: records.map((record) => {
       const isSelected = record.id === selectedId;
-      return /* @__PURE__ */ jsx2(
+      return /* @__PURE__ */ jsx3(
         "tr",
         {
           onClick: () => onRowClick?.(record.id),
@@ -213,121 +501,156 @@ function RegisterTable({
           } : void 0,
           tabIndex: onRowClick ? 0 : void 0,
           "aria-selected": isSelected,
-          className: `border-b border-neutral-100 last:border-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-blue-500 dark:border-neutral-900 ${onRowClick ? "cursor-pointer" : ""} ${isSelected ? "bg-blue-50 dark:bg-blue-950/40" : "hover:bg-neutral-50 dark:hover:bg-neutral-900/60"}`,
-          children: columns.map((c, i) => {
-            const raw = cellValue(c, record);
-            const text = i === 0 && (raw === null || raw === void 0 || raw === "") ? primaryLabel(record) : formatValue(raw);
-            return /* @__PURE__ */ jsx2(
-              "td",
-              {
-                className: `px-4 py-2.5 ${c.align === "right" ? "text-right tabular-nums text-neutral-700 dark:text-neutral-300" : "text-left"} ${i === 0 ? "font-medium text-neutral-900 dark:text-neutral-100" : "text-neutral-600 dark:text-neutral-400"}`,
-                children: text
-              },
-              c.key
-            );
-          })
+          className: isSelected ? "is-selected" : void 0,
+          children: columns.map((c, i) => /* @__PURE__ */ jsx3(
+            "td",
+            {
+              className: c.align === "right" ? "vos-r" : void 0,
+              children: /* @__PURE__ */ jsx3(Cell, { column: c, record, headline: i === 0 })
+            },
+            c.key
+          ))
         },
         record.id
       );
     }) })
   ] }) });
 }
-
-// src/record-drawer.tsx
-import { useEffect, useRef } from "react";
-import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var META_FIELDS = /* @__PURE__ */ new Set(["id", "version", "createdAt", "updatedAt", "derived"]);
-function RecordDrawer({
-  register,
+function Cell({
+  column,
   record,
-  loading,
-  error,
-  open,
-  onClose
+  headline
 }) {
-  const closeButtonRef = useRef(null);
-  useEffect(() => {
-    if (!open) return;
-    const onKey = (e) => {
-      if (e.key === "Escape") onClose();
-    };
-    document.addEventListener("keydown", onKey);
-    closeButtonRef.current?.focus();
-    return () => document.removeEventListener("keydown", onKey);
-  }, [open, onClose]);
-  if (!open) return null;
-  const derived = record && record.derived && typeof record.derived === "object" ? record.derived : null;
-  const fields = record ? Object.keys(record).filter((k) => !META_FIELDS.has(k)) : [];
-  return /* @__PURE__ */ jsxs3("div", { className: "fixed inset-0 z-50 flex justify-end", children: [
-    /* @__PURE__ */ jsx3(
-      "button",
-      {
-        type: "button",
-        "aria-label": "Close",
-        onClick: onClose,
-        className: "absolute inset-0 bg-neutral-950/30 backdrop-blur-sm"
-      }
-    ),
-    /* @__PURE__ */ jsxs3(
-      "aside",
-      {
-        role: "dialog",
-        "aria-modal": "true",
-        "aria-label": `${REGISTER_LABEL[register]} record`,
-        className: "relative flex h-full w-full max-w-md flex-col overflow-y-auto border-l border-neutral-200 bg-white shadow-xl dark:border-neutral-800 dark:bg-neutral-950",
-        children: [
-          /* @__PURE__ */ jsxs3("header", { className: "flex items-start justify-between gap-4 border-b border-neutral-200 p-5 dark:border-neutral-800", children: [
-            /* @__PURE__ */ jsxs3("div", { children: [
-              /* @__PURE__ */ jsx3("p", { className: "text-xs font-medium uppercase tracking-wide text-neutral-400", children: REGISTER_LABEL[register] }),
-              /* @__PURE__ */ jsx3("h2", { className: "mt-1 text-lg font-semibold text-neutral-900 dark:text-neutral-50", children: record ? primaryLabel(record) : loading ? "Loading\u2026" : "\u2014" })
-            ] }),
-            /* @__PURE__ */ jsx3(
-              "button",
-              {
-                ref: closeButtonRef,
-                type: "button",
-                onClick: onClose,
-                className: "rounded-md px-2 py-1 text-sm text-neutral-500 hover:bg-neutral-100 dark:hover:bg-neutral-900",
-                children: "Close"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx3("div", { className: "flex-1 p-5", children: loading ? /* @__PURE__ */ jsx3("p", { className: "text-sm text-neutral-500", children: "Loading record\u2026" }) : error ? /* @__PURE__ */ jsx3("p", { className: "text-sm text-red-600 dark:text-red-400", children: error }) : !record ? /* @__PURE__ */ jsx3("p", { className: "text-sm text-neutral-500", children: "No record." }) : /* @__PURE__ */ jsxs3(Fragment2, { children: [
-            derived ? /* @__PURE__ */ jsxs3("section", { className: "mb-6", children: [
-              /* @__PURE__ */ jsx3("h3", { className: "mb-2 text-xs font-medium uppercase tracking-wide text-neutral-400", children: "Computed \xB7 not editable" }),
-              /* @__PURE__ */ jsx3("dl", { className: "grid grid-cols-3 gap-3", children: Object.entries(derived).map(([key, value]) => /* @__PURE__ */ jsxs3(
-                "div",
-                {
-                  className: "rounded-lg border border-neutral-200 bg-neutral-50 p-3 dark:border-neutral-800 dark:bg-neutral-900",
-                  children: [
-                    /* @__PURE__ */ jsx3("dt", { className: "text-xs text-neutral-500 dark:text-neutral-400", children: derivedLabel(key) }),
-                    /* @__PURE__ */ jsx3("dd", { className: "mt-1 text-xl font-semibold tabular-nums text-neutral-900 dark:text-neutral-50", children: formatValue(value) })
-                  ]
-                },
-                key
-              )) })
-            ] }) : null,
-            /* @__PURE__ */ jsx3("dl", { className: "divide-y divide-neutral-100 dark:divide-neutral-900", children: fields.map((key) => /* @__PURE__ */ jsxs3("div", { className: "grid grid-cols-3 gap-3 py-2.5", children: [
-              /* @__PURE__ */ jsx3("dt", { className: "text-sm text-neutral-500 dark:text-neutral-400", children: fieldLabel(key) }),
-              /* @__PURE__ */ jsx3("dd", { className: "col-span-2 text-sm text-neutral-800 dark:text-neutral-200", children: formatValue(record[key]) })
-            ] }, key)) })
-          ] }) }),
-          record ? /* @__PURE__ */ jsxs3("footer", { className: "border-t border-neutral-200 p-5 text-xs text-neutral-400 dark:border-neutral-800", children: [
-            record.id,
-            " \xB7 version ",
-            String(record.version),
-            " \xB7 updated",
-            " ",
-            formatValue(record.updatedAt)
-          ] }) : null
-        ]
-      }
-    )
-  ] });
+  const raw = cellValue(column, record);
+  if (column.kind === "status") {
+    return /* @__PURE__ */ jsx3(StatusPill, { status: raw == null ? null : String(raw) });
+  }
+  if (column.kind === "risk") {
+    return typeof raw === "number" ? /* @__PURE__ */ jsx3(RiskBar, { risk: raw }) : /* @__PURE__ */ jsx3("span", { className: "vos-muted", children: "\u2014" });
+  }
+  if (column.kind === "confidence") {
+    return typeof raw === "number" ? /* @__PURE__ */ jsx3(ConfidenceCell, { confidence: raw }) : /* @__PURE__ */ jsx3("span", { className: "vos-muted", children: "\u2014" });
+  }
+  const text = headline && (raw === null || raw === void 0 || raw === "") ? primaryLabel(record) : formatValue(raw);
+  return /* @__PURE__ */ jsx3("span", { className: headline ? "vos-ttl" : void 0, children: text });
 }
 
-// src/register-browser.tsx
-import { useState as useState2 } from "react";
+// src/record-drawer.tsx
+import { useEffect as useEffect3, useState as useState2 } from "react";
+
+// src/edit.ts
+var CONFLICT_MESSAGE = "Someone edited this while you had it open \u2014 your changes are safe, take a look before saving again.";
+var t = (key, label) => ({ key, label, kind: "text" });
+var area = (key, label) => ({
+  key,
+  label,
+  kind: "textarea"
+});
+var num = (key, label) => ({
+  key,
+  label,
+  kind: "number",
+  nullable: true
+});
+var sel = (key, label, options, nullable = false) => ({ key, label, kind: "select", options, nullable });
+var READING_RUNGS = [
+  "Opinion",
+  "Pitch-deck reaction",
+  "Anecdotal",
+  "Desk research",
+  "Survey at scale",
+  "Prototype usage",
+  "Signed intent",
+  "Paying users"
+];
+var SOURCE_QUALITY = ["1", "0.7", "0.5"];
+var EDITORS = {
+  assumptions: [
+    t("Title", "Assumption"),
+    area("Description", "Description"),
+    num("Impact", "Impact"),
+    sel("Status", "Status", ["Draft", "Live", "Invalidated"]),
+    t("Lens", "Lens"),
+    area("5 Whys", "5 Whys"),
+    area("Metric for truth", "Metric for truth"),
+    area("Scoring justification", "Scoring justification")
+    // `moot` is deliberately not editable here — mooting an assumption is a
+    // gated business action (see core `relations.ts`), not a free-form toggle.
+  ],
+  experiments: [
+    t("Title", "Experiment"),
+    t("Instrument", "Instrument"),
+    sel("Feasibility", "Feasibility", ["High", "Medium", "Low"], true),
+    sel("Status", "Status", ["Running", "Closed"]),
+    sel(
+      "closureReason",
+      "Closure reason",
+      ["Completed", "Early-stop", "Kill"],
+      true
+    ),
+    t("Date", "Date")
+  ],
+  readings: [
+    t("Title", "Reading"),
+    t("Source", "Source"),
+    sel("Rung", "Rung", READING_RUNGS),
+    sel("Result", "Result", ["Validated", "Invalidated", "Inconclusive"]),
+    sel("Representativeness", "Representativeness", SOURCE_QUALITY),
+    sel("Credibility", "Credibility", SOURCE_QUALITY),
+    sel("magnitudeBand", "Magnitude band", ["Low", "Typical", "High"], true),
+    t("Date", "Date")
+  ],
+  goals: [
+    t("Title", "Goal"),
+    sel("Status", "Status", ["Draft", "Active", "Closed"]),
+    sel("Outcome", "Outcome", ["Achieved", "Missed", "Dropped"], true),
+    t("Date", "Date")
+  ],
+  decisions: [
+    t("Title", "Decision"),
+    sel("Status", "Status", ["Active", "Provisional", "Superseded", "Reversed"])
+  ],
+  glossary: [
+    t("Title", "Term"),
+    sel("Status", "Status", ["Active", "Provisional", "Superseded"])
+  ],
+  people: [t("Name", "Name"), t("Role", "Role"), t("Segment", "Segment")]
+};
+function editableFields(register) {
+  return EDITORS[register];
+}
+function draftFrom(register, record) {
+  const draft = {};
+  for (const f of editableFields(register)) {
+    const value = record[f.key];
+    draft[f.key] = value === null || value === void 0 ? "" : String(value);
+  }
+  return draft;
+}
+function coerce(field, raw) {
+  const str2 = String(raw);
+  if (field.kind === "number") {
+    if (str2.trim() === "") return null;
+    const n = Number(str2);
+    return Number.isNaN(n) ? null : n;
+  }
+  if (str2 === "" && (field.kind === "select" || field.nullable)) return null;
+  return str2;
+}
+function norm(value) {
+  return value === void 0 || value === "" ? null : value;
+}
+function buildPatch(register, original, draft) {
+  const patch = { version: original.version };
+  for (const field of editableFields(register)) {
+    const next = coerce(field, draft[field.key] ?? "");
+    if (norm(next) !== norm(original[field.key])) patch[field.key] = next;
+  }
+  return patch;
+}
+function hasEdits(register, original, draft) {
+  return Object.keys(buildPatch(register, original, draft)).length > 1;
+}
 
 // src/use-records.ts
 import { useCallback, useEffect as useEffect2, useState } from "react";
@@ -362,7 +685,7 @@ function useJsonResource(url) {
       live = false;
     };
   }, [url, tick]);
-  const refresh = useCallback(() => setTick((t) => t + 1), []);
+  const refresh = useCallback(() => setTick((t2) => t2 + 1), []);
   return { ...state, refresh };
 }
 function useList(register, basePath = "/api") {
@@ -373,26 +696,975 @@ function useList(register, basePath = "/api") {
 }
 function useRecord(register, id, basePath = "/api") {
   const url = id ? `${basePath}/${register}/${encodeURIComponent(id)}` : null;
-  const { data, loading, error } = useJsonResource(url);
-  return { record: data, loading, error };
+  const { data, loading, error, refresh } = useJsonResource(url);
+  return { record: data, loading, error, refresh };
+}
+var SAVE_FAILED = "Couldn't save your changes \u2014 please try again.";
+function interpretSave(status, body) {
+  if (status >= 200 && status < 300) {
+    return { ok: true, record: pickData(body) };
+  }
+  const message = body?.message;
+  const text = typeof message === "string" ? message : null;
+  if (status === 409) {
+    return { ok: false, conflict: true, message: text ?? CONFLICT_MESSAGE };
+  }
+  return { ok: false, conflict: false, message: text ?? SAVE_FAILED };
+}
+function useUpdate(register, basePath = "/api") {
+  const [saving, setSaving] = useState(false);
+  const [conflict, setConflict] = useState(null);
+  const [error, setError] = useState(null);
+  const save = useCallback(
+    async (id, patch) => {
+      setSaving(true);
+      setConflict(null);
+      setError(null);
+      try {
+        const res = await fetch(
+          `${basePath}/${register}/${encodeURIComponent(id)}`,
+          {
+            method: "PATCH",
+            headers: { "content-type": "application/json" },
+            body: JSON.stringify(patch)
+          }
+        );
+        const body = await res.json().catch(() => null);
+        const result = interpretSave(res.status, body);
+        if (!result.ok && result.conflict) setConflict(result.message);
+        else if (!result.ok) setError(result.message);
+        return result;
+      } catch (e) {
+        const message = e instanceof Error ? e.message : "Couldn't save your changes.";
+        setError(message);
+        return { ok: false, conflict: false, message };
+      } finally {
+        setSaving(false);
+      }
+    },
+    [register, basePath]
+  );
+  const reset = useCallback(() => {
+    setConflict(null);
+    setError(null);
+  }, []);
+  return { save, saving, conflict, error, reset };
+}
+
+// src/understanding.ts
+import {
+  toReadingInput
+} from "@validation-os/core";
+import {
+  confidenceAttribution,
+  confidenceTrajectory,
+  experimentProgress,
+  isConcluded
+} from "@validation-os/core/derivation";
+function str(v) {
+  return typeof v === "string" && v !== "" ? v : null;
+}
+function testsAssumption(exp, assumptionId) {
+  const bars = exp.barLines;
+  if (bars?.some((b) => b.assumptionId === assumptionId)) return true;
+  const ids = exp.barLineAssumptionIds;
+  return ids?.includes(assumptionId) ?? false;
+}
+function buildUnderstanding(assumption, readings, experiments) {
+  const mine = readings.filter((r) => r.assumptionId === assumption.id);
+  const inputs = mine.map(toReadingInput);
+  const { confidence, movers } = confidenceAttribution(inputs);
+  const experimentsById = new Map(experiments.map((e) => [e.id, e]));
+  const moverByExperiment = new Map(
+    movers.filter((m) => m.kind === "experiment").map((m) => [m.experimentId, m])
+  );
+  const experimentIds = /* @__PURE__ */ new Set([
+    ...experiments.filter((e) => testsAssumption(e, assumption.id)).map((e) => e.id),
+    ...moverByExperiment.keys()
+  ]);
+  const experimentViews = [...experimentIds].map((id) => {
+    const exp = experimentsById.get(id);
+    const mover = moverByExperiment.get(id);
+    const bars = exp?.barLines ?? [];
+    const progress = bars.length ? experimentProgress(bars) : null;
+    const status = exp ? str(exp.Status) : null;
+    return {
+      experimentId: id,
+      title: exp ? str(exp.Title) : null,
+      status,
+      contribution: mover?.contribution ?? 0,
+      magnitude: mover?.magnitude ?? 0,
+      readingCount: mover?.readingCount ?? 0,
+      progress,
+      done: status === "Closed" || progress?.concluded === true
+    };
+  });
+  experimentViews.sort(
+    (a, b) => b.magnitude - a.magnitude || Number(a.done) - Number(b.done) || a.experimentId.localeCompare(b.experimentId)
+  );
+  const otherMovers = movers.filter((m) => m.kind !== "experiment").map((m) => ({
+    key: m.key,
+    kind: m.kind,
+    goalId: m.goalId,
+    contribution: m.contribution,
+    magnitude: m.magnitude,
+    readingCount: m.readingCount
+  }));
+  return {
+    confidence,
+    experiments: experimentViews,
+    otherMovers,
+    trajectory: confidenceTrajectory(inputs),
+    readingCount: inputs.filter((r) => isConcluded(r.result)).length
+  };
+}
+
+// src/understanding-panel.tsx
+import { Fragment as Fragment3, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function UnderstandingPanel({
+  assumption,
+  basePath
+}) {
+  const readings = useList("readings", basePath);
+  const experiments = useList("experiments", basePath);
+  if (readings.loading || experiments.loading) {
+    return /* @__PURE__ */ jsx4(Muted, { children: "Working out what moved the number\u2026" });
+  }
+  if (readings.error || experiments.error) {
+    return /* @__PURE__ */ jsx4(Muted, { children: "Couldn't load the evidence behind this number." });
+  }
+  const u = buildUnderstanding(
+    assumption,
+    readings.records ?? [],
+    experiments.records ?? []
+  );
+  if (u.experiments.length === 0 && u.otherMovers.length === 0) {
+    return /* @__PURE__ */ jsx4(Muted, { children: "No experiments or concluded readings yet \u2014 Confidence rests on the neutral prior alone." });
+  }
+  const maxMagnitude = Math.max(
+    ...u.experiments.map((e) => e.magnitude),
+    ...u.otherMovers.map((m) => m.magnitude),
+    0.01
+  );
+  return /* @__PURE__ */ jsxs4(Fragment3, { children: [
+    u.experiments.length ? /* @__PURE__ */ jsxs4("section", { children: [
+      /* @__PURE__ */ jsx4("div", { className: "vos-why-section-title", children: "What's moving Confidence" }),
+      u.experiments.map((e) => /* @__PURE__ */ jsx4(
+        PushRow,
+        {
+          label: e.title ?? `Experiment ${e.experimentId}`,
+          note: experimentDetail(e),
+          contribution: e.contribution,
+          magnitude: e.magnitude,
+          max: maxMagnitude,
+          done: e.done
+        },
+        e.experimentId
+      ))
+    ] }) : null,
+    u.otherMovers.length ? /* @__PURE__ */ jsxs4("section", { children: [
+      /* @__PURE__ */ jsx4("div", { className: "vos-why-section-title", children: "Other evidence" }),
+      u.otherMovers.map((m) => /* @__PURE__ */ jsx4(
+        PushRow,
+        {
+          label: otherMoverLabel(m),
+          contribution: m.contribution,
+          magnitude: m.magnitude,
+          max: maxMagnitude
+        },
+        m.key
+      ))
+    ] }) : null,
+    /* @__PURE__ */ jsx4(Trajectory, { points: u.trajectory })
+  ] });
+}
+function PushRow({
+  label,
+  note,
+  contribution,
+  magnitude,
+  max,
+  done
+}) {
+  const up = contribution >= 0;
+  const moving = magnitude > 0;
+  const width = Math.round(magnitude / max * 50);
+  const fill = up ? { left: "50%", width: `${width}%`, background: "var(--vos-good)" } : { right: "50%", width: `${width}%`, background: "var(--vos-crit)" };
+  return /* @__PURE__ */ jsxs4("div", { className: "vos-mover", children: [
+    /* @__PURE__ */ jsx4("span", { className: "vos-mover-name", children: label }),
+    note ? /* @__PURE__ */ jsx4("span", { className: `vos-mover-note ${done ? "vos-text-good" : "vos-text-warn"}`, children: note }) : null,
+    /* @__PURE__ */ jsx4("span", { className: "vos-track vos-signed", children: moving ? /* @__PURE__ */ jsx4("i", { style: fill }) : null }),
+    /* @__PURE__ */ jsx4(
+      "span",
+      {
+        className: "vos-mover-val",
+        style: { color: up ? "var(--vos-good)" : "var(--vos-crit)" },
+        children: moving ? formatSigned(contribution) : "\u2014"
+      }
+    )
+  ] });
+}
+function Trajectory({ points }) {
+  if (points.length < 2) {
+    return /* @__PURE__ */ jsx4("p", { className: "vos-hint", children: points.length === 1 ? `One dated reading so far \u2014 Confidence ${formatSigned(points[0].confidence)} on ${points[0].date}.` : "No dated readings yet to chart a trajectory." });
+  }
+  const first = points[0];
+  const last = points[points.length - 1];
+  const values = points.map((p) => p.confidence);
+  return /* @__PURE__ */ jsxs4("div", { className: "vos-traj", children: [
+    /* @__PURE__ */ jsx4("div", { className: "vos-traj-head", children: /* @__PURE__ */ jsx4("span", { className: "vos-lbl", children: "Confidence over time" }) }),
+    /* @__PURE__ */ jsx4(
+      Sparkline,
+      {
+        values,
+        width: 260,
+        height: 44,
+        min: -100,
+        max: 100,
+        tone: confidenceTone(last.confidence),
+        fill: true,
+        ariaLabel: `Confidence moved from ${formatSigned(first.confidence)} to ${formatSigned(last.confidence)}`
+      }
+    ),
+    /* @__PURE__ */ jsxs4("div", { className: "vos-traj-foot", children: [
+      /* @__PURE__ */ jsx4("span", { children: first.date }),
+      /* @__PURE__ */ jsxs4("span", { className: "vos-num", children: [
+        "now ",
+        formatSigned(last.confidence)
+      ] })
+    ] })
+  ] });
+}
+function experimentDetail(e) {
+  const evidence = e.readingCount === 0 ? "No readings yet" : `${e.readingCount} reading${e.readingCount === 1 ? "" : "s"}`;
+  const p = e.progress;
+  if (e.done) {
+    return p ? `Concluded \xB7 ${p.total} of ${p.total} bars settled` : `Concluded \xB7 ${evidence}`;
+  }
+  if (!p || p.total === 0) return `${evidence} \xB7 no pre-registered bars`;
+  return `${evidence} \xB7 ${p.settled} of ${p.total} bars settled \xB7 ${p.toGo} to go`;
+}
+function otherMoverLabel(m) {
+  if (m.kind === "goal") return `Goal ${m.goalId ?? ""}`.trim();
+  return m.readingCount === 1 ? "A direct reading" : "Direct readings";
+}
+function Muted({ children }) {
+  return /* @__PURE__ */ jsx4("p", { className: "vos-hint", children });
+}
+
+// src/record-drawer.tsx
+import { Fragment as Fragment4, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var META_FIELDS = /* @__PURE__ */ new Set(["id", "version", "createdAt", "updatedAt", "derived"]);
+var DERIVED_SUB = {
+  confidence: "Signed average of concluded readings",
+  risk: "Impact \xD7 (1 \u2212 Confidence\u207A/100)",
+  derivedImpact: "Impact re-weighted by links",
+  impact: "Impact re-weighted by links",
+  strength: "of the evidence base",
+  sourceQuality: "of the source"
+};
+function RecordDrawer({
+  register,
+  record,
+  loading,
+  error,
+  open,
+  onClose,
+  basePath,
+  onChanged,
+  children
+}) {
+  const [editing, setEditing] = useState2(false);
+  const [draft, setDraft] = useState2({});
+  const [baseline, setBaseline] = useState2(null);
+  const [why, setWhy] = useState2(false);
+  const { save, saving, conflict, error: saveError, reset } = useUpdate(
+    register,
+    basePath
+  );
+  const recordId = record?.id ?? null;
+  useEffect3(() => {
+    setEditing(false);
+    setBaseline(null);
+    setWhy(false);
+    reset();
+  }, [recordId, reset]);
+  const derived = record && record.derived && typeof record.derived === "object" ? record.derived : null;
+  const fields = record ? Object.keys(record).filter((k) => !META_FIELDS.has(k)) : [];
+  function startEditing() {
+    if (!record) return;
+    setBaseline(record);
+    setDraft(draftFrom(register, record));
+    reset();
+    setEditing(true);
+  }
+  function cancelEditing() {
+    setEditing(false);
+    reset();
+  }
+  async function onSave() {
+    if (!record || !baseline) return;
+    const patch = buildPatch(register, baseline, draft);
+    patch.version = record.version;
+    if (Object.keys(patch).length <= 1) {
+      setEditing(false);
+      return;
+    }
+    const result = await save(record.id, patch);
+    if (result.ok) {
+      setEditing(false);
+      onChanged?.();
+    }
+  }
+  function reloadLatest() {
+    reset();
+    onChanged?.();
+  }
+  const setField = (key, value) => setDraft((d) => ({ ...d, [key]: value }));
+  return /* @__PURE__ */ jsxs5(
+    DrawerShell,
+    {
+      open,
+      onClose,
+      ariaLabel: `${REGISTER_LABEL[register]} record`,
+      children: [
+        /* @__PURE__ */ jsxs5("header", { className: "vos-drawer-header", children: [
+          /* @__PURE__ */ jsxs5("div", { style: { flex: 1, minWidth: 0 }, children: [
+            /* @__PURE__ */ jsx5("p", { className: "vos-drawer-eyebrow", children: REGISTER_LABEL[register] }),
+            /* @__PURE__ */ jsx5("h2", { className: "vos-drawer-title", children: record ? primaryLabel(record) : loading ? "Loading\u2026" : "\u2014" })
+          ] }),
+          record ? /* @__PURE__ */ jsxs5("span", { className: "vos-verbadge", children: [
+            "v",
+            formatValue(record.version)
+          ] }) : null,
+          record && !editing ? /* @__PURE__ */ jsx5(
+            "button",
+            {
+              type: "button",
+              onClick: startEditing,
+              className: "vos-btn vos-btn-ghost vos-btn-sm",
+              children: "Edit"
+            }
+          ) : null,
+          /* @__PURE__ */ jsx5(
+            "button",
+            {
+              type: "button",
+              onClick: onClose,
+              className: "vos-iconbtn",
+              "aria-label": "Close",
+              children: "\u2715"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx5("div", { className: "vos-drawer-body", children: loading ? /* @__PURE__ */ jsx5("p", { className: "vos-muted", children: "Loading record\u2026" }) : error ? /* @__PURE__ */ jsx5("p", { className: "vos-error", children: error }) : !record ? /* @__PURE__ */ jsx5("p", { className: "vos-muted", children: "No record." }) : /* @__PURE__ */ jsxs5(Fragment4, { children: [
+          derived ? /* @__PURE__ */ jsxs5("div", { children: [
+            /* @__PURE__ */ jsxs5("div", { className: "vos-derived", children: [
+              /* @__PURE__ */ jsxs5("div", { className: "vos-derived-head", children: [
+                "Derived",
+                /* @__PURE__ */ jsx5("span", { className: "vos-lock", children: "\u{1F512} computed on write \u2014 not editable" })
+              ] }),
+              /* @__PURE__ */ jsx5("div", { className: "vos-dgrid", children: Object.entries(derived).map(([key, value]) => /* @__PURE__ */ jsx5(
+                DerivedCell,
+                {
+                  field: key,
+                  value,
+                  showWhy: key === "confidence",
+                  whyOpen: why,
+                  onWhy: () => setWhy((w) => !w)
+                },
+                key
+              )) })
+            ] }),
+            "confidence" in derived && why ? /* @__PURE__ */ jsx5("div", { className: "vos-why-panel", children: /* @__PURE__ */ jsx5(UnderstandingPanel, { assumption: record, basePath }) }) : null
+          ] }) : null,
+          conflict ? /* @__PURE__ */ jsx5(ConflictBanner, { message: conflict, onReload: reloadLatest }) : null,
+          saveError ? /* @__PURE__ */ jsx5("p", { role: "alert", className: "vos-banner vos-banner-crit", children: saveError }) : null,
+          editing ? /* @__PURE__ */ jsx5(
+            EditFields,
+            {
+              register,
+              draft,
+              onField: setField
+            }
+          ) : /* @__PURE__ */ jsx5("div", { className: "vos-detail-list", children: fields.map((key) => /* @__PURE__ */ jsxs5("div", { className: "vos-detail-row", children: [
+            /* @__PURE__ */ jsx5("span", { className: "vos-detail-k", children: fieldLabel(key) }),
+            /* @__PURE__ */ jsx5("span", { className: "vos-detail-v", children: formatValue(record[key]) })
+          ] }, key)) })
+        ] }) }),
+        record && !loading && !error && !editing ? children : null,
+        record && editing ? /* @__PURE__ */ jsxs5("footer", { className: "vos-drawer-footer", children: [
+          /* @__PURE__ */ jsx5(
+            "button",
+            {
+              type: "button",
+              onClick: cancelEditing,
+              disabled: saving,
+              className: "vos-btn vos-btn-ghost vos-btn-sm",
+              children: "Cancel"
+            }
+          ),
+          /* @__PURE__ */ jsx5(
+            "button",
+            {
+              type: "button",
+              onClick: onSave,
+              disabled: saving,
+              className: "vos-btn vos-btn-sm",
+              children: saving ? "Saving\u2026" : "Save"
+            }
+          )
+        ] }) : record ? /* @__PURE__ */ jsxs5("footer", { className: "vos-drawer-footer", children: [
+          record.id,
+          " \xB7 updated ",
+          formatValue(record.updatedAt)
+        ] }) : null
+      ]
+    }
+  );
+}
+function DerivedCell({
+  field,
+  value,
+  showWhy,
+  whyOpen,
+  onWhy
+}) {
+  const num2 = typeof value === "number" ? value : null;
+  let toneClass = "";
+  let display = formatValue(value);
+  if (num2 !== null) {
+    toneClass = heroToneClass(derivedTone(field, num2));
+    display = field === "confidence" ? formatSigned(num2) : String(Math.round(num2));
+  }
+  return /* @__PURE__ */ jsxs5("div", { className: "vos-dcell", children: [
+    /* @__PURE__ */ jsxs5("div", { className: "vos-dcell-k", children: [
+      derivedLabel(field),
+      showWhy ? /* @__PURE__ */ jsxs5(
+        "button",
+        {
+          type: "button",
+          className: "vos-why",
+          onClick: onWhy,
+          "aria-expanded": whyOpen,
+          children: [
+            "Why? ",
+            whyOpen ? "\u25B4" : "\u25BE"
+          ]
+        }
+      ) : null
+    ] }),
+    /* @__PURE__ */ jsx5("div", { className: `vos-dcell-v ${toneClass}`, children: display }),
+    DERIVED_SUB[field] ? /* @__PURE__ */ jsx5("div", { className: "vos-dcell-sub", children: DERIVED_SUB[field] }) : null
+  ] });
+}
+function ConflictBanner({
+  message,
+  onReload
+}) {
+  return /* @__PURE__ */ jsxs5("div", { role: "alert", className: "vos-banner vos-banner-warn", children: [
+    /* @__PURE__ */ jsx5("div", { className: "vos-banner-body", children: /* @__PURE__ */ jsx5("span", { children: message }) }),
+    /* @__PURE__ */ jsx5("button", { type: "button", onClick: onReload, children: "Review the latest" })
+  ] });
+}
+function EditFields({
+  register,
+  draft,
+  onField
+}) {
+  return /* @__PURE__ */ jsx5("div", { className: "vos-field-stack", children: editableFields(register).map((field) => /* @__PURE__ */ jsx5(
+    FieldInput,
+    {
+      field,
+      value: draft[field.key],
+      onChange: (v) => onField(field.key, v)
+    },
+    field.key
+  )) });
+}
+function FieldInput({
+  field,
+  value,
+  onChange
+}) {
+  const id = `field-${field.key.replace(/\s+/g, "-")}`;
+  return /* @__PURE__ */ jsxs5("div", { className: "vos-field", children: [
+    /* @__PURE__ */ jsx5("label", { htmlFor: id, children: field.label }),
+    field.kind === "textarea" ? /* @__PURE__ */ jsx5(
+      "textarea",
+      {
+        id,
+        value: String(value ?? ""),
+        onChange: (e) => onChange(e.target.value),
+        rows: 3,
+        className: "vos-input"
+      }
+    ) : field.kind === "select" ? /* @__PURE__ */ jsxs5(
+      "select",
+      {
+        id,
+        value: String(value ?? ""),
+        onChange: (e) => onChange(e.target.value),
+        className: "vos-input",
+        children: [
+          field.nullable ? /* @__PURE__ */ jsx5("option", { value: "", children: "\u2014" }) : null,
+          field.options?.map((opt) => /* @__PURE__ */ jsx5("option", { value: opt, children: opt }, opt))
+        ]
+      }
+    ) : /* @__PURE__ */ jsx5(
+      "input",
+      {
+        id,
+        type: field.kind === "number" ? "number" : "text",
+        value: String(value ?? ""),
+        onChange: (e) => onChange(e.target.value),
+        className: "vos-input"
+      }
+    )
+  ] });
+}
+
+// src/record-form.tsx
+import { useMemo, useState as useState4 } from "react";
+
+// src/form-fields.ts
+import {
+  GOAL_RUNG_VALUES,
+  TESTING_RUNGS
+} from "@validation-os/core";
+var ASSUMPTION_STATUS = ["Draft", "Live", "Invalidated"];
+var EXPERIMENT_STATUS = ["Running", "Closed"];
+var CLOSURE_REASON = ["Completed", "Early-stop", "Kill"];
+var GOAL_STATUS = ["Draft", "Active", "Closed"];
+var GOAL_OUTCOME = ["Achieved", "Missed", "Dropped"];
+var DECISION_STATUS = ["Active", "Provisional", "Superseded", "Reversed"];
+var GLOSSARY_STATUS = ["Active", "Provisional", "Superseded"];
+var RESULT = ["Validated", "Invalidated", "Inconclusive"];
+var MAGNITUDE = ["Low", "Typical", "High"];
+var FEASIBILITY = ["High", "Medium", "Low"];
+var RUNGS = [...TESTING_RUNGS, ...GOAL_RUNG_VALUES];
+var QUALITY = ["1", "0.7", "0.5"];
+var FIELDS = {
+  assumptions: [
+    { key: "Title", label: "Assumption", kind: "text", required: true },
+    { key: "Description", label: "Description", kind: "textarea" },
+    { key: "Lens", label: "Lens", kind: "text" },
+    { key: "Impact", label: "Impact (0\u2013100)", kind: "number" },
+    { key: "Status", label: "Status", kind: "select", options: ASSUMPTION_STATUS },
+    { key: "5 Whys", label: "5 Whys", kind: "textarea" },
+    { key: "Metric for truth", label: "Metric for truth", kind: "textarea" },
+    {
+      key: "Scoring justification",
+      label: "Scoring justification",
+      kind: "textarea"
+    }
+  ],
+  experiments: [
+    { key: "Title", label: "Experiment", kind: "text", required: true },
+    { key: "Instrument", label: "Instrument", kind: "text" },
+    { key: "Feasibility", label: "Feasibility", kind: "select", options: FEASIBILITY },
+    { key: "Status", label: "Status", kind: "select", options: EXPERIMENT_STATUS },
+    {
+      key: "closureReason",
+      label: "Closure reason",
+      kind: "select",
+      options: CLOSURE_REASON
+    },
+    { key: "Date", label: "Date", kind: "text", placeholder: "YYYY-MM-DD" }
+  ],
+  readings: [
+    { key: "Title", label: "Reading", kind: "text", required: true },
+    { key: "Source", label: "Source", kind: "text" },
+    { key: "Rung", label: "Rung", kind: "select", options: RUNGS, required: true },
+    { key: "Result", label: "Result", kind: "select", options: RESULT, required: true },
+    {
+      key: "Representativeness",
+      label: "Representativeness",
+      kind: "select",
+      options: QUALITY,
+      coerce: "number"
+    },
+    {
+      key: "Credibility",
+      label: "Credibility",
+      kind: "select",
+      options: QUALITY,
+      coerce: "number"
+    },
+    {
+      key: "magnitudeBand",
+      label: "Magnitude band",
+      kind: "select",
+      options: MAGNITUDE
+    },
+    { key: "Date", label: "Date", kind: "text", placeholder: "YYYY-MM-DD" }
+  ],
+  goals: [
+    { key: "Title", label: "Goal", kind: "text", required: true },
+    { key: "Status", label: "Status", kind: "select", options: GOAL_STATUS },
+    { key: "Outcome", label: "Outcome", kind: "select", options: GOAL_OUTCOME },
+    { key: "Date", label: "Date", kind: "text", placeholder: "YYYY-MM-DD" }
+  ],
+  decisions: [
+    { key: "Title", label: "Decision", kind: "text", required: true },
+    { key: "Status", label: "Status", kind: "select", options: DECISION_STATUS }
+  ],
+  glossary: [
+    { key: "Title", label: "Term", kind: "text", required: true },
+    { key: "Status", label: "Status", kind: "select", options: GLOSSARY_STATUS }
+  ],
+  people: [
+    { key: "Name", label: "Name", kind: "text", required: true },
+    { key: "Role", label: "Role", kind: "text" },
+    { key: "Segment", label: "Segment", kind: "text" }
+  ]
+};
+function formFieldsFor(register) {
+  return FIELDS[register];
+}
+function emptyDraft(register) {
+  const draft = {};
+  for (const f of formFieldsFor(register)) draft[f.key] = "";
+  return draft;
+}
+function missingRequired(register, draft) {
+  return formFieldsFor(register).filter((f) => f.required && !String(draft[f.key] ?? "").trim()).map((f) => f.label);
+}
+function toCreatePayload(register, draft) {
+  const out = {};
+  for (const f of formFieldsFor(register)) {
+    const raw = String(draft[f.key] ?? "").trim();
+    if (raw === "") continue;
+    if (f.kind === "number" || f.coerce === "number") {
+      const n = Number(raw);
+      if (!Number.isNaN(n)) out[f.key] = n;
+    } else {
+      out[f.key] = raw;
+    }
+  }
+  return out;
+}
+
+// src/field-styles.ts
+var FIELD_LABEL_CLASS = "vos-field-label";
+var FIELD_CONTROL_CLASS = "vos-input";
+
+// src/use-mutations.ts
+import { useCallback as useCallback2, useState as useState3 } from "react";
+async function postJson(url, body) {
+  const res = await fetch(url, {
+    method: "POST",
+    headers: { "content-type": "application/json" },
+    body: JSON.stringify(body)
+  });
+  const payload = await res.json().catch(() => null);
+  if (!res.ok) {
+    const message = payload?.message ?? payload?.error ?? `Request failed (${res.status})`;
+    throw new Error(message);
+  }
+  return payload.data;
+}
+function useCreate(register, basePath = "/api") {
+  const [saving, setSaving] = useState3(false);
+  const [error, setError] = useState3(null);
+  const create = useCallback2(
+    async (data) => {
+      setSaving(true);
+      setError(null);
+      try {
+        return await postJson(`${basePath}/${register}`, data);
+      } catch (e) {
+        const message = e instanceof Error ? e.message : "Failed to create";
+        setError(message);
+        throw e;
+      } finally {
+        setSaving(false);
+      }
+    },
+    [register, basePath]
+  );
+  return { create, saving, error };
+}
+function useLink(basePath = "/api") {
+  const [linking, setLinking] = useState3(false);
+  const [error, setError] = useState3(null);
+  const link = useCallback2(
+    async (args) => {
+      setLinking(true);
+      setError(null);
+      try {
+        await postJson(`${basePath}/link`, args);
+      } catch (e) {
+        const message = e instanceof Error ? e.message : "Failed to link";
+        setError(message);
+        throw e;
+      } finally {
+        setLinking(false);
+      }
+    },
+    [basePath]
+  );
+  return { link, linking, error };
+}
+
+// src/record-form.tsx
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+function RecordForm({
+  register,
+  basePath,
+  onCreated,
+  onCancel
+}) {
+  const fields = useMemo(() => formFieldsFor(register), [register]);
+  const [draft, setDraft] = useState4(
+    () => emptyDraft(register)
+  );
+  const { create, saving, error } = useCreate(register, basePath);
+  const missing = missingRequired(register, draft);
+  const set = (key, value) => setDraft((d) => ({ ...d, [key]: value }));
+  const onSubmit = async (e) => {
+    e.preventDefault();
+    if (missing.length > 0 || saving) return;
+    try {
+      const created = await create(toCreatePayload(register, draft));
+      onCreated(created.id);
+    } catch {
+    }
+  };
+  return /* @__PURE__ */ jsxs6("form", { onSubmit, className: "vos-form", children: [
+    /* @__PURE__ */ jsxs6("div", { className: "vos-form-body", children: [
+      fields.map((field) => /* @__PURE__ */ jsx6(
+        Field,
+        {
+          field,
+          value: draft[field.key] ?? "",
+          onChange: (v) => set(field.key, v)
+        },
+        field.key
+      )),
+      error ? /* @__PURE__ */ jsx6("p", { className: "vos-error", children: error }) : null
+    ] }),
+    /* @__PURE__ */ jsxs6("footer", { className: "vos-drawer-footer", children: [
+      /* @__PURE__ */ jsx6("button", { type: "button", onClick: onCancel, className: "vos-btn vos-btn-ghost vos-btn-sm", children: "Cancel" }),
+      /* @__PURE__ */ jsx6(
+        "button",
+        {
+          type: "submit",
+          disabled: missing.length > 0 || saving,
+          title: missing.length > 0 ? `Fill in: ${missing.join(", ")}` : void 0,
+          className: "vos-btn vos-btn-sm",
+          children: saving ? "Creating\u2026" : `Create ${REGISTER_LABEL[register]}`
+        }
+      )
+    ] })
+  ] });
+}
+function Field({
+  field,
+  value,
+  onChange
+}) {
+  const id = `field-${field.key}`;
+  return /* @__PURE__ */ jsxs6("div", { className: "vos-field", children: [
+    /* @__PURE__ */ jsxs6("label", { htmlFor: id, className: FIELD_LABEL_CLASS, children: [
+      field.label,
+      field.required ? /* @__PURE__ */ jsx6("span", { className: "vos-req", children: " *" }) : null
+    ] }),
+    field.kind === "textarea" ? /* @__PURE__ */ jsx6(
+      "textarea",
+      {
+        id,
+        value,
+        rows: 3,
+        placeholder: field.placeholder,
+        onChange: (e) => onChange(e.target.value),
+        className: FIELD_CONTROL_CLASS
+      }
+    ) : field.kind === "select" ? /* @__PURE__ */ jsxs6(
+      "select",
+      {
+        id,
+        value,
+        onChange: (e) => onChange(e.target.value),
+        className: FIELD_CONTROL_CLASS,
+        children: [
+          /* @__PURE__ */ jsx6("option", { value: "", children: "\u2014" }),
+          field.options?.map((opt) => /* @__PURE__ */ jsx6("option", { value: opt, children: opt }, opt))
+        ]
+      }
+    ) : /* @__PURE__ */ jsx6(
+      "input",
+      {
+        id,
+        type: field.kind === "number" ? "number" : "text",
+        value,
+        placeholder: field.placeholder,
+        onChange: (e) => onChange(e.target.value),
+        className: FIELD_CONTROL_CLASS
+      }
+    )
+  ] });
+}
+
+// src/relation-editor.tsx
+import { useMemo as useMemo2, useState as useState5 } from "react";
+
+// src/link-choices.ts
+import { RELATIONS } from "@validation-os/core";
+var RELATION_LABEL = {
+  "assumption-reading": "Add reading",
+  "assumption-depends-on": "Depends on",
+  "assumption-contradicts": "Contradicts",
+  "reading-experiment": "From experiment",
+  "reading-goal": "From goal",
+  "decision-based-on": "Based on assumption",
+  "decision-resolves": "Resolves assumption",
+  "goal-based-on": "Based on assumption"
+};
+function linkChoicesFrom(register) {
+  return Object.keys(RELATIONS).filter((r) => RELATIONS[r].from.register === register).map((relation) => ({
+    relation,
+    label: RELATION_LABEL[relation],
+    targetRegister: RELATIONS[relation].targetRegister
+  }));
+}
+
+// src/relation-editor.tsx
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+function RelationEditor({
+  register,
+  recordId,
+  basePath,
+  onLinked
+}) {
+  const choices = useMemo2(() => linkChoicesFrom(register), [register]);
+  const [relation, setRelation] = useState5("");
+  const [targetId, setTargetId] = useState5("");
+  const { link, linking, error } = useLink(basePath);
+  const active = choices.find((c) => c.relation === relation) ?? null;
+  const { records } = useList(
+    active?.targetRegister ?? register,
+    basePath
+  );
+  const targets = (records ?? []).filter(
+    (r) => !(active?.targetRegister === register && r.id === recordId)
+  );
+  if (choices.length === 0) return null;
+  const onLink = async () => {
+    if (!active || !targetId || linking) return;
+    try {
+      await link({
+        relation: active.relation,
+        from: { register, id: recordId },
+        to: { register: active.targetRegister, id: targetId }
+      });
+      setTargetId("");
+      setRelation("");
+      onLinked();
+    } catch {
+    }
+  };
+  return /* @__PURE__ */ jsxs7("section", { className: "vos-relation", children: [
+    /* @__PURE__ */ jsx7("h3", { className: "vos-sectitle", children: "Link a record" }),
+    /* @__PURE__ */ jsxs7("div", { className: "vos-field-stack", children: [
+      /* @__PURE__ */ jsxs7(
+        "select",
+        {
+          "aria-label": "Relation",
+          value: relation,
+          onChange: (e) => {
+            setRelation(e.target.value);
+            setTargetId("");
+          },
+          className: FIELD_CONTROL_CLASS,
+          children: [
+            /* @__PURE__ */ jsx7("option", { value: "", children: "Choose a relation\u2026" }),
+            choices.map((c) => /* @__PURE__ */ jsx7("option", { value: c.relation, children: c.label }, c.relation))
+          ]
+        }
+      ),
+      active ? /* @__PURE__ */ jsxs7(
+        "select",
+        {
+          "aria-label": "Target record",
+          value: targetId,
+          onChange: (e) => setTargetId(e.target.value),
+          className: FIELD_CONTROL_CLASS,
+          children: [
+            /* @__PURE__ */ jsx7("option", { value: "", children: "Choose a record\u2026" }),
+            targets.map((r) => /* @__PURE__ */ jsx7("option", { value: r.id, children: primaryLabel(r) }, r.id))
+          ]
+        }
+      ) : null,
+      error ? /* @__PURE__ */ jsx7("p", { className: "vos-error", children: error }) : null,
+      /* @__PURE__ */ jsx7(
+        "button",
+        {
+          type: "button",
+          onClick: onLink,
+          disabled: !active || !targetId || linking,
+          className: "vos-btn vos-btn-sm",
+          style: { alignSelf: "flex-start" },
+          children: linking ? "Linking\u2026" : "Link"
+        }
+      )
+    ] })
+  ] });
 }
 
 // src/register-browser.tsx
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-function RegisterBrowser({ register, basePath }) {
-  const { records, loading, error } = useList(register, basePath);
-  const [openId, setOpenId] = useState2(null);
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+function RegisterBrowser({
+  register,
+  basePath,
+  subtitle
+}) {
+  const { records, loading, error, refresh: refreshList } = useList(
+    register,
+    basePath
+  );
+  const [openId, setOpenId] = useState6(null);
+  const [creating, setCreating] = useState6(false);
   const {
     record,
     loading: recordLoading,
-    error: recordError
+    error: recordError,
+    refresh: refreshRecord
   } = useRecord(register, openId, basePath);
-  return /* @__PURE__ */ jsxs4("div", { children: [
-    loading && !records ? /* @__PURE__ */ jsxs4("p", { className: "text-sm text-neutral-500", children: [
+  return /* @__PURE__ */ jsxs8("div", { children: [
+    /* @__PURE__ */ jsxs8("div", { className: "vos-head", children: [
+      /* @__PURE__ */ jsxs8("div", { children: [
+        /* @__PURE__ */ jsx8("h1", { children: REGISTER_LABEL[register] }),
+        subtitle ? /* @__PURE__ */ jsx8("p", { children: subtitle }) : null
+      ] }),
+      /* @__PURE__ */ jsx8("div", { className: "vos-spacer" }),
+      /* @__PURE__ */ jsx8(
+        "button",
+        {
+          type: "button",
+          onClick: () => refreshList(),
+          className: "vos-btn vos-btn-ghost",
+          children: "\u21BB Refresh"
+        }
+      ),
+      /* @__PURE__ */ jsxs8(
+        "button",
+        {
+          type: "button",
+          onClick: () => setCreating(true),
+          className: "vos-btn",
+          children: [
+            "+ New ",
+            REGISTER_SINGULAR[register]
+          ]
+        }
+      )
+    ] }),
+    loading && !records ? /* @__PURE__ */ jsxs8("p", { className: "vos-muted", children: [
       "Loading ",
       REGISTER_LABEL[register].toLowerCase(),
       "\u2026"
-    ] }) : error ? /* @__PURE__ */ jsx4("p", { className: "text-sm text-red-600 dark:text-red-400", children: error }) : /* @__PURE__ */ jsx4(
+    ] }) : error ? /* @__PURE__ */ jsx8("p", { className: "vos-error", children: error }) : /* @__PURE__ */ jsx8(
       RegisterTable,
       {
         register,
@@ -401,7 +1673,7 @@ function RegisterBrowser({ register, basePath }) {
         selectedId: openId
       }
     ),
-    /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx8(
       RecordDrawer,
       {
         register,
@@ -409,20 +1681,96 @@ function RegisterBrowser({ register, basePath }) {
         loading: recordLoading,
         error: recordError,
         open: openId !== null,
-        onClose: () => setOpenId(null)
+        onClose: () => setOpenId(null),
+        basePath,
+        onChanged: () => {
+          refreshRecord();
+          refreshList();
+        },
+        children: openId ? /* @__PURE__ */ jsx8(
+          RelationEditor,
+          {
+            register,
+            recordId: openId,
+            basePath,
+            onLinked: () => {
+              refreshRecord();
+              refreshList();
+            }
+          }
+        ) : null
+      }
+    ),
+    /* @__PURE__ */ jsxs8(
+      DrawerShell,
+      {
+        open: creating,
+        onClose: () => setCreating(false),
+        ariaLabel: `New ${REGISTER_SINGULAR[register]} record`,
+        children: [
+          /* @__PURE__ */ jsx8("header", { className: "vos-drawer-header", children: /* @__PURE__ */ jsxs8("div", { children: [
+            /* @__PURE__ */ jsx8("p", { className: "vos-drawer-eyebrow", children: "New" }),
+            /* @__PURE__ */ jsx8("h2", { className: "vos-drawer-title", children: REGISTER_SINGULAR[register] })
+          ] }) }),
+          /* @__PURE__ */ jsx8(
+            RecordForm,
+            {
+              register,
+              basePath,
+              onCreated: (id) => {
+                setCreating(false);
+                refreshList();
+                setOpenId(id);
+              },
+              onCancel: () => setCreating(false)
+            }
+          )
+        ]
       }
     )
   ] });
 }
 
+// src/register-nav.tsx
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+function RegisterNav({
+  active,
+  onSelect,
+  counts,
+  registers
+}) {
+  const groups = REGISTER_GROUPS.map((g) => ({
+    ...g,
+    registers: registers ? g.registers.filter((r) => registers.includes(r)) : g.registers
+  })).filter((g) => g.registers.length > 0);
+  return /* @__PURE__ */ jsx9("nav", { className: "vos-nav", "aria-label": "Registers", children: groups.map((group) => /* @__PURE__ */ jsxs9("div", { children: [
+    /* @__PURE__ */ jsx9("div", { className: "vos-nav-group", children: group.label }),
+    group.registers.map((register) => /* @__PURE__ */ jsxs9(
+      "button",
+      {
+        type: "button",
+        className: `vos-nav-item ${register === active ? "is-active" : ""}`,
+        "aria-current": register === active ? "page" : void 0,
+        onClick: () => onSelect(register),
+        children: [
+          /* @__PURE__ */ jsx9("span", { className: "vos-nav-ic", "aria-hidden": "true", children: REGISTER_ICON[register] }),
+          REGISTER_LABEL[register],
+          /* @__PURE__ */ jsx9("span", { className: "vos-nav-count vos-num", children: counts?.[register] !== void 0 ? formatCount(counts[register] ?? 0) : "\xB7" })
+        ]
+      },
+      register
+    ))
+  ] }, group.label)) });
+}
+
 // src/use-counts.ts
-import { useCallback as useCallback2, useEffect as useEffect3, useState as useState3 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect4, useState as useState7 } from "react";
 function useCounts(basePath = "/api") {
-  const [counts, setCounts] = useState3(null);
-  const [loading, setLoading] = useState3(true);
-  const [error, setError] = useState3(null);
-  const [tick, setTick] = useState3(0);
-  useEffect3(() => {
+  const [counts, setCounts] = useState7(null);
+  const [loading, setLoading] = useState7(true);
+  const [error, setError] = useState7(null);
+  const [tick, setTick] = useState7(0);
+  useEffect4(() => {
     let live = true;
     setLoading(true);
     fetch(`${basePath}/counts`).then(async (res) => {
@@ -442,22 +1790,181 @@ function useCounts(basePath = "/api") {
       live = false;
     };
   }, [basePath, tick]);
-  const refresh = useCallback2(() => setTick((t) => t + 1), []);
+  const refresh = useCallback3(() => setTick((t2) => t2 + 1), []);
   return { counts, loading, error, refresh };
 }
+
+// src/dashboard-app.tsx
+import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+function initialsOf(name) {
+  const parts = name.trim().split(/\s+/);
+  const first = parts[0]?.[0] ?? "";
+  const last = parts.length > 1 ? parts[parts.length - 1]?.[0] ?? "" : "";
+  return (first + last).toUpperCase() || "?";
+}
+function registerFromHash(available) {
+  if (typeof window === "undefined") return null;
+  const hash = window.location.hash.replace(/^#\/?/, "");
+  return available.includes(hash) ? hash : null;
+}
+function ValidationOSDashboard({ config = {} }) {
+  const {
+    basePath = "/api",
+    backendLabel,
+    branding,
+    agentLabel,
+    user,
+    registers = REGISTER_ORDER
+  } = config;
+  const [active, setActive] = useState8(
+    () => registerFromHash(registers) ?? registers[0] ?? "assumptions"
+  );
+  const { counts } = useCounts(basePath);
+  useEffect5(() => {
+    if (typeof window === "undefined") return;
+    const onHash = () => {
+      const next = registerFromHash(registers);
+      if (next) setActive(next);
+    };
+    window.addEventListener("hashchange", onHash);
+    return () => window.removeEventListener("hashchange", onHash);
+  }, [registers]);
+  const select = useCallback4((register) => {
+    setActive(register);
+    if (typeof window !== "undefined") {
+      window.location.hash = register;
+    }
+  }, []);
+  const toggleTheme = useCallback4(() => {
+    const root = document.documentElement;
+    const current = root.getAttribute("data-theme") ?? (window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light");
+    root.setAttribute("data-theme", current === "dark" ? "light" : "dark");
+  }, []);
+  const brandName = branding?.name ?? "Validation-OS";
+  const brandMark = branding?.initials ?? "V";
+  return /* @__PURE__ */ jsxs10("div", { className: "vos-app", children: [
+    /* @__PURE__ */ jsxs10("div", { className: "vos-brand", children: [
+      /* @__PURE__ */ jsx10("span", { className: "vos-brand-dot", children: branding?.logoUrl ? /* @__PURE__ */ jsx10("img", { src: branding.logoUrl, alt: "" }) : brandMark }),
+      " ",
+      brandName
+    ] }),
+    /* @__PURE__ */ jsxs10("div", { className: "vos-topbar", children: [
+      backendLabel ? /* @__PURE__ */ jsxs10("div", { className: "vos-backend", children: [
+        /* @__PURE__ */ jsx10("span", { className: "vos-live-dot" }),
+        " Backend: ",
+        /* @__PURE__ */ jsx10("b", { children: backendLabel })
+      ] }) : null,
+      agentLabel ? /* @__PURE__ */ jsxs10("span", { className: "vos-hint", children: [
+        "Agent: ",
+        /* @__PURE__ */ jsx10("b", { style: { color: "var(--vos-text)" }, children: agentLabel })
+      ] }) : null,
+      /* @__PURE__ */ jsx10("div", { className: "vos-spacer" }),
+      /* @__PURE__ */ jsx10("button", { type: "button", className: "vos-iconbtn", onClick: toggleTheme, children: "\u25D0 Theme" }),
+      user?.name ? /* @__PURE__ */ jsxs10("div", { className: "vos-user", children: [
+        /* @__PURE__ */ jsx10("span", { className: "vos-avatar", children: initialsOf(user.name) }),
+        /* @__PURE__ */ jsxs10("div", { children: [
+          /* @__PURE__ */ jsx10("span", { className: "vos-user-name", children: user.name }),
+          user.caption ? /* @__PURE__ */ jsx10("small", { children: user.caption }) : null
+        ] })
+      ] }) : null
+    ] }),
+    /* @__PURE__ */ jsx10(
+      RegisterNav,
+      {
+        active,
+        onSelect: select,
+        counts,
+        registers
+      }
+    ),
+    /* @__PURE__ */ jsx10("main", { className: "vos-main", children: /* @__PURE__ */ jsx10(
+      RegisterBrowser,
+      {
+        register: active,
+        basePath,
+        subtitle: REGISTER_SUBTITLE[active]
+      },
+      active
+    ) })
+  ] });
+}
+
+// src/register-counts.tsx
+import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+function RegisterCounts({
+  counts,
+  caption,
+  onSelect,
+  active
+}) {
+  const registers = REGISTER_ORDER.filter(
+    (r) => counts[r] !== void 0
+  );
+  return /* @__PURE__ */ jsxs11("section", { "aria-label": "Register counts", children: [
+    /* @__PURE__ */ jsx11("div", { className: "vos-tile-grid", children: registers.map((register) => /* @__PURE__ */ jsx11(
+      StatTile,
+      {
+        label: REGISTER_LABEL[register],
+        value: counts[register] ?? 0,
+        onClick: onSelect ? () => onSelect(register) : void 0,
+        active: active === register
+      },
+      register
+    )) }),
+    caption ? /* @__PURE__ */ jsx11("p", { className: "vos-hint", style: { marginTop: 16 }, children: caption }) : null
+  ] });
+}
 export {
+  CONFLICT_MESSAGE,
+  ConfidenceCell,
+  REGISTER_GROUPS,
+  REGISTER_ICON,
   REGISTER_LABEL,
   REGISTER_ORDER,
+  REGISTER_SINGULAR,
+  REGISTER_SUBTITLE,
+  RISK_CRIT,
+  RISK_WARN,
   RecordDrawer,
+  RecordForm,
   RegisterBrowser,
   RegisterCounts,
+  RegisterNav,
   RegisterTable,
+  RelationEditor,
+  RiskBar,
+  Sparkline,
+  StatTile,
+  StatusPill,
+  UnderstandingPanel,
+  ValidationOSDashboard,
+  buildPatch,
+  buildUnderstanding,
   cellValue,
   columnsFor,
+  confidenceTone,
+  draftFrom,
+  editableFields,
+  emptyDraft,
+  formFieldsFor,
+  formatCount,
+  formatSigned,
   formatValue,
+  hasEdits,
+  interpretSave,
+  linkChoicesFrom,
+  missingRequired,
   primaryLabel,
+  riskFraction,
+  riskLevel,
+  sparklinePath,
+  statusTone,
+  toCreatePayload,
   useCounts,
+  useCreate,
+  useLink,
   useList,
-  useRecord
+  useRecord,
+  useUpdate
 };
 //# sourceMappingURL=index.js.map