@ai-matrx/records-ui 0.115.73 → 0.115.75

package/dist/index.js

@@ -25448,6 +25448,7 @@ function GridBody({
   onOpenRecord,
   openRecordId = null,
   onCloseRecord,
+  onRowsShown,
   onAddField,
   onNewRecordForm,
   toolbarActions,
@@ -25728,6 +25729,11 @@ function GridBody({
   const rows = added.rows;
   const lockedRows = records.data?.locked ?? 0;
   const rowIds = useMemo39(() => rows.map((row) => row.id), [rows]);
+  const rowsShownRef = useRef37(onRowsShown);
+  rowsShownRef.current = onRowsShown;
+  useEffect55(() => {
+    rowsShownRef.current?.(rowIds);
+  }, [rowIds]);
   const countedButNotReturned = !records.error && !records.loading && rows.length === 0 && typeof records.data?.total === "number" && records.data.total > 0 && (storePaged ? query.page <= 1 : page <= 0);
   const reReads = useRef37(0);
   const reloadRecords = useRef37(records.reload);
@@ -28409,7 +28415,7 @@ import {
   Checkbox as Checkbox11,
   ConfirmDialog as ConfirmDialog6,
   Input as Input4,
-  Select as Select11,
+  Select as Select12,
   SelectContent as SelectContent11,
   SelectItem as SelectItem11,
   SelectTrigger as SelectTrigger11,
@@ -29171,6 +29177,7 @@ import {
   bookingPath
 } from "@ai-matrx/records";
 import { BasicInput as BasicInput17, BasicTextarea as BasicTextarea7, Button as Button54, Checkbox as Checkbox10, Label as Label18, Skeleton as Skeleton8, cn as cn44 } from "@ai-matrx/design-system";
+import { Select as Select11 } from "@ai-matrx/design-system/controls";
 
 // src/publicQuestions.ts
 var CANNOT_ASK = {
@@ -29473,39 +29480,39 @@ function BookingBuilder({ tableId, bookingId, onSaved, onClose, startNew, classN
         /* @__PURE__ */ jsxs83("label", { className: "flex flex-col gap-1", children: [
           /* @__PURE__ */ jsx94(Label18, { className: "text-xs font-medium", children: "How long one appointment is" }),
           /* @__PURE__ */ jsx94(
-            "select",
+            Select11,
             {
-              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__ */ jsxs83("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__ */ jsxs83("label", { className: "flex flex-col gap-1", children: [
           /* @__PURE__ */ jsx94(Label18, { className: "text-xs font-medium", children: "Gap kept after each one" }),
           /* @__PURE__ */ jsx94(
-            "select",
+            Select11,
             {
-              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__ */ jsx94("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__ */ jsxs83("label", { className: "flex flex-col gap-1", children: [
           /* @__PURE__ */ jsx94(Label18, { className: "text-xs font-medium", children: "Earliest somebody may book" }),
           /* @__PURE__ */ jsx94(
-            "select",
+            Select11,
             {
-              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__ */ jsx94("option", { value: n, children: n === 0 ? "Right away" : n === 1440 ? "A day from now" : `${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" : `${formatDurationMinutes(n, { style: "long" })} from now`
+              }))
             }
           )
         ] }),
@@ -29524,15 +29531,12 @@ function BookingBuilder({ tableId, bookingId, onSaved, onClose, startNew, classN
         /* @__PURE__ */ jsxs83("label", { className: "flex flex-col gap-1", children: [
           /* @__PURE__ */ jsx94(Label18, { className: "text-xs font-medium", children: "How far ahead the page offers" }),
           /* @__PURE__ */ jsx94(
-            "select",
+            Select11,
             {
-              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__ */ jsxs83("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` }))
             }
           )
         ] }),
@@ -30777,7 +30781,7 @@ function SaveToTable({ source, shapeIndex = 0, onOpenTable, onSaved, onClose, ma
   const busy = phase === "making" || phase === "writing";
   return /* @__PURE__ */ jsxs89("div", { className: cn48("flex min-w-0 flex-col gap-3 text-sm", className), "data-save-to-table": "", children: [
     /* @__PURE__ */ jsxs89("div", { className: "flex flex-wrap items-center gap-2", children: [
-      shapes.length > 1 ? /* @__PURE__ */ jsxs89(Select11, { value: String(which), onValueChange: (v) => chooseShape(Number(v)), disabled: busy || phase === "done", children: [
+      shapes.length > 1 ? /* @__PURE__ */ jsxs89(Select12, { value: String(which), onValueChange: (v) => chooseShape(Number(v)), disabled: busy || phase === "done", children: [
         /* @__PURE__ */ jsx100(SelectTrigger11, { size: "sm", "aria-label": "Which of these to save", className: "min-w-[16rem]", children: /* @__PURE__ */ jsx100(SelectValue11, {}) }),
         /* @__PURE__ */ jsx100(SelectContent11, { children: shapes.map((s, i) => /* @__PURE__ */ jsxs89(SelectItem11, { value: String(i), children: [
           s.name ? `${s.name} \u2014 ` : "",
@@ -30788,7 +30792,7 @@ function SaveToTable({ source, shapeIndex = 0, onOpenTable, onSaved, onClose, ma
         shape.said
       ] }),
       shape.splits.length > 0 ? /* @__PURE__ */ jsxs89(
-        Select11,
+        Select12,
         {
           value: split || "__one__",
           onValueChange: (v) => {
@@ -30902,7 +30906,7 @@ function SaveToTable({ source, shapeIndex = 0, onOpenTable, onSaved, onClose, ma
                   }
                 ),
                 /* @__PURE__ */ jsxs89(
-                  Select11,
+                  Select12,
                   {
                     value: c.guess.type,
                     disabled: busy || !c.use,
@@ -30942,7 +30946,7 @@ function SaveToTable({ source, shapeIndex = 0, onOpenTable, onSaved, onClose, ma
           /* @__PURE__ */ jsx100("span", { className: "text-xs text-muted-foreground", children: "Nothing is made until you press it." })
         ] })
       ] }) : /* @__PURE__ */ jsxs89("div", { className: "flex flex-col gap-2", "data-save-to-table-existing": "", children: [
-        tables.loading || levels.loading ? /* @__PURE__ */ jsx100("p", { className: "text-muted-foreground", children: "Reading your tables\u2026" }) : tables.error ? /* @__PURE__ */ jsx100(RefusalNotice, { error: tables.error }) : writable.length === 0 ? /* @__PURE__ */ jsx100("p", { className: "text-muted-foreground", children: "There is no table in this organization you can add rows to. Make a new one instead." }) : /* @__PURE__ */ jsxs89(Select11, { value: tableId, onValueChange: setTableId, disabled: busy, children: [
+        tables.loading || levels.loading ? /* @__PURE__ */ jsx100("p", { className: "text-muted-foreground", children: "Reading your tables\u2026" }) : tables.error ? /* @__PURE__ */ jsx100(RefusalNotice, { error: tables.error }) : writable.length === 0 ? /* @__PURE__ */ jsx100("p", { className: "text-muted-foreground", children: "There is no table in this organization you can add rows to. Make a new one instead." }) : /* @__PURE__ */ jsxs89(Select12, { value: tableId, onValueChange: setTableId, disabled: busy, children: [
           /* @__PURE__ */ jsx100(SelectTrigger11, { size: "sm", "aria-label": "Which table to add the rows to", className: "min-w-[16rem]", children: /* @__PURE__ */ jsx100(SelectValue11, { placeholder: "Choose a table" }) }),
           /* @__PURE__ */ jsx100(SelectContent11, { children: writable.map((t) => /* @__PURE__ */ jsx100(SelectItem11, { value: t.id, children: t.name }, t.id)) })
         ] }),
@@ -31023,6 +31027,7 @@ function SaveToTable({ source, shapeIndex = 0, onOpenTable, onSaved, onClose, ma
 import { useCallback as useCallback34, useEffect as useEffect64, useMemo as useMemo46, useState as useState81 } from "react";
 import { useFields as useFields16, useRecordsClient as useRecordsClient54, useTable as useTable14 } from "@ai-matrx/records/react";
 import { BasicInput as BasicInput18, BasicTextarea as BasicTextarea8, Button as Button61, Separator as Separator7, Skeleton as Skeleton11, cn as cn49 } from "@ai-matrx/design-system";
+import { Select as Select13 } from "@ai-matrx/design-system/controls";
 import { jsx as jsx101, jsxs as jsxs90 } from "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.";
@@ -31153,16 +31158,15 @@ function StageRulesSection({ tableId, stage, className }) {
     /* @__PURE__ */ jsxs90("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsx101("span", { className: "font-medium", children: "Rules for entering" }),
       /* @__PURE__ */ jsx101(
-        "select",
+        Select13,
         {
           "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__ */ jsx101("option", { value: s.key, children: s.label }, s.key))
+          options: stages.filter((s) => !s.retired).map((s) => ({ value: s.key, label: s.label }))
         }
       ),
       /* @__PURE__ */ jsx101("span", { className: "text-muted-foreground", children: gates.length }),
@@ -31230,13 +31234,12 @@ function StageRulesSection({ tableId, stage, className }) {
       /* @__PURE__ */ jsxs90("div", { className: "flex flex-wrap items-center gap-1", children: [
         /* @__PURE__ */ jsx101("span", { className: "text-muted-foreground", children: "and when it does not" }),
         /* @__PURE__ */ jsx101(
-          "select",
+          Select13,
           {
             "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__ */ jsx101("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__ */ jsx101("span", { className: "text-muted-foreground", children: ON_FAIL.find((o) => o.value === (draft.on_fail ?? "refuse"))?.note })
@@ -31756,7 +31759,7 @@ import {
 import { useRecordsClient as useRecordsClient59, useTable as useTable15 } from "@ai-matrx/records/react";
 import {
   Button as Button65,
-  Select as Select12,
+  Select as Select14,
   SelectContent as SelectContent12,
   SelectItem as SelectItem12,
   SelectTrigger as SelectTrigger12,
@@ -31788,7 +31791,7 @@ function ShownToSelect({
   onChange,
   testId
 }) {
-  return /* @__PURE__ */ jsxs95(Select12, { value, onValueChange: (next) => isShownTo(next) ? onChange(next) : void 0, children: [
+  return /* @__PURE__ */ jsxs95(Select14, { value, onValueChange: (next) => isShownTo(next) ? onChange(next) : void 0, children: [
     /* @__PURE__ */ jsx106(SelectTrigger12, { size: "sm", "aria-label": label, className: "h-7 min-w-[8rem] text-xs", "data-testid": testId, children: /* @__PURE__ */ jsx106(SelectValue12, {}) }),
     /* @__PURE__ */ jsx106(SelectContent12, { children: allowed.map((word) => /* @__PURE__ */ jsx106(SelectItem12, { value: word, children: SHOWN_TO_LABEL[word] }, word)) })
   ] });
@@ -33223,7 +33226,7 @@ function lookAfterReset(look) {
 import { useEffect as useEffect87, useMemo as useMemo62, useState as useState106 } from "react";
 import { mayDrag as mayDrag4, useFields as useFields21, useRecordPage as useRecordPage2, useRecordsClient as useRecordsClient71, useTable as useTable21 } from "@ai-matrx/records/react";
 import { isButtonField as isButtonField5, newerKindOf as newerKindOf7, stableFilterKey as stableFilterKey4 } from "@ai-matrx/records";
-import { Button as Button77, Select as Select17, SelectContent as SelectContent17, SelectItem as SelectItem17, SelectTrigger as SelectTrigger17, SelectValue as SelectValue17, cn as cn62 } from "@ai-matrx/design-system";
+import { Button as Button77, Select as Select19, SelectContent as SelectContent17, SelectItem as SelectItem17, SelectTrigger as SelectTrigger17, SelectValue as SelectValue17, cn as cn62 } from "@ai-matrx/design-system";
 import {
   CHOICE_CHIP_CLASS as CHOICE_CHIP_CLASS5,
   EMPTY_TABLE_STYLE as EMPTY_TABLE_STYLE2,
@@ -34234,7 +34237,7 @@ function CardFieldsInline({ row, fields }) {
 // src/CalendarView.tsx
 import { useEffect as useEffect79, useMemo as useMemo56, useRef as useRef47, useState as useState98 } from "react";
 import { mayDrag as mayDrag2 } from "@ai-matrx/records/react";
-import { Button as Button74, Select as Select13, SelectContent as SelectContent13, SelectItem as SelectItem13, SelectTrigger as SelectTrigger13, SelectValue as SelectValue13, cn as cn57 } from "@ai-matrx/design-system";
+import { Button as Button74, Select as Select15, SelectContent as SelectContent13, SelectItem as SelectItem13, SelectTrigger as SelectTrigger13, SelectValue as SelectValue13, cn as cn57 } from "@ai-matrx/design-system";
 import { CHOICE_CHIP_CLASS as CHOICE_CHIP_CLASS3 } from "@ai-matrx/design-system/data-table";
 
 // src/weekStart.ts
@@ -34916,7 +34919,7 @@ function CalendarView({
   };
   const picker = (label, value, candidates, onPick, kept, unusual) => /* @__PURE__ */ jsxs108("div", { className: "flex items-center gap-1.5 whitespace-nowrap text-xs", "data-calendar-setting": label, children: [
     /* @__PURE__ */ jsx119("span", { className: "text-muted-foreground", children: label }),
-    /* @__PURE__ */ jsxs108(Select13, { value: value ?? NONE, onValueChange: (v) => onPick(v === NONE ? null : v), children: [
+    /* @__PURE__ */ jsxs108(Select15, { value: value ?? NONE, onValueChange: (v) => onPick(v === NONE ? null : v), children: [
       /* @__PURE__ */ jsx119(SelectTrigger13, { size: "sm", className: "h-7 min-w-24 text-xs", "aria-label": `${label} column`, ...kept ? {} : { title: "Kept for this visit only" }, children: /* @__PURE__ */ jsx119(SelectValue13, { placeholder: "Choose" }) }),
       /* @__PURE__ */ jsxs108(SelectContent13, { children: [
         /* @__PURE__ */ jsx119(SelectItem13, { value: NONE, children: "None" }),
@@ -35296,7 +35299,7 @@ function weekHeading(first) {
 // src/TimelineView.tsx
 import { useEffect as useEffect80, useMemo as useMemo57, useRef as useRef48, useState as useState99 } from "react";
 import { mayDrag as mayDrag3 } from "@ai-matrx/records/react";
-import { DropdownMenu as DropdownMenu8, DropdownMenuCheckboxItem as DropdownMenuCheckboxItem2, DropdownMenuContent as DropdownMenuContent8, DropdownMenuItem as DropdownMenuItem7, DropdownMenuRadioGroup as DropdownMenuRadioGroup2, DropdownMenuRadioItem as DropdownMenuRadioItem2, DropdownMenuSeparator as DropdownMenuSeparator4, DropdownMenuSub as DropdownMenuSub2, DropdownMenuSubContent as DropdownMenuSubContent2, DropdownMenuSubTrigger as DropdownMenuSubTrigger2, DropdownMenuTrigger as DropdownMenuTrigger8, Button as Button75, Select as Select14, SelectContent as SelectContent14, SelectItem as SelectItem14, SelectTrigger as SelectTrigger14, SelectValue as SelectValue14, cn as cn58 } from "@ai-matrx/design-system";
+import { DropdownMenu as DropdownMenu8, DropdownMenuCheckboxItem as DropdownMenuCheckboxItem2, DropdownMenuContent as DropdownMenuContent8, DropdownMenuItem as DropdownMenuItem7, DropdownMenuRadioGroup as DropdownMenuRadioGroup2, DropdownMenuRadioItem as DropdownMenuRadioItem2, DropdownMenuSeparator as DropdownMenuSeparator4, DropdownMenuSub as DropdownMenuSub2, DropdownMenuSubContent as DropdownMenuSubContent2, DropdownMenuSubTrigger as DropdownMenuSubTrigger2, DropdownMenuTrigger as DropdownMenuTrigger8, Button as Button75, Select as Select16, SelectContent as SelectContent14, SelectItem as SelectItem14, SelectTrigger as SelectTrigger14, SelectValue as SelectValue14, cn as cn58 } from "@ai-matrx/design-system";
 import { CHOICE_CHIP_CLASS as CHOICE_CHIP_CLASS4 } from "@ai-matrx/design-system/data-table";
 import { useOptionalRecordsClient as useOptionalRecordsClient15 } from "@ai-matrx/records/react";
 
@@ -36135,7 +36138,7 @@ function TimelineView({
   };
   const picker = (label, value, options, onPick, opts) => /* @__PURE__ */ jsxs109("div", { className: "flex items-center gap-1.5 whitespace-nowrap text-xs", "data-timeline-setting": label, children: [
     /* @__PURE__ */ jsx120("span", { className: "text-muted-foreground", children: label }),
-    /* @__PURE__ */ jsxs109(Select14, { value: value ?? NONE2, onValueChange: (v) => onPick(v === NONE2 ? null : v), children: [
+    /* @__PURE__ */ jsxs109(Select16, { value: value ?? NONE2, onValueChange: (v) => onPick(v === NONE2 ? null : v), children: [
       /* @__PURE__ */ jsx120(SelectTrigger14, { size: "sm", className: "h-7 min-w-24 text-xs", "aria-label": `${label} column`, ...opts?.kept === false ? { title: "Kept for this visit only" } : {}, children: /* @__PURE__ */ jsx120(SelectValue14, { placeholder: "Choose" }) }),
       /* @__PURE__ */ jsxs109(SelectContent14, { children: [
         opts?.none !== false ? /* @__PURE__ */ jsx120(SelectItem14, { value: NONE2, children: "None" }) : null,
@@ -36797,7 +36800,7 @@ function BoardOptions({
 
 // src/ListView.tsx
 import { useMemo as useMemo58 } from "react";
-import { Select as Select15, SelectContent as SelectContent15, SelectItem as SelectItem15, SelectTrigger as SelectTrigger15, SelectValue as SelectValue15, cn as cn59 } from "@ai-matrx/design-system";
+import { Select as Select17, SelectContent as SelectContent15, SelectItem as SelectItem15, SelectTrigger as SelectTrigger15, SelectValue as SelectValue15, cn as cn59 } from "@ai-matrx/design-system";
 import { resolveRowColor as resolveRowColor3, ROW_TINT_CLASS as ROW_TINT_CLASS2 } from "@ai-matrx/design-system/data-table";
 import { jsx as jsx124, jsxs as jsxs112 } from "react/jsx-runtime";
 var LIST_DEFAULT_FIELDS = 4;
@@ -36856,7 +36859,7 @@ function ListView({
       onGroupingChange ? /* @__PURE__ */ jsxs112("div", { className: "ml-auto flex items-center gap-1.5", "data-records-list-group": "", children: [
         /* @__PURE__ */ jsx124("span", { className: "text-muted-foreground", children: "Group by" }),
         /* @__PURE__ */ jsxs112(
-          Select15,
+          Select17,
           {
             value: groupKey ?? NO_GROUP,
             onValueChange: (next) => onGroupingChange(next === NO_GROUP ? void 0 : { ...grouping ?? {}, field: next, collapsed: [] }),
@@ -36980,7 +36983,7 @@ function ListRow({
 import { useEffect as useEffect86, useMemo as useMemo61, useState as useState105 } from "react";
 import { useRecordsClient as useRecordsClient70 } from "@ai-matrx/records/react";
 import { fieldKindFor as fieldKindFor2, measureKey as measureKey4 } from "@ai-matrx/records";
-import { Select as Select16, SelectContent as SelectContent16, SelectItem as SelectItem16, SelectTrigger as SelectTrigger16, SelectValue as SelectValue16 } from "@ai-matrx/design-system";
+import { Select as Select18, SelectContent as SelectContent16, SelectItem as SelectItem16, SelectTrigger as SelectTrigger16, SelectValue as SelectValue16 } from "@ai-matrx/design-system";
 
 // src/ChartBlock.tsx
 import { useMemo as useMemo60 } from "react";
@@ -37990,22 +37993,22 @@ function ChartLayout({ view, fields, filter, onChange, remembered }) {
   return /* @__PURE__ */ jsxs115("div", { className: "flex min-h-0 flex-col gap-2", "data-records-chart-layout": "", "data-records-chart-measure": pickMeasure, children: [
     /* @__PURE__ */ jsxs115("div", { className: "flex flex-wrap items-center gap-2 text-xs", children: [
       /* @__PURE__ */ jsx127("span", { className: "text-muted-foreground", children: "Group by" }),
-      /* @__PURE__ */ jsxs115(Select16, { value: (view.groupField === void 0 ? defaultChartGroup(fields) : view.groupField) ?? "__none", onValueChange: (next) => onChange({ groupField: next === "__none" ? null : next }), children: [
+      /* @__PURE__ */ jsxs115(Select18, { value: (view.groupField === void 0 ? defaultChartGroup(fields) : view.groupField) ?? "__none", onValueChange: (next) => onChange({ groupField: next === "__none" ? null : next }), children: [
         /* @__PURE__ */ jsx127(SelectTrigger16, { size: "sm", className: "h-7 w-auto min-w-[8rem] text-xs", "aria-label": "Chart group by", children: /* @__PURE__ */ jsx127(SelectValue16, {}) }),
         /* @__PURE__ */ jsxs115(SelectContent16, { children: [
           /* @__PURE__ */ jsx127(SelectItem16, { value: "__none", children: "Everything together" }),
           groupable.map((f) => /* @__PURE__ */ jsx127(SelectItem16, { value: f.key, children: fieldName(f) }, f.key))
         ] })
       ] }),
-      /* @__PURE__ */ jsxs115(Select16, { value: q.kind, onValueChange: (next) => onChange({ chartKind: next }), children: [
+      /* @__PURE__ */ jsxs115(Select18, { value: q.kind, onValueChange: (next) => onChange({ chartKind: next }), children: [
         /* @__PURE__ */ jsx127(SelectTrigger16, { size: "sm", className: "h-7 w-auto min-w-[6rem] text-xs", "aria-label": "Chart shape", children: /* @__PURE__ */ jsx127(SelectValue16, {}) }),
         /* @__PURE__ */ jsx127(SelectContent16, { children: Object.keys(KIND_LABEL).map((k) => /* @__PURE__ */ jsx127(SelectItem16, { value: k, children: KIND_LABEL[k] }, k)) })
       ] }),
-      /* @__PURE__ */ jsxs115(Select16, { value: isChartMeasure(view.chartMeasure) ? view.chartMeasure : "count", onValueChange: (next) => onChange({ chartMeasure: next }), children: [
+      /* @__PURE__ */ jsxs115(Select18, { value: isChartMeasure(view.chartMeasure) ? view.chartMeasure : "count", onValueChange: (next) => onChange({ chartMeasure: next }), children: [
         /* @__PURE__ */ jsx127(SelectTrigger16, { size: "sm", className: "h-7 w-auto min-w-[6rem] text-xs", "aria-label": "Chart measure", children: /* @__PURE__ */ jsx127(SelectValue16, {}) }),
         /* @__PURE__ */ jsx127(SelectContent16, { children: Object.keys(MEASURE_LABEL2).map((m) => /* @__PURE__ */ jsx127(SelectItem16, { value: m, children: MEASURE_LABEL2[m] }, m)) })
       ] }),
-      view.chartMeasure === "sum" || view.chartMeasure === "avg" ? /* @__PURE__ */ jsxs115(Select16, { value: view.measure ?? "", onValueChange: (next) => onChange({ measure: next === "" ? null : next }), children: [
+      view.chartMeasure === "sum" || view.chartMeasure === "avg" ? /* @__PURE__ */ jsxs115(Select18, { value: view.measure ?? "", onValueChange: (next) => onChange({ measure: next === "" ? null : next }), children: [
         /* @__PURE__ */ jsx127(SelectTrigger16, { size: "sm", className: "h-7 w-auto min-w-[8rem] text-xs", "aria-label": "Chart measured field", children: /* @__PURE__ */ jsx127(SelectValue16, { placeholder: "Of which field" }) }),
         /* @__PURE__ */ jsx127(SelectContent16, { children: numeric.map((f) => /* @__PURE__ */ jsx127(SelectItem16, { value: f.key, children: fieldName(f) }, f.key)) })
       ] }) : null,
@@ -38137,6 +38140,7 @@ function ViewSwitcher({
   onOpenRecord,
   openRecordId,
   onCloseRecord,
+  onRowsShown,
   onMoved,
   onNewRecordForm,
   onAskWhoChanged,
@@ -38214,6 +38218,7 @@ function ViewSwitcher({
         ...onOpenRecord ? { onOpenRecord } : {},
         ...openRecordId ? { openRecordId } : {},
         ...onCloseRecord ? { onCloseRecord } : {},
+        ...onRowsShown ? { onRowsShown } : {},
         ...onNewRecordForm ? { onNewRecordForm } : {},
         ...onAskWhoChanged ? { onAskWhoChanged } : {},
         ...viewId ? {
@@ -38703,7 +38708,7 @@ function FieldPicker({
   const options = unusual ? [...offerable, unusual] : offerable;
   return /* @__PURE__ */ jsxs116("div", { className: "flex items-center gap-1.5 text-xs", "data-records-view-field": layout, children: [
     /* @__PURE__ */ jsx128("span", { className: "text-muted-foreground", id: `view-field-${layout}-label`, children: label }),
-    options.length === 1 && chosen === options[0].key ? /* @__PURE__ */ jsx128("span", { className: "font-medium", "data-records-view-field-only": "", children: fieldName(options[0]) }) : /* @__PURE__ */ jsxs116(Select17, { value: chosen ?? "", onValueChange: (next) => onPick(next === "" ? null : next), children: [
+    options.length === 1 && chosen === options[0].key ? /* @__PURE__ */ jsx128("span", { className: "font-medium", "data-records-view-field-only": "", children: fieldName(options[0]) }) : /* @__PURE__ */ jsxs116(Select19, { value: chosen ?? "", onValueChange: (next) => onPick(next === "" ? null : next), children: [
       /* @__PURE__ */ jsx128(
         SelectTrigger17,
         {
@@ -40261,6 +40266,7 @@ import { formatAbsoluteDate, formatDurationMs } from "@ai-matrx/kit/format";
 import { useCallback as useCallback44, useEffect as useEffect92, useMemo as useMemo63, useState as useState111 } from "react";
 import { useRecordsClient as useRecordsClient76, useTable as useTable24 } from "@ai-matrx/records/react";
 import { Badge as Badge17, BasicInput as BasicInput22, BasicTextarea as BasicTextarea9, Button as Button82, Skeleton as Skeleton19, cn as cn67 } from "@ai-matrx/design-system";
+import { Select as Select20 } from "@ai-matrx/design-system/controls";
 import { humanizeIdentifier as humanizeIdentifier15 } from "@ai-matrx/kit/text-case";
 import { Fragment as Fragment50, jsx as jsx133, jsxs as jsxs121 } from "react/jsx-runtime";
 var DUE_WORD = DUE_STATE_LABEL;
@@ -40412,16 +40418,13 @@ function ChecklistRunner({
         active.overdue > 0 ? ` \xB7 ${active.overdue} overdue` : ""
       ] }) : null,
       runs && runs.length > 1 ? /* @__PURE__ */ jsx133(
-        "select",
+        Select20,
         {
           "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__ */ jsxs121("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
     ] }),
@@ -40504,19 +40507,18 @@ function StepRow({
         ] }),
         unassigned && onAssign && members && members.length > 0 ? /* @__PURE__ */ jsxs121("label", { className: "mt-1 flex items-center gap-1.5 pl-7 text-[11px] text-muted-foreground", children: [
           "Give it to",
-          /* @__PURE__ */ jsxs121(
-            "select",
+          /* @__PURE__ */ jsx133(
+            Select20,
             {
-              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__ */ jsx133("option", { value: "", children: "Choose a person" }),
-                members.map((m) => /* @__PURE__ */ jsx133("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" }))
               ]
             }
           )
@@ -40994,13 +40996,12 @@ function ChecklistTemplateEditor({
           }
         ),
         /* @__PURE__ */ jsx133(
-          "select",
+          Select20,
           {
             "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__ */ jsx133("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__ */ jsx133(
@@ -43199,6 +43200,7 @@ function FormResultsPanel({ form, className }) {
 import { useCallback as useCallback50, useEffect as useEffect100, useMemo as useMemo68, useRef as useRef57, useState as useState119 } from "react";
 import { useRecordsClient as useRecordsClient83, useTables as useTables4 } from "@ai-matrx/records/react";
 import { BasicInput as BasicInput23, Button as Button90, Checkbox as Checkbox14, Label as Label20, Separator as Separator10, Skeleton as Skeleton26, cn as cn75 } from "@ai-matrx/design-system";
+import { Select as Select21 } from "@ai-matrx/design-system/controls";
 import { Fragment as Fragment55, jsx as jsx141, jsxs as jsxs129 } from "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 }) {
@@ -43405,15 +43407,15 @@ function PortalBuilder({ tableId, portalId, onSaved, onClose, className }) {
     ] }),
     /* @__PURE__ */ jsxs129("label", { className: "flex flex-col gap-1", children: [
       /* @__PURE__ */ jsx141(Label20, { className: "text-xs font-medium", children: "Which table holds your clients" }),
-      /* @__PURE__ */ jsxs129(
-        "select",
+      /* @__PURE__ */ jsx141(
+        Select21,
         {
-          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__ */ jsx141("option", { value: "", children: "Pick the table whose records are the people signing in" }),
-            all.map((t) => /* @__PURE__ */ jsx141("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 }))
           ]
         }
       ),
@@ -43458,15 +43460,15 @@ function PortalBuilder({ tableId, portalId, onSaved, onClose, className }) {
             ) : /* @__PURE__ */ jsxs129("div", { className: "mt-2 flex flex-col gap-2", children: [
               /* @__PURE__ */ jsxs129("label", { className: "flex flex-col gap-1", children: [
                 /* @__PURE__ */ jsx141(Label20, { className: "text-xs font-medium", children: "Which field says whose row it is" }),
-                /* @__PURE__ */ jsxs129(
-                  "select",
+                /* @__PURE__ */ jsx141(
+                  Select21,
                   {
-                    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__ */ jsx141("option", { value: "", children: "Pick the field that names the client" }),
-                      ties.map((f) => /* @__PURE__ */ jsx141("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) }))
                     ]
                   }
                 )
@@ -44699,6 +44701,7 @@ import { useCallback as useCallback52, useEffect as useEffect103, useMemo as use
 import { useRecordsClient as useRecordsClient86, useTable as useTable28 } from "@ai-matrx/records/react";
 import { hasQuietHours } from "@ai-matrx/records";
 import { BasicInput as BasicInput26, Button as Button93, Checkbox as Checkbox15, Label as Label21, Separator as Separator12, Skeleton as Skeleton28, cn as cn80 } from "@ai-matrx/design-system";
+import { Select as Select22 } from "@ai-matrx/design-system/controls";
 
 // src/scheduleWords.ts
 var DAYS3 = {
@@ -44902,15 +44905,15 @@ function DigestScheduler({
     ] }),
     savedViewId ? null : /* @__PURE__ */ jsxs134("label", { className: "flex flex-col gap-1", children: [
       /* @__PURE__ */ jsx146(Label21, { className: "text-xs font-medium", children: "What it summarises" }),
-      /* @__PURE__ */ jsxs134(
-        "select",
+      /* @__PURE__ */ jsx146(
+        Select22,
         {
-          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__ */ jsx146("option", { value: "new", children: subjectName?.trim() ? `What I am looking at now (${subjectName.trim()})` : "What I am looking at now" }),
-            (views ?? []).map((v) => /* @__PURE__ */ jsx146("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 }))
           ]
         }
       ),
@@ -44920,24 +44923,27 @@ function DigestScheduler({
       /* @__PURE__ */ jsxs134("label", { className: "flex flex-col gap-1", children: [
         /* @__PURE__ */ jsx146(Label21, { className: "text-xs font-medium", children: "How often" }),
         /* @__PURE__ */ jsx146(
-          "select",
+          Select22,
           {
-            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__ */ jsx146("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__ */ jsxs134("label", { className: "flex flex-col gap-1", children: [
         /* @__PURE__ */ jsx146(Label21, { className: "text-xs font-medium", children: "Which day" }),
         /* @__PURE__ */ jsx146(
-          "select",
+          Select22,
           {
-            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__ */ jsx146("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,
@@ -44961,12 +44967,12 @@ function DigestScheduler({
       /* @__PURE__ */ jsxs134("label", { className: "flex flex-col gap-1", children: [
         /* @__PURE__ */ jsx146(Label21, { className: "text-xs font-medium", children: "Where it arrives" }),
         /* @__PURE__ */ jsx146(
-          "select",
+          Select22,
           {
-            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__ */ jsx146("option", { value: key, children: words2 }, key))
+            onValueChange: setChannel,
+            options: Object.entries(CHANNEL_WORDS).map(([key, words2]) => ({ value: key, label: words2 }))
           }
         )
       ] })
@@ -45498,6 +45504,7 @@ function SubscriptionsPanel({ tableId, activeRuleId, className }) {
 // src/FormBuilder.tsx
 import { copyText as copyText8 } from "@ai-matrx/kit/clipboard";
 import { ErrorBox as ErrorBox7 } from "@ai-matrx/design-system";
+import { Select as Select23 } from "@ai-matrx/design-system/controls";
 import { useCallback as useCallback56, useEffect as useEffect107, useMemo as useMemo73, useRef as useRef59, useState as useState127 } from "react";
 import { DndContext as DndContext2, KeyboardSensor, PointerSensor as PointerSensor2, closestCenter as closestCenter2, useSensor as useSensor2, useSensors as useSensors2 } from "@dnd-kit/core";
 import { SortableContext as SortableContext2, arrayMove, sortableKeyboardCoordinates, useSortable as useSortable2, verticalListSortingStrategy as verticalListSortingStrategy2 } from "@dnd-kit/sortable";
@@ -46970,12 +46977,15 @@ function FormBuilder({ tableId, seed, activeFormId, onActiveForm, startWithOne,
             /* @__PURE__ */ jsxs139("label", { className: "flex flex-col gap-1", children: [
               /* @__PURE__ */ jsx151(Label25, { className: "text-xs font-medium", children: "Flow" }),
               /* @__PURE__ */ jsx151(
-                "select",
+                Select23,
                 {
-                  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: FORM_FLOWS.map((flow) => /* @__PURE__ */ jsx151("option", { value: flow, children: flow === "one-at-a-time" ? "One question at a time" : "All on one page" }, flow))
+                  onValueChange: (flow) => patch({ flow }),
+                  options: FORM_FLOWS.map((flow) => ({
+                    value: flow,
+                    label: flow === "one-at-a-time" ? "One question at a time" : "All on one page"
+                  }))
                 }
               )
             ] }),
@@ -47921,6 +47931,7 @@ import { useCallback as useCallback60, useEffect as useEffect111, useState as us
 import { useRecordsClient as useRecordsClient93, useTable as useTable33 } from "@ai-matrx/records/react";
 import { hasQuietHours as hasQuietHours3 } from "@ai-matrx/records";
 import { Button as Button102, Skeleton as Skeleton36, cn as cn88 } from "@ai-matrx/design-system";
+import { Select as Select24 } from "@ai-matrx/design-system/controls";
 import { jsx as jsx155, jsxs as jsxs143 } from "react/jsx-runtime";
 var CADENCE_WORDS2 = SUBSCRIPTION_CADENCE_LABEL;
 var CHANNEL_WORDS3 = SUBSCRIPTION_CHANNEL_LABEL;
@@ -47934,6 +47945,9 @@ function NotifyRuleEditor({ tableId, seed, chosenRuleId, onChoose, className })
   const [views, setViews] = useState131(null);
   const [error, setError] = useState131(null);
   const [busy, setBusy] = useState131(false);
+  const [pickView, setPickView] = useState131("");
+  const [pickCadence, setPickCadence] = useState131("");
+  const [pickChannel, setPickChannel] = useState131("in_app");
   const [stopping, setStopping] = useState131(null);
   const load = useCallback60(async () => {
     const [held, offered] = await Promise.all([
@@ -48131,9 +48145,36 @@ function NotifyRuleEditor({ tableId, seed, chosenRuleId, onChoose, className })
           if (view) void subscribe(view, name, cadence, channel, schedule, quiet2);
         },
         children: [
-          /* @__PURE__ */ jsx155("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__ */ jsx155("option", { value: view.id, children: view.name }, view.id)) }),
-          /* @__PURE__ */ jsx155("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__ */ jsx155("option", { value: cadence, children: CADENCE_WORDS2[cadence] ?? cadence }, cadence)) }),
-          /* @__PURE__ */ jsx155("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__ */ jsx155("option", { value: channel, children: CHANNEL_WORDS3[channel] }, channel)) }),
+          /* @__PURE__ */ jsx155("input", { type: "hidden", name: "view", value: pickView || (views[0]?.id ?? "") }),
+          /* @__PURE__ */ jsx155(
+            Select24,
+            {
+              "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__ */ jsx155("input", { type: "hidden", name: "cadence", value: pickCadence || (cadences.length > 0 ? cadences : ["instant"])[0] }),
+          /* @__PURE__ */ jsx155(
+            Select24,
+            {
+              "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__ */ jsx155("input", { type: "hidden", name: "channel", value: pickChannel }),
+          /* @__PURE__ */ jsx155(
+            Select24,
+            {
+              "aria-label": "Where it arrives",
+              value: pickChannel,
+              onValueChange: setPickChannel,
+              options: ["in_app", "email", "sms"].map((channel) => ({ value: channel, label: CHANNEL_WORDS3[channel] ?? channel }))
+            }
+          ),
           /* @__PURE__ */ jsx155(
             "input",
             {
@@ -48180,7 +48221,7 @@ import {
   Popover as Popover17,
   PopoverContent as PopoverContent17,
   PopoverTrigger as PopoverTrigger17,
-  Select as Select19,
+  Select as Select27,
   SelectContent as SelectContent19,
   SelectItem as SelectItem19,
   SelectTrigger as SelectTrigger19,
@@ -48206,6 +48247,7 @@ import {
 } from "@dnd-kit/sortable";
 import { CSS as CSS4 } from "@dnd-kit/utilities";
 import { cn as cn89 } from "@ai-matrx/design-system";
+import { Select as Select25 } from "@ai-matrx/design-system/controls";
 
 // src/dashboardLayout.ts
 var SPAN_CHOICES = [
@@ -48323,13 +48365,13 @@ function GridCell2({
             }
           ),
           /* @__PURE__ */ jsx156(
-            "select",
+            Select25,
             {
               "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__ */ jsx156("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,
@@ -48344,7 +48386,7 @@ import { useMemo as useMemo74, useState as useState132 } from "react";
 import { useFields as useFields31, useRecordsClient as useRecordsClient94 } from "@ai-matrx/records/react";
 import {
   Button as Button103,
-  Select as Select18,
+  Select as Select26,
   SelectContent as SelectContent18,
   SelectItem as SelectItem18,
   SelectTrigger as SelectTrigger18,
@@ -48424,7 +48466,7 @@ function AddChart({ subject, onAdd, onClose }) {
   return /* @__PURE__ */ jsxs145("div", { className: "flex flex-col gap-2 rounded border p-2 text-xs", role: "group", "aria-label": "Add chart", children: [
     /* @__PURE__ */ jsxs145("div", { className: "flex flex-wrap items-center gap-1", children: [
       /* @__PURE__ */ jsx157("div", { className: "min-w-[12rem]", children: /* @__PURE__ */ jsx157(TablePicker, { dataSource: client.config.dataSource, value: tableId, onChange: pickTable }) }),
-      /* @__PURE__ */ jsxs145(Select18, { value: measureKey5, onValueChange: setMeasureKey, children: [
+      /* @__PURE__ */ jsxs145(Select26, { value: measureKey5, onValueChange: setMeasureKey, children: [
         /* @__PURE__ */ jsx157(SelectTrigger18, { size: "sm", "aria-label": "What the chart counts", className: "h-7 min-w-[8rem] text-xs", children: /* @__PURE__ */ jsx157(SelectValue18, {}) }),
         /* @__PURE__ */ jsxs145(SelectContent18, { children: [
           /* @__PURE__ */ jsx157(SelectItem18, { value: "count", children: "How many" }),
@@ -48438,7 +48480,7 @@ function AddChart({ subject, onAdd, onClose }) {
           ] }, `avg:${f.key}`))
         ] })
       ] }),
-      /* @__PURE__ */ jsxs145(Select18, { value: splitKey, onValueChange: setSplitKey, children: [
+      /* @__PURE__ */ jsxs145(Select26, { value: splitKey, onValueChange: setSplitKey, children: [
         /* @__PURE__ */ jsx157(SelectTrigger18, { size: "sm", "aria-label": "How the chart splits", className: "h-7 min-w-[8rem] text-xs", children: /* @__PURE__ */ jsx157(SelectValue18, {}) }),
         /* @__PURE__ */ jsxs145(SelectContent18, { children: [
           /* @__PURE__ */ jsx157(SelectItem18, { value: "none", children: "No split" }),
@@ -48455,7 +48497,7 @@ function AddChart({ subject, onAdd, onClose }) {
           )
         ] })
       ] }),
-      /* @__PURE__ */ jsxs145(Select18, { value: kind, onValueChange: (v) => setKind(v), children: [
+      /* @__PURE__ */ jsxs145(Select26, { value: kind, onValueChange: (v) => setKind(v), children: [
         /* @__PURE__ */ jsx157(SelectTrigger18, { size: "sm", "aria-label": "Chart shape", className: "h-7 min-w-[7rem] text-xs", children: /* @__PURE__ */ jsx157(SelectValue18, {}) }),
         /* @__PURE__ */ jsxs145(SelectContent18, { children: [
           /* @__PURE__ */ jsx157(SelectItem18, { value: "auto", children: CHART_KIND_LABEL[shape] }),
@@ -48471,6 +48513,9 @@ function AddChart({ subject, onAdd, onClose }) {
   ] });
 }
 
+// src/DashboardCanvas.tsx
+import { Select as ControlSelect } from "@ai-matrx/design-system/controls";
+
 // src/pages.ts
 import { isRuleFilter as isRuleFilter3 } from "@ai-matrx/records";
 var PAGE_BLOCK_KINDS = ["list", "record", "button", "form", "filter", "chart", "heading", "text", "applet"];
@@ -48749,7 +48794,7 @@ function DashboardCanvas({ tableId, activeDashboardId, filter, createOnMount, on
       ) : null,
       board ? /* @__PURE__ */ jsxs146("span", { className: "ml-auto flex items-center gap-1", children: [
         (board.blocks ?? []).some((b) => !!b.bucket) ? /* @__PURE__ */ jsxs146(
-          Select19,
+          Select27,
           {
             value: grain ?? "saved",
             onValueChange: (v) => setGrain(v === "saved" ? null : v),
@@ -48913,13 +48958,12 @@ function BlockSettings({
   const fields = own3.data ?? [];
   return /* @__PURE__ */ jsxs146("div", { className: "flex flex-col items-stretch gap-1.5 text-xs", children: [
     /* @__PURE__ */ jsx158(
-      "select",
+      ControlSelect,
       {
         "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__ */ jsx158("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__ */ jsx158(
@@ -48966,7 +49010,7 @@ function GroupingPicker({
   const known = choices.some((c) => c.field.key === current);
   return /* @__PURE__ */ jsxs146(Fragment61, { children: [
     /* @__PURE__ */ jsx158("label", { className: "text-muted-foreground", htmlFor: `block-group-${block.title}`, children: "Group by" }),
-    /* @__PURE__ */ jsxs146(Select19, { value: known ? current : "", onValueChange: onPick, children: [
+    /* @__PURE__ */ jsxs146(Select27, { value: known ? current : "", onValueChange: onPick, children: [
       /* @__PURE__ */ jsx158(
         SelectTrigger19,
         {
@@ -49063,7 +49107,7 @@ function CompareControl({
   );
   return /* @__PURE__ */ jsxs146(Fragment61, { children: [
     /* @__PURE__ */ jsxs146(
-      Select19,
+      Select27,
       {
         value: current ?? "none",
         onValueChange: (v) => {
@@ -49086,7 +49130,7 @@ function CompareControl({
       }
     ),
     current && !explicitWindow ? /* @__PURE__ */ jsxs146(
-      Select19,
+      Select27,
       {
         value: period,
         onValueChange: (v) => onChange({ ...block.compare ?? { against: current, key }, period: v }),
@@ -49125,7 +49169,7 @@ function TargetControl({
   }
   return /* @__PURE__ */ jsxs146(Fragment61, { children: [
     /* @__PURE__ */ jsxs146(
-      Select19,
+      Select27,
       {
         value: mode,
         onValueChange: (v) => {
@@ -49159,7 +49203,7 @@ function TargetControl({
       }
     ) : null,
     mode === "field" ? /* @__PURE__ */ jsxs146(
-      Select19,
+      Select27,
       {
         value: block.target && "field" in block.target && block.target.field ? block.target.field : "",
         onValueChange: (key) => {
@@ -52105,7 +52149,7 @@ import { tableShapeChanged as tableShapeChanged15, useFields as useFields39, use
 import {
   Badge as Badge26,
   BottomSheet,
-  Button as Button119,
+  Button as Button120,
   DropdownMenu as DropdownMenu10,
   DropdownMenuContent as DropdownMenuContent10,
   DropdownMenuItem as DropdownMenuItem8,
@@ -52363,42 +52407,143 @@ async function runTablePageAction(kind, args) {
   }
 }
 
-// src/RecordPanel.tsx
-import { Fragment as Fragment68, useState as useState144 } from "react";
-import { Button as Button114, Separator as Separator13 } from "@ai-matrx/design-system";
-import { useFields as useFields37, useRecord as useRecord5 } from "@ai-matrx/records/react";
-import { Fragment as Fragment69, jsx as jsx169, jsxs as jsxs157 } from "react/jsx-runtime";
-function RecordPanel({ tableId, recordId, onClose, onAskAboutField, onPage = false }) {
-  const host = useRecordsUi();
-  const [asking, setAsking] = useState144(null);
-  return /* @__PURE__ */ jsxs157("div", { className: "space-y-3", "data-record-panel": recordId, children: [
-    /* @__PURE__ */ jsx169(Peek, { tableId, recordId, onPage, ...onClose ? { onClose } : {} }),
-    onPage ? /* @__PURE__ */ jsxs157(Fragment69, { children: [
-      /* @__PURE__ */ jsx169(RecordBody, { tableId, recordId }),
-      /* @__PURE__ */ jsx169(LinkedLists, { tableId, recordId }),
-      /* @__PURE__ */ jsx169(ReverseLinksSections, { tableId, recordId }),
-      /* @__PURE__ */ jsx169(RecordAsk, { tableId, recordId })
-    ] }) : null,
-    /* @__PURE__ */ jsx169(Separator13, {}),
+// src/RecordStepper.tsx
+import { Button as Button114 } from "@ai-matrx/design-system";
+import { jsx as jsx169, jsxs as jsxs157 } from "react/jsx-runtime";
+function neighborsOf(ids, id) {
+  const index = ids.indexOf(id);
+  if (index < 0) return null;
+  return {
+    index,
+    total: ids.length,
+    previous: index > 0 ? ids[index - 1] : null,
+    next: index < ids.length - 1 ? ids[index + 1] : null
+  };
+}
+var TEXT_TAGS = /* @__PURE__ */ new Set(["INPUT", "TEXTAREA", "SELECT"]);
+function stepKeyOf(event) {
+  if (event.defaultPrevented || event.metaKey || event.ctrlKey || event.altKey || event.shiftKey) return null;
+  if (event.key !== "ArrowUp" && event.key !== "ArrowDown") return null;
+  const target = event.target;
+  if (target) {
+    if (TEXT_TAGS.has(target.tagName) || target.isContentEditable) return null;
+    const role = target.getAttribute?.("role");
+    if (role === "combobox" || role === "listbox" || role === "option" || role === "slider" || role === "spinbutton") return null;
+  }
+  return event.key === "ArrowUp" ? -1 : 1;
+}
+function RecordStepper({ neighbors, onStep, expanded, onToggleExpand }) {
+  return /* @__PURE__ */ jsxs157("div", { className: "flex items-center gap-1", "data-record-stepper": "", children: [
     /* @__PURE__ */ jsx169(
-      HistoryPanel,
+      Button114,
       {
-        tableId,
-        recordId,
-        onAskAboutField: (fieldKey) => onAskAboutField ? onAskAboutField(fieldKey) : setAsking(fieldKey)
+        size: "sm",
+        variant: "ghost",
+        className: "h-7 w-7 p-0",
+        "aria-label": "Previous record",
+        title: "Previous record (\u2191)",
+        disabled: neighbors.previous === null,
+        onClick: () => neighbors.previous && onStep(neighbors.previous),
+        "data-record-previous": "",
+        children: "\u2191"
       }
     ),
-    !onAskAboutField && asking ? /* @__PURE__ */ jsx169(FieldHistoryPanel, { tableId, fieldKey: asking, recordId, onClose: () => setAsking(null) }) : null,
-    host.recordSections ? /* @__PURE__ */ jsxs157(Fragment68, { children: [
-      /* @__PURE__ */ jsx169(Separator13, {}),
-      host.recordSections({ tableId, recordId })
-    ] }) : null,
-    /* @__PURE__ */ jsx169(Separator13, {}),
-    /* @__PURE__ */ jsx169(ChecklistRunner, { tableId, recordId }),
-    /* @__PURE__ */ jsx169(Separator13, {}),
-    /* @__PURE__ */ jsx169(CommentThread, { tableId, recordId })
+    /* @__PURE__ */ jsx169(
+      Button114,
+      {
+        size: "sm",
+        variant: "ghost",
+        className: "h-7 w-7 p-0",
+        "aria-label": "Next record",
+        title: "Next record (\u2193)",
+        disabled: neighbors.next === null,
+        onClick: () => neighbors.next && onStep(neighbors.next),
+        "data-record-next": "",
+        children: "\u2193"
+      }
+    ),
+    /* @__PURE__ */ jsxs157("span", { className: "text-[11px] tabular-nums text-muted-foreground", "data-record-position": "", children: [
+      neighbors.index + 1,
+      " of ",
+      neighbors.total
+    ] }),
+    onToggleExpand ? /* @__PURE__ */ jsx169(
+      Button114,
+      {
+        size: "sm",
+        variant: "ghost",
+        className: "ml-auto h-7 px-2 text-xs",
+        "aria-pressed": Boolean(expanded),
+        onClick: onToggleExpand,
+        "data-record-expand": "",
+        children: expanded ? "Shrink" : "Expand"
+      }
+    ) : null
   ] });
 }
+
+// src/RecordPanel.tsx
+import { Fragment as Fragment68, useState as useState144 } from "react";
+import { Button as Button115, Separator as Separator13 } from "@ai-matrx/design-system";
+import { useFields as useFields37, useRecord as useRecord5 } from "@ai-matrx/records/react";
+import { Fragment as Fragment69, jsx as jsx170, jsxs as jsxs158 } from "react/jsx-runtime";
+function RecordPanel({ tableId, recordId, onClose, onAskAboutField, onPage = false, neighbors, onStep, expanded, onToggleExpand }) {
+  const host = useRecordsUi();
+  const [asking, setAsking] = useState144(null);
+  return /* @__PURE__ */ jsxs158(
+    "div",
+    {
+      className: "space-y-3 outline-none",
+      tabIndex: -1,
+      "data-record-panel": recordId,
+      onKeyDown: (event) => {
+        if (event.key === "Escape" && !event.defaultPrevented && onClose && !onPage) {
+          const tag = event.target?.tagName;
+          if (tag !== "INPUT" && tag !== "TEXTAREA" && tag !== "SELECT") {
+            event.preventDefault();
+            onClose();
+          }
+          return;
+        }
+        if (!neighbors || !onStep) return;
+        const way = stepKeyOf(event);
+        const to = way === null ? null : way < 0 ? neighbors.previous : neighbors.next;
+        if (to) {
+          event.preventDefault();
+          onStep(to);
+        }
+      },
+      children: [
+        neighbors && onStep ? /* @__PURE__ */ jsx170(RecordStepper, { neighbors, onStep: (to) => onStep(to), expanded, onToggleExpand }) : null,
+        /* @__PURE__ */ jsx170(Peek, { tableId, recordId, onPage, ...onClose ? { onClose } : {} }),
+        onPage ? /* @__PURE__ */ jsxs158(Fragment69, { children: [
+          /* @__PURE__ */ jsx170(RecordBody, { tableId, recordId }),
+          /* @__PURE__ */ jsx170(LinkedLists, { tableId, recordId }),
+          /* @__PURE__ */ jsx170(ReverseLinksSections, { tableId, recordId }),
+          /* @__PURE__ */ jsx170(RecordAsk, { tableId, recordId })
+        ] }) : null,
+        /* @__PURE__ */ jsx170(Separator13, {}),
+        /* @__PURE__ */ jsx170(
+          HistoryPanel,
+          {
+            tableId,
+            recordId,
+            onAskAboutField: (fieldKey) => onAskAboutField ? onAskAboutField(fieldKey) : setAsking(fieldKey)
+          }
+        ),
+        !onAskAboutField && asking ? /* @__PURE__ */ jsx170(FieldHistoryPanel, { tableId, fieldKey: asking, recordId, onClose: () => setAsking(null) }) : null,
+        host.recordSections ? /* @__PURE__ */ jsxs158(Fragment68, { children: [
+          /* @__PURE__ */ jsx170(Separator13, {}),
+          host.recordSections({ tableId, recordId })
+        ] }) : null,
+        /* @__PURE__ */ jsx170(Separator13, {}),
+        /* @__PURE__ */ jsx170(ChecklistRunner, { tableId, recordId }),
+        /* @__PURE__ */ jsx170(Separator13, {}),
+        /* @__PURE__ */ jsx170(CommentThread, { tableId, recordId })
+      ]
+    }
+  );
+}
 function LinkedLists({ tableId, recordId }) {
   const fields = useFields37(tableId);
   const record = useRecord5(recordId, true, { tableId });
@@ -52408,9 +52553,9 @@ function LinkedLists({ tableId, recordId }) {
   const may = useRecordRights(recordId);
   if (links.length === 0 || !document2) return null;
   if (may.write) {
-    return /* @__PURE__ */ jsxs157("div", { className: "flex flex-col gap-3", "data-record-linked-lists": "", children: [
-      /* @__PURE__ */ jsx169(Separator13, {}),
-      /* @__PURE__ */ jsx169(
+    return /* @__PURE__ */ jsxs158("div", { className: "flex flex-col gap-3", "data-record-linked-lists": "", children: [
+      /* @__PURE__ */ jsx170(Separator13, {}),
+      /* @__PURE__ */ jsx170(
         RecordFieldsInPlace,
         {
           tableId,
@@ -52423,25 +52568,25 @@ function LinkedLists({ tableId, recordId }) {
           className: "flex min-w-0 flex-col gap-1",
           renderLabel: (field2) => {
             const count = referencesOf(field2, document2[field2.key], "relation", labels).length;
-            return /* @__PURE__ */ jsxs157("span", { className: "flex items-center gap-2 pt-2 text-foreground", "data-record-linked-list": field2.key, children: [
-              /* @__PURE__ */ jsx169("span", { className: "truncate text-xs font-medium", children: fieldName(field2) }),
-              count > 0 ? /* @__PURE__ */ jsx169("span", { className: "text-[11px] text-muted-foreground", children: count }) : null
+            return /* @__PURE__ */ jsxs158("span", { className: "flex items-center gap-2 pt-2 text-foreground", "data-record-linked-list": field2.key, children: [
+              /* @__PURE__ */ jsx170("span", { className: "truncate text-xs font-medium", children: fieldName(field2) }),
+              count > 0 ? /* @__PURE__ */ jsx170("span", { className: "text-[11px] text-muted-foreground", children: count }) : null
             ] });
           }
         }
       )
     ] });
   }
-  return /* @__PURE__ */ jsxs157("div", { className: "flex flex-col gap-3", "data-record-linked-lists": "", children: [
-    /* @__PURE__ */ jsx169(Separator13, {}),
+  return /* @__PURE__ */ jsxs158("div", { className: "flex flex-col gap-3", "data-record-linked-lists": "", children: [
+    /* @__PURE__ */ jsx170(Separator13, {}),
     links.map((field2) => {
       const refs = referencesOf(field2, document2[field2.key], "relation", labels);
-      return /* @__PURE__ */ jsxs157("section", { className: "flex min-w-0 flex-col gap-1", "data-record-linked-list": field2.key, children: [
-        /* @__PURE__ */ jsxs157("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx169("h4", { className: "truncate text-xs font-medium", children: fieldName(field2) }),
-          refs.length > 0 ? /* @__PURE__ */ jsx169("span", { className: "text-[11px] text-muted-foreground", children: refs.length }) : null
+      return /* @__PURE__ */ jsxs158("section", { className: "flex min-w-0 flex-col gap-1", "data-record-linked-list": field2.key, children: [
+        /* @__PURE__ */ jsxs158("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx170("h4", { className: "truncate text-xs font-medium", children: fieldName(field2) }),
+          refs.length > 0 ? /* @__PURE__ */ jsx170("span", { className: "text-[11px] text-muted-foreground", children: refs.length }) : null
         ] }),
-        refs.length === 0 ? /* @__PURE__ */ jsx169("span", { className: "text-xs text-muted-foreground", children: "\u2014" }) : /* @__PURE__ */ jsx169("ul", { className: "flex min-w-0 flex-col gap-1", children: refs.map((ref) => /* @__PURE__ */ jsx169("li", { className: "min-w-0", children: /* @__PURE__ */ jsx169(ReferenceChip, { reference: ref }) }, ref.id)) })
+        refs.length === 0 ? /* @__PURE__ */ jsx170("span", { className: "text-xs text-muted-foreground", children: "\u2014" }) : /* @__PURE__ */ jsx170("ul", { className: "flex min-w-0 flex-col gap-1", children: refs.map((ref) => /* @__PURE__ */ jsx170("li", { className: "min-w-0", children: /* @__PURE__ */ jsx170(ReferenceChip, { reference: ref }) }, ref.id)) })
       ] }, field2.id);
     })
   ] });
@@ -52450,27 +52595,27 @@ function RecordAsk({ tableId, recordId }) {
   const host = useRecordsUi();
   const [open, setOpen] = useState144(false);
   if (!host.chat) return null;
-  return /* @__PURE__ */ jsxs157("section", { className: "flex min-w-0 flex-col gap-1.5", "data-record-ask": open ? "open" : "", children: [
-    /* @__PURE__ */ jsx169(Separator13, {}),
-    open ? /* @__PURE__ */ jsx169(RecordChat, { tableId, recordId, className: "min-h-[22rem]" }) : /* @__PURE__ */ jsx169(Button114, { size: "sm", variant: "outline", className: "self-start", onClick: () => setOpen(true), "data-record-ask-open": "", children: "Ask about this record" })
+  return /* @__PURE__ */ jsxs158("section", { className: "flex min-w-0 flex-col gap-1.5", "data-record-ask": open ? "open" : "", children: [
+    /* @__PURE__ */ jsx170(Separator13, {}),
+    open ? /* @__PURE__ */ jsx170(RecordChat, { tableId, recordId, className: "min-h-[22rem]" }) : /* @__PURE__ */ jsx170(Button115, { size: "sm", variant: "outline", className: "self-start", onClick: () => setOpen(true), "data-record-ask-open": "", children: "Ask about this record" })
   ] });
 }
 
 // src/breakDown.tsx
 import { useMemo as useMemo79, useState as useState145 } from "react";
 import {
-  Button as Button115,
+  Button as Button116,
   Dialog as Dialog18,
   DialogContent as DialogContent18,
   DialogHeader as DialogHeader18,
   DialogTitle as DialogTitle18,
-  Select as Select20,
+  Select as Select28,
   SelectContent as SelectContent20,
   SelectItem as SelectItem20,
   SelectTrigger as SelectTrigger20,
   SelectValue as SelectValue20
 } from "@ai-matrx/design-system";
-import { jsx as jsx170, jsxs as jsxs158 } from "react/jsx-runtime";
+import { jsx as jsx171, jsxs as jsxs159 } from "react/jsx-runtime";
 var BREAK_DOWN_ACTION_ID = "break-down";
 var NO_DIMENSION_REASON = "No column to break down by";
 function breakDownAction(args) {
@@ -52499,14 +52644,14 @@ function BreakDownDialog({
   const dimensions = useMemo79(() => drillDimensionsOf(def, NO_LABELS), [def]);
   const [picked, setPicked] = useState145(null);
   const key = picked ?? held?.field ?? dimensions[0]?.key ?? "";
-  return /* @__PURE__ */ jsx170(Dialog18, { open, onOpenChange, children: /* @__PURE__ */ jsxs158(DialogContent18, { "data-break-down": "", className: "max-w-sm", children: [
-    /* @__PURE__ */ jsx170(DialogHeader18, { children: /* @__PURE__ */ jsx170(DialogTitle18, { children: "Break down by" }) }),
-    /* @__PURE__ */ jsxs158(Select20, { value: key, onValueChange: setPicked, children: [
-      /* @__PURE__ */ jsx170(SelectTrigger20, { "aria-label": "Column to break down by", "data-break-down-select": "", children: /* @__PURE__ */ jsx170(SelectValue20, { placeholder: def ? NO_DIMENSION_REASON : "Reading this table\u2026" }) }),
-      /* @__PURE__ */ jsx170(SelectContent20, { children: dimensions.map((d) => /* @__PURE__ */ jsx170(SelectItem20, { value: d.key, children: d.label }, d.key)) })
+  return /* @__PURE__ */ jsx171(Dialog18, { open, onOpenChange, children: /* @__PURE__ */ jsxs159(DialogContent18, { "data-break-down": "", className: "max-w-sm", children: [
+    /* @__PURE__ */ jsx171(DialogHeader18, { children: /* @__PURE__ */ jsx171(DialogTitle18, { children: "Break down by" }) }),
+    /* @__PURE__ */ jsxs159(Select28, { value: key, onValueChange: setPicked, children: [
+      /* @__PURE__ */ jsx171(SelectTrigger20, { "aria-label": "Column to break down by", "data-break-down-select": "", children: /* @__PURE__ */ jsx171(SelectValue20, { placeholder: def ? NO_DIMENSION_REASON : "Reading this table\u2026" }) }),
+      /* @__PURE__ */ jsx171(SelectContent20, { children: dimensions.map((d) => /* @__PURE__ */ jsx171(SelectItem20, { value: d.key, children: d.label }, d.key)) })
     ] }),
-    /* @__PURE__ */ jsx170(
-      Button115,
+    /* @__PURE__ */ jsx171(
+      Button116,
       {
         type: "button",
         "data-break-down-apply": "",
@@ -52526,8 +52671,8 @@ function BreakDownDialog({
 import { copyText as copyText14 } from "@ai-matrx/kit/clipboard";
 import { useCallback as useCallback69, useMemo as useMemo80, useState as useState146 } from "react";
 import { useContentTransferCapabilities as useContentTransferCapabilities2 } from "@ai-matrx/alchemy/react/workspace";
-import { Button as Button116, Dialog as Dialog19, DialogContent as DialogContent19, DialogHeader as DialogHeader19, DialogTitle as DialogTitle19 } from "@ai-matrx/design-system";
-import { jsx as jsx171, jsxs as jsxs159 } from "react/jsx-runtime";
+import { Button as Button117, Dialog as Dialog19, DialogContent as DialogContent19, DialogHeader as DialogHeader19, DialogTitle as DialogTitle19 } from "@ai-matrx/design-system";
+import { jsx as jsx172, jsxs as jsxs160 } from "react/jsx-runtime";
 function tableReferenceChoices(tableId, name) {
   return [
     {
@@ -52570,11 +52715,11 @@ function TableReferenceDialog({
     },
     [port, notify]
   );
-  return /* @__PURE__ */ jsx171(Dialog19, { open, onOpenChange, children: /* @__PURE__ */ jsxs159(DialogContent19, { className: "sm:max-w-sm", "data-table-reference": "", children: [
-    /* @__PURE__ */ jsx171(DialogHeader19, { children: /* @__PURE__ */ jsx171(DialogTitle19, { children: "Get reference" }) }),
-    /* @__PURE__ */ jsx171("div", { className: "flex flex-col gap-2", children: choices.map((choice) => /* @__PURE__ */ jsxs159("div", { className: "flex items-center justify-between gap-3 rounded-md border px-3 py-2", children: [
-      /* @__PURE__ */ jsx171("span", { className: "text-sm", children: choice.label }),
-      /* @__PURE__ */ jsx171(Button116, { size: "sm", variant: "outline", onClick: () => void copy(choice), "data-table-reference-copy": choice.id, children: copied === choice.id ? "Copied" : "Copy" })
+  return /* @__PURE__ */ jsx172(Dialog19, { open, onOpenChange, children: /* @__PURE__ */ jsxs160(DialogContent19, { className: "sm:max-w-sm", "data-table-reference": "", children: [
+    /* @__PURE__ */ jsx172(DialogHeader19, { children: /* @__PURE__ */ jsx172(DialogTitle19, { children: "Get reference" }) }),
+    /* @__PURE__ */ jsx172("div", { className: "flex flex-col gap-2", children: choices.map((choice) => /* @__PURE__ */ jsxs160("div", { className: "flex items-center justify-between gap-3 rounded-md border px-3 py-2", children: [
+      /* @__PURE__ */ jsx172("span", { className: "text-sm", children: choice.label }),
+      /* @__PURE__ */ jsx172(Button117, { size: "sm", variant: "outline", onClick: () => void copy(choice), "data-table-reference-copy": choice.id, children: copied === choice.id ? "Copied" : "Copy" })
     ] }, choice.id)) })
   ] }) });
 }
@@ -52583,8 +52728,8 @@ function TableReferenceDialog({
 import { formatCount as formatCount7 } from "@ai-matrx/kit/format";
 import { useState as useState147 } from "react";
 import { tableShapeChanged as tableShapeChanged14, useRecordsClient as useRecordsClient105 } from "@ai-matrx/records/react";
-import { Button as Button117, Dialog as Dialog20, DialogContent as DialogContent20, DialogFooter as DialogFooter13, DialogHeader as DialogHeader20, DialogTitle as DialogTitle20, ErrorBox as ErrorBox8, Input as Input11, Switch as Switch7 } from "@ai-matrx/design-system";
-import { Fragment as Fragment70, jsx as jsx172, jsxs as jsxs160 } from "react/jsx-runtime";
+import { Button as Button118, Dialog as Dialog20, DialogContent as DialogContent20, DialogFooter as DialogFooter13, DialogHeader as DialogHeader20, DialogTitle as DialogTitle20, ErrorBox as ErrorBox8, Input as Input11, Switch as Switch7 } from "@ai-matrx/design-system";
+import { Fragment as Fragment70, jsx as jsx173, jsxs as jsxs161 } from "react/jsx-runtime";
 function copyNameFor(name) {
   return `${name.trim() || "Table"} (copy)`;
 }
@@ -52632,13 +52777,13 @@ function TableDuplicateDialog({ tableId, name, open, onOpenChange, onDuplicated
     if (onDuplicated) onDuplicated(copy);
     else if (typeof window !== "undefined") window.location.assign(copy.path);
   };
-  return /* @__PURE__ */ jsx172(Dialog20, { open, onOpenChange: close, children: /* @__PURE__ */ jsxs160(DialogContent20, { className: "sm:max-w-md", "data-table-duplicate": tableId, children: [
-    /* @__PURE__ */ jsx172(DialogHeader20, { children: /* @__PURE__ */ jsxs160(DialogTitle20, { children: [
+  return /* @__PURE__ */ jsx173(Dialog20, { open, onOpenChange: close, children: /* @__PURE__ */ jsxs161(DialogContent20, { className: "sm:max-w-md", "data-table-duplicate": tableId, children: [
+    /* @__PURE__ */ jsx173(DialogHeader20, { children: /* @__PURE__ */ jsxs161(DialogTitle20, { children: [
       "Duplicate ",
       name || "table"
     ] }) }),
-    phase.kind === "done" ? /* @__PURE__ */ jsxs160("div", { className: "flex flex-col gap-1.5 text-sm", "data-table-duplicate-done": "", children: [
-      /* @__PURE__ */ jsxs160("p", { children: [
+    phase.kind === "done" ? /* @__PURE__ */ jsxs161("div", { className: "flex flex-col gap-1.5 text-sm", "data-table-duplicate-done": "", children: [
+      /* @__PURE__ */ jsxs161("p", { children: [
         phase.copy.table.name,
         ": ",
         phase.copy.copied.fields,
@@ -52648,13 +52793,13 @@ function TableDuplicateDialog({ tableId, name, open, onOpenChange, onDuplicated
         phase.copy.copied.withRecords ? `, ${formatCount7(phase.copy.copied.records)} records` : "",
         "."
       ] }),
-      phase.copy.notCopied.length > 0 ? /* @__PURE__ */ jsxs160("p", { className: "text-xs text-muted-foreground", children: [
+      phase.copy.notCopied.length > 0 ? /* @__PURE__ */ jsxs161("p", { className: "text-xs text-muted-foreground", children: [
         "Not copied: ",
         phase.copy.notCopied.join(", "),
         "."
       ] }) : null
-    ] }) : /* @__PURE__ */ jsxs160("div", { className: "flex flex-col gap-3 text-sm", children: [
-      /* @__PURE__ */ jsx172(
+    ] }) : /* @__PURE__ */ jsxs161("div", { className: "flex flex-col gap-3 text-sm", children: [
+      /* @__PURE__ */ jsx173(
         Input11,
         {
           autoFocus: true,
@@ -52667,26 +52812,26 @@ function TableDuplicateDialog({ tableId, name, open, onOpenChange, onDuplicated
           }
         }
       ),
-      /* @__PURE__ */ jsxs160("label", { className: "flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ jsx172("span", { children: "Copy its records" }),
-        /* @__PURE__ */ jsx172(Switch7, { checked: withRecords, disabled: copying, onCheckedChange: setWithRecords, "aria-label": "Copy its records" })
+      /* @__PURE__ */ jsxs161("label", { className: "flex items-center justify-between gap-2", children: [
+        /* @__PURE__ */ jsx173("span", { children: "Copy its records" }),
+        /* @__PURE__ */ jsx173(Switch7, { checked: withRecords, disabled: copying, onCheckedChange: setWithRecords, "aria-label": "Copy its records" })
       ] }),
-      phase.kind === "copying" ? /* @__PURE__ */ jsx172("p", { className: "text-xs text-muted-foreground", "data-table-duplicate-progress": "", children: phase.progress ? duplicateProgressWords(phase.progress) : "Starting the copy\u2026" }) : null,
-      phase.kind === "refused" ? /* @__PURE__ */ jsx172(ErrorBox8, { children: phase.sentence }) : null,
-      problem && typed2 !== "" ? /* @__PURE__ */ jsx172("p", { className: "text-xs text-muted-foreground", children: problem }) : null
+      phase.kind === "copying" ? /* @__PURE__ */ jsx173("p", { className: "text-xs text-muted-foreground", "data-table-duplicate-progress": "", children: phase.progress ? duplicateProgressWords(phase.progress) : "Starting the copy\u2026" }) : null,
+      phase.kind === "refused" ? /* @__PURE__ */ jsx173(ErrorBox8, { children: phase.sentence }) : null,
+      problem && typed2 !== "" ? /* @__PURE__ */ jsx173("p", { className: "text-xs text-muted-foreground", children: problem }) : null
     ] }),
-    /* @__PURE__ */ jsx172(DialogFooter13, { children: phase.kind === "done" ? /* @__PURE__ */ jsx172(Button117, { onClick: () => openCopy(phase.copy), "data-table-duplicate-open": "", children: "Open the copy" }) : /* @__PURE__ */ jsxs160(Fragment70, { children: [
-      /* @__PURE__ */ jsx172(Button117, { variant: "ghost", disabled: copying, onClick: () => close(false), children: "Cancel" }),
-      /* @__PURE__ */ jsx172(Button117, { disabled: copying || problem !== null, onClick: () => void go(), children: copying ? "Duplicating\u2026" : "Duplicate" })
+    /* @__PURE__ */ jsx173(DialogFooter13, { children: phase.kind === "done" ? /* @__PURE__ */ jsx173(Button118, { onClick: () => openCopy(phase.copy), "data-table-duplicate-open": "", children: "Open the copy" }) : /* @__PURE__ */ jsxs161(Fragment70, { children: [
+      /* @__PURE__ */ jsx173(Button118, { variant: "ghost", disabled: copying, onClick: () => close(false), children: "Cancel" }),
+      /* @__PURE__ */ jsx173(Button118, { disabled: copying || problem !== null, onClick: () => void go(), children: copying ? "Duplicating\u2026" : "Duplicate" })
     ] }) })
   ] }) });
 }
 
 // src/ViewFilter.tsx
 import { useEffect as useEffect122, useMemo as useMemo81, useState as useState148 } from "react";
-import { Button as Button118, Popover as Popover19, PopoverContent as PopoverContent19, PopoverTrigger as PopoverTrigger19 } from "@ai-matrx/design-system";
+import { Button as Button119, Popover as Popover19, PopoverContent as PopoverContent19, PopoverTrigger as PopoverTrigger19 } from "@ai-matrx/design-system";
 import { useFields as useFields38 } from "@ai-matrx/records/react";
-import { jsx as jsx173, jsxs as jsxs161 } from "react/jsx-runtime";
+import { jsx as jsx174, jsxs as jsxs162 } from "react/jsx-runtime";
 function conditionCount(expr) {
   if (!expr || typeof expr !== "object" || Array.isArray(expr)) return 0;
   const node = expr;
@@ -52714,7 +52859,7 @@ function ViewFilter({ tableId, view, onApply, className }) {
   return (
     // THE BUILDER FLOATS OVER THE TABLE (STABLE-TABLES; Notion's filter popover): drawn inside the
     // toolbar row it grew the row and pushed the whole table down (0.13 + 0.13 layout shift).
-    /* @__PURE__ */ jsxs161(
+    /* @__PURE__ */ jsxs162(
       Popover19,
       {
         open,
@@ -52723,8 +52868,8 @@ function ViewFilter({ tableId, view, onApply, className }) {
           setOpen(next);
         },
         children: [
-          /* @__PURE__ */ jsx173(PopoverTrigger19, { asChild: true, children: /* @__PURE__ */ jsx173(
-            Button118,
+          /* @__PURE__ */ jsx174(PopoverTrigger19, { asChild: true, children: /* @__PURE__ */ jsx174(
+            Button119,
             {
               size: "sm",
               variant: open || count > 0 ? "secondary" : "ghost",
@@ -52735,17 +52880,17 @@ function ViewFilter({ tableId, view, onApply, className }) {
               children: count > 0 ? `Filter \xB7 ${count}` : "Filter"
             }
           ) }),
-          /* @__PURE__ */ jsx173(PopoverContent19, { sizing: "content", align: "start", className: "w-auto max-w-[min(42rem,calc(100vw-2rem))] p-2", children: /* @__PURE__ */ jsxs161(
+          /* @__PURE__ */ jsx174(PopoverContent19, { sizing: "content", align: "start", className: "w-auto max-w-[min(42rem,calc(100vw-2rem))] p-2", children: /* @__PURE__ */ jsxs162(
             "div",
             {
               className: "flex flex-col gap-2 text-xs",
               "data-testid": "view-filter-panel",
               children: [
-                view.ruleId ? /* @__PURE__ */ jsx173("p", { className: "text-muted-foreground", children: "This view's records are chosen by a membership Rule, and the store answers it. Change the Rule to change who is in this view." }) : !conditionIsDrawable(saved) ? /* @__PURE__ */ jsxs161("p", { className: "text-muted-foreground", children: [
+                view.ruleId ? /* @__PURE__ */ jsx174("p", { className: "text-muted-foreground", children: "This view's records are chosen by a membership Rule, and the store answers it. Change the Rule to change who is in this view." }) : !conditionIsDrawable(saved) ? /* @__PURE__ */ jsxs162("p", { className: "text-muted-foreground", children: [
                   "This view asks: ",
                   conditionInWords(saved, conditionFields),
                   ". It cannot be drawn here; clear it to start a new filter."
-                ] }) : /* @__PURE__ */ jsx173(FilterTermsContext.Provider, { value: true, children: /* @__PURE__ */ jsx173(
+                ] }) : /* @__PURE__ */ jsx174(FilterTermsContext.Provider, { value: true, children: /* @__PURE__ */ jsx174(
                   ConditionGroup,
                   {
                     lead: "Show records where",
@@ -52755,9 +52900,9 @@ function ViewFilter({ tableId, view, onApply, className }) {
                     onChange: setDraft
                   }
                 ) }),
-                view.ruleId ? null : /* @__PURE__ */ jsxs161("div", { className: "flex items-center gap-1", children: [
-                  changed2 ? /* @__PURE__ */ jsx173(
-                    Button118,
+                view.ruleId ? null : /* @__PURE__ */ jsxs162("div", { className: "flex items-center gap-1", children: [
+                  changed2 ? /* @__PURE__ */ jsx174(
+                    Button119,
                     {
                       size: "sm",
                       "data-testid": "view-filter-apply",
@@ -52768,8 +52913,8 @@ function ViewFilter({ tableId, view, onApply, className }) {
                       children: "Apply"
                     }
                   ) : null,
-                  count > 0 || draft ? /* @__PURE__ */ jsx173(
-                    Button118,
+                  count > 0 || draft ? /* @__PURE__ */ jsx174(
+                    Button119,
                     {
                       size: "sm",
                       variant: "ghost",
@@ -52782,7 +52927,7 @@ function ViewFilter({ tableId, view, onApply, className }) {
                       children: "Clear filter"
                     }
                   ) : null,
-                  /* @__PURE__ */ jsx173(Button118, { size: "sm", variant: "ghost", onClick: () => {
+                  /* @__PURE__ */ jsx174(Button119, { size: "sm", variant: "ghost", onClick: () => {
                     setDraft(saved);
                     setOpen(false);
                   }, children: "Cancel" })
@@ -52798,10 +52943,10 @@ function ViewFilter({ tableId, view, onApply, className }) {
 
 // src/PhoneTableActions.tsx
 import { DropdownMenu as DropdownMenu9, DropdownMenuContent as DropdownMenuContent9, DropdownMenuTrigger as DropdownMenuTrigger9, cn as cn99 } from "@ai-matrx/design-system";
-import { jsx as jsx174, jsxs as jsxs162 } from "react/jsx-runtime";
+import { jsx as jsx175, jsxs as jsxs163 } from "react/jsx-runtime";
 function PhoneActionRow({ action: action3, groupStart }) {
   const disabled = action3.disabledReason !== void 0;
-  return /* @__PURE__ */ jsxs162(
+  return /* @__PURE__ */ jsxs163(
     "button",
     {
       type: "button",
@@ -52817,10 +52962,10 @@ function PhoneActionRow({ action: action3, groupStart }) {
         action3.destructive && "text-destructive"
       ),
       children: [
-        /* @__PURE__ */ jsx174(ObjectActionGlyph, { name: action3.icon, className: "h-5 w-5 shrink-0" }),
-        /* @__PURE__ */ jsxs162("span", { className: "flex min-w-0 flex-col", children: [
-          /* @__PURE__ */ jsx174("span", { className: "truncate", children: action3.label }),
-          disabled ? /* @__PURE__ */ jsx174("span", { className: "truncate text-xs text-muted-foreground", "data-object-action-reason": "", children: action3.disabledReason }) : null
+        /* @__PURE__ */ jsx175(ObjectActionGlyph, { name: action3.icon, className: "h-5 w-5 shrink-0" }),
+        /* @__PURE__ */ jsxs163("span", { className: "flex min-w-0 flex-col", children: [
+          /* @__PURE__ */ jsx175("span", { className: "truncate", children: action3.label }),
+          disabled ? /* @__PURE__ */ jsx175("span", { className: "truncate text-xs text-muted-foreground", "data-object-action-reason": "", children: action3.disabledReason }) : null
         ] })
       ]
     }
@@ -52828,20 +52973,20 @@ function PhoneActionRow({ action: action3, groupStart }) {
 }
 PhoneActionRow.routeHeaderMenu = true;
 function PhoneSubmenu({ label, icon, actions }) {
-  return /* @__PURE__ */ jsxs162(DropdownMenu9, { children: [
-    /* @__PURE__ */ jsx174(DropdownMenuTrigger9, { asChild: true, children: /* @__PURE__ */ jsxs162(
+  return /* @__PURE__ */ jsxs163(DropdownMenu9, { children: [
+    /* @__PURE__ */ jsx175(DropdownMenuTrigger9, { asChild: true, children: /* @__PURE__ */ jsxs163(
       "button",
       {
         type: "button",
         "data-object-action-group": "built-on",
         className: "flex min-h-11 w-full items-center gap-3 border-t border-border px-1 pt-1 text-left text-base",
         children: [
-          icon ? /* @__PURE__ */ jsx174(ObjectActionGlyph, { name: icon, className: "h-5 w-5 shrink-0" }) : null,
-          /* @__PURE__ */ jsx174("span", { className: "truncate", children: label })
+          icon ? /* @__PURE__ */ jsx175(ObjectActionGlyph, { name: icon, className: "h-5 w-5 shrink-0" }) : null,
+          /* @__PURE__ */ jsx175("span", { className: "truncate", children: label })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx174(DropdownMenuContent9, { align: "end", className: "w-64", children: /* @__PURE__ */ jsx174(ObjectActionMenuItems, { actions: actions.map((a) => ({ ...a, group: "manage" })) }) })
+    /* @__PURE__ */ jsx175(DropdownMenuContent9, { align: "end", className: "w-64", children: /* @__PURE__ */ jsx175(ObjectActionMenuItems, { actions: actions.map((a) => ({ ...a, group: "manage" })) }) })
   ] });
 }
 PhoneSubmenu.routeHeaderMenu = true;
@@ -52854,13 +52999,13 @@ function phoneTableActions(actions) {
       continue;
     }
     if (entry.kind === "submenu") {
-      out.push(/* @__PURE__ */ jsx174(PhoneSubmenu, { label: entry.label, icon: entry.icon, actions: entry.actions }, `phone-group-${entry.id}`));
+      out.push(/* @__PURE__ */ jsx175(PhoneSubmenu, { label: entry.label, icon: entry.icon, actions: entry.actions }, `phone-group-${entry.id}`));
       groupStart = false;
       continue;
     }
     const a = entry.action;
     out.push(
-      /* @__PURE__ */ jsx174(
+      /* @__PURE__ */ jsx175(
         PhoneActionRow,
         {
           action: a,
@@ -53086,7 +53231,7 @@ function useSlotScroll(slot) {
 // src/TablePage.tsx
 import { isUuidShape as isUuidShape3 } from "@ai-matrx/kit/uuid";
 import { openOutbound as openOutbound4 } from "@ai-matrx/kit/outbound";
-import { Fragment as Fragment71, jsx as jsx175, jsxs as jsxs163 } from "react/jsx-runtime";
+import { Fragment as Fragment71, jsx as jsx176, jsxs as jsxs164 } from "react/jsx-runtime";
 var RAIL_TITLE = {
   settings: "Table settings",
   inbox: "Inbox",
@@ -53103,20 +53248,21 @@ var RAIL_TITLE = {
   export: "Export"
 };
 function LookGlyph() {
-  return /* @__PURE__ */ jsxs163("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", width: "14", height: "14", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-    /* @__PURE__ */ jsx175("path", { d: "M4 7h10M18 7h2M4 17h2M10 17h10" }),
-    /* @__PURE__ */ jsx175("circle", { cx: "16", cy: "7", r: "2" }),
-    /* @__PURE__ */ jsx175("circle", { cx: "8", cy: "17", r: "2" })
+  return /* @__PURE__ */ jsxs164("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", width: "14", height: "14", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx176("path", { d: "M4 7h10M18 7h2M4 17h2M10 17h10" }),
+    /* @__PURE__ */ jsx176("circle", { cx: "16", cy: "7", r: "2" }),
+    /* @__PURE__ */ jsx176("circle", { cx: "8", cy: "17", r: "2" })
   ] });
 }
 function RailFrame({
   phone,
   title,
   onClose,
+  over = false,
   children
 }) {
   if (phone) {
-    return /* @__PURE__ */ jsx175(
+    return /* @__PURE__ */ jsx176(
       BottomSheet,
       {
         open: true,
@@ -53126,11 +53272,19 @@ function RailFrame({
         title,
         size: "full",
         surface: "solid",
-        children: /* @__PURE__ */ jsx175("div", { "data-rail-sheet": "", className: "min-h-0 flex-1 overflow-y-auto px-3 pb-6", children })
+        children: /* @__PURE__ */ jsx176("div", { "data-rail-sheet": "", className: "min-h-0 flex-1 overflow-y-auto px-3 pb-6", children })
       }
     );
   }
-  return /* @__PURE__ */ jsx175("aside", { "data-rail-column": "", className: "w-[26rem] shrink-0 overflow-y-auto rounded-md border p-3", children });
+  return /* @__PURE__ */ jsx176(
+    "aside",
+    {
+      "data-rail-column": "",
+      "data-rail-over": over ? "" : void 0,
+      className: over ? "w-[26rem] shrink-0" : "w-[26rem] shrink-0 overflow-y-auto rounded-md border p-3",
+      children: over ? /* @__PURE__ */ jsx176("div", { className: "fixed inset-y-0 right-0 z-40 w-[min(48rem,100vw)] overflow-y-auto border-l bg-background p-4 shadow-xl", children }) : children
+    }
+  );
 }
 function filterInWords(filter, fields) {
   const nameOf2 = (key) => {
@@ -53183,17 +53337,17 @@ function TableNotHere({
       alive = false;
     };
   }, [client, tableId]);
-  if (archived.phase === "asking") return /* @__PURE__ */ jsx175(Skeleton47, { className: "h-40 w-full" });
+  if (archived.phase === "asking") return /* @__PURE__ */ jsx176(Skeleton47, { className: "h-40 w-full" });
   const row = archived.phase === "answered" ? archived.row : null;
   if (row) {
-    return /* @__PURE__ */ jsxs163("div", { className: cn100("flex flex-col items-start gap-2 rounded-md border border-dashed p-6", className), children: [
-      /* @__PURE__ */ jsx175("p", { className: "text-sm font-medium", children: "This table is archived" }),
-      /* @__PURE__ */ jsx175("p", { className: "max-w-prose text-xs text-muted-foreground", children: TABLE_IS_ARCHIVED }),
-      /* @__PURE__ */ jsx175("p", { className: "text-xs text-muted-foreground", children: archivedByLine2(row) }),
-      refusal3 ? /* @__PURE__ */ jsx175(RefusalNotice, { error: refusal3 }) : null,
-      /* @__PURE__ */ jsxs163("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ jsx175(
-          Button119,
+    return /* @__PURE__ */ jsxs164("div", { className: cn100("flex flex-col items-start gap-2 rounded-md border border-dashed p-6", className), children: [
+      /* @__PURE__ */ jsx176("p", { className: "text-sm font-medium", children: "This table is archived" }),
+      /* @__PURE__ */ jsx176("p", { className: "max-w-prose text-xs text-muted-foreground", children: TABLE_IS_ARCHIVED }),
+      /* @__PURE__ */ jsx176("p", { className: "text-xs text-muted-foreground", children: archivedByLine2(row) }),
+      refusal3 ? /* @__PURE__ */ jsx176(RefusalNotice, { error: refusal3 }) : null,
+      /* @__PURE__ */ jsxs164("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsx176(
+          Button120,
           {
             size: "sm",
             disabled: restoring,
@@ -53211,14 +53365,14 @@ function TableNotHere({
             children: restoring ? "Bringing it back\u2026" : "Bring it back"
           }
         ),
-        onLeave ? /* @__PURE__ */ jsx175(Button119, { size: "sm", variant: "outline", onClick: onLeave, children: leaveLabel }) : null
+        onLeave ? /* @__PURE__ */ jsx176(Button120, { size: "sm", variant: "outline", onClick: onLeave, children: leaveLabel }) : null
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxs163("div", { className: cn100("flex flex-col items-start gap-2 rounded-md border border-dashed p-6", className), children: [
-    /* @__PURE__ */ jsx175("p", { className: "text-sm font-medium", children: "This table is not here" }),
-    /* @__PURE__ */ jsx175("p", { className: "max-w-prose text-xs text-muted-foreground", children: TABLE_NOT_REACHABLE }),
-    onLeave ? /* @__PURE__ */ jsx175(Button119, { size: "sm", variant: "outline", onClick: onLeave, children: leaveLabel }) : null
+  return /* @__PURE__ */ jsxs164("div", { className: cn100("flex flex-col items-start gap-2 rounded-md border border-dashed p-6", className), children: [
+    /* @__PURE__ */ jsx176("p", { className: "text-sm font-medium", children: "This table is not here" }),
+    /* @__PURE__ */ jsx176("p", { className: "max-w-prose text-xs text-muted-foreground", children: TABLE_NOT_REACHABLE }),
+    onLeave ? /* @__PURE__ */ jsx176(Button120, { size: "sm", variant: "outline", onClick: onLeave, children: leaveLabel }) : null
   ] });
 }
 var TABLE_NOT_REACHABLE = (
@@ -53352,6 +53506,7 @@ function TablePage({
   leaveLabel = "Back to your tables",
   activeDashboardId,
   activeRecordId,
+  onRecordChange,
   activeView,
   onViewChanged,
   activeGroupField,
@@ -53536,11 +53691,30 @@ function TablePage({
     onViewChanged?.(addressForView(view, next));
     void patchView({ layout: next });
   };
+  const reportedRecords = useRef64(/* @__PURE__ */ new Set());
+  const lastActiveRecord = useRef64(activeRecordId ?? null);
   useEffect124(() => {
-    if (!activeRecordId) return;
+    const before = lastActiveRecord.current;
+    lastActiveRecord.current = activeRecordId ?? null;
+    if (!activeRecordId) {
+      if (before) setSurface((now) => now.rail === "record" ? { ...now, rail: "none" } : now);
+      return;
+    }
+    if (reportedRecords.current.delete(activeRecordId)) return;
     setOpenRecord(activeRecordId);
     setSurface((now) => ({ ...now, rail: "record" }));
   }, [activeRecordId]);
+  const [shownIds, setShownIds] = useState150([]);
+  const [recordExpanded, setRecordExpanded] = useState150(false);
+  const shownRecord = rail === "record" ? openRecord : null;
+  const reportedRecord = useRef64(activeRecordId ?? null);
+  useEffect124(() => {
+    if (shownRecord === reportedRecord.current) return;
+    const how = shownRecord === null ? "close" : reportedRecord.current === null ? "open" : "step";
+    reportedRecord.current = shownRecord;
+    if (shownRecord) reportedRecords.current.add(shownRecord);
+    onRecordChange?.(shownRecord, how);
+  }, [shownRecord, onRecordChange]);
   useEffect124(() => {
     if (activeRecordId) return;
     const named = railFromParam(activeRail);
@@ -53727,20 +53901,20 @@ function TablePage({
   };
   const footer = footerOf(shown5?.presentation);
   const setFooter = (next) => void patchView({ presentation: { ...shown5?.presentation ?? {}, footer: next } });
-  const layoutRadio = /* @__PURE__ */ jsx175(
+  const layoutRadio = /* @__PURE__ */ jsx176(
     DropdownMenuRadioGroup3,
     {
       value: layoutShowing ?? "",
       onValueChange: (value) => {
         if (VIEW_LAYOUTS.includes(value)) pickLayout(value);
       },
-      children: VIEW_LAYOUTS.map((option) => /* @__PURE__ */ jsx175(DropdownMenuRadioItem3, { value: option, children: LAYOUT_LABEL[option] }, option))
+      children: VIEW_LAYOUTS.map((option) => /* @__PURE__ */ jsx176(DropdownMenuRadioItem3, { value: option, children: LAYOUT_LABEL[option] }, option))
     }
   );
-  const sheetExtras = controlsInSheet && main === "records" && shownLayout === "grid" ? /* @__PURE__ */ jsxs163(Fragment71, { children: [
-    /* @__PURE__ */ jsx175("div", { className: "flex items-center gap-2 text-xs", "data-table-sheet-filter": "", "data-matrx-table-tools-keep-open": "", children: /* @__PURE__ */ jsx175(ViewFilter, { tableId, view: shown5, onApply: (where) => void patchView({ where }) }) }),
-    /* @__PURE__ */ jsx175("div", { role: "group", "aria-label": "Layout", className: "flex flex-wrap gap-1 pt-1", "data-table-sheet-layout": "", children: VIEW_LAYOUTS.map((option) => /* @__PURE__ */ jsx175(
-      Button119,
+  const sheetExtras = controlsInSheet && main === "records" && shownLayout === "grid" ? /* @__PURE__ */ jsxs164(Fragment71, { children: [
+    /* @__PURE__ */ jsx176("div", { className: "flex items-center gap-2 text-xs", "data-table-sheet-filter": "", "data-matrx-table-tools-keep-open": "", children: /* @__PURE__ */ jsx176(ViewFilter, { tableId, view: shown5, onApply: (where) => void patchView({ where }) }) }),
+    /* @__PURE__ */ jsx176("div", { role: "group", "aria-label": "Layout", className: "flex flex-wrap gap-1 pt-1", "data-table-sheet-layout": "", children: VIEW_LAYOUTS.map((option) => /* @__PURE__ */ jsx176(
+      Button120,
       {
         size: "sm",
         variant: layoutShowing === option ? "secondary" : "ghost",
@@ -53751,7 +53925,7 @@ function TablePage({
       },
       option
     )) }),
-    rights.share && canShare ? /* @__PURE__ */ jsx175(Button119, { size: "sm", variant: "ghost", className: "h-8", onClick: () => setShareAsked((n) => n + 1), "data-table-sheet-share": "", children: "Share\u2026" }) : null
+    rights.share && canShare ? /* @__PURE__ */ jsx176(Button120, { size: "sm", variant: "ghost", className: "h-8", onClick: () => setShareAsked((n) => n + 1), "data-table-sheet-share": "", children: "Share\u2026" }) : null
   ] }) : void 0;
   const go = (pressed) => {
     if (!surfaceChosen(surface, pressed)) press(pressed);
@@ -53957,9 +54131,9 @@ function TablePage({
     return () => window.removeEventListener("keydown", onKey);
   }, [recordsUi]);
   const openedFromMenu = openedEntry ? { ...openedEntry, label: actions.find((a) => a.id === openedEntry.id)?.label ?? openedEntry.key } : null;
-  const pageActions = /* @__PURE__ */ jsxs163(Fragment71, { children: [
-    publicReadOnly ? /* @__PURE__ */ jsx175(Badge26, { variant: "neutral", className: "shrink-0", "data-public-read-only": "", children: PUBLIC_READ_ONLY }, "public-read-only") : null,
-    !phone && rights.read && table.data ? /* @__PURE__ */ jsx175(
+  const pageActions = /* @__PURE__ */ jsxs164(Fragment71, { children: [
+    publicReadOnly ? /* @__PURE__ */ jsx176(Badge26, { variant: "neutral", className: "shrink-0", "data-public-read-only": "", children: PUBLIC_READ_ONLY }, "public-read-only") : null,
+    !phone && rights.read && table.data ? /* @__PURE__ */ jsx176(
       TableAsk,
       {
         tableId,
@@ -53971,7 +54145,7 @@ function TablePage({
       },
       "ask"
     ) : null,
-    organizationId ? /* @__PURE__ */ jsx175("span", { className: shareInMenu ? "hidden" : "flex shrink-0 items-center", "data-toolbar-fit": "share", children: /* @__PURE__ */ jsx175(
+    organizationId ? /* @__PURE__ */ jsx176("span", { className: shareInMenu ? "hidden" : "flex shrink-0 items-center", "data-toolbar-fit": "share", children: /* @__PURE__ */ jsx176(
       ShareControl,
       {
         kind: "table",
@@ -53985,28 +54159,28 @@ function TablePage({
       },
       `share-${shareAsked}`
     ) }, "share") : null,
-    phone ? /* @__PURE__ */ jsxs163(Fragment71, { children: [
-      !chooserInline && !chooserCompact && !embedded ? /* @__PURE__ */ jsxs163(DropdownMenu10, { children: [
-        /* @__PURE__ */ jsx175(DropdownMenuTrigger10, { asChild: true, children: /* @__PURE__ */ jsx175(Button119, { size: "sm", variant: "ghost", "aria-label": "Layout", title: "Layout", "data-table-layout-menu": "", children: "Layout" }) }),
-        /* @__PURE__ */ jsx175(DropdownMenuContent10, { align: "end", className: "w-56", children: layoutRadio })
+    phone ? /* @__PURE__ */ jsxs164(Fragment71, { children: [
+      !chooserInline && !chooserCompact && !embedded ? /* @__PURE__ */ jsxs164(DropdownMenu10, { children: [
+        /* @__PURE__ */ jsx176(DropdownMenuTrigger10, { asChild: true, children: /* @__PURE__ */ jsx176(Button120, { size: "sm", variant: "ghost", "aria-label": "Layout", title: "Layout", "data-table-layout-menu": "", children: "Layout" }) }),
+        /* @__PURE__ */ jsx176(DropdownMenuContent10, { align: "end", className: "w-56", children: layoutRadio })
       ] }, "phone-layout") : null,
       phoneTableActions(actions)
-    ] }) : /* @__PURE__ */ jsxs163(DropdownMenu10, { children: [
-      /* @__PURE__ */ jsx175(DropdownMenuTrigger10, { asChild: true, children: /* @__PURE__ */ jsx175(Button119, { size: "sm", variant: "ghost", "aria-label": "Table menu", title: "Table menu", "data-table-menu": "", children: /* @__PURE__ */ jsxs163("svg", { viewBox: "0 0 24 24", className: "h-4 w-4", fill: "currentColor", "aria-hidden": "true", children: [
-        /* @__PURE__ */ jsx175("circle", { cx: "5", cy: "12", r: "1.75" }),
-        /* @__PURE__ */ jsx175("circle", { cx: "12", cy: "12", r: "1.75" }),
-        /* @__PURE__ */ jsx175("circle", { cx: "19", cy: "12", r: "1.75" })
+    ] }) : /* @__PURE__ */ jsxs164(DropdownMenu10, { children: [
+      /* @__PURE__ */ jsx176(DropdownMenuTrigger10, { asChild: true, children: /* @__PURE__ */ jsx176(Button120, { size: "sm", variant: "ghost", "aria-label": "Table menu", title: "Table menu", "data-table-menu": "", children: /* @__PURE__ */ jsxs164("svg", { viewBox: "0 0 24 24", className: "h-4 w-4", fill: "currentColor", "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsx176("circle", { cx: "5", cy: "12", r: "1.75" }),
+        /* @__PURE__ */ jsx176("circle", { cx: "12", cy: "12", r: "1.75" }),
+        /* @__PURE__ */ jsx176("circle", { cx: "19", cy: "12", r: "1.75" })
       ] }) }) }),
-      /* @__PURE__ */ jsxs163(DropdownMenuContent10, { align: "end", className: "w-64", "data-table-menu-content": "", ...renameMenuProps, children: [
-        !chooserInline && !chooserCompact && !embedded ? /* @__PURE__ */ jsxs163(Fragment71, { children: [
-          /* @__PURE__ */ jsx175(DropdownMenuLabel3, { className: "text-xs text-muted-foreground", children: "Layout" }),
+      /* @__PURE__ */ jsxs164(DropdownMenuContent10, { align: "end", className: "w-64", "data-table-menu-content": "", ...renameMenuProps, children: [
+        !chooserInline && !chooserCompact && !embedded ? /* @__PURE__ */ jsxs164(Fragment71, { children: [
+          /* @__PURE__ */ jsx176(DropdownMenuLabel3, { className: "text-xs text-muted-foreground", children: "Layout" }),
           layoutRadio,
-          /* @__PURE__ */ jsx175(DropdownMenuSeparator5, {})
+          /* @__PURE__ */ jsx176(DropdownMenuSeparator5, {})
         ] }) : null,
-        /* @__PURE__ */ jsx175(ObjectActionMenuItems, { actions })
+        /* @__PURE__ */ jsx176(ObjectActionMenuItems, { actions })
       ] })
     ] }, "menu"),
-    moveAsked > 0 && !actionHost?.move ? /* @__PURE__ */ jsx175(
+    moveAsked > 0 && !actionHost?.move ? /* @__PURE__ */ jsx176(
       WhereItLives,
       {
         tableId,
@@ -54019,7 +54193,7 @@ function TablePage({
       },
       "move"
     ) : null,
-    breakDownOpen ? /* @__PURE__ */ jsx175(
+    breakDownOpen ? /* @__PURE__ */ jsx176(
       BreakDownDialog,
       {
         tableId,
@@ -54030,7 +54204,7 @@ function TablePage({
       },
       "break-down"
     ) : null,
-    subscribeOpen && recordsUi.calendarFeed && organizationId && view ? /* @__PURE__ */ jsx175(
+    subscribeOpen && recordsUi.calendarFeed && organizationId && view ? /* @__PURE__ */ jsx176(
       CalendarSubscribeDialog,
       {
         port: recordsUi.calendarFeed,
@@ -54043,8 +54217,8 @@ function TablePage({
       },
       "subscribe"
     ) : null,
-    referenceOpen && table.data ? /* @__PURE__ */ jsx175(TableReferenceDialog, { table: table.data, open: referenceOpen, onOpenChange: setReferenceOpen }, "reference") : null,
-    duplicateOpen && table.data ? /* @__PURE__ */ jsx175(
+    referenceOpen && table.data ? /* @__PURE__ */ jsx176(TableReferenceDialog, { table: table.data, open: referenceOpen, onOpenChange: setReferenceOpen }, "reference") : null,
+    duplicateOpen && table.data ? /* @__PURE__ */ jsx176(
       TableDuplicateDialog,
       {
         tableId,
@@ -54055,39 +54229,39 @@ function TablePage({
       },
       "duplicate"
     ) : null,
-    rights.structure && table.data ? /* @__PURE__ */ jsx175(TableRenameDialog, { tableId, name: table.data.name, open: renameOpen, onOpenChange: setRenameOpen }, "rename") : null
+    rights.structure && table.data ? /* @__PURE__ */ jsx176(TableRenameDialog, { tableId, name: table.data.name, open: renameOpen, onOpenChange: setRenameOpen }, "rename") : null
   ] });
   const headerNode = header && !embedded ? header({ actions: table.data ? pageActions : null, tableName: table.data?.name ?? null }) : null;
-  if (table.error) return /* @__PURE__ */ jsxs163(Fragment71, { children: [
+  if (table.error) return /* @__PURE__ */ jsxs164(Fragment71, { children: [
     headerNode,
-    /* @__PURE__ */ jsx175(RefusalNotice, { error: table.error })
+    /* @__PURE__ */ jsx176(RefusalNotice, { error: table.error })
   ] });
   if (table.loading && !table.data) {
-    return /* @__PURE__ */ jsxs163(Fragment71, { children: [
+    return /* @__PURE__ */ jsxs164(Fragment71, { children: [
       headerNode,
-      /* @__PURE__ */ jsx175(TablePageSkeleton, { layout: skeletonFace, embedded, tableId, ...className ? { className } : {} })
+      /* @__PURE__ */ jsx176(TablePageSkeleton, { layout: skeletonFace, embedded, tableId, ...className ? { className } : {} })
     ] });
   }
   if (!table.data) {
-    return /* @__PURE__ */ jsxs163(Fragment71, { children: [
+    return /* @__PURE__ */ jsxs164(Fragment71, { children: [
       headerNode,
-      /* @__PURE__ */ jsx175(TableNotHere, { tableId, onLeave, leaveLabel, className })
+      /* @__PURE__ */ jsx176(TableNotHere, { tableId, onLeave, leaveLabel, className })
     ] });
   }
   const lookSavable = Boolean(
     rights.write && view && Object.keys(viewPatchDocument(saveToViewPlan(view, look ?? {}).patch)).length > 0
   );
-  return /* @__PURE__ */ jsx175(ViewAddressContext.Provider, { value: addressPort, children: /* @__PURE__ */ jsxs163("div", { className: cn100("flex h-full min-h-0 gap-4", className), "data-table-footer": footer, children: [
+  return /* @__PURE__ */ jsx176(ViewAddressContext.Provider, { value: addressPort, children: /* @__PURE__ */ jsxs164("div", { className: cn100("flex h-full min-h-0 gap-4", className), "data-table-footer": footer, children: [
     headerNode,
-    /* @__PURE__ */ jsx175("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col gap-2", children: structure.hidden || !structure.settled ? (
+    /* @__PURE__ */ jsx176("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col gap-2", children: structure.hidden || !structure.settled ? (
       /* THE TOOLBAR ROW'S HEIGHT IS KEPT (min-h-8), so the sentence lands exactly where the bar was. */
-      /* @__PURE__ */ jsxs163(Fragment71, { children: [
-        /* @__PURE__ */ jsx175("div", { className: TABLE_TOOLBAR_ROW_CLASS, "data-table-toolbar": "", "aria-hidden": "true" }),
-        structure.hidden ? /* @__PURE__ */ jsx175(StructureLocked, {}) : /* @__PURE__ */ jsx175(RecordsSkeleton, { layout: skeletonFace, embedded })
+      /* @__PURE__ */ jsxs164(Fragment71, { children: [
+        /* @__PURE__ */ jsx176("div", { className: TABLE_TOOLBAR_ROW_CLASS, "data-table-toolbar": "", "aria-hidden": "true" }),
+        structure.hidden ? /* @__PURE__ */ jsx176(StructureLocked, {}) : /* @__PURE__ */ jsx176(RecordsSkeleton, { layout: skeletonFace, embedded })
       ] })
-    ) : /* @__PURE__ */ jsxs163(Fragment71, { children: [
-      /* @__PURE__ */ jsx175(ImportNotice, { tableId, epoch: importEpoch, onOpenImport: () => setRail("import") }),
-      /* @__PURE__ */ jsxs163(
+    ) : /* @__PURE__ */ jsxs164(Fragment71, { children: [
+      /* @__PURE__ */ jsx176(ImportNotice, { tableId, epoch: importEpoch, onOpenImport: () => setRail("import") }),
+      /* @__PURE__ */ jsxs164(
         "div",
         {
           ref: setToolbarRow,
@@ -54095,7 +54269,7 @@ function TablePage({
           "data-table-toolbar": "",
           "data-table-toolbar-fold": toolbarFold2,
           children: [
-            /* @__PURE__ */ jsx175(
+            /* @__PURE__ */ jsx176(
               ViewBar,
               {
                 tableId,
@@ -54114,9 +54288,9 @@ function TablePage({
                 onViews: setViews,
                 ...seededViews && viewsEpoch === 0 ? { initialViews: seededViews } : {},
                 seed: seedViews ?? [defaultView(tableId)],
-                settings: view && main === "records" && shownLayout === "grid" ? /* @__PURE__ */ jsxs163("div", { className: "flex flex-col gap-0.5 px-1 py-1", role: "radiogroup", "aria-label": FOOTER_WORDS.label, children: [
-                  /* @__PURE__ */ jsx175("span", { className: "px-1 pb-0.5 text-[11px] font-medium text-muted-foreground", children: FOOTER_WORDS.label }),
-                  ["sticky", "inline"].map((option) => /* @__PURE__ */ jsxs163(
+                settings: view && main === "records" && shownLayout === "grid" ? /* @__PURE__ */ jsxs164("div", { className: "flex flex-col gap-0.5 px-1 py-1", role: "radiogroup", "aria-label": FOOTER_WORDS.label, children: [
+                  /* @__PURE__ */ jsx176("span", { className: "px-1 pb-0.5 text-[11px] font-medium text-muted-foreground", children: FOOTER_WORDS.label }),
+                  ["sticky", "inline"].map((option) => /* @__PURE__ */ jsxs164(
                     "button",
                     {
                       type: "button",
@@ -54129,7 +54303,7 @@ function TablePage({
                       ),
                       onClick: () => setFooter(option),
                       children: [
-                        /* @__PURE__ */ jsx175(
+                        /* @__PURE__ */ jsx176(
                           "span",
                           {
                             "aria-hidden": "true",
@@ -54145,8 +54319,8 @@ function TablePage({
               },
               viewsEpoch
             ),
-            chooserInline ? /* @__PURE__ */ jsx175("div", { className: "flex shrink-0 items-center gap-0.5", role: "group", "aria-label": "Layout", "data-toolbar-fit": "chooser", children: VIEW_LAYOUTS.map((option) => /* @__PURE__ */ jsx175(
-              Button119,
+            chooserInline ? /* @__PURE__ */ jsx176("div", { className: "flex shrink-0 items-center gap-0.5", role: "group", "aria-label": "Layout", "data-toolbar-fit": "chooser", children: VIEW_LAYOUTS.map((option) => /* @__PURE__ */ jsx176(
+              Button120,
               {
                 size: "sm",
                 variant: layoutShowing === option ? "secondary" : "ghost",
@@ -54160,21 +54334,21 @@ function TablePage({
               /* THE ROW HAD NO ROOM (lane C, review 2026-09-26 D6: the switcher vanished at 1280 px and
                  with the record panel open): the chooser folds to ONE button naming the layout that is
                  showing — it never leaves the row. */
-              /* @__PURE__ */ jsx175("span", { className: "flex shrink-0 items-center", "data-toolbar-fit": "chooser", "data-layout-chooser-compact": "", children: /* @__PURE__ */ jsxs163(DropdownMenu10, { children: [
-                /* @__PURE__ */ jsx175(DropdownMenuTrigger10, { asChild: true, children: /* @__PURE__ */ jsxs163(Button119, { size: "sm", variant: "outline", className: "h-8 gap-1 px-2 text-xs", "aria-label": `Layout: ${layoutShowingLabel ?? "none"}`, children: [
+              /* @__PURE__ */ jsx176("span", { className: "flex shrink-0 items-center", "data-toolbar-fit": "chooser", "data-layout-chooser-compact": "", children: /* @__PURE__ */ jsxs164(DropdownMenu10, { children: [
+                /* @__PURE__ */ jsx176(DropdownMenuTrigger10, { asChild: true, children: /* @__PURE__ */ jsxs164(Button120, { size: "sm", variant: "outline", className: "h-8 gap-1 px-2 text-xs", "aria-label": `Layout: ${layoutShowingLabel ?? "none"}`, children: [
                   layoutShowingLabel ?? "Layout",
-                  /* @__PURE__ */ jsx175("svg", { viewBox: "0 0 24 24", className: "h-3.5 w-3.5 opacity-70", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": "true", children: /* @__PURE__ */ jsx175("path", { d: "m6 9 6 6 6-6" }) })
+                  /* @__PURE__ */ jsx176("svg", { viewBox: "0 0 24 24", className: "h-3.5 w-3.5 opacity-70", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": "true", children: /* @__PURE__ */ jsx176("path", { d: "m6 9 6 6 6-6" }) })
                 ] }) }),
-                /* @__PURE__ */ jsxs163(DropdownMenuContent10, { align: "start", className: "w-44", "data-layout-chooser-menu": "", children: [
-                  /* @__PURE__ */ jsx175(DropdownMenuLabel3, { className: "text-xs text-muted-foreground", children: "Layout" }),
+                /* @__PURE__ */ jsxs164(DropdownMenuContent10, { align: "start", className: "w-44", "data-layout-chooser-menu": "", children: [
+                  /* @__PURE__ */ jsx176(DropdownMenuLabel3, { className: "text-xs text-muted-foreground", children: "Layout" }),
                   layoutRadio
                 ] })
               ] }) })
             ) : null,
-            main === "records" && !(controlsInSheet && shownLayout === "grid") ? /* @__PURE__ */ jsx175(ViewFilter, { tableId, view: shown5, onApply: (where) => void patchView({ where }) }) : null,
-            lookShowing && main === "records" && !namingLook ? /* @__PURE__ */ jsxs163("span", { className: "flex shrink-0 items-center gap-1", "data-view-look": "", "data-view-look-folded": "", "data-toolbar-fit": "look", children: [
-              /* @__PURE__ */ jsx175(
-                Button119,
+            main === "records" && !(controlsInSheet && shownLayout === "grid") ? /* @__PURE__ */ jsx176(ViewFilter, { tableId, view: shown5, onApply: (where) => void patchView({ where }) }) : null,
+            lookShowing && main === "records" && !namingLook ? /* @__PURE__ */ jsxs164("span", { className: "flex shrink-0 items-center gap-1", "data-view-look": "", "data-view-look-folded": "", "data-toolbar-fit": "look", children: [
+              /* @__PURE__ */ jsx176(
+                Button120,
                 {
                   size: "sm",
                   variant: "outline",
@@ -54183,36 +54357,36 @@ function TablePage({
                   "aria-label": "Reset view",
                   onClick: () => void resetLook(),
                   "data-view-look-reset-button": "",
-                  children: /* @__PURE__ */ jsxs163("svg", { viewBox: "0 0 24 24", className: "h-4 w-4", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
-                    /* @__PURE__ */ jsx175("path", { d: "M3 12a9 9 0 1 0 3-6.7L3 8" }),
-                    /* @__PURE__ */ jsx175("path", { d: "M3 3v5h5" })
+                  children: /* @__PURE__ */ jsxs164("svg", { viewBox: "0 0 24 24", className: "h-4 w-4", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+                    /* @__PURE__ */ jsx176("path", { d: "M3 12a9 9 0 1 0 3-6.7L3 8" }),
+                    /* @__PURE__ */ jsx176("path", { d: "M3 3v5h5" })
                   ] })
                 }
               ),
-              /* @__PURE__ */ jsxs163(DropdownMenu10, { children: [
-                /* @__PURE__ */ jsx175(DropdownMenuTrigger10, { asChild: true, children: /* @__PURE__ */ jsxs163(Button119, { size: "sm", variant: "outline", className: "relative h-8 w-8 shrink-0 px-0", title: LOOK_WORDS.folded, "aria-label": LOOK_WORDS.folded, "data-view-look-menu": "", children: [
-                  /* @__PURE__ */ jsx175(LookGlyph, {}),
-                  /* @__PURE__ */ jsx175("span", { "aria-hidden": "true", className: "absolute right-1 top-1 h-1.5 w-1.5 rounded-full bg-primary" })
+              /* @__PURE__ */ jsxs164(DropdownMenu10, { children: [
+                /* @__PURE__ */ jsx176(DropdownMenuTrigger10, { asChild: true, children: /* @__PURE__ */ jsxs164(Button120, { size: "sm", variant: "outline", className: "relative h-8 w-8 shrink-0 px-0", title: LOOK_WORDS.folded, "aria-label": LOOK_WORDS.folded, "data-view-look-menu": "", children: [
+                  /* @__PURE__ */ jsx176(LookGlyph, {}),
+                  /* @__PURE__ */ jsx176("span", { "aria-hidden": "true", className: "absolute right-1 top-1 h-1.5 w-1.5 rounded-full bg-primary" })
                 ] }) }),
-                /* @__PURE__ */ jsxs163(DropdownMenuContent10, { align: "start", className: "w-60", "data-view-look-menu-content": "", children: [
-                  lookSavable ? /* @__PURE__ */ jsx175(DropdownMenuItem8, { onSelect: () => void saveLookToView(), "data-view-look-save": "", children: LOOK_WORDS.saveToView }) : null,
-                  rights.write ? /* @__PURE__ */ jsx175(DropdownMenuItem8, { onSelect: () => setNamingLook(true), "data-view-look-save-new": "", children: LOOK_WORDS.saveAsNew }) : null,
-                  /* @__PURE__ */ jsx175(DropdownMenuItem8, { onSelect: () => void resetLook(), "data-view-look-reset": "", children: LOOK_WORDS.reset })
+                /* @__PURE__ */ jsxs164(DropdownMenuContent10, { align: "start", className: "w-60", "data-view-look-menu-content": "", children: [
+                  lookSavable ? /* @__PURE__ */ jsx176(DropdownMenuItem8, { onSelect: () => void saveLookToView(), "data-view-look-save": "", children: LOOK_WORDS.saveToView }) : null,
+                  rights.write ? /* @__PURE__ */ jsx176(DropdownMenuItem8, { onSelect: () => setNamingLook(true), "data-view-look-save-new": "", children: LOOK_WORDS.saveAsNew }) : null,
+                  /* @__PURE__ */ jsx176(DropdownMenuItem8, { onSelect: () => void resetLook(), "data-view-look-reset": "", children: LOOK_WORDS.reset })
                 ] })
               ] })
             ] }) : !lookShowing && main === "records" && view && !phone && !controlsInSheet ? (
               /* The reserved place keeps its full width at every row width (STABLE-TABLES): when it
                  shrank on a narrow row, the look arriving on a sort pushed every control after it.
                  A row too narrow for it scrolls sideways, as the row already does. */
-              /* @__PURE__ */ jsxs163("span", { "aria-hidden": "true", className: "invisible flex shrink-0 items-center gap-1 overflow-hidden", "data-view-look-place": "", "data-toolbar-fit-gives": "", children: [
-                /* @__PURE__ */ jsx175(Button119, { size: "sm", variant: "outline", className: "h-8 w-8 shrink-0 px-0", tabIndex: -1, children: /* @__PURE__ */ jsx175(LookGlyph, {}) }),
-                /* @__PURE__ */ jsx175(Button119, { size: "sm", variant: "outline", className: "h-8 w-8 shrink-0 px-0", tabIndex: -1 })
+              /* @__PURE__ */ jsxs164("span", { "aria-hidden": "true", className: "invisible flex shrink-0 items-center gap-1 overflow-hidden", "data-view-look-place": "", "data-toolbar-fit-gives": "", children: [
+                /* @__PURE__ */ jsx176(Button120, { size: "sm", variant: "outline", className: "h-8 w-8 shrink-0 px-0", tabIndex: -1, children: /* @__PURE__ */ jsx176(LookGlyph, {}) }),
+                /* @__PURE__ */ jsx176(Button120, { size: "sm", variant: "outline", className: "h-8 w-8 shrink-0 px-0", tabIndex: -1 })
               ] })
-            ) : lookShowing && main === "records" ? /* @__PURE__ */ jsxs163("span", { className: "flex shrink-0 items-center gap-1", "data-view-look": "", "data-toolbar-fit": "look", title: LOOK_WORDS.yours, children: [
-              /* @__PURE__ */ jsx175("span", { className: "sr-only", children: LOOK_WORDS.yours }),
-              /* @__PURE__ */ jsx175("span", { "aria-hidden": "true", className: "h-1.5 w-1.5 shrink-0 rounded-full bg-primary" }),
-              lookSavable ? /* @__PURE__ */ jsx175(Button119, { size: "sm", variant: "outline", className: "h-8 px-2 text-xs", onClick: () => void saveLookToView(), "data-view-look-save": "", children: LOOK_WORDS.saveToView }) : null,
-              rights.write ? namingLook ? /* @__PURE__ */ jsxs163(
+            ) : lookShowing && main === "records" ? /* @__PURE__ */ jsxs164("span", { className: "flex shrink-0 items-center gap-1", "data-view-look": "", "data-toolbar-fit": "look", title: LOOK_WORDS.yours, children: [
+              /* @__PURE__ */ jsx176("span", { className: "sr-only", children: LOOK_WORDS.yours }),
+              /* @__PURE__ */ jsx176("span", { "aria-hidden": "true", className: "h-1.5 w-1.5 shrink-0 rounded-full bg-primary" }),
+              lookSavable ? /* @__PURE__ */ jsx176(Button120, { size: "sm", variant: "outline", className: "h-8 px-2 text-xs", onClick: () => void saveLookToView(), "data-view-look-save": "", children: LOOK_WORDS.saveToView }) : null,
+              rights.write ? namingLook ? /* @__PURE__ */ jsxs164(
                 "form",
                 {
                   className: "flex items-center gap-1",
@@ -54221,7 +54395,7 @@ function TablePage({
                     void saveLookAsNewView(lookName);
                   },
                   children: [
-                    /* @__PURE__ */ jsx175(
+                    /* @__PURE__ */ jsx176(
                       Input12,
                       {
                         autoFocus: true,
@@ -54232,13 +54406,13 @@ function TablePage({
                         placeholder: "View name"
                       }
                     ),
-                    /* @__PURE__ */ jsx175(Button119, { size: "sm", type: "submit", className: "h-8 px-2 text-xs", disabled: lookName.trim() === "", children: "Save" })
+                    /* @__PURE__ */ jsx176(Button120, { size: "sm", type: "submit", className: "h-8 px-2 text-xs", disabled: lookName.trim() === "", children: "Save" })
                   ]
                 }
-              ) : /* @__PURE__ */ jsx175(Button119, { size: "sm", variant: "ghost", className: "h-8 px-2 text-xs", onClick: () => setNamingLook(true), "data-view-look-save-new": "", children: LOOK_WORDS.saveAsNew }) : null,
-              /* @__PURE__ */ jsx175(Button119, { size: "sm", variant: "ghost", className: "h-8 px-2 text-xs", onClick: () => void resetLook(), "data-view-look-reset": "", children: LOOK_WORDS.reset })
+              ) : /* @__PURE__ */ jsx176(Button120, { size: "sm", variant: "ghost", className: "h-8 px-2 text-xs", onClick: () => setNamingLook(true), "data-view-look-save-new": "", children: LOOK_WORDS.saveAsNew }) : null,
+              /* @__PURE__ */ jsx176(Button120, { size: "sm", variant: "ghost", className: "h-8 px-2 text-xs", onClick: () => void resetLook(), "data-view-look-reset": "", children: LOOK_WORDS.reset })
             ] }) : null,
-            /* @__PURE__ */ jsx175(
+            /* @__PURE__ */ jsx176(
               "div",
               {
                 ref: setToolbarSlot,
@@ -54260,9 +54434,9 @@ function TablePage({
                 "data-clipped": slotClipped
               }
             ),
-            rights.write && view && main === "records" && shownLayout !== "grid" ? /* @__PURE__ */ jsx175(Button119, { size: "sm", className: "shrink-0", onClick: () => show("new-record"), children: "New record" }) : null,
-            openedFromMenu ? /* @__PURE__ */ jsx175(
-              Button119,
+            rights.write && view && main === "records" && shownLayout !== "grid" ? /* @__PURE__ */ jsx176(Button120, { size: "sm", className: "shrink-0", onClick: () => show("new-record"), children: "New record" }) : null,
+            openedFromMenu ? /* @__PURE__ */ jsx176(
+              Button120,
               {
                 size: "sm",
                 variant: "secondary",
@@ -54274,19 +54448,19 @@ function TablePage({
                 children: openedFromMenu.label
               }
             ) : null,
-            header ? null : /* @__PURE__ */ jsx175("span", { className: "flex shrink-0 items-center gap-1", "data-table-page-actions": "", children: pageActions })
+            header ? null : /* @__PURE__ */ jsx176("span", { className: "flex shrink-0 items-center gap-1", "data-table-page-actions": "", children: pageActions })
           ]
         }
       ),
-      designateRefused ? /* @__PURE__ */ jsx175(RefusalNotice, { error: designateRefused }) : null,
-      viewSaveRefused ? /* @__PURE__ */ jsx175(
+      designateRefused ? /* @__PURE__ */ jsx176(RefusalNotice, { error: designateRefused }) : null,
+      viewSaveRefused ? /* @__PURE__ */ jsx176(
         RefusalNotice,
         {
           error: viewSaveRefused.error,
-          actions: /* @__PURE__ */ jsxs163("span", { className: "flex flex-wrap gap-1 pt-0.5", "data-view-save-refused": "", children: [
-            /* @__PURE__ */ jsx175(Button119, { size: "sm", variant: "outline", onClick: () => void patchView(viewSaveRefused.patch), children: "Try again" }),
-            /* @__PURE__ */ jsx175(
-              Button119,
+          actions: /* @__PURE__ */ jsxs164("span", { className: "flex flex-wrap gap-1 pt-0.5", "data-view-save-refused": "", children: [
+            /* @__PURE__ */ jsx176(Button120, { size: "sm", variant: "outline", onClick: () => void patchView(viewSaveRefused.patch), children: "Try again" }),
+            /* @__PURE__ */ jsx176(
+              Button120,
               {
                 size: "sm",
                 variant: "ghost",
@@ -54306,8 +54480,8 @@ function TablePage({
           ] })
         }
       ) : null,
-      lookRefused ? /* @__PURE__ */ jsx175(RefusalNotice, { error: lookRefused }) : null,
-      main === "dashboards" ? /* @__PURE__ */ jsx175(DashboardCanvas, { tableId, activeDashboardId: activeDashboardId ?? null }) : main === "questions" ? /* @__PURE__ */ jsx175(
+      lookRefused ? /* @__PURE__ */ jsx176(RefusalNotice, { error: lookRefused }) : null,
+      main === "dashboards" ? /* @__PURE__ */ jsx176(DashboardCanvas, { tableId, activeDashboardId: activeDashboardId ?? null }) : main === "questions" ? /* @__PURE__ */ jsx176(
         QuestionPanel,
         {
           tableId,
@@ -54319,7 +54493,7 @@ function TablePage({
            page returns to the records rather than leaving the person looking
            at a list the record is no longer in — and opens it, because the
            thing they just rescued is the thing they came for. */
-        /* @__PURE__ */ jsx175(
+        /* @__PURE__ */ jsx176(
           ArchivedView,
           {
             tableId,
@@ -54331,7 +54505,7 @@ function TablePage({
             }
           }
         )
-      ) : /* @__PURE__ */ jsx175(TableToolbarSlotContext.Provider, { value: toolbarSlot, children: /* @__PURE__ */ jsx175(TableToolbarFoldContext.Provider, { value: toolbarFold2, children: /* @__PURE__ */ jsx175(TableToolbarSheetExtrasContext.Provider, { value: sheetExtras, children: /* @__PURE__ */ jsxs163(
+      ) : /* @__PURE__ */ jsx176(TableToolbarSlotContext.Provider, { value: toolbarSlot, children: /* @__PURE__ */ jsx176(TableToolbarFoldContext.Provider, { value: toolbarFold2, children: /* @__PURE__ */ jsx176(TableToolbarSheetExtrasContext.Provider, { value: sheetExtras, children: /* @__PURE__ */ jsxs164(
         "div",
         {
           className: cn100(
@@ -54342,10 +54516,10 @@ function TablePage({
           ),
           "data-table-records": "",
           children: [
-            railUnknown ? /* @__PURE__ */ jsx175("p", { className: "rounded-md border border-amber-600/40 bg-amber-500/5 px-3 py-2 text-xs leading-relaxed text-amber-700 dark:border-amber-400/40 dark:text-amber-300", children: unknownRailLine(railUnknown) }) : null,
-            shareFromLink && rights.known && (!rights.share || !canShare) ? /* @__PURE__ */ jsx175("p", { className: "rounded-md border border-amber-600/40 bg-amber-500/5 px-3 py-2 text-xs leading-relaxed text-amber-700 dark:border-amber-400/40 dark:text-amber-300", children: canShare ? SHARE_NOT_YOURS_LINE : shareUnavailableReason() }) : null,
-            opened.unknown ? /* @__PURE__ */ jsx175("p", { className: "rounded-md border border-amber-600/40 bg-amber-500/5 px-3 py-2 text-xs leading-relaxed text-amber-700 dark:border-amber-400/40 dark:text-amber-300", children: unknownViewLine(opened.unknown) }) : null,
-            viewLinkMissed ? /* @__PURE__ */ jsx175(
+            railUnknown ? /* @__PURE__ */ jsx176("p", { className: "rounded-md border border-amber-600/40 bg-amber-500/5 px-3 py-2 text-xs leading-relaxed text-amber-700 dark:border-amber-400/40 dark:text-amber-300", children: unknownRailLine(railUnknown) }) : null,
+            shareFromLink && rights.known && (!rights.share || !canShare) ? /* @__PURE__ */ jsx176("p", { className: "rounded-md border border-amber-600/40 bg-amber-500/5 px-3 py-2 text-xs leading-relaxed text-amber-700 dark:border-amber-400/40 dark:text-amber-300", children: canShare ? SHARE_NOT_YOURS_LINE : shareUnavailableReason() }) : null,
+            opened.unknown ? /* @__PURE__ */ jsx176("p", { className: "rounded-md border border-amber-600/40 bg-amber-500/5 px-3 py-2 text-xs leading-relaxed text-amber-700 dark:border-amber-400/40 dark:text-amber-300", children: unknownViewLine(opened.unknown) }) : null,
+            viewLinkMissed ? /* @__PURE__ */ jsx176(
               "p",
               {
                 "data-records-view-link-missed": "",
@@ -54353,7 +54527,7 @@ function TablePage({
                 children: unknownSavedViewLine(view?.name ?? null)
               }
             ) : null,
-            cameFrom ? /* @__PURE__ */ jsx175(
+            cameFrom ? /* @__PURE__ */ jsx176(
               "p",
               {
                 "data-testid": "came-from-a-number",
@@ -54363,7 +54537,7 @@ function TablePage({
             ) : null,
             faceUnknown ? (
               /* REVIEW-FIX 10: a full page paints the rows this table showed last time (else fills). */
-              /* @__PURE__ */ jsx175(
+              /* @__PURE__ */ jsx176(
                 RecordsSkeleton,
                 {
                   layout: skeletonFace,
@@ -54371,7 +54545,7 @@ function TablePage({
                   ...embedded ? {} : { rows: rememberedRowCount(`${tableId}:page:last`, 100, "fill") }
                 }
               )
-            ) : /* @__PURE__ */ jsx175(
+            ) : /* @__PURE__ */ jsx176(
               ViewSwitcher,
               {
                 chooser: false,
@@ -54413,19 +54587,20 @@ function TablePage({
                 },
                 openRecordId: rail === "record" ? openRecord : null,
                 onCloseRecord: () => setRail("none"),
+                onRowsShown: setShownIds,
                 onAskWhoChanged: (fieldKey, recordId) => {
                   setAsking({ fieldKey, recordId });
                   setRail("who-changed");
                 }
               }
             ),
-            view || faceUnknown || views === void 0 || views !== null && views.length > 0 ? null : /* @__PURE__ */ jsx175("p", { className: "text-xs text-muted-foreground", children: VIEW_NOT_SAVED_YET })
+            view || faceUnknown || views === void 0 || views !== null && views.length > 0 ? null : /* @__PURE__ */ jsx176("p", { className: "text-xs text-muted-foreground", children: VIEW_NOT_SAVED_YET })
           ]
         }
       ) }) }) })
     ] }) }),
-    rail === "none" ? null : /* @__PURE__ */ jsxs163(RailFrame, { phone, title: RAIL_TITLE[rail], onClose: () => setRail("none"), children: [
-      rail === "settings" ? /* @__PURE__ */ jsx175(
+    rail === "none" ? null : /* @__PURE__ */ jsxs164(RailFrame, { phone, title: RAIL_TITLE[rail], onClose: () => setRail("none"), over: rail === "record" && recordExpanded, children: [
+      rail === "settings" ? /* @__PURE__ */ jsx176(
         TableSettings,
         {
           tableId,
@@ -54442,7 +54617,7 @@ function TablePage({
           } : void 0
         }
       ) : null,
-      rail === "inbox" ? /* @__PURE__ */ jsx175(
+      rail === "inbox" ? /* @__PURE__ */ jsx176(
         ActionInbox,
         {
           tableId,
@@ -54452,9 +54627,9 @@ function TablePage({
           }
         }
       ) : null,
-      rail === "forms" ? /* @__PURE__ */ jsx175(FormsPanel, { tableId, activeFormId: itemFor("forms") }) : null,
-      rail === "bookings" ? /* @__PURE__ */ jsx175(BookingSlots, { tableId, activeBookingId: itemFor("bookings") }) : null,
-      rail === "checklists" ? /* @__PURE__ */ jsx175(
+      rail === "forms" ? /* @__PURE__ */ jsx176(FormsPanel, { tableId, activeFormId: itemFor("forms") }) : null,
+      rail === "bookings" ? /* @__PURE__ */ jsx176(BookingSlots, { tableId, activeBookingId: itemFor("bookings") }) : null,
+      rail === "checklists" ? /* @__PURE__ */ jsx176(
         ChecklistsPanel,
         {
           tableId,
@@ -54464,12 +54639,12 @@ function TablePage({
           }
         }
       ) : null,
-      rail === "notifications" ? /* @__PURE__ */ jsx175(SubscriptionsPanel, { tableId, activeRuleId: itemFor("notifications") }) : null,
-      rail === "portals" ? /* @__PURE__ */ jsx175(PortalsPanel, { tableId, activePortalId: itemFor("portals") }) : null,
-      rail === "export" ? /* @__PURE__ */ jsx175(ExportMenu, { tableId, view: viewReading }) : null,
-      rail === "import" ? /* @__PURE__ */ jsx175(ImportWizard, { tableId, onWrote: () => setImportEpoch((n) => n + 1), onDone: () => setRail("none") }) : null,
-      rail === "field" ? /* @__PURE__ */ jsx175(FieldEditor, { tableId, onSaved: () => setRail("none"), onCancel: () => setRail("none") }) : null,
-      rail === "new-record" ? /* @__PURE__ */ jsx175(
+      rail === "notifications" ? /* @__PURE__ */ jsx176(SubscriptionsPanel, { tableId, activeRuleId: itemFor("notifications") }) : null,
+      rail === "portals" ? /* @__PURE__ */ jsx176(PortalsPanel, { tableId, activePortalId: itemFor("portals") }) : null,
+      rail === "export" ? /* @__PURE__ */ jsx176(ExportMenu, { tableId, view: viewReading }) : null,
+      rail === "import" ? /* @__PURE__ */ jsx176(ImportWizard, { tableId, onWrote: () => setImportEpoch((n) => n + 1), onDone: () => setRail("none") }) : null,
+      rail === "field" ? /* @__PURE__ */ jsx176(FieldEditor, { tableId, onSaved: () => setRail("none"), onCancel: () => setRail("none") }) : null,
+      rail === "new-record" ? /* @__PURE__ */ jsx176(
         RecordForm,
         {
           tableId,
@@ -54480,7 +54655,7 @@ function TablePage({
           onCancel: () => setRail("none")
         }
       ) : null,
-      rail === "who-changed" && asking ? /* @__PURE__ */ jsx175(
+      rail === "who-changed" && asking ? /* @__PURE__ */ jsx176(
         FieldHistoryPanel,
         {
           tableId,
@@ -54493,12 +54668,16 @@ function TablePage({
           }
         }
       ) : null,
-      rail === "record" && openRecord ? /* @__PURE__ */ jsx175(
+      rail === "record" && openRecord ? /* @__PURE__ */ jsx176(
         RecordPanel,
         {
           tableId,
           recordId: openRecord,
           onClose: () => setRail("none"),
+          neighbors: neighborsOf(shownIds, openRecord),
+          onStep: (to) => setOpenRecord(to),
+          expanded: recordExpanded,
+          onToggleExpand: () => setRecordExpanded((now) => !now),
           onAskAboutField: (fieldKey) => {
             setAsking({ fieldKey, recordId: openRecord });
             setRail("who-changed");
@@ -54540,9 +54719,9 @@ import { formatCount as formatCount8 } from "@ai-matrx/kit/format";
 import { TapTargetSearchGroup as TapTargetSearchGroup2, TooltipProvider } from "@ai-matrx/design-system";
 import { MatrxTableCardShowMore as MatrxTableCardShowMore3 } from "@ai-matrx/design-system/data-table";
 import { useEffect as useEffect125, useMemo as useMemo83, useRef as useRef65, useState as useState151 } from "react";
-import { Button as Button120, ErrorBox as ErrorBox9, Input as Input13, cn as cn101 } from "@ai-matrx/design-system";
+import { Button as Button121, ErrorBox as ErrorBox9, Input as Input13, cn as cn101 } from "@ai-matrx/design-system";
 import { SEED_FRESH_MS, useRecordsClient as useRecordsClient107, useSeededAnswerAt } from "@ai-matrx/records/react";
-import { Fragment as Fragment72, jsx as jsx176, jsxs as jsxs164 } from "react/jsx-runtime";
+import { Fragment as Fragment72, jsx as jsx177, jsxs as jsxs165 } from "react/jsx-runtime";
 var entityTitleColumn = entityNameColumn;
 function shown4(v) {
   if (v === null || v === void 0 || v === "") return "";
@@ -54558,9 +54737,9 @@ function EntityBoard({ entity, groupBy, cardFields, onOpenRecord, className }) {
   );
   const [refused, setRefused] = useState151(null);
   const [over, setOver] = useState151(null);
-  if (entity.error) return /* @__PURE__ */ jsx176("p", { className: "px-1 py-3 text-xs text-muted-foreground", children: `This board could not be read: ${entity.error}` });
+  if (entity.error) return /* @__PURE__ */ jsx177("p", { className: "px-1 py-3 text-xs text-muted-foreground", children: `This board could not be read: ${entity.error}` });
   if (!entity.loading && !column) {
-    return /* @__PURE__ */ jsx176("p", { className: "px-1 py-3 text-xs text-muted-foreground", children: `${entity.label ?? "This table"} has no choice column to make a board of.` });
+    return /* @__PURE__ */ jsx177("p", { className: "px-1 py-3 text-xs text-muted-foreground", children: `${entity.label ?? "This table"} has no choice column to make a board of.` });
   }
   if (!column) return null;
   const words2 = column.choices ?? [];
@@ -54578,10 +54757,10 @@ function EntityBoard({ entity, groupBy, cardFields, onOpenRecord, className }) {
     const says = await entity.update(id, column, to);
     if (says) setRefused({ to, says });
   };
-  return /* @__PURE__ */ jsx176("div", { className: cn101("flex min-h-40 gap-2 overflow-x-auto pb-1", className), "data-records-entity-board": column.key, children: lanes.map((lane) => {
+  return /* @__PURE__ */ jsx177("div", { className: cn101("flex min-h-40 gap-2 overflow-x-auto pb-1", className), "data-records-entity-board": column.key, children: lanes.map((lane) => {
     const cards = rowsOf2(lane.key);
     if (lane.key === "" && cards.length === 0) return null;
-    return /* @__PURE__ */ jsxs164(
+    return /* @__PURE__ */ jsxs165(
       "section",
       {
         "aria-label": lane.label,
@@ -54593,12 +54772,12 @@ function EntityBoard({ entity, groupBy, cardFields, onOpenRecord, className }) {
         onDragLeave: writable && lane.key ? () => setOver((o) => o === lane.key ? null : o) : void 0,
         onDrop: writable && lane.key ? (e) => void drop(e, lane.key) : void 0,
         children: [
-          /* @__PURE__ */ jsxs164("header", { className: "flex items-baseline gap-1.5 px-1 text-xs", children: [
-            /* @__PURE__ */ jsx176("span", { className: "truncate font-medium", children: lane.label }),
-            /* @__PURE__ */ jsx176("span", { className: "tabular-nums text-muted-foreground", children: cards.length })
+          /* @__PURE__ */ jsxs165("header", { className: "flex items-baseline gap-1.5 px-1 text-xs", children: [
+            /* @__PURE__ */ jsx177("span", { className: "truncate font-medium", children: lane.label }),
+            /* @__PURE__ */ jsx177("span", { className: "tabular-nums text-muted-foreground", children: cards.length })
           ] }),
-          refused && refused.to === lane.key ? /* @__PURE__ */ jsx176(ErrorBox9, { className: "rounded border border-destructive/40 px-1.5 py-1 text-xs text-destructive", message: refused.says, operation: "Move a card", origin: "records-ui/entityViews" }) : null,
-          cards.map((row) => /* @__PURE__ */ jsxs164(
+          refused && refused.to === lane.key ? /* @__PURE__ */ jsx177(ErrorBox9, { className: "rounded border border-destructive/40 px-1.5 py-1 text-xs text-destructive", message: refused.says, operation: "Move a card", origin: "records-ui/entityViews" }) : null,
+          cards.map((row) => /* @__PURE__ */ jsxs165(
             "article",
             {
               draggable: writable,
@@ -54609,8 +54788,8 @@ function EntityBoard({ entity, groupBy, cardFields, onOpenRecord, className }) {
               className: cn101("flex flex-col gap-0.5 rounded border bg-card px-2 py-1.5 text-xs shadow-sm", writable && "cursor-grab"),
               "data-records-entity-card": row._id,
               children: [
-                onOpenRecord ? /* @__PURE__ */ jsx176("button", { type: "button", className: "truncate text-left font-medium hover:underline", onClick: () => onOpenRecord(row._id), children: (title ? entityValueText(title, entityCellValue(row, title)) : shown4(row._id)) || "Untitled" }) : /* @__PURE__ */ jsx176("span", { className: "truncate font-medium", children: (title ? entityValueText(title, entityCellValue(row, title)) : shown4(row._id)) || "Untitled" }),
-                extra.map((c) => entityValueText(c, entityCellValue(row, c)) ? /* @__PURE__ */ jsx176("span", { className: "truncate text-muted-foreground", children: entityValueText(c, entityCellValue(row, c)) }, c.key) : null)
+                onOpenRecord ? /* @__PURE__ */ jsx177("button", { type: "button", className: "truncate text-left font-medium hover:underline", onClick: () => onOpenRecord(row._id), children: (title ? entityValueText(title, entityCellValue(row, title)) : shown4(row._id)) || "Untitled" }) : /* @__PURE__ */ jsx177("span", { className: "truncate font-medium", children: (title ? entityValueText(title, entityCellValue(row, title)) : shown4(row._id)) || "Untitled" }),
+                extra.map((c) => entityValueText(c, entityCellValue(row, c)) ? /* @__PURE__ */ jsx177("span", { className: "truncate text-muted-foreground", children: entityValueText(c, entityCellValue(row, c)) }, c.key) : null)
               ]
             },
             row._id
@@ -54661,9 +54840,9 @@ function EntityChartBlock({ source, kind, by, measure, title, where, organizatio
     };
   }, [client, ask2, kind, title]);
   if (!block) {
-    return /* @__PURE__ */ jsx176(RecordsSkeleton, { layout: "chart", embedded: variant === "bare", ...className ? { className } : {} });
+    return /* @__PURE__ */ jsx177(RecordsSkeleton, { layout: "chart", embedded: variant === "bare", ...className ? { className } : {} });
   }
-  return /* @__PURE__ */ jsx176(
+  return /* @__PURE__ */ jsx177(
     ChartBlock,
     {
       block,
@@ -54676,7 +54855,7 @@ function EntityChartBlock({ source, kind, by, measure, title, where, organizatio
   );
 }
 function EntityTablePage(props) {
-  return /* @__PURE__ */ jsx176(EntityDataScope, { children: /* @__PURE__ */ jsx176(EntityTablePageBody, { ...props }) });
+  return /* @__PURE__ */ jsx177(EntityDataScope, { children: /* @__PURE__ */ jsx177(EntityTablePageBody, { ...props }) });
 }
 function EntityTablePageBody({
   source,
@@ -54726,20 +54905,20 @@ function EntityTablePageBody({
     rowNoun: (entity.label ?? "record").toLowerCase(),
     enabled: layout === "grid"
   });
-  return /* @__PURE__ */ jsxs164("div", { className: cn101("flex min-w-0 flex-col gap-2", className), "data-records-entity-page": source.token, children: [
-    presentation === "page" || boardable || entity.creatable ? /* @__PURE__ */ jsxs164("div", { className: "flex min-w-0 items-center gap-2", children: [
-      presentation === "page" ? /* @__PURE__ */ jsx176("h2", { className: "truncate text-base font-semibold", children: entity.label ?? (entity.loading ? "Loading\u2026" : "Table") }) : null,
-      presentation === "page" ? /* @__PURE__ */ jsx176("span", { className: "text-xs tabular-nums text-muted-foreground", children: entity.loading || entity.total === null ? "" : formatCount8(entity.total) }) : null,
-      /* @__PURE__ */ jsxs164("span", { className: "ml-auto flex items-center gap-1", children: [
-        boardable ? /* @__PURE__ */ jsxs164(Fragment72, { children: [
-          /* @__PURE__ */ jsx176(Button120, { size: "sm", variant: layout === "grid" ? "secondary" : "ghost", "aria-pressed": layout === "grid", onClick: () => choose("grid"), children: "Table" }),
-          /* @__PURE__ */ jsx176(Button120, { size: "sm", variant: layout === "board" ? "secondary" : "ghost", "aria-pressed": layout === "board", onClick: () => choose("board"), children: "Board" })
+  return /* @__PURE__ */ jsxs165("div", { className: cn101("flex min-w-0 flex-col gap-2", className), "data-records-entity-page": source.token, children: [
+    presentation === "page" || boardable || entity.creatable ? /* @__PURE__ */ jsxs165("div", { className: "flex min-w-0 items-center gap-2", children: [
+      presentation === "page" ? /* @__PURE__ */ jsx177("h2", { className: "truncate text-base font-semibold", children: entity.label ?? (entity.loading ? "Loading\u2026" : "Table") }) : null,
+      presentation === "page" ? /* @__PURE__ */ jsx177("span", { className: "text-xs tabular-nums text-muted-foreground", children: entity.loading || entity.total === null ? "" : formatCount8(entity.total) }) : null,
+      /* @__PURE__ */ jsxs165("span", { className: "ml-auto flex items-center gap-1", children: [
+        boardable ? /* @__PURE__ */ jsxs165(Fragment72, { children: [
+          /* @__PURE__ */ jsx177(Button121, { size: "sm", variant: layout === "grid" ? "secondary" : "ghost", "aria-pressed": layout === "grid", onClick: () => choose("grid"), children: "Table" }),
+          /* @__PURE__ */ jsx177(Button121, { size: "sm", variant: layout === "board" ? "secondary" : "ghost", "aria-pressed": layout === "board", onClick: () => choose("board"), children: "Board" })
         ] }) : null,
-        entity.creatable && naming === null ? /* @__PURE__ */ jsx176(Button120, { size: "sm", variant: "ghost", onClick: () => {
+        entity.creatable && naming === null ? /* @__PURE__ */ jsx177(Button121, { size: "sm", variant: "ghost", onClick: () => {
           setAddRefused(null);
           setNaming("");
         }, children: "New page" }) : null,
-        entity.creatable && naming !== null ? /* @__PURE__ */ jsx176(
+        entity.creatable && naming !== null ? /* @__PURE__ */ jsx177(
           Input13,
           {
             autoFocus: true,
@@ -54769,9 +54948,9 @@ function EntityTablePageBody({
         actions
       ] })
     ] }) : null,
-    addRefused ? /* @__PURE__ */ jsx176(ErrorBox9, { className: "rounded border border-destructive/40 px-1.5 py-1 text-xs text-destructive", message: addRefused, operation: "Add a row", origin: "records-ui/entityViews" }) : null,
-    entity.error ? /* @__PURE__ */ jsx176("p", { className: "px-1 py-3 text-xs text-muted-foreground", children: `This table could not be read: ${entity.error}` }) : layout === "board" && boardable ? /* @__PURE__ */ jsx176(EntityBoard, { entity, groupBy, onOpenRecord }) : /* @__PURE__ */ jsxs164(Fragment72, { children: [
-      presentation === "embedded" && searchBox ? /* @__PURE__ */ jsx176("div", { className: "flex min-w-0 items-center justify-end", "data-records-entity-search": "", children: /* @__PURE__ */ jsx176(TooltipProvider, { children: /* @__PURE__ */ jsx176(
+    addRefused ? /* @__PURE__ */ jsx177(ErrorBox9, { className: "rounded border border-destructive/40 px-1.5 py-1 text-xs text-destructive", message: addRefused, operation: "Add a row", origin: "records-ui/entityViews" }) : null,
+    entity.error ? /* @__PURE__ */ jsx177("p", { className: "px-1 py-3 text-xs text-muted-foreground", children: `This table could not be read: ${entity.error}` }) : layout === "board" && boardable ? /* @__PURE__ */ jsx177(EntityBoard, { entity, groupBy, onOpenRecord }) : /* @__PURE__ */ jsxs165(Fragment72, { children: [
+      presentation === "embedded" && searchBox ? /* @__PURE__ */ jsx177("div", { className: "flex min-w-0 items-center justify-end", "data-records-entity-search": "", children: /* @__PURE__ */ jsx177(TooltipProvider, { children: /* @__PURE__ */ jsx177(
         TapTargetSearchGroup2,
         {
           surface: "solid",
@@ -54783,8 +54962,8 @@ function EntityTablePageBody({
           }
         }
       ) }) }) : null,
-      /* @__PURE__ */ jsx176(EntityGrid, { entity, pageSize, embedded: presentation === "embedded", ...drill ? { drill } : {} }),
-      entity.hasMore ? /* @__PURE__ */ jsx176(
+      /* @__PURE__ */ jsx177(EntityGrid, { entity, pageSize, embedded: presentation === "embedded", ...drill ? { drill } : {} }),
+      entity.hasMore ? /* @__PURE__ */ jsx177(
         MatrxTableCardShowMore3,
         {
           shown: entity.rows.length,
@@ -54798,12 +54977,12 @@ function EntityTablePageBody({
 }
 
 // src/TablePageSource.tsx
-import { jsx as jsx177 } from "react/jsx-runtime";
+import { jsx as jsx178 } from "react/jsx-runtime";
 function TablePage2(props) {
-  if (props.source === void 0) return /* @__PURE__ */ jsx177(TablePage, { ...props });
+  if (props.source === void 0) return /* @__PURE__ */ jsx178(TablePage, { ...props });
   const { source, layout, onLayoutChange, groupBy, onOpenRecord, ...rest } = props;
-  if (source.kind === "table") return /* @__PURE__ */ jsx177(TablePage, { ...rest, tableId: source.id });
-  return /* @__PURE__ */ jsx177(
+  if (source.kind === "table") return /* @__PURE__ */ jsx178(TablePage, { ...rest, tableId: source.id });
+  return /* @__PURE__ */ jsx178(
     EntityTablePage,
     {
       source,
@@ -54825,8 +55004,8 @@ function TablePage2(props) {
 import { useEffect as useEffect126, useMemo as useMemo84 } from "react";
 import { isEntityReferenceConfig } from "@ai-matrx/records";
 import { useFields as useFields40, useTable as useTable41 } from "@ai-matrx/records/react";
-import { BasicInput as BasicInput36, Button as Button121, CreatablePicker as CreatablePicker3, cn as cn102 } from "@ai-matrx/design-system";
-import { jsx as jsx178, jsxs as jsxs165 } from "react/jsx-runtime";
+import { BasicInput as BasicInput36, Button as Button122, CreatablePicker as CreatablePicker3, cn as cn102 } from "@ai-matrx/design-system";
+import { jsx as jsx179, jsxs as jsxs166 } from "react/jsx-runtime";
 var DATA_BINDING_SHAPES = [
   { value: "collection", label: "The whole table" },
   { value: "reference", label: "One record" },
@@ -54893,9 +55072,9 @@ function DataBindingPicker({ dataSource, userId, binding, onChange, disabled, de
       ...binding.semantic_type === "collection" && defaultRowLimit ? { limit: defaultRowLimit } : {}
     });
   };
-  return /* @__PURE__ */ jsxs165("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ jsx178(TablePicker, { dataSource, value: tableId, onChange: selectTable, disabled: Boolean(disabled), tables }),
-    /* @__PURE__ */ jsx178(TableScope, { dataSource, userId, tableId, tables, children: tableId && /* @__PURE__ */ jsx178(
+  return /* @__PURE__ */ jsxs166("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ jsx179(TablePicker, { dataSource, value: tableId, onChange: selectTable, disabled: Boolean(disabled), tables }),
+    /* @__PURE__ */ jsx179(TableScope, { dataSource, userId, tableId, tables, children: tableId && /* @__PURE__ */ jsx179(
       BindingDetails,
       {
         tableId,
@@ -54959,9 +55138,9 @@ function BindingDetails({
   const fieldOptions = fieldList.map((f) => ({ value: f.key, label: fieldName(f) }));
   const template = binding.transform?.template ?? "";
   const setTemplate = (next) => onChange({ ...binding, transform: { join: "\n", ...binding.transform, name: "list", template: next } });
-  return /* @__PURE__ */ jsxs165("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ jsx178("div", { className: "flex flex-wrap gap-1", role: "radiogroup", "aria-label": "What to read", children: DATA_BINDING_SHAPES.map((s) => /* @__PURE__ */ jsx178(
-      Button121,
+  return /* @__PURE__ */ jsxs166("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ jsx179("div", { className: "flex flex-wrap gap-1", role: "radiogroup", "aria-label": "What to read", children: DATA_BINDING_SHAPES.map((s) => /* @__PURE__ */ jsx179(
+      Button122,
       {
         type: "button",
         size: "sm",
@@ -54974,7 +55153,7 @@ function BindingDetails({
       },
       s.value
     )) }),
-    shape !== "collection" && /* @__PURE__ */ jsx178(
+    shape !== "collection" && /* @__PURE__ */ jsx179(
       RecordPicker,
       {
         tableId,
@@ -54983,7 +55162,7 @@ function BindingDetails({
         disabled: Boolean(disabled)
       }
     ),
-    shape === "value" && /* @__PURE__ */ jsx178(
+    shape === "value" && /* @__PURE__ */ jsx179(
       CreatablePicker3,
       {
         value: binding.field_key ?? null,
@@ -54997,8 +55176,8 @@ function BindingDetails({
         ariaLabel: "Column"
       }
     ),
-    shape !== "value" && /* @__PURE__ */ jsxs165("div", { className: "flex flex-col gap-1", children: [
-      /* @__PURE__ */ jsx178(
+    shape !== "value" && /* @__PURE__ */ jsxs166("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx179(
         "textarea",
         {
           className: cn102(
@@ -55010,8 +55189,8 @@ function BindingDetails({
           onChange: (e) => setTemplate(e.target.value)
         }
       ),
-      !disabled && /* @__PURE__ */ jsx178("div", { className: "flex flex-wrap gap-1", children: fieldList.flatMap(bindingPlaceholdersFor).map((p) => /* @__PURE__ */ jsx178(
-        Button121,
+      !disabled && /* @__PURE__ */ jsx179("div", { className: "flex flex-wrap gap-1", children: fieldList.flatMap(bindingPlaceholdersFor).map((p) => /* @__PURE__ */ jsx179(
+        Button122,
         {
           type: "button",
           size: "sm",
@@ -55023,9 +55202,9 @@ function BindingDetails({
         p.token
       )) })
     ] }),
-    shape === "collection" && /* @__PURE__ */ jsxs165("label", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
+    shape === "collection" && /* @__PURE__ */ jsxs166("label", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
       "Up to",
-      /* @__PURE__ */ jsx178(
+      /* @__PURE__ */ jsx179(
         BasicInput36,
         {
           type: "number",
@@ -55042,10 +55221,10 @@ function BindingDetails({
       ),
       "rows"
     ] }),
-    /* @__PURE__ */ jsxs165("div", { className: "flex flex-wrap items-center gap-1", role: "radiogroup", "aria-label": "If nothing is found", children: [
-      /* @__PURE__ */ jsx178("span", { className: "text-xs text-muted-foreground", children: "If nothing is found" }),
-      DATA_BINDING_MISSING.map((m) => /* @__PURE__ */ jsx178(
-        Button121,
+    /* @__PURE__ */ jsxs166("div", { className: "flex flex-wrap items-center gap-1", role: "radiogroup", "aria-label": "If nothing is found", children: [
+      /* @__PURE__ */ jsx179("span", { className: "text-xs text-muted-foreground", children: "If nothing is found" }),
+      DATA_BINDING_MISSING.map((m) => /* @__PURE__ */ jsx179(
+        Button122,
         {
           type: "button",
           size: "sm",
@@ -55064,13 +55243,13 @@ function BindingDetails({
 
 // src/PickedSummaries.tsx
 import { useFields as useFields41, useRecord as useRecord6, useTable as useTable42 } from "@ai-matrx/records/react";
-import { Fragment as Fragment73, jsx as jsx179, jsxs as jsxs166 } from "react/jsx-runtime";
+import { Fragment as Fragment73, jsx as jsx180, jsxs as jsxs167 } from "react/jsx-runtime";
 function TableNameText({ dataSource, tableId }) {
   const tables = useTablesAnywhere(dataSource);
-  if (!tableId) return /* @__PURE__ */ jsx179(Fragment73, { children: "\u2014" });
-  if (tables.loading) return /* @__PURE__ */ jsx179(Fragment73, { children: "\u2026" });
-  if (tables.error) return /* @__PURE__ */ jsx179(Fragment73, { children: "Couldn't load the table's name" });
-  return /* @__PURE__ */ jsx179(Fragment73, { children: tables.rows.find((t) => t.table_id === tableId)?.table_name ?? "\u2014" });
+  if (!tableId) return /* @__PURE__ */ jsx180(Fragment73, { children: "\u2014" });
+  if (tables.loading) return /* @__PURE__ */ jsx180(Fragment73, { children: "\u2026" });
+  if (tables.error) return /* @__PURE__ */ jsx180(Fragment73, { children: "Couldn't load the table's name" });
+  return /* @__PURE__ */ jsx180(Fragment73, { children: tables.rows.find((t) => t.table_id === tableId)?.table_name ?? "\u2014" });
 }
 function ColumnValuesText({
   dataSource,
@@ -55078,38 +55257,38 @@ function ColumnValuesText({
   tableId,
   value
 }) {
-  if (!tableId) return /* @__PURE__ */ jsx179(Fragment73, { children: "\u2014" });
-  return /* @__PURE__ */ jsx179(
+  if (!tableId) return /* @__PURE__ */ jsx180(Fragment73, { children: "\u2014" });
+  return /* @__PURE__ */ jsx180(
     TableScope,
     {
       dataSource,
       userId,
       tableId,
-      fallback: /* @__PURE__ */ jsx179(Fragment73, { children: "\u2026" }),
-      unavailable: /* @__PURE__ */ jsx179(Fragment73, { children: "Couldn't load this table's columns" }),
-      children: /* @__PURE__ */ jsx179(RecordLabelProvider, { children: /* @__PURE__ */ jsx179(ColumnValuesWords, { tableId, value }) })
+      fallback: /* @__PURE__ */ jsx180(Fragment73, { children: "\u2026" }),
+      unavailable: /* @__PURE__ */ jsx180(Fragment73, { children: "Couldn't load this table's columns" }),
+      children: /* @__PURE__ */ jsx180(RecordLabelProvider, { children: /* @__PURE__ */ jsx180(ColumnValuesWords, { tableId, value }) })
     }
   );
 }
 function ColumnValuesWords({ tableId, value }) {
   const fields = useFields41(tableId);
   const labels = useRecordLabels(fields.data ?? void 0);
-  if (fields.loading) return /* @__PURE__ */ jsx179(Fragment73, { children: "\u2026" });
-  if (fields.error) return /* @__PURE__ */ jsx179(Fragment73, { children: "Couldn't load this table's columns" });
+  if (fields.loading) return /* @__PURE__ */ jsx180(Fragment73, { children: "\u2026" });
+  if (fields.error) return /* @__PURE__ */ jsx180(Fragment73, { children: "Couldn't load this table's columns" });
   const parts = [];
   for (const [key, stored] of Object.entries(value)) {
     if (key.startsWith("_")) continue;
     const field2 = (fields.data ?? []).find((f) => f.key === key);
-    if (parts.length) parts.push(/* @__PURE__ */ jsx179("span", { children: ", " }, `${key}-sep`));
+    if (parts.length) parts.push(/* @__PURE__ */ jsx180("span", { children: ", " }, `${key}-sep`));
     parts.push(
-      /* @__PURE__ */ jsxs166("span", { children: [
+      /* @__PURE__ */ jsxs167("span", { children: [
         field2 ? fieldName(field2) : "A removed column",
         " is ",
         field2 ? renderValue(field2, stored, void 0, labels) : "\u2014"
       ] }, key)
     );
   }
-  return parts.length ? /* @__PURE__ */ jsx179(Fragment73, { children: parts }) : /* @__PURE__ */ jsx179(Fragment73, { children: "\u2014" });
+  return parts.length ? /* @__PURE__ */ jsx180(Fragment73, { children: parts }) : /* @__PURE__ */ jsx180(Fragment73, { children: "\u2014" });
 }
 function RecordNameText({
   dataSource,
@@ -55117,35 +55296,35 @@ function RecordNameText({
   tableId,
   recordId
 }) {
-  if (!tableId || !recordId) return /* @__PURE__ */ jsx179(Fragment73, { children: "\u2014" });
-  return /* @__PURE__ */ jsx179(
+  if (!tableId || !recordId) return /* @__PURE__ */ jsx180(Fragment73, { children: "\u2014" });
+  return /* @__PURE__ */ jsx180(
     TableScope,
     {
       dataSource,
       userId,
       tableId,
-      fallback: /* @__PURE__ */ jsx179(Fragment73, { children: "\u2026" }),
-      unavailable: /* @__PURE__ */ jsx179(Fragment73, { children: "Couldn't load this record" }),
-      children: /* @__PURE__ */ jsx179(RecordNameWords, { tableId, recordId })
+      fallback: /* @__PURE__ */ jsx180(Fragment73, { children: "\u2026" }),
+      unavailable: /* @__PURE__ */ jsx180(Fragment73, { children: "Couldn't load this record" }),
+      children: /* @__PURE__ */ jsx180(RecordNameWords, { tableId, recordId })
     }
   );
 }
 function RecordNameWords({ tableId, recordId }) {
   const table = useTable42(tableId);
   const record = useRecord6(recordId);
-  if (record.loading || table.loading) return /* @__PURE__ */ jsx179(Fragment73, { children: "\u2026" });
-  if (record.error) return /* @__PURE__ */ jsx179(Fragment73, { children: "Couldn't load this record" });
-  if (!record.data) return /* @__PURE__ */ jsx179(Fragment73, { children: "A record you cannot open" });
-  return /* @__PURE__ */ jsx179(Fragment73, { children: recordName(record.data.document, table.data?.title_field ?? null) });
+  if (record.loading || table.loading) return /* @__PURE__ */ jsx180(Fragment73, { children: "\u2026" });
+  if (record.error) return /* @__PURE__ */ jsx180(Fragment73, { children: "Couldn't load this record" });
+  if (!record.data) return /* @__PURE__ */ jsx180(Fragment73, { children: "A record you cannot open" });
+  return /* @__PURE__ */ jsx180(Fragment73, { children: recordName(record.data.document, table.data?.title_field ?? null) });
 }
 
 // src/HeldChangeDecision.tsx
 import { useEffect as useEffect127, useState as useState152 } from "react";
 import { RecordsProvider as RecordsProvider3, useRecordsClient as useRecordsClient108 } from "@ai-matrx/records/react";
-import { Button as Button122 } from "@ai-matrx/design-system";
-import { jsx as jsx180, jsxs as jsxs167 } from "react/jsx-runtime";
+import { Button as Button123 } from "@ai-matrx/design-system";
+import { jsx as jsx181, jsxs as jsxs168 } from "react/jsx-runtime";
 function HeldChangeDecision({ dataSource, userId, organizationId, approvalId, onDecided, approveLabel }) {
-  return /* @__PURE__ */ jsx180(RecordsProvider3, { config: { dataSource, actor: personActor(userId), organizationId }, children: /* @__PURE__ */ jsx180(Decision, { approvalId, onDecided, approveLabel: approveLabel ?? "Approve" }) });
+  return /* @__PURE__ */ jsx181(RecordsProvider3, { config: { dataSource, actor: personActor(userId), organizationId }, children: /* @__PURE__ */ jsx181(Decision, { approvalId, onDecided, approveLabel: approveLabel ?? "Approve" }) });
 }
 function Decision({
   approvalId,
@@ -55178,20 +55357,20 @@ function Decision({
     if (res.ok) onDecided(approve);
     else setError(res.error);
   };
-  if (may === null) return /* @__PURE__ */ jsx180("p", { className: "text-xs text-muted-foreground", children: "Checking who can decide\u2026" });
-  return /* @__PURE__ */ jsxs167("div", { className: "flex flex-col gap-1.5", children: [
-    may ? /* @__PURE__ */ jsxs167("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ jsx180(Button122, { type: "button", size: "sm", disabled: busy !== null, onClick: () => void decide(true), children: busy === "approve" ? "Approving\u2026" : approveLabel }),
-      /* @__PURE__ */ jsx180(Button122, { type: "button", size: "sm", variant: "outline", disabled: busy !== null, onClick: () => void decide(false), children: busy === "refuse" ? "Refusing\u2026" : "Refuse" })
-    ] }) : !error && /* @__PURE__ */ jsx180("p", { className: "text-xs text-muted-foreground", children: "An owner or admin of this organization decides this." }),
-    error ? /* @__PURE__ */ jsx180(RefusalLine, { error }) : null
+  if (may === null) return /* @__PURE__ */ jsx181("p", { className: "text-xs text-muted-foreground", children: "Checking who can decide\u2026" });
+  return /* @__PURE__ */ jsxs168("div", { className: "flex flex-col gap-1.5", children: [
+    may ? /* @__PURE__ */ jsxs168("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx181(Button123, { type: "button", size: "sm", disabled: busy !== null, onClick: () => void decide(true), children: busy === "approve" ? "Approving\u2026" : approveLabel }),
+      /* @__PURE__ */ jsx181(Button123, { type: "button", size: "sm", variant: "outline", disabled: busy !== null, onClick: () => void decide(false), children: busy === "refuse" ? "Refusing\u2026" : "Refuse" })
+    ] }) : !error && /* @__PURE__ */ jsx181("p", { className: "text-xs text-muted-foreground", children: "An owner or admin of this organization decides this." }),
+    error ? /* @__PURE__ */ jsx181(RefusalLine, { error }) : null
   ] });
 }
 
 // src/CalendarLinks.tsx
 import { useCallback as useCallback71, useEffect as useEffect128, useState as useState153 } from "react";
-import { Button as Button123 } from "@ai-matrx/design-system";
-import { jsx as jsx181, jsxs as jsxs168 } from "react/jsx-runtime";
+import { Button as Button124 } from "@ai-matrx/design-system";
+import { jsx as jsx182, jsxs as jsxs169 } from "react/jsx-runtime";
 var day = (iso) => iso ? new Date(iso).toLocaleDateString(void 0, { year: "numeric", month: "short", day: "numeric" }) : null;
 function CalendarLinks({ port }) {
   const [rows, setRows] = useState153(null);
@@ -55216,15 +55395,15 @@ function CalendarLinks({ port }) {
       setError(asRefusal3(e, "That didn\u2019t work"));
     }
   };
-  if (rows === null && !error) return /* @__PURE__ */ jsx181("p", { className: "text-sm text-muted-foreground", "data-calendar-links-loading": "", children: "Reading your links\u2026" });
-  return /* @__PURE__ */ jsxs168("div", { className: "flex flex-col gap-2", "data-calendar-links": "", children: [
-    error ? /* @__PURE__ */ jsx181(RefusalNotice, { error }) : null,
-    rows && rows.length === 0 ? /* @__PURE__ */ jsx181("p", { className: "text-sm text-muted-foreground", children: "No calendar links yet." }) : null,
-    rows?.map((row) => /* @__PURE__ */ jsxs168("div", { className: "flex flex-col gap-2 rounded-md border px-3 py-2", "data-calendar-link-row": row.id, children: [
-      /* @__PURE__ */ jsxs168("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [
-        /* @__PURE__ */ jsxs168("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ jsx181("div", { className: "truncate text-sm font-medium", children: row.title }),
-          /* @__PURE__ */ jsxs168("div", { className: "text-xs text-muted-foreground", children: [
+  if (rows === null && !error) return /* @__PURE__ */ jsx182("p", { className: "text-sm text-muted-foreground", "data-calendar-links-loading": "", children: "Reading your links\u2026" });
+  return /* @__PURE__ */ jsxs169("div", { className: "flex flex-col gap-2", "data-calendar-links": "", children: [
+    error ? /* @__PURE__ */ jsx182(RefusalNotice, { error }) : null,
+    rows && rows.length === 0 ? /* @__PURE__ */ jsx182("p", { className: "text-sm text-muted-foreground", children: "No calendar links yet." }) : null,
+    rows?.map((row) => /* @__PURE__ */ jsxs169("div", { className: "flex flex-col gap-2 rounded-md border px-3 py-2", "data-calendar-link-row": row.id, children: [
+      /* @__PURE__ */ jsxs169("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [
+        /* @__PURE__ */ jsxs169("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx182("div", { className: "truncate text-sm font-medium", children: row.title }),
+          /* @__PURE__ */ jsxs169("div", { className: "text-xs text-muted-foreground", children: [
             "Made ",
             day(row.created_at),
             " \xB7 ",
@@ -55233,9 +55412,9 @@ function CalendarLinks({ port }) {
             row.expired ? "Expired" : row.expires_at ? `Expires ${day(row.expires_at)}` : "Never expires"
           ] })
         ] }),
-        /* @__PURE__ */ jsxs168("div", { className: "flex shrink-0 gap-2", children: [
-          /* @__PURE__ */ jsx181(
-            Button123,
+        /* @__PURE__ */ jsxs169("div", { className: "flex shrink-0 gap-2", children: [
+          /* @__PURE__ */ jsx182(
+            Button124,
             {
               size: "sm",
               variant: "outline",
@@ -55248,8 +55427,8 @@ function CalendarLinks({ port }) {
               children: "Rotate"
             }
           ),
-          /* @__PURE__ */ jsx181(
-            Button123,
+          /* @__PURE__ */ jsx182(
+            Button124,
             {
               size: "sm",
               variant: "outline",
@@ -55264,7 +55443,7 @@ function CalendarLinks({ port }) {
           )
         ] })
       ] }),
-      fresh?.id === row.id ? /* @__PURE__ */ jsx181(CalendarLinkOnce, { url: fresh.url }) : null
+      fresh?.id === row.id ? /* @__PURE__ */ jsx182(CalendarLinkOnce, { url: fresh.url }) : null
     ] }, row.id))
   ] });
 }
@@ -55274,7 +55453,7 @@ import { useEffect as useEffect129, useMemo as useMemo85, useState as useState15
 import { templatePreview } from "@ai-matrx/records/memory";
 import { useRecordsClient as useRecordsClient109 } from "@ai-matrx/records/react";
 import { formFromSummary as formFromSummary3 } from "@ai-matrx/records/forms";
-import { jsx as jsx182, jsxs as jsxs169 } from "react/jsx-runtime";
+import { jsx as jsx183, jsxs as jsxs170 } from "react/jsx-runtime";
 function useTemplatePreview(spec, today) {
   return useMemo85(() => templatePreview(spec, today ? { today } : {}), [spec, today]);
 }
@@ -55285,9 +55464,9 @@ function TemplatePreview({ spec, today, initialTable, host, aside, booking, clas
   const [active, setActive] = useState154(first?.id ?? null);
   const table = preview.tables.find((t) => t.id === active) ?? first;
   if (!table) return null;
-  return /* @__PURE__ */ jsxs169("div", { className: ["flex min-w-0 flex-col gap-3", className].filter(Boolean).join(" "), "data-template-preview": preview.tables.length, children: [
-    preview.tables.length > 1 || aside ? /* @__PURE__ */ jsxs169("div", { className: "flex min-w-0 flex-wrap items-center gap-1.5", role: "tablist", "aria-label": "Tables", children: [
-      preview.tables.map((t) => /* @__PURE__ */ jsxs169(
+  return /* @__PURE__ */ jsxs170("div", { className: ["flex min-w-0 flex-col gap-3", className].filter(Boolean).join(" "), "data-template-preview": preview.tables.length, children: [
+    preview.tables.length > 1 || aside ? /* @__PURE__ */ jsxs170("div", { className: "flex min-w-0 flex-wrap items-center gap-1.5", role: "tablist", "aria-label": "Tables", children: [
+      preview.tables.map((t) => /* @__PURE__ */ jsxs170(
         "button",
         {
           type: "button",
@@ -55301,19 +55480,19 @@ function TemplatePreview({ spec, today, initialTable, host, aside, booking, clas
           ].join(" "),
           children: [
             t.name,
-            /* @__PURE__ */ jsx182("span", { className: "text-xs tabular-nums text-muted-foreground", children: t.rows })
+            /* @__PURE__ */ jsx183("span", { className: "text-xs tabular-nums text-muted-foreground", children: t.rows })
           ]
         },
         t.id
       )),
-      aside ? /* @__PURE__ */ jsx182("div", { className: "ml-auto", children: aside }) : null
+      aside ? /* @__PURE__ */ jsx183("div", { className: "ml-auto", children: aside }) : null
     ] }) : null,
-    /* @__PURE__ */ jsxs169(RecordsMount, { config: preview.config, host: bound2, children: [
-      /* @__PURE__ */ jsx182("div", { className: "min-h-[32rem] min-w-0 overflow-hidden rounded-xl border border-border bg-card", children: /* @__PURE__ */ jsx182(TablePage, { tableId: table.id }, table.id) }),
-      /* @__PURE__ */ jsx182(PreviewForms, { preview, booking }),
-      preview.dashboards.length ? /* @__PURE__ */ jsxs169("section", { className: "flex min-w-0 flex-col gap-3", "aria-label": "Dashboards", "data-template-preview-dashboards": preview.dashboards.length, children: [
-        /* @__PURE__ */ jsx182("h2", { className: "text-lg font-semibold tracking-tight", children: "Dashboards" }),
-        preview.dashboards.map((d) => /* @__PURE__ */ jsx182("div", { className: "min-w-0 overflow-hidden rounded-xl border border-border bg-card p-3", "data-template-preview-dashboard": d.token, children: /* @__PURE__ */ jsx182(DashboardCanvas, { tableId: d.tableId, activeDashboardId: d.id }) }, d.id))
+    /* @__PURE__ */ jsxs170(RecordsMount, { config: preview.config, host: bound2, children: [
+      /* @__PURE__ */ jsx183("div", { className: "min-h-[32rem] min-w-0 overflow-hidden rounded-xl border border-border bg-card", children: /* @__PURE__ */ jsx183(TablePage, { tableId: table.id }, table.id) }),
+      /* @__PURE__ */ jsx183(PreviewForms, { preview, booking }),
+      preview.dashboards.length ? /* @__PURE__ */ jsxs170("section", { className: "flex min-w-0 flex-col gap-3", "aria-label": "Dashboards", "data-template-preview-dashboards": preview.dashboards.length, children: [
+        /* @__PURE__ */ jsx183("h2", { className: "text-lg font-semibold tracking-tight", children: "Dashboards" }),
+        preview.dashboards.map((d) => /* @__PURE__ */ jsx183("div", { className: "min-w-0 overflow-hidden rounded-xl border border-border bg-card p-3", "data-template-preview-dashboard": d.token, children: /* @__PURE__ */ jsx183(DashboardCanvas, { tableId: d.tableId, activeDashboardId: d.id }) }, d.id))
       ] }) : null
     ] })
   ] });
@@ -55341,14 +55520,14 @@ function PreviewForms({ preview, booking }) {
     };
   }, [client, preview, booking]);
   if (!forms?.length && !pages.length) return null;
-  return /* @__PURE__ */ jsxs169("section", { className: "flex min-w-0 flex-col gap-3", "aria-label": "Forms and booking", "data-template-preview-forms": forms?.length ?? 0, children: [
-    /* @__PURE__ */ jsx182("h2", { className: "text-lg font-semibold tracking-tight", children: "Forms and booking" }),
-    /* @__PURE__ */ jsx182("div", { className: "grid min-w-0 gap-4 md:grid-cols-2", children: (forms ?? []).map((f) => /* @__PURE__ */ jsxs169("div", { className: "min-w-0 rounded-xl border border-border bg-card p-4", "data-template-preview-form": f.slug ?? f.id, children: [
-      /* @__PURE__ */ jsx182("h3", { className: "mb-3 text-sm font-semibold", children: f.name }),
-      /* @__PURE__ */ jsx182(FormRunner, { form: f, preview: true })
+  return /* @__PURE__ */ jsxs170("section", { className: "flex min-w-0 flex-col gap-3", "aria-label": "Forms and booking", "data-template-preview-forms": forms?.length ?? 0, children: [
+    /* @__PURE__ */ jsx183("h2", { className: "text-lg font-semibold tracking-tight", children: "Forms and booking" }),
+    /* @__PURE__ */ jsx183("div", { className: "grid min-w-0 gap-4 md:grid-cols-2", children: (forms ?? []).map((f) => /* @__PURE__ */ jsxs170("div", { className: "min-w-0 rounded-xl border border-border bg-card p-4", "data-template-preview-form": f.slug ?? f.id, children: [
+      /* @__PURE__ */ jsx183("h3", { className: "mb-3 text-sm font-semibold", children: f.name }),
+      /* @__PURE__ */ jsx183(FormRunner, { form: f, preview: true })
     ] }, f.id)) }),
-    booking ? pages.map((p) => /* @__PURE__ */ jsxs169("div", { className: "min-w-0 rounded-xl border border-border bg-card p-4", "data-template-preview-booking": p.id, children: [
-      /* @__PURE__ */ jsx182("h3", { className: "mb-3 text-sm font-semibold", children: String(p.page["title"] ?? "") }),
+    booking ? pages.map((p) => /* @__PURE__ */ jsxs170("div", { className: "min-w-0 rounded-xl border border-border bg-card p-4", "data-template-preview-booking": p.id, children: [
+      /* @__PURE__ */ jsx183("h3", { className: "mb-3 text-sm font-semibold", children: String(p.page["title"] ?? "") }),
       booking(p.page)
     ] }, p.id)) : null
   ] });