@validation-os/dashboard 0.10.0 → 0.11.0

package/dist/index.d.ts

@@ -316,6 +316,9 @@ type Route = {
 } | {
     name: "records";
     register: Collection;
+    lens?: string;
+    stage?: string;
+    view?: "all";
 } | {
     name: "record";
     id: string;
@@ -1347,6 +1350,9 @@ interface RegisterBrowserProps {
     /** Open a record's canonical full page (story 12). When set, the drawer
      * offers a "Full page" link; reads/edits still happen in the peek drawer. */
     onOpenRecord?: (id: string) => void;
+    /** Pre-filter applied before tab/free-text — Lens × Stage from the grid. */
+    lens?: string;
+    stage?: string;
 }
 /**
  * The browse-create-edit surface for one register. Above the flat table sits the
@@ -1362,7 +1368,7 @@ interface RegisterBrowserProps {
  * gated API (which recomputes derived fields on write). The canonical full record
  * page is reachable via the drawer's "Full page" link when `onOpenRecord` is set.
  */
-declare function RegisterBrowser({ register, basePath, subtitle, onOpenRecord, }: RegisterBrowserProps): react.JSX.Element;
+declare function RegisterBrowser({ register, basePath, subtitle, onOpenRecord, lens, stage, }: RegisterBrowserProps): react.JSX.Element;
 
 /**
  * The front door — "what's my next move" (design OPS-1295, build OPS-1304): the

package/dist/index.js

@@ -49,7 +49,6 @@ var REGISTER_GROUPS = [
 ];
 var WORKFLOW_NAV = [
   { route: "next", label: "Next move", icon: "\u25C8", isDefault: true },
-  { route: "stage-grid", label: "Lens \xD7 Stage", icon: "\u25A6" },
   { route: "pipeline", label: "Pipeline", icon: "\u25A4" }
 ];
 
@@ -4782,7 +4781,9 @@ function RegisterBrowser({
   register,
   basePath,
   subtitle,
-  onOpenRecord
+  onOpenRecord,
+  lens,
+  stage
 }) {
   const { records, loading, error, refresh: refreshList } = useList(
     register,
@@ -4804,18 +4805,25 @@ function RegisterBrowser({
   } = useRecord(register, openId, basePath);
   const [asOf] = useState10(() => (/* @__PURE__ */ new Date()).toISOString().slice(0, 10));
   const rows = records ?? [];
+  const prefiltered = useMemo4(() => {
+    return rows.filter((r) => {
+      if (lens !== void 0 && (r.Lens ?? "") !== lens) return false;
+      if (stage !== void 0 && (r.Stage ?? "") !== stage) return false;
+      return true;
+    });
+  }, [rows, lens, stage]);
   const ctx = {
     asOf,
-    assumptions: register === "assumptions" ? rows : assumptions.records ?? [],
-    experiments: register === "experiments" ? rows : experiments.records ?? [],
-    readings: register === "readings" ? rows : readings.records ?? [],
-    decisions: register === "decisions" ? rows : []
+    assumptions: register === "assumptions" ? prefiltered : assumptions.records ?? [],
+    experiments: register === "experiments" ? prefiltered : experiments.records ?? [],
+    readings: register === "readings" ? prefiltered : readings.records ?? [],
+    decisions: register === "decisions" ? prefiltered : []
   };
   const shaped = useMemo4(
-    () => shapeRegister(register, rows, descriptor, ctx),
+    () => shapeRegister(register, prefiltered, descriptor, ctx),
     // ctx is derived from the same inputs; listing them keeps the memo honest.
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [register, rows, descriptor, ctx.assumptions, ctx.experiments, ctx.readings, asOf]
+    [register, prefiltered, descriptor, ctx.assumptions, ctx.experiments, ctx.readings, asOf]
   );
   const counts = needsHumanCounts(ctx);
   const humanCount = {
@@ -5568,14 +5576,14 @@ function StageGridSurface({ basePath, onNavigate }) {
           {
             type: "button",
             className: "vos-btn",
-            onClick: () => onNavigate({ name: "records", register: "assumptions" }),
+            onClick: () => onNavigate({ name: "records", register: "assumptions", view: "all" }),
             children: "Write your first bet"
           }
         )
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxs17(StageGridFrame, { total: view.total, onRefresh: refresh, children: [
+  return /* @__PURE__ */ jsxs17(StageGridFrame, { total: view.total, onRefresh: refresh, onNavigate, 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: [
@@ -5607,7 +5615,8 @@ function StageGridSurface({ basePath, onNavigate }) {
       {
         cell: open,
         onClose: () => setOpen(null),
-        onOpenRecord: openRecord
+        onOpenRecord: openRecord,
+        onNavigate
       }
     )
   ] });
@@ -5615,6 +5624,7 @@ function StageGridSurface({ basePath, onNavigate }) {
 function StageGridFrame({
   total,
   onRefresh,
+  onNavigate,
   children
 }) {
   return /* @__PURE__ */ jsxs17("div", { children: [
@@ -5637,6 +5647,15 @@ function StageGridFrame({
           onClick: onRefresh,
           children: "\u21BB Refresh"
         }
+      ) : null,
+      onNavigate ? /* @__PURE__ */ jsx18(
+        "button",
+        {
+          type: "button",
+          className: "vos-btn vos-btn-ghost",
+          onClick: () => onNavigate({ name: "records", register: "assumptions", view: "all" }),
+          children: "View all \u2192"
+        }
       ) : null
     ] }),
     /* @__PURE__ */ jsx18("div", { className: "vos-stage-grid-host", children })
@@ -5674,7 +5693,8 @@ function StageCell({
 function CellDrawer({
   cell,
   onClose,
-  onOpenRecord
+  onOpenRecord,
+  onNavigate
 }) {
   return /* @__PURE__ */ jsxs17(
     DrawerShell,
@@ -5683,15 +5703,31 @@ function CellDrawer({
       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__ */ jsxs17("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." })
           ] }),
-          /* @__PURE__ */ jsx18("p", { className: "vos-hint", children: cell && cell.count > 0 ? `${cell.count} ${cell.count === 1 ? "belief" : "beliefs"}, ranked by Risk \u2014 riskiest first.` : "No beliefs in this cell." })
-        ] }) }),
+          cell && cell.stage !== "\u2014" && onNavigate && /* @__PURE__ */ jsx18(
+            "button",
+            {
+              type: "button",
+              className: "vos-btn vos-btn-secondary",
+              onClick: () => onNavigate({
+                name: "records",
+                register: "assumptions",
+                lens: cell.lens === "\u2014" ? void 0 : cell.lens,
+                stage: cell.stage
+              }),
+              children: "Open in table \u2192"
+            }
+          )
+        ] }),
         cell && cell.count > 0 ? /* @__PURE__ */ jsx18("div", { className: "vos-stage-grid-drawer-body", children: /* @__PURE__ */ jsx18(
           RegisterTable,
           {
@@ -5710,8 +5746,13 @@ var DEFAULT_ROUTE = { name: "next" };
 function parseRoute(hash, registers) {
   const h = hash.replace(/^#\/?/, "");
   if (!h) return DEFAULT_ROUTE;
-  const parts = h.split("/");
+  const [pathPart = "", queryPart = ""] = h.split("?");
+  const parts = pathPart.split("/");
   const head = parts[0] ?? "";
+  const query = new URLSearchParams(queryPart ?? "");
+  const lens = query.get("lens") ?? void 0;
+  const stage = query.get("stage") ?? void 0;
+  const view = query.get("view") ?? void 0;
   if (head === "next") return { name: "next" };
   if (head === "pipeline") return { name: "pipeline" };
   if (head === "stage-grid") return { name: "stage-grid" };
@@ -5720,14 +5761,20 @@ function parseRoute(hash, registers) {
     return id ? { name: "record", id } : DEFAULT_ROUTE;
   }
   if (registers.includes(head)) {
-    return { name: "records", register: head };
+    return { name: "records", register: head, lens, stage, view };
   }
   return DEFAULT_ROUTE;
 }
 function formatRoute(route) {
   switch (route.name) {
-    case "records":
-      return route.register;
+    case "records": {
+      const q = new URLSearchParams();
+      if (route.lens) q.set("lens", route.lens);
+      if (route.stage) q.set("stage", route.stage);
+      if (route.view) q.set("view", route.view);
+      const qs = q.toString();
+      return qs ? `${route.register}?${qs}` : route.register;
+    }
     case "record":
       return `record/${route.id}`;
     default:
@@ -5928,15 +5975,22 @@ function ValidationOSDashboard({ config = {} }) {
         registers
       }
     ),
-    /* @__PURE__ */ jsx20("main", { className: "vos-main", children: route.name === "records" ? /* @__PURE__ */ jsx20(
-      RegisterBrowser,
-      {
-        register: route.register,
-        basePath,
-        subtitle: REGISTER_SUBTITLE[route.register],
-        onOpenRecord: (id) => navigate({ name: "record", id })
-      },
-      route.register
+    /* @__PURE__ */ jsx20("main", { className: "vos-main", children: route.name === "records" ? (
+      // The assumptions register renders the grid as its landing surface
+      // (#assumptions with no query); cell-click and "view all" drill into
+      // the filtered/unfiltered table by setting lens/stage/view on the route.
+      route.register === "assumptions" && !route.lens && !route.stage && route.view !== "all" ? /* @__PURE__ */ jsx20(StageGridSurface, { basePath, onNavigate: navigate }, "stage-grid") : /* @__PURE__ */ jsx20(
+        RegisterBrowser,
+        {
+          register: route.register,
+          basePath,
+          subtitle: REGISTER_SUBTITLE[route.register],
+          onOpenRecord: (id) => navigate({ name: "record", id }),
+          lens: route.lens,
+          stage: route.stage
+        },
+        route.register + (route.lens ?? "") + (route.stage ?? "") + (route.view ?? "")
+      )
     ) : route.name === "record" ? /* @__PURE__ */ jsx20(
       RecordPage,
       {