@ai-matrx/records-ui 0.115.73 → 0.115.75

package/dist/index.cjs

@@ -25702,6 +25702,7 @@ function GridBody({
   onOpenRecord,
   openRecordId = null,
   onCloseRecord,
+  onRowsShown,
   onAddField,
   onNewRecordForm,
   toolbarActions,
@@ -25982,6 +25983,11 @@ function GridBody({
   const rows = added.rows;
   const lockedRows = records.data?.locked ?? 0;
   const rowIds = (0, import_react143.useMemo)(() => rows.map((row) => row.id), [rows]);
+  const rowsShownRef = (0, import_react143.useRef)(onRowsShown);
+  rowsShownRef.current = onRowsShown;
+  (0, import_react143.useEffect)(() => {
+    rowsShownRef.current?.(rowIds);
+  }, [rowIds]);
   const countedButNotReturned = !records.error && !records.loading && rows.length === 0 && typeof records.data?.total === "number" && records.data.total > 0 && (storePaged ? query.page <= 1 : page <= 0);
   const reReads = (0, import_react143.useRef)(0);
   const reloadRecords = (0, import_react143.useRef)(records.reload);
@@ -29393,6 +29399,7 @@ var import_react158 = require("@ai-matrx/records/react");
 var import_format8 = require("@ai-matrx/kit/format");
 var import_records48 = require("@ai-matrx/records");
 var import_design_system79 = require("@ai-matrx/design-system");
+var import_controls2 = require("@ai-matrx/design-system/controls");
 
 // src/publicQuestions.ts
 var CANNOT_ASK = {
@@ -29695,39 +29702,39 @@ function BookingBuilder({ tableId, bookingId, onSaved, onClose, startNew, classN
         /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("label", { className: "flex flex-col gap-1", children: [
           /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_design_system79.Label, { className: "text-xs font-medium", children: "How long one appointment is" }),
           /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
-            "select",
+            import_controls2.Select,
             {
-              className: "h-9 rounded border bg-background px-2 text-sm",
-              value: minutes,
-              onChange: (e) => setMinutes(Number(e.target.value)),
-              children: LENGTHS.map((n) => /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("option", { value: n, children: [
-                n,
-                " minutes"
-              ] }, n))
+              "aria-label": "How long one appointment is",
+              value: String(minutes),
+              onValueChange: (v) => setMinutes(Number(v)),
+              options: LENGTHS.map((n) => ({ value: String(n), label: `${n} minutes` }))
             }
           )
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("label", { className: "flex flex-col gap-1", children: [
           /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_design_system79.Label, { className: "text-xs font-medium", children: "Gap kept after each one" }),
           /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
-            "select",
+            import_controls2.Select,
             {
-              className: "h-9 rounded border bg-background px-2 text-sm",
-              value: buffer,
-              onChange: (e) => setBuffer(Number(e.target.value)),
-              children: [0, 5, 10, 15, 30].map((n) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("option", { value: n, children: n === 0 ? "No gap \u2014 back to back" : `${n} minutes` }, n))
+              "aria-label": "Gap kept after each one",
+              value: String(buffer),
+              onValueChange: (v) => setBuffer(Number(v)),
+              options: [0, 5, 10, 15, 30].map((n) => ({ value: String(n), label: n === 0 ? "No gap \u2014 back to back" : `${n} minutes` }))
             }
           )
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("label", { className: "flex flex-col gap-1", children: [
           /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_design_system79.Label, { className: "text-xs font-medium", children: "Earliest somebody may book" }),
           /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
-            "select",
+            import_controls2.Select,
             {
-              className: "h-9 rounded border bg-background px-2 text-sm",
-              value: lead,
-              onChange: (e) => setLead(Number(e.target.value)),
-              children: [0, 60, 120, 240, 1440].map((n) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("option", { value: n, children: n === 0 ? "Right away" : n === 1440 ? "A day from now" : `${(0, import_format8.formatDurationMinutes)(n, { style: "long" })} from now` }, n))
+              "aria-label": "Earliest somebody may book",
+              value: String(lead),
+              onValueChange: (v) => setLead(Number(v)),
+              options: [0, 60, 120, 240, 1440].map((n) => ({
+                value: String(n),
+                label: n === 0 ? "Right away" : n === 1440 ? "A day from now" : `${(0, import_format8.formatDurationMinutes)(n, { style: "long" })} from now`
+              }))
             }
           )
         ] }),
@@ -29746,15 +29753,12 @@ function BookingBuilder({ tableId, bookingId, onSaved, onClose, startNew, classN
         /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("label", { className: "flex flex-col gap-1", children: [
           /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_design_system79.Label, { className: "text-xs font-medium", children: "How far ahead the page offers" }),
           /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
-            "select",
+            import_controls2.Select,
             {
-              className: "h-9 rounded border bg-background px-2 text-sm",
-              value: days,
-              onChange: (e) => setDays(Number(e.target.value)),
-              children: [7, 14, 30, 60, 90].map((n) => /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("option", { value: n, children: [
-                n,
-                " days"
-              ] }, n))
+              "aria-label": "How far ahead the page offers",
+              value: String(days),
+              onValueChange: (v) => setDays(Number(v)),
+              options: [7, 14, 30, 60, 90].map((n) => ({ value: String(n), label: `${n} days` }))
             }
           )
         ] }),
@@ -31237,6 +31241,7 @@ function SaveToTable({ source, shapeIndex = 0, onOpenTable, onSaved, onClose, ma
 var import_react169 = require("react");
 var import_react170 = require("@ai-matrx/records/react");
 var import_design_system86 = require("@ai-matrx/design-system");
+var import_controls3 = require("@ai-matrx/design-system/controls");
 var import_jsx_runtime101 = require("react/jsx-runtime");
 var NO_RULES_YET = "Nothing has to be true to get here yet.";
 var NEEDS_A_SENTENCE = "Write the sentence somebody reads when this stops them, the way you would say it out loud.";
@@ -31367,16 +31372,15 @@ function StageRulesSection({ tableId, stage, className }) {
     /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "font-medium", children: "Rules for entering" }),
       /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
-        "select",
+        import_controls3.Select,
         {
           "aria-label": "Stage",
-          className: "h-7 rounded border bg-background px-1 text-xs",
           value: stageKey ?? "",
-          onChange: (e) => {
-            setChosen(e.target.value);
+          onValueChange: (v) => {
+            setChosen(v);
             setDraft(null);
           },
-          children: stages.filter((s) => !s.retired).map((s) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("option", { value: s.key, children: s.label }, s.key))
+          options: stages.filter((s) => !s.retired).map((s) => ({ value: s.key, label: s.label }))
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "text-muted-foreground", children: gates.length }),
@@ -31444,13 +31448,12 @@ function StageRulesSection({ tableId, stage, className }) {
       /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex flex-wrap items-center gap-1", children: [
         /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "text-muted-foreground", children: "and when it does not" }),
         /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
-          "select",
+          import_controls3.Select,
           {
             "aria-label": "What happens",
-            className: "h-8 rounded border bg-background px-1 text-xs",
             value: draft.on_fail ?? "refuse",
-            onChange: (e) => setDraft({ ...draft, on_fail: e.target.value }),
-            children: ON_FAIL.map((o) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("option", { value: o.value, children: o.label }, o.value))
+            onValueChange: (on_fail) => setDraft({ ...draft, on_fail }),
+            options: ON_FAIL.map((o) => ({ value: o.value, label: o.label }))
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "text-muted-foreground", children: ON_FAIL.find((o) => o.value === (draft.on_fail ?? "refuse"))?.note })
@@ -38280,6 +38283,7 @@ function ViewSwitcher({
   onOpenRecord,
   openRecordId,
   onCloseRecord,
+  onRowsShown,
   onMoved,
   onNewRecordForm,
   onAskWhoChanged,
@@ -38357,6 +38361,7 @@ function ViewSwitcher({
         ...onOpenRecord ? { onOpenRecord } : {},
         ...openRecordId ? { openRecordId } : {},
         ...onCloseRecord ? { onCloseRecord } : {},
+        ...onRowsShown ? { onRowsShown } : {},
         ...onNewRecordForm ? { onNewRecordForm } : {},
         ...onAskWhoChanged ? { onAskWhoChanged } : {},
         ...viewId ? {
@@ -39716,7 +39721,7 @@ function ArchivedPortals({
 var import_react231 = require("react");
 var import_react232 = require("@ai-matrx/records/react");
 var import_design_system112 = require("@ai-matrx/design-system");
-var import_controls2 = require("@ai-matrx/design-system/controls");
+var import_controls4 = require("@ai-matrx/design-system/controls");
 var import_core22 = require("@dnd-kit/core");
 var import_sortable = require("@dnd-kit/sortable");
 var import_utilities = require("@dnd-kit/utilities");
@@ -40115,7 +40120,7 @@ function ViewBar({ tableId, activeViewId, onActiveView, seed, settings, onViews,
               }
             ) : /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "group flex min-h-7 items-center gap-1 px-2 text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: [
               /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
-                import_controls2.Button,
+                import_controls4.Button,
                 {
                   variant: "quiet",
                   className: "min-w-0 flex-1 justify-start gap-1 px-0",
@@ -40130,12 +40135,12 @@ function ViewBar({ tableId, activeViewId, onActiveView, seed, settings, onViews,
                 }
               ),
               rights.admin ? /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(import_jsx_runtime131.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_controls2.Button, { variant: "quiet", className: "shrink-0 normal-case", "data-view-section-rename": "", onClick: () => setRenamingSection({ from: group.name, draft: group.name }), children: "Rename" }),
-                /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_controls2.Button, { variant: "danger", className: "shrink-0 normal-case", "data-view-section-delete": "", title: "The views stay; they leave the section", onClick: () => void renameSection(group.name, null), children: "Delete" })
+                /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_controls4.Button, { variant: "quiet", className: "shrink-0 normal-case", "data-view-section-rename": "", onClick: () => setRenamingSection({ from: group.name, draft: group.name }), children: "Rename" }),
+                /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_controls4.Button, { variant: "danger", className: "shrink-0 normal-case", "data-view-section-delete": "", title: "The views stay; they leave the section", onClick: () => void renameSection(group.name, null), children: "Delete" })
               ] }) : null
             ] }) : null,
             group.name !== null && shut.includes(group.name) && !group.views.some((v) => v.id === active) ? null : group.views.map((view) => /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(SortableRow, { id: view.id, disabled: !(rights.admin || view.personal) || view.presentation?.locked === true, children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
-              import_controls2.Tile,
+              import_controls4.Tile,
               {
                 variant: "quiet",
                 selected: view.id === active,
@@ -40182,7 +40187,7 @@ function ViewBar({ tableId, activeViewId, onActiveView, seed, settings, onViews,
               /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_design_system112.Button, { size: "sm", type: "submit", className: "h-7", children: "Save" })
             ] }),
             rights.admin ? /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("label", { className: "flex items-center gap-1.5 text-[11px] text-muted-foreground", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_controls2.Switch, { checked: namingPersonal, onCheckedChange: setNamingPersonal, "data-view-new-personal": "" }),
+              /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_controls4.Switch, { checked: namingPersonal, onCheckedChange: setNamingPersonal, "data-view-new-personal": "" }),
               "Personal (only you see it)"
             ] }) : null
           ]
@@ -40194,8 +40199,8 @@ function ViewBar({ tableId, activeViewId, onActiveView, seed, settings, onViews,
           current.name,
           "\u201D to"
         ] }),
-        (0, import_views2.sectionNames)(views).map((name) => /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_controls2.Tile, { variant: "quiet", disabled: current.section === name, title: name, onClick: () => void moveToSection(current, name) }, name)),
-        current.section ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_controls2.Tile, { variant: "quiet", "data-view-section-none": "", title: "No section", onClick: () => void moveToSection(current, null) }) : null,
+        (0, import_views2.sectionNames)(views).map((name) => /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_controls4.Tile, { variant: "quiet", disabled: current.section === name, title: name, onClick: () => void moveToSection(current, name) }, name)),
+        current.section ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_controls4.Tile, { variant: "quiet", "data-view-section-none": "", title: "No section", onClick: () => void moveToSection(current, null) }) : null,
         /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
           "form",
           {
@@ -40255,7 +40260,7 @@ function ViewBar({ tableId, activeViewId, onActiveView, seed, settings, onViews,
         return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(import_jsx_runtime131.Fragment, { children: [
           reasons.map((reason) => /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("p", { className: "truncate px-2 py-1 text-xs text-muted-foreground", "data-view-actions-reason": "", title: reason, children: reason }, reason)),
           actions.map((action3) => /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
-            import_controls2.Tile,
+            import_controls4.Tile,
             {
               variant: "quiet",
               ...action3.destructive ? { danger: true } : {},
@@ -40393,6 +40398,7 @@ var import_format11 = require("@ai-matrx/kit/format");
 var import_react236 = require("react");
 var import_react237 = require("@ai-matrx/records/react");
 var import_design_system114 = require("@ai-matrx/design-system");
+var import_controls5 = require("@ai-matrx/design-system/controls");
 var import_text_case15 = require("@ai-matrx/kit/text-case");
 var import_jsx_runtime133 = require("react/jsx-runtime");
 var DUE_WORD = DUE_STATE_LABEL;
@@ -40544,16 +40550,13 @@ function ChecklistRunner({
         active.overdue > 0 ? ` \xB7 ${active.overdue} overdue` : ""
       ] }) : null,
       runs && runs.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
-        "select",
+        import_controls5.Select,
         {
           "aria-label": "Checklist run",
-          className: "ml-auto h-7 rounded border bg-background px-1 text-xs",
+          className: "ml-auto",
           value: activeId ?? "",
-          onChange: (e) => setActiveId(e.target.value),
-          children: runs.map((r) => /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("option", { value: r.run_id, children: [
-            r.name,
-            r.about ? ` \u2014 ${r.about}` : ""
-          ] }, r.run_id))
+          onValueChange: (v) => setActiveId(v),
+          options: runs.map((r) => ({ value: r.run_id, label: `${r.name}${r.about ? ` \u2014 ${r.about}` : ""}` }))
         }
       ) : null
     ] }),
@@ -40636,19 +40639,18 @@ function StepRow({
         ] }),
         unassigned && onAssign && members && members.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("label", { className: "mt-1 flex items-center gap-1.5 pl-7 text-[11px] text-muted-foreground", children: [
           "Give it to",
-          /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
-            "select",
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+            import_controls5.Select,
             {
-              className: "h-7 rounded border bg-background px-1 text-xs text-foreground",
               "aria-label": `Give ${step2.title} to`,
               value: "",
               disabled: busy,
-              onChange: (e) => {
-                if (e.target.value) onAssign(e.target.value);
+              onValueChange: (v) => {
+                if (v) onAssign(v);
               },
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("option", { value: "", children: "Choose a person" }),
-                members.map((m) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("option", { value: m.userId, children: m.name || m.email || "A member" }, m.userId))
+              options: [
+                { value: "", label: "Choose a person" },
+                ...members.map((m) => ({ value: m.userId, label: m.name || m.email || "A member" }))
               ]
             }
           )
@@ -41126,13 +41128,12 @@ function ChecklistTemplateEditor({
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
-          "select",
+          import_controls5.Select,
           {
             "aria-label": `Step ${index + 1} asks for`,
-            className: "h-7 rounded border bg-background px-1 text-xs",
             value: row.requires,
-            onChange: (e) => change(index, { requires: e.target.value }),
-            children: REQUIRES_KINDS.map((kind) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("option", { value: kind, children: kind === "none" ? "just a tick" : REQUIRES_WORD[kind] ?? kind }, kind))
+            onValueChange: (v) => change(index, { requires: v }),
+            options: REQUIRES_KINDS.map((kind) => ({ value: kind, label: kind === "none" ? "just a tick" : REQUIRES_WORD[kind] ?? kind }))
           }
         ),
         row.requires === "answer" || row.requires === "record_field" ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
@@ -42077,7 +42078,7 @@ var import_react240 = require("react");
 var import_records64 = require("@ai-matrx/records");
 var import_react241 = require("@ai-matrx/records/react");
 var import_design_system116 = require("@ai-matrx/design-system");
-var import_controls3 = require("@ai-matrx/design-system/controls");
+var import_controls6 = require("@ai-matrx/design-system/controls");
 var import_text_case16 = require("@ai-matrx/kit/text-case");
 var import_jsx_runtime135 = require("react/jsx-runtime");
 function endOfDayIso(day2, zone = getPersonTimeZone()) {
@@ -42118,7 +42119,7 @@ function AsOfControl({ value, onChange, className }) {
   }
   return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: (0, import_design_system116.cn)("flex h-6 items-center gap-1", className), "data-records-as-of": "", children: [
     /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
-      import_controls3.Field,
+      import_controls6.Field,
       {
         type: "text",
         inputMode: "numeric",
@@ -42148,7 +42149,7 @@ function AsOfControl({ value, onChange, className }) {
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { role: "group", "aria-label": "Clock", className: "flex overflow-hidden rounded border text-[11px]", children: ["recorded", "world"].map((which) => /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
-      import_controls3.Button,
+      import_controls6.Button,
       {
         variant: clock === which ? "primary" : "quiet",
         pressed: clock === which,
@@ -43317,6 +43318,7 @@ function FormResultsPanel({ form, className }) {
 var import_react252 = require("react");
 var import_react253 = require("@ai-matrx/records/react");
 var import_design_system122 = require("@ai-matrx/design-system");
+var import_controls7 = require("@ai-matrx/design-system/controls");
 var import_jsx_runtime141 = require("react/jsx-runtime");
 var RESTATING_REPLACES = "Saving replaces what this portal shows: a table you untick stops being visible to every client the moment you save. Who is invited is not touched.";
 function PortalBuilder({ tableId, portalId, onSaved, onClose, className }) {
@@ -43523,15 +43525,15 @@ function PortalBuilder({ tableId, portalId, onSaved, onClose, className }) {
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("label", { className: "flex flex-col gap-1", children: [
       /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(import_design_system122.Label, { className: "text-xs font-medium", children: "Which table holds your clients" }),
-      /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(
-        "select",
+      /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
+        import_controls7.Select,
         {
-          className: "h-9 rounded border bg-background px-2 text-sm",
+          "aria-label": "Which table holds your clients",
           value: clientTableId ?? "",
-          onChange: (e) => setClientTableId(e.target.value || null),
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("option", { value: "", children: "Pick the table whose records are the people signing in" }),
-            all.map((t) => /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("option", { value: t.id, children: t.name }, t.id))
+          onValueChange: (v) => setClientTableId(v || null),
+          options: [
+            { value: "", label: "Pick the table whose records are the people signing in" },
+            ...all.map((t) => ({ value: t.id, label: t.name }))
           ]
         }
       ),
@@ -43576,15 +43578,15 @@ function PortalBuilder({ tableId, portalId, onSaved, onClose, className }) {
             ) : /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", { className: "mt-2 flex flex-col gap-2", children: [
               /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("label", { className: "flex flex-col gap-1", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(import_design_system122.Label, { className: "text-xs font-medium", children: "Which field says whose row it is" }),
-                /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(
-                  "select",
+                /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
+                  import_controls7.Select,
                   {
-                    className: "h-8 rounded border bg-background px-2 text-sm",
+                    "aria-label": "Which field says whose row it is",
                     value: exposure?.namesVia ?? "",
-                    onChange: (e) => patch(t.id, { namesVia: e.target.value }),
-                    children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("option", { value: "", children: "Pick the field that names the client" }),
-                      ties.map((f) => /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("option", { value: f.key, children: fieldName(f) }, f.key))
+                    onValueChange: (v) => patch(t.id, { namesVia: v }),
+                    options: [
+                      { value: "", label: "Pick the field that names the client" },
+                      ...ties.map((f) => ({ value: f.key, label: fieldName(f) }))
                     ]
                   }
                 )
@@ -44812,6 +44814,7 @@ var import_react258 = require("react");
 var import_react259 = require("@ai-matrx/records/react");
 var import_records66 = require("@ai-matrx/records");
 var import_design_system127 = require("@ai-matrx/design-system");
+var import_controls8 = require("@ai-matrx/design-system/controls");
 
 // src/scheduleWords.ts
 var DAYS3 = {
@@ -45015,15 +45018,15 @@ function DigestScheduler({
     ] }),
     savedViewId ? null : /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("label", { className: "flex flex-col gap-1", children: [
       /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(import_design_system127.Label, { className: "text-xs font-medium", children: "What it summarises" }),
-      /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(
-        "select",
+      /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
+        import_controls8.Select,
         {
-          className: "h-9 rounded border bg-background px-2 text-sm",
+          "aria-label": "What it summarises",
           value: viewId,
-          onChange: (e) => setViewId(e.target.value),
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("option", { value: "new", children: subjectName?.trim() ? `What I am looking at now (${subjectName.trim()})` : "What I am looking at now" }),
-            (views ?? []).map((v) => /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("option", { value: v.view_id, children: v.name }, v.view_id))
+          onValueChange: setViewId,
+          options: [
+            { value: "new", label: subjectName?.trim() ? `What I am looking at now (${subjectName.trim()})` : "What I am looking at now" },
+            ...(views ?? []).map((v) => ({ value: v.view_id, label: v.name }))
           ]
         }
       ),
@@ -45033,24 +45036,27 @@ function DigestScheduler({
       /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("label", { className: "flex flex-col gap-1", children: [
         /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(import_design_system127.Label, { className: "text-xs font-medium", children: "How often" }),
         /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
-          "select",
+          import_controls8.Select,
           {
-            className: "h-9 rounded border bg-background px-2 text-sm",
+            "aria-label": "How often",
             value: cadence,
-            onChange: (e) => setCadence(e.target.value),
-            children: (cadences.length > 0 ? cadences : ["hourly", "daily", "weekly"]).map((c) => /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("option", { value: c, children: CADENCE_WORDS[c] ?? c }, c))
+            onValueChange: (c) => setCadence(c),
+            options: (cadences.length > 0 ? cadences : ["hourly", "daily", "weekly"]).map((c) => ({
+              value: c,
+              label: CADENCE_WORDS[c] ?? c
+            }))
           }
         )
       ] }),
       cadence === "weekly" ? /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("label", { className: "flex flex-col gap-1", children: [
         /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(import_design_system127.Label, { className: "text-xs font-medium", children: "Which day" }),
         /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
-          "select",
+          import_controls8.Select,
           {
-            className: "h-9 rounded border bg-background px-2 text-sm",
+            "aria-label": "Which day",
             value: weekday,
-            onChange: (e) => setWeekday(e.target.value),
-            children: WEEKDAYS.map((d) => /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("option", { value: d, children: d[0].toUpperCase() + d.slice(1) }, d))
+            onValueChange: setWeekday,
+            options: WEEKDAYS.map((d) => ({ value: d, label: d[0].toUpperCase() + d.slice(1) }))
           }
         )
       ] }) : null,
@@ -45074,12 +45080,12 @@ function DigestScheduler({
       /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("label", { className: "flex flex-col gap-1", children: [
         /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(import_design_system127.Label, { className: "text-xs font-medium", children: "Where it arrives" }),
         /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
-          "select",
+          import_controls8.Select,
           {
-            className: "h-9 rounded border bg-background px-2 text-sm",
+            "aria-label": "Where it arrives",
             value: channel,
-            onChange: (e) => setChannel(e.target.value),
-            children: Object.entries(CHANNEL_WORDS).map(([key, words2]) => /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("option", { value: key, children: words2 }, key))
+            onValueChange: setChannel,
+            options: Object.entries(CHANNEL_WORDS).map(([key, words2]) => ({ value: key, label: words2 }))
           }
         )
       ] })
@@ -45611,6 +45617,7 @@ function SubscriptionsPanel({ tableId, activeRuleId, className }) {
 // src/FormBuilder.tsx
 var import_clipboard10 = require("@ai-matrx/kit/clipboard");
 var import_design_system132 = require("@ai-matrx/design-system");
+var import_controls9 = require("@ai-matrx/design-system/controls");
 var import_react267 = require("react");
 var import_core23 = require("@dnd-kit/core");
 var import_sortable2 = require("@dnd-kit/sortable");
@@ -47057,12 +47064,15 @@ function FormBuilder({ tableId, seed, activeFormId, onActiveForm, startWithOne,
             /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("label", { className: "flex flex-col gap-1", children: [
               /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(import_design_system133.Label, { className: "text-xs font-medium", children: "Flow" }),
               /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
-                "select",
+                import_controls9.Select,
                 {
-                  className: "h-9 rounded border bg-background px-2 text-sm",
+                  "aria-label": "Flow",
                   value: draft.flow ?? "one-at-a-time",
-                  onChange: (e) => patch({ flow: e.target.value }),
-                  children: import_forms3.FORM_FLOWS.map((flow) => /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("option", { value: flow, children: flow === "one-at-a-time" ? "One question at a time" : "All on one page" }, flow))
+                  onValueChange: (flow) => patch({ flow }),
+                  options: import_forms3.FORM_FLOWS.map((flow) => ({
+                    value: flow,
+                    label: flow === "one-at-a-time" ? "One question at a time" : "All on one page"
+                  }))
                 }
               )
             ] }),
@@ -48008,6 +48018,7 @@ var import_react276 = require("react");
 var import_react277 = require("@ai-matrx/records/react");
 var import_records69 = require("@ai-matrx/records");
 var import_design_system137 = require("@ai-matrx/design-system");
+var import_controls10 = require("@ai-matrx/design-system/controls");
 var import_jsx_runtime155 = require("react/jsx-runtime");
 var CADENCE_WORDS2 = SUBSCRIPTION_CADENCE_LABEL;
 var CHANNEL_WORDS3 = SUBSCRIPTION_CHANNEL_LABEL;
@@ -48021,6 +48032,9 @@ function NotifyRuleEditor({ tableId, seed, chosenRuleId, onChoose, className })
   const [views, setViews] = (0, import_react276.useState)(null);
   const [error, setError] = (0, import_react276.useState)(null);
   const [busy, setBusy] = (0, import_react276.useState)(false);
+  const [pickView, setPickView] = (0, import_react276.useState)("");
+  const [pickCadence, setPickCadence] = (0, import_react276.useState)("");
+  const [pickChannel, setPickChannel] = (0, import_react276.useState)("in_app");
   const [stopping, setStopping] = (0, import_react276.useState)(null);
   const load = (0, import_react276.useCallback)(async () => {
     const [held, offered] = await Promise.all([
@@ -48218,9 +48232,36 @@ function NotifyRuleEditor({ tableId, seed, chosenRuleId, onChoose, className })
           if (view) void subscribe(view, name, cadence, channel, schedule, quiet2);
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("select", { name: "view", "aria-label": "View to be told about", className: "h-7 rounded border bg-background px-1 text-xs", children: views.map((view) => /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("option", { value: view.id, children: view.name }, view.id)) }),
-          /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("select", { name: "cadence", "aria-label": "How often", className: "h-7 rounded border bg-background px-1 text-xs", children: (cadences.length > 0 ? cadences : ["instant"]).map((cadence) => /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("option", { value: cadence, children: CADENCE_WORDS2[cadence] ?? cadence }, cadence)) }),
-          /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("select", { name: "channel", "aria-label": "Where it arrives", className: "h-7 rounded border bg-background px-1 text-xs", children: ["in_app", "email", "sms"].map((channel) => /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("option", { value: channel, children: CHANNEL_WORDS3[channel] }, channel)) }),
+          /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("input", { type: "hidden", name: "view", value: pickView || (views[0]?.id ?? "") }),
+          /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
+            import_controls10.Select,
+            {
+              "aria-label": "View to be told about",
+              value: pickView || (views[0]?.id ?? ""),
+              onValueChange: setPickView,
+              options: views.map((view) => ({ value: view.id, label: view.name }))
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("input", { type: "hidden", name: "cadence", value: pickCadence || (cadences.length > 0 ? cadences : ["instant"])[0] }),
+          /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
+            import_controls10.Select,
+            {
+              "aria-label": "How often",
+              value: pickCadence || (cadences.length > 0 ? cadences : ["instant"])[0],
+              onValueChange: setPickCadence,
+              options: (cadences.length > 0 ? cadences : ["instant"]).map((cadence) => ({ value: cadence, label: CADENCE_WORDS2[cadence] ?? cadence }))
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("input", { type: "hidden", name: "channel", value: pickChannel }),
+          /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
+            import_controls10.Select,
+            {
+              "aria-label": "Where it arrives",
+              value: pickChannel,
+              onValueChange: setPickChannel,
+              options: ["in_app", "email", "sms"].map((channel) => ({ value: channel, label: CHANNEL_WORDS3[channel] ?? channel }))
+            }
+          ),
           /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
             "input",
             {
@@ -48268,6 +48309,7 @@ var import_core24 = require("@dnd-kit/core");
 var import_sortable3 = require("@dnd-kit/sortable");
 var import_utilities3 = require("@dnd-kit/utilities");
 var import_design_system138 = require("@ai-matrx/design-system");
+var import_controls11 = require("@ai-matrx/design-system/controls");
 
 // src/dashboardLayout.ts
 var SPAN_CHOICES = [
@@ -48385,13 +48427,13 @@ function GridCell2({
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(
-            "select",
+            import_controls11.Select,
             {
               "aria-label": `Width of ${item.title}`,
-              className: "ml-auto h-7 rounded border bg-background px-1 text-xs",
-              value: snapSpan(item.span),
-              onChange: (e) => onSpan(index, Number(e.target.value)),
-              children: SPAN_CHOICES.map((choice) => /* @__PURE__ */ (0, import_jsx_runtime156.jsx)("option", { value: choice.span, children: choice.label }, choice.span))
+              className: "ml-auto",
+              value: String(snapSpan(item.span)),
+              onValueChange: (v) => onSpan(index, Number(v)),
+              options: SPAN_CHOICES.map((choice) => ({ value: String(choice.span), label: choice.label }))
             }
           )
         ] }) : null,
@@ -48526,6 +48568,9 @@ function AddChart({ subject, onAdd, onClose }) {
   ] });
 }
 
+// src/DashboardCanvas.tsx
+var import_controls12 = require("@ai-matrx/design-system/controls");
+
 // src/pages.ts
 var import_records70 = require("@ai-matrx/records");
 var PAGE_BLOCK_KINDS = ["list", "record", "button", "form", "filter", "chart", "heading", "text", "applet"];
@@ -48968,13 +49013,12 @@ function BlockSettings({
   const fields = own3.data ?? [];
   return /* @__PURE__ */ (0, import_jsx_runtime158.jsxs)("div", { className: "flex flex-col items-stretch gap-1.5 text-xs", children: [
     /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
-      "select",
+      import_controls12.Select,
       {
         "aria-label": `Shape of ${title}`,
-        className: "h-7 rounded border bg-background px-1 text-xs",
         value: spec.kind,
-        onChange: (e) => onChange({ ...spec, kind: e.target.value }),
-        children: CHART_KINDS.map((kind) => /* @__PURE__ */ (0, import_jsx_runtime158.jsx)("option", { value: kind, children: CHART_KIND_LABEL[kind] }, kind))
+        onValueChange: (kind) => onChange({ ...spec, kind }),
+        options: CHART_KINDS.map((kind) => ({ value: kind, label: CHART_KIND_LABEL[kind] }))
       }
     ),
     (spec.groupBy ?? []).length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
@@ -52146,7 +52190,7 @@ var import_clipboard17 = require("@ai-matrx/kit/clipboard");
 var import_react311 = require("react");
 var import_records74 = require("@ai-matrx/records");
 var import_react312 = require("@ai-matrx/records/react");
-var import_design_system157 = require("@ai-matrx/design-system");
+var import_design_system158 = require("@ai-matrx/design-system");
 var import_text_case22 = require("@ai-matrx/kit/text-case");
 
 // src/calendarFeed.ts
@@ -52391,42 +52435,143 @@ async function runTablePageAction(kind, args) {
   }
 }
 
-// src/RecordPanel.tsx
-var import_react302 = require("react");
+// src/RecordStepper.tsx
 var import_design_system151 = require("@ai-matrx/design-system");
-var import_react303 = require("@ai-matrx/records/react");
 var import_jsx_runtime169 = require("react/jsx-runtime");
-function RecordPanel({ tableId, recordId, onClose, onAskAboutField, onPage = false }) {
-  const host = useRecordsUi();
-  const [asking, setAsking] = (0, import_react302.useState)(null);
-  return /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)("div", { className: "space-y-3", "data-record-panel": recordId, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(Peek, { tableId, recordId, onPage, ...onClose ? { onClose } : {} }),
-    onPage ? /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)(import_jsx_runtime169.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(RecordBody, { tableId, recordId }),
-      /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(LinkedLists, { tableId, recordId }),
-      /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(ReverseLinksSections, { tableId, recordId }),
-      /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(RecordAsk, { tableId, recordId })
-    ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(import_design_system151.Separator, {}),
+function neighborsOf(ids, id) {
+  const index = ids.indexOf(id);
+  if (index < 0) return null;
+  return {
+    index,
+    total: ids.length,
+    previous: index > 0 ? ids[index - 1] : null,
+    next: index < ids.length - 1 ? ids[index + 1] : null
+  };
+}
+var TEXT_TAGS = /* @__PURE__ */ new Set(["INPUT", "TEXTAREA", "SELECT"]);
+function stepKeyOf(event) {
+  if (event.defaultPrevented || event.metaKey || event.ctrlKey || event.altKey || event.shiftKey) return null;
+  if (event.key !== "ArrowUp" && event.key !== "ArrowDown") return null;
+  const target = event.target;
+  if (target) {
+    if (TEXT_TAGS.has(target.tagName) || target.isContentEditable) return null;
+    const role = target.getAttribute?.("role");
+    if (role === "combobox" || role === "listbox" || role === "option" || role === "slider" || role === "spinbutton") return null;
+  }
+  return event.key === "ArrowUp" ? -1 : 1;
+}
+function RecordStepper({ neighbors, onStep, expanded, onToggleExpand }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)("div", { className: "flex items-center gap-1", "data-record-stepper": "", children: [
     /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
-      HistoryPanel,
+      import_design_system151.Button,
       {
-        tableId,
-        recordId,
-        onAskAboutField: (fieldKey) => onAskAboutField ? onAskAboutField(fieldKey) : setAsking(fieldKey)
+        size: "sm",
+        variant: "ghost",
+        className: "h-7 w-7 p-0",
+        "aria-label": "Previous record",
+        title: "Previous record (\u2191)",
+        disabled: neighbors.previous === null,
+        onClick: () => neighbors.previous && onStep(neighbors.previous),
+        "data-record-previous": "",
+        children: "\u2191"
       }
     ),
-    !onAskAboutField && asking ? /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(FieldHistoryPanel, { tableId, fieldKey: asking, recordId, onClose: () => setAsking(null) }) : null,
-    host.recordSections ? /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)(import_react302.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(import_design_system151.Separator, {}),
-      host.recordSections({ tableId, recordId })
-    ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(import_design_system151.Separator, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(ChecklistRunner, { tableId, recordId }),
-    /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(import_design_system151.Separator, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(CommentThread, { tableId, recordId })
+    /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
+      import_design_system151.Button,
+      {
+        size: "sm",
+        variant: "ghost",
+        className: "h-7 w-7 p-0",
+        "aria-label": "Next record",
+        title: "Next record (\u2193)",
+        disabled: neighbors.next === null,
+        onClick: () => neighbors.next && onStep(neighbors.next),
+        "data-record-next": "",
+        children: "\u2193"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)("span", { className: "text-[11px] tabular-nums text-muted-foreground", "data-record-position": "", children: [
+      neighbors.index + 1,
+      " of ",
+      neighbors.total
+    ] }),
+    onToggleExpand ? /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
+      import_design_system151.Button,
+      {
+        size: "sm",
+        variant: "ghost",
+        className: "ml-auto h-7 px-2 text-xs",
+        "aria-pressed": Boolean(expanded),
+        onClick: onToggleExpand,
+        "data-record-expand": "",
+        children: expanded ? "Shrink" : "Expand"
+      }
+    ) : null
   ] });
 }
+
+// src/RecordPanel.tsx
+var import_react302 = require("react");
+var import_design_system152 = require("@ai-matrx/design-system");
+var import_react303 = require("@ai-matrx/records/react");
+var import_jsx_runtime170 = require("react/jsx-runtime");
+function RecordPanel({ tableId, recordId, onClose, onAskAboutField, onPage = false, neighbors, onStep, expanded, onToggleExpand }) {
+  const host = useRecordsUi();
+  const [asking, setAsking] = (0, import_react302.useState)(null);
+  return /* @__PURE__ */ (0, import_jsx_runtime170.jsxs)(
+    "div",
+    {
+      className: "space-y-3 outline-none",
+      tabIndex: -1,
+      "data-record-panel": recordId,
+      onKeyDown: (event) => {
+        if (event.key === "Escape" && !event.defaultPrevented && onClose && !onPage) {
+          const tag = event.target?.tagName;
+          if (tag !== "INPUT" && tag !== "TEXTAREA" && tag !== "SELECT") {
+            event.preventDefault();
+            onClose();
+          }
+          return;
+        }
+        if (!neighbors || !onStep) return;
+        const way = stepKeyOf(event);
+        const to = way === null ? null : way < 0 ? neighbors.previous : neighbors.next;
+        if (to) {
+          event.preventDefault();
+          onStep(to);
+        }
+      },
+      children: [
+        neighbors && onStep ? /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(RecordStepper, { neighbors, onStep: (to) => onStep(to), expanded, onToggleExpand }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(Peek, { tableId, recordId, onPage, ...onClose ? { onClose } : {} }),
+        onPage ? /* @__PURE__ */ (0, import_jsx_runtime170.jsxs)(import_jsx_runtime170.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(RecordBody, { tableId, recordId }),
+          /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(LinkedLists, { tableId, recordId }),
+          /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(ReverseLinksSections, { tableId, recordId }),
+          /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(RecordAsk, { tableId, recordId })
+        ] }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(import_design_system152.Separator, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(
+          HistoryPanel,
+          {
+            tableId,
+            recordId,
+            onAskAboutField: (fieldKey) => onAskAboutField ? onAskAboutField(fieldKey) : setAsking(fieldKey)
+          }
+        ),
+        !onAskAboutField && asking ? /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(FieldHistoryPanel, { tableId, fieldKey: asking, recordId, onClose: () => setAsking(null) }) : null,
+        host.recordSections ? /* @__PURE__ */ (0, import_jsx_runtime170.jsxs)(import_react302.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(import_design_system152.Separator, {}),
+          host.recordSections({ tableId, recordId })
+        ] }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(import_design_system152.Separator, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(ChecklistRunner, { tableId, recordId }),
+        /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(import_design_system152.Separator, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(CommentThread, { tableId, recordId })
+      ]
+    }
+  );
+}
 function LinkedLists({ tableId, recordId }) {
   const fields = (0, import_react303.useFields)(tableId);
   const record = (0, import_react303.useRecord)(recordId, true, { tableId });
@@ -52436,9 +52581,9 @@ function LinkedLists({ tableId, recordId }) {
   const may = useRecordRights(recordId);
   if (links.length === 0 || !document2) return null;
   if (may.write) {
-    return /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)("div", { className: "flex flex-col gap-3", "data-record-linked-lists": "", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(import_design_system151.Separator, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime170.jsxs)("div", { className: "flex flex-col gap-3", "data-record-linked-lists": "", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(import_design_system152.Separator, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(
         RecordFieldsInPlace,
         {
           tableId,
@@ -52451,25 +52596,25 @@ function LinkedLists({ tableId, recordId }) {
           className: "flex min-w-0 flex-col gap-1",
           renderLabel: (field2) => {
             const count = referencesOf(field2, document2[field2.key], "relation", labels).length;
-            return /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)("span", { className: "flex items-center gap-2 pt-2 text-foreground", "data-record-linked-list": field2.key, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime169.jsx)("span", { className: "truncate text-xs font-medium", children: fieldName(field2) }),
-              count > 0 ? /* @__PURE__ */ (0, import_jsx_runtime169.jsx)("span", { className: "text-[11px] text-muted-foreground", children: count }) : null
+            return /* @__PURE__ */ (0, import_jsx_runtime170.jsxs)("span", { className: "flex items-center gap-2 pt-2 text-foreground", "data-record-linked-list": field2.key, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("span", { className: "truncate text-xs font-medium", children: fieldName(field2) }),
+              count > 0 ? /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("span", { className: "text-[11px] text-muted-foreground", children: count }) : null
             ] });
           }
         }
       )
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)("div", { className: "flex flex-col gap-3", "data-record-linked-lists": "", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(import_design_system151.Separator, {}),
+  return /* @__PURE__ */ (0, import_jsx_runtime170.jsxs)("div", { className: "flex flex-col gap-3", "data-record-linked-lists": "", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(import_design_system152.Separator, {}),
     links.map((field2) => {
       const refs = referencesOf(field2, document2[field2.key], "relation", labels);
-      return /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)("section", { className: "flex min-w-0 flex-col gap-1", "data-record-linked-list": field2.key, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime169.jsx)("h4", { className: "truncate text-xs font-medium", children: fieldName(field2) }),
-          refs.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime169.jsx)("span", { className: "text-[11px] text-muted-foreground", children: refs.length }) : null
+      return /* @__PURE__ */ (0, import_jsx_runtime170.jsxs)("section", { className: "flex min-w-0 flex-col gap-1", "data-record-linked-list": field2.key, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime170.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("h4", { className: "truncate text-xs font-medium", children: fieldName(field2) }),
+          refs.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("span", { className: "text-[11px] text-muted-foreground", children: refs.length }) : null
         ] }),
-        refs.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime169.jsx)("span", { className: "text-xs text-muted-foreground", children: "\u2014" }) : /* @__PURE__ */ (0, import_jsx_runtime169.jsx)("ul", { className: "flex min-w-0 flex-col gap-1", children: refs.map((ref) => /* @__PURE__ */ (0, import_jsx_runtime169.jsx)("li", { className: "min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(ReferenceChip, { reference: ref }) }, ref.id)) })
+        refs.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("span", { className: "text-xs text-muted-foreground", children: "\u2014" }) : /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("ul", { className: "flex min-w-0 flex-col gap-1", children: refs.map((ref) => /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("li", { className: "min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(ReferenceChip, { reference: ref }) }, ref.id)) })
       ] }, field2.id);
     })
   ] });
@@ -52478,16 +52623,16 @@ function RecordAsk({ tableId, recordId }) {
   const host = useRecordsUi();
   const [open, setOpen] = (0, import_react302.useState)(false);
   if (!host.chat) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)("section", { className: "flex min-w-0 flex-col gap-1.5", "data-record-ask": open ? "open" : "", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(import_design_system151.Separator, {}),
-    open ? /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(RecordChat, { tableId, recordId, className: "min-h-[22rem]" }) : /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(import_design_system151.Button, { size: "sm", variant: "outline", className: "self-start", onClick: () => setOpen(true), "data-record-ask-open": "", children: "Ask about this record" })
+  return /* @__PURE__ */ (0, import_jsx_runtime170.jsxs)("section", { className: "flex min-w-0 flex-col gap-1.5", "data-record-ask": open ? "open" : "", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(import_design_system152.Separator, {}),
+    open ? /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(RecordChat, { tableId, recordId, className: "min-h-[22rem]" }) : /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(import_design_system152.Button, { size: "sm", variant: "outline", className: "self-start", onClick: () => setOpen(true), "data-record-ask-open": "", children: "Ask about this record" })
   ] });
 }
 
 // src/breakDown.tsx
 var import_react304 = require("react");
-var import_design_system152 = require("@ai-matrx/design-system");
-var import_jsx_runtime170 = require("react/jsx-runtime");
+var import_design_system153 = require("@ai-matrx/design-system");
+var import_jsx_runtime171 = require("react/jsx-runtime");
 var BREAK_DOWN_ACTION_ID = "break-down";
 var NO_DIMENSION_REASON = "No column to break down by";
 function breakDownAction(args) {
@@ -52516,14 +52661,14 @@ function BreakDownDialog({
   const dimensions = (0, import_react304.useMemo)(() => drillDimensionsOf(def, NO_LABELS), [def]);
   const [picked, setPicked] = (0, import_react304.useState)(null);
   const key = picked ?? held?.field ?? dimensions[0]?.key ?? "";
-  return /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(import_design_system152.Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime170.jsxs)(import_design_system152.DialogContent, { "data-break-down": "", className: "max-w-sm", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(import_design_system152.DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(import_design_system152.DialogTitle, { children: "Break down by" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime170.jsxs)(import_design_system152.Select, { value: key, onValueChange: setPicked, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(import_design_system152.SelectTrigger, { "aria-label": "Column to break down by", "data-break-down-select": "", children: /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(import_design_system152.SelectValue, { placeholder: def ? NO_DIMENSION_REASON : "Reading this table\u2026" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(import_design_system152.SelectContent, { children: dimensions.map((d) => /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(import_design_system152.SelectItem, { value: d.key, children: d.label }, d.key)) })
+  return /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(import_design_system153.Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime171.jsxs)(import_design_system153.DialogContent, { "data-break-down": "", className: "max-w-sm", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(import_design_system153.DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(import_design_system153.DialogTitle, { children: "Break down by" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime171.jsxs)(import_design_system153.Select, { value: key, onValueChange: setPicked, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(import_design_system153.SelectTrigger, { "aria-label": "Column to break down by", "data-break-down-select": "", children: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(import_design_system153.SelectValue, { placeholder: def ? NO_DIMENSION_REASON : "Reading this table\u2026" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(import_design_system153.SelectContent, { children: dimensions.map((d) => /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(import_design_system153.SelectItem, { value: d.key, children: d.label }, d.key)) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(
-      import_design_system152.Button,
+    /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(
+      import_design_system153.Button,
       {
         type: "button",
         "data-break-down-apply": "",
@@ -52543,8 +52688,8 @@ function BreakDownDialog({
 var import_clipboard16 = require("@ai-matrx/kit/clipboard");
 var import_react305 = require("react");
 var import_workspace2 = require("@ai-matrx/alchemy/react/workspace");
-var import_design_system153 = require("@ai-matrx/design-system");
-var import_jsx_runtime171 = require("react/jsx-runtime");
+var import_design_system154 = require("@ai-matrx/design-system");
+var import_jsx_runtime172 = require("react/jsx-runtime");
 function tableReferenceChoices(tableId, name) {
   return [
     {
@@ -52587,11 +52732,11 @@ function TableReferenceDialog({
     },
     [port, notify]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(import_design_system153.Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime171.jsxs)(import_design_system153.DialogContent, { className: "sm:max-w-sm", "data-table-reference": "", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(import_design_system153.DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(import_design_system153.DialogTitle, { children: "Get reference" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("div", { className: "flex flex-col gap-2", children: choices.map((choice) => /* @__PURE__ */ (0, import_jsx_runtime171.jsxs)("div", { className: "flex items-center justify-between gap-3 rounded-md border px-3 py-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("span", { className: "text-sm", children: choice.label }),
-      /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(import_design_system153.Button, { size: "sm", variant: "outline", onClick: () => void copy(choice), "data-table-reference-copy": choice.id, children: copied === choice.id ? "Copied" : "Copy" })
+  return /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(import_design_system154.Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)(import_design_system154.DialogContent, { className: "sm:max-w-sm", "data-table-reference": "", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(import_design_system154.DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(import_design_system154.DialogTitle, { children: "Get reference" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("div", { className: "flex flex-col gap-2", children: choices.map((choice) => /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)("div", { className: "flex items-center justify-between gap-3 rounded-md border px-3 py-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("span", { className: "text-sm", children: choice.label }),
+      /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(import_design_system154.Button, { size: "sm", variant: "outline", onClick: () => void copy(choice), "data-table-reference-copy": choice.id, children: copied === choice.id ? "Copied" : "Copy" })
     ] }, choice.id)) })
   ] }) });
 }
@@ -52600,8 +52745,8 @@ function TableReferenceDialog({
 var import_format14 = require("@ai-matrx/kit/format");
 var import_react306 = require("react");
 var import_react307 = require("@ai-matrx/records/react");
-var import_design_system154 = require("@ai-matrx/design-system");
-var import_jsx_runtime172 = require("react/jsx-runtime");
+var import_design_system155 = require("@ai-matrx/design-system");
+var import_jsx_runtime173 = require("react/jsx-runtime");
 function copyNameFor(name) {
   return `${name.trim() || "Table"} (copy)`;
 }
@@ -52649,13 +52794,13 @@ function TableDuplicateDialog({ tableId, name, open, onOpenChange, onDuplicated
     if (onDuplicated) onDuplicated(copy);
     else if (typeof window !== "undefined") window.location.assign(copy.path);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(import_design_system154.Dialog, { open, onOpenChange: close, children: /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)(import_design_system154.DialogContent, { className: "sm:max-w-md", "data-table-duplicate": tableId, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(import_design_system154.DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)(import_design_system154.DialogTitle, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(import_design_system155.Dialog, { open, onOpenChange: close, children: /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)(import_design_system155.DialogContent, { className: "sm:max-w-md", "data-table-duplicate": tableId, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(import_design_system155.DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)(import_design_system155.DialogTitle, { children: [
       "Duplicate ",
       name || "table"
     ] }) }),
-    phase.kind === "done" ? /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)("div", { className: "flex flex-col gap-1.5 text-sm", "data-table-duplicate-done": "", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)("p", { children: [
+    phase.kind === "done" ? /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)("div", { className: "flex flex-col gap-1.5 text-sm", "data-table-duplicate-done": "", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)("p", { children: [
         phase.copy.table.name,
         ": ",
         phase.copy.copied.fields,
@@ -52665,14 +52810,14 @@ function TableDuplicateDialog({ tableId, name, open, onOpenChange, onDuplicated
         phase.copy.copied.withRecords ? `, ${(0, import_format14.formatCount)(phase.copy.copied.records)} records` : "",
         "."
       ] }),
-      phase.copy.notCopied.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
+      phase.copy.notCopied.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
         "Not copied: ",
         phase.copy.notCopied.join(", "),
         "."
       ] }) : null
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)("div", { className: "flex flex-col gap-3 text-sm", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
-        import_design_system154.Input,
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)("div", { className: "flex flex-col gap-3 text-sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
+        import_design_system155.Input,
         {
           autoFocus: true,
           "aria-label": "Name of the copy",
@@ -52684,26 +52829,26 @@ function TableDuplicateDialog({ tableId, name, open, onOpenChange, onDuplicated
           }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)("label", { className: "flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("span", { children: "Copy its records" }),
-        /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(import_design_system154.Switch, { checked: withRecords, disabled: copying, onCheckedChange: setWithRecords, "aria-label": "Copy its records" })
+      /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)("label", { className: "flex items-center justify-between gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime173.jsx)("span", { children: "Copy its records" }),
+        /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(import_design_system155.Switch, { checked: withRecords, disabled: copying, onCheckedChange: setWithRecords, "aria-label": "Copy its records" })
       ] }),
-      phase.kind === "copying" ? /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("p", { className: "text-xs text-muted-foreground", "data-table-duplicate-progress": "", children: phase.progress ? duplicateProgressWords(phase.progress) : "Starting the copy\u2026" }) : null,
-      phase.kind === "refused" ? /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(import_design_system154.ErrorBox, { children: phase.sentence }) : null,
-      problem && typed2 !== "" ? /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("p", { className: "text-xs text-muted-foreground", children: problem }) : null
+      phase.kind === "copying" ? /* @__PURE__ */ (0, import_jsx_runtime173.jsx)("p", { className: "text-xs text-muted-foreground", "data-table-duplicate-progress": "", children: phase.progress ? duplicateProgressWords(phase.progress) : "Starting the copy\u2026" }) : null,
+      phase.kind === "refused" ? /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(import_design_system155.ErrorBox, { children: phase.sentence }) : null,
+      problem && typed2 !== "" ? /* @__PURE__ */ (0, import_jsx_runtime173.jsx)("p", { className: "text-xs text-muted-foreground", children: problem }) : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(import_design_system154.DialogFooter, { children: phase.kind === "done" ? /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(import_design_system154.Button, { onClick: () => openCopy(phase.copy), "data-table-duplicate-open": "", children: "Open the copy" }) : /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)(import_jsx_runtime172.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(import_design_system154.Button, { variant: "ghost", disabled: copying, onClick: () => close(false), children: "Cancel" }),
-      /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(import_design_system154.Button, { disabled: copying || problem !== null, onClick: () => void go(), children: copying ? "Duplicating\u2026" : "Duplicate" })
+    /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(import_design_system155.DialogFooter, { children: phase.kind === "done" ? /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(import_design_system155.Button, { onClick: () => openCopy(phase.copy), "data-table-duplicate-open": "", children: "Open the copy" }) : /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)(import_jsx_runtime173.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(import_design_system155.Button, { variant: "ghost", disabled: copying, onClick: () => close(false), children: "Cancel" }),
+      /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(import_design_system155.Button, { disabled: copying || problem !== null, onClick: () => void go(), children: copying ? "Duplicating\u2026" : "Duplicate" })
     ] }) })
   ] }) });
 }
 
 // src/ViewFilter.tsx
 var import_react308 = require("react");
-var import_design_system155 = require("@ai-matrx/design-system");
+var import_design_system156 = require("@ai-matrx/design-system");
 var import_react309 = require("@ai-matrx/records/react");
-var import_jsx_runtime173 = require("react/jsx-runtime");
+var import_jsx_runtime174 = require("react/jsx-runtime");
 function conditionCount(expr) {
   if (!expr || typeof expr !== "object" || Array.isArray(expr)) return 0;
   const node = expr;
@@ -52731,8 +52876,8 @@ function ViewFilter({ tableId, view, onApply, className }) {
   return (
     // THE BUILDER FLOATS OVER THE TABLE (STABLE-TABLES; Notion's filter popover): drawn inside the
     // toolbar row it grew the row and pushed the whole table down (0.13 + 0.13 layout shift).
-    /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)(
-      import_design_system155.Popover,
+    /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)(
+      import_design_system156.Popover,
       {
         open,
         onOpenChange: (next) => {
@@ -52740,8 +52885,8 @@ function ViewFilter({ tableId, view, onApply, className }) {
           setOpen(next);
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(import_design_system155.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
-            import_design_system155.Button,
+          /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(import_design_system156.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
+            import_design_system156.Button,
             {
               size: "sm",
               variant: open || count > 0 ? "secondary" : "ghost",
@@ -52752,17 +52897,17 @@ function ViewFilter({ tableId, view, onApply, className }) {
               children: count > 0 ? `Filter \xB7 ${count}` : "Filter"
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(import_design_system155.PopoverContent, { sizing: "content", align: "start", className: "w-auto max-w-[min(42rem,calc(100vw-2rem))] p-2", children: /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(import_design_system156.PopoverContent, { sizing: "content", align: "start", className: "w-auto max-w-[min(42rem,calc(100vw-2rem))] p-2", children: /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)(
             "div",
             {
               className: "flex flex-col gap-2 text-xs",
               "data-testid": "view-filter-panel",
               children: [
-                view.ruleId ? /* @__PURE__ */ (0, import_jsx_runtime173.jsx)("p", { className: "text-muted-foreground", children: "This view's records are chosen by a membership Rule, and the store answers it. Change the Rule to change who is in this view." }) : !conditionIsDrawable(saved) ? /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)("p", { className: "text-muted-foreground", children: [
+                view.ruleId ? /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("p", { className: "text-muted-foreground", children: "This view's records are chosen by a membership Rule, and the store answers it. Change the Rule to change who is in this view." }) : !conditionIsDrawable(saved) ? /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)("p", { className: "text-muted-foreground", children: [
                   "This view asks: ",
                   conditionInWords(saved, conditionFields),
                   ". It cannot be drawn here; clear it to start a new filter."
-                ] }) : /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(FilterTermsContext.Provider, { value: true, children: /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
+                ] }) : /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(FilterTermsContext.Provider, { value: true, children: /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
                   ConditionGroup,
                   {
                     lead: "Show records where",
@@ -52772,9 +52917,9 @@ function ViewFilter({ tableId, view, onApply, className }) {
                     onChange: setDraft
                   }
                 ) }),
-                view.ruleId ? null : /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)("div", { className: "flex items-center gap-1", children: [
-                  changed2 ? /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
-                    import_design_system155.Button,
+                view.ruleId ? null : /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)("div", { className: "flex items-center gap-1", children: [
+                  changed2 ? /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
+                    import_design_system156.Button,
                     {
                       size: "sm",
                       "data-testid": "view-filter-apply",
@@ -52785,8 +52930,8 @@ function ViewFilter({ tableId, view, onApply, className }) {
                       children: "Apply"
                     }
                   ) : null,
-                  count > 0 || draft ? /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(
-                    import_design_system155.Button,
+                  count > 0 || draft ? /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
+                    import_design_system156.Button,
                     {
                       size: "sm",
                       variant: "ghost",
@@ -52799,7 +52944,7 @@ function ViewFilter({ tableId, view, onApply, className }) {
                       children: "Clear filter"
                     }
                   ) : null,
-                  /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(import_design_system155.Button, { size: "sm", variant: "ghost", onClick: () => {
+                  /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(import_design_system156.Button, { size: "sm", variant: "ghost", onClick: () => {
                     setDraft(saved);
                     setOpen(false);
                   }, children: "Cancel" })
@@ -52814,11 +52959,11 @@ function ViewFilter({ tableId, view, onApply, className }) {
 }
 
 // src/PhoneTableActions.tsx
-var import_design_system156 = require("@ai-matrx/design-system");
-var import_jsx_runtime174 = require("react/jsx-runtime");
+var import_design_system157 = require("@ai-matrx/design-system");
+var import_jsx_runtime175 = require("react/jsx-runtime");
 function PhoneActionRow({ action: action3, groupStart }) {
   const disabled = action3.disabledReason !== void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(
     "button",
     {
       type: "button",
@@ -52828,16 +52973,16 @@ function PhoneActionRow({ action: action3, groupStart }) {
       onClick: () => {
         if (!disabled) void action3.run();
       },
-      className: (0, import_design_system156.cn)(
+      className: (0, import_design_system157.cn)(
         "flex min-h-11 w-full items-center gap-3 px-1 text-left text-base disabled:opacity-60",
         groupStart && "border-t border-border pt-1",
         action3.destructive && "text-destructive"
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(ObjectActionGlyph, { name: action3.icon, className: "h-5 w-5 shrink-0" }),
-        /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)("span", { className: "flex min-w-0 flex-col", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("span", { className: "truncate", children: action3.label }),
-          disabled ? /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("span", { className: "truncate text-xs text-muted-foreground", "data-object-action-reason": "", children: action3.disabledReason }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(ObjectActionGlyph, { name: action3.icon, className: "h-5 w-5 shrink-0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)("span", { className: "flex min-w-0 flex-col", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("span", { className: "truncate", children: action3.label }),
+          disabled ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("span", { className: "truncate text-xs text-muted-foreground", "data-object-action-reason": "", children: action3.disabledReason }) : null
         ] })
       ]
     }
@@ -52845,20 +52990,20 @@ function PhoneActionRow({ action: action3, groupStart }) {
 }
 PhoneActionRow.routeHeaderMenu = true;
 function PhoneSubmenu({ label, icon, actions }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)(import_design_system156.DropdownMenu, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(import_design_system156.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(import_design_system157.DropdownMenu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(
       "button",
       {
         type: "button",
         "data-object-action-group": "built-on",
         className: "flex min-h-11 w-full items-center gap-3 border-t border-border px-1 pt-1 text-left text-base",
         children: [
-          icon ? /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(ObjectActionGlyph, { name: icon, className: "h-5 w-5 shrink-0" }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("span", { className: "truncate", children: label })
+          icon ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(ObjectActionGlyph, { name: icon, className: "h-5 w-5 shrink-0" }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("span", { className: "truncate", children: label })
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(import_design_system156.DropdownMenuContent, { align: "end", className: "w-64", children: /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(ObjectActionMenuItems, { actions: actions.map((a) => ({ ...a, group: "manage" })) }) })
+    /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.DropdownMenuContent, { align: "end", className: "w-64", children: /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(ObjectActionMenuItems, { actions: actions.map((a) => ({ ...a, group: "manage" })) }) })
   ] });
 }
 PhoneSubmenu.routeHeaderMenu = true;
@@ -52871,13 +53016,13 @@ function phoneTableActions(actions) {
       continue;
     }
     if (entry.kind === "submenu") {
-      out.push(/* @__PURE__ */ (0, import_jsx_runtime174.jsx)(PhoneSubmenu, { label: entry.label, icon: entry.icon, actions: entry.actions }, `phone-group-${entry.id}`));
+      out.push(/* @__PURE__ */ (0, import_jsx_runtime175.jsx)(PhoneSubmenu, { label: entry.label, icon: entry.icon, actions: entry.actions }, `phone-group-${entry.id}`));
       groupStart = false;
       continue;
     }
     const a = entry.action;
     out.push(
-      /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
         PhoneActionRow,
         {
           action: a,
@@ -53103,7 +53248,7 @@ function useSlotScroll(slot) {
 // src/TablePage.tsx
 var import_uuid3 = require("@ai-matrx/kit/uuid");
 var import_outbound4 = require("@ai-matrx/kit/outbound");
-var import_jsx_runtime175 = require("react/jsx-runtime");
+var import_jsx_runtime176 = require("react/jsx-runtime");
 var RAIL_TITLE = {
   settings: "Table settings",
   inbox: "Inbox",
@@ -53120,21 +53265,22 @@ var RAIL_TITLE = {
   export: "Export"
 };
 function LookGlyph() {
-  return /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", width: "14", height: "14", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("path", { d: "M4 7h10M18 7h2M4 17h2M10 17h10" }),
-    /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("circle", { cx: "16", cy: "7", r: "2" }),
-    /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("circle", { cx: "8", cy: "17", r: "2" })
+  return /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", width: "14", height: "14", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("path", { d: "M4 7h10M18 7h2M4 17h2M10 17h10" }),
+    /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("circle", { cx: "16", cy: "7", r: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("circle", { cx: "8", cy: "17", r: "2" })
   ] });
 }
 function RailFrame({
   phone,
   title,
   onClose,
+  over = false,
   children
 }) {
   if (phone) {
-    return /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
-      import_design_system157.BottomSheet,
+    return /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
+      import_design_system158.BottomSheet,
       {
         open: true,
         onOpenChange: (open) => {
@@ -53143,11 +53289,19 @@ function RailFrame({
         title,
         size: "full",
         surface: "solid",
-        children: /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("div", { "data-rail-sheet": "", className: "min-h-0 flex-1 overflow-y-auto px-3 pb-6", children })
+        children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("div", { "data-rail-sheet": "", className: "min-h-0 flex-1 overflow-y-auto px-3 pb-6", children })
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("aside", { "data-rail-column": "", className: "w-[26rem] shrink-0 overflow-y-auto rounded-md border p-3", children });
+  return /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
+    "aside",
+    {
+      "data-rail-column": "",
+      "data-rail-over": over ? "" : void 0,
+      className: over ? "w-[26rem] shrink-0" : "w-[26rem] shrink-0 overflow-y-auto rounded-md border p-3",
+      children: over ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("div", { className: "fixed inset-y-0 right-0 z-40 w-[min(48rem,100vw)] overflow-y-auto border-l bg-background p-4 shadow-xl", children }) : children
+    }
+  );
 }
 function filterInWords(filter, fields) {
   const nameOf2 = (key) => {
@@ -53200,17 +53354,17 @@ function TableNotHere({
       alive = false;
     };
   }, [client, tableId]);
-  if (archived.phase === "asking") return /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.Skeleton, { className: "h-40 w-full" });
+  if (archived.phase === "asking") return /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system158.Skeleton, { className: "h-40 w-full" });
   const row = archived.phase === "answered" ? archived.row : null;
   if (row) {
-    return /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)("div", { className: (0, import_design_system157.cn)("flex flex-col items-start gap-2 rounded-md border border-dashed p-6", className), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("p", { className: "text-sm font-medium", children: "This table is archived" }),
-      /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("p", { className: "max-w-prose text-xs text-muted-foreground", children: TABLE_IS_ARCHIVED }),
-      /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("p", { className: "text-xs text-muted-foreground", children: (0, import_records74.archivedByLine)(row) }),
-      refusal3 ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(RefusalNotice, { error: refusal3 }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
-          import_design_system157.Button,
+    return /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)("div", { className: (0, import_design_system158.cn)("flex flex-col items-start gap-2 rounded-md border border-dashed p-6", className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("p", { className: "text-sm font-medium", children: "This table is archived" }),
+      /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("p", { className: "max-w-prose text-xs text-muted-foreground", children: TABLE_IS_ARCHIVED }),
+      /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("p", { className: "text-xs text-muted-foreground", children: (0, import_records74.archivedByLine)(row) }),
+      refusal3 ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(RefusalNotice, { error: refusal3 }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
+          import_design_system158.Button,
           {
             size: "sm",
             disabled: restoring,
@@ -53228,14 +53382,14 @@ function TableNotHere({
             children: restoring ? "Bringing it back\u2026" : "Bring it back"
           }
         ),
-        onLeave ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.Button, { size: "sm", variant: "outline", onClick: onLeave, children: leaveLabel }) : null
+        onLeave ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system158.Button, { size: "sm", variant: "outline", onClick: onLeave, children: leaveLabel }) : null
       ] })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)("div", { className: (0, import_design_system157.cn)("flex flex-col items-start gap-2 rounded-md border border-dashed p-6", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("p", { className: "text-sm font-medium", children: "This table is not here" }),
-    /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("p", { className: "max-w-prose text-xs text-muted-foreground", children: TABLE_NOT_REACHABLE }),
-    onLeave ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.Button, { size: "sm", variant: "outline", onClick: onLeave, children: leaveLabel }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)("div", { className: (0, import_design_system158.cn)("flex flex-col items-start gap-2 rounded-md border border-dashed p-6", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("p", { className: "text-sm font-medium", children: "This table is not here" }),
+    /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("p", { className: "max-w-prose text-xs text-muted-foreground", children: TABLE_NOT_REACHABLE }),
+    onLeave ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system158.Button, { size: "sm", variant: "outline", onClick: onLeave, children: leaveLabel }) : null
   ] });
 }
 var TABLE_NOT_REACHABLE = (
@@ -53369,6 +53523,7 @@ function TablePage({
   leaveLabel = "Back to your tables",
   activeDashboardId,
   activeRecordId,
+  onRecordChange,
   activeView,
   onViewChanged,
   activeGroupField,
@@ -53456,7 +53611,7 @@ function TablePage({
   const setRail = (next) => setSurface((now) => ({ ...now, rail: next }));
   const [importEpoch, setImportEpoch] = (0, import_react311.useState)(0);
   const [openRecord, setOpenRecord] = (0, import_react311.useState)(opening.record);
-  const phone = (0, import_design_system157.useIsMobile)();
+  const phone = (0, import_design_system158.useIsMobile)();
   const [shareAsked, setShareAsked] = (0, import_react311.useState)(0);
   const { open: renameOpen, setOpen: setRenameOpen, ask: askRename, menuContentProps: renameMenuProps } = useRenameFromMenu();
   const [archiveAsked, setArchiveAsked] = (0, import_react311.useState)(0);
@@ -53553,11 +53708,30 @@ function TablePage({
     onViewChanged?.(addressForView(view, next));
     void patchView({ layout: next });
   };
+  const reportedRecords = (0, import_react311.useRef)(/* @__PURE__ */ new Set());
+  const lastActiveRecord = (0, import_react311.useRef)(activeRecordId ?? null);
   (0, import_react311.useEffect)(() => {
-    if (!activeRecordId) return;
+    const before = lastActiveRecord.current;
+    lastActiveRecord.current = activeRecordId ?? null;
+    if (!activeRecordId) {
+      if (before) setSurface((now) => now.rail === "record" ? { ...now, rail: "none" } : now);
+      return;
+    }
+    if (reportedRecords.current.delete(activeRecordId)) return;
     setOpenRecord(activeRecordId);
     setSurface((now) => ({ ...now, rail: "record" }));
   }, [activeRecordId]);
+  const [shownIds, setShownIds] = (0, import_react311.useState)([]);
+  const [recordExpanded, setRecordExpanded] = (0, import_react311.useState)(false);
+  const shownRecord = rail === "record" ? openRecord : null;
+  const reportedRecord = (0, import_react311.useRef)(activeRecordId ?? null);
+  (0, import_react311.useEffect)(() => {
+    if (shownRecord === reportedRecord.current) return;
+    const how = shownRecord === null ? "close" : reportedRecord.current === null ? "open" : "step";
+    reportedRecord.current = shownRecord;
+    if (shownRecord) reportedRecords.current.add(shownRecord);
+    onRecordChange?.(shownRecord, how);
+  }, [shownRecord, onRecordChange]);
   (0, import_react311.useEffect)(() => {
     if (activeRecordId) return;
     const named = railFromParam(activeRail);
@@ -53744,20 +53918,20 @@ function TablePage({
   };
   const footer = footerOf(shown5?.presentation);
   const setFooter = (next) => void patchView({ presentation: { ...shown5?.presentation ?? {}, footer: next } });
-  const layoutRadio = /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
-    import_design_system157.DropdownMenuRadioGroup,
+  const layoutRadio = /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
+    import_design_system158.DropdownMenuRadioGroup,
     {
       value: layoutShowing ?? "",
       onValueChange: (value) => {
         if (import_views2.VIEW_LAYOUTS.includes(value)) pickLayout(value);
       },
-      children: import_views2.VIEW_LAYOUTS.map((option) => /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.DropdownMenuRadioItem, { value: option, children: import_views2.LAYOUT_LABEL[option] }, option))
+      children: import_views2.VIEW_LAYOUTS.map((option) => /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system158.DropdownMenuRadioItem, { value: option, children: import_views2.LAYOUT_LABEL[option] }, option))
     }
   );
-  const sheetExtras = controlsInSheet && main === "records" && shownLayout === "grid" ? /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(import_jsx_runtime175.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("div", { className: "flex items-center gap-2 text-xs", "data-table-sheet-filter": "", "data-matrx-table-tools-keep-open": "", children: /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(ViewFilter, { tableId, view: shown5, onApply: (where) => void patchView({ where }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("div", { role: "group", "aria-label": "Layout", className: "flex flex-wrap gap-1 pt-1", "data-table-sheet-layout": "", children: import_views2.VIEW_LAYOUTS.map((option) => /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
-      import_design_system157.Button,
+  const sheetExtras = controlsInSheet && main === "records" && shownLayout === "grid" ? /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(import_jsx_runtime176.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("div", { className: "flex items-center gap-2 text-xs", "data-table-sheet-filter": "", "data-matrx-table-tools-keep-open": "", children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(ViewFilter, { tableId, view: shown5, onApply: (where) => void patchView({ where }) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("div", { role: "group", "aria-label": "Layout", className: "flex flex-wrap gap-1 pt-1", "data-table-sheet-layout": "", children: import_views2.VIEW_LAYOUTS.map((option) => /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
+      import_design_system158.Button,
       {
         size: "sm",
         variant: layoutShowing === option ? "secondary" : "ghost",
@@ -53768,7 +53942,7 @@ function TablePage({
       },
       option
     )) }),
-    rights.share && canShare ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.Button, { size: "sm", variant: "ghost", className: "h-8", onClick: () => setShareAsked((n) => n + 1), "data-table-sheet-share": "", children: "Share\u2026" }) : null
+    rights.share && canShare ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system158.Button, { size: "sm", variant: "ghost", className: "h-8", onClick: () => setShareAsked((n) => n + 1), "data-table-sheet-share": "", children: "Share\u2026" }) : null
   ] }) : void 0;
   const go = (pressed) => {
     if (!surfaceChosen(surface, pressed)) press(pressed);
@@ -53974,9 +54148,9 @@ function TablePage({
     return () => window.removeEventListener("keydown", onKey);
   }, [recordsUi]);
   const openedFromMenu = openedEntry ? { ...openedEntry, label: actions.find((a) => a.id === openedEntry.id)?.label ?? openedEntry.key } : null;
-  const pageActions = /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(import_jsx_runtime175.Fragment, { children: [
-    publicReadOnly ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.Badge, { variant: "neutral", className: "shrink-0", "data-public-read-only": "", children: PUBLIC_READ_ONLY }, "public-read-only") : null,
-    !phone && rights.read && table.data ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
+  const pageActions = /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(import_jsx_runtime176.Fragment, { children: [
+    publicReadOnly ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system158.Badge, { variant: "neutral", className: "shrink-0", "data-public-read-only": "", children: PUBLIC_READ_ONLY }, "public-read-only") : null,
+    !phone && rights.read && table.data ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
       TableAsk,
       {
         tableId,
@@ -53988,7 +54162,7 @@ function TablePage({
       },
       "ask"
     ) : null,
-    organizationId ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("span", { className: shareInMenu ? "hidden" : "flex shrink-0 items-center", "data-toolbar-fit": "share", children: /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
+    organizationId ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("span", { className: shareInMenu ? "hidden" : "flex shrink-0 items-center", "data-toolbar-fit": "share", children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
       ShareControl,
       {
         kind: "table",
@@ -54002,28 +54176,28 @@ function TablePage({
       },
       `share-${shareAsked}`
     ) }, "share") : null,
-    phone ? /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(import_jsx_runtime175.Fragment, { children: [
-      !chooserInline && !chooserCompact && !embedded ? /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(import_design_system157.DropdownMenu, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.Button, { size: "sm", variant: "ghost", "aria-label": "Layout", title: "Layout", "data-table-layout-menu": "", children: "Layout" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.DropdownMenuContent, { align: "end", className: "w-56", children: layoutRadio })
+    phone ? /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(import_jsx_runtime176.Fragment, { children: [
+      !chooserInline && !chooserCompact && !embedded ? /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(import_design_system158.DropdownMenu, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system158.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system158.Button, { size: "sm", variant: "ghost", "aria-label": "Layout", title: "Layout", "data-table-layout-menu": "", children: "Layout" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system158.DropdownMenuContent, { align: "end", className: "w-56", children: layoutRadio })
       ] }, "phone-layout") : null,
       phoneTableActions(actions)
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(import_design_system157.DropdownMenu, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.Button, { size: "sm", variant: "ghost", "aria-label": "Table menu", title: "Table menu", "data-table-menu": "", children: /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)("svg", { viewBox: "0 0 24 24", className: "h-4 w-4", fill: "currentColor", "aria-hidden": "true", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("circle", { cx: "5", cy: "12", r: "1.75" }),
-        /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("circle", { cx: "12", cy: "12", r: "1.75" }),
-        /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("circle", { cx: "19", cy: "12", r: "1.75" })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(import_design_system158.DropdownMenu, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system158.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system158.Button, { size: "sm", variant: "ghost", "aria-label": "Table menu", title: "Table menu", "data-table-menu": "", children: /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)("svg", { viewBox: "0 0 24 24", className: "h-4 w-4", fill: "currentColor", "aria-hidden": "true", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("circle", { cx: "5", cy: "12", r: "1.75" }),
+        /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("circle", { cx: "12", cy: "12", r: "1.75" }),
+        /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("circle", { cx: "19", cy: "12", r: "1.75" })
       ] }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(import_design_system157.DropdownMenuContent, { align: "end", className: "w-64", "data-table-menu-content": "", ...renameMenuProps, children: [
-        !chooserInline && !chooserCompact && !embedded ? /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(import_jsx_runtime175.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.DropdownMenuLabel, { className: "text-xs text-muted-foreground", children: "Layout" }),
+      /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(import_design_system158.DropdownMenuContent, { align: "end", className: "w-64", "data-table-menu-content": "", ...renameMenuProps, children: [
+        !chooserInline && !chooserCompact && !embedded ? /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(import_jsx_runtime176.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system158.DropdownMenuLabel, { className: "text-xs text-muted-foreground", children: "Layout" }),
           layoutRadio,
-          /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.DropdownMenuSeparator, {})
+          /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system158.DropdownMenuSeparator, {})
         ] }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(ObjectActionMenuItems, { actions })
+        /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(ObjectActionMenuItems, { actions })
       ] })
     ] }, "menu"),
-    moveAsked > 0 && !actionHost?.move ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
+    moveAsked > 0 && !actionHost?.move ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
       WhereItLives,
       {
         tableId,
@@ -54036,7 +54210,7 @@ function TablePage({
       },
       "move"
     ) : null,
-    breakDownOpen ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
+    breakDownOpen ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
       BreakDownDialog,
       {
         tableId,
@@ -54047,7 +54221,7 @@ function TablePage({
       },
       "break-down"
     ) : null,
-    subscribeOpen && recordsUi.calendarFeed && organizationId && view ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
+    subscribeOpen && recordsUi.calendarFeed && organizationId && view ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
       CalendarSubscribeDialog,
       {
         port: recordsUi.calendarFeed,
@@ -54060,8 +54234,8 @@ function TablePage({
       },
       "subscribe"
     ) : null,
-    referenceOpen && table.data ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(TableReferenceDialog, { table: table.data, open: referenceOpen, onOpenChange: setReferenceOpen }, "reference") : null,
-    duplicateOpen && table.data ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
+    referenceOpen && table.data ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(TableReferenceDialog, { table: table.data, open: referenceOpen, onOpenChange: setReferenceOpen }, "reference") : null,
+    duplicateOpen && table.data ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
       TableDuplicateDialog,
       {
         tableId,
@@ -54072,39 +54246,39 @@ function TablePage({
       },
       "duplicate"
     ) : null,
-    rights.structure && table.data ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(TableRenameDialog, { tableId, name: table.data.name, open: renameOpen, onOpenChange: setRenameOpen }, "rename") : null
+    rights.structure && table.data ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(TableRenameDialog, { tableId, name: table.data.name, open: renameOpen, onOpenChange: setRenameOpen }, "rename") : null
   ] });
   const headerNode = header && !embedded ? header({ actions: table.data ? pageActions : null, tableName: table.data?.name ?? null }) : null;
-  if (table.error) return /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(import_jsx_runtime175.Fragment, { children: [
+  if (table.error) return /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(import_jsx_runtime176.Fragment, { children: [
     headerNode,
-    /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(RefusalNotice, { error: table.error })
+    /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(RefusalNotice, { error: table.error })
   ] });
   if (table.loading && !table.data) {
-    return /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(import_jsx_runtime175.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(import_jsx_runtime176.Fragment, { children: [
       headerNode,
-      /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(TablePageSkeleton, { layout: skeletonFace, embedded, tableId, ...className ? { className } : {} })
+      /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(TablePageSkeleton, { layout: skeletonFace, embedded, tableId, ...className ? { className } : {} })
     ] });
   }
   if (!table.data) {
-    return /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(import_jsx_runtime175.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(import_jsx_runtime176.Fragment, { children: [
       headerNode,
-      /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(TableNotHere, { tableId, onLeave, leaveLabel, className })
+      /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(TableNotHere, { tableId, onLeave, leaveLabel, className })
     ] });
   }
   const lookSavable = Boolean(
     rights.write && view && Object.keys(viewPatchDocument((0, import_views3.saveToViewPlan)(view, look ?? {}).patch)).length > 0
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(ViewAddressContext.Provider, { value: addressPort, children: /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)("div", { className: (0, import_design_system157.cn)("flex h-full min-h-0 gap-4", className), "data-table-footer": footer, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(ViewAddressContext.Provider, { value: addressPort, children: /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)("div", { className: (0, import_design_system158.cn)("flex h-full min-h-0 gap-4", className), "data-table-footer": footer, children: [
     headerNode,
-    /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col gap-2", children: structure.hidden || !structure.settled ? (
+    /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col gap-2", children: structure.hidden || !structure.settled ? (
       /* THE TOOLBAR ROW'S HEIGHT IS KEPT (min-h-8), so the sentence lands exactly where the bar was. */
-      /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(import_jsx_runtime175.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("div", { className: TABLE_TOOLBAR_ROW_CLASS, "data-table-toolbar": "", "aria-hidden": "true" }),
-        structure.hidden ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(StructureLocked, {}) : /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(RecordsSkeleton, { layout: skeletonFace, embedded })
+      /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(import_jsx_runtime176.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("div", { className: TABLE_TOOLBAR_ROW_CLASS, "data-table-toolbar": "", "aria-hidden": "true" }),
+        structure.hidden ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(StructureLocked, {}) : /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(RecordsSkeleton, { layout: skeletonFace, embedded })
       ] })
-    ) : /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(import_jsx_runtime175.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(ImportNotice, { tableId, epoch: importEpoch, onOpenImport: () => setRail("import") }),
-      /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(
+    ) : /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(import_jsx_runtime176.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(ImportNotice, { tableId, epoch: importEpoch, onOpenImport: () => setRail("import") }),
+      /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(
         "div",
         {
           ref: setToolbarRow,
@@ -54112,7 +54286,7 @@ function TablePage({
           "data-table-toolbar": "",
           "data-table-toolbar-fold": toolbarFold2,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
               ViewBar,
               {
                 tableId,
@@ -54131,26 +54305,26 @@ function TablePage({
                 onViews: setViews,
                 ...seededViews && viewsEpoch === 0 ? { initialViews: seededViews } : {},
                 seed: seedViews ?? [defaultView(tableId)],
-                settings: view && main === "records" && shownLayout === "grid" ? /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)("div", { className: "flex flex-col gap-0.5 px-1 py-1", role: "radiogroup", "aria-label": FOOTER_WORDS.label, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("span", { className: "px-1 pb-0.5 text-[11px] font-medium text-muted-foreground", children: FOOTER_WORDS.label }),
-                  ["sticky", "inline"].map((option) => /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(
+                settings: view && main === "records" && shownLayout === "grid" ? /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)("div", { className: "flex flex-col gap-0.5 px-1 py-1", role: "radiogroup", "aria-label": FOOTER_WORDS.label, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("span", { className: "px-1 pb-0.5 text-[11px] font-medium text-muted-foreground", children: FOOTER_WORDS.label }),
+                  ["sticky", "inline"].map((option) => /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(
                     "button",
                     {
                       type: "button",
                       role: "radio",
                       "aria-checked": footer === option,
                       "data-view-footer": option,
-                      className: (0, import_design_system157.cn)(
+                      className: (0, import_design_system158.cn)(
                         "flex min-h-7 items-center gap-2 rounded-sm px-1 text-left text-xs text-popover-foreground hover:bg-accent hover:text-accent-foreground",
                         footer === option && "font-medium"
                       ),
                       onClick: () => setFooter(option),
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
                           "span",
                           {
                             "aria-hidden": "true",
-                            className: (0, import_design_system157.cn)("h-2 w-2 shrink-0 rounded-full border border-current", footer === option && "bg-current")
+                            className: (0, import_design_system158.cn)("h-2 w-2 shrink-0 rounded-full border border-current", footer === option && "bg-current")
                           }
                         ),
                         FOOTER_WORDS[option]
@@ -54162,8 +54336,8 @@ function TablePage({
               },
               viewsEpoch
             ),
-            chooserInline ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("div", { className: "flex shrink-0 items-center gap-0.5", role: "group", "aria-label": "Layout", "data-toolbar-fit": "chooser", children: import_views2.VIEW_LAYOUTS.map((option) => /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
-              import_design_system157.Button,
+            chooserInline ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("div", { className: "flex shrink-0 items-center gap-0.5", role: "group", "aria-label": "Layout", "data-toolbar-fit": "chooser", children: import_views2.VIEW_LAYOUTS.map((option) => /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
+              import_design_system158.Button,
               {
                 size: "sm",
                 variant: layoutShowing === option ? "secondary" : "ghost",
@@ -54177,21 +54351,21 @@ function TablePage({
               /* THE ROW HAD NO ROOM (lane C, review 2026-09-26 D6: the switcher vanished at 1280 px and
                  with the record panel open): the chooser folds to ONE button naming the layout that is
                  showing — it never leaves the row. */
-              /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("span", { className: "flex shrink-0 items-center", "data-toolbar-fit": "chooser", "data-layout-chooser-compact": "", children: /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(import_design_system157.DropdownMenu, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(import_design_system157.Button, { size: "sm", variant: "outline", className: "h-8 gap-1 px-2 text-xs", "aria-label": `Layout: ${layoutShowingLabel ?? "none"}`, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("span", { className: "flex shrink-0 items-center", "data-toolbar-fit": "chooser", "data-layout-chooser-compact": "", children: /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(import_design_system158.DropdownMenu, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system158.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(import_design_system158.Button, { size: "sm", variant: "outline", className: "h-8 gap-1 px-2 text-xs", "aria-label": `Layout: ${layoutShowingLabel ?? "none"}`, children: [
                   layoutShowingLabel ?? "Layout",
-                  /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("svg", { viewBox: "0 0 24 24", className: "h-3.5 w-3.5 opacity-70", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("path", { d: "m6 9 6 6 6-6" }) })
+                  /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("svg", { viewBox: "0 0 24 24", className: "h-3.5 w-3.5 opacity-70", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("path", { d: "m6 9 6 6 6-6" }) })
                 ] }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(import_design_system157.DropdownMenuContent, { align: "start", className: "w-44", "data-layout-chooser-menu": "", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.DropdownMenuLabel, { className: "text-xs text-muted-foreground", children: "Layout" }),
+                /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(import_design_system158.DropdownMenuContent, { align: "start", className: "w-44", "data-layout-chooser-menu": "", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system158.DropdownMenuLabel, { className: "text-xs text-muted-foreground", children: "Layout" }),
                   layoutRadio
                 ] })
               ] }) })
             ) : null,
-            main === "records" && !(controlsInSheet && shownLayout === "grid") ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(ViewFilter, { tableId, view: shown5, onApply: (where) => void patchView({ where }) }) : null,
-            lookShowing && main === "records" && !namingLook ? /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)("span", { className: "flex shrink-0 items-center gap-1", "data-view-look": "", "data-view-look-folded": "", "data-toolbar-fit": "look", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
-                import_design_system157.Button,
+            main === "records" && !(controlsInSheet && shownLayout === "grid") ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(ViewFilter, { tableId, view: shown5, onApply: (where) => void patchView({ where }) }) : null,
+            lookShowing && main === "records" && !namingLook ? /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)("span", { className: "flex shrink-0 items-center gap-1", "data-view-look": "", "data-view-look-folded": "", "data-toolbar-fit": "look", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
+                import_design_system158.Button,
                 {
                   size: "sm",
                   variant: "outline",
@@ -54200,36 +54374,36 @@ function TablePage({
                   "aria-label": "Reset view",
                   onClick: () => void resetLook(),
                   "data-view-look-reset-button": "",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)("svg", { viewBox: "0 0 24 24", className: "h-4 w-4", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("path", { d: "M3 12a9 9 0 1 0 3-6.7L3 8" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("path", { d: "M3 3v5h5" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)("svg", { viewBox: "0 0 24 24", className: "h-4 w-4", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("path", { d: "M3 12a9 9 0 1 0 3-6.7L3 8" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("path", { d: "M3 3v5h5" })
                   ] })
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(import_design_system157.DropdownMenu, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(import_design_system157.Button, { size: "sm", variant: "outline", className: "relative h-8 w-8 shrink-0 px-0", title: LOOK_WORDS.folded, "aria-label": LOOK_WORDS.folded, "data-view-look-menu": "", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(LookGlyph, {}),
-                  /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("span", { "aria-hidden": "true", className: "absolute right-1 top-1 h-1.5 w-1.5 rounded-full bg-primary" })
+              /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(import_design_system158.DropdownMenu, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system158.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(import_design_system158.Button, { size: "sm", variant: "outline", className: "relative h-8 w-8 shrink-0 px-0", title: LOOK_WORDS.folded, "aria-label": LOOK_WORDS.folded, "data-view-look-menu": "", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(LookGlyph, {}),
+                  /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("span", { "aria-hidden": "true", className: "absolute right-1 top-1 h-1.5 w-1.5 rounded-full bg-primary" })
                 ] }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(import_design_system157.DropdownMenuContent, { align: "start", className: "w-60", "data-view-look-menu-content": "", children: [
-                  lookSavable ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.DropdownMenuItem, { onSelect: () => void saveLookToView(), "data-view-look-save": "", children: LOOK_WORDS.saveToView }) : null,
-                  rights.write ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.DropdownMenuItem, { onSelect: () => setNamingLook(true), "data-view-look-save-new": "", children: LOOK_WORDS.saveAsNew }) : null,
-                  /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.DropdownMenuItem, { onSelect: () => void resetLook(), "data-view-look-reset": "", children: LOOK_WORDS.reset })
+                /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(import_design_system158.DropdownMenuContent, { align: "start", className: "w-60", "data-view-look-menu-content": "", children: [
+                  lookSavable ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system158.DropdownMenuItem, { onSelect: () => void saveLookToView(), "data-view-look-save": "", children: LOOK_WORDS.saveToView }) : null,
+                  rights.write ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system158.DropdownMenuItem, { onSelect: () => setNamingLook(true), "data-view-look-save-new": "", children: LOOK_WORDS.saveAsNew }) : null,
+                  /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system158.DropdownMenuItem, { onSelect: () => void resetLook(), "data-view-look-reset": "", children: LOOK_WORDS.reset })
                 ] })
               ] })
             ] }) : !lookShowing && main === "records" && view && !phone && !controlsInSheet ? (
               /* The reserved place keeps its full width at every row width (STABLE-TABLES): when it
                  shrank on a narrow row, the look arriving on a sort pushed every control after it.
                  A row too narrow for it scrolls sideways, as the row already does. */
-              /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)("span", { "aria-hidden": "true", className: "invisible flex shrink-0 items-center gap-1 overflow-hidden", "data-view-look-place": "", "data-toolbar-fit-gives": "", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.Button, { size: "sm", variant: "outline", className: "h-8 w-8 shrink-0 px-0", tabIndex: -1, children: /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(LookGlyph, {}) }),
-                /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.Button, { size: "sm", variant: "outline", className: "h-8 w-8 shrink-0 px-0", tabIndex: -1 })
+              /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)("span", { "aria-hidden": "true", className: "invisible flex shrink-0 items-center gap-1 overflow-hidden", "data-view-look-place": "", "data-toolbar-fit-gives": "", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system158.Button, { size: "sm", variant: "outline", className: "h-8 w-8 shrink-0 px-0", tabIndex: -1, children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(LookGlyph, {}) }),
+                /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system158.Button, { size: "sm", variant: "outline", className: "h-8 w-8 shrink-0 px-0", tabIndex: -1 })
               ] })
-            ) : lookShowing && main === "records" ? /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)("span", { className: "flex shrink-0 items-center gap-1", "data-view-look": "", "data-toolbar-fit": "look", title: LOOK_WORDS.yours, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("span", { className: "sr-only", children: LOOK_WORDS.yours }),
-              /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("span", { "aria-hidden": "true", className: "h-1.5 w-1.5 shrink-0 rounded-full bg-primary" }),
-              lookSavable ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.Button, { size: "sm", variant: "outline", className: "h-8 px-2 text-xs", onClick: () => void saveLookToView(), "data-view-look-save": "", children: LOOK_WORDS.saveToView }) : null,
-              rights.write ? namingLook ? /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(
+            ) : lookShowing && main === "records" ? /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)("span", { className: "flex shrink-0 items-center gap-1", "data-view-look": "", "data-toolbar-fit": "look", title: LOOK_WORDS.yours, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("span", { className: "sr-only", children: LOOK_WORDS.yours }),
+              /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("span", { "aria-hidden": "true", className: "h-1.5 w-1.5 shrink-0 rounded-full bg-primary" }),
+              lookSavable ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system158.Button, { size: "sm", variant: "outline", className: "h-8 px-2 text-xs", onClick: () => void saveLookToView(), "data-view-look-save": "", children: LOOK_WORDS.saveToView }) : null,
+              rights.write ? namingLook ? /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(
                 "form",
                 {
                   className: "flex items-center gap-1",
@@ -54238,8 +54412,8 @@ function TablePage({
                     void saveLookAsNewView(lookName);
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
-                      import_design_system157.Input,
+                    /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
+                      import_design_system158.Input,
                       {
                         autoFocus: true,
                         "aria-label": LOOK_WORDS.newName,
@@ -54249,17 +54423,17 @@ function TablePage({
                         placeholder: "View name"
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.Button, { size: "sm", type: "submit", className: "h-8 px-2 text-xs", disabled: lookName.trim() === "", children: "Save" })
+                    /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system158.Button, { size: "sm", type: "submit", className: "h-8 px-2 text-xs", disabled: lookName.trim() === "", children: "Save" })
                   ]
                 }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.Button, { size: "sm", variant: "ghost", className: "h-8 px-2 text-xs", onClick: () => setNamingLook(true), "data-view-look-save-new": "", children: LOOK_WORDS.saveAsNew }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.Button, { size: "sm", variant: "ghost", className: "h-8 px-2 text-xs", onClick: () => void resetLook(), "data-view-look-reset": "", children: LOOK_WORDS.reset })
+              ) : /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system158.Button, { size: "sm", variant: "ghost", className: "h-8 px-2 text-xs", onClick: () => setNamingLook(true), "data-view-look-save-new": "", children: LOOK_WORDS.saveAsNew }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system158.Button, { size: "sm", variant: "ghost", className: "h-8 px-2 text-xs", onClick: () => void resetLook(), "data-view-look-reset": "", children: LOOK_WORDS.reset })
             ] }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
               "div",
               {
                 ref: setToolbarSlot,
-                className: (0, import_design_system157.cn)(
+                className: (0, import_design_system158.cn)(
                   // `min-w-9`: never narrower than the layout toolbar's folded "…" (36 px) — a row too
                   // narrow for its pinned controls folds them behind that "…" (design-system
                   // `usePinnedFold`), and the "…" itself is never cut (merged-grid leftovers, 2026-09-28).
@@ -54277,9 +54451,9 @@ function TablePage({
                 "data-clipped": slotClipped
               }
             ),
-            rights.write && view && main === "records" && shownLayout !== "grid" ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.Button, { size: "sm", className: "shrink-0", onClick: () => show("new-record"), children: "New record" }) : null,
-            openedFromMenu ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
-              import_design_system157.Button,
+            rights.write && view && main === "records" && shownLayout !== "grid" ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system158.Button, { size: "sm", className: "shrink-0", onClick: () => show("new-record"), children: "New record" }) : null,
+            openedFromMenu ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
+              import_design_system158.Button,
               {
                 size: "sm",
                 variant: "secondary",
@@ -54291,19 +54465,19 @@ function TablePage({
                 children: openedFromMenu.label
               }
             ) : null,
-            header ? null : /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("span", { className: "flex shrink-0 items-center gap-1", "data-table-page-actions": "", children: pageActions })
+            header ? null : /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("span", { className: "flex shrink-0 items-center gap-1", "data-table-page-actions": "", children: pageActions })
           ]
         }
       ),
-      designateRefused ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(RefusalNotice, { error: designateRefused }) : null,
-      viewSaveRefused ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
+      designateRefused ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(RefusalNotice, { error: designateRefused }) : null,
+      viewSaveRefused ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
         RefusalNotice,
         {
           error: viewSaveRefused.error,
-          actions: /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)("span", { className: "flex flex-wrap gap-1 pt-0.5", "data-view-save-refused": "", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_design_system157.Button, { size: "sm", variant: "outline", onClick: () => void patchView(viewSaveRefused.patch), children: "Try again" }),
-            /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
-              import_design_system157.Button,
+          actions: /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)("span", { className: "flex flex-wrap gap-1 pt-0.5", "data-view-save-refused": "", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system158.Button, { size: "sm", variant: "outline", onClick: () => void patchView(viewSaveRefused.patch), children: "Try again" }),
+            /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
+              import_design_system158.Button,
               {
                 size: "sm",
                 variant: "ghost",
@@ -54323,8 +54497,8 @@ function TablePage({
           ] })
         }
       ) : null,
-      lookRefused ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(RefusalNotice, { error: lookRefused }) : null,
-      main === "dashboards" ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(DashboardCanvas, { tableId, activeDashboardId: activeDashboardId ?? null }) : main === "questions" ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
+      lookRefused ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(RefusalNotice, { error: lookRefused }) : null,
+      main === "dashboards" ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(DashboardCanvas, { tableId, activeDashboardId: activeDashboardId ?? null }) : main === "questions" ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
         QuestionPanel,
         {
           tableId,
@@ -54336,7 +54510,7 @@ function TablePage({
            page returns to the records rather than leaving the person looking
            at a list the record is no longer in — and opens it, because the
            thing they just rescued is the thing they came for. */
-        /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
           ArchivedView,
           {
             tableId,
@@ -54348,10 +54522,10 @@ function TablePage({
             }
           }
         )
-      ) : /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(TableToolbarSlotContext.Provider, { value: toolbarSlot, children: /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(TableToolbarFoldContext.Provider, { value: toolbarFold2, children: /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(TableToolbarSheetExtrasContext.Provider, { value: sheetExtras, children: /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(
+      ) : /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(TableToolbarSlotContext.Provider, { value: toolbarSlot, children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(TableToolbarFoldContext.Provider, { value: toolbarFold2, children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(TableToolbarSheetExtrasContext.Provider, { value: sheetExtras, children: /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(
         "div",
         {
-          className: (0, import_design_system157.cn)(
+          className: (0, import_design_system158.cn)(
             "min-h-0 flex-1",
             // Inline: a plain scrolling block, so nothing in it shrinks to the height — the
             // layout is as tall as its rows and the footer follows the last one.
@@ -54359,10 +54533,10 @@ function TablePage({
           ),
           "data-table-records": "",
           children: [
-            railUnknown ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("p", { className: "rounded-md border border-amber-600/40 bg-amber-500/5 px-3 py-2 text-xs leading-relaxed text-amber-700 dark:border-amber-400/40 dark:text-amber-300", children: unknownRailLine(railUnknown) }) : null,
-            shareFromLink && rights.known && (!rights.share || !canShare) ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("p", { className: "rounded-md border border-amber-600/40 bg-amber-500/5 px-3 py-2 text-xs leading-relaxed text-amber-700 dark:border-amber-400/40 dark:text-amber-300", children: canShare ? SHARE_NOT_YOURS_LINE : shareUnavailableReason() }) : null,
-            opened.unknown ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("p", { className: "rounded-md border border-amber-600/40 bg-amber-500/5 px-3 py-2 text-xs leading-relaxed text-amber-700 dark:border-amber-400/40 dark:text-amber-300", children: (0, import_views2.unknownViewLine)(opened.unknown) }) : null,
-            viewLinkMissed ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
+            railUnknown ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("p", { className: "rounded-md border border-amber-600/40 bg-amber-500/5 px-3 py-2 text-xs leading-relaxed text-amber-700 dark:border-amber-400/40 dark:text-amber-300", children: unknownRailLine(railUnknown) }) : null,
+            shareFromLink && rights.known && (!rights.share || !canShare) ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("p", { className: "rounded-md border border-amber-600/40 bg-amber-500/5 px-3 py-2 text-xs leading-relaxed text-amber-700 dark:border-amber-400/40 dark:text-amber-300", children: canShare ? SHARE_NOT_YOURS_LINE : shareUnavailableReason() }) : null,
+            opened.unknown ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("p", { className: "rounded-md border border-amber-600/40 bg-amber-500/5 px-3 py-2 text-xs leading-relaxed text-amber-700 dark:border-amber-400/40 dark:text-amber-300", children: (0, import_views2.unknownViewLine)(opened.unknown) }) : null,
+            viewLinkMissed ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
               "p",
               {
                 "data-records-view-link-missed": "",
@@ -54370,7 +54544,7 @@ function TablePage({
                 children: unknownSavedViewLine(view?.name ?? null)
               }
             ) : null,
-            cameFrom ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
+            cameFrom ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
               "p",
               {
                 "data-testid": "came-from-a-number",
@@ -54380,7 +54554,7 @@ function TablePage({
             ) : null,
             faceUnknown ? (
               /* REVIEW-FIX 10: a full page paints the rows this table showed last time (else fills). */
-              /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
                 RecordsSkeleton,
                 {
                   layout: skeletonFace,
@@ -54388,7 +54562,7 @@ function TablePage({
                   ...embedded ? {} : { rows: rememberedRowCount(`${tableId}:page:last`, 100, "fill") }
                 }
               )
-            ) : /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
+            ) : /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
               ViewSwitcher,
               {
                 chooser: false,
@@ -54430,19 +54604,20 @@ function TablePage({
                 },
                 openRecordId: rail === "record" ? openRecord : null,
                 onCloseRecord: () => setRail("none"),
+                onRowsShown: setShownIds,
                 onAskWhoChanged: (fieldKey, recordId) => {
                   setAsking({ fieldKey, recordId });
                   setRail("who-changed");
                 }
               }
             ),
-            view || faceUnknown || views === void 0 || views !== null && views.length > 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("p", { className: "text-xs text-muted-foreground", children: VIEW_NOT_SAVED_YET })
+            view || faceUnknown || views === void 0 || views !== null && views.length > 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("p", { className: "text-xs text-muted-foreground", children: VIEW_NOT_SAVED_YET })
           ]
         }
       ) }) }) })
     ] }) }),
-    rail === "none" ? null : /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(RailFrame, { phone, title: RAIL_TITLE[rail], onClose: () => setRail("none"), children: [
-      rail === "settings" ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
+    rail === "none" ? null : /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(RailFrame, { phone, title: RAIL_TITLE[rail], onClose: () => setRail("none"), over: rail === "record" && recordExpanded, children: [
+      rail === "settings" ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
         TableSettings,
         {
           tableId,
@@ -54459,7 +54634,7 @@ function TablePage({
           } : void 0
         }
       ) : null,
-      rail === "inbox" ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
+      rail === "inbox" ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
         ActionInbox,
         {
           tableId,
@@ -54469,9 +54644,9 @@ function TablePage({
           }
         }
       ) : null,
-      rail === "forms" ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(FormsPanel, { tableId, activeFormId: itemFor("forms") }) : null,
-      rail === "bookings" ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(BookingSlots, { tableId, activeBookingId: itemFor("bookings") }) : null,
-      rail === "checklists" ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
+      rail === "forms" ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(FormsPanel, { tableId, activeFormId: itemFor("forms") }) : null,
+      rail === "bookings" ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(BookingSlots, { tableId, activeBookingId: itemFor("bookings") }) : null,
+      rail === "checklists" ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
         ChecklistsPanel,
         {
           tableId,
@@ -54481,12 +54656,12 @@ function TablePage({
           }
         }
       ) : null,
-      rail === "notifications" ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(SubscriptionsPanel, { tableId, activeRuleId: itemFor("notifications") }) : null,
-      rail === "portals" ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(PortalsPanel, { tableId, activePortalId: itemFor("portals") }) : null,
-      rail === "export" ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(ExportMenu, { tableId, view: viewReading }) : null,
-      rail === "import" ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(ImportWizard, { tableId, onWrote: () => setImportEpoch((n) => n + 1), onDone: () => setRail("none") }) : null,
-      rail === "field" ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(FieldEditor, { tableId, onSaved: () => setRail("none"), onCancel: () => setRail("none") }) : null,
-      rail === "new-record" ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
+      rail === "notifications" ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(SubscriptionsPanel, { tableId, activeRuleId: itemFor("notifications") }) : null,
+      rail === "portals" ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(PortalsPanel, { tableId, activePortalId: itemFor("portals") }) : null,
+      rail === "export" ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(ExportMenu, { tableId, view: viewReading }) : null,
+      rail === "import" ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(ImportWizard, { tableId, onWrote: () => setImportEpoch((n) => n + 1), onDone: () => setRail("none") }) : null,
+      rail === "field" ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(FieldEditor, { tableId, onSaved: () => setRail("none"), onCancel: () => setRail("none") }) : null,
+      rail === "new-record" ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
         RecordForm,
         {
           tableId,
@@ -54497,7 +54672,7 @@ function TablePage({
           onCancel: () => setRail("none")
         }
       ) : null,
-      rail === "who-changed" && asking ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
+      rail === "who-changed" && asking ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
         FieldHistoryPanel,
         {
           tableId,
@@ -54510,12 +54685,16 @@ function TablePage({
           }
         }
       ) : null,
-      rail === "record" && openRecord ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
+      rail === "record" && openRecord ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
         RecordPanel,
         {
           tableId,
           recordId: openRecord,
           onClose: () => setRail("none"),
+          neighbors: neighborsOf(shownIds, openRecord),
+          onStep: (to) => setOpenRecord(to),
+          expanded: recordExpanded,
+          onToggleExpand: () => setRecordExpanded((now) => !now),
           onAskAboutField: (fieldKey) => {
             setAsking({ fieldKey, recordId: openRecord });
             setRail("who-changed");
@@ -54554,12 +54733,12 @@ function usePublicReadOnly(client, organizationId, tableId, table, rights) {
 
 // src/entityViews.tsx
 var import_format15 = require("@ai-matrx/kit/format");
-var import_design_system158 = require("@ai-matrx/design-system");
+var import_design_system159 = require("@ai-matrx/design-system");
 var import_data_table25 = require("@ai-matrx/design-system/data-table");
 var import_react313 = require("react");
-var import_design_system159 = require("@ai-matrx/design-system");
+var import_design_system160 = require("@ai-matrx/design-system");
 var import_react314 = require("@ai-matrx/records/react");
-var import_jsx_runtime176 = require("react/jsx-runtime");
+var import_jsx_runtime177 = require("react/jsx-runtime");
 var entityTitleColumn = entityNameColumn;
 function shown4(v) {
   if (v === null || v === void 0 || v === "") return "";
@@ -54575,9 +54754,9 @@ function EntityBoard({ entity, groupBy, cardFields, onOpenRecord, className }) {
   );
   const [refused, setRefused] = (0, import_react313.useState)(null);
   const [over, setOver] = (0, import_react313.useState)(null);
-  if (entity.error) return /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("p", { className: "px-1 py-3 text-xs text-muted-foreground", children: `This board could not be read: ${entity.error}` });
+  if (entity.error) return /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("p", { className: "px-1 py-3 text-xs text-muted-foreground", children: `This board could not be read: ${entity.error}` });
   if (!entity.loading && !column) {
-    return /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("p", { className: "px-1 py-3 text-xs text-muted-foreground", children: `${entity.label ?? "This table"} has no choice column to make a board of.` });
+    return /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("p", { className: "px-1 py-3 text-xs text-muted-foreground", children: `${entity.label ?? "This table"} has no choice column to make a board of.` });
   }
   if (!column) return null;
   const words2 = column.choices ?? [];
@@ -54595,14 +54774,14 @@ function EntityBoard({ entity, groupBy, cardFields, onOpenRecord, className }) {
     const says = await entity.update(id, column, to);
     if (says) setRefused({ to, says });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("div", { className: (0, import_design_system159.cn)("flex min-h-40 gap-2 overflow-x-auto pb-1", className), "data-records-entity-board": column.key, children: lanes.map((lane) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("div", { className: (0, import_design_system160.cn)("flex min-h-40 gap-2 overflow-x-auto pb-1", className), "data-records-entity-board": column.key, children: lanes.map((lane) => {
     const cards = rowsOf2(lane.key);
     if (lane.key === "" && cards.length === 0) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(
       "section",
       {
         "aria-label": lane.label,
-        className: (0, import_design_system159.cn)("flex w-60 shrink-0 flex-col gap-1.5 rounded-md bg-muted/40 p-1.5", over === lane.key && "ring-1 ring-ring"),
+        className: (0, import_design_system160.cn)("flex w-60 shrink-0 flex-col gap-1.5 rounded-md bg-muted/40 p-1.5", over === lane.key && "ring-1 ring-ring"),
         onDragOver: writable && lane.key ? (e) => {
           e.preventDefault();
           setOver(lane.key);
@@ -54610,12 +54789,12 @@ function EntityBoard({ entity, groupBy, cardFields, onOpenRecord, className }) {
         onDragLeave: writable && lane.key ? () => setOver((o) => o === lane.key ? null : o) : void 0,
         onDrop: writable && lane.key ? (e) => void drop(e, lane.key) : void 0,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)("header", { className: "flex items-baseline gap-1.5 px-1 text-xs", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("span", { className: "truncate font-medium", children: lane.label }),
-            /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("span", { className: "tabular-nums text-muted-foreground", children: cards.length })
+          /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)("header", { className: "flex items-baseline gap-1.5 px-1 text-xs", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", { className: "truncate font-medium", children: lane.label }),
+            /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", { className: "tabular-nums text-muted-foreground", children: cards.length })
           ] }),
-          refused && refused.to === lane.key ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system159.ErrorBox, { className: "rounded border border-destructive/40 px-1.5 py-1 text-xs text-destructive", message: refused.says, operation: "Move a card", origin: "records-ui/entityViews" }) : null,
-          cards.map((row) => /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(
+          refused && refused.to === lane.key ? /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(import_design_system160.ErrorBox, { className: "rounded border border-destructive/40 px-1.5 py-1 text-xs text-destructive", message: refused.says, operation: "Move a card", origin: "records-ui/entityViews" }) : null,
+          cards.map((row) => /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(
             "article",
             {
               draggable: writable,
@@ -54623,11 +54802,11 @@ function EntityBoard({ entity, groupBy, cardFields, onOpenRecord, className }) {
                 e.dataTransfer.setData("text/x-entity-row", row._id);
                 e.dataTransfer.effectAllowed = "move";
               },
-              className: (0, import_design_system159.cn)("flex flex-col gap-0.5 rounded border bg-card px-2 py-1.5 text-xs shadow-sm", writable && "cursor-grab"),
+              className: (0, import_design_system160.cn)("flex flex-col gap-0.5 rounded border bg-card px-2 py-1.5 text-xs shadow-sm", writable && "cursor-grab"),
               "data-records-entity-card": row._id,
               children: [
-                onOpenRecord ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("button", { type: "button", className: "truncate text-left font-medium hover:underline", onClick: () => onOpenRecord(row._id), children: (title ? entityValueText(title, entityCellValue(row, title)) : shown4(row._id)) || "Untitled" }) : /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("span", { className: "truncate font-medium", children: (title ? entityValueText(title, entityCellValue(row, title)) : shown4(row._id)) || "Untitled" }),
-                extra.map((c) => entityValueText(c, entityCellValue(row, c)) ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("span", { className: "truncate text-muted-foreground", children: entityValueText(c, entityCellValue(row, c)) }, c.key) : null)
+                onOpenRecord ? /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("button", { type: "button", className: "truncate text-left font-medium hover:underline", onClick: () => onOpenRecord(row._id), children: (title ? entityValueText(title, entityCellValue(row, title)) : shown4(row._id)) || "Untitled" }) : /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", { className: "truncate font-medium", children: (title ? entityValueText(title, entityCellValue(row, title)) : shown4(row._id)) || "Untitled" }),
+                extra.map((c) => entityValueText(c, entityCellValue(row, c)) ? /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", { className: "truncate text-muted-foreground", children: entityValueText(c, entityCellValue(row, c)) }, c.key) : null)
               ]
             },
             row._id
@@ -54678,9 +54857,9 @@ function EntityChartBlock({ source, kind, by, measure, title, where, organizatio
     };
   }, [client, ask2, kind, title]);
   if (!block) {
-    return /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(RecordsSkeleton, { layout: "chart", embedded: variant === "bare", ...className ? { className } : {} });
+    return /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(RecordsSkeleton, { layout: "chart", embedded: variant === "bare", ...className ? { className } : {} });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
     ChartBlock,
     {
       block,
@@ -54693,7 +54872,7 @@ function EntityChartBlock({ source, kind, by, measure, title, where, organizatio
   );
 }
 function EntityTablePage(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(EntityDataScope, { children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(EntityTablePageBody, { ...props }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(EntityDataScope, { children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(EntityTablePageBody, { ...props }) });
 }
 function EntityTablePageBody({
   source,
@@ -54743,21 +54922,21 @@ function EntityTablePageBody({
     rowNoun: (entity.label ?? "record").toLowerCase(),
     enabled: layout === "grid"
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)("div", { className: (0, import_design_system159.cn)("flex min-w-0 flex-col gap-2", className), "data-records-entity-page": source.token, children: [
-    presentation === "page" || boardable || entity.creatable ? /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)("div", { className: "flex min-w-0 items-center gap-2", children: [
-      presentation === "page" ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("h2", { className: "truncate text-base font-semibold", children: entity.label ?? (entity.loading ? "Loading\u2026" : "Table") }) : null,
-      presentation === "page" ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("span", { className: "text-xs tabular-nums text-muted-foreground", children: entity.loading || entity.total === null ? "" : (0, import_format15.formatCount)(entity.total) }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)("span", { className: "ml-auto flex items-center gap-1", children: [
-        boardable ? /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(import_jsx_runtime176.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system159.Button, { size: "sm", variant: layout === "grid" ? "secondary" : "ghost", "aria-pressed": layout === "grid", onClick: () => choose("grid"), children: "Table" }),
-          /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system159.Button, { size: "sm", variant: layout === "board" ? "secondary" : "ghost", "aria-pressed": layout === "board", onClick: () => choose("board"), children: "Board" })
+  return /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)("div", { className: (0, import_design_system160.cn)("flex min-w-0 flex-col gap-2", className), "data-records-entity-page": source.token, children: [
+    presentation === "page" || boardable || entity.creatable ? /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)("div", { className: "flex min-w-0 items-center gap-2", children: [
+      presentation === "page" ? /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("h2", { className: "truncate text-base font-semibold", children: entity.label ?? (entity.loading ? "Loading\u2026" : "Table") }) : null,
+      presentation === "page" ? /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", { className: "text-xs tabular-nums text-muted-foreground", children: entity.loading || entity.total === null ? "" : (0, import_format15.formatCount)(entity.total) }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)("span", { className: "ml-auto flex items-center gap-1", children: [
+        boardable ? /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(import_jsx_runtime177.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(import_design_system160.Button, { size: "sm", variant: layout === "grid" ? "secondary" : "ghost", "aria-pressed": layout === "grid", onClick: () => choose("grid"), children: "Table" }),
+          /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(import_design_system160.Button, { size: "sm", variant: layout === "board" ? "secondary" : "ghost", "aria-pressed": layout === "board", onClick: () => choose("board"), children: "Board" })
         ] }) : null,
-        entity.creatable && naming === null ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system159.Button, { size: "sm", variant: "ghost", onClick: () => {
+        entity.creatable && naming === null ? /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(import_design_system160.Button, { size: "sm", variant: "ghost", onClick: () => {
           setAddRefused(null);
           setNaming("");
         }, children: "New page" }) : null,
-        entity.creatable && naming !== null ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
-          import_design_system159.Input,
+        entity.creatable && naming !== null ? /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
+          import_design_system160.Input,
           {
             autoFocus: true,
             "data-records-entity-new": source.token,
@@ -54786,10 +54965,10 @@ function EntityTablePageBody({
         actions
       ] })
     ] }) : null,
-    addRefused ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system159.ErrorBox, { className: "rounded border border-destructive/40 px-1.5 py-1 text-xs text-destructive", message: addRefused, operation: "Add a row", origin: "records-ui/entityViews" }) : null,
-    entity.error ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("p", { className: "px-1 py-3 text-xs text-muted-foreground", children: `This table could not be read: ${entity.error}` }) : layout === "board" && boardable ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(EntityBoard, { entity, groupBy, onOpenRecord }) : /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(import_jsx_runtime176.Fragment, { children: [
-      presentation === "embedded" && searchBox ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("div", { className: "flex min-w-0 items-center justify-end", "data-records-entity-search": "", children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_design_system158.TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
-        import_design_system158.TapTargetSearchGroup,
+    addRefused ? /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(import_design_system160.ErrorBox, { className: "rounded border border-destructive/40 px-1.5 py-1 text-xs text-destructive", message: addRefused, operation: "Add a row", origin: "records-ui/entityViews" }) : null,
+    entity.error ? /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("p", { className: "px-1 py-3 text-xs text-muted-foreground", children: `This table could not be read: ${entity.error}` }) : layout === "board" && boardable ? /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(EntityBoard, { entity, groupBy, onOpenRecord }) : /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(import_jsx_runtime177.Fragment, { children: [
+      presentation === "embedded" && searchBox ? /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("div", { className: "flex min-w-0 items-center justify-end", "data-records-entity-search": "", children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(import_design_system159.TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
+        import_design_system159.TapTargetSearchGroup,
         {
           surface: "solid",
           placeholder: "Search",
@@ -54800,8 +54979,8 @@ function EntityTablePageBody({
           }
         }
       ) }) }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(EntityGrid, { entity, pageSize, embedded: presentation === "embedded", ...drill ? { drill } : {} }),
-      entity.hasMore ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(EntityGrid, { entity, pageSize, embedded: presentation === "embedded", ...drill ? { drill } : {} }),
+      entity.hasMore ? /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
         import_data_table25.MatrxTableCardShowMore,
         {
           shown: entity.rows.length,
@@ -54815,12 +54994,12 @@ function EntityTablePageBody({
 }
 
 // src/TablePageSource.tsx
-var import_jsx_runtime177 = require("react/jsx-runtime");
+var import_jsx_runtime178 = require("react/jsx-runtime");
 function TablePage2(props) {
-  if (props.source === void 0) return /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(TablePage, { ...props });
+  if (props.source === void 0) return /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(TablePage, { ...props });
   const { source, layout, onLayoutChange, groupBy, onOpenRecord, ...rest } = props;
-  if (source.kind === "table") return /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(TablePage, { ...rest, tableId: source.id });
-  return /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
+  if (source.kind === "table") return /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(TablePage, { ...rest, tableId: source.id });
+  return /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
     EntityTablePage,
     {
       source,
@@ -54842,8 +55021,8 @@ function TablePage2(props) {
 var import_react315 = require("react");
 var import_records75 = require("@ai-matrx/records");
 var import_react316 = require("@ai-matrx/records/react");
-var import_design_system160 = require("@ai-matrx/design-system");
-var import_jsx_runtime178 = require("react/jsx-runtime");
+var import_design_system161 = require("@ai-matrx/design-system");
+var import_jsx_runtime179 = require("react/jsx-runtime");
 var DATA_BINDING_SHAPES = [
   { value: "collection", label: "The whole table" },
   { value: "reference", label: "One record" },
@@ -54910,9 +55089,9 @@ function DataBindingPicker({ dataSource, userId, binding, onChange, disabled, de
       ...binding.semantic_type === "collection" && defaultRowLimit ? { limit: defaultRowLimit } : {}
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime178.jsxs)("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(TablePicker, { dataSource, value: tableId, onChange: selectTable, disabled: Boolean(disabled), tables }),
-    /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(TableScope, { dataSource, userId, tableId, tables, children: tableId && /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime179.jsxs)("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(TablePicker, { dataSource, value: tableId, onChange: selectTable, disabled: Boolean(disabled), tables }),
+    /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(TableScope, { dataSource, userId, tableId, tables, children: tableId && /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
       BindingDetails,
       {
         tableId,
@@ -54976,9 +55155,9 @@ function BindingDetails({
   const fieldOptions = fieldList.map((f) => ({ value: f.key, label: fieldName(f) }));
   const template = binding.transform?.template ?? "";
   const setTemplate = (next) => onChange({ ...binding, transform: { join: "\n", ...binding.transform, name: "list", template: next } });
-  return /* @__PURE__ */ (0, import_jsx_runtime178.jsxs)("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("div", { className: "flex flex-wrap gap-1", role: "radiogroup", "aria-label": "What to read", children: DATA_BINDING_SHAPES.map((s) => /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
-      import_design_system160.Button,
+  return /* @__PURE__ */ (0, import_jsx_runtime179.jsxs)("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime179.jsx)("div", { className: "flex flex-wrap gap-1", role: "radiogroup", "aria-label": "What to read", children: DATA_BINDING_SHAPES.map((s) => /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
+      import_design_system161.Button,
       {
         type: "button",
         size: "sm",
@@ -54991,7 +55170,7 @@ function BindingDetails({
       },
       s.value
     )) }),
-    shape !== "collection" && /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
+    shape !== "collection" && /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
       RecordPicker,
       {
         tableId,
@@ -55000,8 +55179,8 @@ function BindingDetails({
         disabled: Boolean(disabled)
       }
     ),
-    shape === "value" && /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
-      import_design_system160.CreatablePicker,
+    shape === "value" && /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
+      import_design_system161.CreatablePicker,
       {
         value: binding.field_key ?? null,
         options: fieldOptions,
@@ -55014,11 +55193,11 @@ function BindingDetails({
         ariaLabel: "Column"
       }
     ),
-    shape !== "value" && /* @__PURE__ */ (0, import_jsx_runtime178.jsxs)("div", { className: "flex flex-col gap-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
+    shape !== "value" && /* @__PURE__ */ (0, import_jsx_runtime179.jsxs)("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
         "textarea",
         {
-          className: (0, import_design_system160.cn)(
+          className: (0, import_design_system161.cn)(
             "min-h-[3.5rem] w-full rounded-md border border-border bg-background px-2 py-1.5 font-mono text-xs"
           ),
           "aria-label": "Each row reads as",
@@ -55027,8 +55206,8 @@ function BindingDetails({
           onChange: (e) => setTemplate(e.target.value)
         }
       ),
-      !disabled && /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("div", { className: "flex flex-wrap gap-1", children: fieldList.flatMap(bindingPlaceholdersFor).map((p) => /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
-        import_design_system160.Button,
+      !disabled && /* @__PURE__ */ (0, import_jsx_runtime179.jsx)("div", { className: "flex flex-wrap gap-1", children: fieldList.flatMap(bindingPlaceholdersFor).map((p) => /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
+        import_design_system161.Button,
         {
           type: "button",
           size: "sm",
@@ -55040,10 +55219,10 @@ function BindingDetails({
         p.token
       )) })
     ] }),
-    shape === "collection" && /* @__PURE__ */ (0, import_jsx_runtime178.jsxs)("label", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
+    shape === "collection" && /* @__PURE__ */ (0, import_jsx_runtime179.jsxs)("label", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
       "Up to",
-      /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
-        import_design_system160.BasicInput,
+      /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
+        import_design_system161.BasicInput,
         {
           type: "number",
           min: 1,
@@ -55059,10 +55238,10 @@ function BindingDetails({
       ),
       "rows"
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime178.jsxs)("div", { className: "flex flex-wrap items-center gap-1", role: "radiogroup", "aria-label": "If nothing is found", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("span", { className: "text-xs text-muted-foreground", children: "If nothing is found" }),
-      DATA_BINDING_MISSING.map((m) => /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
-        import_design_system160.Button,
+    /* @__PURE__ */ (0, import_jsx_runtime179.jsxs)("div", { className: "flex flex-wrap items-center gap-1", role: "radiogroup", "aria-label": "If nothing is found", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime179.jsx)("span", { className: "text-xs text-muted-foreground", children: "If nothing is found" }),
+      DATA_BINDING_MISSING.map((m) => /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
+        import_design_system161.Button,
         {
           type: "button",
           size: "sm",
@@ -55081,13 +55260,13 @@ function BindingDetails({
 
 // src/PickedSummaries.tsx
 var import_react317 = require("@ai-matrx/records/react");
-var import_jsx_runtime179 = require("react/jsx-runtime");
+var import_jsx_runtime180 = require("react/jsx-runtime");
 function TableNameText({ dataSource, tableId }) {
   const tables = useTablesAnywhere(dataSource);
-  if (!tableId) return /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(import_jsx_runtime179.Fragment, { children: "\u2014" });
-  if (tables.loading) return /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(import_jsx_runtime179.Fragment, { children: "\u2026" });
-  if (tables.error) return /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(import_jsx_runtime179.Fragment, { children: "Couldn't load the table's name" });
-  return /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(import_jsx_runtime179.Fragment, { children: tables.rows.find((t) => t.table_id === tableId)?.table_name ?? "\u2014" });
+  if (!tableId) return /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_jsx_runtime180.Fragment, { children: "\u2014" });
+  if (tables.loading) return /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_jsx_runtime180.Fragment, { children: "\u2026" });
+  if (tables.error) return /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_jsx_runtime180.Fragment, { children: "Couldn't load the table's name" });
+  return /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_jsx_runtime180.Fragment, { children: tables.rows.find((t) => t.table_id === tableId)?.table_name ?? "\u2014" });
 }
 function ColumnValuesText({
   dataSource,
@@ -55095,38 +55274,38 @@ function ColumnValuesText({
   tableId,
   value
 }) {
-  if (!tableId) return /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(import_jsx_runtime179.Fragment, { children: "\u2014" });
-  return /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
+  if (!tableId) return /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_jsx_runtime180.Fragment, { children: "\u2014" });
+  return /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(
     TableScope,
     {
       dataSource,
       userId,
       tableId,
-      fallback: /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(import_jsx_runtime179.Fragment, { children: "\u2026" }),
-      unavailable: /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(import_jsx_runtime179.Fragment, { children: "Couldn't load this table's columns" }),
-      children: /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(RecordLabelProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(ColumnValuesWords, { tableId, value }) })
+      fallback: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_jsx_runtime180.Fragment, { children: "\u2026" }),
+      unavailable: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_jsx_runtime180.Fragment, { children: "Couldn't load this table's columns" }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(RecordLabelProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(ColumnValuesWords, { tableId, value }) })
     }
   );
 }
 function ColumnValuesWords({ tableId, value }) {
   const fields = (0, import_react317.useFields)(tableId);
   const labels = useRecordLabels(fields.data ?? void 0);
-  if (fields.loading) return /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(import_jsx_runtime179.Fragment, { children: "\u2026" });
-  if (fields.error) return /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(import_jsx_runtime179.Fragment, { children: "Couldn't load this table's columns" });
+  if (fields.loading) return /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_jsx_runtime180.Fragment, { children: "\u2026" });
+  if (fields.error) return /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_jsx_runtime180.Fragment, { children: "Couldn't load this table's columns" });
   const parts = [];
   for (const [key, stored] of Object.entries(value)) {
     if (key.startsWith("_")) continue;
     const field2 = (fields.data ?? []).find((f) => f.key === key);
-    if (parts.length) parts.push(/* @__PURE__ */ (0, import_jsx_runtime179.jsx)("span", { children: ", " }, `${key}-sep`));
+    if (parts.length) parts.push(/* @__PURE__ */ (0, import_jsx_runtime180.jsx)("span", { children: ", " }, `${key}-sep`));
     parts.push(
-      /* @__PURE__ */ (0, import_jsx_runtime179.jsxs)("span", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime180.jsxs)("span", { children: [
         field2 ? fieldName(field2) : "A removed column",
         " is ",
         field2 ? renderValue(field2, stored, void 0, labels) : "\u2014"
       ] }, key)
     );
   }
-  return parts.length ? /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(import_jsx_runtime179.Fragment, { children: parts }) : /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(import_jsx_runtime179.Fragment, { children: "\u2014" });
+  return parts.length ? /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_jsx_runtime180.Fragment, { children: parts }) : /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_jsx_runtime180.Fragment, { children: "\u2014" });
 }
 function RecordNameText({
   dataSource,
@@ -55134,35 +55313,35 @@ function RecordNameText({
   tableId,
   recordId
 }) {
-  if (!tableId || !recordId) return /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(import_jsx_runtime179.Fragment, { children: "\u2014" });
-  return /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
+  if (!tableId || !recordId) return /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_jsx_runtime180.Fragment, { children: "\u2014" });
+  return /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(
     TableScope,
     {
       dataSource,
       userId,
       tableId,
-      fallback: /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(import_jsx_runtime179.Fragment, { children: "\u2026" }),
-      unavailable: /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(import_jsx_runtime179.Fragment, { children: "Couldn't load this record" }),
-      children: /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(RecordNameWords, { tableId, recordId })
+      fallback: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_jsx_runtime180.Fragment, { children: "\u2026" }),
+      unavailable: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_jsx_runtime180.Fragment, { children: "Couldn't load this record" }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(RecordNameWords, { tableId, recordId })
     }
   );
 }
 function RecordNameWords({ tableId, recordId }) {
   const table = (0, import_react317.useTable)(tableId);
   const record = (0, import_react317.useRecord)(recordId);
-  if (record.loading || table.loading) return /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(import_jsx_runtime179.Fragment, { children: "\u2026" });
-  if (record.error) return /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(import_jsx_runtime179.Fragment, { children: "Couldn't load this record" });
-  if (!record.data) return /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(import_jsx_runtime179.Fragment, { children: "A record you cannot open" });
-  return /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(import_jsx_runtime179.Fragment, { children: recordName(record.data.document, table.data?.title_field ?? null) });
+  if (record.loading || table.loading) return /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_jsx_runtime180.Fragment, { children: "\u2026" });
+  if (record.error) return /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_jsx_runtime180.Fragment, { children: "Couldn't load this record" });
+  if (!record.data) return /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_jsx_runtime180.Fragment, { children: "A record you cannot open" });
+  return /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_jsx_runtime180.Fragment, { children: recordName(record.data.document, table.data?.title_field ?? null) });
 }
 
 // src/HeldChangeDecision.tsx
 var import_react318 = require("react");
 var import_react319 = require("@ai-matrx/records/react");
-var import_design_system161 = require("@ai-matrx/design-system");
-var import_jsx_runtime180 = require("react/jsx-runtime");
+var import_design_system162 = require("@ai-matrx/design-system");
+var import_jsx_runtime181 = require("react/jsx-runtime");
 function HeldChangeDecision({ dataSource, userId, organizationId, approvalId, onDecided, approveLabel }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_react319.RecordsProvider, { config: { dataSource, actor: personActor(userId), organizationId }, children: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(Decision, { approvalId, onDecided, approveLabel: approveLabel ?? "Approve" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(import_react319.RecordsProvider, { config: { dataSource, actor: personActor(userId), organizationId }, children: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(Decision, { approvalId, onDecided, approveLabel: approveLabel ?? "Approve" }) });
 }
 function Decision({
   approvalId,
@@ -55195,20 +55374,20 @@ function Decision({
     if (res.ok) onDecided(approve);
     else setError(res.error);
   };
-  if (may === null) return /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("p", { className: "text-xs text-muted-foreground", children: "Checking who can decide\u2026" });
-  return /* @__PURE__ */ (0, import_jsx_runtime180.jsxs)("div", { className: "flex flex-col gap-1.5", children: [
-    may ? /* @__PURE__ */ (0, import_jsx_runtime180.jsxs)("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_design_system161.Button, { type: "button", size: "sm", disabled: busy !== null, onClick: () => void decide(true), children: busy === "approve" ? "Approving\u2026" : approveLabel }),
-      /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_design_system161.Button, { type: "button", size: "sm", variant: "outline", disabled: busy !== null, onClick: () => void decide(false), children: busy === "refuse" ? "Refusing\u2026" : "Refuse" })
-    ] }) : !error && /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("p", { className: "text-xs text-muted-foreground", children: "An owner or admin of this organization decides this." }),
-    error ? /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(RefusalLine, { error }) : null
+  if (may === null) return /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("p", { className: "text-xs text-muted-foreground", children: "Checking who can decide\u2026" });
+  return /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("div", { className: "flex flex-col gap-1.5", children: [
+    may ? /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(import_design_system162.Button, { type: "button", size: "sm", disabled: busy !== null, onClick: () => void decide(true), children: busy === "approve" ? "Approving\u2026" : approveLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(import_design_system162.Button, { type: "button", size: "sm", variant: "outline", disabled: busy !== null, onClick: () => void decide(false), children: busy === "refuse" ? "Refusing\u2026" : "Refuse" })
+    ] }) : !error && /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("p", { className: "text-xs text-muted-foreground", children: "An owner or admin of this organization decides this." }),
+    error ? /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(RefusalLine, { error }) : null
   ] });
 }
 
 // src/CalendarLinks.tsx
 var import_react320 = require("react");
-var import_design_system162 = require("@ai-matrx/design-system");
-var import_jsx_runtime181 = require("react/jsx-runtime");
+var import_design_system163 = require("@ai-matrx/design-system");
+var import_jsx_runtime182 = require("react/jsx-runtime");
 var day = (iso) => iso ? new Date(iso).toLocaleDateString(void 0, { year: "numeric", month: "short", day: "numeric" }) : null;
 function CalendarLinks({ port }) {
   const [rows, setRows] = (0, import_react320.useState)(null);
@@ -55233,15 +55412,15 @@ function CalendarLinks({ port }) {
       setError(asRefusal3(e, "That didn\u2019t work"));
     }
   };
-  if (rows === null && !error) return /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("p", { className: "text-sm text-muted-foreground", "data-calendar-links-loading": "", children: "Reading your links\u2026" });
-  return /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("div", { className: "flex flex-col gap-2", "data-calendar-links": "", children: [
-    error ? /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(RefusalNotice, { error }) : null,
-    rows && rows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("p", { className: "text-sm text-muted-foreground", children: "No calendar links yet." }) : null,
-    rows?.map((row) => /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("div", { className: "flex flex-col gap-2 rounded-md border px-3 py-2", "data-calendar-link-row": row.id, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("div", { className: "truncate text-sm font-medium", children: row.title }),
-          /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("div", { className: "text-xs text-muted-foreground", children: [
+  if (rows === null && !error) return /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("p", { className: "text-sm text-muted-foreground", "data-calendar-links-loading": "", children: "Reading your links\u2026" });
+  return /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)("div", { className: "flex flex-col gap-2", "data-calendar-links": "", children: [
+    error ? /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(RefusalNotice, { error }) : null,
+    rows && rows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("p", { className: "text-sm text-muted-foreground", children: "No calendar links yet." }) : null,
+    rows?.map((row) => /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)("div", { className: "flex flex-col gap-2 rounded-md border px-3 py-2", "data-calendar-link-row": row.id, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("div", { className: "truncate text-sm font-medium", children: row.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)("div", { className: "text-xs text-muted-foreground", children: [
             "Made ",
             day(row.created_at),
             " \xB7 ",
@@ -55250,9 +55429,9 @@ function CalendarLinks({ port }) {
             row.expired ? "Expired" : row.expires_at ? `Expires ${day(row.expires_at)}` : "Never expires"
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("div", { className: "flex shrink-0 gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
-            import_design_system162.Button,
+        /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)("div", { className: "flex shrink-0 gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(
+            import_design_system163.Button,
             {
               size: "sm",
               variant: "outline",
@@ -55265,8 +55444,8 @@ function CalendarLinks({ port }) {
               children: "Rotate"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
-            import_design_system162.Button,
+          /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(
+            import_design_system163.Button,
             {
               size: "sm",
               variant: "outline",
@@ -55281,7 +55460,7 @@ function CalendarLinks({ port }) {
           )
         ] })
       ] }),
-      fresh?.id === row.id ? /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(CalendarLinkOnce, { url: fresh.url }) : null
+      fresh?.id === row.id ? /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(CalendarLinkOnce, { url: fresh.url }) : null
     ] }, row.id))
   ] });
 }
@@ -55291,7 +55470,7 @@ var import_react321 = require("react");
 var import_memory = require("@ai-matrx/records/memory");
 var import_react322 = require("@ai-matrx/records/react");
 var import_forms7 = require("@ai-matrx/records/forms");
-var import_jsx_runtime182 = require("react/jsx-runtime");
+var import_jsx_runtime183 = require("react/jsx-runtime");
 function useTemplatePreview(spec, today) {
   return (0, import_react321.useMemo)(() => (0, import_memory.templatePreview)(spec, today ? { today } : {}), [spec, today]);
 }
@@ -55302,9 +55481,9 @@ function TemplatePreview({ spec, today, initialTable, host, aside, booking, clas
   const [active, setActive] = (0, import_react321.useState)(first?.id ?? null);
   const table = preview.tables.find((t) => t.id === active) ?? first;
   if (!table) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)("div", { className: ["flex min-w-0 flex-col gap-3", className].filter(Boolean).join(" "), "data-template-preview": preview.tables.length, children: [
-    preview.tables.length > 1 || aside ? /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)("div", { className: "flex min-w-0 flex-wrap items-center gap-1.5", role: "tablist", "aria-label": "Tables", children: [
-      preview.tables.map((t) => /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime183.jsxs)("div", { className: ["flex min-w-0 flex-col gap-3", className].filter(Boolean).join(" "), "data-template-preview": preview.tables.length, children: [
+    preview.tables.length > 1 || aside ? /* @__PURE__ */ (0, import_jsx_runtime183.jsxs)("div", { className: "flex min-w-0 flex-wrap items-center gap-1.5", role: "tablist", "aria-label": "Tables", children: [
+      preview.tables.map((t) => /* @__PURE__ */ (0, import_jsx_runtime183.jsxs)(
         "button",
         {
           type: "button",
@@ -55318,19 +55497,19 @@ function TemplatePreview({ spec, today, initialTable, host, aside, booking, clas
           ].join(" "),
           children: [
             t.name,
-            /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("span", { className: "text-xs tabular-nums text-muted-foreground", children: t.rows })
+            /* @__PURE__ */ (0, import_jsx_runtime183.jsx)("span", { className: "text-xs tabular-nums text-muted-foreground", children: t.rows })
           ]
         },
         t.id
       )),
-      aside ? /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("div", { className: "ml-auto", children: aside }) : null
+      aside ? /* @__PURE__ */ (0, import_jsx_runtime183.jsx)("div", { className: "ml-auto", children: aside }) : null
     ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)(RecordsMount, { config: preview.config, host: bound2, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("div", { className: "min-h-[32rem] min-w-0 overflow-hidden rounded-xl border border-border bg-card", children: /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(TablePage, { tableId: table.id }, table.id) }),
-      /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(PreviewForms, { preview, booking }),
-      preview.dashboards.length ? /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)("section", { className: "flex min-w-0 flex-col gap-3", "aria-label": "Dashboards", "data-template-preview-dashboards": preview.dashboards.length, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("h2", { className: "text-lg font-semibold tracking-tight", children: "Dashboards" }),
-        preview.dashboards.map((d) => /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("div", { className: "min-w-0 overflow-hidden rounded-xl border border-border bg-card p-3", "data-template-preview-dashboard": d.token, children: /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(DashboardCanvas, { tableId: d.tableId, activeDashboardId: d.id }) }, d.id))
+    /* @__PURE__ */ (0, import_jsx_runtime183.jsxs)(RecordsMount, { config: preview.config, host: bound2, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime183.jsx)("div", { className: "min-h-[32rem] min-w-0 overflow-hidden rounded-xl border border-border bg-card", children: /* @__PURE__ */ (0, import_jsx_runtime183.jsx)(TablePage, { tableId: table.id }, table.id) }),
+      /* @__PURE__ */ (0, import_jsx_runtime183.jsx)(PreviewForms, { preview, booking }),
+      preview.dashboards.length ? /* @__PURE__ */ (0, import_jsx_runtime183.jsxs)("section", { className: "flex min-w-0 flex-col gap-3", "aria-label": "Dashboards", "data-template-preview-dashboards": preview.dashboards.length, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime183.jsx)("h2", { className: "text-lg font-semibold tracking-tight", children: "Dashboards" }),
+        preview.dashboards.map((d) => /* @__PURE__ */ (0, import_jsx_runtime183.jsx)("div", { className: "min-w-0 overflow-hidden rounded-xl border border-border bg-card p-3", "data-template-preview-dashboard": d.token, children: /* @__PURE__ */ (0, import_jsx_runtime183.jsx)(DashboardCanvas, { tableId: d.tableId, activeDashboardId: d.id }) }, d.id))
       ] }) : null
     ] })
   ] });
@@ -55358,14 +55537,14 @@ function PreviewForms({ preview, booking }) {
     };
   }, [client, preview, booking]);
   if (!forms?.length && !pages.length) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)("section", { className: "flex min-w-0 flex-col gap-3", "aria-label": "Forms and booking", "data-template-preview-forms": forms?.length ?? 0, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("h2", { className: "text-lg font-semibold tracking-tight", children: "Forms and booking" }),
-    /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("div", { className: "grid min-w-0 gap-4 md:grid-cols-2", children: (forms ?? []).map((f) => /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)("div", { className: "min-w-0 rounded-xl border border-border bg-card p-4", "data-template-preview-form": f.slug ?? f.id, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("h3", { className: "mb-3 text-sm font-semibold", children: f.name }),
-      /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(FormRunner, { form: f, preview: true })
+  return /* @__PURE__ */ (0, import_jsx_runtime183.jsxs)("section", { className: "flex min-w-0 flex-col gap-3", "aria-label": "Forms and booking", "data-template-preview-forms": forms?.length ?? 0, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime183.jsx)("h2", { className: "text-lg font-semibold tracking-tight", children: "Forms and booking" }),
+    /* @__PURE__ */ (0, import_jsx_runtime183.jsx)("div", { className: "grid min-w-0 gap-4 md:grid-cols-2", children: (forms ?? []).map((f) => /* @__PURE__ */ (0, import_jsx_runtime183.jsxs)("div", { className: "min-w-0 rounded-xl border border-border bg-card p-4", "data-template-preview-form": f.slug ?? f.id, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime183.jsx)("h3", { className: "mb-3 text-sm font-semibold", children: f.name }),
+      /* @__PURE__ */ (0, import_jsx_runtime183.jsx)(FormRunner, { form: f, preview: true })
     ] }, f.id)) }),
-    booking ? pages.map((p) => /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)("div", { className: "min-w-0 rounded-xl border border-border bg-card p-4", "data-template-preview-booking": p.id, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("h3", { className: "mb-3 text-sm font-semibold", children: String(p.page["title"] ?? "") }),
+    booking ? pages.map((p) => /* @__PURE__ */ (0, import_jsx_runtime183.jsxs)("div", { className: "min-w-0 rounded-xl border border-border bg-card p-4", "data-template-preview-booking": p.id, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime183.jsx)("h3", { className: "mb-3 text-sm font-semibold", children: String(p.page["title"] ?? "") }),
       booking(p.page)
     ] }, p.id)) : null
   ] });