@ai-matrx/records-ui 0.103.3 → 0.103.6

package/dist/index.cjs

@@ -8305,6 +8305,17 @@ function rememberRowCount(key, count) {
   } catch {
   }
 }
+var LAYOUT_PREFIX = "records-ui:layout:";
+function rememberedLayout(tableId) {
+  const held = storage()?.getItem(LAYOUT_PREFIX + tableId);
+  return held && /^[a-z_-]{2,24}$/.test(held) ? held : null;
+}
+function rememberLayout(tableId, layout) {
+  try {
+    storage()?.setItem(LAYOUT_PREFIX + tableId, layout);
+  } catch {
+  }
+}
 
 // src/RecordsSkeleton.tsx
 var import_react40 = require("react");
@@ -8320,6 +8331,13 @@ function useRememberedPageRows(tableId) {
     () => "fill"
   );
 }
+function useRememberedLayout(tableId) {
+  return (0, import_react40.useSyncExternalStore)(
+    NEVER,
+    () => tableId ? rememberedLayout(tableId) : null,
+    () => null
+  );
+}
 var RECORDS_SKELETON_LAYOUTS = [
   "grid",
   "kanban",
@@ -8454,13 +8472,15 @@ function RecordsSkeleton({ layout = "grid", embedded = false, rows, className })
   );
 }
 function TablePageSkeleton({
-  layout = "grid",
+  layout: layoutAsked,
   embedded = false,
   rows,
   tableId,
   className
 }) {
   const remembered = useRememberedPageRows(embedded ? void 0 : tableId);
+  const rememberedFace = useRememberedLayout(embedded || layoutAsked ? void 0 : tableId);
+  const layout = layoutAsked ?? skeletonLayoutFor(rememberedFace);
   const painted = rows ?? (remembered === "fill" ? void 0 : remembered);
   return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: (0, import_design_system24.cn)(TABLE_PAGE_FRAME_CLASS, className), "data-records-skeleton-page": layout, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: TABLE_PAGE_COLUMN_CLASS, children: [
     /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: TABLE_TOOLBAR_ROW_CLASS, "data-table-toolbar": "", "data-records-skeleton-part": "toolbar", "aria-hidden": "true", children: [
@@ -8502,7 +8522,7 @@ function useWholeTableCount(args) {
 var import_react113 = require("react");
 var import_react114 = require("@ai-matrx/records/react");
 var import_records36 = require("@ai-matrx/records");
-var import_data_table11 = require("@ai-matrx/design-system/data-table");
+var import_data_table12 = require("@ai-matrx/design-system/data-table");
 var import_core16 = require("@ai-matrx/records/core");
 
 // src/archiveWords.ts
@@ -8814,6 +8834,7 @@ var REVERSE_COLUMN_PREFIX = "linked:";
 
 // src/gridControls.tsx
 var import_design_system46 = require("@ai-matrx/design-system");
+var import_data_table9 = require("@ai-matrx/design-system/data-table");
 var import_format3 = require("@ai-matrx/kit/format");
 
 // src/FieldEditor.tsx
@@ -14996,11 +15017,7 @@ function useMergedGridControls(args) {
       const row = rows.find((r) => r.id === rowId);
       if (!row) return null;
       const doc = row.document ?? {};
-      return order.filter((k) => !hidden.includes(k)).map((k) => {
-        const v = doc[k];
-        if (v === null || v === void 0) return "";
-        return typeof v === "object" ? JSON.stringify(v) : String(v);
-      }).join("	");
+      return (0, import_data_table9.gridToTsv)([order.filter((k) => !hidden.includes(k)).map((k) => doc[k])]);
     },
     [rows, order, hidden]
   );
@@ -16318,7 +16335,7 @@ function NewRecordControl({
 var import_react90 = require("react");
 var import_react91 = require("@ai-matrx/records/react");
 var import_records30 = require("@ai-matrx/records");
-var import_data_table9 = require("@ai-matrx/design-system/data-table");
+var import_data_table10 = require("@ai-matrx/design-system/data-table");
 var ADDITIVE_OPS = /* @__PURE__ */ new Set(["count", "sum", "filled", "empty"]);
 function drillDimensionsOf(def, labels) {
   if (!def) return [];
@@ -16381,7 +16398,7 @@ function useDrillDefinition(source) {
 function drillWhere(base, trail, booleans) {
   const where = { ...base ?? {} };
   for (const w of trail) {
-    const { key, grain } = (0, import_data_table9.parseDimensionRef)(w.dim);
+    const { key, grain } = (0, import_data_table10.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;
@@ -16435,7 +16452,7 @@ function useDrillAnswers(args) {
   (0, import_react90.useEffect)(() => {
     if (!enabled || !source || question.by.length === 0) return;
     const asked3 = JSON.parse(askKey2);
-    const range = asked3.window && asked3.windowKey ? (0, import_data_table9.drillWindowRange)(asked3.window) : null;
+    const range = asked3.window && asked3.windowKey ? (0, import_data_table10.drillWindowRange)(asked3.window) : null;
     const compare = asked3.compare && range && asked3.windowKey ? {
       against: asked3.compare,
       from: range.from,
@@ -16445,12 +16462,12 @@ function useDrillAnswers(args) {
     let cancelled = false;
     setAnswers({});
     setError(null);
-    const requests = (0, import_data_table9.drillRequests)({ by: asked3.by, across: asked3.across, show: asked3.show, where: [] });
+    const requests = (0, import_data_table10.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_table9.parseDimensionRef)(ref).grain !== null) ?? null;
-          const t = time ? (0, import_data_table9.parseDimensionRef)(time) : null;
+          const time = request.by.find((ref) => (0, import_data_table10.parseDimensionRef)(ref).grain !== null) ?? null;
+          const t = time ? (0, import_data_table10.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({
@@ -16539,7 +16556,7 @@ function useDrillAnswers(args) {
 }
 function drillQuestionFor(question, def) {
   if (!def) return question;
-  const known = (ref) => def.dimensions.some((d) => d.key === (0, import_data_table9.parseDimensionRef)(ref).key);
+  const known = (ref) => def.dimensions.some((d) => d.key === (0, import_data_table10.parseDimensionRef)(ref).key);
   const show = question.show.filter((key) => def.measures.some((m) => m.key === key));
   return {
     ...question,
@@ -16600,7 +16617,7 @@ function questionFromGrouping(grouping) {
   };
 }
 function groupingFromQuestion(question, held) {
-  const [first, ...rest] = question.by.map(import_data_table9.parseDimensionRef);
+  const [first, ...rest] = question.by.map(import_data_table10.parseDimensionRef);
   if (!first) return void 0;
   const sameFirst = held?.field === first.key;
   return {
@@ -16615,9 +16632,9 @@ function groupingFromQuestion(question, held) {
   };
 }
 function trailClause(fields, w) {
-  const { key, grain } = (0, import_data_table9.parseDimensionRef)(w.dim);
+  const { key, grain } = (0, import_data_table10.parseDimensionRef)(w.dim);
   const field2 = fields.find((f) => f.key === key);
-  if (grain && w.value !== null) return { key, value: (0, import_data_table9.bucketWindow)(w.value, grain), field: field2 };
+  if (grain && w.value !== null) return { key, value: (0, import_data_table10.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 };
   }
@@ -16661,7 +16678,7 @@ function useGridDrillQuestion(args) {
   const { tableId, fields, presentation, filter } = args;
   const source = (0, import_react90.useMemo)(() => ({ kind: "table", id: tableId }), [tableId]);
   const saved = (0, import_react90.useMemo)(() => questionFromGrouping(presentation.grouping), [presentation.grouping]);
-  const url = (0, import_data_table9.useDrillUrlState)({ fallback: saved });
+  const url = (0, import_data_table10.useDrillUrlState)({ fallback: saved });
   const requested = args.enabled && (url.question.by.length > (args.plainGroupingIsRows ? 1 : 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.
   url.question.window != null || url.question.compare != null);
@@ -16671,7 +16688,7 @@ function useGridDrillQuestion(args) {
   const windowKey = drillWindowDimensionOf(def);
   const trailFilter = (0, import_react90.useMemo)(() => {
     if (!enabled) return filter;
-    const range = question.window && windowKey ? (0, import_data_table9.drillWindowRange)(question.window) : null;
+    const range = question.window && windowKey ? (0, import_data_table10.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]);
@@ -20431,7 +20448,7 @@ var import_react105 = require("react");
 var import_react106 = require("@ai-matrx/records/react");
 var import_core13 = require("@ai-matrx/records/core");
 var import_design_system57 = require("@ai-matrx/design-system");
-var import_data_table10 = require("@ai-matrx/design-system/data-table");
+var import_data_table11 = require("@ai-matrx/design-system/data-table");
 var import_jsx_runtime66 = require("react/jsx-runtime");
 function changesFor(step2, direction, versions = /* @__PURE__ */ new Map()) {
   const byRow = /* @__PURE__ */ new Map();
@@ -20459,7 +20476,7 @@ function useGridUndo(args) {
   onVersionsRef.current = args.onVersions;
   const onVersions = (versions) => onVersionsRef.current?.(versions);
   const known = (0, import_react105.useRef)(/* @__PURE__ */ new Map());
-  const [held, setHeld] = (0, import_react105.useState)(() => ({ stack: (0, import_data_table10.createUndoStack)(args.depth ?? 100), steps: /* @__PURE__ */ new Map() }));
+  const [held, setHeld] = (0, import_react105.useState)(() => ({ stack: (0, import_data_table11.createUndoStack)(args.depth ?? 100), steps: /* @__PURE__ */ new Map() }));
   const heldRef = (0, import_react105.useRef)(held);
   heldRef.current = held;
   const [busy, setBusy] = (0, import_react105.useState)(false);
@@ -20474,7 +20491,7 @@ function useGridUndo(args) {
     setHeld((was) => {
       const steps = new Map(was.steps);
       steps.set(id, step2);
-      const stack = (0, import_data_table10.pushUndo)(was.stack, { label: id, undo: [], redo: [] });
+      const stack = (0, import_data_table11.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 };
@@ -20484,7 +20501,7 @@ function useGridUndo(args) {
   const apply = (0, import_react105.useCallback)(
     async (direction) => {
       const was = heldRef.current;
-      const taken = direction === "undo" ? (0, import_data_table10.popUndo)(was.stack) : (0, import_data_table10.popRedo)(was.stack);
+      const taken = direction === "undo" ? (0, import_data_table11.popUndo)(was.stack) : (0, import_data_table11.popRedo)(was.stack);
       if (!taken.entry) return;
       const step2 = was.steps.get(taken.entry.label);
       if (!step2) return;
@@ -20673,6 +20690,7 @@ var import_core14 = require("@ai-matrx/records/core");
 var import_workspace = require("@ai-matrx/alchemy/react/workspace");
 
 // src/gridAgentContext.ts
+var import_delimited3 = require("@ai-matrx/kit/delimited");
 function recordOf(table, row) {
   const document2 = row.document ?? {};
   return { id: row.id, title: recordNameIn(table, document2), document: document2 };
@@ -20695,7 +20713,8 @@ function gridContextSnapshot(args) {
   if (args.cursor && args.cursor.cellCount > 1) {
     const keys = args.cursor.columnIds.filter((k) => byKey.has(k));
     selectedRange = {
-      tsv: [keys.join("	"), args.cursor.tsv].join("\n"),
+      tsv: `${(0, import_delimited3.toDelimited)([keys], { format: "tsv", spreadsheetSafe: false })}
+${args.cursor.tsv}`,
       cellCount: args.cursor.cellCount,
       rowIds: args.cursor.rowIds.filter((id) => byId.has(id)),
       keys
@@ -21868,7 +21887,7 @@ var NO_REREAD = () => {
 };
 var VALUE_FILTER_UI = { allowNegation: true };
 function Grid(props) {
-  const inCard = (0, import_data_table11.useMatrxTableCard)() !== null;
+  const inCard = (0, import_data_table12.useMatrxTableCard)() !== null;
   if (!inCard) return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(GridBody, { ...props });
   return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(TableToolbarSlotContext.Provider, { value: void 0, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(TableToolbarFoldContext.Provider, { value: 0, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(TableToolbarSheetExtrasContext.Provider, { value: void 0, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(GridBody, { ...props }) }) }) });
 }
@@ -21898,7 +21917,7 @@ function GridBody({
   searchBox = true
 }) {
   const toolbarSlot = useTableToolbarSlot();
-  const tableCard = (0, import_data_table11.useMatrxTableCard)();
+  const tableCard = (0, import_data_table12.useMatrxTableCard)();
   const [cardExtraRows, setCardExtraRows] = (0, import_react113.useState)(0);
   const fills = footer === "sticky";
   const host = useRecordsUi();
@@ -22945,7 +22964,7 @@ function GridBody({
     [tableId, table.data, ordered, labelFor]
   );
   const tableStyleProp = (0, import_react113.useMemo)(
-    () => (0, import_data_table11.tableStyleIsEmpty)(paint.style) ? null : {
+    () => (0, import_data_table12.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.
@@ -23361,7 +23380,7 @@ function GridBody({
         overflow: {
           mode: phone ? "sheet" : toolbarFold2 >= 3 ? "menu" : "inline",
           pinned: /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_jsx_runtime70.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(UndoRedoLive, { source: undoSource }),
+            embedded ? null : /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(UndoRedoLive, { source: undoSource }),
             !embedded && !readOnly && rights.write ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
               NewFromTemplateMenu,
               {
@@ -23681,7 +23700,7 @@ function GridBody({
               "data-records-grid-fit": look.fit,
               onPasteCapture: takeEmptyTablePaste,
               children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(EmbeddedLookProvider, { value: embedded ? EMBEDDED_LOOK : null, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
-                import_data_table11.MatrxDataTable,
+                import_data_table12.MatrxDataTable,
                 {
                   ...fills ? { className: "min-h-0 flex-1" } : {},
                   frameHeight: fills ? "fill" : "content",
@@ -23745,7 +23764,7 @@ function GridBody({
                   window: WINDOW_OFF,
                   ...controls.contextMenu ? { contextMenu: controls.contextMenu } : {},
                   spreadsheet: spreadsheetConfig,
-                  ...drillConfig && (drillState.enabled || !merged) ? { drill: drillConfig } : groupingConfig ? { grouping: groupingConfig } : {},
+                  ...embedded ? {} : drillConfig && (drillState.enabled || !merged) ? { drill: drillConfig } : groupingConfig ? { grouping: groupingConfig } : {},
                   columnState,
                   ...look.rowHeight ? { rowHeight: look.rowHeight } : {},
                   fitToWidth: look.fit === "fit",
@@ -23797,7 +23816,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_runtime70.jsx)(
-              import_data_table11.MatrxTableCardShowMore,
+              import_data_table12.MatrxTableCardShowMore,
               {
                 shown: rows.length,
                 total: typeof records.data?.total === "number" ? records.data.total : void 0,
@@ -23806,7 +23825,7 @@ function GridBody({
               }
             ) : null
           ) : embeddedMore ? typeof records.data?.total === "number" && records.data.total > pageRows.length ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
-            import_data_table11.MatrxTableCardShowMore,
+            import_data_table12.MatrxTableCardShowMore,
             {
               shown: pageRows.length,
               total: records.data.total,
@@ -23969,13 +23988,13 @@ function withoutGoneColumns(query, liveKeys, openingSort) {
 }
 
 // src/RecordsTableCard.tsx
-var import_data_table13 = require("@ai-matrx/design-system/data-table");
+var import_data_table14 = require("@ai-matrx/design-system/data-table");
 var import_design_system61 = require("@ai-matrx/design-system");
 var import_react120 = require("@ai-matrx/records/react");
 
 // src/entityTable.tsx
 var import_react117 = require("react");
-var import_data_table12 = require("@ai-matrx/design-system/data-table");
+var import_data_table13 = require("@ai-matrx/design-system/data-table");
 var import_react118 = require("@ai-matrx/records/react");
 
 // ../entity-data/src/react/index.tsx
@@ -24821,7 +24840,7 @@ function EntityGrid({
   const columns = (0, import_react117.useMemo)(() => entityTableColumns(entity.columns, canEdit), [entity.columns, canEdit]);
   const byId = (0, import_react117.useMemo)(() => new Map(entity.columns.map((c) => [columnId(c), c])), [entity.columns]);
   return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
-    import_data_table12.MatrxDataTable,
+    import_data_table13.MatrxDataTable,
     {
       data: entity.rows,
       columns,
@@ -24856,7 +24875,7 @@ var import_jsx_runtime72 = require("react/jsx-runtime");
 function RecordsTableCard(props) {
   const client = (0, import_react120.useOptionalRecordsClient)();
   if (!client) {
-    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_data_table13.MatrxTableCard, { title: "Table", ...props.className ? { className: props.className } : {}, children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_data_table13.MatrxTableCardEmpty, { message: "This table cannot be shown here: the page has no connection to the data store." }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_data_table14.MatrxTableCard, { title: "Table", ...props.className ? { className: props.className } : {}, children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_data_table14.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_runtime72.jsx)(EntityTableCard, { ...props, source: props.source });
   return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ConnectedRecordsTableCard, { ...props, source: props.source });
@@ -24876,11 +24895,11 @@ function EntityTableCardBody({
   editable,
   className
 }) {
-  const batch = initialRows ?? import_data_table13.TABLE_CARD_DEFAULT_INITIAL_ROWS;
+  const batch = initialRows ?? import_data_table14.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_runtime72.jsx)(
-    import_data_table13.MatrxTableCard,
+    import_data_table14.MatrxTableCard,
     {
       title: label,
       fields: entity.columns.length,
@@ -24893,10 +24912,10 @@ function EntityTableCardBody({
       ...entity.newer > 0 ? { headerActions: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_design_system61.Button, { size: "sm", variant: "ghost", onClick: entity.refresh, children: `${entity.newer.toLocaleString()} new` }) } : {},
       ...initialRows ? { initialRows } : {},
       ...className ? { className } : {},
-      children: entity.error ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_data_table13.MatrxTableCardEmpty, { message: `This table could not be read: ${entity.error}` }) : /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(import_jsx_runtime72.Fragment, { children: [
+      children: entity.error ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_data_table14.MatrxTableCardEmpty, { message: `This table could not be read: ${entity.error}` }) : /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(import_jsx_runtime72.Fragment, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(EntityGrid, { entity, pageSize: batch, ...editable === void 0 ? {} : { editable } }),
         entity.hasMore ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
-          import_data_table13.MatrxTableCardShowMore,
+          import_data_table14.MatrxTableCardShowMore,
           {
             shown: entity.rows.length,
             total: entity.total ?? entity.rows.length + 1,
@@ -24927,7 +24946,7 @@ function ConnectedRecordsTableCard({
   const plural4 = t?.label_plural ?? t?.name ?? "Records";
   const singular = t?.label_singular ?? t?.name ?? "Record";
   return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
-    import_data_table13.MatrxTableCard,
+    import_data_table14.MatrxTableCard,
     {
       title: t ? plural4 : table.loading ? "Loading\u2026" : "Table",
       records: { singular: singular.toLowerCase(), plural: plural4.toLowerCase() },
@@ -24940,11 +24959,11 @@ function ConnectedRecordsTableCard({
       ...edit ? { edit } : {},
       ...initialRows ? { initialRows } : {},
       ...className ? { className } : {},
-      children: table.error ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_data_table13.MatrxTableCardEmpty, { message: `This table could not be read: ${refusalSentence(table.error)}` }) : /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+      children: table.error ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_data_table14.MatrxTableCardEmpty, { message: `This table could not be read: ${refusalSentence(table.error)}` }) : /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
         Grid,
         {
           tableId: source.id,
-          pageSize: initialRows ?? import_data_table13.TABLE_CARD_DEFAULT_INITIAL_ROWS,
+          pageSize: initialRows ?? import_data_table14.TABLE_CARD_DEFAULT_INITIAL_ROWS,
           ...onOpenRecord ? { onOpenRecord } : {},
           ...editable === void 0 ? {} : { editable }
         }
@@ -25261,7 +25280,7 @@ var import_design_system72 = require("@ai-matrx/design-system");
 
 // src/newTableColumns.ts
 var import_templates = require("@ai-matrx/records/templates");
-var import_delimited3 = require("@ai-matrx/kit/delimited");
+var import_delimited4 = require("@ai-matrx/kit/delimited");
 var NEW_COLUMN_TYPES = [
   { type: "text", words: "Text" },
   { type: "rich_text", words: "Formatted text" },
@@ -25358,7 +25377,7 @@ function specsFrom(text) {
   let parts;
   const firstLine = trimmed.split(/\r?\n/)[0];
   if (firstLine.includes("	")) {
-    parts = (0, import_delimited3.parseDelimited)(trimmed, { delimiter: "	", strayQuotes: "literal" }).data[0] ?? [];
+    parts = (0, import_delimited4.parseDelimited)(trimmed, { delimiter: "	", strayQuotes: "literal" }).data[0] ?? [];
   } else if (/\r?\n/.test(trimmed)) {
     parts = trimmed.split(/\r?\n/).map((line) => line.replace(BULLET, ""));
   } else {
@@ -29734,7 +29753,7 @@ var import_react183 = require("react");
 var import_react184 = require("@ai-matrx/records/react");
 var import_records47 = require("@ai-matrx/records");
 var import_design_system93 = require("@ai-matrx/design-system");
-var import_data_table19 = require("@ai-matrx/design-system/data-table");
+var import_data_table20 = require("@ai-matrx/design-system/data-table");
 var import_format6 = require("@ai-matrx/kit/format");
 
 // src/recordMoves.tsx
@@ -29889,7 +29908,7 @@ var import_react171 = require("react");
 var import_react172 = require("@ai-matrx/records/react");
 var import_records46 = require("@ai-matrx/records");
 var import_design_system88 = require("@ai-matrx/design-system");
-var import_data_table14 = require("@ai-matrx/design-system/data-table");
+var import_data_table15 = require("@ai-matrx/design-system/data-table");
 
 // src/CardDates.tsx
 var import_jsx_runtime99 = require("react/jsx-runtime");
@@ -30349,7 +30368,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_table14.toggleSelection)({
+    const { next, anchor: at } = (0, import_data_table15.toggleSelection)({
       order: ordered,
       idOf: (r) => r.id,
       selected,
@@ -30726,7 +30745,7 @@ function PipelineCard({
   dates
 }) {
   const labels = useRecordLabels(field2 ? [field2] : []);
-  const color = style ? (0, import_data_table14.resolveRowColor)(style, { id: record.id, data: record.document ?? {} }, colorFromTheValue) : null;
+  const color = style ? (0, import_data_table15.resolveRowColor)(style, { id: record.id, data: record.document ?? {} }, colorFromTheValue) : null;
   const draggable = (0, import_react172.mayDrag)(record.level);
   const { text: label, withheld } = cardWords(record, field2, labels);
   return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
@@ -30744,7 +30763,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_table14.ROW_TINT_CLASS[color] : ""
+        selected ? "border-primary bg-primary/10 ring-1 ring-primary" : color ? import_data_table15.ROW_TINT_CLASS[color] : ""
       ),
       onClick: (e) => {
         if (draggable && (e.shiftKey || e.metaKey || e.ctrlKey)) {
@@ -30902,11 +30921,11 @@ function CardFieldsInline({ row, fields }) {
 var import_react174 = require("react");
 var import_react175 = require("@ai-matrx/records/react");
 var import_design_system89 = require("@ai-matrx/design-system");
-var import_data_table16 = require("@ai-matrx/design-system/data-table");
+var import_data_table17 = require("@ai-matrx/design-system/data-table");
 
 // src/rowColorBy.tsx
 var import_react173 = require("react");
-var import_data_table15 = require("@ai-matrx/design-system/data-table");
+var import_data_table16 = 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] : []);
@@ -30916,11 +30935,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_table15.EMPTY_TABLE_STYLE,
+      ...import_data_table16.EMPTY_TABLE_STYLE,
       ...style ?? {},
       ...colorKey ? { colorBy: { field: colorKey, target: "row" } } : { colorBy: null }
     };
-    return (row) => (0, import_data_table15.resolveRowColor)(effective, { id: row.id, data: row.document ?? {} }, lookup);
+    return (row) => (0, import_data_table16.resolveRowColor)(effective, { id: row.id, data: row.document ?? {} }, lookup);
   }, [options, colorField, colorKey, style]);
 }
 
@@ -31511,7 +31530,7 @@ function CalendarView({
         className: (0, import_design_system89.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_table16.CHOICE_CHIP_CLASS[color] : "bg-background",
+          color ? import_data_table17.CHOICE_CHIP_CLASS[color] : "bg-background",
           may ? "cursor-grab active:cursor-grabbing" : "cursor-default",
           className2
         ),
@@ -31927,7 +31946,7 @@ function weekHeading(first) {
 var import_react176 = require("react");
 var import_react177 = require("@ai-matrx/records/react");
 var import_design_system90 = require("@ai-matrx/design-system");
-var import_data_table17 = require("@ai-matrx/design-system/data-table");
+var import_data_table18 = require("@ai-matrx/design-system/data-table");
 var import_jsx_runtime104 = require("react/jsx-runtime");
 var TIMELINE_ZOOMS = ["day", "week", "month", "quarter"];
 var ZOOM_LABEL = { day: "Day", week: "Week", month: "Month", quarter: "Quarter" };
@@ -32360,7 +32379,7 @@ function TimelineView({
         className: (0, import_design_system90.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",
-          color ? import_data_table17.CHOICE_CHIP_CLASS[color] : "bg-muted",
+          color ? import_data_table18.CHOICE_CHIP_CLASS[color] : "bg-muted",
           may ? "cursor-grab active:cursor-grabbing" : "cursor-pointer",
           dragging?.id === p.row.id ? "z-20 shadow-md" : "z-10",
           refused ? "ring-2 ring-destructive" : void 0
@@ -32492,7 +32511,7 @@ function TimelineView({
                 type: "button",
                 className: (0, import_design_system90.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_table17.CHOICE_CHIP_CLASS[color] : "bg-background",
+                  color ? import_data_table18.CHOICE_CHIP_CLASS[color] : "bg-background",
                   may ? "cursor-grab" : "cursor-default"
                 ),
                 title: may ? `${titleOf(row)} \xB7 drag onto a day` : (0, import_react177.mayDrag)(row.level) ? WORKED_OUT_DATE_LOCK : whatYouMayDo(row.level ?? null).why("write"),
@@ -32549,7 +32568,7 @@ function TimelineView({
         /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
           "span",
           {
-            className: (0, import_design_system90.cn)("max-w-full truncate rounded px-1.5 py-0.5 text-xs font-medium", lane.color ? import_data_table17.CHOICE_CHIP_CLASS[lane.color] : void 0),
+            className: (0, import_design_system90.cn)("max-w-full truncate rounded px-1.5 py-0.5 text-xs font-medium", lane.color ? import_data_table18.CHOICE_CHIP_CLASS[lane.color] : void 0),
             title: laneLocked ?? lane.label,
             ...laneLocked ? { "data-timeline-lane-locked": "" } : {},
             children: lane.label
@@ -32763,7 +32782,7 @@ function FileCover({ recordId }) {
 // src/ListView.tsx
 var import_react182 = require("react");
 var import_design_system92 = require("@ai-matrx/design-system");
-var import_data_table18 = require("@ai-matrx/design-system/data-table");
+var import_data_table19 = require("@ai-matrx/design-system/data-table");
 var import_jsx_runtime107 = require("react/jsx-runtime");
 var LIST_DEFAULT_FIELDS = 4;
 var NO_GROUP = "__none";
@@ -32905,7 +32924,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_table18.resolveRowColor)(style, { id: row.id, data: row.document ?? {} }, colorFromTheValue) : null;
+  const color = style ? (0, import_data_table19.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.
@@ -32929,7 +32948,7 @@ function ListRow({
       "data-records-list-row": row.id,
       className: (0, import_design_system92.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_table18.ROW_TINT_CLASS[color] : void 0
+        color ? import_data_table19.ROW_TINT_CLASS[color] : void 0
       ),
       onClick: () => onOpenRecord?.(row.id),
       title: withheld ?? title,
@@ -33456,7 +33475,7 @@ function Board({
           onColorFieldChange: (key) => onChange({
             presentation: {
               ...view.presentation,
-              style: { ...import_data_table19.EMPTY_TABLE_STYLE, ...view.presentation?.style ?? {}, colorBy: key ? { field: key, target: "row" } : null }
+              style: { ...import_data_table20.EMPTY_TABLE_STYLE, ...view.presentation?.style ?? {}, colorBy: key ? { field: key, target: "row" } : null }
             }
           }),
           titleField,
@@ -33500,7 +33519,7 @@ function Board({
               onChange({
                 presentation: {
                   ...view.presentation,
-                  style: { ...import_data_table19.EMPTY_TABLE_STYLE, ...view.presentation?.style ?? {}, colorBy: patch.colorKey ? { field: patch.colorKey, target: "row" } : null }
+                  style: { ...import_data_table20.EMPTY_TABLE_STYLE, ...view.presentation?.style ?? {}, colorBy: patch.colorKey ? { field: patch.colorKey, target: "row" } : null }
                 }
               });
             }
@@ -33778,7 +33797,7 @@ function Kanban({
           /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(
             "header",
             {
-              className: (0, import_design_system93.cn)("flex items-center gap-2 border-b px-2 py-1 text-xs font-medium", columnColor(name) ? import_data_table19.CHOICE_CHIP_CLASS[columnColor(name)] : void 0),
+              className: (0, import_design_system93.cn)("flex items-center gap-2 border-b px-2 py-1 text-xs font-medium", columnColor(name) ? import_data_table20.CHOICE_CHIP_CLASS[columnColor(name)] : void 0),
               ...columnColor(name) ? { "data-column-color": columnColor(name) } : {},
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("span", { className: "truncate", children: name }),
@@ -33808,7 +33827,7 @@ function Kanban({
                   void move(card, name, to);
                 },
                 children: [
-                  columnColor(name) ? /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("span", { "aria-hidden": "true", "data-card-accent": columnColor(name), className: (0, import_design_system93.cn)("absolute inset-y-0.5 left-0 w-1 rounded", import_data_table19.SWATCH_CLASS[columnColor(name)]) }) : null,
+                  columnColor(name) ? /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("span", { "aria-hidden": "true", "data-card-accent": columnColor(name), className: (0, import_design_system93.cn)("absolute inset-y-0.5 left-0 w-1 rounded", import_data_table20.SWATCH_CLASS[columnColor(name)]) }) : null,
                   /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
                     RecordActionMenu,
                     {
@@ -33914,7 +33933,7 @@ function Gallery({
             const doc = row.document ?? {};
             const filled = shown4.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_table19.resolveRowColor)(style, { id: row.id, data: row.document ?? {} }, colorFromTheValue) : null;
+            const rowColor = style ? (0, import_data_table20.resolveRowColor)(style, { id: row.id, data: row.document ?? {} }, colorFromTheValue) : null;
             return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("li", { className: "flex", children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
               MaybeRecordActionMenu,
               {
@@ -33929,7 +33948,7 @@ function Gallery({
                     type: "button",
                     className: (0, import_design_system93.cn)(
                       "flex h-full w-full flex-col gap-1 rounded border p-2 pr-7 text-left hover:bg-muted",
-                      rowColor ? import_data_table19.ROW_TINT_CLASS[rowColor] : void 0
+                      rowColor ? import_data_table20.ROW_TINT_CLASS[rowColor] : void 0
                     ),
                     onClick: () => onOpenRecord?.(row.id),
                     children: [
@@ -34000,7 +34019,7 @@ function RecordCard({
   );
   const labels = useRecordLabels(wanted);
   const { text: label, withheld } = cardWords(record, field2, labels);
-  const color = style ? (0, import_data_table19.resolveRowColor)(style, { id: record.id, data: record.document ?? {} }, colorFromTheValue) : null;
+  const color = style ? (0, import_data_table20.resolveRowColor)(style, { id: record.id, data: record.document ?? {} }, colorFromTheValue) : null;
   return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
     "button",
     {
@@ -34008,7 +34027,7 @@ function RecordCard({
       className: (0, import_design_system93.cn)(
         "w-full truncate rounded border bg-background px-2 py-1 text-left text-xs hover:bg-muted",
         host.density === "spacious" ? "py-2" : "",
-        color ? import_data_table19.ROW_TINT_CLASS[color] : void 0
+        color ? import_data_table20.ROW_TINT_CLASS[color] : void 0
       ),
       onClick: () => onOpenRecord?.(record.id),
       title: withheld ?? label,
@@ -34850,7 +34869,7 @@ function ProposalRow({
 var import_react197 = require("react");
 var import_react198 = require("@ai-matrx/records/react");
 var import_design_system99 = require("@ai-matrx/design-system");
-var import_data_table20 = require("@ai-matrx/design-system/data-table");
+var import_data_table21 = require("@ai-matrx/design-system/data-table");
 var import_format7 = require("@ai-matrx/kit/format");
 
 // src/ChecklistRunner.tsx
@@ -35917,7 +35936,7 @@ function ActionInbox({
   );
   const select = (0, import_react197.useCallback)(
     (index, shift) => {
-      const { next, anchor: at } = (0, import_data_table20.toggleSelection)({
+      const { next, anchor: at } = (0, import_data_table21.toggleSelection)({
         order: shown4,
         idOf: (i) => i.item_id,
         selected,
@@ -37719,7 +37738,7 @@ var import_design_system106 = require("@ai-matrx/design-system");
 // src/AccentSwatches.tsx
 var import_records51 = require("@ai-matrx/records");
 var import_design_system104 = require("@ai-matrx/design-system");
-var import_data_table21 = require("@ai-matrx/design-system/data-table");
+var import_data_table22 = require("@ai-matrx/design-system/data-table");
 var import_jsx_runtime119 = require("react/jsx-runtime");
 function AccentSwatches({ value, onChange, options = import_records51.PORTAL_ACCENTS, noneLabel = "App colour" }) {
   return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "flex flex-wrap gap-1.5", role: "radiogroup", "aria-label": "Colour", children: [
@@ -37743,10 +37762,10 @@ function AccentSwatches({ value, onChange, options = import_records51.PORTAL_ACC
         type: "button",
         role: "radio",
         "aria-checked": value === c,
-        "aria-label": import_data_table21.STYLE_COLOR_LABELS[c],
-        title: import_data_table21.STYLE_COLOR_LABELS[c],
+        "aria-label": import_data_table22.STYLE_COLOR_LABELS[c],
+        title: import_data_table22.STYLE_COLOR_LABELS[c],
         onClick: () => onChange(c),
-        className: (0, import_design_system104.cn)("h-7 w-7 rounded-full border-2", import_data_table21.SWATCH_CLASS[c], value === c ? "border-foreground" : "border-transparent")
+        className: (0, import_design_system104.cn)("h-7 w-7 rounded-full border-2", import_data_table22.SWATCH_CLASS[c], value === c ? "border-foreground" : "border-transparent")
       },
       c
     ))
@@ -38737,7 +38756,7 @@ function Invite({ card, onInvited }) {
 
 // src/FormLookFrame.tsx
 var import_design_system108 = require("@ai-matrx/design-system");
-var import_data_table22 = require("@ai-matrx/design-system/data-table");
+var import_data_table23 = require("@ai-matrx/design-system/data-table");
 var import_jsx_runtime123 = require("react/jsx-runtime");
 var ACCENT_PRIMARY = {
   slate: "215 19% 35%",
@@ -38756,15 +38775,15 @@ function safeHref(url) {
   return null;
 }
 function formLookView(style, fallbackName) {
-  const accent = style?.accent && style.accent in import_data_table22.SWATCH_CLASS ? style.accent : null;
+  const accent = style?.accent && style.accent in import_data_table23.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_table22.SWATCH_CLASS[accent] : null,
-    monogramClass: accent ? `${import_data_table22.SWATCH_CLASS[accent]} text-white` : "bg-primary text-primary-foreground",
+    bandClass: accent ? import_data_table23.SWATCH_CLASS[accent] : null,
+    monogramClass: accent ? `${import_data_table23.SWATCH_CLASS[accent]} text-white` : "bg-primary text-primary-foreground",
     primaryVars: accent && ACCENT_PRIMARY[accent] ? {
       "--primary": ACCENT_PRIMARY[accent],
       "--primary-foreground": "0 0% 100%",
@@ -41588,8 +41607,11 @@ function DocRender({ templateId, recordId, filename, onRendered, className }) {
     if (!element) return;
     setBusy("pdf");
     try {
-      const { captureToPDF } = await import("@ai-matrx/print/pdf");
-      await captureToPDF(element, { filename: filename ?? "document" });
+      const [{ documentToPdf }, { downloadFile: downloadFile3 }] = await Promise.all([
+        import("@ai-matrx/alchemy/operate/capture"),
+        import("@ai-matrx/kit/download")
+      ]);
+      downloadFile3(`${filename ?? "document"}.pdf`, await documentToPdf(element), "application/pdf");
     } catch (thrown) {
       setError({
         code: "internal",
@@ -47924,6 +47946,14 @@ function TablePage({
   };
   const show = (next) => press({ rail: next });
   const layoutShowing = main !== "records" ? null : hostLayout ?? shownLayout;
+  const rememberedFace = useRememberedLayout(embedded ? void 0 : tableId);
+  const skeletonFace = skeletonLayoutFor(
+    hostLayout ? "grid" : faceUnknown && !layoutFromLink ? rememberedFace ?? shownLayout : shownLayout
+  );
+  (0, import_react272.useEffect)(() => {
+    if (embedded || faceUnknown || main !== "records" || opened.layout || !table.data) return;
+    rememberLayout(tableId, hostLayout ? "grid" : shownLayout);
+  }, [embedded, faceUnknown, main, hostLayout, shownLayout, tableId, table.data !== void 0]);
   const shownReport = {
     viewId: view?.id ?? null,
     viewName: view?.name ?? null,
@@ -48399,7 +48429,7 @@ function TablePage({
   if (table.loading && !table.data) {
     return /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)(import_jsx_runtime155.Fragment, { children: [
       headerNode,
-      /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(TablePageSkeleton, { layout: skeletonLayoutFor(hostLayout ? "grid" : shownLayout), embedded, tableId, ...className ? { className } : {} })
+      /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(TablePageSkeleton, { layout: skeletonFace, embedded, tableId, ...className ? { className } : {} })
     ] });
   }
   if (!table.data) {
@@ -48685,7 +48715,7 @@ function TablePage({
               /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
                 RecordsSkeleton,
                 {
-                  layout: skeletonLayoutFor(shownLayout),
+                  layout: skeletonFace,
                   embedded,
                   ...embedded ? {} : { rows: rememberedRowCount(`${tableId}:page:last`, 100, "fill") }
                 }
@@ -48862,7 +48892,7 @@ function usePublicReadOnly(client, organizationId, tableId, table, rights) {
 
 // src/entityViews.tsx
 var import_design_system141 = require("@ai-matrx/design-system");
-var import_data_table23 = require("@ai-matrx/design-system/data-table");
+var import_data_table24 = require("@ai-matrx/design-system/data-table");
 var import_react274 = require("react");
 var import_design_system142 = require("@ai-matrx/design-system");
 var import_react275 = require("@ai-matrx/records/react");
@@ -49107,7 +49137,7 @@ function EntityTablePageBody({
       ) }) }) : null,
       /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(EntityGrid, { entity, pageSize, embedded: presentation === "embedded", ...drill ? { drill } : {} }),
       entity.hasMore ? /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(
-        import_data_table23.MatrxTableCardShowMore,
+        import_data_table24.MatrxTableCardShowMore,
         {
           shown: entity.rows.length,
           total: entity.total ?? entity.rows.length + 1,