@ai-matrx/records-ui 0.90.2 → 0.92.0

package/dist/index.cjs

@@ -67,7 +67,7 @@ __export(src_exports, {
   ConditionGroup: () => ConditionGroup,
   ConditionRow: () => ConditionRow,
   CustomFieldsSection: () => CustomFieldsSection,
-  DEFAULT_FIELDS: () => import_core12.DEFAULT_FIELDS,
+  DEFAULT_FIELDS: () => import_core15.DEFAULT_FIELDS,
   DEFAULT_FOOTER: () => DEFAULT_FOOTER,
   DEFAULT_VIEW_NAME: () => DEFAULT_VIEW_NAME,
   DUE_STATE_LABEL: () => DUE_STATE_LABEL,
@@ -221,7 +221,7 @@ __export(src_exports, {
   WithheldValue: () => WithheldValue,
   actorBadge: () => actorBadge,
   actorWords: () => actorWords,
-  addFields: () => import_core12.addFields,
+  addFields: () => import_core15.addFields,
   applyLook: () => applyLook,
   archiveConfirmSentence: () => archiveConfirmSentence,
   archivedRowLine: () => archivedRowLine,
@@ -250,7 +250,7 @@ __export(src_exports, {
   dashboardFromSummary: () => dashboardFromSummary,
   dateFormatFor: () => dateFormatFor,
   dateText: () => dateText,
-  declareTable: () => import_core12.declareTable,
+  declareTable: () => import_core15.declareTable,
   declareView: () => declareView,
   defaultViewOf: () => defaultViewOf,
   designatedLayoutOf: () => designatedLayoutOf,
@@ -258,7 +258,7 @@ __export(src_exports, {
   ensureSystemTable: () => ensureSystemTable,
   entityReferenceSpec: () => entityReferenceSpec,
   envelopeFor: () => envelopeFor,
-  fieldDeclarationFor: () => import_core12.fieldDeclarationFor,
+  fieldDeclarationFor: () => import_core15.fieldDeclarationFor,
   fieldIsEditable: () => fieldIsEditable,
   fieldName: () => fieldName,
   fieldToken: () => fieldToken,
@@ -346,7 +346,7 @@ __export(src_exports, {
   tableName: () => tableName,
   tableOpening: () => tableOpening,
   tableRightsAt: () => tableRightsAt,
-  tokenFor: () => import_core12.tokenFor,
+  tokenFor: () => import_core15.tokenFor,
   unknownRailLine: () => unknownRailLine,
   unknownViewLine: () => unknownViewLine,
   useCanShare: () => useCanShare,
@@ -677,6 +677,7 @@ function humanize(token) {
 }
 function fieldName(field2) {
   const label = (field2.label ?? "").trim();
+  if (label !== "" && label === field2.key && /^[a-z0-9]+(?:[_.-][a-z0-9]+)+$/.test(label)) return humanize(label);
   if (label !== "") return label;
   const name = (field2.name ?? "").trim();
   if (name !== "") return name;
@@ -1090,9 +1091,9 @@ function parityTypesWithNoExplanation() {
 function kindsWithNoChoice() {
   return import_records2.DECLARABLE_FIELD_KINDS.map((row) => row.kind).filter((kind) => !BY_ID.has(kind));
 }
-var ADD_FIELD_OPEN_LABEL = "Add field";
-var ADD_FIELD_SAVE_LABEL = "Create field";
-var EDIT_FIELD_SAVE_LABEL = "Save field";
+var ADD_FIELD_OPEN_LABEL = "Add column";
+var ADD_FIELD_SAVE_LABEL = "Create column";
+var EDIT_FIELD_SAVE_LABEL = "Save column";
 
 // src/parity.ts
 var kernelId = (name) => import_records3.KERNEL_TABLES.find((t) => t.name === name)?.id ?? "";
@@ -2016,7 +2017,7 @@ function rich(id, text, raw, format) {
     case "url":
       return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("a", { href: text.includes("://") ? text : `https://${text}`, target: "_blank", rel: "noopener noreferrer", className: LINK, onClick: own, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "truncate", children: text }) });
     case "phone":
-      return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("a", { href: `tel:${text.replace(/[^\d+]/g, "")}`, className: LINK, onClick: own, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "truncate", children: text }) });
+      return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("a", { href: `tel:${text.replace(/[^\d+]/g, "")}`, className: LINK, onClick: own, title: text, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "truncate tabular-nums", children: formatPhone(text) }) });
     case "address":
       return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
         "a",
@@ -2081,6 +2082,26 @@ function FormattedValue({
   if (!result.ok || result.empty || !def?.rich) return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_data_table2.FormattedCell, { result });
   return rich(def.id, result.text, value, format) ?? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_data_table2.FormattedCell, { result });
 }
+function formatPhone(raw) {
+  const text = raw.trim();
+  const digits = text.replace(/\D/g, "");
+  if (/[a-z]/i.test(text.replace(/ext\.?|x/gi, ""))) return text;
+  if (digits.length === 10 && !text.startsWith("+")) return `(${digits.slice(0, 3)}) ${digits.slice(3, 6)}-${digits.slice(6)}`;
+  if (digits.length === 11 && digits.startsWith("1") && (text.startsWith("+1") || text.startsWith("1") || !text.startsWith("+"))) {
+    return `+1 (${digits.slice(1, 4)}) ${digits.slice(4, 7)}-${digits.slice(7)}`;
+  }
+  return text;
+}
+function linkChipText(raw) {
+  try {
+    const url = new URL(raw.includes("://") ? raw : `https://${raw}`);
+    const host = url.hostname.replace(/^www\./, "");
+    const last = url.pathname.split("/").filter(Boolean).pop();
+    return last ? `${host} \xB7 ${decodeURIComponent(last)}` : host;
+  } catch {
+    return raw;
+  }
+}
 
 // src/formatControls.tsx
 var import_jsx_runtime8 = require("react/jsx-runtime");
@@ -2175,6 +2196,7 @@ function formatControl(args) {
 }
 
 // src/editors.tsx
+var import_field_formats5 = require("@ai-matrx/design-system/field-formats");
 var import_jsx_runtime9 = require("react/jsx-runtime");
 var CHOICE_EDITOR_ADDS_WHAT_IS_TYPED = true;
 var FORMAT_BLIND_KINDS = /* @__PURE__ */ new Set(["formula", "lookup", "rollup", "json", "checkbox", "select", "multi_select", "member", "entity_reference", "relation", "attachment", "datetime"]);
@@ -2186,9 +2208,123 @@ function FieldLabel({ field: field2, htmlFor, children }) {
     children
   ] });
 }
-function FieldControl({ field: field2, value, onChange, disabled, id }) {
+function isTypedDraft(value) {
+  return typeof value === "object" && value !== null && value.typedDraft === true;
+}
+var TYPED_AS_WORDS = /* @__PURE__ */ new Set(["text", "long_text", "email", "url", "phone"]);
+var TYPED_AND_READ = /* @__PURE__ */ new Set(["number", "currency", "percent", "datetime", "select", "multi_select"]);
+function typingOpens(field2) {
+  const kind = String(editorKindFor(field2));
+  if (kind === "formula" || kind === "lookup" || kind === "rollup") return "none";
+  const format = formatForField(field2);
+  if (format && format.id === "time") return "read";
+  if (format && format.id === "rating") return "read";
+  if (TYPED_AS_WORDS.has(kind)) return "words";
+  if (TYPED_AND_READ.has(kind)) return "read";
+  return "none";
+}
+function judgeTyped(field2, text, choices) {
+  const trimmed = text.trim();
+  const kind = String(editorKindFor(field2));
+  const format = formatForField(field2);
+  if (trimmed === "") return { value: null };
+  if (format && format.id === "time") {
+    const kept = (0, import_field_formats5.parseFieldInput)(trimmed, format);
+    return typeof kept === "string" && /^\d{2}:\d{2}(:\d{2})?$/.test(kept) ? { value: kept } : { refusal: `${fieldName(field2)} holds a time of day, and \u201C${text}\u201D is not one. Write it as 14:30 or 2:30 PM.` };
+  }
+  if (kind === "select" || kind === "multi_select") {
+    if (!choices) return null;
+    const title = (option) => recordName(option.data, null, "").toLowerCase();
+    const words2 = field2.multi || kind === "multi_select" ? trimmed.split(/\s*[,;\n]\s*/).filter(Boolean) : [trimmed];
+    const keys = [];
+    const unknown = [];
+    for (const word of words2) {
+      const low = word.toLowerCase();
+      const option = choices.find((o) => title(o) === low || (0, import_records5.optionKey)(o).toLowerCase() === low);
+      if (option) keys.push((0, import_records5.optionKey)(option));
+      else if ((0, import_records5.allowsOtherValues)(field2)) keys.push(word);
+      else unknown.push(word);
+    }
+    if (unknown.length > 0) {
+      return {
+        refusal: `${fieldName(field2)} has no choice called \u201C${unknown.join("\u201D, \u201C")}\u201D. Type one of its choices, or press Escape and pick from the list.`
+      };
+    }
+    return { value: field2.multi || kind === "multi_select" ? keys : keys[0] ?? null };
+  }
+  if (format && format.id === "rating") {
+    const n = Number(trimmed);
+    const max = format.options?.ratingMax ?? 5;
+    return Number.isInteger(n) && n >= 0 && n <= max ? { value: n === 0 ? null : n } : { refusal: `${fieldName(field2)} is a rating from 1 to ${max}, and \u201C${text}\u201D is not one.` };
+  }
+  const read = (0, import_records5.coerceTypedAnswer)(field2, text, { label: fieldName(field2) });
+  if ("refusal" in read) return { refusal: read.refusal };
+  if (typeof read.value === "number" && format && (format.id === "percent" || format.id === "progress") && format.options?.percentScale === "fraction") {
+    return { value: Math.round(read.value / 100 * 1e9) / 1e9 };
+  }
+  return { value: read.value };
+}
+function draftFromTyping(field2, seed) {
+  const opens = typingOpens(field2);
+  if (opens === "none") return void 0;
+  if (opens === "words") return seed;
+  return { typedDraft: true, text: seed, judged: judgeTyped(field2, seed) };
+}
+function TypedTextControl({ field: field2, value, onChange, disabled, id }) {
+  const client = (0, import_react11.useOptionalRecordsClient)();
+  const kind = String(editorKindFor(field2));
+  const needsChoices = kind === "select" || kind === "multi_select";
+  const [choices, setChoices] = (0, import_react10.useState)(null);
+  (0, import_react10.useEffect)(() => {
+    if (!needsChoices || !client) return;
+    let cancelled = false;
+    void client.fieldOptions({ field_id: field2.id }).then((result) => {
+      if (!cancelled) setChoices(result.ok ? inTheStoresOrder(result.data ?? []) : []);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [client, field2.id, needsChoices]);
+  (0, import_react10.useEffect)(() => {
+    if (choices && value.judged === null) onChange({ ...value, judged: judgeTyped(field2, value.text, choices) });
+  }, [choices, value, field2, onChange]);
+  const judged = value.judged;
+  const format = formatForField(field2);
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { className: "flex flex-col gap-0.5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      import_design_system8.BasicInput,
+      {
+        id,
+        value: value.text,
+        disabled,
+        autoComplete: "off",
+        "aria-invalid": judged !== null && "refusal" in judged ? true : void 0,
+        onChange: (e) => onChange({ typedDraft: true, text: e.target.value, judged: judgeTyped(field2, e.target.value, needsChoices ? choices : void 0) })
+      }
+    ),
+    judged === null ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { className: "text-[10px] text-muted-foreground", children: [
+      "Reading ",
+      fieldName(field2),
+      "'s choices\u2026"
+    ] }) : "refusal" in judged ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { "data-records-typed-refusal": "", role: "status", className: "text-[11px] leading-snug text-amber-700 dark:text-amber-400", children: judged.refusal }) : judged.value === null || judged.value === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { "data-records-typed-reads-as": "", className: "text-[10px] text-muted-foreground", children: [
+      "Reads as",
+      " ",
+      needsChoices ? String(
+        (Array.isArray(judged.value) ? judged.value : [judged.value]).map((k) => {
+          const option = choices?.find((o) => (0, import_records5.optionKey)(o) === k);
+          return option ? recordName(option.data, null, String(k)) : String(k);
+        }).join(", ")
+      ) : (() => {
+        const shown3 = format ?? (kind === "datetime" ? { id: carriesTimeOfDay(field2, judged.value) ? "datetime" : "date" } : void 0);
+        return shown3 ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(FormattedValue, { value: judged.value, format: shown3 }) : String(judged.value);
+      })()
+    ] })
+  ] });
+}
+function FieldControl({ field: field2, value, onChange, disabled, id, autoOpen, onClose }) {
   const kind = editorKindFor(field2);
   const inputId = id ?? `field-${field2.key}`;
+  if (isTypedDraft(value)) return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(TypedTextControl, { field: field2, value, onChange, disabled, id: inputId });
   const format = formatForField(field2);
   if (format && !FORMAT_BLIND_KINDS.has(String(kind))) {
     const own2 = formatControl({ format, value, onChange, disabled, id: inputId, label: fieldName(field2) });
@@ -2261,9 +2397,9 @@ function FieldControl({ field: field2, value, onChange, disabled, id }) {
       return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(CheckboxControl, { field: field2, value, onChange, disabled, id: inputId });
     case "select":
     case "multi_select":
-      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(OptionControl, { field: field2, value, onChange, disabled, id: inputId });
+      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(OptionControl, { field: field2, value, onChange, disabled, id: inputId, autoOpen, onClose });
     case "member":
-      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(PersonPicker, { field: field2, value, onChange, disabled, id: inputId });
+      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(PersonPicker, { field: field2, value, onChange, disabled, id: inputId, autoOpen, onClose });
     case "entity_reference":
       return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(EntityReferenceControl, { field: field2, value, onChange, disabled, id: inputId });
     case "relation":
@@ -2383,7 +2519,7 @@ function inTheStoresOrder(options) {
   const made = (o) => String(o.created_at ?? "");
   return [...options].sort((a, b) => position(a) - position(b) || made(a).localeCompare(made(b)));
 }
-function OptionControl({ field: field2, value, onChange, disabled, id }) {
+function OptionControl({ field: field2, value, onChange, disabled, id, autoOpen, onClose }) {
   const client = (0, import_react11.useOptionalRecordsClient)();
   const [options, setOptions] = (0, import_react10.useState)(null);
   const [refusal2, setRefusal] = (0, import_react10.useState)(null);
@@ -2426,7 +2562,7 @@ function OptionControl({ field: field2, value, onChange, disabled, id }) {
   if (field2.multi) {
     const chosen = options.filter((option) => (0, import_records5.choiceValuesOf)(value).some((v) => (0, import_records5.isTheChosen)(option, v)));
     const picked = new Set(chosen.map((option) => (0, import_records5.optionKey)(option)));
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { id, className: "flex flex-wrap gap-1", children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    const toggles = /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { id: autoOpen ? void 0 : id, className: "flex flex-wrap gap-1", children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       import_design_system8.Button,
       {
         type: "button",
@@ -2443,6 +2579,20 @@ function OptionControl({ field: field2, value, onChange, disabled, id }) {
       },
       option.id
     )) });
+    if (!autoOpen) return toggles;
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+      import_design_system8.Popover,
+      {
+        defaultOpen: true,
+        onOpenChange: (open) => {
+          if (!open) onClose?.();
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_design_system8.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_design_system8.Button, { id, type: "button", size: "sm", variant: "outline", className: "h-6 max-w-full truncate", children: chosen.length === 0 ? "Choose" : chosen.map(titleOf).join(", ") }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_design_system8.PopoverContent, { sizing: "content", className: "max-w-[20rem] p-2", align: "start", children: toggles })
+        ]
+      }
+    );
   }
   const current = options.find((option) => (0, import_records5.isTheChosen)(option, value));
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
@@ -2451,6 +2601,13 @@ function OptionControl({ field: field2, value, onChange, disabled, id }) {
       value: current ? (0, import_records5.optionKey)(current) : "",
       disabled: disabled ?? false,
       onValueChange: (next) => onChange(next === "" ? null : next),
+      ...autoOpen ? {
+        // IN A GRID CELL the list opens at once and a pick is the commit (Airtable).
+        defaultOpen: true,
+        onOpenChange: (open) => {
+          if (!open) onClose?.();
+        }
+      } : {},
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_design_system8.SelectTrigger, { id, size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_design_system8.SelectValue, { placeholder: "Choose" }) }),
         /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_design_system8.SelectContent, { children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_design_system8.SelectItem, { value: (0, import_records5.optionKey)(option), children: titleOf(option) }, option.id)) })
@@ -2570,14 +2727,20 @@ async function personRecordForMember(client, personTableId, people, member) {
   });
   return written;
 }
-function PersonPicker({ field: field2, value, onChange, disabled, id, className }) {
+function PersonPicker({ field: field2, value, onChange, disabled, id, className, autoOpen, onClose }) {
   const client = (0, import_react13.useOptionalRecordsClient)();
   const host = useRecordsUi();
   const [members, setMembers] = (0, import_react12.useState)(null);
   const [people, setPeople] = (0, import_react12.useState)([]);
   const [error, setError] = (0, import_react12.useState)(null);
   const [search, setSearch] = (0, import_react12.useState)("");
-  const [open, setOpen] = (0, import_react12.useState)(false);
+  const [open, setOpenState] = (0, import_react12.useState)(autoOpen === true);
+  const onCloseRef = (0, import_react12.useRef)(onClose);
+  onCloseRef.current = onClose;
+  const setOpen = (0, import_react12.useCallback)((next) => {
+    setOpenState(next);
+    if (!next) onCloseRef.current?.();
+  }, []);
   const [busy, setBusy] = (0, import_react12.useState)(false);
   const membersPort = host.members;
   const personTable = field2.relation_target;
@@ -2726,6 +2889,7 @@ var import_react19 = require("react");
 var import_core3 = require("@ai-matrx/records/core");
 var import_react20 = require("@ai-matrx/records/react");
 var import_design_system12 = require("@ai-matrx/design-system");
+var import_records6 = require("@ai-matrx/records");
 
 // src/whoChangedSource.tsx
 var import_react14 = require("react");
@@ -2843,7 +3007,7 @@ function useWhoChanged(fieldKey, recordId) {
 
 // src/values.tsx
 var import_data_table4 = require("@ai-matrx/design-system/data-table");
-var import_field_formats5 = require("@ai-matrx/design-system/field-formats");
+var import_field_formats6 = require("@ai-matrx/design-system/field-formats");
 
 // src/withheld.tsx
 var import_jsx_runtime12 = require("react/jsx-runtime");
@@ -3373,32 +3537,61 @@ function renderValue(field2, value, document2, labels, stillWaitingFor) {
   if (whole) return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(WholeValueCell, { words: value, pointer: whole });
   const kind = editorKindFor(field2);
   const chosen = kind === "select" || kind === "multi_select";
-  const tintOf = (item) => {
-    if (!chosen) return void 0;
+  const chipOf = (item) => {
     const color = storedChoiceColor(field2, item) ?? storedChoiceColor(field2, scalarText(field2, item, labels));
-    return color ? import_data_table4.CELL_TINT_CLASS[color] : void 0;
+    return color ? { className: import_data_table4.CHOICE_CHIP_CLASS[color], tinted: true } : { className: import_data_table4.NEUTRAL_CHIP_CLASS, tinted: false };
   };
-  if (Array.isArray(value)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "flex flex-wrap gap-1", children: value.map((item, i) => {
-      const tint2 = tintOf(item);
+  if (chosen) {
+    const items = Array.isArray(value) ? value : [value];
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "flex flex-wrap gap-1", "data-records-choice-chips": "", children: items.map((item, i) => {
+      const chip = chipOf(item);
       return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
         import_design_system11.Badge,
         {
-          variant: "secondary",
-          className: (0, import_design_system11.cn)("text-[11px]", tint2),
-          ...tint2 ? { "data-records-choice-tint": "" } : {},
-          children: scalarText(field2, item, labels)
+          variant: "outline",
+          className: (0, import_design_system11.cn)("text-[11px]", chip.className),
+          "data-records-choice-chip": "",
+          ...chip.tinted ? { "data-records-choice-tint": "" } : {},
+          children: scalarText(field2, item, labels, Array.isArray(value) ? void 0 : stillWaitingFor)
         },
         `${String(item)}-${i}`
       );
     }) });
   }
-  const tint = tintOf(value);
-  if (tint) {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system11.Badge, { variant: "secondary", className: (0, import_design_system11.cn)("text-[11px]", tint), "data-records-choice-tint": "", children: scalarText(field2, value, labels, stillWaitingFor) });
+  if (Array.isArray(value)) {
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "flex flex-wrap gap-1", children: value.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system11.Badge, { variant: "secondary", className: "text-[11px]", children: scalarText(field2, item, labels) }, `${String(item)}-${i}`)) });
   }
   if (kind === "url" && typeof value === "string") {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("a", { className: "truncate text-primary underline-offset-2 hover:underline", href: value, target: "_blank", rel: "noreferrer", children: value });
+    const href = value.includes("://") ? value : `https://${value}`;
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+      "a",
+      {
+        className: "inline-flex min-w-0 max-w-full items-center gap-1 rounded-md border border-border bg-muted/60 px-1.5 py-0.5 text-[11px] text-foreground hover:bg-accent",
+        href,
+        target: "_blank",
+        rel: "noreferrer",
+        title: value,
+        "data-records-link-chip": "",
+        onClick: (event) => event.stopPropagation(),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { "aria-hidden": "true", className: "text-muted-foreground", children: "\u2197" }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "truncate", children: linkChipText(value) })
+        ]
+      }
+    );
+  }
+  if (kind === "phone" && typeof value === "string" && value.trim() !== "") {
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      "a",
+      {
+        className: "truncate tabular-nums text-primary underline-offset-2 hover:underline",
+        href: `tel:${value.replace(/[^\d+]/g, "")}`,
+        title: value,
+        "data-records-phone": "",
+        onClick: (event) => event.stopPropagation(),
+        children: formatPhone(value)
+      }
+    );
   }
   if (kind === "email" && typeof value === "string") {
     return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("a", { className: "truncate text-primary underline-offset-2 hover:underline", href: `mailto:${value}`, children: value });
@@ -3417,7 +3610,7 @@ function scalarText(field2, value, labels, stillWaitingFor) {
   }
   const shownAs = shownAsOf(field2);
   if (shownAs) {
-    const said = (0, import_field_formats5.formatFieldValue)(value, shownAs);
+    const said = (0, import_field_formats6.formatFieldValue)(value, shownAs);
     if (said.ok && !said.empty) return said.text;
   }
   if (typeof value === "number") {
@@ -3478,7 +3671,6 @@ function cardWords(record, field2, labels) {
 
 // src/gridEditing.tsx
 var import_jsx_runtime16 = require("react/jsx-runtime");
-var TYPED_KINDS = /* @__PURE__ */ new Set(["text", "long_text", "email", "url", "phone", "number", "currency", "percent"]);
 function asksWhoChanged(event) {
   return event.altKey && event.shiftKey && !event.metaKey && !event.ctrlKey && (event.code === "KeyH" || event.key.toLowerCase() === "h");
 }
@@ -3515,7 +3707,9 @@ function rememberVersion(cache, recordId, version) {
   const held = cache.get(recordId);
   if (held === void 0 || version > held) cache.set(recordId, version);
 }
-function useGridEditing({ tableId, fields, rows, reload, canWrite, mayWriteRow, onWritten }) {
+function useGridEditing({ tableId, fields, rows, reload, canWrite, mayWriteRow, onWritten, onEnded }) {
+  const endedRef = (0, import_react19.useRef)(onEnded);
+  endedRef.current = onEnded;
   const client = (0, import_react20.useRecordsClient)();
   const [editing, setEditing] = (0, import_react19.useState)(null);
   const [draft, setDraft] = (0, import_react19.useState)(null);
@@ -3561,6 +3755,24 @@ function useGridEditing({ tableId, fields, rows, reload, canWrite, mayWriteRow,
     (rowId, key) => refusals[cellKey(rowId, key)] ?? null,
     [refusals]
   );
+  const settling = (0, import_react19.useRef)(/* @__PURE__ */ new Map());
+  (0, import_react19.useEffect)(() => {
+    if (settling.current.size === 0) return;
+    const released = [];
+    for (const [id, before] of settling.current) {
+      const [rowId, key] = id.split("::");
+      const row = rows.find((r) => r.id === rowId);
+      if (!row) continue;
+      if (!sameValue(row.document?.[key], before)) released.push(id);
+    }
+    if (released.length === 0) return;
+    for (const id of released) settling.current.delete(id);
+    setOptimistic((held) => {
+      const next = { ...held };
+      for (const id of released) delete next[id];
+      return next;
+    });
+  }, [rows]);
   const shownValue2 = (0, import_react19.useCallback)(
     (rowId, key) => {
       const held = optimistic[cellKey(rowId, key)];
@@ -3579,9 +3791,8 @@ function useGridEditing({ tableId, fields, rows, reload, canWrite, mayWriteRow,
       if (editing && editing.rowId === address.rowId && editing.key === address.key) return;
       const current = shownValue2(address.rowId, address.key);
       const seedField = typeof seed === "string" && seed !== "" ? fields.find((f) => f.key === address.key) : void 0;
-      const seedKind = seedField ? String(editorKindFor(seedField)) : "";
-      const numeric = seedKind === "number" || seedKind === "currency" || seedKind === "percent";
-      const seeded = seedField && TYPED_KINDS.has(seedKind) ? numeric ? Number.isFinite(Number(seed)) ? Number(seed) : void 0 : seed : void 0;
+      const seeded = seedField ? draftFromTyping(seedField, seed) : void 0;
+      if (seedField && seeded === void 0) return;
       if (seeded !== void 0) {
         startedFrom.current = current;
         startedStored.current = current;
@@ -3632,7 +3843,11 @@ function useGridEditing({ tableId, fields, rows, reload, canWrite, mayWriteRow,
     },
     [writable, client, editing, shownValue2, optimistic, rows, host, fields]
   );
-  const cancel = (0, import_react19.useCallback)(() => {
+  const openRef = (0, import_react19.useRef)(null);
+  openRef.current = editing;
+  const cancel = (0, import_react19.useCallback)((via = "key") => {
+    const open = openRef.current;
+    if (open && via !== "blur") endedRef.current?.("stay", open, via === "key" ? "keyboard" : "pointer");
     setEditing(null);
     setDraft(null);
     typed.current = null;
@@ -3674,6 +3889,7 @@ function useGridEditing({ tableId, fields, rows, reload, canWrite, mayWriteRow,
       });
       if (written.ok) {
         rememberVersion(versions.current, rowId, written.data);
+        settling.current.set(id, base);
         writtenRef.current?.({ rowId, key, before: base, after: value });
         reload();
         return;
@@ -3721,11 +3937,25 @@ function useGridEditing({ tableId, fields, rows, reload, canWrite, mayWriteRow,
     [client, reload]
   );
   const commit = (0, import_react19.useCallback)(
-    (move = null) => {
+    (move = null, via = "key") => {
       const open = editing;
       if (!open) return;
-      const value = typed.current;
+      let value = typed.current;
+      if (isTypedDraft(value)) {
+        if (value.judged === null || "refusal" in value.judged) return false;
+        value = value.judged.value;
+      }
       if (!sameValue(startedFrom.current, value)) void writeCell(open.rowId, open.key, value, startedStored.current);
+      const ended = endedRef.current;
+      if (ended && via !== "blur") {
+        setEditing(null);
+        setDraft(null);
+        typed.current = null;
+        startedFrom.current = null;
+        const exit = move === "next" ? "right" : move === "previous" ? "left" : via === "pick" ? "stay" : "down";
+        ended(exit, open, via === "pick" ? "pointer" : "keyboard");
+        return;
+      }
       if (!move) {
         setEditing(null);
         setDraft(null);
@@ -3937,6 +4167,7 @@ function GridCell({
   const open = Boolean(
     editing && editing.editing?.rowId === row.id && editing.editing.key === field2.key
   );
+  const wasActive = (0, import_react19.useRef)(false);
   const value = editing ? editing.valueFor(row, field2) : row.document?.[field2.key];
   const state = editing ? editing.stateOf(row.id, field2.key) : null;
   const refusal2 = editing ? editing.refusalOf(row.id, field2.key) : null;
@@ -3948,8 +4179,8 @@ function GridCell({
         field: field2,
         draft: editing.draft,
         onType: editing.type,
-        onCommit: (move) => editing.commit(move),
-        onCancel: editing.cancel,
+        onCommit: (move, via) => editing.commit(move, via),
+        onCancel: (via) => editing.cancel(via),
         below: (
           // KEPT EDITING: the refusal stays beside the value it is about, so the
           // person reads what to change while changing it. Keep editing is the
@@ -3998,6 +4229,17 @@ function GridCell({
     event.stopPropagation();
     editing?.begin({ rowId: row.id, key: field2.key });
   };
+  const onPointerDown = (event) => {
+    wasActive.current = event.currentTarget.closest("td")?.hasAttribute("data-matrx-cell-active") === true;
+  };
+  const onCellClick = (event) => {
+    if (!editable) return;
+    if (event.detail === 0) {
+      openThisCell(event);
+      return;
+    }
+    if (wasActive.current && opensAsAList(field2)) openThisCell(event);
+  };
   return (
     // BOTH MARKERS, ON PURPOSE. `data-matrx-cell-control` is the data table's
     // opt-out from whole-row click, so opening a cell never also opens the
@@ -4012,62 +4254,65 @@ function GridCell({
         "data-matrx-cell-fill": "",
         className: "group/cell relative flex w-full min-w-0 flex-col gap-0.5",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-            "span",
-            {
-              role: editable ? "button" : void 0,
-              "aria-label": editable ? `Edit ${fieldName(field2)}` : void 0,
-              title: editable ? `${fieldName(field2)} \u2014 click or press Enter to edit` : fieldIsEditable(field2) ? (
-                // NOT A DEAD CONTROL AND NOT A SILENT ONE: the cell is plain
-                // text, and hovering it says exactly why, in the level's own
-                // words. The editor was never offered, so nothing is refused
-                // after it has been typed into.
-                `${fieldName(field2)} \u2014 ${whyNot ?? "you cannot change this record"}`
-              ) : `${fieldName(field2)} is worked out by the system, so it cannot be typed in`,
-              className: (0, import_design_system12.cn)(
-                // `w-full` so the whole cell is the control. A gap beside it is bare
-                // table cell, and a click there is a row click.
-                "block w-full min-w-0 truncate rounded px-1 py-0.5",
-                editable ? "cursor-text hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring" : "",
-                state === "saving" ? "opacity-60" : "",
-                state === "refused" ? "ring-1 ring-destructive" : ""
-              ),
-              onClick: editable ? openThisCell : void 0,
-              onDoubleClick: (event) => {
-                event.preventDefault();
-                event.stopPropagation();
-                if (editable) editing?.begin({ rowId: row.id, key: field2.key });
-              },
-              onKeyDown: (event) => {
-                if (editable && (event.key === "Enter" || event.key === "F2")) {
-                  event.preventDefault();
-                  editing?.begin({ rowId: row.id, key: field2.key });
-                  return;
-                }
-                if (onAskWhoChanged && asksWhoChanged(event)) {
-                  event.preventDefault();
-                  onAskWhoChanged(field2.key, row.id);
-                  return;
-                }
-                if (editable && isTypedCharacter(event)) {
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "flex w-full min-w-0 items-center gap-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+              "span",
+              {
+                role: editable ? "button" : void 0,
+                "aria-label": editable ? `Edit ${fieldName(field2)}` : void 0,
+                title: editable ? `${fieldName(field2)} \u2014 double-click or press Enter to edit` : fieldIsEditable(field2) ? (
+                  // NOT A DEAD CONTROL AND NOT A SILENT ONE: the cell is plain
+                  // text, and hovering it says exactly why, in the level's own
+                  // words. The editor was never offered, so nothing is refused
+                  // after it has been typed into.
+                  `${fieldName(field2)} \u2014 ${whyNot ?? "you cannot change this record"}`
+                ) : `${fieldName(field2)} is worked out by the system, so it cannot be typed in`,
+                className: (0, import_design_system12.cn)(
+                  // `w-full` so the whole cell is the control. A gap beside it is bare
+                  // table cell, and a click there is a row click.
+                  "block w-full min-w-0 flex-1 truncate rounded px-1 py-0.5",
+                  editable ? "cursor-text hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring" : "",
+                  state === "saving" ? "opacity-60" : "",
+                  state === "refused" ? "ring-1 ring-destructive" : ""
+                ),
+                onMouseDown: onPointerDown,
+                onClick: editable ? onCellClick : void 0,
+                onDoubleClick: (event) => {
                   event.preventDefault();
-                  editing?.begin({ rowId: row.id, key: field2.key }, event.key);
-                }
-              },
-              tabIndex: editable || onAskWhoChanged ? 0 : void 0,
-              children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                RecordValue,
-                {
-                  field: field2,
-                  value,
-                  document: row.document,
-                  withheld: withheldNoticeOf(row.hidden, field2.key),
-                  ...format ? { format } : {}
-                }
-              )
-            }
-          ),
-          onAskWhoChanged ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(WhoBadge, { field: field2, row, onAskWhoChanged }) : null,
+                  event.stopPropagation();
+                  if (editable) editing?.begin({ rowId: row.id, key: field2.key });
+                },
+                onKeyDown: (event) => {
+                  if (editable && (event.key === "Enter" || event.key === "F2")) {
+                    event.preventDefault();
+                    editing?.begin({ rowId: row.id, key: field2.key });
+                    return;
+                  }
+                  if (onAskWhoChanged && asksWhoChanged(event)) {
+                    event.preventDefault();
+                    onAskWhoChanged(field2.key, row.id);
+                    return;
+                  }
+                  if (editable && isTypedCharacter(event) && typingOpens(field2) !== "none") {
+                    event.preventDefault();
+                    editing?.begin({ rowId: row.id, key: field2.key }, event.key);
+                  }
+                },
+                tabIndex: editable || onAskWhoChanged ? 0 : void 0,
+                children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                  RecordValue,
+                  {
+                    field: field2,
+                    value,
+                    document: row.document,
+                    withheld: withheldNoticeOf(row.hidden, field2.key),
+                    ...format ? { format } : {}
+                  }
+                )
+              }
+            ),
+            onAskWhoChanged ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(WhoBadge, { field: field2, row, onAskWhoChanged }) : null
+          ] }),
           state === "saving" ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "px-1 text-[10px] text-muted-foreground", children: "Saving\u2026" }) : null,
           refusal2 ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CellRefusalNotice, { refusal: refusal2, field: field2, row, editing, typed: true }) : null
         ]
@@ -4122,9 +4367,10 @@ function WhoBadge({
     "button",
     {
       type: "button",
+      "data-records-who-badge": "",
       "aria-label": `Who changed ${fieldName(field2)}?`,
       title: who.sentence ?? `Who changed ${fieldName(field2)}? (press H)`,
-      className: "pointer-events-auto absolute right-0 top-0 max-w-[9rem] truncate rounded px-1 text-[10px] text-muted-foreground opacity-0 transition-opacity hover:bg-muted focus-visible:opacity-100 group-focus-within/cell:opacity-100 group-hover/cell:opacity-100",
+      className: "hidden max-w-[9rem] shrink-0 select-none truncate rounded px-1 text-[10px] leading-4 text-muted-foreground hover:bg-muted focus-visible:inline-flex in-data-[matrx-cell-active=true]:inline-flex",
       onMouseEnter: ask,
       onFocus: ask,
       onClick: (event) => {
@@ -4155,6 +4401,12 @@ function closesOnBlur(field2) {
       return true;
   }
 }
+function opensAsAList(field2) {
+  const kind = editorKindFor(field2);
+  if (kind === "member") return true;
+  if (kind === "select" || kind === "multi_select") return !(CHOICE_EDITOR_ADDS_WHAT_IS_TYPED && (0, import_records6.allowsOtherValues)(field2));
+  return false;
+}
 function takesANewline(field2) {
   const kind = editorKindFor(field2);
   return kind === "long_text" || kind === "json";
@@ -4168,12 +4420,13 @@ function OpenCell({
   below
 }) {
   const multiline = takesANewline(field2);
-  const blurCommits = closesOnBlur(field2);
+  const picker = opensAsAList(field2);
+  const blurCommits = !picker && closesOnBlur(field2);
   const done = (0, import_react19.useRef)(false);
   const once = (run) => {
     if (done.current) return;
     done.current = true;
-    run();
+    if (run() === false) done.current = false;
   };
   const host = (0, import_react19.useRef)(null);
   (0, import_react19.useEffect)(() => {
@@ -4190,7 +4443,7 @@ function OpenCell({
   const blur = blurCommits ? {
     onBlur: (event) => {
       if (event.currentTarget.contains(event.relatedTarget)) return;
-      once(() => onCommit(null));
+      once(() => onCommit(null, "blur"));
     }
   } : {};
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
@@ -4205,28 +4458,37 @@ function OpenCell({
         if (event.key === "Escape") {
           event.preventDefault();
           event.stopPropagation();
-          once(onCancel);
+          once(() => onCancel("key"));
           return;
         }
         if (event.key === "Tab") {
           event.preventDefault();
           event.stopPropagation();
-          once(() => onCommit(event.shiftKey ? "previous" : "next"));
+          once(() => onCommit(event.shiftKey ? "previous" : "next", "key"));
           return;
         }
         if (event.key === "Enter") {
           if (multiline && event.shiftKey && !event.metaKey && !event.ctrlKey) return;
           event.preventDefault();
           event.stopPropagation();
-          once(() => onCommit(null));
+          once(() => onCommit(null, "key"));
         }
       },
       ...blur,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(FieldControl, { field: field2, value: draft, onChange: onType, id: `cell-${field2.id}` }),
-        blurCommits ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-[10px] text-muted-foreground", children: multiline ? "\u23CE saves \xB7 \u21E7\u23CE new line \xB7 Esc cancels \xB7 Tab next" : "\u23CE saves \xB7 Esc cancels \xB7 Tab next" }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system12.Button, { size: "sm", onClick: () => once(() => onCommit(null)), children: "Save" }),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system12.Button, { size: "sm", variant: "ghost", onClick: () => once(onCancel), children: "Cancel" })
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          FieldControl,
+          {
+            field: field2,
+            value: draft,
+            onChange: onType,
+            id: `cell-${field2.id}`,
+            ...picker ? { autoOpen: true, onClose: () => once(() => onCommit(null, "pick")) } : {}
+          }
+        ),
+        picker ? null : blurCommits ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-[10px] text-muted-foreground", children: multiline ? "\u23CE saves \xB7 \u21E7\u23CE new line \xB7 Esc cancels \xB7 Tab next" : "\u23CE saves \xB7 Esc cancels \xB7 Tab next" }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system12.Button, { size: "sm", onClick: () => once(() => onCommit(null, "pick")), children: "Save" }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system12.Button, { size: "sm", variant: "ghost", onClick: () => once(() => onCancel("pick")), children: "Cancel" })
         ] }),
         below
       ]
@@ -4237,8 +4499,9 @@ function OpenCell({
 // src/Grid.tsx
 var import_react57 = require("react");
 var import_react58 = require("@ai-matrx/records/react");
-var import_records14 = require("@ai-matrx/records");
+var import_records15 = require("@ai-matrx/records");
 var import_data_table9 = require("@ai-matrx/design-system/data-table");
+var import_core8 = require("@ai-matrx/records/core");
 
 // src/archiveWords.ts
 function archiveConfirmSentence(what) {
@@ -4284,10 +4547,10 @@ var import_design_system17 = require("@ai-matrx/design-system");
 // src/FormulaTextEditor.tsx
 var import_react23 = require("react");
 var import_react24 = require("@ai-matrx/records/react");
-var import_records6 = require("@ai-matrx/records");
+var import_records7 = require("@ai-matrx/records");
 var import_design_system13 = require("@ai-matrx/design-system");
 var import_jsx_runtime17 = require("react/jsx-runtime");
-var FORMULA_FUNCTIONS = import_records6.RULE_NODE_KINDS.map((row) => row.node).filter((node) => node.startsWith("fx.")).map((node) => node.slice(3).toUpperCase()).filter((name) => !["ADD", "SUB", "MUL", "DIV", "EQ", "NEQ", "GT", "GTE", "LT", "LTE", "NEG", "FIELD", "CONST"].includes(name)).sort();
+var FORMULA_FUNCTIONS = import_records7.RULE_NODE_KINDS.map((row) => row.node).filter((node) => node.startsWith("fx.")).map((node) => node.slice(3).toUpperCase()).filter((name) => !["ADD", "SUB", "MUL", "DIV", "EQ", "NEQ", "GT", "GTE", "LT", "LTE", "NEG", "FIELD", "CONST"].includes(name)).sort();
 var RESULT_WORD = {
   number: "a number",
   text: "text",
@@ -4620,7 +4883,7 @@ function ChoiceColorsEditor({
 
 // src/FieldFormatPicker.tsx
 var import_design_system16 = require("@ai-matrx/design-system");
-var import_field_formats6 = require("@ai-matrx/design-system/field-formats");
+var import_field_formats7 = require("@ai-matrx/design-system/field-formats");
 var import_jsx_runtime20 = require("react/jsx-runtime");
 var KIND_WORD = {
   choice: "select",
@@ -4683,7 +4946,7 @@ function formatMenu(field2) {
   if (base === null) return { groups: [], otherKinds: [] };
   if (base === "formula") {
     const groups2 = [];
-    for (const def of import_field_formats6.FIELD_FORMAT_LIST) {
+    for (const def of import_field_formats7.FIELD_FORMAT_LIST) {
       if (neverALook(def) || KIND_WORD[def.id] || def.id === "boolean") continue;
       const bucket = groups2.find((g) => g.group === def.group);
       if (bucket) bucket.formats.push(def);
@@ -4691,10 +4954,10 @@ function formatMenu(field2) {
     }
     return { groups: groups2, otherKinds: [] };
   }
-  const groups = (0, import_field_formats6.groupedFormatsForBase)(base).map((g) => ({ group: g.group, formats: g.formats.filter((d) => !neverALook(d) && !KIND_WORD[d.id]) })).filter((g) => g.formats.length > 0);
+  const groups = (0, import_field_formats7.groupedFormatsForBase)(base).map((g) => ({ group: g.group, formats: g.formats.filter((d) => !neverALook(d) && !KIND_WORD[d.id]) })).filter((g) => g.formats.length > 0);
   const own2 = new Set(groups.flatMap((g) => g.formats.map((d) => d.id)));
   const otherKinds = [];
-  for (const def of import_field_formats6.FIELD_FORMAT_LIST) {
+  for (const def of import_field_formats7.FIELD_FORMAT_LIST) {
     if (own2.has(def.id) || neverALook(def)) continue;
     const word = KIND_WORD[def.id] ?? PLAIN_WORD[def.base];
     if (word) otherKinds.push({ def, word });
@@ -4703,7 +4966,7 @@ function formatMenu(field2) {
 }
 function startingChoice(field2) {
   const held = displayFormatOf(field2);
-  if (!held || !(0, import_field_formats6.getFieldFormat)(held.id) || held.id === "formula") return { format: null, retype: null };
+  if (!held || !(0, import_field_formats7.getFieldFormat)(held.id) || held.id === "formula") return { format: null, retype: null };
   return {
     format: Object.keys(held.options).length > 0 ? { id: held.id, options: held.options } : { id: held.id },
     retype: null
@@ -4733,7 +4996,7 @@ function FieldFormatPicker({
 }) {
   const { groups, otherKinds } = formatMenu(field2);
   if (groups.length === 0 && otherKinds.length === 0) return null;
-  const active = value.format ? (0, import_field_formats6.getFieldFormat)(value.format.id) : null;
+  const active = value.format ? (0, import_field_formats7.getFieldFormat)(value.format.id) : null;
   const options = value.format?.options ?? {};
   const optionKeys = active?.optionKeys ?? [];
   const retypedTo = value.retype ? otherKinds.find((k) => k.def.id === value.format?.id) : void 0;
@@ -4897,125 +5160,474 @@ function FieldFormatPicker({
   ] });
 }
 
-// src/FieldEditor.tsx
-var import_records7 = require("@ai-matrx/records");
-var import_jsx_runtime21 = require("react/jsx-runtime");
-var RULE_KINDS = FIELD_RULE_KIND_VALUES.map((kind) => ({ kind, label: FIELD_RULE_KIND_LABEL[kind] }));
-var SENSITIVITIES = import_records7.FIELD_SENSITIVITIES.map((value) => ({ value, label: FIELD_SENSITIVITY_LABEL[value] }));
-var AGENT_VISIBILITY = import_records7.CONTEXT_POLICIES.map((value) => ({ value, label: CONTEXT_POLICY_LABEL[value] }));
-var ROLLUP_OPERATIONS = ROLLUP_AGG_VALUES.map((value) => ({
-  value,
-  label: ROLLUP_AGG_LABEL[value]
-}));
-var FORMULA_SEPARATOR_LABEL = "Joined by";
-var EDITING_A_WORKED_OUT_COLUMN = "This column works out its answer from the columns picked when it was made. To change what it works out, write it as a formula below \u2014 the store checks it as you type, and a rename alone leaves it exactly as it is.";
-var FORMULA_DEFAULT_SEPARATOR = " \u2014 ";
-var FORMULA_OPERATIONS = FORMULA_OP_VALUES.map((value) => ({
-  value,
-  label: FORMULA_OP_LABEL[value],
-  joins: FORMULA_OP_JOINS[value]
-}));
-function keyFor(label) {
-  const token = label.trim().toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, "").slice(0, 48);
-  if (token === "") return "";
-  return /^[a-z]/.test(token) ? token : `f_${token}`;
+// src/gridPage.ts
+var import_records8 = require("@ai-matrx/records");
+var import_data_table6 = require("@ai-matrx/design-system/data-table");
+function sortRefusal(f) {
+  if (!computedOnRead(f)) return null;
+  return `${fieldName(f)} is worked out each time it is read, so the store keeps no value to sort the whole table by. Sort by a column it is worked out from.`;
 }
-var COLUMN_DID_NOT_LAND_SENTENCE = "The store accepted this column and the table does not have it yet. Nothing was lost \u2014 your record values are untouched \u2014 but the column is not there, so this panel is staying open.";
-var COLUMN_DID_NOT_LAND_REMEDY = "Press Save again; if it keeps happening, tell us, because the store and the table disagree and that is ours to fix.";
-var COLUMN_DID_NOT_LAND = `${COLUMN_DID_NOT_LAND_SENTENCE} ${COLUMN_DID_NOT_LAND_REMEDY}`;
-function FieldEditor({ tableId, field: field2, onSaved, onCancel, onRemoved, className }) {
-  const table = (0, import_react30.useTable)(tableId);
-  const fields = (0, import_react30.useFields)(tableId);
-  const rights = useTableRights(table.data);
-  const mutation = (0, import_react30.useFieldMutation)();
-  const client = (0, import_react30.useRecordsClient)();
-  const [label, setLabel] = (0, import_react29.useState)(field2?.label ?? "");
-  const [type, setType] = (0, import_react29.useState)(() => startingType(field2));
-  const [required, setRequired] = (0, import_react29.useState)(field2?.required ?? false);
-  const [multi, setMulti] = (0, import_react29.useState)(field2?.multi ?? false);
-  const [dated, setDated] = (0, import_react29.useState)(field2?.dated ?? false);
-  const [sensitivity, setSensitivity] = (0, import_react29.useState)(String(field2?.sensitivity ?? "internal"));
-  const [contextPolicy, setContextPolicy] = (0, import_react29.useState)(String(field2?.context_policy ?? "include"));
-  const [rules, setRules] = (0, import_react29.useState)(field2?.rules ?? []);
-  const [allowOther, setAllowOther] = (0, import_react29.useState)(field2?.config?.["allow_other"] === true);
-  const [optionText, setOptionText] = (0, import_react29.useState)("");
-  const [unit, setUnit] = (0, import_react29.useState)(field2?.unit ?? "$");
-  const [withTime, setWithTime] = (0, import_react29.useState)(String(field2?.config?.["kind"] ?? "date") === "datetime");
-  const [via, setVia] = (0, import_react29.useState)(String(field2?.config?.["via"] ?? ""));
-  const [pick, setPick] = (0, import_react29.useState)(String(field2?.config?.["pick"] ?? ""));
-  const [agg, setAgg] = (0, import_react29.useState)(
-    field2?.config?.["agg"] ?? "count"
-  );
-  const [of, setOf] = (0, import_react29.useState)(String(field2?.config?.["of"] ?? ""));
-  const [relationTarget, setRelationTarget] = (0, import_react29.useState)(String(field2?.relation_target ?? ""));
-  const [display, setDisplay] = (0, import_react29.useState)(field2?.display ?? null);
-  const [formulaOp, setFormulaOp] = (0, import_react29.useState)(() => formulaOpOf(field2));
-  const [formulaFields, setFormulaFields] = (0, import_react29.useState)(() => formulaFieldIdsOf(field2));
-  const [formulaSeparator, setFormulaSeparator] = (0, import_react29.useState)(() => formulaSeparatorOf(field2));
-  const [allowedTypes, setAllowedTypes] = (0, import_react29.useState)(() => entityReferenceKindsOf(field2));
-  const startingFormulaText = String(field2?.config?.["formula_text"] ?? "");
-  const [formulaText, setFormulaText] = (0, import_react29.useState)(startingFormulaText);
-  const [formulaWritten, setFormulaWritten] = (0, import_react29.useState)(() => startingFormulaText.trim() !== "" || Boolean(field2));
-  const [formulaOk, setFormulaOk] = (0, import_react29.useState)(null);
-  const [askingToRemove, setAskingToRemove] = (0, import_react29.useState)(false);
-  const [choiceRows, setChoiceRows] = (0, import_react29.useState)(null);
-  const [showsAs, setShowsAs] = (0, import_react29.useState)(() => field2 ? startingChoice(field2) : { format: null, retype: null });
-  const [backfillError, setBackfillError] = (0, import_react29.useState)(null);
-  const [notLanded, setNotLanded] = (0, import_react29.useState)(false);
-  const others = (0, import_react29.useMemo)(
-    () => (fields.data ?? []).filter((f) => f.id !== field2?.id),
-    [fields.data, field2?.id]
-  );
-  const relations = (0, import_react29.useMemo)(() => others.filter((f) => f.type === "relation"), [others]);
-  const choice = fieldTypeChoice(type);
-  const editing = Boolean(field2);
-  if (!rights.structure) {
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: (0, import_design_system17.cn)("text-xs text-muted-foreground", className), children: rights.why("structure") });
-  }
-  const options = optionText.split("\n").map((word) => word.trim()).filter((word) => word !== "");
-  const formulaChanged = formulaText.trim() !== startingFormulaText.trim();
-  const formulaMissing = type !== "formula" || !formulaWritten ? null : editing && !formulaChanged ? null : formulaText.trim() === "" ? "Write the formula this column works out." : formulaOk === false ? "The formula has a mistake \u2014 it is marked above." : formulaOk === null ? "Checking the formula\u2026" : null;
-  const missing = editing ? formulaMissing : formulaMissing ?? (type === "formula" && formulaWritten ? null : whatIsMissing({ type, label, options, via, pick, agg, of, relations, formulaFields, relationTarget, allowedTypes }));
-  const save = async () => {
-    if (missing) return;
-    if (editing && field2) {
-      const chooses = type === "select" || type === "multi_select";
-      const look = chooses ? choiceRows ? choiceDisplayPatch(field2, choiceRows) : null : null;
-      const shownAs = chooses ? void 0 : formatPatch(field2, showsAs);
-      const patch = {
-        // The column's look travels in the same settings patch (`display_format`), so a save is
-        // still one store call. `FieldPatch` does not declare the key yet (store gap, reported);
-        // the door has carried it since the Sheet's seam started writing it.
-        ...chooses ? look ? { display_format: look } : {} : shownAs ?? {},
-        label,
-        required,
-        dated,
-        sensitivity,
-        context_policy: contextPolicy,
-        rules,
-        // FLD-2. THE SHAPE OF THE VALUE, WHICH IS A SETTING LIKE ANY OTHER. This
-        // patch never carried it, so the tick beside "Can hold more than one"
-        // was decoration on an existing column — and the store's own roll-up
-        // refusal tells a person to use exactly that tick. It is sent ALONE:
-        // `custom.field_update` honours a `multi`-only patch since FIX-7B-FIELD's
-        // migration (before it, the door read `multi` only inside its behaviour
-        // arm, answered "saved" and changed nothing), so there is no behaviour
-        // word to send beside it and sending one would retype a column nobody
-        // asked to retype.
-        ...multiApplies(type) ? { multi } : {},
-        ...unitApplies(type) ? { unit } : {},
-        // An empty box means "leave the choices alone"; a list replaces them.
-        ...optionText.trim() === "" ? {} : { options },
-        // REL-DISP. Which of the other record's columns this one shows. Sent for
-        // every relation column, `null` included, because `null` is how the door
-        // REMOVES a spec and the column goes back to the target table's own
-        // reference column — a panel that only sent the key when it was set
-        // could turn the override on and never off.
-        ...field2.type === "relation" ? { display } : {},
-        // STORE-RULE-GAPS: a choice list's own setting, sent for every list so
-        // turning it off is as possible as turning it on.
-        ...field2.type === "list" ? { allow_other: allowOther } : {},
-        // K2: a re-aimed formula goes WITH its type word, the arm `field_update` reads it in.
+function filterRefusal(f) {
+  if (!computedOnRead(f)) return null;
+  return `${fieldName(f)} is worked out each time it is read, so the store keeps no value to filter the whole table by. Filter by a column it is worked out from.`;
+}
+function computedOnRead(f) {
+  const kind = String(editorKindFor(f));
+  return (f.type === "formula" || kind === "formula" || kind === "lookup" || kind === "rollup") && String(f.compute_on ?? "read") === "read";
+}
+function sortAsFor(field2) {
+  const kind = String(editorKindFor(field2));
+  if (kind === "number" || kind === "currency" || kind === "percent") return "number";
+  if (kind === "datetime") return "date";
+  return "text";
+}
+function pageSortFor(fields, sort) {
+  if (!sort) return [];
+  const field2 = fields.find((f) => f.key === sort.id);
+  if (!field2) return [];
+  return [{ field: field2.key, direction: sort.direction === "desc" ? "desc" : "asc", as: sortAsFor(field2) }];
+}
+function containsPattern(text) {
+  return `(?i)${text.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")}`;
+}
+var field = (f) => ({ field: f.id });
+var constant = (value) => ({ const: value });
+var op = (name, ...args) => ({ op: name, args });
+function clauseFor(f, value, now = /* @__PURE__ */ new Date()) {
+  const name = fieldName(f);
+  const refused = filterRefusal(f);
+  if (refused) return refused;
+  const not = (rule) => op("not", rule);
+  switch (value.kind) {
+    case "text": {
+      const mode = value.mode ?? "contains";
+      if (mode === "empty" || mode === "null") return value.negated ? { rule: op("present", field(f)) } : { rule: not(op("present", field(f))) };
+      if (mode === "not_empty" || mode === "not_null") return value.negated ? { rule: not(op("present", field(f))) } : { rule: op("present", field(f)) };
+      const text = value.value.trim();
+      if (text === "") return null;
+      const kind = String(editorKindFor(f));
+      if (kind === "number" || kind === "currency" || kind === "percent" || kind === "checkbox") {
+        return `${name} holds numbers, so it is filtered by a range, not by words.`;
+      }
+      const matches2 = op("matches", field(f), constant(containsPattern(text)));
+      return { rule: value.negated ? not(matches2) : matches2 };
+    }
+    case "select": {
+      const words2 = value.values ?? (value.value === "" ? [] : [value.value]);
+      if (words2.length === 0) return value.negated ? null : { rule: constant(false) };
+      if (words2.length === 1 && !value.negated) return { flat: { [f.key]: words2[0] } };
+      const any = words2.length === 1 ? op("eq", field(f), constant(words2[0])) : op("or", ...words2.map((w) => op("eq", field(f), constant(w))));
+      return { rule: value.negated ? not(any) : any };
+    }
+    case "boolean":
+      return value.negated ? { rule: op("ne", field(f), constant(value.value)) } : { flat: { [f.key]: value.value } };
+    case "number": {
+      if (value.op === "empty") return { rule: not(op("present", field(f))) };
+      if (value.op === "not_empty") return { rule: op("present", field(f)) };
+      if (value.op === "eq" || value.op === "ne") {
+        if (typeof value.min !== "number") return null;
+        return { rule: op(value.op, field(f), constant(value.min)) };
+      }
+      if (value.op === "lt") return typeof value.max === "number" ? { rule: op("lt", field(f), constant(value.max)) } : null;
+      if (value.op === "gt") return typeof value.min === "number" ? { rule: op("gt", field(f), constant(value.min)) } : null;
+      const parts = [];
+      if (typeof value.min === "number") parts.push(op("gte", field(f), constant(value.min)));
+      if (typeof value.max === "number") parts.push(op("lte", field(f), constant(value.max)));
+      if (parts.length === 0) return null;
+      const range = parts.length === 1 ? parts[0] : op("and", ...parts);
+      return { rule: value.negated ? not(range) : range };
+    }
+    case "date": {
+      const bounds = (0, import_data_table6.dateFilterBounds)(value, now);
+      if (bounds.since === void 0 && bounds.until === void 0) return null;
+      return {
+        flat: {
+          [f.key]: {
+            ...bounds.since === void 0 ? {} : { from: bounds.since },
+            ...bounds.until === void 0 ? {} : { to: bounds.until }
+          }
+        }
+      };
+    }
+    default:
+      return `${name} cannot be filtered that way by the store.`;
+  }
+}
+function storeQuestion(fields, base, columnFilters, now = /* @__PURE__ */ new Date()) {
+  const refused = [];
+  const flat = {};
+  const rules = [];
+  if (base && (0, import_records8.isRuleFilter)(base)) rules.push(base);
+  else if (base) Object.assign(flat, base);
+  for (const [key, value] of Object.entries(columnFilters)) {
+    if (!value) continue;
+    const f = fields.find((candidate) => candidate.key === key);
+    if (!f) continue;
+    const clause = clauseFor(f, value, now);
+    if (clause === null) continue;
+    if (typeof clause === "string") {
+      refused.push(clause);
+      continue;
+    }
+    if ("flat" in clause) Object.assign(flat, clause.flat);
+    else rules.push(clause.rule);
+  }
+  const flatKeys = Object.keys(flat);
+  if (rules.length === 0) return { filter: flatKeys.length > 0 ? flat : void 0, refused };
+  for (const key of flatKeys) {
+    const f = fields.find((candidate) => candidate.key === key);
+    const value = flat[key];
+    if (!f) continue;
+    if (value !== null && typeof value === "object") {
+      refused.push(`${fieldName(f)}'s date range cannot be asked together with the other filters yet, so it is left off.`);
+      continue;
+    }
+    rules.push(value === null ? op("not", op("present", field(f))) : op("eq", field(f), constant(value)));
+  }
+  return { filter: rules.length === 1 ? rules[0] : op("and", ...rules), refused };
+}
+function inColumnWords(error, fields) {
+  const say2 = (text) => {
+    if (!text) return text;
+    let out = text;
+    for (const f of [...fields].sort((a, b) => b.key.length - a.key.length)) {
+      const key = f.key.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+      out = out.replace(new RegExp(`(["\u201C'])${key}(["\u201D'])`, "g"), `$1${fieldName(f)}$2`);
+    }
+    return out;
+  };
+  return { ...error, message: say2(error.message) ?? error.message, ...error.hint ? { hint: say2(error.hint) ?? error.hint } : {} };
+}
+
+// src/gridMenus.ts
+function fieldOf(ctx, columnId) {
+  return ctx.fields.find((f) => f.key === columnId);
+}
+function columnWords(ctx, columnId) {
+  const field2 = fieldOf(ctx, columnId);
+  return field2 ? fieldName(field2) : columnId;
+}
+function rowLabelRefusal(field2) {
+  if (!field2) return "This column is not one of the table's own.";
+  const kind = String(field2.type);
+  if (kind === "formula" || kind === "lookup" || kind === "rollup") {
+    return `${fieldName(field2)} is worked out by the table, and a record is named by a column people fill in.`;
+  }
+  if (kind === "relation") return `${fieldName(field2)} points at other records; a record is named by its own words.`;
+  return void 0;
+}
+function headerMenuItems(columnId, ctx) {
+  const field2 = fieldOf(ctx, columnId);
+  const shape = ctx.mayStructure ? void 0 : ctx.whyNotStructure;
+  const isLabel = ctx.titleField === columnId;
+  const labelRefusal = shape ?? (isLabel ? "Records are already named by this column." : rowLabelRefusal(field2));
+  const a = ctx.actions;
+  return [
+    { id: "col-rename", label: "Rename column", icon: "pencil", disabledReason: shape, onSelect: () => a.renameColumn(columnId) },
+    { id: "col-settings", label: "Column settings\u2026", icon: "settings", disabledReason: shape, onSelect: () => a.columnSettings(columnId) },
+    { id: "col-insert-left", label: "Insert column left\u2026", icon: "panel-left", disabledReason: shape, onSelect: () => a.insertColumn(columnId, "left") },
+    { id: "col-insert-right", label: "Insert column right\u2026", icon: "panel-right", disabledReason: shape, onSelect: () => a.insertColumn(columnId, "right") },
+    {
+      id: "col-row-label",
+      label: isLabel ? "Names each record" : "Use as row label",
+      icon: "tag",
+      disabledReason: labelRefusal,
+      onSelect: () => a.useAsRowLabel(columnId)
+    },
+    ...ctx.extras?.header?.(columnId) ?? [],
+    { id: "col-hide", label: "Hide column", icon: "eye-off", onSelect: () => a.hideColumn(columnId) },
+    {
+      id: "col-delete",
+      label: "Delete column\u2026",
+      icon: "trash",
+      destructive: true,
+      disabledReason: shape ?? (isLabel ? "Records are named by this column; pick another row label first." : void 0),
+      onSelect: () => a.deleteColumn(columnId)
+    }
+  ];
+}
+function cellSection(payload, ctx) {
+  const a = ctx.actions;
+  const { rowId, columnId } = payload;
+  const mayWrite = ctx.mayWriteRow(rowId);
+  const typeable = ctx.typeable(columnId);
+  const why = !mayWrite ? ctx.whyNotWrite(rowId) : !typeable ? `${columnWords(ctx, columnId)} is worked out by the table; nobody types it.` : void 0;
+  const items = [
+    { id: "cell-copy", label: "Copy cell", icon: "copy", shortcut: "\u2318C", onSelect: () => a.copyText(payload.text, "The cell") },
+    { id: "cell-paste", label: "Paste", icon: "clipboard-paste", shortcut: "\u2318V", disabledReason: why, onSelect: () => a.pasteInto(rowId, columnId) },
+    { id: "cell-clear", label: "Clear cell", icon: "eraser", destructive: true, disabledReason: why, onSelect: () => a.clearCells([{ rowId, columnId }]) }
+  ];
+  if (a.askWhoChanged) {
+    items.push({ id: "cell-history", label: "Who changed this?", icon: "history", shortcut: "\u2325\u21E7H", onSelect: () => a.askWhoChanged?.(columnId, rowId) });
+  }
+  const empty = payload.value === null || payload.value === void 0 || payload.value === "";
+  items.push({
+    id: "cell-filter",
+    label: empty ? "Show rows where this is empty" : "Show rows with this value",
+    icon: "filter",
+    onSelect: () => a.filterBy(columnId, payload.value)
+  });
+  items.push(...ctx.extras?.cell?.(rowId, columnId) ?? []);
+  return { id: "cell", title: payload.columnLabel || "Cell", items };
+}
+function rowSection(rowId, ctx, rowText) {
+  const a = ctx.actions;
+  const mayWrite = ctx.mayWriteRow(rowId);
+  const items = [];
+  if (a.openRecord) {
+    items.push({ id: "row-open", label: "Open record", icon: "panel-right", shortcut: "Space", onSelect: () => a.openRecord?.(rowId) });
+    items.push({ id: "row-history", label: "Row history", icon: "history", onSelect: () => a.openRecord?.(rowId) });
+  }
+  if (rowText !== null) {
+    items.push({ id: "row-copy", label: "Copy row", icon: "copy", onSelect: () => a.copyText(rowText, "The row") });
+  }
+  const noPlace = "This view is sorted, so a new record lands where its sort puts it. Reorder places rows by hand; New record adds one.";
+  const insertWhy = !ctx.mayAddRecord ? ctx.whyNotAdd : a.insertRow ? void 0 : noPlace;
+  items.push(
+    { id: "row-insert-above", label: "Insert row above", icon: "plus", disabledReason: insertWhy, onSelect: () => a.insertRow?.(rowId, "above") },
+    { id: "row-insert-below", label: "Insert row below", icon: "plus", disabledReason: insertWhy, onSelect: () => a.insertRow?.(rowId, "below") },
+    {
+      id: "row-duplicate",
+      label: "Duplicate row",
+      icon: "copy-plus",
+      disabledReason: ctx.mayAddRecord ? void 0 : ctx.whyNotAdd,
+      onSelect: () => a.duplicateRow(rowId)
+    },
+    {
+      id: "row-archive",
+      label: "Delete row\u2026",
+      icon: "trash",
+      destructive: true,
+      disabledReason: mayWrite ? void 0 : ctx.whyNotWrite(rowId),
+      onSelect: () => a.archiveRow(rowId)
+    }
+  );
+  items.push(...ctx.extras?.row?.(rowId) ?? []);
+  return { id: "row", title: ctx.extras?.rowTitle?.(rowId) || "Row", items };
+}
+function columnSection(columnId, columnLabel2, ctx) {
+  const a = ctx.actions;
+  const sorted = ctx.sortedBy?.id === columnId ? ctx.sortedBy.direction : null;
+  const field2 = fieldOf(ctx, columnId);
+  const refused = field2 ? sortRefusal(field2) ?? void 0 : void 0;
+  return {
+    id: "column",
+    title: columnLabel2 || columnWords(ctx, columnId),
+    items: [
+      { id: "col-sort-asc", label: "Sort A\u2192Z", icon: "arrow-up-a-z", disabledReason: refused ?? (sorted === "asc" ? "Already sorted A\u2192Z." : void 0), onSelect: () => a.sortBy(columnId, "asc") },
+      { id: "col-sort-desc", label: "Sort Z\u2192A", icon: "arrow-down-a-z", disabledReason: refused ?? (sorted === "desc" ? "Already sorted Z\u2192A." : void 0), onSelect: () => a.sortBy(columnId, "desc") },
+      ...sorted ? [{ id: "col-sort-clear", label: "Clear sort", icon: "arrow-up-down", onSelect: () => a.sortBy(columnId, null) }] : [],
+      ...headerMenuItems(columnId, ctx)
+    ]
+  };
+}
+function tableSection(ctx) {
+  const a = ctx.actions;
+  const items = [
+    { id: "table-new-record", label: "New record", icon: "plus", disabledReason: ctx.mayAddRecord ? void 0 : ctx.whyNotAdd, onSelect: () => a.newRecord() }
+  ];
+  if (a.addColumn) {
+    items.push({
+      id: "table-add-column",
+      label: "Add column\u2026",
+      icon: "plus",
+      disabledReason: ctx.mayStructure ? void 0 : ctx.whyNotStructure,
+      onSelect: () => a.addColumn?.()
+    });
+  }
+  items.push(...ctx.extras?.table?.() ?? []);
+  return { id: "table", title: "Table", items };
+}
+function gridMenuSections(payload, ctx, rowText = () => null) {
+  switch (payload.level) {
+    case "cell":
+      return [
+        { ...cellSection(payload, ctx), primary: true },
+        rowSection(payload.rowId, ctx, rowText(payload.rowId)),
+        columnSection(payload.columnId, payload.columnLabel, ctx),
+        tableSection(ctx)
+      ];
+    case "row":
+      return [{ ...rowSection(payload.rowId, ctx, rowText(payload.rowId)), primary: true }, tableSection(ctx)];
+    case "column":
+      return [{ ...columnSection(payload.columnId, payload.columnLabel, ctx), primary: true }, tableSection(ctx)];
+    case "selection": {
+      const n = payload.cellCount;
+      const blocked = payload.rowIds.find((id) => !ctx.mayWriteRow(id));
+      const untypeable = payload.columnIds.find((id) => !ctx.typeable(id));
+      const why = blocked ? ctx.whyNotWrite(blocked) : untypeable ? `${columnWords(ctx, untypeable)} is worked out by the table; nobody types it.` : void 0;
+      const cells = payload.rowIds.flatMap((rowId) => payload.columnIds.map((columnId) => ({ rowId, columnId })));
+      return [
+        {
+          id: "selection",
+          title: `${n} ${n === 1 ? "cell" : "cells"}`,
+          primary: true,
+          items: [
+            { id: "sel-copy", label: `Copy ${n} cells`, icon: "copy", shortcut: "\u2318C", onSelect: () => ctx.actions.copyText(payload.tsv, `${n} cells`) },
+            { id: "sel-clear", label: `Clear ${n} cells`, icon: "eraser", destructive: true, disabledReason: why, onSelect: () => ctx.actions.clearCells(cells) },
+            {
+              id: "sel-fill-down",
+              label: "Fill down",
+              icon: "arrow-down-to-line",
+              shortcut: "\u2318D",
+              disabledReason: why ?? (payload.rowIds.length < 2 ? "Select at least two rows to fill down." : void 0),
+              onSelect: () => ctx.actions.fillDown(payload.rowIds, payload.columnIds)
+            }
+          ]
+        },
+        tableSection(ctx)
+      ];
+    }
+    case "table":
+      return [{ ...tableSection(ctx), primary: true }];
+  }
+}
+function placeColumn(order, newKey, anchor, side) {
+  const rest = order.filter((k) => k !== newKey);
+  const at = rest.indexOf(anchor);
+  if (at < 0) return [...rest, newKey];
+  const index = side === "left" ? at : at + 1;
+  return [...rest.slice(0, index), newKey, ...rest.slice(index)];
+}
+function columnsInKeptOrder(fieldKeys, kept) {
+  if (!kept || kept.length === 0) return [...fieldKeys];
+  const known = new Set(fieldKeys);
+  const named = kept.filter((k, i) => known.has(k) && kept.indexOf(k) === i);
+  const namedSet = new Set(named);
+  return [...named, ...fieldKeys.filter((k) => !namedSet.has(k))];
+}
+function compareFieldOrder(a, b) {
+  const bySort = (a.sort ?? 100) - (b.sort ?? 100);
+  if (bySort !== 0) return bySort;
+  const made = String(a.created_at ?? "").localeCompare(String(b.created_at ?? ""));
+  if (made !== 0) return made;
+  return a.key.localeCompare(b.key);
+}
+function nextFieldSort(fields) {
+  let last = 0;
+  for (const f of fields ?? []) last = Math.max(last, f.sort ?? 100);
+  return last + 1;
+}
+
+// src/FieldEditor.tsx
+var import_records9 = require("@ai-matrx/records");
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var RULE_KINDS = FIELD_RULE_KIND_VALUES.map((kind) => ({ kind, label: FIELD_RULE_KIND_LABEL[kind] }));
+var SENSITIVITIES = import_records9.FIELD_SENSITIVITIES.map((value) => ({ value, label: FIELD_SENSITIVITY_LABEL[value] }));
+var AGENT_VISIBILITY = import_records9.CONTEXT_POLICIES.map((value) => ({ value, label: CONTEXT_POLICY_LABEL[value] }));
+var ROLLUP_OPERATIONS = ROLLUP_AGG_VALUES.map((value) => ({
+  value,
+  label: ROLLUP_AGG_LABEL[value]
+}));
+var FORMULA_SEPARATOR_LABEL = "Joined by";
+var EDITING_A_WORKED_OUT_COLUMN = "This column works out its answer from the columns picked when it was made. To change what it works out, write it as a formula below \u2014 the store checks it as you type, and a rename alone leaves it exactly as it is.";
+var FORMULA_DEFAULT_SEPARATOR = " \u2014 ";
+var FORMULA_OPERATIONS = FORMULA_OP_VALUES.map((value) => ({
+  value,
+  label: FORMULA_OP_LABEL[value],
+  joins: FORMULA_OP_JOINS[value]
+}));
+function keyFor(label) {
+  const token = label.trim().toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, "").slice(0, 48);
+  if (token === "") return "";
+  return /^[a-z]/.test(token) ? token : `f_${token}`;
+}
+var COLUMN_DID_NOT_LAND_SENTENCE = "The store accepted this column and the table does not have it yet. Nothing was lost \u2014 your record values are untouched \u2014 but the column is not there, so this panel is staying open.";
+var COLUMN_DID_NOT_LAND_REMEDY = "Press Save again; if it keeps happening, tell us, because the store and the table disagree and that is ours to fix.";
+var COLUMN_DID_NOT_LAND = `${COLUMN_DID_NOT_LAND_SENTENCE} ${COLUMN_DID_NOT_LAND_REMEDY}`;
+function FieldEditor({ tableId, field: field2, onSaved, onCancel, onRemoved, className }) {
+  const table = (0, import_react30.useTable)(tableId);
+  const fields = (0, import_react30.useFields)(tableId);
+  const rights = useTableRights(table.data);
+  const mutation = (0, import_react30.useFieldMutation)();
+  const client = (0, import_react30.useRecordsClient)();
+  const [label, setLabel] = (0, import_react29.useState)(field2?.label ?? "");
+  const [type, setType] = (0, import_react29.useState)(() => startingType(field2));
+  const [required, setRequired] = (0, import_react29.useState)(field2?.required ?? false);
+  const [multi, setMulti] = (0, import_react29.useState)(field2?.multi ?? false);
+  const [dated, setDated] = (0, import_react29.useState)(field2?.dated ?? false);
+  const [sensitivity, setSensitivity] = (0, import_react29.useState)(String(field2?.sensitivity ?? "internal"));
+  const [contextPolicy, setContextPolicy] = (0, import_react29.useState)(String(field2?.context_policy ?? "include"));
+  const [rules, setRules] = (0, import_react29.useState)(field2?.rules ?? []);
+  const [allowOther, setAllowOther] = (0, import_react29.useState)(field2?.config?.["allow_other"] === true);
+  const [optionText, setOptionText] = (0, import_react29.useState)("");
+  const [unit, setUnit] = (0, import_react29.useState)(field2?.unit ?? "$");
+  const [withTime, setWithTime] = (0, import_react29.useState)(String(field2?.config?.["kind"] ?? "date") === "datetime");
+  const [via, setVia] = (0, import_react29.useState)(String(field2?.config?.["via"] ?? ""));
+  const [pick, setPick] = (0, import_react29.useState)(String(field2?.config?.["pick"] ?? ""));
+  const [agg, setAgg] = (0, import_react29.useState)(
+    field2?.config?.["agg"] ?? "count"
+  );
+  const [of, setOf] = (0, import_react29.useState)(String(field2?.config?.["of"] ?? ""));
+  const [relationTarget, setRelationTarget] = (0, import_react29.useState)(String(field2?.relation_target ?? ""));
+  const [display, setDisplay] = (0, import_react29.useState)(field2?.display ?? null);
+  const [formulaOp, setFormulaOp] = (0, import_react29.useState)(() => formulaOpOf(field2));
+  const [formulaFields, setFormulaFields] = (0, import_react29.useState)(() => formulaFieldIdsOf(field2));
+  const [formulaSeparator, setFormulaSeparator] = (0, import_react29.useState)(() => formulaSeparatorOf(field2));
+  const [allowedTypes, setAllowedTypes] = (0, import_react29.useState)(() => entityReferenceKindsOf(field2));
+  const startingFormulaText = String(field2?.config?.["formula_text"] ?? "");
+  const [formulaText, setFormulaText] = (0, import_react29.useState)(startingFormulaText);
+  const [formulaWritten, setFormulaWritten] = (0, import_react29.useState)(() => startingFormulaText.trim() !== "" || Boolean(field2));
+  const [formulaOk, setFormulaOk] = (0, import_react29.useState)(null);
+  const [askingToRemove, setAskingToRemove] = (0, import_react29.useState)(false);
+  const [choiceRows, setChoiceRows] = (0, import_react29.useState)(null);
+  const [showsAs, setShowsAs] = (0, import_react29.useState)(() => field2 ? startingChoice(field2) : { format: null, retype: null });
+  const [backfillError, setBackfillError] = (0, import_react29.useState)(null);
+  const [notLanded, setNotLanded] = (0, import_react29.useState)(false);
+  const others = (0, import_react29.useMemo)(
+    () => (fields.data ?? []).filter((f) => f.id !== field2?.id),
+    [fields.data, field2?.id]
+  );
+  const relations = (0, import_react29.useMemo)(() => others.filter((f) => f.type === "relation"), [others]);
+  const choice = fieldTypeChoice(type);
+  const editing = Boolean(field2);
+  if (!rights.structure) {
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: (0, import_design_system17.cn)("text-xs text-muted-foreground", className), children: rights.why("structure") });
+  }
+  const options = optionText.split("\n").map((word) => word.trim()).filter((word) => word !== "");
+  const formulaChanged = formulaText.trim() !== startingFormulaText.trim();
+  const formulaMissing = type !== "formula" || !formulaWritten ? null : editing && !formulaChanged ? null : formulaText.trim() === "" ? "Write the formula this column works out." : formulaOk === false ? "The formula has a mistake \u2014 it is marked above." : formulaOk === null ? "Checking the formula\u2026" : null;
+  const missing = editing ? formulaMissing : formulaMissing ?? (type === "formula" && formulaWritten ? null : whatIsMissing({ type, label, options, via, pick, agg, of, relations, formulaFields, relationTarget, allowedTypes }));
+  const save = async () => {
+    if (missing) return;
+    if (editing && field2) {
+      const chooses = type === "select" || type === "multi_select";
+      const look = chooses ? choiceRows ? choiceDisplayPatch(field2, choiceRows) : null : null;
+      const shownAs = chooses ? void 0 : formatPatch(field2, showsAs);
+      const patch = {
+        // The column's look travels in the same settings patch (`display_format`), so a save is
+        // still one store call. `FieldPatch` does not declare the key yet (store gap, reported);
+        // the door has carried it since the Sheet's seam started writing it.
+        ...chooses ? look ? { display_format: look } : {} : shownAs ?? {},
+        label,
+        required,
+        dated,
+        sensitivity,
+        context_policy: contextPolicy,
+        rules,
+        // FLD-2. THE SHAPE OF THE VALUE, WHICH IS A SETTING LIKE ANY OTHER. This
+        // patch never carried it, so the tick beside "Can hold more than one"
+        // was decoration on an existing column — and the store's own roll-up
+        // refusal tells a person to use exactly that tick. It is sent ALONE:
+        // `custom.field_update` honours a `multi`-only patch since FIX-7B-FIELD's
+        // migration (before it, the door read `multi` only inside its behaviour
+        // arm, answered "saved" and changed nothing), so there is no behaviour
+        // word to send beside it and sending one would retype a column nobody
+        // asked to retype.
+        ...multiApplies(type) ? { multi } : {},
+        ...unitApplies(type) ? { unit } : {},
+        // An empty box means "leave the choices alone"; a list replaces them.
+        ...optionText.trim() === "" ? {} : { options },
+        // REL-DISP. Which of the other record's columns this one shows. Sent for
+        // every relation column, `null` included, because `null` is how the door
+        // REMOVES a spec and the column goes back to the target table's own
+        // reference column — a panel that only sent the key when it was set
+        // could turn the override on and never off.
+        ...field2.type === "relation" ? { display } : {},
+        // STORE-RULE-GAPS: a choice list's own setting, sent for every list so
+        // turning it off is as possible as turning it on.
+        ...field2.type === "list" ? { allow_other: allowOther } : {},
+        // K2: a re-aimed formula goes WITH its type word, the arm `field_update` reads it in.
         ...type === "formula" && formulaWritten && formulaChanged && formulaText.trim() !== "" ? { type: "formula", formula_text: formulaText.trim() } : {}
       };
       const written2 = await mutation.update({ field_id: field2.id, patch });
@@ -5024,6 +5636,10 @@ function FieldEditor({ tableId, field: field2, onSaved, onCancel, onRemoved, cla
     }
     const spec = {
       label,
+      // A NEW COLUMN LANDS AT THE END (lane C, review 2026-09-26 C5): declared one past the last
+      // column's `sort`, so every view and every client draws it last — never in the alphabetical
+      // slot of its internal key.
+      sort: nextFieldSort(fields.data),
       ...isRelationFieldType(type) ? {
         type: "relation",
         relation_target: relationTarget,
@@ -5642,10 +6258,10 @@ function entityReferenceKindsOf(field2) {
 
 // src/gridColors.tsx
 var import_react31 = require("react");
-var import_records8 = require("@ai-matrx/records");
+var import_records10 = require("@ai-matrx/records");
 var import_react32 = require("@ai-matrx/records/react");
 var import_design_system18 = require("@ai-matrx/design-system");
-var import_data_table6 = require("@ai-matrx/design-system/data-table");
+var import_data_table7 = require("@ai-matrx/design-system/data-table");
 var import_jsx_runtime22 = require("react/jsx-runtime");
 function isChoiceField(field2) {
   const kind = String(editorKindFor(field2));
@@ -5701,7 +6317,7 @@ function useChoiceOptions(fields, keys) {
   return index;
 }
 function lookOf(option) {
-  return { id: String(option.id), key: (0, import_records8.optionKey)(option), label: (0, import_records8.optionLabel)(option) };
+  return { id: String(option.id), key: (0, import_records10.optionKey)(option), label: (0, import_records10.optionLabel)(option) };
 }
 function paintByOption(style, fields, index, lookup) {
   if (index.size === 0) return { style, documentOf: (doc) => doc, choiceColorFor: lookup };
@@ -5761,7 +6377,7 @@ function rulesLeaf(drafts, fields) {
       ...d.id ? { id: d.id } : {},
       field: field2.id,
       op: d.op,
-      ...import_data_table6.OPS_WITH_VALUE.includes(d.op) ? { value: d.value } : {},
+      ...import_data_table7.OPS_WITH_VALUE.includes(d.op) ? { value: d.value } : {},
       color: d.color,
       target: d.target
     });
@@ -5770,9 +6386,9 @@ function rulesLeaf(drafts, fields) {
 }
 function swatches(prefix, current, write) {
   return [
-    ...import_data_table6.STYLE_COLORS.map((color) => ({
+    ...import_data_table7.STYLE_COLORS.map((color) => ({
       id: `${prefix}-${color}`,
-      label: color === current ? `${import_data_table6.STYLE_COLOR_LABELS[color]} (now)` : import_data_table6.STYLE_COLOR_LABELS[color],
+      label: color === current ? `${import_data_table7.STYLE_COLOR_LABELS[color]} (now)` : import_data_table7.STYLE_COLOR_LABELS[color],
       onSelect: () => write(color)
     })),
     ...current ? [{ id: `${prefix}-none`, label: "No highlight", onSelect: () => write(null) }] : []
@@ -5838,11 +6454,11 @@ function useGridColours(args) {
           },
           {
             id: "col-highlight",
-            label: column ? `Highlight column (${import_data_table6.STYLE_COLOR_LABELS[column]})` : "Highlight column",
+            label: column ? `Highlight column (${import_data_table7.STYLE_COLOR_LABELS[column]})` : "Highlight column",
             submenu: swatches(
               "col-highlight",
               column,
-              (color) => void write(["columns", field2.id], color, color ? `${name} is highlighted ${import_data_table6.STYLE_COLOR_LABELS[color].toLowerCase()}.` : `${name} is no longer highlighted.`)
+              (color) => void write(["columns", field2.id], color, color ? `${name} is highlighted ${import_data_table7.STYLE_COLOR_LABELS[color].toLowerCase()}.` : `${name} is no longer highlighted.`)
             )
           }
         ]
@@ -5907,7 +6523,7 @@ function useGridColours(args) {
 }
 var SELECT2 = "h-8 rounded border bg-background px-1 text-xs";
 var CHOICE_OPS = ["is", "is_not", "is_empty", "not_empty"].filter(
-  (op2) => import_data_table6.COLOR_RULE_OPS.includes(op2)
+  (op2) => import_data_table7.COLOR_RULE_OPS.includes(op2)
 );
 function ColourRulesDialog({
   open,
@@ -5957,10 +6573,10 @@ function ColourRulesDialog({
             className: SELECT2,
             value: rule.op,
             onChange: (e) => set(i, { op: e.target.value }),
-            children: (choicesOf(rule.field) ? import_data_table6.COLOR_RULE_OPS.filter((op2) => CHOICE_OPS.includes(op2)) : import_data_table6.COLOR_RULE_OPS).map((op2) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("option", { value: op2, children: import_data_table6.COLOR_RULE_OP_LABELS[op2] }, op2))
+            children: (choicesOf(rule.field) ? import_data_table7.COLOR_RULE_OPS.filter((op2) => CHOICE_OPS.includes(op2)) : import_data_table7.COLOR_RULE_OPS).map((op2) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("option", { value: op2, children: import_data_table7.COLOR_RULE_OP_LABELS[op2] }, op2))
           }
         ),
-        import_data_table6.OPS_WITH_VALUE.includes(rule.op) && choicesOf(rule.field) ? /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+        import_data_table7.OPS_WITH_VALUE.includes(rule.op) && choicesOf(rule.field) ? /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
           "select",
           {
             "aria-label": "Choice",
@@ -5973,7 +6589,7 @@ function ColourRulesDialog({
               choicesOf(rule.field).map((option) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("option", { value: option.id, children: option.label }, option.id))
             ]
           }
-        ) : import_data_table6.OPS_WITH_VALUE.includes(rule.op) ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        ) : import_data_table7.OPS_WITH_VALUE.includes(rule.op) ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           "input",
           {
             "aria-label": "Value",
@@ -5996,7 +6612,7 @@ function ColourRulesDialog({
             className: SELECT2,
             value: rule.color,
             onChange: (e) => set(i, { color: e.target.value }),
-            children: import_data_table6.STYLE_COLORS.map((c) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("option", { value: c, children: import_data_table6.STYLE_COLOR_LABELS[c] }, c))
+            children: import_data_table7.STYLE_COLORS.map((c) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("option", { value: c, children: import_data_table7.STYLE_COLOR_LABELS[c] }, c))
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_design_system18.Button, { type: "button", size: "sm", variant: "ghost", onClick: () => setDrafts(rows.filter((_, j) => j !== i)), children: "Remove" })
@@ -6039,207 +6655,9 @@ function ColourRulesDialog({
 var import_react33 = require("react");
 var import_react34 = require("@ai-matrx/records/react");
 var import_design_system19 = require("@ai-matrx/design-system");
-
-// src/gridMenus.ts
-function fieldOf(ctx, columnId) {
-  return ctx.fields.find((f) => f.key === columnId);
-}
-function columnWords(ctx, columnId) {
-  const field2 = fieldOf(ctx, columnId);
-  return field2 ? fieldName(field2) : columnId;
-}
-function rowLabelRefusal(field2) {
-  if (!field2) return "This column is not one of the table's own.";
-  const kind = String(field2.type);
-  if (kind === "formula" || kind === "lookup" || kind === "rollup") {
-    return `${fieldName(field2)} is worked out by the table, and a record is named by a column people fill in.`;
-  }
-  if (kind === "relation") return `${fieldName(field2)} points at other records; a record is named by its own words.`;
-  return void 0;
-}
-function headerMenuItems(columnId, ctx) {
-  const field2 = fieldOf(ctx, columnId);
-  const shape = ctx.mayStructure ? void 0 : ctx.whyNotStructure;
-  const isLabel = ctx.titleField === columnId;
-  const labelRefusal = shape ?? (isLabel ? "Records are already named by this column." : rowLabelRefusal(field2));
-  const a = ctx.actions;
-  return [
-    { id: "col-rename", label: "Rename column", icon: "pencil", disabledReason: shape, onSelect: () => a.renameColumn(columnId) },
-    { id: "col-settings", label: "Column settings\u2026", icon: "settings", disabledReason: shape, onSelect: () => a.columnSettings(columnId) },
-    { id: "col-insert-left", label: "Insert column left\u2026", icon: "panel-left", disabledReason: shape, onSelect: () => a.insertColumn(columnId, "left") },
-    { id: "col-insert-right", label: "Insert column right\u2026", icon: "panel-right", disabledReason: shape, onSelect: () => a.insertColumn(columnId, "right") },
-    {
-      id: "col-row-label",
-      label: isLabel ? "Names each record" : "Use as row label",
-      icon: "tag",
-      disabledReason: labelRefusal,
-      onSelect: () => a.useAsRowLabel(columnId)
-    },
-    ...ctx.extras?.header?.(columnId) ?? [],
-    { id: "col-hide", label: "Hide column", icon: "eye-off", onSelect: () => a.hideColumn(columnId) },
-    {
-      id: "col-delete",
-      label: "Delete column\u2026",
-      icon: "trash",
-      destructive: true,
-      disabledReason: shape ?? (isLabel ? "Records are named by this column; pick another row label first." : void 0),
-      onSelect: () => a.deleteColumn(columnId)
-    }
-  ];
-}
-function cellSection(payload, ctx) {
-  const a = ctx.actions;
-  const { rowId, columnId } = payload;
-  const mayWrite = ctx.mayWriteRow(rowId);
-  const typeable = ctx.typeable(columnId);
-  const why = !mayWrite ? ctx.whyNotWrite(rowId) : !typeable ? `${columnWords(ctx, columnId)} is worked out by the table; nobody types it.` : void 0;
-  const items = [
-    { id: "cell-copy", label: "Copy cell", icon: "copy", shortcut: "\u2318C", onSelect: () => a.copyText(payload.text, "The cell") },
-    { id: "cell-paste", label: "Paste", icon: "clipboard-paste", shortcut: "\u2318V", disabledReason: why, onSelect: () => a.pasteInto(rowId, columnId) },
-    { id: "cell-clear", label: "Clear cell", icon: "eraser", destructive: true, disabledReason: why, onSelect: () => a.clearCells([{ rowId, columnId }]) }
-  ];
-  if (a.askWhoChanged) {
-    items.push({ id: "cell-history", label: "Who changed this?", icon: "history", shortcut: "\u2325\u21E7H", onSelect: () => a.askWhoChanged?.(columnId, rowId) });
-  }
-  const empty = payload.value === null || payload.value === void 0 || payload.value === "";
-  items.push({
-    id: "cell-filter",
-    label: empty ? "Show rows where this is empty" : "Show rows with this value",
-    icon: "filter",
-    onSelect: () => a.filterBy(columnId, payload.value)
-  });
-  items.push(...ctx.extras?.cell?.(rowId, columnId) ?? []);
-  return { id: "cell", title: payload.columnLabel || "Cell", items };
-}
-function rowSection(rowId, ctx, rowText) {
-  const a = ctx.actions;
-  const mayWrite = ctx.mayWriteRow(rowId);
-  const items = [];
-  if (a.openRecord) {
-    items.push({ id: "row-open", label: "Open record", icon: "panel-right", shortcut: "Space", onSelect: () => a.openRecord?.(rowId) });
-    items.push({ id: "row-history", label: "Row history", icon: "history", onSelect: () => a.openRecord?.(rowId) });
-  }
-  if (rowText !== null) {
-    items.push({ id: "row-copy", label: "Copy row", icon: "copy", onSelect: () => a.copyText(rowText, "The row") });
-  }
-  const noPlace = "This view is sorted, so a new record lands where its sort puts it. Reorder places rows by hand; New record adds one.";
-  const insertWhy = !ctx.mayAddRecord ? ctx.whyNotAdd : a.insertRow ? void 0 : noPlace;
-  items.push(
-    { id: "row-insert-above", label: "Insert row above", icon: "plus", disabledReason: insertWhy, onSelect: () => a.insertRow?.(rowId, "above") },
-    { id: "row-insert-below", label: "Insert row below", icon: "plus", disabledReason: insertWhy, onSelect: () => a.insertRow?.(rowId, "below") },
-    {
-      id: "row-duplicate",
-      label: "Duplicate row",
-      icon: "copy-plus",
-      disabledReason: ctx.mayAddRecord ? void 0 : ctx.whyNotAdd,
-      onSelect: () => a.duplicateRow(rowId)
-    },
-    {
-      id: "row-archive",
-      label: "Delete row\u2026",
-      icon: "trash",
-      destructive: true,
-      disabledReason: mayWrite ? void 0 : ctx.whyNotWrite(rowId),
-      onSelect: () => a.archiveRow(rowId)
-    }
-  );
-  items.push(...ctx.extras?.row?.(rowId) ?? []);
-  return { id: "row", title: ctx.extras?.rowTitle?.(rowId) || "Row", items };
-}
-function columnSection(columnId, columnLabel2, ctx) {
-  const a = ctx.actions;
-  const sorted = ctx.sortedBy?.id === columnId ? ctx.sortedBy.direction : null;
-  return {
-    id: "column",
-    title: columnLabel2 || columnWords(ctx, columnId),
-    items: [
-      { id: "col-sort-asc", label: "Sort A\u2192Z", icon: "arrow-up-a-z", disabledReason: sorted === "asc" ? "Already sorted A\u2192Z." : void 0, onSelect: () => a.sortBy(columnId, "asc") },
-      { id: "col-sort-desc", label: "Sort Z\u2192A", icon: "arrow-down-a-z", disabledReason: sorted === "desc" ? "Already sorted Z\u2192A." : void 0, onSelect: () => a.sortBy(columnId, "desc") },
-      ...sorted ? [{ id: "col-sort-clear", label: "Clear sort", icon: "arrow-up-down", onSelect: () => a.sortBy(columnId, null) }] : [],
-      ...headerMenuItems(columnId, ctx)
-    ]
-  };
-}
-function tableSection(ctx) {
-  const a = ctx.actions;
-  const items = [
-    { id: "table-new-record", label: "New record", icon: "plus", disabledReason: ctx.mayAddRecord ? void 0 : ctx.whyNotAdd, onSelect: () => a.newRecord() }
-  ];
-  if (a.addColumn) {
-    items.push({
-      id: "table-add-column",
-      label: "Add column\u2026",
-      icon: "plus",
-      disabledReason: ctx.mayStructure ? void 0 : ctx.whyNotStructure,
-      onSelect: () => a.addColumn?.()
-    });
-  }
-  items.push(...ctx.extras?.table?.() ?? []);
-  return { id: "table", title: "Table", items };
-}
-function gridMenuSections(payload, ctx, rowText = () => null) {
-  switch (payload.level) {
-    case "cell":
-      return [
-        { ...cellSection(payload, ctx), primary: true },
-        rowSection(payload.rowId, ctx, rowText(payload.rowId)),
-        columnSection(payload.columnId, payload.columnLabel, ctx),
-        tableSection(ctx)
-      ];
-    case "row":
-      return [{ ...rowSection(payload.rowId, ctx, rowText(payload.rowId)), primary: true }, tableSection(ctx)];
-    case "column":
-      return [{ ...columnSection(payload.columnId, payload.columnLabel, ctx), primary: true }, tableSection(ctx)];
-    case "selection": {
-      const n = payload.cellCount;
-      const blocked = payload.rowIds.find((id) => !ctx.mayWriteRow(id));
-      const untypeable = payload.columnIds.find((id) => !ctx.typeable(id));
-      const why = blocked ? ctx.whyNotWrite(blocked) : untypeable ? `${columnWords(ctx, untypeable)} is worked out by the table; nobody types it.` : void 0;
-      const cells = payload.rowIds.flatMap((rowId) => payload.columnIds.map((columnId) => ({ rowId, columnId })));
-      return [
-        {
-          id: "selection",
-          title: `${n} ${n === 1 ? "cell" : "cells"}`,
-          primary: true,
-          items: [
-            { id: "sel-copy", label: `Copy ${n} cells`, icon: "copy", shortcut: "\u2318C", onSelect: () => ctx.actions.copyText(payload.tsv, `${n} cells`) },
-            { id: "sel-clear", label: `Clear ${n} cells`, icon: "eraser", destructive: true, disabledReason: why, onSelect: () => ctx.actions.clearCells(cells) },
-            {
-              id: "sel-fill-down",
-              label: "Fill down",
-              icon: "arrow-down-to-line",
-              shortcut: "\u2318D",
-              disabledReason: why ?? (payload.rowIds.length < 2 ? "Select at least two rows to fill down." : void 0),
-              onSelect: () => ctx.actions.fillDown(payload.rowIds, payload.columnIds)
-            }
-          ]
-        },
-        tableSection(ctx)
-      ];
-    }
-    case "table":
-      return [{ ...tableSection(ctx), primary: true }];
-  }
-}
-function placeColumn(order, newKey, anchor, side) {
-  const rest = order.filter((k) => k !== newKey);
-  const at = rest.indexOf(anchor);
-  if (at < 0) return [...rest, newKey];
-  const index = side === "left" ? at : at + 1;
-  return [...rest.slice(0, index), newKey, ...rest.slice(index)];
-}
-function columnsInKeptOrder(fieldKeys, kept) {
-  if (!kept || kept.length === 0) return [...fieldKeys];
-  const known = new Set(fieldKeys);
-  const named = kept.filter((k, i) => known.has(k) && kept.indexOf(k) === i);
-  const namedSet = new Set(named);
-  return [...named, ...fieldKeys.filter((k) => !namedSet.has(k))];
-}
-
-// src/gridRowLabel.tsx
 var import_jsx_runtime23 = require("react/jsx-runtime");
 function labelColumns(fields) {
-  return [...fields].filter((f) => rowLabelRefusal(f) === void 0).sort((a, b) => (a.sort ?? 100) - (b.sort ?? 100) || a.key.localeCompare(b.key));
+  return [...fields].filter((f) => rowLabelRefusal(f) === void 0).sort(compareFieldOrder);
 }
 var JOINED_LABEL_LIMIT = "The record store names each record by the words one column holds, so a name joined from several columns (First and Last) is not something it keeps yet. Add a column that holds the whole name and pick it here, or pick the one column that names a record best.";
 function RowLabelPicker({
@@ -6333,7 +6751,7 @@ function RowLabelPicker({
 // src/gridSummaries.tsx
 var import_react35 = require("react");
 var import_react36 = require("@ai-matrx/records/react");
-var import_records9 = require("@ai-matrx/records");
+var import_records11 = require("@ai-matrx/records");
 var import_design_system20 = require("@ai-matrx/design-system");
 
 // src/gridLook.ts
@@ -6533,7 +6951,7 @@ function useColumnSummaries(args) {
       const out = {};
       for (const [key, op2] of entries) {
         const measure = op2 === "count" ? { op: "count" } : { op: op2, key };
-        out[key] = row?.measures?.[(0, import_records9.measureKey)(measure)] ?? null;
+        out[key] = row?.measures?.[(0, import_records11.measureKey)(measure)] ?? null;
       }
       setValues(out);
       setRowCount(row?.row_count ?? 0);
@@ -6584,7 +7002,10 @@ function SummaryCell({
         "data-records-summary": field2.key,
         className: (0, import_design_system20.cn)(
           "h-6 max-w-full justify-start gap-1 px-1 text-xs font-normal",
-          chosen ? "text-foreground" : "text-muted-foreground"
+          // AN UNCHOSEN SUMMARY IS A HOVER, NOT A WORD IN EVERY FOOTER CELL (lane C, review
+          // 2026-09-26 E1 — Airtable's footer): it shows under the pointer, on keyboard focus and
+          // while its menu is open; the header menu's "Summarize column" is the other door.
+          chosen ? "text-foreground" : "text-muted-foreground opacity-0 hover:opacity-100 focus-visible:opacity-100 data-[state=open]:opacity-100"
         ),
         title: chosen && rowCount !== null ? `${label} of ${fieldName(field2)}, worked out by the store over all ${rowCount} record${rowCount === 1 ? "" : "s"} \u2014 not only this page.` : `Summarize ${fieldName(field2)}`,
         children: chosen ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
@@ -6633,7 +7054,7 @@ function summaryMenuItem(field2, firstColumn, chosen, operations, onChoose) {
 
 // src/pasteValues.ts
 var import_core4 = require("@ai-matrx/records/core");
-var import_records10 = require("@ai-matrx/records");
+var import_records12 = require("@ai-matrx/records");
 function wordForStoredChoice(options, value) {
   if (options === void 0 || typeof value !== "string" || value === "") return null;
   for (const label of options.labels) {
@@ -6646,7 +7067,7 @@ function choiceOptionsOf(options) {
   const labels = [];
   for (const option of options) {
     const id = option.id;
-    const key = (0, import_records10.optionKey)(option);
+    const key = (0, import_records12.optionKey)(option);
     const label = recordName(option.data, null, "");
     if (label) {
       labels.push(label);
@@ -6658,7 +7079,7 @@ function choiceOptionsOf(options) {
   return { byWord, labels };
 }
 function valueFromPastedText(field2, raw, options) {
-  return (0, import_records10.coerceTypedAnswer)(field2, raw, {
+  return (0, import_records12.coerceTypedAnswer)(field2, raw, {
     label: fieldName(field2),
     ...options ? { options } : {}
   });
@@ -6849,8 +7270,31 @@ function useMergedGridControls(args) {
     if (!made) return;
     pendingInsert.current = null;
     if (pending.anchor) keepColumns({ order: placeColumn(order, made, pending.anchor, pending.side), hidden });
-  }, [fieldKeys, order, hidden, keepColumns]);
+    else if (keptOrder && keptOrder.length > 0) keepColumns({ order: [...order.filter((k) => k !== made), made], hidden });
+  }, [fieldKeys, order, hidden, keepColumns, keptOrder]);
   const fieldOf2 = (0, import_react37.useCallback)((key) => fields.find((f) => f.key === key), [fields]);
+  const choiceKeys = (0, import_react37.useMemo)(() => enabled ? fields.filter(isChoiceField).map((f) => f.key) : [], [enabled, fields]);
+  const choiceOptions = useChoiceOptions(fields, choiceKeys);
+  const filterFor = (0, import_react37.useCallback)(
+    (key) => {
+      if (!enabled) return void 0;
+      const field2 = fieldOf2(key);
+      if (!field2) return void 0;
+      const kind = String(editorKindFor(field2));
+      if (kind === "number" || kind === "currency" || kind === "percent" || kind === "rating") return { filter: "number" };
+      if (kind === "datetime" || kind === "date") return { filter: "date" };
+      if (kind === "checkbox") return { filter: "boolean" };
+      if (!isChoiceField(field2)) return void 0;
+      const options = choiceOptions.get(key);
+      if (!options || options.length === 0) return { filter: "select" };
+      const holdsKeys = rows.some((row) => {
+        const v = (row.document ?? {})[key];
+        return (Array.isArray(v) ? v : [v]).some((x) => options.some((o) => o.key === x && o.id !== x));
+      });
+      return { filter: "select", filterOptions: options.map((o) => ({ value: holdsKeys ? o.key : o.id, label: o.label })) };
+    },
+    [enabled, fieldOf2, choiceOptions, rows]
+  );
   const copyText = (0, import_react37.useCallback)(
     (text, what) => {
       const clip = typeof navigator !== "undefined" ? navigator.clipboard : void 0;
@@ -7136,7 +7580,7 @@ function useMergedGridControls(args) {
         },
         children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_design_system21.DialogContent, { className: "max-h-[85vh] overflow-y-auto sm:max-w-2xl", children: [
           /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_design_system21.DialogHeader, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_design_system21.DialogTitle, { children: dialog?.kind === "settings" ? `Column settings \xB7 ${fieldName(dialog.field)}` : dialog?.kind === "insert" && dialog.anchor ? `New column ${dialog.side === "left" ? "left" : "right"} of ${fieldOf2(dialog.anchor) ? fieldName(fieldOf2(dialog.anchor)) : dialog.anchor}` : "New column" }),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_design_system21.DialogTitle, { children: dialog?.kind === "settings" ? `Column settings \xB7 ${fieldName(dialog.field)}` : dialog?.kind === "insert" && dialog.anchor ? `Add column ${dialog.side === "left" ? "left" : "right"} of ${fieldOf2(dialog.anchor) ? fieldName(fieldOf2(dialog.anchor)) : dialog.anchor}` : ADD_FIELD_OPEN_LABEL }),
             /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_design_system21.DialogDescription, { className: "sr-only", children: "The column\u2019s name, what it holds and how it looks." })
           ] }),
           dialog?.kind === "settings" ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
@@ -7198,6 +7642,7 @@ function useMergedGridControls(args) {
   ] });
   return {
     headerMenuFor,
+    filterFor,
     contextMenu,
     columns: enabled ? { order, hidden, onChange: keepColumns } : void 0,
     dialogs,
@@ -7225,9 +7670,11 @@ function useAddedRows(args) {
   const { tableId, enabled, pageRows, pageKey } = args;
   const client = (0, import_react40.useRecordsClient)();
   const [added, setAdded] = (0, import_react39.useState)([]);
+  const [anchors, setAnchors] = (0, import_react39.useState)(() => /* @__PURE__ */ new Map());
   const [busy, setBusy] = (0, import_react39.useState)(false);
   (0, import_react39.useEffect)(() => {
     setAdded([]);
+    setAnchors(/* @__PURE__ */ new Map());
   }, [pageKey, tableId]);
   const pinnedKey = added.map((r) => r.id).join(",");
   const asked = (0, import_react39.useRef)(0);
@@ -7249,11 +7696,11 @@ function useAddedRows(args) {
       );
     });
   }, [enabled, pageRows, pinnedKey, client, tableId]);
-  const rows = (0, import_react39.useMemo)(() => {
-    if (!enabled || added.length === 0) return pageRows;
-    const onPage = new Set(pageRows.map((r) => r.id));
-    return [...pageRows, ...added.filter((r) => !onPage.has(r.id))];
-  }, [enabled, pageRows, added]);
+  const rows = (0, import_react39.useMemo)(() => enabled ? placePinnedRows(pageRows, added, anchors) : pageRows, [enabled, pageRows, added, anchors]);
+  const pin = (0, import_react39.useCallback)((row, after) => {
+    setAdded((held) => held.some((r) => r.id === row.id) ? held : [...held, row]);
+    if (after) setAnchors((held) => new Map(held).set(row.id, after));
+  }, []);
   const add = (0, import_react39.useCallback)(async () => {
     setBusy(true);
     const written = await client.recordWrite({ table_id: tableId, data: {} });
@@ -7263,7 +7710,29 @@ function useAddedRows(args) {
     setAdded((held) => held.some((r) => r.id === id) ? held : [...held, { id, document: {}, level: "editor", hidden: {} }]);
     return { id };
   }, [client, tableId]);
-  return { rows, add, busy };
+  return { rows, add, pin, busy };
+}
+function placePinnedRows(pageRows, pinned, anchors) {
+  if (pinned.length === 0) return [...pageRows];
+  const pageIds = new Set(pageRows.map((r) => r.id));
+  const fresh = new Map(pageRows.map((r) => [r.id, r]));
+  const below = /* @__PURE__ */ new Map();
+  const placed = /* @__PURE__ */ new Set();
+  for (const row of pinned) {
+    const anchor = anchors.get(row.id);
+    if (anchor && anchor !== row.id && pageIds.has(anchor)) {
+      below.set(anchor, [...below.get(anchor) ?? [], fresh.get(row.id) ?? row]);
+      placed.add(row.id);
+    }
+  }
+  const out = [];
+  const walk = (row) => {
+    out.push(row);
+    for (const child of below.get(row.id) ?? []) walk(child);
+  };
+  for (const row of pageRows) if (!placed.has(row.id)) walk(row);
+  for (const row of pinned) if (!pageIds.has(row.id) && !placed.has(row.id)) out.push(row);
+  return out;
 }
 function withAddRowCells(columns, line) {
   if (line === null) return columns;
@@ -7785,6 +8254,10 @@ function reorderItems(rows, sort, label) {
   }
   return list.map((row) => ({ id: row.id, label: label(row) }));
 }
+function fieldColumnIds(ids, fields) {
+  const known = new Set(fields.map((f) => f.key));
+  return ids.filter((id) => known.has(id));
+}
 function columnLabel(fields, columnId) {
   const field2 = fields.find((f) => f.key === columnId);
   return field2 ? fieldName(field2) : humanize(columnId);
@@ -7796,8 +8269,8 @@ function AddFieldButton({ onClick }) {
       size: "sm",
       variant: "outline",
       onClick,
-      "aria-label": "Add a field",
-      title: "Add a field to this table",
+      "aria-label": "Add a column",
+      title: "Add a column to this table",
       children: "+"
     }
   );
@@ -7864,7 +8337,8 @@ function columnForField(field2, editing, mayWriteRow, whyNotRow, look, onAskWhoC
     ] }) : name,
     label: name,
     accessorFn: (row) => row.document?.[field2.key],
-    sortable: true,
+    // A column the store keeps no value for is not offered a sort it would refuse (`sortRefusal`).
+    sortable: sortRefusal(field2) === null,
     ...format ? { format } : {},
     /*
      * A frozen column MUST declare a width or the table declines to freeze at
@@ -7872,7 +8346,7 @@ function columnForField(field2, editing, mayWriteRow, whyNotRow, look, onAskWhoC
      * frozen column gets one here.
      */
     ...look?.frozen ? { frozen: true, width: FROZEN_COLUMN_WIDTH } : {},
-    filter: editorKindFor(field2) === "select" || editorKindFor(field2) === "multi_select" ? "select" : "auto",
+    filter: filterRefusal(field2) !== null ? false : editorKindFor(field2) === "select" || editorKindFor(field2) === "multi_select" ? "select" : "auto",
     cell: (row) => (
       /*
        * 🚨 A READING QUESTION IS NOT AN EDITING RIGHT. This used to read
@@ -8115,7 +8589,7 @@ function confirmLabel(plan, noun, nounPlural) {
 // src/gridActions.tsx
 var import_react44 = require("react");
 var import_react45 = require("@ai-matrx/records/react");
-var import_records11 = require("@ai-matrx/records");
+var import_records13 = require("@ai-matrx/records");
 var import_design_system26 = require("@ai-matrx/design-system");
 var import_jsx_runtime30 = require("react/jsx-runtime");
 var actionListeners = /* @__PURE__ */ new Map();
@@ -8208,7 +8682,7 @@ function useActionRunner(args) {
       const answered = await client.actionRun({ action_id: action.id, record_ids: ids });
       setBusy(null);
       if (!answered.ok) {
-        const refusals = (0, import_records11.actionRefusals)(answered.error);
+        const refusals = (0, import_records13.actionRefusals)(answered.error);
         setOutcome({
           kind: "refused",
           action,
@@ -8458,6 +8932,14 @@ function InTableToolbar({ children }) {
   if (slot === null) return null;
   return (0, import_react_dom.createPortal)(children, slot);
 }
+var TableToolbarFoldContext = (0, import_react46.createContext)(0);
+function useTableToolbarFold() {
+  return (0, import_react46.useContext)(TableToolbarFoldContext);
+}
+var TableToolbarSheetExtrasContext = (0, import_react46.createContext)(void 0);
+function useTableToolbarSheetExtras() {
+  return (0, import_react46.useContext)(TableToolbarSheetExtrasContext);
+}
 
 // src/GridLayoutMenu.tsx
 var import_react47 = require("react");
@@ -8567,114 +9049,10 @@ function GridLayoutMenu({
   ] });
 }
 
-// src/gridPage.ts
-var import_records12 = require("@ai-matrx/records");
-var import_data_table7 = require("@ai-matrx/design-system/data-table");
-function sortAsFor(field2) {
-  const kind = String(editorKindFor(field2));
-  if (kind === "number" || kind === "currency" || kind === "percent") return "number";
-  if (kind === "datetime") return "date";
-  return "text";
-}
-function pageSortFor(fields, sort) {
-  if (!sort) return [];
-  const field2 = fields.find((f) => f.key === sort.id);
-  if (!field2) return [];
-  return [{ field: field2.key, direction: sort.direction === "desc" ? "desc" : "asc", as: sortAsFor(field2) }];
-}
-function containsPattern(text) {
-  return `(?i)${text.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")}`;
-}
-var field = (f) => ({ field: f.id });
-var constant = (value) => ({ const: value });
-var op = (name, ...args) => ({ op: name, args });
-function clauseFor(f, value, now = /* @__PURE__ */ new Date()) {
-  const name = fieldName(f);
-  const not = (rule) => op("not", rule);
-  switch (value.kind) {
-    case "text": {
-      const mode = value.mode ?? "contains";
-      if (mode === "empty" || mode === "null") return value.negated ? { rule: op("present", field(f)) } : { rule: not(op("present", field(f))) };
-      if (mode === "not_empty" || mode === "not_null") return value.negated ? { rule: not(op("present", field(f))) } : { rule: op("present", field(f)) };
-      const text = value.value.trim();
-      if (text === "") return null;
-      const kind = String(editorKindFor(f));
-      if (kind === "number" || kind === "currency" || kind === "percent" || kind === "checkbox") {
-        return `${name} holds numbers, so it is filtered by a range, not by words.`;
-      }
-      const matches2 = op("matches", field(f), constant(containsPattern(text)));
-      return { rule: value.negated ? not(matches2) : matches2 };
-    }
-    case "select": {
-      const words2 = value.values ?? (value.value === "" ? [] : [value.value]);
-      if (words2.length === 0) return value.negated ? null : { rule: constant(false) };
-      if (words2.length === 1 && !value.negated) return { flat: { [f.key]: words2[0] } };
-      const any = words2.length === 1 ? op("eq", field(f), constant(words2[0])) : op("or", ...words2.map((w) => op("eq", field(f), constant(w))));
-      return { rule: value.negated ? not(any) : any };
-    }
-    case "boolean":
-      return value.negated ? { rule: op("ne", field(f), constant(value.value)) } : { flat: { [f.key]: value.value } };
-    case "number": {
-      const parts = [];
-      if (typeof value.min === "number") parts.push(op("gte", field(f), constant(value.min)));
-      if (typeof value.max === "number") parts.push(op("lte", field(f), constant(value.max)));
-      if (parts.length === 0) return null;
-      const range = parts.length === 1 ? parts[0] : op("and", ...parts);
-      return { rule: value.negated ? not(range) : range };
-    }
-    case "date": {
-      const bounds = (0, import_data_table7.dateFilterBounds)(value, now);
-      if (bounds.since === void 0 && bounds.until === void 0) return null;
-      return {
-        flat: {
-          [f.key]: {
-            ...bounds.since === void 0 ? {} : { from: bounds.since },
-            ...bounds.until === void 0 ? {} : { to: bounds.until }
-          }
-        }
-      };
-    }
-    default:
-      return `${name} cannot be filtered that way by the store.`;
-  }
-}
-function storeQuestion(fields, base, columnFilters, now = /* @__PURE__ */ new Date()) {
-  const refused = [];
-  const flat = {};
-  const rules = [];
-  if (base && (0, import_records12.isRuleFilter)(base)) rules.push(base);
-  else if (base) Object.assign(flat, base);
-  for (const [key, value] of Object.entries(columnFilters)) {
-    if (!value) continue;
-    const f = fields.find((candidate) => candidate.key === key);
-    if (!f) continue;
-    const clause = clauseFor(f, value, now);
-    if (clause === null) continue;
-    if (typeof clause === "string") {
-      refused.push(clause);
-      continue;
-    }
-    if ("flat" in clause) Object.assign(flat, clause.flat);
-    else rules.push(clause.rule);
-  }
-  const flatKeys = Object.keys(flat);
-  if (rules.length === 0) return { filter: flatKeys.length > 0 ? flat : void 0, refused };
-  for (const key of flatKeys) {
-    const f = fields.find((candidate) => candidate.key === key);
-    const value = flat[key];
-    if (!f) continue;
-    if (value !== null && typeof value === "object") {
-      refused.push(`${fieldName(f)}'s date range cannot be asked together with the other filters yet, so it is left off.`);
-      continue;
-    }
-    rules.push(value === null ? op("not", op("present", field(f))) : op("eq", field(f), constant(value)));
-  }
-  return { filter: rules.length === 1 ? rules[0] : op("and", ...rules), refused };
-}
-
 // src/gridUndo.tsx
 var import_react49 = require("react");
 var import_react50 = require("@ai-matrx/records/react");
+var import_core5 = require("@ai-matrx/records/core");
 var import_design_system28 = require("@ai-matrx/design-system");
 var import_data_table8 = require("@ai-matrx/design-system/data-table");
 var import_jsx_runtime34 = require("react/jsx-runtime");
@@ -8701,6 +9079,7 @@ function useGridUndo(args) {
   const [busy, setBusy] = (0, import_react49.useState)(false);
   const [notice, setNotice] = (0, import_react49.useState)(null);
   const counter = (0, import_react49.useRef)(0);
+  const dismiss = (0, import_react49.useCallback)(() => setNotice(null), []);
   const push = (0, import_react49.useCallback)((step2) => {
     if (step2.cells.length === 0 && !step2.created?.length && !step2.archived?.length) return;
     counter.current += 1;
@@ -8740,6 +9119,9 @@ function useGridUndo(args) {
         return;
       }
       forget(step2.cells.map((c) => ({ rowId: c.rowId, key: c.key })));
+      for (const id of /* @__PURE__ */ new Set([...step2.cells.map((c) => c.rowId), ...step2.created ?? [], ...step2.archived ?? []])) {
+        (0, import_core5.announceRecordChanged)(id);
+      }
       setHeld(() => {
         let stack = taken.stack;
         if (direction === "undo" && ((step2.created?.length ?? 0) > 0 || step2.noRedo)) {
@@ -8768,49 +9150,64 @@ function useGridUndo(args) {
       depth: { back: held.stack.past.length, forward: held.stack.future.length },
       busy,
       notice,
-      dismiss: () => setNotice(null)
+      dismiss,
+      say: (says, sticky = false) => setNotice({ says, refusal: sticky ? { code: "internal", message: says } : null, canUndo: false })
     }),
-    [push, undo, redo, held, busy, notice]
+    [push, undo, redo, held, busy, notice, dismiss]
   );
 }
 function UndoRedoButtons({ undo }) {
   if (undo.depth.back === 0 && undo.depth.forward === 0) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
-    undo.depth.back > 0 ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
       import_design_system28.Button,
       {
         size: "sm",
         variant: "ghost",
         "data-records-undo": "",
-        title: `Undo (Cmd-Z) \xB7 ${undo.depth.back} ${undo.depth.back === 1 ? "step" : "steps"} back`,
-        disabled: undo.busy,
+        title: undo.depth.back > 0 ? `Undo (Cmd-Z) \xB7 ${undo.depth.back} ${undo.depth.back === 1 ? "step" : "steps"} back` : "Nothing to undo",
+        "aria-label": `Undo, ${undo.depth.back} ${undo.depth.back === 1 ? "step" : "steps"}`,
+        disabled: undo.busy || undo.depth.back === 0,
         onClick: () => void undo.undo(),
-        children: "Undo"
+        children: [
+          "Undo ",
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "ml-1 tabular-nums text-muted-foreground", "data-records-undo-count": "", children: undo.depth.back })
+        ]
       }
-    ) : null,
-    undo.depth.forward > 0 ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
       import_design_system28.Button,
       {
         size: "sm",
         variant: "ghost",
         "data-records-redo": "",
-        title: `Redo (Shift-Cmd-Z) \xB7 ${undo.depth.forward} ${undo.depth.forward === 1 ? "step" : "steps"} forward`,
-        disabled: undo.busy,
+        title: undo.depth.forward > 0 ? `Redo (Shift-Cmd-Z) \xB7 ${undo.depth.forward} ${undo.depth.forward === 1 ? "step" : "steps"} forward` : "Nothing to redo",
+        "aria-label": `Redo, ${undo.depth.forward} ${undo.depth.forward === 1 ? "step" : "steps"}`,
+        disabled: undo.busy || undo.depth.forward === 0,
         onClick: () => void undo.redo(),
-        children: "Redo"
+        children: [
+          "Redo ",
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "ml-1 tabular-nums text-muted-foreground", "data-records-redo-count": "", children: undo.depth.forward })
+        ]
       }
-    ) : null
+    )
   ] });
 }
 function UndoNotice({ undo }) {
   const notice = undo.notice;
+  const dismiss = undo.dismiss;
+  (0, import_react49.useEffect)(() => {
+    if (!notice || notice.refusal) return;
+    const timer = setTimeout(dismiss, 8e3);
+    return () => clearTimeout(timer);
+  }, [notice, dismiss]);
   if (!notice) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
     "p",
     {
       role: "status",
       "data-records-undo-notice": notice.refusal ? "refused" : "done",
-      className: "flex items-center gap-2 rounded border border-border bg-muted/40 px-2 py-1 text-xs",
+      className: "pointer-events-auto absolute bottom-3 left-1/2 z-30 flex max-w-[min(36rem,calc(100%-2rem))] -translate-x-1/2 items-center gap-2 rounded-md border border-border bg-popover px-3 py-1.5 text-xs text-popover-foreground shadow-lg",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { children: notice.says }),
         notice.canUndo && undo.canUndo ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_design_system28.Button, { size: "sm", variant: "outline", className: "ml-auto h-6", "data-records-undo-now": "", onClick: () => void undo.undo(), children: "Undo" }) : null,
@@ -8832,7 +9229,7 @@ function undoKey(event) {
 
 // src/gridAssist.tsx
 var import_react52 = require("react");
-var import_core5 = require("@ai-matrx/records/core");
+var import_core6 = require("@ai-matrx/records/core");
 var import_content_transfer = require("@ai-matrx/design-system/content-transfer");
 
 // src/gridAgentContext.ts
@@ -9102,7 +9499,7 @@ function useGridAssist(args) {
       if (!row) return;
       const document2 = row.document ?? {};
       const value = editing.valueFor(row, fieldOf2(key));
-      const pointer = typeof document2[key] === "string" ? (0, import_core5.wholeValueOf)(document2, key) : null;
+      const pointer = typeof document2[key] === "string" ? (0, import_core6.wholeValueOf)(document2, key) : null;
       setWhole({ rowId, key, rowTitle: titleOf(row), value, pointer });
     },
     [rowOf, fieldOf2, titleOf, editing]
@@ -9195,6 +9592,7 @@ function useGridAssist(args) {
 // src/gridBulk.tsx
 var import_react53 = require("react");
 var import_react54 = require("@ai-matrx/records/react");
+var import_core7 = require("@ai-matrx/records/core");
 var import_design_system30 = require("@ai-matrx/design-system");
 var import_jsx_runtime37 = require("react/jsx-runtime");
 function countOf(n, one, many) {
@@ -9251,6 +9649,7 @@ function useGridBulk(args) {
         setRefusal(done.error);
         return null;
       }
+      for (const change of changes) if ("record_id" in change && change.record_id) (0, import_core7.announceRecordChanged)(change.record_id);
       return done.data;
     },
     [client, tableId]
@@ -9411,7 +9810,7 @@ function BulkActions({
 // src/handOrder.tsx
 var import_react55 = require("react");
 var import_react56 = require("@ai-matrx/records/react");
-var import_records13 = require("@ai-matrx/records");
+var import_records14 = require("@ai-matrx/records");
 var import_design_system31 = require("@ai-matrx/design-system");
 
 // src/viewKeys.ts
@@ -9628,8 +10027,8 @@ function unknownViewLine(raw) {
 }
 var LAYOUT_NO_FIELD = {
   grid: "",
-  kanban: "This table has no choice field yet, so there is nothing to make columns from. Add a field that holds one of a set of choices \u2014 Add field, then Select \u2014 and it appears here.",
-  calendar: "This table has no date field yet, so there is nothing to place records on. Add a field that holds a date \u2014 Add field, then Date \u2014 and it appears here.",
+  kanban: "This table has no choice field yet, so there is nothing to make columns from. Add a field that holds one of a set of choices \u2014 Add column, then Select \u2014 and it appears here.",
+  calendar: "This table has no date field yet, so there is nothing to place records on. Add a field that holds a date \u2014 Add column, then Date \u2014 and it appears here.",
   gallery: ""
 };
 function viewDocument(spec) {
@@ -9839,7 +10238,7 @@ function useHandOrderRows(args) {
   const client = (0, import_react56.useRecordsClient)();
   const { viewId, active, page, pageSize } = args;
   const filter = args.filter && Object.keys(args.filter).length > 0 ? args.filter : null;
-  const filterKey = filter ? (0, import_records13.stableFilterKey)(filter) : "";
+  const filterKey = filter ? (0, import_records14.stableFilterKey)(filter) : "";
   const filterNow = (0, import_react55.useRef)(filter);
   filterNow.current = filter;
   const [answer, setAnswer] = (0, import_react55.useState)(null);
@@ -9966,6 +10365,7 @@ function Grid({
   pageSize = 50,
   filter,
   onOpenRecord,
+  openRecordId = null,
   onAddField,
   onNewRecordForm,
   toolbarActions,
@@ -9995,7 +10395,8 @@ function Grid({
   );
   const merged = host.grid === "merged";
   const phone = (0, import_design_system32.useIsMobile)();
-  const [toolsOpen, setToolsOpen] = (0, import_react57.useState)(false);
+  const toolbarFold2 = useTableToolbarFold();
+  const sheetExtras = useTableToolbarSheetExtras();
   const rights = useTableRights(table.data);
   const [heldOrder, setHeldOrder] = (0, import_react57.useState)(null);
   const sortsKey = JSON.stringify(viewOrder?.sorts ?? []);
@@ -10080,6 +10481,7 @@ function Grid({
   );
   const canWrite = Boolean(editable) && (rights.write || askPerRow && rowIds.some(mayWriteRow));
   const pushWritten = (0, import_react57.useRef)(null);
+  const sheetController = (0, import_react57.useRef)(null);
   const editing = useGridEditing({
     tableId,
     fields: fields.data ?? [],
@@ -10087,7 +10489,15 @@ function Grid({
     reload: records.reload,
     canWrite,
     mayWriteRow,
-    ...merged ? { onWritten: (write) => pushWritten.current?.(write) } : {}
+    ...merged ? { onWritten: (write) => pushWritten.current?.(write) } : {},
+    /*
+     * THE KEYBOARD COMES BACK (merged-grid review 2026-09-26, A1): Enter moves the cursor down, Tab
+     * right, Escape stays, and the grid — not the page body — has the keys, so the next arrow,
+     * Enter or Cmd-Z works without a click. Sheets and Airtable.
+     */
+    ...merged ? {
+      onEnded: (exit, from, how) => sheetController.current?.endEdit(exit, { rowId: from.rowId, columnId: from.key }, how)
+    } : {}
   });
   const undo = useGridUndo({ tableId, reload: records.reload, forget: editing.forget });
   pushWritten.current = (write) => {
@@ -10102,7 +10512,7 @@ function Grid({
   const [localLook, setLocalLook] = (0, import_react57.useState)(null);
   const [localSummaries, setLocalSummaries] = (0, import_react57.useState)(null);
   const sortedKeys = (0, import_react57.useMemo)(
-    () => [...fields.data ?? []].sort((a, b) => (a.sort ?? 100) - (b.sort ?? 100) || a.key.localeCompare(b.key)).map((f) => f.key),
+    () => [...fields.data ?? []].sort(compareFieldOrder).map((f) => f.key),
     [fields.data]
   );
   const look = (0, import_react57.useMemo)(() => {
@@ -10119,16 +10529,16 @@ function Grid({
   const frozenList = look.frozen;
   const frozenKeys = (0, import_react57.useMemo)(() => new Set(frozenList), [frozenList]);
   const ordered = (0, import_react57.useMemo)(() => {
-    const all = [...fields.data ?? []].sort(
-      (a, b) => (a.sort ?? 100) - (b.sort ?? 100) || a.key.localeCompare(b.key)
-    );
+    const all = [...fields.data ?? []].sort(compareFieldOrder);
     if (frozenKeys.size === 0) return all;
     const pinned = frozenList.map((key) => all.find((f) => f.key === key)).filter((f) => f !== void 0);
     return [...pinned, ...all.filter((f) => !frozenKeys.has(f.key))];
   }, [fields.data, frozenKeys, frozenList]);
   const tableActions = useTableActions(tableId, canWrite || Boolean(host.runAgentAction));
-  const noun = (table.data?.label_singular ?? "record").toLowerCase();
-  const nounPlural = pluralNoun(table.data ?? null).toLowerCase();
+  const ownWord = (table.data?.label_singular ?? "").trim();
+  const sameAsName = ownWord === "" || (table.data ? ownWord.toLowerCase() === tableName(table.data).toLowerCase() : true);
+  const noun = merged && sameAsName ? "row" : (table.data?.label_singular ?? "record").toLowerCase();
+  const nounPlural = merged && sameAsName ? "rows" : pluralNoun(table.data ?? null).toLowerCase();
   const runner = useActionRunner({
     rows,
     fields: fields.data ?? [],
@@ -10176,10 +10586,29 @@ function Grid({
         setDuplicated(`The copy was not made: ${made.error.message}`);
         return;
       }
-      setDuplicated(`A copy of ${recordNameIn(table.data, document2)} is in the table.`);
+      const copyId = made.data;
+      if (merged) added.pin({ id: copyId, document: data, level: row.level, hidden: {} }, row.id);
+      if (manual && viewId) {
+        const ids = rows.map((r) => r.id).filter((id) => id !== copyId);
+        const at = ids.indexOf(row.id);
+        const next = [...ids.slice(0, at + 1), copyId, ...ids.slice(at + 1)];
+        const placed = await client.viewRecordOrderSet({ view_id: viewId, record_ids: next });
+        if (!placed.ok) {
+          setDuplicated(`A copy of ${recordNameIn(table.data, document2)} was made and could not be placed beside it: ${placed.error.message}`);
+          records.reload();
+          return;
+        }
+        viewOrder?.onPlaced?.();
+        hand.reload();
+      }
+      if (merged) {
+        undo.push({ label: `Duplicated ${recordNameIn(table.data, document2)}`, cells: [], created: [copyId] });
+      } else {
+        setDuplicated(`A copy of ${recordNameIn(table.data, document2)} is in the table, right below it.`);
+      }
       records.reload();
     },
-    [client, fields.data, host, records, table.data, tableId]
+    [client, fields.data, host, records, table.data, tableId, merged, added, manual, viewId, rows, viewOrder, hand, undo]
   );
   const recordIds = (0, import_react57.useMemo)(() => rows.map((r) => r.id), [rows]);
   const { cells: enrichCells, refresh: refreshEnrich } = useEnrichCells(tableId, recordIds);
@@ -10271,9 +10700,20 @@ function Grid({
           why
         });
       }
+      if (merged && built.cells > 0 && built.creates === 0 && built.refusals.length === 0 && built.pastRightEdge === 0 && built.unmatchedOptions.length === 0) {
+        const outcome = await pasteAtOnce.current(built);
+        if (outcome.refusals.length > 0 || outcome.missing > 0) {
+          undo.say(
+            outcome.refusals.length > 0 ? outcome.refusals.join(" ") : `${outcome.missing} pasted ${outcome.missing === 1 ? "value was" : "values were"} not found in the table when it was read back.`,
+            true
+          );
+        }
+        sheetController.current?.focusGrid();
+        return;
+      }
       setPastePlan({ plan: built });
     },
-    [fields.data, loadChoiceOptions, rows]
+    [fields.data, loadChoiceOptions, rows, merged, undo]
   );
   const addPastedOptions = (0, import_react57.useCallback)(
     async (fieldKey, words2) => {
@@ -10329,6 +10769,7 @@ function Grid({
         }))
       );
       editing.forget(cells);
+      for (const u of updates) (0, import_core8.announceRecordChanged)(u.row.recordId);
       const lines = updates.length + creates.length;
       undo.push({ label: `Pasted ${lines} ${lines === 1 ? "row" : "rows"}`, cells, created });
       const expected = [
@@ -10353,6 +10794,8 @@ function Grid({
     },
     [rows, client, tableId, editing, undo, records]
   );
+  const pasteAtOnce = (0, import_react57.useRef)(applyPasteAsOne);
+  pasteAtOnce.current = applyPasteAsOne;
   const writeRange = (0, import_react57.useCallback)(
     async (patches, intent) => {
       if (patches.length === 0) return;
@@ -10377,7 +10820,14 @@ function Grid({
   const applyPaste = (0, import_react57.useCallback)(async () => {
     const held = pastePlan;
     if (!held) return { written: 0, readBack: 0, missing: 0, refusals: [] };
-    if (merged) return applyPasteAsOne(held.plan);
+    if (merged) {
+      const outcome = await applyPasteAsOne(held.plan);
+      if (outcome.missing === 0 && outcome.refusals.length === 0) {
+        setPastePlan(null);
+        sheetController.current?.focusGrid();
+      }
+      return outcome;
+    }
     const refusals = [];
     let written = 0;
     const expected = [];
@@ -10472,7 +10922,7 @@ function Grid({
       tableName: table.data ? tableName(table.data) : "",
       fields: fields.data ?? [],
       document: row.document ?? {},
-      level: (0, import_records14.asPermissionLevel)(row.level)
+      level: (0, import_records15.asPermissionLevel)(row.level)
     }),
     [host, tableId, table.data, fields.data]
   );
@@ -10500,6 +10950,18 @@ function Grid({
     total: typeof records.data?.total === "number" ? records.data.total : null,
     search: searchTerm
   });
+  const followRef = (0, import_react57.useRef)({ openRecordId, onOpenRecord });
+  followRef.current = { openRecordId, onOpenRecord };
+  const followSelection = (0, import_react57.useCallback)(
+    (selection) => {
+      assist.onSelectionChange(selection);
+      const { openRecordId: open, onOpenRecord: openIt } = followRef.current;
+      if (!open || !openIt || !selection) return;
+      const rowId = selection.active.rowId;
+      if (rowId !== open && rowId !== ADD_ROW.id && rowId !== SUMMARY_ROW.id) openIt(rowId);
+    },
+    [assist.onSelectionChange]
+  );
   const addRowRef = (0, import_react57.useRef)(() => void 0);
   const controls = useMergedGridControls({
     enabled: merged,
@@ -10614,10 +11076,10 @@ function Grid({
             }
           );
         }
-      ), mayAddRow ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(AddRowLine, { onAdd: () => void addRowHere(), busy: added.busy }) : null), controls.headerMenuFor);
+      ), mayAddRow ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(AddRowLine, { onAdd: () => void addRowHere(), busy: added.busy }) : null), controls.headerMenuFor, controls.filterFor);
       return merged && rights.structure && editable ? [...drawn, addColumnColumn(controls.addColumn)] : drawn;
     },
-    [fieldColumns, onOpenRecord, table.data, ordered, chosenSummaries, summaries, chooseSummary, controls.headerMenuFor, mayAddRow, addRowHere, added.busy, merged, rights.structure, editable, controls.addColumn]
+    [fieldColumns, onOpenRecord, table.data, ordered, chosenSummaries, summaries, chooseSummary, controls.headerMenuFor, controls.filterFor, mayAddRow, addRowHere, added.busy, merged, rights.structure, editable, controls.addColumn]
   );
   const [localColumns, setLocalColumns] = (0, import_react57.useState)(
     null
@@ -10640,7 +11102,11 @@ function Grid({
     () => ({
       order: controls.columns?.order ?? localColumns?.order ?? columnIds,
       hidden: controls.columns?.hidden ?? localColumns?.hidden ?? [],
-      onChange: (next) => controls.columns ? controls.columns.onChange(next) : setLocalColumns(next),
+      onChange: (drawn) => {
+        const next = { order: fieldColumnIds(drawn.order, fields.data ?? []), hidden: fieldColumnIds(drawn.hidden, fields.data ?? []) };
+        if (controls.columns) controls.columns.onChange(next);
+        else setLocalColumns(next);
+      },
       ...widths ? { widths } : {},
       // A drag that changed nothing would be the silent half of a control that
       // looks alive, so the width always lands somewhere — the session at
@@ -10650,13 +11116,12 @@ function Grid({
         writeLook({ ...presentation, widths: next });
       }
     }),
-    [columnIds, localColumns, widths, presentation, writeLook, controls.columns]
+    [columnIds, localColumns, widths, presentation, writeLook, controls.columns, fields.data]
   );
   const groupingConfig = (0, import_react57.useMemo)(() => {
     const view = presentation.grouping;
     const field2 = view?.field ?? null;
     if (field2 === null && !onPresentationChange) return null;
-    if (field2 === null && merged && phone) return null;
     const aggregates = view && Object.keys(view.aggregates ?? {}).length > 0 ? view.aggregates : field2 ? { [field2]: { kind: "count" } } : void 0;
     return {
       columnId: field2,
@@ -10703,7 +11168,7 @@ function Grid({
   return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(WhoChangedSource, { tableId, labelOf: labelOfField, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
     "div",
     {
-      className: (0, import_design_system32.cn)("flex min-h-0 flex-col gap-2", fills && "flex-1", className),
+      className: (0, import_design_system32.cn)("relative flex min-h-0 flex-col gap-2", fills && "flex-1", className),
       "data-records-grid-footer": footer ?? "natural",
       ...merged ? {
         // ONE Cmd-Z (tranche 6d): the grid's own undo, never a text box's.
@@ -10718,7 +11183,7 @@ function Grid({
       } : {},
       children: [
         toolbarActions ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex items-center gap-2", "data-records-grid-actions": "", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "ml-auto flex items-center gap-1", children: toolbarActions }) }) : null,
-        records.error ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(RefusalNotice, { error: records.error }) : null,
+        records.error ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(RefusalNotice, { error: inColumnWords(records.error, fields.data ?? []) }) : null,
         manual && hand.error ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(RefusalNotice, { error: hand.error }) : null,
         archived ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
           "p",
@@ -10930,7 +11395,7 @@ function Grid({
                           editing.setCell(patch.rowId, patch.columnId, patch.value);
                         }
                       },
-                      ...merged ? { undoDepth: 0, onSelectionChange: assist.onSelectionChange } : {},
+                      ...merged ? { undoDepth: 0, onSelectionChange: followSelection, controllerRef: sheetController } : {},
                       columnRefusal: (columnId) => {
                         const field2 = (fields.data ?? []).find((f) => f.key === columnId);
                         if (!field2) return `This table has no column called ${columnId}.`;
@@ -10952,6 +11417,7 @@ function Grid({
                       onEditRequest: (address, seed) => {
                         const field2 = (fields.data ?? []).find((f) => f.key === address.columnId);
                         if (!field2 || !fieldIsEditable(field2) || !mayWriteRow(address.rowId)) return false;
+                        if (seed !== null && seed !== "" && typingOpens(field2) === "none") return false;
                         editing.begin({ rowId: address.rowId, key: field2.key }, seed);
                         return true;
                       },
@@ -10968,7 +11434,7 @@ function Grid({
                     spreadsheet: {
                       enabled: true,
                       readOnly: true,
-                      ...merged ? { onSelectionChange: assist.onSelectionChange } : {},
+                      ...merged ? { onSelectionChange: followSelection, controllerRef: sheetController } : {},
                       readOnlyReason: !editable || !rights.known || rights.write ? "Editing is off here, so this table can be copied but not changed." : rights.why("write")
                     }
                   },
@@ -11061,7 +11527,12 @@ function Grid({
                       ) : null
                     ] })
                   } : {},
-                  emptyState: {
+                  emptyState: records.error ? {
+                    // A REFUSED READ IS NOT AN EMPTY TABLE (merged-grid review 2026-09-26): the store's own
+                    // sentence is above the grid, and this never says "No records yet" over it.
+                    title: "These records could not be read",
+                    description: inColumnWords(records.error, fields.data ?? []).message
+                  } : {
                     ...mayAddRow ? { action: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(AddFirstRowButton, { onAdd: () => void addRowHere(), busy: added.busy }) } : {},
                     title: "No records yet",
                     description: rights.write ? "Add the first one and it appears here." : rights.known ? `Nothing has been written to this table. ${rights.why("write")}` : "Nothing has been written to this table."
@@ -11074,35 +11545,21 @@ function Grid({
                      * the row, so Tools is never scrolled out of reach; the search is the same query.
                      */
                     ...merged && phone ? {
-                      customSearch: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-1.5", "data-records-grid-phone-search": "", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-                          "input",
-                          {
-                            type: "search",
-                            value: query.search,
-                            placeholder: "Search",
-                            "aria-label": "Search records",
-                            onChange: (event) => {
-                              const search = event.target.value;
-                              setQuery((held) => ({ ...held, search, page: 1 }));
-                            },
-                            className: "h-8 w-full min-w-0 rounded-md border border-input bg-background px-2 text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-                            style: { fontSize: "16px" }
-                          }
-                        ),
-                        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-                          import_design_system32.Button,
-                          {
-                            size: "sm",
-                            variant: "outline",
-                            className: "h-8 shrink-0",
-                            "data-records-grid-tools": "",
-                            "aria-haspopup": "dialog",
-                            onClick: () => setToolsOpen(true),
-                            children: "Tools"
-                          }
-                        )
-                      ] })
+                      customSearch: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex min-w-0 flex-1 items-center gap-1.5", "data-records-grid-phone-search": "", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                        "input",
+                        {
+                          type: "search",
+                          value: query.search,
+                          placeholder: "Search",
+                          "aria-label": "Search records",
+                          onChange: (event) => {
+                            const search = event.target.value;
+                            setQuery((held) => ({ ...held, search, page: 1 }));
+                          },
+                          className: "h-8 w-full min-w-0 rounded-md border border-input bg-background px-2 text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                          style: { fontSize: "16px" }
+                        }
+                      ) })
                     } : {},
                     /* ONE ROW (lane TABLE-PAGE-CHROME): on a table page the grid's search, columns and
                        sort are drawn INTO the page's toolbar row, never a second bar under it. */
@@ -11110,63 +11567,110 @@ function Grid({
                     // SCR-2 / SCR-4: PRESENT for an admin, ABSENT for everyone else.
                     // There is no third state: this package ships no disabled variant of
                     // these controls, so a member cannot be shown a dead one by mistake.
-                    actions: (() => {
-                      const all = /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
-                        manual ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-                          SortStateControl,
-                          {
-                            ...handOrderSortState({
-                              sortName: columnSort ? columnLabel(fields.data ?? [], columnSort.id) : null,
-                              direction: columnSort?.direction ?? null,
-                              onBack: () => setQuery((held) => ({ ...held, sort: null, page: 1 })),
-                              ...viewOrder?.onUseSort && columnSort ? {
-                                onUseSort: () => {
-                                  const sort = columnSort;
-                                  const chosen = { field: sort.id, direction: sort.direction };
-                                  setHeldOrder({ order: "sorted", sorts: [chosen] });
-                                  viewOrder.onUseSort?.(chosen);
-                                  host.notify?.success(
-                                    `Sorted by ${columnLabel(fields.data ?? [], sort.id)} ${sortArrow(sort.direction)}. ${MANUAL_SORT.replacedToast}`
-                                  );
-                                }
-                              } : {}
-                            })
-                          }
-                        ) : null,
-                        merged ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(UndoRedoButtons, { undo }) : null,
-                        viewId && viewOrder?.onPlaced && rows.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_design_system32.Button, { size: "sm", variant: "ghost", onClick: () => setReordering(true), "data-records-reorder-open": "", children: "Reorder" }) : null,
-                        Boolean(editable) && rights.write ? merged ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_design_system32.Button, { size: "sm", disabled: added.busy, onClick: () => void addRowHere(), children: added.busy ? "Adding\u2026" : "New record" }) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_design_system32.Button, { size: "sm", disabled: editing.busy, onClick: () => void editing.addRecord(), children: editing.busy ? "Adding\u2026" : "New record" }) : null,
-                        rights.structure && onAddField ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(AddFieldButton, { onClick: onAddField }) : null,
-                        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-                          GridLayoutMenu,
-                          {
-                            look,
-                            firstColumn: sortedKeys[0] ? {
-                              key: sortedKeys[0],
-                              name: (() => {
-                                const first = (fields.data ?? []).find((f) => f.key === sortedKeys[0]);
-                                return first ? fieldName(first) : humanize(sortedKeys[0]);
-                              })()
-                            } : null,
-                            onChange: changeLayout,
-                            kept: Boolean(onPresentationChange)
-                          }
-                        )
-                      ] });
-                      if (!merged || !phone) return all;
-                      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_jsx_runtime39.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_design_system32.BottomSheet, { open: toolsOpen, onOpenChange: setToolsOpen, title: "Table tools", surface: "solid", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-                        "div",
+                    /*
+                     * WHERE THE GRID'S CONTROLS GO (lane C, review 2026-09-26 D6). Inline when the row has
+                     * room; behind the row's "…" once the page row is folded that far (Undo / Redo and New
+                     * record stay beside it — the primary action is never folded); on a phone EVERY control
+                     * — the table's own (clear, copy/export, group, columns), these, the search, the sort and
+                     * the page's filter, layout and share — in ONE "Tools" sheet. Never dropped.
+                     */
+                    actions: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
+                      manual ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                        SortStateControl,
                         {
-                          "data-records-grid-tools-sheet": "",
-                          className: "flex flex-col items-stretch gap-1 px-3 pb-6 [&>button]:justify-start [&_button]:min-h-10",
-                          onClickCapture: (event) => {
-                            const target = event.target.closest("button");
-                            if (target && !target.hasAttribute("aria-haspopup")) setToolsOpen(false);
-                          },
-                          children: all
+                          ...handOrderSortState({
+                            sortName: columnSort ? columnLabel(fields.data ?? [], columnSort.id) : null,
+                            direction: columnSort?.direction ?? null,
+                            onBack: () => setQuery((held) => ({ ...held, sort: null, page: 1 })),
+                            ...viewOrder?.onUseSort && columnSort ? {
+                              onUseSort: () => {
+                                const sort = columnSort;
+                                const chosen = { field: sort.id, direction: sort.direction };
+                                setHeldOrder({ order: "sorted", sorts: [chosen] });
+                                viewOrder.onUseSort?.(chosen);
+                                host.notify?.success(
+                                  `Sorted by ${columnLabel(fields.data ?? [], sort.id)} ${sortArrow(sort.direction)}. ${MANUAL_SORT.replacedToast}`
+                                );
+                              }
+                            } : {}
+                          })
+                        }
+                      ) : null,
+                      viewId && viewOrder?.onPlaced && rows.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_design_system32.Button, { size: "sm", variant: "ghost", onClick: () => setReordering(true), "data-records-reorder-open": "", children: "Reorder" }) : null,
+                      !merged && Boolean(editable) && rights.write ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_design_system32.Button, { size: "sm", disabled: editing.busy, onClick: () => void editing.addRecord(), children: editing.busy ? "Adding\u2026" : "New record" }) : null,
+                      rights.structure && onAddField ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(AddFieldButton, { onClick: onAddField }) : null,
+                      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                        GridLayoutMenu,
+                        {
+                          look,
+                          firstColumn: sortedKeys[0] ? {
+                            key: sortedKeys[0],
+                            name: (() => {
+                              const first = (fields.data ?? []).find((f) => f.key === sortedKeys[0]);
+                              return first ? fieldName(first) : humanize(sortedKeys[0]);
+                            })()
+                          } : null,
+                          onChange: changeLayout,
+                          kept: Boolean(onPresentationChange)
                         }
-                      ) }) });
-                    })()
+                      )
+                    ] }),
+                    ...merged ? {
+                      overflow: {
+                        mode: phone ? "sheet" : toolbarFold2 >= 3 ? "menu" : "inline",
+                        pinned: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(UndoRedoButtons, { undo }),
+                          Boolean(editable) && rights.write ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_design_system32.Button, { size: "sm", className: "shrink-0", disabled: added.busy, onClick: () => void addRowHere(), children: added.busy ? "Adding\u2026" : "New record" }) : null
+                        ] }),
+                        ...phone ? {
+                          sheetTop: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex flex-col gap-1.5 pb-1", "data-records-grid-sheet-top": "", "data-matrx-table-tools-keep-open": "", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                              "input",
+                              {
+                                type: "search",
+                                value: query.search,
+                                placeholder: "Search",
+                                "aria-label": "Search records",
+                                onChange: (event) => {
+                                  const search = event.target.value;
+                                  setQuery((held) => ({ ...held, search, page: 1 }));
+                                },
+                                className: "h-10 w-full min-w-0 rounded-md border border-input bg-background px-2 text-foreground placeholder:text-muted-foreground",
+                                style: { fontSize: "16px" }
+                              }
+                            ),
+                            /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("label", { className: "flex items-center gap-2 text-xs text-muted-foreground", "data-records-grid-sheet-sort": "", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "shrink-0", children: "Sort by" }),
+                              /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+                                "select",
+                                {
+                                  "aria-label": "Sort by",
+                                  value: query.sort ? `${query.sort.id}:${query.sort.direction}` : "",
+                                  onChange: (event) => {
+                                    const [id, direction] = event.target.value.split(":");
+                                    setQuery((held) => ({
+                                      ...held,
+                                      page: 1,
+                                      sort: id ? { id, direction: direction === "desc" ? "desc" : "asc" } : null
+                                    }));
+                                  },
+                                  className: "h-10 min-w-0 flex-1 rounded-md border border-input bg-background px-2 text-foreground",
+                                  style: { fontSize: "16px" },
+                                  children: [
+                                    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("option", { value: "", children: "No sort" }),
+                                    ordered.flatMap((field2) => [
+                                      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("option", { value: `${field2.key}:asc`, children: `${fieldName(field2)} \u2191` }, `${field2.key}:asc`),
+                                      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("option", { value: `${field2.key}:desc`, children: `${fieldName(field2)} \u2193` }, `${field2.key}:desc`)
+                                    ])
+                                  ]
+                                }
+                              )
+                            ] })
+                          ] }),
+                          ...sheetExtras ? { sheetExtras } : {}
+                        } : {}
+                      }
+                    } : {}
                   }
                 },
                 `records-grid-${tableId}:${openingKey}`
@@ -11178,11 +11682,14 @@ function Grid({
             PastePreview,
             {
               plan: pastePlan.plan,
-              noun: table.data?.label_singular ?? "record",
-              nounPlural: pluralNoun(table.data ?? null),
+              noun: merged ? noun : table.data?.label_singular ?? "record",
+              nounPlural: merged ? nounPlural : pluralNoun(table.data ?? null),
               onConfirm: applyPaste,
               onAddOptions: addPastedOptions,
-              onCancel: () => setPastePlan(null)
+              onCancel: () => {
+                setPastePlan(null);
+                sheetController.current?.focusGrid();
+              }
             }
           ) : null,
           merged ? null : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
@@ -11248,7 +11755,17 @@ function Grid({
               const failed = await editing.remove(row.id);
               setDeleteBusy(false);
               setDeleting(null);
-              if (!failed) setArchived(name);
+              if (failed) return;
+              if (merged) {
+                undo.push({
+                  label: `Deleted ${name} \u2014 it is in this table's Archived items`,
+                  cells: [],
+                  archived: [row.id]
+                });
+                sheetController.current?.focusGrid();
+              } else {
+                setArchived(name);
+              }
             }
           }
         )
@@ -11256,17 +11773,19 @@ function Grid({
     }
   ) });
 }
-function withHeaderMenus(columns, menuFor) {
+function withHeaderMenus(columns, menuFor, filterFor) {
   return columns.map((column) => {
     const items = menuFor(String(column.id));
-    return items && items.length > 0 ? { ...column, headerMenu: items } : column;
+    const filter = filterFor?.(String(column.id));
+    const withMenu = items && items.length > 0 ? { ...column, headerMenu: items } : column;
+    return filter ? { ...withMenu, ...filter } : withMenu;
   });
 }
 
 // src/ExportMenu.tsx
 var import_react59 = require("react");
 var import_react60 = require("@ai-matrx/records/react");
-var import_core6 = require("@ai-matrx/records/core");
+var import_core9 = require("@ai-matrx/records/core");
 var import_react61 = require("@ai-matrx/alchemy/react");
 var import_design_system33 = require("@ai-matrx/design-system");
 var import_jsx_runtime40 = require("react/jsx-runtime");
@@ -11285,7 +11804,7 @@ function toRows(fields, records, labels) {
         absent_reason: envelope?.absent ?? null,
         // A VALUE KEPT AS A FILE carries its pointer, so the export writes the whole text
         // (`withWholeValues`), never the first words passed off as the value.
-        source: (0, import_core6.wholeValueOf)(document2, field2.key)
+        source: (0, import_core9.wholeValueOf)(document2, field2.key)
       };
     }
     return row;
@@ -11339,7 +11858,7 @@ function ExportMenu({ tableId, rows, label, className }) {
     );
     const lookup = (field2, id) => labels(field2, id) ?? learned.get(`${field2.id}:${id}`) ?? null;
     const read = host.readFileText;
-    return (0, import_core6.withWholeValues)(toRows(all, records, lookup), read ? (fileId) => read({ fileId }) : null);
+    return (0, import_core9.withWholeValues)(toRows(all, records, lookup), read ? (fileId) => read({ fileId }) : null);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: (0, import_design_system33.cn)("flex items-center gap-1", className), children: [
     /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
@@ -11347,7 +11866,7 @@ function ExportMenu({ tableId, rows, label, className }) {
       {
         size: "sm",
         variant: "outline",
-        onClick: () => void exported().then((rows2) => download(`${name}.csv`, "text/csv;charset=utf-8", (0, import_core6.exportCsv)(fields.data ?? [], rows2))).catch(
+        onClick: () => void exported().then((rows2) => download(`${name}.csv`, "text/csv;charset=utf-8", (0, import_core9.exportCsv)(fields.data ?? [], rows2))).catch(
           (thrown) => setFailure(refusalFromThrown(thrown, "The CSV could not be written.", "Try again in a moment."))
         ),
         children: "CSV"
@@ -11368,7 +11887,7 @@ function ExportMenu({ tableId, rows, label, className }) {
           );
           setFailure(null);
           try {
-            exported().then((rows2) => (0, import_core6.exportXlsx)(fields.data ?? [], rows2, name)).then(
+            exported().then((rows2) => (0, import_core9.exportXlsx)(fields.data ?? [], rows2, name)).then(
               (bytes) => download(
                 `${name}.xlsx`,
                 "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
@@ -11389,7 +11908,7 @@ function ExportMenu({ tableId, rows, label, className }) {
         sourceId: `records:${tableId}`,
         size: "xs",
         json: () => records.map((r) => r.document),
-        human: () => (0, import_core6.exportCsv)(fields.data ?? [], toRows(fields.data ?? [], records, labels))
+        human: () => (0, import_core9.exportCsv)(fields.data ?? [], toRows(fields.data ?? [], records, labels))
       }
     ),
     failure ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(RefusalLine, { error: failure }) : null
@@ -11493,11 +12012,11 @@ function FilePicker({
 // src/ImportWizard.tsx
 var import_react63 = require("react");
 var import_react64 = require("@ai-matrx/records/react");
-var import_core8 = require("@ai-matrx/records/core");
+var import_core11 = require("@ai-matrx/records/core");
 var import_design_system35 = require("@ai-matrx/design-system");
 
 // src/importRuleCheck.ts
-var import_core7 = require("@ai-matrx/records/core");
+var import_core10 = require("@ai-matrx/records/core");
 function checkImportRules(fields, rows, mapping) {
   const byKey = new Map(fields.map((f) => [f.key, f]));
   const verdicts = [];
@@ -11515,7 +12034,7 @@ function checkImportRules(fields, rows, mapping) {
       let why = null;
       if ("refusal" in meant) why = meant.refusal;
       else {
-        const predicted = (0, import_core7.predictValueRefusals)([field2], { [key]: meant.value }).filter(
+        const predicted = (0, import_core10.predictValueRefusals)([field2], { [key]: meant.value }).filter(
           (p) => p.field_key === void 0 || p.field_key === key
         );
         if (predicted.length > 0) why = predicted[0].message;
@@ -11643,7 +12162,7 @@ function ImportWizard({ tableId, onDone, onWrote, className }) {
       try {
         const xlsx = file.name.toLowerCase().endsWith(".xlsx");
         const bytes = await file.arrayBuffer();
-        const result = xlsx ? await (0, import_core8.importXlsx)(bytes) : (0, import_core8.importCsv)(new TextDecoder().decode(bytes));
+        const result = xlsx ? await (0, import_core11.importXlsx)(bytes) : (0, import_core11.importCsv)(new TextDecoder().decode(bytes));
         setFormat(xlsx ? "xlsx" : "csv");
         setFileName(file.name);
         setFileBytes(file.size);
@@ -14003,10 +14522,10 @@ var import_design_system45 = require("@ai-matrx/design-system");
 // src/RecordForm.tsx
 var import_react80 = require("react");
 var import_react81 = require("@ai-matrx/records/react");
-var import_core10 = require("@ai-matrx/records/core");
+var import_core13 = require("@ai-matrx/records/core");
 
 // src/writeOnTheWinningVersion.ts
-var import_core9 = require("@ai-matrx/records/core");
+var import_core12 = require("@ai-matrx/records/core");
 function sameStoredValue(left, right) {
   if (left === right) return true;
   const empty = (v) => v === null || v === void 0 || v === "";
@@ -14028,7 +14547,7 @@ async function updateOnTheWinningVersion(client, recordId, patch, expectedVersio
   });
   const first = await send(expectedVersion);
   if (first.ok) return first;
-  const conflict = (0, import_core9.asWriteConflict)(first.error, recordId);
+  const conflict = (0, import_core12.asWriteConflict)(first.error, recordId);
   if (!conflict) return first;
   const untouched = base === "always" || Object.keys(patch).every((key) => sameStoredValue(conflict.contested_fields[key], base[key]));
   if (!untouched) return first;
@@ -14265,7 +14784,7 @@ function RecordForm({
     return out;
   }, [draft]);
   const predicted = (0, import_react80.useMemo)(
-    () => fields.data ? (0, import_core10.predictWriteRefusals)({ fields: fields.data, document: document2, ...recordType ? { recordType } : {} }) : [],
+    () => fields.data ? (0, import_core13.predictWriteRefusals)({ fields: fields.data, document: document2, ...recordType ? { recordType } : {} }) : [],
     [fields.data, document2, recordType]
   );
   if (fields.error) return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(RefusalNotice, { error: fields.error, className });
@@ -14314,7 +14833,7 @@ function RecordForm({
       setEdit({
         saving: false,
         error: answered2.ok ? null : answered2.error,
-        conflict: answered2.ok ? null : (0, import_core10.asWriteConflict)(answered2.error, recordId)
+        conflict: answered2.ok ? null : (0, import_core13.asWriteConflict)(answered2.error, recordId)
       });
       const moved = answered2.ok ? answered2.data : null;
       if (moved !== null) {
@@ -14420,7 +14939,7 @@ function FieldRow({
 }) {
   const id = `field-${field2.id}`;
   const storedWords = document2?.[field2.key];
-  const whole = typeof storedWords === "string" ? (0, import_core10.wholeValueOf)(document2, field2.key) : null;
+  const whole = typeof storedWords === "string" ? (0, import_core13.wholeValueOf)(document2, field2.key) : null;
   return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: (0, import_design_system43.cn)("flex min-w-0 flex-col gap-1", whole && "sm:col-span-2"), children: [
     /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(FieldLabel, { field: field2, htmlFor: id, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(ProvenanceBadge, { document: document2, fieldKey: field2.key }) }),
     whole ? (
@@ -14517,8 +15036,8 @@ function Peek({ tableId, recordId, onClose, className }) {
   const title = document2 ? recordNameIn(table.data, document2) : "";
   const href = host.hrefForRecord && table.data ? host.hrefForRecord({ table: table.data, recordId }) : void 0;
   return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: (0, import_design_system45.cn)("flex min-w-0 flex-col gap-2 text-xs", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("h3", { className: "min-w-0 flex-1 truncate text-sm font-medium", children: record.loading && !document2 ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_design_system45.Skeleton, { className: "h-4 w-40" }) : title }),
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("h3", { className: "break-words text-sm font-medium leading-snug", "data-records-peek-title": "", title, children: record.loading && !document2 ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_design_system45.Skeleton, { className: "h-4 w-40" }) : title }),
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
         import_react85.AlchemyMenu,
         {
@@ -14556,7 +15075,7 @@ function Peek({ tableId, recordId, onClose, className }) {
         // it would take and who can give it.
         /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "max-w-[18rem] text-[11px] text-muted-foreground", children: may.why("write") })
       ) : null,
-      onClose ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_design_system45.Button, { size: "sm", variant: "ghost", onClick: onClose, "aria-label": "Close", children: "\xD7" }) : null
+      onClose ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_design_system45.Button, { size: "sm", variant: "ghost", className: "ml-auto", onClick: onClose, "aria-label": "Close", children: "\xD7" }) : null
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_design_system45.Separator, {}),
     talking && host.chat ? /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
@@ -14687,14 +15206,14 @@ var LOOK_WORDS = {
 // src/ViewSwitcher.tsx
 var import_react88 = require("react");
 var import_react89 = require("@ai-matrx/records/react");
-var import_records16 = require("@ai-matrx/records");
+var import_records17 = require("@ai-matrx/records");
 var import_design_system47 = require("@ai-matrx/design-system");
 var import_data_table11 = require("@ai-matrx/design-system/data-table");
 
 // src/Pipeline.tsx
 var import_react86 = require("react");
 var import_react87 = require("@ai-matrx/records/react");
-var import_records15 = require("@ai-matrx/records");
+var import_records16 = require("@ai-matrx/records");
 var import_design_system46 = require("@ai-matrx/design-system");
 var import_data_table10 = require("@ai-matrx/design-system/data-table");
 
@@ -14801,7 +15320,7 @@ function PipelineBoard({
       alive.current = false;
     };
   }, []);
-  const filterKey = (0, import_records15.stableFilterKey)(filter);
+  const filterKey = (0, import_records16.stableFilterKey)(filter);
   const reload = (0, import_react86.useCallback)(async () => {
     setLoading(true);
     const [read, board, held] = await Promise.all([
@@ -15448,8 +15967,8 @@ function useViewRecords(view, pageSize = 200, filter, viewId) {
       cancelled = true;
     };
   }, [client, ruleId, pageSize]);
-  const asked = (0, import_records16.stableFilterKey)(filter ?? null);
-  const fromView = asked !== "{}" && (asked === (0, import_records16.stableFilterKey)(view.where ?? null) || asked === (0, import_records16.stableFilterKey)(view.filters ?? null));
+  const asked = (0, import_records17.stableFilterKey)(filter ?? null);
+  const fromView = asked !== "{}" && (asked === (0, import_records17.stableFilterKey)(view.where ?? null) || asked === (0, import_records17.stableFilterKey)(view.filters ?? null));
   const tableRows = (0, import_react88.useMemo)(() => table.data?.rows ?? [], [table.data]);
   const manual = view.order === "manual" && Boolean(viewId) && !ruleId;
   const hand = useHandOrderRows({
@@ -15499,6 +16018,7 @@ function ViewSwitcher({
   onLayoutChange,
   onViewChange,
   onOpenRecord,
+  openRecordId,
   onMoved,
   onNewRecordForm,
   onAskWhoChanged,
@@ -15577,6 +16097,7 @@ function ViewSwitcher({
         ...local.presentation ?? view.presentation ? { presentation: local.presentation ?? view.presentation } : {},
         ...onViewChange ? { onPresentationChange: (next) => change({ presentation: next }) } : {},
         ...onOpenRecord ? { onOpenRecord } : {},
+        ...openRecordId ? { openRecordId } : {},
         ...onNewRecordForm ? { onNewRecordForm } : {},
         ...onAskWhoChanged ? { onAskWhoChanged } : {},
         ...viewId ? {
@@ -16025,7 +16546,7 @@ function Card2({
 
 // src/ArchivedView.tsx
 var import_react90 = require("react");
-var import_records17 = require("@ai-matrx/records");
+var import_records18 = require("@ai-matrx/records");
 var import_react91 = require("@ai-matrx/records/react");
 var import_design_system48 = require("@ai-matrx/design-system");
 var import_jsx_runtime56 = require("react/jsx-runtime");
@@ -16035,7 +16556,7 @@ function mayNotRestoreLine(why) {
   return said === "" ? "Bringing a record back needs permission to edit this table. Ask somebody who has it." : said;
 }
 function archivedRowLine(row, titleKey) {
-  return `${recordName(row.document, titleKey)} \u2014 ${(0, import_records17.archivedByLine)(row)}`;
+  return `${recordName(row.document, titleKey)} \u2014 ${(0, import_records18.archivedByLine)(row)}`;
 }
 function ArchivedView({
   tableId,
@@ -16049,7 +16570,7 @@ function ArchivedView({
   const table = (0, import_react91.useTable)(tableId);
   const rights = useTableRights(table.data);
   const fields = (0, import_react91.useFields)(tableId);
-  const [lane, setLane] = (0, import_react90.useState)(laneFromHost ?? import_records17.DEFAULT_ARCHIVE_LANE);
+  const [lane, setLane] = (0, import_react90.useState)(laneFromHost ?? import_records18.DEFAULT_ARCHIVE_LANE);
   const [rows, setRows] = (0, import_react90.useState)([]);
   const [loading, setLoading] = (0, import_react90.useState)(true);
   const [error, setError] = (0, import_react90.useState)(null);
@@ -16096,15 +16617,15 @@ function ArchivedView({
   return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: (0, import_design_system48.cn)("flex min-h-0 flex-col gap-2", className), "data-testid": "archived-view", children: [
     /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "text-sm font-medium", children: "Archived" }),
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "ml-auto flex items-center gap-0.5", role: "group", "aria-label": "Archived by", children: import_records17.ARCHIVE_LANES.map((option) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "ml-auto flex items-center gap-0.5", role: "group", "aria-label": "Archived by", children: import_records18.ARCHIVE_LANES.map((option) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
         import_design_system48.Button,
         {
           size: "sm",
           variant: option === lane ? "secondary" : "ghost",
           "aria-pressed": option === lane,
-          title: import_records17.ARCHIVE_LANE_MEANS[option],
+          title: import_records18.ARCHIVE_LANE_MEANS[option],
           onClick: () => pick(option),
-          children: import_records17.ARCHIVE_LANE_LABEL[option]
+          children: import_records18.ARCHIVE_LANE_LABEL[option]
         },
         option
       )) })
@@ -16120,7 +16641,7 @@ function ArchivedView({
     ),
     error ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(RefusalNotice, { error }) : null,
     loading && !error ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_design_system48.Skeleton, { className: "h-24 w-full" }) : null,
-    !loading && !error && rows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { "data-testid": "archived-empty", className: "rounded-md border border-dashed px-3 py-6 text-xs text-muted-foreground", children: (0, import_records17.emptyArchiveLine)(lane) }) : null,
+    !loading && !error && rows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { "data-testid": "archived-empty", className: "rounded-md border border-dashed px-3 py-6 text-xs text-muted-foreground", children: (0, import_records18.emptyArchiveLine)(lane) }) : null,
     !loading && !error && rows.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("ul", { className: "flex flex-col gap-1", "data-testid": "archived-rows", children: rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
       "li",
       {
@@ -16130,7 +16651,7 @@ function ArchivedView({
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col", children: [
             /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "truncate text-sm", children: recordName(row.document, titleKey) }),
-            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "truncate text-xs text-muted-foreground", "data-testid": "archived-who", children: (0, import_records17.archivedByLine)(row) }),
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "truncate text-xs text-muted-foreground", "data-testid": "archived-who", children: (0, import_records18.archivedByLine)(row) }),
             refusal2 && refusal2.recordId === row.id ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(RefusalNotice, { error: refusal2.error, className: "mt-2" }) : null
           ] }),
           mayRestore ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
@@ -16153,7 +16674,7 @@ function ArchivedView({
 
 // src/ArchivedDisclosure.tsx
 var import_react92 = require("react");
-var import_records18 = require("@ai-matrx/records");
+var import_records19 = require("@ai-matrx/records");
 var import_react93 = require("@ai-matrx/records/react");
 var import_design_system49 = require("@ai-matrx/design-system");
 var import_jsx_runtime57 = require("react/jsx-runtime");
@@ -16253,10 +16774,10 @@ function ArchivedPortals({
         error ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(RefusalNotice, { error }) : null,
         rows === null && !error ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_design_system49.Skeleton, { className: "h-16 w-full" }) : null,
         said ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "rounded-md border border-border px-3 py-2 text-xs", "data-testid": "archived-portal-said", children: said }) : null,
-        rows !== null && !error && rows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { "data-testid": "archived-portals-empty", className: "text-xs text-muted-foreground", children: (0, import_records18.emptyPortalArchiveLine)() }) : null,
+        rows !== null && !error && rows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { "data-testid": "archived-portals-empty", className: "text-xs text-muted-foreground", children: (0, import_records19.emptyPortalArchiveLine)() }) : null,
         rows !== null && rows.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("ul", { className: "flex flex-col gap-1.5", "data-testid": "archived-portals", children: rows.map((portal) => {
           const asking = confirming === portal.portal_id;
-          const matches2 = (0, import_records18.portalTitleTypedBack)(typed, portal.title);
+          const matches2 = (0, import_records19.portalTitleTypedBack)(typed, portal.title);
           return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
             "li",
             {
@@ -16295,7 +16816,7 @@ function ArchivedPortals({
                 ] }),
                 asking ? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex flex-col gap-1.5", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
-                    (0, import_records18.portalConfirmLine)(portal.title),
+                    (0, import_records19.portalConfirmLine)(portal.title),
                     " Restoring it puts it back exactly as it was: everyone who was invited can sign in again, and it shows the same Tables."
                   ] }),
                   /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex flex-wrap items-center gap-1.5", children: [
@@ -19253,7 +19774,7 @@ function PortalBuilder({ tableId, portalId, onSaved, onClose, className }) {
 // src/PortalsPanel.tsx
 var import_react114 = require("react");
 var import_react115 = require("@ai-matrx/records/react");
-var import_records19 = require("@ai-matrx/records");
+var import_records20 = require("@ai-matrx/records");
 var import_design_system60 = require("@ai-matrx/design-system");
 
 // src/BuildOrAsk.tsx
@@ -19717,7 +20238,7 @@ function PortalsPanel({ tableId, activePortalId, className }) {
     ] }) : null,
     activePortalId && !shown3.some((p) => p.portal_id === activePortalId) ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: "rounded-md border border-amber-600/40 bg-amber-500/5 px-3 py-2 text-xs leading-relaxed text-amber-700 dark:border-amber-400/40 dark:text-amber-300", children: PORTAL_NOT_HERE_LINE }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("ul", { className: "flex flex-col gap-2", children: shown3.map((portal) => {
-      const url = `${origin}${(0, import_records19.portalPath)(portal.slug)}`;
+      const url = `${origin}${(0, import_records20.portalPath)(portal.slug)}`;
       const open = openId === portal.portal_id;
       const linked = portal.portal_id === activePortalId;
       return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
@@ -19832,8 +20353,8 @@ function ArchivePortalControl({
       }
     ),
     asking ? /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "mt-1.5 flex w-full flex-col gap-1.5 rounded-md border border-dashed border-border p-2.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: "text-xs text-muted-foreground", "data-testid": "portal-archive-consequence", children: (0, import_records19.portalArchiveConsequence)(portal.title, portal.signed_in, portal.invited) }),
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: "text-xs text-muted-foreground", children: (0, import_records19.portalConfirmLine)(portal.title) }),
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: "text-xs text-muted-foreground", "data-testid": "portal-archive-consequence", children: (0, import_records20.portalArchiveConsequence)(portal.title, portal.signed_in, portal.invited) }),
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: "text-xs text-muted-foreground", children: (0, import_records20.portalConfirmLine)(portal.title) }),
       /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex flex-wrap items-center gap-1.5", children: [
         /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
           import_design_system60.BasicInput,
@@ -19851,7 +20372,7 @@ function ArchivePortalControl({
             size: "sm",
             variant: "destructive",
             "data-testid": "portal-archive-do",
-            disabled: busy || !(0, import_records19.portalTitleTypedBack)(typed, portal.title),
+            disabled: busy || !(0, import_records20.portalTitleTypedBack)(typed, portal.title),
             onClick: () => void go(),
             children: busy ? "Archiving\u2026" : "Archive it"
           }
@@ -21010,7 +21531,7 @@ function usePublishGate() {
 }
 
 // src/FormBuilder.tsx
-var import_records20 = require("@ai-matrx/records");
+var import_records21 = require("@ai-matrx/records");
 var import_design_system66 = require("@ai-matrx/design-system");
 
 // src/FormRunner.tsx
@@ -21886,7 +22407,7 @@ function FormBuilder({ tableId, seed, activeFormId, onActiveForm, className }) {
         /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
           PublishRow,
           {
-            url: `${publicOrigin}${(0, import_records20.publicFormPath)(draft.id)}`,
+            url: `${publicOrigin}${(0, import_records21.publicFormPath)(draft.id)}`,
             state: draft.state,
             mayPublish: rights.structure && !publishGate.blocked,
             why: publishGate.why ?? rights.why("structure"),
@@ -22904,8 +23425,8 @@ function SignBlock({ tableId, recordId, render, className }) {
 // src/ChartBlock.tsx
 var import_react138 = require("react");
 var import_recharts = require("recharts");
-var import_records21 = require("@ai-matrx/records");
-var import_core11 = require("@ai-matrx/records/core");
+var import_records22 = require("@ai-matrx/records");
+var import_core14 = require("@ai-matrx/records/core");
 var import_design_system71 = require("@ai-matrx/design-system");
 var import_jsx_runtime79 = require("react/jsx-runtime");
 var priorKey = (key) => `prior__${key}`;
@@ -22962,7 +23483,7 @@ function pretty(n) {
   return Number.isInteger(n) ? n.toLocaleString() : n.toLocaleString(void 0, { maximumFractionDigits: 2 });
 }
 function asRefusal2(block) {
-  return (0, import_core11.mapPgError)(
+  return (0, import_core14.mapPgError)(
     {
       message: block.refused ?? "",
       ...block.sqlstate ? { code: block.sqlstate } : {}
@@ -22975,7 +23496,7 @@ function ChartBlock({ block, subject, className }) {
   const kind = block.kind;
   const tableId = block.table_id ?? subject;
   const measures = block.measures && block.measures.length > 0 ? block.measures : [{ op: "count" }];
-  const primary = (0, import_records21.measureKey)(measures[0]);
+  const primary = (0, import_records22.measureKey)(measures[0]);
   const windows = kind === "stuck" ? null : block.compare ?? null;
   const compared = !!windows;
   const grain = block.bucket?.by ?? null;
@@ -23907,7 +24428,7 @@ function TargetControl({
 // src/FormsPanel.tsx
 var import_react141 = require("react");
 var import_react142 = require("@ai-matrx/records/react");
-var import_records22 = require("@ai-matrx/records");
+var import_records23 = require("@ai-matrx/records");
 var import_design_system73 = require("@ai-matrx/design-system");
 var import_jsx_runtime81 = require("react/jsx-runtime");
 var FORM_NOT_HERE_LINE = "The link named a form this table does not have \u2014 it may have been removed, or it belongs to another table. The forms this table does have are listed here.";
@@ -24011,7 +24532,7 @@ function FormsPanel({ tableId, activeFormId, className }) {
       }
     ) : null,
     /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("ul", { className: "flex flex-col gap-2", children: forms.map((form) => {
-      const url = `${origin}${(0, import_records22.publicFormPath)(form.form_id)}`;
+      const url = `${origin}${(0, import_records23.publicFormPath)(form.form_id)}`;
       return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
         "li",
         {
@@ -24076,7 +24597,7 @@ function FormsPanel({ tableId, activeFormId, className }) {
 // src/BookingBuilder.tsx
 var import_react143 = require("react");
 var import_react144 = require("@ai-matrx/records/react");
-var import_records23 = require("@ai-matrx/records");
+var import_records24 = require("@ai-matrx/records");
 var import_design_system74 = require("@ai-matrx/design-system");
 var import_jsx_runtime82 = require("react/jsx-runtime");
 var STORE_ANSWERS_THESE = ["slot", "status", "booked_with"];
@@ -24220,7 +24741,7 @@ function BookingBuilder({ tableId, bookingId, onSaved, onClose, className }) {
   if (!rights.structure) {
     return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("p", { className: (0, import_design_system74.cn)("text-xs text-muted-foreground", className), children: rights.why("structure") ?? "Making a booking page needs the admin level on this table, because it lets people with no account take time in your calendar." });
   }
-  const url = formId ? `${publicOrigin}${(0, import_records23.bookingPath)(formId)}` : null;
+  const url = formId ? `${publicOrigin}${(0, import_records24.bookingPath)(formId)}` : null;
   const shown3 = offer ?? null;
   return (
     // THE RAIL IS 384px WIDE AND THE VIEWPORT IS NOT (walk 1, 2026-09-21):
@@ -24422,7 +24943,7 @@ function BookingBuilder({ tableId, bookingId, onSaved, onClose, className }) {
 // src/BookingSlots.tsx
 var import_react145 = require("react");
 var import_react146 = require("@ai-matrx/records/react");
-var import_records24 = require("@ai-matrx/records");
+var import_records25 = require("@ai-matrx/records");
 var import_design_system75 = require("@ai-matrx/design-system");
 var import_jsx_runtime83 = require("react/jsx-runtime");
 var BOOKING_NOT_HERE_LINE = "The link named a booking page this table does not have \u2014 it may have been closed for good, or it writes into another table. The booking pages this table does have are listed here.";
@@ -24539,7 +25060,7 @@ function BookingSlots({ tableId, activeBookingId, className }) {
       " Open the table the appointments should land in to make one."
     ] }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("ul", { className: "flex flex-col gap-2", children: pages.map((page) => {
-      const url = `${origin}${(0, import_records24.bookingPath)(page.form_id)}`;
+      const url = `${origin}${(0, import_records25.bookingPath)(page.form_id)}`;
       const mayOpen = levels.data?.[page.table_id] === "admin";
       const open = page.published_at !== null && page.closed_at === null;
       return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
@@ -24641,7 +25162,7 @@ var import_design_system77 = require("@ai-matrx/design-system");
 
 // src/CaptureRun.tsx
 var import_react147 = require("react");
-var import_records25 = require("@ai-matrx/records");
+var import_records26 = require("@ai-matrx/records");
 var import_react148 = require("@ai-matrx/records/react");
 var import_design_system76 = require("@ai-matrx/design-system");
 var import_jsx_runtime84 = require("react/jsx-runtime");
@@ -24696,7 +25217,7 @@ function CaptureRun({ sheetId, face: given, className }) {
   const [sending, setSending] = (0, import_react147.useState)(false);
   const queueRef = (0, import_react147.useRef)(null);
   (0, import_react147.useEffect)(() => {
-    const q2 = (0, import_records25.openCaptureQueue)({
+    const q2 = (0, import_records26.openCaptureQueue)({
       onChange: (c, all) => {
         setCounts(c);
         setItems(all);
@@ -24963,7 +25484,7 @@ function CaptureRun({ sheetId, face: given, className }) {
         value: String(answers[q.field] ?? ""),
         onChange: (e) => {
           const raw = e.target.value;
-          const answered2 = field2 ? (0, import_records25.coerceTypedAnswer)(field2, raw, { label: q.ask ?? (0, import_records25.coercionLabel)(field2) }) : { value: raw };
+          const answered2 = field2 ? (0, import_records26.coerceTypedAnswer)(field2, raw, { label: q.ask ?? (0, import_records26.coercionLabel)(field2) }) : { value: raw };
           setAnswers((held) => ({
             ...held,
             [q.field]: raw === "" ? "" : "refusal" in answered2 ? raw : answered2.value
@@ -25619,8 +26140,8 @@ function recordsDataSource(client, fallbackSchema = "custom") {
 // src/TablesHome.tsx
 var import_react163 = require("react");
 var import_react164 = require("@ai-matrx/records/react");
-var import_core13 = require("@ai-matrx/records/core");
-var import_records27 = require("@ai-matrx/records");
+var import_core16 = require("@ai-matrx/records/core");
+var import_records28 = require("@ai-matrx/records");
 var import_design_system83 = require("@ai-matrx/design-system");
 
 // src/ExampleTables.tsx
@@ -25714,11 +26235,11 @@ function ExampleTables({
 }
 
 // src/createTable.ts
-var import_core12 = require("@ai-matrx/records/core");
+var import_core15 = require("@ai-matrx/records/core");
 
 // src/WhereItLives.tsx
 var import_react161 = require("react");
-var import_records26 = require("@ai-matrx/records");
+var import_records27 = require("@ai-matrx/records");
 var import_react162 = require("@ai-matrx/records/react");
 var import_design_system82 = require("@ai-matrx/design-system");
 var import_jsx_runtime91 = require("react/jsx-runtime");
@@ -25844,7 +26365,7 @@ function WhereItLives({ tableId, knownOrganizationName, onMoved, variant = "head
                     /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(SharedNameAddress, { to: choosing, all: answer.home.destinations }),
                     "?"
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { className: "text-muted-foreground", children: (0, import_records26.moveConsequence)(answer.home, choosing) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { className: "text-muted-foreground", children: (0, import_records27.moveConsequence)(answer.home, choosing) }),
                   said?.tone === "refused" ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
                     import_design_system82.ErrorBox,
                     {
@@ -25992,8 +26513,8 @@ function TablesHome({ onOpenTable, organizationName, makingOnly = false, classNa
       alive = false;
     };
   }, [client]);
-  const listed = facts.phase === "read" ? (0, import_records27.withTablePlacement)(
-    (0, import_core13.withTableFacts)(tables.data ?? [], facts.rows, me),
+  const listed = facts.phase === "read" ? (0, import_records28.withTablePlacement)(
+    (0, import_core16.withTableFacts)(tables.data ?? [], facts.rows, me),
     facts.rows
   ) : tables.data ?? [];
   const [showEverything, setShowEverything] = (0, import_react163.useState)(false);
@@ -26037,7 +26558,7 @@ function TablesHome({ onOpenTable, organizationName, makingOnly = false, classNa
       if (!trimmed) return;
       setBusy(true);
       setError(null);
-      const result = await (0, import_core12.declareTable)(client, { name: trimmed, slug: (0, import_core12.tokenFor)(trimmed) });
+      const result = await (0, import_core15.declareTable)(client, { name: trimmed, slug: (0, import_core15.tokenFor)(trimmed) });
       setBusy(false);
       if (!result.ok) {
         setError(result.error);
@@ -26197,7 +26718,7 @@ function TablesHome({ onOpenTable, organizationName, makingOnly = false, classNa
 
 // src/TablePage.tsx
 var import_react168 = require("react");
-var import_records28 = require("@ai-matrx/records");
+var import_records29 = require("@ai-matrx/records");
 var import_react169 = require("@ai-matrx/records/react");
 var import_design_system85 = require("@ai-matrx/design-system");
 
@@ -26304,25 +26825,27 @@ function ViewFilter({ tableId, view, onApply, className }) {
 
 // src/toolbarFit.ts
 var import_react167 = require("react");
-var FOLDED_LOOK_GUESS = 104;
+var FOLDED_GUESS = { look: 104, chooser: 96, tools: 120 };
 function toolbarFold(input) {
-  const { available, needsNow, gap, folded, look, chooser } = input;
-  const lookAt = (fold) => {
-    if (look.now === 0 && look.full === null) return 0;
-    if (fold >= 1) return look.folded ?? (folded >= 1 ? look.now : FOLDED_LOOK_GUESS);
-    return look.full ?? look.now;
-  };
-  const chooserAt = (fold) => {
-    if (fold >= 2) return 0;
-    return chooser.full ?? chooser.now;
+  const { available, needsNow, gap, folded } = input;
+  const pieces = [
+    { piece: input.look, stage: 1, guess: FOLDED_GUESS.look },
+    { piece: input.chooser, stage: 2, guess: FOLDED_GUESS.chooser },
+    ...input.tools ? [{ piece: input.tools, stage: 3, guess: FOLDED_GUESS.tools }] : []
+  ];
+  const widthAt = ({ piece, stage, guess }, fold) => {
+    if (piece.now === 0 && piece.full === null) return 0;
+    if (fold >= stage) return piece.folded ?? (folded >= stage ? piece.now : Math.min(guess, piece.full ?? piece.now));
+    return piece.full ?? piece.now;
   };
   const withGap = (width) => width > 0 ? width + gap : 0;
-  const base = needsNow - withGap(look.now) - withGap(chooser.now);
-  const needs = [0, 1, 2].map((fold) => base + withGap(lookAt(fold)) + withGap(chooserAt(fold)));
+  const base = pieces.reduce((rest, p) => rest - withGap(p.piece.now), needsNow);
+  const stages = input.tools ? [0, 1, 2, 3] : [0, 1, 2];
+  const needs = stages.map((fold) => pieces.reduce((sum, p) => sum + withGap(widthAt(p, fold)), base));
   const fits = needs.findIndex((need) => need <= available + 0.5);
-  if (fits >= 0) return fits;
+  if (fits >= 0) return stages[fits];
   const least = Math.min(...needs);
-  return needs.findIndex((need) => need <= least + 0.5);
+  return stages[needs.findIndex((need) => need <= least + 0.5)];
 }
 function naturalWidth(el) {
   const html = el;
@@ -26355,7 +26878,12 @@ function useToolbarFit(row) {
   const [fold, setFold] = (0, import_react167.useState)(0);
   (0, import_react167.useEffect)(() => {
     if (!row) return;
-    const widths = { lookFull: null, lookFolded: null, chooserFull: null };
+    const widths = {
+      look: { full: null, folded: null },
+      chooser: { full: null, folded: null },
+      tools: { full: null, folded: null }
+    };
+    const stageOf = { look: 1, chooser: 2, tools: 3 };
     let current = 0;
     let pending = 0;
     let stopped = false;
@@ -26364,23 +26892,22 @@ function useToolbarFit(row) {
       if (stopped) return;
       const available = row.clientWidth;
       if (available <= 0) return;
-      const look = row.querySelector(':scope > [data-toolbar-fit="look"]');
-      const chooser = row.querySelector(':scope > [data-toolbar-fit="chooser"]');
-      const lookNow = look ? naturalWidth(look) : 0;
-      const chooserNow = chooser ? naturalWidth(chooser) : 0;
-      if (look && current === 0) widths.lookFull = lookNow;
-      if (look && current >= 1) widths.lookFolded = lookNow;
-      if (!look && current === 0) widths.lookFull = null;
-      if (chooser && current < 2) widths.chooserFull = chooserNow;
+      const read = (name) => {
+        const el = name === "tools" ? row.querySelector(":scope > [data-toolbar-fit-slot]") : row.querySelector(`:scope > [data-toolbar-fit="${name}"]`);
+        const now = !el ? 0 : name === "tools" ? slotNeeds(el) : naturalWidth(el);
+        const w = widths[name];
+        if (el && now > 0) {
+          if (current >= stageOf[name]) w.folded = now;
+          else w.full = now;
+        }
+        if (!el && current < stageOf[name]) w.full = null;
+        return { now, full: w.full, folded: w.folded };
+      };
+      const look = read("look");
+      const chooser = read("chooser");
+      const tools = read("tools");
       const { needs, gap } = rowNeeds(row);
-      const next = toolbarFold({
-        available,
-        needsNow: needs,
-        gap,
-        folded: current,
-        look: { now: lookNow, full: widths.lookFull, folded: widths.lookFolded },
-        chooser: { now: chooserNow, full: widths.chooserFull }
-      });
+      const next = toolbarFold({ available, needsNow: needs, gap, folded: current, look, chooser, tools });
       if (next !== current) {
         current = next;
         setFold(next);
@@ -26417,6 +26944,12 @@ function useToolbarFit(row) {
   }, [row]);
   return fold;
 }
+function slotNeeds(slot) {
+  const inner = shownChildren(slot);
+  const style = typeof getComputedStyle === "undefined" ? null : getComputedStyle(slot);
+  const gap = style ? parseFloat(style.columnGap || "0") || 0 : 0;
+  return inner.reduce((sum, c) => sum + naturalWidth(c), 0) + gap * Math.max(0, inner.length - 1);
+}
 function clippedEnds(scrollLeft, clientWidth, scrollWidth) {
   const start = scrollLeft > 1;
   const end = scrollLeft + clientWidth < scrollWidth - 1;
@@ -26560,7 +27093,7 @@ function TableNotHere({
     return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: (0, import_design_system85.cn)("flex flex-col items-start gap-2 rounded-md border border-dashed p-6", className), children: [
       /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("p", { className: "text-sm font-medium", children: "This table is archived" }),
       /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("p", { className: "max-w-prose text-xs text-muted-foreground", children: TABLE_IS_ARCHIVED }),
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("p", { className: "text-xs text-muted-foreground", children: (0, import_records28.archivedByLine)(row) }),
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("p", { className: "text-xs text-muted-foreground", children: (0, import_records29.archivedByLine)(row) }),
       refusal2 ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(RefusalNotice, { error: refusal2 }) : null,
       /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex gap-2", children: [
         /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
@@ -26776,6 +27309,8 @@ function TablePage({
   const face = tableOpening(view, hostLayouts.map((h) => h.id));
   const designated = face.kind === "designated";
   const chooserInline = !designated && !phone && toolbarFold2 < 2;
+  const chooserCompact = !designated && !phone && toolbarFold2 >= 2;
+  const controlsInSheet = phone && !designated;
   (0, import_react168.useEffect)(() => {
     if (face.kind !== "designated") return;
     if (hostFromLink || opened.layout || layoutChosen) return;
@@ -26955,6 +27490,50 @@ function TablePage({
   };
   const footer = footerOf(shown3?.presentation);
   const setFooter = (next) => void patchView({ presentation: { ...shown3?.presentation ?? {}, footer: next } });
+  const layoutRadio = /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
+    import_design_system85.DropdownMenuRadioGroup,
+    {
+      value: layoutShowing ?? "",
+      onValueChange: (value) => {
+        if (VIEW_LAYOUTS.includes(value)) pickLayout(value);
+        else pickHostLayout(value);
+      },
+      children: [
+        hostLayouts.map((option) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_design_system85.DropdownMenuRadioItem, { value: option.id, children: option.label }, `host:${option.id}`)),
+        VIEW_LAYOUTS.map((option) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_design_system85.DropdownMenuRadioItem, { value: option, children: LAYOUT_LABEL[option] }, option))
+      ]
+    }
+  );
+  const sheetExtras = controlsInSheet && main === "records" && !hostLayout && shownLayout === "grid" ? /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_jsx_runtime94.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "flex items-center gap-2 text-xs", "data-table-sheet-filter": "", "data-matrx-table-tools-keep-open": "", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ViewFilter, { tableId, view: shown3, onApply: (where) => void patchView({ where }) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { role: "group", "aria-label": "Layout", className: "flex flex-wrap gap-1 pt-1", "data-table-sheet-layout": "", children: [
+      VIEW_LAYOUTS.map((option) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+        import_design_system85.Button,
+        {
+          size: "sm",
+          variant: layoutShowing === option ? "secondary" : "ghost",
+          "aria-pressed": layoutShowing === option,
+          className: "h-8 !w-auto",
+          onClick: () => pickLayout(option),
+          children: LAYOUT_LABEL[option]
+        },
+        option
+      )),
+      hostLayouts.map((option) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+        import_design_system85.Button,
+        {
+          size: "sm",
+          variant: layoutShowing === option.id ? "secondary" : "ghost",
+          "aria-pressed": layoutShowing === option.id,
+          className: "h-8 !w-auto",
+          onClick: () => pickHostLayout(option.id),
+          children: option.label
+        },
+        `host:${option.id}`
+      ))
+    ] }),
+    rights.share && canShare ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_design_system85.Button, { size: "sm", variant: "ghost", className: "h-8", onClick: () => setShareAsked((n) => n + 1), "data-table-sheet-share": "", children: "Share\u2026" }) : null
+  ] }) : void 0;
   const pageActions = /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_jsx_runtime94.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
       ShareControl,
@@ -26976,22 +27555,9 @@ function TablePage({
         /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("circle", { cx: "19", cy: "12", r: "1.75" })
       ] }) }) }),
       /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_design_system85.DropdownMenuContent, { align: "end", className: "w-56", "data-table-menu-content": "", children: [
-        !chooserInline ? /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_jsx_runtime94.Fragment, { children: [
+        !chooserInline && !chooserCompact ? /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_jsx_runtime94.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_design_system85.DropdownMenuLabel, { className: "text-xs text-muted-foreground", children: "Layout" }),
-          /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
-            import_design_system85.DropdownMenuRadioGroup,
-            {
-              value: layoutShowing ?? "",
-              onValueChange: (value) => {
-                if (VIEW_LAYOUTS.includes(value)) pickLayout(value);
-                else pickHostLayout(value);
-              },
-              children: [
-                hostLayouts.map((option) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_design_system85.DropdownMenuRadioItem, { value: option.id, children: option.label }, `host:${option.id}`)),
-                VIEW_LAYOUTS.map((option) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_design_system85.DropdownMenuRadioItem, { value: option, children: LAYOUT_LABEL[option] }, option))
-              ]
-            }
-          ),
+          layoutRadio,
           /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_design_system85.DropdownMenuSeparator, {})
         ] }) : null,
         MENU.filter((entry) => entry.shown(rights)).map((entry, index, shownEntries) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
@@ -27111,11 +27677,26 @@ function TablePage({
                 `host:${option.id}`
               ))
             ] }) : null,
-            main === "records" && !hostLayout ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ViewFilter, { tableId, view: shown3, onApply: (where) => void patchView({ where }) }) : null,
+            chooserCompact ? (
+              /* THE ROW HAD NO ROOM (lane C, review 2026-09-26 D6: the switcher vanished at 1280 px and
+                 with the record panel open): the chooser folds to ONE button naming the layout that is
+                 showing — it never leaves the row. */
+              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "flex shrink-0 items-center", "data-toolbar-fit": "chooser", "data-layout-chooser-compact": "", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_design_system85.DropdownMenu, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_design_system85.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_design_system85.Button, { size: "sm", variant: "outline", className: "h-8 gap-1 px-2 text-xs", "aria-label": `Layout: ${layoutShowingLabel ?? "none"}`, children: [
+                  layoutShowingLabel ?? "Layout",
+                  /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("svg", { viewBox: "0 0 24 24", className: "h-3.5 w-3.5 opacity-70", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("path", { d: "m6 9 6 6 6-6" }) })
+                ] }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_design_system85.DropdownMenuContent, { align: "start", className: "w-44", "data-layout-chooser-menu": "", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_design_system85.DropdownMenuLabel, { className: "text-xs text-muted-foreground", children: "Layout" }),
+                  layoutRadio
+                ] })
+              ] }) })
+            ) : null,
+            main === "records" && !hostLayout && !(controlsInSheet && shownLayout === "grid") ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ViewFilter, { tableId, view: shown3, onApply: (where) => void patchView({ where }) }) : null,
             lookShowing && main === "records" && toolbarFold2 >= 1 && !namingLook ? (
               /* FOLDED: the row did not fit, so the three doors are one menu (same doors, same words). */
               /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "flex shrink-0 items-center", "data-view-look": "", "data-view-look-folded": "", "data-toolbar-fit": "look", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_design_system85.DropdownMenu, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_design_system85.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_design_system85.Button, { size: "sm", variant: "outline", className: "h-7 gap-1.5 px-2 text-xs", title: LOOK_WORDS.yours, "data-view-look-menu": "", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_design_system85.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_design_system85.Button, { size: "sm", variant: "outline", className: "h-8 gap-1.5 px-2 text-xs", title: LOOK_WORDS.yours, "data-view-look-menu": "", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { "aria-hidden": "true", className: "h-1.5 w-1.5 shrink-0 rounded-full bg-primary" }),
                   LOOK_WORDS.folded,
                   /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("span", { className: "sr-only", children: [
@@ -27133,7 +27714,7 @@ function TablePage({
             ) : lookShowing && main === "records" ? /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("span", { className: "flex shrink-0 items-center gap-1", "data-view-look": "", "data-toolbar-fit": "look", title: LOOK_WORDS.yours, children: [
               /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "sr-only", children: LOOK_WORDS.yours }),
               /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { "aria-hidden": "true", className: "h-1.5 w-1.5 shrink-0 rounded-full bg-primary" }),
-              lookSavable ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_design_system85.Button, { size: "sm", variant: "outline", className: "h-7 px-2 text-xs", onClick: () => void saveLookToView(), "data-view-look-save": "", children: LOOK_WORDS.saveToView }) : null,
+              lookSavable ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_design_system85.Button, { size: "sm", variant: "outline", className: "h-8 px-2 text-xs", onClick: () => void saveLookToView(), "data-view-look-save": "", children: LOOK_WORDS.saveToView }) : null,
               rights.write ? namingLook ? /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
                 "form",
                 {
@@ -27150,15 +27731,15 @@ function TablePage({
                         "aria-label": LOOK_WORDS.newName,
                         value: lookName,
                         onChange: (e) => setLookName(e.target.value),
-                        className: "h-7 w-36 text-xs",
+                        className: "h-8 w-36 text-xs",
                         placeholder: "View name"
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_design_system85.Button, { size: "sm", type: "submit", className: "h-7 px-2 text-xs", disabled: lookName.trim() === "", children: "Save" })
+                    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_design_system85.Button, { size: "sm", type: "submit", className: "h-8 px-2 text-xs", disabled: lookName.trim() === "", children: "Save" })
                   ]
                 }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_design_system85.Button, { size: "sm", variant: "ghost", className: "h-7 px-2 text-xs", onClick: () => setNamingLook(true), "data-view-look-save-new": "", children: LOOK_WORDS.saveAsNew }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_design_system85.Button, { size: "sm", variant: "ghost", className: "h-7 px-2 text-xs", onClick: () => void resetLook(), "data-view-look-reset": "", children: LOOK_WORDS.reset })
+              ) : /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_design_system85.Button, { size: "sm", variant: "ghost", className: "h-8 px-2 text-xs", onClick: () => setNamingLook(true), "data-view-look-save-new": "", children: LOOK_WORDS.saveAsNew }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_design_system85.Button, { size: "sm", variant: "ghost", className: "h-8 px-2 text-xs", onClick: () => void resetLook(), "data-view-look-reset": "", children: LOOK_WORDS.reset })
             ] }) : null,
             /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
               "div",
@@ -27239,7 +27820,7 @@ function TablePage({
             }
           }
         )
-      ) : /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(TableToolbarSlotContext.Provider, { value: toolbarSlot, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
+      ) : /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(TableToolbarSlotContext.Provider, { value: toolbarSlot, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(TableToolbarFoldContext.Provider, { value: toolbarFold2, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(TableToolbarSheetExtrasContext.Provider, { value: sheetExtras, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
         "div",
         {
           className: (0, import_design_system85.cn)(
@@ -27301,6 +27882,7 @@ function TablePage({
                   setOpenRecord(recordId);
                   setRail("record");
                 },
+                openRecordId: rail === "record" ? openRecord : null,
                 onAskWhoChanged: (fieldKey, recordId) => {
                   setAsking({ fieldKey, recordId });
                   setRail("who-changed");
@@ -27310,7 +27892,7 @@ function TablePage({
             view || faceUnknown ? null : /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("p", { className: "text-xs text-muted-foreground", children: VIEW_NOT_SAVED_YET })
           ]
         }
-      ) })
+      ) }) }) })
     ] }),
     rail === "none" ? null : /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(RailFrame, { phone, title: RAIL_TITLE[rail], onClose: () => setRail("none"), children: [
       rail === "settings" ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(