@ai-matrx/records-ui 0.107.5 → 0.109.1

package/dist/index.cjs

@@ -1462,8 +1462,8 @@ function FormulaTextEditor({
 }
 
 // src/TableDetails.tsx
-var import_react15 = require("react");
-var import_react16 = require("@ai-matrx/records/react");
+var import_react16 = require("react");
+var import_react17 = require("@ai-matrx/records/react");
 var import_design_system8 = require("@ai-matrx/design-system");
 
 // src/reversePrefix.ts
@@ -1473,6 +1473,54 @@ var REVERSE_COLUMN_PREFIX = "linked:";
 var import_records5 = require("@ai-matrx/records");
 var import_data_table2 = require("@ai-matrx/design-system/data-table");
 
+// src/personTime.ts
+var import_react6 = require("react");
+var zone = null;
+var listeners = /* @__PURE__ */ new Set();
+function valid(z) {
+  if (typeof z !== "string" || !z.trim()) return false;
+  try {
+    new Intl.DateTimeFormat("en-US", { timeZone: z });
+    return true;
+  } catch {
+    return false;
+  }
+}
+function setPersonTimeZone(next) {
+  const clean = valid(next) ? next : null;
+  if (clean === zone) return;
+  zone = clean;
+  listeners.forEach((l) => l());
+}
+function getPersonTimeZone() {
+  return zone;
+}
+function usePersonTimeZone() {
+  return (0, import_react6.useSyncExternalStore)(
+    (cb) => {
+      listeners.add(cb);
+      return () => listeners.delete(cb);
+    },
+    () => zone,
+    () => null
+  );
+}
+function personWallNow(at = /* @__PURE__ */ new Date()) {
+  if (!zone) return at;
+  const parts = new Intl.DateTimeFormat("en-US", {
+    timeZone: zone,
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit",
+    hour: "2-digit",
+    minute: "2-digit",
+    second: "2-digit",
+    hourCycle: "h23"
+  }).formatToParts(at);
+  const n = (t) => Number(parts.find((p) => p.type === t)?.value ?? 0);
+  return new Date(n("year"), n("month") - 1, n("day"), n("hour"), n("minute"), n("second"));
+}
+
 // src/choiceLooks.ts
 var import_data_table = require("@ai-matrx/design-system/data-table");
 function displayFormatOf(field2) {
@@ -1815,9 +1863,10 @@ function clauseFor(f, value, now = /* @__PURE__ */ new Date()) {
       return { rule: value.negated ? not(range) : range };
     }
     case "date": {
-      const moments = (0, import_data_table2.dateFilterBounds)(value.preset ? { ...value, anchor: now.toISOString() } : value, now);
+      const zone2 = getPersonTimeZone() ?? void 0;
+      const moments = (0, import_data_table2.dateFilterBounds)(value.preset ? { ...value, anchor: now.toISOString() } : value, now, zone2);
       const holdsDays = String((f.config ?? {})["kind"] ?? "") === "date";
-      const bounds = holdsDays ? (0, import_data_table2.dateFilterDayBounds)(moments) : moments;
+      const bounds = holdsDays ? (0, import_data_table2.dateFilterDayBounds)(moments, zone2) : moments;
       if (bounds.since === void 0 && bounds.until === void 0) return null;
       return {
         flat: {
@@ -1833,11 +1882,10 @@ function clauseFor(f, value, now = /* @__PURE__ */ new Date()) {
   }
 }
 function dayWindow(day, holdsDays) {
+  if (!holdsDays) return (0, import_data_table2.dayInstantWindow)(day, getPersonTimeZone() ?? void 0);
   const [y, m, d] = day.split("-").map(Number);
-  const start = new Date(y, (m ?? 1) - 1, d ?? 1);
-  const next = new Date(y, (m ?? 1) - 1, (d ?? 1) + 1);
-  const ymd = (t) => `${t.getFullYear()}-${String(t.getMonth() + 1).padStart(2, "0")}-${String(t.getDate()).padStart(2, "0")}`;
-  return holdsDays ? { from: ymd(start), to: ymd(next) } : { from: start.toISOString(), to: next.toISOString() };
+  const ymd = (t) => `${t.getUTCFullYear()}-${String(t.getUTCMonth() + 1).padStart(2, "0")}-${String(t.getUTCDate()).padStart(2, "0")}`;
+  return { from: ymd(new Date(Date.UTC(y, (m ?? 1) - 1, d ?? 1))), to: ymd(new Date(Date.UTC(y, (m ?? 1) - 1, (d ?? 1) + 1))) };
 }
 function storeQuestion(fields, base, columnFilters, now = /* @__PURE__ */ new Date()) {
   const refused = [];
@@ -1920,15 +1968,15 @@ function fieldOptionsOnce(client, fieldId) {
 }
 
 // src/labels.tsx
-var import_react8 = require("react");
-var import_react9 = require("@ai-matrx/records/react");
+var import_react9 = require("react");
+var import_react10 = require("@ai-matrx/records/react");
 var import_records6 = require("@ai-matrx/records");
 var import_uuid2 = require("@ai-matrx/kit/uuid");
 
 // src/signature.tsx
-var import_react6 = require("react");
+var import_react7 = require("react");
 var import_design_system3 = require("@ai-matrx/design-system");
-var import_react7 = require("@ai-matrx/records/react");
+var import_react8 = require("@ai-matrx/records/react");
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var DRAWN = /^data:image\/(png|jpeg);base64,[A-Za-z0-9+/=]{64,}$/;
 function drawnSignatureOf(value) {
@@ -2003,10 +2051,10 @@ function SignatureDrawing({
   value,
   inCell
 }) {
-  const client = (0, import_react7.useOptionalRecordsClient)();
+  const client = (0, import_react8.useOptionalRecordsClient)();
   const host = useRecordsUi();
-  const [drawing, setDrawing] = (0, import_react6.useState)(null);
-  (0, import_react6.useEffect)(() => {
+  const [drawing, setDrawing] = (0, import_react7.useState)(null);
+  (0, import_react7.useEffect)(() => {
     let cancelled = false;
     setDrawing(null);
     if (!client) return;
@@ -2053,12 +2101,12 @@ function SignaturePad({
 }) {
   const kept = drawnSignatureOf(value);
   const named = !kept && typeof value === "string" && value !== "" ? value : null;
-  const [showPad, setShowPad] = (0, import_react6.useState)(() => !kept && !named);
-  const canvasRef = (0, import_react6.useRef)(null);
-  const drawing = (0, import_react6.useRef)(false);
-  const [dirty, setDirty] = (0, import_react6.useState)(false);
-  const [tooBig, setTooBig] = (0, import_react6.useState)(false);
-  (0, import_react6.useEffect)(() => {
+  const [showPad, setShowPad] = (0, import_react7.useState)(() => !kept && !named);
+  const canvasRef = (0, import_react7.useRef)(null);
+  const drawing = (0, import_react7.useRef)(false);
+  const [dirty, setDirty] = (0, import_react7.useState)(false);
+  const [tooBig, setTooBig] = (0, import_react7.useState)(false);
+  (0, import_react7.useEffect)(() => {
     if (!showPad) return;
     const canvas = canvasRef.current;
     if (!canvas) return;
@@ -2197,7 +2245,7 @@ function encodeAt(canvas, type, maxWidth, quality) {
 
 // src/labels.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
-var LabelContext = (0, import_react8.createContext)({
+var LabelContext = (0, import_react9.createContext)({
   // With no provider the resolver is ABSENT, not silently empty: a caller gets
   // null and says "Loading…" forever, which is visible. The mount always
   // provides one, so this is only ever a bare unit test.
@@ -2238,16 +2286,16 @@ function shownValue(field2, value, labels) {
   return Array.isArray(value) ? words2 : words2[0];
 }
 function RecordLabelProvider({ children }) {
-  const client = (0, import_react9.useRecordsClient)();
-  const [names, setNames] = (0, import_react8.useState)({});
-  const [archivedRefs, setArchivedRefs] = (0, import_react8.useState)({});
-  const [iconsOf, setIconsOf] = (0, import_react8.useState)({});
-  const [settled, setSettled] = (0, import_react8.useState)({});
-  const [waitingLines, setWaitingLines] = (0, import_react8.useState)({});
-  const asked3 = (0, import_react8.useRef)(/* @__PURE__ */ new Set());
-  const chased = (0, import_react8.useRef)(/* @__PURE__ */ new Set());
-  const timers = (0, import_react8.useRef)(/* @__PURE__ */ new Map());
-  const startWaitClock = (0, import_react8.useCallback)((field2, target) => {
+  const client = (0, import_react10.useRecordsClient)();
+  const [names, setNames] = (0, import_react9.useState)({});
+  const [archivedRefs, setArchivedRefs] = (0, import_react9.useState)({});
+  const [iconsOf, setIconsOf] = (0, import_react9.useState)({});
+  const [settled, setSettled] = (0, import_react9.useState)({});
+  const [waitingLines, setWaitingLines] = (0, import_react9.useState)({});
+  const asked3 = (0, import_react9.useRef)(/* @__PURE__ */ new Set());
+  const chased = (0, import_react9.useRef)(/* @__PURE__ */ new Set());
+  const timers = (0, import_react9.useRef)(/* @__PURE__ */ new Map());
+  const startWaitClock = (0, import_react9.useCallback)((field2, target) => {
     if (timers.current.has(field2.id)) return;
     timers.current.set(
       field2.id,
@@ -2259,7 +2307,7 @@ function RecordLabelProvider({ children }) {
       }, SAY_WHAT_YOU_ARE_WAITING_FOR_AFTER_MS)
     );
   }, []);
-  const stopWaitClock = (0, import_react8.useCallback)((fieldId) => {
+  const stopWaitClock = (0, import_react9.useCallback)((fieldId) => {
     const timer = timers.current.get(fieldId);
     if (timer) {
       clearTimeout(timer);
@@ -2272,14 +2320,14 @@ function RecordLabelProvider({ children }) {
       return next;
     });
   }, []);
-  (0, import_react8.useEffect)(
+  (0, import_react9.useEffect)(
     () => () => {
       for (const timer of timers.current.values()) clearTimeout(timer);
       timers.current.clear();
     },
     []
   );
-  const want = (0, import_react8.useCallback)(
+  const want = (0, import_react9.useCallback)(
     (field2) => {
       if (!pointsAtRecords(field2)) return;
       if (asked3.current.has(field2.id)) return;
@@ -2314,9 +2362,9 @@ function RecordLabelProvider({ children }) {
     },
     [client, startWaitClock, stopWaitClock]
   );
-  const queued = (0, import_react8.useRef)(/* @__PURE__ */ new Map());
-  const flushing = (0, import_react8.useRef)(null);
-  const flush = (0, import_react8.useCallback)(() => {
+  const queued = (0, import_react9.useRef)(/* @__PURE__ */ new Map());
+  const flushing = (0, import_react9.useRef)(null);
+  const flush = (0, import_react9.useCallback)(() => {
     flushing.current = null;
     const batch = [...queued.current.values()];
     queued.current.clear();
@@ -2346,7 +2394,7 @@ function RecordLabelProvider({ children }) {
       for (const { field: field2 } of batch) stopWaitClock(field2.id);
     })();
   }, [client, stopWaitClock]);
-  const chase = (0, import_react8.useCallback)(
+  const chase = (0, import_react9.useCallback)(
     (field2, id) => {
       const key = `${field2.id}:${id}`;
       if (chased.current.has(key)) return;
@@ -2359,14 +2407,14 @@ function RecordLabelProvider({ children }) {
     },
     [flush, startWaitClock]
   );
-  (0, import_react8.useEffect)(
+  (0, import_react9.useEffect)(
     () => () => {
       if (flushing.current !== null) clearTimeout(flushing.current);
     },
     []
   );
-  const rereadFor = (0, import_react8.useRef)(/* @__PURE__ */ new Set());
-  const lookupWords = (0, import_react8.useCallback)(
+  const rereadFor = (0, import_react9.useRef)(/* @__PURE__ */ new Set());
+  const lookupWords = (0, import_react9.useCallback)(
     (field2, id) => {
       if (field2.type === "list" && !isId(id)) {
         const named = names[choiceKeyName(field2.id, id)];
@@ -2386,7 +2434,7 @@ function RecordLabelProvider({ children }) {
     },
     [names, settled, chase, want]
   );
-  const lookup = (0, import_react8.useMemo)(
+  const lookup = (0, import_react9.useMemo)(
     () => {
       const answer = ((field2, id) => lookupWords(field2, id));
       answer.archived = (field2, id) => archivedRefs[`${field2.id}:${id}`] === true;
@@ -2395,19 +2443,19 @@ function RecordLabelProvider({ children }) {
     },
     [lookupWords, archivedRefs, iconsOf]
   );
-  const waiting = (0, import_react8.useCallback)((field2) => waitingLines[field2.id] ?? null, [waitingLines]);
-  const value = (0, import_react8.useMemo)(() => ({ lookup, want, waiting }), [lookup, want, waiting]);
+  const waiting = (0, import_react9.useCallback)((field2) => waitingLines[field2.id] ?? null, [waitingLines]);
+  const value = (0, import_react9.useMemo)(() => ({ lookup, want, waiting }), [lookup, want, waiting]);
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(LabelContext.Provider, { value, children });
 }
 function useRecordLabels(fields) {
-  const { lookup, want } = (0, import_react8.useContext)(LabelContext);
-  (0, import_react8.useEffect)(() => {
+  const { lookup, want } = (0, import_react9.useContext)(LabelContext);
+  (0, import_react9.useEffect)(() => {
     for (const field2 of fields ?? []) want(field2);
   }, [fields, want]);
   return lookup;
 }
 function useLabelWait(field2) {
-  const { waiting } = (0, import_react8.useContext)(LabelContext);
+  const { waiting } = (0, import_react9.useContext)(LabelContext);
   return field2 ? waiting(field2) : null;
 }
 
@@ -2589,9 +2637,9 @@ function gridCopyConfig(args) {
 }
 
 // src/FieldRetype.tsx
-var import_react10 = require("react");
+var import_react11 = require("react");
 var import_records7 = require("@ai-matrx/records");
-var import_react11 = require("@ai-matrx/records/react");
+var import_react12 = require("@ai-matrx/records/react");
 var import_design_system4 = require("@ai-matrx/design-system");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var RETYPE_TARGETS = [
@@ -2628,17 +2676,17 @@ function currentTarget(field2) {
   return "text";
 }
 function FieldRetype({ field: field2, tableId, onRetyped }) {
-  const client = (0, import_react11.useRecordsClient)();
+  const client = (0, import_react12.useRecordsClient)();
   const notify = useRecordsUi().notify;
-  const [to, setTo] = (0, import_react10.useState)(null);
-  const [preview, setPreview] = (0, import_react10.useState)(null);
-  const [asking, setAsking] = (0, import_react10.useState)(false);
-  const [refusal4, setRefusal] = (0, import_react10.useState)(null);
-  const [busy, setBusy] = (0, import_react10.useState)(false);
-  const [said2, setSaid] = (0, import_react10.useState)(null);
+  const [to, setTo] = (0, import_react11.useState)(null);
+  const [preview, setPreview] = (0, import_react11.useState)(null);
+  const [asking, setAsking] = (0, import_react11.useState)(false);
+  const [refusal4, setRefusal] = (0, import_react11.useState)(null);
+  const [busy, setBusy] = (0, import_react11.useState)(false);
+  const [said2, setSaid] = (0, import_react11.useState)(null);
   const name = fieldName(field2);
   const targets = RETYPE_TARGETS.filter((t) => t.id !== currentTarget(field2));
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if (!to) return;
     let cancelled = false;
     setPreview(null);
@@ -2694,7 +2742,7 @@ function FieldRetype({ field: field2, tableId, onRetyped }) {
           undo: async () => {
             const back = await client.migrateUndo({ migration_id: migration });
             if (!back.ok) throw new Error(refusalSentence(back.error));
-            (0, import_react11.tableShapeChanged)(tableId);
+            (0, import_react12.tableShapeChanged)(tableId);
             onRetyped?.();
           }
         });
@@ -2705,7 +2753,7 @@ function FieldRetype({ field: field2, tableId, onRetyped }) {
     );
     setTo(null);
     setPreview(null);
-    (0, import_react11.tableShapeChanged)(tableId);
+    (0, import_react12.tableShapeChanged)(tableId);
     onRetyped?.();
   };
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex flex-col gap-1.5", "data-records-retype": "", children: [
@@ -3075,11 +3123,11 @@ function nextFieldSort(fields) {
 }
 
 // src/PickOne.tsx
-var import_react13 = require("react");
+var import_react14 = require("react");
 var import_design_system7 = require("@ai-matrx/design-system");
 
 // src/PickOrAdd.tsx
-var import_react12 = require("react");
+var import_react13 = require("react");
 
 // src/personChip.tsx
 var import_design_system5 = require("@ai-matrx/design-system");
@@ -3130,9 +3178,9 @@ var CROSS = "M18 6 6 18M6 6l12 12";
 var PLUS = "M12 5v14M5 12h14";
 function useListKeys(args) {
   const { count, resetOn, onPick, onNothing, onClose, onFinish, onBackspaceEmpty, searchEmpty } = args;
-  const [highlight, setHighlight] = (0, import_react12.useState)(0);
-  const [moved, setMoved] = (0, import_react12.useState)(false);
-  (0, import_react12.useEffect)(() => {
+  const [highlight, setHighlight] = (0, import_react13.useState)(0);
+  const [moved, setMoved] = (0, import_react13.useState)(false);
+  (0, import_react13.useEffect)(() => {
     setHighlight(0);
     setMoved(false);
   }, [resetOn]);
@@ -3177,8 +3225,8 @@ function PickRow({
   onPick,
   onPoint
 }) {
-  const ref = (0, import_react12.useRef)(null);
-  (0, import_react12.useEffect)(() => {
+  const ref = (0, import_react13.useRef)(null);
+  (0, import_react13.useEffect)(() => {
     if (highlighted) ref.current?.scrollIntoView?.({ block: "nearest" });
   }, [highlighted]);
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
@@ -3390,8 +3438,8 @@ function PickOne({
   disabled,
   attrs
 }) {
-  const [open, setOpen] = (0, import_react13.useState)(false);
-  const [search, setSearch] = (0, import_react13.useState)("");
+  const [open, setOpen] = (0, import_react14.useState)(false);
+  const [search, setSearch] = (0, import_react14.useState)("");
   const current = options.find((o) => o.value === value);
   if (options.length > PICK_ONE_SEARCH_AFTER) {
     const q = search.trim().toLowerCase();
@@ -3459,7 +3507,7 @@ function groupsOf(options) {
 }
 
 // src/recordVersions.ts
-var import_react14 = require("react");
+var import_react15 = require("react");
 
 // src/refusals.ts
 function refusal(code, sentence2, remedy, diagnostic) {
@@ -3516,22 +3564,22 @@ function signatureOf(row) {
   }
 }
 function useRecordVersions(client, rows, mayRead) {
-  const versions = (0, import_react14.useRef)(/* @__PURE__ */ new Map());
-  const drawn = (0, import_react14.useRef)(/* @__PURE__ */ new Map());
-  const unread = (0, import_react14.useRef)(/* @__PURE__ */ new Set());
-  const pending = (0, import_react14.useRef)(/* @__PURE__ */ new Map());
-  const generation = (0, import_react14.useRef)(0);
-  const mayReadRef = (0, import_react14.useRef)(mayRead);
+  const versions = (0, import_react15.useRef)(/* @__PURE__ */ new Map());
+  const drawn = (0, import_react15.useRef)(/* @__PURE__ */ new Map());
+  const unread = (0, import_react15.useRef)(/* @__PURE__ */ new Set());
+  const pending = (0, import_react15.useRef)(/* @__PURE__ */ new Map());
+  const generation = (0, import_react15.useRef)(0);
+  const mayReadRef = (0, import_react15.useRef)(mayRead);
   mayReadRef.current = mayRead;
-  const rowsRef = (0, import_react14.useRef)(rows);
+  const rowsRef = (0, import_react15.useRef)(rows);
   rowsRef.current = rows;
-  const key = (0, import_react14.useMemo)(() => rows.map((row) => `${row.id}
${signatureOf(row)}`).join(""), [rows]);
+  const key = (0, import_react15.useMemo)(() => rows.map((row) => `${row.id}
${signatureOf(row)}`).join(""), [rows]);
   const raise = (id, version) => {
     const held = versions.current.get(id);
     if (held === void 0 || version > held) versions.current.set(id, version);
     unread.current.delete(id);
   };
-  const readHeaders = (0, import_react14.useCallback)(
+  const readHeaders = (0, import_react15.useCallback)(
     (toRead) => {
       if (toRead.length === 0) return;
       generation.current += 1;
@@ -3562,7 +3610,7 @@ function useRecordVersions(client, rows, mayRead) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [client]
   );
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     const toRead = [];
     for (const row of rowsRef.current) {
       if (mayReadRef.current && !mayReadRef.current(row)) continue;
@@ -3575,8 +3623,8 @@ function useRecordVersions(client, rows, mayRead) {
     }
     readHeaders(toRead);
   }, [readHeaders, key]);
-  const refresh = (0, import_react14.useCallback)((ids) => readHeaders([...ids]), [readHeaders]);
-  const seen = (0, import_react14.useCallback)(async (id) => {
+  const refresh = (0, import_react15.useCallback)((ids) => readHeaders([...ids]), [readHeaders]);
+  const seen = (0, import_react15.useCallback)(async (id) => {
     for (let guard = 0; guard < 5; guard += 1) {
       const waiting = pending.current.get(id);
       if (!waiting) break;
@@ -3585,7 +3633,7 @@ function useRecordVersions(client, rows, mayRead) {
     if (unread.current.has(id)) return null;
     return versions.current.get(id) ?? null;
   }, []);
-  const seenMany = (0, import_react14.useCallback)(
+  const seenMany = (0, import_react15.useCallback)(
     async (ids) => {
       const out = /* @__PURE__ */ new Map();
       for (const id of ids) out.set(id, await seen(id));
@@ -3593,14 +3641,14 @@ function useRecordVersions(client, rows, mayRead) {
     },
     [seen]
   );
-  const wrote = (0, import_react14.useCallback)(
+  const wrote = (0, import_react15.useCallback)(
     (id, version) => {
       raise(id, version);
       readHeaders([id]);
     },
     [readHeaders]
   );
-  return (0, import_react14.useMemo)(() => ({ seen, seenMany, wrote, refresh }), [seen, seenMany, wrote, refresh]);
+  return (0, import_react15.useMemo)(() => ({ seen, seenMany, wrote, refresh }), [seen, seenMany, wrote, refresh]);
 }
 async function readVersionNow(client, id) {
   try {
@@ -3666,19 +3714,19 @@ async function readTableVersionNow(client, tableId) {
   }
 }
 function useTableVersion(client, tableId, table) {
-  const key = (0, import_react14.useMemo)(() => {
+  const key = (0, import_react15.useMemo)(() => {
     try {
       return `${tableId ?? ""}
${JSON.stringify(table ?? null)}`;
     } catch {
       return String(tableId ?? "");
     }
   }, [tableId, table]);
-  const read = (0, import_react14.useRef)(null);
-  const clientRef = (0, import_react14.useRef)(client);
+  const read = (0, import_react15.useRef)(null);
+  const clientRef = (0, import_react15.useRef)(client);
   clientRef.current = client;
-  const keyRef = (0, import_react14.useRef)(key);
+  const keyRef = (0, import_react15.useRef)(key);
   keyRef.current = key;
-  return (0, import_react14.useCallback)(async () => {
+  return (0, import_react15.useCallback)(async () => {
     if (!tableId) return null;
     if (read.current && read.current.key === keyRef.current) return read.current.version;
     const version = readTableVersionNow(clientRef.current, tableId);
@@ -3731,17 +3779,17 @@ function TableDetails({
   fields,
   onSaved
 }) {
-  const client = (0, import_react16.useRecordsClient)();
+  const client = (0, import_react17.useRecordsClient)();
   const kept = typeof table.metadata?.["description"] === "string" ? table.metadata["description"] : "";
-  const [text2, setText] = (0, import_react15.useState)(kept);
-  const [busy, setBusy] = (0, import_react15.useState)(false);
-  const [refused, setRefused] = (0, import_react15.useState)(null);
-  (0, import_react15.useEffect)(() => setText(kept), [kept]);
-  const choices = (0, import_react15.useMemo)(() => rowLabelChoices(fields), [fields]);
+  const [text2, setText] = (0, import_react16.useState)(kept);
+  const [busy, setBusy] = (0, import_react16.useState)(false);
+  const [refused, setRefused] = (0, import_react16.useState)(null);
+  (0, import_react16.useEffect)(() => setText(kept), [kept]);
+  const choices = (0, import_react16.useMemo)(() => rowLabelChoices(fields), [fields]);
   const slots = useSettingsAgentSlots();
-  const drafted = (0, import_react15.useRef)({ description: text2, kept });
+  const drafted = (0, import_react16.useRef)({ description: text2, kept });
   drafted.current = { description: text2, kept };
-  (0, import_react15.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     if (!slots) return void 0;
     const slot = { draft: () => drafted.current, stageDescription: (next) => setText(next) };
     slots.details.current = slot;
@@ -3758,7 +3806,7 @@ function TableDetails({
       setRefused(refusalSentence(written.error));
       return;
     }
-    (0, import_react16.tableShapeChanged)(tableId);
+    (0, import_react17.tableShapeChanged)(tableId);
     onSaved?.();
   };
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex flex-col gap-2", "data-table-details": "", children: [
@@ -3822,22 +3870,22 @@ async function saveTableDescription(client, tableId, text2) {
     { metadata: table.metadata ?? {} }
   );
   if (!written.ok) return { ok: false, says: refusalSentence(written.error) };
-  (0, import_react16.tableShapeChanged)(tableId);
+  (0, import_react17.tableShapeChanged)(tableId);
   return { ok: true };
 }
 
 // src/ReferenceBuilder.tsx
-var import_react19 = require("react");
-var import_react20 = require("@ai-matrx/records/react");
+var import_react20 = require("react");
+var import_react21 = require("@ai-matrx/records/react");
 var import_core3 = require("@ai-matrx/records/core");
 
 // src/createTable.ts
 var import_core2 = require("@ai-matrx/records/core");
 
 // src/tablePicking.tsx
-var import_react17 = require("react");
+var import_react18 = require("react");
 var import_records8 = require("@ai-matrx/records");
-var import_react18 = require("@ai-matrx/records/react");
+var import_react19 = require("@ai-matrx/records/react");
 var import_design_system9 = require("@ai-matrx/design-system");
 var import_jsx_runtime11 = require("react/jsx-runtime");
 var APP_TABLE_PREFIX = "records_ui_";
@@ -3881,16 +3929,16 @@ function madeOn(stamp) {
   return new Intl.DateTimeFormat(void 0, { month: "short", day: "numeric", year: "numeric" }).format(at);
 }
 function usePickerTables() {
-  const client = (0, import_react18.useRecordsClient)();
-  const tables = (0, import_react18.useTables)();
-  const [facts, setFacts] = (0, import_react17.useState)("reading");
-  const [nonce, setNonce] = (0, import_react17.useState)(0);
+  const client = (0, import_react19.useRecordsClient)();
+  const tables = (0, import_react19.useTables)();
+  const [facts, setFacts] = (0, import_react18.useState)("reading");
+  const [nonce, setNonce] = (0, import_react18.useState)(0);
   const reloadTables = tables.reload;
-  const reload = (0, import_react17.useCallback)(() => {
+  const reload = (0, import_react18.useCallback)(() => {
     reloadTables();
     setNonce((n) => n + 1);
   }, [reloadTables]);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     let alive = true;
     void client.tableFacts().then((answered) => {
       if (alive) setFacts(answered.ok ? answered.data ?? null : null);
@@ -3899,7 +3947,7 @@ function usePickerTables() {
       alive = false;
     };
   }, [client, nonce]);
-  const data = (0, import_react17.useMemo)(
+  const data = (0, import_react18.useMemo)(
     () => (0, import_records8.withTablePlacement)(tables.data ?? [], facts === "reading" ? null : facts),
     [tables.data, facts]
   );
@@ -3955,11 +4003,11 @@ function previewWords(document2, display, titleField) {
   return "an untitled record";
 }
 function useTargetColumns(target) {
-  const declared2 = (0, import_react20.useFields)(target);
+  const declared2 = (0, import_react21.useFields)(target);
   const usable = (declared2.data ?? []).filter((f) => f.type !== "formula");
   const needSample = usable.length === 0 && !declared2.loading && target !== null;
-  const sample = (0, import_react20.useRecords)(needSample ? target : null, { pageSize: 1 });
-  return (0, import_react19.useMemo)(() => {
+  const sample = (0, import_react21.useRecords)(needSample ? target : null, { pageSize: 1 });
+  return (0, import_react20.useMemo)(() => {
     if (usable.length > 0) return { keys: usable.map((f) => f.key), loading: false };
     const carried = sample.data?.rows[0]?.document ?? null;
     if (!carried) return { keys: [], loading: declared2.loading || sample.loading };
@@ -3977,19 +4025,19 @@ function ReferenceBuilder({
   className
 }) {
   const tables = usePickerTables();
-  const client = (0, import_react20.useRecordsClient)();
-  const [naming, setNaming] = (0, import_react19.useState)(null);
-  const [making, setMaking] = (0, import_react19.useState)(false);
-  const [refused, setRefused] = (0, import_react19.useState)(null);
-  const [born, setBorn] = (0, import_react19.useState)(null);
+  const client = (0, import_react21.useRecordsClient)();
+  const [naming, setNaming] = (0, import_react20.useState)(null);
+  const [making, setMaking] = (0, import_react20.useState)(false);
+  const [refused, setRefused] = (0, import_react20.useState)(null);
+  const [born, setBorn] = (0, import_react20.useState)(null);
   const target = value.targetTableId || null;
   const columns = useTargetColumns(target);
-  const preview = (0, import_react20.useRecords)(target, { pageSize: 3 });
+  const preview = (0, import_react21.useRecords)(target, { pageSize: 3 });
   const targetTable = (tables.data ?? []).find((t) => t.id === target) ?? null;
   const titleField = targetTable?.title_field ?? null;
-  const [overriding, setOverriding] = (0, import_react19.useState)(value.display !== null);
-  const [showLists, setShowLists] = (0, import_react19.useState)(false);
-  const picking = (0, import_react19.useMemo)(
+  const [overriding, setOverriding] = (0, import_react20.useState)(value.display !== null);
+  const [showLists, setShowLists] = (0, import_react20.useState)(false);
+  const picking = (0, import_react20.useMemo)(
     () => tablePickerEntries(
       [
         ...(tables.data ?? []).map((t) => ({ ...t, name: tableName(t) })),
@@ -4250,9 +4298,9 @@ function ReferenceBuilder({
 }
 
 // src/PersonPicker.tsx
-var import_react21 = require("react");
+var import_react22 = require("react");
 var import_records9 = require("@ai-matrx/records");
-var import_react22 = require("@ai-matrx/records/react");
+var import_react23 = require("@ai-matrx/records/react");
 var import_design_system11 = require("@ai-matrx/design-system");
 var import_jsx_runtime13 = require("react/jsx-runtime");
 function personFromRow(row) {
@@ -4285,27 +4333,27 @@ async function personRecordForMember(client, personTableId, people, member) {
   return written;
 }
 function PersonPicker({ field: field2, value, onChange, disabled, id, className, autoOpen, onClose, onCancel, initialSearch }) {
-  const client = (0, import_react22.useOptionalRecordsClient)();
+  const client = (0, import_react23.useOptionalRecordsClient)();
   const host = useRecordsUi();
-  const [members, setMembers] = (0, import_react21.useState)(null);
-  const [people, setPeople] = (0, import_react21.useState)([]);
-  const [error, setError] = (0, import_react21.useState)(null);
-  const [search, setSearch] = (0, import_react21.useState)(initialSearch ?? "");
-  const [open, setOpenState] = (0, import_react21.useState)(autoOpen === true);
-  const onCloseRef = (0, import_react21.useRef)(onClose);
+  const [members, setMembers] = (0, import_react22.useState)(null);
+  const [people, setPeople] = (0, import_react22.useState)([]);
+  const [error, setError] = (0, import_react22.useState)(null);
+  const [search, setSearch] = (0, import_react22.useState)(initialSearch ?? "");
+  const [open, setOpenState] = (0, import_react22.useState)(autoOpen === true);
+  const onCloseRef = (0, import_react22.useRef)(onClose);
   onCloseRef.current = onClose;
-  const setOpen = (0, import_react21.useCallback)((next) => {
+  const setOpen = (0, import_react22.useCallback)((next) => {
     setOpenState(next);
     if (!next) onCloseRef.current?.();
   }, []);
-  const [busy, setBusy] = (0, import_react21.useState)(false);
+  const [busy, setBusy] = (0, import_react22.useState)(false);
   const membersPort = host.members;
   const personTable = field2.relation_target;
-  const picked = (0, import_react21.useMemo)(
+  const picked = (0, import_react22.useMemo)(
     () => Array.isArray(value) ? value.map(String) : value === null || value === void 0 ? [] : [String(value)],
     [value]
   );
-  const load = (0, import_react21.useCallback)(async () => {
+  const load = (0, import_react22.useCallback)(async () => {
     if (!membersPort || !client) return;
     const [roster, records] = await Promise.all([
       membersPort(),
@@ -4318,11 +4366,11 @@ function PersonPicker({ field: field2, value, onChange, disabled, id, className,
     }
     setPeople(records ? records.data.rows.map(personFromRow).filter((p) => p.userId !== null) : []);
   }, [membersPort, client, personTable]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     if (!open) return;
     void load();
   }, [open, load]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     if (picked.length === 0 || !personTable || people.length > 0 || !client) return;
     let cancelled = false;
     void client.list({ table_id: personTable, limit: 500 }).then((result) => {
@@ -4437,11 +4485,12 @@ function PersonPicker({ field: field2, value, onChange, disabled, id, className,
 
 // src/gridEditing.tsx
 var import_react48 = require("react");
-var import_core6 = require("@ai-matrx/records/core");
+var import_core7 = require("@ai-matrx/records/core");
 var import_react49 = require("@ai-matrx/records/react");
 var import_design_system26 = require("@ai-matrx/design-system");
 
 // src/presentation.ts
+var import_table_style = require("@ai-matrx/design-system/data-table/table-style");
 var import_data_table3 = require("@ai-matrx/design-system/data-table");
 var import_field_formats2 = require("@ai-matrx/design-system/field-formats");
 var import_records10 = require("@ai-matrx/records");
@@ -4574,8 +4623,8 @@ function parseGridPresentation(raw) {
   }
   if (!isRecord(value)) return {};
   const out = {};
-  const style = (0, import_data_table3.parseTableStyle)(value["style"]);
-  if (!(0, import_data_table3.tableStyleIsEmpty)(style)) out.style = style;
+  const style = (0, import_table_style.parseTableStyle)(value["style"]);
+  if (!(0, import_table_style.tableStyleIsEmpty)(style)) out.style = style;
   if (isRecord(value["formats"])) {
     const formats = {};
     for (const [key, cfg] of Object.entries(value["formats"])) {
@@ -4705,7 +4754,7 @@ function parseGrouping(raw) {
   return out;
 }
 function presentationIsEmpty(p) {
-  return (p.style === void 0 || (0, import_data_table3.tableStyleIsEmpty)(p.style)) && Object.keys(p.formats ?? {}).length === 0 && (p.frozen?.length ?? 0) === 0 && p.grouping === void 0 && Object.keys(p.widths ?? {}).length === 0 && p.rowHeight === void 0 && (p.hiddenFields?.length ?? 0) === 0 && p.cardHidden === void 0 && (p.columnOrder?.length ?? 0) === 0 && p.gallerySize === void 0 && p.wrap === void 0 && p.fit === void 0 && p.freezeFirst === void 0 && p.footer === void 0 && Object.keys(p.summaries ?? {}).length === 0;
+  return (p.style === void 0 || (0, import_table_style.tableStyleIsEmpty)(p.style)) && Object.keys(p.formats ?? {}).length === 0 && (p.frozen?.length ?? 0) === 0 && p.grouping === void 0 && Object.keys(p.widths ?? {}).length === 0 && p.rowHeight === void 0 && (p.hiddenFields?.length ?? 0) === 0 && p.cardHidden === void 0 && (p.columnOrder?.length ?? 0) === 0 && p.gallerySize === void 0 && p.wrap === void 0 && p.fit === void 0 && p.freezeFirst === void 0 && p.footer === void 0 && Object.keys(p.summaries ?? {}).length === 0;
 }
 function presentationDocument(p) {
   return presentationIsEmpty(p) ? "" : JSON.stringify(p);
@@ -4850,7 +4899,7 @@ var import_react39 = require("@ai-matrx/records/react");
 var import_design_system20 = require("@ai-matrx/design-system");
 
 // src/newerKindValues.tsx
-var import_react23 = require("react");
+var import_react24 = require("react");
 var import_source = require("@ai-matrx/content-ir/source");
 var import_records11 = require("@ai-matrx/records");
 var import_design_system12 = require("@ai-matrx/design-system");
@@ -5033,9 +5082,9 @@ function newerKindControl(props) {
   }
 }
 function DurationControl({ value, onChange, disabled, id }) {
-  const [text2, setText] = (0, import_react23.useState)(() => (0, import_records11.durationText)(value) ?? "");
-  const [wrong, setWrong] = (0, import_react23.useState)(false);
-  (0, import_react23.useEffect)(() => {
+  const [text2, setText] = (0, import_react24.useState)(() => (0, import_records11.durationText)(value) ?? "");
+  const [wrong, setWrong] = (0, import_react24.useState)(false);
+  (0, import_react24.useEffect)(() => {
     setText((0, import_records11.durationText)(value) ?? "");
   }, [value]);
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "flex flex-col gap-1", children: [
@@ -5108,8 +5157,8 @@ function barcodeDetector() {
   return typeof ctor === "function" ? ctor : null;
 }
 function BarcodeControl({ value, onChange, disabled, id }) {
-  const file = (0, import_react23.useRef)(null);
-  const [said2, setSaid] = (0, import_react23.useState)(null);
+  const file = (0, import_react24.useRef)(null);
+  const [said2, setSaid] = (0, import_react24.useState)(null);
   const Detect = barcodeDetector();
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "flex flex-col gap-1", children: [
     /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "flex items-center gap-1.5", children: [
@@ -5165,9 +5214,9 @@ function BarcodeControl({ value, onChange, disabled, id }) {
 }
 
 // src/RelationPicker.tsx
-var import_react24 = require("react");
+var import_react25 = require("react");
 var import_records12 = require("@ai-matrx/records");
-var import_react25 = require("@ai-matrx/records/react");
+var import_react26 = require("@ai-matrx/records/react");
 var import_design_system13 = require("@ai-matrx/design-system");
 
 // src/tellApart.ts
@@ -5214,29 +5263,29 @@ var import_jsx_runtime15 = (
 );
 var NO_STORE_ON_THIS_SCREEN_REASON = "This question points at a record in somebody's own data, and a page answered without an account is never allowed to search that. Leave it blank \u2014 whoever receives your answer will fill it in.";
 function RelationPicker({ field: field2, value, onChange, disabled, id, className, allowCreate = true, onPicked, autoOpen, onClose, onCancel }) {
-  const client = (0, import_react25.useOptionalRecordsClient)();
-  const [rows, setRows] = (0, import_react24.useState)(null);
-  const [words2, setWords] = (0, import_react24.useState)({});
-  const [refusal4, setRefusal] = (0, import_react24.useState)(null);
-  const [search, setSearch] = (0, import_react24.useState)("");
-  const [open, setOpenState] = (0, import_react24.useState)(autoOpen === true);
-  const onCloseRef = (0, import_react24.useRef)(onClose);
+  const client = (0, import_react26.useOptionalRecordsClient)();
+  const [rows, setRows] = (0, import_react25.useState)(null);
+  const [words2, setWords] = (0, import_react25.useState)({});
+  const [refusal4, setRefusal] = (0, import_react25.useState)(null);
+  const [search, setSearch] = (0, import_react25.useState)("");
+  const [open, setOpenState] = (0, import_react25.useState)(autoOpen === true);
+  const onCloseRef = (0, import_react25.useRef)(onClose);
   onCloseRef.current = onClose;
-  const setOpen = (0, import_react24.useCallback)((next) => {
+  const setOpen = (0, import_react25.useCallback)((next) => {
     setOpenState(next);
     if (!next) onCloseRef.current?.();
   }, []);
-  const [target, setTarget] = (0, import_react24.useState)(null);
-  const [targetRefusal, setTargetRefusal] = (0, import_react24.useState)(null);
-  const [creating, setCreating] = (0, import_react24.useState)(false);
-  const [newTitle, setNewTitle] = (0, import_react24.useState)("");
-  const [busy, setBusy] = (0, import_react24.useState)(false);
-  const [createRefusal, setCreateRefusal] = (0, import_react24.useState)(null);
-  const picked = (0, import_react24.useMemo)(
+  const [target, setTarget] = (0, import_react25.useState)(null);
+  const [targetRefusal, setTargetRefusal] = (0, import_react25.useState)(null);
+  const [creating, setCreating] = (0, import_react25.useState)(false);
+  const [newTitle, setNewTitle] = (0, import_react25.useState)("");
+  const [busy, setBusy] = (0, import_react25.useState)(false);
+  const [createRefusal, setCreateRefusal] = (0, import_react25.useState)(null);
+  const picked = (0, import_react25.useMemo)(
     () => Array.isArray(value) ? value.map(String) : value === null || value === void 0 ? [] : [String(value)],
     [value]
   );
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     const target2 = field2.relation_target;
     if (!target2 || !client) return;
     let cancelled = false;
@@ -5249,7 +5298,7 @@ function RelationPicker({ field: field2, value, onChange, disabled, id, classNam
       cancelled = true;
     };
   }, [client, field2.relation_target]);
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     if (!rows || !client) return;
     const wanted = [.../* @__PURE__ */ new Set([...rows.map((row) => row.id), ...picked])].filter(
       (id2) => words2[id2] === void 0
@@ -5269,7 +5318,7 @@ function RelationPicker({ field: field2, value, onChange, disabled, id, classNam
       cancelled = true;
     };
   }, [client, field2.id, rows, picked, words2]);
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     if (!open || !allowCreate || target || targetRefusal || !client) return;
     const id2 = field2.relation_target;
     if (!id2) return;
@@ -5476,12 +5525,12 @@ function RelationPicker({ field: field2, value, onChange, disabled, id, classNam
 }
 
 // src/gridAttachments.tsx
-var import_react27 = require("react");
-var import_react28 = require("@ai-matrx/records/react");
+var import_react28 = require("react");
+var import_react29 = require("@ai-matrx/records/react");
 var import_design_system15 = require("@ai-matrx/design-system");
 
 // src/FilePicker.tsx
-var import_react26 = require("react");
+var import_react27 = require("react");
 var import_design_system14 = require("@ai-matrx/design-system");
 var import_jsx_runtime16 = require("react/jsx-runtime");
 function FilePicker({
@@ -5495,17 +5544,17 @@ function FilePicker({
   chosenName,
   className
 }) {
-  const inputId = (0, import_react26.useId)();
-  const input = (0, import_react26.useRef)(null);
-  const [over, setOver] = (0, import_react26.useState)(false);
-  const take = (0, import_react26.useCallback)(
+  const inputId = (0, import_react27.useId)();
+  const input = (0, import_react27.useRef)(null);
+  const [over, setOver] = (0, import_react27.useState)(false);
+  const take = (0, import_react27.useCallback)(
     (file) => {
       if (!file || disabled) return;
       onFile(file);
     },
     [disabled, onFile]
   );
-  const onDrop = (0, import_react26.useCallback)(
+  const onDrop = (0, import_react27.useCallback)(
     (e) => {
       e.preventDefault();
       setOver(false);
@@ -5598,10 +5647,10 @@ function rememberHostFileIds(ids) {
 var FILE_CHIP_UNREAD = "File";
 var FILE_CHIP_NO_PAGE = "This screen has no way to open files yet.";
 function AttachmentChip({ id, onRemove }) {
-  const client = (0, import_react28.useOptionalRecordsClient)();
+  const client = (0, import_react29.useOptionalRecordsClient)();
   const host = useRecordsUi();
-  const [read, setRead] = (0, import_react27.useState)(null);
-  (0, import_react27.useEffect)(() => {
+  const [read, setRead] = (0, import_react28.useState)(null);
+  (0, import_react28.useEffect)(() => {
     let cancelled = false;
     if (!client) {
       setRead({ name: null, fileId: null, why: null });
@@ -5676,9 +5725,9 @@ function AttachmentControl({
   onClose
 }) {
   const host = useRecordsUi();
-  const [busy, setBusy] = (0, import_react27.useState)(false);
-  const [why, setWhy] = (0, import_react27.useState)(null);
-  const latest = (0, import_react27.useRef)(value);
+  const [busy, setBusy] = (0, import_react28.useState)(false);
+  const [why, setWhy] = (0, import_react28.useState)(null);
+  const latest = (0, import_react28.useRef)(value);
   latest.current = value;
   const multiple = Boolean(field2.multi);
   const pick = async () => {
@@ -5699,8 +5748,8 @@ function AttachmentControl({
     setBusy(false);
     onClose?.();
   };
-  const opened = (0, import_react27.useRef)(false);
-  (0, import_react27.useEffect)(() => {
+  const opened = (0, import_react28.useRef)(false);
+  (0, import_react28.useEffect)(() => {
     if (!autoOpen || opened.current || !host.pickFiles) return;
     opened.current = true;
     void pick();
@@ -5743,9 +5792,9 @@ function AttachmentControl({
 }
 
 // src/EntityReferenceControl.tsx
-var import_react29 = require("react");
+var import_react30 = require("react");
 var import_records13 = require("@ai-matrx/records");
-var import_react30 = require("@ai-matrx/records/react");
+var import_react31 = require("@ai-matrx/records/react");
 var import_design_system16 = require("@ai-matrx/design-system");
 var import_jsx_runtime18 = require("react/jsx-runtime");
 var WITHHELD_ENTITY_LABEL = "Something you have not been given access to";
@@ -5761,19 +5810,19 @@ function allowedKindsOf(field2) {
   return kinds.map((k) => String(k).trim().toLowerCase()).filter(Boolean);
 }
 function EntityReferenceControl(props) {
-  const client = (0, import_react30.useOptionalRecordsClient)();
+  const client = (0, import_react31.useOptionalRecordsClient)();
   return client ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(WithWords, { ...props }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Chips, { ...props, words: null, picker: null });
 }
 function WithWords(props) {
-  const refs = (0, import_react29.useMemo)(() => (0, import_records13.entityRefsOf)(props.value), [props.value]);
-  const [known, setKnown] = (0, import_react29.useState)([]);
+  const refs = (0, import_react30.useMemo)(() => (0, import_records13.entityRefsOf)(props.value), [props.value]);
+  const [known, setKnown] = (0, import_react30.useState)([]);
   const withKnown = refs.map((r) => r.label === null ? known.find((k) => k.token === r.token && k.id === r.id) ?? r : r);
-  const unlabelled = (0, import_react29.useMemo)(
+  const unlabelled = (0, import_react30.useMemo)(
     () => withKnown.filter((r) => r.label === null).map((r) => ({ token: r.token, id: r.id })),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [JSON.stringify(withKnown)]
   );
-  const words2 = (0, import_react30.useEntityReferenceWords)(unlabelled);
+  const words2 = (0, import_react31.useEntityReferenceWords)(unlabelled);
   const picker = props.disabled ? null : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     EntityReferencePicker,
     {
@@ -5795,13 +5844,13 @@ function EntityReferencePicker({
   onPick
 }) {
   const allowed = allowedKindsOf(field2);
-  const kinds = (0, import_react30.useEntityReferenceKinds)();
+  const kinds = (0, import_react31.useEntityReferenceKinds)();
   const labelOfKind = (token) => kinds.data?.find((k) => k.token === token)?.label ?? token.replace(/_/g, " ");
-  const [open, setOpen] = (0, import_react29.useState)(false);
-  const [search, setSearch] = (0, import_react29.useState)("");
-  const [only, setOnly] = (0, import_react29.useState)(null);
+  const [open, setOpen] = (0, import_react30.useState)(false);
+  const [search, setSearch] = (0, import_react30.useState)("");
+  const [only, setOnly] = (0, import_react30.useState)(null);
   const tokens = only ? [only] : allowed;
-  const found = (0, import_react30.useEntityReferenceSearch)(tokens, search, open);
+  const found = (0, import_react31.useEntityReferenceSearch)(tokens, search, open);
   const multi = Boolean(field2.multi);
   const items = (found.data ?? []).map((r) => ({
     id: `${r.token}:${r.id}`,
@@ -5872,7 +5921,7 @@ function Chips({
   words: words2,
   picker
 }) {
-  const refs = (0, import_react29.useMemo)(() => (0, import_records13.entityRefsOf)(value), [value]);
+  const refs = (0, import_react30.useMemo)(() => (0, import_records13.entityRefsOf)(value), [value]);
   const labelOf = (token, refId, own3) => {
     if (own3) return own3;
     const read = words2?.data?.find((w) => w.token === token && w.id === refId)?.label;
@@ -5908,7 +5957,7 @@ function Chips({
 }
 
 // src/FloatingRefusal.tsx
-var import_react31 = require("react");
+var import_react32 = require("react");
 var import_react_dom = require("react-dom");
 var import_jsx_runtime19 = require("react/jsx-runtime");
 var GAP = 4;
@@ -5926,11 +5975,11 @@ function placeFor(anchor, note) {
   return { position: "fixed", top: a.top + (a.height - height) / 2, left: Math.max(a.left, a.right - width - 8) };
 }
 function FloatingRefusal({ text: text2, why }) {
-  const spot = (0, import_react31.useRef)(null);
-  const note = (0, import_react31.useRef)(null);
-  const [style, setStyle] = (0, import_react31.useState)(null);
-  const [floating, setFloating] = (0, import_react31.useState)(false);
-  (0, import_react31.useLayoutEffect)(() => {
+  const spot = (0, import_react32.useRef)(null);
+  const note = (0, import_react32.useRef)(null);
+  const [style, setStyle] = (0, import_react32.useState)(null);
+  const [floating, setFloating] = (0, import_react32.useState)(false);
+  (0, import_react32.useLayoutEffect)(() => {
     const here = spot.current;
     if (!here) return;
     const anchor = here.closest("[data-matrx-cell-editor]");
@@ -5972,12 +6021,12 @@ function FloatingRefusal({ text: text2, why }) {
 }
 
 // src/formatControls.tsx
-var import_react33 = require("react");
+var import_react34 = require("react");
 var import_design_system18 = require("@ai-matrx/design-system");
 var import_field_formats4 = require("@ai-matrx/design-system/field-formats");
 
 // src/formattedValue.tsx
-var import_react32 = require("react");
+var import_react33 = require("react");
 var import_data_table4 = require("@ai-matrx/design-system/data-table");
 var import_field_formats3 = require("@ai-matrx/design-system/field-formats");
 var import_design_system17 = require("@ai-matrx/design-system");
@@ -5999,7 +6048,7 @@ function RatingStars({
   label,
   selectFirst
 }) {
-  const armed = (0, import_react32.useRef)(true);
+  const armed = (0, import_react33.useRef)(true);
   const score = numberOf(value) ?? 0;
   const shown4 = Math.round(score);
   const said2 = `${shown4} out of ${max}`;
@@ -6148,9 +6197,9 @@ function keptValue(format, raw) {
   return parsed;
 }
 function NumberInFormat({ format, value, onChange, disabled, id }) {
-  const [text2, setText] = (0, import_react33.useState)(() => typedText(format, value));
-  const lastSent = (0, import_react33.useRef)(void 0);
-  (0, import_react33.useEffect)(() => {
+  const [text2, setText] = (0, import_react34.useState)(() => typedText(format, value));
+  const lastSent = (0, import_react34.useRef)(void 0);
+  (0, import_react34.useEffect)(() => {
     if (value === lastSent.current) return;
     setText(typedText(format, value));
   }, [value, format]);
@@ -6227,56 +6276,6 @@ function formatControl(args) {
 var import_react35 = require("react");
 var import_design_system19 = require("@ai-matrx/design-system");
 var import_records14 = require("@ai-matrx/records");
-
-// src/personTime.ts
-var import_react34 = require("react");
-var zone = null;
-var listeners = /* @__PURE__ */ new Set();
-function valid(z) {
-  if (typeof z !== "string" || !z.trim()) return false;
-  try {
-    new Intl.DateTimeFormat("en-US", { timeZone: z });
-    return true;
-  } catch {
-    return false;
-  }
-}
-function setPersonTimeZone(next) {
-  const clean = valid(next) ? next : null;
-  if (clean === zone) return;
-  zone = clean;
-  listeners.forEach((l) => l());
-}
-function getPersonTimeZone() {
-  return zone;
-}
-function usePersonTimeZone() {
-  return (0, import_react34.useSyncExternalStore)(
-    (cb) => {
-      listeners.add(cb);
-      return () => listeners.delete(cb);
-    },
-    () => zone,
-    () => null
-  );
-}
-function personWallNow(at = /* @__PURE__ */ new Date()) {
-  if (!zone) return at;
-  const parts = new Intl.DateTimeFormat("en-US", {
-    timeZone: zone,
-    year: "numeric",
-    month: "2-digit",
-    day: "2-digit",
-    hour: "2-digit",
-    minute: "2-digit",
-    second: "2-digit",
-    hourCycle: "h23"
-  }).formatToParts(at);
-  const n = (t) => Number(parts.find((p) => p.type === t)?.value ?? 0);
-  return new Date(n("year"), n("month") - 1, n("day"), n("hour"), n("minute"), n("second"));
-}
-
-// src/typedDateHelper.tsx
 var import_jsx_runtime22 = require("react/jsx-runtime");
 var WEEK = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
 var MONTHS = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
@@ -7589,6 +7588,473 @@ var import_design_system25 = require("@ai-matrx/design-system");
 
 // src/embeddedLook.tsx
 var import_react42 = require("react");
+
+// src/firstPage.ts
+var import_core4 = require("@ai-matrx/records/core");
+
+// src/viewKeys.ts
+var STORE_KEEPS_TIMELINE = true;
+var ALL = ["grid", "kanban", "calendar", "gallery", ...STORE_KEEPS_TIMELINE ? ["timeline"] : [], "list"];
+var HIDES = ["grid", "gallery", "kanban", "calendar", ...STORE_KEEPS_TIMELINE ? ["timeline"] : [], "list"];
+var GRIDS = ["grid"];
+var VIEW_KEYS = [
+  { path: "layout", shape: "kind", layouts: ALL, writer: "caller" },
+  { path: "filters", shape: "filter", layouts: ALL, writer: "caller" },
+  { path: "where", shape: "rule", layouts: ALL, writer: "caller" },
+  { path: "group_field", shape: "field", layouts: ["kanban", ...STORE_KEEPS_TIMELINE ? ["timeline"] : []], writer: "caller" },
+  { path: "swimlane_field", shape: "field:lane", layouts: ["kanban"], writer: "caller" },
+  { path: "collapsed_columns", shape: "values", layouts: ["kanban"], writer: "caller" },
+  { path: "measure", shape: "field:number", layouts: ["kanban"], writer: "caller" },
+  { path: "date_field", shape: "field:date", layouts: ["calendar"], writer: "caller" },
+  ...STORE_KEEPS_TIMELINE ? [
+    { path: "start_field", shape: "field:date", layouts: ["timeline"], writer: "caller" },
+    { path: "end_field", shape: "field:date", layouts: ["calendar", "timeline"], writer: "caller" }
+  ] : [],
+  { path: "image_field", shape: "field", layouts: ["gallery"], writer: "caller" },
+  { path: "sorts", shape: "sorts", layouts: ALL, writer: "caller" },
+  { path: "rule_id", shape: "uuid", layouts: ALL, writer: "caller" },
+  { path: "is_default", shape: "boolean", layouts: ALL, writer: "caller" },
+  { path: "presentation", shape: "presentation", layouts: ALL, writer: "caller" },
+  { path: "presentation.style", shape: "style", layouts: ALL, writer: "caller" },
+  { path: "presentation.formats", shape: "object", layouts: GRIDS, writer: "caller" },
+  { path: "presentation.frozen", shape: "fields", layouts: GRIDS, writer: "caller" },
+  { path: "presentation.grouping", shape: "grouping", layouts: ["grid", "gallery", "list"], writer: "caller" },
+  { path: "presentation.widths", shape: "widths", layouts: GRIDS, writer: "caller" },
+  { path: "presentation.rowHeight", shape: "row_height", layouts: GRIDS, writer: "caller" },
+  { path: "presentation.hiddenFields", shape: "fields", layouts: HIDES, writer: "caller" },
+  { path: "presentation.cardHidden", shape: "fields", layouts: ["kanban", "calendar", ...STORE_KEEPS_TIMELINE ? ["timeline"] : [], "list", "gallery"], writer: "caller" },
+  { path: "presentation.columnOrder", shape: "fields", layouts: GRIDS, writer: "caller" },
+  { path: "presentation.gallerySize", shape: "gallery_size", layouts: ["gallery"], writer: "caller" },
+  { path: "presentation.wrap", shape: "boolean", layouts: GRIDS, writer: "caller" },
+  { path: "presentation.wrapColumns", shape: "fields", layouts: GRIDS, writer: "caller" },
+  { path: "presentation.fit", shape: "fit", layouts: GRIDS, writer: "caller" },
+  { path: "presentation.freezeFirst", shape: "boolean", layouts: GRIDS, writer: "caller" },
+  { path: "presentation.footer", shape: "footer", layouts: GRIDS, writer: "caller" },
+  { path: "presentation.summaries", shape: "summaries", layouts: GRIDS, writer: "caller" },
+  { path: "grid", shape: "grid", layouts: GRIDS, writer: "caller" },
+  { path: "hidden_fields", shape: "input", layouts: HIDES, writer: "input" },
+  { path: "table_id", shape: "server", layouts: ALL, writer: "server" },
+  { path: "order", shape: "server", layouts: GRIDS, writer: "server" },
+  { path: "moved_from", shape: "server", layouts: ALL, writer: "server" }
+];
+var STORE_KEPT_LAYOUTS = ["grid", "kanban", "calendar", "gallery", ...STORE_KEEPS_TIMELINE ? ["timeline"] : [], "list"];
+function storeKeepsLayout(layout) {
+  return STORE_KEPT_LAYOUTS.includes(layout);
+}
+function viewKeysFor(layout) {
+  return VIEW_KEYS.filter((k) => k.layouts.includes(layout)).map((k) => k.path);
+}
+var KINDS = STORE_KEPT_LAYOUTS;
+function viewSettings(definition, rowFilters) {
+  const data = definition ?? {};
+  const text2 = (key) => {
+    const v = data[key];
+    return typeof v === "string" && v !== "" ? v : null;
+  };
+  const layout = String(data["layout"] ?? "grid");
+  const flat = rowFilters ?? (isObject2(data["filters"]) ? data["filters"] : null);
+  const moved = data["moved_from"];
+  return {
+    layout: KINDS.includes(layout) ? layout : "grid",
+    filters: flat && Object.keys(flat).length > 0 ? flat : null,
+    where: isRule(data["where"]) ? data["where"] : null,
+    groupField: text2("group_field"),
+    swimlaneField: text2("swimlane_field"),
+    collapsedColumns: Array.isArray(data["collapsed_columns"]) ? data["collapsed_columns"].filter((v) => ["string", "number", "boolean"].includes(typeof v)).map(String) : [],
+    measure: text2("measure"),
+    dateField: text2("date_field"),
+    startField: text2("start_field"),
+    endField: text2("end_field"),
+    imageField: text2("image_field"),
+    sorts: parseSorts(data["sorts"]),
+    ruleId: text2("rule_id"),
+    isDefault: data["is_default"] === true || data["is_default"] === "true",
+    presentation: parseGridPresentation(data["presentation"]),
+    movedFrom: isObject2(moved) ? moved : null
+  };
+}
+function viewSettingsFor(settings, layout) {
+  const reads = new Set(viewKeysFor(layout));
+  const out = { layout: settings.layout };
+  const take = (key, path) => {
+    if (reads.has(path)) out[key] = settings[key];
+  };
+  take("filters", "filters");
+  take("where", "where");
+  take("groupField", "group_field");
+  take("swimlaneField", "swimlane_field");
+  take("collapsedColumns", "collapsed_columns");
+  take("measure", "measure");
+  take("dateField", "date_field");
+  take("startField", "start_field");
+  take("endField", "end_field");
+  take("imageField", "image_field");
+  take("sorts", "sorts");
+  take("ruleId", "rule_id");
+  take("isDefault", "is_default");
+  const p = settings.presentation;
+  const look = {};
+  for (const [key, value] of Object.entries(p)) {
+    if (reads.has(`presentation.${key}`)) look[key] = value;
+  }
+  out.presentation = look;
+  return out;
+}
+function viewSettingsPatch(patch) {
+  const out = {};
+  const field2 = (key, path) => {
+    if (patch[key] !== void 0) out[path] = patch[key] || null;
+  };
+  if (patch.layout !== void 0 && storeKeepsLayout(patch.layout)) out["layout"] = patch.layout;
+  field2("groupField", "group_field");
+  field2("swimlaneField", "swimlane_field");
+  field2("measure", "measure");
+  field2("dateField", "date_field");
+  if (STORE_KEEPS_TIMELINE) {
+    field2("startField", "start_field");
+    field2("endField", "end_field");
+  }
+  field2("imageField", "image_field");
+  field2("ruleId", "rule_id");
+  if (patch.collapsedColumns !== void 0) out["collapsed_columns"] = patch.collapsedColumns ?? [];
+  if (patch.sorts !== void 0) out["sorts"] = patch.sorts ?? [];
+  if (patch.where !== void 0) out["where"] = patch.where ?? null;
+  if (patch.isDefault !== void 0) out["is_default"] = patch.isDefault === true;
+  if (patch.presentation !== void 0) {
+    out["presentation"] = !patch.presentation || presentationIsEmpty(patch.presentation) ? null : JSON.parse(presentationDocument(patch.presentation));
+  }
+  return out;
+}
+function isObject2(raw) {
+  return Boolean(raw) && typeof raw === "object" && !Array.isArray(raw);
+}
+function isRule(raw) {
+  if (!isObject2(raw)) return false;
+  const node = raw;
+  return typeof node.op === "string" && Array.isArray(node.args);
+}
+function parseSorts(raw) {
+  let list = raw;
+  if (typeof raw === "string") {
+    try {
+      list = raw.trim() === "" ? [] : JSON.parse(raw);
+    } catch {
+      return [];
+    }
+  }
+  if (!Array.isArray(list)) return [];
+  return list.filter((s) => isObject2(s) && typeof s.field === "string").map((s) => ({ field: s.field, direction: s.direction === "desc" ? "desc" : "asc" }));
+}
+
+// src/views.ts
+var VIEW_LAYOUTS = ["grid", "kanban", "calendar", "gallery", "timeline", "list"];
+var LAYOUT_LABEL = {
+  grid: "Grid",
+  kanban: "Kanban",
+  calendar: "Calendar",
+  gallery: "Gallery",
+  timeline: "Timeline",
+  list: "List"
+};
+function wordsList(words2) {
+  const clean = words2.map((w) => w.trim()).filter((w) => w !== "");
+  if (clean.length <= 1) return clean.join("");
+  return `${clean.slice(0, -1).join(", ")} and ${clean[clean.length - 1]}`;
+}
+var VIEW_NEEDS = {
+  grid: null,
+  // A list reads nothing a table can lack: rows, titled, grouped only when the person chooses.
+  list: null,
+  kanban: {
+    kind: "choice",
+    viewKey: "groupField",
+    blocking: true,
+    starter: { label: "Status", type: "select", options: ["To do", "In progress", "Done"] },
+    pick: "Pick the choice column the board's columns come from.",
+    missing: "This table has no choice column to make the board's columns from.",
+    does: (label) => `Make it work adds a ${label} column with the choices below and groups the board by it.`,
+    ask: (label, options) => `Add a choice column called ${label} to this table${options.length > 0 ? ` with the choices ${wordsList(options)}` : ""}, then group the Kanban board by it.`
+  },
+  calendar: {
+    kind: "date",
+    viewKey: "dateField",
+    blocking: true,
+    starter: { label: "Date", type: "datetime" },
+    pick: "Pick the date column the calendar places records by.",
+    missing: "This table has no date column to place records on.",
+    does: (label) => `Make it work adds a ${label} column and lays the calendar out by it.`,
+    ask: (label) => `Add a date column called ${label} to this table, then lay the Calendar out by it.`
+  },
+  gallery: {
+    kind: "file",
+    viewKey: "imageField",
+    blocking: false,
+    starter: { label: "Photo", type: "attachment" },
+    pick: "Pick the file column each card shows as its picture.",
+    missing: "The cards have no picture because this table has no file column.",
+    does: (label) => `Make it work adds a ${label} column and shows it on each card.`,
+    ask: (label) => `Add a file column called ${label} to this table, then show it as the picture on each Gallery card.`
+  },
+  timeline: {
+    kind: "date",
+    viewKey: "dateField",
+    blocking: true,
+    starter: { label: "Start", type: "datetime" },
+    pick: "Pick the date column each bar starts on.",
+    missing: "This table has no date column to place records on.",
+    does: (label) => `Make it work adds a ${label} column and lays the timeline out by it.`,
+    ask: (label) => `Add a date column called ${label} to this table, then lay the Timeline out by it.`
+  }
+};
+function freeColumnName(wanted, taken) {
+  const held = new Set(taken.map((t) => t.trim().toLowerCase()));
+  const base = wanted.trim() === "" ? "Column" : wanted.trim();
+  if (!held.has(base.toLowerCase())) return base;
+  for (let n = 2; n < 100; n += 1) {
+    const next = `${base} ${n}`;
+    if (!held.has(next.toLowerCase())) return next;
+  }
+  return base;
+}
+function viewOrderOf(definition) {
+  const raw = definition?.["order"];
+  return raw === "manual" ? "manual" : raw === "sorted" ? "sorted" : null;
+}
+function defaultViewOf(views) {
+  return views.find((v) => v.isDefault);
+}
+var LAYOUT_FIELD_KIND = {
+  grid: null,
+  kanban: "choice",
+  calendar: "date",
+  gallery: "file",
+  timeline: "date",
+  list: null
+};
+var PAGE_VIEWS = [...VIEW_LAYOUTS, "dashboards", "archived"];
+var PAGE_VIEW_LABEL = {
+  ...LAYOUT_LABEL,
+  dashboards: "Dashboards",
+  archived: "Archived"
+};
+var PAGE_VIEW_SPELLINGS = {
+  grid: "grid",
+  table: "grid",
+  rows: "grid",
+  list: "list",
+  kanban: "kanban",
+  board: "kanban",
+  pipeline: "kanban",
+  calendar: "calendar",
+  month: "calendar",
+  schedule: "calendar",
+  gallery: "gallery",
+  cards: "gallery",
+  timeline: "timeline",
+  gantt: "timeline",
+  dashboards: "dashboards",
+  dashboard: "dashboards",
+  charts: "dashboards",
+  archived: "archived",
+  archive: "archived",
+  // The grid's row action says "Delete" and the store soft-deletes, so the word
+  // a person types is as likely to be the one the button used as the one this
+  // view is called. Both land in the same place; neither dies.
+  deleted: "archived",
+  trash: "archived",
+  removed: "archived"
+};
+function pageViewFromParam(raw) {
+  if (typeof raw !== "string") return null;
+  const token = raw.trim().toLowerCase();
+  if (token === "") return null;
+  return PAGE_VIEW_SPELLINGS[token] ?? null;
+}
+function unknownViewLine(raw) {
+  return `The link asked for a view called \u201C${raw}\u201D, which this table has no view for, so you are looking at ${PAGE_VIEW_LABEL.grid}. The views this table has are ${PAGE_VIEWS.map((v) => PAGE_VIEW_LABEL[v]).join(", ")} \u2014 pick one above and the address follows it.`;
+}
+function viewDocument(spec) {
+  const out = {
+    // A layout the store does not keep yet is not sent: the view is saved as a grid (`STORE_KEPT_LAYOUTS`).
+    layout: storeKeepsLayout(spec.layout) ? spec.layout : "grid",
+    sorts: spec.sorts ?? [],
+    is_default: spec.isDefault === true
+  };
+  if (spec.groupField) out["group_field"] = spec.groupField;
+  if (spec.swimlaneField) out["swimlane_field"] = spec.swimlaneField;
+  if (spec.collapsedColumns && spec.collapsedColumns.length > 0) out["collapsed_columns"] = spec.collapsedColumns;
+  if (spec.measure) out["measure"] = spec.measure;
+  if (spec.dateField) out["date_field"] = spec.dateField;
+  if (STORE_KEEPS_TIMELINE && spec.startField) out["start_field"] = spec.startField;
+  if (STORE_KEEPS_TIMELINE && spec.endField) out["end_field"] = spec.endField;
+  if (spec.imageField) out["image_field"] = spec.imageField;
+  if (spec.ruleId) out["rule_id"] = spec.ruleId;
+  if (spec.where) out["where"] = spec.where;
+  if (spec.presentation && !presentationIsEmpty(spec.presentation)) {
+    out["presentation"] = JSON.parse(presentationDocument(spec.presentation));
+  }
+  return out;
+}
+function viewFromRow(row) {
+  const data = row.definition ?? {};
+  const k = viewSettings(data, row.filters && Object.keys(row.filters).length > 0 ? row.filters : null);
+  const tableFromDefinition = typeof data["table_id"] === "string" && data["table_id"] !== "" ? data["table_id"] : null;
+  return {
+    id: row.view_id,
+    name: row.name || "Untitled view",
+    subject: row.table_id ?? tableFromDefinition ?? "",
+    layout: k.layout,
+    groupField: k.groupField,
+    swimlaneField: k.swimlaneField,
+    collapsedColumns: k.collapsedColumns,
+    measure: k.measure,
+    dateField: k.dateField,
+    startField: k.startField,
+    endField: k.endField,
+    imageField: k.imageField,
+    sorts: k.sorts,
+    order: viewOrderOf(data),
+    ruleId: k.ruleId,
+    ...k.filters ? { filters: k.filters } : {},
+    where: k.where,
+    // The older table's own default view, carried in by the mover, IS this table's default —
+    // the mover wrote the row's column, which `custom.views` does not return. Read as anything
+    // else, the page would seed a second "All records" beside it and open on that.
+    isDefault: k.isDefault || k.movedFrom?.["kind"] === "default_view",
+    presentation: k.presentation,
+    movedFrom: k.movedFrom
+  };
+}
+async function declareView(client, spec) {
+  return client.viewDeclare({
+    table_id: spec.subject,
+    spec: {
+      name: spec.name,
+      ...spec.filters ? { filters: spec.filters } : {},
+      definition: viewDocument(spec)
+    }
+  });
+}
+async function saveViewPatch(client, tableId, viewId, patch) {
+  const definition = viewPatchDocument(patch);
+  const renamed = patch.name !== void 0 && patch.name.trim() !== "";
+  const refiltered = patch.filters !== void 0;
+  return client.viewDeclare({
+    table_id: tableId,
+    spec: {
+      view_id: viewId,
+      ...renamed ? { name: patch.name.trim() } : {},
+      ...refiltered ? { filters: patch.filters ?? null } : {},
+      definition
+    }
+  });
+}
+function viewPatchDocument(patch) {
+  const { name: _name, subject: _subject, filters: _filters, ...keys } = patch;
+  return viewSettingsPatch(keys);
+}
+function viewPatchFor(view, patch) {
+  if (!view.isDefault) return patch;
+  const { layout: _layout, isDefault: _isDefault, ...kept } = patch;
+  return kept;
+}
+async function designateView(client, tableId, viewId, layout) {
+  return client.viewDesignate({ table_id: tableId, view_id: viewId, layout });
+}
+
+// src/viewLook.ts
+var LOOK_KEYS = [
+  "layout",
+  "groupField",
+  "swimlaneField",
+  "collapsedColumns",
+  "measure",
+  "dateField",
+  "startField",
+  "endField",
+  "imageField",
+  "sorts",
+  "where",
+  "presentation"
+];
+function lookPart(patch) {
+  const out = {};
+  for (const key of LOOK_KEYS) {
+    if (patch[key] !== void 0) out[key] = patch[key];
+  }
+  return out;
+}
+function lookDocument(look) {
+  return viewSettingsPatch(look);
+}
+function lookFromDocument(doc) {
+  const data = doc ?? {};
+  const read = viewSettings(data);
+  const out = {};
+  const has = (key) => Object.prototype.hasOwnProperty.call(data, key);
+  if (has("layout") && VIEW_LAYOUTS.includes(String(data["layout"]))) {
+    out.layout = data["layout"];
+  }
+  if (has("group_field")) out.groupField = read.groupField;
+  if (has("swimlane_field")) out.swimlaneField = read.swimlaneField;
+  if (has("collapsed_columns")) out.collapsedColumns = read.collapsedColumns;
+  if (has("measure")) out.measure = read.measure;
+  if (has("date_field")) out.dateField = read.dateField;
+  if (has("start_field")) out.startField = read.startField;
+  if (has("end_field")) out.endField = read.endField;
+  if (has("image_field")) out.imageField = read.imageField;
+  if (has("sorts")) out.sorts = read.sorts;
+  if (has("where")) out.where = read.where;
+  if (has("presentation")) out.presentation = parseGridPresentation(data["presentation"]);
+  return out;
+}
+function applyLook(view, look) {
+  if (!look) return view;
+  return { ...view, ...look };
+}
+function lookDiffers(view, look) {
+  if (!look) return false;
+  const shown4 = applyLook(view, look);
+  return LOOK_KEYS.some(
+    (key) => look[key] !== void 0 && JSON.stringify(shown4[key] ?? null) !== JSON.stringify(view[key] ?? null)
+  );
+}
+function saveToViewPlan(view, look) {
+  const patch = viewPatchFor(view, look);
+  const left = {};
+  if (look.layout !== void 0 && patch.layout === void 0 && look.layout !== view.layout) left.layout = look.layout;
+  return { patch, left: Object.keys(left).length > 0 ? left : null };
+}
+async function readLooks(client, tableId) {
+  const answered = await client.viewLookRead({ table_id: tableId });
+  if (!answered.ok) return answered;
+  const out = {};
+  for (const [viewId, row] of Object.entries(answered.data ?? {})) {
+    out[viewId] = lookFromDocument(row?.look ?? null);
+  }
+  return { ok: true, data: out };
+}
+async function keepLook(client, tableId, viewId, look) {
+  const doc = look ? lookDocument(look) : null;
+  return client.viewLookSet({ table_id: tableId, view_id: viewId, look: doc && Object.keys(doc).length > 0 ? doc : null });
+}
+var LOOK_WORDS = {
+  /** The reason, for a tooltip or a screen reader — never a line on the page (interface-text). */
+  yours: "You changed how this view looks. Only you see it.",
+  /** The visible label for the same fact. */
+  yoursLabel: "Only you see this",
+  saveToView: "Save to view",
+  saveAsNew: "Save as new view",
+  reset: "Reset to view",
+  /** The one button your look's doors fold into when the toolbar row has no room for three. */
+  folded: "Your look",
+  newName: "Name for the new view"
+};
+
+// src/firstPage.ts
+var EMBEDDED_PAGE_SIZE = 50;
+
+// src/embeddedLook.tsx
 var EMBEDDED_LOOK = { blankEmpty: true, choiceDot: true, plainRelation: true };
 var EmbeddedLookContext = (0, import_react42.createContext)(null);
 var EmbeddedLookProvider = EmbeddedLookContext.Provider;
@@ -7606,7 +8072,6 @@ var EMBEDDED_TABLE_CLASS = [
   "[&_thead_th:last-child]:border-r-0"
 ].join(" ");
 var EMBEDDED_PLAIN_FOOTER_CLASS = "[&_tfoot]:bg-transparent [&_tfoot]:border-t-0";
-var EMBEDDED_PAGE_SIZE = 50;
 
 // src/enumLabels.ts
 function exhaustiveValuesOf() {
@@ -7745,16 +8210,16 @@ var ABSENCE_WORD_LABEL = {
 };
 
 // src/values.tsx
-var import_core5 = require("@ai-matrx/records/core");
+var import_core6 = require("@ai-matrx/records/core");
 
 // src/WholeValue.tsx
 var import_react43 = require("react");
-var import_core4 = require("@ai-matrx/records/core");
+var import_core5 = require("@ai-matrx/records/core");
 var import_design_system21 = require("@ai-matrx/design-system");
 var import_jsx_runtime26 = require("react/jsx-runtime");
 var WHOLE_VALUE_UNBOUND = "The whole text is kept as a file, and this screen has no way to open files yet.";
 function wholeValueLine(pointer) {
-  return `Open the whole text (${(0, import_core4.wholeValueSize)(pointer)})`;
+  return `Open the whole text (${(0, import_core5.wholeValueSize)(pointer)})`;
 }
 function WholeValueCell({ words: words2, pointer }) {
   const host = useRecordsUi();
@@ -7765,12 +8230,12 @@ function WholeValueCell({ words: words2, pointer }) {
       words2,
       "\u2026"
     ] }),
-    href ? host.Link ? host.Link({ href, children: line, className: "shrink-0 text-xs text-primary underline-offset-2 hover:underline" }) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("a", { className: "shrink-0 text-xs text-primary underline-offset-2 hover:underline", href, target: "_blank", rel: "noreferrer", children: line }) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "shrink-0 text-xs italic text-muted-foreground", title: WHOLE_VALUE_UNBOUND, children: `${(0, import_core4.wholeValueSize)(pointer)} in a file` })
+    href ? host.Link ? host.Link({ href, children: line, className: "shrink-0 text-xs text-primary underline-offset-2 hover:underline" }) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("a", { className: "shrink-0 text-xs text-primary underline-offset-2 hover:underline", href, target: "_blank", rel: "noreferrer", children: line }) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "shrink-0 text-xs italic text-muted-foreground", title: WHOLE_VALUE_UNBOUND, children: `${(0, import_core5.wholeValueSize)(pointer)} in a file` })
   ] });
 }
 var WHOLE_VALUE_NOT_EDITABLE_HERE = "The whole text is kept as a file. Open it to read it; this screen cannot load it to edit.";
 function wholeValueOpening(pointer) {
-  return `Opening the whole text (${(0, import_core4.wholeValueSize)(pointer)})\u2026`;
+  return `Opening the whole text (${(0, import_core5.wholeValueSize)(pointer)})\u2026`;
 }
 function useWholeText(pointer) {
   const host = useRecordsUi();
@@ -8466,7 +8931,7 @@ function renderValue(field2, value, document2, labels, stillWaitingFor, look) {
   if (isSignatureField(field2)) return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SignatureValue, { value, fieldKey: field2.key, document: document2 });
   const newer = newerKindValue(field2, value);
   if (newer !== void 0) return newer;
-  const whole = typeof value === "string" ? (0, import_core5.wholeValueOf)(document2, field2.key) : null;
+  const whole = typeof value === "string" ? (0, import_core6.wholeValueOf)(document2, field2.key) : null;
   if (whole) return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(WholeValueCell, { words: value, pointer: whole });
   const kind = editorKindFor(field2);
   if (kind === "relation" || kind === "entity_reference") {
@@ -8589,7 +9054,7 @@ function scalarText(field2, value, labels, stillWaitingFor) {
 function ProvenanceBadge({ document: document2, fieldKey }) {
   const envelope = envelopeFor(document2, fieldKey);
   if (!envelope?.src) return null;
-  if ((0, import_core5.wholeValueOf)(document2, fieldKey)) return null;
+  if ((0, import_core6.wholeValueOf)(document2, fieldKey)) return null;
   const sources = document2?._sources;
   const source = sources?.[envelope.src];
   const label = source ? Object.values(source).map(String).join(" \xB7 ") : envelope.src;
@@ -8624,7 +9089,7 @@ function RecordValue({
     const newer = newerKindValue(field2, value, { inCell });
     if (newer !== void 0) return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_jsx_runtime31.Fragment, { children: newer });
   }
-  if (inCell && ui.grid === "merged" && ui.renderText && typeof value === "string" && value.trim() !== "" && editorKindFor(field2) === "long_text" && !shownAsOf(field2) && !(0, import_core5.wholeValueOf)(document2, field2.key) && !envelopeFor(document2, field2.key)?.absent && // A long-text cell holding a kind is drawn by the kind system below, not as markdown.
+  if (inCell && ui.grid === "merged" && ui.renderText && typeof value === "string" && value.trim() !== "" && editorKindFor(field2) === "long_text" && !shownAsOf(field2) && !(0, import_core6.wholeValueOf)(document2, field2.key) && !envelopeFor(document2, field2.key)?.absent && // A long-text cell holding a kind is drawn by the kind system below, not as markdown.
   !kindValueOf(value)) {
     return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "block h-[1.5em] min-w-0 overflow-hidden whitespace-normal", "data-records-cell-text": "", children: ui.renderText(value, "cell") });
   }
@@ -8837,7 +9302,7 @@ function useGridEditing({ tableId, fields, rows, reload, reloadAfterWrite, canWr
       }
       const held = optimistic[cellKey(address.rowId, address.key)];
       const document2 = rows.find((r) => r.id === address.rowId)?.document;
-      const pointer = held === void 0 && typeof current === "string" ? (0, import_core6.wholeValueOf)(document2, address.key) : null;
+      const pointer = held === void 0 && typeof current === "string" ? (0, import_core7.wholeValueOf)(document2, address.key) : null;
       if (pointer) {
         const read = host.readFileText;
         if (!read) return;
@@ -8948,7 +9413,7 @@ function useGridEditing({ tableId, fields, rows, reload, reloadAfterWrite, canWr
         delete next[id];
         return next;
       });
-      const conflict = (0, import_core6.asWriteConflict)(written.error, rowId);
+      const conflict = (0, import_core7.asWriteConflict)(written.error, rowId);
       if (written.error.code === "stale_write") {
         if (conflict) rememberVersion(versions.current, rowId, conflict.current_version);
         else versions.current.delete(rowId);
@@ -9036,7 +9501,7 @@ function useGridEditing({ tableId, fields, rows, reload, reloadAfterWrite, canWr
       }
       const starting = shownValue2(next.rowId, next.key);
       const nextDocument = rows.find((r) => r.id === next.rowId)?.document;
-      if (typeof starting === "string" && optimistic[cellKey(next.rowId, next.key)] === void 0 && (0, import_core6.wholeValueOf)(nextDocument, next.key)) {
+      if (typeof starting === "string" && optimistic[cellKey(next.rowId, next.key)] === void 0 && (0, import_core7.wholeValueOf)(nextDocument, next.key)) {
         setEditing(null);
         setDraft(null);
         typed2.current = null;
@@ -10057,7 +10522,7 @@ var import_react122 = require("react");
 var import_react123 = require("@ai-matrx/records/react");
 var import_records36 = require("@ai-matrx/records");
 var import_data_table13 = require("@ai-matrx/design-system/data-table");
-var import_core16 = require("@ai-matrx/records/core");
+var import_core17 = require("@ai-matrx/records/core");
 
 // src/archiveWords.ts
 var import_format2 = require("@ai-matrx/kit/format");
@@ -10203,7 +10668,7 @@ function columnNameTakenLine(taken, noun = "column") {
 // src/FieldEditor.tsx
 var import_react65 = require("react");
 var import_react66 = require("@ai-matrx/records/react");
-var import_core7 = require("@ai-matrx/records/core");
+var import_core8 = require("@ai-matrx/records/core");
 var import_design_system35 = require("@ai-matrx/design-system");
 
 // src/EntityReferenceKindPicker.tsx
@@ -11891,7 +12356,7 @@ function FieldEditor(props) {
           return;
         }
         (0, import_react66.tableShapeChanged)(tableId);
-        for (const c of done.data.undo.cells_back) (0, import_core7.announceRecordChanged)(c.record_id);
+        for (const c of done.data.undo.cells_back) (0, import_core8.announceRecordChanged)(c.record_id);
         const n = done.data.rehomed.reduce((sum, r) => sum + r.records, 0);
         setRehome({});
         setRehomed({ said: `Saved. ${n} ${n === 1 ? "record was" : "records were"} changed with the choices.`, undo: done.data.undo });
@@ -12313,7 +12778,7 @@ function FieldEditor(props) {
                 return;
               }
               (0, import_react66.tableShapeChanged)(tableId);
-              for (const c of undo.cells_back) (0, import_core7.announceRecordChanged)(c.record_id);
+              for (const c of undo.cells_back) (0, import_core8.announceRecordChanged)(c.record_id);
               setChoiceList(null);
               setChoiceListStart(null);
               setRehomed({ said: "Undone. The choices and the records that held them are back as they were.", undo: null });
@@ -15004,7 +15469,7 @@ function WholeTextDialog({
 }
 
 // src/pasteValues.ts
-var import_core8 = require("@ai-matrx/records/core");
+var import_core9 = require("@ai-matrx/records/core");
 var import_records29 = require("@ai-matrx/records");
 function wordForStoredChoice(options, value) {
   if (options === void 0 || typeof value !== "string" || value === "") return null;
@@ -15083,7 +15548,7 @@ function planPastedBlock(args) {
       });
       accepted[key] = judged.value;
     }
-    const predicted = (0, import_core8.predictValueRefusals)(args.fields, accepted);
+    const predicted = (0, import_core9.predictValueRefusals)(args.fields, accepted);
     for (const refusal4 of predicted) {
       const key = refusal4.field_key;
       if (key === void 0) continue;
@@ -15604,9 +16069,17 @@ function useMergedGridControls(args) {
           const row = rows.find((r) => r.id === rowId);
           if (row) args.duplicate(row);
         },
+        // ARCHIVE FROM THE ROW MENU NEVER FAILS SILENTLY (Spaces round 33): the confirm opens once the menu
+        // layer has closed — opened from inside the menu's own select callback, the closing menu's focus
+        // return dismissed the dialog the moment it opened (inside a contenteditable host every time), so the
+        // press did nothing. A row the page no longer holds says so.
         archiveRow: (rowId) => {
           const row = rows.find((r) => r.id === rowId);
-          if (row) args.askDelete(row);
+          if (!row) {
+            notify?.error("This record is no longer on the page. Open it to archive it.");
+            return;
+          }
+          afterMenuLayerCloses(() => args.askDelete(row));
         },
         ...args.onOpenRecord ? { openRecord: (rowId) => args.onOpenRecord?.(rowId) } : {},
         ...args.onAskWhoChanged ? { askWhoChanged: (columnId2, rowId) => args.onAskWhoChanged?.(columnId2, rowId) } : {},
@@ -15965,6 +16438,10 @@ function backLinkSentence(column, readers = [], tableName2 = null) {
   if (readers.length === 0) return base;
   return `${readersSentence(readers.length, tableName2)} ${base}`;
 }
+function afterMenuLayerCloses(next) {
+  if (typeof window === "undefined") return next();
+  requestAnimationFrame(() => requestAnimationFrame(next));
+}
 function selectOpenCellText() {
   if (typeof window === "undefined") return;
   requestAnimationFrame(
@@ -15988,7 +16465,7 @@ var import_design_system51 = require("@ai-matrx/design-system");
 // src/RecordForm.tsx
 var import_react92 = require("react");
 var import_react93 = require("@ai-matrx/records/react");
-var import_core10 = require("@ai-matrx/records/core");
+var import_core11 = require("@ai-matrx/records/core");
 var import_design_system50 = require("@ai-matrx/design-system");
 var import_text_case6 = require("@ai-matrx/kit/text-case");
 
@@ -16001,7 +16478,7 @@ var import_design_system49 = require("@ai-matrx/design-system");
 var import_react88 = require("react");
 var import_react89 = require("@ai-matrx/records/react");
 var import_design_system48 = require("@ai-matrx/design-system");
-var import_core9 = require("@ai-matrx/records/core");
+var import_core10 = require("@ai-matrx/records/core");
 var import_jsx_runtime55 = require("react/jsx-runtime");
 function isEmptyValue(value) {
   return value === null || value === void 0 || value === "" || Array.isArray(value) && value.length === 0;
@@ -16073,7 +16550,7 @@ async function writeStandardRowValues(client, args) {
     { schema: config.schema ?? "custom" }
   );
   if (!old.error) return { ok: true };
-  const error = (0, import_core9.mapPgError)(old.error, "entityValueWrite");
+  const error = (0, import_core10.mapPgError)(old.error, "entityValueWrite");
   return { ok: false, error: doorIsAbsent(error) && first && first.error.code !== "door_absent" ? first.error : error };
 }
 function doorIsAbsent(error) {
@@ -16644,7 +17121,7 @@ function CustomRecordForm({
     return out;
   }, [draft]);
   const predicted = (0, import_react92.useMemo)(
-    () => fields.data ? (0, import_core10.predictWriteRefusals)({ fields: fields.data, document: document2, ...recordType ? { recordType } : {} }) : [],
+    () => fields.data ? (0, import_core11.predictWriteRefusals)({ fields: fields.data, document: document2, ...recordType ? { recordType } : {} }) : [],
     [fields.data, document2, recordType]
   );
   if (fields.error) return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(RefusalNotice, { error: fields.error, className });
@@ -16694,7 +17171,7 @@ function CustomRecordForm({
       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_core11.asWriteConflict)(answered2.error, recordId)
       });
       const moved = answered2.ok ? answered2.data : null;
       if (moved !== null) {
@@ -16803,7 +17280,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_core11.wholeValueOf)(document2, field2.key) : null;
   return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: (0, import_design_system50.cn)("flex min-w-0 flex-col gap-1", whole && "sm:col-span-2"), children: [
     /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(FieldLabel, { field: field2, htmlFor: id, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ProvenanceBadge, { document: document2, fieldKey: field2.key }) }),
     whole ? (
@@ -18852,12 +19329,12 @@ function withOpenRecord(columns, onOpen, nameOf2, place = "end", hrefOf) {
 // src/ImportWizard.tsx
 var import_react105 = require("react");
 var import_react106 = require("@ai-matrx/records/react");
-var import_core12 = require("@ai-matrx/records/core");
+var import_core13 = require("@ai-matrx/records/core");
 var import_design_system56 = require("@ai-matrx/design-system");
 var import_records33 = require("@ai-matrx/records");
 
 // src/importRuleCheck.ts
-var import_core11 = require("@ai-matrx/records/core");
+var import_core12 = require("@ai-matrx/records/core");
 function checkImportRules(fields, rows, mapping, choiceOptions, relationNames) {
   const byKey = new Map(fields.map((f) => [f.key, f]));
   const verdicts = [];
@@ -18883,7 +19360,7 @@ function checkImportRules(fields, rows, mapping, choiceOptions, relationNames) {
       if ("unmatchedNames" in meant) return;
       if ("refusal" in meant) why = meant.refusal;
       else {
-        const predicted = (0, import_core11.predictValueRefusals)([field2], { [key]: meant.value }).filter(
+        const predicted = (0, import_core12.predictValueRefusals)([field2], { [key]: meant.value }).filter(
           (p) => p.field_key === void 0 || p.field_key === key
         );
         if (predicted.length > 0) why = predicted[0].message;
@@ -19387,7 +19864,7 @@ function ImportWizard({ tableId, source, onDone, onWrote, className }) {
       try {
         const xlsx = file.name.toLowerCase().endsWith(".xlsx");
         const bytes = await file.arrayBuffer();
-        const result = xlsx ? await (0, import_core12.importXlsx)(bytes) : (0, import_core12.importCsv)(new TextDecoder().decode(bytes));
+        const result = xlsx ? await (0, import_core13.importXlsx)(bytes) : (0, import_core13.importCsv)(new TextDecoder().decode(bytes));
         await planFrom(result, { name: file.name, bytes: file.size, hash: await sha256(bytes), format: xlsx ? "xlsx" : "csv" });
       } catch (thrown) {
         setProblem(
@@ -21405,7 +21882,7 @@ function useGroupLabel(fields, groupKey) {
 // src/gridUndo.tsx
 var import_react113 = require("react");
 var import_react114 = require("@ai-matrx/records/react");
-var import_core13 = require("@ai-matrx/records/core");
+var import_core14 = require("@ai-matrx/records/core");
 var import_design_system58 = require("@ai-matrx/design-system");
 var import_data_table12 = require("@ai-matrx/design-system/data-table");
 var import_jsx_runtime68 = require("react/jsx-runtime");
@@ -21499,7 +21976,7 @@ function useGridUndo(args) {
       }
       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_core13.announceRecordChanged)(id);
+        (0, import_core14.announceRecordChanged)(id);
       }
       setHeld(() => {
         let stack = taken.stack;
@@ -21784,7 +22261,7 @@ function holdKeys() {
 // src/gridAssist.tsx
 var import_clipboard2 = require("@ai-matrx/kit/clipboard");
 var import_react116 = require("react");
-var import_core14 = require("@ai-matrx/records/core");
+var import_core15 = require("@ai-matrx/records/core");
 var import_workspace = require("@ai-matrx/alchemy/react/workspace");
 
 // src/gridAgentContext.ts
@@ -21914,7 +22391,7 @@ function useGridAssist(args) {
   const copyRecordReference = (0, import_react116.useCallback)(
     (rowId) => {
       void (async () => {
-        const text2 = JSON.stringify({ __kind: (0, import_core14.tableKindSlug)(tableId), _record_id: rowId });
+        const text2 = JSON.stringify({ __kind: (0, import_core15.tableKindSlug)(tableId), _record_id: rowId });
         if (!await (0, import_clipboard2.copyText)(text2)) {
           say2(false, "This browser did not let the page write to the clipboard.");
           return;
@@ -21970,7 +22447,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_core14.wholeValueOf)(document2, key) : null;
+      const pointer = typeof document2[key] === "string" ? (0, import_core15.wholeValueOf)(document2, key) : null;
       setWhole({ rowId, key, rowTitle: titleOf(row), value, pointer });
     },
     [rowOf, fieldOf2, titleOf, editing]
@@ -22066,7 +22543,7 @@ function useGridAssist(args) {
 // src/gridBulk.tsx
 var import_react117 = require("react");
 var import_react118 = require("@ai-matrx/records/react");
-var import_core15 = require("@ai-matrx/records/core");
+var import_core16 = require("@ai-matrx/records/core");
 var import_design_system59 = require("@ai-matrx/design-system");
 var import_jsx_runtime70 = require("react/jsx-runtime");
 function countOf(n, one, many) {
@@ -22132,7 +22609,7 @@ function useGridBulk(args) {
         return null;
       }
       for (const result of done.data ?? []) if (result.op === "update") versions.wrote(result.id, result.version);
-      for (const change of changes) if ("record_id" in change && change.record_id) (0, import_core15.announceRecordChanged)(change.record_id);
+      for (const change of changes) if ("record_id" in change && change.record_id) (0, import_core16.announceRecordChanged)(change.record_id);
       return done.data;
     },
     [client, tableId, versions, reload]
@@ -22297,378 +22774,6 @@ var import_react119 = require("react");
 var import_react120 = require("@ai-matrx/records/react");
 var import_records35 = require("@ai-matrx/records");
 var import_design_system60 = require("@ai-matrx/design-system");
-
-// src/viewKeys.ts
-var STORE_KEEPS_TIMELINE = true;
-var ALL = ["grid", "kanban", "calendar", "gallery", ...STORE_KEEPS_TIMELINE ? ["timeline"] : [], "list"];
-var HIDES = ["grid", "gallery", "kanban", "calendar", ...STORE_KEEPS_TIMELINE ? ["timeline"] : [], "list"];
-var GRIDS = ["grid"];
-var VIEW_KEYS = [
-  { path: "layout", shape: "kind", layouts: ALL, writer: "caller" },
-  { path: "filters", shape: "filter", layouts: ALL, writer: "caller" },
-  { path: "where", shape: "rule", layouts: ALL, writer: "caller" },
-  { path: "group_field", shape: "field", layouts: ["kanban", ...STORE_KEEPS_TIMELINE ? ["timeline"] : []], writer: "caller" },
-  { path: "swimlane_field", shape: "field:lane", layouts: ["kanban"], writer: "caller" },
-  { path: "collapsed_columns", shape: "values", layouts: ["kanban"], writer: "caller" },
-  { path: "measure", shape: "field:number", layouts: ["kanban"], writer: "caller" },
-  { path: "date_field", shape: "field:date", layouts: ["calendar"], writer: "caller" },
-  ...STORE_KEEPS_TIMELINE ? [
-    { path: "start_field", shape: "field:date", layouts: ["timeline"], writer: "caller" },
-    { path: "end_field", shape: "field:date", layouts: ["calendar", "timeline"], writer: "caller" }
-  ] : [],
-  { path: "image_field", shape: "field", layouts: ["gallery"], writer: "caller" },
-  { path: "sorts", shape: "sorts", layouts: ALL, writer: "caller" },
-  { path: "rule_id", shape: "uuid", layouts: ALL, writer: "caller" },
-  { path: "is_default", shape: "boolean", layouts: ALL, writer: "caller" },
-  { path: "presentation", shape: "presentation", layouts: ALL, writer: "caller" },
-  { path: "presentation.style", shape: "style", layouts: ALL, writer: "caller" },
-  { path: "presentation.formats", shape: "object", layouts: GRIDS, writer: "caller" },
-  { path: "presentation.frozen", shape: "fields", layouts: GRIDS, writer: "caller" },
-  { path: "presentation.grouping", shape: "grouping", layouts: ["grid", "gallery", "list"], writer: "caller" },
-  { path: "presentation.widths", shape: "widths", layouts: GRIDS, writer: "caller" },
-  { path: "presentation.rowHeight", shape: "row_height", layouts: GRIDS, writer: "caller" },
-  { path: "presentation.hiddenFields", shape: "fields", layouts: HIDES, writer: "caller" },
-  { path: "presentation.cardHidden", shape: "fields", layouts: ["kanban", "calendar", ...STORE_KEEPS_TIMELINE ? ["timeline"] : [], "list", "gallery"], writer: "caller" },
-  { path: "presentation.columnOrder", shape: "fields", layouts: GRIDS, writer: "caller" },
-  { path: "presentation.gallerySize", shape: "gallery_size", layouts: ["gallery"], writer: "caller" },
-  { path: "presentation.wrap", shape: "boolean", layouts: GRIDS, writer: "caller" },
-  { path: "presentation.wrapColumns", shape: "fields", layouts: GRIDS, writer: "caller" },
-  { path: "presentation.fit", shape: "fit", layouts: GRIDS, writer: "caller" },
-  { path: "presentation.freezeFirst", shape: "boolean", layouts: GRIDS, writer: "caller" },
-  { path: "presentation.footer", shape: "footer", layouts: GRIDS, writer: "caller" },
-  { path: "presentation.summaries", shape: "summaries", layouts: GRIDS, writer: "caller" },
-  { path: "grid", shape: "grid", layouts: GRIDS, writer: "caller" },
-  { path: "hidden_fields", shape: "input", layouts: HIDES, writer: "input" },
-  { path: "table_id", shape: "server", layouts: ALL, writer: "server" },
-  { path: "order", shape: "server", layouts: GRIDS, writer: "server" },
-  { path: "moved_from", shape: "server", layouts: ALL, writer: "server" }
-];
-var STORE_KEPT_LAYOUTS = ["grid", "kanban", "calendar", "gallery", ...STORE_KEEPS_TIMELINE ? ["timeline"] : [], "list"];
-function storeKeepsLayout(layout) {
-  return STORE_KEPT_LAYOUTS.includes(layout);
-}
-function viewKeysFor(layout) {
-  return VIEW_KEYS.filter((k) => k.layouts.includes(layout)).map((k) => k.path);
-}
-var KINDS = STORE_KEPT_LAYOUTS;
-function viewSettings(definition, rowFilters) {
-  const data = definition ?? {};
-  const text2 = (key) => {
-    const v = data[key];
-    return typeof v === "string" && v !== "" ? v : null;
-  };
-  const layout = String(data["layout"] ?? "grid");
-  const flat = rowFilters ?? (isObject2(data["filters"]) ? data["filters"] : null);
-  const moved = data["moved_from"];
-  return {
-    layout: KINDS.includes(layout) ? layout : "grid",
-    filters: flat && Object.keys(flat).length > 0 ? flat : null,
-    where: isRule(data["where"]) ? data["where"] : null,
-    groupField: text2("group_field"),
-    swimlaneField: text2("swimlane_field"),
-    collapsedColumns: Array.isArray(data["collapsed_columns"]) ? data["collapsed_columns"].filter((v) => ["string", "number", "boolean"].includes(typeof v)).map(String) : [],
-    measure: text2("measure"),
-    dateField: text2("date_field"),
-    startField: text2("start_field"),
-    endField: text2("end_field"),
-    imageField: text2("image_field"),
-    sorts: parseSorts(data["sorts"]),
-    ruleId: text2("rule_id"),
-    isDefault: data["is_default"] === true || data["is_default"] === "true",
-    presentation: parseGridPresentation(data["presentation"]),
-    movedFrom: isObject2(moved) ? moved : null
-  };
-}
-function viewSettingsFor(settings, layout) {
-  const reads = new Set(viewKeysFor(layout));
-  const out = { layout: settings.layout };
-  const take = (key, path) => {
-    if (reads.has(path)) out[key] = settings[key];
-  };
-  take("filters", "filters");
-  take("where", "where");
-  take("groupField", "group_field");
-  take("swimlaneField", "swimlane_field");
-  take("collapsedColumns", "collapsed_columns");
-  take("measure", "measure");
-  take("dateField", "date_field");
-  take("startField", "start_field");
-  take("endField", "end_field");
-  take("imageField", "image_field");
-  take("sorts", "sorts");
-  take("ruleId", "rule_id");
-  take("isDefault", "is_default");
-  const p = settings.presentation;
-  const look = {};
-  for (const [key, value] of Object.entries(p)) {
-    if (reads.has(`presentation.${key}`)) look[key] = value;
-  }
-  out.presentation = look;
-  return out;
-}
-function viewSettingsPatch(patch) {
-  const out = {};
-  const field2 = (key, path) => {
-    if (patch[key] !== void 0) out[path] = patch[key] || null;
-  };
-  if (patch.layout !== void 0 && storeKeepsLayout(patch.layout)) out["layout"] = patch.layout;
-  field2("groupField", "group_field");
-  field2("swimlaneField", "swimlane_field");
-  field2("measure", "measure");
-  field2("dateField", "date_field");
-  if (STORE_KEEPS_TIMELINE) {
-    field2("startField", "start_field");
-    field2("endField", "end_field");
-  }
-  field2("imageField", "image_field");
-  field2("ruleId", "rule_id");
-  if (patch.collapsedColumns !== void 0) out["collapsed_columns"] = patch.collapsedColumns ?? [];
-  if (patch.sorts !== void 0) out["sorts"] = patch.sorts ?? [];
-  if (patch.where !== void 0) out["where"] = patch.where ?? null;
-  if (patch.isDefault !== void 0) out["is_default"] = patch.isDefault === true;
-  if (patch.presentation !== void 0) {
-    out["presentation"] = !patch.presentation || presentationIsEmpty(patch.presentation) ? null : JSON.parse(presentationDocument(patch.presentation));
-  }
-  return out;
-}
-function isObject2(raw) {
-  return Boolean(raw) && typeof raw === "object" && !Array.isArray(raw);
-}
-function isRule(raw) {
-  if (!isObject2(raw)) return false;
-  const node = raw;
-  return typeof node.op === "string" && Array.isArray(node.args);
-}
-function parseSorts(raw) {
-  let list = raw;
-  if (typeof raw === "string") {
-    try {
-      list = raw.trim() === "" ? [] : JSON.parse(raw);
-    } catch {
-      return [];
-    }
-  }
-  if (!Array.isArray(list)) return [];
-  return list.filter((s) => isObject2(s) && typeof s.field === "string").map((s) => ({ field: s.field, direction: s.direction === "desc" ? "desc" : "asc" }));
-}
-
-// src/views.ts
-var VIEW_LAYOUTS = ["grid", "kanban", "calendar", "gallery", "timeline", "list"];
-var LAYOUT_LABEL = {
-  grid: "Grid",
-  kanban: "Kanban",
-  calendar: "Calendar",
-  gallery: "Gallery",
-  timeline: "Timeline",
-  list: "List"
-};
-function wordsList(words2) {
-  const clean = words2.map((w) => w.trim()).filter((w) => w !== "");
-  if (clean.length <= 1) return clean.join("");
-  return `${clean.slice(0, -1).join(", ")} and ${clean[clean.length - 1]}`;
-}
-var VIEW_NEEDS = {
-  grid: null,
-  // A list reads nothing a table can lack: rows, titled, grouped only when the person chooses.
-  list: null,
-  kanban: {
-    kind: "choice",
-    viewKey: "groupField",
-    blocking: true,
-    starter: { label: "Status", type: "select", options: ["To do", "In progress", "Done"] },
-    pick: "Pick the choice column the board's columns come from.",
-    missing: "This table has no choice column to make the board's columns from.",
-    does: (label) => `Make it work adds a ${label} column with the choices below and groups the board by it.`,
-    ask: (label, options) => `Add a choice column called ${label} to this table${options.length > 0 ? ` with the choices ${wordsList(options)}` : ""}, then group the Kanban board by it.`
-  },
-  calendar: {
-    kind: "date",
-    viewKey: "dateField",
-    blocking: true,
-    starter: { label: "Date", type: "datetime" },
-    pick: "Pick the date column the calendar places records by.",
-    missing: "This table has no date column to place records on.",
-    does: (label) => `Make it work adds a ${label} column and lays the calendar out by it.`,
-    ask: (label) => `Add a date column called ${label} to this table, then lay the Calendar out by it.`
-  },
-  gallery: {
-    kind: "file",
-    viewKey: "imageField",
-    blocking: false,
-    starter: { label: "Photo", type: "attachment" },
-    pick: "Pick the file column each card shows as its picture.",
-    missing: "The cards have no picture because this table has no file column.",
-    does: (label) => `Make it work adds a ${label} column and shows it on each card.`,
-    ask: (label) => `Add a file column called ${label} to this table, then show it as the picture on each Gallery card.`
-  },
-  timeline: {
-    kind: "date",
-    viewKey: "dateField",
-    blocking: true,
-    starter: { label: "Start", type: "datetime" },
-    pick: "Pick the date column each bar starts on.",
-    missing: "This table has no date column to place records on.",
-    does: (label) => `Make it work adds a ${label} column and lays the timeline out by it.`,
-    ask: (label) => `Add a date column called ${label} to this table, then lay the Timeline out by it.`
-  }
-};
-function freeColumnName(wanted, taken) {
-  const held = new Set(taken.map((t) => t.trim().toLowerCase()));
-  const base = wanted.trim() === "" ? "Column" : wanted.trim();
-  if (!held.has(base.toLowerCase())) return base;
-  for (let n = 2; n < 100; n += 1) {
-    const next = `${base} ${n}`;
-    if (!held.has(next.toLowerCase())) return next;
-  }
-  return base;
-}
-function viewOrderOf(definition) {
-  const raw = definition?.["order"];
-  return raw === "manual" ? "manual" : raw === "sorted" ? "sorted" : null;
-}
-function defaultViewOf(views) {
-  return views.find((v) => v.isDefault);
-}
-var LAYOUT_FIELD_KIND = {
-  grid: null,
-  kanban: "choice",
-  calendar: "date",
-  gallery: "file",
-  timeline: "date",
-  list: null
-};
-var PAGE_VIEWS = [...VIEW_LAYOUTS, "dashboards", "archived"];
-var PAGE_VIEW_LABEL = {
-  ...LAYOUT_LABEL,
-  dashboards: "Dashboards",
-  archived: "Archived"
-};
-var PAGE_VIEW_SPELLINGS = {
-  grid: "grid",
-  table: "grid",
-  rows: "grid",
-  list: "list",
-  kanban: "kanban",
-  board: "kanban",
-  pipeline: "kanban",
-  calendar: "calendar",
-  month: "calendar",
-  schedule: "calendar",
-  gallery: "gallery",
-  cards: "gallery",
-  timeline: "timeline",
-  gantt: "timeline",
-  dashboards: "dashboards",
-  dashboard: "dashboards",
-  charts: "dashboards",
-  archived: "archived",
-  archive: "archived",
-  // The grid's row action says "Delete" and the store soft-deletes, so the word
-  // a person types is as likely to be the one the button used as the one this
-  // view is called. Both land in the same place; neither dies.
-  deleted: "archived",
-  trash: "archived",
-  removed: "archived"
-};
-function pageViewFromParam(raw) {
-  if (typeof raw !== "string") return null;
-  const token = raw.trim().toLowerCase();
-  if (token === "") return null;
-  return PAGE_VIEW_SPELLINGS[token] ?? null;
-}
-function unknownViewLine(raw) {
-  return `The link asked for a view called \u201C${raw}\u201D, which this table has no view for, so you are looking at ${PAGE_VIEW_LABEL.grid}. The views this table has are ${PAGE_VIEWS.map((v) => PAGE_VIEW_LABEL[v]).join(", ")} \u2014 pick one above and the address follows it.`;
-}
-function viewDocument(spec) {
-  const out = {
-    // A layout the store does not keep yet is not sent: the view is saved as a grid (`STORE_KEPT_LAYOUTS`).
-    layout: storeKeepsLayout(spec.layout) ? spec.layout : "grid",
-    sorts: spec.sorts ?? [],
-    is_default: spec.isDefault === true
-  };
-  if (spec.groupField) out["group_field"] = spec.groupField;
-  if (spec.swimlaneField) out["swimlane_field"] = spec.swimlaneField;
-  if (spec.collapsedColumns && spec.collapsedColumns.length > 0) out["collapsed_columns"] = spec.collapsedColumns;
-  if (spec.measure) out["measure"] = spec.measure;
-  if (spec.dateField) out["date_field"] = spec.dateField;
-  if (STORE_KEEPS_TIMELINE && spec.startField) out["start_field"] = spec.startField;
-  if (STORE_KEEPS_TIMELINE && spec.endField) out["end_field"] = spec.endField;
-  if (spec.imageField) out["image_field"] = spec.imageField;
-  if (spec.ruleId) out["rule_id"] = spec.ruleId;
-  if (spec.where) out["where"] = spec.where;
-  if (spec.presentation && !presentationIsEmpty(spec.presentation)) {
-    out["presentation"] = JSON.parse(presentationDocument(spec.presentation));
-  }
-  return out;
-}
-function viewFromRow(row) {
-  const data = row.definition ?? {};
-  const k = viewSettings(data, row.filters && Object.keys(row.filters).length > 0 ? row.filters : null);
-  const tableFromDefinition = typeof data["table_id"] === "string" && data["table_id"] !== "" ? data["table_id"] : null;
-  return {
-    id: row.view_id,
-    name: row.name || "Untitled view",
-    subject: row.table_id ?? tableFromDefinition ?? "",
-    layout: k.layout,
-    groupField: k.groupField,
-    swimlaneField: k.swimlaneField,
-    collapsedColumns: k.collapsedColumns,
-    measure: k.measure,
-    dateField: k.dateField,
-    startField: k.startField,
-    endField: k.endField,
-    imageField: k.imageField,
-    sorts: k.sorts,
-    order: viewOrderOf(data),
-    ruleId: k.ruleId,
-    ...k.filters ? { filters: k.filters } : {},
-    where: k.where,
-    // The older table's own default view, carried in by the mover, IS this table's default —
-    // the mover wrote the row's column, which `custom.views` does not return. Read as anything
-    // else, the page would seed a second "All records" beside it and open on that.
-    isDefault: k.isDefault || k.movedFrom?.["kind"] === "default_view",
-    presentation: k.presentation,
-    movedFrom: k.movedFrom
-  };
-}
-async function declareView(client, spec) {
-  return client.viewDeclare({
-    table_id: spec.subject,
-    spec: {
-      name: spec.name,
-      ...spec.filters ? { filters: spec.filters } : {},
-      definition: viewDocument(spec)
-    }
-  });
-}
-async function saveViewPatch(client, tableId, viewId, patch) {
-  const definition = viewPatchDocument(patch);
-  const renamed = patch.name !== void 0 && patch.name.trim() !== "";
-  const refiltered = patch.filters !== void 0;
-  return client.viewDeclare({
-    table_id: tableId,
-    spec: {
-      view_id: viewId,
-      ...renamed ? { name: patch.name.trim() } : {},
-      ...refiltered ? { filters: patch.filters ?? null } : {},
-      definition
-    }
-  });
-}
-function viewPatchDocument(patch) {
-  const { name: _name, subject: _subject, filters: _filters, ...keys } = patch;
-  return viewSettingsPatch(keys);
-}
-function viewPatchFor(view, patch) {
-  if (!view.isDefault) return patch;
-  const { layout: _layout, isDefault: _isDefault, ...kept } = patch;
-  return kept;
-}
-async function designateView(client, tableId, viewId, layout) {
-  return client.viewDesignate({ table_id: tableId, view_id: viewId, layout });
-}
-
-// src/handOrder.tsx
 var import_jsx_runtime71 = require("react/jsx-runtime");
 function sortArrow(direction) {
   return direction === "asc" ? "\u2191" : "\u2193";
@@ -23641,7 +23746,7 @@ function GridBody({
         }))
       );
       editing.forget(cells);
-      for (const u of updates) (0, import_core16.announceRecordChanged)(u.row.recordId);
+      for (const u of updates) (0, import_core17.announceRecordChanged)(u.row.recordId);
       const lines = updates.length + creates.length;
       undo.push({ label: `Pasted ${lines} ${lines === 1 ? "row" : "rows"}`, cells, created });
       const expected = [
@@ -25114,10 +25219,10 @@ var import_react_query = require("@tanstack/react-query");
 var import_react125 = require("@ai-matrx/records/data/react");
 
 // ../entity-data/src/core/client.ts
-var import_core18 = require("@ai-matrx/records/core");
+var import_core19 = require("@ai-matrx/records/core");
 
 // ../entity-data/src/core/errors.ts
-var import_core17 = require("@ai-matrx/records/core");
+var import_core18 = require("@ai-matrx/records/core");
 var ENTITY_REFUSALS = {
   /** conflict_version: somebody else's write won. */
   MX001: "stale_write",
@@ -25141,7 +25246,7 @@ var ENTITY_REFUSALS = {
   MX016: "invalid_argument"
 };
 function mapEntityError(error, where) {
-  const mapped = (0, import_core17.mapPgError)(error, where);
+  const mapped = (0, import_core18.mapPgError)(error, where);
   const state = mapped.sqlstate;
   if (state && /^MX\d{3}$/.test(state)) {
     const code = ENTITY_REFUSALS[state];
@@ -25163,7 +25268,7 @@ function refusal2(code, message, hint) {
 var OP_ID_HEADER = "x-matrx-op-id";
 var ENTITY_DOOR_SCHEMA = "platform";
 function createEntityClient(options) {
-  const source = (0, import_core18.asRecordsDataSource)(options.dataSource ?? options.supabase);
+  const source = (0, import_core19.asRecordsDataSource)(options.dataSource ?? options.supabase);
   let warnedHeaderless = false;
   function withHeaders(pending, headers) {
     if (!headers) return;
@@ -26086,7 +26191,7 @@ function ConnectedRecordsTableCard({
 var import_download2 = require("@ai-matrx/kit/download");
 var import_react130 = require("react");
 var import_react131 = require("@ai-matrx/records/react");
-var import_core19 = require("@ai-matrx/records/core");
+var import_core20 = require("@ai-matrx/records/core");
 
 // src/viewExport.ts
 var import_format5 = require("@ai-matrx/kit/format");
@@ -26153,7 +26258,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_core19.wholeValueOf)(document2, field2.key)
+        source: (0, import_core20.wholeValueOf)(document2, field2.key)
       };
     }
     return row;
@@ -26184,7 +26289,7 @@ async function rowsForFile(args) {
   );
   const lookup = ((field2, id) => labels(field2, id) ?? learned.get(`${field2.id}:${id}`) ?? null);
   const read = host.readFileText;
-  return (0, import_core19.withWholeValues)(toRows(all, records, lookup), read ? (fileId) => read({ fileId }) : null);
+  return (0, import_core20.withWholeValues)(toRows(all, records, lookup), read ? (fileId) => read({ fileId }) : null);
 }
 function ExportMenu({ tableId, rows, label, className, view }) {
   const client = (0, import_react131.useRecordsClient)();
@@ -26223,7 +26328,7 @@ function ExportMenu({ tableId, rows, label, className, view }) {
       {
         size: "sm",
         variant: "outline",
-        onClick: () => void exported().then((rows2) => download(`${name}.csv`, "text/csv;charset=utf-8", (0, import_core19.exportCsv)(columns, rows2))).catch(
+        onClick: () => void exported().then((rows2) => download(`${name}.csv`, "text/csv;charset=utf-8", (0, import_core20.exportCsv)(columns, rows2))).catch(
           (thrown) => setFailure(refusalFromThrown(thrown, "The CSV could not be written.", "Try again in a moment."))
         ),
         children: "CSV"
@@ -26244,7 +26349,7 @@ function ExportMenu({ tableId, rows, label, className, view }) {
           );
           setFailure(null);
           try {
-            exported().then((rows2) => (0, import_core19.exportXlsx)(columns, rows2, name)).then(
+            exported().then((rows2) => (0, import_core20.exportXlsx)(columns, rows2, name)).then(
               (bytes) => download(
                 `${name}.xlsx`,
                 "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
@@ -26265,7 +26370,7 @@ function ExportMenu({ tableId, rows, label, className, view }) {
         sourceId: `records:${tableId}`,
         size: "xs",
         json: () => records.map((r) => r.document),
-        human: () => (0, import_core19.exportCsv)(columns, toRows(columns, records, labels))
+        human: () => (0, import_core20.exportCsv)(columns, toRows(columns, records, labels))
       }
     ),
     viewHeld && "rows" in viewHeld && viewHeld.cut ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "text-xs text-muted-foreground", children: cutWords(viewHeld.rows.length) }) : null,
@@ -26385,7 +26490,7 @@ var import_design_system74 = require("@ai-matrx/design-system");
 // src/TablesHome.tsx
 var import_react144 = require("react");
 var import_react145 = require("@ai-matrx/records/react");
-var import_core20 = require("@ai-matrx/records/core");
+var import_core21 = require("@ai-matrx/records/core");
 var import_records43 = require("@ai-matrx/records");
 var import_design_system73 = require("@ai-matrx/design-system");
 
@@ -28121,7 +28226,7 @@ function TablesHome({ onOpenTable, organizationName, makingOnly = false, askedBy
     };
   }, [client]);
   const listed = facts.phase === "read" ? (0, import_records43.withTablePlacement)(
-    (0, import_core20.withTableFacts)(tables.data ?? [], facts.rows, me),
+    (0, import_core21.withTableFacts)(tables.data ?? [], facts.rows, me),
     facts.rows
   ) : tables.data ?? [];
   const [showEverything, setShowEverything] = (0, import_react144.useState)(false);
@@ -30696,95 +30801,6 @@ function useSystemTable(spec) {
   return state;
 }
 
-// src/viewLook.ts
-var LOOK_KEYS = [
-  "layout",
-  "groupField",
-  "swimlaneField",
-  "collapsedColumns",
-  "measure",
-  "dateField",
-  "startField",
-  "endField",
-  "imageField",
-  "sorts",
-  "where",
-  "presentation"
-];
-function lookPart(patch) {
-  const out = {};
-  for (const key of LOOK_KEYS) {
-    if (patch[key] !== void 0) out[key] = patch[key];
-  }
-  return out;
-}
-function lookDocument(look) {
-  return viewSettingsPatch(look);
-}
-function lookFromDocument(doc) {
-  const data = doc ?? {};
-  const read = viewSettings(data);
-  const out = {};
-  const has = (key) => Object.prototype.hasOwnProperty.call(data, key);
-  if (has("layout") && VIEW_LAYOUTS.includes(String(data["layout"]))) {
-    out.layout = data["layout"];
-  }
-  if (has("group_field")) out.groupField = read.groupField;
-  if (has("swimlane_field")) out.swimlaneField = read.swimlaneField;
-  if (has("collapsed_columns")) out.collapsedColumns = read.collapsedColumns;
-  if (has("measure")) out.measure = read.measure;
-  if (has("date_field")) out.dateField = read.dateField;
-  if (has("start_field")) out.startField = read.startField;
-  if (has("end_field")) out.endField = read.endField;
-  if (has("image_field")) out.imageField = read.imageField;
-  if (has("sorts")) out.sorts = read.sorts;
-  if (has("where")) out.where = read.where;
-  if (has("presentation")) out.presentation = parseGridPresentation(data["presentation"]);
-  return out;
-}
-function applyLook(view, look) {
-  if (!look) return view;
-  return { ...view, ...look };
-}
-function lookDiffers(view, look) {
-  if (!look) return false;
-  const shown4 = applyLook(view, look);
-  return LOOK_KEYS.some(
-    (key) => look[key] !== void 0 && JSON.stringify(shown4[key] ?? null) !== JSON.stringify(view[key] ?? null)
-  );
-}
-function saveToViewPlan(view, look) {
-  const patch = viewPatchFor(view, look);
-  const left = {};
-  if (look.layout !== void 0 && patch.layout === void 0 && look.layout !== view.layout) left.layout = look.layout;
-  return { patch, left: Object.keys(left).length > 0 ? left : null };
-}
-async function readLooks(client, tableId) {
-  const answered = await client.viewLookRead({ table_id: tableId });
-  if (!answered.ok) return answered;
-  const out = {};
-  for (const [viewId, row] of Object.entries(answered.data ?? {})) {
-    out[viewId] = lookFromDocument(row?.look ?? null);
-  }
-  return { ok: true, data: out };
-}
-async function keepLook(client, tableId, viewId, look) {
-  const doc = look ? lookDocument(look) : null;
-  return client.viewLookSet({ table_id: tableId, view_id: viewId, look: doc && Object.keys(doc).length > 0 ? doc : null });
-}
-var LOOK_WORDS = {
-  /** The reason, for a tooltip or a screen reader — never a line on the page (interface-text). */
-  yours: "You changed how this view looks. Only you see it.",
-  /** The visible label for the same fact. */
-  yoursLabel: "Only you see this",
-  saveToView: "Save to view",
-  saveAsNew: "Save as new view",
-  reset: "Reset to view",
-  /** The one button your look's doors fold into when the toolbar row has no room for three. */
-  folded: "Your look",
-  newName: "Name for the new view"
-};
-
 // src/ViewSwitcher.tsx
 var import_react190 = require("react");
 var import_react191 = require("@ai-matrx/records/react");
@@ -35498,16 +35514,20 @@ function seedIsSatisfied(seed, views) {
   if (views.some((v) => v.name === seed.name)) return true;
   return seed.isDefault === true && views.some((v) => v.isDefault);
 }
-function ViewBar({ tableId, activeViewId, onActiveView, seed, settings, onViews, className }) {
+function ViewBar({ tableId, activeViewId, onActiveView, seed, settings, onViews, initialViews, className }) {
   const client = (0, import_react198.useRecordsClient)();
   const claimSeed = useSeedGuard();
   const table = (0, import_react199.useTable)(tableId);
   const rights = useTableRights(table.data);
   const notify = useRecordsUi().notify;
-  const [views, setViews] = (0, import_react197.useState)(null);
+  const [views, setViews] = (0, import_react197.useState)(() => initialViews ?? null);
   const [error, setError] = (0, import_react197.useState)(null);
   const [unavailable, setUnavailable] = (0, import_react197.useState)(false);
-  const [active, setActive] = (0, import_react197.useState)(activeViewId ?? null);
+  const [active, setActive] = (0, import_react197.useState)(() => {
+    if (!initialViews || initialViews.length === 0) return activeViewId ?? null;
+    return (initialViews.find((v) => v.id === activeViewId) ?? defaultViewOf(initialViews) ?? initialViews[0]).id;
+  });
+  const readOnMount = (0, import_react197.useRef)(initialViews === void 0);
   const [naming, setNaming] = (0, import_react197.useState)(false);
   const [draftName, setDraftName] = (0, import_react197.useState)("");
   const [open, setOpen] = (0, import_react197.useState)(false);
@@ -35554,6 +35574,10 @@ function ViewBar({ tableId, activeViewId, onActiveView, seed, settings, onViews,
     onViews?.(mine);
   }, [client, readViews, tableId, seedKey]);
   (0, import_react197.useEffect)(() => {
+    if (!readOnMount.current) {
+      readOnMount.current = true;
+      return;
+    }
     void load();
   }, [load]);
   (0, import_react197.useEffect)(() => {
@@ -38514,7 +38538,7 @@ var import_design_system105 = require("@ai-matrx/design-system");
 var import_react217 = require("react");
 var import_recharts = require("recharts");
 var import_records51 = require("@ai-matrx/records");
-var import_core21 = require("@ai-matrx/records/core");
+var import_core22 = require("@ai-matrx/records/core");
 var import_design_system104 = require("@ai-matrx/design-system");
 var import_format10 = require("@ai-matrx/kit/format");
 
@@ -38976,7 +39000,7 @@ function pretty(n) {
   return Number.isInteger(n) ? n.toLocaleString() : n.toLocaleString(void 0, { maximumFractionDigits: 2 });
 }
 function asRefusal2(block) {
-  return (0, import_core21.mapPgError)(
+  return (0, import_core22.mapPgError)(
     {
       message: block.refused ?? "",
       ...block.sqlstate ? { code: block.sqlstate } : {}
@@ -41884,7 +41908,7 @@ function SubscriptionsPanel({ tableId, activeRuleId, className }) {
 var import_clipboard9 = require("@ai-matrx/kit/clipboard");
 var import_design_system117 = require("@ai-matrx/design-system");
 var import_react235 = require("react");
-var import_core22 = require("@dnd-kit/core");
+var import_core23 = require("@dnd-kit/core");
 var import_sortable = require("@dnd-kit/sortable");
 var import_utilities = require("@dnd-kit/utilities");
 var import_react236 = require("@ai-matrx/records/react");
@@ -43511,9 +43535,9 @@ function QuestionList({
   onQuestions,
   onQuestion
 }) {
-  const sensors = (0, import_core22.useSensors)(
-    (0, import_core22.useSensor)(import_core22.PointerSensor, { activationConstraint: { distance: 4 } }),
-    (0, import_core22.useSensor)(import_core22.KeyboardSensor, { coordinateGetter: import_sortable.sortableKeyboardCoordinates })
+  const sensors = (0, import_core23.useSensors)(
+    (0, import_core23.useSensor)(import_core23.PointerSensor, { activationConstraint: { distance: 4 } }),
+    (0, import_core23.useSensor)(import_core23.KeyboardSensor, { coordinateGetter: import_sortable.sortableKeyboardCoordinates })
   );
   const askable = askableFields([...fields]);
   const unasked = askable.filter((f) => !draft.questions.some((q) => q.field === f.key));
@@ -43535,7 +43559,7 @@ function QuestionList({
       /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "font-medium text-foreground", children: "Questions" }),
       /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "tabular-nums", children: draft.questions.length })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_core22.DndContext, { sensors, collisionDetection: import_core22.closestCenter, onDragEnd: dragEnd, children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_sortable.SortableContext, { items: draft.questions.map((q) => q.field), strategy: import_sortable.verticalListSortingStrategy, children: draft.questions.map((question, index) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_core23.DndContext, { sensors, collisionDetection: import_core23.closestCenter, onDragEnd: dragEnd, children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_sortable.SortableContext, { items: draft.questions.map((q) => q.field), strategy: import_sortable.verticalListSortingStrategy, children: draft.questions.map((question, index) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
       QuestionRow,
       {
         index,
@@ -44531,7 +44555,7 @@ var import_react253 = require("@ai-matrx/records/react");
 var import_design_system126 = require("@ai-matrx/design-system");
 
 // src/DashboardGrid.tsx
-var import_core23 = require("@dnd-kit/core");
+var import_core24 = require("@dnd-kit/core");
 var import_sortable2 = require("@dnd-kit/sortable");
 var import_utilities2 = require("@dnd-kit/utilities");
 var import_design_system123 = require("@ai-matrx/design-system");
@@ -44587,7 +44611,7 @@ function withBlockIds(blocks) {
 // src/DashboardGrid.tsx
 var import_jsx_runtime138 = require("react/jsx-runtime");
 var dashboardCollision = (args) => {
-  const under = (0, import_core23.pointerWithin)(args);
+  const under = (0, import_core24.pointerWithin)(args);
   if (under.length > 0) return under;
   const at = args.collisionRect;
   return args.droppableContainers.flatMap((container) => {
@@ -44597,9 +44621,9 @@ var dashboardCollision = (args) => {
   }).sort((a, b) => a.data.value - b.data.value);
 };
 function DashboardGrid({ items, arranging, onMove, onSpan }) {
-  const sensors = (0, import_core23.useSensors)(
-    (0, import_core23.useSensor)(import_core23.PointerSensor, { activationConstraint: { distance: 4 } }),
-    (0, import_core23.useSensor)(import_core23.KeyboardSensor, { coordinateGetter: import_sortable2.sortableKeyboardCoordinates })
+  const sensors = (0, import_core24.useSensors)(
+    (0, import_core24.useSensor)(import_core24.PointerSensor, { activationConstraint: { distance: 4 } }),
+    (0, import_core24.useSensor)(import_core24.KeyboardSensor, { coordinateGetter: import_sortable2.sortableKeyboardCoordinates })
   );
   const ids = items.map((item) => item.id);
   function dragEnd(event) {
@@ -44609,7 +44633,7 @@ function DashboardGrid({ items, arranging, onMove, onSpan }) {
   }
   const grid = /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("div", { className: "grid grid-cols-1 gap-2 sm:grid-cols-12", children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(GridCell2, { item, index, arranging, onSpan }, item.id)) });
   if (!arranging) return grid;
-  return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(import_core23.DndContext, { sensors, collisionDetection: dashboardCollision, onDragEnd: dragEnd, children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(import_sortable2.SortableContext, { items: ids, strategy: import_sortable2.rectSortingStrategy, children: grid }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(import_core24.DndContext, { sensors, collisionDetection: dashboardCollision, onDragEnd: dragEnd, children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(import_sortable2.SortableContext, { items: ids, strategy: import_sortable2.rectSortingStrategy, children: grid }) });
 }
 function GridCell2({
   item,
@@ -45822,7 +45846,7 @@ var import_react255 = require("@ai-matrx/records/react");
 
 // src/question.ts
 var import_records59 = require("@ai-matrx/records");
-var import_core24 = require("@ai-matrx/records/core");
+var import_core25 = require("@ai-matrx/records/core");
 var QUESTION_OPS = ["count", "sum", "avg", "min", "max"];
 var QUESTION_LIMIT_DEFAULT = 25;
 var QUESTION_GROUP_CEILING = 200;
@@ -46074,7 +46098,7 @@ async function askAsOf(client, tableId, spec, fields, measures, keys) {
       },
       { schema: config.schema ?? "custom" }
     );
-    if (response.error) return { ok: false, error: (0, import_core24.mapPgError)(response.error, "askQuestion.asOf") };
+    if (response.error) return { ok: false, error: (0, import_core25.mapPgError)(response.error, "askQuestion.asOf") };
     const rows2 = Array.isArray(response.data) ? response.data : [];
     const bad = rows2.find((r) => Number(r.not_numbers ?? 0) > 0);
     if (bad && m.op !== "count") {
@@ -46145,7 +46169,7 @@ function savedOf(row) {
 }
 async function questionsOf(client, tableId) {
   const response = await client.config.dataSource.schema("platform").from("saved_view").select("id, name, definition, visibility, version, created_by").eq("surface_key", QUESTION_SURFACE).eq("subject_id", tableId).is("deleted_at", null).order("name", { ascending: true });
-  if (response.error) return { ok: false, error: (0, import_core24.mapPgError)(response.error, "questionsOf") };
+  if (response.error) return { ok: false, error: (0, import_core25.mapPgError)(response.error, "questionsOf") };
   const me = client.config.actor?.user_id ?? null;
   return {
     ok: true,
@@ -46174,7 +46198,7 @@ async function questionSave(client, args) {
     if (response.error.code === "23505") {
       return { ok: false, error: { code: "already_exists", message: `You already have a question called \u201C${name}\u201D.` } };
     }
-    return { ok: false, error: (0, import_core24.mapPgError)(response.error, "questionSave") };
+    return { ok: false, error: (0, import_core25.mapPgError)(response.error, "questionSave") };
   }
   return { ok: true, data: response.data ? savedOf(response.data) : null };
 }
@@ -46184,7 +46208,7 @@ async function questionArchive(client, id, version) {
     { p_surface_key: QUESTION_SURFACE, p_id: id, ...version !== void 0 ? { p_expected_version: version } : {} },
     { schema: "public" }
   );
-  if (response.error) return { ok: false, error: (0, import_core24.mapPgError)(response.error, "questionArchive") };
+  if (response.error) return { ok: false, error: (0, import_core25.mapPgError)(response.error, "questionArchive") };
   return { ok: true, data: response.data !== null };
 }
 
@@ -47043,7 +47067,7 @@ function TableAsk({ tableId, onOpenInQuestions }) {
 // src/PageScreen.tsx
 var import_react258 = require("react");
 var import_react259 = require("@ai-matrx/records/react");
-var import_core25 = require("@ai-matrx/records/core");
+var import_core26 = require("@ai-matrx/records/core");
 var import_design_system129 = require("@ai-matrx/design-system");
 var import_jsx_runtime145 = require("react/jsx-runtime");
 var EDIT_LEVELS = /* @__PURE__ */ new Set(["edit_content", "editor", "admin", "owner"]);
@@ -47459,7 +47483,7 @@ function ListBlockView({
     ...sort.length > 0 ? { sort } : {}
   });
   const reload = page.reload;
-  (0, import_react258.useEffect)(() => (0, import_core25.onRecordChanged)(() => reload()), [reload]);
+  (0, import_react258.useEffect)(() => (0, import_core26.onRecordChanged)(() => reload()), [reload]);
   const rows = nobodyIsMe ? [] : page.data?.rows ?? [];
   const columns = block.columns && block.columns.length > 0 ? block.columns.map((k) => all.find((f) => f.key === k)).filter((f) => !!f) : [...all].sort((a, b) => (a.sort ?? 100) - (b.sort ?? 100)).slice(0, DEFAULT_COLUMNS);
   const firstId = rows[0]?.id ?? null;
@@ -48994,7 +49018,7 @@ var import_design_system142 = require("@ai-matrx/design-system");
 var import_text_case19 = require("@ai-matrx/kit/text-case");
 
 // src/viewShare.ts
-var import_core26 = require("@ai-matrx/records/core");
+var import_core27 = require("@ai-matrx/records/core");
 var NO_VIEW_REASON = "No saved view yet";
 function viewLink(tableId, viewId, origin) {
   return `${tableLink(tableId, origin)}?view=${encodeURIComponent(viewId)}`;
@@ -49030,7 +49054,7 @@ async function downloadViewCsv(args) {
   const columns = viewColumns(fields, view.presentation);
   const rows = await rowsForFile({ client, host, fields: columns, records: read.rows, labels });
   const name = fileNameOf(args.tableName) || "records";
-  download(`${name}.csv`, "text/csv;charset=utf-8", (0, import_core26.exportCsv)(columns, rows));
+  download(`${name}.csv`, "text/csv;charset=utf-8", (0, import_core27.exportCsv)(columns, rows));
   host.notify?.success(read.cut ? cutWords(read.rows.length) : "CSV downloaded");
 }
 
@@ -50010,9 +50034,29 @@ function TablePage({
   const askedInWords = filter ? filterInWords(filter, pageFields.data ?? []) : null;
   const organizationId = (0, import_react283.useRecordsClient)().config.organizationId;
   const publicReadOnly = usePublicReadOnly(client, organizationId, tableId, table.data, rights);
-  const [view, setView] = (0, import_react282.useState)(null);
-  const [looks, setLooks] = (0, import_react282.useState)(void 0);
+  const seededOpening = (0, import_react283.useSeededAnswer)(
+    `table-page-opening:${tableId}`,
+    async (c) => {
+      const [listed, looked] = await Promise.all([c.views({ table_id: tableId }), readLooks(c, tableId)]);
+      if (!listed.ok) return listed;
+      if (!looked.ok) return looked;
+      const mine = listed.data.map(viewFromRow).filter((v) => v.subject === tableId);
+      return { ok: true, data: { views: mine, looks: looked.data } };
+    }
+  );
+  const seededViews = seededOpening && (seedViews ?? [defaultView(tableId)]).every((spec) => seedIsSatisfied(spec, seededOpening.views)) ? seededOpening.views : void 0;
+  const [view, setView] = (0, import_react282.useState)(() => {
+    if (!seededViews || seededViews.length === 0) return null;
+    const asked3 = savedViewFromParam(activeView);
+    return seededViews.find((v) => v.id === asked3) ?? defaultViewOf(seededViews) ?? seededViews[0];
+  });
+  const [looks, setLooks] = (0, import_react282.useState)(() => seededViews ? seededOpening?.looks : void 0);
+  const looksSeededFor = (0, import_react282.useRef)(seededViews && seededOpening ? tableId : null);
   (0, import_react282.useEffect)(() => {
+    if (looksSeededFor.current === tableId) {
+      looksSeededFor.current = null;
+      return;
+    }
     let live = true;
     setLooks(void 0);
     void readLooks(client, tableId).then((answered) => {
@@ -50032,7 +50076,7 @@ function TablePage({
   const questionsFromLink = questionsFromParam(activeView);
   const openedByPackage = openingView(savedFromLink || questionsFromLink ? null : activeView, activeDashboardId);
   const opened = questionsFromLink ? { ...openedByPackage, main: "questions" } : openedByPackage;
-  const [views, setViews] = (0, import_react282.useState)(void 0);
+  const [views, setViews] = (0, import_react282.useState)(() => seededViews);
   const [pickedViewId, setPickedViewId] = (0, import_react282.useState)(savedFromLink);
   const viewSeen = (0, import_react282.useRef)(null);
   const [viewLinkMissed, setViewLinkMissed] = (0, import_react282.useState)(false);
@@ -50568,6 +50612,7 @@ function TablePage({
                   }
                 },
                 onViews: setViews,
+                ...seededViews && viewsEpoch === 0 ? { initialViews: seededViews } : {},
                 seed: seedViews ?? [defaultView(tableId)],
                 settings: view && main === "records" && shownLayout === "grid" ? /* @__PURE__ */ (0, import_jsx_runtime158.jsxs)("div", { className: "flex flex-col gap-0.5 px-1 py-1", role: "radiogroup", "aria-label": FOOTER_WORDS.label, children: [
                   /* @__PURE__ */ (0, import_jsx_runtime158.jsx)("span", { className: "px-1 pb-0.5 text-[11px] font-medium text-muted-foreground", children: FOOTER_WORDS.label }),