@ai-matrx/records-ui 0.115.70 → 0.115.72

package/dist/index.cjs

@@ -564,6 +564,7 @@ __export(src_exports, {
   styleFromDecorations: () => styleFromDecorations,
   submissionStamp: () => import_forms8.submissionStamp,
   subscribeCalendarAction: () => subscribeCalendarAction,
+  subscribePersonTimeZone: () => subscribePersonTimeZone,
   surfaceChosen: () => surfaceChosen,
   tableActions: () => tableActions,
   tableLink: () => tableLink,
@@ -726,8 +727,7 @@ function lockedStructure(base2) {
   return { ...base2, structure: false, why: (what) => what === "structure" ? DATABASE_LOCKED_REASON : base2.why(what) };
 }
 
-// src/host.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
+// src/tableRights.ts
 function tableRights(may, overallReason) {
   return {
     ...may,
@@ -739,6 +739,9 @@ var NO_RIGHTS = tableRights(NOT_ANSWERED_YET);
 function tableRightsAt(level) {
   return tableRights(whatYouMayDo(level, true));
 }
+
+// src/host.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
 var NO_SAVED_VIEWS_REASON = "There are no saved views here yet, so there is nothing to be told about. Save a view of this table first and it will be offered here.";
 var NO_MEMBERS_REASON = "This app cannot offer the people in your organization on this screen yet, so there is nobody to pick. Type the person's name into a text field for now, and tell us \u2014 it is on our list, not yours.";
 var NO_SHARE_REASON = "Sharing is not available on this screen, so there is no Share button here rather than one that opens nothing. Share this table from the tables list instead.";
@@ -1269,13 +1272,18 @@ var REVERSE_COLUMN_PREFIX = "linked:";
 
 // src/gridPage.ts
 var import_records6 = require("@ai-matrx/records");
-var import_data_table2 = require("@ai-matrx/design-system/data-table");
+var import_data_table = require("@ai-matrx/design-system/data-table");
 
 // src/personTime.ts
 var import_react4 = require("react");
+
+// src/personZone.ts
 var import_table_style = require("@ai-matrx/design-system/data-table/table-style");
-var zone = null;
-var listeners = /* @__PURE__ */ new Set();
+var import_global_slot = require("@ai-matrx/kit/global-slot");
+var state = (0, import_global_slot.globalSlot)("ai-matrx.records-ui.person-time-zone", () => ({
+  zone: null,
+  listeners: /* @__PURE__ */ new Set()
+}));
 function valid(z) {
   if (typeof z !== "string" || !z.trim()) return false;
   try {
@@ -1287,25 +1295,22 @@ function valid(z) {
 }
 function setPersonTimeZone(next) {
   const clean = valid(next) ? next : null;
-  if (clean === zone) return;
-  zone = clean;
+  if (clean === state.zone) return;
+  state.zone = clean;
   (0, import_table_style.setColorRuleTimeZone)(clean);
-  listeners.forEach((l) => l());
+  state.listeners.forEach((l) => l());
 }
 function getPersonTimeZone() {
-  return zone;
+  return state.zone;
 }
-function usePersonTimeZone() {
-  return (0, import_react4.useSyncExternalStore)(
-    (cb) => {
-      listeners.add(cb);
-      return () => listeners.delete(cb);
-    },
-    () => zone,
-    () => null
-  );
+function subscribePersonTimeZone(listener) {
+  state.listeners.add(listener);
+  return () => {
+    state.listeners.delete(listener);
+  };
 }
 function personWallNow(at = /* @__PURE__ */ new Date()) {
+  const zone = state.zone;
   if (!zone) return at;
   const parts = new Intl.DateTimeFormat("en-US", {
     timeZone: zone,
@@ -1321,9 +1326,18 @@ function personWallNow(at = /* @__PURE__ */ new Date()) {
   return new Date(n("year"), n("month") - 1, n("day"), n("hour"), n("minute"), n("second"));
 }
 
+// src/personTime.ts
+function usePersonTimeZone() {
+  return (0, import_react4.useSyncExternalStore)(
+    subscribePersonTimeZone,
+    getPersonTimeZone,
+    () => null
+  );
+}
+
 // src/choiceLooks.ts
 var import_records2 = require("@ai-matrx/records");
-var import_data_table = require("@ai-matrx/design-system/data-table");
+var import_table_style2 = require("@ai-matrx/design-system/data-table/table-style");
 function displayFormatOf(field2) {
   const raw = field2.display_format;
   if (!raw || typeof raw !== "object") return null;
@@ -1333,7 +1347,7 @@ function displayFormatOf(field2) {
   return { id, options: options && typeof options === "object" ? options : {} };
 }
 function isStyleColor(v) {
-  return typeof v === "string" && import_data_table.STYLE_COLORS.includes(v);
+  return typeof v === "string" && import_table_style2.STYLE_COLORS.includes(v);
 }
 function choiceLooksOf(field2) {
   const display = displayFormatOf(field2);
@@ -1397,9 +1411,9 @@ function nextChoiceColor(worn) {
 function choiceChipLookOf(field2, ...words2) {
   for (const word of words2) {
     const color = storedChoiceColor(field2, word);
-    if (color) return { className: import_data_table.CHOICE_CHIP_CLASS[color], color };
+    if (color) return { className: import_table_style2.CHOICE_CHIP_CLASS[color], color };
   }
-  return { className: import_data_table.NEUTRAL_CHIP_CLASS, color: null };
+  return { className: import_table_style2.NEUTRAL_CHIP_CLASS, color: null };
 }
 
 // src/parity.ts
@@ -1664,10 +1678,10 @@ function clauseFor(f, value, now = /* @__PURE__ */ new Date()) {
       return { rule: value.negated ? not(range) : range };
     }
     case "date": {
-      const zone2 = getPersonTimeZone() ?? void 0;
-      const moments = (0, import_data_table2.dateFilterBounds)(value.preset ? { ...value, anchor: now.toISOString() } : value, now, zone2);
+      const zone = getPersonTimeZone() ?? void 0;
+      const moments = (0, import_data_table.dateFilterBounds)(value.preset ? { ...value, anchor: now.toISOString() } : value, now, zone);
       const holdsDays = String((f.config ?? {})["kind"] ?? "") === "date";
-      const bounds = holdsDays ? (0, import_data_table2.dateFilterDayBounds)(moments, zone2) : moments;
+      const bounds = holdsDays ? (0, import_data_table.dateFilterDayBounds)(moments, zone) : moments;
       if (bounds.since === void 0 && bounds.until === void 0) return null;
       return {
         flat: {
@@ -1683,7 +1697,7 @@ function clauseFor(f, value, now = /* @__PURE__ */ new Date()) {
   }
 }
 function dayWindow(day2, holdsDays) {
-  if (!holdsDays) return (0, import_data_table2.dayInstantWindow)(day2, getPersonTimeZone() ?? void 0);
+  if (!holdsDays) return (0, import_data_table.dayInstantWindow)(day2, getPersonTimeZone() ?? void 0);
   const [y, m, d] = day2.split("-").map(Number);
   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))) };
@@ -3735,7 +3749,8 @@ var import_react16 = require("react");
 var import_records10 = require("@ai-matrx/records");
 var import_react17 = require("@ai-matrx/records/react");
 var import_design_system9 = require("@ai-matrx/design-system");
-var import_jsx_runtime11 = require("react/jsx-runtime");
+
+// src/tablePickerEntries.ts
 var PLATFORM_TABLE_PREFIX = "records_ui_";
 function keptByPlatform(table) {
   return table.platform_owned === true || table.kept_by_the_app === true;
@@ -3779,6 +3794,9 @@ function madeOn(stamp) {
   if (Number.isNaN(at.getTime())) return null;
   return new Intl.DateTimeFormat(void 0, { month: "short", day: "numeric", year: "numeric" }).format(at);
 }
+
+// src/tablePicking.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
 function usePickerTables() {
   const client = (0, import_react17.useRecordsClient)();
   const tables = (0, import_react17.useTables)();
@@ -4342,8 +4360,7 @@ var import_react67 = require("@ai-matrx/records/react");
 var import_design_system38 = require("@ai-matrx/design-system");
 
 // src/presentation.ts
-var import_table_style2 = require("@ai-matrx/design-system/data-table/table-style");
-var import_data_table3 = require("@ai-matrx/design-system/data-table");
+var import_table_style3 = require("@ai-matrx/design-system/data-table/table-style");
 var import_field_formats2 = require("@ai-matrx/design-system/field-formats");
 var import_records12 = require("@ai-matrx/records");
 
@@ -4487,8 +4504,8 @@ function parseGridPresentation(raw) {
   }
   if (!isRecord(value)) return {};
   const out = {};
-  const style = (0, import_table_style2.parseTableStyle)(value["style"]);
-  if (!(0, import_table_style2.tableStyleIsEmpty)(style)) out.style = style;
+  const style = (0, import_table_style3.parseTableStyle)(value["style"]);
+  if (!(0, import_table_style3.tableStyleIsEmpty)(style)) out.style = style;
   if (isRecord(value["formats"])) {
     const formats = {};
     for (const [key, cfg] of Object.entries(value["formats"])) {
@@ -4633,7 +4650,7 @@ function parseGrouping(raw) {
   return out;
 }
 function presentationIsEmpty(p) {
-  return (p.style === void 0 || (0, import_table_style2.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.boardSize === void 0 && p.boardPreview === void 0 && p.boardHideEmpty === void 0 && p.boardColorColumns === void 0 && p.boardCounts === void 0 && (p.boardLanesShut?.length ?? 0) === 0 && p.locked === void 0 && p.wrap === void 0 && p.fit === void 0 && p.freezeFirst === void 0 && p.footer === void 0 && Object.keys(p.summaries ?? {}).length === 0 && p.gantt === void 0;
+  return (p.style === void 0 || (0, import_table_style3.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.boardSize === void 0 && p.boardPreview === void 0 && p.boardHideEmpty === void 0 && p.boardColorColumns === void 0 && p.boardCounts === void 0 && (p.boardLanesShut?.length ?? 0) === 0 && p.locked === void 0 && p.wrap === void 0 && p.fit === void 0 && p.freezeFirst === void 0 && p.footer === void 0 && Object.keys(p.summaries ?? {}).length === 0 && p.gantt === void 0;
 }
 function presentationDocument(p) {
   return presentationIsEmpty(p) ? "" : JSON.stringify(p);
@@ -4707,7 +4724,7 @@ var colorFromTheValue = (_fieldKey, value) => {
   for (let i = 0; i < text.length; i += 1) {
     hash = hash * 31 + text.charCodeAt(i) >>> 0;
   }
-  return import_data_table3.COLOR_ROTATION[hash % import_data_table3.COLOR_ROTATION.length];
+  return import_table_style3.COLOR_ROTATION[hash % import_table_style3.COLOR_ROTATION.length];
 };
 function styleFromDecorations(decorations, fields) {
   if (!decorations) return { version: 1 };
@@ -4781,7 +4798,7 @@ var import_react22 = require("react");
 var import_records13 = require("@ai-matrx/records");
 var import_react23 = require("@ai-matrx/records/react");
 var import_design_system12 = require("@ai-matrx/design-system");
-var import_data_table4 = require("@ai-matrx/design-system/data-table");
+var import_data_table2 = require("@ai-matrx/design-system/data-table");
 var import_jsx_runtime14 = require("react/jsx-runtime");
 var rowSeed = 0;
 var nextRow = () => `new-${rowSeed += 1}`;
@@ -4999,12 +5016,12 @@ function ChoiceSwatch({ words: words2, color, onColor }) {
       "button",
       {
         type: "button",
-        "aria-label": `Colour for ${words2}: ${color ? import_data_table4.STYLE_COLOR_LABELS[color] : "none"}`,
-        title: color ? import_data_table4.STYLE_COLOR_LABELS[color] : "No colour",
+        "aria-label": `Colour for ${words2}: ${color ? import_data_table2.STYLE_COLOR_LABELS[color] : "none"}`,
+        title: color ? import_data_table2.STYLE_COLOR_LABELS[color] : "No colour",
         "data-records-choice-swatch": color ?? "none",
         className: (0, import_design_system12.cn)(
           "h-4 w-4 shrink-0 rounded-full",
-          color ? import_data_table4.SWATCH_CLASS[color] : "border border-border bg-background"
+          color ? import_data_table2.SWATCH_CLASS[color] : "border border-border bg-background"
         )
       }
     ) }),
@@ -5021,17 +5038,17 @@ function ChoiceSwatch({ words: words2, color, onColor }) {
           className: (0, import_design_system12.cn)("h-5 w-5 rounded-full border border-border bg-background", color === null && "ring-2 ring-ring ring-offset-1")
         }
       ),
-      import_data_table4.STYLE_COLORS.map((c) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      import_data_table2.STYLE_COLORS.map((c) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         "button",
         {
           type: "button",
           role: "radio",
           "aria-checked": color === c,
-          "aria-label": import_data_table4.STYLE_COLOR_LABELS[c],
-          title: import_data_table4.STYLE_COLOR_LABELS[c],
+          "aria-label": import_data_table2.STYLE_COLOR_LABELS[c],
+          title: import_data_table2.STYLE_COLOR_LABELS[c],
           "data-records-choice-color": `${words2}:${c}`,
           onClick: () => pick(c),
-          className: (0, import_design_system12.cn)("h-5 w-5 rounded-full", import_data_table4.SWATCH_CLASS[c], color === c && "ring-2 ring-ring ring-offset-1")
+          className: (0, import_design_system12.cn)("h-5 w-5 rounded-full", import_data_table2.SWATCH_CLASS[c], color === c && "ring-2 ring-ring ring-offset-1")
         },
         c
       ))
@@ -5715,7 +5732,7 @@ function RelationPicker({ field: field2, value, onChange, disabled, id, classNam
 // src/buttonCell.tsx
 var import_react54 = require("react");
 var import_design_system34 = require("@ai-matrx/design-system");
-var import_data_table9 = require("@ai-matrx/design-system/data-table");
+var import_data_table7 = require("@ai-matrx/design-system/data-table");
 var import_records29 = require("@ai-matrx/records");
 var import_react55 = require("@ai-matrx/records/react");
 
@@ -6053,11 +6070,10 @@ var import_design_system27 = require("@ai-matrx/design-system");
 var import_react45 = require("@ai-matrx/records/react");
 
 // src/values.tsx
-var import_data_table6 = require("@ai-matrx/design-system/data-table");
+var import_data_table4 = require("@ai-matrx/design-system/data-table");
 var import_field_formats4 = require("@ai-matrx/design-system/field-formats");
 
-// src/withheld.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
+// src/withheldNotice.ts
 var WITHHELD_WORD = "Withheld";
 function withheldNoticeOf(hidden, key) {
   const notice = hidden?.[key];
@@ -6075,6 +6091,9 @@ function withheldSentence(field2, notice) {
   const or = notice.or ? `${needs || reason ? ", or" : " It needs"} ${notice.or}` : "";
   return `${name} is withheld from you.${reason}${needs}${or}${reason || needs || or ? "." : ""}`;
 }
+
+// src/withheld.tsx
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function WithheldValue({ field: field2, notice }) {
   const sentence2 = withheldSentence(field2, notice);
   return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
@@ -6534,7 +6553,7 @@ var import_field_formats5 = require("@ai-matrx/design-system/field-formats");
 
 // src/formattedValue.tsx
 var import_react37 = require("react");
-var import_data_table5 = require("@ai-matrx/design-system/data-table");
+var import_data_table3 = require("@ai-matrx/design-system/data-table");
 var import_field_formats3 = require("@ai-matrx/design-system/field-formats");
 var import_design_system20 = require("@ai-matrx/design-system");
 var import_outbound_react3 = require("@ai-matrx/kit/outbound-react");
@@ -6671,8 +6690,8 @@ function FormattedValue({
     return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(RatingStars, { value, max: format.options?.ratingMax ?? 5, onRate, selectFirst });
   }
   const result = (0, import_field_formats3.formatFieldValue)(value, format);
-  if (!result.ok || result.empty || !def?.rich) return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_data_table5.FormattedCell, { result });
-  return rich(def.id, result.text, value, format) ?? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_data_table5.FormattedCell, { result });
+  if (!result.ok || result.empty || !def?.rich) return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_data_table3.FormattedCell, { result });
+  return rich(def.id, result.text, value, format) ?? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_data_table3.FormattedCell, { result });
 }
 function linkChipText(raw) {
   try {
@@ -7317,8 +7336,8 @@ function formulaSourceArchived(field2, document2) {
   const keys = (field2.config ?? {})[FORMULA_INPUT_KEYS];
   if (!Array.isArray(keys) || !document2) return null;
   for (const key of keys) {
-    const state = (0, import_records19.sourceArchivedOf)(document2[String(key)]);
-    if (state) return state;
+    const state2 = (0, import_records19.sourceArchivedOf)(document2[String(key)]);
+    if (state2) return state2;
   }
   return null;
 }
@@ -7548,12 +7567,12 @@ function computedEmptyOf(field2, document2) {
   return { kind: "formula" };
 }
 var SOURCE_ARCHIVED_WORDS = "Source archived";
-function sourceArchivedSentence(state) {
-  if (!state.label) return "A column it reads is archived";
-  return state.table ? `${state.label} on ${state.table} is archived` : `${state.label} is archived`;
+function sourceArchivedSentence(state2) {
+  if (!state2.label) return "A column it reads is archived";
+  return state2.table ? `${state2.label} on ${state2.table} is archived` : `${state2.label} is archived`;
 }
-function SourceArchivedValue({ state }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "text-xs italic text-muted-foreground", title: sourceArchivedSentence(state), "data-records-source-archived": state.field_id ?? "", children: SOURCE_ARCHIVED_WORDS });
+function SourceArchivedValue({ state: state2 }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "text-xs italic text-muted-foreground", title: sourceArchivedSentence(state2), "data-records-source-archived": state2.field_id ?? "", children: SOURCE_ARCHIVED_WORDS });
 }
 var ABSENCE_WORDS = ABSENCE_WORD_LABEL;
 function renderValue(field2, value, document2, labels, stillWaitingFor, look) {
@@ -7598,7 +7617,7 @@ function renderValue(field2, value, document2, labels, stillWaitingFor, look) {
   const chosen = kind === "select" || kind === "multi_select";
   const chipOf = (item) => {
     const chipLook = choiceChipLookOf(field2, item, scalarText(field2, item, labels));
-    return { className: chipLook.className, tinted: chipLook.color !== null, dot: import_data_table6.SWATCH_CLASS[chipLook.color ?? "gray"] };
+    return { className: chipLook.className, tinted: chipLook.color !== null, dot: import_data_table4.SWATCH_CLASS[chipLook.color ?? "gray"] };
   };
   if (chosen) {
     const items = Array.isArray(value) ? value : [value];
@@ -7766,7 +7785,7 @@ function RecordValue({
   const shown5 = format ?? formatForField(field2);
   const shape = shown5 && (shown5.id === "date" || shown5.id === "datetime") && isDateField(field2) ? dateFormatFor(field2, value) : void 0;
   const dated = shape ? { ...shape, ...shown5?.options ? { options: shown5.options } : {} } : void 0;
-  const formatted = shown5 ? (0, import_data_table6.formatColumnValue)({ format: dated ?? shown5 }, value) : null;
+  const formatted = shown5 ? (0, import_data_table4.formatColumnValue)({ format: dated ?? shown5 }, value) : null;
   if (formatted && !(embeddedLook?.blankEmpty && formatted.empty)) return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(FormattedValue, { value, format: dated ?? shown5 });
   return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_jsx_runtime30.Fragment, { children: renderValue(field2, value, document2, labels, stillWaitingFor, embeddedLook) });
 }
@@ -7791,12 +7810,12 @@ function cardWords(record, field2, labels) {
 
 // src/SourceArchivedNotice.tsx
 var import_jsx_runtime31 = require("react/jsx-runtime");
-function bringBackLabel(state) {
-  return state.label ? `Bring back ${state.label}` : "Bring it back";
+function bringBackLabel(state2) {
+  return state2.label ? `Bring back ${state2.label}` : "Bring it back";
 }
 function SourceArchivedNotice({ fieldId, tableId }) {
   const client = (0, import_react45.useRecordsClient)();
-  const [state, setState] = (0, import_react44.useState)(null);
+  const [state2, setState] = (0, import_react44.useState)(null);
   const [busy, setBusy] = (0, import_react44.useState)(false);
   const [refused, setRefused] = (0, import_react44.useState)(null);
   const read = (0, import_react44.useCallback)(async () => {
@@ -7807,19 +7826,19 @@ function SourceArchivedNotice({ fieldId, tableId }) {
   (0, import_react44.useEffect)(() => {
     void read();
   }, [read]);
-  if (refused && !state) return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(RefusalNotice, { error: refused });
-  if (!state) return null;
+  if (refused && !state2) return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(RefusalNotice, { error: refused });
+  if (!state2) return null;
   const restore = async () => {
-    if (!state.field_id) return;
+    if (!state2.field_id) return;
     setBusy(true);
     setRefused(null);
-    const done = await client.fieldRestore({ field_id: state.field_id });
+    const done = await client.fieldRestore({ field_id: state2.field_id });
     setBusy(false);
     if (!done.ok) {
       setRefused(done.error);
       return;
     }
-    if (state.table_id) (0, import_react45.tableShapeChanged)(state.table_id);
+    if (state2.table_id) (0, import_react45.tableShapeChanged)(state2.table_id);
     (0, import_react45.tableShapeChanged)(tableId);
     await read();
   };
@@ -7828,13 +7847,13 @@ function SourceArchivedNotice({ fieldId, tableId }) {
     {
       className: "flex flex-wrap items-center gap-2 rounded-md border border-border px-3 py-2",
       "data-testid": "source-archived-notice",
-      "data-field-id": state.field_id ?? "",
+      "data-field-id": state2.field_id ?? "",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col", children: [
           /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "text-sm", children: SOURCE_ARCHIVED_WORDS }),
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "truncate text-xs text-muted-foreground", children: sourceArchivedSentence(state) })
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "truncate text-xs text-muted-foreground", children: sourceArchivedSentence(state2) })
         ] }),
-        state.field_id ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_design_system27.Button, { type: "button", size: "sm", variant: "secondary", disabled: busy, onClick: () => void restore(), children: bringBackLabel(state) }) : null,
+        state2.field_id ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_design_system27.Button, { type: "button", size: "sm", variant: "secondary", disabled: busy, onClick: () => void restore(), children: bringBackLabel(state2) }) : null,
         refused ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(RefusalNotice, { error: refused, className: "basis-full" }) : null
       ]
     }
@@ -7872,10 +7891,10 @@ var RELATIVE_DAY_TERMS = [
   { kind: "past_days", label: "is in the past \u2026 days", takesDays: true }
 ];
 function relativeDayNode(fieldId, kind, days) {
-  const zone2 = getPersonTimeZone();
+  const zone = getPersonTimeZone();
   const window2 = { relative: kind };
   if (RELATIVE_DAY_TERMS.find((t) => t.kind === kind)?.takesDays) window2["n"] = days ?? 7;
-  if (zone2) window2["tz"] = zone2;
+  if (zone) window2["tz"] = zone;
   return { op: "within", args: [{ field: fieldId }, { const: window2 }] };
 }
 function relativeDayOf(expr) {
@@ -8904,14 +8923,14 @@ var import_records27 = require("@ai-matrx/records");
 // src/ButtonSettings.tsx
 var import_react50 = require("react");
 var import_design_system32 = require("@ai-matrx/design-system");
-var import_data_table8 = require("@ai-matrx/design-system/data-table");
+var import_data_table6 = require("@ai-matrx/design-system/data-table");
 var import_records26 = require("@ai-matrx/records");
 var import_react51 = require("@ai-matrx/records/react");
 
 // src/AccentSwatches.tsx
 var import_records25 = require("@ai-matrx/records");
 var import_design_system31 = require("@ai-matrx/design-system");
-var import_data_table7 = require("@ai-matrx/design-system/data-table");
+var import_data_table5 = require("@ai-matrx/design-system/data-table");
 var import_jsx_runtime36 = require("react/jsx-runtime");
 function AccentSwatches({ value, onChange, options = import_records25.PORTAL_ACCENTS, noneLabel = "App colour" }) {
   return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex flex-wrap gap-1.5", role: "radiogroup", "aria-label": "Colour", children: [
@@ -8935,10 +8954,10 @@ function AccentSwatches({ value, onChange, options = import_records25.PORTAL_ACC
         type: "button",
         role: "radio",
         "aria-checked": value === c,
-        "aria-label": import_data_table7.STYLE_COLOR_LABELS[c],
-        title: import_data_table7.STYLE_COLOR_LABELS[c],
+        "aria-label": import_data_table5.STYLE_COLOR_LABELS[c],
+        title: import_data_table5.STYLE_COLOR_LABELS[c],
         onClick: () => onChange(c),
-        className: (0, import_design_system31.cn)("h-7 w-7 rounded-full border-2", import_data_table7.SWATCH_CLASS[c], value === c ? "border-foreground" : "border-transparent")
+        className: (0, import_design_system31.cn)("h-7 w-7 rounded-full border-2", import_data_table5.SWATCH_CLASS[c], value === c ? "border-foreground" : "border-transparent")
       },
       c
     ))
@@ -9018,7 +9037,7 @@ function ButtonSettingsEditor({
         AccentSwatches,
         {
           value: value.color ?? "",
-          options: import_data_table8.STYLE_COLORS,
+          options: import_data_table6.STYLE_COLORS,
           noneLabel: "Plain",
           onChange: (next) => set({ color: next === "" ? void 0 : next })
         }
@@ -10088,12 +10107,12 @@ function sourceKindOf(field2) {
   if (kind === "attachment") return "file";
   return null;
 }
-function whatIsMissing(state) {
-  const noun = state.noun ?? "column";
-  const { type, label, via, pick, agg, of, relations, formulaFields } = state;
-  const relationTarget = state.relationTarget ?? "";
+function whatIsMissing(state2) {
+  const noun = state2.noun ?? "column";
+  const { type, label, via, pick, agg, of, relations, formulaFields } = state2;
+  const relationTarget = state2.relationTarget ?? "";
   if (label.trim() === "") return `Give the ${noun} a name.`;
-  if (type === "entity_reference") return whatIsMissingForEntityReference(state.allowedTypes ?? []);
+  if (type === "entity_reference") return whatIsMissingForEntityReference(state2.allowedTypes ?? []);
   if (type === "relation") {
     if (relationTarget.trim() === "") return `Choose the table this ${noun} points at.`;
     return null;
@@ -10468,7 +10487,7 @@ function ButtonValue({ field: field2, recordId, inCell }) {
   const [said2, setSaid] = (0, import_react54.useState)(null);
   const [settingUp, setSettingUp] = (0, import_react54.useState)(false);
   if (!b) return null;
-  const color = (0, import_data_table9.isStyleColor)(b.color) ? import_data_table9.CHOICE_CHIP_CLASS[b.color] : import_data_table9.NEUTRAL_CHIP_CLASS;
+  const color = (0, import_data_table7.isStyleColor)(b.color) ? import_data_table7.CHOICE_CHIP_CLASS[b.color] : import_data_table7.NEUTRAL_CHIP_CLASS;
   const needs = (0, import_records29.buttonNeeds)(b);
   const tableId = field2.entity_definition_id;
   const press = async () => {
@@ -12816,7 +12835,7 @@ function GridCell({
     else cancelSinglePress();
   };
   const value = editing ? editing.valueFor(row, field2) : row.document?.[field2.key];
-  const state = editing ? editing.stateOf(row.id, field2.key) : null;
+  const state2 = editing ? editing.stateOf(row.id, field2.key) : null;
   const refusal3 = editing ? editing.refusalOf(row.id, field2.key) : null;
   const editable = Boolean(editing) && canWrite && fieldIsEditable(field2);
   if (open && editing) {
@@ -12877,7 +12896,7 @@ function GridCell({
           disabled: !editable,
           "aria-label": editable ? `${fieldName(field2)} \u2014 press Space to ${value === true ? "untick" : "tick"}` : fieldName(field2),
           title: editable ? answered ? `${fieldName(field2)} \u2014 press Space to change` : `${fieldName(field2)} \u2014 nobody has answered this yet` : whyNot ?? `${fieldName(field2)} \u2014 you cannot change this record`,
-          className: (0, import_design_system38.cn)(state === "saving" ? "opacity-60" : "", state === "refused" ? "ring-1 ring-destructive" : ""),
+          className: (0, import_design_system38.cn)(state2 === "saving" ? "opacity-60" : "", state2 === "refused" ? "ring-1 ring-destructive" : ""),
           onCheckedChange: (next) => editing?.setCell(row.id, field2.key, next === true)
         }
       ),
@@ -12888,7 +12907,7 @@ function GridCell({
   if (editable && format?.id === "rating") {
     return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("span", { "data-matrx-cell-control": "", className: "relative flex h-full w-full flex-wrap items-center gap-1.5", children: [
       /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(FormattedValue, { value, format, onRate: (next) => editing?.setCell(row.id, field2.key, next), selectFirst: true }),
-      state === "saving" ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { "data-records-cell-saving": "", className: "pointer-events-none absolute right-1 top-1/2 z-10 -translate-y-1/2 rounded bg-card/90 px-1 text-[10px] text-muted-foreground", children: "Saving\u2026" }) : null,
+      state2 === "saving" ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { "data-records-cell-saving": "", className: "pointer-events-none absolute right-1 top-1/2 z-10 -translate-y-1/2 rounded bg-card/90 px-1 text-[10px] text-muted-foreground", children: "Saving\u2026" }) : null,
       refusal3 ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(CellRefusalNotice, { refusal: refusal3, field: field2, row, editing, typed: false }) : null
     ] });
   }
@@ -12950,8 +12969,8 @@ function GridCell({
                   // table cell, and a click there is a row click.
                   "block w-full min-w-0 flex-1 truncate rounded px-1 py-0.5",
                   editable ? "cursor-text hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring" : "",
-                  state === "saving" ? "opacity-60" : "",
-                  state === "refused" ? "ring-1 ring-destructive" : ""
+                  state2 === "saving" ? "opacity-60" : "",
+                  state2 === "refused" ? "ring-1 ring-destructive" : ""
                 ),
                 onMouseDown: onPointerDown,
                 onClickCapture: onLinkClickCapture,
@@ -13010,7 +13029,7 @@ function GridCell({
               }
             ) : null
           ] }),
-          state === "saving" ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { "data-records-cell-saving": "", className: "pointer-events-none absolute right-1 top-1/2 z-10 -translate-y-1/2 rounded bg-card/90 px-1 text-[10px] text-muted-foreground", children: "Saving\u2026" }) : null,
+          state2 === "saving" ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { "data-records-cell-saving": "", className: "pointer-events-none absolute right-1 top-1/2 z-10 -translate-y-1/2 rounded bg-card/90 px-1 text-[10px] text-muted-foreground", children: "Saving\u2026" }) : null,
           refusal3 ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(CellRefusalNotice, { refusal: refusal3, field: field2, row, editing, typed: true }) : null
         ]
       }
@@ -13369,7 +13388,7 @@ function rememberLayout(tableId, layout) {
 // src/RecordsSkeleton.tsx
 var import_react68 = require("react");
 var import_design_system39 = require("@ai-matrx/design-system");
-var import_data_table10 = require("@ai-matrx/design-system/data-table");
+var import_data_table8 = require("@ai-matrx/design-system/data-table");
 var import_jsx_runtime46 = require("react/jsx-runtime");
 var NEVER = () => () => {
 };
@@ -13414,7 +13433,7 @@ var PLACEHOLDER_COLUMNS = ["a", "b", "c", "d", "e", "f"].map((id) => ({
 var NO_ROWS2 = [];
 function GridSkeleton({ embedded, rows }) {
   return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-    import_data_table10.MatrxDataTable,
+    import_data_table8.MatrxDataTable,
     {
       ...embedded ? {} : { className: "min-h-0 flex-1" },
       data: NO_ROWS2,
@@ -13572,7 +13591,7 @@ var import_react143 = require("react");
 var import_react144 = require("@ai-matrx/records/react");
 var import_records46 = require("@ai-matrx/records");
 var import_records47 = require("@ai-matrx/records");
-var import_data_table16 = require("@ai-matrx/design-system/data-table");
+var import_data_table14 = require("@ai-matrx/design-system/data-table");
 var import_core18 = require("@ai-matrx/records/core");
 
 // src/tableDecorations.ts
@@ -13580,7 +13599,7 @@ var import_react71 = require("react");
 var import_react72 = require("@ai-matrx/records/react");
 function useTableDecorations(tableId, revision) {
   const client = (0, import_react72.useRecordsClient)();
-  const [state, setState] = (0, import_react71.useState)({ data: null, loading: Boolean(tableId) });
+  const [state2, setState] = (0, import_react71.useState)({ data: null, loading: Boolean(tableId) });
   const seen = (0, import_react71.useRef)({ tableId: void 0, revision: void 0 });
   const ticket = (0, import_react71.useRef)(0);
   (0, import_react71.useEffect)(() => {
@@ -13606,7 +13625,7 @@ function useTableDecorations(tableId, revision) {
     ticket.current += 1;
   }, []);
   const apply = (0, import_react71.useCallback)((next) => setState({ data: next, loading: false }), []);
-  return { ...state, apply };
+  return { ...state2, apply };
 }
 
 // src/emptyState.tsx
@@ -13717,7 +13736,7 @@ var import_core10 = require("@ai-matrx/records/core");
 var import_react101 = require("react");
 var import_react102 = require("@ai-matrx/records/react");
 var import_design_system55 = require("@ai-matrx/design-system");
-var import_data_table12 = require("@ai-matrx/design-system/data-table");
+var import_data_table10 = require("@ai-matrx/design-system/data-table");
 var import_format4 = require("@ai-matrx/kit/format");
 
 // src/MergeRecordDialog.tsx
@@ -14258,42 +14277,13 @@ var import_design_system43 = require("@ai-matrx/design-system");
 
 // src/RecordsMount.tsx
 var import_react78 = require("react");
-var import_react79 = require("@ai-matrx/records/react");
-var import_jsx_runtime50 = require("react/jsx-runtime");
-var STORE_DECIDES_REASON = "This host offers exactly what the record store says this person may do: the level comes back with the table on the read door, so a control they cannot use is never drawn in the first place.";
-function storeDecidesRights(_table) {
-  return NO_RIGHTS;
-}
-function RecordsMount({
-  config,
-  host,
-  letTheStoreDecideRights,
-  children
-}) {
-  const bound2 = useShallowStableHost(host);
-  void letTheStoreDecideRights;
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react79.RecordsProvider, { config, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(RecordsUiProvider, { value: bound2, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(RecordLabelProvider, { children }) }) });
-}
-function useShallowStableHost(host) {
-  const held = (0, import_react78.useRef)(null);
-  const next = host ?? {};
-  const previous = held.current;
-  if (previous !== null && sameParts(previous, next)) return previous;
-  const bound2 = { ...next };
-  held.current = bound2;
-  return bound2;
-}
-function sameParts(a, b) {
-  const aKeys = Object.keys(a);
-  const bKeys = Object.keys(b);
-  if (aKeys.length !== bKeys.length) return false;
-  for (const key of aKeys) if (a[key] !== b[key]) return false;
-  return true;
-}
+
+// src/dataSource.ts
+var import_global_slot2 = require("@ai-matrx/kit/global-slot");
 function personActor(userId) {
   return userId ? { actor: "user", user_id: userId } : { actor: "user" };
 }
-var dataSources = /* @__PURE__ */ new WeakMap();
+var dataSources = (0, import_global_slot2.globalSlot)("ai-matrx.records-ui.data-sources", () => /* @__PURE__ */ new WeakMap());
 function recordsDataSource(client, fallbackSchema = "custom") {
   let bySchema = dataSources.get(client);
   if (!bySchema) {
@@ -14339,6 +14329,40 @@ async function hasSession(getSession) {
   }
 }
 
+// src/RecordsMount.tsx
+var import_react79 = require("@ai-matrx/records/react");
+var import_jsx_runtime50 = require("react/jsx-runtime");
+var STORE_DECIDES_REASON = "This host offers exactly what the record store says this person may do: the level comes back with the table on the read door, so a control they cannot use is never drawn in the first place.";
+function storeDecidesRights(_table) {
+  return NO_RIGHTS;
+}
+function RecordsMount({
+  config,
+  host,
+  letTheStoreDecideRights,
+  children
+}) {
+  const bound2 = useShallowStableHost(host);
+  void letTheStoreDecideRights;
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react79.RecordsProvider, { config, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(RecordsUiProvider, { value: bound2, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(RecordLabelProvider, { children }) }) });
+}
+function useShallowStableHost(host) {
+  const held = (0, import_react78.useRef)(null);
+  const next = host ?? {};
+  const previous = held.current;
+  if (previous !== null && sameParts(previous, next)) return previous;
+  const bound2 = { ...next };
+  held.current = bound2;
+  return bound2;
+}
+function sameParts(a, b) {
+  const aKeys = Object.keys(a);
+  const bKeys = Object.keys(b);
+  if (aKeys.length !== bKeys.length) return false;
+  for (const key of aKeys) if (a[key] !== b[key]) return false;
+  return true;
+}
+
 // src/TablePickers.tsx
 var import_jsx_runtime51 = require("react/jsx-runtime");
 var SHARED_FOR_MS = 5e3;
@@ -14372,7 +14396,7 @@ function readTablesAnywhere(dataSource) {
   return read;
 }
 function useTablesAnywhere(dataSource) {
-  const [state, setState] = (0, import_react80.useState)({ loading: true, error: null, rows: [] });
+  const [state2, setState] = (0, import_react80.useState)({ loading: true, error: null, rows: [] });
   (0, import_react80.useEffect)(() => {
     let live = true;
     void readTablesAnywhere(dataSource).then((result) => {
@@ -14382,7 +14406,7 @@ function useTablesAnywhere(dataSource) {
       live = false;
     };
   }, [dataSource]);
-  return state;
+  return state2;
 }
 function TablePicker({ dataSource, value, onChange, disabled, tables }) {
   const own3 = useTablesAnywhere(dataSource);
@@ -14737,7 +14761,7 @@ var import_react84 = require("react");
 var import_records34 = require("@ai-matrx/records");
 var import_react85 = require("@ai-matrx/records/react");
 var import_design_system45 = require("@ai-matrx/design-system");
-var import_data_table11 = require("@ai-matrx/design-system/data-table");
+var import_data_table9 = require("@ai-matrx/design-system/data-table");
 var import_jsx_runtime53 = require("react/jsx-runtime");
 function isChoiceField(field2) {
   const kind = String(editorKindFor(field2));
@@ -14794,7 +14818,7 @@ function useChoiceOptions(fields, keys) {
 }
 function lookOf(option) {
   const raw = option.data?.["color"];
-  const color = typeof raw === "string" && import_data_table11.STYLE_COLORS.includes(raw) ? raw : void 0;
+  const color = typeof raw === "string" && import_data_table9.STYLE_COLORS.includes(raw) ? raw : void 0;
   return { id: String(option.id), key: (0, import_records34.optionKey)(option), label: (0, import_records34.optionLabel)(option), ...color ? { color } : {} };
 }
 function paintByOption(style, _fields, index, lookup) {
@@ -14853,12 +14877,12 @@ function rulesLeaf(drafts, fields) {
   const out = [];
   for (const d of drafts) {
     const field2 = fields.find((f) => f.key === d.field);
-    if (!field2 || import_data_table11.COLOR_RULE_DATE_OPS.includes(d.op)) continue;
+    if (!field2 || import_data_table9.COLOR_RULE_DATE_OPS.includes(d.op)) continue;
     out.push({
       ...d.id ? { id: d.id } : {},
       field: field2.id,
       op: d.op,
-      ...import_data_table11.OPS_WITH_VALUE.includes(d.op) ? { value: d.value } : {},
+      ...import_data_table9.OPS_WITH_VALUE.includes(d.op) ? { value: d.value } : {},
       color: d.color,
       target: d.target
     });
@@ -14873,7 +14897,7 @@ function viewRulesFrom(drafts) {
     id: d.id ?? `rule-${Date.now().toString(36)}-${i}`,
     field: d.field,
     op: d.op,
-    ...import_data_table11.OPS_WITH_VALUE.includes(d.op) ? { value: d.value } : {},
+    ...import_data_table9.OPS_WITH_VALUE.includes(d.op) ? { value: d.value } : {},
     color: d.color,
     target: d.target
   }));
@@ -14883,9 +14907,9 @@ function isDateField2(field2) {
 }
 function swatches(prefix, current, write) {
   return [
-    ...import_data_table11.STYLE_COLORS.map((color) => ({
+    ...import_data_table9.STYLE_COLORS.map((color) => ({
       id: `${prefix}-${color}`,
-      label: color === current ? `${import_data_table11.STYLE_COLOR_LABELS[color]} (now)` : import_data_table11.STYLE_COLOR_LABELS[color],
+      label: color === current ? `${import_data_table9.STYLE_COLOR_LABELS[color]} (now)` : import_data_table9.STYLE_COLOR_LABELS[color],
       onSelect: () => write(color)
     })),
     ...current ? [{ id: `${prefix}-none`, label: "No highlight", onSelect: () => write(null) }] : []
@@ -14951,11 +14975,11 @@ function useGridColours(args) {
           },
           {
             id: "col-highlight",
-            label: column ? `Highlight column (${import_data_table11.STYLE_COLOR_LABELS[column]})` : "Highlight column",
+            label: column ? `Highlight column (${import_data_table9.STYLE_COLOR_LABELS[column]})` : "Highlight column",
             submenu: swatches(
               "col-highlight",
               column,
-              (color) => void write(["columns", field2.id], color, color ? `${name} is highlighted ${import_data_table11.STYLE_COLOR_LABELS[color].toLowerCase()}.` : `${name} is no longer highlighted.`)
+              (color) => void write(["columns", field2.id], color, color ? `${name} is highlighted ${import_data_table9.STYLE_COLOR_LABELS[color].toLowerCase()}.` : `${name} is no longer highlighted.`)
             )
           }
         ]
@@ -15084,7 +15108,7 @@ function useGridColours(args) {
 }
 var SELECT2 = "h-8";
 var CHOICE_OPS = ["is", "is_not", "is_empty", "not_empty"].filter(
-  (op2) => import_data_table11.COLOR_RULE_OPS.includes(op2)
+  (op2) => import_data_table9.COLOR_RULE_OPS.includes(op2)
 );
 function ColourRulesDialog({
   open,
@@ -15105,7 +15129,7 @@ function ColourRulesDialog({
     const field2 = fields.find((f) => f.key === key);
     if (choicesOf(key)) return CHOICE_OPS;
     const dateTests = scope === "view" && isDateField2(field2);
-    return import_data_table11.COLOR_RULE_OPS.filter((op2) => dateTests || !import_data_table11.COLOR_RULE_DATE_OPS.includes(op2));
+    return import_data_table9.COLOR_RULE_OPS.filter((op2) => dateTests || !import_data_table9.COLOR_RULE_DATE_OPS.includes(op2));
   };
   const rows = drafts ?? held;
   const set = (i, patch) => setDrafts(
@@ -15174,11 +15198,11 @@ function ColourRulesDialog({
             onChange: (picked) => set(i, { op: picked }),
             options: opsFor(rule.field).map((op2) => ({
               value: op2,
-              label: import_data_table11.COLOR_RULE_OP_LABELS[op2]
+              label: import_data_table9.COLOR_RULE_OP_LABELS[op2]
             }))
           }
         ),
-        import_data_table11.OPS_WITH_VALUE.includes(rule.op) && choicesOf(rule.field) ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        import_data_table9.OPS_WITH_VALUE.includes(rule.op) && choicesOf(rule.field) ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
           PickOne,
           {
             label: "Choice",
@@ -15189,7 +15213,7 @@ function ColourRulesDialog({
             onChange: (picked) => set(i, { value: picked }),
             options: choicesOf(rule.field).map((option) => ({ value: option.id, label: option.label }))
           }
-        ) : import_data_table11.OPS_WITH_VALUE.includes(rule.op) ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        ) : import_data_table9.OPS_WITH_VALUE.includes(rule.op) ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
           "input",
           {
             "aria-label": "Value",
@@ -15221,7 +15245,7 @@ function ColourRulesDialog({
             className: SELECT2,
             value: rule.color,
             onChange: (picked) => set(i, { color: picked }),
-            options: import_data_table11.STYLE_COLORS.map((c) => ({ value: c, label: import_data_table11.STYLE_COLOR_LABELS[c] }))
+            options: import_data_table9.STYLE_COLORS.map((c) => ({ value: c, label: import_data_table9.STYLE_COLOR_LABELS[c] }))
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_design_system45.Button, { type: "button", size: "sm", variant: "ghost", onClick: () => setDrafts(rows.filter((_, j) => j !== i)), children: "Remove" })
@@ -17914,7 +17938,7 @@ function useMergedGridControls(args) {
       const row = rows.find((r) => r.id === rowId);
       if (!row) return null;
       const doc = row.document ?? {};
-      return (0, import_data_table12.gridToTsv)([order.filter((k) => !hidden.includes(k)).map((k) => doc[k])]);
+      return (0, import_data_table10.gridToTsv)([order.filter((k) => !hidden.includes(k)).map((k) => doc[k])]);
     },
     [rows, order, hidden]
   );
@@ -18393,7 +18417,7 @@ function CustomFieldsSection({
   });
   (0, import_react103.useEffect)(() => {
     if (!agentDoor) return;
-    const state = () => {
+    const state2 = () => {
       const now = live.current;
       return {
         entityToken,
@@ -18410,7 +18434,7 @@ function CustomFieldsSection({
       };
     };
     const check = (requests) => {
-      const now = state();
+      const now = state2();
       if (now.mayAdd === false) {
         return [now.refusal ?? "This person may not add a field here."];
       }
@@ -18475,7 +18499,7 @@ function CustomFieldsSection({
       live.current.reload();
       return { ok: true, written };
     };
-    return agentDoor({ entityToken, recordId, state, check, addField, checkValues, setValues });
+    return agentDoor({ entityToken, recordId, state: state2, check, addField, checkValues, setValues });
   }, [agentDoor, client, entityToken, recordId]);
   if (!read.loading && !read.error && fields.length === 0 && !mayAdd && !rights.data) return null;
   const storeReason = rights.data?.reason ?? null;
@@ -19293,12 +19317,12 @@ function NewRecordControl({
 var import_react113 = require("react");
 var import_react114 = require("@ai-matrx/records/react");
 var import_records39 = require("@ai-matrx/records");
-var import_data_table14 = require("@ai-matrx/design-system/data-table");
+var import_data_table12 = require("@ai-matrx/design-system/data-table");
 
 // src/drillLevel.ts
 var import_react111 = require("react");
 var import_react112 = require("@ai-matrx/records/react");
-var import_data_table13 = require("@ai-matrx/design-system/data-table");
+var import_data_table11 = require("@ai-matrx/design-system/data-table");
 var askId = (ask2) => `${ask2.outer ?? ""}|${ask2.fact}`;
 function valueOf(v) {
   return v === null || v === void 0 || v === "" ? null : String(v);
@@ -19306,11 +19330,11 @@ function valueOf(v) {
 function drillLevelAsks(args) {
   const { question, dimensions, answers, where } = args;
   const known = (k) => dimensions.some((d) => d.key === k);
-  const dim = (ref) => dimensions.find((d) => d.key === (0, import_data_table13.parseDimensionRef)(ref).key);
+  const dim = (ref) => dimensions.find((d) => d.key === (0, import_data_table11.parseDimensionRef)(ref).key);
   const outer2 = question.by[0] ?? null;
-  const groupsOf2 = (ref) => (answers[(0, import_data_table13.drillRequestKey)(question.by.slice(0, question.by.indexOf(ref) + 1))] ?? []).map((r) => r.groups[ref] ?? null).filter((v) => typeof v === "string" && v !== "");
+  const groupsOf2 = (ref) => (answers[(0, import_data_table11.drillRequestKey)(question.by.slice(0, question.by.indexOf(ref) + 1))] ?? []).map((r) => r.groups[ref] ?? null).filter((v) => typeof v === "string" && v !== "");
   const attributes = [];
-  if (outer2 && !question.across && !(0, import_data_table13.parseDimensionRef)(outer2).grain) {
+  if (outer2 && !question.across && !(0, import_data_table11.parseDimensionRef)(outer2).grain) {
     const groups = groupsOf2(outer2);
     if (groups.length > 0) {
       for (const fact of dim(outer2)?.level?.attributes ?? []) {
@@ -19319,9 +19343,9 @@ function drillLevelAsks(args) {
     }
   }
   const focus = [];
-  const at = (0, import_data_table13.drillFocus)(question);
-  if (at && !(0, import_data_table13.parseDimensionRef)(at.dim).grain) {
-    const filtered = new Set(question.where.map((w) => (0, import_data_table13.parseDimensionRef)(w.dim).key));
+  const at = (0, import_data_table11.drillFocus)(question);
+  if (at && !(0, import_data_table11.parseDimensionRef)(at.dim).grain) {
+    const filtered = new Set(question.where.map((w) => (0, import_data_table11.parseDimensionRef)(w.dim).key));
     for (const fact of dim(at.dim)?.level?.attributes ?? []) {
       if (!filtered.has(fact) && known(fact)) focus.push({ outer: null, fact, where });
     }
@@ -19329,7 +19353,7 @@ function drillLevelAsks(args) {
   const names = [];
   for (const ref of question.by) {
     const d = dim(ref);
-    if (!d?.labelFrom || (0, import_data_table13.parseDimensionRef)(ref).grain || !known(d.labelFrom)) continue;
+    if (!d?.labelFrom || (0, import_data_table11.parseDimensionRef)(ref).grain || !known(d.labelFrom)) continue;
     const groups = groupsOf2(ref);
     if (groups.length > 0) names.push({ outer: d.key, fact: d.labelFrom, where: { ...where, [d.key]: groups } });
   }
@@ -19366,7 +19390,7 @@ function useDrillLevelReads(args) {
   const asks = drillLevelAsks({ question, dimensions, answers, where });
   const all = [...asks.attributes, ...asks.focus, ...asks.names];
   const key = JSON.stringify({ source, all, window: args.window ?? null, lane: args.lane ?? null });
-  const [state, setState] = (0, import_react111.useState)({ key: "", held: {}, failed: {} });
+  const [state2, setState] = (0, import_react111.useState)({ key: "", held: {}, failed: {} });
   (0, import_react111.useEffect)(() => {
     if (!enabled || !source || all.length === 0) return;
     let cancelled = false;
@@ -19401,12 +19425,12 @@ function useDrillLevelReads(args) {
       cancelled = true;
     };
   }, [client, key, enabled]);
-  const ready = state.key === key;
+  const ready = state2.key === key;
   const dim = (k) => dimensions.find((d) => d.key === k);
   const outer2 = question.by[0] ?? null;
   const attributes = asks.attributes.length === 0 || !outer2 ? void 0 : asks.attributes.map((ask2) => {
     const d = dim(ask2.fact);
-    const why = ready ? state.failed[askId(ask2)] : void 0;
+    const why = ready ? state2.failed[askId(ask2)] : void 0;
     return {
       key: ask2.fact,
       label: d?.label ?? ask2.fact,
@@ -19415,17 +19439,17 @@ function useDrillLevelReads(args) {
       read: (groups) => {
         if (!ready) return void 0;
         const g = groups[outer2];
-        return g ? drillFactWords(state.held[askId(ask2)]?.[g], d) : null;
+        return g ? drillFactWords(state2.held[askId(ask2)]?.[g], d) : null;
       }
     };
   });
   const focusAttributes = asks.focus.length === 0 ? void 0 : asks.focus.map((ask2) => {
     const d = dim(ask2.fact);
-    const why = ready ? state.failed[askId(ask2)] : void 0;
+    const why = ready ? state2.failed[askId(ask2)] : void 0;
     return {
       key: ask2.fact,
       label: d?.label ?? ask2.fact,
-      value: ready ? drillFactWords(state.held[askId(ask2)]?.["\0"], d) : void 0,
+      value: ready ? drillFactWords(state2.held[askId(ask2)]?.["\0"], d) : void 0,
       ...why ? { error: why } : {}
     };
   });
@@ -19434,7 +19458,7 @@ function useDrillLevelReads(args) {
     for (const ask2 of asks.names) {
       if (!ask2.outer) continue;
       const out = names.get(ask2.outer) ?? /* @__PURE__ */ new Map();
-      for (const [value, facts] of Object.entries(state.held[askId(ask2)] ?? {})) {
+      for (const [value, facts] of Object.entries(state2.held[askId(ask2)] ?? {})) {
         const words2 = drillFactWords(facts, dim(ask2.fact));
         if (words2 && words2 !== "Several") out.set(value, words2);
       }
@@ -19488,7 +19512,7 @@ function definitionOf(raw) {
 function useDrillDefinition(source) {
   const client = (0, import_react114.useRecordsClient)();
   const key = source ? JSON.stringify(source) : null;
-  const [state, setState] = (0, import_react113.useState)({ key: null, def: null, error: null });
+  const [state2, setState] = (0, import_react113.useState)({ key: null, def: null, error: null });
   (0, import_react113.useEffect)(() => {
     if (!key) return;
     let cancelled = false;
@@ -19508,12 +19532,12 @@ function useDrillDefinition(source) {
       cancelled = true;
     };
   }, [client, key]);
-  return state.key === key ? { def: state.def, error: state.error } : { def: null, error: null };
+  return state2.key === key ? { def: state2.def, error: state2.error } : { def: null, error: null };
 }
 function drillWhere(base2, trail, booleans) {
   const where = { ...base2 ?? {} };
   for (const w of trail) {
-    const { key, grain } = (0, import_data_table14.parseDimensionRef)(w.dim);
+    const { key, grain } = (0, import_data_table12.parseDimensionRef)(w.dim);
     if (grain) where[w.dim] = w.value;
     else if (booleans.has(key) && (w.value === "true" || w.value === "false")) where[key] = w.value === "true";
     else where[key] = w.value;
@@ -19568,7 +19592,7 @@ function useDrillAnswers(args) {
   (0, import_react113.useEffect)(() => {
     if (!enabled || !source || question.by.length === 0) return;
     const asked3 = JSON.parse(askKey2);
-    const range = asked3.window && asked3.windowKey ? (0, import_data_table14.drillWindowRange)(asked3.window) : null;
+    const range = asked3.window && asked3.windowKey ? (0, import_data_table12.drillWindowRange)(asked3.window) : null;
     const compare = asked3.compare && range && asked3.windowKey ? {
       against: asked3.compare,
       from: range.from,
@@ -19578,12 +19602,12 @@ function useDrillAnswers(args) {
     let cancelled = false;
     setAnswers({});
     setError(null);
-    const requests = (0, import_data_table14.drillRequests)({ by: asked3.by, across: asked3.across, show: asked3.show, where: [] });
+    const requests = (0, import_data_table12.drillRequests)({ by: asked3.by, across: asked3.across, show: asked3.show, where: [] });
     void Promise.all(
       requests.map(async (request) => {
         if (asked3.rule && asked3.source.kind === "table") {
-          const time = request.by.find((ref) => (0, import_data_table14.parseDimensionRef)(ref).grain !== null) ?? null;
-          const t = time ? (0, import_data_table14.parseDimensionRef)(time) : null;
+          const time = request.by.find((ref) => (0, import_data_table12.parseDimensionRef)(ref).grain !== null) ?? null;
+          const t = time ? (0, import_data_table12.parseDimensionRef)(time) : null;
           const measures = asked3.show.map(storeMeasure).filter((m) => m !== null);
           if (t?.grain === "hour") return { request, error: "This table's periods start at a day; it cannot be read by the hour." };
           const got2 = await client.recordAggregate({
@@ -19673,7 +19697,7 @@ function useDrillAnswers(args) {
 }
 function drillQuestionFor(question, def) {
   if (!def) return question;
-  const known = (ref) => def.dimensions.some((d) => d.key === (0, import_data_table14.parseDimensionRef)(ref).key);
+  const known = (ref) => def.dimensions.some((d) => d.key === (0, import_data_table12.parseDimensionRef)(ref).key);
   const show = question.show.filter((key) => def.measures.some((m) => m.key === key));
   return {
     ...question,
@@ -19710,7 +19734,7 @@ function useDrill(args) {
   });
   const hostDims = args.dimensions;
   const plain2 = (0, import_react113.useMemo)(() => drillDimensionsOf(def, labels, hostDims), [def, labels, hostDims]);
-  const range = question.window && windowKey ? (0, import_data_table14.drillWindowRange)(question.window) : null;
+  const range = question.window && windowKey ? (0, import_data_table12.drillWindowRange)(question.window) : null;
   const level = useDrillLevelReads({
     source: args.source,
     question,
@@ -19779,7 +19803,7 @@ function useAddressDrill(args) {
     () => ({ by: [], across: null, show: [], where: [], ...startWindow ? { window: startWindow } : {} }),
     [startWindow]
   );
-  const url = (0, import_data_table14.useDrillUrlState)({ fallback, prefix: prefix ?? "drill" });
+  const url = (0, import_data_table12.useDrillUrlState)({ fallback, prefix: prefix ?? "drill" });
   const question = (0, import_react113.useMemo)(
     () => startWindow && !url.question.window ? { ...url.question, window: startWindow } : url.question,
     [url.question, startWindow]
@@ -19799,7 +19823,7 @@ function questionFromGrouping(grouping) {
   };
 }
 function groupingFromQuestion(question, held) {
-  const [first, ...rest] = question.by.map(import_data_table14.parseDimensionRef);
+  const [first, ...rest] = question.by.map(import_data_table12.parseDimensionRef);
   if (!first) return void 0;
   const sameFirst = held?.field === first.key;
   return {
@@ -19814,9 +19838,9 @@ function groupingFromQuestion(question, held) {
   };
 }
 function trailClause(fields, w) {
-  const { key, grain } = (0, import_data_table14.parseDimensionRef)(w.dim);
+  const { key, grain } = (0, import_data_table12.parseDimensionRef)(w.dim);
   const field2 = fields.find((f) => f.key === key);
-  if (grain && w.value !== null) return { key, value: (0, import_data_table14.bucketWindow)(w.value, grain), field: field2 };
+  if (grain && w.value !== null) return { key, value: (0, import_data_table12.bucketWindow)(w.value, grain), field: field2 };
   if (field2 && String(editorKindFor(field2)) === "checkbox" && (w.value === "true" || w.value === "false")) {
     return { key, value: w.value === "true", field: field2 };
   }
@@ -19860,7 +19884,7 @@ function useGridDrillQuestion(args) {
   const { tableId, fields, presentation, filter } = args;
   const source = (0, import_react113.useMemo)(() => ({ kind: "table", id: tableId }), [tableId]);
   const saved = (0, import_react113.useMemo)(() => questionFromGrouping(presentation.grouping), [presentation.grouping]);
-  const url = (0, import_data_table14.useDrillUrlState)({ fallback: saved });
+  const url = (0, import_data_table12.useDrillUrlState)({ fallback: saved });
   const requested = args.enabled && // Up to three levels are ROWS under nested headers on the merged grid (Airtable's group levels).
   (url.question.by.length > (args.plainGroupingIsRows ? 3 : 0) || url.question.across !== null || url.question.where.length > 0 || // `!= null`: a question read by a design-system that does not know the window or the comparison
   // yet has them UNDEFINED, and `undefined !== null` asked for drill metadata on every plain grid.
@@ -19871,15 +19895,15 @@ function useGridDrillQuestion(args) {
   const windowKey = drillWindowDimensionOf(def);
   const trailFilter = (0, import_react113.useMemo)(() => {
     if (!enabled) return filter;
-    const range = question.window && windowKey ? (0, import_data_table14.drillWindowRange)(question.window) : null;
+    const range = question.window && windowKey ? (0, import_data_table12.drillWindowRange)(question.window) : null;
     const withWindow = range && windowKey ? filterWithWindow(fields, filter, windowKey, range) : filter;
     return filterWithTrail(fields, withWindow, question.where);
   }, [enabled, fields, filter, question.where, question.window, windowKey]);
   return { enabled, source, def, question, setQuestion: url.setQuestion, filter, trailFilter };
 }
 function useGridDrillConfig(args) {
-  const { state, presentation, onPresentationChange, version } = args;
-  const { setQuestion } = state;
+  const { state: state2, presentation, onPresentationChange, version } = args;
+  const { setQuestion } = state2;
   const onQuestionChange = (0, import_react113.useMemo)(
     () => (next) => {
       setQuestion(next);
@@ -19891,21 +19915,21 @@ function useGridDrillConfig(args) {
     },
     [setQuestion, onPresentationChange, presentation]
   );
-  const flat = state.filter && !(0, import_records39.isRuleFilter)(state.filter) ? state.filter : void 0;
-  const rule = state.filter && (0, import_records39.isRuleFilter)(state.filter) ? filterWithTrailRuleOnly(state) : void 0;
+  const flat = state2.filter && !(0, import_records39.isRuleFilter)(state2.filter) ? state2.filter : void 0;
+  const rule = state2.filter && (0, import_records39.isRuleFilter)(state2.filter) ? filterWithTrailRuleOnly(state2) : void 0;
   const { config } = useDrill({
-    source: state.source,
-    question: state.question,
+    source: state2.source,
+    question: state2.question,
     onQuestionChange,
     filter: flat,
     rule,
     version,
-    enabled: state.enabled
+    enabled: state2.enabled
   });
   return config;
 }
-function filterWithTrailRuleOnly(state) {
-  return state.trailFilter;
+function filterWithTrailRuleOnly(state2) {
+  return state2.trailFilter;
 }
 
 // src/pointsCost.ts
@@ -19934,18 +19958,18 @@ function ago(at) {
   return at ? (0, import_format6.formatRelativeTime)(at, { style: "intl", fallback: "" }) : "";
 }
 function EnrichBadge({ cell: cell2, onPin, className }) {
-  const state = cellState(cell2);
-  if (!cell2 || state === "none") return null;
+  const state2 = cellState(cell2);
+  if (!cell2 || state2 === "none") return null;
   const source = cell2.source ?? {};
   const read = Array.isArray(source.read) ? source.read : [];
   const alternates = cell2.alternates ?? [];
-  const word = state === "yours" ? "yours" : state === "unsure" ? "unsure" : "agent";
+  const word = state2 === "yours" ? "yours" : state2 === "unsure" ? "unsure" : "agent";
   return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_design_system60.HoverCard, { openDelay: 120, children: [
     /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_design_system60.HoverCardTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("span", { className: (0, import_design_system60.cn)("inline-flex items-center gap-1 align-middle", className), children: [
       /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
         import_design_system60.Badge,
         {
-          variant: state === "yours" ? "secondary" : "outline",
+          variant: state2 === "yours" ? "secondary" : "outline",
           className: "text-[10px] font-normal leading-none",
           children: word
         }
@@ -19953,8 +19977,8 @@ function EnrichBadge({ cell: cell2, onPin, className }) {
       cell2.stale ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_design_system60.Badge, { variant: "outline", className: "text-[10px] font-normal leading-none opacity-70", children: "stale" }) : null
     ] }) }),
     /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_design_system60.HoverCardContent, { className: "w-80 space-y-2 text-xs", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: "font-medium", children: state === "yours" ? "You typed this one in" : state === "unsure" ? "A model had candidates and committed to none" : "Filled in by a model" }),
-      state !== "yours" && cell2.on_behalf_of ? /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("p", { className: "text-muted-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: "font-medium", children: state2 === "yours" ? "You typed this one in" : state2 === "unsure" ? "A model had candidates and committed to none" : "Filled in by a model" }),
+      state2 !== "yours" && cell2.on_behalf_of ? /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("p", { className: "text-muted-foreground", children: [
         "Acting for ",
         cell2.on_behalf_of,
         cell2.written_at ? `, ${ago(cell2.written_at)}` : "",
@@ -19975,7 +19999,7 @@ function EnrichBadge({ cell: cell2, onPin, className }) {
         /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("ul", { className: "list-inside list-disc", children: read.slice(0, 4).map((r, i) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("li", { className: "truncate", children: String(r.title ?? r.url ?? "") }, i)) })
       ] }) : null,
       alternates.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: "text-muted-foreground", children: state === "unsure" ? "What it considered" : "What it nearly said instead" }),
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: "text-muted-foreground", children: state2 === "unsure" ? "What it considered" : "What it nearly said instead" }),
         /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("ul", { className: "list-inside list-decimal", children: alternates.slice(0, 4).map((a, i) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("li", { children: String(a.value ?? "") }, i)) })
       ] }) : null,
       cell2.stale && cell2.due_at ? /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("p", { className: "text-muted-foreground", children: [
@@ -24418,7 +24442,7 @@ var import_react131 = require("react");
 var import_react132 = require("@ai-matrx/records/react");
 var import_core15 = require("@ai-matrx/records/core");
 var import_design_system69 = require("@ai-matrx/design-system");
-var import_data_table15 = require("@ai-matrx/design-system/data-table");
+var import_data_table13 = require("@ai-matrx/design-system/data-table");
 var import_jsx_runtime82 = require("react/jsx-runtime");
 function changesFor(step2, direction, versions = /* @__PURE__ */ new Map()) {
   const byRow = /* @__PURE__ */ new Map();
@@ -24446,7 +24470,7 @@ function useGridUndo(args) {
   onVersionsRef.current = args.onVersions;
   const onVersions = (versions) => onVersionsRef.current?.(versions);
   const known = (0, import_react131.useRef)(/* @__PURE__ */ new Map());
-  const [held, setHeld] = (0, import_react131.useState)(() => ({ stack: (0, import_data_table15.createUndoStack)(args.depth ?? 100), steps: /* @__PURE__ */ new Map() }));
+  const [held, setHeld] = (0, import_react131.useState)(() => ({ stack: (0, import_data_table13.createUndoStack)(args.depth ?? 100), steps: /* @__PURE__ */ new Map() }));
   const heldRef = (0, import_react131.useRef)(held);
   heldRef.current = held;
   const [busy, setBusy] = (0, import_react131.useState)(false);
@@ -24461,7 +24485,7 @@ function useGridUndo(args) {
     setHeld((was) => {
       const steps = new Map(was.steps);
       steps.set(id, step2);
-      const stack = (0, import_data_table15.pushUndo)(was.stack, { label: id, undo: [], redo: [] });
+      const stack = (0, import_data_table13.pushUndo)(was.stack, { label: id, undo: [], redo: [] });
       const live = new Set([...stack.past, ...stack.future].map((e) => e.label));
       for (const key of [...steps.keys()]) if (!live.has(key)) steps.delete(key);
       return { stack, steps };
@@ -24471,7 +24495,7 @@ function useGridUndo(args) {
   const apply = (0, import_react131.useCallback)(
     async (direction) => {
       const was = heldRef.current;
-      const taken = direction === "undo" ? (0, import_data_table15.popUndo)(was.stack) : (0, import_data_table15.popRedo)(was.stack);
+      const taken = direction === "undo" ? (0, import_data_table13.popUndo)(was.stack) : (0, import_data_table13.popRedo)(was.stack);
       if (!taken.entry) return;
       const step2 = was.steps.get(taken.entry.label);
       if (!step2) return;
@@ -25599,19 +25623,19 @@ function StructureLocked({ className }) {
 // src/viewAddress.ts
 var import_react142 = require("react");
 var VIEW_ADDRESS_KEYS = ["sort", "cf", "q", "hide", "page"];
-function isViewAddressEmpty(state) {
-  if (!state) return true;
-  return !state.sort && Object.keys(state.filters ?? {}).length === 0 && !(state.search ?? "").trim() && (state.hidden?.length ?? 0) === 0 && !(state.page && state.page > 1);
+function isViewAddressEmpty(state2) {
+  if (!state2) return true;
+  return !state2.sort && Object.keys(state2.filters ?? {}).length === 0 && !(state2.search ?? "").trim() && (state2.hidden?.length ?? 0) === 0 && !(state2.page && state2.page > 1);
 }
-function viewAddressToParams(state) {
+function viewAddressToParams(state2) {
   const out = {};
-  if (!state) return out;
-  if (state.sort) out["sort"] = `${state.sort.field}:${state.sort.direction}`;
-  const filters = Object.fromEntries(Object.entries(state.filters ?? {}).filter(([, v]) => v !== void 0 && v !== null));
+  if (!state2) return out;
+  if (state2.sort) out["sort"] = `${state2.sort.field}:${state2.sort.direction}`;
+  const filters = Object.fromEntries(Object.entries(state2.filters ?? {}).filter(([, v]) => v !== void 0 && v !== null));
   if (Object.keys(filters).length > 0) out["cf"] = JSON.stringify(filters);
-  if ((state.search ?? "").trim()) out["q"] = (state.search ?? "").trim();
-  if (state.hidden && state.hidden.length > 0) out["hide"] = JSON.stringify(state.hidden);
-  if (state.page && state.page > 1) out["page"] = String(Math.floor(state.page));
+  if ((state2.search ?? "").trim()) out["q"] = (state2.search ?? "").trim();
+  if (state2.hidden && state2.hidden.length > 0) out["hide"] = JSON.stringify(state2.hidden);
+  if (state2.page && state2.page > 1) out["page"] = String(Math.floor(state2.page));
   return out;
 }
 function viewAddressFromParams(get) {
@@ -25666,7 +25690,7 @@ var NO_REREAD = () => {
 };
 var VALUE_FILTER_UI = { allowNegation: true };
 function Grid(props) {
-  const inCard = (0, import_data_table16.useMatrxTableCard)() !== null;
+  const inCard = (0, import_data_table14.useMatrxTableCard)() !== null;
   if (!inCard) return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(GridBody, { ...props });
   return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(TableToolbarSlotContext.Provider, { value: void 0, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(TableToolbarFoldContext.Provider, { value: 0, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(TableToolbarSheetExtrasContext.Provider, { value: void 0, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(GridBody, { ...props }) }) }) });
 }
@@ -25697,7 +25721,7 @@ function GridBody({
   hideRefusedRowActions = false
 }) {
   const toolbarSlot = useTableToolbarSlot();
-  const tableCard = (0, import_data_table16.useMatrxTableCard)();
+  const tableCard = (0, import_data_table14.useMatrxTableCard)();
   const [cardExtraRows, setCardExtraRows] = (0, import_react143.useState)(0);
   const fills = footer === "sticky";
   const host = useRecordsUi();
@@ -26919,7 +26943,7 @@ function GridBody({
     [tableId, table.data, ordered, labelFor, merged]
   );
   const tableStyleProp = (0, import_react143.useMemo)(
-    () => (0, import_data_table16.tableStyleIsEmpty)(paint.style) ? null : {
+    () => (0, import_data_table14.tableStyleIsEmpty)(paint.style) ? null : {
       style: paint.style,
       // A choice is read as its OPTION (`paintByOption`): the rule, the value and the
       // colour a column keeps for it all name the same option, however it is stored.
@@ -27709,7 +27733,7 @@ function GridBody({
               "data-records-grid-fit": look.fit,
               onPasteCapture: takeEmptyTablePaste,
               children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(EmbeddedLookProvider, { value: embedded ? EMBEDDED_LOOK : null, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
-                import_data_table16.MatrxDataTable,
+                import_data_table14.MatrxDataTable,
                 {
                   ...fills ? { className: "min-h-0 flex-1" } : {},
                   frameHeight: fills ? "fill" : "content",
@@ -27828,7 +27852,7 @@ function GridBody({
             // More exists when the store's total says so, or when it answered a FULL page (it
             // names a total only once a page comes back short).
             (typeof records.data?.total === "number" ? records.data.total > rows.length : rows.length >= pageSize + cardExtraRows) ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
-              import_data_table16.MatrxTableCardShowMore,
+              import_data_table14.MatrxTableCardShowMore,
               {
                 shown: rows.length,
                 total: typeof records.data?.total === "number" ? records.data.total : void 0,
@@ -27837,7 +27861,7 @@ function GridBody({
               }
             ) : null
           ) : embeddedMore ? typeof records.data?.total === "number" && records.data.total > pageRows.length ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
-            import_data_table16.MatrxTableCardShowMore,
+            import_data_table14.MatrxTableCardShowMore,
             {
               shown: pageRows.length,
               total: records.data.total,
@@ -28010,13 +28034,13 @@ function sortIgnoredOf(answer) {
 }
 
 // src/RecordsTableCard.tsx
-var import_data_table18 = require("@ai-matrx/design-system/data-table");
+var import_data_table16 = require("@ai-matrx/design-system/data-table");
 var import_design_system73 = require("@ai-matrx/design-system");
 var import_react148 = require("@ai-matrx/records/react");
 
 // src/entityTable.tsx
 var import_react145 = require("react");
-var import_data_table17 = require("@ai-matrx/design-system/data-table");
+var import_data_table15 = require("@ai-matrx/design-system/data-table");
 var import_react146 = require("@ai-matrx/records/react");
 var import_react147 = require("@ai-matrx/records/entity/react");
 
@@ -28138,7 +28162,7 @@ function EntityGrid({
   const columns = (0, import_react145.useMemo)(() => entityTableColumns(entity.columns, canEdit), [entity.columns, canEdit]);
   const byId = (0, import_react145.useMemo)(() => new Map(entity.columns.map((c) => [columnId(c), c])), [entity.columns]);
   return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
-    import_data_table17.MatrxDataTable,
+    import_data_table15.MatrxDataTable,
     {
       data: entity.rows,
       columns,
@@ -28173,7 +28197,7 @@ var import_jsx_runtime89 = require("react/jsx-runtime");
 function RecordsTableCard(props) {
   const client = (0, import_react148.useOptionalRecordsClient)();
   if (!client) {
-    return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_data_table18.MatrxTableCard, { title: "Table", ...props.className ? { className: props.className } : {}, children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_data_table18.MatrxTableCardEmpty, { message: "This table cannot be shown here: the page has no connection to the data store." }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_data_table16.MatrxTableCard, { title: "Table", ...props.className ? { className: props.className } : {}, children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_data_table16.MatrxTableCardEmpty, { message: "This table cannot be shown here: the page has no connection to the data store." }) });
   }
   if (props.source.kind === "entity") return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(EntityTableCard, { ...props, source: props.source });
   return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ConnectedRecordsTableCard, { ...props, source: props.source });
@@ -28193,11 +28217,11 @@ function EntityTableCardBody({
   editable,
   className
 }) {
-  const batch = initialRows ?? import_data_table18.TABLE_CARD_DEFAULT_INITIAL_ROWS;
+  const batch = initialRows ?? import_data_table16.TABLE_CARD_DEFAULT_INITIAL_ROWS;
   const entity = useEntityTable(source.token, { pageSize: batch });
   const label = entity.label ?? (entity.loading ? "Loading\u2026" : "Table");
   return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
-    import_data_table18.MatrxTableCard,
+    import_data_table16.MatrxTableCard,
     {
       title: label,
       fields: entity.columns.length,
@@ -28210,10 +28234,10 @@ function EntityTableCardBody({
       ...entity.newer > 0 ? { headerActions: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_design_system73.Button, { size: "sm", variant: "ghost", onClick: entity.refresh, children: `${entity.newer.toLocaleString()} new` }) } : {},
       ...initialRows ? { initialRows } : {},
       ...className ? { className } : {},
-      children: entity.error ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_data_table18.MatrxTableCardEmpty, { message: `This table could not be read: ${entity.error}` }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_jsx_runtime89.Fragment, { children: [
+      children: entity.error ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_data_table16.MatrxTableCardEmpty, { message: `This table could not be read: ${entity.error}` }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_jsx_runtime89.Fragment, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(EntityGrid, { entity, pageSize: batch, ...editable === void 0 ? {} : { editable } }),
         entity.hasMore ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
-          import_data_table18.MatrxTableCardShowMore,
+          import_data_table16.MatrxTableCardShowMore,
           {
             shown: entity.rows.length,
             total: entity.total ?? entity.rows.length + 1,
@@ -28244,7 +28268,7 @@ function ConnectedRecordsTableCard({
   const plural4 = t?.label_plural ?? t?.name ?? "Records";
   const singular = t?.label_singular ?? t?.name ?? "Record";
   return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
-    import_data_table18.MatrxTableCard,
+    import_data_table16.MatrxTableCard,
     {
       title: t ? plural4 : table.loading ? "Loading\u2026" : "Table",
       records: { singular: singular.toLowerCase(), plural: plural4.toLowerCase() },
@@ -28257,11 +28281,11 @@ function ConnectedRecordsTableCard({
       ...edit ? { edit } : {},
       ...initialRows ? { initialRows } : {},
       ...className ? { className } : {},
-      children: table.error ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_data_table18.MatrxTableCardEmpty, { message: `This table could not be read: ${refusalSentence(table.error)}` }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+      children: table.error ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_data_table16.MatrxTableCardEmpty, { message: `This table could not be read: ${refusalSentence(table.error)}` }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
         Grid,
         {
           tableId: source.id,
-          pageSize: initialRows ?? import_data_table18.TABLE_CARD_DEFAULT_INITIAL_ROWS,
+          pageSize: initialRows ?? import_data_table16.TABLE_CARD_DEFAULT_INITIAL_ROWS,
           ...onOpenRecord ? { onOpenRecord } : {},
           ...editable === void 0 ? {} : { editable }
         }
@@ -29446,7 +29470,7 @@ function TimeZoneInput({
         "aria-label": label
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("datalist", { id: listId, children: TIME_ZONES.map((zone2) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("option", { value: zone2 }, zone2)) })
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("datalist", { id: listId, children: TIME_ZONES.map((zone) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("option", { value: zone }, zone)) })
   ] });
 }
 
@@ -33332,7 +33356,7 @@ async function declare(client, spec) {
 }
 function usePlatformTable(spec) {
   const client = (0, import_react198.useRecordsClient)();
-  const [state, setState] = (0, import_react197.useState)({ tableId: null, loading: true, error: null });
+  const [state2, setState] = (0, import_react197.useState)({ tableId: null, loading: true, error: null });
   const slug = spec.slug;
   const stable = (0, import_react197.useMemo)(() => spec, [slug]);
   (0, import_react197.useEffect)(() => {
@@ -33348,7 +33372,7 @@ function usePlatformTable(spec) {
       cancelled = true;
     };
   }, [client, stable]);
-  return state;
+  return state2;
 }
 
 // src/viewLook.ts
@@ -33386,7 +33410,7 @@ var import_react224 = require("react");
 var import_react225 = require("@ai-matrx/records/react");
 var import_records61 = require("@ai-matrx/records");
 var import_design_system109 = require("@ai-matrx/design-system");
-var import_data_table24 = require("@ai-matrx/design-system/data-table");
+var import_data_table22 = require("@ai-matrx/design-system/data-table");
 var import_format10 = require("@ai-matrx/kit/format");
 
 // src/recordMoves.tsx
@@ -33587,7 +33611,7 @@ var import_react201 = require("react");
 var import_react202 = require("@ai-matrx/records/react");
 var import_records58 = require("@ai-matrx/records");
 var import_design_system100 = require("@ai-matrx/design-system");
-var import_data_table19 = require("@ai-matrx/design-system/data-table");
+var import_data_table17 = require("@ai-matrx/design-system/data-table");
 
 // src/CardDates.tsx
 var import_jsx_runtime116 = require("react/jsx-runtime");
@@ -33822,7 +33846,7 @@ function PipelineBoard({
   const ordered = (definition?.stages ?? []).flatMap((stage) => cardsByStage.get(stage.key) ?? []);
   const selectedInOrder = ordered.filter((r) => selected.has(r.id));
   const select = (index, how) => {
-    const { next, anchor: at } = (0, import_data_table19.toggleSelection)({
+    const { next, anchor: at } = (0, import_data_table17.toggleSelection)({
       order: ordered,
       idOf: (r) => r.id,
       selected,
@@ -34199,7 +34223,7 @@ function PipelineCard({
   dates
 }) {
   const labels = useRecordLabels(field2 ? [field2] : []);
-  const color = style ? (0, import_data_table19.resolveRowColor)(style, { id: record.id, data: record.document ?? {} }, colorFromTheValue) : null;
+  const color = style ? (0, import_data_table17.resolveRowColor)(style, { id: record.id, data: record.document ?? {} }, colorFromTheValue) : null;
   const draggable = (0, import_react202.mayDrag)(record.level);
   const { text: label, withheld } = cardWords(record, field2, labels);
   return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
@@ -34217,7 +34241,7 @@ function PipelineCard({
         draggable ? "cursor-grab active:cursor-grabbing" : "",
         dragging ? "opacity-50" : "",
         // A selected card shows the selection, not its tint — the two never fight for one background.
-        selected ? "border-primary bg-primary/10 ring-1 ring-primary" : color ? import_data_table19.ROW_TINT_CLASS[color] : ""
+        selected ? "border-primary bg-primary/10 ring-1 ring-primary" : color ? import_data_table17.ROW_TINT_CLASS[color] : ""
       ),
       onClick: (e) => {
         if (draggable && (e.shiftKey || e.metaKey || e.ctrlKey)) {
@@ -34375,7 +34399,7 @@ function CardFieldsInline({ row, fields }) {
 var import_react206 = require("react");
 var import_react207 = require("@ai-matrx/records/react");
 var import_design_system101 = require("@ai-matrx/design-system");
-var import_data_table21 = require("@ai-matrx/design-system/data-table");
+var import_data_table19 = require("@ai-matrx/design-system/data-table");
 
 // src/weekStart.ts
 var import_react203 = require("react");
@@ -34413,7 +34437,7 @@ function useReaderWeekStart() {
 
 // src/rowColorBy.tsx
 var import_react205 = require("react");
-var import_data_table20 = require("@ai-matrx/design-system/data-table");
+var import_data_table18 = require("@ai-matrx/design-system/data-table");
 function useRowColorBy(all, colorKey, style) {
   const colorField = all.find((f) => f.key === colorKey);
   const options = useChoiceOptions(all, colorField && isChoiceField(colorField) ? [colorField.key] : []);
@@ -34423,11 +34447,11 @@ function useRowColorBy(all, colorKey, style) {
       return optionFor(options.get(key), first)?.color ?? (colorField ? storedChoiceColor(colorField, first) : void 0) ?? colorFromTheValue(key, first);
     };
     const effective = {
-      ...import_data_table20.EMPTY_TABLE_STYLE,
+      ...import_data_table18.EMPTY_TABLE_STYLE,
       ...style ?? {},
       ...colorKey ? { colorBy: { field: colorKey, target: "row" } } : { colorBy: null }
     };
-    return (row) => (0, import_data_table20.resolveRowColor)(effective, { id: row.id, data: row.document ?? {} }, lookup);
+    return (row) => (0, import_data_table18.resolveRowColor)(effective, { id: row.id, data: row.document ?? {} }, lookup);
   }, [options, colorField, colorKey, style]);
 }
 
@@ -35020,7 +35044,7 @@ function CalendarView({
         className: (0, import_design_system101.cn)(
           "flex w-full min-w-0 items-center gap-1 truncate rounded border px-1.5 py-0.5 text-left text-xs hover:brightness-95",
           // The chip palette, not the faint row tint: a calendar is read by its colours at a glance.
-          color ? import_data_table21.CHOICE_CHIP_CLASS[color] : "bg-background",
+          color ? import_data_table19.CHOICE_CHIP_CLASS[color] : "bg-background",
           may ? "cursor-grab active:cursor-grabbing" : "cursor-default",
           className2
         ),
@@ -35437,7 +35461,7 @@ function weekHeading(first) {
 var import_react208 = require("react");
 var import_react209 = require("@ai-matrx/records/react");
 var import_design_system102 = require("@ai-matrx/design-system");
-var import_data_table22 = require("@ai-matrx/design-system/data-table");
+var import_data_table20 = require("@ai-matrx/design-system/data-table");
 var import_react210 = require("@ai-matrx/records/react");
 
 // src/timelineGantt.ts
@@ -36216,7 +36240,7 @@ function TimelineView({
         className: (0, import_design_system102.cn)(
           "absolute flex select-none items-center gap-1 rounded border px-1.5 text-xs outline-none focus-visible:ring-2 focus-visible:ring-ring",
           outside ? "overflow-visible" : "overflow-hidden",
-          milestone ? "border-transparent bg-transparent" : color ? import_data_table22.CHOICE_CHIP_CLASS[color] : "bg-muted",
+          milestone ? "border-transparent bg-transparent" : color ? import_data_table20.CHOICE_CHIP_CLASS[color] : "bg-muted",
           onCritical ? "ring-2 ring-amber-500" : void 0,
           linkTarget === p.row.id ? "ring-2 ring-primary" : void 0,
           may ? "cursor-grab active:cursor-grabbing" : "cursor-pointer",
@@ -36446,7 +36470,7 @@ function TimelineView({
                 type: "button",
                 className: (0, import_design_system102.cn)(
                   "flex w-full min-w-0 items-center gap-1 truncate rounded border px-1.5 py-0.5 text-left text-xs hover:brightness-95",
-                  color ? import_data_table22.CHOICE_CHIP_CLASS[color] : "bg-background",
+                  color ? import_data_table20.CHOICE_CHIP_CLASS[color] : "bg-background",
                   may ? "cursor-grab" : "cursor-default"
                 ),
                 title: may ? `${titleOf(row)} \xB7 drag onto a day` : (0, import_react209.mayDrag)(row.level) ? WORKED_OUT_DATE_LOCK : whatYouMayDo(row.level ?? null).why("write"),
@@ -36526,7 +36550,7 @@ function TimelineView({
         /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
           "span",
           {
-            className: (0, import_design_system102.cn)("max-w-full truncate rounded px-1.5 py-0.5 text-xs font-medium", lane.color ? import_data_table22.CHOICE_CHIP_CLASS[lane.color] : void 0),
+            className: (0, import_design_system102.cn)("max-w-full truncate rounded px-1.5 py-0.5 text-xs font-medium", lane.color ? import_data_table20.CHOICE_CHIP_CLASS[lane.color] : void 0),
             title: laneLocked ?? lane.label,
             ...laneLocked ? { "data-timeline-lane-locked": "" } : {},
             children: lane.label
@@ -36938,7 +36962,7 @@ function BoardOptions({
 // src/ListView.tsx
 var import_react215 = require("react");
 var import_design_system105 = require("@ai-matrx/design-system");
-var import_data_table23 = require("@ai-matrx/design-system/data-table");
+var import_data_table21 = require("@ai-matrx/design-system/data-table");
 var import_jsx_runtime124 = require("react/jsx-runtime");
 var LIST_DEFAULT_FIELDS = 4;
 var NO_GROUP = "__none";
@@ -37080,7 +37104,7 @@ function ListRow({
   const doc = row.document ?? {};
   const filled = fields.filter((field2) => !isEmptyOnCard(doc[field2.key]) || withheldNoticeOf(row.hidden, field2.key));
   const onRow = chose ? filled : filled.slice(0, LIST_DEFAULT_FIELDS);
-  const color = style ? (0, import_data_table23.resolveRowColor)(style, { id: row.id, data: row.document ?? {} }, colorFromTheValue) : null;
+  const color = style ? (0, import_data_table21.resolveRowColor)(style, { id: row.id, data: row.document ?? {} }, colorFromTheValue) : null;
   const values = onRow.map((field2) => (
     // ONE LINE PER VALUE (walk 2026-10-05): a multi-line caption drew as paragraphs, pushing the
     // title to the row's foot. A list row is one line, as Notion's is; the record page has the rest.
@@ -37104,7 +37128,7 @@ function ListRow({
       "data-records-list-row": row.id,
       className: (0, import_design_system105.cn)(
         "flex w-full min-w-0 items-center gap-3 rounded px-1 py-1 pr-7 text-left text-xs hover:bg-muted",
-        color ? import_data_table23.ROW_TINT_CLASS[color] : void 0
+        color ? import_data_table21.ROW_TINT_CLASS[color] : void 0
       ),
       onClick: () => onOpenRecord?.(row.id),
       title: withheld ?? title,
@@ -38066,7 +38090,7 @@ function chartQuestion(view, fields) {
 function ChartLayout({ view, fields, filter, onChange, remembered }) {
   const client = (0, import_react223.useRecordsClient)();
   const q = (0, import_react222.useMemo)(() => chartQuestion(view, fields), [view, fields]);
-  const [state, setState] = (0, import_react222.useState)({ block: null, error: null });
+  const [state2, setState] = (0, import_react222.useState)({ block: null, error: null });
   const filterKey = JSON.stringify(filter ?? {});
   const qKey = JSON.stringify(q);
   (0, import_react222.useEffect)(() => {
@@ -38134,7 +38158,7 @@ function ChartLayout({ view, fields, filter, onChange, remembered }) {
       MEASURE_LABEL2[isChartMeasure(view.chartMeasure) ? view.chartMeasure : "count"],
       " needs a number field \u2014 pick one above. Counting until then."
     ] }) : null,
-    state.error ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(RefusalNotice, { error: state.error }) : state.block ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(ChartBlock, { block: state.block, subject: view.subject, variant: "bare", centerValue: true }) : null
+    state2.error ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(RefusalNotice, { error: state2.error }) : state2.block ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(ChartBlock, { block: state2.block, subject: view.subject, variant: "bare", centerValue: true }) : null
   ] });
 }
 
@@ -38667,7 +38691,7 @@ function Board({
           onColorFieldChange: (key) => onChange({
             presentation: {
               ...view.presentation,
-              style: { ...import_data_table24.EMPTY_TABLE_STYLE, ...view.presentation?.style ?? {}, colorBy: key ? { field: key, target: "row" } : null }
+              style: { ...import_data_table22.EMPTY_TABLE_STYLE, ...view.presentation?.style ?? {}, colorBy: key ? { field: key, target: "row" } : null }
             }
           }),
           titleField,
@@ -38718,7 +38742,7 @@ function Board({
               onChange({
                 presentation: {
                   ...view.presentation,
-                  style: { ...import_data_table24.EMPTY_TABLE_STYLE, ...view.presentation?.style ?? {}, colorBy: patch.colorKey ? { field: patch.colorKey, target: "row" } : null }
+                  style: { ...import_data_table22.EMPTY_TABLE_STYLE, ...view.presentation?.style ?? {}, colorBy: patch.colorKey ? { field: patch.colorKey, target: "row" } : null }
                 }
               });
             }
@@ -38978,7 +39002,7 @@ function Kanban({
   const heading = (name) => /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
     "header",
     {
-      className: (0, import_design_system109.cn)("flex h-7 items-center gap-2 border-b px-2 text-xs font-medium", columnColor(name) ? import_data_table24.CHOICE_CHIP_CLASS[columnColor(name)] : void 0),
+      className: (0, import_design_system109.cn)("flex h-7 items-center gap-2 border-b px-2 text-xs font-medium", columnColor(name) ? import_data_table22.CHOICE_CHIP_CLASS[columnColor(name)] : void 0),
       "data-board-heading": name,
       ...columnColor(name) ? { "data-column-color": columnColor(name) } : {},
       children: [
@@ -39045,7 +39069,7 @@ function Kanban({
                 void move(card, { column: name, lane: laneName }, { column: to, lane: laneName });
               },
               children: [
-                accent ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { "aria-hidden": "true", "data-card-accent": accent, className: (0, import_design_system109.cn)("absolute inset-y-0.5 left-0 w-1 rounded", import_data_table24.SWATCH_CLASS[accent]) }) : null,
+                accent ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { "aria-hidden": "true", "data-card-accent": accent, className: (0, import_design_system109.cn)("absolute inset-y-0.5 left-0 w-1 rounded", import_data_table22.SWATCH_CLASS[accent]) }) : null,
                 /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(RecordActionMenu, { tableId, row: card, name: cardWords(card, titleField).text, onOpenRecord, onChanged, children: previewField ? /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex flex-col gap-1", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { className: (0, import_design_system109.cn)("block w-full shrink-0 overflow-hidden rounded bg-muted/50", size.cover), "data-board-preview": previewField.key, children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(GalleryCover, { field: previewField, value: cover }) }),
                   recordCard
@@ -39177,7 +39201,7 @@ function Gallery({
             const doc = row.document ?? {};
             const filled = shown5.filter((field2) => !isEmptyOnCard(doc[field2.key]) || withheldNoticeOf(row.hidden, field2.key));
             const onCard = chose ? filled : filled.slice(0, GALLERY_DEFAULT_FIELDS);
-            const rowColor = style ? (0, import_data_table24.resolveRowColor)(style, { id: row.id, data: row.document ?? {} }, colorFromTheValue) : null;
+            const rowColor = style ? (0, import_data_table22.resolveRowColor)(style, { id: row.id, data: row.document ?? {} }, colorFromTheValue) : null;
             return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("li", { className: "flex", children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
               MaybeRecordActionMenu,
               {
@@ -39192,7 +39216,7 @@ function Gallery({
                     type: "button",
                     className: (0, import_design_system109.cn)(
                       "flex h-full w-full flex-col gap-1 rounded border p-2 pr-7 text-left hover:bg-muted",
-                      rowColor ? import_data_table24.ROW_TINT_CLASS[rowColor] : void 0
+                      rowColor ? import_data_table22.ROW_TINT_CLASS[rowColor] : void 0
                     ),
                     onClick: () => onOpenRecord?.(row.id),
                     children: [
@@ -39267,7 +39291,7 @@ function RecordCard({
   const parentId = parentField ? parentIdOf(record.document, parentField.key) : null;
   const parentName = parentField && parentId ? scalarText(parentField, parentId, labels) : null;
   const open = () => onOpenRecord?.(record.id);
-  const color = style ? (0, import_data_table24.resolveRowColor)(style, { id: record.id, data: record.document ?? {} }, colorFromTheValue) : null;
+  const color = style ? (0, import_data_table22.resolveRowColor)(style, { id: record.id, data: record.document ?? {} }, colorFromTheValue) : null;
   return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
     "div",
     {
@@ -39277,7 +39301,7 @@ function RecordCard({
       className: (0, import_design_system109.cn)(
         "w-full cursor-pointer truncate rounded border bg-background px-2 py-1 text-left text-xs hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
         host.density === "spacious" ? "py-2" : "",
-        color ? import_data_table24.ROW_TINT_CLASS[color] : void 0
+        color ? import_data_table22.ROW_TINT_CLASS[color] : void 0
       ),
       onClick: open,
       onKeyDown: (e) => {
@@ -39768,7 +39792,7 @@ function SectionBox({ id, children, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { ref: setNodeRef, className: (0, import_design_system112.cn)("rounded-sm", isOver && "bg-accent/40"), ...rest, children });
 }
 function SortableRow({ id, disabled, children }) {
-  const { attributes, listeners: listeners2, setNodeRef, transform, transition, isDragging } = (0, import_sortable.useSortable)({ id, disabled });
+  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = (0, import_sortable.useSortable)({ id, disabled });
   return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
     "div",
     {
@@ -39777,7 +39801,7 @@ function SortableRow({ id, disabled, children }) {
       className: (0, import_design_system112.cn)(isDragging && "relative z-10 opacity-80"),
       "data-view-row": id,
       ...disabled ? {} : attributes,
-      ...disabled ? {} : listeners2,
+      ...disabled ? {} : listeners,
       children
     }
   );
@@ -40362,7 +40386,7 @@ function ProposalRow({
 var import_react238 = require("react");
 var import_react239 = require("@ai-matrx/records/react");
 var import_design_system115 = require("@ai-matrx/design-system");
-var import_data_table25 = require("@ai-matrx/design-system/data-table");
+var import_data_table23 = require("@ai-matrx/design-system/data-table");
 var import_format11 = require("@ai-matrx/kit/format");
 
 // src/ChecklistRunner.tsx
@@ -41430,7 +41454,7 @@ function ActionInbox({
   );
   const select = (0, import_react238.useCallback)(
     (index, shift) => {
-      const { next, anchor: at } = (0, import_data_table25.toggleSelection)({
+      const { next, anchor: at } = (0, import_data_table23.toggleSelection)({
         order: shown5,
         idOf: (i) => i.item_id,
         selected,
@@ -42029,8 +42053,8 @@ function planUndo(changes, current, only) {
   const doc = current ?? {};
   return changes.filter((change) => !only || change.key === only).map((change) => {
     const now = doc[change.key];
-    const state = sameValue2(now, change.before) ? "already" : sameValue2(now, change.after) ? "clean" : "conflict";
-    return { key: change.key, label: change.label, current: now, after: change.after, before: change.before, state };
+    const state2 = sameValue2(now, change.before) ? "already" : sameValue2(now, change.after) ? "clean" : "conflict";
+    return { key: change.key, label: change.label, current: now, after: change.after, before: change.before, state: state2 };
   });
 }
 function undoPatch(lines, replaceLaterEdits) {
@@ -42056,11 +42080,11 @@ var import_design_system116 = require("@ai-matrx/design-system");
 var import_controls3 = require("@ai-matrx/design-system/controls");
 var import_text_case16 = require("@ai-matrx/kit/text-case");
 var import_jsx_runtime135 = require("react/jsx-runtime");
-function endOfDayIso(day2, zone2 = getPersonTimeZone()) {
+function endOfDayIso(day2, zone = getPersonTimeZone()) {
   const [y, m, d] = day2.split("-").map(Number);
-  if (!zone2) return new Date(y, m - 1, d, 23, 59, 59, 999).toISOString();
+  if (!zone) return new Date(y, m - 1, d, 23, 59, 59, 999).toISOString();
   const wall = (at) => {
-    const parts = new Intl.DateTimeFormat("en-US", { timeZone: zone2, year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit", hourCycle: "h23" }).formatToParts(new Date(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(new Date(at));
     const n = (t) => Number(parts.find((p) => p.type === t)?.value ?? 0);
     return Date.UTC(n("year"), n("month") - 1, n("day"), n("hour"), n("minute"), n("second"));
   };
@@ -42069,8 +42093,8 @@ function endOfDayIso(day2, zone2 = getPersonTimeZone()) {
   for (let i = 0; i < 2; i += 1) guess -= wall(guess) - target;
   return new Date(guess + 999).toISOString();
 }
-function asOfArgs(record_id, asOf, zone2 = getPersonTimeZone()) {
-  return asOf.clock === "recorded" ? { record_id, recorded_at: endOfDayIso(asOf.day, zone2) } : { record_id, world_on: asOf.day };
+function asOfArgs(record_id, asOf, zone = getPersonTimeZone()) {
+  return asOf.clock === "recorded" ? { record_id, recorded_at: endOfDayIso(asOf.day, zone) } : { record_id, world_on: asOf.day };
 }
 function AsOfControl({ value, onChange, className }) {
   const [text, setText] = (0, import_react240.useState)(value ? (0, import_records64.typedDateText)(value.day) : "");
@@ -42173,12 +42197,12 @@ function AsOfReading({
   className
 }) {
   const client = (0, import_react241.useRecordsClient)();
-  const zone2 = usePersonTimeZone();
+  const zone = usePersonTimeZone();
   const [answer, setAnswer] = (0, import_react240.useState)(null);
-  const key = `${recordId}|${asOf.clock}|${asOf.day}|${zone2 ?? ""}`;
+  const key = `${recordId}|${asOf.clock}|${asOf.day}|${zone ?? ""}`;
   (0, import_react240.useEffect)(() => {
     let live = true;
-    void client.recordAsOf(asOfArgs(recordId, asOf, zone2)).then((got) => {
+    void client.recordAsOf(asOfArgs(recordId, asOf, zone)).then((got) => {
       if (!live) return;
       setAnswer(got.ok ? { key, doc: got.data } : { key, error: got.error });
     });
@@ -44462,7 +44486,7 @@ function People({
     said2 ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("p", { className: "text-xs text-muted-foreground", children: said2 }) : null,
     card.principals.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("p", { className: "text-xs text-muted-foreground", children: "Nobody yet. Inviting somebody below emails them a sign-in link; it gives them nothing until they follow it." }) : null,
     card.principals.map((person) => {
-      const state = stateWords(person);
+      const state2 = stateWords(person);
       const asking = askingToRevoke?.principal_id === person.principal_id;
       const showing = previewing?.principal_id === person.principal_id;
       return /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)(
@@ -44472,10 +44496,10 @@ function People({
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "flex flex-wrap items-center gap-1.5", children: [
               /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("span", { className: "min-w-0 flex-1 truncate font-medium", children: person.client || person.email }),
-              /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(import_design_system125.Badge, { variant: state.tone, children: state.label })
+              /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(import_design_system125.Badge, { variant: state2.tone, children: state2.label })
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("p", { className: "mt-0.5 break-all text-muted-foreground", children: person.email }),
-            /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("p", { className: "mt-0.5 text-muted-foreground", children: state.why }),
+            /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("p", { className: "mt-0.5 text-muted-foreground", children: state2.why }),
             person.is_active ? /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "mt-1.5 flex flex-wrap gap-1.5", children: [
               person.accept_path ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(CopyLink, { url: `${here}${person.accept_path}`, what: "their link" }) : null,
               /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
@@ -44676,7 +44700,7 @@ function Invite({ card, onInvited }) {
 
 // src/FormLookFrame.tsx
 var import_design_system126 = require("@ai-matrx/design-system");
-var import_data_table26 = require("@ai-matrx/design-system/data-table");
+var import_data_table24 = require("@ai-matrx/design-system/data-table");
 var import_jsx_runtime145 = require("react/jsx-runtime");
 var ACCENT_PRIMARY = {
   slate: "215 19% 35%",
@@ -44695,15 +44719,15 @@ function safeHref(url) {
   return null;
 }
 function formLookView(style, fallbackName) {
-  const accent = style?.accent && style.accent in import_data_table26.SWATCH_CLASS ? style.accent : null;
+  const accent = style?.accent && style.accent in import_data_table24.SWATCH_CLASS ? style.accent : null;
   const https = (u) => typeof u === "string" && /^https:\/\//i.test(u) ? u : null;
   const links = Array.isArray(style?.footer_links) ? style.footer_links : [];
   return {
     name: (style?.display_name ?? "").trim() || fallbackName.trim() || "Form",
     logoUrl: https(style?.logo_url),
     coverUrl: https(style?.cover_url),
-    bandClass: accent ? import_data_table26.SWATCH_CLASS[accent] : null,
-    monogramClass: accent ? `${import_data_table26.SWATCH_CLASS[accent]} text-white` : "bg-primary text-primary-foreground",
+    bandClass: accent ? import_data_table24.SWATCH_CLASS[accent] : null,
+    monogramClass: accent ? `${import_data_table24.SWATCH_CLASS[accent]} text-white` : "bg-primary text-primary-foreground",
     primaryVars: accent && ACCENT_PRIMARY[accent] ? {
       "--primary": ACCENT_PRIMARY[accent],
       "--primary-foreground": "0 0% 100%",
@@ -44804,8 +44828,8 @@ function scheduleWords(schedule, tz) {
   if (words2.length === 0) return null;
   const time = words2.find((w) => /^\d{1,2}:\d{2}$/.test(w)) ?? null;
   const day2 = words2.map((w) => DAYS3[w.slice(0, 3)]).find(Boolean) ?? null;
-  const zone2 = tz?.trim() ? `${tz.trim()} time` : "UTC";
-  const at = time ? `at ${time.padStart(5, "0")}, ${zone2}` : null;
+  const zone = tz?.trim() ? `${tz.trim()} time` : "UTC";
+  const at = time ? `at ${time.padStart(5, "0")}, ${zone}` : null;
   return [day2, at].filter(Boolean).join(" ") || null;
 }
 
@@ -47143,7 +47167,7 @@ function FormBuilder({ tableId, seed, activeFormId, onActiveForm, startWithOne,
 }
 function PublishRow({
   url,
-  state,
+  state: state2,
   mayPublish,
   why,
   busy,
@@ -47153,7 +47177,7 @@ function PublishRow({
   onCopy,
   unsaved = false
 }) {
-  const open = state === "open";
+  const open = state2 === "open";
   return /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "flex flex-col gap-1.5 rounded border px-2.5 py-2", children: [
     /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
       mayPublish ? /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
@@ -47166,7 +47190,7 @@ function PublishRow({
           children: busy ? "\u2026" : open ? "Unpublish" : unsaved ? "Save and publish" : "Publish"
         }
       ) : null,
-      state !== "draft" ? /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)(import_jsx_runtime151.Fragment, { children: [
+      state2 !== "draft" ? /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)(import_jsx_runtime151.Fragment, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
           import_outbound_react7.OutboundLink,
           {
@@ -47178,7 +47202,7 @@ function PublishRow({
         /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(import_design_system133.Button, { size: "sm", variant: "outline", onClick: () => onCopy(url), children: copied ? "Copied" : "Copy link" })
       ] }) : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("p", { className: "w-fit text-xs text-muted-foreground", title: import_forms3.FORM_STATE_WORDS[state], "data-records-form-state": state, children: FORM_STATE_LABELS[state] }),
+    /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("p", { className: "w-fit text-xs text-muted-foreground", title: import_forms3.FORM_STATE_WORDS[state2], "data-records-form-state": state2, children: FORM_STATE_LABELS[state2] }),
     open && unsaved ? /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("p", { className: "text-xs text-muted-foreground", "data-records-form-unsaved": "", children: "Unsaved changes \u2014 the live form shows your last save" }) : null,
     !mayPublish ? /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("p", { className: "w-fit text-xs text-muted-foreground", title: why, children: "Publishing needs table admin" }) : null,
     shownUrl ? /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("p", { className: "break-all rounded border border-dashed px-2 py-1 text-xs", title: "This browser would not copy for you.", children: [
@@ -54531,7 +54555,7 @@ function usePublicReadOnly(client, organizationId, tableId, table, rights) {
 // src/entityViews.tsx
 var import_format15 = require("@ai-matrx/kit/format");
 var import_design_system158 = require("@ai-matrx/design-system");
-var import_data_table27 = require("@ai-matrx/design-system/data-table");
+var import_data_table25 = require("@ai-matrx/design-system/data-table");
 var import_react313 = require("react");
 var import_design_system159 = require("@ai-matrx/design-system");
 var import_react314 = require("@ai-matrx/records/react");
@@ -54778,7 +54802,7 @@ function EntityTablePageBody({
       ) }) }) : null,
       /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(EntityGrid, { entity, pageSize, embedded: presentation === "embedded", ...drill ? { drill } : {} }),
       entity.hasMore ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
-        import_data_table27.MatrxTableCardShowMore,
+        import_data_table25.MatrxTableCardShowMore,
         {
           shown: entity.rows.length,
           total: entity.total ?? entity.rows.length + 1,