@ai-matrx/records-ui 0.102.9 → 0.102.11

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");
@@ -7556,7 +7560,10 @@ 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
+      ),
       onDoubleClick: (event) => event.stopPropagation(),
       onKeyDown: (event) => {
         if (event.target?.closest?.("[data-refusal-notice], [data-records-choice-ask]")) return;
@@ -7611,7 +7618,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 +7652,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 +7708,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 +7718,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 +7732,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 +7783,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 +8328,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 +8395,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 +10358,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 +10743,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 +10754,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 +10762,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 +10800,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 +10970,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 +11219,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 +11238,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 +11284,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 +11311,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 +11324,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 +11410,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) {
@@ -16147,7 +16142,7 @@ import {
   HoverCardTrigger,
   Input as Input2,
   Label as Label13,
-  Skeleton as Skeleton3,
+  Skeleton as Skeleton4,
   Switch,
   cn as cn32
 } from "@ai-matrx/design-system";
@@ -16335,7 +16330,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" };
@@ -16825,7 +16820,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 +16842,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;
@@ -24775,7 +24770,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 +24953,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 +24964,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 +25240,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 +26057,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 +26647,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 +27218,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 +27336,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 +28484,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 +28531,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 +28606,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 +28923,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 +28989,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 +29444,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 +29972,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." });
   }
@@ -33630,7 +33625,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 +33717,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 +33821,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 +33917,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 +34001,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 +34196,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 +34434,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 +34580,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 +34866,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 +35100,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 +35891,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 +36087,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 +36118,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 +36401,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 +36459,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 +36645,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 +36681,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 +36913,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 +37090,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 +37311,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 +37710,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 +38011,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 +38222,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 +38285,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 +38450,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 +38632,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 +38725,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 +38822,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 +38895,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 +39092,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 +39259,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 +39331,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 +39706,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 +39837,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 +40232,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 +40456,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 +40956,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 +41054,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 +41140,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 +41213,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 +41253,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 +41312,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 +41951,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 +42794,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 +42923,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 +43259,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 +43796,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 +43930,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 +44186,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 +44457,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 +44492,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 +44633,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 +44933,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 +44984,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 +45033,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 +45041,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 +45274,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 +45336,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 +45456,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 +45466,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 +45647,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 +45980,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 +46087,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 +46117,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 +46193,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 +46269,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 +46282,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 +46305,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 +46359,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 +46455,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 +46544,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 +47289,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: [