@ai-matrx/records-ui 0.102.8 → 0.102.11

package/dist/pickers.cjs

@@ -44,7 +44,7 @@ module.exports = __toCommonJS(pickers_exports);
 // src/TablePickers.tsx
 var import_react30 = require("react");
 var import_react31 = require("@ai-matrx/records/react");
-var import_design_system16 = require("@ai-matrx/design-system");
+var import_design_system17 = require("@ai-matrx/design-system");
 
 // src/askOnce.ts
 var asked = /* @__PURE__ */ new WeakMap();
@@ -84,7 +84,7 @@ function fieldOptionsOnce(client, fieldId) {
 var import_react24 = require("react");
 var import_records10 = require("@ai-matrx/records");
 var import_react25 = require("@ai-matrx/records/react");
-var import_design_system14 = require("@ai-matrx/design-system");
+var import_design_system15 = require("@ai-matrx/design-system");
 
 // src/dates.ts
 var import_field_formats = require("@ai-matrx/design-system/field-formats");
@@ -555,14 +555,54 @@ var UNREAD_RECORD_LABEL = "Couldn't load this name";
 var import_react3 = require("react");
 var import_records3 = require("@ai-matrx/records");
 var import_react4 = require("@ai-matrx/records/react");
-var import_design_system4 = require("@ai-matrx/design-system");
+var import_design_system5 = require("@ai-matrx/design-system");
 
 // src/PickOrAdd.tsx
 var import_react2 = require("react");
+
+// src/personChip.tsx
 var import_design_system2 = require("@ai-matrx/design-system");
 var import_jsx_runtime2 = require("react/jsx-runtime");
+function initialsOf(name) {
+  const words = name.replace(/@.*$/, "").split(/[\s._-]+/).filter((w) => /\p{L}|\d/u.test(w));
+  const letters = words.filter((w) => !/^(dr|mr|mrs|ms|prof)\.?$/i.test(w)).slice(0, 2).map((w) => (w.match(/[\p{L}\d]/u)?.[0] ?? "").toUpperCase());
+  return letters.join("") || "?";
+}
+function PersonAvatar({ name, size = "sm" }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "span",
+    {
+      "aria-hidden": "true",
+      "data-records-person-avatar": "",
+      className: (0, import_design_system2.cn)(
+        "inline-flex shrink-0 items-center justify-center rounded-full bg-foreground/10 font-medium text-foreground/80",
+        size === "md" ? "size-5 text-[10px]" : "size-4 text-[9px]"
+      ),
+      children: initialsOf(name)
+    }
+  );
+}
+function PersonChip({ name, onRemove, className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    "span",
+    {
+      "data-records-person-chip": "",
+      title: name,
+      className: (0, import_design_system2.cn)("inline-flex min-w-0 max-w-full items-center gap-1 rounded-full bg-muted py-0.5 pl-0.5 pr-2 text-[11px] text-foreground", className),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PersonAvatar, { name }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "min-w-0 truncate", children: name }),
+        onRemove ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", onClick: onRemove, "aria-label": `Remove ${name}`, className: "shrink-0 opacity-60 hover:opacity-100", children: "\xD7" }) : null
+      ]
+    }
+  );
+}
+
+// src/PickOrAdd.tsx
+var import_design_system3 = require("@ai-matrx/design-system");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 function Glyph({ d, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, className, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, className, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d }) });
 }
 var TICK = "m5 12 4 4L19 6";
 var CROSS = "M18 6 6 18M6 6l12 12";
@@ -612,6 +652,7 @@ function PickRow({
   disabled,
   attrs,
   icon,
+  person,
   onPick,
   onPoint
 }) {
@@ -619,7 +660,7 @@ function PickRow({
   (0, import_react2.useEffect)(() => {
     if (highlighted) ref.current?.scrollIntoView?.({ block: "nearest" });
   }, [highlighted]);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
     "button",
     {
       ref,
@@ -632,18 +673,19 @@ function PickRow({
       title: title ?? label,
       ...attrs ?? {},
       "data-pick-highlighted": highlighted ? "" : void 0,
-      className: (0, import_design_system2.cn)(
+      className: (0, import_design_system3.cn)(
         "flex w-full min-w-0 items-center gap-2 rounded-sm px-2 py-1.5 text-left text-sm outline-none disabled:opacity-50",
         highlighted ? "bg-accent text-accent-foreground" : ""
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "flex size-3.5 shrink-0 items-center justify-center", children: [
-          picked ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { "data-pick-tick": "", className: "contents", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Glyph, { d: TICK, className: "size-3.5" }) }) : null,
-          icon === "plus" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Glyph, { d: PLUS, className: "size-3.5 text-muted-foreground" }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "flex size-3.5 shrink-0 items-center justify-center", children: [
+          picked ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { "data-pick-tick": "", className: "contents", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Glyph, { d: TICK, className: "size-3.5" }) }) : null,
+          icon === "plus" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Glyph, { d: PLUS, className: "size-3.5 text-muted-foreground" }) : null
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "min-w-0 flex-1", children: [
-          chip ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: (0, import_design_system2.cn)("inline-flex max-w-full truncate rounded-md border px-1.5 py-0.5 text-xs font-medium", chip), "data-records-choice-chip": "", children: label }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "block truncate", children: label }),
-          detail ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "block truncate text-xs text-muted-foreground", "data-tell-apart": "", children: detail }) : null
+        person ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(PersonAvatar, { name: label, size: "md" }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "min-w-0 flex-1", children: [
+          chip ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: (0, import_design_system3.cn)("inline-flex max-w-full truncate rounded-md border px-1.5 py-0.5 text-xs font-medium", chip), "data-records-choice-chip": "", children: label }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "block truncate", children: label }),
+          detail ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "block truncate text-xs text-muted-foreground", "data-tell-apart": "", children: detail }) : null
         ] })
       ]
     }
@@ -651,31 +693,33 @@ function PickRow({
 }
 function PickChips({ chips }) {
   if (chips.length === 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "flex flex-wrap gap-1 px-1 pb-1", "data-pick-chips": "", children: chips.map((c) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-    "span",
-    {
-      "data-pick-chip": "",
-      title: c.label,
-      className: (0, import_design_system2.cn)(
-        "inline-flex max-w-full items-center gap-1 rounded-md border px-1.5 py-0.5 text-xs font-medium",
-        c.chip ?? "bg-secondary text-secondary-foreground"
-      ),
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "min-w-0 truncate", children: c.label }),
-        c.onRemove ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          "button",
-          {
-            type: "button",
-            "aria-label": `Remove ${c.label}`,
-            onClick: c.onRemove,
-            className: "shrink-0 rounded-sm opacity-60 hover:opacity-100",
-            children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Glyph, { d: CROSS, className: "size-3" })
-          }
-        ) : null
-      ]
-    },
-    c.id
-  )) });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "flex flex-wrap gap-1 px-1 pb-1", "data-pick-chips": "", children: chips.map(
+    (c) => c.person ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(PersonChip, { name: c.label, onRemove: c.onRemove }, c.id) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+      "span",
+      {
+        "data-pick-chip": "",
+        title: c.label,
+        className: (0, import_design_system3.cn)(
+          "inline-flex max-w-full items-center gap-1 rounded-md border px-1.5 py-0.5 text-xs font-medium",
+          c.chip ?? "bg-secondary text-secondary-foreground"
+        ),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "min-w-0 truncate", children: c.label }),
+          c.onRemove ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            "button",
+            {
+              type: "button",
+              "aria-label": `Remove ${c.label}`,
+              onClick: c.onRemove,
+              className: "shrink-0 rounded-sm opacity-60 hover:opacity-100",
+              children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Glyph, { d: CROSS, className: "size-3" })
+            }
+          ) : null
+        ]
+      },
+      c.id
+    )
+  ) });
 }
 function PickOrAdd({
   triggerLabel,
@@ -696,19 +740,24 @@ function PickOrAdd({
   anchored,
   children,
   chips,
-  multi
+  multi,
+  addFirst
 }) {
   const addRow = add && !foot ? add : null;
   const count = items.length + (addRow ? 1 : 0);
+  const addAt = addRow ? addFirst ? 0 : items.length : -1;
+  const itemAt = (index) => addRow && addFirst ? index - 1 : index;
   const removable = (chips ?? []).filter((c) => c.onRemove);
   const keys = useListKeys({
     count,
     resetOn: search,
     onPick: (index) => {
-      const item = items[index];
-      if (item) {
-        if (!item.disabled) onPick(item.id);
-      } else if (addRow && !addRow.disabled) addRow.onAdd();
+      if (index === addAt) {
+        if (addRow && !addRow.disabled) addRow.onAdd();
+        return;
+      }
+      const item = items[itemAt(index)];
+      if (item && !item.disabled) onPick(item.id);
     },
     onNothing: onEnterWithNoMatch ?? (add && !add.disabled ? add.onAdd : void 0),
     onClose: () => onOpenChange(false),
@@ -717,10 +766,23 @@ function PickOrAdd({
     searchEmpty: search === ""
   });
   const hasFoot = Boolean(foot) || Boolean(footNote);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_design_system2.Popover, { open, onOpenChange, children: [
-    anchored ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_design_system2.PopoverAnchor, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "flex min-h-6 w-full min-w-0 flex-wrap items-center gap-1", "aria-label": triggerLabel, children }) }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_design_system2.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_design_system2.Button, { id: triggerId, type: "button", size: "sm", variant: "outline", "aria-label": triggerLabel, children: triggerText }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-      import_design_system2.PopoverContent,
+  const addRowNode = addRow ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    PickRow,
+    {
+      label: addRow.label,
+      picked: false,
+      icon: "plus",
+      disabled: addRow.disabled,
+      attrs: { "data-pick-add": "" },
+      highlighted: addAt === keys.highlight,
+      onPick: addRow.onAdd,
+      onPoint: () => keys.setHighlight(addAt)
+    }
+  ) : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_design_system3.Popover, { open, onOpenChange, children: [
+    anchored ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system3.PopoverAnchor, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "flex min-h-6 w-full min-w-0 flex-wrap items-center gap-1", "aria-label": triggerLabel, children }) }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system3.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system3.Button, { id: triggerId, type: "button", size: "sm", variant: "outline", "aria-label": triggerLabel, children: triggerText }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+      import_design_system3.PopoverContent,
       {
         sizing: "content",
         padding: "xs",
@@ -736,9 +798,9 @@ function PickOrAdd({
           if (anchored) event.preventDefault();
         },
         children: [
-          chips ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PickChips, { chips }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-            import_design_system2.BasicInput,
+          chips ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(PickChips, { chips }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            import_design_system3.BasicInput,
             {
               value: search,
               onChange: (e) => onSearch(e.target.value),
@@ -751,9 +813,10 @@ function PickOrAdd({
             }
           ),
           notice,
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_design_system2.ScrollArea, { className: "max-h-64", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { role: "listbox", "aria-label": triggerLabel, "aria-multiselectable": multi ? true : void 0, children: [
-              items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_design_system3.ScrollArea, { className: "max-h-64", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { role: "listbox", "aria-label": triggerLabel, "aria-multiselectable": multi ? true : void 0, children: [
+              addFirst ? addRowNode : null,
+              items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                 PickRow,
                 {
                   label: item.label,
@@ -763,29 +826,18 @@ function PickOrAdd({
                   picked: item.picked,
                   disabled: item.disabled,
                   attrs: item.attrs,
-                  highlighted: index === keys.highlight,
+                  person: item.person,
+                  highlighted: (addRow && addFirst ? index + 1 : index) === keys.highlight,
                   onPick: () => onPick(item.id),
-                  onPoint: () => keys.setHighlight(index)
+                  onPoint: () => keys.setHighlight(addRow && addFirst ? index + 1 : index)
                 },
                 item.id
               )),
-              addRow ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-                PickRow,
-                {
-                  label: addRow.label,
-                  picked: false,
-                  icon: "plus",
-                  disabled: addRow.disabled,
-                  attrs: { "data-pick-add": "" },
-                  highlighted: items.length === keys.highlight,
-                  onPick: addRow.onAdd,
-                  onPoint: () => keys.setHighlight(items.length)
-                }
-              ) : null
+              addFirst ? null : addRowNode
             ] }),
             items.length === 0 && empty ? empty : null
           ] }),
-          hasFoot ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "mt-1 border-t pt-1", children: [
+          hasFoot ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mt-1 border-t pt-1", children: [
             foot,
             footNote
           ] }) : null
@@ -796,7 +848,7 @@ function PickOrAdd({
 }
 
 // src/Refusal.tsx
-var import_design_system3 = require("@ai-matrx/design-system");
+var import_design_system4 = require("@ai-matrx/design-system");
 
 // src/plainWords.ts
 var MACHINE_IDENTITY = [
@@ -980,7 +1032,7 @@ function refusalLineForAPerson(error) {
 }
 
 // src/Refusal.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 function RefusalNotice({
   error,
   className,
@@ -989,8 +1041,8 @@ function RefusalNotice({
   onDiscard
 }) {
   const plain = refusalForAPerson(error);
-  const doors = onKeepEditing || onDiscard ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex flex-wrap items-center gap-1 pt-0.5", "data-refusal-doors": "", children: [
-    onKeepEditing ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  const doors = onKeepEditing || onDiscard ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex flex-wrap items-center gap-1 pt-0.5", "data-refusal-doors": "", children: [
+    onKeepEditing ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       "button",
       {
         type: "button",
@@ -1000,7 +1052,7 @@ function RefusalNotice({
         children: "Keep editing"
       }
     ) : null,
-    onDiscard ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    onDiscard ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       "button",
       {
         type: "button",
@@ -1011,21 +1063,21 @@ function RefusalNotice({
       }
     ) : null
   ] }) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-    import_design_system3.Alert,
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    import_design_system4.Alert,
     {
       variant: "destructive",
       role: "alert",
       "data-refusal-notice": "",
-      className: (0, import_design_system3.cn)("text-xs", className),
+      className: (0, import_design_system4.cn)("text-xs", className),
       errorFacts: { message: plain.sentence, title: plain.title, error, origin: "records-ui/RefusalNotice" },
       ...plain.forEngineers ? { "data-for-engineers": plain.forEngineers } : {},
       ...error.sqlstate ? { "data-sqlstate": error.sqlstate } : {},
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system3.AlertTitle, { className: "text-xs font-medium", children: plain.storeSaid ? plain.sentence : plain.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_design_system3.AlertDescription, { className: "space-y-1 text-xs", children: [
-          plain.storeSaid || plain.sentence.replace(/\.$/, "") === plain.title ? null : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { children: plain.sentence }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "opacity-80", children: plain.remedy }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system4.AlertTitle, { className: "text-xs font-medium", children: plain.storeSaid ? plain.sentence : plain.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_design_system4.AlertDescription, { className: "space-y-1 text-xs", children: [
+          plain.storeSaid || plain.sentence.replace(/\.$/, "") === plain.title ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { children: plain.sentence }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "opacity-80", children: plain.remedy }),
           actions,
           doors
         ] })
@@ -1035,11 +1087,11 @@ function RefusalNotice({
 }
 function RefusalLine({ error, className }) {
   const plain = refusalForAPerson(error);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    import_design_system3.ErrorBox,
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_design_system4.ErrorBox,
     {
       "data-refusal-line": "",
-      className: (0, import_design_system3.cn)("text-xs text-destructive", className),
+      className: (0, import_design_system4.cn)("text-xs text-destructive", className),
       message: refusalLineForAPerson(error),
       error,
       origin: "records-ui/RefusalLine",
@@ -1100,7 +1152,7 @@ function tellApart(rows, nameOf2) {
 }
 
 // src/RelationPicker.tsx
-var import_jsx_runtime4 = (
+var import_jsx_runtime5 = (
   // The Field's own name is already printed above this control by
   // `FieldLabel`, so the sentence does not say it a second time.
   require("react/jsx-runtime")
@@ -1188,10 +1240,10 @@ function RelationPicker({ field, value, onChange, disabled, id, className, allow
     };
   }, [client, open, allowCreate, target, targetRefusal, field.relation_target]);
   if (!client) {
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { id, className: (0, import_design_system4.cn)("text-xs text-muted-foreground", className), children: NO_STORE_ON_THIS_SCREEN_REASON });
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { id, className: (0, import_design_system5.cn)("text-xs text-muted-foreground", className), children: NO_STORE_ON_THIS_SCREEN_REASON });
   }
   if (!field.relation_target) {
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
       fieldName(field),
       " points at records, but it does not say which Table yet, so there is nothing to pick from. A table admin sets its target in the field editor."
     ] });
@@ -1251,7 +1303,7 @@ function RelationPicker({ field, value, onChange, disabled, id, className, allow
   const apart = tellApart(rows ?? [], titleOf);
   const visible = (0, import_records3.rankTypedMatches)(rows ?? [], search, (row) => [titleOf(row.id), apart.get(row.id) ?? ""]);
   const anchored = autoOpen === true;
-  const cellChips = picked.map((recordId) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  const cellChips = picked.map((recordId) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     RecordChip,
     {
       title: titleOf(recordId),
@@ -1261,12 +1313,12 @@ function RelationPicker({ field, value, onChange, disabled, id, className, allow
   ));
   return (
     // Never wider than where it is drawn (a grid cell beside a sticky column: B3-07) — chips truncate, the button wraps.
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: (0, import_design_system4.cn)("flex min-w-0 max-w-full flex-wrap items-center gap-1", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: (0, import_design_system5.cn)("flex min-w-0 max-w-full flex-wrap items-center gap-1", className), children: [
       anchored && !disabled ? null : cellChips,
       disabled ? null : (
         // THE ONE "PICK OR ADD" BUILDER (PickOrAdd.tsx) — the choice editor draws the same one.
         // In a grid cell it hangs from the cell's own chips; what is picked heads the list with its ×.
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           PickOrAdd,
           {
             anchored,
@@ -1288,17 +1340,17 @@ function RelationPicker({ field, value, onChange, disabled, id, className, allow
               attrs: { "data-relation-candidate": row.id }
             })),
             onPick: toggle,
-            notice: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-              refusal2 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(RefusalLine, { error: refusal2, className: "p-2" }) : null,
-              !rows && !refusal2 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "p-2 text-xs text-muted-foreground", children: "Reading\u2026" }) : null,
-              full ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("p", { className: "p-2 text-xs text-muted-foreground", children: [
+            notice: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+              refusal2 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(RefusalLine, { error: refusal2, className: "p-2" }) : null,
+              !rows && !refusal2 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "p-2 text-xs text-muted-foreground", children: "Reading\u2026" }) : null,
+              full ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { className: "p-2 text-xs text-muted-foreground", children: [
                 fieldName(field),
                 " can point at ",
                 field.relation_max,
                 " at most. Remove one to add another."
               ] }) : null
             ] }),
-            empty: rows ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "p-2 text-xs text-muted-foreground", children: "Nothing in that table matches." }) : null,
+            empty: rows ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "p-2 text-xs text-muted-foreground", children: "Nothing in that table matches." }) : null,
             add: allowCreate && !full && !targetRefusal && target && !creating ? {
               label: search.trim() !== "" ? `Create \u201C${search.trim()}\u201D` : `New ${targetWord}`,
               disabled: busy,
@@ -1313,9 +1365,9 @@ function RelationPicker({ field, value, onChange, disabled, id, className, allow
                 }
               }
             } : null,
-            foot: !allowCreate || full ? void 0 : targetRefusal ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(RefusalLine, { error: targetRefusal, className: "p-2" }) : !target ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "p-2 text-xs text-muted-foreground", children: "Reading that table\u2026" }) : creating ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex items-center gap-1 p-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-                import_design_system4.BasicInput,
+            foot: !allowCreate || full ? void 0 : targetRefusal ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(RefusalLine, { error: targetRefusal, className: "p-2" }) : !target ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "p-2 text-xs text-muted-foreground", children: "Reading that table\u2026" }) : creating ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center gap-1 p-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                import_design_system5.BasicInput,
                 {
                   autoFocus: true,
                   value: newTitle,
@@ -1331,8 +1383,8 @@ function RelationPicker({ field, value, onChange, disabled, id, className, allow
                   "aria-label": `Name the new ${targetWord}`
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-                import_design_system4.Button,
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                import_design_system5.Button,
                 {
                   type: "button",
                   size: "sm",
@@ -1346,7 +1398,7 @@ function RelationPicker({ field, value, onChange, disabled, id, className, allow
             footNote: allowCreate && !full && createRefusal ? (
               // The typed title is still in the search box: the notice owns the
               // two doors out (lane REFUSAL-SWEEP).
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                 RefusalNotice,
                 {
                   error: createRefusal,
@@ -1370,7 +1422,7 @@ function RelationPicker({ field, value, onChange, disabled, id, className, allow
 // src/gridAttachments.tsx
 var import_react12 = require("react");
 var import_react13 = require("@ai-matrx/records/react");
-var import_design_system7 = require("@ai-matrx/design-system");
+var import_design_system8 = require("@ai-matrx/design-system");
 
 // src/host.tsx
 var import_react5 = require("react");
@@ -1430,7 +1482,7 @@ function whatYouMayDo(level, known = true) {
 var NOT_ANSWERED_YET = whatYouMayDo(null, false);
 
 // src/host.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 function tableRights(may, overallReason) {
   return {
     ...may,
@@ -1454,9 +1506,9 @@ var import_uuid2 = require("@ai-matrx/kit/uuid");
 
 // src/signature.tsx
 var import_react7 = require("react");
-var import_design_system5 = require("@ai-matrx/design-system");
+var import_design_system6 = require("@ai-matrx/design-system");
 var import_react8 = require("@ai-matrx/records/react");
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var DRAWN = /^data:image\/(png|jpeg);base64,[A-Za-z0-9+/=]{64,}$/;
 function drawnSignatureOf(value) {
   return typeof value === "string" && DRAWN.test(value) ? value : null;
@@ -1513,13 +1565,13 @@ function drawingOf(client, fileId) {
   return asked3;
 }
 function DrawnImage({ src, inCell }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     "img",
     {
       src,
       alt: SIGNED_WORD,
       "data-records-signature": "",
-      className: (0, import_design_system5.cn)("max-w-[12rem] object-contain object-left dark:invert", inCell ? "h-7" : "h-12")
+      className: (0, import_design_system6.cn)("max-w-[12rem] object-contain object-left dark:invert", inCell ? "h-7" : "h-12")
     }
   );
 }
@@ -1547,11 +1599,11 @@ function SignatureDrawing({
       cancelled = true;
     };
   }, [client, recordId, fieldKey, knownFile]);
-  if (drawing?.src) return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DrawnImage, { src: drawing.src, inCell });
+  if (drawing?.src) return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DrawnImage, { src: drawing.src, inCell });
   if (drawing?.hostFileId && host.fileImage) {
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: (0, import_design_system5.cn)("inline-block max-w-[12rem] dark:invert", inCell ? "h-7" : "h-12"), "data-records-signature": "", children: host.fileImage({ fileId: drawing.hostFileId, alt: SIGNED_WORD }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: (0, import_design_system6.cn)("inline-block max-w-[12rem] dark:invert", inCell ? "h-7" : "h-12"), "data-records-signature": "", children: host.fileImage({ fileId: drawing.hostFileId, alt: SIGNED_WORD }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "font-serif italic", children: String(value) });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "font-serif italic", children: String(value) });
 }
 function SignatureValue({
   value,
@@ -1561,12 +1613,12 @@ function SignatureValue({
   document: document2
 }) {
   const drawn = drawnSignatureOf(value);
-  if (drawn) return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DrawnImage, { src: drawn, inCell });
+  if (drawn) return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DrawnImage, { src: drawn, inCell });
   const fileId = fieldKey ? signatureFileIn(document2, fieldKey) : null;
   if (value === SIGNED_WORD && (fileId || recordId && fieldKey)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SignatureDrawing, { recordId: recordId ?? null, fieldKey: fieldKey ?? null, fileId, value, inCell });
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SignatureDrawing, { recordId: recordId ?? null, fieldKey: fieldKey ?? null, fileId, value, inCell });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "font-serif italic", children: String(value) });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "font-serif italic", children: String(value) });
 }
 var INK = "#111827";
 var SIGNATURE_BUDGET_BYTES = 6e4;
@@ -1649,14 +1701,14 @@ function SignaturePad({
     onChange(null);
   };
   if (!showPad) {
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { id, className: (0, import_design_system5.cn)("flex items-center justify-between gap-2 rounded-md border px-3 py-2", className), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SignatureValue, { value }),
-      !disabled ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system5.Button, { type: "button", variant: "ghost", size: "sm", onClick: clear, children: "Sign again" }) : null
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { id, className: (0, import_design_system6.cn)("flex items-center justify-between gap-2 rounded-md border px-3 py-2", className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SignatureValue, { value }),
+      !disabled ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system6.Button, { type: "button", variant: "ghost", size: "sm", onClick: clear, children: "Sign again" }) : null
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: (0, import_design_system5.cn)("flex w-full flex-col gap-1", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "relative", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: (0, import_design_system6.cn)("flex w-full flex-col gap-1", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
         "canvas",
         {
           id,
@@ -1669,17 +1721,17 @@ function SignaturePad({
           onPointerUp: end,
           onPointerLeave: end,
           onPointerCancel: end,
-          className: (0, import_design_system5.cn)(
+          className: (0, import_design_system6.cn)(
             "block h-36 w-full touch-none rounded-md border border-border bg-white",
             disabled ? "cursor-not-allowed opacity-60" : "cursor-crosshair"
           )
         }
       ),
-      !dirty ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "pointer-events-none absolute inset-x-0 bottom-3 text-center text-xs text-neutral-400", children: "Sign here" }) : null
+      !dirty ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "pointer-events-none absolute inset-x-0 bottom-3 text-center text-xs text-neutral-400", children: "Sign here" }) : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center justify-end gap-2", children: [
-      tooBig ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-        import_design_system5.ErrorBox,
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center justify-end gap-2", children: [
+      tooBig ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        import_design_system6.ErrorBox,
         {
           as: "span",
           className: "mr-auto text-xs text-destructive",
@@ -1688,7 +1740,7 @@ function SignaturePad({
           origin: "records-ui/signature"
         }
       ) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system5.Button, { type: "button", variant: "ghost", size: "sm", onClick: clear, disabled: disabled || !dirty, children: "Clear" })
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system6.Button, { type: "button", variant: "ghost", size: "sm", onClick: clear, disabled: disabled || !dirty, children: "Clear" })
     ] })
   ] });
 }
@@ -1723,7 +1775,7 @@ function encodeAt(canvas, type, maxWidth, quality) {
 }
 
 // src/labels.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var LabelContext = (0, import_react9.createContext)({
   // With no provider the resolver is ABSENT, not silently empty: a caller gets
   // null and says "Loading…" forever, which is visible. The mount always
@@ -1911,7 +1963,7 @@ function RecordLabelProvider({ children }) {
   );
   const waiting = (0, import_react9.useCallback)((field) => waitingLines[field.id] ?? null, [waitingLines]);
   const value = (0, import_react9.useMemo)(() => ({ lookup, want, waiting }), [lookup, want, waiting]);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(LabelContext.Provider, { value, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(LabelContext.Provider, { value, children });
 }
 function useRecordLabels(fields) {
   const { lookup, want } = (0, import_react9.useContext)(LabelContext);
@@ -1923,8 +1975,8 @@ function useRecordLabels(fields) {
 
 // src/FilePicker.tsx
 var import_react11 = require("react");
-var import_design_system6 = require("@ai-matrx/design-system");
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_design_system7 = require("@ai-matrx/design-system");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 function FilePicker({
   label,
   accept,
@@ -1954,11 +2006,11 @@ function FilePicker({
     },
     [take]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
     "div",
     {
       "data-matrx-file-picker": true,
-      className: (0, import_design_system6.cn)("flex min-w-0 flex-col gap-1", className),
+      className: (0, import_design_system7.cn)("flex min-w-0 flex-col gap-1", className),
       onDragOver: (e) => {
         if (disabled) return;
         e.preventDefault();
@@ -1967,16 +2019,16 @@ function FilePicker({
       onDragLeave: () => setOver(false),
       onDrop,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
           "div",
           {
-            className: (0, import_design_system6.cn)(
+            className: (0, import_design_system7.cn)(
               "flex min-w-0 flex-wrap items-center gap-2 rounded-md border border-dashed px-2 py-1.5",
               over ? "border-primary bg-primary/5" : "border-border",
               disabled && "opacity-60"
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
                 "input",
                 {
                   ref: input,
@@ -1993,8 +2045,8 @@ function FilePicker({
                   }
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-                import_design_system6.Button,
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                import_design_system7.Button,
                 {
                   type: "button",
                   size: "sm",
@@ -2004,19 +2056,19 @@ function FilePicker({
                   children: chosenName ? "Choose a different file" : label
                 }
               ),
-              chosenName ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "min-w-0 flex-1 truncate text-xs", title: chosenName, children: chosenName }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "text-xs text-muted-foreground", children: "or drop it here" }),
-              chosenName && onClear ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system6.Button, { type: "button", size: "sm", variant: "ghost", disabled, onClick: onClear, children: "Cancel" }) : null
+              chosenName ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "min-w-0 flex-1 truncate text-xs", title: chosenName, children: chosenName }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-xs text-muted-foreground", children: "or drop it here" }),
+              chosenName && onClear ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_design_system7.Button, { type: "button", size: "sm", variant: "ghost", disabled, onClick: onClear, children: "Cancel" }) : null
             ]
           }
         ),
-        hint && !chosenName ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-xs text-muted-foreground", children: hint }) : null
+        hint && !chosenName ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-xs text-muted-foreground", children: hint }) : null
       ]
     }
   );
 }
 
 // src/gridAttachments.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 function attachmentIdsOf(value) {
   return idsOf(value);
 }
@@ -2070,8 +2122,8 @@ function AttachmentChip({ id, onRemove }) {
   const words = read?.name ?? (read ? FILE_CHIP_UNREAD : "\u2026");
   const href = read?.fileId ? host.hrefForFile?.({ fileId: read.fileId }) : void 0;
   const title = href ? `Open ${words}` : read?.why ?? FILE_CHIP_NO_PAGE;
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_design_system7.Badge, { variant: "secondary", className: "max-w-[14rem] gap-1 text-[11px]", "data-records-file-chip": id, title, children: [
-    href ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_design_system8.Badge, { variant: "secondary", className: "max-w-[14rem] gap-1 text-[11px]", "data-records-file-chip": id, title, children: [
+    href ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       "a",
       {
         href,
@@ -2083,8 +2135,8 @@ function AttachmentChip({ id, onRemove }) {
         onMouseDown: (event) => event.stopPropagation(),
         children: words
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "truncate", children: words }),
-    onRemove ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    ) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "truncate", children: words }),
+    onRemove ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       "button",
       {
         type: "button",
@@ -2102,7 +2154,7 @@ function AttachmentChip({ id, onRemove }) {
 function AttachmentChips({ value, onRemove }) {
   const ids = attachmentIdsOf(value);
   if (ids.length === 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "flex flex-wrap gap-1", "data-records-file-chips": "", children: ids.map((id) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AttachmentChip, { id, ...onRemove ? { onRemove: () => onRemove(id) } : {} }, id)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "flex flex-wrap gap-1", "data-records-file-chips": "", children: ids.map((id) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(AttachmentChip, { id, ...onRemove ? { onRemove: () => onRemove(id) } : {} }, id)) });
 }
 function hostTakesFiles(host) {
   return Boolean(host.pickFiles || host.upload);
@@ -2147,19 +2199,19 @@ function AttachmentControl({
     void pick();
   }, [autoOpen]);
   if (!hostTakesFiles(host)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { id, className: "rounded border border-dashed px-2 py-1 text-xs text-muted-foreground", "data-records-no-file-door": "", children: NO_UPLOAD_REASON });
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { id, className: "rounded border border-dashed px-2 py-1 text-xs text-muted-foreground", "data-records-no-file-door": "", children: NO_UPLOAD_REASON });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { id, className: "flex flex-col gap-1", "data-records-attachment-editor": "", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { id, className: "flex flex-col gap-1", "data-records-attachment-editor": "", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       AttachmentChips,
       {
         value,
         ...disabled ? {} : { onRemove: (removed) => onChange(withoutAttached(field, latest.current, removed)) }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { className: "flex flex-wrap items-center gap-1", children: [
-      host.pickFiles ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_design_system7.Button, { size: "sm", variant: "outline", disabled: disabled || busy, onClick: () => void pick(), "data-records-attach-files": "", children: busy ? "Choosing\u2026" : attachmentIdsOf(value).length > 0 ? "Add files\u2026" : "Attach files\u2026" }) : null,
-      host.upload ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: "flex flex-wrap items-center gap-1", children: [
+      host.pickFiles ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_design_system8.Button, { size: "sm", variant: "outline", disabled: disabled || busy, onClick: () => void pick(), "data-records-attach-files": "", children: busy ? "Choosing\u2026" : attachmentIdsOf(value).length > 0 ? "Add files\u2026" : "Attach files\u2026" }) : null,
+      host.upload ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
         FilePicker,
         {
           label: "Upload a file",
@@ -2179,7 +2231,7 @@ function AttachmentControl({
         }
       ) : null
     ] }),
-    why ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(RefusalLine, { error: refusal("invalid_argument", why, "Pick another file, or try this one again.") }) : null
+    why ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(RefusalLine, { error: refusal("invalid_argument", why, "Pick another file, or try this one again.") }) : null
   ] });
 }
 
@@ -2187,12 +2239,12 @@ function AttachmentControl({
 var import_react15 = require("react");
 var import_records6 = require("@ai-matrx/records");
 var import_react16 = require("@ai-matrx/records/react");
-var import_design_system9 = require("@ai-matrx/design-system");
+var import_design_system10 = require("@ai-matrx/design-system");
 
 // src/PickOne.tsx
 var import_react14 = require("react");
-var import_design_system8 = require("@ai-matrx/design-system");
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_design_system9 = require("@ai-matrx/design-system");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var PICK_ONE_SEARCH_AFTER = 7;
 var EMPTY = "__records_pick_one_empty__";
 var inner = (v) => v === "" ? EMPTY : v;
@@ -2214,7 +2266,7 @@ function PickOne({
   if (options.length > PICK_ONE_SEARCH_AFTER) {
     const q = search.trim().toLowerCase();
     const shown2 = q === "" ? options : options.filter((o) => o.label.toLowerCase().includes(q));
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: (0, import_design_system8.cn)("inline-flex min-w-0", className), "data-records-pick-one": "search", "data-pick-value": value, ...attrs ?? {}, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: (0, import_design_system9.cn)("inline-flex min-w-0", className), "data-records-pick-one": "search", "data-pick-value": value, ...attrs ?? {}, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       PickOrAdd,
       {
         triggerLabel: label,
@@ -2239,29 +2291,29 @@ function PickOne({
           setOpen(false);
           setSearch("");
         },
-        empty: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "p-2 text-xs text-muted-foreground", children: "No match" })
+        empty: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "p-2 text-xs text-muted-foreground", children: "No match" })
       }
     ) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_design_system8.Select, { value: current ? inner(current.value) : "", onValueChange: (v) => onChange(outer(v)), disabled: disabled ?? false, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-      import_design_system8.SelectTrigger,
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_design_system9.Select, { value: current ? inner(current.value) : "", onValueChange: (v) => onChange(outer(v)), disabled: disabled ?? false, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      import_design_system9.SelectTrigger,
       {
         id,
         size: "sm",
         "aria-label": label,
-        className: (0, import_design_system8.cn)("h-7 w-auto min-w-[7rem] text-xs", className),
+        className: (0, import_design_system9.cn)("h-7 w-auto min-w-[7rem] text-xs", className),
         "data-records-pick-one": "list",
         "data-pick-value": value,
         ...attrs ?? {},
-        children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_design_system8.SelectValue, { placeholder })
+        children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_design_system9.SelectValue, { placeholder })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_design_system8.SelectContent, { children: groupsOf(options).map(
-      ([group, items]) => group ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_design_system8.SelectGroup, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_design_system8.SelectLabel, { children: group }),
-        items.map((o) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_design_system8.SelectItem, { value: inner(o.value), "data-pick-value": o.value, "data-pick-group": group, children: o.label }, inner(o.value)))
-      ] }, group) : items.map((o) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_design_system8.SelectItem, { value: inner(o.value), "data-pick-value": o.value, children: o.label }, inner(o.value)))
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_design_system9.SelectContent, { children: groupsOf(options).map(
+      ([group, items]) => group ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_design_system9.SelectGroup, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_design_system9.SelectLabel, { children: group }),
+        items.map((o) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_design_system9.SelectItem, { value: inner(o.value), "data-pick-value": o.value, "data-pick-group": group, children: o.label }, inner(o.value)))
+      ] }, group) : items.map((o) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_design_system9.SelectItem, { value: inner(o.value), "data-pick-value": o.value, children: o.label }, inner(o.value)))
     ) })
   ] });
 }
@@ -2276,7 +2328,7 @@ function groupsOf(options) {
 }
 
 // src/EntityReferenceControl.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var WITHHELD_ENTITY_LABEL = "Something you have not been given access to";
 var ENTITY_REFERENCE_EMPTY = "Nothing is pointed at yet.";
 function entityReferenceText(value) {
@@ -2291,7 +2343,7 @@ function allowedKindsOf(field) {
 }
 function EntityReferenceControl(props) {
   const client = (0, import_react16.useOptionalRecordsClient)();
-  return client ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(WithWords, { ...props }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Chips, { ...props, words: null, picker: null });
+  return client ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(WithWords, { ...props }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Chips, { ...props, words: null, picker: null });
 }
 function WithWords(props) {
   const refs = (0, import_react15.useMemo)(() => (0, import_records6.entityRefsOf)(props.value), [props.value]);
@@ -2303,7 +2355,7 @@ function WithWords(props) {
     [JSON.stringify(withKnown)]
   );
   const words = (0, import_react16.useEntityReferenceWords)(unlabelled);
-  const picker = props.disabled ? null : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  const picker = props.disabled ? null : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     EntityReferencePicker,
     {
       field: props.field,
@@ -2316,7 +2368,7 @@ function WithWords(props) {
       }
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Chips, { ...props, value: withKnown, words, picker });
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Chips, { ...props, value: withKnown, words, picker });
 }
 function EntityReferencePicker({
   field,
@@ -2339,8 +2391,8 @@ function EntityReferencePicker({
     picked: refs.some((x) => x.token === r.token && x.id === r.id),
     attrs: { "data-entity-reference-candidate": `${r.token}:${r.id}` }
   }));
-  const kindChoice = allowed.length > 1 ? allowed.length <= 4 ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "mb-1 flex flex-wrap gap-1", role: "group", "aria-label": `Which kind \u2014 ${field.label}`, children: [null, ...allowed].map((token) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-    import_design_system9.Button,
+  const kindChoice = allowed.length > 1 ? allowed.length <= 4 ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "mb-1 flex flex-wrap gap-1", role: "group", "aria-label": `Which kind \u2014 ${field.label}`, children: [null, ...allowed].map((token) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    import_design_system10.Button,
     {
       type: "button",
       size: "sm",
@@ -2351,7 +2403,7 @@ function EntityReferencePicker({
       children: token ? labelOfKind(token) : "Any"
     },
     token ?? "any"
-  )) }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  )) }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     PickOne,
     {
       label: `Which kind \u2014 ${field.label}`,
@@ -2361,13 +2413,13 @@ function EntityReferencePicker({
       options: [{ value: "", label: "Any kind" }, ...allowed.map((token) => ({ value: token, label: labelOfKind(token) }))]
     }
   ) : null;
-  const notice = /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+  const notice = /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
     kindChoice,
-    found.error ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(RefusalLine, { error: found.error, className: "px-2 py-1 text-[11px]" }) : null,
-    found.loading && !found.data ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "px-2 py-1 text-[11px] text-muted-foreground", children: "Searching\u2026" }) : null
+    found.error ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(RefusalLine, { error: found.error, className: "px-2 py-1 text-[11px]" }) : null,
+    found.loading && !found.data ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "px-2 py-1 text-[11px] text-muted-foreground", children: "Searching\u2026" }) : null
   ] });
   const kindWords = allowed.length === 1 ? labelOfKind(allowed[0]).toLowerCase() : "thing";
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     PickOrAdd,
     {
       triggerLabel: `Pick for ${field.label}`,
@@ -2381,7 +2433,7 @@ function EntityReferencePicker({
       onSearch: setSearch,
       items,
       notice,
-      empty: found.loading ? null : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "px-2 py-1 text-[11px] text-muted-foreground", children: search.trim() ? `No ${kindWords} you can open is called \u201C${search.trim()}\u201D.` : `There is no ${kindWords} you can open yet.` }),
+      empty: found.loading ? null : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "px-2 py-1 text-[11px] text-muted-foreground", children: search.trim() ? `No ${kindWords} you can open is called \u201C${search.trim()}\u201D.` : `There is no ${kindWords} you can open yet.` }),
       onPick: (key) => {
         const r = (found.data ?? []).find((x) => `${x.token}:${x.id}` === key);
         if (!r) return;
@@ -2411,13 +2463,13 @@ function Chips({
     return WITHHELD_ENTITY_LABEL;
   };
   const multi = Boolean(field.multi);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { id, className: (0, import_design_system9.cn)("flex flex-wrap items-center gap-1", className), "aria-label": `What ${field.label} points at`, children: [
-    refs.length === 0 && !picker ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-[11px] text-muted-foreground", children: ENTITY_REFERENCE_EMPTY }) : null,
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { id, className: (0, import_design_system10.cn)("flex flex-wrap items-center gap-1", className), "aria-label": `What ${field.label} points at`, children: [
+    refs.length === 0 && !picker ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "text-[11px] text-muted-foreground", children: ENTITY_REFERENCE_EMPTY }) : null,
     refs.map((r) => {
       const label = labelOf(r.token, r.id, r.label);
-      return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_design_system9.Badge, { variant: "secondary", className: "gap-1 text-[11px]", "data-entity-reference-chip": `${r.token}:${r.id}`, children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_design_system10.Badge, { variant: "secondary", className: "gap-1 text-[11px]", "data-entity-reference-chip": `${r.token}:${r.id}`, children: [
         label,
-        disabled ? null : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        disabled ? null : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "button",
           {
             type: "button",
@@ -2440,8 +2492,8 @@ function Chips({
 var import_react17 = require("react");
 var import_records7 = require("@ai-matrx/records");
 var import_react18 = require("@ai-matrx/records/react");
-var import_design_system10 = require("@ai-matrx/design-system");
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_design_system11 = require("@ai-matrx/design-system");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function personFromRow(row) {
   const data = row.document ?? {};
   const userId = data["user_id"];
@@ -2522,10 +2574,10 @@ function PersonPicker({ field, value, onChange, disabled, id, className, autoOpe
   }, [client, personTable, picked.length, people.length]);
   const listed = (0, import_records7.rankTypedMatches)(members ?? [], search, memberName);
   if (!membersPort || !client) {
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: (0, import_design_system10.cn)("text-xs text-muted-foreground", className), children: NO_MEMBERS_REASON });
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: (0, import_design_system11.cn)("text-xs text-muted-foreground", className), children: NO_MEMBERS_REASON });
   }
   if (!personTable) {
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("p", { className: (0, import_design_system10.cn)("text-xs text-muted-foreground", className), children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("p", { className: (0, import_design_system11.cn)("text-xs text-muted-foreground", className), children: [
       fieldName(field),
       " is a person field, but it does not say which Table the people are records of yet, so there is nothing to pick from. A table admin sets its target in the field editor."
     ] });
@@ -2575,21 +2627,14 @@ function PersonPicker({ field, value, onChange, disabled, id, className, autoOpe
     picked.map((recordId) => people.find((p) => p.id === recordId)?.userId).filter(Boolean)
   );
   const anchored = autoOpen === true;
-  const cellChips = picked.map((recordId) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-    RecordChip,
-    {
-      title: nameOfRecord(recordId),
-      ...disabled || anchored ? {} : { onRemove: () => drop(recordId) }
-    },
-    recordId
-  ));
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: (0, import_design_system10.cn)("flex flex-wrap items-center gap-1", className), children: [
+  const cellChips = picked.map((recordId) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(PersonChip, { name: nameOfRecord(recordId), ...disabled || anchored ? {} : { onRemove: () => drop(recordId) } }, recordId));
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: (0, import_design_system11.cn)("flex flex-wrap items-center gap-1", className), children: [
     anchored && !disabled ? null : cellChips,
     disabled ? null : (
       // THE ONE "PICK OR ADD" BUILDER (lane CELL-EDITORS, 2026-10-06): the person list used to carry
       // its own copy of the list's layout and keys; it now draws the same rows, ticks, highlight and
       // head chips as every other picker, and in a grid cell hangs from the cell.
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
         PickOrAdd,
         {
           anchored,
@@ -2601,7 +2646,7 @@ function PersonPicker({ field, value, onChange, disabled, id, className, autoOpe
           onOpenChange: setOpen,
           search,
           onSearch: setSearch,
-          chips: picked.map((recordId) => ({ id: recordId, label: nameOfRecord(recordId), onRemove: () => drop(recordId) })),
+          chips: picked.map((recordId) => ({ id: recordId, label: nameOfRecord(recordId), person: true, onRemove: () => drop(recordId) })),
           items: visible.map((member) => ({
             id: member.userId,
             label: displayNameOf(member.userId) ?? memberName(member),
@@ -2609,17 +2654,18 @@ function PersonPicker({ field, value, onChange, disabled, id, className, autoOpe
             // 19 September). They are two facts, so they are drawn as two.
             detail: displayNameOf(member.userId) !== null && member.email ? member.email : null,
             picked: pickedUserIds.has(member.userId),
+            person: true,
             disabled: busy
           })),
           onPick: (userId) => {
             const member = visible.find((m) => m.userId === userId);
             if (member && !busy) void pick(member);
           },
-          notice: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
-            error ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(RefusalLine, { error, className: "p-2" }) : null,
-            members === null ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "p-2 text-xs text-muted-foreground", children: "Reading the members\u2026" }) : null
+          notice: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+            error ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(RefusalLine, { error, className: "p-2" }) : null,
+            members === null ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "p-2 text-xs text-muted-foreground", children: "Reading the members\u2026" }) : null
           ] }),
-          empty: members !== null ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "p-2 text-xs text-muted-foreground", children: members.length === 0 ? "This organization has no other members yet, so there is nobody to assign." : "Nobody in this organization matches." }) : null,
+          empty: members !== null ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "p-2 text-xs text-muted-foreground", children: members.length === 0 ? "This organization has no other members yet, so there is nobody to assign." : "Nobody in this organization matches." }) : null,
           children: anchored ? cellChips : null
         }
       )
@@ -2691,15 +2737,15 @@ function currencyCodeFor(unit) {
 
 // src/formatControls.tsx
 var import_react20 = require("react");
-var import_design_system12 = require("@ai-matrx/design-system");
+var import_design_system13 = require("@ai-matrx/design-system");
 var import_field_formats4 = require("@ai-matrx/design-system/field-formats");
 
 // src/formattedValue.tsx
 var import_react19 = require("react");
 var import_data_table3 = require("@ai-matrx/design-system/data-table");
 var import_field_formats3 = require("@ai-matrx/design-system/field-formats");
-var import_design_system11 = require("@ai-matrx/design-system");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_design_system12 = require("@ai-matrx/design-system");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var LINK = "inline-flex min-w-0 items-center gap-1 text-primary hover:underline";
 var own2 = (event) => event.stopPropagation();
 function numberOf(value) {
@@ -2721,7 +2767,7 @@ function RatingStars({
   const score = numberOf(value) ?? 0;
   const shown2 = Math.round(score);
   const said = `${shown2} out of ${max}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "span",
     {
       "data-records-rating": "",
@@ -2733,8 +2779,8 @@ function RatingStars({
       children: Array.from({ length: max }, (_, i) => {
         const n = i + 1;
         const lit = n <= shown2;
-        const star = /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { "aria-hidden": true, className: (0, import_design_system11.cn)("text-sm leading-none", lit ? "text-amber-400" : "text-muted-foreground/40"), children: "\u2605" });
-        return onRate ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        const star = /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { "aria-hidden": true, className: (0, import_design_system12.cn)("text-sm leading-none", lit ? "text-amber-400" : "text-muted-foreground/40"), children: "\u2605" });
+        return onRate ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           "button",
           {
             type: "button",
@@ -2759,7 +2805,7 @@ function RatingStars({
             children: star
           },
           n
-        ) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: star }, n);
+        ) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: star }, n);
       })
     }
   );
@@ -2767,13 +2813,13 @@ function RatingStars({
 function rich(id, text, raw, format) {
   switch (id) {
     case "email":
-      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("a", { href: `mailto:${text}`, className: LINK, onClick: own2, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "truncate", children: text }) });
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("a", { href: `mailto:${text}`, className: LINK, onClick: own2, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "truncate", children: text }) });
     case "url":
-      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("a", { href: text.includes("://") ? text : `https://${text}`, target: "_blank", rel: "noopener noreferrer", className: LINK, onClick: own2, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "truncate", children: text }) });
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("a", { href: text.includes("://") ? text : `https://${text}`, target: "_blank", rel: "noopener noreferrer", className: LINK, onClick: own2, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "truncate", children: text }) });
     case "phone":
-      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("a", { href: `tel:${text.replace(/[^\d+]/g, "")}`, className: LINK, onClick: own2, title: text, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "truncate tabular-nums", children: (0, import_field_formats3.formatPhone)(text) }) });
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("a", { href: `tel:${text.replace(/[^\d+]/g, "")}`, className: LINK, onClick: own2, title: text, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "truncate tabular-nums", children: (0, import_field_formats3.formatPhone)(text) }) });
     case "address":
-      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         "a",
         {
           href: `https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(text)}`,
@@ -2782,7 +2828,7 @@ function rich(id, text, raw, format) {
           className: LINK,
           title: "Open in maps",
           onClick: own2,
-          children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "truncate", children: text })
+          children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "truncate", children: text })
         }
       );
     case "progress": {
@@ -2790,8 +2836,8 @@ function rich(id, text, raw, format) {
       if (n === null) return void 0;
       const pct = format.options?.percentScale === "fraction" ? n * 100 : n;
       const clamped = Math.max(0, Math.min(100, pct));
-      return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { className: "inline-flex w-full min-w-0 items-center gap-2", title: text, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "inline-flex w-full min-w-0 items-center gap-2", title: text, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           "span",
           {
             role: "progressbar",
@@ -2799,24 +2845,24 @@ function rich(id, text, raw, format) {
             "aria-valuemax": 100,
             "aria-valuenow": Math.round(clamped),
             className: "h-1.5 min-w-8 flex-1 overflow-hidden rounded-full bg-muted",
-            children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: (0, import_design_system11.cn)("block h-full rounded-full", pct >= 100 ? "bg-emerald-500" : "bg-primary"), style: { width: `${clamped}%` } })
+            children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: (0, import_design_system12.cn)("block h-full rounded-full", pct >= 100 ? "bg-emerald-500" : "bg-primary"), style: { width: `${clamped}%` } })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: text })
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: text })
       ] });
     }
     case "color":
-      return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { className: "inline-flex items-center gap-1.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "h-4 w-4 shrink-0 rounded border border-border", style: { backgroundColor: text } }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("code", { className: "font-mono text-xs", children: text })
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "inline-flex items-center gap-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "h-4 w-4 shrink-0 rounded border border-border", style: { backgroundColor: text } }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("code", { className: "font-mono text-xs", children: text })
       ] });
     case "tags": {
       const items = Array.isArray(raw) ? raw.map(String) : text.split(",").map((s) => s.trim()).filter(Boolean);
       if (items.length === 0) return void 0;
-      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "flex flex-wrap items-center gap-1", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "inline-flex items-center rounded-md border border-border bg-muted px-1.5 py-0.5 text-xs", children: item }, `${item}-${i}`)) });
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "flex flex-wrap items-center gap-1", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "inline-flex items-center rounded-md border border-border bg-muted px-1.5 py-0.5 text-xs", children: item }, `${item}-${i}`)) });
     }
     case "rating":
-      return numberOf(raw) === null ? void 0 : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(RatingStars, { value: raw, max: format.options?.ratingMax ?? 5 });
+      return numberOf(raw) === null ? void 0 : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(RatingStars, { value: raw, max: format.options?.ratingMax ?? 5 });
     default:
       return void 0;
   }
@@ -2831,11 +2877,11 @@ function FormattedValue({
   const score = numberOf(value);
   const max = format.options?.ratingMax ?? 5;
   if (def?.id === "rating" && onRate && (value === null || value === void 0 || value === "" || score !== null && score >= 0 && score <= max)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(RatingStars, { value, max: format.options?.ratingMax ?? 5, onRate, selectFirst });
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(RatingStars, { value, max: format.options?.ratingMax ?? 5, onRate, selectFirst });
   }
   const result = (0, import_field_formats3.formatFieldValue)(value, format);
-  if (!result.ok || result.empty || !def?.rich) return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_data_table3.FormattedCell, { result });
-  return rich(def.id, result.text, value, format) ?? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_data_table3.FormattedCell, { result });
+  if (!result.ok || result.empty || !def?.rich) return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_data_table3.FormattedCell, { result });
+  return rich(def.id, result.text, value, format) ?? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_data_table3.FormattedCell, { result });
 }
 function linkChipText(raw) {
   try {
@@ -2849,7 +2895,7 @@ function linkChipText(raw) {
 }
 
 // src/formatControls.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var TYPED_NUMBERS = /* @__PURE__ */ new Set(["currency", "percent", "progress", "decimal", "duration", "file_size", "integer"]);
 function scaled(format) {
   return (format.id === "percent" || format.id === "progress") && format.options?.percentScale === "fraction";
@@ -2872,8 +2918,8 @@ function NumberInFormat({ format, value, onChange, disabled, id }) {
     if (value === lastSent.current) return;
     setText(typedText(format, value));
   }, [value, format]);
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-    import_design_system12.BasicInput,
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    import_design_system13.BasicInput,
     {
       id,
       inputMode: "decimal",
@@ -2897,17 +2943,17 @@ function formatControl(args) {
   const text = value === null || value === void 0 ? "" : String(value);
   const commit = (raw) => onChange(raw === "" ? null : (0, import_field_formats4.parseFieldInput)(raw, format));
   if (def.id === "rating") {
-    return disabled ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(RatingStars, { value, max: format.options?.ratingMax ?? 5, label }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { id, className: "inline-flex", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(RatingStars, { value, max: format.options?.ratingMax ?? 5, label, onRate: (n) => onChange(n) }) });
+    return disabled ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(RatingStars, { value, max: format.options?.ratingMax ?? 5, label }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { id, className: "inline-flex", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(RatingStars, { value, max: format.options?.ratingMax ?? 5, label, onRate: (n) => onChange(n) }) });
   }
-  if (TYPED_NUMBERS.has(def.id)) return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(NumberInFormat, { ...args });
+  if (TYPED_NUMBERS.has(def.id)) return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(NumberInFormat, { ...args });
   switch (def.editor) {
     // A TIME OF DAY is not this file's: `FieldControl` draws the typed box and its helper
     // (`TypedWordsControl`), never the browser's time control (grids review 3, 2026-09-30).
     case "email":
     case "url":
     case "tel":
-      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-        import_design_system12.BasicInput,
+      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        import_design_system13.BasicInput,
         {
           id,
           type: def.editor,
@@ -2918,9 +2964,9 @@ function formatControl(args) {
         }
       );
     case "color":
-      return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-          import_design_system12.BasicInput,
+      return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          import_design_system13.BasicInput,
           {
             id: `${id}-swatch`,
             type: "color",
@@ -2931,10 +2977,10 @@ function formatControl(args) {
             onChange: (e) => commit(e.target.value)
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_design_system12.BasicInput, { id, value: text, placeholder: "#3b82f6", disabled, onChange: (e) => commit(e.target.value) })
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system13.BasicInput, { id, value: text, placeholder: "#3b82f6", disabled, onChange: (e) => commit(e.target.value) })
       ] });
     case "textarea":
-      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_design_system12.BasicTextarea, { id, rows: 4, value: text, disabled, onChange: (e) => commit(e.target.value) });
+      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system13.BasicTextarea, { id, rows: 4, value: text, disabled, onChange: (e) => commit(e.target.value) });
     default:
       return null;
   }
@@ -2942,9 +2988,9 @@ function formatControl(args) {
 
 // src/typedDateHelper.tsx
 var import_react21 = require("react");
-var import_design_system13 = require("@ai-matrx/design-system");
+var import_design_system14 = require("@ai-matrx/design-system");
 var import_records9 = require("@ai-matrx/records");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var WEEK = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
 var MONTHS = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
 function pad(n) {
@@ -2973,15 +3019,15 @@ function wordsFor(kind, day, time) {
 }
 var keepFocus = { onMouseDown: (e) => e.preventDefault(), tabIndex: -1 };
 function CalendarGlyph() {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", width: "14", height: "14", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2" }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("path", { d: "M16 2v4M8 2v4M3 10h18" })
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", width: "14", height: "14", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("path", { d: "M16 2v4M8 2v4M3 10h18" })
   ] });
 }
 function ClockGlyph() {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", width: "14", height: "14", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("path", { d: "M12 6v6l4 2" })
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", width: "14", height: "14", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("path", { d: "M12 6v6l4 2" })
   ] });
 }
 function TypedDateHelper({ kind, text, onText, label }) {
@@ -3010,8 +3056,8 @@ function TypedDateHelper({ kind, text, onText, label }) {
     const at = new Date(shown2.y, shown2.m + by, 1);
     setMonth({ y: at.getFullYear(), m: at.getMonth() });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_design_system13.Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system13.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_design_system14.Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system14.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       "button",
       {
         type: "button",
@@ -3020,11 +3066,11 @@ function TypedDateHelper({ kind, text, onText, label }) {
         "aria-label": kind === "time" ? `Pick a time for ${label}` : `Pick a date for ${label}`,
         title: kind === "time" ? "Pick a time" : "Pick a date",
         className: "inline-flex h-7 w-7 shrink-0 items-center justify-center rounded text-muted-foreground hover:bg-muted hover:text-foreground",
-        children: kind === "time" ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ClockGlyph, {}) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(CalendarGlyph, {})
+        children: kind === "time" ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ClockGlyph, {}) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CalendarGlyph, {})
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-      import_design_system13.PopoverContent,
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      import_design_system14.PopoverContent,
       {
         sizing: "content",
         align: "start",
@@ -3033,29 +3079,29 @@ function TypedDateHelper({ kind, text, onText, label }) {
         "data-records-date-helper-panel": "",
         onOpenAutoFocus: (e) => e.preventDefault(),
         onCloseAutoFocus: (e) => e.preventDefault(),
-        children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex gap-2", children: [
-          kind === "time" ? null : /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex flex-col gap-1", role: "grid", "aria-label": `${MONTHS[shown2.m]} ${shown2.y}`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center justify-between text-xs font-medium", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("button", { type: "button", ...keepFocus, "aria-label": "Previous month", className: "rounded px-1.5 hover:bg-muted", onClick: () => turn(-1), children: "\u2039" }),
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { children: [
+        children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex gap-2", children: [
+          kind === "time" ? null : /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-col gap-1", role: "grid", "aria-label": `${MONTHS[shown2.m]} ${shown2.y}`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center justify-between text-xs font-medium", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("button", { type: "button", ...keepFocus, "aria-label": "Previous month", className: "rounded px-1.5 hover:bg-muted", onClick: () => turn(-1), children: "\u2039" }),
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { children: [
                 MONTHS[shown2.m],
                 " ",
                 shown2.y
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("button", { type: "button", ...keepFocus, "aria-label": "Next month", className: "rounded px-1.5 hover:bg-muted", onClick: () => turn(1), children: "\u203A" })
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("button", { type: "button", ...keepFocus, "aria-label": "Next month", className: "rounded px-1.5 hover:bg-muted", onClick: () => turn(1), children: "\u203A" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "grid grid-cols-7 gap-0.5 text-center text-[11px]", children: [
-              WEEK.map((w) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-muted-foreground", children: w }, w)),
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "grid grid-cols-7 gap-0.5 text-center text-[11px]", children: [
+              WEEK.map((w) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-muted-foreground", children: w }, w)),
               cells.map((d, i) => {
-                if (d === null) return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", {}, `blank-${i}`);
+                if (d === null) return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", {}, `blank-${i}`);
                 const key = `${shown2.y}-${pad(shown2.m + 1)}-${pad(d)}`;
-                return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                   "button",
                   {
                     type: "button",
                     ...keepFocus,
                     "data-records-date-helper-day": key,
-                    className: (0, import_design_system13.cn)(
+                    className: (0, import_design_system14.cn)(
                       "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" : ""
@@ -3068,13 +3114,13 @@ function TypedDateHelper({ kind, text, onText, label }) {
               })
             ] })
           ] }),
-          kind === "date" ? null : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "flex max-h-48 flex-col overflow-y-auto pr-1 text-[11px]", "aria-label": "Times", children: times.map((t) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          kind === "date" ? null : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "flex max-h-48 flex-col overflow-y-auto pr-1 text-[11px]", "aria-label": "Times", children: times.map((t) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
             "button",
             {
               type: "button",
               ...keepFocus,
               "data-records-date-helper-time": `${pad(t.h)}:${pad(t.m)}`,
-              className: (0, import_design_system13.cn)(
+              className: (0, import_design_system14.cn)(
                 "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" : ""
               ),
@@ -3122,7 +3168,7 @@ function useChoiceNudge(enabled = true) {
 }
 
 // src/editors.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var CHOICE_EDITOR_ADDS_WHAT_IS_TYPED = true;
 function isChoiceAddition(value) {
   return typeof value === "object" && value !== null && value.addingChoices === true;
@@ -3152,12 +3198,12 @@ function ChoiceAskButtons({
   onCancel,
   busy
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { "data-records-choice-ask": "", role: "group", "aria-label": choiceAskSentence(field, words), className: "flex flex-col gap-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-[11px] leading-snug", children: choiceAskSentence(field, words) }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "flex flex-wrap items-center gap-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system14.Button, { type: "button", size: "sm", className: "h-6 px-2 text-xs", disabled: busy ?? false, onClick: onAdd, children: "Add" }),
-      keepOffered ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system14.Button, { type: "button", size: "sm", variant: "outline", className: "h-6 px-2 text-xs", disabled: busy ?? false, onClick: onKeep, children: "Keep as typed" }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system14.Button, { type: "button", size: "sm", variant: "ghost", className: "h-6 px-2 text-xs", disabled: busy ?? false, onClick: onCancel, children: "Cancel" })
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { "data-records-choice-ask": "", role: "group", "aria-label": choiceAskSentence(field, words), className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-[11px] leading-snug", children: choiceAskSentence(field, words) }),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "flex flex-wrap items-center gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_design_system15.Button, { type: "button", size: "sm", className: "h-6 px-2 text-xs", disabled: busy ?? false, onClick: onAdd, children: "Add" }),
+      keepOffered ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_design_system15.Button, { type: "button", size: "sm", variant: "outline", className: "h-6 px-2 text-xs", disabled: busy ?? false, onClick: onKeep, children: "Keep as typed" }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_design_system15.Button, { type: "button", size: "sm", variant: "ghost", className: "h-6 px-2 text-xs", disabled: busy ?? false, onClick: onCancel, children: "Cancel" })
     ] })
   ] });
 }
@@ -3165,6 +3211,11 @@ var FORMAT_BLIND_KINDS = /* @__PURE__ */ new Set(["formula", "lookup", "rollup",
 function isTypedDraft(value) {
   return typeof value === "object" && value !== null && value.typedDraft === true;
 }
+var SHORT_REFUSAL = {
+  email: "Enter a valid email",
+  url: "Enter a valid link",
+  phone: "Enter a valid phone number"
+};
 function judgeTyped(field, text, choices, nudge) {
   const trimmed = text.trim();
   const kind = String(editorKindFor(field));
@@ -3212,9 +3263,14 @@ function judgeTyped(field, text, choices, nudge) {
     const max = format.options?.ratingMax ?? 5;
     return Number.isInteger(n) && n >= 0 && n <= max ? { value: n === 0 ? null : n } : { refusal: `${fieldName(field)} is a rating from 1 to ${max}, and \u201C${text}\u201D is not one.` };
   }
+  if (kind === "phone" || format && format.id === "phone") {
+    const digits = trimmed.replace(/\D/g, "");
+    const usual = /^\+?[\d\s().-]+(\s*(x|ext\.?)\s*\d+)?$/i.test(trimmed);
+    return usual && digits.length >= 7 && digits.length <= 20 ? { value: trimmed } : { refusal: SHORT_REFUSAL.phone };
+  }
   const showsAsPercent = Boolean(format && (format.id === "percent" || format.id === "progress"));
   const read = (0, import_records10.coerceTypedAnswer)(field, text, { label: fieldName(field), showsAsPercent });
-  if ("refusal" in read) return { refusal: read.refusal };
+  if ("refusal" in read) return { refusal: kind === "email" || kind === "url" ? SHORT_REFUSAL[kind] : read.refusal };
   if (typeof read.value === "number" && format && (format.id === "percent" || format.id === "progress") && format.options?.percentScale === "fraction") {
     return { value: Math.round(read.value / 100 * 1e9) / 1e9 };
   }
@@ -3267,8 +3323,8 @@ function TypedTextControl({ field, value, onChange, disabled, id, onCommit, onCa
     judged: judgeTyped(field, text, needsChoices ? choices : void 0, needsChoices ? nudge : void 0),
     ...value.openedAs !== void 0 ? { openedAs: value.openedAs } : {}
   });
-  const box = /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-    import_design_system14.BasicInput,
+  const box = /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    import_design_system15.BasicInput,
     {
       id,
       value: value.text,
@@ -3279,16 +3335,16 @@ function TypedTextControl({ field, value, onChange, disabled, id, onCommit, onCa
       onChange: (e) => retype(e.target.value)
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "flex flex-col gap-0.5", children: [
-    helper && !disabled ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "flex min-w-0 items-center gap-0.5", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "flex flex-col gap-0.5", children: [
+    helper && !disabled ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "flex min-w-0 items-center gap-0.5", children: [
       box,
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TypedDateHelper, { kind: helper, text: value.text, onText: retype, label: fieldName(field) })
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TypedDateHelper, { kind: helper, text: value.text, onText: retype, label: fieldName(field) })
     ] }) : box,
-    judged === null ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "text-[10px] text-muted-foreground", children: [
+    judged === null ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "text-[10px] text-muted-foreground", children: [
       "Reading ",
       fieldName(field),
       "'s choices\u2026"
-    ] }) : "ask" in judged ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    ] }) : "ask" in judged ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       ChoiceAskButtons,
       {
         field,
@@ -3304,10 +3360,10 @@ function TypedTextControl({ field, value, onChange, disabled, id, onCommit, onCa
         },
         onCancel: () => onCancel?.()
       }
-    ) : "refusal" in judged ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "flex flex-col gap-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { "data-records-typed-refusal": "", role: "status", className: "text-[11px] leading-snug text-amber-700 dark:text-amber-400", children: judged.refusal }),
-      judged.cancelOnly && onCancel ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { "data-records-choice-ask": "", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system14.Button, { type: "button", size: "sm", variant: "ghost", className: "h-6 px-2 text-xs", onClick: () => onCancel(), children: "Cancel" }) }) : null
-    ] }) : judged.value === null || judged.value === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { "data-records-typed-reads-as": "", className: "text-[10px] text-muted-foreground", children: [
+    ) : "refusal" in judged ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { "data-records-typed-refusal": "", role: "status", className: "text-[11px] leading-snug text-amber-700 dark:text-amber-400", children: judged.refusal }),
+      judged.cancelOnly && onCancel ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { "data-records-choice-ask": "", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_design_system15.Button, { type: "button", size: "sm", variant: "ghost", className: "h-6 px-2 text-xs", onClick: () => onCancel(), children: "Cancel" }) }) : null
+    ] }) : judged.value === null || judged.value === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { "data-records-typed-reads-as": "", className: "text-[10px] text-muted-foreground", children: [
       isChoiceAddition(judged.value) ? `Adds ${quoted(judged.value.add)} to the choices for ${fieldName(field)}. ` : null,
       "Reads as",
       " ",
@@ -3318,7 +3374,7 @@ function TypedTextControl({ field, value, onChange, disabled, id, onCommit, onCa
         }).join(", ")
       ) : (() => {
         const shown2 = format ?? (kind === "datetime" ? { id: carriesTimeOfDay(field, judged.value) ? "datetime" : "date" } : void 0);
-        return shown2 ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(FormattedValue, { value: judged.value, format: shown2 }) : String(judged.value);
+        return shown2 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(FormattedValue, { value: judged.value, format: shown2 }) : String(judged.value);
       })()
     ] })
   ] });
@@ -3332,12 +3388,12 @@ function FieldControl({ field, value, onChange, disabled, id, autoOpen, onClose,
   const kind = editorKindFor(field);
   const inputId = id ?? `field-${field.key}`;
   const ownDetails = (0, import_react25.useOptionalRecordsClient)() === null;
-  if (isTypedDraft(value)) return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TypedTextControl, { field, value, onChange, disabled, id: inputId, onCommit, onCancel });
-  if (isSignatureField(field)) return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SignaturePad, { id: inputId, value, onChange, disabled });
+  if (isTypedDraft(value)) return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TypedTextControl, { field, value, onChange, disabled, id: inputId, onCommit, onCancel });
+  if (isSignatureField(field)) return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SignaturePad, { id: inputId, value, onChange, disabled });
   const newerControl = newerKindControl({ field, value, onChange, disabled, id: inputId });
   if (newerControl !== void 0) return newerControl;
   const format = formatForField(field);
-  if (format && format.id === "time") return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TypedWordsControl, { field, value, onChange, disabled, id: inputId });
+  if (format && format.id === "time") return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TypedWordsControl, { field, value, onChange, disabled, id: inputId });
   if (format && !FORMAT_BLIND_KINDS.has(String(kind))) {
     const own3 = formatControl({ format, value, onChange, disabled, id: inputId, label: fieldName(field), ownDetails });
     if (own3) return own3;
@@ -3346,18 +3402,18 @@ function FieldControl({ field, value, onChange, disabled, id, autoOpen, onClose,
     case "formula":
     case "lookup":
     case "rollup":
-      return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { id: inputId, className: "rounded border border-dashed px-2 py-1.5 text-xs text-muted-foreground", children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { id: inputId, className: "rounded border border-dashed px-2 py-1.5 text-xs text-muted-foreground", children: [
         value === null || value === void 0 ? "\u2014" : String(value),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "ml-2 italic", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "ml-2 italic", children: [
           fieldName(field),
           " is worked out by the system, so it cannot be typed in"
         ] })
       ] });
     case "json":
-      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(JsonControl, { field, value, onChange, disabled, id: inputId });
+      return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(JsonControl, { field, value, onChange, disabled, id: inputId });
     case "long_text":
-      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-        import_design_system14.BasicTextarea,
+      return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        import_design_system15.BasicTextarea,
         {
           id: inputId,
           rows: 3,
@@ -3369,8 +3425,8 @@ function FieldControl({ field, value, onChange, disabled, id, autoOpen, onClose,
     case "number":
     case "currency":
     case "percent":
-      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-        import_design_system14.BasicInput,
+      return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        import_design_system15.BasicInput,
         {
           id: inputId,
           type: "number",
@@ -3382,12 +3438,12 @@ function FieldControl({ field, value, onChange, disabled, id, autoOpen, onClose,
         }
       );
     case "datetime":
-      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TypedWordsControl, { field, value, onChange, disabled, id: inputId });
+      return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TypedWordsControl, { field, value, onChange, disabled, id: inputId });
     case "email":
     case "phone":
     case "url":
-      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-        import_design_system14.BasicInput,
+      return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        import_design_system15.BasicInput,
         {
           id: inputId,
           type: kind === "email" ? "email" : kind === "phone" ? "tel" : "url",
@@ -3398,25 +3454,25 @@ function FieldControl({ field, value, onChange, disabled, id, autoOpen, onClose,
         }
       );
     case "checkbox":
-      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CheckboxControl, { field, value, onChange, disabled, id: inputId });
+      return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CheckboxControl, { field, value, onChange, disabled, id: inputId });
     case "select":
     case "multi_select":
-      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(OptionControl, { field, value, onChange, disabled, id: inputId, autoOpen, onClose, addsChoices, initialSearch, asForm });
+      return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(OptionControl, { field, value, onChange, disabled, id: inputId, autoOpen, onClose, addsChoices, initialSearch, asForm });
     case "member":
-      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(PersonPicker, { field, value, onChange, disabled, id: inputId, autoOpen, onClose, initialSearch });
+      return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(PersonPicker, { field, value, onChange, disabled, id: inputId, autoOpen, onClose, initialSearch });
     case "entity_reference":
-      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(EntityReferenceControl, { field, value, onChange, disabled, id: inputId });
+      return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(EntityReferenceControl, { field, value, onChange, disabled, id: inputId });
     case "attachment":
       if (hostTakesFiles(host)) {
-        return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(AttachmentControl, { field, value, onChange, disabled, id: inputId, autoOpen, onClose });
+        return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(AttachmentControl, { field, value, onChange, disabled, id: inputId, autoOpen, onClose });
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(RelationPicker, { field, value, onChange, disabled, id: inputId });
+      return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(RelationPicker, { field, value, onChange, disabled, id: inputId });
     case "relation":
-      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(RelationPicker, { field, value, onChange, disabled, id: inputId, onPicked: onCommit, autoOpen, onClose });
+      return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(RelationPicker, { field, value, onChange, disabled, id: inputId, onPicked: onCommit, autoOpen, onClose });
     default:
       if (typeof value === "boolean" || field.config?.["kind"] === "boolean") {
-        return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-          import_design_system14.Checkbox,
+        return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          import_design_system15.Checkbox,
           {
             id: inputId,
             checked: value === true,
@@ -3425,8 +3481,8 @@ function FieldControl({ field, value, onChange, disabled, id, autoOpen, onClose,
           }
         );
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-        import_design_system14.BasicInput,
+      return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        import_design_system15.BasicInput,
         {
           id: inputId,
           ...ownDetails && isPersonsName(field) ? { autoComplete: "name" } : {},
@@ -3459,10 +3515,10 @@ function TypedWordsControl({ field, value, onChange, disabled, id }) {
       setRefusal(judged.refusal);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "flex flex-col gap-0.5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "flex min-w-0 items-center gap-0.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-        import_design_system14.BasicInput,
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "flex flex-col gap-0.5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "flex min-w-0 items-center gap-0.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        import_design_system15.BasicInput,
         {
           id,
           value: text,
@@ -3478,16 +3534,16 @@ function TypedWordsControl({ field, value, onChange, disabled, id }) {
           }
         }
       ),
-      helper && !disabled ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TypedDateHelper, { kind: helper, text, onText: retype, label: fieldName(field) }) : null
+      helper && !disabled ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TypedDateHelper, { kind: helper, text, onText: retype, label: fieldName(field) }) : null
     ] }),
-    refusal2 ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { "data-records-typed-refusal": "", role: "status", className: "text-[11px] leading-snug text-amber-700 dark:text-amber-400", children: refusal2 }) : null
+    refusal2 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { "data-records-typed-refusal": "", role: "status", className: "text-[11px] leading-snug text-amber-700 dark:text-amber-400", children: refusal2 }) : null
   ] });
 }
 function CheckboxControl({ field, value, onChange, disabled, id }) {
   const unanswered = value === null || value === void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-      import_design_system14.Checkbox,
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      import_design_system15.Checkbox,
       {
         id,
         checked: value === true,
@@ -3496,10 +3552,10 @@ function CheckboxControl({ field, value, onChange, disabled, id }) {
         onCheckedChange: (next) => onChange(next === true)
       }
     ),
-    unanswered ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-xs italic text-muted-foreground", children: "not answered yet" }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-xs text-muted-foreground", children: value === true ? "Yes" : "No" }),
-      field.required ? null : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-        import_design_system14.Button,
+    unanswered ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-xs italic text-muted-foreground", children: "not answered yet" }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-xs text-muted-foreground", children: value === true ? "Yes" : "No" }),
+      field.required ? null : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        import_design_system15.Button,
         {
           size: "sm",
           variant: "ghost",
@@ -3516,9 +3572,9 @@ function JsonControl({ field, value, onChange, disabled, id }) {
   const initial = value === null || value === void 0 ? "" : typeof value === "string" ? value : JSON.stringify(value, null, 2);
   const [text, setText] = (0, import_react24.useState)(initial);
   const [broken, setBroken] = (0, import_react24.useState)(null);
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-col gap-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-      import_design_system14.BasicTextarea,
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      import_design_system15.BasicTextarea,
       {
         id,
         rows: 4,
@@ -3551,7 +3607,7 @@ function JsonControl({ field, value, onChange, disabled, id }) {
     ),
     broken ? (
       // The typed text is still in the box: the notice owns the two doors out.
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         RefusalNotice,
         {
           error: broken,
@@ -3593,12 +3649,12 @@ function OptionControl({ field, value, onChange, disabled, id, autoOpen, onClose
   }, [client, field.id, reread]);
   const handed = publicChoicesOf(field);
   if (!client && handed.length > 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ChoiceAnswer, { field, choices: handed, value, onChange, disabled, id });
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ChoiceAnswer, { field, choices: handed, value, onChange, disabled, id });
   }
   if (!client) {
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-col gap-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-        import_design_system14.BasicInput,
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        import_design_system15.BasicInput,
         {
           id,
           value: value === null || value === void 0 ? "" : String(value),
@@ -3606,15 +3662,15 @@ function OptionControl({ field, value, onChange, disabled, id, autoOpen, onClose
           onChange: (e) => onChange(e.target.value === "" ? null : e.target.value)
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-xs text-muted-foreground", children: "This is normally picked from a list. A page answered without an account cannot read that list, so type your answer and whoever receives it will match it up." })
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-xs text-muted-foreground", children: "This is normally picked from a list. A page answered without an account cannot read that list, so type your answer and whoever receives it will match it up." })
     ] });
   }
   if (refusal2)
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { id, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(RefusalLine, { error: refusal2 }) });
-  if (!options) return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { id, className: "text-xs text-muted-foreground", children: "Reading this field's choices\u2026" });
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { id, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(RefusalLine, { error: refusal2 }) });
+  if (!options) return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { id, className: "text-xs text-muted-foreground", children: "Reading this field's choices\u2026" });
   if (asForm && options.length > 0) {
     const titled = (option) => recordName(option.data, null, "Unnamed choice");
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       ChoiceAnswer,
       {
         field,
@@ -3631,7 +3687,7 @@ function OptionControl({ field, value, onChange, disabled, id, autoOpen, onClose
     );
   }
   if (CHOICE_EDITOR_ADDS_WHAT_IS_TYPED) {
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       OpenChoicePicker,
       {
         field,
@@ -3653,14 +3709,14 @@ function OptionControl({ field, value, onChange, disabled, id, autoOpen, onClose
     );
   }
   if (options.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { id, className: "text-xs text-muted-foreground", children: field.options_table_id ? `${fieldName(field)} takes its choices from a Table that has no records yet \u2014 add the choices there and they appear here.` : `${fieldName(field)} does not name the Table its choices come from yet, so there is nothing to choose. A table admin sets it in the field editor.` });
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { id, className: "text-xs text-muted-foreground", children: field.options_table_id ? `${fieldName(field)} takes its choices from a Table that has no records yet \u2014 add the choices there and they appear here.` : `${fieldName(field)} does not name the Table its choices come from yet, so there is nothing to choose. A table admin sets it in the field editor.` });
   }
   const titleOf = (option) => recordName(option.data, null, "Unnamed choice");
   if (field.multi) {
     const chosen = options.filter((option) => (0, import_records10.choiceValuesOf)(value).some((v) => (0, import_records10.isTheChosen)(option, v)));
     const picked = new Set(chosen.map((option) => (0, import_records10.optionKey)(option)));
-    const toggles = /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { id: autoOpen ? void 0 : id, className: "flex flex-wrap gap-1", children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-      import_design_system14.Button,
+    const toggles = /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { id: autoOpen ? void 0 : id, className: "flex flex-wrap gap-1", children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      import_design_system15.Button,
       {
         type: "button",
         size: "sm",
@@ -3677,23 +3733,23 @@ function OptionControl({ field, value, onChange, disabled, id, autoOpen, onClose
       option.id
     )) });
     if (!autoOpen) return toggles;
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
-      import_design_system14.Popover,
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+      import_design_system15.Popover,
       {
         defaultOpen: true,
         onOpenChange: (open) => {
           if (!open) onClose?.();
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system14.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system14.Button, { id, type: "button", size: "sm", variant: "outline", className: "h-6 max-w-full truncate", children: chosen.length === 0 ? "Choose" : chosen.map(titleOf).join(", ") }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system14.PopoverContent, { sizing: "content", className: "max-w-[20rem] p-2", align: "start", children: toggles })
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_design_system15.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_design_system15.Button, { id, type: "button", size: "sm", variant: "outline", className: "h-6 max-w-full truncate", children: chosen.length === 0 ? "Choose" : chosen.map(titleOf).join(", ") }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_design_system15.PopoverContent, { sizing: "content", className: "max-w-[20rem] p-2", align: "start", children: toggles })
         ]
       }
     );
   }
   const current = options.find((option) => (0, import_records10.isTheChosen)(option, value));
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
-    import_design_system14.Select,
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+    import_design_system15.Select,
     {
       value: current ? (0, import_records10.optionKey)(current) : "",
       disabled: disabled ?? false,
@@ -3706,8 +3762,8 @@ function OptionControl({ field, value, onChange, disabled, id, autoOpen, onClose
         }
       } : {},
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system14.SelectTrigger, { id, size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system14.SelectValue, { placeholder: "Choose" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system14.SelectContent, { children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system14.SelectItem, { value: (0, import_records10.optionKey)(option), children: titleOf(option) }, option.id)) })
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_design_system15.SelectTrigger, { id, size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_design_system15.SelectValue, { placeholder: "Choose" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_design_system15.SelectContent, { children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_design_system15.SelectItem, { value: (0, import_records10.optionKey)(option), children: titleOf(option) }, option.id)) })
       ]
     }
   );
@@ -3789,29 +3845,14 @@ function OpenChoicePicker({
     });
   };
   const offList = q !== "" && decided.decision !== "chosen" && decided.decision !== "empty";
-  const [askingFor, setAskingFor] = (0, import_react24.useState)(null);
-  const asks = offList && decided.decision === "ask" && (visible.length === 0 || askingFor === q);
-  const foot = asks ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-    ChoiceAskButtons,
-    {
-      field,
-      words: [q],
-      keepOffered: decided.keepOffered,
-      busy: adding,
-      onAdd: addTyped,
-      onKeep: () => choose(q),
-      onCancel: () => {
-        setSearch("");
-        setAddRefused(null);
-        if (autoOpen) setOpen(false);
-      }
-    }
-  ) : null;
-  const add = offList && decided.decision === "ask" && !asks ? { label: `Add \u201C${q}\u201D\u2026`, onAdd: () => setAskingFor(q) } : offList && decided.decision === "add" ? { label: `Add \u201C${q}\u201D to the choices`, onAdd: addTyped, disabled: adding } : offList && decided.decision === "keep_as_typed" ? { label: `Keep \u201C${q}\u201D as typed`, onAdd: () => choose(q) } : null;
+  const nothingMatches = q !== "" && visible.length === 0;
+  const foot = null;
+  const add = offList && (decided.decision === "ask" || decided.decision === "add") ? { label: `Create \u201C${q}\u201D`, onAdd: addTyped, disabled: adding } : offList && decided.decision === "keep_as_typed" ? { label: `Use \u201C${q}\u201D`, onAdd: () => choose(q) } : null;
+  const listed = nothingMatches && add ? options : visible;
   const pickedOptions = current.map((v) => options.find((o) => (0, import_records10.isTheChosen)(o, v)));
   const cellChips = pickedWords.map((word, i) => {
     const chip = chipOf(pickedOptions[i], word);
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system14.Badge, { variant: "outline", className: (0, import_design_system14.cn)("text-[11px]", chip.className), "data-records-choice-chip": "", children: word }, word);
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_design_system15.Badge, { variant: "outline", className: (0, import_design_system15.cn)("text-[11px]", chip.className), "data-records-choice-chip": "", children: word }, word);
   });
   const headChips = pickedWords.map((word, i) => {
     const option = pickedOptions[i];
@@ -3826,12 +3867,12 @@ function OpenChoicePicker({
     };
   });
   const anchored = autoOpen === true;
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { id, className: "flex flex-wrap items-center gap-1", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { id, className: "flex flex-wrap items-center gap-1", children: [
     anchored || disabled ? null : cellChips,
     disabled ? cellChips : (
       // THE ONE "PICK OR ADD" BUILDER (PickOrAdd.tsx) — the relation picker draws the same one.
       // In a grid cell it hangs from the cell's own chips; no button is drawn in the cell.
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         PickOrAdd,
         {
           anchored,
@@ -3845,9 +3886,9 @@ function OpenChoicePicker({
           onSearch: (next) => {
             setSearch(next);
             setAddRefused(null);
-            setAskingFor(null);
           },
-          items: visible.map((option) => ({
+          addFirst: nothingMatches,
+          items: listed.map((option) => ({
             id: option.id,
             label: titleOf(option),
             chip: chipOf(option, titleOf(option)).className,
@@ -3857,15 +3898,14 @@ function OpenChoicePicker({
             const option = options.find((o) => o.id === optionId);
             if (option) choose((0, import_records10.optionKey)(option));
           },
-          empty: q === "" ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "p-2 text-xs text-muted-foreground", children: "No choices yet \u2014 type one to add it." }) : null,
+          empty: q === "" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "p-2 text-xs text-muted-foreground", children: "No choices yet \u2014 type one to add it." }) : null,
           add,
           foot,
-          ...asks && !adding ? { onEnterWithNoMatch: addTyped } : {},
-          footNote: addRefused ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(RefusalLine, { error: addRefused }) : offList && decided.decision === "not_a_choice" ? (
+          footNote: addRefused ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(RefusalLine, { error: addRefused }) : offList && decided.decision === "not_a_choice" ? (
             // never_add on a column that takes only its choices: said, never a silent nothing.
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { "data-records-typed-refusal": "", className: "p-2 text-xs text-muted-foreground", children: notAChoiceSentence(field, [q]) }),
-              autoOpen ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { "data-records-choice-ask": "", className: "px-2 pb-1", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system14.Button, { type: "button", size: "sm", variant: "ghost", className: "h-6 px-2 text-xs", onClick: () => setOpen(false), children: "Cancel" }) }) : null
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { "data-records-typed-refusal": "", className: "p-2 text-xs text-muted-foreground", children: notAChoiceSentence(field, [q]) }),
+              autoOpen ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { "data-records-choice-ask": "", className: "px-2 pb-1", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_design_system15.Button, { type: "button", size: "sm", variant: "ghost", className: "h-6 px-2 text-xs", onClick: () => setOpen(false), children: "Cancel" }) }) : null
             ] })
           ) : null,
           children: anchored ? cellChips : null
@@ -3885,9 +3925,9 @@ 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__ */ (0, import_jsx_runtime16.jsxs)(import_design_system14.Badge, { variant: "secondary", className: (0, import_design_system14.cn)("max-w-full gap-1 text-[11px]", className), title, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "min-w-0 truncate", children: title }),
-      onRemove ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("button", { type: "button", onClick: onRemove, "aria-label": `Remove ${title}`, className: "shrink-0 opacity-60 hover:opacity-100", children: "\xD7" }) : null
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_design_system15.Badge, { variant: "secondary", className: (0, import_design_system15.cn)("max-w-full gap-1 text-[11px]", className), title, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "min-w-0 truncate", children: title }),
+      onRemove ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { type: "button", onClick: onRemove, "aria-label": `Remove ${title}`, className: "shrink-0 opacity-60 hover:opacity-100", children: "\xD7" }) : null
     ] })
   );
 }
@@ -3925,7 +3965,7 @@ function ChoiceAnswer({
   const option = (choice) => {
     const chosen = on(choice);
     const letter = lettered ? CHOICE_LETTERS[choices.indexOf(choice)] : null;
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
       "button",
       {
         type: "button",
@@ -3935,24 +3975,24 @@ function ChoiceAnswer({
         disabled,
         onClick: () => press(choice),
         "data-records-choice-answer": choice.key,
-        className: (0, import_design_system14.cn)(
+        className: (0, import_design_system15.cn)(
           "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"
         ),
         children: [
-          letter ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          letter ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
             "kbd",
             {
               "aria-hidden": "true",
-              className: (0, import_design_system14.cn)(
+              className: (0, import_design_system15.cn)(
                 "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"
               ),
               children: letter
             }
           ) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "min-w-0 flex-1 break-words", children: choice.label }),
-          chosen ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { "aria-hidden": "true", className: "shrink-0 text-primary", children: "\u2713" }) : null
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "min-w-0 flex-1 break-words", children: choice.label }),
+          chosen ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { "aria-hidden": "true", className: "shrink-0 text-primary", children: "\u2713" }) : null
         ]
       },
       choice.key
@@ -3968,13 +4008,13 @@ function ChoiceAnswer({
   };
   const group = { role: field.multi ? "group" : "radiogroup", "aria-label": fieldName(field), onKeyDown };
   if (choices.length <= FORM_SEARCH_AFTER) {
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { id, className: "flex w-full flex-col gap-2", ...group, children: choices.map(option) });
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { id, className: "flex w-full flex-col gap-2", ...group, children: choices.map(option) });
   }
   const q = search.trim().toLowerCase();
   const shown2 = q === "" ? choices : choices.filter((c) => c.label.toLowerCase().includes(q));
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { id, className: "flex w-full flex-col gap-2", onKeyDown, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-      import_design_system14.BasicInput,
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { id, className: "flex w-full flex-col gap-2", onKeyDown, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      import_design_system15.BasicInput,
       {
         value: search,
         onChange: (e) => setSearch(e.target.value),
@@ -3984,9 +4024,9 @@ function ChoiceAnswer({
         className: "h-11 text-base sm:h-9 sm:text-sm"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex max-h-80 w-full flex-col gap-2 overflow-y-auto", role: group.role, "aria-label": group["aria-label"], children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex max-h-80 w-full flex-col gap-2 overflow-y-auto", role: group.role, "aria-label": group["aria-label"], children: [
       shown2.map(option),
-      shown2.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-xs text-muted-foreground", children: "No match" }) : null
+      shown2.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-xs text-muted-foreground", children: "No match" }) : null
     ] })
   ] });
 }
@@ -3994,7 +4034,7 @@ function ChoiceAnswer({
 // src/RecordsMount.tsx
 var import_react26 = require("react");
 var import_react27 = require("@ai-matrx/records/react");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function personActor(userId) {
   return userId ? { actor: "user", user_id: userId } : { actor: "user" };
 }
@@ -4003,8 +4043,8 @@ function personActor(userId) {
 var import_react28 = require("react");
 var import_records11 = require("@ai-matrx/records");
 var import_react29 = require("@ai-matrx/records/react");
-var import_design_system15 = require("@ai-matrx/design-system");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_design_system16 = require("@ai-matrx/design-system");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var APP_TABLE_PREFIX = "records_ui_";
 function isValueSet(table) {
   if (table.kept_for === "choices") return true;
@@ -4047,7 +4087,7 @@ function madeOn(stamp) {
 }
 
 // src/TablePickers.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var SHARED_FOR_MS = 5e3;
 var sharedReads = /* @__PURE__ */ new WeakMap();
 function readTablesAnywhere(dataSource) {
@@ -4117,17 +4157,17 @@ function TablePicker({ dataSource, value, onChange, disabled, tables }) {
       hint: t.organization_name,
       keywords: t.organization_name,
       ...twin && second ? {
-        render: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "flex min-w-0 flex-col", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "truncate", children: t.table_name }),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "truncate text-[11px] text-muted-foreground", children: second })
+        render: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("span", { className: "flex min-w-0 flex-col", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "truncate", children: t.table_name }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "truncate text-[11px] text-muted-foreground", children: second })
         ] })
       } : {}
     };
   });
   const missing = Boolean(value) && !list.loading && !list.error && !list.rows.some((t) => t.table_id === value);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex flex-col gap-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-      import_design_system16.CreatablePicker,
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      import_design_system17.CreatablePicker,
       {
         value: value || null,
         options: pickerOptions,
@@ -4140,17 +4180,17 @@ function TablePicker({ dataSource, value, onChange, disabled, tables }) {
         ariaLabel: "Table"
       }
     ),
-    list.error && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(RefusalLine, { error: refusal("door", list.error, "Try again in a moment.") }),
-    missing && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-[11px] text-destructive", children: "This table is archived or not shared with you." })
+    list.error && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(RefusalLine, { error: refusal("door", list.error, "Try again in a moment.") }),
+    missing && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-[11px] text-destructive", children: "This table is archived or not shared with you." })
   ] });
 }
 function TableScope({ dataSource, userId, tableId, children, fallback = null, unavailable, tables }) {
   const own3 = useTablesAnywhere(dataSource);
   const list = tables ?? own3;
   const organizationId = list.rows.find((t) => t.table_id === tableId)?.organization_id ?? null;
-  if (tableId && !organizationId && !list.loading) return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_jsx_runtime19.Fragment, { children: unavailable ?? fallback });
-  if (!tableId || !organizationId) return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_jsx_runtime19.Fragment, { children: fallback });
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react31.RecordsProvider, { config: { dataSource, actor: personActor(userId), organizationId }, children });
+  if (tableId && !organizationId && !list.loading) return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_jsx_runtime20.Fragment, { children: unavailable ?? fallback });
+  if (!tableId || !organizationId) return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_jsx_runtime20.Fragment, { children: fallback });
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react31.RecordsProvider, { config: { dataSource, actor: personActor(userId), organizationId }, children });
 }
 function ColumnValuesEditor({ tableId, value, onChange, disabled, addLabel }) {
   const fields = (0, import_react31.useFields)(tableId);
@@ -4170,11 +4210,11 @@ function ColumnValuesEditor({ tableId, value, onChange, disabled, addLabel }) {
     void _gone;
     onChange(rest);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex flex-col gap-2", children: [
-    fields.error && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(RefusalLine, { error: fields.error }),
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex flex-col gap-2", children: [
+    fields.error && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(RefusalLine, { error: fields.error }),
     keys.map((key) => {
       const field = byKey.get(key);
-      return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
         ColumnValueRow,
         {
           columnKey: key,
@@ -4190,7 +4230,7 @@ function ColumnValuesEditor({ tableId, value, onChange, disabled, addLabel }) {
         key
       );
     }),
-    adding && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    adding && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       ColumnValueRow,
       {
         columnKey: null,
@@ -4207,7 +4247,7 @@ function ColumnValuesEditor({ tableId, value, onChange, disabled, addLabel }) {
         onRemove: () => setAdding(false)
       }
     ),
-    !disabled && !adding && keys.length < all.length && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_design_system16.Button, { type: "button", variant: "outline", size: "sm", className: "self-start", onClick: () => setAdding(true), children: addLabel })
+    !disabled && !adding && keys.length < all.length && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_design_system17.Button, { type: "button", variant: "outline", size: "sm", className: "self-start", onClick: () => setAdding(true), children: addLabel })
   ] });
 }
 function ColumnValueRow({
@@ -4223,10 +4263,10 @@ function ColumnValueRow({
 }) {
   const orphan = columnKey !== null && !loading && field === void 0;
   const shown2 = orphan ? [{ value: columnKey, label: columnKey, hint: "Not a column" }, ...options] : options;
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex flex-col gap-1 rounded-md border border-border/60 p-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-        import_design_system16.CreatablePicker,
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex flex-col gap-1 rounded-md border border-border/60 p-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        import_design_system17.CreatablePicker,
         {
           value: columnKey,
           options: shown2,
@@ -4239,9 +4279,9 @@ function ColumnValueRow({
           ariaLabel: "Column"
         }
       ) }),
-      !disabled && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_design_system16.Button, { type: "button", variant: "ghost", size: "sm", "aria-label": "Remove", onClick: onRemove, children: "\u2715" })
+      !disabled && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_design_system17.Button, { type: "button", variant: "ghost", size: "sm", "aria-label": "Remove", onClick: onRemove, children: "\u2715" })
     ] }),
-    field ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(FieldControl, { field, value, onChange: onValue, disabled }) : orphan ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-[11px] text-muted-foreground", children: value === null || value === void 0 ? "\u2014" : String(value) }) : null
+    field ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(FieldControl, { field, value, onChange: onValue, disabled }) : orphan ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-[11px] text-muted-foreground", children: value === null || value === void 0 ? "\u2014" : String(value) }) : null
   ] });
 }
 function RecordPicker({ tableId, value, onChange, disabled }) {
@@ -4253,9 +4293,9 @@ function RecordPicker({ tableId, value, onChange, disabled }) {
     label: rowNameIn(table.data ?? null, row)
   }));
   const missing = Boolean(value) && !records.loading && !records.error && !rows.some((r) => r.id === value);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex flex-col gap-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-      import_design_system16.CreatablePicker,
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      import_design_system17.CreatablePicker,
       {
         value: value || null,
         options,
@@ -4268,7 +4308,7 @@ function RecordPicker({ tableId, value, onChange, disabled }) {
         ariaLabel: "Record"
       }
     ),
-    records.error && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(RefusalLine, { error: records.error })
+    records.error && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(RefusalLine, { error: records.error })
   ] });
 }
 
@@ -4276,8 +4316,8 @@ function RecordPicker({ tableId, value, onChange, disabled }) {
 var import_react32 = require("react");
 var import_records12 = require("@ai-matrx/records");
 var import_react33 = require("@ai-matrx/records/react");
-var import_design_system17 = require("@ai-matrx/design-system");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_design_system18 = require("@ai-matrx/design-system");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var DATA_BINDING_SHAPES = [
   { value: "collection", label: "The whole table" },
   { value: "reference", label: "One record" },
@@ -4344,9 +4384,9 @@ function DataBindingPicker({ dataSource, userId, binding, onChange, disabled, de
       ...binding.semantic_type === "collection" && defaultRowLimit ? { limit: defaultRowLimit } : {}
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TablePicker, { dataSource, value: tableId, onChange: selectTable, disabled: Boolean(disabled), tables }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TableScope, { dataSource, userId, tableId, tables, children: tableId && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TablePicker, { dataSource, value: tableId, onChange: selectTable, disabled: Boolean(disabled), tables }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TableScope, { dataSource, userId, tableId, tables, children: tableId && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       BindingDetails,
       {
         tableId,
@@ -4410,9 +4450,9 @@ function BindingDetails({
   const fieldOptions = fieldList.map((f) => ({ value: f.key, label: fieldName(f) }));
   const template = binding.transform?.template ?? "";
   const setTemplate = (next) => onChange({ ...binding, transform: { join: "\n", ...binding.transform, name: "list", template: next } });
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "flex flex-wrap gap-1", role: "radiogroup", "aria-label": "What to read", children: DATA_BINDING_SHAPES.map((s) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-      import_design_system17.Button,
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "flex flex-wrap gap-1", role: "radiogroup", "aria-label": "What to read", children: DATA_BINDING_SHAPES.map((s) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      import_design_system18.Button,
       {
         type: "button",
         size: "sm",
@@ -4425,7 +4465,7 @@ function BindingDetails({
       },
       s.value
     )) }),
-    shape !== "collection" && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    shape !== "collection" && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       RecordPicker,
       {
         tableId,
@@ -4434,8 +4474,8 @@ function BindingDetails({
         disabled: Boolean(disabled)
       }
     ),
-    shape === "value" && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-      import_design_system17.CreatablePicker,
+    shape === "value" && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      import_design_system18.CreatablePicker,
       {
         value: binding.field_key ?? null,
         options: fieldOptions,
@@ -4448,11 +4488,11 @@ function BindingDetails({
         ariaLabel: "Column"
       }
     ),
-    shape !== "value" && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex flex-col gap-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    shape !== "value" && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
         "textarea",
         {
-          className: (0, import_design_system17.cn)(
+          className: (0, import_design_system18.cn)(
             "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",
@@ -4461,8 +4501,8 @@ function BindingDetails({
           onChange: (e) => setTemplate(e.target.value)
         }
       ),
-      !disabled && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "flex flex-wrap gap-1", children: fieldList.flatMap(bindingPlaceholdersFor).map((p) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-        import_design_system17.Button,
+      !disabled && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "flex flex-wrap gap-1", children: fieldList.flatMap(bindingPlaceholdersFor).map((p) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        import_design_system18.Button,
         {
           type: "button",
           size: "sm",
@@ -4474,10 +4514,10 @@ function BindingDetails({
         p.token
       )) })
     ] }),
-    shape === "collection" && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("label", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
+    shape === "collection" && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("label", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
       "Up to",
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-        import_design_system17.BasicInput,
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        import_design_system18.BasicInput,
         {
           type: "number",
           min: 1,
@@ -4493,10 +4533,10 @@ function BindingDetails({
       ),
       "rows"
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex flex-wrap items-center gap-1", role: "radiogroup", "aria-label": "If nothing is found", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-xs text-muted-foreground", children: "If nothing is found" }),
-      DATA_BINDING_MISSING.map((m) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-        import_design_system17.Button,
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex flex-wrap items-center gap-1", role: "radiogroup", "aria-label": "If nothing is found", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-xs text-muted-foreground", children: "If nothing is found" }),
+      DATA_BINDING_MISSING.map((m) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        import_design_system18.Button,
         {
           type: "button",
           size: "sm",
@@ -4519,7 +4559,7 @@ var import_react36 = require("@ai-matrx/records/react");
 // src/values.tsx
 var import_data_table4 = require("@ai-matrx/design-system/data-table");
 var import_field_formats5 = require("@ai-matrx/design-system/field-formats");
-var import_design_system20 = require("@ai-matrx/design-system");
+var import_design_system21 = require("@ai-matrx/design-system");
 
 // src/embeddedLook.tsx
 var import_react34 = require("react");
@@ -4576,8 +4616,8 @@ var import_core2 = require("@ai-matrx/records/core");
 // src/WholeValue.tsx
 var import_react35 = require("react");
 var import_core = require("@ai-matrx/records/core");
-var import_design_system18 = require("@ai-matrx/design-system");
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_design_system19 = require("@ai-matrx/design-system");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 var WHOLE_VALUE_UNBOUND = "The whole text is kept as a file, and this screen has no way to open files yet.";
 function wholeValueLine(pointer) {
   return `Open the whole text (${(0, import_core.wholeValueSize)(pointer)})`;
@@ -4586,12 +4626,12 @@ function WholeValueCell({ words, pointer }) {
   const host = useRecordsUi();
   const href = host.hrefForFile?.({ fileId: pointer.file_id });
   const line = wholeValueLine(pointer);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("span", { className: "flex min-w-0 items-baseline gap-2", "data-whole-value-file": pointer.file_id, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("span", { className: "truncate", title: `The first ${pointer.shown_chars} of ${pointer.chars} characters`, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("span", { className: "flex min-w-0 items-baseline gap-2", "data-whole-value-file": pointer.file_id, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("span", { className: "truncate", title: `The first ${pointer.shown_chars} of ${pointer.chars} characters`, children: [
       words,
       "\u2026"
     ] }),
-    href ? host.Link ? host.Link({ href, children: line, className: "shrink-0 text-xs text-primary underline-offset-2 hover:underline" }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("a", { className: "shrink-0 text-xs text-primary underline-offset-2 hover:underline", href, target: "_blank", rel: "noreferrer", children: line }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "shrink-0 text-xs italic text-muted-foreground", title: WHOLE_VALUE_UNBOUND, children: `${(0, import_core.wholeValueSize)(pointer)} in a file` })
+    href ? host.Link ? host.Link({ href, children: line, className: "shrink-0 text-xs text-primary underline-offset-2 hover:underline" }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("a", { className: "shrink-0 text-xs text-primary underline-offset-2 hover:underline", href, target: "_blank", rel: "noreferrer", children: line }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "shrink-0 text-xs italic text-muted-foreground", title: WHOLE_VALUE_UNBOUND, children: `${(0, import_core.wholeValueSize)(pointer)} in a file` })
   ] });
 }
 
@@ -4600,7 +4640,7 @@ var import_field_formats6 = require("@ai-matrx/design-system/field-formats");
 
 // src/ReferenceChips.tsx
 var import_records13 = require("@ai-matrx/records");
-var import_design_system19 = require("@ai-matrx/design-system");
+var import_design_system20 = require("@ai-matrx/design-system");
 
 // src/kindValues.ts
 var import_directives = require("@ai-matrx/content-ir/directives");
@@ -4654,7 +4694,7 @@ function kindLabel(kind) {
 }
 
 // src/ReferenceChips.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function glyphOf(icon) {
   const text = (icon ?? "").trim();
   return text !== "" && text.length <= 8 && /[^\u0000-\u007f]/.test(text) ? text : null;
@@ -4687,23 +4727,25 @@ function referencesOf(field, value, kind, labels) {
 var ARCHIVED_REFERENCE_WORD = "Archived";
 var ARCHIVED_REFERENCE_TIP = "In the Archived view; restore it to use it again";
 function PageGlyph() {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 14, height: 14, fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "data-records-page-glyph": "", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "M14 2v4a2 2 0 0 0 2 2h4" }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "M10 13H8" }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "M16 17H8" })
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 14, height: 14, fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "data-records-page-glyph": "", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M14 2v4a2 2 0 0 0 2 2h4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M10 13H8" }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M16 17H8" })
   ] });
 }
 function ReferenceChip({ reference, waiting }) {
   const host = useRecordsUi();
+  const look = useEmbeddedLook();
+  const pending = reference.label == null && reference.token === "record" && !waiting && !host.renderReference;
+  const pendingMark = /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_design_system20.Skeleton, { "aria-label": "Loading", "data-records-reference-pending": "", className: "inline-block h-3 w-16 shrink-0 rounded-sm align-middle" });
   const words = reference.label ?? (reference.token === "record" ? waiting ?? "Loading\u2026" : WITHHELD_ENTITY_LABEL);
   const drawn = host.renderReference ? host.renderReference({ ...reference, label: reference.label ?? words }) : null;
-  const look = useEmbeddedLook();
   if (look?.plainRelation) {
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
       "span",
       {
-        className: (0, import_design_system19.cn)(
+        className: (0, import_design_system20.cn)(
           "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"
         ),
@@ -4712,18 +4754,18 @@ function ReferenceChip({ reference, waiting }) {
         "data-records-reference-archived": reference.archived ? "" : void 0,
         title: reference.archived ? ARCHIVED_REFERENCE_TIP : words,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { "aria-hidden": "true", "data-records-reference-icon": "", className: "inline-flex size-4 shrink-0 items-center justify-center text-muted-foreground", children: glyphOf(reference.icon) ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "text-sm leading-none", children: reference.icon }) : reference.icon && host.renderIcon?.(reference.icon) || /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(PageGlyph, {}) }),
-          drawn ?? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "truncate", children: words }),
-          reference.archived ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "shrink-0 text-muted-foreground", children: ARCHIVED_REFERENCE_WORD }) : null
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { "aria-hidden": "true", "data-records-reference-icon": "", className: "inline-flex size-4 shrink-0 items-center justify-center text-muted-foreground", children: glyphOf(reference.icon) ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-sm leading-none", children: reference.icon }) : reference.icon && host.renderIcon?.(reference.icon) || /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(PageGlyph, {}) }),
+          drawn ?? (pending ? pendingMark : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "truncate", children: words })),
+          reference.archived ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "shrink-0 text-muted-foreground", children: ARCHIVED_REFERENCE_WORD }) : null
         ]
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
-    import_design_system19.Badge,
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+    import_design_system20.Badge,
     {
       variant: "secondary",
-      className: (0, import_design_system19.cn)(
+      className: (0, import_design_system20.cn)(
         "max-w-full min-w-0 gap-1 px-1.5 py-0 text-[11px] font-normal",
         reference.archived && "opacity-70"
       ),
@@ -4731,15 +4773,15 @@ function ReferenceChip({ reference, waiting }) {
       "data-records-reference-archived": reference.archived ? "" : void 0,
       title: reference.archived ? ARCHIVED_REFERENCE_TIP : words,
       children: [
-        drawn ?? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "truncate", children: words }),
-        reference.archived ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "shrink-0 text-muted-foreground", children: ARCHIVED_REFERENCE_WORD }) : null
+        drawn ?? (pending ? pendingMark : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "truncate", children: words })),
+        reference.archived ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "shrink-0 text-muted-foreground", children: ARCHIVED_REFERENCE_WORD }) : null
       ]
     }
   );
 }
 function ReferenceChips({ refs, waiting }) {
-  if (refs.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "text-muted-foreground", children: "\u2014" });
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "flex min-w-0 flex-wrap gap-1", "data-records-reference-chips": "", children: refs.map((r) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ReferenceChip, { reference: r, waiting }, `${r.token}:${r.id}`)) });
+  if (refs.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-muted-foreground", children: "\u2014" });
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "flex min-w-0 flex-wrap gap-1", "data-records-reference-chips": "", children: refs.map((r) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ReferenceChip, { reference: r, waiting }, `${r.token}:${r.id}`)) });
 }
 function KindValueCell({
   kv,
@@ -4748,10 +4790,10 @@ function KindValueCell({
 }) {
   const host = useRecordsUi();
   if (host.renderKind) {
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("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 }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("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__ */ (0, import_jsx_runtime22.jsx)("span", { className: (0, import_design_system19.cn)("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__ */ (0, import_jsx_runtime22.jsx)(import_design_system19.Badge, { variant: "secondary", className: "px-1.5 py-0 text-[11px] font-normal", children: w }, `${w}-${i}`)) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_design_system19.Badge, { variant: "outline", className: "px-1.5 py-0 text-[11px] font-normal", children: kindLabel(kv.kind) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: (0, import_design_system20.cn)("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__ */ (0, import_jsx_runtime23.jsx)(import_design_system20.Badge, { variant: "secondary", className: "px-1.5 py-0 text-[11px] font-normal", children: w }, `${w}-${i}`)) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_design_system20.Badge, { variant: "outline", className: "px-1.5 py-0 text-[11px] font-normal", children: kindLabel(kv.kind) }) });
 }
 
 // src/formulaNames.ts
@@ -4769,10 +4811,10 @@ function formulaSourceArchived(field, document2) {
 
 // src/values.tsx
 var import_records15 = require("@ai-matrx/records");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 function statusMark(field, item, document2) {
   const mark = statusMarkOf(field, item, document2);
-  return mark ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { "aria-label": mark.words, title: mark.words, className: "mr-1", "data-records-status-group": mark.group, children: mark.mark }) : null;
+  return mark ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { "aria-label": mark.words, title: mark.words, className: "mr-1", "data-records-status-group": mark.group, children: mark.mark }) : null;
 }
 function envelopeFor(document2, key) {
   const block = document2?._values;
@@ -4818,43 +4860,47 @@ function sourceArchivedSentence(state) {
   return state.table ? `${state.label} on ${state.table} is archived` : `${state.label} is archived`;
 }
 function SourceArchivedValue({ state }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-xs italic text-muted-foreground", title: sourceArchivedSentence(state), "data-records-source-archived": state.field_id ?? "", children: SOURCE_ARCHIVED_WORDS });
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-xs italic text-muted-foreground", title: sourceArchivedSentence(state), "data-records-source-archived": state.field_id ?? "", children: SOURCE_ARCHIVED_WORDS });
 }
 var ABSENCE_WORDS = ABSENCE_WORD_LABEL;
 function renderValue(field, value, document2, labels, stillWaitingFor, look) {
   const archivedSource = (0, import_records15.sourceArchivedOf)(value);
-  if (archivedSource) return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SourceArchivedValue, { state: archivedSource });
+  if (archivedSource) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SourceArchivedValue, { state: archivedSource });
   const envelope = envelopeFor(document2, field.key);
   if (envelope?.absent) {
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-xs italic text-muted-foreground", title: `VAL-2: ${envelope.absent}`, children: ABSENCE_WORDS[String(envelope.absent)] ?? String(envelope.absent) });
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-xs italic text-muted-foreground", title: `VAL-2: ${envelope.absent}`, children: ABSENCE_WORDS[String(envelope.absent)] ?? String(envelope.absent) });
   }
   if (value === null || value === void 0 || value === "") {
     const gone = unresolvedFor(document2, field.key);
     if (gone) {
-      return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-xs italic text-muted-foreground", title: `It pointed at ${gone}`, children: "The record this pointed at no longer exists" });
+      return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-xs italic text-muted-foreground", title: `It pointed at ${gone}`, children: "The record this pointed at no longer exists" });
     }
     const archivedInput = formulaSourceArchived(field, document2);
-    if (archivedInput) return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SourceArchivedValue, { state: archivedInput });
+    if (archivedInput) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SourceArchivedValue, { state: archivedInput });
     const computed = computedEmptyOf(field, document2);
-    if (computed?.sentence) return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-xs italic text-muted-foreground", children: computed.sentence });
-    if (computed?.words) return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { "data-records-empty-why": computed.kind, children: computed.words });
+    if (computed?.sentence) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-xs italic text-muted-foreground", children: computed.sentence });
+    if (computed?.words) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { "data-records-empty-why": computed.kind, children: computed.words });
     if (computed?.why) {
-      return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-muted-foreground", title: computed.why, "data-records-empty-why": computed.kind, children: "\u2014" });
+      return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-muted-foreground", title: computed.why, "data-records-empty-why": computed.kind, children: "\u2014" });
     }
     if (look?.blankEmpty) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-muted-foreground", children: "\u2014" });
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-muted-foreground", children: "\u2014" });
   }
-  if (isSignatureField(field)) return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SignatureValue, { value, fieldKey: field.key, document: document2 });
+  if (isSignatureField(field)) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SignatureValue, { value, fieldKey: field.key, document: document2 });
   const newer = newerKindValue(field, value);
   if (newer !== void 0) return newer;
   const whole = typeof value === "string" ? (0, import_core2.wholeValueOf)(document2, field.key) : null;
-  if (whole) return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(WholeValueCell, { words: value, pointer: whole });
+  if (whole) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(WholeValueCell, { words: value, pointer: whole });
   const kind = editorKindFor(field);
   if (kind === "relation" || kind === "entity_reference") {
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ReferenceChips, { refs: referencesOf(field, value, kind, labels), waiting: stillWaitingFor });
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ReferenceChips, { refs: referencesOf(field, value, kind, labels), waiting: stillWaitingFor });
+  }
+  if (kind === "member") {
+    const ids = (Array.isArray(value) ? value : [value]).filter((v) => v !== null && v !== void 0 && v !== "");
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "flex min-w-0 flex-wrap gap-1", "data-records-person-chips": "", children: ids.map((id, i) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(PersonChip, { name: scalarText(field, id, labels, stillWaitingFor) }, `${String(id)}-${i}`)) });
   }
-  const kv = kind === "attachment" || kind === "member" ? null : kindValueOf(value);
-  if (kv) return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(KindValueCell, { kv, where: "cell", title: field.label });
+  const kv = kind === "attachment" ? null : kindValueOf(value);
+  if (kv) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(KindValueCell, { kv, where: "cell", title: field.label });
   const chosen = kind === "select" || kind === "multi_select";
   const chipOf = (item) => {
     const chipLook = choiceChipLookOf(field, item, scalarText(field, item, labels));
@@ -4862,17 +4908,17 @@ function renderValue(field, value, document2, labels, stillWaitingFor, look) {
   };
   if (chosen) {
     const items = Array.isArray(value) ? value : [value];
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "flex flex-wrap gap-1", "data-records-choice-chips": "", children: items.map((item, i) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "flex flex-wrap gap-1", "data-records-choice-chips": "", children: items.map((item, i) => {
       const chip = chipOf(item);
-      return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
-        import_design_system20.Badge,
+      return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+        import_design_system21.Badge,
         {
           variant: "outline",
-          className: (0, import_design_system20.cn)("text-[11px]", chip.className),
+          className: (0, import_design_system21.cn)("text-[11px]", chip.className),
           "data-records-choice-chip": "",
           ...chip.tinted ? { "data-records-choice-tint": "" } : {},
           children: [
-            look?.choiceDot ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { "aria-hidden": "true", "data-matrx-pill-ink": "", "data-records-choice-dot": "", className: (0, import_design_system20.cn)("mr-1.5 inline-block size-1.5 shrink-0 rounded-full", chip.dot) }) : null,
+            look?.choiceDot ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { "aria-hidden": "true", "data-matrx-pill-ink": "", "data-records-choice-dot": "", className: (0, import_design_system21.cn)("mr-1.5 inline-block size-1.5 shrink-0 rounded-full", chip.dot) }) : null,
             statusMark(field, item, Array.isArray(value) ? void 0 : document2),
             scalarText(field, item, labels, Array.isArray(value) ? void 0 : stillWaitingFor)
           ]
@@ -4881,13 +4927,13 @@ function renderValue(field, value, document2, labels, stillWaitingFor, look) {
       );
     }) });
   }
-  if (kind === "attachment") return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(AttachmentChips, { value });
+  if (kind === "attachment") return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(AttachmentChips, { value });
   if (Array.isArray(value)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "flex flex-wrap gap-1", children: value.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_design_system20.Badge, { variant: "secondary", className: "text-[11px]", children: scalarText(field, item, labels) }, `${String(item)}-${i}`)) });
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "flex flex-wrap gap-1", children: value.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_design_system21.Badge, { variant: "secondary", className: "text-[11px]", children: scalarText(field, item, labels) }, `${String(item)}-${i}`)) });
   }
   if (kind === "url" && typeof value === "string") {
     const href = value.includes("://") ? value : `https://${value}`;
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
       "a",
       {
         className: "inline-flex min-w-0 max-w-full items-center gap-1 rounded-md border border-border bg-muted/60 px-1.5 py-0.5 text-[11px] text-foreground hover:bg-accent",
@@ -4898,14 +4944,14 @@ function renderValue(field, value, document2, labels, stillWaitingFor, look) {
         "data-records-link-chip": "",
         onClick: (event) => event.stopPropagation(),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { "aria-hidden": "true", className: "text-muted-foreground", children: "\u2197" }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "truncate", children: linkChipText(value) })
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { "aria-hidden": "true", className: "text-muted-foreground", children: "\u2197" }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "truncate", children: linkChipText(value) })
         ]
       }
     );
   }
   if (kind === "phone" && typeof value === "string" && value.trim() !== "") {
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       "a",
       {
         className: "truncate tabular-nums text-primary underline-offset-2 hover:underline",
@@ -4918,12 +4964,12 @@ function renderValue(field, value, document2, labels, stillWaitingFor, look) {
     );
   }
   if (kind === "email" && typeof value === "string") {
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("a", { className: "truncate text-primary underline-offset-2 hover:underline", href: `mailto:${value}`, children: value });
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("a", { className: "truncate text-primary underline-offset-2 hover:underline", href: `mailto:${value}`, children: value });
   }
   if (typeof value === "boolean") {
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: kind === "checkbox" ? "text-sm" : "", title: value ? "Yes" : "No", children: value ? "\u2713" : "\u2014" });
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: kind === "checkbox" ? "text-sm" : "", title: value ? "Yes" : "No", children: value ? "\u2713" : "\u2014" });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: (0, import_design_system20.cn)("truncate", kind === "number" || kind === "currency" || kind === "percent" ? "tabular-nums" : ""), children: scalarText(field, value, labels, stillWaitingFor) });
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: (0, import_design_system21.cn)("truncate", kind === "number" || kind === "currency" || kind === "percent" ? "tabular-nums" : ""), children: scalarText(field, value, labels, stillWaitingFor) });
 }
 function scalarText(field, value, labels, stillWaitingFor) {
   if (value === null || value === void 0) return "\u2014";
@@ -4965,13 +5011,13 @@ function scalarText(field, value, labels, stillWaitingFor) {
 }
 
 // src/PickedSummaries.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function TableNameText({ dataSource, tableId }) {
   const tables = useTablesAnywhere(dataSource);
-  if (!tableId) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, { children: "\u2014" });
-  if (tables.loading) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, { children: "\u2026" });
-  if (tables.error) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, { children: "Couldn't load the table's name" });
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, { children: tables.rows.find((t) => t.table_id === tableId)?.table_name ?? "\u2014" });
+  if (!tableId) return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_jsx_runtime25.Fragment, { children: "\u2014" });
+  if (tables.loading) return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_jsx_runtime25.Fragment, { children: "\u2026" });
+  if (tables.error) return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_jsx_runtime25.Fragment, { children: "Couldn't load the table's name" });
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_jsx_runtime25.Fragment, { children: tables.rows.find((t) => t.table_id === tableId)?.table_name ?? "\u2014" });
 }
 function ColumnValuesText({
   dataSource,
@@ -4979,38 +5025,38 @@ function ColumnValuesText({
   tableId,
   value
 }) {
-  if (!tableId) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, { children: "\u2014" });
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  if (!tableId) return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_jsx_runtime25.Fragment, { children: "\u2014" });
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     TableScope,
     {
       dataSource,
       userId,
       tableId,
-      fallback: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, { children: "\u2026" }),
-      unavailable: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, { children: "Couldn't load this table's columns" }),
-      children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(RecordLabelProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ColumnValuesWords, { tableId, value }) })
+      fallback: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_jsx_runtime25.Fragment, { children: "\u2026" }),
+      unavailable: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_jsx_runtime25.Fragment, { children: "Couldn't load this table's columns" }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(RecordLabelProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ColumnValuesWords, { tableId, value }) })
     }
   );
 }
 function ColumnValuesWords({ tableId, value }) {
   const fields = (0, import_react36.useFields)(tableId);
   const labels = useRecordLabels(fields.data ?? void 0);
-  if (fields.loading) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, { children: "\u2026" });
-  if (fields.error) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, { children: "Couldn't load this table's columns" });
+  if (fields.loading) return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_jsx_runtime25.Fragment, { children: "\u2026" });
+  if (fields.error) return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_jsx_runtime25.Fragment, { children: "Couldn't load this table's columns" });
   const parts = [];
   for (const [key, stored] of Object.entries(value)) {
     if (key.startsWith("_")) continue;
     const field = (fields.data ?? []).find((f) => f.key === key);
-    if (parts.length) parts.push(/* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { children: ", " }, `${key}-sep`));
+    if (parts.length) parts.push(/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: ", " }, `${key}-sep`));
     parts.push(
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("span", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("span", { children: [
         field ? fieldName(field) : "A removed column",
         " is ",
         field ? renderValue(field, stored, void 0, labels) : "\u2014"
       ] }, key)
     );
   }
-  return parts.length ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, { children: parts }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, { children: "\u2014" });
+  return parts.length ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_jsx_runtime25.Fragment, { children: parts }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_jsx_runtime25.Fragment, { children: "\u2014" });
 }
 function RecordNameText({
   dataSource,
@@ -5018,35 +5064,35 @@ function RecordNameText({
   tableId,
   recordId
 }) {
-  if (!tableId || !recordId) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, { children: "\u2014" });
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  if (!tableId || !recordId) return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_jsx_runtime25.Fragment, { children: "\u2014" });
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     TableScope,
     {
       dataSource,
       userId,
       tableId,
-      fallback: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, { children: "\u2026" }),
-      unavailable: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, { children: "Couldn't load this record" }),
-      children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(RecordNameWords, { tableId, recordId })
+      fallback: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_jsx_runtime25.Fragment, { children: "\u2026" }),
+      unavailable: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_jsx_runtime25.Fragment, { children: "Couldn't load this record" }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(RecordNameWords, { tableId, recordId })
     }
   );
 }
 function RecordNameWords({ tableId, recordId }) {
   const table = (0, import_react36.useTable)(tableId);
   const record = (0, import_react36.useRecord)(recordId);
-  if (record.loading || table.loading) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, { children: "\u2026" });
-  if (record.error) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, { children: "Couldn't load this record" });
-  if (!record.data) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, { children: "A record you cannot open" });
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, { children: recordName(record.data.document, table.data?.title_field ?? null) });
+  if (record.loading || table.loading) return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_jsx_runtime25.Fragment, { children: "\u2026" });
+  if (record.error) return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_jsx_runtime25.Fragment, { children: "Couldn't load this record" });
+  if (!record.data) return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_jsx_runtime25.Fragment, { children: "A record you cannot open" });
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_jsx_runtime25.Fragment, { children: recordName(record.data.document, table.data?.title_field ?? null) });
 }
 
 // src/HeldChangeDecision.tsx
 var import_react37 = require("react");
 var import_react38 = require("@ai-matrx/records/react");
-var import_design_system21 = require("@ai-matrx/design-system");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_design_system22 = require("@ai-matrx/design-system");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 function HeldChangeDecision({ dataSource, userId, organizationId, approvalId, onDecided }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react38.RecordsProvider, { config: { dataSource, actor: personActor(userId), organizationId }, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Decision, { approvalId, onDecided }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react38.RecordsProvider, { config: { dataSource, actor: personActor(userId), organizationId }, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Decision, { approvalId, onDecided }) });
 }
 function Decision({ approvalId, onDecided }) {
   const client = (0, import_react38.useRecordsClient)();
@@ -5075,13 +5121,13 @@ function Decision({ approvalId, onDecided }) {
     if (res.ok) onDecided(approve);
     else setError(res.error);
   };
-  if (may === null) return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-xs text-muted-foreground", children: "Checking who can decide\u2026" });
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex flex-col gap-1.5", children: [
-    may ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_design_system21.Button, { type: "button", size: "sm", disabled: busy !== null, onClick: () => void decide(true), children: busy === "approve" ? "Approving\u2026" : "Approve" }),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_design_system21.Button, { type: "button", size: "sm", variant: "outline", disabled: busy !== null, onClick: () => void decide(false), children: busy === "refuse" ? "Refusing\u2026" : "Refuse" })
-    ] }) : !error && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-xs text-muted-foreground", children: "An owner or admin of this organization decides this." }),
-    error ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(RefusalLine, { error }) : null
+  if (may === null) return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-xs text-muted-foreground", children: "Checking who can decide\u2026" });
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-col gap-1.5", children: [
+    may ? /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_design_system22.Button, { type: "button", size: "sm", disabled: busy !== null, onClick: () => void decide(true), children: busy === "approve" ? "Approving\u2026" : "Approve" }),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_design_system22.Button, { type: "button", size: "sm", variant: "outline", disabled: busy !== null, onClick: () => void decide(false), children: busy === "refuse" ? "Refusing\u2026" : "Refuse" })
+    ] }) : !error && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-xs text-muted-foreground", children: "An owner or admin of this organization decides this." }),
+    error ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(RefusalLine, { error }) : null
   ] });
 }
 //# sourceMappingURL=pickers.cjs.map