@ai-matrx/records-ui 0.102.9 → 0.102.14

package/dist/index.js

@@ -5566,7 +5566,7 @@ import { formatPhone as formatPhone2 } from "@ai-matrx/design-system/field-forma
 
 // src/ReferenceChips.tsx
 import { entityRefsOf as entityRefsOf2 } from "@ai-matrx/records";
-import { Badge as Badge4, cn as cn16 } from "@ai-matrx/design-system";
+import { Badge as Badge4, Skeleton, cn as cn16 } from "@ai-matrx/design-system";
 
 // src/kindValues.ts
 import { tryDecodeDirective } from "@ai-matrx/content-ir/directives";
@@ -5662,9 +5662,11 @@ function PageGlyph() {
 }
 function ReferenceChip({ reference, waiting }) {
   const host = useRecordsUi();
+  const look = useEmbeddedLook();
+  const pending = reference.label == null && reference.token === "record" && !waiting && !host.renderReference;
+  const pendingMark = /* @__PURE__ */ jsx23(Skeleton, { "aria-label": "Loading", "data-records-reference-pending": "", className: "inline-block h-3 w-16 shrink-0 rounded-sm align-middle" });
   const words2 = reference.label ?? (reference.token === "record" ? waiting ?? "Loading\u2026" : WITHHELD_ENTITY_LABEL);
   const drawn = host.renderReference ? host.renderReference({ ...reference, label: reference.label ?? words2 }) : null;
-  const look = useEmbeddedLook();
   if (look?.plainRelation) {
     return /* @__PURE__ */ jsxs19(
       "span",
@@ -5679,7 +5681,7 @@ function ReferenceChip({ reference, waiting }) {
         title: reference.archived ? ARCHIVED_REFERENCE_TIP : words2,
         children: [
           /* @__PURE__ */ jsx23("span", { "aria-hidden": "true", "data-records-reference-icon": "", className: "inline-flex size-4 shrink-0 items-center justify-center text-muted-foreground", children: glyphOf(reference.icon) ? /* @__PURE__ */ jsx23("span", { className: "text-sm leading-none", children: reference.icon }) : reference.icon && host.renderIcon?.(reference.icon) || /* @__PURE__ */ jsx23(PageGlyph, {}) }),
-          drawn ?? /* @__PURE__ */ jsx23("span", { className: "truncate", children: words2 }),
+          drawn ?? (pending ? pendingMark : /* @__PURE__ */ jsx23("span", { className: "truncate", children: words2 })),
           reference.archived ? /* @__PURE__ */ jsx23("span", { className: "shrink-0 text-muted-foreground", children: ARCHIVED_REFERENCE_WORD }) : null
         ]
       }
@@ -5697,7 +5699,7 @@ function ReferenceChip({ reference, waiting }) {
       "data-records-reference-archived": reference.archived ? "" : void 0,
       title: reference.archived ? ARCHIVED_REFERENCE_TIP : words2,
       children: [
-        drawn ?? /* @__PURE__ */ jsx23("span", { className: "truncate", children: words2 }),
+        drawn ?? (pending ? pendingMark : /* @__PURE__ */ jsx23("span", { className: "truncate", children: words2 })),
         reference.archived ? /* @__PURE__ */ jsx23("span", { className: "shrink-0 text-muted-foreground", children: ARCHIVED_REFERENCE_WORD }) : null
       ]
     }
@@ -6597,6 +6599,8 @@ function cardWords(record, field2, labels) {
 
 // src/gridEditing.tsx
 import { jsx as jsx28, jsxs as jsxs23 } from "react/jsx-runtime";
+var FLOATING_EDITOR_TRAY_CLASS = "pointer-events-none absolute left-0 z-[26] w-max max-w-[24rem] rounded-md border bg-popover px-1.5 py-0.5 shadow-md";
+var FLOATING_EDITOR_NOTE_CLASS = "[&_[data-records-typed-reads-as]]:pointer-events-none [&_[data-records-typed-reads-as]]:absolute [&_[data-records-typed-reads-as]]:bottom-full [&_[data-records-typed-reads-as]]:left-0 [&_[data-records-typed-reads-as]]:z-[26] [&_[data-records-typed-reads-as]]:mb-1 [&_[data-records-typed-reads-as]]:w-max [&_[data-records-typed-reads-as]]:max-w-[24rem] [&_[data-records-typed-reads-as]]:rounded-md [&_[data-records-typed-reads-as]]:border [&_[data-records-typed-reads-as]]:bg-popover [&_[data-records-typed-reads-as]]:px-1.5 [&_[data-records-typed-reads-as]]:py-0.5 [&_[data-records-typed-reads-as]]:shadow-md";
 var NO_ROWS = [];
 function asksWhoChanged(event) {
   return event.altKey && event.shiftKey && !event.metaKey && !event.ctrlKey && (event.code === "KeyH" || event.key.toLowerCase() === "h");
@@ -7078,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];
@@ -7556,7 +7560,13 @@ function OpenCell({
       "data-matrx-cell-fill": "",
       "data-matrx-cell-editor": "",
       tabIndex: -1,
-      className: "relative z-[25] flex w-full min-w-0 max-w-full flex-col gap-1 outline-none",
+      className: cn19(
+        "relative z-[25] flex w-full min-w-0 max-w-full flex-col gap-1 outline-none",
+        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) => {
         if (event.target?.closest?.("[data-refusal-notice], [data-records-choice-ask]")) return;
@@ -7611,7 +7621,7 @@ function OpenCell({
             addsChoices: true
           }
         ),
-        picker || asksAboutAChoice(draft) ? null : blurCommits ? /* @__PURE__ */ jsx28("span", { className: "text-[10px] text-muted-foreground", children: multiline ? "\u23CE saves \xB7 \u21E7\u23CE new line \xB7 Esc cancels \xB7 Tab next" : "\u23CE saves \xB7 Esc cancels \xB7 Tab next" }) : /* @__PURE__ */ jsxs23("span", { className: "flex items-center gap-1", children: [
+        picker || asksAboutAChoice(draft) ? null : blurCommits ? /* @__PURE__ */ jsx28("span", { className: cn19("text-[10px] text-muted-foreground", FLOATING_EDITOR_TRAY_CLASS, "top-full mt-1"), "data-records-editor-hint": "", children: multiline ? "\u23CE saves \xB7 \u21E7\u23CE new line \xB7 Esc cancels \xB7 Tab next" : "\u23CE saves \xB7 Esc cancels \xB7 Tab next" }) : /* @__PURE__ */ jsxs23("span", { className: "flex items-center gap-1", children: [
           /* @__PURE__ */ jsx28(Button10, { size: "sm", onClick: () => once(() => onCommit(null, "pick")), children: "Save" }),
           /* @__PURE__ */ jsx28(Button10, { size: "sm", variant: "ghost", onClick: () => once(() => onCancel("pick")), children: "Cancel" })
         ] }),
@@ -7645,7 +7655,7 @@ function rememberRowCount(key, count) {
 }
 
 // src/RecordsSkeleton.tsx
-import { cn as cn20, Skeleton } from "@ai-matrx/design-system";
+import { cn as cn20, Skeleton as Skeleton2 } from "@ai-matrx/design-system";
 import { MatrxDataTable } from "@ai-matrx/design-system/data-table";
 import { Fragment as Fragment8, jsx as jsx29, jsxs as jsxs24 } from "react/jsx-runtime";
 var RECORDS_SKELETON_LAYOUTS = [
@@ -7701,7 +7711,7 @@ function GridSkeleton({ embedded, rows }) {
 var CHART_PLOT_PX = 140;
 var RECORDS_GRID_ROW_PX = 35;
 function Cards({ count, className }) {
-  return /* @__PURE__ */ jsx29(Fragment8, { children: Array.from({ length: count }, (_, i) => /* @__PURE__ */ jsx29(Skeleton, { shape: "block", className }, i)) });
+  return /* @__PURE__ */ jsx29(Fragment8, { children: Array.from({ length: count }, (_, i) => /* @__PURE__ */ jsx29(Skeleton2, { shape: "block", className }, i)) });
 }
 function BodySkeleton({ layout, embedded, rows }) {
   const lineCount = rows === "fill" ? 12 : rows;
@@ -7711,7 +7721,7 @@ function BodySkeleton({ layout, embedded, rows }) {
       return /* @__PURE__ */ jsx29(GridSkeleton, { embedded, rows });
     case "kanban":
       return /* @__PURE__ */ jsx29("div", { className: "flex min-h-0 flex-1 gap-2 overflow-hidden pb-2", "data-records-skeleton-part": "body", children: Array.from({ length: 4 }, (_, c) => /* @__PURE__ */ jsxs24("div", { className: "flex w-64 shrink-0 flex-col gap-2 rounded-lg bg-muted/40 p-2", children: [
-        /* @__PURE__ */ jsx29(Skeleton, { shape: "line", width: "1/2", className: "my-1.5" }),
+        /* @__PURE__ */ jsx29(Skeleton2, { shape: "line", width: "1/2", className: "my-1.5" }),
         /* @__PURE__ */ jsx29(Cards, { count: 3 - c % 2, className: "h-24" })
       ] }, c)) });
     case "gallery":
@@ -7725,33 +7735,33 @@ function BodySkeleton({ layout, embedded, rows }) {
       );
     case "list":
       return /* @__PURE__ */ jsx29("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden", "data-records-skeleton-part": "body", children: Array.from({ length: lineCount }, (_, i) => /* @__PURE__ */ jsxs24("div", { className: "flex h-9 items-center gap-3 border-b border-border/60 px-2", children: [
-        /* @__PURE__ */ jsx29(Skeleton, { className: "size-4" }),
-        /* @__PURE__ */ jsx29(Skeleton, { shape: "line", width: i % 3 === 0 ? "1/2" : i % 3 === 1 ? "2/3" : "1/3" })
+        /* @__PURE__ */ jsx29(Skeleton2, { className: "size-4" }),
+        /* @__PURE__ */ jsx29(Skeleton2, { shape: "line", width: i % 3 === 0 ? "1/2" : i % 3 === 1 ? "2/3" : "1/3" })
       ] }, i)) });
     case "calendar":
       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("div", { className: "grid grid-cols-7 gap-px", children: Array.from({ length: 7 }, (_, i) => /* @__PURE__ */ jsx29(Skeleton, { shape: "line", width: "1/3", className: "mx-auto my-1" }, i)) }),
-        /* @__PURE__ */ jsx29("div", { className: "grid flex-1 grid-cols-7 grid-rows-5 gap-px overflow-hidden rounded-md border border-border bg-border", children: Array.from({ length: 35 }, (_, i) => /* @__PURE__ */ jsx29("div", { className: "bg-card p-1.5", children: /* @__PURE__ */ jsx29(Skeleton, { shape: "line", width: "1/3" }) }, i)) })
+        /* @__PURE__ */ jsx29("div", { className: "grid grid-cols-7 gap-px", children: Array.from({ length: 7 }, (_, i) => /* @__PURE__ */ jsx29(Skeleton2, { shape: "line", width: "1/3", className: "mx-auto my-1" }, i)) }),
+        /* @__PURE__ */ jsx29("div", { className: "grid flex-1 grid-cols-7 grid-rows-5 gap-px overflow-hidden rounded-md border border-border bg-border", children: Array.from({ length: 35 }, (_, i) => /* @__PURE__ */ jsx29("div", { className: "bg-card p-1.5", children: /* @__PURE__ */ jsx29(Skeleton2, { shape: "line", width: "1/3" }) }, i)) })
       ] });
     case "timeline":
       return /* @__PURE__ */ jsxs24("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden rounded-md border border-border", "data-records-skeleton-part": "body", children: [
-        /* @__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(Skeleton, { 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(Skeleton, { className: "h-6 rounded-md", style: { marginLeft: `${i * 13 % 45}%`, width: `${20 + i * 7 % 25}%` } }) }, i))
+        /* @__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-4 overflow-hidden", "data-records-skeleton-part": "body", children: [
-        /* @__PURE__ */ jsx29(Skeleton, { shape: "title", width: "1/2" }),
+        /* @__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(Skeleton, { shape: "line", width: "2/3", className: "my-1.5" }),
-          /* @__PURE__ */ jsx29(Skeleton, { shape: "row", className: "h-7" })
+          /* @__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(Skeleton, { shape: "block", height: "lg" }) : /* @__PURE__ */ jsx29(Skeleton, { shape: "control", width: "sm" })
+        layout === "record" ? /* @__PURE__ */ jsx29(Skeleton2, { shape: "block", height: "lg" }) : /* @__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: [
-        embedded ? null : /* @__PURE__ */ jsx29(Skeleton, { shape: "line", width: "1/3" }),
-        /* @__PURE__ */ jsx29(Skeleton, { shape: "block", style: { height: CHART_PLOT_PX } })
+        embedded ? null : /* @__PURE__ */ jsx29(Skeleton2, { shape: "line", width: "1/3" }),
+        /* @__PURE__ */ jsx29(Skeleton2, { shape: "block", style: { height: CHART_PLOT_PX } })
       ] });
   }
 }
@@ -7776,12 +7786,12 @@ function TablePageSkeleton({
 }) {
   return /* @__PURE__ */ jsx29("div", { className: cn20(TABLE_PAGE_FRAME_CLASS, className), "data-records-skeleton-page": layout, children: /* @__PURE__ */ jsxs24("div", { className: TABLE_PAGE_COLUMN_CLASS, children: [
     /* @__PURE__ */ jsxs24("div", { className: TABLE_TOOLBAR_ROW_CLASS, "data-table-toolbar": "", "data-records-skeleton-part": "toolbar", "aria-hidden": "true", children: [
-      /* @__PURE__ */ jsx29(Skeleton, { shape: "control", width: "sm", className: "w-28" }),
-      /* @__PURE__ */ jsx29(Skeleton, { shape: "control", className: "w-16" }),
-      /* @__PURE__ */ jsx29(Skeleton, { shape: "control", className: "w-16" }),
+      /* @__PURE__ */ jsx29(Skeleton2, { shape: "control", width: "sm", className: "w-28" }),
+      /* @__PURE__ */ jsx29(Skeleton2, { shape: "control", className: "w-16" }),
+      /* @__PURE__ */ jsx29(Skeleton2, { shape: "control", className: "w-16" }),
       /* @__PURE__ */ jsxs24("div", { className: "ml-auto flex items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx29(Skeleton, { shape: "control", width: "md" }),
-        /* @__PURE__ */ jsx29(Skeleton, { shape: "control", className: "w-24" })
+        /* @__PURE__ */ jsx29(Skeleton2, { shape: "control", width: "md" }),
+        /* @__PURE__ */ jsx29(Skeleton2, { shape: "control", className: "w-24" })
       ] })
     ] }),
     /* @__PURE__ */ jsx29("div", { className: "flex min-h-0 flex-1 flex-col gap-2", "data-table-records": "", children: /* @__PURE__ */ jsx29(RecordsSkeleton, { layout, embedded, ...rows !== void 0 ? { rows } : {} }) })
@@ -8321,7 +8331,7 @@ function FormulaTextEditor({
 // src/EntityReferenceKindPicker.tsx
 import { useMemo as useMemo12, useState as useState25 } from "react";
 import { useEntityReferenceKinds as useEntityReferenceKinds2 } from "@ai-matrx/records/react";
-import { Badge as Badge6, BasicInput as BasicInput7, Checkbox as Checkbox5, Label as Label4, Skeleton as Skeleton2, cn as cn22 } from "@ai-matrx/design-system";
+import { Badge as Badge6, BasicInput as BasicInput7, Checkbox as Checkbox5, Label as Label4, Skeleton as Skeleton3, cn as cn22 } from "@ai-matrx/design-system";
 import { Fragment as Fragment9, jsx as jsx32, jsxs as jsxs27 } from "react/jsx-runtime";
 var ENTITY_REFERENCE_KINDS_MISSING = "Choose at least one kind of thing this column points at.";
 function entityReferenceSpec(input) {
@@ -8388,7 +8398,7 @@ function EntityReferenceKindPicker({ value, onChange, locked = false, className
         }
       )
     ] }, token)) }) : null,
-    locked ? /* @__PURE__ */ jsx32("p", { className: "text-[11px] text-muted-foreground", children: "The kinds an existing column points at are kept as they are; add a new column to point at others." }) : error ? /* @__PURE__ */ jsx32(RefusalNotice, { error }) : loading ? /* @__PURE__ */ jsx32(Skeleton2, { className: "h-24 w-full" }) : /* @__PURE__ */ jsxs27(Fragment9, { children: [
+    locked ? /* @__PURE__ */ jsx32("p", { className: "text-[11px] text-muted-foreground", children: "The kinds an existing column points at are kept as they are; add a new column to point at others." }) : error ? /* @__PURE__ */ jsx32(RefusalNotice, { error }) : loading ? /* @__PURE__ */ jsx32(Skeleton3, { className: "h-24 w-full" }) : /* @__PURE__ */ jsxs27(Fragment9, { children: [
       /* @__PURE__ */ jsx32(
         BasicInput7,
         {
@@ -10351,7 +10361,7 @@ var ROLLUP_OPERATIONS = ROLLUP_AGG_VALUES.map((value) => ({
   label: ROLLUP_AGG_LABEL[value]
 }));
 var FORMULA_SEPARATOR_LABEL = "Joined by";
-var EDITING_A_WORKED_OUT_COLUMN = "This column works out its answer from the columns picked when it was made. To change what it works out, write it as a formula below \u2014 the store checks it as you type, and a rename alone leaves it exactly as it is.";
+var EDITING_A_WORKED_OUT_COLUMN = "Written as a formula. Edit it below.";
 var FORMULA_DEFAULT_SEPARATOR = " \u2014 ";
 var FORMULA_OPERATIONS = FORMULA_OP_VALUES.map((value) => ({
   value,
@@ -10736,8 +10746,7 @@ function FieldEditor(props) {
             placeholder: "Day rate",
             onChange: (e) => setLabel(e.target.value)
           }
-        ),
-        /* @__PURE__ */ jsx40("p", { className: "text-[11px] text-muted-foreground", children: onEntity ? "What people will read beside the value." : "What people will read at the top of the column." })
+        )
       ] }),
       /* @__PURE__ */ jsxs35("div", { className: "flex flex-col gap-1", children: [
         /* @__PURE__ */ jsx40(Label8, { className: "text-xs", children: "What it holds" }),
@@ -10748,7 +10757,7 @@ function FieldEditor(props) {
             disabled: editing,
             onValueChange: (next) => setType(next),
             children: [
-              /* @__PURE__ */ jsx40(SelectTrigger7, { size: "sm", "aria-label": "What this field holds", children: /* @__PURE__ */ jsx40(SelectValue7, {}) }),
+              /* @__PURE__ */ jsx40(SelectTrigger7, { size: "sm", "aria-label": "What this field holds", ...choice?.explanation ? { title: choice.explanation } : {}, children: /* @__PURE__ */ jsx40(SelectValue7, {}) }),
               /* @__PURE__ */ jsx40(SelectContent7, { children: FIELD_TYPE_GROUPS.filter((group) => offered.some((c) => c.group === group)).map((group) => /* @__PURE__ */ jsxs35(SelectGroup2, { children: [
                 /* @__PURE__ */ jsx40(SelectLabel2, { children: group }),
                 FIELD_TYPE_CATALOGUE.filter((c) => c.group === group && (c.id === type || offered.includes(c))).map((c) => /* @__PURE__ */ jsx40(SelectItem7, { value: c.id, children: c.label }, c.id))
@@ -10756,7 +10765,7 @@ function FieldEditor(props) {
             ]
           }
         ),
-        editing && field2 ? /* @__PURE__ */ jsx40(FieldRetype, { field: liveField ?? field2, tableId }) : /* @__PURE__ */ jsx40("p", { className: "text-[11px] text-muted-foreground", children: choice?.explanation ?? "" })
+        editing && field2 ? /* @__PURE__ */ jsx40(FieldRetype, { field: liveField ?? field2, tableId }) : null
       ] })
     ] }),
     type === "formula" && others.length > 0 ? /* @__PURE__ */ jsxs35("div", { className: "flex flex-col gap-2", children: [
@@ -10794,7 +10803,7 @@ function FieldEditor(props) {
           columns: others
         }
       ) : null
-    ] }) : editing && type === "formula" ? /* @__PURE__ */ jsx40("p", { className: "text-[11px] text-muted-foreground", children: "This column works out its answer from other columns, and this table has no other column left for it to read." }) : null,
+    ] }) : editing && type === "formula" ? /* @__PURE__ */ jsx40("p", { className: "text-[11px] text-muted-foreground", children: "No other column to read." }) : null,
     editing && field2 && !onEntity && (type === "lookup" || type === "rollup") ? /* @__PURE__ */ jsx40(SourceArchivedNotice, { fieldId: field2.id, tableId }) : null,
     !editing && !(type === "formula" && formulaWritten) || type === "select" || type === "multi_select" || type === "status" || type === "rating" || type === "barcode" || type === "relation" || type === "entity_reference" ? /* @__PURE__ */ jsx40(
       TypeQuestions,
@@ -10964,11 +10973,7 @@ function FieldEditor(props) {
         ),
         UNIQUE_LABEL
       ] }) : null,
-      rules.length === 0 ? /* @__PURE__ */ jsxs35("p", { className: "text-muted-foreground", children: [
-        "No checks. Anything this kind of ",
-        onEntity ? "field" : "column",
-        " can hold will be accepted."
-      ] }) : null,
+      rules.length === 0 ? /* @__PURE__ */ jsx40("p", { className: "text-muted-foreground", children: "No checks." }) : null,
       rules.map((rule, index) => rule.kind === "unique" ? null : /* @__PURE__ */ jsxs35("div", { className: "flex items-center gap-1", children: [
         /* @__PURE__ */ jsxs35(
           Select7,
@@ -11217,8 +11222,7 @@ function TypeQuestions(props) {
           placeholder: "$",
           onChange: (e) => props.setUnit(e.target.value)
         }
-      ),
-      /* @__PURE__ */ jsx40("p", { className: "text-[11px] text-muted-foreground", children: "Shown with every amount, everywhere the value appears \u2014 including where an assistant reads it." })
+      )
     ] });
   }
   if (type === "datetime") {
@@ -11237,7 +11241,7 @@ function TypeQuestions(props) {
   if (type === "lookup" || type === "rollup" || type === "count") {
     const usable = props.relations;
     if (usable.length === 0) {
-      return /* @__PURE__ */ jsx40("p", { className: "text-[11px] text-muted-foreground", children: type !== "lookup" ? "No link, Person or File column yet. Add one that holds more than one first." : "No link, Person or File column yet. Add one first." });
+      return /* @__PURE__ */ jsx40("p", { className: "text-[11px] text-muted-foreground", children: "No link, Person or File column yet." });
     }
     return /* @__PURE__ */ jsxs35("div", { className: "grid gap-3 sm:grid-cols-2", children: [
       /* @__PURE__ */ jsxs35("div", { className: "flex flex-col gap-1", children: [
@@ -11283,7 +11287,7 @@ function TypeQuestions(props) {
   }
   if (type === "formula") {
     if (props.others.length === 0) {
-      return /* @__PURE__ */ jsx40("p", { className: "text-[11px] text-muted-foreground", children: "A worked-out column needs other columns to work from, and this table has none yet." });
+      return /* @__PURE__ */ jsx40("p", { className: "text-[11px] text-muted-foreground", children: "No other columns yet." });
     }
     return /* @__PURE__ */ jsxs35("div", { className: "flex flex-col gap-2", children: [
       /* @__PURE__ */ jsxs35("div", { className: "flex flex-col gap-1", children: [
@@ -11310,8 +11314,7 @@ function TypeQuestions(props) {
             },
             f.id
           );
-        }) }),
-        /* @__PURE__ */ jsx40("p", { className: "text-[11px] text-muted-foreground", children: "In the order you pick them. Columns are remembered by which column they are, so renaming one never breaks this." })
+        }) })
       ] }),
       props.formulaOp === "concat" ? /* @__PURE__ */ jsxs35("div", { className: "flex flex-col gap-1", children: [
         /* @__PURE__ */ jsx40(Label8, { className: "text-xs", children: FORMULA_SEPARATOR_LABEL }),
@@ -11324,8 +11327,7 @@ function TypeQuestions(props) {
             className: "max-w-[10rem]",
             onChange: (e) => props.setFormulaSeparator(e.target.value)
           }
-        ),
-        /* @__PURE__ */ jsx40("p", { className: "text-[11px] text-muted-foreground", children: "What goes between the columns. Leave it empty to run them straight together." })
+        )
       ] }) : null
     ] });
   }
@@ -11411,18 +11413,14 @@ function ValueOnTheOtherSide({
   const carried = sample.data?.rows[0]?.document ?? null;
   const offered = declared2.length > 0 ? declared2.map((f) => ({ key: f.key, name: fieldName(f) })) : Object.keys(carried ?? {}).map((key) => ({ key, name: humanizeIdentifier5(key) }));
   const stillAsking = columns.loading || declared2.length === 0 && sample.loading;
-  const body = !relation ? /* @__PURE__ */ jsx40("p", { className: "text-[11px] text-muted-foreground", children: "Choose the column above first." }) : stillAsking ? /* @__PURE__ */ jsx40("p", { className: "text-[11px] text-muted-foreground", children: "Reading that table's columns\u2026" }) : offered.length === 0 ? /* @__PURE__ */ jsxs35("p", { className: "text-[11px] text-muted-foreground", children: [
-    fieldName(relation),
-    " points at a table that has no columns to read yet. Add one there first."
-  ] }) : /* @__PURE__ */ jsxs35(Select7, { value, onValueChange: onChange, children: [
+  const body = !relation ? /* @__PURE__ */ jsx40("p", { className: "text-[11px] text-muted-foreground", children: "Choose the column above first." }) : stillAsking ? /* @__PURE__ */ jsx40("p", { className: "text-[11px] text-muted-foreground", children: "Reading that table's columns\u2026" }) : offered.length === 0 ? /* @__PURE__ */ jsx40("p", { className: "text-[11px] text-muted-foreground", children: "No columns to read yet." }) : /* @__PURE__ */ jsxs35(Select7, { value, onValueChange: onChange, children: [
     /* @__PURE__ */ jsx40(SelectTrigger7, { size: "sm", "aria-label": label, children: /* @__PURE__ */ jsx40(SelectValue7, { placeholder: "Choose a column" }) }),
     /* @__PURE__ */ jsx40(SelectContent7, { children: offered.map((column) => /* @__PURE__ */ jsx40(SelectItem7, { value: column.key, children: column.name }, column.key)) })
   ] });
   if (compact) return /* @__PURE__ */ jsx40("div", { className: "mt-1 flex flex-col gap-1", children: body });
   return /* @__PURE__ */ jsxs35("div", { className: "flex flex-col gap-1", children: [
-    /* @__PURE__ */ jsx40(Label8, { className: "text-xs", children: label }),
-    body,
-    /* @__PURE__ */ jsx40("p", { className: "text-[11px] text-muted-foreground", children: help })
+    /* @__PURE__ */ jsx40(Label8, { className: "text-xs", title: help, children: label }),
+    body
   ] });
 }
 function withNumber(rule, key, typed2) {
@@ -11804,10 +11802,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;
@@ -12261,15 +12259,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(
@@ -12282,38 +12280,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))
@@ -13823,15 +13821,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
       });
     }
@@ -13859,7 +13857,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();
@@ -13880,11 +13878,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];
@@ -13895,8 +13893,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) };
 }
@@ -14233,7 +14231,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]));
@@ -16147,29 +16145,29 @@ import {
   HoverCardTrigger,
   Input as Input2,
   Label as Label13,
-  Skeleton as Skeleton3,
+  Skeleton as Skeleton4,
   Switch,
   cn as cn32
 } from "@ai-matrx/design-system";
 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: [
@@ -16181,18 +16179,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: [
@@ -16209,9 +16207,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(
@@ -16220,8 +16218,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
     ] })
@@ -16244,7 +16242,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(() => {
@@ -16335,7 +16333,7 @@ function EnrichPanel({ tableId, fieldId, className }) {
     [host, load, tableId]
   );
   if (error) return /* @__PURE__ */ jsx57(RefusalNotice, { error, className });
-  if (rows === null) return /* @__PURE__ */ jsx57(Skeleton3, { className: cn32("h-40 w-full", className) });
+  if (rows === null) return /* @__PURE__ */ jsx57(Skeleton4, { className: cn32("h-40 w-full", className) });
   if (shown4.length === 0 && fieldId) {
     const target = (fields.data ?? []).find((f) => f.id === fieldId);
     const setup = draft[fieldId] ?? { instruction: "", every: "30" };
@@ -16714,7 +16712,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
@@ -16825,7 +16823,7 @@ function withTypeMark(field2, header) {
 // src/ReverseColumns.tsx
 import { useCallback as useCallback21, useEffect as useEffect40, useMemo as useMemo27, useRef as useRef26, useState as useState49, useSyncExternalStore } from "react";
 import { useFields as useFields6, useReverseColumns as useReverseColumns3, useReverseLinks, useTable as useTable4 } from "@ai-matrx/records/react";
-import { Button as Button34, Dialog as Dialog10, DialogContent as DialogContent10, DialogHeader as DialogHeader10, DialogTitle as DialogTitle10, Separator as Separator4, Skeleton as Skeleton4, cn as cn33 } from "@ai-matrx/design-system";
+import { Button as Button34, Dialog as Dialog10, DialogContent as DialogContent10, DialogHeader as DialogHeader10, DialogTitle as DialogTitle10, Separator as Separator4, Skeleton as Skeleton5, cn as cn33 } from "@ai-matrx/design-system";
 import { Fragment as Fragment17, jsx as jsx59, jsxs as jsxs54 } from "react/jsx-runtime";
 function reverseColumnId(column) {
   return `${REVERSE_COLUMN_PREFIX}${column.key}`;
@@ -16847,7 +16845,7 @@ function ReverseLinkChips({
   loading,
   clamp
 }) {
-  if (!answer && loading) return /* @__PURE__ */ jsx59(Skeleton4, { className: "h-4 w-24", "data-records-reverse-loading": "" });
+  if (!answer && loading) return /* @__PURE__ */ jsx59(Skeleton5, { className: "h-4 w-24", "data-records-reverse-loading": "" });
   if (!answer || answer.total === 0) return /* @__PURE__ */ jsx59("span", { className: "text-muted-foreground", children: "\u2014" });
   const refs = refsOf(column, answer);
   const more = answer.total - refs.length;
@@ -17187,7 +17185,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: [
@@ -17200,18 +17198,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)) })
@@ -17525,6 +17523,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();
 }
@@ -17540,21 +17539,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;
@@ -19058,18 +19060,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+)?(.*)$/;
@@ -19186,33 +19188,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() !== ""));
@@ -19515,10 +19517,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();
@@ -19944,12 +19946,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",
@@ -19977,7 +19979,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) => {
@@ -20306,13 +20308,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]
@@ -20489,9 +20490,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);
@@ -21927,8 +21928,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) : [];
           })
         );
       }
@@ -24775,7 +24776,7 @@ import { useCallback as useCallback31, useEffect as useEffect54, useState as use
 import { useRecordsClient as useRecordsClient45, useTables as useTables2 } from "@ai-matrx/records/react";
 import { withTableFacts } from "@ai-matrx/records/core";
 import { withTablePlacement as withTablePlacement2 } from "@ai-matrx/records";
-import { BasicInput as BasicInput16, Button as Button50, Select as Select10, SelectContent as SelectContent10, SelectItem as SelectItem10, SelectTrigger as SelectTrigger10, SelectValue as SelectValue10, Skeleton as Skeleton7, Textarea as Textarea2, cn as cn42 } from "@ai-matrx/design-system";
+import { BasicInput as BasicInput16, Button as Button50, Select as Select10, SelectContent as SelectContent10, SelectItem as SelectItem10, SelectTrigger as SelectTrigger10, SelectValue as SelectValue10, Skeleton as Skeleton8, Textarea as Textarea2, cn as cn42 } from "@ai-matrx/design-system";
 
 // src/newTableColumns.ts
 import { RESOLVABLE_FIELD_TYPE_WORDS } from "@ai-matrx/records/templates";
@@ -24958,7 +24959,7 @@ import { copyText as copyText3 } from "@ai-matrx/kit/clipboard";
 import { useCallback as useCallback30, useEffect as useEffect52, useMemo as useMemo40, useState as useState63 } from "react";
 import { useRecordsClient as useRecordsClient43, useMyLevels as useMyLevels2 } from "@ai-matrx/records/react";
 import { bookingPath as bookingPath2 } from "@ai-matrx/records";
-import { Badge as Badge11, Button as Button48, Skeleton as Skeleton6, cn as cn41 } from "@ai-matrx/design-system";
+import { Badge as Badge11, Button as Button48, Skeleton as Skeleton7, cn as cn41 } from "@ai-matrx/design-system";
 
 // src/BookingBuilder.tsx
 import { copyText as copyText2 } from "@ai-matrx/kit/clipboard";
@@ -24969,7 +24970,7 @@ import { formatDurationMinutes } from "@ai-matrx/kit/format";
 import {
   bookingPath
 } from "@ai-matrx/records";
-import { BasicInput as BasicInput15, BasicTextarea as BasicTextarea7, Button as Button45, Checkbox as Checkbox8, Label as Label16, Skeleton as Skeleton5, cn as cn39 } from "@ai-matrx/design-system";
+import { BasicInput as BasicInput15, BasicTextarea as BasicTextarea7, Button as Button45, Checkbox as Checkbox8, Label as Label16, Skeleton as Skeleton6, cn as cn39 } from "@ai-matrx/design-system";
 
 // src/publicQuestions.ts
 var CANNOT_ASK = {
@@ -25245,7 +25246,7 @@ function BookingBuilder({ tableId, bookingId, onSaved, onClose, startNew, classN
     await load();
     onSaved?.({ form_id: formId });
   }
-  if (!loaded || fields.loading && !fields.data) return /* @__PURE__ */ jsx76(Skeleton5, { className: cn39("h-64 w-full", className) });
+  if (!loaded || fields.loading && !fields.data) return /* @__PURE__ */ jsx76(Skeleton6, { className: cn39("h-64 w-full", className) });
   if (!rights.structure) {
     return /* @__PURE__ */ jsx76("p", { className: cn39("text-xs text-muted-foreground", className), children: rights.why("structure") ?? "Making a booking page needs the admin level on this table, because it lets people with no account take time in your calendar." });
   }
@@ -26062,7 +26063,7 @@ function BookingSlots({ tableId, activeBookingId, className }) {
       setShown(url);
     }
   }, []);
-  if (pages === null) return /* @__PURE__ */ jsx81(Skeleton6, { className: cn41("h-32 w-full", className) });
+  if (pages === null) return /* @__PURE__ */ jsx81(Skeleton7, { className: cn41("h-32 w-full", className) });
   if (pages.length === 0 && !tableId && !error && !building) return null;
   const origin = host.publicOrigin ?? (typeof window === "undefined" ? "" : window.location.origin);
   return /* @__PURE__ */ jsxs72("section", { className: cn41("flex flex-col gap-3", className), "data-testid": "booking-slots", children: [
@@ -26652,8 +26653,8 @@ function TablesHome({ onOpenTable, organizationName, makingOnly = false, askedBy
     ] }) : null,
     tables.error ? /* @__PURE__ */ jsx83(RefusalNotice, { error: tables.error }) : null,
     tables.loading && !tables.data ? /* @__PURE__ */ jsxs74("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx83(Skeleton7, { className: "h-6 w-40" }),
-      /* @__PURE__ */ jsx83(Skeleton7, { className: "h-16 w-full" })
+      /* @__PURE__ */ jsx83(Skeleton8, { className: "h-6 w-40" }),
+      /* @__PURE__ */ jsx83(Skeleton8, { className: "h-16 w-full" })
     ] }) : null,
     makingOnly ? null : /* @__PURE__ */ jsx83(BookingSlots, {}),
     !makingOnly && boards && boards.length > 0 ? /* @__PURE__ */ jsxs74("section", { className: "space-y-1.5", children: [
@@ -27223,7 +27224,7 @@ function SaveToTable({ source, shapeIndex = 0, onOpenTable, onSaved, onClose, cl
 // src/StageRules.tsx
 import { useCallback as useCallback32, useEffect as useEffect55, useMemo as useMemo42, useState as useState67 } from "react";
 import { useFields as useFields12, useRecordsClient as useRecordsClient47, useTable as useTable10 } from "@ai-matrx/records/react";
-import { BasicInput as BasicInput17, BasicTextarea as BasicTextarea8, Button as Button52, Separator as Separator7, Skeleton as Skeleton8, cn as cn44 } from "@ai-matrx/design-system";
+import { BasicInput as BasicInput17, BasicTextarea as BasicTextarea8, Button as Button52, Separator as Separator7, Skeleton as Skeleton9, cn as cn44 } from "@ai-matrx/design-system";
 import { jsx as jsx85, jsxs as jsxs76 } from "react/jsx-runtime";
 var NO_RULES_YET = "Nothing has to be true to get here yet.";
 var NEEDS_A_SENTENCE = "Write the sentence somebody reads when this stops them, the way you would say it out loud.";
@@ -27341,7 +27342,7 @@ function StageRulesSection({ tableId, stage, className }) {
     setPreview(null);
     await load();
   }
-  if (!asked3) return /* @__PURE__ */ jsx85(Skeleton8, { className: "h-24 w-full" });
+  if (!asked3) return /* @__PURE__ */ jsx85(Skeleton9, { className: "h-24 w-full" });
   if (error && !pipeline) return /* @__PURE__ */ jsx85(RefusalNotice, { error });
   if (!pipeline?.is_pipeline) {
     return /* @__PURE__ */ jsxs76("div", { className: cn44("flex min-w-0 flex-col gap-2 text-xs", className), children: [
@@ -28489,7 +28490,7 @@ import { AlchemyMenu as AlchemyMenu2 } from "@ai-matrx/alchemy/react";
 // src/RecordChat.tsx
 import { useEffect as useEffect62, useMemo as useMemo45, useState as useState75 } from "react";
 import { useRecordsClient as useRecordsClient54 } from "@ai-matrx/records/react";
-import { Skeleton as Skeleton9, cn as cn47 } from "@ai-matrx/design-system";
+import { Skeleton as Skeleton10, cn as cn47 } from "@ai-matrx/design-system";
 import { jsx as jsx93, jsxs as jsxs84 } from "react/jsx-runtime";
 var NO_CHAT_REASON = "Chatting about this record is not switched on here yet, so this panel is empty rather than showing a box that goes nowhere. It is on our list, not yours.";
 function RecordChat({ tableId, recordId, className }) {
@@ -28536,7 +28537,7 @@ function RecordChat({ tableId, recordId, className }) {
     };
   }, [scope, recordId, tableId]);
   if (error) return /* @__PURE__ */ jsx93(RefusalNotice, { error, className });
-  if (!context) return /* @__PURE__ */ jsx93(Skeleton9, { className: cn47("h-64 w-full", className) });
+  if (!context) return /* @__PURE__ */ jsx93(Skeleton10, { className: cn47("h-64 w-full", className) });
   if (!host.chat) {
     return /* @__PURE__ */ jsxs84("section", { className: cn47("flex min-h-0 flex-col gap-2", className), children: [
       /* @__PURE__ */ jsxs84("header", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
@@ -28611,7 +28612,7 @@ function entriesFor(scope) {
 }
 
 // src/Peek.tsx
-import { Button as Button61, Separator as Separator9, Skeleton as Skeleton10, cn as cn49 } from "@ai-matrx/design-system";
+import { Button as Button61, Separator as Separator9, Skeleton as Skeleton11, cn as cn49 } from "@ai-matrx/design-system";
 
 // src/recordInPlace.tsx
 import { useMemo as useMemo46, useRef as useRef36 } from "react";
@@ -28928,7 +28929,7 @@ function Peek({ tableId, recordId, onClose, className, onPage = false }) {
   const askOpenBelow = onPage && !host.talkToRecord && Boolean(host.chat);
   const href = host.hrefForRecord && table.data ? host.hrefForRecord({ table: table.data, recordId }) : void 0;
   return /* @__PURE__ */ jsxs88("div", { className: cn49("flex min-w-0 flex-col gap-2 text-xs", className), children: [
-    /* @__PURE__ */ jsx97("h3", { className: cn49("break-words font-medium leading-snug", onPage ? "text-2xl font-semibold" : "text-sm"), "data-records-peek-title": "", title, children: record.loading && !document2 ? /* @__PURE__ */ jsx97(Skeleton10, { className: "h-4 w-40" }) : title }),
+    /* @__PURE__ */ jsx97("h3", { className: cn49("break-words font-medium leading-snug", onPage ? "text-2xl font-semibold" : "text-sm"), "data-records-peek-title": "", title, children: record.loading && !document2 ? /* @__PURE__ */ jsx97(Skeleton11, { className: "h-4 w-40" }) : title }),
     /* @__PURE__ */ jsxs88("div", { className: "flex flex-wrap items-center gap-2", children: [
       /* @__PURE__ */ jsx97(
         AlchemyMenu2,
@@ -28994,8 +28995,8 @@ function Peek({ tableId, recordId, onClose, className, onPage = false }) {
       }
     ) : /* @__PURE__ */ jsxs88("dl", { className: cn49("grid grid-cols-[minmax(6rem,12rem)_1fr] gap-x-3 gap-y-1.5", onPage && "text-sm"), children: [
       fields.loading && !fields.data ? Array.from({ length: peekRowsWhileReading }, (_, i) => /* @__PURE__ */ jsxs88("div", { className: "contents", "data-records-skeleton-part": "field", children: [
-        /* @__PURE__ */ jsx97("dt", { className: "py-0.5", children: /* @__PURE__ */ jsx97(Skeleton10, { shape: "line", width: "2/3" }) }),
-        /* @__PURE__ */ jsx97("dd", { className: "py-0.5", children: /* @__PURE__ */ jsx97(Skeleton10, { shape: "line", width: i % 2 ? "1/2" : "3/4" }) })
+        /* @__PURE__ */ jsx97("dt", { className: "py-0.5", children: /* @__PURE__ */ jsx97(Skeleton11, { shape: "line", width: "2/3" }) }),
+        /* @__PURE__ */ jsx97("dd", { className: "py-0.5", children: /* @__PURE__ */ jsx97(Skeleton11, { shape: "line", width: i % 2 ? "1/2" : "3/4" }) })
       ] }, `sk-${i}`)) : null,
       shownFields.map((field2) => /* @__PURE__ */ jsxs88("div", { className: "contents", children: [
         /* @__PURE__ */ jsxs88("dt", { className: "flex items-baseline gap-1 truncate text-muted-foreground", children: [
@@ -29449,7 +29450,7 @@ import {
   DropdownMenuContent as DropdownMenuContent7,
   DropdownMenuItem as DropdownMenuItem6,
   DropdownMenuTrigger as DropdownMenuTrigger7,
-  Skeleton as Skeleton11,
+  Skeleton as Skeleton12,
   cn as cn51
 } from "@ai-matrx/design-system";
 import {
@@ -29977,7 +29978,7 @@ function PipelineBoard({
   };
   if (fields.error) return /* @__PURE__ */ jsx101(RefusalNotice, { error: fields.error });
   if (error) return /* @__PURE__ */ jsx101(RefusalNotice, { error });
-  if (loading || fields.loading && !fields.data) return /* @__PURE__ */ jsx101(Skeleton11, { className: "h-40 w-full" });
+  if (loading || fields.loading && !fields.data) return /* @__PURE__ */ jsx101(Skeleton12, { className: "h-40 w-full" });
   if (!definition?.is_pipeline) {
     return /* @__PURE__ */ jsx101("p", { className: "rounded border border-dashed p-4 text-xs text-muted-foreground", children: definition?.why ?? "This table has no stage column yet, so there is no board to draw." });
   }
@@ -30974,8 +30975,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]");
@@ -33630,7 +33631,7 @@ import {
   emptyArchiveLine
 } from "@ai-matrx/records";
 import { tableShapeChanged as tableShapeChanged11, useFields as useFields19, useRecordsClient as useRecordsClient64, useTable as useTable18 } from "@ai-matrx/records/react";
-import { Button as Button68, Skeleton as Skeleton13, cn as cn56 } from "@ai-matrx/design-system";
+import { Button as Button68, Skeleton as Skeleton14, cn as cn56 } from "@ai-matrx/design-system";
 import { jsx as jsx109, jsxs as jsxs99 } from "react/jsx-runtime";
 var ARCHIVE_MEANS = "Archiving never destroys anything. A record you remove from the grid waits here until somebody brings it back.";
 function mayNotRestoreLine(why) {
@@ -33722,7 +33723,7 @@ function ArchivedView({
       }
     ),
     error ? /* @__PURE__ */ jsx109(RefusalNotice, { error }) : null,
-    loading && !error ? /* @__PURE__ */ jsx109(Skeleton13, { className: "h-24 w-full" }) : null,
+    loading && !error ? /* @__PURE__ */ jsx109(Skeleton14, { className: "h-24 w-full" }) : null,
     !loading && !error && rows.length === 0 ? /* @__PURE__ */ jsx109("p", { "data-testid": "archived-empty", className: "rounded-md border border-dashed px-3 py-6 text-xs text-muted-foreground", children: emptyArchiveLine(lane) }) : null,
     !loading && !error && rows.length > 0 ? /* @__PURE__ */ jsx109("ul", { className: "flex flex-col gap-1", "data-testid": "archived-rows", children: rows.map((row) => /* @__PURE__ */ jsxs99(
       "li",
@@ -33826,7 +33827,7 @@ import {
   portalTitleTypedBack
 } from "@ai-matrx/records";
 import { useRecordsClient as useRecordsClient65 } from "@ai-matrx/records/react";
-import { BasicInput as BasicInput20, Button as Button69, Skeleton as Skeleton14, cn as cn57 } from "@ai-matrx/design-system";
+import { BasicInput as BasicInput20, Button as Button69, Skeleton as Skeleton15, cn as cn57 } from "@ai-matrx/design-system";
 import { jsx as jsx110, jsxs as jsxs100 } from "react/jsx-runtime";
 var ARCHIVED_NEVER_DESTROYED = "Archiving never destroys anything. What you put away waits here until somebody brings it back.";
 function ArchivedDisclosure({
@@ -33922,7 +33923,7 @@ function ArchivedPortals({
       },
       children: [
         error ? /* @__PURE__ */ jsx110(RefusalNotice, { error }) : null,
-        rows === null && !error ? /* @__PURE__ */ jsx110(Skeleton14, { className: "h-16 w-full" }) : null,
+        rows === null && !error ? /* @__PURE__ */ jsx110(Skeleton15, { className: "h-16 w-full" }) : null,
         said ? /* @__PURE__ */ jsx110("p", { className: "rounded-md border border-border px-3 py-2 text-xs", "data-testid": "archived-portal-said", children: said }) : null,
         rows !== null && !error && rows.length === 0 ? /* @__PURE__ */ jsx110("p", { "data-testid": "archived-portals-empty", className: "text-xs text-muted-foreground", children: emptyPortalArchiveLine() }) : null,
         rows !== null && rows.length > 0 ? /* @__PURE__ */ jsx110("ul", { className: "flex flex-col gap-1.5", "data-testid": "archived-portals", children: rows.map((portal) => {
@@ -34006,7 +34007,7 @@ function ArchivedPortals({
 // src/ViewBar.tsx
 import { useCallback as useCallback41, useEffect as useEffect76, useState as useState90 } from "react";
 import { useRecordsClient as useRecordsClient66 } from "@ai-matrx/records/react";
-import { Badge as Badge14, Button as Button70, Input as Input6, Popover as Popover10, PopoverContent as PopoverContent10, PopoverTrigger as PopoverTrigger10, Skeleton as Skeleton15, cn as cn58 } from "@ai-matrx/design-system";
+import { Badge as Badge14, Button as Button70, Input as Input6, Popover as Popover10, PopoverContent as PopoverContent10, PopoverTrigger as PopoverTrigger10, Skeleton as Skeleton16, cn as cn58 } from "@ai-matrx/design-system";
 
 // src/seedOnce.ts
 import { useCallback as useCallback40, useRef as useRef42 } from "react";
@@ -34201,7 +34202,7 @@ function ViewBar({ tableId, activeViewId, onActiveView, seed, settings, onViews,
     );
   }
   if (error) return /* @__PURE__ */ jsx111(RefusalNotice, { error, className, actions: /* @__PURE__ */ jsx111(Button70, { size: "sm", variant: "ghost", onClick: () => void load(), children: "Try again" }) });
-  if (views === null) return /* @__PURE__ */ jsx111(Skeleton15, { className: cn58("h-8 w-28 shrink-0", className) });
+  if (views === null) return /* @__PURE__ */ jsx111(Skeleton16, { className: cn58("h-8 w-28 shrink-0", className) });
   const current = views.find((v) => v.id === active) ?? null;
   return /* @__PURE__ */ jsxs101(Popover10, { open, onOpenChange: setOpen, children: [
     /* @__PURE__ */ jsx111(PopoverTrigger10, { asChild: true, children: /* @__PURE__ */ jsxs101(
@@ -34439,14 +34440,14 @@ function ProposalRow({
 // src/ActionInbox.tsx
 import { useCallback as useCallback43, useEffect as useEffect79, useMemo as useMemo57, useRef as useRef44, useState as useState93 } from "react";
 import { useRecordsClient as useRecordsClient69 } from "@ai-matrx/records/react";
-import { Badge as Badge17, Button as Button73, Checkbox as Checkbox11, Skeleton as Skeleton17, cn as cn61 } from "@ai-matrx/design-system";
+import { Badge as Badge17, Button as Button73, Checkbox as Checkbox11, Skeleton as Skeleton18, cn as cn61 } from "@ai-matrx/design-system";
 import { toggleSelection as toggleSelection2 } from "@ai-matrx/design-system/data-table";
 import { formatAbsoluteDate, formatDurationMs } from "@ai-matrx/kit/format";
 
 // src/ChecklistRunner.tsx
 import { useCallback as useCallback42, useEffect as useEffect78, useMemo as useMemo56, useState as useState92 } from "react";
 import { useRecordsClient as useRecordsClient68, useTable as useTable20 } from "@ai-matrx/records/react";
-import { Badge as Badge16, BasicInput as BasicInput21, BasicTextarea as BasicTextarea9, Button as Button72, Skeleton as Skeleton16, cn as cn60 } from "@ai-matrx/design-system";
+import { Badge as Badge16, BasicInput as BasicInput21, BasicTextarea as BasicTextarea9, Button as Button72, Skeleton as Skeleton17, cn as cn60 } from "@ai-matrx/design-system";
 import { humanizeIdentifier as humanizeIdentifier13 } from "@ai-matrx/kit/text-case";
 import { Fragment as Fragment44, jsx as jsx113, jsxs as jsxs103 } from "react/jsx-runtime";
 var DUE_WORD = DUE_STATE_LABEL;
@@ -34585,7 +34586,7 @@ function ChecklistRunner({
   );
   if (table.error) return /* @__PURE__ */ jsx113(RefusalNotice, { error: table.error, className });
   if (runs === null && steps === null && !runId) {
-    return /* @__PURE__ */ jsx113(Skeleton16, { shape: "block", height: "sm", className });
+    return /* @__PURE__ */ jsx113(Skeleton17, { shape: "block", height: "sm", className });
   }
   return /* @__PURE__ */ jsxs103("section", { className: cn60("flex min-h-0 flex-col gap-2", className), "data-testid": "checklist-runner", children: [
     /* @__PURE__ */ jsxs103("header", { className: "flex items-center gap-2 text-xs", children: [
@@ -34871,7 +34872,7 @@ function ChecklistsPanel({ tableId, onOpenRecord, className }) {
   useEffect78(() => {
     void load();
   }, [load]);
-  if (templates === null) return /* @__PURE__ */ jsx113(Skeleton16, { className: cn60("h-40 w-full", className) });
+  if (templates === null) return /* @__PURE__ */ jsx113(Skeleton17, { className: cn60("h-40 w-full", className) });
   if (editing) {
     return /* @__PURE__ */ jsx113(
       ChecklistTemplateEditor,
@@ -35105,7 +35106,7 @@ function ChecklistTemplateEditor({
     onDone?.();
   }, [client, onDone, onSaved, spec, savedId]);
   const change = (index, patch) => setRows((held) => held.map((row, i) => i === index ? { ...row, ...patch } : row));
-  if (loading) return /* @__PURE__ */ jsx113(Skeleton16, { className: cn60("h-48 w-full", className) });
+  if (loading) return /* @__PURE__ */ jsx113(Skeleton17, { className: cn60("h-48 w-full", className) });
   return /* @__PURE__ */ jsxs103("section", { className: cn60("flex flex-col gap-2", className), "data-testid": "checklist-editor", children: [
     /* @__PURE__ */ jsxs103("header", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsx113("h3", { className: "text-sm font-medium", children: templateId ? "Change this checklist" : "Write a checklist" }),
@@ -35896,7 +35897,7 @@ function ActionInbox({
       item.item_id
     );
   };
-  if (items === null) return /* @__PURE__ */ jsx114(Skeleton17, { className: cn61("h-32 w-full", className) });
+  if (items === null) return /* @__PURE__ */ jsx114(Skeleton18, { className: cn61("h-32 w-full", className) });
   return /* @__PURE__ */ jsxs104(
     "section",
     {
@@ -36092,7 +36093,7 @@ import {
   useRecordsClient as useRecordsClient70,
   useTable as useTable21
 } from "@ai-matrx/records/react";
-import { Badge as Badge18, Button as Button74, Skeleton as Skeleton18, cn as cn62 } from "@ai-matrx/design-system";
+import { Badge as Badge18, Button as Button74, Skeleton as Skeleton19, cn as cn62 } from "@ai-matrx/design-system";
 import { formatRelativeTime as formatRelativeTime3 } from "@ai-matrx/kit/format";
 import { humanizeIdentifier as humanizeIdentifier14 } from "@ai-matrx/kit/text-case";
 import { jsx as jsx115, jsxs as jsxs105 } from "react/jsx-runtime";
@@ -36123,7 +36124,7 @@ function HistoryPanel({ tableId, recordId, onAskAboutField, className }) {
   }, [load]);
   if (error) return /* @__PURE__ */ jsx115(RefusalNotice, { error, className });
   if (!entries || fields.loading || table.loading) {
-    return /* @__PURE__ */ jsx115(Skeleton18, { shape: "block", height: "md", className });
+    return /* @__PURE__ */ jsx115(Skeleton19, { shape: "block", height: "md", className });
   }
   const byKey = new Map((fields.data ?? []).map((f) => [f.key, f]));
   async function startRestore(version, fieldKey) {
@@ -36406,7 +36407,7 @@ import {
   useRecordsClient as useRecordsClient71,
   useTable as useTable22
 } from "@ai-matrx/records/react";
-import { Badge as Badge19, Button as Button75, Skeleton as Skeleton19, Textarea as Textarea5, cn as cn63 } from "@ai-matrx/design-system";
+import { Badge as Badge19, Button as Button75, Skeleton as Skeleton20, Textarea as Textarea5, cn as cn63 } from "@ai-matrx/design-system";
 import { humanizeIdentifier as humanizeIdentifier15 } from "@ai-matrx/kit/text-case";
 import { jsx as jsx116, jsxs as jsxs106 } from "react/jsx-runtime";
 function CommentThread({ tableId, recordId, fieldKey, className }) {
@@ -36464,7 +36465,7 @@ function CommentThread({ tableId, recordId, fieldKey, className }) {
     return people.filter((p) => !picked.some((already) => already.userId === p.userId)).filter((p) => q === "" || (p.name ?? p.email ?? "").toLowerCase().includes(q)).slice(0, 6);
   }, [mentionQuery, people, picked]);
   if (error) return /* @__PURE__ */ jsx116(RefusalNotice, { error, className });
-  if (!thread || table.loading && !table.data || fields.loading && !fields.data) return /* @__PURE__ */ jsx116(Skeleton19, { shape: "block", height: "sm", className });
+  if (!thread || table.loading && !table.data || fields.loading && !fields.data) return /* @__PURE__ */ jsx116(Skeleton20, { shape: "block", height: "sm", className });
   const shown4 = fieldKey ? thread.comments.filter((c) => c.field_key === fieldKey) : thread.comments;
   const roots = shown4.filter((c) => !c.parent_comment_id);
   const repliesOf = (id) => shown4.filter((c) => c.parent_comment_id === id);
@@ -36650,7 +36651,7 @@ import {
   useRecordsClient as useRecordsClient72,
   useTable as useTable23
 } from "@ai-matrx/records/react";
-import { Badge as Badge20, Button as Button76, Skeleton as Skeleton20, cn as cn64 } from "@ai-matrx/design-system";
+import { Badge as Badge20, Button as Button76, Skeleton as Skeleton21, cn as cn64 } from "@ai-matrx/design-system";
 import { humanizeIdentifier as humanizeIdentifier16 } from "@ai-matrx/kit/text-case";
 import { Fragment as Fragment46, jsx as jsx117, jsxs as jsxs107 } from "react/jsx-runtime";
 function FieldHistoryPanel({
@@ -36686,7 +36687,7 @@ function FieldHistoryPanel({
   }, [load]);
   const label = (fields.data ?? []).find((f) => f.key === fieldKey)?.label || humanizeIdentifier16(fieldKey);
   if (error) return /* @__PURE__ */ jsx117(RefusalNotice, { error, className });
-  if (!rows || fields.loading && !fields.data || table.loading && !table.data) return /* @__PURE__ */ jsx117(Skeleton20, { className: cn64("h-40 w-full", className) });
+  if (!rows || fields.loading && !fields.data || table.loading && !table.data) return /* @__PURE__ */ jsx117(Skeleton21, { className: cn64("h-40 w-full", className) });
   async function start(row) {
     setSaid(null);
     setPending({ phase: "asking", recordId: row.record_id, version: row.version });
@@ -36918,7 +36919,7 @@ function submissionStamp(args) {
 // src/PortalBuilder.tsx
 import { useCallback as useCallback47, useEffect as useEffect83, useMemo as useMemo59, useRef as useRef48, useState as useState97 } from "react";
 import { useRecordsClient as useRecordsClient73, useTables as useTables4 } from "@ai-matrx/records/react";
-import { BasicInput as BasicInput22, Button as Button77, Checkbox as Checkbox12, Label as Label18, Separator as Separator10, Skeleton as Skeleton21, cn as cn65 } from "@ai-matrx/design-system";
+import { BasicInput as BasicInput22, Button as Button77, Checkbox as Checkbox12, Label as Label18, Separator as Separator10, Skeleton as Skeleton22, cn as cn65 } from "@ai-matrx/design-system";
 import { Fragment as Fragment47, jsx as jsx118, jsxs as jsxs108 } from "react/jsx-runtime";
 var RESTATING_REPLACES = "Saving replaces what this portal shows: a table you untick stops being visible to every client the moment you save. Who is invited is not touched.";
 function PortalBuilder({ tableId, portalId, onSaved, onClose, className }) {
@@ -37095,7 +37096,7 @@ function PortalBuilder({ tableId, portalId, onSaved, onClose, className }) {
     setInviteEmail("");
     setInviteRecordId("");
   }
-  if (tables.loading || loading) return /* @__PURE__ */ jsx118(Skeleton21, { className: cn65("h-64 w-full", className) });
+  if (tables.loading || loading) return /* @__PURE__ */ jsx118(Skeleton22, { className: cn65("h-64 w-full", className) });
   const all = tablePickerEntries(tables.data ?? []).entries.map((e) => e.table);
   const missingTie = ticked.filter((e) => e.namesVia.trim() === "");
   const ready = clientTableId !== null && ticked.length > 0 && missingTie.length === 0;
@@ -37316,7 +37317,7 @@ import {
   portalPath,
   portalTitleTypedBack as portalTitleTypedBack2
 } from "@ai-matrx/records";
-import { Badge as Badge21, BasicInput as BasicInput24, Button as Button79, Separator as Separator11, Skeleton as Skeleton22, cn as cn69 } from "@ai-matrx/design-system";
+import { Badge as Badge21, BasicInput as BasicInput24, Button as Button79, Separator as Separator11, Skeleton as Skeleton23, cn as cn69 } from "@ai-matrx/design-system";
 
 // src/PortalLookEditor.tsx
 import { useEffect as useEffect84, useMemo as useMemo60, useState as useState98 } from "react";
@@ -37715,7 +37716,7 @@ function PortalsPanel({ tableId, activePortalId, className }) {
   useEffect85(() => {
     void load();
   }, [load]);
-  if (portals === null) return /* @__PURE__ */ jsx122(Skeleton22, { className: cn69("h-32 w-full", className) });
+  if (portals === null) return /* @__PURE__ */ jsx122(Skeleton23, { className: cn69("h-32 w-full", className) });
   const onATable = Boolean(tableId);
   const holdingThis = new Set(
     exposures.filter((e) => e.table_id === tableId).map((e) => e.portal_id)
@@ -38016,7 +38017,7 @@ function PortalDetail({
   );
   if (error)
     return /* @__PURE__ */ jsx122("div", { className: "mt-2", children: /* @__PURE__ */ jsx122(RefusalNotice, { error }) });
-  if (!card) return /* @__PURE__ */ jsx122(Skeleton22, { className: "mt-2 h-24 w-full" });
+  if (!card) return /* @__PURE__ */ jsx122(Skeleton23, { className: "mt-2 h-24 w-full" });
   return /* @__PURE__ */ jsx122(
     PortalCardView,
     {
@@ -38227,7 +38228,7 @@ function Preview({
       exposed.table_id
     )) }) : null,
     error ? /* @__PURE__ */ jsx122("div", { className: "mt-1.5", children: /* @__PURE__ */ jsx122(RefusalNotice, { error }) }) : null,
-    rows === null && !error ? /* @__PURE__ */ jsx122(Skeleton22, { className: "mt-1.5 h-12 w-full" }) : null,
+    rows === null && !error ? /* @__PURE__ */ jsx122(Skeleton23, { className: "mt-1.5 h-12 w-full" }) : null,
     rows && !error ? rows.length === 0 ? /* @__PURE__ */ jsx122("p", { className: "mt-1.5 text-xs", children: "They can sign in, and right now no record of this Table names them \u2014 so this page is empty for them." }) : /* @__PURE__ */ jsx122("ul", { className: "mt-1.5 flex flex-col gap-1", children: rows.map((row) => /* @__PURE__ */ jsx122("li", { className: "truncate text-xs", children: row.title }, row.record_id)) }) : null
   ] });
 }
@@ -38290,7 +38291,7 @@ function Invite({ card, onInvited }) {
     /* @__PURE__ */ jsx122("p", { className: "text-xs text-muted-foreground", children: "Pick the client they are, and say where to send their sign-in link. They get nothing until they follow it." }),
     error ? /* @__PURE__ */ jsx122(RefusalNotice, { error }) : null,
     said ? /* @__PURE__ */ jsx122("p", { className: "text-xs text-muted-foreground", children: said }) : null,
-    rows === null ? /* @__PURE__ */ jsx122(Skeleton22, { className: "h-9 w-full" }) : /* @__PURE__ */ jsxs112(Fragment48, { children: [
+    rows === null ? /* @__PURE__ */ jsx122(Skeleton23, { className: "h-9 w-full" }) : /* @__PURE__ */ jsxs112(Fragment48, { children: [
       /* @__PURE__ */ jsx122(
         BasicInput24,
         {
@@ -38455,7 +38456,7 @@ function FormLookFrame({ look, title, children, contained = false, className })
 import { useCallback as useCallback49, useEffect as useEffect86, useMemo as useMemo62, useState as useState100 } from "react";
 import { useRecordsClient as useRecordsClient76, useTable as useTable24 } from "@ai-matrx/records/react";
 import { hasQuietHours } from "@ai-matrx/records";
-import { BasicInput as BasicInput25, Button as Button80, Checkbox as Checkbox13, Label as Label19, Separator as Separator12, Skeleton as Skeleton23, cn as cn71 } from "@ai-matrx/design-system";
+import { BasicInput as BasicInput25, Button as Button80, Checkbox as Checkbox13, Label as Label19, Separator as Separator12, Skeleton as Skeleton24, cn as cn71 } from "@ai-matrx/design-system";
 
 // src/scheduleWords.ts
 var DAYS2 = {
@@ -38637,7 +38638,7 @@ function DigestScheduler({
     }
     setPreview(answered.data);
   }
-  if (views === null && !error) return /* @__PURE__ */ jsx124(Skeleton23, { className: cn71("h-56 w-full", className) });
+  if (views === null && !error) return /* @__PURE__ */ jsx124(Skeleton24, { className: cn71("h-56 w-full", className) });
   return /* @__PURE__ */ jsxs114("section", { className: cn71("@container flex flex-col gap-3", className), children: [
     /* @__PURE__ */ jsxs114("header", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsx124("h3", { className: "text-sm font-medium", children: existing ? "Change this summary" : "Send this on a schedule" }),
@@ -38730,7 +38731,7 @@ function DigestScheduler({
     ] }),
     /* @__PURE__ */ jsxs114("div", { className: "flex flex-col gap-1.5", children: [
       /* @__PURE__ */ jsx124(Label19, { className: "text-xs font-medium", children: "Who to send it to" }),
-      members === null ? /* @__PURE__ */ jsx124(Skeleton23, { className: "h-8 w-full" }) : members.length === 0 ? /* @__PURE__ */ jsx124("p", { className: "text-xs text-muted-foreground", children: "Nobody else is offered here, so this will be addressed to you. Who the people are is the platform's answer and this screen reaches it through its host's `members` port, which is not bound here." }) : /* @__PURE__ */ jsxs114(Fragment49, { children: [
+      members === null ? /* @__PURE__ */ jsx124(Skeleton24, { className: "h-8 w-full" }) : members.length === 0 ? /* @__PURE__ */ jsx124("p", { className: "text-xs text-muted-foreground", children: "Nobody else is offered here, so this will be addressed to you. Who the people are is the platform's answer and this screen reaches it through its host's `members` port, which is not bound here." }) : /* @__PURE__ */ jsxs114(Fragment49, { children: [
         /* @__PURE__ */ jsx124("div", { className: "flex flex-wrap gap-x-4 gap-y-1.5", children: members.map((m) => /* @__PURE__ */ jsxs114("label", { className: "flex items-center gap-1.5 text-xs", children: [
           /* @__PURE__ */ jsx124(
             Checkbox13,
@@ -38827,12 +38828,12 @@ function DigestScheduler({
 import { useCallback as useCallback51, useEffect as useEffect88, useState as useState102 } from "react";
 import { useRecordsClient as useRecordsClient78 } from "@ai-matrx/records/react";
 import { hasQuietHours as hasQuietHours2 } from "@ai-matrx/records";
-import { Badge as Badge22, Button as Button82, Skeleton as Skeleton25, Switch as Switch4, cn as cn73 } from "@ai-matrx/design-system";
+import { Badge as Badge22, Button as Button82, Skeleton as Skeleton26, Switch as Switch4, cn as cn73 } from "@ai-matrx/design-system";
 
 // src/WebhooksPanel.tsx
 import { useCallback as useCallback50, useEffect as useEffect87, useState as useState101 } from "react";
 import { useRecordsClient as useRecordsClient77, useTable as useTable25 } from "@ai-matrx/records/react";
-import { BasicInput as BasicInput26, Button as Button81, Checkbox as Checkbox14, ConfirmDialog as ConfirmDialog7, Label as Label20, Skeleton as Skeleton24, cn as cn72 } from "@ai-matrx/design-system";
+import { BasicInput as BasicInput26, Button as Button81, Checkbox as Checkbox14, ConfirmDialog as ConfirmDialog7, Label as Label20, Skeleton as Skeleton25, cn as cn72 } from "@ai-matrx/design-system";
 import { jsx as jsx125, jsxs as jsxs115 } from "react/jsx-runtime";
 var WEBHOOK_EVENT_LABEL = {
   "record.created": "A record is added",
@@ -38900,7 +38901,7 @@ function WebhooksPanel({ tableId, className }) {
     setEvents(DEFAULT_EVENTS);
     await load();
   };
-  if (hooks === null) return /* @__PURE__ */ jsx125(Skeleton24, { className: cn72("h-16 w-full", className) });
+  if (hooks === null) return /* @__PURE__ */ jsx125(Skeleton25, { className: cn72("h-16 w-full", className) });
   const notHers = readRefused?.sqlstate === "42501" && rights.known && !rights.structure;
   if (notHers) {
     return /* @__PURE__ */ jsxs115("section", { "data-records-webhooks": "", className: cn72("flex flex-col gap-2 border-t pt-3", className), children: [
@@ -39097,7 +39098,7 @@ function SubscriptionsPanel({ tableId, activeRuleId, className }) {
     },
     [client]
   );
-  if (rows === null) return /* @__PURE__ */ jsx126(Skeleton25, { className: cn73("h-32 w-full", className) });
+  if (rows === null) return /* @__PURE__ */ jsx126(Skeleton26, { className: cn73("h-32 w-full", className) });
   return /* @__PURE__ */ jsxs116("section", { className: cn73("flex flex-col gap-3", className), children: [
     /* @__PURE__ */ jsxs116("header", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsx126("h3", { className: "text-sm font-medium", children: "Notifications" }),
@@ -39264,14 +39265,14 @@ import {
   Button as Button85,
   Checkbox as Checkbox15,
   Label as Label21,
-  Skeleton as Skeleton28,
+  Skeleton as Skeleton29,
   cn as cn76
 } from "@ai-matrx/design-system";
 
 // src/FormRunner.tsx
 import { useCallback as useCallback52, useEffect as useEffect89, useMemo as useMemo63, useRef as useRef49, useState as useState103 } from "react";
 import { useFields as useFields23, useOptionalRecordsClient as useOptionalRecordsClient11 } from "@ai-matrx/records/react";
-import { Button as Button83, Progress, Skeleton as Skeleton26, cn as cn74 } from "@ai-matrx/design-system";
+import { Button as Button83, Progress, Skeleton as Skeleton27, cn as cn74 } from "@ai-matrx/design-system";
 import { humanizeIdentifier as humanizeIdentifier17 } from "@ai-matrx/kit/text-case";
 import { Fragment as Fragment50, jsx as jsx127, jsxs as jsxs117 } from "react/jsx-runtime";
 function authored(host, text, where) {
@@ -39336,7 +39337,7 @@ function ConnectedFormRunner(props) {
     [client, form.subject, form.questions]
   );
   if (fields.error) return /* @__PURE__ */ jsx127(RefusalNotice, { error: fields.error, className });
-  if (fields.loading && !fields.data) return /* @__PURE__ */ jsx127(Skeleton26, { className: cn74("h-40 w-full", className) });
+  if (fields.loading && !fields.data) return /* @__PURE__ */ jsx127(Skeleton27, { className: cn74("h-40 w-full", className) });
   return /* @__PURE__ */ jsx127(
     FormStage,
     {
@@ -39711,7 +39712,7 @@ function Question({
 import { useCallback as useCallback53, useEffect as useEffect90, useState as useState104 } from "react";
 import { useRecordsClient as useRecordsClient79, useTable as useTable26 } from "@ai-matrx/records/react";
 import { hasQuietHours as hasQuietHours3 } from "@ai-matrx/records";
-import { Button as Button84, Skeleton as Skeleton27, cn as cn75 } from "@ai-matrx/design-system";
+import { Button as Button84, Skeleton as Skeleton28, cn as cn75 } from "@ai-matrx/design-system";
 import { jsx as jsx128, jsxs as jsxs118 } from "react/jsx-runtime";
 var CADENCE_WORDS2 = SUBSCRIPTION_CADENCE_LABEL;
 var CHANNEL_WORDS3 = SUBSCRIPTION_CHANNEL_LABEL;
@@ -39842,7 +39843,7 @@ function NotifyRuleEditor({ tableId, seed, chosenRuleId, onChoose, className })
       }
     );
   }
-  if (subscriptions === null) return /* @__PURE__ */ jsx128(Skeleton27, { className: cn75("h-40 w-full", className) });
+  if (subscriptions === null) return /* @__PURE__ */ jsx128(Skeleton28, { className: cn75("h-40 w-full", className) });
   return /* @__PURE__ */ jsxs118("div", { className: cn75("flex flex-col gap-2", className), children: [
     /* @__PURE__ */ jsxs118("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
       /* @__PURE__ */ jsx128("span", { className: "font-medium text-foreground", children: "Tell me when" }),
@@ -40237,9 +40238,9 @@ function FormBuilder({ tableId, seed, activeFormId, onActiveForm, startWithOne,
       }
     );
   }
-  if (fields.loading || forms === null) return /* @__PURE__ */ jsx129(Skeleton28, { className: cn76("h-64 w-full", className) });
+  if (fields.loading || forms === null) return /* @__PURE__ */ jsx129(Skeleton29, { className: cn76("h-64 w-full", className) });
   if (createOnMount && (makeOnMount === "waiting" || makeOnMount === "making") && !refused) {
-    return /* @__PURE__ */ jsx129(Skeleton28, { className: cn76("h-64 w-full", className) });
+    return /* @__PURE__ */ jsx129(Skeleton29, { className: cn76("h-64 w-full", className) });
   }
   if (!rights.admin) {
     return /* @__PURE__ */ jsx129("p", { className: cn76("text-xs text-muted-foreground", className), children: rights.why("structure") });
@@ -40461,7 +40462,7 @@ function FormBuilder({ tableId, seed, activeFormId, onActiveForm, startWithOne,
                 }
               )
             ] })
-          ] }) : lookUnread ? null : /* @__PURE__ */ jsx129(Skeleton28, { className: "h-12 w-full" }),
+          ] }) : lookUnread ? null : /* @__PURE__ */ jsx129(Skeleton29, { className: "h-12 w-full" }),
           lookUnread ? /* @__PURE__ */ jsx129(RefusalLine, { error: lookUnread }) : null,
           refused && isLookRefusal(refused) ? /* @__PURE__ */ jsx129(RefusalLine, { error: refused }) : null
         ] }),
@@ -40961,7 +40962,7 @@ function ChartLegendContent({
 // src/DocTemplate.tsx
 import { useCallback as useCallback55, useEffect as useEffect93, useState as useState107 } from "react";
 import { useFields as useFields25, useRecordsClient as useRecordsClient81, useTable as useTable28 } from "@ai-matrx/records/react";
-import { BasicInput as BasicInput28, BasicTextarea as BasicTextarea11, Button as Button86, Label as Label22, Skeleton as Skeleton29, cn as cn78 } from "@ai-matrx/design-system";
+import { BasicInput as BasicInput28, BasicTextarea as BasicTextarea11, Button as Button86, Label as Label22, Skeleton as Skeleton30, cn as cn78 } from "@ai-matrx/design-system";
 import { jsx as jsx131, jsxs as jsxs121 } from "react/jsx-runtime";
 function DocTemplate({ tableId, seed, activeTemplateId, onActiveTemplate, className }) {
   const client = useRecordsClient81();
@@ -41059,7 +41060,7 @@ function DocTemplate({ tableId, seed, activeTemplateId, onActiveTemplate, classN
       }
     );
   }
-  if (templates === null || fields.loading && !fields.data) return /* @__PURE__ */ jsx131(Skeleton29, { className: cn78("h-64 w-full", className) });
+  if (templates === null || fields.loading && !fields.data) return /* @__PURE__ */ jsx131(Skeleton30, { className: cn78("h-64 w-full", className) });
   if (!rights.admin) {
     return /* @__PURE__ */ jsx131("p", { className: cn78("text-xs text-muted-foreground", className), children: rights.why("structure") });
   }
@@ -41145,7 +41146,7 @@ function DocTemplate({ tableId, seed, activeTemplateId, onActiveTemplate, classN
 // src/DocRender.tsx
 import { useCallback as useCallback56, useEffect as useEffect94, useRef as useRef52, useState as useState108 } from "react";
 import { useRecordsClient as useRecordsClient82 } from "@ai-matrx/records/react";
-import { Button as Button87, Skeleton as Skeleton30, cn as cn79 } from "@ai-matrx/design-system";
+import { Button as Button87, Skeleton as Skeleton31, cn as cn79 } from "@ai-matrx/design-system";
 import { jsx as jsx132, jsxs as jsxs122 } from "react/jsx-runtime";
 function DocRender({ templateId, recordId, filename, onRendered, className }) {
   const client = useRecordsClient82();
@@ -41218,7 +41219,7 @@ function DocRender({ templateId, recordId, filename, onRendered, className }) {
       }
     );
   }
-  if (preview === null || renders === null) return /* @__PURE__ */ jsx132(Skeleton30, { className: cn79("h-64 w-full", className) });
+  if (preview === null || renders === null) return /* @__PURE__ */ jsx132(Skeleton31, { className: cn79("h-64 w-full", className) });
   const frozen = showing ? renders.find((r) => r.id === showing) ?? null : null;
   const text = frozen ? frozen.body : preview;
   return /* @__PURE__ */ jsxs122("div", { className: cn79("flex flex-col gap-2", className), children: [
@@ -41258,7 +41259,7 @@ function DocRender({ templateId, recordId, filename, onRendered, className }) {
 // src/SignBlock.tsx
 import { useCallback as useCallback57, useEffect as useEffect95, useState as useState109 } from "react";
 import { useFields as useFields26, useRecordsClient as useRecordsClient83 } from "@ai-matrx/records/react";
-import { BasicInput as BasicInput29, Button as Button88, Skeleton as Skeleton31, cn as cn80 } from "@ai-matrx/design-system";
+import { BasicInput as BasicInput29, Button as Button88, Skeleton as Skeleton32, cn as cn80 } from "@ai-matrx/design-system";
 import { useTable as useTable29 } from "@ai-matrx/records/react";
 import { jsx as jsx133, jsxs as jsxs123 } from "react/jsx-runtime";
 function SignBlock({ tableId, recordId, render, className }) {
@@ -41317,7 +41318,7 @@ function SignBlock({ tableId, recordId, render, className }) {
       }
     );
   }
-  if (fields.loading || signatures === null) return /* @__PURE__ */ jsx133(Skeleton31, { className: cn80("h-32 w-full", className) });
+  if (fields.loading || signatures === null) return /* @__PURE__ */ jsx133(Skeleton32, { className: cn80("h-32 w-full", className) });
   const signable = (fields.data ?? []).filter(isSignatureField);
   return /* @__PURE__ */ jsxs123("div", { className: cn80("flex flex-col gap-2", className), children: [
     /* @__PURE__ */ jsxs123("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
@@ -41956,7 +41957,7 @@ import {
   SelectItem as SelectItem18,
   SelectTrigger as SelectTrigger18,
   SelectValue as SelectValue18,
-  Skeleton as Skeleton32,
+  Skeleton as Skeleton33,
   cn as cn83
 } from "@ai-matrx/design-system";
 
@@ -42799,7 +42800,7 @@ function DashboardCanvas({ tableId, activeDashboardId, filter, createOnMount, on
   }
   const spansTables = new Set((board?.blocks ?? []).map((b) => b.subject ?? tableId)).size > 1;
   const rightsPending = !rights.known && (table.loading || !!table.data && !table.error);
-  if (boards === null || rightsPending) return /* @__PURE__ */ jsx139(Skeleton32, { className: cn83("h-64 w-full", className) });
+  if (boards === null || rightsPending) return /* @__PURE__ */ jsx139(Skeleton33, { className: cn83("h-64 w-full", className) });
   const PageLink = host.Link;
   return /* @__PURE__ */ jsxs128("div", { className: cn83("flex min-h-0 flex-col gap-2", className), children: [
     /* @__PURE__ */ jsxs128("div", { className: "flex flex-wrap items-center gap-1", role: "group", "aria-label": "Dashboards", children: [
@@ -42928,7 +42929,7 @@ function DashboardCanvas({ tableId, activeDashboardId, filter, createOnMount, on
       /* @__PURE__ */ jsx139(Button91, { size: "sm", disabled: !host.onReask || asking || question.trim() === "", onClick: () => void reask(), children: asking ? "Asking" : "Ask" })
     ] }) }) : null,
     notKept ? /* @__PURE__ */ jsx139("p", { role: "status", "data-records-dashboard-not-kept": "", className: "text-xs text-amber-700 dark:text-amber-400", children: notKept }) : null,
-    !board ? /* @__PURE__ */ jsx139("p", { className: "text-xs text-muted-foreground", children: rights.admin ? "No dashboards yet." : rights.why("structure") }) : run === null ? /* @__PURE__ */ jsx139(Skeleton32, { className: "h-64 w-full" }) : run.blocks.length === 0 ? /* @__PURE__ */ jsx139("p", { className: "text-xs text-muted-foreground", children: "No charts yet." }) : /* @__PURE__ */ jsxs128(Fragment54, { children: [
+    !board ? /* @__PURE__ */ jsx139("p", { className: "text-xs text-muted-foreground", children: rights.admin ? "No dashboards yet." : rights.why("structure") }) : run === null ? /* @__PURE__ */ jsx139(Skeleton33, { className: "h-64 w-full" }) : run.blocks.length === 0 ? /* @__PURE__ */ jsx139("p", { className: "text-xs text-muted-foreground", children: "No charts yet." }) : /* @__PURE__ */ jsxs128(Fragment54, { children: [
       /* @__PURE__ */ jsx139(
         DashboardGrid,
         {
@@ -43264,7 +43265,7 @@ function TargetControl({
 // src/QuestionPanel.tsx
 import { copyText as copyText8 } from "@ai-matrx/kit/clipboard";
 import { useEffect as useEffect99, useMemo as useMemo70, useRef as useRef54, useState as useState114 } from "react";
-import { Badge as Badge23, BasicInput as BasicInput31, Button as Button92, Checkbox as Checkbox16, Label as Label23, Skeleton as Skeleton33, cn as cn84 } from "@ai-matrx/design-system";
+import { Badge as Badge23, BasicInput as BasicInput31, Button as Button92, Checkbox as Checkbox16, Label as Label23, Skeleton as Skeleton34, cn as cn84 } from "@ai-matrx/design-system";
 import { useFields as useFields30, useRecordsClient as useRecordsClient86 } from "@ai-matrx/records/react";
 
 // src/question.ts
@@ -43801,8 +43802,8 @@ function QuestionPanel({ tableId, activeQuestionId, draft, className }) {
   };
   if (fields.loading || hidden === null) {
     return /* @__PURE__ */ jsxs129("div", { className: cn84("flex flex-col gap-2 p-3", className), "data-testid": "question-panel", children: [
-      /* @__PURE__ */ jsx140(Skeleton33, { className: "h-8 w-full" }),
-      /* @__PURE__ */ jsx140(Skeleton33, { className: "h-32 w-full" })
+      /* @__PURE__ */ jsx140(Skeleton34, { className: "h-8 w-full" }),
+      /* @__PURE__ */ jsx140(Skeleton34, { className: "h-32 w-full" })
     ] });
   }
   const savedOptions = [
@@ -43935,7 +43936,7 @@ function QuestionPanel({ tableId, activeQuestionId, draft, className }) {
         )) })
       ] }) : null
     ] }),
-    /* @__PURE__ */ jsx140("div", { className: cn84("min-h-24 rounded-md border p-2 transition-opacity", asking && "opacity-60"), "data-testid": "question-answer", "aria-busy": asking, children: answer === null ? /* @__PURE__ */ jsx140(Skeleton33, { className: "h-16 w-full" }) : !answer.ok ? /* @__PURE__ */ jsx140(RefusalNotice, { error: answer.error }) : /* @__PURE__ */ jsx140(QuestionAnswerView, { tableId, spec, answer: answer.data, fields: all, related }) })
+    /* @__PURE__ */ jsx140("div", { className: cn84("min-h-24 rounded-md border p-2 transition-opacity", asking && "opacity-60"), "data-testid": "question-answer", "aria-busy": asking, children: answer === null ? /* @__PURE__ */ jsx140(Skeleton34, { className: "h-16 w-full" }) : !answer.ok ? /* @__PURE__ */ jsx140(RefusalNotice, { error: answer.error }) : /* @__PURE__ */ jsx140(QuestionAnswerView, { tableId, spec, answer: answer.data, fields: all, related }) })
   ] });
 }
 function Measures({ measures, fields, onChange }) {
@@ -44191,7 +44192,7 @@ function QuestionAnswerView({ tableId, spec, answer, fields, related = NO_RELATE
 
 // src/TableAsk.tsx
 import { useState as useState115 } from "react";
-import { BasicInput as BasicInput32, Button as Button93, Popover as Popover12, PopoverContent as PopoverContent12, PopoverTrigger as PopoverTrigger12, Skeleton as Skeleton34 } from "@ai-matrx/design-system";
+import { BasicInput as BasicInput32, Button as Button93, Popover as Popover12, PopoverContent as PopoverContent12, PopoverTrigger as PopoverTrigger12, Skeleton as Skeleton35 } from "@ai-matrx/design-system";
 import { optionLabel as optionLabel4 } from "@ai-matrx/records";
 import { useFields as useFields31, useRecordsClient as useRecordsClient87 } from "@ai-matrx/records/react";
 
@@ -44462,7 +44463,7 @@ function TableAsk({ tableId, onOpenInQuestions }) {
       said.kind === "not-read" ? /* @__PURE__ */ jsx141("p", { className: "text-muted-foreground", role: "status", "data-table-ask-not-read": "", children: said.why }) : null,
       said.kind === "asking" ? /* @__PURE__ */ jsxs130(Fragment56, { children: [
         /* @__PURE__ */ jsx141("p", { className: "truncate text-muted-foreground", children: said.reads }),
-        /* @__PURE__ */ jsx141(Skeleton34, { className: "h-10 w-full" })
+        /* @__PURE__ */ jsx141(Skeleton35, { className: "h-10 w-full" })
       ] }) : null,
       said.kind === "refused" ? /* @__PURE__ */ jsx141(RefusalNotice, { error: said.error }) : null,
       said.kind === "answer" ? /* @__PURE__ */ jsxs130(Fragment56, { children: [
@@ -44497,7 +44498,7 @@ import {
   useRowActions as useRowActions2
 } from "@ai-matrx/records/react";
 import { onRecordChanged } from "@ai-matrx/records/core";
-import { BasicInput as BasicInput33, Button as Button94, Checkbox as Checkbox17, Skeleton as Skeleton35, cn as cn85 } from "@ai-matrx/design-system";
+import { BasicInput as BasicInput33, Button as Button94, Checkbox as Checkbox17, Skeleton as Skeleton36, cn as cn85 } from "@ai-matrx/design-system";
 import { Fragment as Fragment57, jsx as jsx142, jsxs as jsxs131 } from "react/jsx-runtime";
 var EDIT_LEVELS = /* @__PURE__ */ new Set(["editor", "admin", "owner"]);
 function PageScreen({
@@ -44638,7 +44639,7 @@ function PageScreen({
   if (missing) {
     return /* @__PURE__ */ jsx142("p", { className: cn85("p-4 text-sm text-muted-foreground", className), "data-records-page-missing": "", children: "This page is archived or not shared with you." });
   }
-  if (!page) return /* @__PURE__ */ jsx142(Skeleton35, { className: cn85("h-64 w-full", className) });
+  if (!page) return /* @__PURE__ */ jsx142(Skeleton36, { className: cn85("h-64 w-full", className) });
   const filtersFor = (listId) => {
     const out = {};
     for (const b of blocks) {
@@ -44938,7 +44939,7 @@ function ListBlockView({
       ) : null,
       page.data?.total !== null && page.data?.total !== void 0 && !nobodyIsMe ? /* @__PURE__ */ jsx142("span", { className: "text-xs tabular-nums text-muted-foreground", children: page.data.total }) : null
     ] }),
-    page.error ? /* @__PURE__ */ jsx142(RefusalLine, { error: page.error, className: "px-2 pb-2" }) : waiting || page.loading && rows.length === 0 ? /* @__PURE__ */ jsx142(Skeleton35, { className: "m-2 h-24" }) : rows.length === 0 ? /* @__PURE__ */ jsx142("p", { className: "px-2 pb-2 text-xs text-muted-foreground", children: mine && meField ? "Nothing assigned to you here." : "No records match." }) : /* @__PURE__ */ jsx142("div", { className: "max-h-[28rem] overflow-auto", role: "listbox", "aria-label": block.title ?? table.data?.name ?? "Records", children: /* @__PURE__ */ jsxs131("table", { className: "w-full text-xs", children: [
+    page.error ? /* @__PURE__ */ jsx142(RefusalLine, { error: page.error, className: "px-2 pb-2" }) : waiting || page.loading && rows.length === 0 ? /* @__PURE__ */ jsx142(Skeleton36, { className: "m-2 h-24" }) : rows.length === 0 ? /* @__PURE__ */ jsx142("p", { className: "px-2 pb-2 text-xs text-muted-foreground", children: mine && meField ? "Nothing assigned to you here." : "No records match." }) : /* @__PURE__ */ jsx142("div", { className: "max-h-[28rem] overflow-auto", role: "listbox", "aria-label": block.title ?? table.data?.name ?? "Records", children: /* @__PURE__ */ jsxs131("table", { className: "w-full text-xs", children: [
       /* @__PURE__ */ jsx142("thead", { className: "sticky top-0 bg-card text-left text-muted-foreground", children: /* @__PURE__ */ jsx142("tr", { children: columns.map((f) => /* @__PURE__ */ jsx142("th", { className: "truncate px-2 py-1 font-normal", children: fieldName(f) }, f.key)) }) }),
       /* @__PURE__ */ jsx142("tbody", { children: rows.map((row) => /* @__PURE__ */ jsx142(
         "tr",
@@ -44989,7 +44990,7 @@ function ActionButton2({ block, recordId }) {
     setError(null);
     setAsking(false);
   }, [recordId]);
-  if (action3 === "reading") return /* @__PURE__ */ jsx142(Skeleton35, { className: "h-9 w-32" });
+  if (action3 === "reading") return /* @__PURE__ */ jsx142(Skeleton36, { className: "h-9 w-32" });
   if (!action3) return /* @__PURE__ */ jsx142(BlockNote, { children: "Choose the action this button runs." });
   const label = block.title ?? action3.name;
   async function runIt() {
@@ -45038,7 +45039,7 @@ function FormBlockView({ block }) {
       live = false;
     };
   }, [client, block.table_id, block.form_id]);
-  if (form === "reading") return /* @__PURE__ */ jsx142(Skeleton35, { className: "h-40 w-full" });
+  if (form === "reading") return /* @__PURE__ */ jsx142(Skeleton36, { className: "h-40 w-full" });
   if (!form) return /* @__PURE__ */ jsx142(BlockNote, { children: "Choose the form this block shows." });
   return /* @__PURE__ */ jsx142(FormRunner, { form: formFromSummary(form), onSubmitted: () => setSent((n) => n + 1) }, sent);
 }
@@ -45046,7 +45047,7 @@ function FilterBlockView({ block, value, onChange }) {
   const fields = useFields32(block.table_id);
   const field2 = (fields.data ?? []).find((f) => f.key === block.field);
   if (!block.field) return /* @__PURE__ */ jsx142(BlockNote, { children: "Choose the column this filter narrows by." });
-  if (!field2) return fields.loading ? /* @__PURE__ */ jsx142(Skeleton35, { className: "h-9 w-40" }) : /* @__PURE__ */ jsx142(BlockNote, { children: "That column is no longer on the table." });
+  if (!field2) return fields.loading ? /* @__PURE__ */ jsx142(Skeleton36, { className: "h-9 w-40" }) : /* @__PURE__ */ jsx142(BlockNote, { children: "That column is no longer on the table." });
   const set = value !== void 0 && value !== null && value !== "";
   return /* @__PURE__ */ jsxs131("div", { className: "flex flex-wrap items-center gap-2", "data-records-page-filter": block.id, children: [
     /* @__PURE__ */ jsx142("span", { className: "text-xs text-muted-foreground", children: block.title ?? fieldName(field2) }),
@@ -45279,7 +45280,7 @@ import { copyText as copyText9 } from "@ai-matrx/kit/clipboard";
 import { useCallback as useCallback60, useEffect as useEffect101, useState as useState117 } from "react";
 import { useRecordsClient as useRecordsClient89, useTable as useTable33 } from "@ai-matrx/records/react";
 import { publicFormPath as publicFormPath2 } from "@ai-matrx/records";
-import { Badge as Badge24, Button as Button95, Skeleton as Skeleton36, cn as cn86 } from "@ai-matrx/design-system";
+import { Badge as Badge24, Button as Button95, Skeleton as Skeleton37, cn as cn86 } from "@ai-matrx/design-system";
 import { Fragment as Fragment58, jsx as jsx143, jsxs as jsxs132 } from "react/jsx-runtime";
 var FORM_NOT_HERE_LINE = "The link named a form this table does not have \u2014 it may have been removed, or it belongs to another table. The forms this table does have are listed here.";
 var WHAT_A_FORM_IS = "A form asks for this table's own fields, and its answers land here as ordinary records stamped with the form they came through.";
@@ -45341,7 +45342,7 @@ function FormsPanel({ tableId, activeFormId, className }) {
       setShown(url);
     }
   }, []);
-  if (forms === null) return /* @__PURE__ */ jsx143(Skeleton36, { className: cn86("h-32 w-full", className) });
+  if (forms === null) return /* @__PURE__ */ jsx143(Skeleton37, { className: cn86("h-32 w-full", className) });
   const origin = host.publicOrigin ?? (typeof window === "undefined" ? "" : window.location.origin);
   return /* @__PURE__ */ jsxs132("section", { className: cn86("flex flex-col gap-3", className), children: [
     /* @__PURE__ */ jsxs132("header", { className: "flex items-center gap-2", children: [
@@ -45461,7 +45462,7 @@ function FormsPanel({ tableId, activeFormId, className }) {
 // src/CaptureSheet.tsx
 import { useCallback as useCallback62, useEffect as useEffect103, useRef as useRef56, useState as useState119 } from "react";
 import { useFields as useFields33, useRecordsClient as useRecordsClient91, useTable as useTable34 } from "@ai-matrx/records/react";
-import { Button as Button97, Input as Input8, Skeleton as Skeleton38, Textarea as Textarea7, cn as cn88 } from "@ai-matrx/design-system";
+import { Button as Button97, Input as Input8, Skeleton as Skeleton39, Textarea as Textarea7, cn as cn88 } from "@ai-matrx/design-system";
 
 // src/CaptureRun.tsx
 import { useCallback as useCallback61, useEffect as useEffect102, useMemo as useMemo72, useRef as useRef55, useState as useState118 } from "react";
@@ -45471,7 +45472,7 @@ import {
   openCaptureQueue
 } from "@ai-matrx/records";
 import { useRecordsClient as useRecordsClient90 } from "@ai-matrx/records/react";
-import { Button as Button96, Input as Input7, Skeleton as Skeleton37, Textarea as Textarea6, cn as cn87 } from "@ai-matrx/design-system";
+import { Button as Button96, Input as Input7, Skeleton as Skeleton38, Textarea as Textarea6, cn as cn87 } from "@ai-matrx/design-system";
 import { jsx as jsx144, jsxs as jsxs133 } from "react/jsx-runtime";
 function controlFor(field2) {
   if (!field2) return "text";
@@ -45652,7 +45653,7 @@ function CaptureRun({ sheetId, face: given, className }) {
     return /* @__PURE__ */ jsx144("section", { className: cn87("mx-auto w-full max-w-sm p-4", className), children: /* @__PURE__ */ jsx144("div", { "data-testid": "capture-refusal", children: /* @__PURE__ */ jsx144(RefusalNotice, { error: loadFailed, className: "text-sm" }) }) });
   }
   if (face === void 0) {
-    return /* @__PURE__ */ jsx144(Skeleton37, { className: cn87("mx-auto h-64 w-full max-w-sm", className) });
+    return /* @__PURE__ */ jsx144(Skeleton38, { className: cn87("mx-auto h-64 w-full max-w-sm", className) });
   }
   if (face === null) {
     return /* @__PURE__ */ jsx144("section", { className: cn87("mx-auto w-full max-w-sm p-4", className), children: /* @__PURE__ */ jsx144("p", { className: "text-sm", "data-testid": "capture-refusal", children: "This capture sheet is not here, or it is not yours to open. If somebody sent you this link, ask them to check it." }) });
@@ -45985,7 +45986,7 @@ function AdHocCaptureSheet({
   }
   if (table.error) return /* @__PURE__ */ jsx145(RefusalNotice, { error: table.error, className });
   if (fields.error) return /* @__PURE__ */ jsx145(RefusalNotice, { error: fields.error, className });
-  if (fields.loading || pending === null) return /* @__PURE__ */ jsx145(Skeleton38, { className: cn88("h-64 w-full", className) });
+  if (fields.loading || pending === null) return /* @__PURE__ */ jsx145(Skeleton39, { className: cn88("h-64 w-full", className) });
   const keys = resolved();
   return /* @__PURE__ */ jsxs134("section", { className: cn88("mx-auto flex w-full max-w-sm flex-col gap-2", className), children: [
     /* @__PURE__ */ jsxs134("header", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
@@ -46092,7 +46093,7 @@ function AdHocCaptureSheet({
 // src/PortalShell.tsx
 import { useCallback as useCallback63, useEffect as useEffect104, useState as useState120 } from "react";
 import { useRecordsClient as useRecordsClient92 } from "@ai-matrx/records/react";
-import { Button as Button98, Skeleton as Skeleton39, cn as cn89 } from "@ai-matrx/design-system";
+import { Button as Button98, Skeleton as Skeleton40, cn as cn89 } from "@ai-matrx/design-system";
 import { jsx as jsx146, jsxs as jsxs135 } from "react/jsx-runtime";
 function PortalShell({ tableId, form, resourceType = "record", className }) {
   const client = useRecordsClient92();
@@ -46122,7 +46123,7 @@ function PortalShell({ tableId, form, resourceType = "record", className }) {
   if (error) {
     return /* @__PURE__ */ jsx146(RefusalNotice, { error, className });
   }
-  if (!card || reach === null) return /* @__PURE__ */ jsx146(Skeleton39, { className: cn89("h-64 w-full", className) });
+  if (!card || reach === null) return /* @__PURE__ */ jsx146(Skeleton40, { className: cn89("h-64 w-full", className) });
   if (!card.external) {
     return /* @__PURE__ */ jsx146("p", { className: cn89("rounded border border-dashed px-2 py-1 text-xs text-muted-foreground", className), children: card.explanation || "You are a member of an organization here, so this portal is not yours \u2014 a portal is the scoped view an OUTSIDER gets. You have the full application instead." });
   }
@@ -46198,7 +46199,7 @@ function PortalRow({ tableId, recordId }) {
 // src/PublicViewPage.tsx
 import { useCallback as useCallback64, useEffect as useEffect105, useState as useState121 } from "react";
 import { useRecordsClient as useRecordsClient93 } from "@ai-matrx/records/react";
-import { Skeleton as Skeleton40, cn as cn90 } from "@ai-matrx/design-system";
+import { Skeleton as Skeleton41, cn as cn90 } from "@ai-matrx/design-system";
 
 // src/publicBinding.ts
 function publicReadOf(binding) {
@@ -46274,7 +46275,7 @@ function PublicViewPage({ slug, className }) {
     void load();
   }, [load]);
   if (error) return /* @__PURE__ */ jsx147(RefusalNotice, { error, className });
-  if (binding === null) return /* @__PURE__ */ jsx147(Skeleton40, { className: cn90("h-64 w-full", className) });
+  if (binding === null) return /* @__PURE__ */ jsx147(Skeleton41, { className: cn90("h-64 w-full", className) });
   if (binding === "none") {
     return /* @__PURE__ */ jsxs136("main", { className: cn90("mx-auto max-w-2xl py-16 text-center", className), children: [
       /* @__PURE__ */ jsx147("h1", { className: "text-lg font-medium", children: "Nothing here" }),
@@ -46287,7 +46288,7 @@ function PublicViewPage({ slug, className }) {
       /* @__PURE__ */ jsx147("span", { className: "font-medium text-foreground", children: binding.namespace ?? "Published" }),
       /* @__PURE__ */ jsx147("span", { children: plan?.read === "table" || plan?.read === "view" ? `${rows?.length ?? 0} items` : "Shared publicly" })
     ] }),
-    plan?.read === "unknown" ? /* @__PURE__ */ jsx147("p", { className: "text-sm text-muted-foreground", children: "This page can\u2019t be shown yet." }) : rows === null ? /* @__PURE__ */ jsx147(Skeleton40, { className: "h-40 w-full" }) : rows.length === 0 ? /* @__PURE__ */ jsx147("p", { className: "text-sm text-muted-foreground", children: "This page has nothing on it yet." }) : /* @__PURE__ */ jsx147("ol", { className: "flex flex-col gap-2", children: rows.map((row) => /* @__PURE__ */ jsx147("li", { className: "rounded border p-3", children: /* @__PURE__ */ jsx147(PublicRow, { row, fields }) }, row.id)) }),
+    plan?.read === "unknown" ? /* @__PURE__ */ jsx147("p", { className: "text-sm text-muted-foreground", children: "This page can\u2019t be shown yet." }) : rows === null ? /* @__PURE__ */ jsx147(Skeleton41, { className: "h-40 w-full" }) : rows.length === 0 ? /* @__PURE__ */ jsx147("p", { className: "text-sm text-muted-foreground", children: "This page has nothing on it yet." }) : /* @__PURE__ */ jsx147("ol", { className: "flex flex-col gap-2", children: rows.map((row) => /* @__PURE__ */ jsx147("li", { className: "rounded border p-3", children: /* @__PURE__ */ jsx147(PublicRow, { row, fields }) }, row.id)) }),
     /* @__PURE__ */ jsx147("footer", { className: "mt-4 border-t pt-3 text-xs text-muted-foreground", children: binding.notice || gap || "Nothing was scanned before this was listed." })
   ] });
 }
@@ -46310,7 +46311,7 @@ function PublicRow({ row, fields }) {
 import { copyText as copyText10 } from "@ai-matrx/kit/clipboard";
 import { useCallback as useCallback65, useEffect as useEffect106, useState as useState122 } from "react";
 import { useRecordsClient as useRecordsClient94 } from "@ai-matrx/records/react";
-import { Button as Button99, Input as Input9, Skeleton as Skeleton41, Textarea as Textarea8, cn as cn91 } from "@ai-matrx/design-system";
+import { Button as Button99, Input as Input9, Skeleton as Skeleton42, Textarea as Textarea8, cn as cn91 } from "@ai-matrx/design-system";
 import { useTable as useTable35 } from "@ai-matrx/records/react";
 import { Fragment as Fragment60, jsx as jsx148, jsxs as jsxs137 } from "react/jsx-runtime";
 function EmbedFrame({
@@ -46364,7 +46365,7 @@ function EmbedFrame({
     setTokenId(null);
   }, [client, tokenId]);
   if (table.error) return /* @__PURE__ */ jsx148(RefusalNotice, { error: table.error, className });
-  if (table.loading && !table.data) return /* @__PURE__ */ jsx148(Skeleton41, { className: cn91("h-48 w-full", className) });
+  if (table.loading && !table.data) return /* @__PURE__ */ jsx148(Skeleton42, { className: cn91("h-48 w-full", className) });
   if (!rights.admin) {
     return /* @__PURE__ */ jsxs137("p", { className: cn91("rounded border border-dashed px-2 py-1 text-xs text-muted-foreground", className), children: [
       rights.why("structure"),
@@ -46460,7 +46461,7 @@ import {
   DropdownMenuSeparator as DropdownMenuSeparator4,
   DropdownMenuTrigger as DropdownMenuTrigger9,
   Input as Input11,
-  Skeleton as Skeleton42,
+  Skeleton as Skeleton43,
   cn as cn94,
   useIsMobile as useIsMobile2
 } from "@ai-matrx/design-system";
@@ -46549,7 +46550,33 @@ function LinkedLists({ tableId, recordId }) {
   const links = (fields.data ?? []).filter((field2) => editorKindFor(field2) === "relation");
   const labels = useRecordLabels(links);
   const document2 = record.data?.document;
+  const may = useRecordRights(recordId);
   if (links.length === 0 || !document2) return null;
+  if (may.write) {
+    return /* @__PURE__ */ jsxs138("div", { className: "flex flex-col gap-3", "data-record-linked-lists": "", children: [
+      /* @__PURE__ */ jsx149(Separator13, {}),
+      /* @__PURE__ */ jsx149(
+        RecordFieldsInPlace,
+        {
+          tableId,
+          recordId,
+          fields: links,
+          document: document2,
+          hidden: record.data?.hidden,
+          canWrite: true,
+          reload: () => record.reload(),
+          className: "flex min-w-0 flex-col gap-1",
+          renderLabel: (field2) => {
+            const count = referencesOf(field2, document2[field2.key], "relation", labels).length;
+            return /* @__PURE__ */ jsxs138("span", { className: "flex items-center gap-2 pt-2 text-foreground", "data-record-linked-list": field2.key, children: [
+              /* @__PURE__ */ jsx149("span", { className: "truncate text-xs font-medium", children: fieldName(field2) }),
+              count > 0 ? /* @__PURE__ */ jsx149("span", { className: "text-[11px] text-muted-foreground", children: count }) : null
+            ] });
+          }
+        }
+      )
+    ] });
+  }
   return /* @__PURE__ */ jsxs138("div", { className: "flex flex-col gap-3", "data-record-linked-lists": "", children: [
     /* @__PURE__ */ jsx149(Separator13, {}),
     links.map((field2) => {
@@ -47268,7 +47295,7 @@ function TableNotHere({
       alive = false;
     };
   }, [client, tableId]);
-  if (archived.phase === "asking") return /* @__PURE__ */ jsx155(Skeleton42, { className: "h-40 w-full" });
+  if (archived.phase === "asking") return /* @__PURE__ */ jsx155(Skeleton43, { className: "h-40 w-full" });
   const row = archived.phase === "answered" ? archived.row : null;
   if (row) {
     return /* @__PURE__ */ jsxs144("div", { className: cn94("flex flex-col items-start gap-2 rounded-md border border-dashed p-6", className), children: [