@ai-matrx/records-ui 0.115.78 → 0.115.79

package/dist/index.js

@@ -3755,7 +3755,7 @@ import { useCallback as useCallback10, useEffect as useEffect25, useMemo as useM
 import { isButtonField as isButtonField4 } from "@ai-matrx/records";
 import { asWriteConflict, wholeValueOf as wholeValueOf2 } from "@ai-matrx/records/core";
 import { useRecordsClient as useRecordsClient13 } from "@ai-matrx/records/react";
-import { Button as Button20, Checkbox as Checkbox6, Popover as Popover8, PopoverContent as PopoverContent8, PopoverTrigger as PopoverTrigger8, cn as cn26 } from "@ai-matrx/design-system";
+import { Button as Button20, Checkbox as Checkbox6, Popover as Popover8, PopoverContent as PopoverContent8, PopoverTrigger as PopoverTrigger8, cn as cn27 } from "@ai-matrx/design-system";
 
 // src/presentation.ts
 import { COLOR_ROTATION, parseTableStyle, tableStyleIsEmpty } from "@ai-matrx/design-system/data-table/table-style";
@@ -4521,7 +4521,7 @@ import {
   SelectItem as SelectItem7,
   SelectTrigger as SelectTrigger7,
   SelectValue as SelectValue7,
-  cn as cn25
+  cn as cn26
 } from "@ai-matrx/design-system";
 
 // src/newerKindValues.tsx
@@ -5173,7 +5173,7 @@ function RelationPicker({ field: field2, value, onChange, disabled, id, classNam
 
 // src/buttonCell.tsx
 import { useState as useState28 } from "react";
-import { Button as Button18, Dialog as Dialog2, DialogContent as DialogContent2, DialogDescription, DialogHeader as DialogHeader2, DialogTitle as DialogTitle2, Popover as Popover5, PopoverContent as PopoverContent5, PopoverTrigger as PopoverTrigger5, cn as cn23 } from "@ai-matrx/design-system";
+import { Button as Button18, Dialog as Dialog2, DialogContent as DialogContent2, DialogDescription, DialogHeader as DialogHeader2, DialogTitle as DialogTitle2, Popover as Popover5, PopoverContent as PopoverContent5, PopoverTrigger as PopoverTrigger5, cn as cn24 } from "@ai-matrx/design-system";
 import { CHOICE_CHIP_CLASS as CHOICE_CHIP_CLASS2, NEUTRAL_CHIP_CLASS as NEUTRAL_CHIP_CLASS2, isStyleColor as isStyleColor2 } from "@ai-matrx/design-system/data-table";
 import { buttonNeeds as buttonNeeds2, buttonOf as buttonOf2 } from "@ai-matrx/records";
 import { useOptionalRecordsClient as useOptionalRecordsClient9 } from "@ai-matrx/records/react";
@@ -5241,7 +5241,7 @@ import {
   SelectTrigger as SelectTrigger6,
   SelectValue as SelectValue6,
   Separator,
-  cn as cn22
+  cn as cn23
 } from "@ai-matrx/design-system";
 
 // src/FormulaTextEditor.tsx
@@ -5574,7 +5574,7 @@ function WithheldValue({ field: field2, notice }) {
 }
 
 // src/values.tsx
-import { Badge as Badge5, cn as cn20 } from "@ai-matrx/design-system";
+import { Badge as Badge5, cn as cn21 } from "@ai-matrx/design-system";
 
 // src/embeddedLook.tsx
 import { createContext as createContext4, useContext as useContext4 } from "react";
@@ -6210,7 +6210,7 @@ function linkChipText(raw) {
 // src/gridAttachments.tsx
 import { useEffect as useEffect14, useRef as useRef12, useState as useState20 } from "react";
 import { useOptionalRecordsClient as useOptionalRecordsClient6 } from "@ai-matrx/records/react";
-import { Badge as Badge3, Button as Button12, Dialog, DialogContent, DialogHeader, DialogTitle } from "@ai-matrx/design-system";
+import { Badge as Badge3, Button as Button12, cn as cn18, Dialog, DialogContent, DialogHeader, DialogTitle } from "@ai-matrx/design-system";
 
 // src/FilePicker.tsx
 import { useCallback as useCallback5, useId, useRef as useRef11, useState as useState19 } from "react";
@@ -6366,46 +6366,63 @@ function AttachmentChip({ id, onRemove, onPreview }) {
   const words2 = read?.name ?? (read ? FILE_CHIP_UNREAD : "\u2026");
   const href = read?.fileId ? host.hrefForFile?.({ fileId: read.fileId }) : void 0;
   const title = onPreview ? `Preview ${words2}` : href ? `Open ${words2}` : read?.why ?? FILE_CHIP_NO_PAGE;
-  return /* @__PURE__ */ jsxs22(Badge3, { variant: "secondary", className: "max-w-[14rem] gap-1 text-[11px]", "data-records-file-chip": id, title, children: [
-    onPreview ? /* @__PURE__ */ jsx25(
-      "button",
-      {
-        type: "button",
-        className: "truncate underline-offset-2 hover:underline",
-        "data-records-file-preview": id,
+  return /* @__PURE__ */ jsxs22(
+    Badge3,
+    {
+      variant: "secondary",
+      className: cn18("max-w-[14rem] gap-1 text-[11px]", onPreview && "cursor-pointer"),
+      "data-records-file-chip": id,
+      title,
+      ...onPreview ? {
         onClick: (event) => {
           event.stopPropagation();
           onPreview();
         },
         onMouseDown: (event) => event.stopPropagation(),
-        onDoubleClick: (event) => event.stopPropagation(),
-        children: words2
-      }
-    ) : href ? /* @__PURE__ */ jsx25(
-      OutboundLink4,
-      {
-        href,
-        className: "truncate underline-offset-2 hover:underline",
-        "data-records-file-link": read?.fileId ?? "",
-        onClick: (event) => event.stopPropagation(),
-        onMouseDown: (event) => event.stopPropagation(),
-        children: words2
-      }
-    ) : /* @__PURE__ */ jsx25("span", { className: "truncate", children: words2 }),
-    onRemove ? /* @__PURE__ */ jsx25(
-      "button",
-      {
-        type: "button",
-        "aria-label": `Remove ${words2}`,
-        className: "shrink-0 rounded px-0.5 text-muted-foreground hover:text-foreground",
-        onClick: (event) => {
-          event.stopPropagation();
-          onRemove();
-        },
-        children: "\xD7"
-      }
-    ) : null
-  ] });
+        onDoubleClick: (event) => event.stopPropagation()
+      } : {},
+      children: [
+        onPreview ? /* @__PURE__ */ jsx25(
+          "button",
+          {
+            type: "button",
+            className: "truncate underline-offset-2 hover:underline",
+            "data-records-file-preview": id,
+            onClick: (event) => {
+              event.stopPropagation();
+              onPreview();
+            },
+            onMouseDown: (event) => event.stopPropagation(),
+            onDoubleClick: (event) => event.stopPropagation(),
+            children: words2
+          }
+        ) : href ? /* @__PURE__ */ jsx25(
+          OutboundLink4,
+          {
+            href,
+            className: "truncate underline-offset-2 hover:underline",
+            "data-records-file-link": read?.fileId ?? "",
+            onClick: (event) => event.stopPropagation(),
+            onMouseDown: (event) => event.stopPropagation(),
+            children: words2
+          }
+        ) : /* @__PURE__ */ jsx25("span", { className: "truncate", children: words2 }),
+        onRemove ? /* @__PURE__ */ jsx25(
+          "button",
+          {
+            type: "button",
+            "aria-label": `Remove ${words2}`,
+            className: "shrink-0 rounded px-0.5 text-muted-foreground hover:text-foreground",
+            onClick: (event) => {
+              event.stopPropagation();
+              onRemove();
+            },
+            children: "\xD7"
+          }
+        ) : null
+      ]
+    }
+  );
 }
 function AttachmentChips({ value, onRemove }) {
   const host = useRecordsUi();
@@ -6446,6 +6463,18 @@ function AttachmentViewer({
     {
       className: "sm:max-w-3xl",
       "data-records-attachment-viewer": id,
+      tabIndex: -1,
+      onOpenAutoFocus: (event) => {
+        event.preventDefault();
+        event.currentTarget.focus();
+      },
+      onCloseAutoFocus: (event) => {
+        const chip = document.querySelector(`[data-records-file-preview="${ids[index]}"]`);
+        if (chip) {
+          event.preventDefault();
+          chip.focus();
+        }
+      },
       onKeyDown: (event) => {
         if (event.key === "ArrowLeft") {
           event.preventDefault();
@@ -6554,7 +6583,7 @@ function AttachmentControl({
 
 // src/ReferenceChips.tsx
 import { entityRefsOf as entityRefsOf2 } from "@ai-matrx/records";
-import { Badge as Badge4, Skeleton as Skeleton2, cn as cn18 } from "@ai-matrx/design-system";
+import { Badge as Badge4, Skeleton as Skeleton2, cn as cn19 } from "@ai-matrx/design-system";
 
 // src/kindValues.ts
 import { tryDecodeDirective } from "@ai-matrx/content-ir/directives";
@@ -6659,7 +6688,7 @@ function ReferenceChip({ reference, waiting }) {
     return /* @__PURE__ */ jsxs23(
       "span",
       {
-        className: cn18(
+        className: cn19(
           "inline-flex max-w-full min-w-0 items-center gap-1.5 text-sm text-foreground hover:underline [&_a]:text-inherit [&_a]:no-underline [&_a:hover]:underline",
           reference.archived && "opacity-70"
         ),
@@ -6679,7 +6708,7 @@ function ReferenceChip({ reference, waiting }) {
     Badge4,
     {
       variant: "secondary",
-      className: cn18(
+      className: cn19(
         "max-w-full min-w-0 gap-1 px-1.5 py-0 text-[11px] font-normal",
         reference.archived && "opacity-70"
       ),
@@ -6707,12 +6736,12 @@ function KindValueCell({
     return /* @__PURE__ */ jsx26("span", { className: "flex min-w-0 max-w-full items-center", "data-records-kind-value": kv.kind, children: host.renderKind({ value: kv.value, kind: kv.kind, where, title }) });
   }
   const named = kv.items.map(kindItemWords).filter((w) => w !== null);
-  return /* @__PURE__ */ jsx26("span", { className: cn18("flex min-w-0 flex-wrap gap-1"), "data-records-kind-value": kv.kind, title: JSON.stringify(kv.value), children: named.length > 0 ? named.map((w, i) => /* @__PURE__ */ jsx26(Badge4, { variant: "secondary", className: "px-1.5 py-0 text-[11px] font-normal", children: w }, `${w}-${i}`)) : /* @__PURE__ */ jsx26(Badge4, { variant: "outline", className: "px-1.5 py-0 text-[11px] font-normal", children: kindLabel(kv.kind) }) });
+  return /* @__PURE__ */ jsx26("span", { className: cn19("flex min-w-0 flex-wrap gap-1"), "data-records-kind-value": kv.kind, title: JSON.stringify(kv.value), children: named.length > 0 ? named.map((w, i) => /* @__PURE__ */ jsx26(Badge4, { variant: "secondary", className: "px-1.5 py-0 text-[11px] font-normal", children: w }, `${w}-${i}`)) : /* @__PURE__ */ jsx26(Badge4, { variant: "outline", className: "px-1.5 py-0 text-[11px] font-normal", children: kindLabel(kv.kind) }) });
 }
 
 // src/ClampedChips.tsx
 import { useCallback as useCallback6, useLayoutEffect, useRef as useRef13, useState as useState21 } from "react";
-import { Popover as Popover4, PopoverContent as PopoverContent4, PopoverTrigger as PopoverTrigger4, cn as cn19 } from "@ai-matrx/design-system";
+import { Popover as Popover4, PopoverContent as PopoverContent4, PopoverTrigger as PopoverTrigger4, cn as cn20 } from "@ai-matrx/design-system";
 import { jsx as jsx27, jsxs as jsxs24 } from "react/jsx-runtime";
 var GAP = 4;
 var OVERFLOW_ROOM = 34;
@@ -6783,7 +6812,7 @@ function ClampedChips({
     "span",
     {
       ref: box,
-      className: cn19("flex min-w-0 max-w-full flex-nowrap items-center gap-1 overflow-hidden [[data-matrx-cell-lines]:not([data-matrx-cell-lines=one])_&]:flex-wrap", className),
+      className: cn20("flex min-w-0 max-w-full flex-nowrap items-center gap-1 overflow-hidden [[data-matrx-cell-lines]:not([data-matrx-cell-lines=one])_&]:flex-wrap", className),
       "data-records-clamped": dataAttr ?? "",
       children: [
         shown5.map((item) => /* @__PURE__ */ jsx27("span", { "data-clamp-item": "", className: "inline-flex min-w-0 shrink-0 max-w-full", children: item.node }, item.key)),
@@ -7209,11 +7238,11 @@ function renderValue(field2, value, document2, labels, stillWaitingFor, look) {
         Badge5,
         {
           variant: "outline",
-          className: cn20("text-[11px]", chip.className),
+          className: cn21("text-[11px]", chip.className),
           "data-records-choice-chip": "",
           ...chip.tinted ? { "data-records-choice-tint": "" } : {},
           children: [
-            look?.choiceDot ? /* @__PURE__ */ jsx30("span", { "aria-hidden": "true", "data-matrx-pill-ink": "", "data-records-choice-dot": "", className: cn20("mr-1.5 inline-block size-1.5 shrink-0 rounded-full", chip.dot) }) : null,
+            look?.choiceDot ? /* @__PURE__ */ jsx30("span", { "aria-hidden": "true", "data-matrx-pill-ink": "", "data-records-choice-dot": "", className: cn21("mr-1.5 inline-block size-1.5 shrink-0 rounded-full", chip.dot) }) : null,
             statusMark(field2, item, Array.isArray(value) ? void 0 : document2),
             scalarText(field2, item, labels, Array.isArray(value) ? void 0 : stillWaitingFor)
           ]
@@ -7262,7 +7291,7 @@ function renderValue(field2, value, document2, labels, stillWaitingFor, look) {
   if (typeof value === "boolean") {
     return /* @__PURE__ */ jsx30("span", { className: kind2 === "checkbox" ? "text-sm" : "", title: value ? "Yes" : "No", children: value ? "\u2713" : "\u2014" });
   }
-  return /* @__PURE__ */ jsx30("span", { className: cn20("truncate", kind2 === "number" || kind2 === "currency" || kind2 === "percent" ? "tabular-nums" : ""), children: scalarText(field2, value, labels, stillWaitingFor) });
+  return /* @__PURE__ */ jsx30("span", { className: cn21("truncate", kind2 === "number" || kind2 === "currency" || kind2 === "percent" ? "tabular-nums" : ""), children: scalarText(field2, value, labels, stillWaitingFor) });
 }
 function scalarText(field2, value, labels, stillWaitingFor) {
   if (value === null || value === void 0) return "\u2014";
@@ -8520,7 +8549,7 @@ import { useOptionalRecordsClient as useOptionalRecordsClient8 } from "@ai-matrx
 
 // src/AccentSwatches.tsx
 import { PORTAL_ACCENTS } from "@ai-matrx/records";
-import { cn as cn21 } from "@ai-matrx/design-system";
+import { cn as cn22 } from "@ai-matrx/design-system";
 import { STYLE_COLOR_LABELS as STYLE_COLOR_LABELS2, SWATCH_CLASS as SWATCH_CLASS3 } from "@ai-matrx/design-system/data-table";
 import { jsx as jsx36, jsxs as jsxs32 } from "react/jsx-runtime";
 function AccentSwatches({ value, onChange, options = PORTAL_ACCENTS, noneLabel = "App colour" }) {
@@ -8532,7 +8561,7 @@ function AccentSwatches({ value, onChange, options = PORTAL_ACCENTS, noneLabel =
         role: "radio",
         "aria-checked": value === "",
         onClick: () => onChange(""),
-        className: cn21(
+        className: cn22(
           "h-7 rounded border px-2 text-xs",
           value === "" ? "border-foreground" : "border-border text-muted-foreground"
         ),
@@ -8548,7 +8577,7 @@ function AccentSwatches({ value, onChange, options = PORTAL_ACCENTS, noneLabel =
         "aria-label": STYLE_COLOR_LABELS2[c],
         title: STYLE_COLOR_LABELS2[c],
         onClick: () => onChange(c),
-        className: cn21("h-7 w-7 rounded-full border-2", SWATCH_CLASS3[c], value === c ? "border-foreground" : "border-transparent")
+        className: cn22("h-7 w-7 rounded-full border-2", SWATCH_CLASS3[c], value === c ? "border-foreground" : "border-transparent")
       },
       c
     ))
@@ -9026,7 +9055,7 @@ function FieldEditor(props) {
   const offersMany = multiApplies(type) && !isTitle;
   if (!mayShape) {
     if (onEntity && entityRights.loading) return null;
-    return /* @__PURE__ */ jsx38("p", { className: cn22("text-xs text-muted-foreground", className), children: props.tableLabel && storeLabel && whyNot ? whyNot.split(storeLabel).join(props.tableLabel) : whyNot });
+    return /* @__PURE__ */ jsx38("p", { className: cn23("text-xs text-muted-foreground", className), children: props.tableLabel && storeLabel && whyNot ? whyNot.split(storeLabel).join(props.tableLabel) : whyNot });
   }
   const options = newChoices.map((r) => r.words.trim()).filter((word) => word !== "");
   const shownStatusRows = type !== "status" ? [] : statusGroupRows(field2, editing ? choiceList ?? [] : newChoices, statusKeys, statusGroups);
@@ -9226,7 +9255,7 @@ function FieldEditor(props) {
     if (gone) (onRemoved ?? onSaved)?.();
     else setAskingToRemove(false);
   };
-  return /* @__PURE__ */ jsxs34("div", { className: cn22("flex min-w-0 flex-col gap-3 text-xs", className), "data-records-field-editor": "", children: [
+  return /* @__PURE__ */ jsxs34("div", { className: cn23("flex min-w-0 flex-col gap-3 text-xs", className), "data-records-field-editor": "", children: [
     /* @__PURE__ */ jsxs34("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsx38("span", { className: "font-medium", children: field2 ? `Field \xB7 ${fieldName(field2)}` : "New field" }),
       /* @__PURE__ */ jsx38("span", { className: "ml-auto text-muted-foreground", children: tableLabel })
@@ -9683,8 +9712,8 @@ function FieldEditor(props) {
            the dialog card 0.2278 and closing it 0.1303. The consequence is the tooltip of
            "Remove it" (interface-text: the slot holds a label, never a paragraph). */
         /* @__PURE__ */ jsxs34("div", { className: "ml-auto grid shrink-0 items-center", "data-field-editor-remove": askingToRemove ? "asking" : "idle", children: [
-          /* @__PURE__ */ jsx38("div", { className: cn22("col-start-1 row-start-1 flex items-center justify-end gap-2", askingToRemove && "invisible"), "aria-hidden": askingToRemove || void 0, children: /* @__PURE__ */ jsx38(Button17, { size: "sm", variant: "outline", tabIndex: askingToRemove ? -1 : void 0, onClick: () => setAskingToRemove(true), children: "Remove this field" }) }),
-          /* @__PURE__ */ jsxs34("div", { className: cn22("col-start-1 row-start-1 flex items-center justify-end gap-2", !askingToRemove && "invisible"), "aria-hidden": !askingToRemove || void 0, children: [
+          /* @__PURE__ */ jsx38("div", { className: cn23("col-start-1 row-start-1 flex items-center justify-end gap-2", askingToRemove && "invisible"), "aria-hidden": askingToRemove || void 0, children: /* @__PURE__ */ jsx38(Button17, { size: "sm", variant: "outline", tabIndex: askingToRemove ? -1 : void 0, onClick: () => setAskingToRemove(true), children: "Remove this field" }) }),
+          /* @__PURE__ */ jsxs34("div", { className: cn23("col-start-1 row-start-1 flex items-center justify-end gap-2", !askingToRemove && "invisible"), "aria-hidden": !askingToRemove || void 0, children: [
             /* @__PURE__ */ jsx38("span", { className: "whitespace-nowrap text-destructive", "data-field-editor-remove-ask": "", children: "Archive this field?" }),
             /* @__PURE__ */ jsx38(
               Button17,
@@ -10123,7 +10152,7 @@ function ButtonValue({ field: field2, recordId, inCell }) {
           "data-records-button-unset": needs ? "" : void 0,
           "aria-busy": busy || void 0,
           disabled: busy,
-          className: cn23("max-w-full gap-1 border px-2 font-medium", inCell ? "h-5" : "h-6", color, needs && "border-dashed opacity-80"),
+          className: cn24("max-w-full gap-1 border px-2 font-medium", inCell ? "h-5" : "h-6", color, needs && "border-dashed opacity-80"),
           onPointerDown: stop,
           onDoubleClick: stop,
           onClick: (event) => {
@@ -10335,7 +10364,7 @@ function formatControl(args) {
 
 // src/typedDateHelper.tsx
 import { useState as useState31 } from "react";
-import { Popover as Popover6, PopoverContent as PopoverContent6, PopoverTrigger as PopoverTrigger6, cn as cn24 } from "@ai-matrx/design-system";
+import { Popover as Popover6, PopoverContent as PopoverContent6, PopoverTrigger as PopoverTrigger6, cn as cn25 } from "@ai-matrx/design-system";
 import { readTypedDate, readTypedTime, typedDateText, typedTimeText } from "@ai-matrx/records";
 import { jsx as jsx42, jsxs as jsxs38 } from "react/jsx-runtime";
 var WEEK = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
@@ -10460,7 +10489,7 @@ function TypedDateHelper({
                     type: "button",
                     ...keepFocus,
                     "data-records-date-helper-day": key,
-                    className: cn24(
+                    className: cn25(
                       "h-6 w-6 rounded tabular-nums hover:bg-muted",
                       key === held.day ? "bg-primary text-primary-foreground hover:bg-primary" : "",
                       key === todayKey && key !== held.day ? "ring-1 ring-ring" : ""
@@ -10479,7 +10508,7 @@ function TypedDateHelper({
               type: "button",
               ...keepFocus,
               "data-records-date-helper-time": `${pad2(t.h)}:${pad2(t.m)}`,
-              className: cn24(
+              className: cn25(
                 "whitespace-nowrap rounded px-2 py-0.5 text-left tabular-nums hover:bg-muted",
                 held.time && held.time.h === t.h && held.time.m === t.m ? "bg-primary text-primary-foreground" : ""
               ),
@@ -11305,7 +11334,7 @@ function OpenChoicePicker({
   const pickedOptions = current.map((v) => options.find((o) => isTheChosen(o, v)));
   const cellChips = pickedWords.map((word, i) => {
     const chip = chipOf(pickedOptions[i], word);
-    return /* @__PURE__ */ jsx43(Badge6, { variant: "outline", className: cn25("text-[11px]", chip.className), "data-records-choice-chip": "", children: word }, word);
+    return /* @__PURE__ */ jsx43(Badge6, { variant: "outline", className: cn26("text-[11px]", chip.className), "data-records-choice-chip": "", children: word }, word);
   });
   const headChips = pickedWords.map((word, i) => {
     const option = pickedOptions[i];
@@ -11378,7 +11407,7 @@ function RecordChip({
     // name. So it caps at its container and ends in an ellipsis with the whole name in
     // its tooltip, rather than being cut mid-word by whatever box it landed in
     // (lane FIX-14, 2026-09-22).
-    /* @__PURE__ */ jsxs39(Badge6, { variant: "secondary", className: cn25("max-w-full gap-1 text-[11px]", className), title, children: [
+    /* @__PURE__ */ jsxs39(Badge6, { variant: "secondary", className: cn26("max-w-full gap-1 text-[11px]", className), title, children: [
       /* @__PURE__ */ jsx43("span", { className: "min-w-0 truncate", children: title }),
       onRemove ? /* @__PURE__ */ jsx43("button", { type: "button", onClick: onRemove, "aria-label": `Remove ${title}`, className: "shrink-0 opacity-60 hover:opacity-100", children: "\xD7" }) : null
     ] })
@@ -11433,7 +11462,7 @@ function ChoiceAnswer({
         tabIndex: field2.multi || choice.key === tabStop ? 0 : -1,
         onClick: () => press(choice),
         "data-records-choice-answer": choice.key,
-        className: cn25(
+        className: cn26(
           "flex min-h-11 w-full items-center gap-3 rounded-md border px-3 py-2 text-left text-base font-medium text-foreground transition-colors sm:min-h-10 sm:text-sm",
           chosen ? "border-primary bg-primary/10" : "border-primary/30 bg-primary/[0.03] hover:bg-primary/10"
         ),
@@ -11442,7 +11471,7 @@ function ChoiceAnswer({
             "kbd",
             {
               "aria-hidden": "true",
-              className: cn25(
+              className: cn26(
                 "inline-flex h-6 w-6 shrink-0 items-center justify-center rounded border font-sans text-xs font-semibold",
                 chosen ? "border-primary bg-primary text-primary-foreground" : "border-primary/40 text-primary"
               ),
@@ -12503,7 +12532,7 @@ function GridCell({
           disabled: !editable,
           "aria-label": editable ? `${fieldName(field2)} \u2014 press Space to ${value === true ? "untick" : "tick"}` : fieldName(field2),
           title: editable ? answered ? `${fieldName(field2)} \u2014 press Space to change` : `${fieldName(field2)} \u2014 nobody has answered this yet` : whyNot ?? `${fieldName(field2)} \u2014 you cannot change this record`,
-          className: cn26(state2 === "saving" ? "opacity-60" : "", state2 === "refused" ? "ring-1 ring-destructive" : ""),
+          className: cn27(state2 === "saving" ? "opacity-60" : "", state2 === "refused" ? "ring-1 ring-destructive" : ""),
           onCheckedChange: (next) => editing?.setCell(row.id, field2.key, next === true)
         }
       ),
@@ -12571,7 +12600,7 @@ function GridCell({
                   // after it has been typed into.
                   `${fieldName(field2)} \u2014 ${whyNot ?? "you cannot change this record"}`
                 ) : `${fieldName(field2)} is worked out by the system, so it cannot be typed in`,
-                className: cn26(
+                className: cn27(
                   // `w-full` so the whole cell is the control. A gap beside it is bare
                   // table cell, and a click there is a row click.
                   "block w-full min-w-0 flex-1 truncate rounded px-1 py-0.5",
@@ -12880,7 +12909,7 @@ function OpenCell({
       style: wideTo ? { width: wideTo, minWidth: wideTo, maxWidth: "28rem", right: "auto" } : void 0,
       "data-matrx-cell-editor": "",
       tabIndex: -1,
-      className: cn26(
+      className: cn27(
         // OVER the cell's ghost (see `data-records-open-cell`), never in the table's measuring.
         "absolute inset-x-0 top-1/2 z-[25] flex w-full min-w-0 max-w-full -translate-y-1/2 flex-col gap-1 outline-none",
         // A box reaching over the next column is opaque, so what it covers never shows through it
@@ -12947,7 +12976,7 @@ function OpenCell({
           }
         ),
         /* @__PURE__ */ jsxs40("span", { "data-records-cell-tray": "", className: FLOATING_CELL_TRAY_CLASS, children: [
-          picker || asksAboutAChoice(draft) ? null : blurCommits ? null : /* @__PURE__ */ jsxs40("span", { className: cn26("flex items-center gap-1", FLOATING_CELL_TRAY_PIECE_CLASS), children: [
+          picker || asksAboutAChoice(draft) ? null : blurCommits ? null : /* @__PURE__ */ jsxs40("span", { className: cn27("flex items-center gap-1", FLOATING_CELL_TRAY_PIECE_CLASS), children: [
             /* @__PURE__ */ jsx45(Button20, { size: "sm", onClick: () => once(() => onCommit(null, "pick")), children: "Save" }),
             /* @__PURE__ */ jsx45(Button20, { size: "sm", variant: "ghost", onClick: () => once(() => onCancel("pick")), children: "Cancel" })
           ] }),
@@ -12994,7 +13023,7 @@ function rememberLayout(tableId, layout) {
 
 // src/RecordsSkeleton.tsx
 import { useSyncExternalStore as useSyncExternalStore2 } from "react";
-import { cn as cn27, Skeleton as Skeleton3 } from "@ai-matrx/design-system";
+import { cn as cn28, Skeleton as Skeleton3 } from "@ai-matrx/design-system";
 import { MatrxDataTable } from "@ai-matrx/design-system/data-table";
 import { Fragment as Fragment14, jsx as jsx46, jsxs as jsxs41 } from "react/jsx-runtime";
 var NEVER = () => () => {
@@ -13058,7 +13087,7 @@ function GridSkeleton({ embedded, rows }) {
       ...embedded ? {
         appearance: "embedded",
         hidePagination: true,
-        tableClassName: cn27(EMBEDDED_TABLE_CLASS, EMBEDDED_PLAIN_FOOTER_CLASS)
+        tableClassName: cn28(EMBEDDED_TABLE_CLASS, EMBEDDED_PLAIN_FOOTER_CLASS)
       } : {}
     }
   );
@@ -13141,7 +13170,7 @@ function RecordsSkeleton({ layout = "grid", embedded = false, rows, className })
       "aria-label": "Loading",
       "aria-busy": "true",
       "data-records-skeleton": layout,
-      className: cn27("flex min-h-0 flex-col", !embedded && "flex-1", className),
+      className: cn28("flex min-h-0 flex-col", !embedded && "flex-1", className),
       children: /* @__PURE__ */ jsx46(BodySkeleton, { layout, embedded, rows: rows ?? (embedded ? 5 : "fill") })
     }
   );
@@ -13157,7 +13186,7 @@ function TablePageSkeleton({
   const rememberedFace = useRememberedLayout(embedded || layoutAsked ? void 0 : tableId);
   const layout = layoutAsked ?? skeletonLayoutFor(rememberedFace);
   const painted = rows ?? (remembered === "fill" ? void 0 : remembered);
-  return /* @__PURE__ */ jsx46("div", { className: cn27(TABLE_PAGE_FRAME_CLASS, className), "data-records-skeleton-page": layout, children: /* @__PURE__ */ jsxs41("div", { className: TABLE_PAGE_COLUMN_CLASS, children: [
+  return /* @__PURE__ */ jsx46("div", { className: cn28(TABLE_PAGE_FRAME_CLASS, className), "data-records-skeleton-page": layout, children: /* @__PURE__ */ jsxs41("div", { className: TABLE_PAGE_COLUMN_CLASS, children: [
     /* @__PURE__ */ jsxs41("div", { className: TABLE_TOOLBAR_ROW_CLASS, "data-table-toolbar": "", "data-records-skeleton-part": "toolbar", "aria-hidden": "true", children: [
       /* @__PURE__ */ jsx46(Skeleton3, { shape: "control", width: "sm", className: "w-28" }),
       /* @__PURE__ */ jsx46(Skeleton3, { shape: "control", className: "w-16" }),
@@ -15164,13 +15193,13 @@ import {
   SelectItem as SelectItem8,
   SelectTrigger as SelectTrigger8,
   SelectValue as SelectValue8,
-  cn as cn30
+  cn as cn31
 } from "@ai-matrx/design-system";
 
 // src/rowActionPreview.tsx
 import { useEffect as useEffect31, useState as useState44 } from "react";
 import { useRecordsClient as useRecordsClient21 } from "@ai-matrx/records/react";
-import { cn as cn28 } from "@ai-matrx/design-system";
+import { cn as cn29 } from "@ai-matrx/design-system";
 import { jsx as jsx55, jsxs as jsxs49 } from "react/jsx-runtime";
 function isComputed(field2) {
   const kind2 = String(field2.type);
@@ -15271,7 +15300,7 @@ function ActionRowPreview({
               {
                 role: "columnheader",
                 title: cell2.name,
-                className: cn28("truncate border-l bg-muted/60 px-2 py-1 font-medium", cell2.changed ? "text-foreground" : "text-muted-foreground"),
+                className: cn29("truncate border-l bg-muted/60 px-2 py-1 font-medium", cell2.changed ? "text-foreground" : "text-muted-foreground"),
                 children: cell2.name
               },
               cell2.key
@@ -15288,7 +15317,7 @@ function ActionRowPreview({
                   "data-changed": cell2.changed ? "true" : void 0,
                   "data-records-preview-cell": cell2.key,
                   title: shown5.text,
-                  className: cn28(
+                  className: cn29(
                     "truncate border-l border-t px-2 py-1",
                     shown5.text === "empty" && "italic text-muted-foreground",
                     cell2.changed && which === "before" && "bg-destructive/10 text-destructive line-through",
@@ -15312,7 +15341,7 @@ function ActionRowPreview({
 import { useCallback as useCallback13, useEffect as useEffect32, useMemo as useMemo20, useState as useState45 } from "react";
 import { useRecordsClient as useRecordsClient22, useRowActions } from "@ai-matrx/records/react";
 import { actionRefusals } from "@ai-matrx/records";
-import { Button as Button28, ConfirmDialog, cn as cn29 } from "@ai-matrx/design-system";
+import { Button as Button28, ConfirmDialog, cn as cn30 } from "@ai-matrx/design-system";
 import { jsx as jsx56, jsxs as jsxs50 } from "react/jsx-runtime";
 var EMPTY_ACTIONS = [];
 var actionListeners = /* @__PURE__ */ new Map();
@@ -15470,7 +15499,7 @@ function ActionButton({
     {
       size: "sm",
       variant: count === void 0 ? "ghost" : "outline",
-      className: cn29("h-7 px-2", className),
+      className: cn30("h-7 px-2", className),
       "data-records-row-action": action3.id,
       title: action3.kind === "agent" ? `Hand this to an agent: ${action3.prompt ?? action3.name}` : action3.name,
       disabled: busy,
@@ -15492,7 +15521,7 @@ function ActionOutcomeNotice({
     {
       role: "status",
       "data-records-action-outcome": outcome.kind,
-      className: cn29(
+      className: cn30(
         "flex flex-col gap-1 rounded border px-2 py-1 text-xs",
         outcome.kind === "refused" ? "border-destructive/40 bg-destructive/5" : "border-border bg-muted/40"
       ),
@@ -15505,7 +15534,7 @@ function ActionOutcomeNotice({
             {
               size: "sm",
               variant: "ghost",
-              className: cn29("h-6", outcome.kind === "ran" && outcome.undo ? "" : "ml-auto"),
+              className: cn30("h-6", outcome.kind === "ran" && outcome.undo ? "" : "ml-auto"),
               onClick: onDismiss,
               children: "Dismiss"
             }
@@ -15779,7 +15808,7 @@ function RowActionsSection({
       }
     );
   }
-  return /* @__PURE__ */ jsxs51("div", { className: cn30("flex flex-col gap-2", className), "data-records-row-actions-editor": "", children: [
+  return /* @__PURE__ */ jsxs51("div", { className: cn31("flex flex-col gap-2", className), "data-records-row-actions-editor": "", children: [
     /* @__PURE__ */ jsxs51("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsx57("span", { className: "font-medium", children: "Row actions" }),
       loaded && !readError ? /* @__PURE__ */ jsx57("span", { className: "text-muted-foreground", children: actions.length }) : null,
@@ -15926,7 +15955,7 @@ function ActionForm({
     const first = settable2.find((f) => doc[f.key] !== null && doc[f.key] !== void 0 && doc[f.key] !== "");
     return first ? shown2(doc[first.key]) : row.id;
   };
-  return /* @__PURE__ */ jsxs51("div", { className: cn30("flex flex-col gap-3 text-xs", className), "data-records-action-form": "", children: [
+  return /* @__PURE__ */ jsxs51("div", { className: cn31("flex flex-col gap-3 text-xs", className), "data-records-action-form": "", children: [
     /* @__PURE__ */ jsx57("span", { className: "font-medium", children: original ? `Row action \xB7 ${original.name}` : "New row action" }),
     /* @__PURE__ */ jsxs51("label", { className: "flex flex-col gap-1", children: [
       /* @__PURE__ */ jsx57(Label10, { className: "text-xs", children: "Name" }),
@@ -16193,7 +16222,7 @@ import {
   DropdownMenuLabel,
   DropdownMenuSeparator,
   DropdownMenuTrigger,
-  cn as cn31
+  cn as cn32
 } from "@ai-matrx/design-system";
 import { Fragment as Fragment16, jsx as jsx59, jsxs as jsxs53 } from "react/jsx-runtime";
 var SUMMARY_ROW_ID = "__records_ui_summary__";
@@ -16298,7 +16327,7 @@ function SummaryCell({
         size: "sm",
         variant: "ghost",
         "data-records-summary": field2.key,
-        className: cn31(
+        className: cn32(
           "h-6 max-w-full justify-start gap-1 px-1 text-xs font-normal",
           // AN UNCHOSEN SUMMARY IS A HOVER, NOT A WORD IN EVERY FOOTER CELL (lane C, review
           // 2026-09-26 E1 — Airtable's footer): it shows under the pointer, on keyboard focus and
@@ -16322,7 +16351,7 @@ function SummaryCell({
         {
           "data-records-summary-choice": op2,
           onSelect: () => onChoose(op2),
-          className: cn31(op2 === chosen && "font-medium"),
+          className: cn32(op2 === chosen && "font-medium"),
           children: words2(op2, "menu")
         },
         op2
@@ -17976,7 +18005,7 @@ function selectOpenCellText() {
 }
 
 // src/Grid.tsx
-import { Button as Button49, ConfirmDialog as ConfirmDialog5, TapTargetSearchGroup, cn as cn40, useIsMobile } from "@ai-matrx/design-system";
+import { Button as Button49, ConfirmDialog as ConfirmDialog5, TapTargetSearchGroup, cn as cn41, useIsMobile } from "@ai-matrx/design-system";
 
 // src/gridAddRow.tsx
 import { useCallback as useCallback18, useEffect as useEffect41, useMemo as useMemo27, useRef as useRef29, useState as useState55 } from "react";
@@ -18002,13 +18031,13 @@ import {
   useRecordsClient as useRecordsClient30
 } from "@ai-matrx/records/react";
 import { asWriteConflict as asWriteConflict2, predictWriteRefusals, wholeValueOf as wholeValueOf3 } from "@ai-matrx/records/core";
-import { Button as Button37, Separator as Separator3, cn as cn34 } from "@ai-matrx/design-system";
+import { Button as Button37, Separator as Separator3, cn as cn35 } from "@ai-matrx/design-system";
 import { humanizeIdentifier as humanizeIdentifier6 } from "@ai-matrx/kit/text-case";
 
 // src/StandardRecordForm.tsx
 import { useState as useState53 } from "react";
 import { useEntityRecord as useEntityRecord2, useRecordsClient as useRecordsClient29 } from "@ai-matrx/records/react";
-import { Input as Input2, Textarea as Textarea2, cn as cn33 } from "@ai-matrx/design-system";
+import { Input as Input2, Textarea as Textarea2, cn as cn34 } from "@ai-matrx/design-system";
 
 // src/CustomFieldsSection.tsx
 import { useEffect as useEffect39, useMemo as useMemo25, useRef as useRef27, useState as useState52 } from "react";
@@ -18018,7 +18047,7 @@ import {
   useEntityRecord,
   useRecordsClient as useRecordsClient28
 } from "@ai-matrx/records/react";
-import { Button as Button36, Separator as Separator2, cn as cn32 } from "@ai-matrx/design-system";
+import { Button as Button36, Separator as Separator2, cn as cn33 } from "@ai-matrx/design-system";
 import { mapPgError } from "@ai-matrx/records/core";
 import { jsx as jsx64, jsxs as jsxs58 } from "react/jsx-runtime";
 function isEmptyValue(value) {
@@ -18274,7 +18303,7 @@ function CustomFieldsSection({
   const values = read.data?.custom ?? {};
   const empty = fields.length === 0;
   if (empty && !adding) {
-    return /* @__PURE__ */ jsxs58("section", { className: cn32("flex min-w-0 flex-col gap-1 text-xs", className), children: [
+    return /* @__PURE__ */ jsxs58("section", { className: cn33("flex min-w-0 flex-col gap-1 text-xs", className), children: [
       /* @__PURE__ */ jsxs58("div", { className: "flex min-w-0 items-center gap-2", children: [
         /* @__PURE__ */ jsx64("h3", { className: "text-sm font-medium", children: title }),
         !read.loading ? /* @__PURE__ */ jsx64("span", { className: "text-muted-foreground", children: "None yet" }) : null,
@@ -18283,7 +18312,7 @@ function CustomFieldsSection({
       cannotAdd
     ] });
   }
-  return /* @__PURE__ */ jsxs58("section", { className: cn32("flex min-w-0 flex-col gap-2 text-xs", className), children: [
+  return /* @__PURE__ */ jsxs58("section", { className: cn33("flex min-w-0 flex-col gap-2 text-xs", className), children: [
     /* @__PURE__ */ jsxs58("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsx64("h3", { className: "text-sm font-medium", children: title }),
       !empty ? /* @__PURE__ */ jsx64("span", { className: "text-muted-foreground", children: fields.length }) : null,
@@ -18498,7 +18527,7 @@ function StandardRecordForm({ token: token2, recordId, columns, onSaved, classNa
     onSaved?.(recordId);
   };
   if (read.error) return /* @__PURE__ */ jsx65(RefusalLine, { error: read.error, className });
-  return /* @__PURE__ */ jsxs59("div", { className: cn33("flex min-w-0 flex-col gap-2 text-xs", className), "data-records-standard-form": entityToken, children: [
+  return /* @__PURE__ */ jsxs59("div", { className: cn34("flex min-w-0 flex-col gap-2 text-xs", className), "data-records-standard-form": entityToken, children: [
     /* @__PURE__ */ jsx65("dl", { className: "grid grid-cols-[minmax(5rem,7rem)_1fr] gap-x-3 gap-y-1", children: columns.map((column) => {
       const id = `std-${recordId}-${column.key}`;
       const value = stored[column.key];
@@ -18744,7 +18773,7 @@ function CustomRecordForm({
   return /* @__PURE__ */ jsxs60(
     "form",
     {
-      className: cn34("flex min-w-0 flex-col gap-3", className),
+      className: cn35("flex min-w-0 flex-col gap-3", className),
       onSubmit: (e) => {
         e.preventDefault();
         void save();
@@ -18834,7 +18863,7 @@ function FieldRow({
   const id = `field-${field2.id}`;
   const storedWords = document2?.[field2.key];
   const whole = typeof storedWords === "string" ? wholeValueOf3(document2, field2.key) : null;
-  return /* @__PURE__ */ jsxs60("div", { className: cn34("flex min-w-0 flex-col gap-1", whole && "sm:col-span-2"), children: [
+  return /* @__PURE__ */ jsxs60("div", { className: cn35("flex min-w-0 flex-col gap-1", whole && "sm:col-span-2"), children: [
     /* @__PURE__ */ jsx66(FieldLabel, { field: field2, htmlFor: id, children: /* @__PURE__ */ jsx66(ProvenanceBadge, { document: document2, fieldKey: field2.key }) }),
     whole ? (
       // A TEXT KEPT AS A FILE opens WHOLE, never as the 1000 characters its cell holds —
@@ -19719,7 +19748,7 @@ import {
   Label as Label14,
   Skeleton as Skeleton6,
   Switch,
-  cn as cn35
+  cn as cn36
 } from "@ai-matrx/design-system";
 import { formatRelativeTime as formatRelativeTime2 } from "@ai-matrx/kit/format";
 import { Fragment as Fragment19, jsx as jsx68, jsxs as jsxs62 } from "react/jsx-runtime";
@@ -19742,7 +19771,7 @@ function EnrichBadge({ cell: cell2, onPin, className }) {
   const alternates = cell2.alternates ?? [];
   const word = state2 === "yours" ? "yours" : state2 === "unsure" ? "unsure" : "agent";
   return /* @__PURE__ */ jsxs62(HoverCard, { children: [
-    /* @__PURE__ */ jsx68(HoverCardTrigger, { asChild: true, children: /* @__PURE__ */ jsxs62("span", { className: cn35("inline-flex items-center gap-1 align-middle", className), children: [
+    /* @__PURE__ */ jsx68(HoverCardTrigger, { asChild: true, children: /* @__PURE__ */ jsxs62("span", { className: cn36("inline-flex items-center gap-1 align-middle", className), children: [
       /* @__PURE__ */ jsx68(
         Badge8,
         {
@@ -19908,12 +19937,12 @@ function EnrichPanel({ tableId, fieldId, className }) {
     [host, load, tableId]
   );
   if (error) return /* @__PURE__ */ jsx68(RefusalNotice, { error, className });
-  if (rows === null) return /* @__PURE__ */ jsx68(Skeleton6, { className: cn35("h-40 w-full", className) });
+  if (rows === null) return /* @__PURE__ */ jsx68(Skeleton6, { className: cn36("h-40 w-full", className) });
   if (shown5.length === 0 && fieldId) {
     const target = (fields.data ?? []).find((f) => f.id === fieldId);
     const setup = draft[fieldId] ?? { instruction: "", every: "30" };
     if (!rights.admin) {
-      return /* @__PURE__ */ jsxs62("div", { className: cn35("space-y-2 p-4 text-sm", className), children: [
+      return /* @__PURE__ */ jsxs62("div", { className: cn36("space-y-2 p-4 text-sm", className), children: [
         /* @__PURE__ */ jsxs62("p", { className: "font-medium", children: [
           "Nothing fills ",
           target?.name ?? "this column",
@@ -19922,7 +19951,7 @@ function EnrichPanel({ tableId, fieldId, className }) {
         /* @__PURE__ */ jsx68("p", { className: "text-muted-foreground", children: "An admin on this table sets that up." })
       ] });
     }
-    return /* @__PURE__ */ jsxs62("div", { className: cn35("space-y-3 p-4 text-sm", className), children: [
+    return /* @__PURE__ */ jsxs62("div", { className: cn36("space-y-3 p-4 text-sm", className), children: [
       /* @__PURE__ */ jsxs62("p", { className: "font-medium", children: [
         "Let a model keep ",
         target?.name ?? "this column",
@@ -19973,12 +20002,12 @@ function EnrichPanel({ tableId, fieldId, className }) {
     ] });
   }
   if (shown5.length === 0) {
-    return /* @__PURE__ */ jsxs62("div", { className: cn35("space-y-2 p-4 text-sm", className), children: [
+    return /* @__PURE__ */ jsxs62("div", { className: cn36("space-y-2 p-4 text-sm", className), children: [
       /* @__PURE__ */ jsx68("p", { className: "font-medium", children: "No column here is filled in by a model." }),
       /* @__PURE__ */ jsx68("p", { className: "text-muted-foreground", children: rights.admin ? "Open a column's menu and choose \u201CLet AI fill\u201D to set one up \u2014 or just ask for it in plain words and the agent will." : "An admin on this table sets that up." })
     ] });
   }
-  return /* @__PURE__ */ jsx68("div", { className: cn35("space-y-6 p-4", className), children: shown5.map((row) => {
+  return /* @__PURE__ */ jsx68("div", { className: cn36("space-y-6 p-4", className), children: shown5.map((row) => {
     const d = draft[row.field_id] ?? {
       instruction: row.enrichment?.instruction ?? "",
       every: row.review_interval_days ? String(row.review_interval_days) : ""
@@ -20359,6 +20388,8 @@ function columnForField(field2, editing, mayWriteRow, whyNotRow, look, onAskWhoC
       ] }) : name
     ),
     label: name,
+    // The field's own description, one hover away on every header (not only the type mark's glyph).
+    ...fieldHelpText(field2) ? { helpText: fieldHelpText(field2) } : {},
     accessorFn: (row) => row.document?.[field2.key],
     // A column the store keeps no value for is not offered a sort it would refuse (`sortRefusal`).
     sortable: sortRefusal(field2) === null,
@@ -20517,7 +20548,7 @@ import {
 
 // src/ReverseColumns.tsx
 import { useFields as useFields9, useOptionalRecordsClient as useOptionalRecordsClient12, useReverseColumns as useReverseColumns3, useReverseLinks, useTable as useTable7 } from "@ai-matrx/records/react";
-import { Button as Button41, Dialog as Dialog14, DialogContent as DialogContent14, DialogHeader as DialogHeader14, DialogTitle as DialogTitle14, Popover as Popover9, PopoverContent as PopoverContent9, PopoverTrigger as PopoverTrigger9, Separator as Separator4, Skeleton as Skeleton7, cn as cn36 } from "@ai-matrx/design-system";
+import { Button as Button41, Dialog as Dialog14, DialogContent as DialogContent14, DialogHeader as DialogHeader14, DialogTitle as DialogTitle14, Popover as Popover9, PopoverContent as PopoverContent9, PopoverTrigger as PopoverTrigger9, Separator as Separator4, Skeleton as Skeleton7, cn as cn37 } from "@ai-matrx/design-system";
 import { Fragment as Fragment20, jsx as jsx70, jsxs as jsxs64 } from "react/jsx-runtime";
 function reverseColumnId(column) {
   return `${REVERSE_COLUMN_PREFIX}${column.key}`;
@@ -20554,7 +20585,7 @@ function ReverseLinkChips({
       }
     );
   }
-  return /* @__PURE__ */ jsxs64("span", { className: cn36("flex min-w-0 flex-wrap items-center gap-1", className), "data-records-reverse-cell": column.key, children: [
+  return /* @__PURE__ */ jsxs64("span", { className: cn37("flex min-w-0 flex-wrap items-center gap-1", className), "data-records-reverse-cell": column.key, children: [
     refs.map((r) => /* @__PURE__ */ jsx70(ReferenceChip, { reference: r }, r.id)),
     more > 0 ? /* @__PURE__ */ jsxs64("span", { className: "shrink-0 text-[11px] text-muted-foreground", title: `${more} more`, "data-records-reverse-more": "", children: [
       "+",
@@ -21151,7 +21182,7 @@ import {
   DropdownMenu as DropdownMenu4,
   DropdownMenuContent as DropdownMenuContent4,
   DropdownMenuTrigger as DropdownMenuTrigger4,
-  cn as cn37
+  cn as cn38
 } from "@ai-matrx/design-system";
 
 // src/ObjectActionMenuItems.tsx
@@ -21405,7 +21436,7 @@ function RecordActionMenu({ tableId, row, name, onOpenRecord, onChanged, childre
     [row.id, tableId, name, rights, actionHost]
   );
   return /* @__PURE__ */ jsxs68(ContextMenu, { children: [
-    /* @__PURE__ */ jsx75(ContextMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs68("div", { className: cn37("group/record-card relative", className), "data-record-actions": row.id, children: [
+    /* @__PURE__ */ jsx75(ContextMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs68("div", { className: cn38("group/record-card relative", className), "data-record-actions": row.id, children: [
       children,
       /* @__PURE__ */ jsxs68(DropdownMenu4, { children: [
         /* @__PURE__ */ jsx75(DropdownMenuTrigger4, { asChild: true, children: /* @__PURE__ */ jsx75(
@@ -21547,15 +21578,15 @@ import {
   SelectTrigger as SelectTrigger9,
   SelectValue as SelectValue9,
   Separator as Separator6,
-  cn as cn38
+  cn as cn39
 } from "@ai-matrx/design-system";
 import { relationNameIndexOf, relationNameKey as relationNameKey2, relationNamesIn, splitListCell } from "@ai-matrx/records";
 
 // src/importRuleCheck.ts
 import { predictValueRefusals as predictValueRefusals2 } from "@ai-matrx/records/core";
-function checkImportRules(fields, rows, mapping, choiceOptions, relationNames) {
+function refusedCellsOf(fields, rows, mapping, choiceOptions, relationNames) {
   const byKey = new Map(fields.map((f) => [f.key, f]));
-  const verdicts = [];
+  const cells = [];
   for (const [header, key] of Object.entries(mapping)) {
     const field2 = byKey.get(key);
     if (!field2) continue;
@@ -21565,9 +21596,8 @@ function checkImportRules(fields, rows, mapping, choiceOptions, relationNames) {
     if (isChoice && !options) continue;
     const named = relationNames?.get(key);
     if (kind2 === "relation" && !named) continue;
-    let refused = 0;
     let judged = 0;
-    let first = null;
+    const mine = [];
     rows.forEach((row, i) => {
       const raw = String(row[header] ?? "").trim();
       if (raw === "") return;
@@ -21583,17 +21613,20 @@ function checkImportRules(fields, rows, mapping, choiceOptions, relationNames) {
         );
         if (predicted.length > 0) why = predicted[0].message;
       }
-      if (why !== null) {
-        refused += 1;
-        if (!first) first = { why, line: i + 1, raw };
-      }
+      if (why !== null) mine.push({ header, line: i + 1, raw, why });
     });
-    if (refused > 0 && first) {
-      const f = first;
-      verdicts.push({ header, field: field2, refused, judged, firstWhy: f.why, firstLine: f.line, firstRaw: f.raw });
-    }
+    for (const c of mine) cells.push({ ...c, judged, field: field2 });
+  }
+  return cells;
+}
+function checkImportRules(fields, rows, mapping, choiceOptions, relationNames) {
+  const verdicts = /* @__PURE__ */ new Map();
+  for (const c of refusedCellsOf(fields, rows, mapping, choiceOptions, relationNames)) {
+    const have = verdicts.get(c.header);
+    if (have) have.refused += 1;
+    else verdicts.set(c.header, { header: c.header, field: c.field, refused: 1, judged: c.judged, firstWhy: c.why, firstLine: c.line, firstRaw: c.raw });
   }
-  return verdicts;
+  return [...verdicts.values()];
 }
 
 // src/ImportWizard.tsx
@@ -22005,7 +22038,7 @@ function ImportWizard({ tableId, source, onDone, onWrote, autoRun, className })
     },
     [client, openRun]
   );
-  const declared2 = fields.data ?? [];
+  const declared2 = useMemo32(() => fields.data ?? [], [fields.data]);
   const titleKey = table.data?.title_field ?? null;
   const titleHeader = titleFrom ?? (titleKey ? Object.entries(mapping).find(([h, key]) => key === titleKey && h !== TITLE_COPY)?.[0] ?? null : null);
   const distinctRows = useMemo32(() => {
@@ -22299,6 +22332,12 @@ function ImportWizard({ tableId, source, onDone, onWrote, autoRun, className })
     () => exactDuplicateRows(effectiveRows, (plan?.columns ?? []).map((c) => c.header).filter((h) => !leftOut.has(h))),
     [effectiveRows, plan, leftOut]
   );
+  const [goAheadAnyway, setGoAheadAnyway] = useState62(false);
+  const refusedCells = useMemo32(
+    () => goAheadAnyway ? refusedCellsOf(declared2, effectiveRows, mapping, choiceIndex, relationIndex) : [],
+    [goAheadAnyway, declared2, effectiveRows, mapping, choiceIndex, relationIndex]
+  );
+  const [keptAside, setKeptAside] = useState62([]);
   const rowsToSend = useCallback22(
     (index) => {
       const repeated = new Set(skipRepeats ? repeats.map((r) => r.row) : []);
@@ -22308,6 +22347,7 @@ function ImportWizard({ tableId, source, onDone, onWrote, autoRun, className })
         if (repeated.has(at)) return;
         const out = {};
         for (const [header, value] of Object.entries(row)) if (!leftOut.has(header)) out[header] = value;
+        for (const c of refusedCells) if (c.line === at + 1 && c.header in out) out[c.header] = "";
         if (titleFrom) out[TITLE_COPY] = String(row[titleFrom] ?? "").trim();
         for (const { header, field: field2 } of mappedRelations) {
           const named = index.get(field2.key);
@@ -22337,7 +22377,7 @@ function ImportWizard({ tableId, source, onDone, onWrote, autoRun, className })
       return { rows: sent, lines };
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps -- choiceFor reads unlinkedChoice
-    [effectiveRows, combined, titleFrom, leftOut, mappedRelations, unlinkedChoice, dateAsks, dateMiss, repeats, skipRepeats]
+    [effectiveRows, combined, titleFrom, leftOut, mappedRelations, unlinkedChoice, dateAsks, dateMiss, repeats, skipRepeats, refusedCells]
   );
   const run = useCallback22(async () => {
     if (!plan) return;
@@ -22405,6 +22445,7 @@ function ImportWizard({ tableId, source, onDone, onWrote, autoRun, className })
       index = reread;
     }
     const { rows: sendRows, lines: sendLines } = rowsToSend(index);
+    setKeptAside(refusedCells.map(({ header, line, raw, why }) => ({ header, line, raw, why })));
     setSentLines(sendLines);
     setRepeatsSkipped(effectiveRows.length - sendRows.length);
     let sendMapping = mapping;
@@ -22538,7 +22579,7 @@ function ImportWizard({ tableId, source, onDone, onWrote, autoRun, className })
     setPhase("done");
     onWrote?.(finished.data.rows_written);
     void loadRuns();
-  }, [newColumns, makesColumns, kindChoice, guessedKind, addChoiceWords, client, dedupeKey, effectiveRows, fileBytes, fileHash, fileName, format, leftOut, loadRuns, mappedRelations, mapping, newChoiceWords, nudge, onDuplicate, onWrote, plan, readRelationNames, relationAsks, relationIndex, rights.admin, rowsToSend, tableId, unmapped, unlinkedChoice]);
+  }, [newColumns, makesColumns, kindChoice, guessedKind, addChoiceWords, client, dedupeKey, effectiveRows, fileBytes, fileHash, fileName, format, leftOut, loadRuns, mappedRelations, mapping, newChoiceWords, nudge, onDuplicate, onWrote, plan, readRelationNames, refusedCells, relationAsks, relationIndex, rights.admin, rowsToSend, tableId, unmapped, unlinkedChoice]);
   const counts = useMemo32(() => {
     let landed = 0;
     let duplicate = 0;
@@ -22567,8 +22608,8 @@ function ImportWizard({ tableId, source, onDone, onWrote, autoRun, className })
   );
   const ruleVerdictOf = useMemo32(() => new Map(ruleVerdicts.map((v) => [v.header, v])), [ruleVerdicts]);
   const refusedByRules = ruleVerdicts.reduce((n, v) => n + v.refused, 0);
-  const [goAheadAnyway, setGoAheadAnyway] = useState62(false);
-  useEffect46(() => setGoAheadAnyway(false), [ruleVerdicts]);
+  const verdictKey = ruleVerdicts.map((v) => `${v.header}:${v.refused}/${v.judged}`).join("|");
+  useEffect46(() => setGoAheadAnyway(false), [verdictKey]);
   const [autoRan, setAutoRan] = useState62(false);
   useEffect46(() => {
     if (!autoRun || autoRan || !source || phase !== "ready" || !plan) return;
@@ -22577,7 +22618,7 @@ function ImportWizard({ tableId, source, onDone, onWrote, autoRun, className })
     void run();
   }, [autoRun, autoRan, source, phase, plan, busy, rights.write, rows.length, titleMissing, ruleVerdicts, run]);
   const afterWrite = !busy && (phase === "done" || alreadyRan !== null || ledger !== null && ledger.seen > 0);
-  return /* @__PURE__ */ jsxs70("div", { className: cn38("flex min-w-0 flex-col gap-2 text-xs", className), children: [
+  return /* @__PURE__ */ jsxs70("div", { className: cn39("flex min-w-0 flex-col gap-2 text-xs", className), children: [
     /* @__PURE__ */ jsxs70("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsx77("span", { className: "font-medium", children: "Import" }),
       /* @__PURE__ */ jsx77("span", { className: "text-muted-foreground", children: table.data?.name }),
@@ -22937,7 +22978,7 @@ function ImportWizard({ tableId, source, onDone, onWrote, autoRun, className })
           "div",
           {
             "data-import-relation": ask2.field.key,
-            className: cn38(
+            className: cn39(
               "flex flex-col gap-1 rounded border px-2 py-1.5",
               clean ? "bg-muted/40" : "border-amber-500/40 bg-amber-500/5"
             ),
@@ -23091,7 +23132,7 @@ function ImportWizard({ tableId, source, onDone, onWrote, autoRun, className })
             children: phase === "linking" ? "Linking the names\u2026" : phase === "declaring" ? "Adding the columns\u2026" : phase === "writing" ? `Writing\u2026 ${progress} of ${effectiveRows.length}` : combining ? `Import ${effectiveRows.length} records from ${rows.length} rows` : `Import ${rows.length} row${rows.length === 1 ? "" : "s"}`
           }
         ),
-        /* @__PURE__ */ jsxs70("span", { className: cn38("text-muted-foreground", titleMissing && "text-destructive"), children: [
+        /* @__PURE__ */ jsxs70("span", { className: cn39("text-muted-foreground", titleMissing && "text-destructive"), children: [
           titleMissing ? `Nothing goes into ${titleFieldLabel} yet, so these records would have no name. Choose the column above, then this will run.` : columnsSentence(mappedCount, plan.columns.length - leftOut.size, unmapped) + (leftOut.size > 0 ? ` \xB7 ${leftOut.size} left out` : ""),
           fileHash || titleMissing ? "" : " \xB7 this browser cannot recognise the file again, so importing it twice would write it twice"
         ] })
@@ -23117,9 +23158,9 @@ function ImportWizard({ tableId, source, onDone, onWrote, autoRun, className })
         /* @__PURE__ */ jsx77("span", { children: ledger ? `${ledger.written} landed \xB7 ${ledger.duplicate} already here \xB7 ${ledger.refused} refused, of ${ledger.seen} row${ledger.seen === 1 ? "" : "s"} offered` : `${counts.landed} landed \xB7 ${counts.duplicate} already here \xB7 ${counts.refused} refused` }),
         ledger && !ledger.final && phase !== "writing" ? /* @__PURE__ */ jsx77("span", { className: "text-destructive", children: "The run stopped here, so the rest of the file was never offered \u2014 these are the rows that were dealt with before it stopped, not the whole file." }) : null,
         (ledger ? ledger.refused + ledger.duplicate : counts.refused + counts.duplicate) > 0 ? /* @__PURE__ */ jsxs70(Fragment24, { children: [
-          /* @__PURE__ */ jsx77("button", { type: "button", className: cn38("underline underline-offset-2", show === "all" && "font-medium"), onClick: () => setShow("all"), children: "everything that did not land" }),
-          /* @__PURE__ */ jsx77("button", { type: "button", className: cn38("underline underline-offset-2", show === "refused" && "font-medium"), onClick: () => setShow("refused"), children: "refused" }),
-          /* @__PURE__ */ jsx77("button", { type: "button", className: cn38("underline underline-offset-2", show === "duplicate" && "font-medium"), onClick: () => setShow("duplicate"), children: "already here" })
+          /* @__PURE__ */ jsx77("button", { type: "button", className: cn39("underline underline-offset-2", show === "all" && "font-medium"), onClick: () => setShow("all"), children: "everything that did not land" }),
+          /* @__PURE__ */ jsx77("button", { type: "button", className: cn39("underline underline-offset-2", show === "refused" && "font-medium"), onClick: () => setShow("refused"), children: "refused" }),
+          /* @__PURE__ */ jsx77("button", { type: "button", className: cn39("underline underline-offset-2", show === "duplicate" && "font-medium"), onClick: () => setShow("duplicate"), children: "already here" })
         ] }) : null
       ] }),
       summary ? /* @__PURE__ */ jsx77("p", { className: "text-muted-foreground", children: summary }) : null,
@@ -23158,6 +23199,23 @@ function ImportWizard({ tableId, source, onDone, onWrote, autoRun, className })
           ] })
         }
       ) }) : null,
+      afterWrite && keptAside.length > 0 ? /* @__PURE__ */ jsxs70("div", { "data-import-kept-aside": "", className: "flex flex-col gap-0.5", children: [
+        /* @__PURE__ */ jsxs70("p", { children: [
+          keptAside.length,
+          " cell",
+          keptAside.length === 1 ? " was" : "s were",
+          " kept aside and left empty; every other value in those rows was written."
+        ] }),
+        /* @__PURE__ */ jsx77("ul", { className: "flex flex-col gap-0.5 text-muted-foreground", children: keptAside.map((c) => /* @__PURE__ */ jsxs70("li", { children: [
+          c.header,
+          ", ",
+          source ? `row ${c.line}` : `line ${lineInYourFile(c.line)}`,
+          ": ",
+          c.raw,
+          " \u2014 ",
+          c.why
+        ] }, `${c.header}:${c.line}`)) })
+      ] }) : null,
       repeatsSkipped > 0 ? /* @__PURE__ */ jsxs70("p", { className: "text-muted-foreground", "data-import-repeats-skipped": "", children: [
         repeatsSkipped,
         " repeated row",
@@ -25201,7 +25259,7 @@ function BulkActions({
 import { useEffect as useEffect53, useMemo as useMemo38, useRef as useRef36, useState as useState69 } from "react";
 import { useRecordsClient as useRecordsClient41 } from "@ai-matrx/records/react";
 import { stableFilterKey as stableFilterKey2 } from "@ai-matrx/records";
-import { Button as Button48, ConfirmDialog as ConfirmDialog4, Popover as Popover11, PopoverContent as PopoverContent11, PopoverTrigger as PopoverTrigger11, cn as cn39 } from "@ai-matrx/design-system";
+import { Button as Button48, ConfirmDialog as ConfirmDialog4, Popover as Popover11, PopoverContent as PopoverContent11, PopoverTrigger as PopoverTrigger11, cn as cn40 } from "@ai-matrx/design-system";
 
 // src/views.ts
 import {
@@ -25446,7 +25504,7 @@ function HandOrderDialog({
               setDragging(index);
             },
             onDragEnd: () => setDragging(null),
-            className: cn39(
+            className: cn40(
               "flex items-center gap-2 border-b border-border px-2 py-1 text-sm last:border-b-0",
               dragging === index && "bg-muted"
             ),
@@ -27451,7 +27509,7 @@ function GridBody({
   return /* @__PURE__ */ jsx88(WhoChangedSource, { tableId, labelOf: labelOfField, children: /* @__PURE__ */ jsxs77(
     "div",
     {
-      className: cn40("relative flex min-h-0 flex-col gap-2", fills && "flex-1", className),
+      className: cn41("relative flex min-h-0 flex-col gap-2", fills && "flex-1", className),
       "data-records-grid-footer": footer ?? "natural",
       ...merged ? {
         // THE SUMMARY MEASURES ARE ASKED WHEN A PERSON REACHES FOR THE GRID — a header menu, a
@@ -27645,7 +27703,7 @@ function GridBody({
                   ...valueFacets ? { facets: valueFacets, filterUi: VALUE_FILTER_UI } : {},
                   ...classicInCard || embeddedMore ? { hidePagination: true } : {},
                   ...embedded ? { appearance: "embedded" } : {},
-                  tableClassName: cn40(
+                  tableClassName: cn41(
                     !look.wrap && lines === 1 && "[&_tbody_td]:max-w-[28rem] [&_tbody_td]:overflow-hidden [&_tbody_td]:text-ellipsis [&_tbody_td]:whitespace-nowrap! [&_tbody_td_*]:whitespace-nowrap!",
                     embedded && EMBEDDED_TABLE_CLASS,
                     embedded && !calculationChosen && EMBEDDED_PLAIN_FOOTER_CLASS
@@ -28250,7 +28308,7 @@ function cutWords(written) {
 
 // src/ExportMenu.tsx
 import { AlchemyMenu } from "@ai-matrx/alchemy/react";
-import { Button as Button51, cn as cn41 } from "@ai-matrx/design-system";
+import { Button as Button51, cn as cn42 } from "@ai-matrx/design-system";
 import { jsx as jsx91, jsxs as jsxs79 } from "react/jsx-runtime";
 function toRows(fields, records, labels) {
   return records.map((record) => {
@@ -28331,7 +28389,7 @@ function ExportMenu({ tableId, rows, label, className, view }) {
   if (!rows && !view && page.error) return /* @__PURE__ */ jsx91(RefusalLine, { error: page.error, className });
   if (!rows && viewHeld && "error" in viewHeld) return /* @__PURE__ */ jsx91(RefusalLine, { error: viewHeld.error, className });
   if (!fields.data || !rows && (view ? !viewHeld : !page.data)) {
-    return /* @__PURE__ */ jsx91("span", { className: cn41("text-xs text-muted-foreground", className), children: "Reading this table\u2026" });
+    return /* @__PURE__ */ jsx91("span", { className: cn42("text-xs text-muted-foreground", className), children: "Reading this table\u2026" });
   }
   const exported = () => rowsForFile({ client, host, fields: columns, records, labels });
   const tableName2 = table.data?.name ?? name;
@@ -28342,7 +28400,7 @@ function ExportMenu({ tableId, rows, label, className, view }) {
     { id: "copy-json", label: "Copy JSON", word: "JSON", suffix: "", copy: true, write: exportJson },
     { id: "copy-full-schema", label: "Copy full schema", word: "full schema", suffix: "", copy: true, write: (c, r) => exportFullSchema({ name: tableName2, settings }, c, r) }
   ];
-  return /* @__PURE__ */ jsxs79("div", { className: cn41("flex items-center gap-1", className), children: [
+  return /* @__PURE__ */ jsxs79("div", { className: cn42("flex items-center gap-1", className), children: [
     /* @__PURE__ */ jsx91(
       Button51,
       {
@@ -28445,7 +28503,7 @@ function ExportMenu({ tableId, rows, label, className, view }) {
 // src/ImportNotice.tsx
 import { useCallback as useCallback29, useEffect as useEffect57, useMemo as useMemo41, useState as useState73 } from "react";
 import { useRecordsClient as useRecordsClient46 } from "@ai-matrx/records/react";
-import { Button as Button52, cn as cn42 } from "@ai-matrx/design-system";
+import { Button as Button52, cn as cn43 } from "@ai-matrx/design-system";
 import { jsx as jsx92, jsxs as jsxs80 } from "react/jsx-runtime";
 var DISMISSED_KEY = (importId) => `records-ui.import-notice.dismissed.${importId}`;
 function wasDismissed(importId) {
@@ -28508,7 +28566,7 @@ function ImportNotice({ tableId, onOpenImport, epoch = 0, className }) {
   if (problem) return /* @__PURE__ */ jsx92(RefusalNotice, { error: problem, className });
   if (!shown5) return null;
   const reasons = report && report.import_id === shown5.import_id ? groupReasons(report.rows.map((r) => String(r.reason ?? ""))) : [];
-  return /* @__PURE__ */ jsx92("div", { className: cn42("shrink-0", className), "data-import-notice": shown5.import_id, children: /* @__PURE__ */ jsx92(
+  return /* @__PURE__ */ jsx92("div", { className: cn43("shrink-0", className), "data-import-notice": shown5.import_id, children: /* @__PURE__ */ jsx92(
     RefusalNotice,
     {
       error: (0, refusals_exports.refusal)(
@@ -28559,7 +28617,7 @@ import {
   SelectItem as SelectItem11,
   SelectTrigger as SelectTrigger11,
   SelectValue as SelectValue11,
-  cn as cn48
+  cn as cn49
 } from "@ai-matrx/design-system";
 
 // src/unfinishedTable.ts
@@ -28602,7 +28660,7 @@ import { useEffect as useEffect62, useState as useState79 } from "react";
 import { useRecordsClient as useRecordsClient52, useTables as useTables2 } from "@ai-matrx/records/react";
 import { withTableFacts } from "@ai-matrx/records/core";
 import { withTablePlacement as withTablePlacement2 } from "@ai-matrx/records";
-import { Button as Button59, Skeleton as Skeleton10, cn as cn47 } from "@ai-matrx/design-system";
+import { Button as Button59, Skeleton as Skeleton10, cn as cn48 } from "@ai-matrx/design-system";
 
 // src/NewTableStart.tsx
 import { useCallback as useCallback30, useMemo as useMemo42, useRef as useRef38, useState as useState74 } from "react";
@@ -28618,7 +28676,7 @@ import {
   SelectValue as SelectValue10,
   Switch as Switch2,
   Textarea as Textarea3,
-  cn as cn43
+  cn as cn44
 } from "@ai-matrx/design-system";
 import { Tile } from "@ai-matrx/design-system/controls";
 
@@ -29218,7 +29276,7 @@ function NewTableStart({
   return /* @__PURE__ */ jsxs81(
     "div",
     {
-      className: cn43("relative flex h-full min-h-0 flex-col", className),
+      className: cn44("relative flex h-full min-h-0 flex-col", className),
       "data-new-table-start": step2.at,
       onDragOver: (e) => {
         if (step2.at === "wizard" || !e.dataTransfer?.types?.includes("Files")) return;
@@ -29307,7 +29365,7 @@ import { copyText as copyText5 } from "@ai-matrx/kit/clipboard";
 import { useCallback as useCallback33, useEffect as useEffect60, useMemo as useMemo44, useState as useState77 } from "react";
 import { useRecordsClient as useRecordsClient50, useMyLevels as useMyLevels2 } from "@ai-matrx/records/react";
 import { bookingPath as bookingPath2 } from "@ai-matrx/records";
-import { Badge as Badge11, Button as Button57, Skeleton as Skeleton9, cn as cn46 } from "@ai-matrx/design-system";
+import { Badge as Badge11, Button as Button57, Skeleton as Skeleton9, cn as cn47 } from "@ai-matrx/design-system";
 
 // src/BookingBuilder.tsx
 import { copyText as copyText4 } from "@ai-matrx/kit/clipboard";
@@ -29318,7 +29376,7 @@ import { formatDurationMinutes } from "@ai-matrx/kit/format";
 import {
   bookingPath
 } from "@ai-matrx/records";
-import { BasicInput as BasicInput17, BasicTextarea as BasicTextarea7, Button as Button54, Checkbox as Checkbox10, Label as Label18, Skeleton as Skeleton8, cn as cn44 } from "@ai-matrx/design-system";
+import { BasicInput as BasicInput17, BasicTextarea as BasicTextarea7, Button as Button54, Checkbox as Checkbox10, Label as Label18, Skeleton as Skeleton8, cn as cn45 } from "@ai-matrx/design-system";
 import { Select as Select11 } from "@ai-matrx/design-system/controls";
 
 // src/publicQuestions.ts
@@ -29595,9 +29653,9 @@ function BookingBuilder({ tableId, bookingId, onSaved, onClose, startNew, classN
     await load();
     onSaved?.({ form_id: formId });
   }
-  if (!loaded || fields.loading && !fields.data) return /* @__PURE__ */ jsx95(Skeleton8, { className: cn44("h-64 w-full", className) });
+  if (!loaded || fields.loading && !fields.data) return /* @__PURE__ */ jsx95(Skeleton8, { className: cn45("h-64 w-full", className) });
   if (!rights.structure) {
-    return /* @__PURE__ */ jsx95("p", { className: cn44("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." });
+    return /* @__PURE__ */ jsx95("p", { className: cn45("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." });
   }
   const url = formId ? `${publicOrigin}${bookingPath(formId)}` : null;
   const shown5 = offer ?? null;
@@ -29605,7 +29663,7 @@ function BookingBuilder({ tableId, bookingId, onSaved, onClose, startNew, classN
     // THE RAIL IS 384px WIDE AND THE VIEWPORT IS NOT (walk 1, 2026-09-21):
     // every split below is a CONTAINER query, so this screen is the same
     // screen in a rail, a dialog and a full page.
-    /* @__PURE__ */ jsxs83("section", { className: cn44("@container flex flex-col gap-3", className), children: [
+    /* @__PURE__ */ jsxs83("section", { className: cn45("@container flex flex-col gap-3", className), children: [
       /* @__PURE__ */ jsxs83("header", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ jsx95("h3", { className: "text-sm font-medium", children: existing ? "Booking page" : "New booking page" }),
         /* @__PURE__ */ jsx95("div", { className: "flex-1" }),
@@ -29821,7 +29879,7 @@ function asksWhoTheyAre(askable) {
 }
 
 // src/BuildOrAsk.tsx
-import { Button as Button55, cn as cn45 } from "@ai-matrx/design-system";
+import { Button as Button55, cn as cn46 } from "@ai-matrx/design-system";
 import { jsx as jsx96, jsxs as jsxs84 } from "react/jsx-runtime";
 var NO_AGENT_PORT = "Asking for one in words needs an agent, which this screen reaches through its host's `onAskForOne` port \u2014 it is not bound here, so build it below instead.";
 function BuildOrAsk({
@@ -29839,7 +29897,7 @@ function BuildOrAsk({
   className
 }) {
   const mayAsk = mayBuild && Boolean(onAsk);
-  return /* @__PURE__ */ jsxs84("div", { className: cn45("rounded-md border border-dashed p-3", className), children: [
+  return /* @__PURE__ */ jsxs84("div", { className: cn46("rounded-md border border-dashed p-3", className), children: [
     /* @__PURE__ */ jsx96("p", { className: "text-xs text-muted-foreground", children }),
     mayBuild && editor ? /* @__PURE__ */ jsx96("div", { className: "mt-2.5", children: editor }) : null,
     mayBuild ? /* @__PURE__ */ jsxs84("div", { className: "mt-2.5 flex flex-wrap items-center gap-2", children: [
@@ -30089,10 +30147,10 @@ function BookingSlots({ tableId, activeBookingId, className }) {
       setShown(url);
     }
   }, []);
-  if (pages === null) return /* @__PURE__ */ jsx98(Skeleton9, { className: cn46("h-32 w-full", className) });
+  if (pages === null) return /* @__PURE__ */ jsx98(Skeleton9, { className: cn47("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__ */ jsxs86("section", { className: cn46("flex flex-col gap-3", className), "data-testid": "booking-slots", children: [
+  return /* @__PURE__ */ jsxs86("section", { className: cn47("flex flex-col gap-3", className), "data-testid": "booking-slots", children: [
     /* @__PURE__ */ jsxs86("header", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsx98("h3", { className: "text-sm font-medium", children: "Bookings" }),
       /* @__PURE__ */ jsx98("span", { className: "text-xs text-muted-foreground", children: pages.length === 0 ? "none yet" : `${pages.length}` }),
@@ -30154,7 +30212,7 @@ function BookingSlots({ tableId, activeBookingId, className }) {
           "data-testid": "booking-page",
           "data-linked": page.form_id === activeBookingId ? "true" : void 0,
           ref: page.form_id === activeBookingId ? (el) => el?.scrollIntoView({ block: "nearest" }) : void 0,
-          className: cn46(
+          className: cn47(
             "rounded-md border p-2.5",
             page.form_id === activeBookingId && "border-primary ring-1 ring-primary"
           ),
@@ -30591,8 +30649,8 @@ function TablesHome({ onOpenTable, organizationName, makingOnly = false, askedBy
       cancelled = true;
     };
   }, [client, makingOnly]);
-  return /* @__PURE__ */ jsxs88("div", { className: cn47("flex min-h-0 flex-col gap-4", className), children: [
-    creating ? /* @__PURE__ */ jsx100("div", { className: cn47("min-h-0", hostButtons ? "flex-1" : "h-[36rem] max-w-2xl rounded-lg border"), children: /* @__PURE__ */ jsx100(
+  return /* @__PURE__ */ jsxs88("div", { className: cn48("flex min-h-0 flex-col gap-4", className), children: [
+    creating ? /* @__PURE__ */ jsx100("div", { className: cn48("min-h-0", hostButtons ? "flex-1" : "h-[36rem] max-w-2xl rounded-lg border"), children: /* @__PURE__ */ jsx100(
       NewTableStart,
       {
         templatesHref,
@@ -30627,7 +30685,7 @@ function TablesHome({ onOpenTable, organizationName, makingOnly = false, askedBy
           type: "button",
           disabled: !board.table_id,
           onClick: () => board.table_id ? onOpenTable?.(board.table_id, board.dashboard_id) : void 0,
-          className: cn47(
+          className: cn48(
             "w-full rounded-md border px-3 py-2 text-left transition-colors",
             onOpenTable && board.table_id ? "hover:bg-accent" : "cursor-default"
           ),
@@ -30667,7 +30725,7 @@ function TablesHome({ onOpenTable, organizationName, makingOnly = false, askedBy
             {
               type: "button",
               onClick: () => onOpenTable?.(table.id),
-              className: cn47(
+              className: cn48(
                 "w-full rounded-md px-3 py-2 text-left transition-colors",
                 onOpenTable ? "hover:bg-accent" : "cursor-default"
               ),
@@ -30801,7 +30859,7 @@ function SaveToTable({ source, shapeIndex = 0, onOpenTable, onSaved, onClose, ma
     [sourceName, headers, rows, sourceText]
   );
   if (!shape) {
-    return /* @__PURE__ */ jsx101("div", { className: cn48("flex flex-col gap-2 text-sm", className), "data-save-to-table": "", children: /* @__PURE__ */ jsx101("p", { className: "text-muted-foreground", children: "Nothing here reads as rows \u2014 a table, a list, lines of \u201CName: value\u201D, CSV or pasted spreadsheet cells can be saved as a table." }) });
+    return /* @__PURE__ */ jsx101("div", { className: cn49("flex flex-col gap-2 text-sm", className), "data-save-to-table": "", children: /* @__PURE__ */ jsx101("p", { className: "text-muted-foreground", children: "Nothing here reads as rows \u2014 a table, a list, lines of \u201CName: value\u201D, CSV or pasted spreadsheet cells can be saved as a table." }) });
   }
   const chooseShape = (i) => {
     setWhich(i);
@@ -30921,7 +30979,7 @@ function SaveToTable({ source, shapeIndex = 0, onOpenTable, onSaved, onClose, ma
   };
   makeRef.current = make;
   const busy = phase === "making" || phase === "writing";
-  return /* @__PURE__ */ jsxs89("div", { className: cn48("flex min-w-0 flex-col gap-3 text-sm", className), "data-save-to-table": "", children: [
+  return /* @__PURE__ */ jsxs89("div", { className: cn49("flex min-w-0 flex-col gap-3 text-sm", className), "data-save-to-table": "", children: [
     /* @__PURE__ */ jsxs89("div", { className: "flex flex-wrap items-center gap-2", children: [
       shapes.length > 1 ? /* @__PURE__ */ jsxs89(Select12, { value: String(which), onValueChange: (v) => chooseShape(Number(v)), disabled: busy || phase === "done", children: [
         /* @__PURE__ */ jsx101(SelectTrigger11, { size: "sm", "aria-label": "Which of these to save", className: "min-w-[16rem]", children: /* @__PURE__ */ jsx101(SelectValue11, {}) }),
@@ -31168,7 +31226,7 @@ function SaveToTable({ source, shapeIndex = 0, onOpenTable, onSaved, onClose, ma
 // src/StageRules.tsx
 import { useCallback as useCallback34, useEffect as useEffect64, useMemo as useMemo46, useState as useState81 } from "react";
 import { useFields as useFields16, useRecordsClient as useRecordsClient54, useTable as useTable14 } from "@ai-matrx/records/react";
-import { BasicInput as BasicInput18, BasicTextarea as BasicTextarea8, Button as Button61, Separator as Separator7, Skeleton as Skeleton11, cn as cn49 } from "@ai-matrx/design-system";
+import { BasicInput as BasicInput18, BasicTextarea as BasicTextarea8, Button as Button61, Separator as Separator7, Skeleton as Skeleton11, cn as cn50 } from "@ai-matrx/design-system";
 import { Select as Select13 } from "@ai-matrx/design-system/controls";
 import { jsx as jsx102, jsxs as jsxs90 } from "react/jsx-runtime";
 var NO_RULES_YET = "Nothing has to be true to get here yet.";
@@ -31290,13 +31348,13 @@ function StageRulesSection({ tableId, stage, className }) {
   if (!asked3) return /* @__PURE__ */ jsx102(Skeleton11, { className: "h-24 w-full" });
   if (error && !pipeline) return /* @__PURE__ */ jsx102(RefusalNotice, { error });
   if (!pipeline?.is_pipeline) {
-    return /* @__PURE__ */ jsxs90("div", { className: cn49("flex min-w-0 flex-col gap-2 text-xs", className), children: [
+    return /* @__PURE__ */ jsxs90("div", { className: cn50("flex min-w-0 flex-col gap-2 text-xs", className), children: [
       /* @__PURE__ */ jsx102("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx102("span", { className: "font-medium", children: "Rules for entering a stage" }) }),
       /* @__PURE__ */ jsx102("p", { className: "text-muted-foreground", children: NO_STAGE_COLUMN })
     ] });
   }
   const canEdit = rights.structure;
-  return /* @__PURE__ */ jsxs90("div", { className: cn49("flex min-w-0 flex-col gap-2 text-xs", className), children: [
+  return /* @__PURE__ */ jsxs90("div", { className: cn50("flex min-w-0 flex-col gap-2 text-xs", className), children: [
     /* @__PURE__ */ jsxs90("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsx102("span", { className: "font-medium", children: "Rules for entering" }),
       /* @__PURE__ */ jsx102(
@@ -31683,7 +31741,7 @@ import {
   useTableArchive,
   tableShapeChanged as tableShapeChanged11
 } from "@ai-matrx/records/react";
-import { Badge as Badge14, Button as Button67, Separator as Separator8, cn as cn52 } from "@ai-matrx/design-system";
+import { Badge as Badge14, Button as Button67, Separator as Separator8, cn as cn53 } from "@ai-matrx/design-system";
 
 // src/announceTableArchived.ts
 var TableRestoreRefused = class extends Error {
@@ -31773,7 +31831,7 @@ function TableFoundationSwitch({ tableId, table }) {
 // src/TableAccessLevel.tsx
 import { useCallback as useCallback36, useEffect as useEffect67, useMemo as useMemo47, useState as useState85 } from "react";
 import { tableShapeChanged as tableShapeChanged10, useRecordsClient as useRecordsClient58 } from "@ai-matrx/records/react";
-import { Badge as Badge12, Button as Button64, Textarea as Textarea5, cn as cn50 } from "@ai-matrx/design-system";
+import { Badge as Badge12, Button as Button64, Textarea as Textarea5, cn as cn51 } from "@ai-matrx/design-system";
 import { Fragment as Fragment37, jsx as jsx106, jsxs as jsxs94 } from "react/jsx-runtime";
 var PERSON_KERNEL_TABLE = "11111111-0000-4000-8000-000000000005";
 var LEVEL_WORDS = { organization: "Organization", confidential: "Confidential" };
@@ -31859,7 +31917,7 @@ function TableAccessLevel({ tableId, fields }) {
             variant: on ? "secondary" : "outline",
             "aria-pressed": on,
             disabled: busy,
-            className: cn50(on && "ring-1 ring-primary"),
+            className: cn51(on && "ring-1 ring-primary"),
             onClick: () => setPicked(on ? picked.filter((k) => k !== f.key) : [...picked, f.key]),
             children: fieldName(f)
           },
@@ -32073,7 +32131,7 @@ function RowShownTo({ recordId, tableId }) {
 // src/ColumnsAtOnce.tsx
 import { useEffect as useEffect69, useMemo as useMemo48, useState as useState87 } from "react";
 import { useFieldMutation as useFieldMutation3 } from "@ai-matrx/records/react";
-import { Badge as Badge13, BasicInput as BasicInput19, Button as Button66, Checkbox as Checkbox12, cn as cn51 } from "@ai-matrx/design-system";
+import { Badge as Badge13, BasicInput as BasicInput19, Button as Button66, Checkbox as Checkbox12, cn as cn52 } from "@ai-matrx/design-system";
 import { jsx as jsx108, jsxs as jsxs96 } from "react/jsx-runtime";
 function columnsBatch(saved, draft) {
   const byId = new Map(saved.map((f) => [f.id, f]));
@@ -32159,7 +32217,7 @@ function ColumnsAtOnce({
               setDragging(index);
             },
             onDragEnd: () => setDragging(null),
-            className: cn51("flex flex-wrap items-center gap-x-2 gap-y-1 px-2 py-1.5", dragging === index && "bg-muted"),
+            className: cn52("flex flex-wrap items-center gap-x-2 gap-y-1 px-2 py-1.5", dragging === index && "bg-muted"),
             children: [
               /* @__PURE__ */ jsx108("span", { "aria-hidden": true, className: "cursor-grab select-none text-muted-foreground", children: "\u22EE\u22EE" }),
               /* @__PURE__ */ jsx108(
@@ -32311,7 +32369,7 @@ function TableSettingsPanel({
   if (fields.error) return /* @__PURE__ */ jsx109(RefusalNotice, { error: fields.error, className });
   if (!rights.structure) {
     if (tableIsLocked(table.data)) {
-      return /* @__PURE__ */ jsxs97("div", { className: cn52("flex flex-col items-start gap-2 text-xs text-muted-foreground", className), "data-table-locked": "", children: [
+      return /* @__PURE__ */ jsxs97("div", { className: cn53("flex flex-col items-start gap-2 text-xs text-muted-foreground", className), "data-table-locked": "", children: [
         /* @__PURE__ */ jsx109("p", { children: DATABASE_LOCKED_REASON }),
         /* @__PURE__ */ jsx109(
           Button67,
@@ -32330,7 +32388,7 @@ function TableSettingsPanel({
         )
       ] });
     }
-    return /* @__PURE__ */ jsx109("p", { className: cn52("text-xs text-muted-foreground", className), children: rights.why("structure") });
+    return /* @__PURE__ */ jsx109("p", { className: cn53("text-xs text-muted-foreground", className), children: rights.why("structure") });
   }
   const rows = [...fields.data ?? []].sort((a, b) => (a.sort ?? 0) - (b.sort ?? 0));
   const remove = async (field2) => {
@@ -32401,7 +32459,7 @@ function TableSettingsPanel({
       }
     );
   }
-  return /* @__PURE__ */ jsxs97("div", { className: cn52("flex min-w-0 flex-col gap-2 text-xs", className), children: [
+  return /* @__PURE__ */ jsxs97("div", { className: cn53("flex min-w-0 flex-col gap-2 text-xs", className), children: [
     deliberate && table.data ? /* @__PURE__ */ jsx109(
       ArchiveDeliberatelyDialog,
       {
@@ -32513,7 +32571,7 @@ import { AlchemyMenu as AlchemyMenu2 } from "@ai-matrx/alchemy/react";
 // src/RecordChat.tsx
 import { useEffect as useEffect71, useMemo as useMemo50, useState as useState89 } from "react";
 import { useRecordsClient as useRecordsClient61 } from "@ai-matrx/records/react";
-import { Skeleton as Skeleton12, cn as cn53 } from "@ai-matrx/design-system";
+import { Skeleton as Skeleton12, cn as cn54 } from "@ai-matrx/design-system";
 import { jsx as jsx110, jsxs as jsxs98 } 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 }) {
@@ -32560,9 +32618,9 @@ function RecordChat({ tableId, recordId, className }) {
     };
   }, [scope, recordId, tableId]);
   if (error) return /* @__PURE__ */ jsx110(RefusalNotice, { error, className });
-  if (!context) return /* @__PURE__ */ jsx110(Skeleton12, { className: cn53("h-64 w-full", className) });
+  if (!context) return /* @__PURE__ */ jsx110(Skeleton12, { className: cn54("h-64 w-full", className) });
   if (!host.chat) {
-    return /* @__PURE__ */ jsxs98("section", { className: cn53("flex min-h-0 flex-col gap-2", className), children: [
+    return /* @__PURE__ */ jsxs98("section", { className: cn54("flex min-h-0 flex-col gap-2", className), children: [
       /* @__PURE__ */ jsxs98("header", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
         /* @__PURE__ */ jsx110("span", { className: "font-medium text-foreground", children: context.title }),
         /* @__PURE__ */ jsxs98("span", { children: [
@@ -32574,7 +32632,7 @@ function RecordChat({ tableId, recordId, className }) {
       /* @__PURE__ */ jsx110(Withheld, { withheld: context.withheld })
     ] });
   }
-  return /* @__PURE__ */ jsxs98("section", { className: cn53("flex min-h-0 flex-col gap-2", className), children: [
+  return /* @__PURE__ */ jsxs98("section", { className: cn54("flex min-h-0 flex-col gap-2", className), children: [
     /* @__PURE__ */ jsxs98("header", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
       /* @__PURE__ */ jsx110("span", { className: "font-medium text-foreground", children: context.title }),
       /* @__PURE__ */ jsxs98("span", { children: [
@@ -32635,7 +32693,7 @@ function entriesFor(scope) {
 }
 
 // src/Peek.tsx
-import { Button as Button71, Separator as Separator9, Skeleton as Skeleton14, cn as cn55 } from "@ai-matrx/design-system";
+import { Button as Button71, Separator as Separator9, Skeleton as Skeleton14, cn as cn56 } from "@ai-matrx/design-system";
 
 // src/recordInPlace.tsx
 import { useMemo as useMemo51, useRef as useRef43 } from "react";
@@ -32922,7 +32980,7 @@ function ShareForSomebodyElse({
 
 // src/RecordBody.tsx
 import { useEffect as useEffect73, useRef as useRef44, useState as useState92 } from "react";
-import { Button as Button70, cn as cn54 } from "@ai-matrx/design-system";
+import { Button as Button70, cn as cn55 } from "@ai-matrx/design-system";
 import { newerKindOf as newerKindOf6 } from "@ai-matrx/records";
 import { tableShapeChanged as tableShapeChanged12, useFieldMutation as useFieldMutation5, useFields as useFields18, useRecord as useRecord2, useRecordsClient as useRecordsClient64, useTable as useTable18 } from "@ai-matrx/records/react";
 import { Fragment as Fragment41, jsx as jsx114, jsxs as jsxs102 } from "react/jsx-runtime";
@@ -32940,7 +32998,7 @@ function RecordBody({ tableId, recordId, className }) {
   const fallback = /* @__PURE__ */ jsx114(DefaultRecordBody, { tableId, recordId, className });
   const hostBody = host.renderRecordBody && hostRecord.data ? host.renderRecordBody({ tableId, recordId, record: hostRecord.data, readOnly: !hostMay.write, fallback }) : null;
   if (hostBody !== null && hostBody !== void 0) {
-    return /* @__PURE__ */ jsx114("section", { className: cn54("flex min-w-0 flex-col gap-1.5", className), "data-record-body": "host", children: hostBody });
+    return /* @__PURE__ */ jsx114("section", { className: cn55("flex min-w-0 flex-col gap-1.5", className), "data-record-body": "host", children: hostBody });
   }
   return fallback;
 }
@@ -32948,7 +33006,7 @@ function DefaultRecordBody({ tableId, recordId, className }) {
   const fields = useFields18(tableId);
   const field2 = bodyFieldOf(fields.data ?? []);
   if (fields.loading && !fields.data) return null;
-  return /* @__PURE__ */ jsx114("section", { className: cn54("flex min-w-0 flex-col gap-1.5", className), "data-record-body": field2?.key ?? "", children: field2 ? /* @__PURE__ */ jsx114(BodyEditor, { tableId, recordId, field: field2 }, `${recordId}:${field2.key}`) : /* @__PURE__ */ jsx114(AddBody, { tableId }) });
+  return /* @__PURE__ */ jsx114("section", { className: cn55("flex min-w-0 flex-col gap-1.5", className), "data-record-body": field2?.key ?? "", children: field2 ? /* @__PURE__ */ jsx114(BodyEditor, { tableId, recordId, field: field2 }, `${recordId}:${field2.key}`) : /* @__PURE__ */ jsx114(AddBody, { tableId }) });
 }
 function BodyEditor({ tableId, recordId, field: field2 }) {
   const host = useRecordsUi();
@@ -33055,7 +33113,7 @@ function Peek({ tableId, recordId, onClose, className, onPage = false }) {
   if (document2 && isLockedStub({ document: document2, level: null })) {
     const filed = document2["submitted_at"];
     const when = typeof filed === "string" && !Number.isNaN(Date.parse(filed)) ? new Date(filed).toLocaleDateString("en-US", { year: "numeric", month: "short", day: "numeric" }) : null;
-    return /* @__PURE__ */ jsxs103("p", { className: cn55("text-sm text-muted-foreground", className), "data-records-locked-record": "", children: [
+    return /* @__PURE__ */ jsxs103("p", { className: cn56("text-sm text-muted-foreground", className), "data-records-locked-record": "", children: [
       "You can't open this record",
       when ? `. Filed ${when}.` : "."
     ] });
@@ -33066,8 +33124,8 @@ function Peek({ tableId, recordId, onClose, className, onPage = false }) {
   const shownFields = (fields.data ?? []).filter((field2) => !onPage || !drawnBelowOnPage(field2, bodyKey));
   const askOpenBelow = onPage && !host.talkToRecord && Boolean(host.chat);
   const href = host.hrefForRecord && table.data ? host.hrefForRecord({ table: table.data, recordId }) : void 0;
-  return /* @__PURE__ */ jsxs103("div", { className: cn55("flex min-w-0 flex-col gap-2 text-xs", className), children: [
-    /* @__PURE__ */ jsx115("h3", { className: cn55("break-words font-medium leading-snug", onPage ? "text-2xl font-semibold" : "text-sm"), "data-records-peek-title": "", title, children: record.loading && !document2 ? /* @__PURE__ */ jsx115(Skeleton14, { className: "h-4 w-40" }) : title }),
+  return /* @__PURE__ */ jsxs103("div", { className: cn56("flex min-w-0 flex-col gap-2 text-xs", className), children: [
+    /* @__PURE__ */ jsx115("h3", { className: cn56("break-words font-medium leading-snug", onPage ? "text-2xl font-semibold" : "text-sm"), "data-records-peek-title": "", title, children: record.loading && !document2 ? /* @__PURE__ */ jsx115(Skeleton14, { className: "h-4 w-40" }) : title }),
     /* @__PURE__ */ jsxs103("div", { className: "flex flex-wrap items-center gap-2", children: [
       /* @__PURE__ */ jsx115(
         AlchemyMenu2,
@@ -33125,14 +33183,14 @@ function Peek({ tableId, recordId, onClose, className, onPage = false }) {
         canWrite: may.write,
         whyNot: may.why("write") ?? void 0,
         reload: () => record.reload(),
-        className: cn55("grid grid-cols-[minmax(6rem,12rem)_1fr] gap-x-3 gap-y-0.5", onPage && "text-sm"),
+        className: cn56("grid grid-cols-[minmax(6rem,12rem)_1fr] gap-x-3 gap-y-0.5", onPage && "text-sm"),
         renderLabel: (field2) => /* @__PURE__ */ jsxs103(Fragment42, { children: [
           fieldName(field2),
           /* @__PURE__ */ jsx115(ProvenanceBadge, { document: document2, fieldKey: field2.key }),
           /* @__PURE__ */ jsx115(ValueAlternates, { recordId, field: field2, document: document2, canWrite: may.write, onChosen: () => record.reload() })
         ] })
       }
-    ) : /* @__PURE__ */ jsxs103("dl", { className: cn55("grid grid-cols-[minmax(6rem,12rem)_1fr] gap-x-3 gap-y-1.5", onPage && "text-sm"), children: [
+    ) : /* @__PURE__ */ jsxs103("dl", { className: cn56("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__ */ jsxs103("div", { className: "contents", "data-records-skeleton-part": "field", children: [
         /* @__PURE__ */ jsx115("dt", { className: "py-0.5", children: /* @__PURE__ */ jsx115(Skeleton14, { shape: "line", width: "2/3" }) }),
         /* @__PURE__ */ jsx115("dd", { className: "py-0.5", children: /* @__PURE__ */ jsx115(Skeleton14, { shape: "line", width: i % 2 ? "1/2" : "3/4" }) })
@@ -33368,7 +33426,7 @@ function lookAfterReset(look) {
 import { useEffect as useEffect87, useMemo as useMemo62, useState as useState106 } from "react";
 import { mayDrag as mayDrag4, useFields as useFields21, useRecordPage as useRecordPage2, useRecordsClient as useRecordsClient71, useTable as useTable21 } from "@ai-matrx/records/react";
 import { isButtonField as isButtonField5, newerKindOf as newerKindOf7, stableFilterKey as stableFilterKey4 } from "@ai-matrx/records";
-import { Button as Button77, Select as Select19, SelectContent as SelectContent17, SelectItem as SelectItem17, SelectTrigger as SelectTrigger17, SelectValue as SelectValue17, cn as cn62 } from "@ai-matrx/design-system";
+import { Button as Button77, Select as Select19, SelectContent as SelectContent17, SelectItem as SelectItem17, SelectTrigger as SelectTrigger17, SelectValue as SelectValue17, cn as cn63 } from "@ai-matrx/design-system";
 import {
   CHOICE_CHIP_CLASS as CHOICE_CHIP_CLASS5,
   EMPTY_TABLE_STYLE as EMPTY_TABLE_STYLE2,
@@ -33587,7 +33645,7 @@ import {
   DropdownMenuItem as DropdownMenuItem6,
   DropdownMenuTrigger as DropdownMenuTrigger7,
   Skeleton as Skeleton15,
-  cn as cn56
+  cn as cn57
 } from "@ai-matrx/design-system";
 import {
   resolveRowColor,
@@ -33884,7 +33942,7 @@ function PipelineBoard({
   return /* @__PURE__ */ jsxs106(
     "div",
     {
-      className: cn56("flex min-h-0 flex-col gap-2", className),
+      className: cn57("flex min-h-0 flex-col gap-2", className),
       onKeyDown: (e) => {
         if (e.key === "Escape" && selected.size > 0) {
           e.preventDefault();
@@ -33960,7 +34018,7 @@ function PipelineBoard({
                 const id = e.dataTransfer.getData("text/plain");
                 if (id) void drop(id, stage.key);
               },
-              className: cn56(
+              className: cn57(
                 "flex w-64 shrink-0 flex-col rounded border bg-muted/30",
                 over === stage.key ? "ring-2 ring-primary" : "",
                 n?.over_limit ? "border-destructive" : ""
@@ -34218,7 +34276,7 @@ function PipelineCard({
       "data-card-index": index,
       "data-selected": selected ? "true" : void 0,
       "aria-pressed": draggable ? selected : void 0,
-      className: cn56(
+      className: cn57(
         "w-full truncate rounded border bg-background py-1 pl-2 pr-7 text-left text-xs hover:bg-muted",
         draggable ? "cursor-grab active:cursor-grabbing" : "",
         dragging ? "opacity-50" : "",
@@ -34380,7 +34438,7 @@ function CardFieldsInline({ row, fields }) {
 // src/CalendarView.tsx
 import { useEffect as useEffect79, useMemo as useMemo56, useRef as useRef47, useState as useState98 } from "react";
 import { mayDrag as mayDrag2 } from "@ai-matrx/records/react";
-import { Button as Button74, Select as Select15, SelectContent as SelectContent13, SelectItem as SelectItem13, SelectTrigger as SelectTrigger13, SelectValue as SelectValue13, cn as cn57 } from "@ai-matrx/design-system";
+import { Button as Button74, Select as Select15, SelectContent as SelectContent13, SelectItem as SelectItem13, SelectTrigger as SelectTrigger13, SelectValue as SelectValue13, cn as cn58 } from "@ai-matrx/design-system";
 import { CHOICE_CHIP_CLASS as CHOICE_CHIP_CLASS3 } from "@ai-matrx/design-system/data-table";
 
 // src/weekStart.ts
@@ -34972,7 +35030,7 @@ function CalendarView({
       "button",
       {
         type: "button",
-        className: cn57(
+        className: cn58(
           "flex w-full min-w-0 items-center gap-1 truncate rounded border px-1.5 py-0.5 text-left text-xs hover:brightness-95",
           // The chip palette, not the faint row tint: a calendar is read by its colours at a glance.
           color ? CHOICE_CHIP_CLASS3[color] : "bg-background",
@@ -35097,12 +35155,12 @@ function CalendarView({
       })
     );
     const columns = `3.5rem repeat(${days.length}, minmax(0, 1fr))`;
-    body = /* @__PURE__ */ jsx120("div", { className: "min-w-0 flex-1 overflow-x-auto", children: /* @__PURE__ */ jsxs108("div", { className: cn57("border-l border-t", days.length > 1 ? "min-w-[640px]" : ""), "data-calendar-week": "", "data-calendar-days": days.length, children: [
+    body = /* @__PURE__ */ jsx120("div", { className: "min-w-0 flex-1 overflow-x-auto", children: /* @__PURE__ */ jsxs108("div", { className: cn58("border-l border-t", days.length > 1 ? "min-w-[640px]" : ""), "data-calendar-week": "", "data-calendar-days": days.length, children: [
       /* @__PURE__ */ jsxs108("div", { className: "grid", style: { gridTemplateColumns: columns }, children: [
         /* @__PURE__ */ jsx120("div", { className: "border-b border-r" }),
-        days.map((d) => /* @__PURE__ */ jsx120("div", { className: cn57("border-b border-r px-1 py-0.5 text-center text-xs", d === today ? "font-semibold text-primary" : "text-muted-foreground"), children: dayDate(d).toLocaleDateString(void 0, { weekday: "short", day: "numeric" }) }, `h${d}`)),
+        days.map((d) => /* @__PURE__ */ jsx120("div", { className: cn58("border-b border-r px-1 py-0.5 text-center text-xs", d === today ? "font-semibold text-primary" : "text-muted-foreground"), children: dayDate(d).toLocaleDateString(void 0, { weekday: "short", day: "numeric" }) }, `h${d}`)),
         /* @__PURE__ */ jsx120("div", { className: "border-b border-r px-1 py-0.5 text-[10px] text-muted-foreground", children: "All day" }),
-        days.map((d) => /* @__PURE__ */ jsx120("div", { "data-calendar-day": d, className: cn57("min-h-8 border-b border-r p-0.5", ghost?.day === d && ghost.minute === null ? "bg-primary/10" : void 0), ...dayDrop(d), children: /* @__PURE__ */ jsx120("ul", { className: "flex flex-col gap-0.5", children: allDay(d).map((p) => listCard(p, `${p.row.id}:${d}`)) }) }, `a${d}`))
+        days.map((d) => /* @__PURE__ */ jsx120("div", { "data-calendar-day": d, className: cn58("min-h-8 border-b border-r p-0.5", ghost?.day === d && ghost.minute === null ? "bg-primary/10" : void 0), ...dayDrop(d), children: /* @__PURE__ */ jsx120("ul", { className: "flex flex-col gap-0.5", children: allDay(d).map((p) => listCard(p, `${p.row.id}:${d}`)) }) }, `a${d}`))
       ] }),
       /* @__PURE__ */ jsx120(
         WeekHours,
@@ -35148,7 +35206,7 @@ function CalendarView({
                     p.row,
                     tight ? null : /* @__PURE__ */ jsx120("span", { className: "shrink-0 tabular-nums text-[10px] opacity-75", "data-calendar-time": "", children: timeLabel(start) }),
                     // Taller blocks sharing the width stack the time over the name.
-                    cn57("h-full items-start", !tight && end - start >= 45 && cols > 1 ? "flex-col gap-0" : void 0)
+                    cn58("h-full items-start", !tight && end - start >= 45 && cols > 1 ? "flex-col gap-0" : void 0)
                   ),
                   endField && !endWorkedOut && canMove(p.row) ? /* @__PURE__ */ jsx120(
                     "div",
@@ -35177,7 +35235,7 @@ function CalendarView({
     for (const p of placed) for (let d = p.firstDay; d <= p.lastDay; d = addDays2(d, 1)) byDay.set(d, [...byDay.get(d) ?? [], p]);
     const listed = [...byDay.entries()].sort((a, b) => a[0].localeCompare(b[0])).map(([d, cards]) => [d, [...cards].sort(byTime)]);
     body = /* @__PURE__ */ jsx120("ol", { className: "flex min-h-0 min-w-0 flex-1 flex-col divide-y overflow-y-auto rounded border", "data-calendar-list": "", children: listed.map(([d, cards]) => /* @__PURE__ */ jsxs108("li", { className: "flex gap-3 p-2", "data-calendar-day": d, ...dayDrop(d), children: [
-      /* @__PURE__ */ jsx120("span", { className: cn57("w-24 shrink-0 text-xs font-medium tabular-nums", d === today ? "text-primary" : ""), children: calendarDayLabel(d) }),
+      /* @__PURE__ */ jsx120("span", { className: cn58("w-24 shrink-0 text-xs font-medium tabular-nums", d === today ? "text-primary" : ""), children: calendarDayLabel(d) }),
       /* @__PURE__ */ jsx120("ul", { className: "flex min-w-0 flex-1 flex-col gap-1", children: cards.map((p) => listCard(p, `${p.row.id}:${d}`)) })
     ] }, d)) });
   }
@@ -35185,7 +35243,7 @@ function CalendarView({
     "div",
     {
       ref: frame,
-      className: cn57("relative flex min-h-0 flex-col gap-2", className),
+      className: cn58("relative flex min-h-0 flex-col gap-2", className),
       "data-calendar-mode": mode,
       onKeyDown: moves.onKeyDown,
       onDragLeave: (e) => {
@@ -35249,7 +35307,7 @@ function MonthWeek({
           role: "gridcell",
           "aria-label": calendarDayLabel(d),
           "data-calendar-day": d,
-          className: cn57(
+          className: cn58(
             "group relative flex min-h-24 flex-col gap-0.5 border-b border-r p-0.5",
             inMonth ? "" : "bg-muted/40",
             ghostDay === d ? "bg-primary/10 ring-2 ring-inset ring-primary" : "",
@@ -35273,7 +35331,7 @@ function MonthWeek({
               /* @__PURE__ */ jsx120(
                 "span",
                 {
-                  className: cn57(
+                  className: cn58(
                     "ml-auto rounded-full px-1.5 text-xs tabular-nums",
                     d === today ? "bg-primary text-primary-foreground" : inMonth ? "" : "text-muted-foreground"
                   ),
@@ -35357,7 +35415,7 @@ function WeekHours({
     days.map((d) => /* @__PURE__ */ jsxs108(
       "div",
       {
-        className: cn57("relative border-r", onSlotPointerDown ? "cursor-cell" : void 0),
+        className: cn58("relative border-r", onSlotPointerDown ? "cursor-cell" : void 0),
         "data-calendar-column": d,
         ...timeDrop(d),
         ...onSlotPointerDown ? { onPointerDown: onSlotPointerDown(d) } : {},
@@ -35391,7 +35449,7 @@ function weekHeading(first) {
 // src/TimelineView.tsx
 import { useEffect as useEffect80, useMemo as useMemo57, useRef as useRef48, useState as useState99 } from "react";
 import { mayDrag as mayDrag3 } from "@ai-matrx/records/react";
-import { DropdownMenu as DropdownMenu8, DropdownMenuCheckboxItem as DropdownMenuCheckboxItem2, DropdownMenuContent as DropdownMenuContent8, DropdownMenuItem as DropdownMenuItem7, DropdownMenuRadioGroup as DropdownMenuRadioGroup2, DropdownMenuRadioItem as DropdownMenuRadioItem2, DropdownMenuSeparator as DropdownMenuSeparator4, DropdownMenuSub as DropdownMenuSub2, DropdownMenuSubContent as DropdownMenuSubContent2, DropdownMenuSubTrigger as DropdownMenuSubTrigger2, DropdownMenuTrigger as DropdownMenuTrigger8, Button as Button75, Select as Select16, SelectContent as SelectContent14, SelectItem as SelectItem14, SelectTrigger as SelectTrigger14, SelectValue as SelectValue14, cn as cn58 } from "@ai-matrx/design-system";
+import { DropdownMenu as DropdownMenu8, DropdownMenuCheckboxItem as DropdownMenuCheckboxItem2, DropdownMenuContent as DropdownMenuContent8, DropdownMenuItem as DropdownMenuItem7, DropdownMenuRadioGroup as DropdownMenuRadioGroup2, DropdownMenuRadioItem as DropdownMenuRadioItem2, DropdownMenuSeparator as DropdownMenuSeparator4, DropdownMenuSub as DropdownMenuSub2, DropdownMenuSubContent as DropdownMenuSubContent2, DropdownMenuSubTrigger as DropdownMenuSubTrigger2, DropdownMenuTrigger as DropdownMenuTrigger8, Button as Button75, Select as Select16, SelectContent as SelectContent14, SelectItem as SelectItem14, SelectTrigger as SelectTrigger14, SelectValue as SelectValue14, cn as cn59 } from "@ai-matrx/design-system";
 import { CHOICE_CHIP_CLASS as CHOICE_CHIP_CLASS4 } from "@ai-matrx/design-system/data-table";
 import { useOptionalRecordsClient as useOptionalRecordsClient15 } from "@ai-matrx/records/react";
 
@@ -36168,7 +36226,7 @@ function TimelineView({
         "aria-label": `${title}, ${calendarDayLabel(first)}${last !== first ? ` to ${calendarDayLabel(last)}` : ""}`,
         ...may ? { "aria-keyshortcuts": "Alt+ArrowLeft Alt+ArrowRight Alt+Shift+ArrowLeft Alt+Shift+ArrowRight" } : {},
         title: [why ?? (may ? `${title} \xB7 drag to move, or Alt + arrow keys` : title), slip !== null ? slipWords(slip) : "", percent !== null ? `${percent}% done` : ""].filter(Boolean).join(" \xB7 "),
-        className: cn58(
+        className: cn59(
           "absolute flex select-none items-center gap-1 rounded border px-1.5 text-xs outline-none focus-visible:ring-2 focus-visible:ring-ring",
           outside ? "overflow-visible" : "overflow-hidden",
           milestone ? "border-transparent bg-transparent" : color ? CHOICE_CHIP_CLASS4[color] : "bg-muted",
@@ -36201,7 +36259,7 @@ function TimelineView({
           percent !== null && !milestone ? /* @__PURE__ */ jsx121("span", { "aria-hidden": "true", "data-timeline-progress": percent, className: "pointer-events-none absolute inset-y-0 left-0 bg-foreground/20", style: { width: `${percent}%` } }) : null,
           inset > 0 ? /* @__PURE__ */ jsx121("span", { "aria-hidden": "true", className: "shrink-0", style: { width: inset } }) : null,
           may ? null : /* @__PURE__ */ jsx121(LockIcon2, {}),
-          milestone ? /* @__PURE__ */ jsx121("span", { "aria-hidden": "true", className: cn58("mx-auto h-3.5 w-3.5 shrink-0 rotate-45 rounded-[2px] border", onCritical ? "bg-amber-500" : "bg-foreground") }) : p.marker ? /* @__PURE__ */ jsx121("span", { "aria-hidden": "true", className: "h-2 w-2 shrink-0 rotate-45 rounded-[1px] bg-current opacity-70" }) : null,
+          milestone ? /* @__PURE__ */ jsx121("span", { "aria-hidden": "true", className: cn59("mx-auto h-3.5 w-3.5 shrink-0 rotate-45 rounded-[2px] border", onCritical ? "bg-amber-500" : "bg-foreground") }) : p.marker ? /* @__PURE__ */ jsx121("span", { "aria-hidden": "true", className: "h-2 w-2 shrink-0 rotate-45 rounded-[1px] bg-current opacity-70" }) : null,
           outside ? (
             // Too short for its words: they sit just after the bar, the way Airtable labels a short bar.
             /* @__PURE__ */ jsxs109("span", { className: "pointer-events-none absolute left-full top-1/2 ml-1.5 -translate-y-1/2 whitespace-nowrap text-foreground", children: [
@@ -36283,7 +36341,7 @@ function TimelineView({
     ] })
   ] });
   if (!startField) {
-    return /* @__PURE__ */ jsx121("div", { className: cn58("flex min-w-0 flex-col gap-2", className), "data-timeline-needs": "", children: /* @__PURE__ */ jsxs109("div", { className: "flex flex-col gap-2 rounded border border-dashed p-4 text-xs text-muted-foreground", children: [
+    return /* @__PURE__ */ jsx121("div", { className: cn59("flex min-w-0 flex-col gap-2", className), "data-timeline-needs": "", children: /* @__PURE__ */ jsxs109("div", { className: "flex flex-col gap-2 rounded border border-dashed p-4 text-xs text-muted-foreground", children: [
       /* @__PURE__ */ jsx121("p", { children: dates.length > 0 ? VIEW_NEEDS.timeline?.pick : VIEW_NEEDS.timeline?.missing }),
       dates.length > 0 ? /* @__PURE__ */ jsx121("div", { className: "flex flex-wrap gap-2", children: settings }) : null
     ] }) });
@@ -36399,7 +36457,7 @@ function TimelineView({
               "button",
               {
                 type: "button",
-                className: cn58(
+                className: cn59(
                   "flex w-full min-w-0 items-center gap-1 truncate rounded border px-1.5 py-0.5 text-left text-xs hover:brightness-95",
                   color ? CHOICE_CHIP_CLASS4[color] : "bg-background",
                   may ? "cursor-grab" : "cursor-default"
@@ -36423,7 +36481,7 @@ function TimelineView({
     return [at.first, at.last];
   }), Number(today.slice(0, 4)));
   const listDayW = listYear ? "w-[3.75rem]" : "w-12";
-  const LABEL_COLUMN = cn58("sticky left-0 z-30 shrink-0 border-r bg-background", ganttOn ? "w-64 sm:w-80" : "w-24 sm:w-36");
+  const LABEL_COLUMN = cn59("sticky left-0 z-30 shrink-0 border-r bg-background", ganttOn ? "w-64 sm:w-80" : "w-24 sm:w-36");
   const todayLine = todayX !== null ? /* @__PURE__ */ jsx121(
     "div",
     {
@@ -36434,10 +36492,10 @@ function TimelineView({
     }
   ) : null;
   const headerRow = (segments, className2, key) => /* @__PURE__ */ jsxs109("div", { className: "flex", "data-timeline-scale": key, children: [
-    hasLabel ? /* @__PURE__ */ jsx121("div", { className: cn58(LABEL_COLUMN, "border-b"), children: ganttOn && key === "bottom" ? /* @__PURE__ */ jsxs109("div", { className: "flex h-full items-center gap-1 px-1.5 text-[11px] text-muted-foreground", "data-timeline-list-head": "", children: [
+    hasLabel ? /* @__PURE__ */ jsx121("div", { className: cn59(LABEL_COLUMN, "border-b"), children: ganttOn && key === "bottom" ? /* @__PURE__ */ jsxs109("div", { className: "flex h-full items-center gap-1 px-1.5 text-[11px] text-muted-foreground", "data-timeline-list-head": "", children: [
       /* @__PURE__ */ jsx121("span", { className: "min-w-0 flex-1 truncate", children: "Task" }),
-      /* @__PURE__ */ jsx121("span", { className: cn58(listDayW, "shrink-0"), children: "Start" }),
-      /* @__PURE__ */ jsx121("span", { className: cn58(listDayW, "shrink-0"), children: "End" }),
+      /* @__PURE__ */ jsx121("span", { className: cn59(listDayW, "shrink-0"), children: "Start" }),
+      /* @__PURE__ */ jsx121("span", { className: cn59(listDayW, "shrink-0"), children: "End" }),
       /* @__PURE__ */ jsx121("span", { className: "w-14 shrink-0 text-right", children: "Days" })
     ] }) : null }) : null,
     /* @__PURE__ */ jsxs109("div", { className: "relative shrink-0", style: { width, height: 22 }, children: [
@@ -36448,7 +36506,7 @@ function TimelineView({
         return /* @__PURE__ */ jsx121(
           "div",
           {
-            className: cn58("absolute top-0 h-full truncate border-b border-l px-1 text-[11px] leading-[22px]", className2, s.day === today && key === "bottom" ? "font-semibold text-primary" : void 0),
+            className: cn59("absolute top-0 h-full truncate border-b border-l px-1 text-[11px] leading-[22px]", className2, s.day === today && key === "bottom" ? "font-semibold text-primary" : void 0),
             style: { left, width: w, paddingLeft: 4 + inset },
             children: w >= 14 ? s.label : ""
           },
@@ -36464,24 +36522,24 @@ function TimelineView({
       headerRow(scale.bottom, "text-muted-foreground", "bottom")
     ] }),
     laneRows.map((lane) => /* @__PURE__ */ jsxs109("div", { className: "flex border-b", "data-timeline-lane": groupField ? lane.key : "", children: [
-      ganttOn ? /* @__PURE__ */ jsx121("div", { className: cn58(LABEL_COLUMN), "data-timeline-label": "", "data-timeline-list": "", style: { paddingTop: LANE_PAD / 2 }, children: lane.packed.map((b) => {
+      ganttOn ? /* @__PURE__ */ jsx121("div", { className: cn59(LABEL_COLUMN), "data-timeline-label": "", "data-timeline-list": "", style: { paddingTop: LANE_PAD / 2 }, children: lane.packed.map((b) => {
         const at = shown5(b.p);
         const slip = slipDays(baselineOf(b.p.row)?.last ?? null, at.last);
         return /* @__PURE__ */ jsxs109("div", { "data-timeline-list-row": b.p.row.id, className: "flex items-center gap-1 px-1.5 text-xs", style: { height: ROW_PX }, children: [
           /* @__PURE__ */ jsx121("button", { type: "button", className: "min-w-0 flex-1 truncate text-left hover:underline", onClick: () => onOpenRecord?.(b.p.row.id), children: titleOf(b.p.row) }),
-          /* @__PURE__ */ jsx121("span", { className: cn58(listDayW, "shrink-0 whitespace-nowrap tabular-nums text-muted-foreground"), children: taskListDay(at.first, listYear) }),
-          /* @__PURE__ */ jsx121("span", { className: cn58(listDayW, "shrink-0 whitespace-nowrap tabular-nums text-muted-foreground"), children: taskListDay(at.last, listYear) }),
+          /* @__PURE__ */ jsx121("span", { className: cn59(listDayW, "shrink-0 whitespace-nowrap tabular-nums text-muted-foreground"), children: taskListDay(at.first, listYear) }),
+          /* @__PURE__ */ jsx121("span", { className: cn59(listDayW, "shrink-0 whitespace-nowrap tabular-nums text-muted-foreground"), children: taskListDay(at.last, listYear) }),
           /* @__PURE__ */ jsxs109("span", { className: "w-14 shrink-0 whitespace-nowrap text-right tabular-nums", title: slip !== null ? slipWords(slip) : void 0, children: [
             daysBetween(at.first, at.last) + 1,
             "d",
-            slip !== null && slip !== 0 ? /* @__PURE__ */ jsx121("span", { className: cn58("ml-1", slip > 0 ? "text-destructive" : "text-emerald-600"), children: slip > 0 ? `+${slip}` : slip }) : null
+            slip !== null && slip !== 0 ? /* @__PURE__ */ jsx121("span", { className: cn59("ml-1", slip > 0 ? "text-destructive" : "text-emerald-600"), children: slip > 0 ? `+${slip}` : slip }) : null
           ] })
         ] }, b.p.row.id);
-      }) }) : grouped ? /* @__PURE__ */ jsxs109("div", { className: cn58(LABEL_COLUMN, "flex items-start p-1"), "data-timeline-label": "", children: [
+      }) }) : grouped ? /* @__PURE__ */ jsxs109("div", { className: cn59(LABEL_COLUMN, "flex items-start p-1"), "data-timeline-label": "", children: [
         /* @__PURE__ */ jsx121(
           "span",
           {
-            className: cn58("max-w-full truncate rounded px-1.5 py-0.5 text-xs font-medium", lane.color ? CHOICE_CHIP_CLASS4[lane.color] : void 0),
+            className: cn59("max-w-full truncate rounded px-1.5 py-0.5 text-xs font-medium", lane.color ? CHOICE_CHIP_CLASS4[lane.color] : void 0),
             title: laneLocked ?? lane.label,
             ...laneLocked ? { "data-timeline-lane-locked": "" } : {},
             children: lane.label
@@ -36498,7 +36556,7 @@ function TimelineView({
       ] })
     ] }, lane.key))
   ] }) });
-  return /* @__PURE__ */ jsxs109("div", { className: cn58("relative flex min-h-0 min-w-0 max-w-full flex-col gap-2", className), "data-timeline": "", onKeyDown: moves.onKeyDown, children: [
+  return /* @__PURE__ */ jsxs109("div", { className: cn59("relative flex min-h-0 min-w-0 max-w-full flex-col gap-2", className), "data-timeline": "", onKeyDown: moves.onKeyDown, children: [
     note ? /* @__PURE__ */ jsx121("p", { className: "text-xs text-muted-foreground", children: note }) : null,
     toolbar,
     critical && critical.ids.length > 0 ? /* @__PURE__ */ jsxs109("p", { className: "text-xs text-muted-foreground", "data-timeline-critical-note": "", children: [
@@ -36892,7 +36950,7 @@ function BoardOptions({
 
 // src/ListView.tsx
 import { useMemo as useMemo58 } from "react";
-import { Select as Select17, SelectContent as SelectContent15, SelectItem as SelectItem15, SelectTrigger as SelectTrigger15, SelectValue as SelectValue15, cn as cn59 } from "@ai-matrx/design-system";
+import { Select as Select17, SelectContent as SelectContent15, SelectItem as SelectItem15, SelectTrigger as SelectTrigger15, SelectValue as SelectValue15, cn as cn60 } from "@ai-matrx/design-system";
 import { resolveRowColor as resolveRowColor3, ROW_TINT_CLASS as ROW_TINT_CLASS2 } from "@ai-matrx/design-system/data-table";
 import { jsx as jsx125, jsxs as jsxs112 } from "react/jsx-runtime";
 var LIST_DEFAULT_FIELDS = 4;
@@ -37057,7 +37115,7 @@ function ListRow({
     {
       type: "button",
       "data-records-list-row": row.id,
-      className: cn59(
+      className: cn60(
         "flex w-full min-w-0 items-center gap-3 rounded px-1 py-1 pr-7 text-left text-xs hover:bg-muted",
         color ? ROW_TINT_CLASS2[color] : void 0
       ),
@@ -37098,7 +37156,7 @@ import {
   measureKey as measureKey3
 } from "@ai-matrx/records";
 import { mapPgError as mapPgError2 } from "@ai-matrx/records/core";
-import { cn as cn61 } from "@ai-matrx/design-system";
+import { cn as cn62 } from "@ai-matrx/design-system";
 import { formatCount as formatCount5 } from "@ai-matrx/kit/format";
 
 // src/linkWords.ts
@@ -37402,7 +37460,7 @@ import {
   useRef as useRef49,
   useState as useState104
 } from "react";
-import { cn as cn60 } from "@ai-matrx/design-system";
+import { cn as cn61 } from "@ai-matrx/design-system";
 import { jsx as jsx126, jsxs as jsxs113 } from "react/jsx-runtime";
 function useMeasuredWidth(fallback = 480) {
   const ref = useRef49(null);
@@ -37444,7 +37502,7 @@ function ChartFrame({
       ref,
       "data-chart": chartId,
       style: { height, ...chartVariables(config) },
-      className: cn60(
+      className: cn61(
         "w-full min-w-0 overflow-hidden text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-layer]:outline-none [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-sector]:outline-none [&_.recharts-surface]:outline-none",
         className
       ),
@@ -37463,7 +37521,7 @@ function ChartTooltipContent({
   return /* @__PURE__ */ jsxs113(
     "div",
     {
-      className: cn60(
+      className: cn61(
         "grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl",
         className
       ),
@@ -37493,7 +37551,7 @@ function ChartLegendContent({
   className
 }) {
   if (!payload || payload.length === 0) return null;
-  return /* @__PURE__ */ jsx126("div", { className: cn60("flex flex-wrap items-center justify-center gap-3 pt-2", className), children: payload.map((entry, index) => {
+  return /* @__PURE__ */ jsx126("div", { className: cn61("flex flex-wrap items-center justify-center gap-3 pt-2", className), children: payload.map((entry, index) => {
     const key = String(entry.dataKey ?? entry.value ?? index);
     return /* @__PURE__ */ jsxs113("span", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
       /* @__PURE__ */ jsx126(
@@ -37516,7 +37574,7 @@ function Trend({ pct, aimingUp, className }) {
   const up = pct > 0;
   const flat = pct === 0;
   const tone = flat || !aimingUp ? "text-muted-foreground" : up ? "text-success" : "text-destructive";
-  return /* @__PURE__ */ jsxs114("span", { className: cn61("inline-flex items-center gap-0.5 tabular-nums", tone, className), children: [
+  return /* @__PURE__ */ jsxs114("span", { className: cn62("inline-flex items-center gap-0.5 tabular-nums", tone, className), children: [
     flat ? null : /* @__PURE__ */ jsx127("svg", { viewBox: "0 0 10 10", "aria-hidden": "true", className: "h-2.5 w-2.5 fill-current", children: up ? /* @__PURE__ */ jsx127("path", { d: "M5 1 9 8H1z" }) : /* @__PURE__ */ jsx127("path", { d: "M5 9 1 2h8z" }) }),
     /* @__PURE__ */ jsxs114("span", { children: [
       up ? "+" : "",
@@ -37652,7 +37710,7 @@ function ChartBlock({ block, subject, tableName: tableName2, className, centerVa
     return /* @__PURE__ */ jsx127(
       "figure",
       {
-        className: cn61("flex min-h-24 min-w-0 items-center justify-center rounded border border-dashed p-2", className),
+        className: cn62("flex min-h-24 min-w-0 items-center justify-center rounded border border-dashed p-2", className),
         "data-records-chart-not-shared": "",
         children: /* @__PURE__ */ jsx127("figcaption", { className: "text-xs text-muted-foreground", children: "Not shared with you" })
       }
@@ -37661,7 +37719,7 @@ function ChartBlock({ block, subject, tableName: tableName2, className, centerVa
   return /* @__PURE__ */ jsxs114(
     "figure",
     {
-      className: cn61("flex min-w-0 flex-col gap-1.5", bare ? null : "rounded border p-2", className),
+      className: cn62("flex min-w-0 flex-col gap-1.5", bare ? null : "rounded border p-2", className),
       ...bare ? { "aria-label": block.title || CHART_KIND_LABEL[kind2] } : {},
       ...typeof block.ms === "number" ? { "data-store-ms": pretty(block.ms) } : {},
       children: [
@@ -38278,7 +38336,7 @@ function ViewSwitcherBody({
     setLocal((held) => ({ ...held, ...patch }));
     onViewChange?.(patch);
   };
-  return /* @__PURE__ */ jsxs116("div", { className: cn62("flex min-h-0 flex-col gap-2", footer === "sticky" && "flex-1", className), children: [
+  return /* @__PURE__ */ jsxs116("div", { className: cn63("flex min-h-0 flex-col gap-2", footer === "sticky" && "flex-1", className), children: [
     chooser && !embedded ? /* @__PURE__ */ jsxs116("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsx129("span", { className: "truncate text-sm font-medium", children: view.name }),
       /* @__PURE__ */ jsx129("div", { className: "ml-auto flex items-center gap-0.5", role: "group", "aria-label": "Layout", children: VIEW_LAYOUTS.map((option) => /* @__PURE__ */ jsx129(
@@ -38959,7 +39017,7 @@ function Kanban({
   const heading = (name) => /* @__PURE__ */ jsxs116(
     "header",
     {
-      className: cn62("flex h-7 items-center gap-2 border-b px-2 text-xs font-medium", columnColor(name) ? CHOICE_CHIP_CLASS5[columnColor(name)] : void 0),
+      className: cn63("flex h-7 items-center gap-2 border-b px-2 text-xs font-medium", columnColor(name) ? CHOICE_CHIP_CLASS5[columnColor(name)] : void 0),
       "data-board-heading": name,
       ...columnColor(name) ? { "data-column-color": columnColor(name) } : {},
       children: [
@@ -38976,7 +39034,7 @@ function Kanban({
     {
       "data-board-column": name,
       ...laneName !== null ? { "data-board-lane": laneName } : {},
-      className: cn62("flex shrink-0 flex-col rounded border bg-muted/30", size.column),
+      className: cn63("flex shrink-0 flex-col rounded border bg-muted/30", size.column),
       onDragOver: (e) => {
         if (movable && e.dataTransfer.types.includes("application/x-records-card")) e.preventDefault();
       },
@@ -39010,7 +39068,7 @@ function Kanban({
             "li",
             {
               draggable,
-              className: cn62("relative", choiceColor(name) ? "pl-1.5" : void 0, draggable ? "cursor-grab active:cursor-grabbing" : void 0),
+              className: cn63("relative", choiceColor(name) ? "pl-1.5" : void 0, draggable ? "cursor-grab active:cursor-grabbing" : void 0),
               ...draggable ? { "aria-keyshortcuts": "Alt+ArrowLeft Alt+ArrowRight", title: "Drag to another column, or Alt + arrow keys" } : {},
               onDragStart: (e) => {
                 if (!draggable) return;
@@ -39026,9 +39084,9 @@ function Kanban({
                 void move(card, { column: name, lane: laneName }, { column: to, lane: laneName });
               },
               children: [
-                accent ? /* @__PURE__ */ jsx129("span", { "aria-hidden": "true", "data-card-accent": accent, className: cn62("absolute inset-y-0.5 left-0 w-1 rounded", SWATCH_CLASS4[accent]) }) : null,
+                accent ? /* @__PURE__ */ jsx129("span", { "aria-hidden": "true", "data-card-accent": accent, className: cn63("absolute inset-y-0.5 left-0 w-1 rounded", SWATCH_CLASS4[accent]) }) : null,
                 /* @__PURE__ */ jsx129(RecordActionMenu, { tableId, row: card, name: cardWords(card, titleField).text, onOpenRecord, onChanged, children: previewField ? /* @__PURE__ */ jsxs116("div", { className: "flex flex-col gap-1", children: [
-                  /* @__PURE__ */ jsx129("span", { className: cn62("block w-full shrink-0 overflow-hidden rounded bg-muted/50", size.cover), "data-board-preview": previewField.key, children: /* @__PURE__ */ jsx129(GalleryCover, { field: previewField, value: cover }) }),
+                  /* @__PURE__ */ jsx129("span", { className: cn63("block w-full shrink-0 overflow-hidden rounded bg-muted/50", size.cover), "data-board-preview": previewField.key, children: /* @__PURE__ */ jsx129(GalleryCover, { field: previewField, value: cover }) }),
                   recordCard
                 ] }) : recordCard }),
                 moves.refused?.recordId === card.id ? /* @__PURE__ */ jsx129(MoveRefusedBadge, { refused: moves.refused }) : null
@@ -39060,7 +39118,7 @@ function Kanban({
       // is the same fixed width in every band and in the heading row, and a lane's strip is one
       // fixed height — collapsing a lane moves only what is below it, never a column.
       /* @__PURE__ */ jsx129("div", { className: "min-h-0 overflow-x-auto pb-2", children: /* @__PURE__ */ jsxs116("div", { className: "flex w-max flex-col gap-2", "data-board-lanes": "", children: [
-        /* @__PURE__ */ jsx129("div", { className: "flex gap-2", "data-board-heads": "", children: columns.map((name) => /* @__PURE__ */ jsx129("div", { className: cn62("shrink-0 overflow-hidden rounded border bg-muted/30", size.column), children: heading(name) }, name)) }),
+        /* @__PURE__ */ jsx129("div", { className: "flex gap-2", "data-board-heads": "", children: columns.map((name) => /* @__PURE__ */ jsx129("div", { className: cn63("shrink-0 overflow-hidden rounded border bg-muted/30", size.column), children: heading(name) }, name)) }),
         lanes.map((lane) => {
           const open = !shut.has(lane.name);
           return /* @__PURE__ */ jsxs116("div", { "data-board-lane-band": lane.name, className: "flex flex-col gap-1", children: [
@@ -39171,13 +39229,13 @@ function Gallery({
                   "button",
                   {
                     type: "button",
-                    className: cn62(
+                    className: cn63(
                       "flex h-full w-full flex-col gap-1 rounded border p-2 pr-7 text-left hover:bg-muted",
                       rowColor ? ROW_TINT_CLASS3[rowColor] : void 0
                     ),
                     onClick: () => onOpenRecord?.(row.id),
                     children: [
-                      imageField ? /* @__PURE__ */ jsx129("span", { className: cn62(dims.cover, "w-full shrink-0 overflow-hidden rounded bg-muted/50"), "data-records-gallery-cover": imageField.key, children: /* @__PURE__ */ jsx129(GalleryCover, { field: imageField, value: image }) }) : null,
+                      imageField ? /* @__PURE__ */ jsx129("span", { className: cn63(dims.cover, "w-full shrink-0 overflow-hidden rounded bg-muted/50"), "data-records-gallery-cover": imageField.key, children: /* @__PURE__ */ jsx129(GalleryCover, { field: imageField, value: image }) }) : null,
                       /* @__PURE__ */ jsx129("span", { className: "truncate text-sm font-medium", "data-records-gallery-title": "", children: recordNameIn({ title_field: titleKey ?? null }, doc) || "Untitled" }),
                       onCard.map((field2) => /* @__PURE__ */ jsxs116("span", { className: "flex h-5 min-w-0 items-center gap-1 overflow-hidden whitespace-nowrap text-xs", children: [
                         /* @__PURE__ */ jsx129("span", { className: "shrink-0 text-muted-foreground", children: fieldName(field2) }),
@@ -39255,7 +39313,7 @@ function RecordCard({
       role: "button",
       tabIndex: 0,
       "data-records-card": record.id,
-      className: cn62(
+      className: cn63(
         "w-full cursor-pointer truncate rounded border bg-background px-2 py-1 text-left text-xs hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
         host.density === "spacious" ? "py-2" : "",
         color ? ROW_TINT_CLASS3[color] : void 0
@@ -39307,7 +39365,7 @@ import {
   emptyArchiveLine
 } from "@ai-matrx/records";
 import { tableShapeChanged as tableShapeChanged13, useFields as useFields22, useRecordsClient as useRecordsClient72, useTable as useTable22 } from "@ai-matrx/records/react";
-import { Button as Button78, Skeleton as Skeleton16, cn as cn63 } from "@ai-matrx/design-system";
+import { Button as Button78, Skeleton as Skeleton16, cn as cn64 } from "@ai-matrx/design-system";
 import { jsx as jsx130, jsxs as jsxs117 } 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) {
@@ -39373,7 +39431,7 @@ function ArchivedView({
   const titleKey = table.data?.title_field ?? null;
   const mayRestore = rights.organise;
   const whyNot = mayRestore ? "" : mayNotRestoreLine(rights.why("organise"));
-  return /* @__PURE__ */ jsxs117("div", { className: cn63("flex min-h-0 flex-col gap-2", className), "data-testid": "archived-view", children: [
+  return /* @__PURE__ */ jsxs117("div", { className: cn64("flex min-h-0 flex-col gap-2", className), "data-testid": "archived-view", children: [
     /* @__PURE__ */ jsxs117("div", { className: "flex flex-wrap items-center gap-2", children: [
       /* @__PURE__ */ jsx130("span", { className: "text-sm font-medium", children: "Archived" }),
       /* @__PURE__ */ jsx130("div", { className: "ml-auto flex items-center gap-0.5", role: "group", "aria-label": "Archived by", children: ARCHIVE_LANES.map((option) => /* @__PURE__ */ jsx130(
@@ -39503,7 +39561,7 @@ import {
   portalTitleTypedBack
 } from "@ai-matrx/records";
 import { useRecordsClient as useRecordsClient73 } from "@ai-matrx/records/react";
-import { BasicInput as BasicInput21, Button as Button79, Skeleton as Skeleton17, cn as cn64 } from "@ai-matrx/design-system";
+import { BasicInput as BasicInput21, Button as Button79, Skeleton as Skeleton17, cn as cn65 } from "@ai-matrx/design-system";
 import { jsx as jsx131, jsxs as jsxs118 } 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({
@@ -39520,7 +39578,7 @@ function ArchivedDisclosure({
     setOpen(next);
     onOpenChange?.(next);
   };
-  return /* @__PURE__ */ jsxs118("div", { className: cn64("flex flex-col gap-2", className), "data-testid": "archived-disclosure", children: [
+  return /* @__PURE__ */ jsxs118("div", { className: cn65("flex flex-col gap-2", className), "data-testid": "archived-disclosure", children: [
     /* @__PURE__ */ jsx131("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxs118(
       Button79,
       {
@@ -39683,7 +39741,7 @@ function ArchivedPortals({
 // src/ViewBar.tsx
 import { useCallback as useCallback43, useEffect as useEffect90, useRef as useRef51, useState as useState109 } from "react";
 import { useRecordsClient as useRecordsClient74 } from "@ai-matrx/records/react";
-import { Badge as Badge15, Button as Button80, Input as Input7, Popover as Popover16, PopoverContent as PopoverContent16, PopoverTrigger as PopoverTrigger16, Skeleton as Skeleton18, cn as cn65 } from "@ai-matrx/design-system";
+import { Badge as Badge15, Button as Button80, Input as Input7, Popover as Popover16, PopoverContent as PopoverContent16, PopoverTrigger as PopoverTrigger16, Skeleton as Skeleton18, cn as cn66 } from "@ai-matrx/design-system";
 import { Button as ControlButton, Switch as Switch5, Tile as Tile2 } from "@ai-matrx/design-system/controls";
 import { DndContext, PointerSensor, closestCenter, useDroppable, useSensor, useSensors } from "@dnd-kit/core";
 import { SortableContext, useSortable, verticalListSortingStrategy } from "@dnd-kit/sortable";
@@ -39753,6 +39811,9 @@ function settingsToCopy(source, target) {
   const same3 = source.layout === target.layout;
   return {
     where: source.where ?? null,
+    // The flat filter map a view may carry instead of (or beside) `where`: every stored filter shape travels.
+    filters: source.filters ?? null,
+    // saveViewPatch sends null to the door, which clears it
     sorts: source.sorts ?? [],
     groupField: source.groupField ?? null,
     presentation: look,
@@ -39770,7 +39831,7 @@ function seedIsSatisfied(seed, views) {
 }
 function SectionBox({ id, children, ...rest }) {
   const { setNodeRef, isOver } = useDroppable({ id });
-  return /* @__PURE__ */ jsx132("div", { ref: setNodeRef, className: cn65("rounded-sm", isOver && "bg-accent/40"), ...rest, children });
+  return /* @__PURE__ */ jsx132("div", { ref: setNodeRef, className: cn66("rounded-sm", isOver && "bg-accent/40"), ...rest, children });
 }
 function SortableRow({ id, disabled, children }) {
   const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({ id, disabled });
@@ -39779,7 +39840,7 @@ function SortableRow({ id, disabled, children }) {
     {
       ref: setNodeRef,
       style: { transform: CSS2.Transform.toString(transform), transition },
-      className: cn65(isDragging && "relative z-10 opacity-80"),
+      className: cn66(isDragging && "relative z-10 opacity-80"),
       "data-view-row": id,
       ...disabled ? {} : attributes,
       ...disabled ? {} : listeners,
@@ -39787,7 +39848,7 @@ function SortableRow({ id, disabled, children }) {
     }
   );
 }
-function ViewBar({ tableId, activeViewId, onActiveView, seed, settings, onViews, initialViews, className }) {
+function ViewBar({ tableId, activeViewId, onActiveView, seed, settings, onViews, onSettingsCopied, initialViews, className }) {
   const client = useRecordsClient74();
   const claimSeed = useSeedGuard();
   const table = useTable23(tableId);
@@ -39960,6 +40021,7 @@ function ViewBar({ tableId, activeViewId, onActiveView, seed, settings, onViews,
       return;
     }
     setCopying(false);
+    onSettingsCopied?.(into.id);
     await load();
     notify?.success(`Copied settings from \u201C${source.name}\u201D`);
   }
@@ -40042,7 +40104,7 @@ function ViewBar({ tableId, activeViewId, onActiveView, seed, settings, onViews,
     return /* @__PURE__ */ jsx132(
       "span",
       {
-        className: cn65("max-w-[16rem] shrink-0 truncate text-xs text-muted-foreground", className),
+        className: cn66("max-w-[16rem] shrink-0 truncate text-xs text-muted-foreground", className),
         title: SAVED_VIEWS_UNAVAILABLE,
         "data-saved-views-unavailable": "",
         children: SAVED_VIEWS_UNAVAILABLE
@@ -40050,7 +40112,7 @@ function ViewBar({ tableId, activeViewId, onActiveView, seed, settings, onViews,
     );
   }
   if (error) return /* @__PURE__ */ jsx132(RefusalNotice, { error, className, actions: /* @__PURE__ */ jsx132(Button80, { size: "sm", variant: "ghost", onClick: () => void load(), children: "Try again" }) });
-  if (views === null) return /* @__PURE__ */ jsx132(Skeleton18, { className: cn65(VIEW_CHIP_BOX, className), "data-view-picker-reserved": "" });
+  if (views === null) return /* @__PURE__ */ jsx132(Skeleton18, { className: cn66(VIEW_CHIP_BOX, className), "data-view-picker-reserved": "" });
   const current = views.find((v) => v.id === active) ?? null;
   return /* @__PURE__ */ jsxs119(Popover16, { open, onOpenChange: setOpen, children: [
     /* @__PURE__ */ jsx132(PopoverTrigger16, { asChild: true, children: /* @__PURE__ */ jsxs119(
@@ -40058,7 +40120,7 @@ function ViewBar({ tableId, activeViewId, onActiveView, seed, settings, onViews,
       {
         size: "sm",
         variant: "subtle",
-        className: cn65(VIEW_CHIP_BOX, "justify-between gap-1 px-2 text-xs", className),
+        className: cn66(VIEW_CHIP_BOX, "justify-between gap-1 px-2 text-xs", className),
         title: current?.name ?? void 0,
         "aria-label": `View: ${current?.name ?? "none yet"}. Change view`,
         "data-view-picker": "",
@@ -40115,7 +40177,7 @@ function ViewBar({ tableId, activeViewId, onActiveView, seed, settings, onViews,
                   "data-view-section-toggle": "",
                   onClick: () => toggleShut(group.name),
                   children: [
-                    /* @__PURE__ */ jsx132("svg", { viewBox: "0 0 24 24", className: cn65("h-3 w-3 shrink-0", shut.includes(group.name) && "-rotate-90"), fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx132("path", { d: "m6 9 6 6 6-6" }) }),
+                    /* @__PURE__ */ jsx132("svg", { viewBox: "0 0 24 24", className: cn66("h-3 w-3 shrink-0", shut.includes(group.name) && "-rotate-90"), fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx132("path", { d: "m6 9 6 6 6-6" }) }),
                     /* @__PURE__ */ jsx132("span", { className: "truncate", children: group.name }),
                     /* @__PURE__ */ jsx132("span", { className: "shrink-0 font-normal normal-case", children: group.views.length })
                   ]
@@ -40131,7 +40193,7 @@ function ViewBar({ tableId, activeViewId, onActiveView, seed, settings, onViews,
               {
                 variant: "quiet",
                 selected: view.id === active,
-                className: cn65(group.name !== null && "pl-4"),
+                className: cn66(group.name !== null && "pl-4"),
                 onClick: () => {
                   if (justDragged.current) return;
                   setActive(view.id);
@@ -40278,7 +40340,7 @@ function ViewBar({ tableId, activeViewId, onActiveView, seed, settings, onViews,
 // src/ProposalRow.tsx
 import { useEffect as useEffect91, useRef as useRef52, useState as useState110 } from "react";
 import { useRecordsClient as useRecordsClient75 } from "@ai-matrx/records/react";
-import { Badge as Badge16, Button as Button81, cn as cn66 } from "@ai-matrx/design-system";
+import { Badge as Badge16, Button as Button81, cn as cn67 } from "@ai-matrx/design-system";
 import { jsx as jsx133, jsxs as jsxs120 } from "react/jsx-runtime";
 var ACT_WORD = PROPOSED_CHANGE_ACT_LABEL;
 function ProposalRow({
@@ -40337,14 +40399,14 @@ function ProposalRow({
     setSettled(result);
     onSettled?.(result);
   }
-  return /* @__PURE__ */ jsxs120("div", { className: cn66("flex flex-col gap-1 rounded border p-2", className), children: [
+  return /* @__PURE__ */ jsxs120("div", { className: cn67("flex flex-col gap-1 rounded border p-2", className), children: [
     /* @__PURE__ */ jsxs120("div", { className: "flex items-baseline gap-2", children: [
       /* @__PURE__ */ jsx133(Badge16, { variant: change.act === "remove" ? "destructive" : "secondary", className: "text-[10px]", children: ACT_WORD[change.act] }),
       /* @__PURE__ */ jsx133("span", { className: "min-w-0 flex-1 truncate text-xs", title: change.label, children: change.label }),
       settled ? /* @__PURE__ */ jsx133(
         "span",
         {
-          className: cn66(
+          className: cn67(
             "shrink-0 text-xs",
             settled.settled === "refused" ? "text-destructive" : "text-muted-foreground"
           ),
@@ -40386,14 +40448,14 @@ function ProposalRow({
 // src/ActionInbox.tsx
 import { useCallback as useCallback45, useEffect as useEffect93, useMemo as useMemo64, useRef as useRef53, useState as useState112 } from "react";
 import { useRecordsClient as useRecordsClient77 } from "@ai-matrx/records/react";
-import { Badge as Badge18, Button as Button83, Checkbox as Checkbox13, Skeleton as Skeleton20, cn as cn68 } from "@ai-matrx/design-system";
+import { Badge as Badge18, Button as Button83, Checkbox as Checkbox13, Skeleton as Skeleton20, cn as cn69 } 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 useCallback44, useEffect as useEffect92, useMemo as useMemo63, useState as useState111 } from "react";
 import { useRecordsClient as useRecordsClient76, useTable as useTable24 } from "@ai-matrx/records/react";
-import { Badge as Badge17, BasicInput as BasicInput22, BasicTextarea as BasicTextarea9, Button as Button82, Skeleton as Skeleton19, cn as cn67 } from "@ai-matrx/design-system";
+import { Badge as Badge17, BasicInput as BasicInput22, BasicTextarea as BasicTextarea9, Button as Button82, Skeleton as Skeleton19, cn as cn68 } from "@ai-matrx/design-system";
 import { Select as Select20 } from "@ai-matrx/design-system/controls";
 import { humanizeIdentifier as humanizeIdentifier15 } from "@ai-matrx/kit/text-case";
 import { Fragment as Fragment51, jsx as jsx134, jsxs as jsxs121 } from "react/jsx-runtime";
@@ -40535,7 +40597,7 @@ function ChecklistRunner({
   if (runs === null && steps === null && !runId) {
     return /* @__PURE__ */ jsx134(Skeleton19, { shape: "block", height: "sm", className });
   }
-  return /* @__PURE__ */ jsxs121("section", { className: cn67("flex min-h-0 flex-col gap-2", className), "data-testid": "checklist-runner", children: [
+  return /* @__PURE__ */ jsxs121("section", { className: cn68("flex min-h-0 flex-col gap-2", className), "data-testid": "checklist-runner", children: [
     /* @__PURE__ */ jsxs121("header", { className: "flex items-center gap-2 text-xs", children: [
       /* @__PURE__ */ jsx134("h3", { className: "text-sm font-medium", children: "Checklists" }),
       active ? /* @__PURE__ */ jsxs121("span", { className: "tabular-nums text-muted-foreground", children: [
@@ -40615,14 +40677,14 @@ function StepRow({
   return /* @__PURE__ */ jsxs121(
     "li",
     {
-      className: cn67("rounded border p-2", step2.finished && "opacity-70", className),
+      className: cn68("rounded border p-2", step2.finished && "opacity-70", className),
       "data-testid": "checklist-step",
       "data-step-ref": step2.ref,
       "data-finished": step2.finished ? "true" : "false",
       children: [
         /* @__PURE__ */ jsxs121("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx134("span", { className: "w-5 shrink-0 text-right text-[11px] tabular-nums text-muted-foreground", children: step2.step_order }),
-          /* @__PURE__ */ jsx134("span", { className: cn67("min-w-0 flex-1 truncate text-xs", step2.finished && "line-through"), children: step2.title }),
+          /* @__PURE__ */ jsx134("span", { className: cn68("min-w-0 flex-1 truncate text-xs", step2.finished && "line-through"), children: step2.title }),
           step2.role ? /* @__PURE__ */ jsx134(Badge17, { variant: "outline", className: "text-[10px]", children: step2.assignee_name ?? humanizeIdentifier15(step2.role) }) : null,
           step2.due_state && step2.due_state !== "undated" ? /* @__PURE__ */ jsx134(
             Badge17,
@@ -40765,7 +40827,7 @@ function MyChecklistSteps({
   );
   if (loading && steps.length === 0) return null;
   if (steps.length === 0 && !error) return null;
-  return /* @__PURE__ */ jsxs121("section", { className: cn67("flex flex-col gap-1.5", className), "data-testid": "inbox-checklist-steps", children: [
+  return /* @__PURE__ */ jsxs121("section", { className: cn68("flex flex-col gap-1.5", className), "data-testid": "inbox-checklist-steps", children: [
     /* @__PURE__ */ jsxs121("h4", { className: "text-xs font-medium text-muted-foreground", children: [
       "Your checklist steps ",
       /* @__PURE__ */ jsx134("span", { className: "tabular-nums", children: steps.length })
@@ -40815,7 +40877,7 @@ function ChecklistsPanel({ tableId, onOpenRecord, className }) {
   useEffect92(() => {
     void load();
   }, [load]);
-  if (templates === null) return /* @__PURE__ */ jsx134(Skeleton19, { className: cn67("h-40 w-full", className) });
+  if (templates === null) return /* @__PURE__ */ jsx134(Skeleton19, { className: cn68("h-40 w-full", className) });
   if (editing) {
     return /* @__PURE__ */ jsx134(
       ChecklistTemplateEditor,
@@ -40831,12 +40893,12 @@ function ChecklistsPanel({ tableId, onOpenRecord, className }) {
     );
   }
   if (openRun) {
-    return /* @__PURE__ */ jsxs121("div", { className: cn67("flex flex-col gap-2", className), children: [
+    return /* @__PURE__ */ jsxs121("div", { className: cn68("flex flex-col gap-2", className), children: [
       /* @__PURE__ */ jsx134(Button82, { size: "sm", variant: "ghost", className: "self-start", onClick: () => setOpenRun(null), children: "Back to checklists" }),
       /* @__PURE__ */ jsx134(ChecklistRunner, { tableId, runId: openRun, offerToStart: false })
     ] });
   }
-  return /* @__PURE__ */ jsxs121("section", { className: cn67("flex flex-col gap-3", className), "data-testid": "checklists-panel", children: [
+  return /* @__PURE__ */ jsxs121("section", { className: cn68("flex flex-col gap-3", className), "data-testid": "checklists-panel", children: [
     /* @__PURE__ */ jsxs121("header", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsx134("h3", { className: "text-sm font-medium", children: "Checklists" }),
       /* @__PURE__ */ jsx134("span", { className: "text-xs text-muted-foreground", children: templates.length === 0 ? "none yet" : `${templates.length}` }),
@@ -41049,8 +41111,8 @@ 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__ */ jsx134(Skeleton19, { className: cn67("h-48 w-full", className) });
-  return /* @__PURE__ */ jsxs121("section", { className: cn67("flex flex-col gap-2", className), "data-testid": "checklist-editor", children: [
+  if (loading) return /* @__PURE__ */ jsx134(Skeleton19, { className: cn68("h-48 w-full", className) });
+  return /* @__PURE__ */ jsxs121("section", { className: cn68("flex flex-col gap-2", className), "data-testid": "checklist-editor", children: [
     /* @__PURE__ */ jsxs121("header", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsx134("h3", { className: "text-sm font-medium", children: templateId ? "Change this checklist" : "Write a checklist" }),
       /* @__PURE__ */ jsx134(Button82, { size: "sm", variant: "ghost", className: "ml-auto", onClick: () => onDone?.(), children: "Cancel" })
@@ -41689,7 +41751,7 @@ function ActionInbox({
           }
         },
         "data-selected": selected.has(item.item_id) ? "true" : void 0,
-        className: cn68(
+        className: cn69(
           "flex flex-col gap-1 rounded border p-2",
           index === cursor ? "border-primary bg-accent/40" : "border-border",
           selected.has(item.item_id) ? "bg-primary/10" : "",
@@ -41716,7 +41778,7 @@ function ActionInbox({
             item.due_state ? /* @__PURE__ */ jsx135(
               "span",
               {
-                className: cn68(
+                className: cn69(
                   "shrink-0 text-[11px]",
                   item.due_state === "overdue" ? "text-destructive" : "text-muted-foreground"
                 ),
@@ -41840,11 +41902,11 @@ function ActionInbox({
       item.item_id
     );
   };
-  if (items === null) return /* @__PURE__ */ jsx135(Skeleton20, { className: cn68("h-32 w-full", className) });
+  if (items === null) return /* @__PURE__ */ jsx135(Skeleton20, { className: cn69("h-32 w-full", className) });
   return /* @__PURE__ */ jsxs122(
     "section",
     {
-      className: cn68("@container flex min-h-0 flex-col gap-2 outline-none", className),
+      className: cn69("@container flex min-h-0 flex-col gap-2 outline-none", className),
       tabIndex: 0,
       onKeyDown,
       "aria-label": "Inbox",
@@ -41865,7 +41927,7 @@ function ActionInbox({
                   setSelected(/* @__PURE__ */ new Set());
                   setSnoozing(null);
                 },
-                className: cn68(
+                className: cn69(
                   "flex items-baseline gap-1 whitespace-nowrap rounded px-1.5 py-0.5 text-xs",
                   view === v ? "bg-accent font-medium text-foreground" : "text-muted-foreground"
                 ),
@@ -41890,7 +41952,7 @@ function ActionInbox({
                   type: "button",
                   "aria-pressed": groupBy === g,
                   onClick: () => setGroupBy(g),
-                  className: cn68(
+                  className: cn69(
                     "whitespace-nowrap rounded px-1.5 py-0.5 text-[11px]",
                     groupBy === g ? "bg-accent font-medium text-foreground" : "text-muted-foreground"
                   ),
@@ -42072,14 +42134,14 @@ import {
   useRecordsClient as useRecordsClient80,
   useTable as useTable25
 } from "@ai-matrx/records/react";
-import { Badge as Badge19, Button as Button86, Skeleton as Skeleton22, cn as cn71 } from "@ai-matrx/design-system";
+import { Badge as Badge19, Button as Button86, Skeleton as Skeleton22, cn as cn72 } from "@ai-matrx/design-system";
 import { formatRelativeTime as formatRelativeTime3 } from "@ai-matrx/kit/format";
 
 // src/AsOfReading.tsx
 import { useEffect as useEffect94, useMemo as useMemo65, useState as useState113 } from "react";
 import { readTypedDate as readTypedDate3, typedDateText as typedDateText3 } from "@ai-matrx/records";
 import { useRecordsClient as useRecordsClient78 } from "@ai-matrx/records/react";
-import { Button as Button84, Skeleton as Skeleton21, cn as cn69 } from "@ai-matrx/design-system";
+import { Button as Button84, Skeleton as Skeleton21, cn as cn70 } from "@ai-matrx/design-system";
 import { Button as ControlButton2, Field as ControlField } from "@ai-matrx/design-system/controls";
 import { humanizeIdentifier as humanizeIdentifier16 } from "@ai-matrx/kit/text-case";
 import { Fragment as Fragment53, jsx as jsx136, jsxs as jsxs123 } from "react/jsx-runtime";
@@ -42119,7 +42181,7 @@ function AsOfControl({ value, onChange, className }) {
     setText(typedDateText3(read.day));
     onChange({ day: read.day, clock });
   }
-  return /* @__PURE__ */ jsxs123("div", { className: cn69("flex h-6 items-center gap-1", className), "data-records-as-of": "", children: [
+  return /* @__PURE__ */ jsxs123("div", { className: cn70("flex h-6 items-center gap-1", className), "data-records-as-of": "", children: [
     /* @__PURE__ */ jsx136(
       ControlField,
       {
@@ -42168,7 +42230,7 @@ function AsOfControl({ value, onChange, className }) {
       {
         size: "sm",
         variant: "ghost",
-        className: cn69("h-6 whitespace-nowrap px-1.5 text-[11px]", !value && "invisible"),
+        className: cn70("h-6 whitespace-nowrap px-1.5 text-[11px]", !value && "invisible"),
         "aria-hidden": !value,
         tabIndex: value ? 0 : -1,
         onClick: () => {
@@ -42214,18 +42276,18 @@ function AsOfReading({
     };
   }, [client, key]);
   const rows = useMemo65(() => answer && "doc" in answer && answer.doc ? asOfRows(fields, answer.doc, today) : [], [answer, fields, today]);
-  const box = cn69("h-[9.25rem] min-h-0 overflow-y-auto rounded border", className);
+  const box = cn70("h-[9.25rem] min-h-0 overflow-y-auto rounded border", className);
   if (!answer || answer.key !== key) return /* @__PURE__ */ jsx136(Skeleton21, { shape: "block", className: box });
   if ("error" in answer) return /* @__PURE__ */ jsx136(RefusalNotice, { error: answer.error, className });
   if (answer.doc === null) {
-    return /* @__PURE__ */ jsxs123("p", { className: cn69(box, "p-2 text-xs text-muted-foreground"), "data-records-as-of-none": "", children: [
+    return /* @__PURE__ */ jsxs123("p", { className: cn70(box, "p-2 text-xs text-muted-foreground"), "data-records-as-of-none": "", children: [
       "Not there on ",
       typedDateText3(asOf.day)
     ] });
   }
-  return /* @__PURE__ */ jsx136("dl", { className: cn69(box, "grid grid-cols-[minmax(5rem,9rem)_1fr] content-start gap-x-3 gap-y-0.5 p-2 text-[11px]"), "data-records-as-of-reading": "", children: rows.map(({ field: field2, was, now, differs }) => /* @__PURE__ */ jsxs123("div", { className: "contents", "data-as-of-field": field2.key, "data-as-of-differs": differs ? "" : void 0, children: [
+  return /* @__PURE__ */ jsx136("dl", { className: cn70(box, "grid grid-cols-[minmax(5rem,9rem)_1fr] content-start gap-x-3 gap-y-0.5 p-2 text-[11px]"), "data-records-as-of-reading": "", children: rows.map(({ field: field2, was, now, differs }) => /* @__PURE__ */ jsxs123("div", { className: "contents", "data-as-of-field": field2.key, "data-as-of-differs": differs ? "" : void 0, children: [
     /* @__PURE__ */ jsx136("dt", { className: "truncate text-muted-foreground", title: fieldName(field2) || humanizeIdentifier16(field2.key), children: fieldName(field2) || humanizeIdentifier16(field2.key) }),
-    /* @__PURE__ */ jsx136("dd", { className: cn69("min-w-0 truncate", differs && "rounded bg-amber-500/10 px-1"), children: differs ? /* @__PURE__ */ jsxs123(Fragment53, { children: [
+    /* @__PURE__ */ jsx136("dd", { className: cn70("min-w-0 truncate", differs && "rounded bg-amber-500/10 px-1"), children: differs ? /* @__PURE__ */ jsxs123(Fragment53, { children: [
       /* @__PURE__ */ jsx136("span", { className: "font-medium", children: isEmpty2(was) ? "nothing" : scalarText(field2, was) }),
       /* @__PURE__ */ jsx136("span", { className: "mx-1 text-muted-foreground", children: "\u2192" }),
       /* @__PURE__ */ jsx136("span", { className: "text-muted-foreground", children: isEmpty2(now) ? "nothing" : scalarText(field2, now) }),
@@ -42240,7 +42302,7 @@ import { humanizeIdentifier as humanizeIdentifier18 } from "@ai-matrx/kit/text-c
 // src/MigrationLog.tsx
 import { useCallback as useCallback46, useEffect as useEffect95, useState as useState114 } from "react";
 import { useRecordsClient as useRecordsClient79 } from "@ai-matrx/records/react";
-import { Button as Button85, cn as cn70 } from "@ai-matrx/design-system";
+import { Button as Button85, cn as cn71 } from "@ai-matrx/design-system";
 import { humanizeIdentifier as humanizeIdentifier17 } from "@ai-matrx/kit/text-case";
 import { jsx as jsx137, jsxs as jsxs124 } from "react/jsx-runtime";
 var MAKES_A_RECORD = /* @__PURE__ */ new Set(["split", "extract_parent", "extract"]);
@@ -42292,7 +42354,7 @@ function MigrationLog({ entries, readError, canUndo, whyNotUndo, onUndone, class
   const [busy, setBusy] = useState114(null);
   const [error, setError] = useState114(null);
   if (readError) {
-    return /* @__PURE__ */ jsxs124("section", { "aria-label": "Migration log", className: cn70("flex flex-col gap-1", className), children: [
+    return /* @__PURE__ */ jsxs124("section", { "aria-label": "Migration log", className: cn71("flex flex-col gap-1", className), children: [
       /* @__PURE__ */ jsx137("h4", { className: "text-xs font-medium", children: "Migration log" }),
       /* @__PURE__ */ jsx137(RefusalLine, { error: readError })
     ] });
@@ -42310,7 +42372,7 @@ function MigrationLog({ entries, readError, canUndo, whyNotUndo, onUndone, class
     const removed = back.data.removed ? " The record it made is archived, so no copy is left behind." : "";
     await onUndone(`${migrationWords(entry.verb)} undone.${removed}`);
   }
-  return /* @__PURE__ */ jsxs124("section", { "aria-label": "Migration log", className: cn70("flex flex-col gap-1", className), "data-records-migration-log": "", children: [
+  return /* @__PURE__ */ jsxs124("section", { "aria-label": "Migration log", className: cn71("flex flex-col gap-1", className), "data-records-migration-log": "", children: [
     /* @__PURE__ */ jsx137("h4", { className: "text-xs font-medium", children: "Migration log" }),
     /* @__PURE__ */ jsx137("ul", { className: "flex flex-col divide-y rounded border text-xs", children: entries.map((entry) => /* @__PURE__ */ jsxs124("li", { "data-migration-id": entry.id, className: "flex items-center gap-2 px-2 py-1.5", children: [
       /* @__PURE__ */ jsx137("span", { className: "shrink-0 font-medium", children: migrationWords(entry.verb) }),
@@ -42439,7 +42501,7 @@ function HistoryPanel({ tableId, recordId, onAskAboutField, className }) {
     );
     await load();
   }
-  return /* @__PURE__ */ jsxs125("section", { className: cn71("flex min-h-0 flex-col gap-2", className), children: [
+  return /* @__PURE__ */ jsxs125("section", { className: cn72("flex min-h-0 flex-col gap-2", className), children: [
     /* @__PURE__ */ jsxs125("div", { className: "flex flex-wrap items-center gap-x-2 gap-y-1", children: [
       /* @__PURE__ */ jsx138("h3", { className: "text-sm font-medium", children: "History" }),
       /* @__PURE__ */ jsxs125("span", { className: "text-xs text-muted-foreground", children: [
@@ -42788,7 +42850,7 @@ import {
   useRecordsClient as useRecordsClient81,
   useTable as useTable26
 } from "@ai-matrx/records/react";
-import { Badge as Badge20, Button as Button87, Skeleton as Skeleton23, Textarea as Textarea6, cn as cn72 } from "@ai-matrx/design-system";
+import { Badge as Badge20, Button as Button87, Skeleton as Skeleton23, Textarea as Textarea6, cn as cn73 } from "@ai-matrx/design-system";
 import { humanizeIdentifier as humanizeIdentifier19 } from "@ai-matrx/kit/text-case";
 import { jsx as jsx139, jsxs as jsxs126 } from "react/jsx-runtime";
 function CommentThread({ tableId, recordId, fieldKey, className }) {
@@ -42889,7 +42951,7 @@ function CommentThread({ tableId, recordId, fieldKey, className }) {
     }
     await load();
   }
-  return /* @__PURE__ */ jsxs126("section", { className: cn72("flex min-h-0 flex-col gap-2", className), children: [
+  return /* @__PURE__ */ jsxs126("section", { className: cn73("flex min-h-0 flex-col gap-2", className), children: [
     /* @__PURE__ */ jsxs126("div", { className: "flex items-baseline gap-2", children: [
       /* @__PURE__ */ jsx139("h3", { className: "text-sm font-medium", children: fieldLabel ? `Comments on ${fieldLabel}` : "Comments" }),
       /* @__PURE__ */ jsx139("span", { className: "text-xs text-muted-foreground", children: shown5.length }),
@@ -43032,7 +43094,7 @@ import {
   useRecordsClient as useRecordsClient82,
   useTable as useTable27
 } from "@ai-matrx/records/react";
-import { Badge as Badge21, Button as Button88, Skeleton as Skeleton24, cn as cn73 } from "@ai-matrx/design-system";
+import { Badge as Badge21, Button as Button88, Skeleton as Skeleton24, cn as cn74 } from "@ai-matrx/design-system";
 import { humanizeIdentifier as humanizeIdentifier20 } from "@ai-matrx/kit/text-case";
 import { Fragment as Fragment55, jsx as jsx140, jsxs as jsxs127 } from "react/jsx-runtime";
 function FieldHistoryPanel({
@@ -43068,7 +43130,7 @@ function FieldHistoryPanel({
   }, [load]);
   const label = (fields.data ?? []).find((f) => f.key === fieldKey)?.label || humanizeIdentifier20(fieldKey);
   if (error) return /* @__PURE__ */ jsx140(RefusalNotice, { error, className });
-  if (!rows || fields.loading && !fields.data || table.loading && !table.data) return /* @__PURE__ */ jsx140(Skeleton24, { className: cn73("h-40 w-full", className) });
+  if (!rows || fields.loading && !fields.data || table.loading && !table.data) return /* @__PURE__ */ jsx140(Skeleton24, { className: cn74("h-40 w-full", className) });
   async function start(row, back = false) {
     setSaid(null);
     const target = back ? row.version - 1 : row.version;
@@ -43099,7 +43161,7 @@ function FieldHistoryPanel({
     );
     await load();
   }
-  return /* @__PURE__ */ jsxs127("section", { className: cn73("flex min-h-0 flex-col gap-2", className), children: [
+  return /* @__PURE__ */ jsxs127("section", { className: cn74("flex min-h-0 flex-col gap-2", className), children: [
     /* @__PURE__ */ jsxs127("div", { className: "flex items-baseline gap-2", children: [
       /* @__PURE__ */ jsxs127("h3", { className: "text-sm font-medium", children: [
         "Who changed ",
@@ -43200,7 +43262,7 @@ import { FORM_FLOWS as FORM_FLOWS2, FORM_EMBEDS as FORM_EMBEDS2, formDeclareArgs
 // src/FormResultsPanel.tsx
 import { useEffect as useEffect99, useMemo as useMemo67, useState as useState118 } from "react";
 import { useFields as useFields26, useOptionalRecordsClient as useOptionalRecordsClient19 } from "@ai-matrx/records/react";
-import { Button as Button89, Skeleton as Skeleton25, cn as cn74 } from "@ai-matrx/design-system";
+import { Button as Button89, Skeleton as Skeleton25, cn as cn75 } from "@ai-matrx/design-system";
 import { jsx as jsx141, jsxs as jsxs128 } from "react/jsx-runtime";
 var CHARTED_KINDS = /* @__PURE__ */ new Set(["select", "multi_select", "checkbox", "number", "currency", "percent", "member", "relation"]);
 function dropOffBlock(results, label) {
@@ -43257,9 +43319,9 @@ function FormResultsPanel({ form, className }) {
     return (key) => asks.get(key)?.trim() || (byKey.get(key) ? fieldName(byKey.get(key)) : key);
   }, [fields.data, form.questions]);
   if (error) return /* @__PURE__ */ jsx141(RefusalNotice, { error, className });
-  if (!results) return /* @__PURE__ */ jsx141(Skeleton25, { className: cn74("h-48 w-full", className) });
+  if (!results) return /* @__PURE__ */ jsx141(Skeleton25, { className: cn75("h-48 w-full", className) });
   const endingTitle = (id) => id ? (form.endings ?? []).find((e) => e.id === id)?.title ?? id : form.thankYou?.title ?? "Thank you";
-  return /* @__PURE__ */ jsxs128("section", { className: cn74("flex flex-col gap-3", className), "aria-label": "Results", "data-records-form-results": "", children: [
+  return /* @__PURE__ */ jsxs128("section", { className: cn75("flex flex-col gap-3", className), "aria-label": "Results", "data-records-form-results": "", children: [
     /* @__PURE__ */ jsxs128("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsx141("span", { className: "text-sm font-medium", children: "Results" }),
       /* @__PURE__ */ jsx141(Button89, { size: "sm", variant: "ghost", className: "ml-auto", onClick: () => setRound((n) => n + 1), children: "Refresh" })
@@ -43327,7 +43389,7 @@ function FormResultsPanel({ form, className }) {
 // src/PortalBuilder.tsx
 import { useCallback as useCallback50, useEffect as useEffect100, useMemo as useMemo68, useRef as useRef57, useState as useState119 } from "react";
 import { useRecordsClient as useRecordsClient83, useTables as useTables4 } from "@ai-matrx/records/react";
-import { BasicInput as BasicInput23, Button as Button90, Checkbox as Checkbox14, Label as Label20, Separator as Separator10, Skeleton as Skeleton26, cn as cn75 } from "@ai-matrx/design-system";
+import { BasicInput as BasicInput23, Button as Button90, Checkbox as Checkbox14, Label as Label20, Separator as Separator10, Skeleton as Skeleton26, cn as cn76 } from "@ai-matrx/design-system";
 import { Select as Select21 } from "@ai-matrx/design-system/controls";
 import { Fragment as Fragment56, jsx as jsx142, jsxs as jsxs129 } 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.";
@@ -43505,7 +43567,7 @@ function PortalBuilder({ tableId, portalId, onSaved, onClose, className }) {
     setInviteEmail("");
     setInviteRecordId("");
   }
-  if (tables.loading || loading) return /* @__PURE__ */ jsx142(Skeleton26, { className: cn75("h-64 w-full", className) });
+  if (tables.loading || loading) return /* @__PURE__ */ jsx142(Skeleton26, { className: cn76("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;
@@ -43513,7 +43575,7 @@ function PortalBuilder({ tableId, portalId, onSaved, onClose, className }) {
   const missingTieName = firstMissing ? all.find((t) => t.id === firstMissing.tableId)?.name : void 0;
   const missingHasNoLink = firstMissing ? tiesTo(firstMissing.tableId).length === 0 : false;
   const notReady = clientTableId === null ? "Pick the table that holds your clients" : ticked.length === 0 ? "Tick a table your clients can see" : missingTieName ? (missingHasNoLink ? `Add a link to your clients on ${missingTieName}` : `Pick whose row it is on ${missingTieName}`).slice(0, 60) : null;
-  return /* @__PURE__ */ jsxs129("section", { className: cn75("@container flex flex-col gap-3", className), children: [
+  return /* @__PURE__ */ jsxs129("section", { className: cn76("@container flex flex-col gap-3", className), children: [
     /* @__PURE__ */ jsxs129("header", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsx142("h3", { className: "text-sm font-medium", children: existing ? "Portal" : "New client portal" }),
       /* @__PURE__ */ jsx142("div", { className: "flex-1" }),
@@ -43726,20 +43788,20 @@ import {
   portalPath,
   portalTitleTypedBack as portalTitleTypedBack2
 } from "@ai-matrx/records";
-import { Badge as Badge22, BasicInput as BasicInput25, Button as Button92, Separator as Separator11, Skeleton as Skeleton27, cn as cn78 } from "@ai-matrx/design-system";
+import { Badge as Badge22, BasicInput as BasicInput25, Button as Button92, Separator as Separator11, Skeleton as Skeleton27, cn as cn79 } from "@ai-matrx/design-system";
 
 // src/PortalLookEditor.tsx
 import { useEffect as useEffect101, useMemo as useMemo69, useState as useState120 } from "react";
 import { useRecordsClient as useRecordsClient84 } from "@ai-matrx/records/react";
-import { BasicInput as BasicInput24, Button as Button91, cn as cn77 } from "@ai-matrx/design-system";
+import { BasicInput as BasicInput24, Button as Button91, cn as cn78 } from "@ai-matrx/design-system";
 
 // src/PublicPicturePicker.tsx
-import { cn as cn76 } from "@ai-matrx/design-system";
+import { cn as cn77 } from "@ai-matrx/design-system";
 import { jsx as jsx143, jsxs as jsxs130 } from "react/jsx-runtime";
 function PublicPicturePicker({ label, pictures, value, onChange, noneLabel, className }) {
   const chosen = value ?? "";
   const lost = chosen !== "" && !pictures.some((p) => p.file_id === chosen);
-  return /* @__PURE__ */ jsxs130("div", { className: cn76("flex flex-col gap-1", className), children: [
+  return /* @__PURE__ */ jsxs130("div", { className: cn77("flex flex-col gap-1", className), children: [
     /* @__PURE__ */ jsxs130("div", { className: "flex max-h-40 flex-wrap gap-1.5 overflow-y-auto", role: "radiogroup", "aria-label": label, children: [
       /* @__PURE__ */ jsx143(
         "button",
@@ -43748,7 +43810,7 @@ function PublicPicturePicker({ label, pictures, value, onChange, noneLabel, clas
           role: "radio",
           "aria-checked": chosen === "" || lost,
           onClick: () => onChange(""),
-          className: cn76(
+          className: cn77(
             "h-12 rounded border px-2 text-xs",
             chosen === "" ? "border-foreground" : "border-border text-muted-foreground"
           ),
@@ -43764,7 +43826,7 @@ function PublicPicturePicker({ label, pictures, value, onChange, noneLabel, clas
           "aria-label": p.name,
           title: p.name,
           onClick: () => onChange(p.file_id),
-          className: cn76(
+          className: cn77(
             "h-12 w-12 overflow-hidden rounded border-2 bg-muted",
             chosen === p.file_id ? "border-foreground" : "border-transparent"
           ),
@@ -43889,7 +43951,7 @@ function PortalLookEditor({ card, onSaved, className }) {
     setSaid("Saved. Clients see this the next time a portal page opens.");
     onSaved();
   }
-  return /* @__PURE__ */ jsxs131("section", { className: cn77("flex flex-col gap-2", className), "aria-label": "Look and forms", children: [
+  return /* @__PURE__ */ jsxs131("section", { className: cn78("flex flex-col gap-2", className), "aria-label": "Look and forms", children: [
     /* @__PURE__ */ jsx144("h4", { className: "text-xs font-medium", children: "How the portal looks" }),
     /* @__PURE__ */ jsxs131("label", { className: "flex flex-col gap-1 text-xs", children: [
       /* @__PURE__ */ jsx144("span", { children: "Business name clients see" }),
@@ -44088,7 +44150,7 @@ function PortalsPanel({ tableId, activePortalId, className }) {
   useEffect102(() => {
     void load();
   }, [load]);
-  if (portals === null) return /* @__PURE__ */ jsx145(Skeleton27, { className: cn78("h-32 w-full", className) });
+  if (portals === null) return /* @__PURE__ */ jsx145(Skeleton27, { className: cn79("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)
@@ -44097,7 +44159,7 @@ function PortalsPanel({ tableId, activePortalId, className }) {
   const couldTakeIt = onATable ? portals.filter((p) => !holdingThis.has(p.portal_id)) : [];
   const elsewhere = couldTakeIt.length;
   const origin = host.publicOrigin ?? (typeof window === "undefined" ? "" : window.location.origin);
-  return /* @__PURE__ */ jsxs132("section", { className: cn78("flex flex-col gap-3", className), children: [
+  return /* @__PURE__ */ jsxs132("section", { className: cn79("flex flex-col gap-3", className), children: [
     /* @__PURE__ */ jsxs132("header", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsx145("h3", { className: "text-sm font-medium", children: "Portals" }),
       /* @__PURE__ */ jsx145("span", { className: "text-xs text-muted-foreground", children: shown5.length === 0 ? "none for this table" : `${shown5.length}` }),
@@ -44176,7 +44238,7 @@ function PortalsPanel({ tableId, activePortalId, className }) {
         {
           "data-linked": linked ? "true" : void 0,
           ref: linked ? (el) => el?.scrollIntoView({ block: "nearest" }) : void 0,
-          className: cn78(
+          className: cn79(
             "rounded-md border border-border bg-card p-2.5",
             linked && "border-primary ring-1 ring-primary"
           ),
@@ -44431,7 +44493,7 @@ function PortalCardView({
   origin,
   className
 }) {
-  return /* @__PURE__ */ jsxs132("div", { className: cn78("mt-2.5 flex flex-col gap-2.5 border-t border-border pt-2.5", className), children: [
+  return /* @__PURE__ */ jsxs132("div", { className: cn79("mt-2.5 flex flex-col gap-2.5 border-t border-border pt-2.5", className), children: [
     card.external_lane_open ? null : /* @__PURE__ */ jsx145("p", { className: "rounded border border-destructive/40 px-2 py-1.5 text-xs text-destructive", children: "This organization's outside door is closed, so nobody in this portal can sign in yet \u2014 whatever their row below says. Re-stating the portal opens it." }),
     /* @__PURE__ */ jsxs132("section", { className: "flex flex-col gap-1.5", children: [
       /* @__PURE__ */ jsx145("h4", { className: "text-xs font-medium", children: "What they see" }),
@@ -44716,7 +44778,7 @@ function Invite({ card, onInvited }) {
 }
 
 // src/FormLookFrame.tsx
-import { cn as cn79 } from "@ai-matrx/design-system";
+import { cn as cn80 } from "@ai-matrx/design-system";
 import { SWATCH_CLASS as SWATCH_CLASS5 } from "@ai-matrx/design-system/data-table";
 import { jsx as jsx146, jsxs as jsxs133 } from "react/jsx-runtime";
 var ACCENT_PRIMARY = {
@@ -44771,7 +44833,7 @@ function FormLookLogo({ view, size = "md" }) {
         width: size === "sm" ? 36 : 48,
         height: size === "sm" ? 36 : 48,
         "data-records-form-logo": "",
-        className: cn79(box, "shrink-0 rounded-lg border border-border bg-card object-contain")
+        className: cn80(box, "shrink-0 rounded-lg border border-border bg-card object-contain")
       }
     );
   }
@@ -44780,7 +44842,7 @@ function FormLookLogo({ view, size = "md" }) {
     {
       "aria-hidden": true,
       "data-records-form-logo": "",
-      className: cn79(box, "inline-flex shrink-0 items-center justify-center rounded-lg font-semibold", view.monogramClass),
+      className: cn80(box, "inline-flex shrink-0 items-center justify-center rounded-lg font-semibold", view.monogramClass),
       children: monogram(view.name)
     }
   );
@@ -44791,14 +44853,14 @@ function FormLookFrame({ look, title, children, contained = false, showOwnerHead
     "div",
     {
       "data-records-form-look": "",
-      className: cn79("relative flex w-full flex-col gap-4", contained && "pt-2", className),
+      className: cn80("relative flex w-full flex-col gap-4", contained && "pt-2", className),
       style: view.primaryVars ?? void 0,
       children: [
         view.bandClass ? /* @__PURE__ */ jsx146(
           "div",
           {
             "aria-hidden": true,
-            className: cn79(contained ? "absolute inset-x-0 top-0 h-1 rounded-t" : "fixed inset-x-0 top-0 z-10 h-1", view.bandClass)
+            className: cn80(contained ? "absolute inset-x-0 top-0 h-1 rounded-t" : "fixed inset-x-0 top-0 z-10 h-1", view.bandClass)
           }
         ) : null,
         view.coverUrl ? /* @__PURE__ */ jsx146("div", { "data-records-form-cover": "", className: "aspect-[3/1] w-full overflow-hidden rounded-xl border border-border bg-muted", children: /* @__PURE__ */ jsx146("img", { src: view.coverUrl, alt: "", className: "h-full w-full object-cover" }) }) : null,
@@ -44828,7 +44890,7 @@ function FormLookFrame({ look, title, children, contained = false, showOwnerHead
 import { useCallback as useCallback52, useEffect as useEffect103, useMemo as useMemo71, useState as useState122 } from "react";
 import { useRecordsClient as useRecordsClient86, useTable as useTable28 } from "@ai-matrx/records/react";
 import { hasQuietHours } from "@ai-matrx/records";
-import { BasicInput as BasicInput26, Button as Button93, Checkbox as Checkbox15, Label as Label21, Separator as Separator12, Skeleton as Skeleton28, cn as cn80 } from "@ai-matrx/design-system";
+import { BasicInput as BasicInput26, Button as Button93, Checkbox as Checkbox15, Label as Label21, Separator as Separator12, Skeleton as Skeleton28, cn as cn81 } from "@ai-matrx/design-system";
 import { Select as Select22 } from "@ai-matrx/design-system/controls";
 
 // src/scheduleWords.ts
@@ -45011,8 +45073,8 @@ function DigestScheduler({
     }
     setPreview(answered.data);
   }
-  if (views === null && !error) return /* @__PURE__ */ jsx147(Skeleton28, { className: cn80("h-56 w-full", className) });
-  return /* @__PURE__ */ jsxs134("section", { className: cn80("@container flex flex-col gap-3", className), children: [
+  if (views === null && !error) return /* @__PURE__ */ jsx147(Skeleton28, { className: cn81("h-56 w-full", className) });
+  return /* @__PURE__ */ jsxs134("section", { className: cn81("@container flex flex-col gap-3", className), children: [
     /* @__PURE__ */ jsxs134("header", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsx147("h3", { className: "text-sm font-medium", children: existing ? "Change this summary" : "Send this on a schedule" }),
       /* @__PURE__ */ jsx147("div", { className: "flex-1" }),
@@ -45204,12 +45266,12 @@ function DigestScheduler({
 import { useCallback as useCallback54, useEffect as useEffect105, useState as useState124 } from "react";
 import { useRecordsClient as useRecordsClient88 } from "@ai-matrx/records/react";
 import { hasQuietHours as hasQuietHours2 } from "@ai-matrx/records";
-import { Badge as Badge23, Button as Button95, Skeleton as Skeleton30, Switch as Switch6, cn as cn82 } from "@ai-matrx/design-system";
+import { Badge as Badge23, Button as Button95, Skeleton as Skeleton30, Switch as Switch6, cn as cn83 } from "@ai-matrx/design-system";
 
 // src/WebhooksPanel.tsx
 import { useCallback as useCallback53, useEffect as useEffect104, useState as useState123 } from "react";
 import { useRecordsClient as useRecordsClient87, useTable as useTable29 } from "@ai-matrx/records/react";
-import { BasicInput as BasicInput27, Button as Button94, Checkbox as Checkbox16, ConfirmDialog as ConfirmDialog7, Label as Label22, Skeleton as Skeleton29, cn as cn81 } from "@ai-matrx/design-system";
+import { BasicInput as BasicInput27, Button as Button94, Checkbox as Checkbox16, ConfirmDialog as ConfirmDialog7, Label as Label22, Skeleton as Skeleton29, cn as cn82 } from "@ai-matrx/design-system";
 import { jsx as jsx148, jsxs as jsxs135 } from "react/jsx-runtime";
 var WEBHOOK_EVENT_LABEL = {
   "record.created": "A record is added",
@@ -45277,10 +45339,10 @@ function WebhooksPanel({ tableId, className }) {
     setEvents(DEFAULT_EVENTS);
     await load();
   };
-  if (hooks === null) return /* @__PURE__ */ jsx148(Skeleton29, { className: cn81("h-16 w-full", className) });
+  if (hooks === null) return /* @__PURE__ */ jsx148(Skeleton29, { className: cn82("h-16 w-full", className) });
   const notHers = readRefused?.sqlstate === "42501" && rights.known && !rights.structure;
   if (notHers) {
-    return /* @__PURE__ */ jsxs135("section", { "data-records-webhooks": "", className: cn81("flex flex-col gap-2 border-t pt-3", className), children: [
+    return /* @__PURE__ */ jsxs135("section", { "data-records-webhooks": "", className: cn82("flex flex-col gap-2 border-t pt-3", className), children: [
       /* @__PURE__ */ jsx148("header", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx148("h3", { className: "text-sm font-medium", children: "Webhooks" }) }),
       /* @__PURE__ */ jsxs135("p", { className: "text-xs text-muted-foreground", children: [
         "Which other systems are told about these records is for this table's admins.",
@@ -45291,7 +45353,7 @@ function WebhooksPanel({ tableId, className }) {
   }
   const mayChange = rights.structure;
   const live = hooks.filter((h) => h.is_active);
-  return /* @__PURE__ */ jsxs135("section", { "data-records-webhooks": "", className: cn81("flex flex-col gap-2 border-t pt-3", className), children: [
+  return /* @__PURE__ */ jsxs135("section", { "data-records-webhooks": "", className: cn82("flex flex-col gap-2 border-t pt-3", className), children: [
     /* @__PURE__ */ jsxs135("header", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsx148("h3", { className: "text-sm font-medium", children: "Webhooks" }),
       /* @__PURE__ */ jsx148("span", { className: "text-xs text-muted-foreground", children: live.length === 0 ? "none" : `${live.length} sending` }),
@@ -45474,8 +45536,8 @@ function SubscriptionsPanel({ tableId, activeRuleId, className }) {
     },
     [client]
   );
-  if (rows === null) return /* @__PURE__ */ jsx149(Skeleton30, { className: cn82("h-32 w-full", className) });
-  return /* @__PURE__ */ jsxs136("section", { className: cn82("flex flex-col gap-3", className), children: [
+  if (rows === null) return /* @__PURE__ */ jsx149(Skeleton30, { className: cn83("h-32 w-full", className) });
+  return /* @__PURE__ */ jsxs136("section", { className: cn83("flex flex-col gap-3", className), children: [
     /* @__PURE__ */ jsxs136("header", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsx149("h3", { className: "text-sm font-medium", children: "Notifications" }),
       /* @__PURE__ */ jsx149("span", { className: "text-xs text-muted-foreground", children: rows.length === 0 ? "none" : `${rows.filter((r) => !r.muted).length} on` }),
@@ -45532,7 +45594,7 @@ function SubscriptionsPanel({ tableId, activeRuleId, className }) {
       {
         "data-linked": subscription.rule_id === activeRuleId ? "true" : void 0,
         ref: subscription.rule_id === activeRuleId ? (el) => el?.scrollIntoView({ block: "nearest" }) : void 0,
-        className: cn82(
+        className: cn83(
           "rounded-md border p-2.5",
           subscription.rule_id === activeRuleId && "border-primary ring-1 ring-primary"
         ),
@@ -45646,7 +45708,7 @@ import {
   Checkbox as Checkbox17,
   Label as Label25,
   Skeleton as Skeleton32,
-  cn as cn84
+  cn as cn85
 } from "@ai-matrx/design-system";
 
 // src/FormFlowEditor.tsx
@@ -45908,7 +45970,7 @@ function EmbedSnippets({ url, label }) {
 // src/FormRunner.tsx
 import { useCallback as useCallback55, useEffect as useEffect106, useMemo as useMemo72, useRef as useRef58, useState as useState126 } from "react";
 import { useFields as useFields27, useOptionalRecordsClient as useOptionalRecordsClient20 } from "@ai-matrx/records/react";
-import { Button as Button97, Label as Label24, Progress, Skeleton as Skeleton31, cn as cn83, formThemeClasses } from "@ai-matrx/design-system";
+import { Button as Button97, Label as Label24, Progress, Skeleton as Skeleton31, cn as cn84, formThemeClasses } from "@ai-matrx/design-system";
 import { answerRefusal, formRoutes, pipeAnswers, submissionStamp } from "@ai-matrx/records/forms";
 import { humanizeIdentifier as humanizeIdentifier21 } from "@ai-matrx/kit/text-case";
 import { Fragment as Fragment60, jsx as jsx151, jsxs as jsxs138 } from "react/jsx-runtime";
@@ -45982,7 +46044,7 @@ function ConnectedFormRunner(props) {
     [client, form.subject, form.questions, form.endings]
   );
   if (fields.error) return /* @__PURE__ */ jsx151(RefusalNotice, { error: fields.error, className });
-  if (fields.loading && !fields.data) return /* @__PURE__ */ jsx151(Skeleton31, { className: cn83("h-40 w-full", className) });
+  if (fields.loading && !fields.data) return /* @__PURE__ */ jsx151(Skeleton31, { className: cn84("h-40 w-full", className) });
   return /* @__PURE__ */ jsx151(
     FormStage,
     {
@@ -46307,7 +46369,7 @@ function FormStage({
         ending: (form.endings ?? []).find((e) => e.id === ending) ?? null,
         buttonClass: theme.buttonClass,
         pipe,
-        className: cn83("mx-auto max-w-xl py-10", centred && "text-center", className)
+        className: cn84("mx-auto max-w-xl py-10", centred && "text-center", className)
       }
     );
   }
@@ -46318,7 +46380,7 @@ function FormStage({
     return /* @__PURE__ */ jsxs138(
       "section",
       {
-        className: cn83("mx-auto flex min-h-[min(70dvh,640px)] w-full max-w-2xl flex-col justify-center gap-4 py-8", theme.surface, theme.background !== "plain" && "rounded-lg px-5", centred && "items-center text-center", className),
+        className: cn84("mx-auto flex min-h-[min(70dvh,640px)] w-full max-w-2xl flex-col justify-center gap-4 py-8", theme.surface, theme.background !== "plain" && "rounded-lg px-5", centred && "items-center text-center", className),
         style: theme.surfaceStyle,
         "data-records-form-welcome": "",
         children: [
@@ -46334,7 +46396,7 @@ function FormStage({
   return /* @__PURE__ */ jsxs138(
     "section",
     {
-      className: cn83(
+      className: cn84(
         "mx-auto flex w-full max-w-2xl flex-col gap-4 py-4",
         // TYPEFORM'S SIZE (TYPEFORM-2): one question at a time fills the screen, centred in it.
         oneAtATime && "min-h-[min(70dvh,640px)]",
@@ -46357,7 +46419,7 @@ function FormStage({
               ...routeKnown ? { "aria-valuetext": oneAtATime ? `${index + 1} of ${live.length}` : `${answered} of ${live.length}` } : {}
             }
           ),
-          /* @__PURE__ */ jsx151("span", { className: cn83("min-w-[3.5rem] text-right tabular-nums", !routeKnown && "invisible"), "data-records-form-count": "", children: oneAtATime ? `${index + 1} of ${live.length}` : `${answered} of ${live.length}` })
+          /* @__PURE__ */ jsx151("span", { className: cn84("min-w-[3.5rem] text-right tabular-nums", !routeKnown && "invisible"), "data-records-form-count": "", children: oneAtATime ? `${index + 1} of ${live.length}` : `${answered} of ${live.length}` })
         ] }),
         signedInPublic ? /* @__PURE__ */ jsx151(
           "p",
@@ -46440,7 +46502,7 @@ function FormStage({
             }
           )
         ] }) : null,
-        /* @__PURE__ */ jsxs138("footer", { className: cn83("flex flex-wrap items-center gap-3", centred && "justify-center"), children: [
+        /* @__PURE__ */ jsxs138("footer", { className: cn84("flex flex-wrap items-center gap-3", centred && "justify-center"), children: [
           oneAtATime && index > 0 ? /* @__PURE__ */ jsx151(Button97, { size: "lg", variant: "ghost", className: theme.buttonClass, onClick: retreat, children: "Back" }) : null,
           oneAtATime && index < live.length - 1 ? /* @__PURE__ */ jsx151(Button97, { size: "lg", className: theme.buttonClass, onClick: () => void advance(), children: "Next" }) : /* @__PURE__ */ jsx151(Button97, { size: "lg", className: theme.buttonClass, disabled: writing, onClick: () => void (oneAtATime ? advance() : submit()), children: writing ? "Sending\u2026" : form.submitLabel ?? "Submit" }),
           oneAtATime ? /* @__PURE__ */ jsxs138("span", { className: "hidden text-xs text-muted-foreground sm:inline", "data-records-form-enter-hint": "", children: [
@@ -46495,7 +46557,7 @@ function ThankYou({
         {
           href: redirect,
           "data-records-form-next": "",
-          className: cn83("inline-flex min-h-10 items-center rounded-md bg-primary px-4 font-medium text-primary-foreground", buttonClass),
+          className: cn84("inline-flex min-h-10 items-center rounded-md bg-primary px-4 font-medium text-primary-foreground", buttonClass),
           children: ending?.buttonLabel || "Continue"
         }
       ),
@@ -46528,7 +46590,7 @@ function Question({
   return /* @__PURE__ */ jsxs138(
     "div",
     {
-      className: cn83(
+      className: cn84(
         "flex flex-col",
         large ? "gap-3 [&_input]:text-base [&_textarea]:text-base [&_input]:min-h-12" : "gap-1.5 [&_input]:text-base [&_textarea]:text-base"
       ),
@@ -46536,11 +46598,11 @@ function Question({
       "aria-describedby": refused ? sayId : void 0,
       children: [
         /* @__PURE__ */ jsxs138("div", { className: "flex flex-wrap items-baseline gap-x-2", children: [
-          /* @__PURE__ */ jsx151(Label24, { htmlFor: id, className: cn83("font-medium leading-snug text-foreground", large ? "text-xl sm:text-2xl" : "text-base"), children: question.ask }),
+          /* @__PURE__ */ jsx151(Label24, { htmlFor: id, className: cn84("font-medium leading-snug text-foreground", large ? "text-xl sm:text-2xl" : "text-base"), children: question.ask }),
           question.required ? /* @__PURE__ */ jsx151("span", { className: "text-sm text-foreground/80", children: "required" }) : null,
           field2.unit ? /* @__PURE__ */ jsx151("span", { className: "text-sm text-foreground/70", children: field2.unit }) : null
         ] }),
-        question.help ? /* @__PURE__ */ jsx151("p", { className: cn83("text-muted-foreground", large ? "text-base" : "text-sm"), children: authored(host, question.help, "form-help") }) : null,
+        question.help ? /* @__PURE__ */ jsx151("p", { className: cn84("text-muted-foreground", large ? "text-base" : "text-sm"), children: authored(host, question.help, "form-help") }) : null,
         isAttachment && !upload ? /* @__PURE__ */ jsx151("p", { className: "w-fit rounded border border-dashed px-2 py-0.5 text-xs text-muted-foreground", title: NO_UPLOAD_REASON, children: "File upload unavailable here" }) : isAttachment ? /* @__PURE__ */ jsxs138(Fragment60, { children: [
           /* @__PURE__ */ jsx151(
             "input",
@@ -46904,17 +46966,17 @@ function FormBuilder({ tableId, seed, activeFormId, onActiveForm, startWithOne,
       }
     );
   }
-  if (fields.loading || forms === null) return /* @__PURE__ */ jsx152(Skeleton32, { className: cn84("h-64 w-full", className) });
+  if (fields.loading || forms === null) return /* @__PURE__ */ jsx152(Skeleton32, { className: cn85("h-64 w-full", className) });
   if (createOnMount && (makeOnMount === "waiting" || makeOnMount === "making") && !refused) {
-    return /* @__PURE__ */ jsx152(Skeleton32, { className: cn84("h-64 w-full", className) });
+    return /* @__PURE__ */ jsx152(Skeleton32, { className: cn85("h-64 w-full", className) });
   }
   if (!rights.admin) {
-    return /* @__PURE__ */ jsx152("p", { className: cn84("text-xs text-muted-foreground", className), children: rights.why("structure") });
+    return /* @__PURE__ */ jsx152("p", { className: cn85("text-xs text-muted-foreground", className), children: rights.why("structure") });
   }
   return (
     // THE CONTAINER IS THE PARENT (TYPEFORM-2): a container query asks an ANCESTOR, so `@3xl:` on the
     // element that is itself `@container` never fired and the preview sat 3,000 px below the editor.
-    /* @__PURE__ */ jsx152("div", { className: cn84("@container min-h-0", className), children: /* @__PURE__ */ jsxs139("div", { className: "flex min-h-0 flex-col gap-3 @3xl:flex-row @3xl:items-start", children: [
+    /* @__PURE__ */ jsx152("div", { className: cn85("@container min-h-0", className), children: /* @__PURE__ */ jsxs139("div", { className: "flex min-h-0 flex-col gap-3 @3xl:flex-row @3xl:items-start", children: [
       /* @__PURE__ */ jsxs139("div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
         /* @__PURE__ */ jsxs139("div", { className: "flex items-center gap-1 overflow-x-auto", role: "group", "aria-label": "Forms", children: [
           forms.map((form) => /* @__PURE__ */ jsx152(
@@ -47380,7 +47442,7 @@ function QuestionRow({
     {
       ref: sortable.setNodeRef,
       style: { transform: CSS3.Transform.toString(sortable.transform), transition: sortable.transition },
-      className: cn84("rounded border bg-background px-2 py-1.5", sortable.isDragging && "z-10 shadow-md"),
+      className: cn85("rounded border bg-background px-2 py-1.5", sortable.isDragging && "z-10 shadow-md"),
       "data-records-form-question-row": question.field,
       children: [
         /* @__PURE__ */ jsxs139("div", { className: "flex items-center gap-2", children: [
@@ -47561,7 +47623,7 @@ function NotifyOnAnswer({
       /* @__PURE__ */ jsxs139(
         "label",
         {
-          className: cn84("flex items-center gap-2", !emailQuestion && "text-muted-foreground"),
+          className: cn85("flex items-center gap-2", !emailQuestion && "text-muted-foreground"),
           title: emailQuestion ? "An email to the person who answered, in your ending's words." : "Add an email question first.",
           children: [
             /* @__PURE__ */ jsx152(
@@ -47606,7 +47668,7 @@ function NotifyOnAnswer({
 // src/DocTemplate.tsx
 import { useCallback as useCallback57, useEffect as useEffect108, useState as useState128 } from "react";
 import { useFields as useFields29, useRecordsClient as useRecordsClient90, useTable as useTable31 } from "@ai-matrx/records/react";
-import { BasicInput as BasicInput30, BasicTextarea as BasicTextarea12, Button as Button99, Label as Label26, Skeleton as Skeleton33, cn as cn85 } from "@ai-matrx/design-system";
+import { BasicInput as BasicInput30, BasicTextarea as BasicTextarea12, Button as Button99, Label as Label26, Skeleton as Skeleton33, cn as cn86 } from "@ai-matrx/design-system";
 import { jsx as jsx153, jsxs as jsxs140 } from "react/jsx-runtime";
 function DocTemplate({ tableId, seed, activeTemplateId, onActiveTemplate, className }) {
   const client = useRecordsClient90();
@@ -47704,11 +47766,11 @@ function DocTemplate({ tableId, seed, activeTemplateId, onActiveTemplate, classN
       }
     );
   }
-  if (templates === null || fields.loading && !fields.data) return /* @__PURE__ */ jsx153(Skeleton33, { className: cn85("h-64 w-full", className) });
+  if (templates === null || fields.loading && !fields.data) return /* @__PURE__ */ jsx153(Skeleton33, { className: cn86("h-64 w-full", className) });
   if (!rights.admin) {
-    return /* @__PURE__ */ jsx153("p", { className: cn85("text-xs text-muted-foreground", className), children: rights.why("structure") });
+    return /* @__PURE__ */ jsx153("p", { className: cn86("text-xs text-muted-foreground", className), children: rights.why("structure") });
   }
-  return /* @__PURE__ */ jsxs140("div", { className: cn85("flex flex-col gap-2", className), children: [
+  return /* @__PURE__ */ jsxs140("div", { className: cn86("flex flex-col gap-2", className), children: [
     /* @__PURE__ */ jsxs140("div", { className: "flex items-center gap-1 overflow-x-auto", role: "group", "aria-label": "Templates", children: [
       templates.map((t) => /* @__PURE__ */ jsxs140(
         Button99,
@@ -47790,7 +47852,7 @@ function DocTemplate({ tableId, seed, activeTemplateId, onActiveTemplate, classN
 // src/DocRender.tsx
 import { useCallback as useCallback58, useEffect as useEffect109, useRef as useRef60, useState as useState129 } from "react";
 import { useRecordsClient as useRecordsClient91 } from "@ai-matrx/records/react";
-import { Button as Button100, Skeleton as Skeleton34, cn as cn86 } from "@ai-matrx/design-system";
+import { Button as Button100, Skeleton as Skeleton34, cn as cn87 } from "@ai-matrx/design-system";
 import { jsx as jsx154, jsxs as jsxs141 } from "react/jsx-runtime";
 function DocRender({ templateId, recordId, filename, onRendered, className }) {
   const client = useRecordsClient91();
@@ -47866,10 +47928,10 @@ function DocRender({ templateId, recordId, filename, onRendered, className }) {
       }
     );
   }
-  if (preview === null || renders === null) return /* @__PURE__ */ jsx154(Skeleton34, { className: cn86("h-64 w-full", className) });
+  if (preview === null || renders === null) return /* @__PURE__ */ jsx154(Skeleton34, { className: cn87("h-64 w-full", className) });
   const frozen = showing ? renders.find((r) => r.id === showing) ?? null : null;
   const text = frozen ? frozen.body : preview;
-  return /* @__PURE__ */ jsxs141("div", { className: cn86("flex flex-col gap-2", className), children: [
+  return /* @__PURE__ */ jsxs141("div", { className: cn87("flex flex-col gap-2", className), children: [
     /* @__PURE__ */ jsxs141("div", { className: "flex items-center gap-1 text-xs", children: [
       /* @__PURE__ */ jsx154(
         Button100,
@@ -47906,7 +47968,7 @@ function DocRender({ templateId, recordId, filename, onRendered, className }) {
 // src/SignBlock.tsx
 import { useCallback as useCallback59, useEffect as useEffect110, useState as useState130 } from "react";
 import { useFields as useFields30, useRecordsClient as useRecordsClient92 } from "@ai-matrx/records/react";
-import { BasicInput as BasicInput31, Button as Button101, Skeleton as Skeleton35, cn as cn87 } from "@ai-matrx/design-system";
+import { BasicInput as BasicInput31, Button as Button101, Skeleton as Skeleton35, cn as cn88 } from "@ai-matrx/design-system";
 import { useTable as useTable32 } from "@ai-matrx/records/react";
 import { jsx as jsx155, jsxs as jsxs142 } from "react/jsx-runtime";
 function SignBlock({ tableId, recordId, render, className }) {
@@ -47965,9 +48027,9 @@ function SignBlock({ tableId, recordId, render, className }) {
       }
     );
   }
-  if (fields.loading || signatures === null) return /* @__PURE__ */ jsx155(Skeleton35, { className: cn87("h-32 w-full", className) });
+  if (fields.loading || signatures === null) return /* @__PURE__ */ jsx155(Skeleton35, { className: cn88("h-32 w-full", className) });
   const signable = (fields.data ?? []).filter(isSignatureField);
-  return /* @__PURE__ */ jsxs142("div", { className: cn87("flex flex-col gap-2", className), children: [
+  return /* @__PURE__ */ jsxs142("div", { className: cn88("flex flex-col gap-2", className), children: [
     /* @__PURE__ */ jsxs142("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
       /* @__PURE__ */ jsx155("span", { className: "font-medium text-foreground", children: "Signatures" }),
       /* @__PURE__ */ jsxs142("span", { children: [
@@ -48058,7 +48120,7 @@ function SignBlock({ tableId, recordId, render, className }) {
 import { useCallback as useCallback60, useEffect as useEffect111, useState as useState131 } from "react";
 import { useRecordsClient as useRecordsClient93, useTable as useTable33 } from "@ai-matrx/records/react";
 import { hasQuietHours as hasQuietHours3 } from "@ai-matrx/records";
-import { Button as Button102, Skeleton as Skeleton36, cn as cn88 } from "@ai-matrx/design-system";
+import { Button as Button102, Skeleton as Skeleton36, cn as cn89 } from "@ai-matrx/design-system";
 import { Select as Select24 } from "@ai-matrx/design-system/controls";
 import { jsx as jsx156, jsxs as jsxs143 } from "react/jsx-runtime";
 var CADENCE_WORDS2 = SUBSCRIPTION_CADENCE_LABEL;
@@ -48193,8 +48255,8 @@ function NotifyRuleEditor({ tableId, seed, chosenRuleId, onChoose, className })
       }
     );
   }
-  if (subscriptions === null) return /* @__PURE__ */ jsx156(Skeleton36, { className: cn88("h-40 w-full", className) });
-  return /* @__PURE__ */ jsxs143("div", { className: cn88("flex flex-col gap-2", className), children: [
+  if (subscriptions === null) return /* @__PURE__ */ jsx156(Skeleton36, { className: cn89("h-40 w-full", className) });
+  return /* @__PURE__ */ jsxs143("div", { className: cn89("flex flex-col gap-2", className), children: [
     /* @__PURE__ */ jsxs143("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
       /* @__PURE__ */ jsx156("span", { className: "font-medium text-foreground", children: "Tell me when" }),
       /* @__PURE__ */ jsxs143("span", { children: [
@@ -48235,7 +48297,7 @@ function NotifyRuleEditor({ tableId, seed, chosenRuleId, onChoose, className })
           children: "Use for this form"
         }
       ) : null,
-      rights.write && !(onChoose && held.rule_id === chosenRuleId) && stopping === held.rule_id ? /* @__PURE__ */ jsxs143("span", { className: cn88("flex flex-wrap items-center gap-2", onChoose ? void 0 : "ml-auto"), children: [
+      rights.write && !(onChoose && held.rule_id === chosenRuleId) && stopping === held.rule_id ? /* @__PURE__ */ jsxs143("span", { className: cn89("flex flex-wrap items-center gap-2", onChoose ? void 0 : "ml-auto"), children: [
         /* @__PURE__ */ jsx156("span", { className: "text-xs text-destructive", children: archiveConfirmSentence("this subscription") }),
         /* @__PURE__ */ jsx156(Button102, { size: "sm", variant: "destructive", disabled: busy, onClick: () => void unsubscribe(held.rule_id), children: "Stop telling me" }),
         /* @__PURE__ */ jsx156(Button102, { size: "sm", variant: "ghost", onClick: () => setStopping(null), children: "Keep it" })
@@ -48355,7 +48417,7 @@ import {
   SelectTrigger as SelectTrigger19,
   SelectValue as SelectValue19,
   Skeleton as Skeleton37,
-  cn as cn90
+  cn as cn91
 } from "@ai-matrx/design-system";
 
 // src/DashboardGrid.tsx
@@ -48374,7 +48436,7 @@ import {
   useSortable as useSortable3
 } from "@dnd-kit/sortable";
 import { CSS as CSS4 } from "@dnd-kit/utilities";
-import { cn as cn89 } from "@ai-matrx/design-system";
+import { cn as cn90 } from "@ai-matrx/design-system";
 import { Select as Select25 } from "@ai-matrx/design-system/controls";
 
 // src/dashboardLayout.ts
@@ -48466,7 +48528,7 @@ function GridCell2({
       ref: sortable.setNodeRef,
       style,
       "data-testid": `dashboard-block-${index}`,
-      className: cn89(
+      className: cn90(
         "group/block relative flex min-w-0 flex-col gap-1",
         spanClass(item.span),
         arranging && "rounded-md ring-1 ring-border",
@@ -48887,9 +48949,9 @@ 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__ */ jsx159(Skeleton37, { className: cn90("h-64 w-full", className) });
+  if (boards === null || rightsPending) return /* @__PURE__ */ jsx159(Skeleton37, { className: cn91("h-64 w-full", className) });
   const PageLink = host.Link;
-  return /* @__PURE__ */ jsxs146("div", { className: cn90("flex min-h-0 flex-col gap-2", className), children: [
+  return /* @__PURE__ */ jsxs146("div", { className: cn91("flex min-h-0 flex-col gap-2", className), children: [
     /* @__PURE__ */ jsxs146("div", { className: "flex flex-wrap items-center gap-1", role: "group", "aria-label": "Dashboards", children: [
       boards.map((d) => /* @__PURE__ */ jsx159(
         Button104,
@@ -49351,7 +49413,7 @@ function TargetControl({
 // src/QuestionPanel.tsx
 import { copyText as copyText9 } from "@ai-matrx/kit/clipboard";
 import { useEffect as useEffect113, useMemo as useMemo76, useRef as useRef61, useState as useState134 } from "react";
-import { Badge as Badge24, BasicInput as BasicInput33, Button as Button105, Checkbox as Checkbox18, Label as Label27, Skeleton as Skeleton38, cn as cn91 } from "@ai-matrx/design-system";
+import { Badge as Badge24, BasicInput as BasicInput33, Button as Button105, Checkbox as Checkbox18, Label as Label27, Skeleton as Skeleton38, cn as cn92 } from "@ai-matrx/design-system";
 import { useFields as useFields33, useRecordsClient as useRecordsClient96 } from "@ai-matrx/records/react";
 
 // src/question.ts
@@ -49524,7 +49586,7 @@ function QuestionPanel({ tableId, activeQuestionId, draft, className }) {
     void copyText9(url.toString());
   };
   if (fields.loading || hidden === null) {
-    return /* @__PURE__ */ jsxs147("div", { className: cn91("flex flex-col gap-2 p-3", className), "data-testid": "question-panel", children: [
+    return /* @__PURE__ */ jsxs147("div", { className: cn92("flex flex-col gap-2 p-3", className), "data-testid": "question-panel", children: [
       /* @__PURE__ */ jsx160(Skeleton38, { className: "h-8 w-full" }),
       /* @__PURE__ */ jsx160(Skeleton38, { className: "h-32 w-full" })
     ] });
@@ -49533,7 +49595,7 @@ function QuestionPanel({ tableId, activeQuestionId, draft, className }) {
     { value: "", label: "New question" },
     ...(saved ?? []).map((q) => ({ value: q.id, label: q.name, group: q.shared ? "Shared" : "Only me" }))
   ];
-  return /* @__PURE__ */ jsxs147("div", { className: cn91("flex min-h-0 flex-col gap-3 p-3 text-xs", className), "data-testid": "question-panel", children: [
+  return /* @__PURE__ */ jsxs147("div", { className: cn92("flex min-h-0 flex-col gap-3 p-3 text-xs", className), "data-testid": "question-panel", children: [
     /* @__PURE__ */ jsxs147("div", { className: "flex flex-wrap items-center gap-1.5", children: [
       /* @__PURE__ */ jsx160(
         PickOne,
@@ -49659,7 +49721,7 @@ function QuestionPanel({ tableId, activeQuestionId, draft, className }) {
         )) })
       ] }) : null
     ] }),
-    /* @__PURE__ */ jsx160("div", { className: cn91("min-h-24 rounded-md border p-2 transition-opacity", asking && "opacity-60"), "data-testid": "question-answer", "aria-busy": asking, children: answer === null ? /* @__PURE__ */ jsx160(Skeleton38, { className: "h-16 w-full" }) : !answer.ok ? /* @__PURE__ */ jsx160(RefusalNotice, { error: answer.error }) : /* @__PURE__ */ jsx160(QuestionAnswerView, { tableId, spec, answer: answer.data, fields: all, related }) })
+    /* @__PURE__ */ jsx160("div", { className: cn92("min-h-24 rounded-md border p-2 transition-opacity", asking && "opacity-60"), "data-testid": "question-answer", "aria-busy": asking, children: answer === null ? /* @__PURE__ */ jsx160(Skeleton38, { className: "h-16 w-full" }) : !answer.ok ? /* @__PURE__ */ jsx160(RefusalNotice, { error: answer.error }) : /* @__PURE__ */ jsx160(QuestionAnswerView, { tableId, spec, answer: answer.data, fields: all, related }) })
   ] });
 }
 function Measures({ measures, fields, onChange }) {
@@ -50333,7 +50395,7 @@ import {
   useRowActions as useRowActions2
 } from "@ai-matrx/records/react";
 import { onRecordChanged as onRecordChanged2 } from "@ai-matrx/records/core";
-import { BasicInput as BasicInput35, Button as Button107, Checkbox as Checkbox19, Skeleton as Skeleton40, cn as cn92 } from "@ai-matrx/design-system";
+import { BasicInput as BasicInput35, Button as Button107, Checkbox as Checkbox19, Skeleton as Skeleton40, cn as cn93 } from "@ai-matrx/design-system";
 import { formFromSummary as formFromSummary2 } from "@ai-matrx/records/forms";
 import { Fragment as Fragment65, jsx as jsx162, jsxs as jsxs149 } from "react/jsx-runtime";
 var EDIT_LEVELS = /* @__PURE__ */ new Set(["edit_content", "editor", "admin", "owner"]);
@@ -50473,9 +50535,9 @@ function PageScreen({
   }, [client, page, onArchived]);
   if (error) return /* @__PURE__ */ jsx162(RefusalNotice, { error, className });
   if (missing) {
-    return /* @__PURE__ */ jsx162("p", { className: cn92("p-4 text-sm text-muted-foreground", className), "data-records-page-missing": "", children: "This page is archived or not shared with you." });
+    return /* @__PURE__ */ jsx162("p", { className: cn93("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__ */ jsx162(Skeleton40, { className: cn92("h-64 w-full", className) });
+  if (!page) return /* @__PURE__ */ jsx162(Skeleton40, { className: cn93("h-64 w-full", className) });
   const filtersFor = (listId) => {
     const out = {};
     for (const b of blocks) {
@@ -50518,7 +50580,7 @@ function PageScreen({
     ) : null,
     organizationId ? /* @__PURE__ */ jsx162(ShareControl, { kind: "record", organizationId, subjectId: page.id, name: page.name }) : null
   ] });
-  return /* @__PURE__ */ jsxs149("div", { className: cn92("flex min-h-0 flex-col gap-2", className), "data-records-page": page.id, children: [
+  return /* @__PURE__ */ jsxs149("div", { className: cn93("flex min-h-0 flex-col gap-2", className), "data-records-page": page.id, children: [
     header ? header({ name: page.name, actions }) : /* @__PURE__ */ jsxs149("div", { className: "flex flex-wrap items-center gap-2", children: [
       /* @__PURE__ */ jsx162("h1", { className: "min-w-0 flex-1 truncate text-base font-medium", children: page.name }),
       actions
@@ -50792,7 +50854,7 @@ function ListBlockView({
               onSelect(row.id);
             }
           },
-          className: cn92(
+          className: cn93(
             "cursor-pointer border-t hover:bg-muted/60",
             row.id === selected && "bg-primary/10 hover:bg-primary/15"
           ),
@@ -51116,7 +51178,7 @@ import { copyText as copyText10 } from "@ai-matrx/kit/clipboard";
 import { useCallback as useCallback63, useEffect as useEffect116, useState as useState137 } from "react";
 import { useRecordsClient as useRecordsClient99, useTable as useTable37 } from "@ai-matrx/records/react";
 import { publicFormPath as publicFormPath2 } from "@ai-matrx/records";
-import { Badge as Badge25, Button as Button108, Skeleton as Skeleton41, cn as cn93 } from "@ai-matrx/design-system";
+import { Badge as Badge25, Button as Button108, Skeleton as Skeleton41, cn as cn94 } from "@ai-matrx/design-system";
 import { FORM_STATE_WORDS as FORM_STATE_WORDS2 } from "@ai-matrx/records/forms";
 import { Fragment as Fragment66, jsx as jsx163, jsxs as jsxs150 } 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.";
@@ -51179,9 +51241,9 @@ function FormsPanel({ tableId, activeFormId, className }) {
       setShown(url);
     }
   }, []);
-  if (forms === null) return /* @__PURE__ */ jsx163(Skeleton41, { className: cn93("h-32 w-full", className) });
+  if (forms === null) return /* @__PURE__ */ jsx163(Skeleton41, { className: cn94("h-32 w-full", className) });
   const origin = host.publicOrigin ?? (typeof window === "undefined" ? "" : window.location.origin);
-  return /* @__PURE__ */ jsxs150("section", { className: cn93("flex flex-col gap-3", className), children: [
+  return /* @__PURE__ */ jsxs150("section", { className: cn94("flex flex-col gap-3", className), children: [
     /* @__PURE__ */ jsxs150("header", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsx163("h3", { className: "text-sm font-medium", children: "Forms" }),
       /* @__PURE__ */ jsx163("span", { className: "text-xs text-muted-foreground", children: forms.length === 0 ? "none yet" : `${forms.length}` }),
@@ -51227,7 +51289,7 @@ function FormsPanel({ tableId, activeFormId, className }) {
         {
           "data-linked": form.form_id === activeFormId ? "true" : void 0,
           ref: form.form_id === activeFormId ? (el) => el?.scrollIntoView({ block: "nearest" }) : void 0,
-          className: cn93(
+          className: cn94(
             "rounded-md border p-2.5",
             form.form_id === activeFormId && "border-primary ring-1 ring-primary"
           ),
@@ -51299,7 +51361,7 @@ function FormsPanel({ tableId, activeFormId, className }) {
 // src/CaptureSheet.tsx
 import { useCallback as useCallback65, useEffect as useEffect118, useRef as useRef63, useState as useState139 } from "react";
 import { useFields as useFields36, useRecordsClient as useRecordsClient101, useTable as useTable38 } from "@ai-matrx/records/react";
-import { Button as Button110, Input as Input9, Skeleton as Skeleton43, Textarea as Textarea8, cn as cn95 } from "@ai-matrx/design-system";
+import { Button as Button110, Input as Input9, Skeleton as Skeleton43, Textarea as Textarea8, cn as cn96 } from "@ai-matrx/design-system";
 
 // src/CaptureRun.tsx
 import { useCallback as useCallback64, useEffect as useEffect117, useMemo as useMemo78, useRef as useRef62, useState as useState138 } from "react";
@@ -51309,7 +51371,7 @@ import {
   openCaptureQueue
 } from "@ai-matrx/records";
 import { useRecordsClient as useRecordsClient100 } from "@ai-matrx/records/react";
-import { Button as Button109, Input as Input8, Skeleton as Skeleton42, Textarea as Textarea7, cn as cn94 } from "@ai-matrx/design-system";
+import { Button as Button109, Input as Input8, Skeleton as Skeleton42, Textarea as Textarea7, cn as cn95 } from "@ai-matrx/design-system";
 import { jsx as jsx164, jsxs as jsxs151 } from "react/jsx-runtime";
 function controlFor(field2) {
   if (!field2) return "text";
@@ -51487,13 +51549,13 @@ function CaptureRun({ sheetId, face: given, className }) {
     if (online) await sync();
   }
   if (loadFailed) {
-    return /* @__PURE__ */ jsx164("section", { className: cn94("mx-auto w-full max-w-sm p-4", className), children: /* @__PURE__ */ jsx164("div", { "data-testid": "capture-refusal", children: /* @__PURE__ */ jsx164(RefusalNotice, { error: loadFailed, className: "text-sm" }) }) });
+    return /* @__PURE__ */ jsx164("section", { className: cn95("mx-auto w-full max-w-sm p-4", className), children: /* @__PURE__ */ jsx164("div", { "data-testid": "capture-refusal", children: /* @__PURE__ */ jsx164(RefusalNotice, { error: loadFailed, className: "text-sm" }) }) });
   }
   if (face === void 0) {
-    return /* @__PURE__ */ jsx164(Skeleton42, { className: cn94("mx-auto h-64 w-full max-w-sm", className) });
+    return /* @__PURE__ */ jsx164(Skeleton42, { className: cn95("mx-auto h-64 w-full max-w-sm", className) });
   }
   if (face === null) {
-    return /* @__PURE__ */ jsx164("section", { className: cn94("mx-auto w-full max-w-sm p-4", className), children: /* @__PURE__ */ jsx164("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." }) });
+    return /* @__PURE__ */ jsx164("section", { className: cn95("mx-auto w-full max-w-sm p-4", className), children: /* @__PURE__ */ jsx164("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." }) });
   }
   const waiting = counts.waiting + counts.sending;
   const queueLine = /* @__PURE__ */ jsxs151("div", { className: "flex items-center gap-2 text-[11px] text-muted-foreground", "data-testid": "capture-queue-line", children: [
@@ -51545,7 +51607,7 @@ function CaptureRun({ sheetId, face: given, className }) {
     ) : null
   ] }, i.client_key)) }) : null;
   if (!face.may_capture) {
-    return /* @__PURE__ */ jsxs151("section", { className: cn94("mx-auto flex w-full max-w-sm flex-col gap-3 p-4", className), children: [
+    return /* @__PURE__ */ jsxs151("section", { className: cn95("mx-auto flex w-full max-w-sm flex-col gap-3 p-4", className), children: [
       /* @__PURE__ */ jsx164("h1", { className: "text-lg font-medium", children: face.title }),
       /* @__PURE__ */ jsx164("p", { className: "text-sm", "data-testid": "capture-refusal", children: face.message }),
       queueLine,
@@ -51554,7 +51616,7 @@ function CaptureRun({ sheetId, face: given, className }) {
   }
   if (done) {
     const thanks = face.presentation?.thank_you ?? {};
-    return /* @__PURE__ */ jsxs151("section", { className: cn94("mx-auto flex w-full max-w-sm flex-col gap-3 p-4", className), children: [
+    return /* @__PURE__ */ jsxs151("section", { className: cn95("mx-auto flex w-full max-w-sm flex-col gap-3 p-4", className), children: [
       /* @__PURE__ */ jsx164("h2", { className: "text-lg font-medium", "data-testid": "capture-thankyou", children: thanks.title ?? "Logged" }),
       /* @__PURE__ */ jsx164("p", { className: "text-sm text-muted-foreground", children: done.queued ? "There is no signal, so this one is on the phone and goes up the moment there is. Nothing is lost." : thanks.body ?? "Ready for the next one." }),
       /* @__PURE__ */ jsx164(Button109, { className: "h-12", onClick: () => setDone(null), "data-testid": "capture-next", children: "Next one" }),
@@ -51566,7 +51628,7 @@ function CaptureRun({ sheetId, face: given, className }) {
   const field2 = fieldOf2(q.field);
   const control = controlFor(field2);
   const last = at >= questions.length - 1;
-  return /* @__PURE__ */ jsxs151("section", { className: cn94("mx-auto flex w-full max-w-sm flex-col gap-3 p-4", className), children: [
+  return /* @__PURE__ */ jsxs151("section", { className: cn95("mx-auto flex w-full max-w-sm flex-col gap-3 p-4", className), children: [
     /* @__PURE__ */ jsxs151("div", { className: "flex items-center gap-2 text-[11px] text-muted-foreground", children: [
       /* @__PURE__ */ jsxs151("span", { className: "tabular-nums", "data-testid": "capture-progress", children: [
         at + 1,
@@ -51823,9 +51885,9 @@ function AdHocCaptureSheet({
   }
   if (table.error) return /* @__PURE__ */ jsx165(RefusalNotice, { error: table.error, className });
   if (fields.error) return /* @__PURE__ */ jsx165(RefusalNotice, { error: fields.error, className });
-  if (fields.loading || pending === null) return /* @__PURE__ */ jsx165(Skeleton43, { className: cn95("h-64 w-full", className) });
+  if (fields.loading || pending === null) return /* @__PURE__ */ jsx165(Skeleton43, { className: cn96("h-64 w-full", className) });
   const keys = resolved();
-  return /* @__PURE__ */ jsxs152("section", { className: cn95("mx-auto flex w-full max-w-sm flex-col gap-2", className), children: [
+  return /* @__PURE__ */ jsxs152("section", { className: cn96("mx-auto flex w-full max-w-sm flex-col gap-2", className), children: [
     /* @__PURE__ */ jsxs152("header", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
       CAPTURE_MODES.map((m) => /* @__PURE__ */ jsx165(
         Button110,
@@ -51930,7 +51992,7 @@ function AdHocCaptureSheet({
 // src/PortalShell.tsx
 import { useCallback as useCallback66, useEffect as useEffect119, useState as useState140 } from "react";
 import { useRecordsClient as useRecordsClient102 } from "@ai-matrx/records/react";
-import { Button as Button111, Skeleton as Skeleton44, cn as cn96 } from "@ai-matrx/design-system";
+import { Button as Button111, Skeleton as Skeleton44, cn as cn97 } from "@ai-matrx/design-system";
 import { jsx as jsx166, jsxs as jsxs153 } from "react/jsx-runtime";
 function PortalShell({ tableId, form, resourceType = "record", className }) {
   const client = useRecordsClient102();
@@ -51960,12 +52022,12 @@ function PortalShell({ tableId, form, resourceType = "record", className }) {
   if (error) {
     return /* @__PURE__ */ jsx166(RefusalNotice, { error, className });
   }
-  if (!card || reach === null) return /* @__PURE__ */ jsx166(Skeleton44, { className: cn96("h-64 w-full", className) });
+  if (!card || reach === null) return /* @__PURE__ */ jsx166(Skeleton44, { className: cn97("h-64 w-full", className) });
   if (!card.external) {
-    return /* @__PURE__ */ jsx166("p", { className: cn96("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." });
+    return /* @__PURE__ */ jsx166("p", { className: cn97("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." });
   }
   if (sending && form) {
-    return /* @__PURE__ */ jsxs153("section", { className: cn96("flex min-h-0 flex-col gap-2", className), children: [
+    return /* @__PURE__ */ jsxs153("section", { className: cn97("flex min-h-0 flex-col gap-2", className), children: [
       /* @__PURE__ */ jsxs153("header", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
         /* @__PURE__ */ jsx166("span", { className: "font-medium text-foreground", children: form.name }),
         /* @__PURE__ */ jsx166(Button111, { size: "sm", variant: "ghost", className: "ml-auto h-6 px-2 text-[11px]", onClick: () => setSending(false), children: "Back" })
@@ -51983,9 +52045,9 @@ function PortalShell({ tableId, form, resourceType = "record", className }) {
     ] });
   }
   if (open) {
-    return /* @__PURE__ */ jsx166("section", { className: cn96("flex min-h-0 flex-col gap-2", className), children: /* @__PURE__ */ jsx166(Peek, { tableId, recordId: open, onClose: () => setOpen(null) }) });
+    return /* @__PURE__ */ jsx166("section", { className: cn97("flex min-h-0 flex-col gap-2", className), children: /* @__PURE__ */ jsx166(Peek, { tableId, recordId: open, onClose: () => setOpen(null) }) });
   }
-  return /* @__PURE__ */ jsxs153("section", { className: cn96("flex min-h-0 flex-col gap-2", className), children: [
+  return /* @__PURE__ */ jsxs153("section", { className: cn97("flex min-h-0 flex-col gap-2", className), children: [
     /* @__PURE__ */ jsxs153("header", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
       /* @__PURE__ */ jsx166("span", { className: "font-medium text-foreground", children: "Shared with you" }),
       /* @__PURE__ */ jsx166("span", { className: "tabular-nums", children: reach.length }),
@@ -52036,7 +52098,7 @@ function PortalRow({ tableId, recordId }) {
 // src/PublicViewPage.tsx
 import { useCallback as useCallback67, useEffect as useEffect120, useState as useState141 } from "react";
 import { useRecordsClient as useRecordsClient103 } from "@ai-matrx/records/react";
-import { Skeleton as Skeleton45, cn as cn97 } from "@ai-matrx/design-system";
+import { Skeleton as Skeleton45, cn as cn98 } from "@ai-matrx/design-system";
 import { publicReadOf } from "@ai-matrx/records/forms";
 import { jsx as jsx167, jsxs as jsxs154 } from "react/jsx-runtime";
 function PublicViewPage({ slug, className }) {
@@ -52101,15 +52163,15 @@ function PublicViewPage({ slug, className }) {
     void load();
   }, [load]);
   if (error) return /* @__PURE__ */ jsx167(RefusalNotice, { error, className });
-  if (binding === null) return /* @__PURE__ */ jsx167(Skeleton45, { className: cn97("h-64 w-full", className) });
+  if (binding === null) return /* @__PURE__ */ jsx167(Skeleton45, { className: cn98("h-64 w-full", className) });
   if (binding === "none") {
-    return /* @__PURE__ */ jsxs154("main", { className: cn97("mx-auto max-w-2xl py-16 text-center", className), children: [
+    return /* @__PURE__ */ jsxs154("main", { className: cn98("mx-auto max-w-2xl py-16 text-center", className), children: [
       /* @__PURE__ */ jsx167("h1", { className: "text-lg font-medium", children: "Nothing here" }),
       /* @__PURE__ */ jsx167("p", { className: "mt-1 text-sm text-muted-foreground", children: "There is no public page at this address." }),
       gap ? /* @__PURE__ */ jsx167("p", { className: "mt-6 text-xs text-muted-foreground", children: gap }) : null
     ] });
   }
-  return /* @__PURE__ */ jsxs154("main", { className: cn97("mx-auto flex max-w-2xl flex-col gap-3 py-8", className), children: [
+  return /* @__PURE__ */ jsxs154("main", { className: cn98("mx-auto flex max-w-2xl flex-col gap-3 py-8", className), children: [
     /* @__PURE__ */ jsxs154("header", { className: "flex items-baseline gap-2 text-xs text-muted-foreground", children: [
       /* @__PURE__ */ jsx167("span", { className: "font-medium text-foreground", children: binding.namespace ?? "Published" }),
       /* @__PURE__ */ jsx167("span", { children: plan?.read === "table" || plan?.read === "view" ? `${rows?.length ?? 0} items` : "Shared publicly" })
@@ -52137,7 +52199,7 @@ function PublicRow({ row, fields }) {
 import { copyText as copyText11 } from "@ai-matrx/kit/clipboard";
 import { useCallback as useCallback68, useEffect as useEffect121, useState as useState142 } from "react";
 import { useRecordsClient as useRecordsClient104 } from "@ai-matrx/records/react";
-import { Button as Button112, Input as Input10, Skeleton as Skeleton46, Textarea as Textarea9, cn as cn98 } from "@ai-matrx/design-system";
+import { Button as Button112, Input as Input10, Skeleton as Skeleton46, Textarea as Textarea9, cn as cn99 } from "@ai-matrx/design-system";
 import { useTable as useTable39 } from "@ai-matrx/records/react";
 import { Fragment as Fragment68, jsx as jsx168, jsxs as jsxs155 } from "react/jsx-runtime";
 function EmbedFrame({
@@ -52191,15 +52253,15 @@ function EmbedFrame({
     setTokenId(null);
   }, [client, tokenId]);
   if (table.error) return /* @__PURE__ */ jsx168(RefusalNotice, { error: table.error, className });
-  if (table.loading && !table.data) return /* @__PURE__ */ jsx168(Skeleton46, { className: cn98("h-48 w-full", className) });
+  if (table.loading && !table.data) return /* @__PURE__ */ jsx168(Skeleton46, { className: cn99("h-48 w-full", className) });
   if (!rights.admin) {
-    return /* @__PURE__ */ jsxs155("p", { className: cn98("rounded border border-dashed px-2 py-1 text-xs text-muted-foreground", className), children: [
+    return /* @__PURE__ */ jsxs155("p", { className: cn99("rounded border border-dashed px-2 py-1 text-xs text-muted-foreground", className), children: [
       rights.why("structure"),
       " Issuing an embed opens a way in from somebody else's website, so the store asks for the admin level on this table before it will mint one."
     ] });
   }
   const snippet = secret ? `<iframe src="${embedUrl}#t=${secret}" style="width:100%;height:640px;border:0" loading="lazy"></iframe>` : null;
-  return /* @__PURE__ */ jsxs155("section", { className: cn98("flex min-h-0 flex-col gap-2", className), children: [
+  return /* @__PURE__ */ jsxs155("section", { className: cn99("flex min-h-0 flex-col gap-2", className), children: [
     /* @__PURE__ */ jsxs155("header", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
       /* @__PURE__ */ jsx168("span", { className: "font-medium text-foreground", children: "Embed" }),
       /* @__PURE__ */ jsx168("span", { children: mode === "write" ? "a form people can send" : "a read-only view" })
@@ -52288,7 +52350,7 @@ import {
   DropdownMenuTrigger as DropdownMenuTrigger10,
   Input as Input12,
   Skeleton as Skeleton47,
-  cn as cn100,
+  cn as cn101,
   useIsMobile as useIsMobile2
 } from "@ai-matrx/design-system";
 import { humanizeIdentifier as humanizeIdentifier22 } from "@ai-matrx/kit/text-case";
@@ -53171,7 +53233,7 @@ function ViewFilter({ tableId, view, onApply, className }) {
 }
 
 // src/PhoneTableActions.tsx
-import { DropdownMenu as DropdownMenu9, DropdownMenuContent as DropdownMenuContent9, DropdownMenuTrigger as DropdownMenuTrigger9, cn as cn99 } from "@ai-matrx/design-system";
+import { DropdownMenu as DropdownMenu9, DropdownMenuContent as DropdownMenuContent9, DropdownMenuTrigger as DropdownMenuTrigger9, cn as cn100 } from "@ai-matrx/design-system";
 import { jsx as jsx177, jsxs as jsxs164 } from "react/jsx-runtime";
 function PhoneActionRow({ action: action3, groupStart }) {
   const disabled = action3.disabledReason !== void 0;
@@ -53185,7 +53247,7 @@ function PhoneActionRow({ action: action3, groupStart }) {
       onClick: () => {
         if (!disabled) void action3.run();
       },
-      className: cn99(
+      className: cn100(
         "flex min-h-11 w-full items-center gap-3 px-1 text-left text-base disabled:opacity-60",
         groupStart && "border-t border-border pt-1",
         action3.destructive && "text-destructive"
@@ -53569,7 +53631,7 @@ function TableNotHere({
   if (archived.phase === "asking") return /* @__PURE__ */ jsx178(Skeleton47, { className: "h-40 w-full" });
   const row = archived.phase === "answered" ? archived.row : null;
   if (row) {
-    return /* @__PURE__ */ jsxs165("div", { className: cn100("flex flex-col items-start gap-2 rounded-md border border-dashed p-6", className), children: [
+    return /* @__PURE__ */ jsxs165("div", { className: cn101("flex flex-col items-start gap-2 rounded-md border border-dashed p-6", className), children: [
       /* @__PURE__ */ jsx178("p", { className: "text-sm font-medium", children: "This table is archived" }),
       /* @__PURE__ */ jsx178("p", { className: "max-w-prose text-xs text-muted-foreground", children: TABLE_IS_ARCHIVED }),
       /* @__PURE__ */ jsx178("p", { className: "text-xs text-muted-foreground", children: archivedByLine2(row) }),
@@ -53598,7 +53660,7 @@ function TableNotHere({
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxs165("div", { className: cn100("flex flex-col items-start gap-2 rounded-md border border-dashed p-6", className), children: [
+  return /* @__PURE__ */ jsxs165("div", { className: cn101("flex flex-col items-start gap-2 rounded-md border border-dashed p-6", className), children: [
     /* @__PURE__ */ jsx178("p", { className: "text-sm font-medium", children: "This table is not here" }),
     /* @__PURE__ */ jsx178("p", { className: "max-w-prose text-xs text-muted-foreground", children: TABLE_NOT_REACHABLE }),
     onLeave ? /* @__PURE__ */ jsx178(Button120, { size: "sm", variant: "outline", onClick: onLeave, children: leaveLabel }) : null
@@ -54482,7 +54544,7 @@ function TablePage({
     rights.write && view && Object.keys(viewPatchDocument(saveToViewPlan(view, look ?? {}).patch)).length > 0
   );
   return /* @__PURE__ */ jsxs165(ViewAddressContext.Provider, { value: addressPort, children: [
-    /* @__PURE__ */ jsxs165("div", { className: cn100("flex h-full min-h-0 gap-4", className), "data-table-footer": footer, children: [
+    /* @__PURE__ */ jsxs165("div", { className: cn101("flex h-full min-h-0 gap-4", className), "data-table-footer": footer, children: [
       headerNode,
       /* @__PURE__ */ jsx178("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col gap-2", children: structure.hidden || !structure.settled ? (
         /* THE TOOLBAR ROW'S HEIGHT IS KEPT (min-h-8), so the sentence lands exactly where the bar was. */
@@ -54517,6 +54579,14 @@ function TablePage({
                     }
                   },
                   onViews: setViews,
+                  onSettingsCopied: (copiedId) => {
+                    setAddressResetEpoch((n) => n + 1);
+                    setLooks((all) => {
+                      const { [copiedId]: _gone, ...rest } = all ?? {};
+                      return rest;
+                    });
+                    void keepLook(client, tableId, copiedId, null);
+                  },
                   ...seededViews && viewsEpoch === 0 ? { initialViews: seededViews } : {},
                   seed: seedViews ?? [defaultView(tableId)],
                   settings: view && main === "records" && shownLayout === "grid" ? /* @__PURE__ */ jsxs165("div", { className: "flex flex-col gap-0.5 px-1 py-1", role: "radiogroup", "aria-label": FOOTER_WORDS.label, children: [
@@ -54528,7 +54598,7 @@ function TablePage({
                         role: "radio",
                         "aria-checked": footer === option,
                         "data-view-footer": option,
-                        className: cn100(
+                        className: cn101(
                           "flex min-h-7 items-center gap-2 rounded-sm px-1 text-left text-xs text-popover-foreground hover:bg-accent hover:text-accent-foreground",
                           footer === option && "font-medium"
                         ),
@@ -54538,7 +54608,7 @@ function TablePage({
                             "span",
                             {
                               "aria-hidden": "true",
-                              className: cn100("h-2 w-2 shrink-0 rounded-full border border-current", footer === option && "bg-current")
+                              className: cn101("h-2 w-2 shrink-0 rounded-full border border-current", footer === option && "bg-current")
                             }
                           ),
                           FOOTER_WORDS[option]
@@ -54647,7 +54717,7 @@ function TablePage({
                 "div",
                 {
                   ref: setToolbarSlot,
-                  className: cn100(
+                  className: cn101(
                     // `min-w-9`: never narrower than the layout toolbar's folded "…" (36 px) — a row too
                     // narrow for its pinned controls folds them behind that "…" (design-system
                     // `usePinnedFold`), and the "…" itself is never cut (merged-grid leftovers, 2026-09-28).
@@ -54739,7 +54809,7 @@ function TablePage({
         ) : /* @__PURE__ */ jsx178(TableToolbarSlotContext.Provider, { value: toolbarSlot, children: /* @__PURE__ */ jsx178(TableToolbarFoldContext.Provider, { value: toolbarFold2, children: /* @__PURE__ */ jsx178(TableToolbarSheetExtrasContext.Provider, { value: sheetExtras, children: /* @__PURE__ */ jsxs165(
           "div",
           {
-            className: cn100(
+            className: cn101(
               "min-h-0 flex-1",
               // Inline: a plain scrolling block, so nothing in it shrinks to the height — the
               // layout is as tall as its rows and the footer follows the last one.
@@ -54952,7 +55022,7 @@ import { formatCount as formatCount8 } from "@ai-matrx/kit/format";
 import { TapTargetSearchGroup as TapTargetSearchGroup2, TooltipProvider } from "@ai-matrx/design-system";
 import { MatrxTableCardShowMore as MatrxTableCardShowMore3 } from "@ai-matrx/design-system/data-table";
 import { useEffect as useEffect126, useMemo as useMemo83, useRef as useRef65, useState as useState152 } from "react";
-import { Button as Button121, ErrorBox as ErrorBox9, Input as Input13, cn as cn101 } from "@ai-matrx/design-system";
+import { Button as Button121, ErrorBox as ErrorBox9, Input as Input13, cn as cn102 } from "@ai-matrx/design-system";
 import { SEED_FRESH_MS, useRecordsClient as useRecordsClient107, useSeededAnswerAt } from "@ai-matrx/records/react";
 import { Fragment as Fragment73, jsx as jsx179, jsxs as jsxs166 } from "react/jsx-runtime";
 var entityTitleColumn = entityNameColumn;
@@ -54990,14 +55060,14 @@ function EntityBoard({ entity, groupBy, cardFields, onOpenRecord, className }) {
     const says = await entity.update(id, column, to);
     if (says) setRefused({ to, says });
   };
-  return /* @__PURE__ */ jsx179("div", { className: cn101("flex min-h-40 gap-2 overflow-x-auto pb-1", className), "data-records-entity-board": column.key, children: lanes.map((lane) => {
+  return /* @__PURE__ */ jsx179("div", { className: cn102("flex min-h-40 gap-2 overflow-x-auto pb-1", className), "data-records-entity-board": column.key, children: lanes.map((lane) => {
     const cards = rowsOf2(lane.key);
     if (lane.key === "" && cards.length === 0) return null;
     return /* @__PURE__ */ jsxs166(
       "section",
       {
         "aria-label": lane.label,
-        className: cn101("flex w-60 shrink-0 flex-col gap-1.5 rounded-md bg-muted/40 p-1.5", over === lane.key && "ring-1 ring-ring"),
+        className: cn102("flex w-60 shrink-0 flex-col gap-1.5 rounded-md bg-muted/40 p-1.5", over === lane.key && "ring-1 ring-ring"),
         onDragOver: writable && lane.key ? (e) => {
           e.preventDefault();
           setOver(lane.key);
@@ -55018,7 +55088,7 @@ function EntityBoard({ entity, groupBy, cardFields, onOpenRecord, className }) {
                 e.dataTransfer.setData("text/x-entity-row", row._id);
                 e.dataTransfer.effectAllowed = "move";
               },
-              className: cn101("flex flex-col gap-0.5 rounded border bg-card px-2 py-1.5 text-xs shadow-sm", writable && "cursor-grab"),
+              className: cn102("flex flex-col gap-0.5 rounded border bg-card px-2 py-1.5 text-xs shadow-sm", writable && "cursor-grab"),
               "data-records-entity-card": row._id,
               children: [
                 onOpenRecord ? /* @__PURE__ */ jsx179("button", { type: "button", className: "truncate text-left font-medium hover:underline", onClick: () => onOpenRecord(row._id), children: (title ? entityValueText(title, entityCellValue(row, title)) : shown4(row._id)) || "Untitled" }) : /* @__PURE__ */ jsx179("span", { className: "truncate font-medium", children: (title ? entityValueText(title, entityCellValue(row, title)) : shown4(row._id)) || "Untitled" }),
@@ -55138,7 +55208,7 @@ function EntityTablePageBody({
     rowNoun: (entity.label ?? "record").toLowerCase(),
     enabled: layout === "grid"
   });
-  return /* @__PURE__ */ jsxs166("div", { className: cn101("flex min-w-0 flex-col gap-2", className), "data-records-entity-page": source.token, children: [
+  return /* @__PURE__ */ jsxs166("div", { className: cn102("flex min-w-0 flex-col gap-2", className), "data-records-entity-page": source.token, children: [
     presentation === "page" || boardable || entity.creatable ? /* @__PURE__ */ jsxs166("div", { className: "flex min-w-0 items-center gap-2", children: [
       presentation === "page" ? /* @__PURE__ */ jsx179("h2", { className: "truncate text-base font-semibold", children: entity.label ?? (entity.loading ? "Loading\u2026" : "Table") }) : null,
       presentation === "page" ? /* @__PURE__ */ jsx179("span", { className: "text-xs tabular-nums text-muted-foreground", children: entity.loading || entity.total === null ? "" : formatCount8(entity.total) }) : null,
@@ -55237,7 +55307,7 @@ function TablePage2(props) {
 import { useEffect as useEffect127, useMemo as useMemo84 } from "react";
 import { isEntityReferenceConfig } from "@ai-matrx/records";
 import { useFields as useFields40, useTable as useTable41 } from "@ai-matrx/records/react";
-import { BasicInput as BasicInput36, Button as Button122, CreatablePicker as CreatablePicker3, cn as cn102 } from "@ai-matrx/design-system";
+import { BasicInput as BasicInput36, Button as Button122, CreatablePicker as CreatablePicker3, cn as cn103 } from "@ai-matrx/design-system";
 import { jsx as jsx181, jsxs as jsxs167 } from "react/jsx-runtime";
 var DATA_BINDING_SHAPES = [
   { value: "collection", label: "The whole table" },
@@ -55413,7 +55483,7 @@ function BindingDetails({
       /* @__PURE__ */ jsx181(
         "textarea",
         {
-          className: cn102(
+          className: cn103(
             "min-h-[3.5rem] w-full rounded-md border border-border bg-background px-2 py-1.5 font-mono text-xs"
           ),
           "aria-label": "Each row reads as",