@ai-matrx/records-ui 0.102.11 → 0.102.15

package/dist/index.js

@@ -7082,11 +7082,11 @@ function useGridEditing({ tableId, fields, rows, reload, reloadAfterWrite, canWr
     discard,
     forget: (cells) => {
       if (cells.length === 0) return;
-      for (const cell of cells) versions.current.delete(cell.rowId);
+      for (const cell2 of cells) versions.current.delete(cell2.rowId);
       setOptimistic((held) => {
         let next = null;
-        for (const cell of cells) {
-          const id = cellKey(cell.rowId, cell.key);
+        for (const cell2 of cells) {
+          const id = cellKey(cell2.rowId, cell2.key);
           if (!(id in held)) continue;
           next = next ?? { ...held };
           delete next[id];
@@ -7562,7 +7562,10 @@ function OpenCell({
       tabIndex: -1,
       className: cn19(
         "relative z-[25] flex w-full min-w-0 max-w-full flex-col gap-1 outline-none",
-        FLOATING_EDITOR_NOTE_CLASS
+        FLOATING_EDITOR_NOTE_CLASS,
+        // A field's own input is 36px (h-9); in a 35px row it grew the row 4px. In the cell it is
+        // the row action strip's 32px, so opening a cell never changes the row (STABLE-TABLES).
+        "[&_input:not([type=checkbox]):not([type=radio])]:h-8 [&_input:not([type=checkbox]):not([type=radio])]:py-0"
       ),
       onDoubleClick: (event) => event.stopPropagation(),
       onKeyDown: (event) => {
@@ -7745,15 +7748,28 @@ function BodySkeleton({ layout, embedded, rows }) {
         /* @__PURE__ */ jsx29("div", { className: "flex h-9 items-center gap-6 border-b border-border px-3", children: Array.from({ length: 6 }, (_, i) => /* @__PURE__ */ jsx29(Skeleton2, { shape: "line", width: "sm", className: "w-16" }, i)) }),
         Array.from({ length: Math.min(lineCount, 8) }, (_, i) => /* @__PURE__ */ jsx29("div", { className: "flex h-10 items-center border-b border-border/60 px-3", children: /* @__PURE__ */ jsx29(Skeleton2, { className: "h-6 rounded-md", style: { marginLeft: `${i * 13 % 45}%`, width: `${20 + i * 7 % 25}%` } }) }, i))
       ] });
-    case "form":
     case "record":
+      return /* @__PURE__ */ jsxs24("div", { className: "flex min-h-0 flex-1 flex-col gap-2 overflow-hidden", "data-records-skeleton-part": "body", children: [
+        /* @__PURE__ */ jsx29(Skeleton2, { shape: "title", width: "1/2", className: "h-8", "data-records-skeleton-part": "title" }),
+        /* @__PURE__ */ jsxs24("div", { className: "flex h-[38px] items-center gap-2", "data-records-skeleton-part": "actions", children: [
+          /* @__PURE__ */ jsx29(Skeleton2, { shape: "control", width: "sm", className: "h-8" }),
+          /* @__PURE__ */ jsx29(Skeleton2, { shape: "control", width: "sm", className: "h-8" })
+        ] }),
+        /* @__PURE__ */ jsx29("div", { className: "h-px w-full shrink-0 bg-border" }),
+        /* @__PURE__ */ jsx29("div", { className: "grid grid-cols-[minmax(6rem,12rem)_1fr] gap-x-3 gap-y-0.5", "data-records-skeleton-part": "fields", children: Array.from({ length: 6 }, (_, i) => /* @__PURE__ */ jsxs24("div", { className: "contents", children: [
+          /* @__PURE__ */ jsx29(Skeleton2, { shape: "line", width: "2/3", className: "my-[7px]" }),
+          /* @__PURE__ */ jsx29(Skeleton2, { shape: "row", className: "h-7" })
+        ] }, i)) }),
+        /* @__PURE__ */ jsx29(Skeleton2, { shape: "block", height: "lg" })
+      ] });
+    case "form":
       return /* @__PURE__ */ jsxs24("div", { className: "flex min-h-0 flex-1 flex-col gap-4 overflow-hidden", "data-records-skeleton-part": "body", children: [
         /* @__PURE__ */ jsx29(Skeleton2, { shape: "title", width: "1/2" }),
         /* @__PURE__ */ jsx29("div", { className: "grid grid-cols-[minmax(6rem,12rem)_1fr] gap-x-3 gap-y-1.5", children: Array.from({ length: 6 }, (_, i) => /* @__PURE__ */ jsxs24("div", { className: "contents", children: [
           /* @__PURE__ */ jsx29(Skeleton2, { shape: "line", width: "2/3", className: "my-1.5" }),
           /* @__PURE__ */ jsx29(Skeleton2, { shape: "row", className: "h-7" })
         ] }, i)) }),
-        layout === "record" ? /* @__PURE__ */ jsx29(Skeleton2, { shape: "block", height: "lg" }) : /* @__PURE__ */ jsx29(Skeleton2, { shape: "control", width: "sm" })
+        /* @__PURE__ */ jsx29(Skeleton2, { shape: "control", width: "sm" })
       ] });
     case "chart":
       return /* @__PURE__ */ jsxs24("div", { className: "flex flex-col gap-2", "data-records-skeleton-part": "body", children: [
@@ -11799,10 +11815,10 @@ function useGridColours(args) {
         submenu: swatches("sel-highlight", void 0, (color) => {
           void (async () => {
             let kept = 0;
-            for (const cell of cells) {
-              const field2 = idOf(cell.columnKey);
+            for (const cell2 of cells) {
+              const field2 = idOf(cell2.columnKey);
               if (!field2) continue;
-              const answer = await client.tableDecorate({ table_id: tableId, path: ["cells", cell.rowId, field2.id], value: color });
+              const answer = await client.tableDecorate({ table_id: tableId, path: ["cells", cell2.rowId, field2.id], value: color });
               if (!answer.ok) {
                 notify?.error(`The colour was not kept: ${refusalSentence(answer.error)}`);
                 return;
@@ -12256,15 +12272,15 @@ function ActionRowPreview({
 }) {
   const formulas = preview.cells.map((c) => c.formula ?? "").filter((f) => f.trim() !== "");
   const readings = useFormulaReadings(tableId, formulas);
-  const afterWords = (cell) => {
-    if (cell.how === "compute") {
-      const reading = cell.formula ? readings[cell.formula] : void 0;
+  const afterWords = (cell2) => {
+    if (cell2.how === "compute") {
+      const reading = cell2.formula ? readings[cell2.formula] : void 0;
       if (reading && reading.ok === false) return { text: `The store cannot read this formula: ${reading.error}`, note: true };
       const kind = reading && reading.ok ? RESULT_WORDS[reading.result_type] ?? "a value" : "the result";
-      return { text: `Worked out when it runs \u2014 ${kind}${cell.formula ? ` from ${cell.formula}` : ""}`, note: true };
+      return { text: `Worked out when it runs \u2014 ${kind}${cell2.formula ? ` from ${cell2.formula}` : ""}`, note: true };
     }
-    if (cell.computed && cell.how === null) return { text: words(cell.before) || "empty", note: false };
-    return { text: words(cell.after) || "empty", note: false };
+    if (cell2.computed && cell2.how === null) return { text: words(cell2.before) || "empty", note: false };
+    return { text: words(cell2.after) || "empty", note: false };
   };
   return /* @__PURE__ */ jsxs39("div", { className: "flex flex-col gap-1", "data-records-action-row-preview": "", children: [
     /* @__PURE__ */ jsx44("div", { className: "max-w-full overflow-x-auto rounded border", children: /* @__PURE__ */ jsxs39(
@@ -12277,38 +12293,38 @@ function ActionRowPreview({
         children: [
           /* @__PURE__ */ jsxs39("div", { role: "row", className: "contents", children: [
             /* @__PURE__ */ jsx44("span", { role: "columnheader", className: "sticky left-0 bg-muted/60 px-2 py-1" }),
-            preview.cells.map((cell) => /* @__PURE__ */ jsx44(
+            preview.cells.map((cell2) => /* @__PURE__ */ jsx44(
               "span",
               {
                 role: "columnheader",
-                title: cell.name,
-                className: cn25("truncate border-l bg-muted/60 px-2 py-1 font-medium", cell.changed ? "text-foreground" : "text-muted-foreground"),
-                children: cell.name
+                title: cell2.name,
+                className: cn25("truncate border-l bg-muted/60 px-2 py-1 font-medium", cell2.changed ? "text-foreground" : "text-muted-foreground"),
+                children: cell2.name
               },
-              cell.key
+              cell2.key
             ))
           ] }),
           ["before", "after"].map((which) => /* @__PURE__ */ jsxs39("div", { role: "row", className: "contents", "data-preview-row": which, children: [
             /* @__PURE__ */ jsx44("span", { role: "rowheader", className: "sticky left-0 border-t bg-background px-2 py-1 font-medium text-muted-foreground", children: which === "before" ? "Now" : "After" }),
-            preview.cells.map((cell) => {
-              const shown4 = which === "before" ? { text: words(cell.before) || "empty", note: false } : afterWords(cell);
+            preview.cells.map((cell2) => {
+              const shown4 = which === "before" ? { text: words(cell2.before) || "empty", note: false } : afterWords(cell2);
               return /* @__PURE__ */ jsx44(
                 "span",
                 {
                   role: "cell",
-                  "data-changed": cell.changed ? "true" : void 0,
-                  "data-records-preview-cell": cell.key,
+                  "data-changed": cell2.changed ? "true" : void 0,
+                  "data-records-preview-cell": cell2.key,
                   title: shown4.text,
                   className: cn25(
                     "truncate border-l border-t px-2 py-1",
                     shown4.text === "empty" && "italic text-muted-foreground",
-                    cell.changed && which === "before" && "bg-destructive/10 text-destructive line-through",
-                    cell.changed && which === "after" && "bg-primary/10 font-medium",
+                    cell2.changed && which === "before" && "bg-destructive/10 text-destructive line-through",
+                    cell2.changed && which === "after" && "bg-primary/10 font-medium",
                     shown4.note && "italic"
                   ),
                   children: shown4.text
                 },
-                cell.key
+                cell2.key
               );
             })
           ] }, which))
@@ -13818,15 +13834,15 @@ function planPastedBlock(args) {
     for (const refusal4 of predicted) {
       const key = refusal4.field_key;
       if (key === void 0) continue;
-      const cell = built.find((b) => b.key === key && b.refusal === null);
-      if (!cell) continue;
-      cell.refusal = refusal4.message;
-      cell.value = null;
+      const cell2 = built.find((b) => b.key === key && b.refusal === null);
+      if (!cell2) continue;
+      cell2.refusal = refusal4.message;
+      cell2.value = null;
       delete accepted[key];
       refusals.push({
         fromLine,
         column: fieldName(byKey.get(key) ?? { key }),
-        raw: cell.raw,
+        raw: cell2.raw,
         why: refusal4.message
       });
     }
@@ -13854,7 +13870,7 @@ function planPastedBlock(args) {
 }
 function documentOf(row) {
   const out = {};
-  for (const cell of row.cells) if (cell.refusal === null) out[cell.key] = cell.value;
+  for (const cell2 of row.cells) if (cell2.refusal === null) out[cell2.key] = cell2.value;
   return out;
 }
 var sameWords = (text) => text.trim().replace(/\s+/g, " ").toLowerCase();
@@ -13875,11 +13891,11 @@ function readPasteHeader(args) {
   let named = 0;
   let filled = 0;
   columnKeys.forEach((_, c) => {
-    const cell = head[c];
-    if (cell === void 0 || cell.trim() === "") return;
+    const cell2 = head[c];
+    if (cell2 === void 0 || cell2.trim() === "") return;
     filled += 1;
-    const hits = [...new Set(byName.get(sameWords(cell)) ?? [])];
-    const named1 = hits.filter((f) => sameWords(fieldName(f)) === sameWords(cell));
+    const hits = [...new Set(byName.get(sameWords(cell2)) ?? [])];
+    const named1 = hits.filter((f) => sameWords(fieldName(f)) === sameWords(cell2));
     const pick = named1.length > 0 ? named1 : hits;
     if (pick.length !== 1) return;
     const only = pick[0];
@@ -13890,8 +13906,8 @@ function readPasteHeader(args) {
   });
   if (named === 0 || named * 2 < filled) return null;
   const unmatched = columnKeys.flatMap((_, c) => {
-    const cell = head[c];
-    return mapped[c] === null && cell !== void 0 && cell.trim() !== "" ? [cell.trim()] : [];
+    const cell2 = head[c];
+    return mapped[c] === null && cell2 !== void 0 && cell2.trim() !== "" ? [cell2.trim()] : [];
   });
   return { columnKeys: mapped, unmatched, lines: lines.slice(1) };
 }
@@ -14228,7 +14244,7 @@ function useMergedGridControls(args) {
           }
         } : {},
         clearCells: (cells) => {
-          for (const cell of cells) editing.setCell(cell.rowId, cell.columnId, null);
+          for (const cell2 of cells) editing.setCell(cell2.rowId, cell2.columnId, null);
         },
         fillDown: (rowIds, columnIds) => {
           const byId = new Map(rows.map((r) => [r.id, r]));
@@ -16149,22 +16165,22 @@ import {
 import { formatRelativeTime as formatRelativeTime2 } from "@ai-matrx/kit/format";
 import { Fragment as Fragment16, jsx as jsx57, jsxs as jsxs52 } from "react/jsx-runtime";
 var NO_ENRICH_REASON = "Having an agent fill this column is not switched on here yet, so this panel does not offer it rather than offering something that cannot happen. Everything else on this panel works. It is on our list, not yours.";
-function cellState(cell) {
-  if (!cell || !cell.agent_owned) return "none";
-  if (cell.pinned) return "yours";
-  if (cell.absent_reason === "conflicting") return "unsure";
-  if (cell.actor === "agent") return "agent";
+function cellState(cell2) {
+  if (!cell2 || !cell2.agent_owned) return "none";
+  if (cell2.pinned) return "yours";
+  if (cell2.absent_reason === "conflicting") return "unsure";
+  if (cell2.actor === "agent") return "agent";
   return "none";
 }
 function ago(at) {
   return at ? formatRelativeTime2(at, { style: "intl", fallback: "" }) : "";
 }
-function EnrichBadge({ cell, onPin, className }) {
-  const state = cellState(cell);
-  if (!cell || state === "none") return null;
-  const source = cell.source ?? {};
+function EnrichBadge({ cell: cell2, onPin, className }) {
+  const state = cellState(cell2);
+  if (!cell2 || state === "none") return null;
+  const source = cell2.source ?? {};
   const read = Array.isArray(source.read) ? source.read : [];
-  const alternates = cell.alternates ?? [];
+  const alternates = cell2.alternates ?? [];
   const word = state === "yours" ? "yours" : state === "unsure" ? "unsure" : "agent";
   return /* @__PURE__ */ jsxs52(HoverCard, { openDelay: 120, children: [
     /* @__PURE__ */ jsx57(HoverCardTrigger, { asChild: true, children: /* @__PURE__ */ jsxs52("span", { className: cn32("inline-flex items-center gap-1 align-middle", className), children: [
@@ -16176,18 +16192,18 @@ function EnrichBadge({ cell, onPin, className }) {
           children: word
         }
       ),
-      cell.stale ? /* @__PURE__ */ jsx57(Badge8, { variant: "outline", className: "text-[10px] font-normal leading-none opacity-70", children: "stale" }) : null
+      cell2.stale ? /* @__PURE__ */ jsx57(Badge8, { variant: "outline", className: "text-[10px] font-normal leading-none opacity-70", children: "stale" }) : null
     ] }) }),
     /* @__PURE__ */ jsxs52(HoverCardContent, { className: "w-80 space-y-2 text-xs", children: [
       /* @__PURE__ */ jsx57("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" && cell.on_behalf_of ? /* @__PURE__ */ jsxs52("p", { className: "text-muted-foreground", children: [
+      state !== "yours" && cell2.on_behalf_of ? /* @__PURE__ */ jsxs52("p", { className: "text-muted-foreground", children: [
         "Acting for ",
-        cell.on_behalf_of,
-        cell.written_at ? `, ${ago(cell.written_at)}` : "",
+        cell2.on_behalf_of,
+        cell2.written_at ? `, ${ago(cell2.written_at)}` : "",
         "."
-      ] }) : cell.written_at ? /* @__PURE__ */ jsxs52("p", { className: "text-muted-foreground", children: [
+      ] }) : cell2.written_at ? /* @__PURE__ */ jsxs52("p", { className: "text-muted-foreground", children: [
         "Written ",
-        ago(cell.written_at),
+        ago(cell2.written_at),
         "."
       ] }) : null,
       source.model ? /* @__PURE__ */ jsxs52("p", { className: "text-muted-foreground", children: [
@@ -16204,9 +16220,9 @@ function EnrichBadge({ cell, onPin, className }) {
         /* @__PURE__ */ jsx57("p", { className: "text-muted-foreground", children: state === "unsure" ? "What it considered" : "What it nearly said instead" }),
         /* @__PURE__ */ jsx57("ul", { className: "list-inside list-decimal", children: alternates.slice(0, 4).map((a, i) => /* @__PURE__ */ jsx57("li", { children: String(a.value ?? "") }, i)) })
       ] }) : null,
-      cell.stale && cell.due_at ? /* @__PURE__ */ jsxs52("p", { className: "text-muted-foreground", children: [
+      cell2.stale && cell2.due_at ? /* @__PURE__ */ jsxs52("p", { className: "text-muted-foreground", children: [
         "Past its date \u2014 it was due to be looked at again ",
-        ago(cell.due_at),
+        ago(cell2.due_at),
         ". The value is still here; nothing was overwritten."
       ] }) : null,
       onPin ? /* @__PURE__ */ jsx57(
@@ -16215,8 +16231,8 @@ function EnrichBadge({ cell, onPin, className }) {
           size: "sm",
           variant: "outline",
           className: "w-full",
-          onClick: () => void onPin(!cell.pinned),
-          children: cell.pinned ? "Let the model fill this in again" : "Keep this one \u2014 stop the model changing it"
+          onClick: () => void onPin(!cell2.pinned),
+          children: cell2.pinned ? "Let the model fill this in again" : "Keep this one \u2014 stop the model changing it"
         }
       ) : null
     ] })
@@ -16239,7 +16255,7 @@ function useEnrichCells(tableId, recordIds) {
     }
     setError(null);
     const next = /* @__PURE__ */ new Map();
-    for (const cell of answered.data) next.set(`${cell.record_id}:${cell.field_key}`, cell);
+    for (const cell2 of answered.data) next.set(`${cell2.record_id}:${cell2.field_key}`, cell2);
     setCells(next);
   }, [client, tableId, key]);
   useEffect39(() => {
@@ -16709,7 +16725,7 @@ function columnForField(field2, editing, mayWriteRow, whyNotRow, look, onAskWhoC
     filter: filterRefusal(field2) !== null ? false : editorKindFor(field2) === "select" || editorKindFor(field2) === "multi_select" ? "select" : holdsNumbers(field2) ? "number" : "auto",
     // THE MENU'S VALUE LIST WEARS THE CHOICES' COLOURS (lane CELL-EDITORS, night walk 2026-10-06): the
     // same chip the cell draws, never bare words beside a coloured column.
-    ...editorKindFor(field2) === "select" || editorKindFor(field2) === "multi_select" ? { filterValueClass: (value) => choiceChipLookOf(field2, value).className } : {},
+    ...editorKindFor(field2) === "select" || editorKindFor(field2) === "multi_select" ? { filterValueClass: (value, label) => choiceChipLookOf(field2, value, label).className } : {},
     cell: (row) => (
       /*
        * 🚨 A READING QUESTION IS NOT AN EDITING RIGHT. This used to read
@@ -17182,7 +17198,7 @@ function PlanTable({ plan }) {
   const keys = Array.from(new Set(shown4.flatMap((row) => row.cells.map((c) => c.key))));
   if (shown4.length === 0 || keys.length === 0) return null;
   const columnName = /* @__PURE__ */ new Map();
-  for (const row of shown4) for (const cell of row.cells) if (!columnName.has(cell.key)) columnName.set(cell.key, cell.column);
+  for (const row of shown4) for (const cell2 of row.cells) if (!columnName.has(cell2.key)) columnName.set(cell2.key, cell2.column);
   return /* @__PURE__ */ jsxs55("div", { className: "overflow-auto rounded border", children: [
     /* @__PURE__ */ jsxs55("table", { className: "w-full text-xs", "data-matrx-paste-plan": true, children: [
       /* @__PURE__ */ jsx60("thead", { className: "bg-muted/50", children: /* @__PURE__ */ jsxs55("tr", { children: [
@@ -17195,18 +17211,18 @@ function PlanTable({ plan }) {
           row.recordId === null ? /* @__PURE__ */ jsx60(Badge9, { variant: "outline", className: "ml-1", children: "new" }) : null
         ] }),
         keys.map((key) => {
-          const cell = row.cells.find((c) => c.key === key);
-          if (!cell) return /* @__PURE__ */ jsx60("td", { className: "px-2 py-1" }, key);
-          if (cell.refusal !== null) {
-            return /* @__PURE__ */ jsx60("td", { className: "px-2 py-1 text-muted-foreground line-through", children: cell.raw }, key);
+          const cell2 = row.cells.find((c) => c.key === key);
+          if (!cell2) return /* @__PURE__ */ jsx60("td", { className: "px-2 py-1" }, key);
+          if (cell2.refusal !== null) {
+            return /* @__PURE__ */ jsx60("td", { className: "px-2 py-1 text-muted-foreground line-through", children: cell2.raw }, key);
           }
-          return /* @__PURE__ */ jsx60("td", { className: "px-2 py-1", children: cell.value === null ? /* @__PURE__ */ jsx60("span", { className: "text-muted-foreground", children: "cleared" }) : (
+          return /* @__PURE__ */ jsx60("td", { className: "px-2 py-1", children: cell2.value === null ? /* @__PURE__ */ jsx60("span", { className: "text-muted-foreground", children: "cleared" }) : (
             // THE WORDS, NOT THE ID. A choice column stores the option
             // record's id and the person pasted a word; showing the id
             // here made this panel print
             // `530808bf-9f2d-4062-bc09-b8cc3b162f2a` where they had
             // written Drain Cleaning (FIX-10C F8).
-            cell.display ?? String(cell.value)
+            cell2.display ?? String(cell2.value)
           ) }, key);
         })
       ] }, row.fromLine)) })
@@ -17520,6 +17536,7 @@ function combineRows(rows, header) {
 
 // src/importRefusals.ts
 import { downloadFile } from "@ai-matrx/kit/download";
+import { toDelimited } from "@ai-matrx/kit/delimited";
 function reasonShape(reason) {
   return reason.replace(/"[^"]*"/g, '"\u2026"').replace(/“[^”]*”/g, "\u201C\u2026\u201D").replace(/\b\d+(?:[.,]\d+)*\b/g, "N").replace(/\s+/g, " ").trim();
 }
@@ -17535,21 +17552,24 @@ function groupReasons(reasons) {
   }
   return [...groups.values()].sort((a, b) => b.count - a.count);
 }
-function csvCell(value) {
-  const text = value === null || value === void 0 ? "" : String(value);
-  return /[",\n\r]/.test(text) ? `"${text.replace(/"/g, '""')}"` : text;
+function cell(value) {
+  if (value === null || value === void 0) return null;
+  return typeof value === "string" || typeof value === "number" || typeof value === "boolean" ? value : String(value);
 }
 function refusedRowsCsv(rows, lineOf = (n) => n + 1) {
   const headers = [];
   for (const r of rows) for (const h of Object.keys(r.source ?? {})) if (!headers.includes(h)) headers.push(h);
-  const lines = [[...headers, "Line in your file", "Why it was not added"].map(csvCell).join(",")];
-  for (const r of rows) {
-    const cells = headers.map((h) => csvCell((r.source ?? {})[h]));
-    cells.push(csvCell(typeof r.row === "number" ? lineOf(r.row) : ""));
-    cells.push(csvCell(r.reason ?? ""));
-    lines.push(cells.join(","));
-  }
-  return lines.join("\n") + "\n";
+  return toDelimited(
+    [
+      [...headers, "Line in your file", "Why it was not added"],
+      ...rows.map((r) => [
+        ...headers.map((h) => cell((r.source ?? {})[h])),
+        typeof r.row === "number" ? lineOf(r.row) : "",
+        r.reason ?? ""
+      ])
+    ],
+    { trailingNewline: true }
+  );
 }
 function offerDownload(name, text, type = "text/csv") {
   if (typeof document === "undefined" || typeof URL === "undefined" || typeof URL.createObjectURL !== "function") return false;
@@ -19053,18 +19073,18 @@ function splitPipes(line) {
   if (text.startsWith("|")) text = text.slice(1);
   if (text.endsWith("|") && !text.endsWith("\\|")) text = text.slice(0, -1);
   const cells = [];
-  let cell = "";
+  let cell2 = "";
   for (let i = 0; i < text.length; i += 1) {
     const ch = text[i];
     if (ch === "\\" && text[i + 1] === "|") {
-      cell += "\\|";
+      cell2 += "\\|";
       i += 1;
     } else if (ch === "|") {
-      cells.push(cell);
-      cell = "";
-    } else cell += ch;
+      cells.push(cell2);
+      cell2 = "";
+    } else cell2 += ch;
   }
-  cells.push(cell);
+  cells.push(cell2);
   return cells.map(cellWords);
 }
 var LIST_ITEM = /^(\s*)(?:[-*+•]|\d{1,3}[.)])\s+(?:\[[ xX]\]\s+)?(.*)$/;
@@ -19181,33 +19201,33 @@ function shapeFromList(items, name, at) {
 function parseDelimited(text, delimiter) {
   const rows = [];
   let row = [];
-  let cell = "";
+  let cell2 = "";
   let quoted2 = false;
   for (let i = 0; i < text.length; i += 1) {
     const ch = text[i];
     if (quoted2) {
       if (ch === '"') {
         if (text[i + 1] === '"') {
-          cell += '"';
+          cell2 += '"';
           i += 1;
         } else quoted2 = false;
-      } else cell += ch;
+      } else cell2 += ch;
       continue;
     }
-    if (ch === '"' && cell.trim() === "") quoted2 = true;
+    if (ch === '"' && cell2.trim() === "") quoted2 = true;
     else if (ch === delimiter) {
-      row.push(cell);
-      cell = "";
+      row.push(cell2);
+      cell2 = "";
     } else if (ch === "\n" || ch === "\r") {
       if (ch === "\r" && text[i + 1] === "\n") i += 1;
-      row.push(cell);
+      row.push(cell2);
       rows.push(row);
       row = [];
-      cell = "";
-    } else cell += ch;
+      cell2 = "";
+    } else cell2 += ch;
   }
-  if (cell.length > 0 || row.length > 0) {
-    row.push(cell);
+  if (cell2.length > 0 || row.length > 0) {
+    row.push(cell2);
     rows.push(row);
   }
   return rows.filter((r) => r.some((c) => c.trim() !== ""));
@@ -19510,10 +19530,10 @@ function shapeTextOfNode(node) {
     flushLine();
     const width = Math.max(...rows.map((r) => r.length));
     const pad4 = (r) => [...r, ...Array.from({ length: width - r.length }, () => "")];
-    const cell = (c) => c.replace(/\|/g, "\\|").replace(/\s+/g, " ").trim();
-    out.push(`| ${pad4(rows[0]).map(cell).join(" | ")} |`);
+    const cell2 = (c) => c.replace(/\|/g, "\\|").replace(/\s+/g, " ").trim();
+    out.push(`| ${pad4(rows[0]).map(cell2).join(" | ")} |`);
     out.push(`|${Array.from({ length: width }, () => "---").join("|")}|`);
-    for (const r of rows.slice(1)) out.push(`| ${pad4(r).map(cell).join(" | ")} |`);
+    for (const r of rows.slice(1)) out.push(`| ${pad4(r).map(cell2).join(" | ")} |`);
     rows = [];
   };
   const textOf = (n) => (n.textContent ?? "").replace(/\s+/g, " ").trim();
@@ -19939,12 +19959,12 @@ import { createUndoStack, popRedo, popUndo, pushUndo } from "@ai-matrx/design-sy
 import { Fragment as Fragment22, jsx as jsx66, jsxs as jsxs60 } from "react/jsx-runtime";
 function changesFor(step2, direction, versions = /* @__PURE__ */ new Map()) {
   const byRow = /* @__PURE__ */ new Map();
-  for (const cell of step2.cells) {
-    if (step2.created?.includes(cell.rowId)) continue;
-    const patch = byRow.get(cell.rowId) ?? {};
-    const value = direction === "undo" ? cell.before : cell.after;
-    patch[cell.key] = value === void 0 ? null : value;
-    byRow.set(cell.rowId, patch);
+  for (const cell2 of step2.cells) {
+    if (step2.created?.includes(cell2.rowId)) continue;
+    const patch = byRow.get(cell2.rowId) ?? {};
+    const value = direction === "undo" ? cell2.before : cell2.after;
+    patch[cell2.key] = value === void 0 ? null : value;
+    byRow.set(cell2.rowId, patch);
   }
   const changes = [...byRow].map(([record_id, patch]) => ({
     op: "update",
@@ -19972,7 +19992,7 @@ function useGridUndo(args) {
   const dismiss = useCallback23(() => setNotice(null), []);
   const push = useCallback23((step2) => {
     if (step2.cells.length === 0 && !step2.created?.length && !step2.archived?.length && !step2.retiredField) return;
-    for (const cell of step2.cells) if (typeof cell.version === "number") known.current.set(cell.rowId, cell.version);
+    for (const cell2 of step2.cells) if (typeof cell2.version === "number") known.current.set(cell2.rowId, cell2.version);
     counter.current += 1;
     const id = String(counter.current);
     setHeld((was) => {
@@ -20301,13 +20321,12 @@ function useGridAssist(args) {
   const copyRecordReference = useCallback24(
     (rowId) => {
       void (async () => {
-        try {
-          const text = JSON.stringify({ __kind: tableKindSlug(tableId), _record_id: rowId });
-          if (!await copyText(text)) throw new Error("This browser did not let the page write to the clipboard.");
-          say2(true, "The record reference is copied.");
-        } catch (thrown) {
-          say2(false, thrown instanceof Error ? thrown.message : String(thrown));
+        const text = JSON.stringify({ __kind: tableKindSlug(tableId), _record_id: rowId });
+        if (!await copyText(text)) {
+          say2(false, "This browser did not let the page write to the clipboard.");
+          return;
         }
+        say2(true, "The record reference is copied.");
       })();
     },
     [tableId, say2]
@@ -20484,9 +20503,9 @@ function planBulk(args) {
     before: (row.document ?? {})[field2.key] ?? null,
     after: value
   }));
-  const changes = cells.map((cell) => ({
+  const changes = cells.map((cell2) => ({
     op: "update",
-    record_id: cell.rowId,
+    record_id: cell2.rowId,
     patch: { [field2.key]: value }
   }));
   const many = countOf(cells.length, args.noun, args.nounPlural);
@@ -21922,8 +21941,8 @@ function GridBody({
         pastedNames.set(
           field2.key,
           lines.flatMap((line) => {
-            const cell = line[at];
-            return typeof cell === "string" ? relationNamesIn2(field2, cell) : [];
+            const cell2 = line[at];
+            return typeof cell2 === "string" ? relationNamesIn2(field2, cell2) : [];
           })
         );
       }
@@ -30969,8 +30988,8 @@ function CalendarView({
     }
   });
   const dayDrop = (fallback) => dropOn((e) => {
-    const cell = e.target.closest?.("[data-calendar-day]");
-    return { day: cell?.getAttribute("data-calendar-day") ?? fallback, minute: null };
+    const cell2 = e.target.closest?.("[data-calendar-day]");
+    return { day: cell2?.getAttribute("data-calendar-day") ?? fallback, minute: null };
   });
   const minuteAt = (e) => {
     const slot = e.target?.closest?.("[data-calendar-slot]");