@ai-matrx/records-ui 0.115.74 → 0.115.75

package/dist/index.cjs

@@ -25702,6 +25702,7 @@ function GridBody({
   onOpenRecord,
   openRecordId = null,
   onCloseRecord,
+  onRowsShown,
   onAddField,
   onNewRecordForm,
   toolbarActions,
@@ -25982,6 +25983,11 @@ function GridBody({
   const rows = added.rows;
   const lockedRows = records.data?.locked ?? 0;
   const rowIds = (0, import_react143.useMemo)(() => rows.map((row) => row.id), [rows]);
+  const rowsShownRef = (0, import_react143.useRef)(onRowsShown);
+  rowsShownRef.current = onRowsShown;
+  (0, import_react143.useEffect)(() => {
+    rowsShownRef.current?.(rowIds);
+  }, [rowIds]);
   const countedButNotReturned = !records.error && !records.loading && rows.length === 0 && typeof records.data?.total === "number" && records.data.total > 0 && (storePaged ? query.page <= 1 : page <= 0);
   const reReads = (0, import_react143.useRef)(0);
   const reloadRecords = (0, import_react143.useRef)(records.reload);
@@ -38277,6 +38283,7 @@ function ViewSwitcher({
   onOpenRecord,
   openRecordId,
   onCloseRecord,
+  onRowsShown,
   onMoved,
   onNewRecordForm,
   onAskWhoChanged,
@@ -38354,6 +38361,7 @@ function ViewSwitcher({
         ...onOpenRecord ? { onOpenRecord } : {},
         ...openRecordId ? { openRecordId } : {},
         ...onCloseRecord ? { onCloseRecord } : {},
+        ...onRowsShown ? { onRowsShown } : {},
         ...onNewRecordForm ? { onNewRecordForm } : {},
         ...onAskWhoChanged ? { onAskWhoChanged } : {},
         ...viewId ? {
@@ -52182,7 +52190,7 @@ var import_clipboard17 = require("@ai-matrx/kit/clipboard");
 var import_react311 = require("react");
 var import_records74 = require("@ai-matrx/records");
 var import_react312 = require("@ai-matrx/records/react");
-var import_design_system157 = require("@ai-matrx/design-system");
+var import_design_system158 = require("@ai-matrx/design-system");
 var import_text_case22 = require("@ai-matrx/kit/text-case");
 
 // src/calendarFeed.ts
@@ -52427,42 +52435,143 @@ async function runTablePageAction(kind, args) {
   }
 }
 
-// src/RecordPanel.tsx
-var import_react302 = require("react");
+// src/RecordStepper.tsx
 var import_design_system151 = require("@ai-matrx/design-system");
-var import_react303 = require("@ai-matrx/records/react");
 var import_jsx_runtime169 = require("react/jsx-runtime");
-function RecordPanel({ tableId, recordId, onClose, onAskAboutField, onPage = false }) {
-  const host = useRecordsUi();
-  const [asking, setAsking] = (0, import_react302.useState)(null);
-  return /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)("div", { className: "space-y-3", "data-record-panel": recordId, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(Peek, { tableId, recordId, onPage, ...onClose ? { onClose } : {} }),
-    onPage ? /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)(import_jsx_runtime169.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(RecordBody, { tableId, recordId }),
-      /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(LinkedLists, { tableId, recordId }),
-      /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(ReverseLinksSections, { tableId, recordId }),
-      /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(RecordAsk, { tableId, recordId })
-    ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(import_design_system151.Separator, {}),
+function neighborsOf(ids, id) {
+  const index = ids.indexOf(id);
+  if (index < 0) return null;
+  return {
+    index,
+    total: ids.length,
+    previous: index > 0 ? ids[index - 1] : null,
+    next: index < ids.length - 1 ? ids[index + 1] : null
+  };
+}
+var TEXT_TAGS = /* @__PURE__ */ new Set(["INPUT", "TEXTAREA", "SELECT"]);
+function stepKeyOf(event) {
+  if (event.defaultPrevented || event.metaKey || event.ctrlKey || event.altKey || event.shiftKey) return null;
+  if (event.key !== "ArrowUp" && event.key !== "ArrowDown") return null;
+  const target = event.target;
+  if (target) {
+    if (TEXT_TAGS.has(target.tagName) || target.isContentEditable) return null;
+    const role = target.getAttribute?.("role");
+    if (role === "combobox" || role === "listbox" || role === "option" || role === "slider" || role === "spinbutton") return null;
+  }
+  return event.key === "ArrowUp" ? -1 : 1;
+}
+function RecordStepper({ neighbors, onStep, expanded, onToggleExpand }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)("div", { className: "flex items-center gap-1", "data-record-stepper": "", children: [
     /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
-      HistoryPanel,
+      import_design_system151.Button,
       {
-        tableId,
-        recordId,
-        onAskAboutField: (fieldKey) => onAskAboutField ? onAskAboutField(fieldKey) : setAsking(fieldKey)
+        size: "sm",
+        variant: "ghost",
+        className: "h-7 w-7 p-0",
+        "aria-label": "Previous record",
+        title: "Previous record (\u2191)",
+        disabled: neighbors.previous === null,
+        onClick: () => neighbors.previous && onStep(neighbors.previous),
+        "data-record-previous": "",
+        children: "\u2191"
       }
     ),
-    !onAskAboutField && asking ? /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(FieldHistoryPanel, { tableId, fieldKey: asking, recordId, onClose: () => setAsking(null) }) : null,
-    host.recordSections ? /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)(import_react302.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(import_design_system151.Separator, {}),
-      host.recordSections({ tableId, recordId })
-    ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(import_design_system151.Separator, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(ChecklistRunner, { tableId, recordId }),
-    /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(import_design_system151.Separator, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(CommentThread, { tableId, recordId })
+    /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
+      import_design_system151.Button,
+      {
+        size: "sm",
+        variant: "ghost",
+        className: "h-7 w-7 p-0",
+        "aria-label": "Next record",
+        title: "Next record (\u2193)",
+        disabled: neighbors.next === null,
+        onClick: () => neighbors.next && onStep(neighbors.next),
+        "data-record-next": "",
+        children: "\u2193"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)("span", { className: "text-[11px] tabular-nums text-muted-foreground", "data-record-position": "", children: [
+      neighbors.index + 1,
+      " of ",
+      neighbors.total
+    ] }),
+    onToggleExpand ? /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
+      import_design_system151.Button,
+      {
+        size: "sm",
+        variant: "ghost",
+        className: "ml-auto h-7 px-2 text-xs",
+        "aria-pressed": Boolean(expanded),
+        onClick: onToggleExpand,
+        "data-record-expand": "",
+        children: expanded ? "Shrink" : "Expand"
+      }
+    ) : null
   ] });
 }
+
+// src/RecordPanel.tsx
+var import_react302 = require("react");
+var import_design_system152 = require("@ai-matrx/design-system");
+var import_react303 = require("@ai-matrx/records/react");
+var import_jsx_runtime170 = require("react/jsx-runtime");
+function RecordPanel({ tableId, recordId, onClose, onAskAboutField, onPage = false, neighbors, onStep, expanded, onToggleExpand }) {
+  const host = useRecordsUi();
+  const [asking, setAsking] = (0, import_react302.useState)(null);
+  return /* @__PURE__ */ (0, import_jsx_runtime170.jsxs)(
+    "div",
+    {
+      className: "space-y-3 outline-none",
+      tabIndex: -1,
+      "data-record-panel": recordId,
+      onKeyDown: (event) => {
+        if (event.key === "Escape" && !event.defaultPrevented && onClose && !onPage) {
+          const tag = event.target?.tagName;
+          if (tag !== "INPUT" && tag !== "TEXTAREA" && tag !== "SELECT") {
+            event.preventDefault();
+            onClose();
+          }
+          return;
+        }
+        if (!neighbors || !onStep) return;
+        const way = stepKeyOf(event);
+        const to = way === null ? null : way < 0 ? neighbors.previous : neighbors.next;
+        if (to) {
+          event.preventDefault();
+          onStep(to);
+        }
+      },
+      children: [
+        neighbors && onStep ? /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(RecordStepper, { neighbors, onStep: (to) => onStep(to), expanded, onToggleExpand }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(Peek, { tableId, recordId, onPage, ...onClose ? { onClose } : {} }),
+        onPage ? /* @__PURE__ */ (0, import_jsx_runtime170.jsxs)(import_jsx_runtime170.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(RecordBody, { tableId, recordId }),
+          /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(LinkedLists, { tableId, recordId }),
+          /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(ReverseLinksSections, { tableId, recordId }),
+          /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(RecordAsk, { tableId, recordId })
+        ] }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(import_design_system152.Separator, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(
+          HistoryPanel,
+          {
+            tableId,
+            recordId,
+            onAskAboutField: (fieldKey) => onAskAboutField ? onAskAboutField(fieldKey) : setAsking(fieldKey)
+          }
+        ),
+        !onAskAboutField && asking ? /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(FieldHistoryPanel, { tableId, fieldKey: asking, recordId, onClose: () => setAsking(null) }) : null,
+        host.recordSections ? /* @__PURE__ */ (0, import_jsx_runtime170.jsxs)(import_react302.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(import_design_system152.Separator, {}),
+          host.recordSections({ tableId, recordId })
+        ] }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(import_design_system152.Separator, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(ChecklistRunner, { tableId, recordId }),
+        /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(import_design_system152.Separator, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(CommentThread, { tableId, recordId })
+      ]
+    }
+  );
+}
 function LinkedLists({ tableId, recordId }) {
   const fields = (0, import_react303.useFields)(tableId);
   const record = (0, import_react303.useRecord)(recordId, true, { tableId });
@@ -52472,9 +52581,9 @@ function LinkedLists({ tableId, recordId }) {
   const may = useRecordRights(recordId);
   if (links.length === 0 || !document2) return null;
   if (may.write) {
-    return /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)("div", { className: "flex flex-col gap-3", "data-record-linked-lists": "", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(import_design_system151.Separator, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime170.jsxs)("div", { className: "flex flex-col gap-3", "data-record-linked-lists": "", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(import_design_system152.Separator, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(
         RecordFieldsInPlace,
         {
           tableId,
@@ -52487,25 +52596,25 @@ function LinkedLists({ tableId, recordId }) {
           className: "flex min-w-0 flex-col gap-1",
           renderLabel: (field2) => {
             const count = referencesOf(field2, document2[field2.key], "relation", labels).length;
-            return /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)("span", { className: "flex items-center gap-2 pt-2 text-foreground", "data-record-linked-list": field2.key, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime169.jsx)("span", { className: "truncate text-xs font-medium", children: fieldName(field2) }),
-              count > 0 ? /* @__PURE__ */ (0, import_jsx_runtime169.jsx)("span", { className: "text-[11px] text-muted-foreground", children: count }) : null
+            return /* @__PURE__ */ (0, import_jsx_runtime170.jsxs)("span", { className: "flex items-center gap-2 pt-2 text-foreground", "data-record-linked-list": field2.key, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("span", { className: "truncate text-xs font-medium", children: fieldName(field2) }),
+              count > 0 ? /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("span", { className: "text-[11px] text-muted-foreground", children: count }) : null
             ] });
           }
         }
       )
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)("div", { className: "flex flex-col gap-3", "data-record-linked-lists": "", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(import_design_system151.Separator, {}),
+  return /* @__PURE__ */ (0, import_jsx_runtime170.jsxs)("div", { className: "flex flex-col gap-3", "data-record-linked-lists": "", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(import_design_system152.Separator, {}),
     links.map((field2) => {
       const refs = referencesOf(field2, document2[field2.key], "relation", labels);
-      return /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)("section", { className: "flex min-w-0 flex-col gap-1", "data-record-linked-list": field2.key, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime169.jsx)("h4", { className: "truncate text-xs font-medium", children: fieldName(field2) }),
-          refs.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime169.jsx)("span", { className: "text-[11px] text-muted-foreground", children: refs.length }) : null
+      return /* @__PURE__ */ (0, import_jsx_runtime170.jsxs)("section", { className: "flex min-w-0 flex-col gap-1", "data-record-linked-list": field2.key, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime170.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("h4", { className: "truncate text-xs font-medium", children: fieldName(field2) }),
+          refs.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("span", { className: "text-[11px] text-muted-foreground", children: refs.length }) : null
         ] }),
-        refs.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime169.jsx)("span", { className: "text-xs text-muted-foreground", children: "\u2014" }) : /* @__PURE__ */ (0, import_jsx_runtime169.jsx)("ul", { className: "flex min-w-0 flex-col gap-1", children: refs.map((ref) => /* @__PURE__ */ (0, import_jsx_runtime169.jsx)("li", { className: "min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(ReferenceChip, { reference: ref }) }, ref.id)) })
+        refs.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("span", { className: "text-xs text-muted-foreground", children: "\u2014" }) : /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("ul", { className: "flex min-w-0 flex-col gap-1", children: refs.map((ref) => /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("li", { className: "min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(ReferenceChip, { reference: ref }) }, ref.id)) })
       ] }, field2.id);
     })
   ] });
@@ -52514,16 +52623,16 @@ function RecordAsk({ tableId, recordId }) {
   const host = useRecordsUi();
   const [open, setOpen] = (0, import_react302.useState)(false);
   if (!host.chat) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)("section", { className: "flex min-w-0 flex-col gap-1.5", "data-record-ask": open ? "open" : "", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(import_design_system151.Separator, {}),
-    open ? /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(RecordChat, { tableId, recordId, className: "min-h-[22rem]" }) : /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(import_design_system151.Button, { size: "sm", variant: "outline", className: "self-start", onClick: () => setOpen(true), "data-record-ask-open": "", children: "Ask about this record" })
+  return /* @__PURE__ */ (0, import_jsx_runtime170.jsxs)("section", { className: "flex min-w-0 flex-col gap-1.5", "data-record-ask": open ? "open" : "", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(import_design_system152.Separator, {}),
+    open ? /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(RecordChat, { tableId, recordId, className: "min-h-[22rem]" }) : /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(import_design_system152.Button, { size: "sm", variant: "outline", className: "self-start", onClick: () => setOpen(true), "data-record-ask-open": "", children: "Ask about this record" })
   ] });
 }
 
 // src/breakDown.tsx
 var import_react304 = require("react");
-var import_design_system152 = require("@ai-matrx/design-system");
-var import_jsx_runtime170 = require("react/jsx-runtime");
+var import_design_system153 = require("@ai-matrx/design-system");
+var import_jsx_runtime171 = require("react/jsx-runtime");
 var BREAK_DOWN_ACTION_ID = "break-down";
 var NO_DIMENSION_REASON = "No column to break down by";
 function breakDownAction(args) {
@@ -52552,14 +52661,14 @@ function BreakDownDialog({
   const dimensions = (0, import_react304.useMemo)(() => drillDimensionsOf(def, NO_LABELS), [def]);
   const [picked, setPicked] = (0, import_react304.useState)(null);
   const key = picked ?? held?.field ?? dimensions[0]?.key ?? "";
-  return /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(import_design_system152.Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime170.jsxs)(import_design_system152.DialogContent, { "data-break-down": "", className: "max-w-sm", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(import_design_system152.DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(import_design_system152.DialogTitle, { children: "Break down by" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime170.jsxs)(import_design_system152.Select, { value: key, onValueChange: setPicked, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(import_design_system152.SelectTrigger, { "aria-label": "Column to break down by", "data-break-down-select": "", children: /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(import_design_system152.SelectValue, { placeholder: def ? NO_DIMENSION_REASON : "Reading this table\u2026" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(import_design_system152.SelectContent, { children: dimensions.map((d) => /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(import_design_system152.SelectItem, { value: d.key, children: d.label }, d.key)) })
+  return /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(import_design_system153.Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime171.jsxs)(import_design_system153.DialogContent, { "data-break-down": "", className: "max-w-sm", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(import_design_system153.DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(import_design_system153.DialogTitle, { children: "Break down by" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime171.jsxs)(import_design_system153.Select, { value: key, onValueChange: setPicked, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(import_design_system153.SelectTrigger, { "aria-label": "Column to break down by", "data-break-down-select": "", children: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(import_design_system153.SelectValue, { placeholder: def ? NO_DIMENSION_REASON : "Reading this table\u2026" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(import_design_system153.SelectContent, { children: dimensions.map((d) => /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(import_design_system153.SelectItem, { value: d.key, children: d.label }, d.key)) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(
-      import_design_system152.Button,
+    /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(
+      import_design_system153.Button,
       {
         type: "button",
         "data-break-down-apply": "",
@@ -52579,8 +52688,8 @@ function BreakDownDialog({
 var import_clipboard16 = require("@ai-matrx/kit/clipboard");
 var import_react305 = require("react");
 var import_workspace2 = require("@ai-matrx/alchemy/react/workspace");
-var import_design_system153 = require("@ai-matrx/design-system");
-var import_jsx_runtime171 = require("react/jsx-runtime");
+var import_design_system154 = require("@ai-matrx/design-system");
+var import_jsx_runtime172 = require("react/jsx-runtime");
 function tableReferenceChoices(tableId, name) {
   return [
     {
@@ -52623,11 +52732,11 @@ function TableReferenceDialog({
     },
     [port, notify]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(import_design_system153.Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime171.jsxs)(import_design_system153.DialogContent, { className: "sm:max-w-sm", "data-table-reference": "", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(import_design_system153.DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(import_design_system153.DialogTitle, { children: "Get reference" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("div", { className: "flex flex-col gap-2", children: choices.map((choice) => /* @__PURE__ */ (0, import_jsx_runtime171.jsxs)("div", { className: "flex items-center justify-between gap-3 rounded-md border px-3 py-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("span", { className: "text-sm", children: choice.label }),
-      /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(import_design_system153.Button, { size: "sm", variant: "outline", onClick: () => void copy(choice), "data-table-reference-copy": choice.id, children: copied === choice.id ? "Copied" : "Copy" })
+  return /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(import_design_system154.Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)(import_design_system154.DialogContent, { className: "sm:max-w-sm", "data-table-reference": "", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(import_design_system154.DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(import_design_system154.DialogTitle, { children: "Get reference" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("div", { className: "flex flex-col gap-2", children: choices.map((choice) => /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)("div", { className: "flex items-center justify-between gap-3 rounded-md border px-3 py-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("span", { className: "text-sm", children: choice.label }),
+      /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(import_design_system154.Button, { size: "sm", variant: "outline", onClick: () => void copy(choice), "data-table-reference-copy": choice.id, children: copied === choice.id ? "Copied" : "Copy" })
     ] }, choice.id)) })
   ] }) });
 }
@@ -52636,8 +52745,8 @@ function TableReferenceDialog({
 var import_format14 = require("@ai-matrx/kit/format");
 var import_react306 = require("react");
 var import_react307 = require("@ai-matrx/records/react");
-var import_design_system154 = require("@ai-matrx/design-system");
-var import_jsx_runtime172 = require("react/jsx-runtime");
+var import_design_system155 = require("@ai-matrx/design-system");
+var import_jsx_runtime173 = require("react/jsx-runtime");
 function copyNameFor(name) {
   return `${name.trim() || "Table"} (copy)`;
 }
@@ -52685,13 +52794,13 @@ function TableDuplicateDialog({ tableId, name, open, onOpenChange, onDuplicated
     if (onDuplicated) onDuplicated(copy);
     else if (typeof window !== "undefined") window.location.assign(copy.path);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(import_design_system154.Dialog, { open, onOpenChange: close, children: /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)(import_design_system154.DialogContent, { className: "sm:max-w-md", "data-table-duplicate": tableId, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(import_design_system154.DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)(import_design_system154.DialogTitle, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(import_design_system155.Dialog, { open, onOpenChange: close, children: /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)(import_design_system155.DialogContent, { className: "sm:max-w-md", "data-table-duplicate": tableId, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(import_design_system155.DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)(import_design_system155.DialogTitle, { children: [
       "Duplicate ",
       name || "table"
     ] }) }),
-    phase.kind === "done" ? /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)("div", { className: "flex flex-col gap-1.5 text-sm", "data-table-duplicate-done": "", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)("p", { children: [
+    phase.kind === "done" ? /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)("div", { className: "flex flex-col gap-1.5 text-sm", "data-table-duplicate-done": "", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)("p", { children: [
         phase.copy.table.name,
         ": ",
         phase.copy.copied.fields,
@@ -52701,14 +52810,14 @@ function TableDuplicateDialog({ tableId, name, open, onOpenChange, onDuplicated
         phase.copy.copied.withRecords ? `, ${(0, import_format14.formatCount)(phase.copy.copied.records)} records` : "",
         "."
       ] }),
-      phase.copy.notCopied.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
+      phase.copy.notCopied.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
         "Not copied: ",
         phase.copy.notCopied.join(", "),
         "."
       ] }) : null
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)("div", { className: "flex flex-col gap-3 text-sm", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
-        import_design_system154.Input,
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)("div", { className: "flex flex-col gap-3 text-sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
+        import_design_system155.Input,
         {
           autoFocus: true,
           "aria-label": "Name of the copy",
@@ -52720,26 +52829,26 @@ function TableDuplicateDialog({ tableId, name, open, onOpenChange, onDuplicated
           }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)("label", { className: "flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("span", { children: "Copy its records" }),
-        /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(import_design_system154.Switch, { checked: withRecords, disabled: copying, onCheckedChange: setWithRecords, "aria-label": "Copy its records" })
+      /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)("label", { className: "flex items-center justify-between gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime173.jsx)("span", { children: "Copy its records" }),
+        /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(import_design_system155.Switch, { checked: withRecords, disabled: copying, onCheckedChange: setWithRecords, "aria-label": "Copy its records" })
       ] }),
-      phase.kind === "copying" ? /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("p", { className: "text-xs text-muted-foreground", "data-table-duplicate-progress": "", children: phase.progress ? duplicateProgressWords(phase.progress) : "Starting the copy\u2026" }) : null,
-      phase.kind === "refused" ? /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(import_design_system154.ErrorBox, { children: phase.sentence }) : null,
-      problem && typed2 !== "" ? /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("p", { className: "text-xs text-muted-foreground", children: problem }) : null
+      phase.kind === "copying" ? /* @__PURE__ */ (0, import_jsx_runtime173.jsx)("p", { className: "text-xs text-muted-foreground", "data-table-duplicate-progress": "", children: phase.progress ? duplicateProgressWords(phase.progress) : "Starting the copy\u2026" }) : null,
+      phase.kind === "refused" ? /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(import_design_system155.ErrorBox, { children: phase.sentence }) : null,
+      problem && typed2 !== "" ? /* @__PURE__ */ (0, import_jsx_runtime173.jsx)("p", { className: "text-xs text-muted-foreground", children: problem }) : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(import_design_system154.DialogFooter, { children: phase.kind === "done" ? /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(import_design_system154.Button, { onClick: () => openCopy(phase.copy), "data-table-duplicate-open": "", children: "Open the copy" }) : /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)(import_jsx_runtime172.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(import_design_system154.Button, { variant: "ghost", disabled: copying, onClick: () => close(false), children: "Cancel" }),
-      /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(import_design_system154.Button, { disabled: copying || problem !== null, onClick: () => void go(), children: copying ? "Duplicating\u2026" : "Duplicate" })
+    /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(import_design_system155.DialogFooter, { children: phase.kind === "done" ? /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(import_design_system155.Button, { onClick: () => openCopy(phase.copy), "data-table-duplicate-open": "", children: "Open the copy" }) : /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)(import_jsx_runtime173.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(import_design_system155.Button, { variant: "ghost", disabled: copying, onClick: () => close(false), children: "Cancel" }),
+      /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(import_design_system155.Button, { disabled: copying || problem !== null, onClick: () => void go(), children: copying ? "Duplicating\u2026" : "Duplicate" })
     ] }) })
   ] }) });
 }
 
 // src/ViewFilter.tsx
 var import_react308 = require("react");
-var import_design_system155 = require("@ai-matrx/design-system");
+var import_design_system156 = require("@ai-matrx/design-system");
 var import_react309 = require("@ai-matrx/records/react");
-var import_jsx_runtime173 = require("react/jsx-runtime");
+var import_jsx_runtime174 = require("react/jsx-runtime");
 function conditionCount(expr) {
   if (!expr || typeof expr !== "object" || Array.isArray(expr)) return 0;
   const node = expr;
@@ -52767,8 +52876,8 @@ function ViewFilter({ tableId, view, onApply, className }) {
   return (
     // THE BUILDER FLOATS OVER THE TABLE (STABLE-TABLES; Notion's filter popover): drawn inside the
     // toolbar row it grew the row and pushed the whole table down (0.13 + 0.13 layout shift).
-    /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)(
-      import_design_system155.Popover,
+    /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)(
+      import_design_system156.Popover,
       {
         open,
         onOpenChange: (next) => {
@@ -52776,8 +52885,8 @@ function ViewFilter({ tableId, view, onApply, className }) {
           setOpen(next);
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(import_design_system155.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
-            import_design_system155.Button,
+          /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(import_design_system156.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
+            import_design_system156.Button,
             {
               size: "sm",
               variant: open || count > 0 ? "secondary" : "ghost",
@@ -52788,17 +52897,17 @@ function ViewFilter({ tableId, view, onApply, className }) {
               children: count > 0 ? `Filter \xB7 ${count}` : "Filter"
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(import_design_system155.PopoverContent, { sizing: "content", align: "start", className: "w-auto max-w-[min(42rem,calc(100vw-2rem))] p-2", children: /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(import_design_system156.PopoverContent, { sizing: "content", align: "start", className: "w-auto max-w-[min(42rem,calc(100vw-2rem))] p-2", children: /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)(
             "div",
             {
               className: "flex flex-col gap-2 text-xs",
               "data-testid": "view-filter-panel",
               children: [
-                view.ruleId ? /* @__PURE__ */ (0, import_jsx_runtime173.jsx)("p", { className: "text-muted-foreground", children: "This view's records are chosen by a membership Rule, and the store answers it. Change the Rule to change who is in this view." }) : !conditionIsDrawable(saved) ? /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)("p", { className: "text-muted-foreground", children: [
+                view.ruleId ? /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("p", { className: "text-muted-foreground", children: "This view's records are chosen by a membership Rule, and the store answers it. Change the Rule to change who is in this view." }) : !conditionIsDrawable(saved) ? /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)("p", { className: "text-muted-foreground", children: [
                   "This view asks: ",
                   conditionInWords(saved, conditionFields),
                   ". It cannot be drawn here; clear it to start a new filter."
-                ] }) : /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(FilterTermsContext.Provider, { value: true, children: /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
+                ] }) : /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(FilterTermsContext.Provider, { value: true, children: /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
                   ConditionGroup,
                   {
                     lead: "Show records where",
@@ -52808,9 +52917,9 @@ function ViewFilter({ tableId, view, onApply, className }) {
                     onChange: setDraft
                   }
                 ) }),
-                view.ruleId ? null : /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)("div", { className: "flex items-center gap-1", children: [
-                  changed2 ? /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
-                    import_design_system155.Button,
+                view.ruleId ? null : /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)("div", { className: "flex items-center gap-1", children: [
+                  changed2 ? /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
+                    import_design_system156.Button,
                     {
                       size: "sm",
                       "data-testid": "view-filter-apply",
@@ -52821,8 +52930,8 @@ function ViewFilter({ tableId, view, onApply, className }) {
                       children: "Apply"
                     }
                   ) : null,
-                  count > 0 || draft ? /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
-                    import_design_system155.Button,
+                  count > 0 || draft ? /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
+                    import_design_system156.Button,
                     {
                       size: "sm",
                       variant: "ghost",
@@ -52835,7 +52944,7 @@ function ViewFilter({ tableId, view, onApply, className }) {
                       children: "Clear filter"
                     }
                   ) : null,
-                  /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(import_design_system155.Button, { size: "sm", variant: "ghost", onClick: () => {
+                  /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(import_design_system156.Button, { size: "sm", variant: "ghost", onClick: () => {
                     setDraft(saved);
                     setOpen(false);
                   }, children: "Cancel" })
@@ -52850,11 +52959,11 @@ function ViewFilter({ tableId, view, onApply, className }) {
 }
 
 // src/PhoneTableActions.tsx
-var import_design_system156 = require("@ai-matrx/design-system");
-var import_jsx_runtime174 = require("react/jsx-runtime");
+var import_design_system157 = require("@ai-matrx/design-system");
+var import_jsx_runtime175 = require("react/jsx-runtime");
 function PhoneActionRow({ action: action3, groupStart }) {
   const disabled = action3.disabledReason !== void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(
     "button",
     {
       type: "button",
@@ -52864,16 +52973,16 @@ function PhoneActionRow({ action: action3, groupStart }) {
       onClick: () => {
         if (!disabled) void action3.run();
       },
-      className: (0, import_design_system156.cn)(
+      className: (0, import_design_system157.cn)(
         "flex min-h-11 w-full items-center gap-3 px-1 text-left text-base disabled:opacity-60",
         groupStart && "border-t border-border pt-1",
         action3.destructive && "text-destructive"
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(ObjectActionGlyph, { name: action3.icon, className: "h-5 w-5 shrink-0" }),
-        /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)("span", { className: "flex min-w-0 flex-col", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("span", { className: "truncate", children: action3.label }),
-          disabled ? /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("span", { className: "truncate text-xs text-muted-foreground", "data-object-action-reason": "", children: action3.disabledReason }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(ObjectActionGlyph, { name: action3.icon, className: "h-5 w-5 shrink-0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)("span", { className: "flex min-w-0 flex-col", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("span", { className: "truncate", children: action3.label }),
+          disabled ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("span", { className: "truncate text-xs text-muted-foreground", "data-object-action-reason": "", children: action3.disabledReason }) : null
         ] })
       ]
     }
@@ -52881,20 +52990,20 @@ function PhoneActionRow({ action: action3, groupStart }) {
 }
 PhoneActionRow.routeHeaderMenu = true;
 function PhoneSubmenu({ label, icon, actions }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)(import_design_system156.DropdownMenu, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(import_design_system156.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(import_design_system157.DropdownMenu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(
       "button",
       {
         type: "button",
         "data-object-action-group": "built-on",
         className: "flex min-h-11 w-full items-center gap-3 border-t border-border px-1 pt-1 text-left text-base",
         children: [
-          icon ? /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(ObjectActionGlyph, { name: icon, className: "h-5 w-5 shrink-0" }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("span", { className: "truncate", children: label })
+          icon ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(ObjectActionGlyph, { name: icon, className: "h-5 w-5 shrink-0" }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("span", { className: "truncate", children: label })
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(import_design_system156.DropdownMenuContent, { align: "end", className: "w-64", children: /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(ObjectActionMenuItems, { actions: actions.map((a) => ({ ...a, group: "manage" })) }) })
+    /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.DropdownMenuContent, { align: "end", className: "w-64", children: /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(ObjectActionMenuItems, { actions: actions.map((a) => ({ ...a, group: "manage" })) }) })
   ] });
 }
 PhoneSubmenu.routeHeaderMenu = true;
@@ -52907,13 +53016,13 @@ function phoneTableActions(actions) {
       continue;
     }
     if (entry.kind === "submenu") {
-      out.push(/* @__PURE__ */ (0, import_jsx_runtime174.jsx)(PhoneSubmenu, { label: entry.label, icon: entry.icon, actions: entry.actions }, `phone-group-${entry.id}`));
+      out.push(/* @__PURE__ */ (0, import_jsx_runtime175.jsx)(PhoneSubmenu, { label: entry.label, icon: entry.icon, actions: entry.actions }, `phone-group-${entry.id}`));
       groupStart = false;
       continue;
     }
     const a = entry.action;
     out.push(
-      /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
         PhoneActionRow,
         {
           action: a,
@@ -53139,7 +53248,7 @@ function useSlotScroll(slot) {
 // src/TablePage.tsx
 var import_uuid3 = require("@ai-matrx/kit/uuid");
 var import_outbound4 = require("@ai-matrx/kit/outbound");
-var import_jsx_runtime175 = require("react/jsx-runtime");
+var import_jsx_runtime176 = require("react/jsx-runtime");
 var RAIL_TITLE = {
   settings: "Table settings",
   inbox: "Inbox",
@@ -53156,21 +53265,22 @@ var RAIL_TITLE = {
   export: "Export"
 };
 function LookGlyph() {
-  return /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", width: "14", height: "14", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("path", { d: "M4 7h10M18 7h2M4 17h2M10 17h10" }),
-    /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("circle", { cx: "16", cy: "7", r: "2" }),
-    /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("circle", { cx: "8", cy: "17", r: "2" })
+  return /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", width: "14", height: "14", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("path", { d: "M4 7h10M18 7h2M4 17h2M10 17h10" }),
+    /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("circle", { cx: "16", cy: "7", r: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("circle", { cx: "8", cy: "17", r: "2" })
   ] });
 }
 function RailFrame({
   phone,
   title,
   onClose,
+  over = false,
   children
 }) {
   if (phone) {
-    return /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
-      import_design_system157.BottomSheet,
+    return /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
+      import_design_system158.BottomSheet,
       {
         open: true,
         onOpenChange: (open) => {
@@ -53179,11 +53289,19 @@ function RailFrame({
         title,
         size: "full",
         surface: "solid",
-        children: /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("div", { "data-rail-sheet": "", className: "min-h-0 flex-1 overflow-y-auto px-3 pb-6", children })
+        children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("div", { "data-rail-sheet": "", className: "min-h-0 flex-1 overflow-y-auto px-3 pb-6", children })
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("aside", { "data-rail-column": "", className: "w-[26rem] shrink-0 overflow-y-auto rounded-md border p-3", children });
+  return /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
+    "aside",
+    {
+      "data-rail-column": "",
+      "data-rail-over": over ? "" : void 0,
+      className: over ? "w-[26rem] shrink-0" : "w-[26rem] shrink-0 overflow-y-auto rounded-md border p-3",
+      children: over ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("div", { className: "fixed inset-y-0 right-0 z-40 w-[min(48rem,100vw)] overflow-y-auto border-l bg-background p-4 shadow-xl", children }) : children
+    }
+  );
 }
 function filterInWords(filter, fields) {
   const nameOf2 = (key) => {
@@ -53236,17 +53354,17 @@ function TableNotHere({
       alive = false;
     };
   }, [client, tableId]);
-  if (archived.phase === "asking") return /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.Skeleton, { className: "h-40 w-full" });
+  if (archived.phase === "asking") return /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system158.Skeleton, { className: "h-40 w-full" });
   const row = archived.phase === "answered" ? archived.row : null;
   if (row) {
-    return /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)("div", { className: (0, import_design_system157.cn)("flex flex-col items-start gap-2 rounded-md border border-dashed p-6", className), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("p", { className: "text-sm font-medium", children: "This table is archived" }),
-      /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("p", { className: "max-w-prose text-xs text-muted-foreground", children: TABLE_IS_ARCHIVED }),
-      /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("p", { className: "text-xs text-muted-foreground", children: (0, import_records74.archivedByLine)(row) }),
-      refusal3 ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(RefusalNotice, { error: refusal3 }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
-          import_design_system157.Button,
+    return /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)("div", { className: (0, import_design_system158.cn)("flex flex-col items-start gap-2 rounded-md border border-dashed p-6", className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("p", { className: "text-sm font-medium", children: "This table is archived" }),
+      /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("p", { className: "max-w-prose text-xs text-muted-foreground", children: TABLE_IS_ARCHIVED }),
+      /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("p", { className: "text-xs text-muted-foreground", children: (0, import_records74.archivedByLine)(row) }),
+      refusal3 ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(RefusalNotice, { error: refusal3 }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
+          import_design_system158.Button,
           {
             size: "sm",
             disabled: restoring,
@@ -53264,14 +53382,14 @@ function TableNotHere({
             children: restoring ? "Bringing it back\u2026" : "Bring it back"
           }
         ),
-        onLeave ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.Button, { size: "sm", variant: "outline", onClick: onLeave, children: leaveLabel }) : null
+        onLeave ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system158.Button, { size: "sm", variant: "outline", onClick: onLeave, children: leaveLabel }) : null
       ] })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)("div", { className: (0, import_design_system157.cn)("flex flex-col items-start gap-2 rounded-md border border-dashed p-6", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("p", { className: "text-sm font-medium", children: "This table is not here" }),
-    /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("p", { className: "max-w-prose text-xs text-muted-foreground", children: TABLE_NOT_REACHABLE }),
-    onLeave ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.Button, { size: "sm", variant: "outline", onClick: onLeave, children: leaveLabel }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)("div", { className: (0, import_design_system158.cn)("flex flex-col items-start gap-2 rounded-md border border-dashed p-6", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("p", { className: "text-sm font-medium", children: "This table is not here" }),
+    /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("p", { className: "max-w-prose text-xs text-muted-foreground", children: TABLE_NOT_REACHABLE }),
+    onLeave ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system158.Button, { size: "sm", variant: "outline", onClick: onLeave, children: leaveLabel }) : null
   ] });
 }
 var TABLE_NOT_REACHABLE = (
@@ -53405,6 +53523,7 @@ function TablePage({
   leaveLabel = "Back to your tables",
   activeDashboardId,
   activeRecordId,
+  onRecordChange,
   activeView,
   onViewChanged,
   activeGroupField,
@@ -53492,7 +53611,7 @@ function TablePage({
   const setRail = (next) => setSurface((now) => ({ ...now, rail: next }));
   const [importEpoch, setImportEpoch] = (0, import_react311.useState)(0);
   const [openRecord, setOpenRecord] = (0, import_react311.useState)(opening.record);
-  const phone = (0, import_design_system157.useIsMobile)();
+  const phone = (0, import_design_system158.useIsMobile)();
   const [shareAsked, setShareAsked] = (0, import_react311.useState)(0);
   const { open: renameOpen, setOpen: setRenameOpen, ask: askRename, menuContentProps: renameMenuProps } = useRenameFromMenu();
   const [archiveAsked, setArchiveAsked] = (0, import_react311.useState)(0);
@@ -53589,11 +53708,30 @@ function TablePage({
     onViewChanged?.(addressForView(view, next));
     void patchView({ layout: next });
   };
+  const reportedRecords = (0, import_react311.useRef)(/* @__PURE__ */ new Set());
+  const lastActiveRecord = (0, import_react311.useRef)(activeRecordId ?? null);
   (0, import_react311.useEffect)(() => {
-    if (!activeRecordId) return;
+    const before = lastActiveRecord.current;
+    lastActiveRecord.current = activeRecordId ?? null;
+    if (!activeRecordId) {
+      if (before) setSurface((now) => now.rail === "record" ? { ...now, rail: "none" } : now);
+      return;
+    }
+    if (reportedRecords.current.delete(activeRecordId)) return;
     setOpenRecord(activeRecordId);
     setSurface((now) => ({ ...now, rail: "record" }));
   }, [activeRecordId]);
+  const [shownIds, setShownIds] = (0, import_react311.useState)([]);
+  const [recordExpanded, setRecordExpanded] = (0, import_react311.useState)(false);
+  const shownRecord = rail === "record" ? openRecord : null;
+  const reportedRecord = (0, import_react311.useRef)(activeRecordId ?? null);
+  (0, import_react311.useEffect)(() => {
+    if (shownRecord === reportedRecord.current) return;
+    const how = shownRecord === null ? "close" : reportedRecord.current === null ? "open" : "step";
+    reportedRecord.current = shownRecord;
+    if (shownRecord) reportedRecords.current.add(shownRecord);
+    onRecordChange?.(shownRecord, how);
+  }, [shownRecord, onRecordChange]);
   (0, import_react311.useEffect)(() => {
     if (activeRecordId) return;
     const named = railFromParam(activeRail);
@@ -53780,20 +53918,20 @@ function TablePage({
   };
   const footer = footerOf(shown5?.presentation);
   const setFooter = (next) => void patchView({ presentation: { ...shown5?.presentation ?? {}, footer: next } });
-  const layoutRadio = /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
-    import_design_system157.DropdownMenuRadioGroup,
+  const layoutRadio = /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
+    import_design_system158.DropdownMenuRadioGroup,
     {
       value: layoutShowing ?? "",
       onValueChange: (value) => {
         if (import_views2.VIEW_LAYOUTS.includes(value)) pickLayout(value);
       },
-      children: import_views2.VIEW_LAYOUTS.map((option) => /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.DropdownMenuRadioItem, { value: option, children: import_views2.LAYOUT_LABEL[option] }, option))
+      children: import_views2.VIEW_LAYOUTS.map((option) => /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system158.DropdownMenuRadioItem, { value: option, children: import_views2.LAYOUT_LABEL[option] }, option))
     }
   );
-  const sheetExtras = controlsInSheet && main === "records" && shownLayout === "grid" ? /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(import_jsx_runtime175.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("div", { className: "flex items-center gap-2 text-xs", "data-table-sheet-filter": "", "data-matrx-table-tools-keep-open": "", children: /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(ViewFilter, { tableId, view: shown5, onApply: (where) => void patchView({ where }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("div", { role: "group", "aria-label": "Layout", className: "flex flex-wrap gap-1 pt-1", "data-table-sheet-layout": "", children: import_views2.VIEW_LAYOUTS.map((option) => /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
-      import_design_system157.Button,
+  const sheetExtras = controlsInSheet && main === "records" && shownLayout === "grid" ? /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(import_jsx_runtime176.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("div", { className: "flex items-center gap-2 text-xs", "data-table-sheet-filter": "", "data-matrx-table-tools-keep-open": "", children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(ViewFilter, { tableId, view: shown5, onApply: (where) => void patchView({ where }) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("div", { role: "group", "aria-label": "Layout", className: "flex flex-wrap gap-1 pt-1", "data-table-sheet-layout": "", children: import_views2.VIEW_LAYOUTS.map((option) => /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
+      import_design_system158.Button,
       {
         size: "sm",
         variant: layoutShowing === option ? "secondary" : "ghost",
@@ -53804,7 +53942,7 @@ function TablePage({
       },
       option
     )) }),
-    rights.share && canShare ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.Button, { size: "sm", variant: "ghost", className: "h-8", onClick: () => setShareAsked((n) => n + 1), "data-table-sheet-share": "", children: "Share\u2026" }) : null
+    rights.share && canShare ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system158.Button, { size: "sm", variant: "ghost", className: "h-8", onClick: () => setShareAsked((n) => n + 1), "data-table-sheet-share": "", children: "Share\u2026" }) : null
   ] }) : void 0;
   const go = (pressed) => {
     if (!surfaceChosen(surface, pressed)) press(pressed);
@@ -54010,9 +54148,9 @@ function TablePage({
     return () => window.removeEventListener("keydown", onKey);
   }, [recordsUi]);
   const openedFromMenu = openedEntry ? { ...openedEntry, label: actions.find((a) => a.id === openedEntry.id)?.label ?? openedEntry.key } : null;
-  const pageActions = /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(import_jsx_runtime175.Fragment, { children: [
-    publicReadOnly ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.Badge, { variant: "neutral", className: "shrink-0", "data-public-read-only": "", children: PUBLIC_READ_ONLY }, "public-read-only") : null,
-    !phone && rights.read && table.data ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
+  const pageActions = /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(import_jsx_runtime176.Fragment, { children: [
+    publicReadOnly ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system158.Badge, { variant: "neutral", className: "shrink-0", "data-public-read-only": "", children: PUBLIC_READ_ONLY }, "public-read-only") : null,
+    !phone && rights.read && table.data ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
       TableAsk,
       {
         tableId,
@@ -54024,7 +54162,7 @@ function TablePage({
       },
       "ask"
     ) : null,
-    organizationId ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("span", { className: shareInMenu ? "hidden" : "flex shrink-0 items-center", "data-toolbar-fit": "share", children: /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
+    organizationId ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("span", { className: shareInMenu ? "hidden" : "flex shrink-0 items-center", "data-toolbar-fit": "share", children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
       ShareControl,
       {
         kind: "table",
@@ -54038,28 +54176,28 @@ function TablePage({
       },
       `share-${shareAsked}`
     ) }, "share") : null,
-    phone ? /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(import_jsx_runtime175.Fragment, { children: [
-      !chooserInline && !chooserCompact && !embedded ? /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(import_design_system157.DropdownMenu, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.Button, { size: "sm", variant: "ghost", "aria-label": "Layout", title: "Layout", "data-table-layout-menu": "", children: "Layout" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.DropdownMenuContent, { align: "end", className: "w-56", children: layoutRadio })
+    phone ? /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(import_jsx_runtime176.Fragment, { children: [
+      !chooserInline && !chooserCompact && !embedded ? /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(import_design_system158.DropdownMenu, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system158.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system158.Button, { size: "sm", variant: "ghost", "aria-label": "Layout", title: "Layout", "data-table-layout-menu": "", children: "Layout" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system158.DropdownMenuContent, { align: "end", className: "w-56", children: layoutRadio })
       ] }, "phone-layout") : null,
       phoneTableActions(actions)
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(import_design_system157.DropdownMenu, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.Button, { size: "sm", variant: "ghost", "aria-label": "Table menu", title: "Table menu", "data-table-menu": "", children: /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)("svg", { viewBox: "0 0 24 24", className: "h-4 w-4", fill: "currentColor", "aria-hidden": "true", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("circle", { cx: "5", cy: "12", r: "1.75" }),
-        /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("circle", { cx: "12", cy: "12", r: "1.75" }),
-        /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("circle", { cx: "19", cy: "12", r: "1.75" })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(import_design_system158.DropdownMenu, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system158.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system158.Button, { size: "sm", variant: "ghost", "aria-label": "Table menu", title: "Table menu", "data-table-menu": "", children: /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)("svg", { viewBox: "0 0 24 24", className: "h-4 w-4", fill: "currentColor", "aria-hidden": "true", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("circle", { cx: "5", cy: "12", r: "1.75" }),
+        /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("circle", { cx: "12", cy: "12", r: "1.75" }),
+        /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("circle", { cx: "19", cy: "12", r: "1.75" })
       ] }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(import_design_system157.DropdownMenuContent, { align: "end", className: "w-64", "data-table-menu-content": "", ...renameMenuProps, children: [
-        !chooserInline && !chooserCompact && !embedded ? /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(import_jsx_runtime175.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.DropdownMenuLabel, { className: "text-xs text-muted-foreground", children: "Layout" }),
+      /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(import_design_system158.DropdownMenuContent, { align: "end", className: "w-64", "data-table-menu-content": "", ...renameMenuProps, children: [
+        !chooserInline && !chooserCompact && !embedded ? /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(import_jsx_runtime176.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system158.DropdownMenuLabel, { className: "text-xs text-muted-foreground", children: "Layout" }),
           layoutRadio,
-          /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.DropdownMenuSeparator, {})
+          /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system158.DropdownMenuSeparator, {})
         ] }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(ObjectActionMenuItems, { actions })
+        /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(ObjectActionMenuItems, { actions })
       ] })
     ] }, "menu"),
-    moveAsked > 0 && !actionHost?.move ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
+    moveAsked > 0 && !actionHost?.move ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
       WhereItLives,
       {
         tableId,
@@ -54072,7 +54210,7 @@ function TablePage({
       },
       "move"
     ) : null,
-    breakDownOpen ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
+    breakDownOpen ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
       BreakDownDialog,
       {
         tableId,
@@ -54083,7 +54221,7 @@ function TablePage({
       },
       "break-down"
     ) : null,
-    subscribeOpen && recordsUi.calendarFeed && organizationId && view ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
+    subscribeOpen && recordsUi.calendarFeed && organizationId && view ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
       CalendarSubscribeDialog,
       {
         port: recordsUi.calendarFeed,
@@ -54096,8 +54234,8 @@ function TablePage({
       },
       "subscribe"
     ) : null,
-    referenceOpen && table.data ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(TableReferenceDialog, { table: table.data, open: referenceOpen, onOpenChange: setReferenceOpen }, "reference") : null,
-    duplicateOpen && table.data ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
+    referenceOpen && table.data ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(TableReferenceDialog, { table: table.data, open: referenceOpen, onOpenChange: setReferenceOpen }, "reference") : null,
+    duplicateOpen && table.data ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
       TableDuplicateDialog,
       {
         tableId,
@@ -54108,39 +54246,39 @@ function TablePage({
       },
       "duplicate"
     ) : null,
-    rights.structure && table.data ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(TableRenameDialog, { tableId, name: table.data.name, open: renameOpen, onOpenChange: setRenameOpen }, "rename") : null
+    rights.structure && table.data ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(TableRenameDialog, { tableId, name: table.data.name, open: renameOpen, onOpenChange: setRenameOpen }, "rename") : null
   ] });
   const headerNode = header && !embedded ? header({ actions: table.data ? pageActions : null, tableName: table.data?.name ?? null }) : null;
-  if (table.error) return /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(import_jsx_runtime175.Fragment, { children: [
+  if (table.error) return /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(import_jsx_runtime176.Fragment, { children: [
     headerNode,
-    /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(RefusalNotice, { error: table.error })
+    /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(RefusalNotice, { error: table.error })
   ] });
   if (table.loading && !table.data) {
-    return /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(import_jsx_runtime175.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(import_jsx_runtime176.Fragment, { children: [
       headerNode,
-      /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(TablePageSkeleton, { layout: skeletonFace, embedded, tableId, ...className ? { className } : {} })
+      /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(TablePageSkeleton, { layout: skeletonFace, embedded, tableId, ...className ? { className } : {} })
     ] });
   }
   if (!table.data) {
-    return /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(import_jsx_runtime175.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(import_jsx_runtime176.Fragment, { children: [
       headerNode,
-      /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(TableNotHere, { tableId, onLeave, leaveLabel, className })
+      /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(TableNotHere, { tableId, onLeave, leaveLabel, className })
     ] });
   }
   const lookSavable = Boolean(
     rights.write && view && Object.keys(viewPatchDocument((0, import_views3.saveToViewPlan)(view, look ?? {}).patch)).length > 0
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(ViewAddressContext.Provider, { value: addressPort, children: /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)("div", { className: (0, import_design_system157.cn)("flex h-full min-h-0 gap-4", className), "data-table-footer": footer, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(ViewAddressContext.Provider, { value: addressPort, children: /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)("div", { className: (0, import_design_system158.cn)("flex h-full min-h-0 gap-4", className), "data-table-footer": footer, children: [
     headerNode,
-    /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col gap-2", children: structure.hidden || !structure.settled ? (
+    /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col gap-2", children: structure.hidden || !structure.settled ? (
       /* THE TOOLBAR ROW'S HEIGHT IS KEPT (min-h-8), so the sentence lands exactly where the bar was. */
-      /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(import_jsx_runtime175.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("div", { className: TABLE_TOOLBAR_ROW_CLASS, "data-table-toolbar": "", "aria-hidden": "true" }),
-        structure.hidden ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(StructureLocked, {}) : /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(RecordsSkeleton, { layout: skeletonFace, embedded })
+      /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(import_jsx_runtime176.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("div", { className: TABLE_TOOLBAR_ROW_CLASS, "data-table-toolbar": "", "aria-hidden": "true" }),
+        structure.hidden ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(StructureLocked, {}) : /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(RecordsSkeleton, { layout: skeletonFace, embedded })
       ] })
-    ) : /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(import_jsx_runtime175.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(ImportNotice, { tableId, epoch: importEpoch, onOpenImport: () => setRail("import") }),
-      /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(
+    ) : /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(import_jsx_runtime176.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(ImportNotice, { tableId, epoch: importEpoch, onOpenImport: () => setRail("import") }),
+      /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(
         "div",
         {
           ref: setToolbarRow,
@@ -54148,7 +54286,7 @@ function TablePage({
           "data-table-toolbar": "",
           "data-table-toolbar-fold": toolbarFold2,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
               ViewBar,
               {
                 tableId,
@@ -54167,26 +54305,26 @@ function TablePage({
                 onViews: setViews,
                 ...seededViews && viewsEpoch === 0 ? { initialViews: seededViews } : {},
                 seed: seedViews ?? [defaultView(tableId)],
-                settings: view && main === "records" && shownLayout === "grid" ? /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)("div", { className: "flex flex-col gap-0.5 px-1 py-1", role: "radiogroup", "aria-label": FOOTER_WORDS.label, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("span", { className: "px-1 pb-0.5 text-[11px] font-medium text-muted-foreground", children: FOOTER_WORDS.label }),
-                  ["sticky", "inline"].map((option) => /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(
+                settings: view && main === "records" && shownLayout === "grid" ? /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)("div", { className: "flex flex-col gap-0.5 px-1 py-1", role: "radiogroup", "aria-label": FOOTER_WORDS.label, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("span", { className: "px-1 pb-0.5 text-[11px] font-medium text-muted-foreground", children: FOOTER_WORDS.label }),
+                  ["sticky", "inline"].map((option) => /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(
                     "button",
                     {
                       type: "button",
                       role: "radio",
                       "aria-checked": footer === option,
                       "data-view-footer": option,
-                      className: (0, import_design_system157.cn)(
+                      className: (0, import_design_system158.cn)(
                         "flex min-h-7 items-center gap-2 rounded-sm px-1 text-left text-xs text-popover-foreground hover:bg-accent hover:text-accent-foreground",
                         footer === option && "font-medium"
                       ),
                       onClick: () => setFooter(option),
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
                           "span",
                           {
                             "aria-hidden": "true",
-                            className: (0, import_design_system157.cn)("h-2 w-2 shrink-0 rounded-full border border-current", footer === option && "bg-current")
+                            className: (0, import_design_system158.cn)("h-2 w-2 shrink-0 rounded-full border border-current", footer === option && "bg-current")
                           }
                         ),
                         FOOTER_WORDS[option]
@@ -54198,8 +54336,8 @@ function TablePage({
               },
               viewsEpoch
             ),
-            chooserInline ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("div", { className: "flex shrink-0 items-center gap-0.5", role: "group", "aria-label": "Layout", "data-toolbar-fit": "chooser", children: import_views2.VIEW_LAYOUTS.map((option) => /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
-              import_design_system157.Button,
+            chooserInline ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("div", { className: "flex shrink-0 items-center gap-0.5", role: "group", "aria-label": "Layout", "data-toolbar-fit": "chooser", children: import_views2.VIEW_LAYOUTS.map((option) => /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
+              import_design_system158.Button,
               {
                 size: "sm",
                 variant: layoutShowing === option ? "secondary" : "ghost",
@@ -54213,21 +54351,21 @@ function TablePage({
               /* THE ROW HAD NO ROOM (lane C, review 2026-09-26 D6: the switcher vanished at 1280 px and
                  with the record panel open): the chooser folds to ONE button naming the layout that is
                  showing — it never leaves the row. */
-              /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("span", { className: "flex shrink-0 items-center", "data-toolbar-fit": "chooser", "data-layout-chooser-compact": "", children: /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(import_design_system157.DropdownMenu, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(import_design_system157.Button, { size: "sm", variant: "outline", className: "h-8 gap-1 px-2 text-xs", "aria-label": `Layout: ${layoutShowingLabel ?? "none"}`, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("span", { className: "flex shrink-0 items-center", "data-toolbar-fit": "chooser", "data-layout-chooser-compact": "", children: /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(import_design_system158.DropdownMenu, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system158.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(import_design_system158.Button, { size: "sm", variant: "outline", className: "h-8 gap-1 px-2 text-xs", "aria-label": `Layout: ${layoutShowingLabel ?? "none"}`, children: [
                   layoutShowingLabel ?? "Layout",
-                  /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("svg", { viewBox: "0 0 24 24", className: "h-3.5 w-3.5 opacity-70", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("path", { d: "m6 9 6 6 6-6" }) })
+                  /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("svg", { viewBox: "0 0 24 24", className: "h-3.5 w-3.5 opacity-70", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("path", { d: "m6 9 6 6 6-6" }) })
                 ] }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(import_design_system157.DropdownMenuContent, { align: "start", className: "w-44", "data-layout-chooser-menu": "", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.DropdownMenuLabel, { className: "text-xs text-muted-foreground", children: "Layout" }),
+                /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(import_design_system158.DropdownMenuContent, { align: "start", className: "w-44", "data-layout-chooser-menu": "", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system158.DropdownMenuLabel, { className: "text-xs text-muted-foreground", children: "Layout" }),
                   layoutRadio
                 ] })
               ] }) })
             ) : null,
-            main === "records" && !(controlsInSheet && shownLayout === "grid") ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(ViewFilter, { tableId, view: shown5, onApply: (where) => void patchView({ where }) }) : null,
-            lookShowing && main === "records" && !namingLook ? /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)("span", { className: "flex shrink-0 items-center gap-1", "data-view-look": "", "data-view-look-folded": "", "data-toolbar-fit": "look", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
-                import_design_system157.Button,
+            main === "records" && !(controlsInSheet && shownLayout === "grid") ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(ViewFilter, { tableId, view: shown5, onApply: (where) => void patchView({ where }) }) : null,
+            lookShowing && main === "records" && !namingLook ? /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)("span", { className: "flex shrink-0 items-center gap-1", "data-view-look": "", "data-view-look-folded": "", "data-toolbar-fit": "look", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
+                import_design_system158.Button,
                 {
                   size: "sm",
                   variant: "outline",
@@ -54236,36 +54374,36 @@ function TablePage({
                   "aria-label": "Reset view",
                   onClick: () => void resetLook(),
                   "data-view-look-reset-button": "",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)("svg", { viewBox: "0 0 24 24", className: "h-4 w-4", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("path", { d: "M3 12a9 9 0 1 0 3-6.7L3 8" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("path", { d: "M3 3v5h5" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)("svg", { viewBox: "0 0 24 24", className: "h-4 w-4", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("path", { d: "M3 12a9 9 0 1 0 3-6.7L3 8" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("path", { d: "M3 3v5h5" })
                   ] })
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(import_design_system157.DropdownMenu, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(import_design_system157.Button, { size: "sm", variant: "outline", className: "relative h-8 w-8 shrink-0 px-0", title: LOOK_WORDS.folded, "aria-label": LOOK_WORDS.folded, "data-view-look-menu": "", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(LookGlyph, {}),
-                  /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("span", { "aria-hidden": "true", className: "absolute right-1 top-1 h-1.5 w-1.5 rounded-full bg-primary" })
+              /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(import_design_system158.DropdownMenu, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system158.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(import_design_system158.Button, { size: "sm", variant: "outline", className: "relative h-8 w-8 shrink-0 px-0", title: LOOK_WORDS.folded, "aria-label": LOOK_WORDS.folded, "data-view-look-menu": "", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(LookGlyph, {}),
+                  /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("span", { "aria-hidden": "true", className: "absolute right-1 top-1 h-1.5 w-1.5 rounded-full bg-primary" })
                 ] }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(import_design_system157.DropdownMenuContent, { align: "start", className: "w-60", "data-view-look-menu-content": "", children: [
-                  lookSavable ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.DropdownMenuItem, { onSelect: () => void saveLookToView(), "data-view-look-save": "", children: LOOK_WORDS.saveToView }) : null,
-                  rights.write ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.DropdownMenuItem, { onSelect: () => setNamingLook(true), "data-view-look-save-new": "", children: LOOK_WORDS.saveAsNew }) : null,
-                  /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.DropdownMenuItem, { onSelect: () => void resetLook(), "data-view-look-reset": "", children: LOOK_WORDS.reset })
+                /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(import_design_system158.DropdownMenuContent, { align: "start", className: "w-60", "data-view-look-menu-content": "", children: [
+                  lookSavable ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system158.DropdownMenuItem, { onSelect: () => void saveLookToView(), "data-view-look-save": "", children: LOOK_WORDS.saveToView }) : null,
+                  rights.write ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system158.DropdownMenuItem, { onSelect: () => setNamingLook(true), "data-view-look-save-new": "", children: LOOK_WORDS.saveAsNew }) : null,
+                  /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system158.DropdownMenuItem, { onSelect: () => void resetLook(), "data-view-look-reset": "", children: LOOK_WORDS.reset })
                 ] })
               ] })
             ] }) : !lookShowing && main === "records" && view && !phone && !controlsInSheet ? (
               /* The reserved place keeps its full width at every row width (STABLE-TABLES): when it
                  shrank on a narrow row, the look arriving on a sort pushed every control after it.
                  A row too narrow for it scrolls sideways, as the row already does. */
-              /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)("span", { "aria-hidden": "true", className: "invisible flex shrink-0 items-center gap-1 overflow-hidden", "data-view-look-place": "", "data-toolbar-fit-gives": "", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.Button, { size: "sm", variant: "outline", className: "h-8 w-8 shrink-0 px-0", tabIndex: -1, children: /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(LookGlyph, {}) }),
-                /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.Button, { size: "sm", variant: "outline", className: "h-8 w-8 shrink-0 px-0", tabIndex: -1 })
+              /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)("span", { "aria-hidden": "true", className: "invisible flex shrink-0 items-center gap-1 overflow-hidden", "data-view-look-place": "", "data-toolbar-fit-gives": "", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system158.Button, { size: "sm", variant: "outline", className: "h-8 w-8 shrink-0 px-0", tabIndex: -1, children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(LookGlyph, {}) }),
+                /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system158.Button, { size: "sm", variant: "outline", className: "h-8 w-8 shrink-0 px-0", tabIndex: -1 })
               ] })
-            ) : lookShowing && main === "records" ? /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)("span", { className: "flex shrink-0 items-center gap-1", "data-view-look": "", "data-toolbar-fit": "look", title: LOOK_WORDS.yours, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("span", { className: "sr-only", children: LOOK_WORDS.yours }),
-              /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("span", { "aria-hidden": "true", className: "h-1.5 w-1.5 shrink-0 rounded-full bg-primary" }),
-              lookSavable ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.Button, { size: "sm", variant: "outline", className: "h-8 px-2 text-xs", onClick: () => void saveLookToView(), "data-view-look-save": "", children: LOOK_WORDS.saveToView }) : null,
-              rights.write ? namingLook ? /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(
+            ) : lookShowing && main === "records" ? /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)("span", { className: "flex shrink-0 items-center gap-1", "data-view-look": "", "data-toolbar-fit": "look", title: LOOK_WORDS.yours, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("span", { className: "sr-only", children: LOOK_WORDS.yours }),
+              /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("span", { "aria-hidden": "true", className: "h-1.5 w-1.5 shrink-0 rounded-full bg-primary" }),
+              lookSavable ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system158.Button, { size: "sm", variant: "outline", className: "h-8 px-2 text-xs", onClick: () => void saveLookToView(), "data-view-look-save": "", children: LOOK_WORDS.saveToView }) : null,
+              rights.write ? namingLook ? /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(
                 "form",
                 {
                   className: "flex items-center gap-1",
@@ -54274,8 +54412,8 @@ function TablePage({
                     void saveLookAsNewView(lookName);
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
-                      import_design_system157.Input,
+                    /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
+                      import_design_system158.Input,
                       {
                         autoFocus: true,
                         "aria-label": LOOK_WORDS.newName,
@@ -54285,17 +54423,17 @@ function TablePage({
                         placeholder: "View name"
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.Button, { size: "sm", type: "submit", className: "h-8 px-2 text-xs", disabled: lookName.trim() === "", children: "Save" })
+                    /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system158.Button, { size: "sm", type: "submit", className: "h-8 px-2 text-xs", disabled: lookName.trim() === "", children: "Save" })
                   ]
                 }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.Button, { size: "sm", variant: "ghost", className: "h-8 px-2 text-xs", onClick: () => setNamingLook(true), "data-view-look-save-new": "", children: LOOK_WORDS.saveAsNew }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.Button, { size: "sm", variant: "ghost", className: "h-8 px-2 text-xs", onClick: () => void resetLook(), "data-view-look-reset": "", children: LOOK_WORDS.reset })
+              ) : /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system158.Button, { size: "sm", variant: "ghost", className: "h-8 px-2 text-xs", onClick: () => setNamingLook(true), "data-view-look-save-new": "", children: LOOK_WORDS.saveAsNew }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system158.Button, { size: "sm", variant: "ghost", className: "h-8 px-2 text-xs", onClick: () => void resetLook(), "data-view-look-reset": "", children: LOOK_WORDS.reset })
             ] }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
               "div",
               {
                 ref: setToolbarSlot,
-                className: (0, import_design_system157.cn)(
+                className: (0, import_design_system158.cn)(
                   // `min-w-9`: never narrower than the layout toolbar's folded "…" (36 px) — a row too
                   // narrow for its pinned controls folds them behind that "…" (design-system
                   // `usePinnedFold`), and the "…" itself is never cut (merged-grid leftovers, 2026-09-28).
@@ -54313,9 +54451,9 @@ function TablePage({
                 "data-clipped": slotClipped
               }
             ),
-            rights.write && view && main === "records" && shownLayout !== "grid" ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.Button, { size: "sm", className: "shrink-0", onClick: () => show("new-record"), children: "New record" }) : null,
-            openedFromMenu ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
-              import_design_system157.Button,
+            rights.write && view && main === "records" && shownLayout !== "grid" ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system158.Button, { size: "sm", className: "shrink-0", onClick: () => show("new-record"), children: "New record" }) : null,
+            openedFromMenu ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
+              import_design_system158.Button,
               {
                 size: "sm",
                 variant: "secondary",
@@ -54327,19 +54465,19 @@ function TablePage({
                 children: openedFromMenu.label
               }
             ) : null,
-            header ? null : /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("span", { className: "flex shrink-0 items-center gap-1", "data-table-page-actions": "", children: pageActions })
+            header ? null : /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("span", { className: "flex shrink-0 items-center gap-1", "data-table-page-actions": "", children: pageActions })
           ]
         }
       ),
-      designateRefused ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(RefusalNotice, { error: designateRefused }) : null,
-      viewSaveRefused ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
+      designateRefused ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(RefusalNotice, { error: designateRefused }) : null,
+      viewSaveRefused ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
         RefusalNotice,
         {
           error: viewSaveRefused.error,
-          actions: /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)("span", { className: "flex flex-wrap gap-1 pt-0.5", "data-view-save-refused": "", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.Button, { size: "sm", variant: "outline", onClick: () => void patchView(viewSaveRefused.patch), children: "Try again" }),
-            /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
-              import_design_system157.Button,
+          actions: /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)("span", { className: "flex flex-wrap gap-1 pt-0.5", "data-view-save-refused": "", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system158.Button, { size: "sm", variant: "outline", onClick: () => void patchView(viewSaveRefused.patch), children: "Try again" }),
+            /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
+              import_design_system158.Button,
               {
                 size: "sm",
                 variant: "ghost",
@@ -54359,8 +54497,8 @@ function TablePage({
           ] })
         }
       ) : null,
-      lookRefused ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(RefusalNotice, { error: lookRefused }) : null,
-      main === "dashboards" ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(DashboardCanvas, { tableId, activeDashboardId: activeDashboardId ?? null }) : main === "questions" ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
+      lookRefused ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(RefusalNotice, { error: lookRefused }) : null,
+      main === "dashboards" ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(DashboardCanvas, { tableId, activeDashboardId: activeDashboardId ?? null }) : main === "questions" ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
         QuestionPanel,
         {
           tableId,
@@ -54372,7 +54510,7 @@ function TablePage({
            page returns to the records rather than leaving the person looking
            at a list the record is no longer in — and opens it, because the
            thing they just rescued is the thing they came for. */
-        /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
           ArchivedView,
           {
             tableId,
@@ -54384,10 +54522,10 @@ function TablePage({
             }
           }
         )
-      ) : /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(TableToolbarSlotContext.Provider, { value: toolbarSlot, children: /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(TableToolbarFoldContext.Provider, { value: toolbarFold2, children: /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(TableToolbarSheetExtrasContext.Provider, { value: sheetExtras, children: /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(
+      ) : /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(TableToolbarSlotContext.Provider, { value: toolbarSlot, children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(TableToolbarFoldContext.Provider, { value: toolbarFold2, children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(TableToolbarSheetExtrasContext.Provider, { value: sheetExtras, children: /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(
         "div",
         {
-          className: (0, import_design_system157.cn)(
+          className: (0, import_design_system158.cn)(
             "min-h-0 flex-1",
             // Inline: a plain scrolling block, so nothing in it shrinks to the height — the
             // layout is as tall as its rows and the footer follows the last one.
@@ -54395,10 +54533,10 @@ function TablePage({
           ),
           "data-table-records": "",
           children: [
-            railUnknown ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("p", { className: "rounded-md border border-amber-600/40 bg-amber-500/5 px-3 py-2 text-xs leading-relaxed text-amber-700 dark:border-amber-400/40 dark:text-amber-300", children: unknownRailLine(railUnknown) }) : null,
-            shareFromLink && rights.known && (!rights.share || !canShare) ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("p", { className: "rounded-md border border-amber-600/40 bg-amber-500/5 px-3 py-2 text-xs leading-relaxed text-amber-700 dark:border-amber-400/40 dark:text-amber-300", children: canShare ? SHARE_NOT_YOURS_LINE : shareUnavailableReason() }) : null,
-            opened.unknown ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("p", { className: "rounded-md border border-amber-600/40 bg-amber-500/5 px-3 py-2 text-xs leading-relaxed text-amber-700 dark:border-amber-400/40 dark:text-amber-300", children: (0, import_views2.unknownViewLine)(opened.unknown) }) : null,
-            viewLinkMissed ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
+            railUnknown ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("p", { className: "rounded-md border border-amber-600/40 bg-amber-500/5 px-3 py-2 text-xs leading-relaxed text-amber-700 dark:border-amber-400/40 dark:text-amber-300", children: unknownRailLine(railUnknown) }) : null,
+            shareFromLink && rights.known && (!rights.share || !canShare) ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("p", { className: "rounded-md border border-amber-600/40 bg-amber-500/5 px-3 py-2 text-xs leading-relaxed text-amber-700 dark:border-amber-400/40 dark:text-amber-300", children: canShare ? SHARE_NOT_YOURS_LINE : shareUnavailableReason() }) : null,
+            opened.unknown ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("p", { className: "rounded-md border border-amber-600/40 bg-amber-500/5 px-3 py-2 text-xs leading-relaxed text-amber-700 dark:border-amber-400/40 dark:text-amber-300", children: (0, import_views2.unknownViewLine)(opened.unknown) }) : null,
+            viewLinkMissed ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
               "p",
               {
                 "data-records-view-link-missed": "",
@@ -54406,7 +54544,7 @@ function TablePage({
                 children: unknownSavedViewLine(view?.name ?? null)
               }
             ) : null,
-            cameFrom ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
+            cameFrom ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
               "p",
               {
                 "data-testid": "came-from-a-number",
@@ -54416,7 +54554,7 @@ function TablePage({
             ) : null,
             faceUnknown ? (
               /* REVIEW-FIX 10: a full page paints the rows this table showed last time (else fills). */
-              /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
                 RecordsSkeleton,
                 {
                   layout: skeletonFace,
@@ -54424,7 +54562,7 @@ function TablePage({
                   ...embedded ? {} : { rows: rememberedRowCount(`${tableId}:page:last`, 100, "fill") }
                 }
               )
-            ) : /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
+            ) : /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
               ViewSwitcher,
               {
                 chooser: false,
@@ -54466,19 +54604,20 @@ function TablePage({
                 },
                 openRecordId: rail === "record" ? openRecord : null,
                 onCloseRecord: () => setRail("none"),
+                onRowsShown: setShownIds,
                 onAskWhoChanged: (fieldKey, recordId) => {
                   setAsking({ fieldKey, recordId });
                   setRail("who-changed");
                 }
               }
             ),
-            view || faceUnknown || views === void 0 || views !== null && views.length > 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("p", { className: "text-xs text-muted-foreground", children: VIEW_NOT_SAVED_YET })
+            view || faceUnknown || views === void 0 || views !== null && views.length > 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("p", { className: "text-xs text-muted-foreground", children: VIEW_NOT_SAVED_YET })
           ]
         }
       ) }) }) })
     ] }) }),
-    rail === "none" ? null : /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(RailFrame, { phone, title: RAIL_TITLE[rail], onClose: () => setRail("none"), children: [
-      rail === "settings" ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
+    rail === "none" ? null : /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(RailFrame, { phone, title: RAIL_TITLE[rail], onClose: () => setRail("none"), over: rail === "record" && recordExpanded, children: [
+      rail === "settings" ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
         TableSettings,
         {
           tableId,
@@ -54495,7 +54634,7 @@ function TablePage({
           } : void 0
         }
       ) : null,
-      rail === "inbox" ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
+      rail === "inbox" ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
         ActionInbox,
         {
           tableId,
@@ -54505,9 +54644,9 @@ function TablePage({
           }
         }
       ) : null,
-      rail === "forms" ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(FormsPanel, { tableId, activeFormId: itemFor("forms") }) : null,
-      rail === "bookings" ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(BookingSlots, { tableId, activeBookingId: itemFor("bookings") }) : null,
-      rail === "checklists" ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
+      rail === "forms" ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(FormsPanel, { tableId, activeFormId: itemFor("forms") }) : null,
+      rail === "bookings" ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(BookingSlots, { tableId, activeBookingId: itemFor("bookings") }) : null,
+      rail === "checklists" ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
         ChecklistsPanel,
         {
           tableId,
@@ -54517,12 +54656,12 @@ function TablePage({
           }
         }
       ) : null,
-      rail === "notifications" ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(SubscriptionsPanel, { tableId, activeRuleId: itemFor("notifications") }) : null,
-      rail === "portals" ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(PortalsPanel, { tableId, activePortalId: itemFor("portals") }) : null,
-      rail === "export" ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(ExportMenu, { tableId, view: viewReading }) : null,
-      rail === "import" ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(ImportWizard, { tableId, onWrote: () => setImportEpoch((n) => n + 1), onDone: () => setRail("none") }) : null,
-      rail === "field" ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(FieldEditor, { tableId, onSaved: () => setRail("none"), onCancel: () => setRail("none") }) : null,
-      rail === "new-record" ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
+      rail === "notifications" ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(SubscriptionsPanel, { tableId, activeRuleId: itemFor("notifications") }) : null,
+      rail === "portals" ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(PortalsPanel, { tableId, activePortalId: itemFor("portals") }) : null,
+      rail === "export" ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(ExportMenu, { tableId, view: viewReading }) : null,
+      rail === "import" ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(ImportWizard, { tableId, onWrote: () => setImportEpoch((n) => n + 1), onDone: () => setRail("none") }) : null,
+      rail === "field" ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(FieldEditor, { tableId, onSaved: () => setRail("none"), onCancel: () => setRail("none") }) : null,
+      rail === "new-record" ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
         RecordForm,
         {
           tableId,
@@ -54533,7 +54672,7 @@ function TablePage({
           onCancel: () => setRail("none")
         }
       ) : null,
-      rail === "who-changed" && asking ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
+      rail === "who-changed" && asking ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
         FieldHistoryPanel,
         {
           tableId,
@@ -54546,12 +54685,16 @@ function TablePage({
           }
         }
       ) : null,
-      rail === "record" && openRecord ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
+      rail === "record" && openRecord ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
         RecordPanel,
         {
           tableId,
           recordId: openRecord,
           onClose: () => setRail("none"),
+          neighbors: neighborsOf(shownIds, openRecord),
+          onStep: (to) => setOpenRecord(to),
+          expanded: recordExpanded,
+          onToggleExpand: () => setRecordExpanded((now) => !now),
           onAskAboutField: (fieldKey) => {
             setAsking({ fieldKey, recordId: openRecord });
             setRail("who-changed");
@@ -54590,12 +54733,12 @@ function usePublicReadOnly(client, organizationId, tableId, table, rights) {
 
 // src/entityViews.tsx
 var import_format15 = require("@ai-matrx/kit/format");
-var import_design_system158 = require("@ai-matrx/design-system");
+var import_design_system159 = require("@ai-matrx/design-system");
 var import_data_table25 = require("@ai-matrx/design-system/data-table");
 var import_react313 = require("react");
-var import_design_system159 = require("@ai-matrx/design-system");
+var import_design_system160 = require("@ai-matrx/design-system");
 var import_react314 = require("@ai-matrx/records/react");
-var import_jsx_runtime176 = require("react/jsx-runtime");
+var import_jsx_runtime177 = require("react/jsx-runtime");
 var entityTitleColumn = entityNameColumn;
 function shown4(v) {
   if (v === null || v === void 0 || v === "") return "";
@@ -54611,9 +54754,9 @@ function EntityBoard({ entity, groupBy, cardFields, onOpenRecord, className }) {
   );
   const [refused, setRefused] = (0, import_react313.useState)(null);
   const [over, setOver] = (0, import_react313.useState)(null);
-  if (entity.error) return /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("p", { className: "px-1 py-3 text-xs text-muted-foreground", children: `This board could not be read: ${entity.error}` });
+  if (entity.error) return /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("p", { className: "px-1 py-3 text-xs text-muted-foreground", children: `This board could not be read: ${entity.error}` });
   if (!entity.loading && !column) {
-    return /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("p", { className: "px-1 py-3 text-xs text-muted-foreground", children: `${entity.label ?? "This table"} has no choice column to make a board of.` });
+    return /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("p", { className: "px-1 py-3 text-xs text-muted-foreground", children: `${entity.label ?? "This table"} has no choice column to make a board of.` });
   }
   if (!column) return null;
   const words2 = column.choices ?? [];
@@ -54631,14 +54774,14 @@ function EntityBoard({ entity, groupBy, cardFields, onOpenRecord, className }) {
     const says = await entity.update(id, column, to);
     if (says) setRefused({ to, says });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("div", { className: (0, import_design_system159.cn)("flex min-h-40 gap-2 overflow-x-auto pb-1", className), "data-records-entity-board": column.key, children: lanes.map((lane) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("div", { className: (0, import_design_system160.cn)("flex min-h-40 gap-2 overflow-x-auto pb-1", className), "data-records-entity-board": column.key, children: lanes.map((lane) => {
     const cards = rowsOf2(lane.key);
     if (lane.key === "" && cards.length === 0) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(
       "section",
       {
         "aria-label": lane.label,
-        className: (0, import_design_system159.cn)("flex w-60 shrink-0 flex-col gap-1.5 rounded-md bg-muted/40 p-1.5", over === lane.key && "ring-1 ring-ring"),
+        className: (0, import_design_system160.cn)("flex w-60 shrink-0 flex-col gap-1.5 rounded-md bg-muted/40 p-1.5", over === lane.key && "ring-1 ring-ring"),
         onDragOver: writable && lane.key ? (e) => {
           e.preventDefault();
           setOver(lane.key);
@@ -54646,12 +54789,12 @@ function EntityBoard({ entity, groupBy, cardFields, onOpenRecord, className }) {
         onDragLeave: writable && lane.key ? () => setOver((o) => o === lane.key ? null : o) : void 0,
         onDrop: writable && lane.key ? (e) => void drop(e, lane.key) : void 0,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)("header", { className: "flex items-baseline gap-1.5 px-1 text-xs", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("span", { className: "truncate font-medium", children: lane.label }),
-            /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("span", { className: "tabular-nums text-muted-foreground", children: cards.length })
+          /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)("header", { className: "flex items-baseline gap-1.5 px-1 text-xs", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", { className: "truncate font-medium", children: lane.label }),
+            /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", { className: "tabular-nums text-muted-foreground", children: cards.length })
           ] }),
-          refused && refused.to === lane.key ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system159.ErrorBox, { className: "rounded border border-destructive/40 px-1.5 py-1 text-xs text-destructive", message: refused.says, operation: "Move a card", origin: "records-ui/entityViews" }) : null,
-          cards.map((row) => /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(
+          refused && refused.to === lane.key ? /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(import_design_system160.ErrorBox, { className: "rounded border border-destructive/40 px-1.5 py-1 text-xs text-destructive", message: refused.says, operation: "Move a card", origin: "records-ui/entityViews" }) : null,
+          cards.map((row) => /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(
             "article",
             {
               draggable: writable,
@@ -54659,11 +54802,11 @@ function EntityBoard({ entity, groupBy, cardFields, onOpenRecord, className }) {
                 e.dataTransfer.setData("text/x-entity-row", row._id);
                 e.dataTransfer.effectAllowed = "move";
               },
-              className: (0, import_design_system159.cn)("flex flex-col gap-0.5 rounded border bg-card px-2 py-1.5 text-xs shadow-sm", writable && "cursor-grab"),
+              className: (0, import_design_system160.cn)("flex flex-col gap-0.5 rounded border bg-card px-2 py-1.5 text-xs shadow-sm", writable && "cursor-grab"),
               "data-records-entity-card": row._id,
               children: [
-                onOpenRecord ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("button", { type: "button", className: "truncate text-left font-medium hover:underline", onClick: () => onOpenRecord(row._id), children: (title ? entityValueText(title, entityCellValue(row, title)) : shown4(row._id)) || "Untitled" }) : /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("span", { className: "truncate font-medium", children: (title ? entityValueText(title, entityCellValue(row, title)) : shown4(row._id)) || "Untitled" }),
-                extra.map((c) => entityValueText(c, entityCellValue(row, c)) ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("span", { className: "truncate text-muted-foreground", children: entityValueText(c, entityCellValue(row, c)) }, c.key) : null)
+                onOpenRecord ? /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("button", { type: "button", className: "truncate text-left font-medium hover:underline", onClick: () => onOpenRecord(row._id), children: (title ? entityValueText(title, entityCellValue(row, title)) : shown4(row._id)) || "Untitled" }) : /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", { className: "truncate font-medium", children: (title ? entityValueText(title, entityCellValue(row, title)) : shown4(row._id)) || "Untitled" }),
+                extra.map((c) => entityValueText(c, entityCellValue(row, c)) ? /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", { className: "truncate text-muted-foreground", children: entityValueText(c, entityCellValue(row, c)) }, c.key) : null)
               ]
             },
             row._id
@@ -54714,9 +54857,9 @@ function EntityChartBlock({ source, kind, by, measure, title, where, organizatio
     };
   }, [client, ask2, kind, title]);
   if (!block) {
-    return /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(RecordsSkeleton, { layout: "chart", embedded: variant === "bare", ...className ? { className } : {} });
+    return /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(RecordsSkeleton, { layout: "chart", embedded: variant === "bare", ...className ? { className } : {} });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
     ChartBlock,
     {
       block,
@@ -54729,7 +54872,7 @@ function EntityChartBlock({ source, kind, by, measure, title, where, organizatio
   );
 }
 function EntityTablePage(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(EntityDataScope, { children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(EntityTablePageBody, { ...props }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(EntityDataScope, { children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(EntityTablePageBody, { ...props }) });
 }
 function EntityTablePageBody({
   source,
@@ -54779,21 +54922,21 @@ function EntityTablePageBody({
     rowNoun: (entity.label ?? "record").toLowerCase(),
     enabled: layout === "grid"
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)("div", { className: (0, import_design_system159.cn)("flex min-w-0 flex-col gap-2", className), "data-records-entity-page": source.token, children: [
-    presentation === "page" || boardable || entity.creatable ? /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)("div", { className: "flex min-w-0 items-center gap-2", children: [
-      presentation === "page" ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("h2", { className: "truncate text-base font-semibold", children: entity.label ?? (entity.loading ? "Loading\u2026" : "Table") }) : null,
-      presentation === "page" ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("span", { className: "text-xs tabular-nums text-muted-foreground", children: entity.loading || entity.total === null ? "" : (0, import_format15.formatCount)(entity.total) }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)("span", { className: "ml-auto flex items-center gap-1", children: [
-        boardable ? /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(import_jsx_runtime176.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system159.Button, { size: "sm", variant: layout === "grid" ? "secondary" : "ghost", "aria-pressed": layout === "grid", onClick: () => choose("grid"), children: "Table" }),
-          /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system159.Button, { size: "sm", variant: layout === "board" ? "secondary" : "ghost", "aria-pressed": layout === "board", onClick: () => choose("board"), children: "Board" })
+  return /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)("div", { className: (0, import_design_system160.cn)("flex min-w-0 flex-col gap-2", className), "data-records-entity-page": source.token, children: [
+    presentation === "page" || boardable || entity.creatable ? /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)("div", { className: "flex min-w-0 items-center gap-2", children: [
+      presentation === "page" ? /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("h2", { className: "truncate text-base font-semibold", children: entity.label ?? (entity.loading ? "Loading\u2026" : "Table") }) : null,
+      presentation === "page" ? /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", { className: "text-xs tabular-nums text-muted-foreground", children: entity.loading || entity.total === null ? "" : (0, import_format15.formatCount)(entity.total) }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)("span", { className: "ml-auto flex items-center gap-1", children: [
+        boardable ? /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(import_jsx_runtime177.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(import_design_system160.Button, { size: "sm", variant: layout === "grid" ? "secondary" : "ghost", "aria-pressed": layout === "grid", onClick: () => choose("grid"), children: "Table" }),
+          /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(import_design_system160.Button, { size: "sm", variant: layout === "board" ? "secondary" : "ghost", "aria-pressed": layout === "board", onClick: () => choose("board"), children: "Board" })
         ] }) : null,
-        entity.creatable && naming === null ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system159.Button, { size: "sm", variant: "ghost", onClick: () => {
+        entity.creatable && naming === null ? /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(import_design_system160.Button, { size: "sm", variant: "ghost", onClick: () => {
           setAddRefused(null);
           setNaming("");
         }, children: "New page" }) : null,
-        entity.creatable && naming !== null ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
-          import_design_system159.Input,
+        entity.creatable && naming !== null ? /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
+          import_design_system160.Input,
           {
             autoFocus: true,
             "data-records-entity-new": source.token,
@@ -54822,10 +54965,10 @@ function EntityTablePageBody({
         actions
       ] })
     ] }) : null,
-    addRefused ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system159.ErrorBox, { className: "rounded border border-destructive/40 px-1.5 py-1 text-xs text-destructive", message: addRefused, operation: "Add a row", origin: "records-ui/entityViews" }) : null,
-    entity.error ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("p", { className: "px-1 py-3 text-xs text-muted-foreground", children: `This table could not be read: ${entity.error}` }) : layout === "board" && boardable ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(EntityBoard, { entity, groupBy, onOpenRecord }) : /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(import_jsx_runtime176.Fragment, { children: [
-      presentation === "embedded" && searchBox ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("div", { className: "flex min-w-0 items-center justify-end", "data-records-entity-search": "", children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system158.TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
-        import_design_system158.TapTargetSearchGroup,
+    addRefused ? /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(import_design_system160.ErrorBox, { className: "rounded border border-destructive/40 px-1.5 py-1 text-xs text-destructive", message: addRefused, operation: "Add a row", origin: "records-ui/entityViews" }) : null,
+    entity.error ? /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("p", { className: "px-1 py-3 text-xs text-muted-foreground", children: `This table could not be read: ${entity.error}` }) : layout === "board" && boardable ? /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(EntityBoard, { entity, groupBy, onOpenRecord }) : /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(import_jsx_runtime177.Fragment, { children: [
+      presentation === "embedded" && searchBox ? /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("div", { className: "flex min-w-0 items-center justify-end", "data-records-entity-search": "", children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(import_design_system159.TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
+        import_design_system159.TapTargetSearchGroup,
         {
           surface: "solid",
           placeholder: "Search",
@@ -54836,8 +54979,8 @@ function EntityTablePageBody({
           }
         }
       ) }) }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(EntityGrid, { entity, pageSize, embedded: presentation === "embedded", ...drill ? { drill } : {} }),
-      entity.hasMore ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(EntityGrid, { entity, pageSize, embedded: presentation === "embedded", ...drill ? { drill } : {} }),
+      entity.hasMore ? /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
         import_data_table25.MatrxTableCardShowMore,
         {
           shown: entity.rows.length,
@@ -54851,12 +54994,12 @@ function EntityTablePageBody({
 }
 
 // src/TablePageSource.tsx
-var import_jsx_runtime177 = require("react/jsx-runtime");
+var import_jsx_runtime178 = require("react/jsx-runtime");
 function TablePage2(props) {
-  if (props.source === void 0) return /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(TablePage, { ...props });
+  if (props.source === void 0) return /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(TablePage, { ...props });
   const { source, layout, onLayoutChange, groupBy, onOpenRecord, ...rest } = props;
-  if (source.kind === "table") return /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(TablePage, { ...rest, tableId: source.id });
-  return /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
+  if (source.kind === "table") return /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(TablePage, { ...rest, tableId: source.id });
+  return /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
     EntityTablePage,
     {
       source,
@@ -54878,8 +55021,8 @@ function TablePage2(props) {
 var import_react315 = require("react");
 var import_records75 = require("@ai-matrx/records");
 var import_react316 = require("@ai-matrx/records/react");
-var import_design_system160 = require("@ai-matrx/design-system");
-var import_jsx_runtime178 = require("react/jsx-runtime");
+var import_design_system161 = require("@ai-matrx/design-system");
+var import_jsx_runtime179 = require("react/jsx-runtime");
 var DATA_BINDING_SHAPES = [
   { value: "collection", label: "The whole table" },
   { value: "reference", label: "One record" },
@@ -54946,9 +55089,9 @@ function DataBindingPicker({ dataSource, userId, binding, onChange, disabled, de
       ...binding.semantic_type === "collection" && defaultRowLimit ? { limit: defaultRowLimit } : {}
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime178.jsxs)("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(TablePicker, { dataSource, value: tableId, onChange: selectTable, disabled: Boolean(disabled), tables }),
-    /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(TableScope, { dataSource, userId, tableId, tables, children: tableId && /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime179.jsxs)("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(TablePicker, { dataSource, value: tableId, onChange: selectTable, disabled: Boolean(disabled), tables }),
+    /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(TableScope, { dataSource, userId, tableId, tables, children: tableId && /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
       BindingDetails,
       {
         tableId,
@@ -55012,9 +55155,9 @@ function BindingDetails({
   const fieldOptions = fieldList.map((f) => ({ value: f.key, label: fieldName(f) }));
   const template = binding.transform?.template ?? "";
   const setTemplate = (next) => onChange({ ...binding, transform: { join: "\n", ...binding.transform, name: "list", template: next } });
-  return /* @__PURE__ */ (0, import_jsx_runtime178.jsxs)("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("div", { className: "flex flex-wrap gap-1", role: "radiogroup", "aria-label": "What to read", children: DATA_BINDING_SHAPES.map((s) => /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
-      import_design_system160.Button,
+  return /* @__PURE__ */ (0, import_jsx_runtime179.jsxs)("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime179.jsx)("div", { className: "flex flex-wrap gap-1", role: "radiogroup", "aria-label": "What to read", children: DATA_BINDING_SHAPES.map((s) => /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
+      import_design_system161.Button,
       {
         type: "button",
         size: "sm",
@@ -55027,7 +55170,7 @@ function BindingDetails({
       },
       s.value
     )) }),
-    shape !== "collection" && /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
+    shape !== "collection" && /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
       RecordPicker,
       {
         tableId,
@@ -55036,8 +55179,8 @@ function BindingDetails({
         disabled: Boolean(disabled)
       }
     ),
-    shape === "value" && /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
-      import_design_system160.CreatablePicker,
+    shape === "value" && /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
+      import_design_system161.CreatablePicker,
       {
         value: binding.field_key ?? null,
         options: fieldOptions,
@@ -55050,11 +55193,11 @@ function BindingDetails({
         ariaLabel: "Column"
       }
     ),
-    shape !== "value" && /* @__PURE__ */ (0, import_jsx_runtime178.jsxs)("div", { className: "flex flex-col gap-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
+    shape !== "value" && /* @__PURE__ */ (0, import_jsx_runtime179.jsxs)("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
         "textarea",
         {
-          className: (0, import_design_system160.cn)(
+          className: (0, import_design_system161.cn)(
             "min-h-[3.5rem] w-full rounded-md border border-border bg-background px-2 py-1.5 font-mono text-xs"
           ),
           "aria-label": "Each row reads as",
@@ -55063,8 +55206,8 @@ function BindingDetails({
           onChange: (e) => setTemplate(e.target.value)
         }
       ),
-      !disabled && /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("div", { className: "flex flex-wrap gap-1", children: fieldList.flatMap(bindingPlaceholdersFor).map((p) => /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
-        import_design_system160.Button,
+      !disabled && /* @__PURE__ */ (0, import_jsx_runtime179.jsx)("div", { className: "flex flex-wrap gap-1", children: fieldList.flatMap(bindingPlaceholdersFor).map((p) => /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
+        import_design_system161.Button,
         {
           type: "button",
           size: "sm",
@@ -55076,10 +55219,10 @@ function BindingDetails({
         p.token
       )) })
     ] }),
-    shape === "collection" && /* @__PURE__ */ (0, import_jsx_runtime178.jsxs)("label", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
+    shape === "collection" && /* @__PURE__ */ (0, import_jsx_runtime179.jsxs)("label", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
       "Up to",
-      /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
-        import_design_system160.BasicInput,
+      /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
+        import_design_system161.BasicInput,
         {
           type: "number",
           min: 1,
@@ -55095,10 +55238,10 @@ function BindingDetails({
       ),
       "rows"
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime178.jsxs)("div", { className: "flex flex-wrap items-center gap-1", role: "radiogroup", "aria-label": "If nothing is found", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("span", { className: "text-xs text-muted-foreground", children: "If nothing is found" }),
-      DATA_BINDING_MISSING.map((m) => /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
-        import_design_system160.Button,
+    /* @__PURE__ */ (0, import_jsx_runtime179.jsxs)("div", { className: "flex flex-wrap items-center gap-1", role: "radiogroup", "aria-label": "If nothing is found", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime179.jsx)("span", { className: "text-xs text-muted-foreground", children: "If nothing is found" }),
+      DATA_BINDING_MISSING.map((m) => /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
+        import_design_system161.Button,
         {
           type: "button",
           size: "sm",
@@ -55117,13 +55260,13 @@ function BindingDetails({
 
 // src/PickedSummaries.tsx
 var import_react317 = require("@ai-matrx/records/react");
-var import_jsx_runtime179 = require("react/jsx-runtime");
+var import_jsx_runtime180 = require("react/jsx-runtime");
 function TableNameText({ dataSource, tableId }) {
   const tables = useTablesAnywhere(dataSource);
-  if (!tableId) return /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(import_jsx_runtime179.Fragment, { children: "\u2014" });
-  if (tables.loading) return /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(import_jsx_runtime179.Fragment, { children: "\u2026" });
-  if (tables.error) return /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(import_jsx_runtime179.Fragment, { children: "Couldn't load the table's name" });
-  return /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(import_jsx_runtime179.Fragment, { children: tables.rows.find((t) => t.table_id === tableId)?.table_name ?? "\u2014" });
+  if (!tableId) return /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_jsx_runtime180.Fragment, { children: "\u2014" });
+  if (tables.loading) return /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_jsx_runtime180.Fragment, { children: "\u2026" });
+  if (tables.error) return /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_jsx_runtime180.Fragment, { children: "Couldn't load the table's name" });
+  return /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_jsx_runtime180.Fragment, { children: tables.rows.find((t) => t.table_id === tableId)?.table_name ?? "\u2014" });
 }
 function ColumnValuesText({
   dataSource,
@@ -55131,38 +55274,38 @@ function ColumnValuesText({
   tableId,
   value
 }) {
-  if (!tableId) return /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(import_jsx_runtime179.Fragment, { children: "\u2014" });
-  return /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
+  if (!tableId) return /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_jsx_runtime180.Fragment, { children: "\u2014" });
+  return /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(
     TableScope,
     {
       dataSource,
       userId,
       tableId,
-      fallback: /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(import_jsx_runtime179.Fragment, { children: "\u2026" }),
-      unavailable: /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(import_jsx_runtime179.Fragment, { children: "Couldn't load this table's columns" }),
-      children: /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(RecordLabelProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(ColumnValuesWords, { tableId, value }) })
+      fallback: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_jsx_runtime180.Fragment, { children: "\u2026" }),
+      unavailable: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_jsx_runtime180.Fragment, { children: "Couldn't load this table's columns" }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(RecordLabelProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(ColumnValuesWords, { tableId, value }) })
     }
   );
 }
 function ColumnValuesWords({ tableId, value }) {
   const fields = (0, import_react317.useFields)(tableId);
   const labels = useRecordLabels(fields.data ?? void 0);
-  if (fields.loading) return /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(import_jsx_runtime179.Fragment, { children: "\u2026" });
-  if (fields.error) return /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(import_jsx_runtime179.Fragment, { children: "Couldn't load this table's columns" });
+  if (fields.loading) return /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_jsx_runtime180.Fragment, { children: "\u2026" });
+  if (fields.error) return /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_jsx_runtime180.Fragment, { children: "Couldn't load this table's columns" });
   const parts = [];
   for (const [key, stored] of Object.entries(value)) {
     if (key.startsWith("_")) continue;
     const field2 = (fields.data ?? []).find((f) => f.key === key);
-    if (parts.length) parts.push(/* @__PURE__ */ (0, import_jsx_runtime179.jsx)("span", { children: ", " }, `${key}-sep`));
+    if (parts.length) parts.push(/* @__PURE__ */ (0, import_jsx_runtime180.jsx)("span", { children: ", " }, `${key}-sep`));
     parts.push(
-      /* @__PURE__ */ (0, import_jsx_runtime179.jsxs)("span", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime180.jsxs)("span", { children: [
         field2 ? fieldName(field2) : "A removed column",
         " is ",
         field2 ? renderValue(field2, stored, void 0, labels) : "\u2014"
       ] }, key)
     );
   }
-  return parts.length ? /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(import_jsx_runtime179.Fragment, { children: parts }) : /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(import_jsx_runtime179.Fragment, { children: "\u2014" });
+  return parts.length ? /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_jsx_runtime180.Fragment, { children: parts }) : /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_jsx_runtime180.Fragment, { children: "\u2014" });
 }
 function RecordNameText({
   dataSource,
@@ -55170,35 +55313,35 @@ function RecordNameText({
   tableId,
   recordId
 }) {
-  if (!tableId || !recordId) return /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(import_jsx_runtime179.Fragment, { children: "\u2014" });
-  return /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
+  if (!tableId || !recordId) return /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_jsx_runtime180.Fragment, { children: "\u2014" });
+  return /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(
     TableScope,
     {
       dataSource,
       userId,
       tableId,
-      fallback: /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(import_jsx_runtime179.Fragment, { children: "\u2026" }),
-      unavailable: /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(import_jsx_runtime179.Fragment, { children: "Couldn't load this record" }),
-      children: /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(RecordNameWords, { tableId, recordId })
+      fallback: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_jsx_runtime180.Fragment, { children: "\u2026" }),
+      unavailable: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_jsx_runtime180.Fragment, { children: "Couldn't load this record" }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(RecordNameWords, { tableId, recordId })
     }
   );
 }
 function RecordNameWords({ tableId, recordId }) {
   const table = (0, import_react317.useTable)(tableId);
   const record = (0, import_react317.useRecord)(recordId);
-  if (record.loading || table.loading) return /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(import_jsx_runtime179.Fragment, { children: "\u2026" });
-  if (record.error) return /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(import_jsx_runtime179.Fragment, { children: "Couldn't load this record" });
-  if (!record.data) return /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(import_jsx_runtime179.Fragment, { children: "A record you cannot open" });
-  return /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(import_jsx_runtime179.Fragment, { children: recordName(record.data.document, table.data?.title_field ?? null) });
+  if (record.loading || table.loading) return /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_jsx_runtime180.Fragment, { children: "\u2026" });
+  if (record.error) return /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_jsx_runtime180.Fragment, { children: "Couldn't load this record" });
+  if (!record.data) return /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_jsx_runtime180.Fragment, { children: "A record you cannot open" });
+  return /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_jsx_runtime180.Fragment, { children: recordName(record.data.document, table.data?.title_field ?? null) });
 }
 
 // src/HeldChangeDecision.tsx
 var import_react318 = require("react");
 var import_react319 = require("@ai-matrx/records/react");
-var import_design_system161 = require("@ai-matrx/design-system");
-var import_jsx_runtime180 = require("react/jsx-runtime");
+var import_design_system162 = require("@ai-matrx/design-system");
+var import_jsx_runtime181 = require("react/jsx-runtime");
 function HeldChangeDecision({ dataSource, userId, organizationId, approvalId, onDecided, approveLabel }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_react319.RecordsProvider, { config: { dataSource, actor: personActor(userId), organizationId }, children: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(Decision, { approvalId, onDecided, approveLabel: approveLabel ?? "Approve" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(import_react319.RecordsProvider, { config: { dataSource, actor: personActor(userId), organizationId }, children: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(Decision, { approvalId, onDecided, approveLabel: approveLabel ?? "Approve" }) });
 }
 function Decision({
   approvalId,
@@ -55231,20 +55374,20 @@ function Decision({
     if (res.ok) onDecided(approve);
     else setError(res.error);
   };
-  if (may === null) return /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("p", { className: "text-xs text-muted-foreground", children: "Checking who can decide\u2026" });
-  return /* @__PURE__ */ (0, import_jsx_runtime180.jsxs)("div", { className: "flex flex-col gap-1.5", children: [
-    may ? /* @__PURE__ */ (0, import_jsx_runtime180.jsxs)("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_design_system161.Button, { type: "button", size: "sm", disabled: busy !== null, onClick: () => void decide(true), children: busy === "approve" ? "Approving\u2026" : approveLabel }),
-      /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_design_system161.Button, { type: "button", size: "sm", variant: "outline", disabled: busy !== null, onClick: () => void decide(false), children: busy === "refuse" ? "Refusing\u2026" : "Refuse" })
-    ] }) : !error && /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("p", { className: "text-xs text-muted-foreground", children: "An owner or admin of this organization decides this." }),
-    error ? /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(RefusalLine, { error }) : null
+  if (may === null) return /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("p", { className: "text-xs text-muted-foreground", children: "Checking who can decide\u2026" });
+  return /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("div", { className: "flex flex-col gap-1.5", children: [
+    may ? /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(import_design_system162.Button, { type: "button", size: "sm", disabled: busy !== null, onClick: () => void decide(true), children: busy === "approve" ? "Approving\u2026" : approveLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(import_design_system162.Button, { type: "button", size: "sm", variant: "outline", disabled: busy !== null, onClick: () => void decide(false), children: busy === "refuse" ? "Refusing\u2026" : "Refuse" })
+    ] }) : !error && /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("p", { className: "text-xs text-muted-foreground", children: "An owner or admin of this organization decides this." }),
+    error ? /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(RefusalLine, { error }) : null
   ] });
 }
 
 // src/CalendarLinks.tsx
 var import_react320 = require("react");
-var import_design_system162 = require("@ai-matrx/design-system");
-var import_jsx_runtime181 = require("react/jsx-runtime");
+var import_design_system163 = require("@ai-matrx/design-system");
+var import_jsx_runtime182 = require("react/jsx-runtime");
 var day = (iso) => iso ? new Date(iso).toLocaleDateString(void 0, { year: "numeric", month: "short", day: "numeric" }) : null;
 function CalendarLinks({ port }) {
   const [rows, setRows] = (0, import_react320.useState)(null);
@@ -55269,15 +55412,15 @@ function CalendarLinks({ port }) {
       setError(asRefusal3(e, "That didn\u2019t work"));
     }
   };
-  if (rows === null && !error) return /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("p", { className: "text-sm text-muted-foreground", "data-calendar-links-loading": "", children: "Reading your links\u2026" });
-  return /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("div", { className: "flex flex-col gap-2", "data-calendar-links": "", children: [
-    error ? /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(RefusalNotice, { error }) : null,
-    rows && rows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("p", { className: "text-sm text-muted-foreground", children: "No calendar links yet." }) : null,
-    rows?.map((row) => /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("div", { className: "flex flex-col gap-2 rounded-md border px-3 py-2", "data-calendar-link-row": row.id, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("div", { className: "truncate text-sm font-medium", children: row.title }),
-          /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("div", { className: "text-xs text-muted-foreground", children: [
+  if (rows === null && !error) return /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("p", { className: "text-sm text-muted-foreground", "data-calendar-links-loading": "", children: "Reading your links\u2026" });
+  return /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)("div", { className: "flex flex-col gap-2", "data-calendar-links": "", children: [
+    error ? /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(RefusalNotice, { error }) : null,
+    rows && rows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("p", { className: "text-sm text-muted-foreground", children: "No calendar links yet." }) : null,
+    rows?.map((row) => /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)("div", { className: "flex flex-col gap-2 rounded-md border px-3 py-2", "data-calendar-link-row": row.id, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("div", { className: "truncate text-sm font-medium", children: row.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)("div", { className: "text-xs text-muted-foreground", children: [
             "Made ",
             day(row.created_at),
             " \xB7 ",
@@ -55286,9 +55429,9 @@ function CalendarLinks({ port }) {
             row.expired ? "Expired" : row.expires_at ? `Expires ${day(row.expires_at)}` : "Never expires"
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("div", { className: "flex shrink-0 gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
-            import_design_system162.Button,
+        /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)("div", { className: "flex shrink-0 gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(
+            import_design_system163.Button,
             {
               size: "sm",
               variant: "outline",
@@ -55301,8 +55444,8 @@ function CalendarLinks({ port }) {
               children: "Rotate"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
-            import_design_system162.Button,
+          /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(
+            import_design_system163.Button,
             {
               size: "sm",
               variant: "outline",
@@ -55317,7 +55460,7 @@ function CalendarLinks({ port }) {
           )
         ] })
       ] }),
-      fresh?.id === row.id ? /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(CalendarLinkOnce, { url: fresh.url }) : null
+      fresh?.id === row.id ? /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(CalendarLinkOnce, { url: fresh.url }) : null
     ] }, row.id))
   ] });
 }
@@ -55327,7 +55470,7 @@ var import_react321 = require("react");
 var import_memory = require("@ai-matrx/records/memory");
 var import_react322 = require("@ai-matrx/records/react");
 var import_forms7 = require("@ai-matrx/records/forms");
-var import_jsx_runtime182 = require("react/jsx-runtime");
+var import_jsx_runtime183 = require("react/jsx-runtime");
 function useTemplatePreview(spec, today) {
   return (0, import_react321.useMemo)(() => (0, import_memory.templatePreview)(spec, today ? { today } : {}), [spec, today]);
 }
@@ -55338,9 +55481,9 @@ function TemplatePreview({ spec, today, initialTable, host, aside, booking, clas
   const [active, setActive] = (0, import_react321.useState)(first?.id ?? null);
   const table = preview.tables.find((t) => t.id === active) ?? first;
   if (!table) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)("div", { className: ["flex min-w-0 flex-col gap-3", className].filter(Boolean).join(" "), "data-template-preview": preview.tables.length, children: [
-    preview.tables.length > 1 || aside ? /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)("div", { className: "flex min-w-0 flex-wrap items-center gap-1.5", role: "tablist", "aria-label": "Tables", children: [
-      preview.tables.map((t) => /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime183.jsxs)("div", { className: ["flex min-w-0 flex-col gap-3", className].filter(Boolean).join(" "), "data-template-preview": preview.tables.length, children: [
+    preview.tables.length > 1 || aside ? /* @__PURE__ */ (0, import_jsx_runtime183.jsxs)("div", { className: "flex min-w-0 flex-wrap items-center gap-1.5", role: "tablist", "aria-label": "Tables", children: [
+      preview.tables.map((t) => /* @__PURE__ */ (0, import_jsx_runtime183.jsxs)(
         "button",
         {
           type: "button",
@@ -55354,19 +55497,19 @@ function TemplatePreview({ spec, today, initialTable, host, aside, booking, clas
           ].join(" "),
           children: [
             t.name,
-            /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("span", { className: "text-xs tabular-nums text-muted-foreground", children: t.rows })
+            /* @__PURE__ */ (0, import_jsx_runtime183.jsx)("span", { className: "text-xs tabular-nums text-muted-foreground", children: t.rows })
           ]
         },
         t.id
       )),
-      aside ? /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("div", { className: "ml-auto", children: aside }) : null
+      aside ? /* @__PURE__ */ (0, import_jsx_runtime183.jsx)("div", { className: "ml-auto", children: aside }) : null
     ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)(RecordsMount, { config: preview.config, host: bound2, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("div", { className: "min-h-[32rem] min-w-0 overflow-hidden rounded-xl border border-border bg-card", children: /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(TablePage, { tableId: table.id }, table.id) }),
-      /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(PreviewForms, { preview, booking }),
-      preview.dashboards.length ? /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)("section", { className: "flex min-w-0 flex-col gap-3", "aria-label": "Dashboards", "data-template-preview-dashboards": preview.dashboards.length, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("h2", { className: "text-lg font-semibold tracking-tight", children: "Dashboards" }),
-        preview.dashboards.map((d) => /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("div", { className: "min-w-0 overflow-hidden rounded-xl border border-border bg-card p-3", "data-template-preview-dashboard": d.token, children: /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(DashboardCanvas, { tableId: d.tableId, activeDashboardId: d.id }) }, d.id))
+    /* @__PURE__ */ (0, import_jsx_runtime183.jsxs)(RecordsMount, { config: preview.config, host: bound2, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime183.jsx)("div", { className: "min-h-[32rem] min-w-0 overflow-hidden rounded-xl border border-border bg-card", children: /* @__PURE__ */ (0, import_jsx_runtime183.jsx)(TablePage, { tableId: table.id }, table.id) }),
+      /* @__PURE__ */ (0, import_jsx_runtime183.jsx)(PreviewForms, { preview, booking }),
+      preview.dashboards.length ? /* @__PURE__ */ (0, import_jsx_runtime183.jsxs)("section", { className: "flex min-w-0 flex-col gap-3", "aria-label": "Dashboards", "data-template-preview-dashboards": preview.dashboards.length, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime183.jsx)("h2", { className: "text-lg font-semibold tracking-tight", children: "Dashboards" }),
+        preview.dashboards.map((d) => /* @__PURE__ */ (0, import_jsx_runtime183.jsx)("div", { className: "min-w-0 overflow-hidden rounded-xl border border-border bg-card p-3", "data-template-preview-dashboard": d.token, children: /* @__PURE__ */ (0, import_jsx_runtime183.jsx)(DashboardCanvas, { tableId: d.tableId, activeDashboardId: d.id }) }, d.id))
       ] }) : null
     ] })
   ] });
@@ -55394,14 +55537,14 @@ function PreviewForms({ preview, booking }) {
     };
   }, [client, preview, booking]);
   if (!forms?.length && !pages.length) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)("section", { className: "flex min-w-0 flex-col gap-3", "aria-label": "Forms and booking", "data-template-preview-forms": forms?.length ?? 0, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("h2", { className: "text-lg font-semibold tracking-tight", children: "Forms and booking" }),
-    /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("div", { className: "grid min-w-0 gap-4 md:grid-cols-2", children: (forms ?? []).map((f) => /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)("div", { className: "min-w-0 rounded-xl border border-border bg-card p-4", "data-template-preview-form": f.slug ?? f.id, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("h3", { className: "mb-3 text-sm font-semibold", children: f.name }),
-      /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(FormRunner, { form: f, preview: true })
+  return /* @__PURE__ */ (0, import_jsx_runtime183.jsxs)("section", { className: "flex min-w-0 flex-col gap-3", "aria-label": "Forms and booking", "data-template-preview-forms": forms?.length ?? 0, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime183.jsx)("h2", { className: "text-lg font-semibold tracking-tight", children: "Forms and booking" }),
+    /* @__PURE__ */ (0, import_jsx_runtime183.jsx)("div", { className: "grid min-w-0 gap-4 md:grid-cols-2", children: (forms ?? []).map((f) => /* @__PURE__ */ (0, import_jsx_runtime183.jsxs)("div", { className: "min-w-0 rounded-xl border border-border bg-card p-4", "data-template-preview-form": f.slug ?? f.id, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime183.jsx)("h3", { className: "mb-3 text-sm font-semibold", children: f.name }),
+      /* @__PURE__ */ (0, import_jsx_runtime183.jsx)(FormRunner, { form: f, preview: true })
     ] }, f.id)) }),
-    booking ? pages.map((p) => /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)("div", { className: "min-w-0 rounded-xl border border-border bg-card p-4", "data-template-preview-booking": p.id, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("h3", { className: "mb-3 text-sm font-semibold", children: String(p.page["title"] ?? "") }),
+    booking ? pages.map((p) => /* @__PURE__ */ (0, import_jsx_runtime183.jsxs)("div", { className: "min-w-0 rounded-xl border border-border bg-card p-4", "data-template-preview-booking": p.id, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime183.jsx)("h3", { className: "mb-3 text-sm font-semibold", children: String(p.page["title"] ?? "") }),
       booking(p.page)
     ] }, p.id)) : null
   ] });