@ai-matrx/records-ui 0.115.74 → 0.115.75

package/dist/index.js

@@ -25448,6 +25448,7 @@ function GridBody({
   onOpenRecord,
   openRecordId = null,
   onCloseRecord,
+  onRowsShown,
   onAddField,
   onNewRecordForm,
   toolbarActions,
@@ -25728,6 +25729,11 @@ function GridBody({
   const rows = added.rows;
   const lockedRows = records.data?.locked ?? 0;
   const rowIds = useMemo39(() => rows.map((row) => row.id), [rows]);
+  const rowsShownRef = useRef37(onRowsShown);
+  rowsShownRef.current = onRowsShown;
+  useEffect55(() => {
+    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 = useRef37(0);
   const reloadRecords = useRef37(records.reload);
@@ -38134,6 +38140,7 @@ function ViewSwitcher({
   onOpenRecord,
   openRecordId,
   onCloseRecord,
+  onRowsShown,
   onMoved,
   onNewRecordForm,
   onAskWhoChanged,
@@ -38211,6 +38218,7 @@ function ViewSwitcher({
         ...onOpenRecord ? { onOpenRecord } : {},
         ...openRecordId ? { openRecordId } : {},
         ...onCloseRecord ? { onCloseRecord } : {},
+        ...onRowsShown ? { onRowsShown } : {},
         ...onNewRecordForm ? { onNewRecordForm } : {},
         ...onAskWhoChanged ? { onAskWhoChanged } : {},
         ...viewId ? {
@@ -52141,7 +52149,7 @@ import { tableShapeChanged as tableShapeChanged15, useFields as useFields39, use
 import {
   Badge as Badge26,
   BottomSheet,
-  Button as Button119,
+  Button as Button120,
   DropdownMenu as DropdownMenu10,
   DropdownMenuContent as DropdownMenuContent10,
   DropdownMenuItem as DropdownMenuItem8,
@@ -52399,42 +52407,143 @@ async function runTablePageAction(kind, args) {
   }
 }
 
-// src/RecordPanel.tsx
-import { Fragment as Fragment68, useState as useState144 } from "react";
-import { Button as Button114, Separator as Separator13 } from "@ai-matrx/design-system";
-import { useFields as useFields37, useRecord as useRecord5 } from "@ai-matrx/records/react";
-import { Fragment as Fragment69, jsx as jsx169, jsxs as jsxs157 } from "react/jsx-runtime";
-function RecordPanel({ tableId, recordId, onClose, onAskAboutField, onPage = false }) {
-  const host = useRecordsUi();
-  const [asking, setAsking] = useState144(null);
-  return /* @__PURE__ */ jsxs157("div", { className: "space-y-3", "data-record-panel": recordId, children: [
-    /* @__PURE__ */ jsx169(Peek, { tableId, recordId, onPage, ...onClose ? { onClose } : {} }),
-    onPage ? /* @__PURE__ */ jsxs157(Fragment69, { children: [
-      /* @__PURE__ */ jsx169(RecordBody, { tableId, recordId }),
-      /* @__PURE__ */ jsx169(LinkedLists, { tableId, recordId }),
-      /* @__PURE__ */ jsx169(ReverseLinksSections, { tableId, recordId }),
-      /* @__PURE__ */ jsx169(RecordAsk, { tableId, recordId })
-    ] }) : null,
-    /* @__PURE__ */ jsx169(Separator13, {}),
+// src/RecordStepper.tsx
+import { Button as Button114 } from "@ai-matrx/design-system";
+import { jsx as jsx169, jsxs as jsxs157 } from "react/jsx-runtime";
+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__ */ jsxs157("div", { className: "flex items-center gap-1", "data-record-stepper": "", children: [
     /* @__PURE__ */ jsx169(
-      HistoryPanel,
+      Button114,
       {
-        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__ */ jsx169(FieldHistoryPanel, { tableId, fieldKey: asking, recordId, onClose: () => setAsking(null) }) : null,
-    host.recordSections ? /* @__PURE__ */ jsxs157(Fragment68, { children: [
-      /* @__PURE__ */ jsx169(Separator13, {}),
-      host.recordSections({ tableId, recordId })
-    ] }) : null,
-    /* @__PURE__ */ jsx169(Separator13, {}),
-    /* @__PURE__ */ jsx169(ChecklistRunner, { tableId, recordId }),
-    /* @__PURE__ */ jsx169(Separator13, {}),
-    /* @__PURE__ */ jsx169(CommentThread, { tableId, recordId })
+    /* @__PURE__ */ jsx169(
+      Button114,
+      {
+        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__ */ jsxs157("span", { className: "text-[11px] tabular-nums text-muted-foreground", "data-record-position": "", children: [
+      neighbors.index + 1,
+      " of ",
+      neighbors.total
+    ] }),
+    onToggleExpand ? /* @__PURE__ */ jsx169(
+      Button114,
+      {
+        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
+import { Fragment as Fragment68, useState as useState144 } from "react";
+import { Button as Button115, Separator as Separator13 } from "@ai-matrx/design-system";
+import { useFields as useFields37, useRecord as useRecord5 } from "@ai-matrx/records/react";
+import { Fragment as Fragment69, jsx as jsx170, jsxs as jsxs158 } from "react/jsx-runtime";
+function RecordPanel({ tableId, recordId, onClose, onAskAboutField, onPage = false, neighbors, onStep, expanded, onToggleExpand }) {
+  const host = useRecordsUi();
+  const [asking, setAsking] = useState144(null);
+  return /* @__PURE__ */ jsxs158(
+    "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__ */ jsx170(RecordStepper, { neighbors, onStep: (to) => onStep(to), expanded, onToggleExpand }) : null,
+        /* @__PURE__ */ jsx170(Peek, { tableId, recordId, onPage, ...onClose ? { onClose } : {} }),
+        onPage ? /* @__PURE__ */ jsxs158(Fragment69, { children: [
+          /* @__PURE__ */ jsx170(RecordBody, { tableId, recordId }),
+          /* @__PURE__ */ jsx170(LinkedLists, { tableId, recordId }),
+          /* @__PURE__ */ jsx170(ReverseLinksSections, { tableId, recordId }),
+          /* @__PURE__ */ jsx170(RecordAsk, { tableId, recordId })
+        ] }) : null,
+        /* @__PURE__ */ jsx170(Separator13, {}),
+        /* @__PURE__ */ jsx170(
+          HistoryPanel,
+          {
+            tableId,
+            recordId,
+            onAskAboutField: (fieldKey) => onAskAboutField ? onAskAboutField(fieldKey) : setAsking(fieldKey)
+          }
+        ),
+        !onAskAboutField && asking ? /* @__PURE__ */ jsx170(FieldHistoryPanel, { tableId, fieldKey: asking, recordId, onClose: () => setAsking(null) }) : null,
+        host.recordSections ? /* @__PURE__ */ jsxs158(Fragment68, { children: [
+          /* @__PURE__ */ jsx170(Separator13, {}),
+          host.recordSections({ tableId, recordId })
+        ] }) : null,
+        /* @__PURE__ */ jsx170(Separator13, {}),
+        /* @__PURE__ */ jsx170(ChecklistRunner, { tableId, recordId }),
+        /* @__PURE__ */ jsx170(Separator13, {}),
+        /* @__PURE__ */ jsx170(CommentThread, { tableId, recordId })
+      ]
+    }
+  );
+}
 function LinkedLists({ tableId, recordId }) {
   const fields = useFields37(tableId);
   const record = useRecord5(recordId, true, { tableId });
@@ -52444,9 +52553,9 @@ function LinkedLists({ tableId, recordId }) {
   const may = useRecordRights(recordId);
   if (links.length === 0 || !document2) return null;
   if (may.write) {
-    return /* @__PURE__ */ jsxs157("div", { className: "flex flex-col gap-3", "data-record-linked-lists": "", children: [
-      /* @__PURE__ */ jsx169(Separator13, {}),
-      /* @__PURE__ */ jsx169(
+    return /* @__PURE__ */ jsxs158("div", { className: "flex flex-col gap-3", "data-record-linked-lists": "", children: [
+      /* @__PURE__ */ jsx170(Separator13, {}),
+      /* @__PURE__ */ jsx170(
         RecordFieldsInPlace,
         {
           tableId,
@@ -52459,25 +52568,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__ */ jsxs157("span", { className: "flex items-center gap-2 pt-2 text-foreground", "data-record-linked-list": field2.key, children: [
-              /* @__PURE__ */ jsx169("span", { className: "truncate text-xs font-medium", children: fieldName(field2) }),
-              count > 0 ? /* @__PURE__ */ jsx169("span", { className: "text-[11px] text-muted-foreground", children: count }) : null
+            return /* @__PURE__ */ jsxs158("span", { className: "flex items-center gap-2 pt-2 text-foreground", "data-record-linked-list": field2.key, children: [
+              /* @__PURE__ */ jsx170("span", { className: "truncate text-xs font-medium", children: fieldName(field2) }),
+              count > 0 ? /* @__PURE__ */ jsx170("span", { className: "text-[11px] text-muted-foreground", children: count }) : null
             ] });
           }
         }
       )
     ] });
   }
-  return /* @__PURE__ */ jsxs157("div", { className: "flex flex-col gap-3", "data-record-linked-lists": "", children: [
-    /* @__PURE__ */ jsx169(Separator13, {}),
+  return /* @__PURE__ */ jsxs158("div", { className: "flex flex-col gap-3", "data-record-linked-lists": "", children: [
+    /* @__PURE__ */ jsx170(Separator13, {}),
     links.map((field2) => {
       const refs = referencesOf(field2, document2[field2.key], "relation", labels);
-      return /* @__PURE__ */ jsxs157("section", { className: "flex min-w-0 flex-col gap-1", "data-record-linked-list": field2.key, children: [
-        /* @__PURE__ */ jsxs157("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx169("h4", { className: "truncate text-xs font-medium", children: fieldName(field2) }),
-          refs.length > 0 ? /* @__PURE__ */ jsx169("span", { className: "text-[11px] text-muted-foreground", children: refs.length }) : null
+      return /* @__PURE__ */ jsxs158("section", { className: "flex min-w-0 flex-col gap-1", "data-record-linked-list": field2.key, children: [
+        /* @__PURE__ */ jsxs158("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx170("h4", { className: "truncate text-xs font-medium", children: fieldName(field2) }),
+          refs.length > 0 ? /* @__PURE__ */ jsx170("span", { className: "text-[11px] text-muted-foreground", children: refs.length }) : null
         ] }),
-        refs.length === 0 ? /* @__PURE__ */ jsx169("span", { className: "text-xs text-muted-foreground", children: "\u2014" }) : /* @__PURE__ */ jsx169("ul", { className: "flex min-w-0 flex-col gap-1", children: refs.map((ref) => /* @__PURE__ */ jsx169("li", { className: "min-w-0", children: /* @__PURE__ */ jsx169(ReferenceChip, { reference: ref }) }, ref.id)) })
+        refs.length === 0 ? /* @__PURE__ */ jsx170("span", { className: "text-xs text-muted-foreground", children: "\u2014" }) : /* @__PURE__ */ jsx170("ul", { className: "flex min-w-0 flex-col gap-1", children: refs.map((ref) => /* @__PURE__ */ jsx170("li", { className: "min-w-0", children: /* @__PURE__ */ jsx170(ReferenceChip, { reference: ref }) }, ref.id)) })
       ] }, field2.id);
     })
   ] });
@@ -52486,16 +52595,16 @@ function RecordAsk({ tableId, recordId }) {
   const host = useRecordsUi();
   const [open, setOpen] = useState144(false);
   if (!host.chat) return null;
-  return /* @__PURE__ */ jsxs157("section", { className: "flex min-w-0 flex-col gap-1.5", "data-record-ask": open ? "open" : "", children: [
-    /* @__PURE__ */ jsx169(Separator13, {}),
-    open ? /* @__PURE__ */ jsx169(RecordChat, { tableId, recordId, className: "min-h-[22rem]" }) : /* @__PURE__ */ jsx169(Button114, { size: "sm", variant: "outline", className: "self-start", onClick: () => setOpen(true), "data-record-ask-open": "", children: "Ask about this record" })
+  return /* @__PURE__ */ jsxs158("section", { className: "flex min-w-0 flex-col gap-1.5", "data-record-ask": open ? "open" : "", children: [
+    /* @__PURE__ */ jsx170(Separator13, {}),
+    open ? /* @__PURE__ */ jsx170(RecordChat, { tableId, recordId, className: "min-h-[22rem]" }) : /* @__PURE__ */ jsx170(Button115, { size: "sm", variant: "outline", className: "self-start", onClick: () => setOpen(true), "data-record-ask-open": "", children: "Ask about this record" })
   ] });
 }
 
 // src/breakDown.tsx
 import { useMemo as useMemo79, useState as useState145 } from "react";
 import {
-  Button as Button115,
+  Button as Button116,
   Dialog as Dialog18,
   DialogContent as DialogContent18,
   DialogHeader as DialogHeader18,
@@ -52506,7 +52615,7 @@ import {
   SelectTrigger as SelectTrigger20,
   SelectValue as SelectValue20
 } from "@ai-matrx/design-system";
-import { jsx as jsx170, jsxs as jsxs158 } from "react/jsx-runtime";
+import { jsx as jsx171, jsxs as jsxs159 } from "react/jsx-runtime";
 var BREAK_DOWN_ACTION_ID = "break-down";
 var NO_DIMENSION_REASON = "No column to break down by";
 function breakDownAction(args) {
@@ -52535,14 +52644,14 @@ function BreakDownDialog({
   const dimensions = useMemo79(() => drillDimensionsOf(def, NO_LABELS), [def]);
   const [picked, setPicked] = useState145(null);
   const key = picked ?? held?.field ?? dimensions[0]?.key ?? "";
-  return /* @__PURE__ */ jsx170(Dialog18, { open, onOpenChange, children: /* @__PURE__ */ jsxs158(DialogContent18, { "data-break-down": "", className: "max-w-sm", children: [
-    /* @__PURE__ */ jsx170(DialogHeader18, { children: /* @__PURE__ */ jsx170(DialogTitle18, { children: "Break down by" }) }),
-    /* @__PURE__ */ jsxs158(Select28, { value: key, onValueChange: setPicked, children: [
-      /* @__PURE__ */ jsx170(SelectTrigger20, { "aria-label": "Column to break down by", "data-break-down-select": "", children: /* @__PURE__ */ jsx170(SelectValue20, { placeholder: def ? NO_DIMENSION_REASON : "Reading this table\u2026" }) }),
-      /* @__PURE__ */ jsx170(SelectContent20, { children: dimensions.map((d) => /* @__PURE__ */ jsx170(SelectItem20, { value: d.key, children: d.label }, d.key)) })
+  return /* @__PURE__ */ jsx171(Dialog18, { open, onOpenChange, children: /* @__PURE__ */ jsxs159(DialogContent18, { "data-break-down": "", className: "max-w-sm", children: [
+    /* @__PURE__ */ jsx171(DialogHeader18, { children: /* @__PURE__ */ jsx171(DialogTitle18, { children: "Break down by" }) }),
+    /* @__PURE__ */ jsxs159(Select28, { value: key, onValueChange: setPicked, children: [
+      /* @__PURE__ */ jsx171(SelectTrigger20, { "aria-label": "Column to break down by", "data-break-down-select": "", children: /* @__PURE__ */ jsx171(SelectValue20, { placeholder: def ? NO_DIMENSION_REASON : "Reading this table\u2026" }) }),
+      /* @__PURE__ */ jsx171(SelectContent20, { children: dimensions.map((d) => /* @__PURE__ */ jsx171(SelectItem20, { value: d.key, children: d.label }, d.key)) })
     ] }),
-    /* @__PURE__ */ jsx170(
-      Button115,
+    /* @__PURE__ */ jsx171(
+      Button116,
       {
         type: "button",
         "data-break-down-apply": "",
@@ -52562,8 +52671,8 @@ function BreakDownDialog({
 import { copyText as copyText14 } from "@ai-matrx/kit/clipboard";
 import { useCallback as useCallback69, useMemo as useMemo80, useState as useState146 } from "react";
 import { useContentTransferCapabilities as useContentTransferCapabilities2 } from "@ai-matrx/alchemy/react/workspace";
-import { Button as Button116, Dialog as Dialog19, DialogContent as DialogContent19, DialogHeader as DialogHeader19, DialogTitle as DialogTitle19 } from "@ai-matrx/design-system";
-import { jsx as jsx171, jsxs as jsxs159 } from "react/jsx-runtime";
+import { Button as Button117, Dialog as Dialog19, DialogContent as DialogContent19, DialogHeader as DialogHeader19, DialogTitle as DialogTitle19 } from "@ai-matrx/design-system";
+import { jsx as jsx172, jsxs as jsxs160 } from "react/jsx-runtime";
 function tableReferenceChoices(tableId, name) {
   return [
     {
@@ -52606,11 +52715,11 @@ function TableReferenceDialog({
     },
     [port, notify]
   );
-  return /* @__PURE__ */ jsx171(Dialog19, { open, onOpenChange, children: /* @__PURE__ */ jsxs159(DialogContent19, { className: "sm:max-w-sm", "data-table-reference": "", children: [
-    /* @__PURE__ */ jsx171(DialogHeader19, { children: /* @__PURE__ */ jsx171(DialogTitle19, { children: "Get reference" }) }),
-    /* @__PURE__ */ jsx171("div", { className: "flex flex-col gap-2", children: choices.map((choice) => /* @__PURE__ */ jsxs159("div", { className: "flex items-center justify-between gap-3 rounded-md border px-3 py-2", children: [
-      /* @__PURE__ */ jsx171("span", { className: "text-sm", children: choice.label }),
-      /* @__PURE__ */ jsx171(Button116, { size: "sm", variant: "outline", onClick: () => void copy(choice), "data-table-reference-copy": choice.id, children: copied === choice.id ? "Copied" : "Copy" })
+  return /* @__PURE__ */ jsx172(Dialog19, { open, onOpenChange, children: /* @__PURE__ */ jsxs160(DialogContent19, { className: "sm:max-w-sm", "data-table-reference": "", children: [
+    /* @__PURE__ */ jsx172(DialogHeader19, { children: /* @__PURE__ */ jsx172(DialogTitle19, { children: "Get reference" }) }),
+    /* @__PURE__ */ jsx172("div", { className: "flex flex-col gap-2", children: choices.map((choice) => /* @__PURE__ */ jsxs160("div", { className: "flex items-center justify-between gap-3 rounded-md border px-3 py-2", children: [
+      /* @__PURE__ */ jsx172("span", { className: "text-sm", children: choice.label }),
+      /* @__PURE__ */ jsx172(Button117, { size: "sm", variant: "outline", onClick: () => void copy(choice), "data-table-reference-copy": choice.id, children: copied === choice.id ? "Copied" : "Copy" })
     ] }, choice.id)) })
   ] }) });
 }
@@ -52619,8 +52728,8 @@ function TableReferenceDialog({
 import { formatCount as formatCount7 } from "@ai-matrx/kit/format";
 import { useState as useState147 } from "react";
 import { tableShapeChanged as tableShapeChanged14, useRecordsClient as useRecordsClient105 } from "@ai-matrx/records/react";
-import { Button as Button117, Dialog as Dialog20, DialogContent as DialogContent20, DialogFooter as DialogFooter13, DialogHeader as DialogHeader20, DialogTitle as DialogTitle20, ErrorBox as ErrorBox8, Input as Input11, Switch as Switch7 } from "@ai-matrx/design-system";
-import { Fragment as Fragment70, jsx as jsx172, jsxs as jsxs160 } from "react/jsx-runtime";
+import { Button as Button118, Dialog as Dialog20, DialogContent as DialogContent20, DialogFooter as DialogFooter13, DialogHeader as DialogHeader20, DialogTitle as DialogTitle20, ErrorBox as ErrorBox8, Input as Input11, Switch as Switch7 } from "@ai-matrx/design-system";
+import { Fragment as Fragment70, jsx as jsx173, jsxs as jsxs161 } from "react/jsx-runtime";
 function copyNameFor(name) {
   return `${name.trim() || "Table"} (copy)`;
 }
@@ -52668,13 +52777,13 @@ function TableDuplicateDialog({ tableId, name, open, onOpenChange, onDuplicated
     if (onDuplicated) onDuplicated(copy);
     else if (typeof window !== "undefined") window.location.assign(copy.path);
   };
-  return /* @__PURE__ */ jsx172(Dialog20, { open, onOpenChange: close, children: /* @__PURE__ */ jsxs160(DialogContent20, { className: "sm:max-w-md", "data-table-duplicate": tableId, children: [
-    /* @__PURE__ */ jsx172(DialogHeader20, { children: /* @__PURE__ */ jsxs160(DialogTitle20, { children: [
+  return /* @__PURE__ */ jsx173(Dialog20, { open, onOpenChange: close, children: /* @__PURE__ */ jsxs161(DialogContent20, { className: "sm:max-w-md", "data-table-duplicate": tableId, children: [
+    /* @__PURE__ */ jsx173(DialogHeader20, { children: /* @__PURE__ */ jsxs161(DialogTitle20, { children: [
       "Duplicate ",
       name || "table"
     ] }) }),
-    phase.kind === "done" ? /* @__PURE__ */ jsxs160("div", { className: "flex flex-col gap-1.5 text-sm", "data-table-duplicate-done": "", children: [
-      /* @__PURE__ */ jsxs160("p", { children: [
+    phase.kind === "done" ? /* @__PURE__ */ jsxs161("div", { className: "flex flex-col gap-1.5 text-sm", "data-table-duplicate-done": "", children: [
+      /* @__PURE__ */ jsxs161("p", { children: [
         phase.copy.table.name,
         ": ",
         phase.copy.copied.fields,
@@ -52684,13 +52793,13 @@ function TableDuplicateDialog({ tableId, name, open, onOpenChange, onDuplicated
         phase.copy.copied.withRecords ? `, ${formatCount7(phase.copy.copied.records)} records` : "",
         "."
       ] }),
-      phase.copy.notCopied.length > 0 ? /* @__PURE__ */ jsxs160("p", { className: "text-xs text-muted-foreground", children: [
+      phase.copy.notCopied.length > 0 ? /* @__PURE__ */ jsxs161("p", { className: "text-xs text-muted-foreground", children: [
         "Not copied: ",
         phase.copy.notCopied.join(", "),
         "."
       ] }) : null
-    ] }) : /* @__PURE__ */ jsxs160("div", { className: "flex flex-col gap-3 text-sm", children: [
-      /* @__PURE__ */ jsx172(
+    ] }) : /* @__PURE__ */ jsxs161("div", { className: "flex flex-col gap-3 text-sm", children: [
+      /* @__PURE__ */ jsx173(
         Input11,
         {
           autoFocus: true,
@@ -52703,26 +52812,26 @@ function TableDuplicateDialog({ tableId, name, open, onOpenChange, onDuplicated
           }
         }
       ),
-      /* @__PURE__ */ jsxs160("label", { className: "flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ jsx172("span", { children: "Copy its records" }),
-        /* @__PURE__ */ jsx172(Switch7, { checked: withRecords, disabled: copying, onCheckedChange: setWithRecords, "aria-label": "Copy its records" })
+      /* @__PURE__ */ jsxs161("label", { className: "flex items-center justify-between gap-2", children: [
+        /* @__PURE__ */ jsx173("span", { children: "Copy its records" }),
+        /* @__PURE__ */ jsx173(Switch7, { checked: withRecords, disabled: copying, onCheckedChange: setWithRecords, "aria-label": "Copy its records" })
       ] }),
-      phase.kind === "copying" ? /* @__PURE__ */ jsx172("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__ */ jsx172(ErrorBox8, { children: phase.sentence }) : null,
-      problem && typed2 !== "" ? /* @__PURE__ */ jsx172("p", { className: "text-xs text-muted-foreground", children: problem }) : null
+      phase.kind === "copying" ? /* @__PURE__ */ jsx173("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__ */ jsx173(ErrorBox8, { children: phase.sentence }) : null,
+      problem && typed2 !== "" ? /* @__PURE__ */ jsx173("p", { className: "text-xs text-muted-foreground", children: problem }) : null
     ] }),
-    /* @__PURE__ */ jsx172(DialogFooter13, { children: phase.kind === "done" ? /* @__PURE__ */ jsx172(Button117, { onClick: () => openCopy(phase.copy), "data-table-duplicate-open": "", children: "Open the copy" }) : /* @__PURE__ */ jsxs160(Fragment70, { children: [
-      /* @__PURE__ */ jsx172(Button117, { variant: "ghost", disabled: copying, onClick: () => close(false), children: "Cancel" }),
-      /* @__PURE__ */ jsx172(Button117, { disabled: copying || problem !== null, onClick: () => void go(), children: copying ? "Duplicating\u2026" : "Duplicate" })
+    /* @__PURE__ */ jsx173(DialogFooter13, { children: phase.kind === "done" ? /* @__PURE__ */ jsx173(Button118, { onClick: () => openCopy(phase.copy), "data-table-duplicate-open": "", children: "Open the copy" }) : /* @__PURE__ */ jsxs161(Fragment70, { children: [
+      /* @__PURE__ */ jsx173(Button118, { variant: "ghost", disabled: copying, onClick: () => close(false), children: "Cancel" }),
+      /* @__PURE__ */ jsx173(Button118, { disabled: copying || problem !== null, onClick: () => void go(), children: copying ? "Duplicating\u2026" : "Duplicate" })
     ] }) })
   ] }) });
 }
 
 // src/ViewFilter.tsx
 import { useEffect as useEffect122, useMemo as useMemo81, useState as useState148 } from "react";
-import { Button as Button118, Popover as Popover19, PopoverContent as PopoverContent19, PopoverTrigger as PopoverTrigger19 } from "@ai-matrx/design-system";
+import { Button as Button119, Popover as Popover19, PopoverContent as PopoverContent19, PopoverTrigger as PopoverTrigger19 } from "@ai-matrx/design-system";
 import { useFields as useFields38 } from "@ai-matrx/records/react";
-import { jsx as jsx173, jsxs as jsxs161 } from "react/jsx-runtime";
+import { jsx as jsx174, jsxs as jsxs162 } from "react/jsx-runtime";
 function conditionCount(expr) {
   if (!expr || typeof expr !== "object" || Array.isArray(expr)) return 0;
   const node = expr;
@@ -52750,7 +52859,7 @@ 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__ */ jsxs161(
+    /* @__PURE__ */ jsxs162(
       Popover19,
       {
         open,
@@ -52759,8 +52868,8 @@ function ViewFilter({ tableId, view, onApply, className }) {
           setOpen(next);
         },
         children: [
-          /* @__PURE__ */ jsx173(PopoverTrigger19, { asChild: true, children: /* @__PURE__ */ jsx173(
-            Button118,
+          /* @__PURE__ */ jsx174(PopoverTrigger19, { asChild: true, children: /* @__PURE__ */ jsx174(
+            Button119,
             {
               size: "sm",
               variant: open || count > 0 ? "secondary" : "ghost",
@@ -52771,17 +52880,17 @@ function ViewFilter({ tableId, view, onApply, className }) {
               children: count > 0 ? `Filter \xB7 ${count}` : "Filter"
             }
           ) }),
-          /* @__PURE__ */ jsx173(PopoverContent19, { sizing: "content", align: "start", className: "w-auto max-w-[min(42rem,calc(100vw-2rem))] p-2", children: /* @__PURE__ */ jsxs161(
+          /* @__PURE__ */ jsx174(PopoverContent19, { sizing: "content", align: "start", className: "w-auto max-w-[min(42rem,calc(100vw-2rem))] p-2", children: /* @__PURE__ */ jsxs162(
             "div",
             {
               className: "flex flex-col gap-2 text-xs",
               "data-testid": "view-filter-panel",
               children: [
-                view.ruleId ? /* @__PURE__ */ jsx173("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__ */ jsxs161("p", { className: "text-muted-foreground", children: [
+                view.ruleId ? /* @__PURE__ */ jsx174("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__ */ jsxs162("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__ */ jsx173(FilterTermsContext.Provider, { value: true, children: /* @__PURE__ */ jsx173(
+                ] }) : /* @__PURE__ */ jsx174(FilterTermsContext.Provider, { value: true, children: /* @__PURE__ */ jsx174(
                   ConditionGroup,
                   {
                     lead: "Show records where",
@@ -52791,9 +52900,9 @@ function ViewFilter({ tableId, view, onApply, className }) {
                     onChange: setDraft
                   }
                 ) }),
-                view.ruleId ? null : /* @__PURE__ */ jsxs161("div", { className: "flex items-center gap-1", children: [
-                  changed2 ? /* @__PURE__ */ jsx173(
-                    Button118,
+                view.ruleId ? null : /* @__PURE__ */ jsxs162("div", { className: "flex items-center gap-1", children: [
+                  changed2 ? /* @__PURE__ */ jsx174(
+                    Button119,
                     {
                       size: "sm",
                       "data-testid": "view-filter-apply",
@@ -52804,8 +52913,8 @@ function ViewFilter({ tableId, view, onApply, className }) {
                       children: "Apply"
                     }
                   ) : null,
-                  count > 0 || draft ? /* @__PURE__ */ jsx173(
-                    Button118,
+                  count > 0 || draft ? /* @__PURE__ */ jsx174(
+                    Button119,
                     {
                       size: "sm",
                       variant: "ghost",
@@ -52818,7 +52927,7 @@ function ViewFilter({ tableId, view, onApply, className }) {
                       children: "Clear filter"
                     }
                   ) : null,
-                  /* @__PURE__ */ jsx173(Button118, { size: "sm", variant: "ghost", onClick: () => {
+                  /* @__PURE__ */ jsx174(Button119, { size: "sm", variant: "ghost", onClick: () => {
                     setDraft(saved);
                     setOpen(false);
                   }, children: "Cancel" })
@@ -52834,10 +52943,10 @@ function ViewFilter({ tableId, view, onApply, className }) {
 
 // src/PhoneTableActions.tsx
 import { DropdownMenu as DropdownMenu9, DropdownMenuContent as DropdownMenuContent9, DropdownMenuTrigger as DropdownMenuTrigger9, cn as cn99 } from "@ai-matrx/design-system";
-import { jsx as jsx174, jsxs as jsxs162 } from "react/jsx-runtime";
+import { jsx as jsx175, jsxs as jsxs163 } from "react/jsx-runtime";
 function PhoneActionRow({ action: action3, groupStart }) {
   const disabled = action3.disabledReason !== void 0;
-  return /* @__PURE__ */ jsxs162(
+  return /* @__PURE__ */ jsxs163(
     "button",
     {
       type: "button",
@@ -52853,10 +52962,10 @@ function PhoneActionRow({ action: action3, groupStart }) {
         action3.destructive && "text-destructive"
       ),
       children: [
-        /* @__PURE__ */ jsx174(ObjectActionGlyph, { name: action3.icon, className: "h-5 w-5 shrink-0" }),
-        /* @__PURE__ */ jsxs162("span", { className: "flex min-w-0 flex-col", children: [
-          /* @__PURE__ */ jsx174("span", { className: "truncate", children: action3.label }),
-          disabled ? /* @__PURE__ */ jsx174("span", { className: "truncate text-xs text-muted-foreground", "data-object-action-reason": "", children: action3.disabledReason }) : null
+        /* @__PURE__ */ jsx175(ObjectActionGlyph, { name: action3.icon, className: "h-5 w-5 shrink-0" }),
+        /* @__PURE__ */ jsxs163("span", { className: "flex min-w-0 flex-col", children: [
+          /* @__PURE__ */ jsx175("span", { className: "truncate", children: action3.label }),
+          disabled ? /* @__PURE__ */ jsx175("span", { className: "truncate text-xs text-muted-foreground", "data-object-action-reason": "", children: action3.disabledReason }) : null
         ] })
       ]
     }
@@ -52864,20 +52973,20 @@ function PhoneActionRow({ action: action3, groupStart }) {
 }
 PhoneActionRow.routeHeaderMenu = true;
 function PhoneSubmenu({ label, icon, actions }) {
-  return /* @__PURE__ */ jsxs162(DropdownMenu9, { children: [
-    /* @__PURE__ */ jsx174(DropdownMenuTrigger9, { asChild: true, children: /* @__PURE__ */ jsxs162(
+  return /* @__PURE__ */ jsxs163(DropdownMenu9, { children: [
+    /* @__PURE__ */ jsx175(DropdownMenuTrigger9, { asChild: true, children: /* @__PURE__ */ jsxs163(
       "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__ */ jsx174(ObjectActionGlyph, { name: icon, className: "h-5 w-5 shrink-0" }) : null,
-          /* @__PURE__ */ jsx174("span", { className: "truncate", children: label })
+          icon ? /* @__PURE__ */ jsx175(ObjectActionGlyph, { name: icon, className: "h-5 w-5 shrink-0" }) : null,
+          /* @__PURE__ */ jsx175("span", { className: "truncate", children: label })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx174(DropdownMenuContent9, { align: "end", className: "w-64", children: /* @__PURE__ */ jsx174(ObjectActionMenuItems, { actions: actions.map((a) => ({ ...a, group: "manage" })) }) })
+    /* @__PURE__ */ jsx175(DropdownMenuContent9, { align: "end", className: "w-64", children: /* @__PURE__ */ jsx175(ObjectActionMenuItems, { actions: actions.map((a) => ({ ...a, group: "manage" })) }) })
   ] });
 }
 PhoneSubmenu.routeHeaderMenu = true;
@@ -52890,13 +52999,13 @@ function phoneTableActions(actions) {
       continue;
     }
     if (entry.kind === "submenu") {
-      out.push(/* @__PURE__ */ jsx174(PhoneSubmenu, { label: entry.label, icon: entry.icon, actions: entry.actions }, `phone-group-${entry.id}`));
+      out.push(/* @__PURE__ */ jsx175(PhoneSubmenu, { label: entry.label, icon: entry.icon, actions: entry.actions }, `phone-group-${entry.id}`));
       groupStart = false;
       continue;
     }
     const a = entry.action;
     out.push(
-      /* @__PURE__ */ jsx174(
+      /* @__PURE__ */ jsx175(
         PhoneActionRow,
         {
           action: a,
@@ -53122,7 +53231,7 @@ function useSlotScroll(slot) {
 // src/TablePage.tsx
 import { isUuidShape as isUuidShape3 } from "@ai-matrx/kit/uuid";
 import { openOutbound as openOutbound4 } from "@ai-matrx/kit/outbound";
-import { Fragment as Fragment71, jsx as jsx175, jsxs as jsxs163 } from "react/jsx-runtime";
+import { Fragment as Fragment71, jsx as jsx176, jsxs as jsxs164 } from "react/jsx-runtime";
 var RAIL_TITLE = {
   settings: "Table settings",
   inbox: "Inbox",
@@ -53139,20 +53248,21 @@ var RAIL_TITLE = {
   export: "Export"
 };
 function LookGlyph() {
-  return /* @__PURE__ */ jsxs163("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__ */ jsx175("path", { d: "M4 7h10M18 7h2M4 17h2M10 17h10" }),
-    /* @__PURE__ */ jsx175("circle", { cx: "16", cy: "7", r: "2" }),
-    /* @__PURE__ */ jsx175("circle", { cx: "8", cy: "17", r: "2" })
+  return /* @__PURE__ */ jsxs164("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__ */ jsx176("path", { d: "M4 7h10M18 7h2M4 17h2M10 17h10" }),
+    /* @__PURE__ */ jsx176("circle", { cx: "16", cy: "7", r: "2" }),
+    /* @__PURE__ */ jsx176("circle", { cx: "8", cy: "17", r: "2" })
   ] });
 }
 function RailFrame({
   phone,
   title,
   onClose,
+  over = false,
   children
 }) {
   if (phone) {
-    return /* @__PURE__ */ jsx175(
+    return /* @__PURE__ */ jsx176(
       BottomSheet,
       {
         open: true,
@@ -53162,11 +53272,19 @@ function RailFrame({
         title,
         size: "full",
         surface: "solid",
-        children: /* @__PURE__ */ jsx175("div", { "data-rail-sheet": "", className: "min-h-0 flex-1 overflow-y-auto px-3 pb-6", children })
+        children: /* @__PURE__ */ jsx176("div", { "data-rail-sheet": "", className: "min-h-0 flex-1 overflow-y-auto px-3 pb-6", children })
       }
     );
   }
-  return /* @__PURE__ */ jsx175("aside", { "data-rail-column": "", className: "w-[26rem] shrink-0 overflow-y-auto rounded-md border p-3", children });
+  return /* @__PURE__ */ jsx176(
+    "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__ */ jsx176("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) => {
@@ -53219,17 +53337,17 @@ function TableNotHere({
       alive = false;
     };
   }, [client, tableId]);
-  if (archived.phase === "asking") return /* @__PURE__ */ jsx175(Skeleton47, { className: "h-40 w-full" });
+  if (archived.phase === "asking") return /* @__PURE__ */ jsx176(Skeleton47, { className: "h-40 w-full" });
   const row = archived.phase === "answered" ? archived.row : null;
   if (row) {
-    return /* @__PURE__ */ jsxs163("div", { className: cn100("flex flex-col items-start gap-2 rounded-md border border-dashed p-6", className), children: [
-      /* @__PURE__ */ jsx175("p", { className: "text-sm font-medium", children: "This table is archived" }),
-      /* @__PURE__ */ jsx175("p", { className: "max-w-prose text-xs text-muted-foreground", children: TABLE_IS_ARCHIVED }),
-      /* @__PURE__ */ jsx175("p", { className: "text-xs text-muted-foreground", children: archivedByLine2(row) }),
-      refusal3 ? /* @__PURE__ */ jsx175(RefusalNotice, { error: refusal3 }) : null,
-      /* @__PURE__ */ jsxs163("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ jsx175(
-          Button119,
+    return /* @__PURE__ */ jsxs164("div", { className: cn100("flex flex-col items-start gap-2 rounded-md border border-dashed p-6", className), children: [
+      /* @__PURE__ */ jsx176("p", { className: "text-sm font-medium", children: "This table is archived" }),
+      /* @__PURE__ */ jsx176("p", { className: "max-w-prose text-xs text-muted-foreground", children: TABLE_IS_ARCHIVED }),
+      /* @__PURE__ */ jsx176("p", { className: "text-xs text-muted-foreground", children: archivedByLine2(row) }),
+      refusal3 ? /* @__PURE__ */ jsx176(RefusalNotice, { error: refusal3 }) : null,
+      /* @__PURE__ */ jsxs164("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsx176(
+          Button120,
           {
             size: "sm",
             disabled: restoring,
@@ -53247,14 +53365,14 @@ function TableNotHere({
             children: restoring ? "Bringing it back\u2026" : "Bring it back"
           }
         ),
-        onLeave ? /* @__PURE__ */ jsx175(Button119, { size: "sm", variant: "outline", onClick: onLeave, children: leaveLabel }) : null
+        onLeave ? /* @__PURE__ */ jsx176(Button120, { size: "sm", variant: "outline", onClick: onLeave, children: leaveLabel }) : null
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxs163("div", { className: cn100("flex flex-col items-start gap-2 rounded-md border border-dashed p-6", className), children: [
-    /* @__PURE__ */ jsx175("p", { className: "text-sm font-medium", children: "This table is not here" }),
-    /* @__PURE__ */ jsx175("p", { className: "max-w-prose text-xs text-muted-foreground", children: TABLE_NOT_REACHABLE }),
-    onLeave ? /* @__PURE__ */ jsx175(Button119, { size: "sm", variant: "outline", onClick: onLeave, children: leaveLabel }) : null
+  return /* @__PURE__ */ jsxs164("div", { className: cn100("flex flex-col items-start gap-2 rounded-md border border-dashed p-6", className), children: [
+    /* @__PURE__ */ jsx176("p", { className: "text-sm font-medium", children: "This table is not here" }),
+    /* @__PURE__ */ jsx176("p", { className: "max-w-prose text-xs text-muted-foreground", children: TABLE_NOT_REACHABLE }),
+    onLeave ? /* @__PURE__ */ jsx176(Button120, { size: "sm", variant: "outline", onClick: onLeave, children: leaveLabel }) : null
   ] });
 }
 var TABLE_NOT_REACHABLE = (
@@ -53388,6 +53506,7 @@ function TablePage({
   leaveLabel = "Back to your tables",
   activeDashboardId,
   activeRecordId,
+  onRecordChange,
   activeView,
   onViewChanged,
   activeGroupField,
@@ -53572,11 +53691,30 @@ function TablePage({
     onViewChanged?.(addressForView(view, next));
     void patchView({ layout: next });
   };
+  const reportedRecords = useRef64(/* @__PURE__ */ new Set());
+  const lastActiveRecord = useRef64(activeRecordId ?? null);
   useEffect124(() => {
-    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] = useState150([]);
+  const [recordExpanded, setRecordExpanded] = useState150(false);
+  const shownRecord = rail === "record" ? openRecord : null;
+  const reportedRecord = useRef64(activeRecordId ?? null);
+  useEffect124(() => {
+    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]);
   useEffect124(() => {
     if (activeRecordId) return;
     const named = railFromParam(activeRail);
@@ -53763,20 +53901,20 @@ function TablePage({
   };
   const footer = footerOf(shown5?.presentation);
   const setFooter = (next) => void patchView({ presentation: { ...shown5?.presentation ?? {}, footer: next } });
-  const layoutRadio = /* @__PURE__ */ jsx175(
+  const layoutRadio = /* @__PURE__ */ jsx176(
     DropdownMenuRadioGroup3,
     {
       value: layoutShowing ?? "",
       onValueChange: (value) => {
         if (VIEW_LAYOUTS.includes(value)) pickLayout(value);
       },
-      children: VIEW_LAYOUTS.map((option) => /* @__PURE__ */ jsx175(DropdownMenuRadioItem3, { value: option, children: LAYOUT_LABEL[option] }, option))
+      children: VIEW_LAYOUTS.map((option) => /* @__PURE__ */ jsx176(DropdownMenuRadioItem3, { value: option, children: LAYOUT_LABEL[option] }, option))
     }
   );
-  const sheetExtras = controlsInSheet && main === "records" && shownLayout === "grid" ? /* @__PURE__ */ jsxs163(Fragment71, { children: [
-    /* @__PURE__ */ jsx175("div", { className: "flex items-center gap-2 text-xs", "data-table-sheet-filter": "", "data-matrx-table-tools-keep-open": "", children: /* @__PURE__ */ jsx175(ViewFilter, { tableId, view: shown5, onApply: (where) => void patchView({ where }) }) }),
-    /* @__PURE__ */ jsx175("div", { role: "group", "aria-label": "Layout", className: "flex flex-wrap gap-1 pt-1", "data-table-sheet-layout": "", children: VIEW_LAYOUTS.map((option) => /* @__PURE__ */ jsx175(
-      Button119,
+  const sheetExtras = controlsInSheet && main === "records" && shownLayout === "grid" ? /* @__PURE__ */ jsxs164(Fragment71, { children: [
+    /* @__PURE__ */ jsx176("div", { className: "flex items-center gap-2 text-xs", "data-table-sheet-filter": "", "data-matrx-table-tools-keep-open": "", children: /* @__PURE__ */ jsx176(ViewFilter, { tableId, view: shown5, onApply: (where) => void patchView({ where }) }) }),
+    /* @__PURE__ */ jsx176("div", { role: "group", "aria-label": "Layout", className: "flex flex-wrap gap-1 pt-1", "data-table-sheet-layout": "", children: VIEW_LAYOUTS.map((option) => /* @__PURE__ */ jsx176(
+      Button120,
       {
         size: "sm",
         variant: layoutShowing === option ? "secondary" : "ghost",
@@ -53787,7 +53925,7 @@ function TablePage({
       },
       option
     )) }),
-    rights.share && canShare ? /* @__PURE__ */ jsx175(Button119, { size: "sm", variant: "ghost", className: "h-8", onClick: () => setShareAsked((n) => n + 1), "data-table-sheet-share": "", children: "Share\u2026" }) : null
+    rights.share && canShare ? /* @__PURE__ */ jsx176(Button120, { 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);
@@ -53993,9 +54131,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__ */ jsxs163(Fragment71, { children: [
-    publicReadOnly ? /* @__PURE__ */ jsx175(Badge26, { variant: "neutral", className: "shrink-0", "data-public-read-only": "", children: PUBLIC_READ_ONLY }, "public-read-only") : null,
-    !phone && rights.read && table.data ? /* @__PURE__ */ jsx175(
+  const pageActions = /* @__PURE__ */ jsxs164(Fragment71, { children: [
+    publicReadOnly ? /* @__PURE__ */ jsx176(Badge26, { variant: "neutral", className: "shrink-0", "data-public-read-only": "", children: PUBLIC_READ_ONLY }, "public-read-only") : null,
+    !phone && rights.read && table.data ? /* @__PURE__ */ jsx176(
       TableAsk,
       {
         tableId,
@@ -54007,7 +54145,7 @@ function TablePage({
       },
       "ask"
     ) : null,
-    organizationId ? /* @__PURE__ */ jsx175("span", { className: shareInMenu ? "hidden" : "flex shrink-0 items-center", "data-toolbar-fit": "share", children: /* @__PURE__ */ jsx175(
+    organizationId ? /* @__PURE__ */ jsx176("span", { className: shareInMenu ? "hidden" : "flex shrink-0 items-center", "data-toolbar-fit": "share", children: /* @__PURE__ */ jsx176(
       ShareControl,
       {
         kind: "table",
@@ -54021,28 +54159,28 @@ function TablePage({
       },
       `share-${shareAsked}`
     ) }, "share") : null,
-    phone ? /* @__PURE__ */ jsxs163(Fragment71, { children: [
-      !chooserInline && !chooserCompact && !embedded ? /* @__PURE__ */ jsxs163(DropdownMenu10, { children: [
-        /* @__PURE__ */ jsx175(DropdownMenuTrigger10, { asChild: true, children: /* @__PURE__ */ jsx175(Button119, { size: "sm", variant: "ghost", "aria-label": "Layout", title: "Layout", "data-table-layout-menu": "", children: "Layout" }) }),
-        /* @__PURE__ */ jsx175(DropdownMenuContent10, { align: "end", className: "w-56", children: layoutRadio })
+    phone ? /* @__PURE__ */ jsxs164(Fragment71, { children: [
+      !chooserInline && !chooserCompact && !embedded ? /* @__PURE__ */ jsxs164(DropdownMenu10, { children: [
+        /* @__PURE__ */ jsx176(DropdownMenuTrigger10, { asChild: true, children: /* @__PURE__ */ jsx176(Button120, { size: "sm", variant: "ghost", "aria-label": "Layout", title: "Layout", "data-table-layout-menu": "", children: "Layout" }) }),
+        /* @__PURE__ */ jsx176(DropdownMenuContent10, { align: "end", className: "w-56", children: layoutRadio })
       ] }, "phone-layout") : null,
       phoneTableActions(actions)
-    ] }) : /* @__PURE__ */ jsxs163(DropdownMenu10, { children: [
-      /* @__PURE__ */ jsx175(DropdownMenuTrigger10, { asChild: true, children: /* @__PURE__ */ jsx175(Button119, { size: "sm", variant: "ghost", "aria-label": "Table menu", title: "Table menu", "data-table-menu": "", children: /* @__PURE__ */ jsxs163("svg", { viewBox: "0 0 24 24", className: "h-4 w-4", fill: "currentColor", "aria-hidden": "true", children: [
-        /* @__PURE__ */ jsx175("circle", { cx: "5", cy: "12", r: "1.75" }),
-        /* @__PURE__ */ jsx175("circle", { cx: "12", cy: "12", r: "1.75" }),
-        /* @__PURE__ */ jsx175("circle", { cx: "19", cy: "12", r: "1.75" })
+    ] }) : /* @__PURE__ */ jsxs164(DropdownMenu10, { children: [
+      /* @__PURE__ */ jsx176(DropdownMenuTrigger10, { asChild: true, children: /* @__PURE__ */ jsx176(Button120, { size: "sm", variant: "ghost", "aria-label": "Table menu", title: "Table menu", "data-table-menu": "", children: /* @__PURE__ */ jsxs164("svg", { viewBox: "0 0 24 24", className: "h-4 w-4", fill: "currentColor", "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsx176("circle", { cx: "5", cy: "12", r: "1.75" }),
+        /* @__PURE__ */ jsx176("circle", { cx: "12", cy: "12", r: "1.75" }),
+        /* @__PURE__ */ jsx176("circle", { cx: "19", cy: "12", r: "1.75" })
       ] }) }) }),
-      /* @__PURE__ */ jsxs163(DropdownMenuContent10, { align: "end", className: "w-64", "data-table-menu-content": "", ...renameMenuProps, children: [
-        !chooserInline && !chooserCompact && !embedded ? /* @__PURE__ */ jsxs163(Fragment71, { children: [
-          /* @__PURE__ */ jsx175(DropdownMenuLabel3, { className: "text-xs text-muted-foreground", children: "Layout" }),
+      /* @__PURE__ */ jsxs164(DropdownMenuContent10, { align: "end", className: "w-64", "data-table-menu-content": "", ...renameMenuProps, children: [
+        !chooserInline && !chooserCompact && !embedded ? /* @__PURE__ */ jsxs164(Fragment71, { children: [
+          /* @__PURE__ */ jsx176(DropdownMenuLabel3, { className: "text-xs text-muted-foreground", children: "Layout" }),
           layoutRadio,
-          /* @__PURE__ */ jsx175(DropdownMenuSeparator5, {})
+          /* @__PURE__ */ jsx176(DropdownMenuSeparator5, {})
         ] }) : null,
-        /* @__PURE__ */ jsx175(ObjectActionMenuItems, { actions })
+        /* @__PURE__ */ jsx176(ObjectActionMenuItems, { actions })
       ] })
     ] }, "menu"),
-    moveAsked > 0 && !actionHost?.move ? /* @__PURE__ */ jsx175(
+    moveAsked > 0 && !actionHost?.move ? /* @__PURE__ */ jsx176(
       WhereItLives,
       {
         tableId,
@@ -54055,7 +54193,7 @@ function TablePage({
       },
       "move"
     ) : null,
-    breakDownOpen ? /* @__PURE__ */ jsx175(
+    breakDownOpen ? /* @__PURE__ */ jsx176(
       BreakDownDialog,
       {
         tableId,
@@ -54066,7 +54204,7 @@ function TablePage({
       },
       "break-down"
     ) : null,
-    subscribeOpen && recordsUi.calendarFeed && organizationId && view ? /* @__PURE__ */ jsx175(
+    subscribeOpen && recordsUi.calendarFeed && organizationId && view ? /* @__PURE__ */ jsx176(
       CalendarSubscribeDialog,
       {
         port: recordsUi.calendarFeed,
@@ -54079,8 +54217,8 @@ function TablePage({
       },
       "subscribe"
     ) : null,
-    referenceOpen && table.data ? /* @__PURE__ */ jsx175(TableReferenceDialog, { table: table.data, open: referenceOpen, onOpenChange: setReferenceOpen }, "reference") : null,
-    duplicateOpen && table.data ? /* @__PURE__ */ jsx175(
+    referenceOpen && table.data ? /* @__PURE__ */ jsx176(TableReferenceDialog, { table: table.data, open: referenceOpen, onOpenChange: setReferenceOpen }, "reference") : null,
+    duplicateOpen && table.data ? /* @__PURE__ */ jsx176(
       TableDuplicateDialog,
       {
         tableId,
@@ -54091,39 +54229,39 @@ function TablePage({
       },
       "duplicate"
     ) : null,
-    rights.structure && table.data ? /* @__PURE__ */ jsx175(TableRenameDialog, { tableId, name: table.data.name, open: renameOpen, onOpenChange: setRenameOpen }, "rename") : null
+    rights.structure && table.data ? /* @__PURE__ */ jsx176(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__ */ jsxs163(Fragment71, { children: [
+  if (table.error) return /* @__PURE__ */ jsxs164(Fragment71, { children: [
     headerNode,
-    /* @__PURE__ */ jsx175(RefusalNotice, { error: table.error })
+    /* @__PURE__ */ jsx176(RefusalNotice, { error: table.error })
   ] });
   if (table.loading && !table.data) {
-    return /* @__PURE__ */ jsxs163(Fragment71, { children: [
+    return /* @__PURE__ */ jsxs164(Fragment71, { children: [
       headerNode,
-      /* @__PURE__ */ jsx175(TablePageSkeleton, { layout: skeletonFace, embedded, tableId, ...className ? { className } : {} })
+      /* @__PURE__ */ jsx176(TablePageSkeleton, { layout: skeletonFace, embedded, tableId, ...className ? { className } : {} })
     ] });
   }
   if (!table.data) {
-    return /* @__PURE__ */ jsxs163(Fragment71, { children: [
+    return /* @__PURE__ */ jsxs164(Fragment71, { children: [
       headerNode,
-      /* @__PURE__ */ jsx175(TableNotHere, { tableId, onLeave, leaveLabel, className })
+      /* @__PURE__ */ jsx176(TableNotHere, { tableId, onLeave, leaveLabel, className })
     ] });
   }
   const lookSavable = Boolean(
     rights.write && view && Object.keys(viewPatchDocument(saveToViewPlan(view, look ?? {}).patch)).length > 0
   );
-  return /* @__PURE__ */ jsx175(ViewAddressContext.Provider, { value: addressPort, children: /* @__PURE__ */ jsxs163("div", { className: cn100("flex h-full min-h-0 gap-4", className), "data-table-footer": footer, children: [
+  return /* @__PURE__ */ jsx176(ViewAddressContext.Provider, { value: addressPort, children: /* @__PURE__ */ jsxs164("div", { className: cn100("flex h-full min-h-0 gap-4", className), "data-table-footer": footer, children: [
     headerNode,
-    /* @__PURE__ */ jsx175("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col gap-2", children: structure.hidden || !structure.settled ? (
+    /* @__PURE__ */ jsx176("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__ */ jsxs163(Fragment71, { children: [
-        /* @__PURE__ */ jsx175("div", { className: TABLE_TOOLBAR_ROW_CLASS, "data-table-toolbar": "", "aria-hidden": "true" }),
-        structure.hidden ? /* @__PURE__ */ jsx175(StructureLocked, {}) : /* @__PURE__ */ jsx175(RecordsSkeleton, { layout: skeletonFace, embedded })
+      /* @__PURE__ */ jsxs164(Fragment71, { children: [
+        /* @__PURE__ */ jsx176("div", { className: TABLE_TOOLBAR_ROW_CLASS, "data-table-toolbar": "", "aria-hidden": "true" }),
+        structure.hidden ? /* @__PURE__ */ jsx176(StructureLocked, {}) : /* @__PURE__ */ jsx176(RecordsSkeleton, { layout: skeletonFace, embedded })
       ] })
-    ) : /* @__PURE__ */ jsxs163(Fragment71, { children: [
-      /* @__PURE__ */ jsx175(ImportNotice, { tableId, epoch: importEpoch, onOpenImport: () => setRail("import") }),
-      /* @__PURE__ */ jsxs163(
+    ) : /* @__PURE__ */ jsxs164(Fragment71, { children: [
+      /* @__PURE__ */ jsx176(ImportNotice, { tableId, epoch: importEpoch, onOpenImport: () => setRail("import") }),
+      /* @__PURE__ */ jsxs164(
         "div",
         {
           ref: setToolbarRow,
@@ -54131,7 +54269,7 @@ function TablePage({
           "data-table-toolbar": "",
           "data-table-toolbar-fold": toolbarFold2,
           children: [
-            /* @__PURE__ */ jsx175(
+            /* @__PURE__ */ jsx176(
               ViewBar,
               {
                 tableId,
@@ -54150,9 +54288,9 @@ function TablePage({
                 onViews: setViews,
                 ...seededViews && viewsEpoch === 0 ? { initialViews: seededViews } : {},
                 seed: seedViews ?? [defaultView(tableId)],
-                settings: view && main === "records" && shownLayout === "grid" ? /* @__PURE__ */ jsxs163("div", { className: "flex flex-col gap-0.5 px-1 py-1", role: "radiogroup", "aria-label": FOOTER_WORDS.label, children: [
-                  /* @__PURE__ */ jsx175("span", { className: "px-1 pb-0.5 text-[11px] font-medium text-muted-foreground", children: FOOTER_WORDS.label }),
-                  ["sticky", "inline"].map((option) => /* @__PURE__ */ jsxs163(
+                settings: view && main === "records" && shownLayout === "grid" ? /* @__PURE__ */ jsxs164("div", { className: "flex flex-col gap-0.5 px-1 py-1", role: "radiogroup", "aria-label": FOOTER_WORDS.label, children: [
+                  /* @__PURE__ */ jsx176("span", { className: "px-1 pb-0.5 text-[11px] font-medium text-muted-foreground", children: FOOTER_WORDS.label }),
+                  ["sticky", "inline"].map((option) => /* @__PURE__ */ jsxs164(
                     "button",
                     {
                       type: "button",
@@ -54165,7 +54303,7 @@ function TablePage({
                       ),
                       onClick: () => setFooter(option),
                       children: [
-                        /* @__PURE__ */ jsx175(
+                        /* @__PURE__ */ jsx176(
                           "span",
                           {
                             "aria-hidden": "true",
@@ -54181,8 +54319,8 @@ function TablePage({
               },
               viewsEpoch
             ),
-            chooserInline ? /* @__PURE__ */ jsx175("div", { className: "flex shrink-0 items-center gap-0.5", role: "group", "aria-label": "Layout", "data-toolbar-fit": "chooser", children: VIEW_LAYOUTS.map((option) => /* @__PURE__ */ jsx175(
-              Button119,
+            chooserInline ? /* @__PURE__ */ jsx176("div", { className: "flex shrink-0 items-center gap-0.5", role: "group", "aria-label": "Layout", "data-toolbar-fit": "chooser", children: VIEW_LAYOUTS.map((option) => /* @__PURE__ */ jsx176(
+              Button120,
               {
                 size: "sm",
                 variant: layoutShowing === option ? "secondary" : "ghost",
@@ -54196,21 +54334,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__ */ jsx175("span", { className: "flex shrink-0 items-center", "data-toolbar-fit": "chooser", "data-layout-chooser-compact": "", children: /* @__PURE__ */ jsxs163(DropdownMenu10, { children: [
-                /* @__PURE__ */ jsx175(DropdownMenuTrigger10, { asChild: true, children: /* @__PURE__ */ jsxs163(Button119, { size: "sm", variant: "outline", className: "h-8 gap-1 px-2 text-xs", "aria-label": `Layout: ${layoutShowingLabel ?? "none"}`, children: [
+              /* @__PURE__ */ jsx176("span", { className: "flex shrink-0 items-center", "data-toolbar-fit": "chooser", "data-layout-chooser-compact": "", children: /* @__PURE__ */ jsxs164(DropdownMenu10, { children: [
+                /* @__PURE__ */ jsx176(DropdownMenuTrigger10, { asChild: true, children: /* @__PURE__ */ jsxs164(Button120, { size: "sm", variant: "outline", className: "h-8 gap-1 px-2 text-xs", "aria-label": `Layout: ${layoutShowingLabel ?? "none"}`, children: [
                   layoutShowingLabel ?? "Layout",
-                  /* @__PURE__ */ jsx175("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__ */ jsx175("path", { d: "m6 9 6 6 6-6" }) })
+                  /* @__PURE__ */ jsx176("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__ */ jsx176("path", { d: "m6 9 6 6 6-6" }) })
                 ] }) }),
-                /* @__PURE__ */ jsxs163(DropdownMenuContent10, { align: "start", className: "w-44", "data-layout-chooser-menu": "", children: [
-                  /* @__PURE__ */ jsx175(DropdownMenuLabel3, { className: "text-xs text-muted-foreground", children: "Layout" }),
+                /* @__PURE__ */ jsxs164(DropdownMenuContent10, { align: "start", className: "w-44", "data-layout-chooser-menu": "", children: [
+                  /* @__PURE__ */ jsx176(DropdownMenuLabel3, { className: "text-xs text-muted-foreground", children: "Layout" }),
                   layoutRadio
                 ] })
               ] }) })
             ) : null,
-            main === "records" && !(controlsInSheet && shownLayout === "grid") ? /* @__PURE__ */ jsx175(ViewFilter, { tableId, view: shown5, onApply: (where) => void patchView({ where }) }) : null,
-            lookShowing && main === "records" && !namingLook ? /* @__PURE__ */ jsxs163("span", { className: "flex shrink-0 items-center gap-1", "data-view-look": "", "data-view-look-folded": "", "data-toolbar-fit": "look", children: [
-              /* @__PURE__ */ jsx175(
-                Button119,
+            main === "records" && !(controlsInSheet && shownLayout === "grid") ? /* @__PURE__ */ jsx176(ViewFilter, { tableId, view: shown5, onApply: (where) => void patchView({ where }) }) : null,
+            lookShowing && main === "records" && !namingLook ? /* @__PURE__ */ jsxs164("span", { className: "flex shrink-0 items-center gap-1", "data-view-look": "", "data-view-look-folded": "", "data-toolbar-fit": "look", children: [
+              /* @__PURE__ */ jsx176(
+                Button120,
                 {
                   size: "sm",
                   variant: "outline",
@@ -54219,36 +54357,36 @@ function TablePage({
                   "aria-label": "Reset view",
                   onClick: () => void resetLook(),
                   "data-view-look-reset-button": "",
-                  children: /* @__PURE__ */ jsxs163("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__ */ jsx175("path", { d: "M3 12a9 9 0 1 0 3-6.7L3 8" }),
-                    /* @__PURE__ */ jsx175("path", { d: "M3 3v5h5" })
+                  children: /* @__PURE__ */ jsxs164("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__ */ jsx176("path", { d: "M3 12a9 9 0 1 0 3-6.7L3 8" }),
+                    /* @__PURE__ */ jsx176("path", { d: "M3 3v5h5" })
                   ] })
                 }
               ),
-              /* @__PURE__ */ jsxs163(DropdownMenu10, { children: [
-                /* @__PURE__ */ jsx175(DropdownMenuTrigger10, { asChild: true, children: /* @__PURE__ */ jsxs163(Button119, { 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__ */ jsx175(LookGlyph, {}),
-                  /* @__PURE__ */ jsx175("span", { "aria-hidden": "true", className: "absolute right-1 top-1 h-1.5 w-1.5 rounded-full bg-primary" })
+              /* @__PURE__ */ jsxs164(DropdownMenu10, { children: [
+                /* @__PURE__ */ jsx176(DropdownMenuTrigger10, { asChild: true, children: /* @__PURE__ */ jsxs164(Button120, { 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__ */ jsx176(LookGlyph, {}),
+                  /* @__PURE__ */ jsx176("span", { "aria-hidden": "true", className: "absolute right-1 top-1 h-1.5 w-1.5 rounded-full bg-primary" })
                 ] }) }),
-                /* @__PURE__ */ jsxs163(DropdownMenuContent10, { align: "start", className: "w-60", "data-view-look-menu-content": "", children: [
-                  lookSavable ? /* @__PURE__ */ jsx175(DropdownMenuItem8, { onSelect: () => void saveLookToView(), "data-view-look-save": "", children: LOOK_WORDS.saveToView }) : null,
-                  rights.write ? /* @__PURE__ */ jsx175(DropdownMenuItem8, { onSelect: () => setNamingLook(true), "data-view-look-save-new": "", children: LOOK_WORDS.saveAsNew }) : null,
-                  /* @__PURE__ */ jsx175(DropdownMenuItem8, { onSelect: () => void resetLook(), "data-view-look-reset": "", children: LOOK_WORDS.reset })
+                /* @__PURE__ */ jsxs164(DropdownMenuContent10, { align: "start", className: "w-60", "data-view-look-menu-content": "", children: [
+                  lookSavable ? /* @__PURE__ */ jsx176(DropdownMenuItem8, { onSelect: () => void saveLookToView(), "data-view-look-save": "", children: LOOK_WORDS.saveToView }) : null,
+                  rights.write ? /* @__PURE__ */ jsx176(DropdownMenuItem8, { onSelect: () => setNamingLook(true), "data-view-look-save-new": "", children: LOOK_WORDS.saveAsNew }) : null,
+                  /* @__PURE__ */ jsx176(DropdownMenuItem8, { 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__ */ jsxs163("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__ */ jsx175(Button119, { size: "sm", variant: "outline", className: "h-8 w-8 shrink-0 px-0", tabIndex: -1, children: /* @__PURE__ */ jsx175(LookGlyph, {}) }),
-                /* @__PURE__ */ jsx175(Button119, { size: "sm", variant: "outline", className: "h-8 w-8 shrink-0 px-0", tabIndex: -1 })
+              /* @__PURE__ */ jsxs164("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__ */ jsx176(Button120, { size: "sm", variant: "outline", className: "h-8 w-8 shrink-0 px-0", tabIndex: -1, children: /* @__PURE__ */ jsx176(LookGlyph, {}) }),
+                /* @__PURE__ */ jsx176(Button120, { size: "sm", variant: "outline", className: "h-8 w-8 shrink-0 px-0", tabIndex: -1 })
               ] })
-            ) : lookShowing && main === "records" ? /* @__PURE__ */ jsxs163("span", { className: "flex shrink-0 items-center gap-1", "data-view-look": "", "data-toolbar-fit": "look", title: LOOK_WORDS.yours, children: [
-              /* @__PURE__ */ jsx175("span", { className: "sr-only", children: LOOK_WORDS.yours }),
-              /* @__PURE__ */ jsx175("span", { "aria-hidden": "true", className: "h-1.5 w-1.5 shrink-0 rounded-full bg-primary" }),
-              lookSavable ? /* @__PURE__ */ jsx175(Button119, { 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__ */ jsxs163(
+            ) : lookShowing && main === "records" ? /* @__PURE__ */ jsxs164("span", { className: "flex shrink-0 items-center gap-1", "data-view-look": "", "data-toolbar-fit": "look", title: LOOK_WORDS.yours, children: [
+              /* @__PURE__ */ jsx176("span", { className: "sr-only", children: LOOK_WORDS.yours }),
+              /* @__PURE__ */ jsx176("span", { "aria-hidden": "true", className: "h-1.5 w-1.5 shrink-0 rounded-full bg-primary" }),
+              lookSavable ? /* @__PURE__ */ jsx176(Button120, { 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__ */ jsxs164(
                 "form",
                 {
                   className: "flex items-center gap-1",
@@ -54257,7 +54395,7 @@ function TablePage({
                     void saveLookAsNewView(lookName);
                   },
                   children: [
-                    /* @__PURE__ */ jsx175(
+                    /* @__PURE__ */ jsx176(
                       Input12,
                       {
                         autoFocus: true,
@@ -54268,13 +54406,13 @@ function TablePage({
                         placeholder: "View name"
                       }
                     ),
-                    /* @__PURE__ */ jsx175(Button119, { size: "sm", type: "submit", className: "h-8 px-2 text-xs", disabled: lookName.trim() === "", children: "Save" })
+                    /* @__PURE__ */ jsx176(Button120, { size: "sm", type: "submit", className: "h-8 px-2 text-xs", disabled: lookName.trim() === "", children: "Save" })
                   ]
                 }
-              ) : /* @__PURE__ */ jsx175(Button119, { 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__ */ jsx175(Button119, { size: "sm", variant: "ghost", className: "h-8 px-2 text-xs", onClick: () => void resetLook(), "data-view-look-reset": "", children: LOOK_WORDS.reset })
+              ) : /* @__PURE__ */ jsx176(Button120, { 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__ */ jsx176(Button120, { size: "sm", variant: "ghost", className: "h-8 px-2 text-xs", onClick: () => void resetLook(), "data-view-look-reset": "", children: LOOK_WORDS.reset })
             ] }) : null,
-            /* @__PURE__ */ jsx175(
+            /* @__PURE__ */ jsx176(
               "div",
               {
                 ref: setToolbarSlot,
@@ -54296,9 +54434,9 @@ function TablePage({
                 "data-clipped": slotClipped
               }
             ),
-            rights.write && view && main === "records" && shownLayout !== "grid" ? /* @__PURE__ */ jsx175(Button119, { size: "sm", className: "shrink-0", onClick: () => show("new-record"), children: "New record" }) : null,
-            openedFromMenu ? /* @__PURE__ */ jsx175(
-              Button119,
+            rights.write && view && main === "records" && shownLayout !== "grid" ? /* @__PURE__ */ jsx176(Button120, { size: "sm", className: "shrink-0", onClick: () => show("new-record"), children: "New record" }) : null,
+            openedFromMenu ? /* @__PURE__ */ jsx176(
+              Button120,
               {
                 size: "sm",
                 variant: "secondary",
@@ -54310,19 +54448,19 @@ function TablePage({
                 children: openedFromMenu.label
               }
             ) : null,
-            header ? null : /* @__PURE__ */ jsx175("span", { className: "flex shrink-0 items-center gap-1", "data-table-page-actions": "", children: pageActions })
+            header ? null : /* @__PURE__ */ jsx176("span", { className: "flex shrink-0 items-center gap-1", "data-table-page-actions": "", children: pageActions })
           ]
         }
       ),
-      designateRefused ? /* @__PURE__ */ jsx175(RefusalNotice, { error: designateRefused }) : null,
-      viewSaveRefused ? /* @__PURE__ */ jsx175(
+      designateRefused ? /* @__PURE__ */ jsx176(RefusalNotice, { error: designateRefused }) : null,
+      viewSaveRefused ? /* @__PURE__ */ jsx176(
         RefusalNotice,
         {
           error: viewSaveRefused.error,
-          actions: /* @__PURE__ */ jsxs163("span", { className: "flex flex-wrap gap-1 pt-0.5", "data-view-save-refused": "", children: [
-            /* @__PURE__ */ jsx175(Button119, { size: "sm", variant: "outline", onClick: () => void patchView(viewSaveRefused.patch), children: "Try again" }),
-            /* @__PURE__ */ jsx175(
-              Button119,
+          actions: /* @__PURE__ */ jsxs164("span", { className: "flex flex-wrap gap-1 pt-0.5", "data-view-save-refused": "", children: [
+            /* @__PURE__ */ jsx176(Button120, { size: "sm", variant: "outline", onClick: () => void patchView(viewSaveRefused.patch), children: "Try again" }),
+            /* @__PURE__ */ jsx176(
+              Button120,
               {
                 size: "sm",
                 variant: "ghost",
@@ -54342,8 +54480,8 @@ function TablePage({
           ] })
         }
       ) : null,
-      lookRefused ? /* @__PURE__ */ jsx175(RefusalNotice, { error: lookRefused }) : null,
-      main === "dashboards" ? /* @__PURE__ */ jsx175(DashboardCanvas, { tableId, activeDashboardId: activeDashboardId ?? null }) : main === "questions" ? /* @__PURE__ */ jsx175(
+      lookRefused ? /* @__PURE__ */ jsx176(RefusalNotice, { error: lookRefused }) : null,
+      main === "dashboards" ? /* @__PURE__ */ jsx176(DashboardCanvas, { tableId, activeDashboardId: activeDashboardId ?? null }) : main === "questions" ? /* @__PURE__ */ jsx176(
         QuestionPanel,
         {
           tableId,
@@ -54355,7 +54493,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__ */ jsx175(
+        /* @__PURE__ */ jsx176(
           ArchivedView,
           {
             tableId,
@@ -54367,7 +54505,7 @@ function TablePage({
             }
           }
         )
-      ) : /* @__PURE__ */ jsx175(TableToolbarSlotContext.Provider, { value: toolbarSlot, children: /* @__PURE__ */ jsx175(TableToolbarFoldContext.Provider, { value: toolbarFold2, children: /* @__PURE__ */ jsx175(TableToolbarSheetExtrasContext.Provider, { value: sheetExtras, children: /* @__PURE__ */ jsxs163(
+      ) : /* @__PURE__ */ jsx176(TableToolbarSlotContext.Provider, { value: toolbarSlot, children: /* @__PURE__ */ jsx176(TableToolbarFoldContext.Provider, { value: toolbarFold2, children: /* @__PURE__ */ jsx176(TableToolbarSheetExtrasContext.Provider, { value: sheetExtras, children: /* @__PURE__ */ jsxs164(
         "div",
         {
           className: cn100(
@@ -54378,10 +54516,10 @@ function TablePage({
           ),
           "data-table-records": "",
           children: [
-            railUnknown ? /* @__PURE__ */ jsx175("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__ */ jsx175("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__ */ jsx175("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: unknownViewLine(opened.unknown) }) : null,
-            viewLinkMissed ? /* @__PURE__ */ jsx175(
+            railUnknown ? /* @__PURE__ */ jsx176("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__ */ jsx176("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__ */ jsx176("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: unknownViewLine(opened.unknown) }) : null,
+            viewLinkMissed ? /* @__PURE__ */ jsx176(
               "p",
               {
                 "data-records-view-link-missed": "",
@@ -54389,7 +54527,7 @@ function TablePage({
                 children: unknownSavedViewLine(view?.name ?? null)
               }
             ) : null,
-            cameFrom ? /* @__PURE__ */ jsx175(
+            cameFrom ? /* @__PURE__ */ jsx176(
               "p",
               {
                 "data-testid": "came-from-a-number",
@@ -54399,7 +54537,7 @@ function TablePage({
             ) : null,
             faceUnknown ? (
               /* REVIEW-FIX 10: a full page paints the rows this table showed last time (else fills). */
-              /* @__PURE__ */ jsx175(
+              /* @__PURE__ */ jsx176(
                 RecordsSkeleton,
                 {
                   layout: skeletonFace,
@@ -54407,7 +54545,7 @@ function TablePage({
                   ...embedded ? {} : { rows: rememberedRowCount(`${tableId}:page:last`, 100, "fill") }
                 }
               )
-            ) : /* @__PURE__ */ jsx175(
+            ) : /* @__PURE__ */ jsx176(
               ViewSwitcher,
               {
                 chooser: false,
@@ -54449,19 +54587,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__ */ jsx175("p", { className: "text-xs text-muted-foreground", children: VIEW_NOT_SAVED_YET })
+            view || faceUnknown || views === void 0 || views !== null && views.length > 0 ? null : /* @__PURE__ */ jsx176("p", { className: "text-xs text-muted-foreground", children: VIEW_NOT_SAVED_YET })
           ]
         }
       ) }) }) })
     ] }) }),
-    rail === "none" ? null : /* @__PURE__ */ jsxs163(RailFrame, { phone, title: RAIL_TITLE[rail], onClose: () => setRail("none"), children: [
-      rail === "settings" ? /* @__PURE__ */ jsx175(
+    rail === "none" ? null : /* @__PURE__ */ jsxs164(RailFrame, { phone, title: RAIL_TITLE[rail], onClose: () => setRail("none"), over: rail === "record" && recordExpanded, children: [
+      rail === "settings" ? /* @__PURE__ */ jsx176(
         TableSettings,
         {
           tableId,
@@ -54478,7 +54617,7 @@ function TablePage({
           } : void 0
         }
       ) : null,
-      rail === "inbox" ? /* @__PURE__ */ jsx175(
+      rail === "inbox" ? /* @__PURE__ */ jsx176(
         ActionInbox,
         {
           tableId,
@@ -54488,9 +54627,9 @@ function TablePage({
           }
         }
       ) : null,
-      rail === "forms" ? /* @__PURE__ */ jsx175(FormsPanel, { tableId, activeFormId: itemFor("forms") }) : null,
-      rail === "bookings" ? /* @__PURE__ */ jsx175(BookingSlots, { tableId, activeBookingId: itemFor("bookings") }) : null,
-      rail === "checklists" ? /* @__PURE__ */ jsx175(
+      rail === "forms" ? /* @__PURE__ */ jsx176(FormsPanel, { tableId, activeFormId: itemFor("forms") }) : null,
+      rail === "bookings" ? /* @__PURE__ */ jsx176(BookingSlots, { tableId, activeBookingId: itemFor("bookings") }) : null,
+      rail === "checklists" ? /* @__PURE__ */ jsx176(
         ChecklistsPanel,
         {
           tableId,
@@ -54500,12 +54639,12 @@ function TablePage({
           }
         }
       ) : null,
-      rail === "notifications" ? /* @__PURE__ */ jsx175(SubscriptionsPanel, { tableId, activeRuleId: itemFor("notifications") }) : null,
-      rail === "portals" ? /* @__PURE__ */ jsx175(PortalsPanel, { tableId, activePortalId: itemFor("portals") }) : null,
-      rail === "export" ? /* @__PURE__ */ jsx175(ExportMenu, { tableId, view: viewReading }) : null,
-      rail === "import" ? /* @__PURE__ */ jsx175(ImportWizard, { tableId, onWrote: () => setImportEpoch((n) => n + 1), onDone: () => setRail("none") }) : null,
-      rail === "field" ? /* @__PURE__ */ jsx175(FieldEditor, { tableId, onSaved: () => setRail("none"), onCancel: () => setRail("none") }) : null,
-      rail === "new-record" ? /* @__PURE__ */ jsx175(
+      rail === "notifications" ? /* @__PURE__ */ jsx176(SubscriptionsPanel, { tableId, activeRuleId: itemFor("notifications") }) : null,
+      rail === "portals" ? /* @__PURE__ */ jsx176(PortalsPanel, { tableId, activePortalId: itemFor("portals") }) : null,
+      rail === "export" ? /* @__PURE__ */ jsx176(ExportMenu, { tableId, view: viewReading }) : null,
+      rail === "import" ? /* @__PURE__ */ jsx176(ImportWizard, { tableId, onWrote: () => setImportEpoch((n) => n + 1), onDone: () => setRail("none") }) : null,
+      rail === "field" ? /* @__PURE__ */ jsx176(FieldEditor, { tableId, onSaved: () => setRail("none"), onCancel: () => setRail("none") }) : null,
+      rail === "new-record" ? /* @__PURE__ */ jsx176(
         RecordForm,
         {
           tableId,
@@ -54516,7 +54655,7 @@ function TablePage({
           onCancel: () => setRail("none")
         }
       ) : null,
-      rail === "who-changed" && asking ? /* @__PURE__ */ jsx175(
+      rail === "who-changed" && asking ? /* @__PURE__ */ jsx176(
         FieldHistoryPanel,
         {
           tableId,
@@ -54529,12 +54668,16 @@ function TablePage({
           }
         }
       ) : null,
-      rail === "record" && openRecord ? /* @__PURE__ */ jsx175(
+      rail === "record" && openRecord ? /* @__PURE__ */ jsx176(
         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");
@@ -54576,9 +54719,9 @@ import { formatCount as formatCount8 } from "@ai-matrx/kit/format";
 import { TapTargetSearchGroup as TapTargetSearchGroup2, TooltipProvider } from "@ai-matrx/design-system";
 import { MatrxTableCardShowMore as MatrxTableCardShowMore3 } from "@ai-matrx/design-system/data-table";
 import { useEffect as useEffect125, useMemo as useMemo83, useRef as useRef65, useState as useState151 } from "react";
-import { Button as Button120, ErrorBox as ErrorBox9, Input as Input13, cn as cn101 } from "@ai-matrx/design-system";
+import { Button as Button121, ErrorBox as ErrorBox9, Input as Input13, cn as cn101 } from "@ai-matrx/design-system";
 import { SEED_FRESH_MS, useRecordsClient as useRecordsClient107, useSeededAnswerAt } from "@ai-matrx/records/react";
-import { Fragment as Fragment72, jsx as jsx176, jsxs as jsxs164 } from "react/jsx-runtime";
+import { Fragment as Fragment72, jsx as jsx177, jsxs as jsxs165 } from "react/jsx-runtime";
 var entityTitleColumn = entityNameColumn;
 function shown4(v) {
   if (v === null || v === void 0 || v === "") return "";
@@ -54594,9 +54737,9 @@ function EntityBoard({ entity, groupBy, cardFields, onOpenRecord, className }) {
   );
   const [refused, setRefused] = useState151(null);
   const [over, setOver] = useState151(null);
-  if (entity.error) return /* @__PURE__ */ jsx176("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__ */ jsx177("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__ */ jsx176("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__ */ jsx177("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 ?? [];
@@ -54614,10 +54757,10 @@ function EntityBoard({ entity, groupBy, cardFields, onOpenRecord, className }) {
     const says = await entity.update(id, column, to);
     if (says) setRefused({ to, says });
   };
-  return /* @__PURE__ */ jsx176("div", { className: cn101("flex min-h-40 gap-2 overflow-x-auto pb-1", className), "data-records-entity-board": column.key, children: lanes.map((lane) => {
+  return /* @__PURE__ */ jsx177("div", { className: cn101("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__ */ jsxs164(
+    return /* @__PURE__ */ jsxs165(
       "section",
       {
         "aria-label": lane.label,
@@ -54629,12 +54772,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__ */ jsxs164("header", { className: "flex items-baseline gap-1.5 px-1 text-xs", children: [
-            /* @__PURE__ */ jsx176("span", { className: "truncate font-medium", children: lane.label }),
-            /* @__PURE__ */ jsx176("span", { className: "tabular-nums text-muted-foreground", children: cards.length })
+          /* @__PURE__ */ jsxs165("header", { className: "flex items-baseline gap-1.5 px-1 text-xs", children: [
+            /* @__PURE__ */ jsx177("span", { className: "truncate font-medium", children: lane.label }),
+            /* @__PURE__ */ jsx177("span", { className: "tabular-nums text-muted-foreground", children: cards.length })
           ] }),
-          refused && refused.to === lane.key ? /* @__PURE__ */ jsx176(ErrorBox9, { 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__ */ jsxs164(
+          refused && refused.to === lane.key ? /* @__PURE__ */ jsx177(ErrorBox9, { 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__ */ jsxs165(
             "article",
             {
               draggable: writable,
@@ -54645,8 +54788,8 @@ function EntityBoard({ entity, groupBy, cardFields, onOpenRecord, className }) {
               className: cn101("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__ */ jsx176("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__ */ jsx176("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__ */ jsx176("span", { className: "truncate text-muted-foreground", children: entityValueText(c, entityCellValue(row, c)) }, c.key) : null)
+                onOpenRecord ? /* @__PURE__ */ jsx177("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__ */ jsx177("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__ */ jsx177("span", { className: "truncate text-muted-foreground", children: entityValueText(c, entityCellValue(row, c)) }, c.key) : null)
               ]
             },
             row._id
@@ -54697,9 +54840,9 @@ function EntityChartBlock({ source, kind, by, measure, title, where, organizatio
     };
   }, [client, ask2, kind, title]);
   if (!block) {
-    return /* @__PURE__ */ jsx176(RecordsSkeleton, { layout: "chart", embedded: variant === "bare", ...className ? { className } : {} });
+    return /* @__PURE__ */ jsx177(RecordsSkeleton, { layout: "chart", embedded: variant === "bare", ...className ? { className } : {} });
   }
-  return /* @__PURE__ */ jsx176(
+  return /* @__PURE__ */ jsx177(
     ChartBlock,
     {
       block,
@@ -54712,7 +54855,7 @@ function EntityChartBlock({ source, kind, by, measure, title, where, organizatio
   );
 }
 function EntityTablePage(props) {
-  return /* @__PURE__ */ jsx176(EntityDataScope, { children: /* @__PURE__ */ jsx176(EntityTablePageBody, { ...props }) });
+  return /* @__PURE__ */ jsx177(EntityDataScope, { children: /* @__PURE__ */ jsx177(EntityTablePageBody, { ...props }) });
 }
 function EntityTablePageBody({
   source,
@@ -54762,20 +54905,20 @@ function EntityTablePageBody({
     rowNoun: (entity.label ?? "record").toLowerCase(),
     enabled: layout === "grid"
   });
-  return /* @__PURE__ */ jsxs164("div", { className: cn101("flex min-w-0 flex-col gap-2", className), "data-records-entity-page": source.token, children: [
-    presentation === "page" || boardable || entity.creatable ? /* @__PURE__ */ jsxs164("div", { className: "flex min-w-0 items-center gap-2", children: [
-      presentation === "page" ? /* @__PURE__ */ jsx176("h2", { className: "truncate text-base font-semibold", children: entity.label ?? (entity.loading ? "Loading\u2026" : "Table") }) : null,
-      presentation === "page" ? /* @__PURE__ */ jsx176("span", { className: "text-xs tabular-nums text-muted-foreground", children: entity.loading || entity.total === null ? "" : formatCount8(entity.total) }) : null,
-      /* @__PURE__ */ jsxs164("span", { className: "ml-auto flex items-center gap-1", children: [
-        boardable ? /* @__PURE__ */ jsxs164(Fragment72, { children: [
-          /* @__PURE__ */ jsx176(Button120, { size: "sm", variant: layout === "grid" ? "secondary" : "ghost", "aria-pressed": layout === "grid", onClick: () => choose("grid"), children: "Table" }),
-          /* @__PURE__ */ jsx176(Button120, { size: "sm", variant: layout === "board" ? "secondary" : "ghost", "aria-pressed": layout === "board", onClick: () => choose("board"), children: "Board" })
+  return /* @__PURE__ */ jsxs165("div", { className: cn101("flex min-w-0 flex-col gap-2", className), "data-records-entity-page": source.token, children: [
+    presentation === "page" || boardable || entity.creatable ? /* @__PURE__ */ jsxs165("div", { className: "flex min-w-0 items-center gap-2", children: [
+      presentation === "page" ? /* @__PURE__ */ jsx177("h2", { className: "truncate text-base font-semibold", children: entity.label ?? (entity.loading ? "Loading\u2026" : "Table") }) : null,
+      presentation === "page" ? /* @__PURE__ */ jsx177("span", { className: "text-xs tabular-nums text-muted-foreground", children: entity.loading || entity.total === null ? "" : formatCount8(entity.total) }) : null,
+      /* @__PURE__ */ jsxs165("span", { className: "ml-auto flex items-center gap-1", children: [
+        boardable ? /* @__PURE__ */ jsxs165(Fragment72, { children: [
+          /* @__PURE__ */ jsx177(Button121, { size: "sm", variant: layout === "grid" ? "secondary" : "ghost", "aria-pressed": layout === "grid", onClick: () => choose("grid"), children: "Table" }),
+          /* @__PURE__ */ jsx177(Button121, { size: "sm", variant: layout === "board" ? "secondary" : "ghost", "aria-pressed": layout === "board", onClick: () => choose("board"), children: "Board" })
         ] }) : null,
-        entity.creatable && naming === null ? /* @__PURE__ */ jsx176(Button120, { size: "sm", variant: "ghost", onClick: () => {
+        entity.creatable && naming === null ? /* @__PURE__ */ jsx177(Button121, { size: "sm", variant: "ghost", onClick: () => {
           setAddRefused(null);
           setNaming("");
         }, children: "New page" }) : null,
-        entity.creatable && naming !== null ? /* @__PURE__ */ jsx176(
+        entity.creatable && naming !== null ? /* @__PURE__ */ jsx177(
           Input13,
           {
             autoFocus: true,
@@ -54805,9 +54948,9 @@ function EntityTablePageBody({
         actions
       ] })
     ] }) : null,
-    addRefused ? /* @__PURE__ */ jsx176(ErrorBox9, { 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__ */ jsx176("p", { className: "px-1 py-3 text-xs text-muted-foreground", children: `This table could not be read: ${entity.error}` }) : layout === "board" && boardable ? /* @__PURE__ */ jsx176(EntityBoard, { entity, groupBy, onOpenRecord }) : /* @__PURE__ */ jsxs164(Fragment72, { children: [
-      presentation === "embedded" && searchBox ? /* @__PURE__ */ jsx176("div", { className: "flex min-w-0 items-center justify-end", "data-records-entity-search": "", children: /* @__PURE__ */ jsx176(TooltipProvider, { children: /* @__PURE__ */ jsx176(
+    addRefused ? /* @__PURE__ */ jsx177(ErrorBox9, { 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__ */ jsx177("p", { className: "px-1 py-3 text-xs text-muted-foreground", children: `This table could not be read: ${entity.error}` }) : layout === "board" && boardable ? /* @__PURE__ */ jsx177(EntityBoard, { entity, groupBy, onOpenRecord }) : /* @__PURE__ */ jsxs165(Fragment72, { children: [
+      presentation === "embedded" && searchBox ? /* @__PURE__ */ jsx177("div", { className: "flex min-w-0 items-center justify-end", "data-records-entity-search": "", children: /* @__PURE__ */ jsx177(TooltipProvider, { children: /* @__PURE__ */ jsx177(
         TapTargetSearchGroup2,
         {
           surface: "solid",
@@ -54819,8 +54962,8 @@ function EntityTablePageBody({
           }
         }
       ) }) }) : null,
-      /* @__PURE__ */ jsx176(EntityGrid, { entity, pageSize, embedded: presentation === "embedded", ...drill ? { drill } : {} }),
-      entity.hasMore ? /* @__PURE__ */ jsx176(
+      /* @__PURE__ */ jsx177(EntityGrid, { entity, pageSize, embedded: presentation === "embedded", ...drill ? { drill } : {} }),
+      entity.hasMore ? /* @__PURE__ */ jsx177(
         MatrxTableCardShowMore3,
         {
           shown: entity.rows.length,
@@ -54834,12 +54977,12 @@ function EntityTablePageBody({
 }
 
 // src/TablePageSource.tsx
-import { jsx as jsx177 } from "react/jsx-runtime";
+import { jsx as jsx178 } from "react/jsx-runtime";
 function TablePage2(props) {
-  if (props.source === void 0) return /* @__PURE__ */ jsx177(TablePage, { ...props });
+  if (props.source === void 0) return /* @__PURE__ */ jsx178(TablePage, { ...props });
   const { source, layout, onLayoutChange, groupBy, onOpenRecord, ...rest } = props;
-  if (source.kind === "table") return /* @__PURE__ */ jsx177(TablePage, { ...rest, tableId: source.id });
-  return /* @__PURE__ */ jsx177(
+  if (source.kind === "table") return /* @__PURE__ */ jsx178(TablePage, { ...rest, tableId: source.id });
+  return /* @__PURE__ */ jsx178(
     EntityTablePage,
     {
       source,
@@ -54861,8 +55004,8 @@ function TablePage2(props) {
 import { useEffect as useEffect126, useMemo as useMemo84 } from "react";
 import { isEntityReferenceConfig } from "@ai-matrx/records";
 import { useFields as useFields40, useTable as useTable41 } from "@ai-matrx/records/react";
-import { BasicInput as BasicInput36, Button as Button121, CreatablePicker as CreatablePicker3, cn as cn102 } from "@ai-matrx/design-system";
-import { jsx as jsx178, jsxs as jsxs165 } from "react/jsx-runtime";
+import { BasicInput as BasicInput36, Button as Button122, CreatablePicker as CreatablePicker3, cn as cn102 } from "@ai-matrx/design-system";
+import { jsx as jsx179, jsxs as jsxs166 } from "react/jsx-runtime";
 var DATA_BINDING_SHAPES = [
   { value: "collection", label: "The whole table" },
   { value: "reference", label: "One record" },
@@ -54929,9 +55072,9 @@ function DataBindingPicker({ dataSource, userId, binding, onChange, disabled, de
       ...binding.semantic_type === "collection" && defaultRowLimit ? { limit: defaultRowLimit } : {}
     });
   };
-  return /* @__PURE__ */ jsxs165("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ jsx178(TablePicker, { dataSource, value: tableId, onChange: selectTable, disabled: Boolean(disabled), tables }),
-    /* @__PURE__ */ jsx178(TableScope, { dataSource, userId, tableId, tables, children: tableId && /* @__PURE__ */ jsx178(
+  return /* @__PURE__ */ jsxs166("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ jsx179(TablePicker, { dataSource, value: tableId, onChange: selectTable, disabled: Boolean(disabled), tables }),
+    /* @__PURE__ */ jsx179(TableScope, { dataSource, userId, tableId, tables, children: tableId && /* @__PURE__ */ jsx179(
       BindingDetails,
       {
         tableId,
@@ -54995,9 +55138,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__ */ jsxs165("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ jsx178("div", { className: "flex flex-wrap gap-1", role: "radiogroup", "aria-label": "What to read", children: DATA_BINDING_SHAPES.map((s) => /* @__PURE__ */ jsx178(
-      Button121,
+  return /* @__PURE__ */ jsxs166("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ jsx179("div", { className: "flex flex-wrap gap-1", role: "radiogroup", "aria-label": "What to read", children: DATA_BINDING_SHAPES.map((s) => /* @__PURE__ */ jsx179(
+      Button122,
       {
         type: "button",
         size: "sm",
@@ -55010,7 +55153,7 @@ function BindingDetails({
       },
       s.value
     )) }),
-    shape !== "collection" && /* @__PURE__ */ jsx178(
+    shape !== "collection" && /* @__PURE__ */ jsx179(
       RecordPicker,
       {
         tableId,
@@ -55019,7 +55162,7 @@ function BindingDetails({
         disabled: Boolean(disabled)
       }
     ),
-    shape === "value" && /* @__PURE__ */ jsx178(
+    shape === "value" && /* @__PURE__ */ jsx179(
       CreatablePicker3,
       {
         value: binding.field_key ?? null,
@@ -55033,8 +55176,8 @@ function BindingDetails({
         ariaLabel: "Column"
       }
     ),
-    shape !== "value" && /* @__PURE__ */ jsxs165("div", { className: "flex flex-col gap-1", children: [
-      /* @__PURE__ */ jsx178(
+    shape !== "value" && /* @__PURE__ */ jsxs166("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx179(
         "textarea",
         {
           className: cn102(
@@ -55046,8 +55189,8 @@ function BindingDetails({
           onChange: (e) => setTemplate(e.target.value)
         }
       ),
-      !disabled && /* @__PURE__ */ jsx178("div", { className: "flex flex-wrap gap-1", children: fieldList.flatMap(bindingPlaceholdersFor).map((p) => /* @__PURE__ */ jsx178(
-        Button121,
+      !disabled && /* @__PURE__ */ jsx179("div", { className: "flex flex-wrap gap-1", children: fieldList.flatMap(bindingPlaceholdersFor).map((p) => /* @__PURE__ */ jsx179(
+        Button122,
         {
           type: "button",
           size: "sm",
@@ -55059,9 +55202,9 @@ function BindingDetails({
         p.token
       )) })
     ] }),
-    shape === "collection" && /* @__PURE__ */ jsxs165("label", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
+    shape === "collection" && /* @__PURE__ */ jsxs166("label", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
       "Up to",
-      /* @__PURE__ */ jsx178(
+      /* @__PURE__ */ jsx179(
         BasicInput36,
         {
           type: "number",
@@ -55078,10 +55221,10 @@ function BindingDetails({
       ),
       "rows"
     ] }),
-    /* @__PURE__ */ jsxs165("div", { className: "flex flex-wrap items-center gap-1", role: "radiogroup", "aria-label": "If nothing is found", children: [
-      /* @__PURE__ */ jsx178("span", { className: "text-xs text-muted-foreground", children: "If nothing is found" }),
-      DATA_BINDING_MISSING.map((m) => /* @__PURE__ */ jsx178(
-        Button121,
+    /* @__PURE__ */ jsxs166("div", { className: "flex flex-wrap items-center gap-1", role: "radiogroup", "aria-label": "If nothing is found", children: [
+      /* @__PURE__ */ jsx179("span", { className: "text-xs text-muted-foreground", children: "If nothing is found" }),
+      DATA_BINDING_MISSING.map((m) => /* @__PURE__ */ jsx179(
+        Button122,
         {
           type: "button",
           size: "sm",
@@ -55100,13 +55243,13 @@ function BindingDetails({
 
 // src/PickedSummaries.tsx
 import { useFields as useFields41, useRecord as useRecord6, useTable as useTable42 } from "@ai-matrx/records/react";
-import { Fragment as Fragment73, jsx as jsx179, jsxs as jsxs166 } from "react/jsx-runtime";
+import { Fragment as Fragment73, jsx as jsx180, jsxs as jsxs167 } from "react/jsx-runtime";
 function TableNameText({ dataSource, tableId }) {
   const tables = useTablesAnywhere(dataSource);
-  if (!tableId) return /* @__PURE__ */ jsx179(Fragment73, { children: "\u2014" });
-  if (tables.loading) return /* @__PURE__ */ jsx179(Fragment73, { children: "\u2026" });
-  if (tables.error) return /* @__PURE__ */ jsx179(Fragment73, { children: "Couldn't load the table's name" });
-  return /* @__PURE__ */ jsx179(Fragment73, { children: tables.rows.find((t) => t.table_id === tableId)?.table_name ?? "\u2014" });
+  if (!tableId) return /* @__PURE__ */ jsx180(Fragment73, { children: "\u2014" });
+  if (tables.loading) return /* @__PURE__ */ jsx180(Fragment73, { children: "\u2026" });
+  if (tables.error) return /* @__PURE__ */ jsx180(Fragment73, { children: "Couldn't load the table's name" });
+  return /* @__PURE__ */ jsx180(Fragment73, { children: tables.rows.find((t) => t.table_id === tableId)?.table_name ?? "\u2014" });
 }
 function ColumnValuesText({
   dataSource,
@@ -55114,38 +55257,38 @@ function ColumnValuesText({
   tableId,
   value
 }) {
-  if (!tableId) return /* @__PURE__ */ jsx179(Fragment73, { children: "\u2014" });
-  return /* @__PURE__ */ jsx179(
+  if (!tableId) return /* @__PURE__ */ jsx180(Fragment73, { children: "\u2014" });
+  return /* @__PURE__ */ jsx180(
     TableScope,
     {
       dataSource,
       userId,
       tableId,
-      fallback: /* @__PURE__ */ jsx179(Fragment73, { children: "\u2026" }),
-      unavailable: /* @__PURE__ */ jsx179(Fragment73, { children: "Couldn't load this table's columns" }),
-      children: /* @__PURE__ */ jsx179(RecordLabelProvider, { children: /* @__PURE__ */ jsx179(ColumnValuesWords, { tableId, value }) })
+      fallback: /* @__PURE__ */ jsx180(Fragment73, { children: "\u2026" }),
+      unavailable: /* @__PURE__ */ jsx180(Fragment73, { children: "Couldn't load this table's columns" }),
+      children: /* @__PURE__ */ jsx180(RecordLabelProvider, { children: /* @__PURE__ */ jsx180(ColumnValuesWords, { tableId, value }) })
     }
   );
 }
 function ColumnValuesWords({ tableId, value }) {
   const fields = useFields41(tableId);
   const labels = useRecordLabels(fields.data ?? void 0);
-  if (fields.loading) return /* @__PURE__ */ jsx179(Fragment73, { children: "\u2026" });
-  if (fields.error) return /* @__PURE__ */ jsx179(Fragment73, { children: "Couldn't load this table's columns" });
+  if (fields.loading) return /* @__PURE__ */ jsx180(Fragment73, { children: "\u2026" });
+  if (fields.error) return /* @__PURE__ */ jsx180(Fragment73, { 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__ */ jsx179("span", { children: ", " }, `${key}-sep`));
+    if (parts.length) parts.push(/* @__PURE__ */ jsx180("span", { children: ", " }, `${key}-sep`));
     parts.push(
-      /* @__PURE__ */ jsxs166("span", { children: [
+      /* @__PURE__ */ jsxs167("span", { children: [
         field2 ? fieldName(field2) : "A removed column",
         " is ",
         field2 ? renderValue(field2, stored, void 0, labels) : "\u2014"
       ] }, key)
     );
   }
-  return parts.length ? /* @__PURE__ */ jsx179(Fragment73, { children: parts }) : /* @__PURE__ */ jsx179(Fragment73, { children: "\u2014" });
+  return parts.length ? /* @__PURE__ */ jsx180(Fragment73, { children: parts }) : /* @__PURE__ */ jsx180(Fragment73, { children: "\u2014" });
 }
 function RecordNameText({
   dataSource,
@@ -55153,35 +55296,35 @@ function RecordNameText({
   tableId,
   recordId
 }) {
-  if (!tableId || !recordId) return /* @__PURE__ */ jsx179(Fragment73, { children: "\u2014" });
-  return /* @__PURE__ */ jsx179(
+  if (!tableId || !recordId) return /* @__PURE__ */ jsx180(Fragment73, { children: "\u2014" });
+  return /* @__PURE__ */ jsx180(
     TableScope,
     {
       dataSource,
       userId,
       tableId,
-      fallback: /* @__PURE__ */ jsx179(Fragment73, { children: "\u2026" }),
-      unavailable: /* @__PURE__ */ jsx179(Fragment73, { children: "Couldn't load this record" }),
-      children: /* @__PURE__ */ jsx179(RecordNameWords, { tableId, recordId })
+      fallback: /* @__PURE__ */ jsx180(Fragment73, { children: "\u2026" }),
+      unavailable: /* @__PURE__ */ jsx180(Fragment73, { children: "Couldn't load this record" }),
+      children: /* @__PURE__ */ jsx180(RecordNameWords, { tableId, recordId })
     }
   );
 }
 function RecordNameWords({ tableId, recordId }) {
   const table = useTable42(tableId);
   const record = useRecord6(recordId);
-  if (record.loading || table.loading) return /* @__PURE__ */ jsx179(Fragment73, { children: "\u2026" });
-  if (record.error) return /* @__PURE__ */ jsx179(Fragment73, { children: "Couldn't load this record" });
-  if (!record.data) return /* @__PURE__ */ jsx179(Fragment73, { children: "A record you cannot open" });
-  return /* @__PURE__ */ jsx179(Fragment73, { children: recordName(record.data.document, table.data?.title_field ?? null) });
+  if (record.loading || table.loading) return /* @__PURE__ */ jsx180(Fragment73, { children: "\u2026" });
+  if (record.error) return /* @__PURE__ */ jsx180(Fragment73, { children: "Couldn't load this record" });
+  if (!record.data) return /* @__PURE__ */ jsx180(Fragment73, { children: "A record you cannot open" });
+  return /* @__PURE__ */ jsx180(Fragment73, { children: recordName(record.data.document, table.data?.title_field ?? null) });
 }
 
 // src/HeldChangeDecision.tsx
 import { useEffect as useEffect127, useState as useState152 } from "react";
 import { RecordsProvider as RecordsProvider3, useRecordsClient as useRecordsClient108 } from "@ai-matrx/records/react";
-import { Button as Button122 } from "@ai-matrx/design-system";
-import { jsx as jsx180, jsxs as jsxs167 } from "react/jsx-runtime";
+import { Button as Button123 } from "@ai-matrx/design-system";
+import { jsx as jsx181, jsxs as jsxs168 } from "react/jsx-runtime";
 function HeldChangeDecision({ dataSource, userId, organizationId, approvalId, onDecided, approveLabel }) {
-  return /* @__PURE__ */ jsx180(RecordsProvider3, { config: { dataSource, actor: personActor(userId), organizationId }, children: /* @__PURE__ */ jsx180(Decision, { approvalId, onDecided, approveLabel: approveLabel ?? "Approve" }) });
+  return /* @__PURE__ */ jsx181(RecordsProvider3, { config: { dataSource, actor: personActor(userId), organizationId }, children: /* @__PURE__ */ jsx181(Decision, { approvalId, onDecided, approveLabel: approveLabel ?? "Approve" }) });
 }
 function Decision({
   approvalId,
@@ -55214,20 +55357,20 @@ function Decision({
     if (res.ok) onDecided(approve);
     else setError(res.error);
   };
-  if (may === null) return /* @__PURE__ */ jsx180("p", { className: "text-xs text-muted-foreground", children: "Checking who can decide\u2026" });
-  return /* @__PURE__ */ jsxs167("div", { className: "flex flex-col gap-1.5", children: [
-    may ? /* @__PURE__ */ jsxs167("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ jsx180(Button122, { type: "button", size: "sm", disabled: busy !== null, onClick: () => void decide(true), children: busy === "approve" ? "Approving\u2026" : approveLabel }),
-      /* @__PURE__ */ jsx180(Button122, { type: "button", size: "sm", variant: "outline", disabled: busy !== null, onClick: () => void decide(false), children: busy === "refuse" ? "Refusing\u2026" : "Refuse" })
-    ] }) : !error && /* @__PURE__ */ jsx180("p", { className: "text-xs text-muted-foreground", children: "An owner or admin of this organization decides this." }),
-    error ? /* @__PURE__ */ jsx180(RefusalLine, { error }) : null
+  if (may === null) return /* @__PURE__ */ jsx181("p", { className: "text-xs text-muted-foreground", children: "Checking who can decide\u2026" });
+  return /* @__PURE__ */ jsxs168("div", { className: "flex flex-col gap-1.5", children: [
+    may ? /* @__PURE__ */ jsxs168("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx181(Button123, { type: "button", size: "sm", disabled: busy !== null, onClick: () => void decide(true), children: busy === "approve" ? "Approving\u2026" : approveLabel }),
+      /* @__PURE__ */ jsx181(Button123, { type: "button", size: "sm", variant: "outline", disabled: busy !== null, onClick: () => void decide(false), children: busy === "refuse" ? "Refusing\u2026" : "Refuse" })
+    ] }) : !error && /* @__PURE__ */ jsx181("p", { className: "text-xs text-muted-foreground", children: "An owner or admin of this organization decides this." }),
+    error ? /* @__PURE__ */ jsx181(RefusalLine, { error }) : null
   ] });
 }
 
 // src/CalendarLinks.tsx
 import { useCallback as useCallback71, useEffect as useEffect128, useState as useState153 } from "react";
-import { Button as Button123 } from "@ai-matrx/design-system";
-import { jsx as jsx181, jsxs as jsxs168 } from "react/jsx-runtime";
+import { Button as Button124 } from "@ai-matrx/design-system";
+import { jsx as jsx182, jsxs as jsxs169 } from "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] = useState153(null);
@@ -55252,15 +55395,15 @@ function CalendarLinks({ port }) {
       setError(asRefusal3(e, "That didn\u2019t work"));
     }
   };
-  if (rows === null && !error) return /* @__PURE__ */ jsx181("p", { className: "text-sm text-muted-foreground", "data-calendar-links-loading": "", children: "Reading your links\u2026" });
-  return /* @__PURE__ */ jsxs168("div", { className: "flex flex-col gap-2", "data-calendar-links": "", children: [
-    error ? /* @__PURE__ */ jsx181(RefusalNotice, { error }) : null,
-    rows && rows.length === 0 ? /* @__PURE__ */ jsx181("p", { className: "text-sm text-muted-foreground", children: "No calendar links yet." }) : null,
-    rows?.map((row) => /* @__PURE__ */ jsxs168("div", { className: "flex flex-col gap-2 rounded-md border px-3 py-2", "data-calendar-link-row": row.id, children: [
-      /* @__PURE__ */ jsxs168("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [
-        /* @__PURE__ */ jsxs168("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ jsx181("div", { className: "truncate text-sm font-medium", children: row.title }),
-          /* @__PURE__ */ jsxs168("div", { className: "text-xs text-muted-foreground", children: [
+  if (rows === null && !error) return /* @__PURE__ */ jsx182("p", { className: "text-sm text-muted-foreground", "data-calendar-links-loading": "", children: "Reading your links\u2026" });
+  return /* @__PURE__ */ jsxs169("div", { className: "flex flex-col gap-2", "data-calendar-links": "", children: [
+    error ? /* @__PURE__ */ jsx182(RefusalNotice, { error }) : null,
+    rows && rows.length === 0 ? /* @__PURE__ */ jsx182("p", { className: "text-sm text-muted-foreground", children: "No calendar links yet." }) : null,
+    rows?.map((row) => /* @__PURE__ */ jsxs169("div", { className: "flex flex-col gap-2 rounded-md border px-3 py-2", "data-calendar-link-row": row.id, children: [
+      /* @__PURE__ */ jsxs169("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [
+        /* @__PURE__ */ jsxs169("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx182("div", { className: "truncate text-sm font-medium", children: row.title }),
+          /* @__PURE__ */ jsxs169("div", { className: "text-xs text-muted-foreground", children: [
             "Made ",
             day(row.created_at),
             " \xB7 ",
@@ -55269,9 +55412,9 @@ function CalendarLinks({ port }) {
             row.expired ? "Expired" : row.expires_at ? `Expires ${day(row.expires_at)}` : "Never expires"
           ] })
         ] }),
-        /* @__PURE__ */ jsxs168("div", { className: "flex shrink-0 gap-2", children: [
-          /* @__PURE__ */ jsx181(
-            Button123,
+        /* @__PURE__ */ jsxs169("div", { className: "flex shrink-0 gap-2", children: [
+          /* @__PURE__ */ jsx182(
+            Button124,
             {
               size: "sm",
               variant: "outline",
@@ -55284,8 +55427,8 @@ function CalendarLinks({ port }) {
               children: "Rotate"
             }
           ),
-          /* @__PURE__ */ jsx181(
-            Button123,
+          /* @__PURE__ */ jsx182(
+            Button124,
             {
               size: "sm",
               variant: "outline",
@@ -55300,7 +55443,7 @@ function CalendarLinks({ port }) {
           )
         ] })
       ] }),
-      fresh?.id === row.id ? /* @__PURE__ */ jsx181(CalendarLinkOnce, { url: fresh.url }) : null
+      fresh?.id === row.id ? /* @__PURE__ */ jsx182(CalendarLinkOnce, { url: fresh.url }) : null
     ] }, row.id))
   ] });
 }
@@ -55310,7 +55453,7 @@ import { useEffect as useEffect129, useMemo as useMemo85, useState as useState15
 import { templatePreview } from "@ai-matrx/records/memory";
 import { useRecordsClient as useRecordsClient109 } from "@ai-matrx/records/react";
 import { formFromSummary as formFromSummary3 } from "@ai-matrx/records/forms";
-import { jsx as jsx182, jsxs as jsxs169 } from "react/jsx-runtime";
+import { jsx as jsx183, jsxs as jsxs170 } from "react/jsx-runtime";
 function useTemplatePreview(spec, today) {
   return useMemo85(() => templatePreview(spec, today ? { today } : {}), [spec, today]);
 }
@@ -55321,9 +55464,9 @@ function TemplatePreview({ spec, today, initialTable, host, aside, booking, clas
   const [active, setActive] = useState154(first?.id ?? null);
   const table = preview.tables.find((t) => t.id === active) ?? first;
   if (!table) return null;
-  return /* @__PURE__ */ jsxs169("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__ */ jsxs169("div", { className: "flex min-w-0 flex-wrap items-center gap-1.5", role: "tablist", "aria-label": "Tables", children: [
-      preview.tables.map((t) => /* @__PURE__ */ jsxs169(
+  return /* @__PURE__ */ jsxs170("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__ */ jsxs170("div", { className: "flex min-w-0 flex-wrap items-center gap-1.5", role: "tablist", "aria-label": "Tables", children: [
+      preview.tables.map((t) => /* @__PURE__ */ jsxs170(
         "button",
         {
           type: "button",
@@ -55337,19 +55480,19 @@ function TemplatePreview({ spec, today, initialTable, host, aside, booking, clas
           ].join(" "),
           children: [
             t.name,
-            /* @__PURE__ */ jsx182("span", { className: "text-xs tabular-nums text-muted-foreground", children: t.rows })
+            /* @__PURE__ */ jsx183("span", { className: "text-xs tabular-nums text-muted-foreground", children: t.rows })
           ]
         },
         t.id
       )),
-      aside ? /* @__PURE__ */ jsx182("div", { className: "ml-auto", children: aside }) : null
+      aside ? /* @__PURE__ */ jsx183("div", { className: "ml-auto", children: aside }) : null
     ] }) : null,
-    /* @__PURE__ */ jsxs169(RecordsMount, { config: preview.config, host: bound2, children: [
-      /* @__PURE__ */ jsx182("div", { className: "min-h-[32rem] min-w-0 overflow-hidden rounded-xl border border-border bg-card", children: /* @__PURE__ */ jsx182(TablePage, { tableId: table.id }, table.id) }),
-      /* @__PURE__ */ jsx182(PreviewForms, { preview, booking }),
-      preview.dashboards.length ? /* @__PURE__ */ jsxs169("section", { className: "flex min-w-0 flex-col gap-3", "aria-label": "Dashboards", "data-template-preview-dashboards": preview.dashboards.length, children: [
-        /* @__PURE__ */ jsx182("h2", { className: "text-lg font-semibold tracking-tight", children: "Dashboards" }),
-        preview.dashboards.map((d) => /* @__PURE__ */ jsx182("div", { className: "min-w-0 overflow-hidden rounded-xl border border-border bg-card p-3", "data-template-preview-dashboard": d.token, children: /* @__PURE__ */ jsx182(DashboardCanvas, { tableId: d.tableId, activeDashboardId: d.id }) }, d.id))
+    /* @__PURE__ */ jsxs170(RecordsMount, { config: preview.config, host: bound2, children: [
+      /* @__PURE__ */ jsx183("div", { className: "min-h-[32rem] min-w-0 overflow-hidden rounded-xl border border-border bg-card", children: /* @__PURE__ */ jsx183(TablePage, { tableId: table.id }, table.id) }),
+      /* @__PURE__ */ jsx183(PreviewForms, { preview, booking }),
+      preview.dashboards.length ? /* @__PURE__ */ jsxs170("section", { className: "flex min-w-0 flex-col gap-3", "aria-label": "Dashboards", "data-template-preview-dashboards": preview.dashboards.length, children: [
+        /* @__PURE__ */ jsx183("h2", { className: "text-lg font-semibold tracking-tight", children: "Dashboards" }),
+        preview.dashboards.map((d) => /* @__PURE__ */ jsx183("div", { className: "min-w-0 overflow-hidden rounded-xl border border-border bg-card p-3", "data-template-preview-dashboard": d.token, children: /* @__PURE__ */ jsx183(DashboardCanvas, { tableId: d.tableId, activeDashboardId: d.id }) }, d.id))
       ] }) : null
     ] })
   ] });
@@ -55377,14 +55520,14 @@ function PreviewForms({ preview, booking }) {
     };
   }, [client, preview, booking]);
   if (!forms?.length && !pages.length) return null;
-  return /* @__PURE__ */ jsxs169("section", { className: "flex min-w-0 flex-col gap-3", "aria-label": "Forms and booking", "data-template-preview-forms": forms?.length ?? 0, children: [
-    /* @__PURE__ */ jsx182("h2", { className: "text-lg font-semibold tracking-tight", children: "Forms and booking" }),
-    /* @__PURE__ */ jsx182("div", { className: "grid min-w-0 gap-4 md:grid-cols-2", children: (forms ?? []).map((f) => /* @__PURE__ */ jsxs169("div", { className: "min-w-0 rounded-xl border border-border bg-card p-4", "data-template-preview-form": f.slug ?? f.id, children: [
-      /* @__PURE__ */ jsx182("h3", { className: "mb-3 text-sm font-semibold", children: f.name }),
-      /* @__PURE__ */ jsx182(FormRunner, { form: f, preview: true })
+  return /* @__PURE__ */ jsxs170("section", { className: "flex min-w-0 flex-col gap-3", "aria-label": "Forms and booking", "data-template-preview-forms": forms?.length ?? 0, children: [
+    /* @__PURE__ */ jsx183("h2", { className: "text-lg font-semibold tracking-tight", children: "Forms and booking" }),
+    /* @__PURE__ */ jsx183("div", { className: "grid min-w-0 gap-4 md:grid-cols-2", children: (forms ?? []).map((f) => /* @__PURE__ */ jsxs170("div", { className: "min-w-0 rounded-xl border border-border bg-card p-4", "data-template-preview-form": f.slug ?? f.id, children: [
+      /* @__PURE__ */ jsx183("h3", { className: "mb-3 text-sm font-semibold", children: f.name }),
+      /* @__PURE__ */ jsx183(FormRunner, { form: f, preview: true })
     ] }, f.id)) }),
-    booking ? pages.map((p) => /* @__PURE__ */ jsxs169("div", { className: "min-w-0 rounded-xl border border-border bg-card p-4", "data-template-preview-booking": p.id, children: [
-      /* @__PURE__ */ jsx182("h3", { className: "mb-3 text-sm font-semibold", children: String(p.page["title"] ?? "") }),
+    booking ? pages.map((p) => /* @__PURE__ */ jsxs170("div", { className: "min-w-0 rounded-xl border border-border bg-card p-4", "data-template-preview-booking": p.id, children: [
+      /* @__PURE__ */ jsx183("h3", { className: "mb-3 text-sm font-semibold", children: String(p.page["title"] ?? "") }),
       booking(p.page)
     ] }, p.id)) : null
   ] });