@ai-matrx/records-ui 0.115.82 → 0.115.84

package/dist/pickers.js

@@ -1461,7 +1461,7 @@ function PersonAvatar({ name, size = "sm" }) {
     }
   );
 }
-function PersonChip({ name, onRemove, className }) {
+function PersonChip({ name, onRemove, onOpen, className }) {
   return /* @__PURE__ */ jsxs6(
     "span",
     {
@@ -1470,7 +1470,7 @@ function PersonChip({ name, onRemove, className }) {
       className: cn5("inline-flex min-w-0 max-w-full items-center gap-1 rounded-full bg-muted px-1.5 py-0.5 text-[11px] text-foreground", className),
       children: [
         /* @__PURE__ */ jsx7(PersonAvatar, { name }),
-        /* @__PURE__ */ jsx7("span", { className: "min-w-0 truncate", children: name }),
+        onOpen ? /* @__PURE__ */ jsx7("button", { type: "button", onClick: onOpen, "data-records-person-open": "", className: "min-w-0 truncate hover:underline", children: name }) : /* @__PURE__ */ jsx7("span", { className: "min-w-0 truncate", children: name }),
         onRemove ? /* @__PURE__ */ jsx7("button", { type: "button", onClick: onRemove, "aria-label": `Remove ${name}`, className: "shrink-0 opacity-60 hover:opacity-100", children: "\xD7" }) : null
       ]
     }
@@ -2045,11 +2045,11 @@ function RelationPicker({ field, value, onChange, disabled, id, className, allow
 }
 
 // src/buttonCell.tsx
-import { useState as useState24 } from "react";
-import { Button as Button16, Dialog as Dialog2, DialogContent as DialogContent2, DialogDescription, DialogHeader as DialogHeader2, DialogTitle as DialogTitle2, Popover as Popover4, PopoverContent as PopoverContent4, PopoverTrigger as PopoverTrigger4, cn as cn22 } from "@ai-matrx/design-system";
+import { useState as useState25 } from "react";
+import { Button as Button16, Dialog as Dialog2, DialogContent as DialogContent2, DialogDescription, DialogHeader as DialogHeader2, DialogTitle as DialogTitle2, Popover as Popover4, PopoverContent as PopoverContent4, PopoverTrigger as PopoverTrigger4, cn as cn23 } from "@ai-matrx/design-system";
 import { CHOICE_CHIP_CLASS as CHOICE_CHIP_CLASS2, NEUTRAL_CHIP_CLASS as NEUTRAL_CHIP_CLASS2, isStyleColor as isStyleColor2 } from "@ai-matrx/design-system/data-table";
 import { buttonNeeds as buttonNeeds2, buttonOf as buttonOf2 } from "@ai-matrx/records";
-import { useOptionalRecordsClient as useOptionalRecordsClient8 } from "@ai-matrx/records/react";
+import { useOptionalRecordsClient as useOptionalRecordsClient9 } from "@ai-matrx/records/react";
 
 // src/columnName.ts
 var said = (name) => name.trim().replace(/\s+/g, " ");
@@ -2087,7 +2087,7 @@ function columnNameProblemLine(name, noun = "column") {
 }
 
 // src/FieldEditor.tsx
-import { useEffect as useEffect17, useMemo as useMemo10, useRef as useRef12, useState as useState23 } from "react";
+import { useEffect as useEffect18, useMemo as useMemo11, useRef as useRef13, useState as useState24 } from "react";
 import {
   tableShapeChanged as tableShapeChanged3,
   useEntityFieldMutation,
@@ -2114,7 +2114,7 @@ import {
   SelectTrigger as SelectTrigger6,
   SelectValue as SelectValue6,
   Separator,
-  cn as cn21
+  cn as cn22
 } from "@ai-matrx/design-system";
 
 // src/ReferenceBuilder.tsx
@@ -2834,14 +2834,14 @@ function EntityReferenceKindPicker({ value, onChange, locked = false, className
 }
 
 // src/SourceArchivedNotice.tsx
-import { useCallback as useCallback5, useEffect as useEffect12, useState as useState18 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect13, useState as useState19 } from "react";
 import { Button as Button11 } from "@ai-matrx/design-system";
 import { tableShapeChanged, useRecordsClient as useRecordsClient6 } from "@ai-matrx/records/react";
 
 // src/values.tsx
 import { SWATCH_CLASS as SWATCH_CLASS2, formatColumnValue } from "@ai-matrx/design-system/data-table";
 import { formatFieldValue as formatFieldValue3 } from "@ai-matrx/design-system/field-formats";
-import { Badge as Badge5, cn as cn19 } from "@ai-matrx/design-system";
+import { Badge as Badge5, cn as cn20 } from "@ai-matrx/design-system";
 
 // src/embeddedLook.tsx
 import { createContext as createContext2, useContext as useContext2 } from "react";
@@ -4066,23 +4066,24 @@ function useFileRead(id) {
   useEffect11(() => {
     let cancelled = false;
     if (handedHostFileIds.has(id)) {
-      setRead({ name: null, fileId: id, why: null });
+      setRead({ name: null, fileId: id, why: null, mime: null });
       return;
     }
     if (!client) {
-      setRead({ name: null, fileId: null, why: null });
+      setRead({ name: null, fileId: null, why: null, mime: null });
       return;
     }
     void client.recordRead({ record_id: id }).then((answered) => {
       if (cancelled) return;
       if (!answered.ok) {
-        setRead({ name: null, fileId: id, why: refusalSentence(answered.error) });
+        setRead({ name: null, fileId: id, why: refusalSentence(answered.error), mime: null });
         return;
       }
       const doc = answered.data.document ?? {};
       const fileId = typeof doc["file_id"] === "string" ? doc["file_id"] : null;
       const name = typeof doc["name"] === "string" && doc["name"] !== "" ? doc["name"] : null;
-      setRead({ name, fileId, why: null });
+      const mime = typeof doc["mime"] === "string" ? doc["mime"] : null;
+      setRead({ name, fileId, why: null, mime });
     });
     return () => {
       cancelled = true;
@@ -4096,6 +4097,43 @@ function AttachmentChip({ id, onRemove, onPreview }) {
   const words = read?.name ?? (read ? FILE_CHIP_UNREAD : "\u2026");
   const href = read?.fileId ? host.hrefForFile?.({ fileId: read.fileId }) : void 0;
   const title = onPreview ? `Preview ${words}` : href ? `Open ${words}` : read?.why ?? FILE_CHIP_NO_PAGE;
+  if (read?.fileId && read.mime?.startsWith("image/") && host.fileImage) {
+    return /* @__PURE__ */ jsxs19("span", { className: "relative inline-flex shrink-0", "data-records-file-thumb": id, children: [
+      /* @__PURE__ */ jsx21(
+        "button",
+        {
+          type: "button",
+          title,
+          "aria-label": onPreview ? `Preview ${words}` : words,
+          className: cn17(
+            "relative block size-20 overflow-hidden rounded-md border bg-muted",
+            "[[data-matrx-cell-lines]_&]:size-6 [[data-matrx-cell-lines=two]_&]:size-10 [[data-matrx-cell-lines=four]_&]:size-[4.5rem] [[data-matrx-cell-lines=six]_&]:size-24"
+          ),
+          onClick: (event) => {
+            event.stopPropagation();
+            onPreview?.();
+          },
+          onMouseDown: (event) => event.stopPropagation(),
+          onDoubleClick: (event) => event.stopPropagation(),
+          ...onPreview ? { "data-records-file-preview": id } : {},
+          children: host.fileImage({ fileId: read.fileId, alt: words })
+        }
+      ),
+      onRemove ? /* @__PURE__ */ jsx21(
+        "button",
+        {
+          type: "button",
+          "aria-label": `Remove ${words}`,
+          className: "absolute -right-1 -top-1 rounded-full border bg-background px-1 text-[10px] leading-4 text-muted-foreground hover:text-foreground",
+          onClick: (event) => {
+            event.stopPropagation();
+            onRemove();
+          },
+          children: "\xD7"
+        }
+      ) : null
+    ] });
+  }
   return /* @__PURE__ */ jsxs19(
     Badge3,
     {
@@ -4528,11 +4566,199 @@ function formulaSourceArchived(field, document2) {
 
 // src/values.tsx
 import { autonumberPrefixOf as autonumberPrefixOf2, autonumberWords as autonumberWords2, isButtonField as isButtonField2, newerKindWords, sourceArchivedOf as sourceArchivedOf2 } from "@ai-matrx/records";
-import { OutboundLink as OutboundLink5 } from "@ai-matrx/kit/outbound-react";
+
+// src/PersonPicker.tsx
+import { useCallback as useCallback5, useEffect as useEffect12, useMemo as useMemo9, useRef as useRef11, useState as useState18 } from "react";
+import { rankTypedMatches as rankTypedMatches2 } from "@ai-matrx/records";
+import { useOptionalRecordsClient as useOptionalRecordsClient6 } from "@ai-matrx/records/react";
+import { cn as cn19 } from "@ai-matrx/design-system";
 import { Fragment as Fragment7, jsx as jsx23, jsxs as jsxs21 } from "react/jsx-runtime";
+function personFromRow(row) {
+  const data = row.document ?? {};
+  const userId = data["user_id"];
+  return {
+    id: row.id,
+    userId: typeof userId === "string" && userId !== "" ? userId : null,
+    name: String(data["full_name"] ?? data["name"] ?? data["email"] ?? "").trim()
+  };
+}
+function memberName(member) {
+  const display = (member.name ?? "").trim();
+  if (display !== "") return display;
+  const email = (member.email ?? "").trim();
+  if (email !== "") return email;
+  return "A member with no name set";
+}
+async function personRecordForMember(client, personTableId, people, member) {
+  const held = people.find((p) => p.userId === member.userId);
+  if (held) return { ok: true, data: held.id };
+  const written = await client.recordWrite({
+    table_id: personTableId,
+    data: {
+      user_id: member.userId,
+      full_name: memberName(member),
+      ...member.email ? { email: member.email } : {}
+    }
+  });
+  return written;
+}
+function PersonPicker({ field, value, onChange, disabled, id, className, autoOpen, onClose, onCancel, initialSearch }) {
+  const client = useOptionalRecordsClient6();
+  const host = useRecordsUi();
+  const [members, setMembers] = useState18(null);
+  const [people, setPeople] = useState18([]);
+  const [error, setError] = useState18(null);
+  const [search, setSearch] = useState18(initialSearch ?? "");
+  const [open, setOpenState] = useState18(autoOpen === true);
+  const onCloseRef = useRef11(onClose);
+  onCloseRef.current = onClose;
+  const setOpen = useCallback5((next) => {
+    setOpenState(next);
+    if (!next) onCloseRef.current?.();
+  }, []);
+  const [busy, setBusy] = useState18(false);
+  const membersPort = host.members;
+  const personTable = field.relation_target;
+  const picked = useMemo9(
+    () => Array.isArray(value) ? value.map(String) : value === null || value === void 0 ? [] : [String(value)],
+    [value]
+  );
+  const load = useCallback5(async () => {
+    if (!membersPort || !client) return;
+    const [roster, records] = await Promise.all([
+      membersPort(),
+      personTable ? client.list({ table_id: personTable, limit: 500 }) : Promise.resolve(null)
+    ]);
+    setMembers(roster);
+    if (records && !records.ok) {
+      setError(records.error);
+      return;
+    }
+    setPeople(records ? records.data.rows.map(personFromRow).filter((p) => p.userId !== null) : []);
+  }, [membersPort, client, personTable]);
+  useEffect12(() => {
+    if (!open) return;
+    void load();
+  }, [open, load]);
+  useEffect12(() => {
+    if (picked.length === 0 || !personTable || people.length > 0 || !client) return;
+    let cancelled = false;
+    void client.list({ table_id: personTable, limit: 500 }).then((result) => {
+      if (cancelled || !result.ok) return;
+      setPeople(result.data.rows.map(personFromRow).filter((p) => p.userId !== null));
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [client, personTable, picked.length, people.length]);
+  const listed = rankTypedMatches2(members ?? [], search, memberName);
+  if (!membersPort || !client) {
+    return /* @__PURE__ */ jsx23("p", { className: cn19("text-xs text-muted-foreground", className), children: NO_MEMBERS_REASON });
+  }
+  if (!personTable) {
+    return /* @__PURE__ */ jsxs21("p", { className: cn19("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."
+    ] });
+  }
+  const displayNameOf = (userId, recordName2) => {
+    const member = userId ? (members ?? []).find((m) => m.userId === userId) : void 0;
+    const own3 = (member?.name ?? "").trim();
+    if (own3 !== "") return own3;
+    const kept = (recordName2 ?? people.find((p) => p.userId === userId)?.name ?? "").trim();
+    const email = (member?.email ?? "").trim();
+    return kept !== "" && kept !== email ? kept : null;
+  };
+  const nameOfRecord = (recordId) => {
+    const person = people.find((p) => p.id === recordId);
+    if (!person) return "Loading\u2026";
+    const member = (members ?? []).find((m) => m.userId === person.userId);
+    return displayNameOf(person.userId, person.name) ?? (member ? memberName(member) : person.name || "A member with no name set");
+  };
+  const pick = async (member) => {
+    setBusy(true);
+    setError(null);
+    const resolved = await personRecordForMember(client, personTable, people, member);
+    setBusy(false);
+    if (!resolved.ok) {
+      setError(resolved.error);
+      return;
+    }
+    if (!people.some((p) => p.id === resolved.data)) {
+      setPeople((held) => [...held, { id: resolved.data, userId: member.userId, name: memberName(member) }]);
+    }
+    if (!field.multi) {
+      onChange(picked[0] === resolved.data ? null : resolved.data);
+      setOpen(false);
+      return;
+    }
+    const next = new Set(picked);
+    if (next.has(resolved.data)) next.delete(resolved.data);
+    else next.add(resolved.data);
+    onChange(next.size === 0 ? null : [...next]);
+  };
+  const drop = (recordId) => {
+    const next = picked.filter((id2) => id2 !== recordId);
+    onChange(next.length === 0 ? null : field.multi ? next : next[0] ?? null);
+  };
+  const visible = listed;
+  const pickedUserIds = new Set(
+    picked.map((recordId) => people.find((p) => p.id === recordId)?.userId).filter(Boolean)
+  );
+  const anchored = autoOpen === true;
+  const cellChips = picked.map((recordId) => /* @__PURE__ */ jsx23(PersonChip, { name: nameOfRecord(recordId), ...disabled || anchored ? {} : { onRemove: () => drop(recordId) } }, recordId));
+  return /* @__PURE__ */ jsxs21("div", { className: cn19("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__ */ jsx23(
+        PickOrAdd,
+        {
+          ...anchored && onCancel ? { onEscape: onCancel } : {},
+          anchored,
+          multi: field.multi,
+          triggerId: id,
+          triggerLabel: `Pick a person for ${fieldName(field)}`,
+          triggerText: picked.length === 0 ? "Pick a person" : "Change",
+          open,
+          onOpenChange: setOpen,
+          search,
+          onSearch: setSearch,
+          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),
+            // A name and an email with nothing between them read as one run-on string (verdict,
+            // 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__ */ jsxs21(Fragment7, { children: [
+            error ? /* @__PURE__ */ jsx23(RefusalLine, { error, className: "p-2" }) : null,
+            members === null ? /* @__PURE__ */ jsx23("p", { className: "p-2 text-xs text-muted-foreground", children: "Reading the members\u2026" }) : null
+          ] }),
+          empty: members !== null ? /* @__PURE__ */ jsx23("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
+        }
+      )
+    )
+  ] });
+}
+
+// src/values.tsx
+import { OutboundLink as OutboundLink5 } from "@ai-matrx/kit/outbound-react";
+import { Fragment as Fragment8, jsx as jsx24, jsxs as jsxs22 } from "react/jsx-runtime";
 function statusMark(field, item, document2) {
   const mark = statusMarkOf(field, item, document2);
-  return mark ? /* @__PURE__ */ jsx23("span", { "aria-label": mark.words, title: mark.words, className: "mr-1", "data-records-status-group": mark.group, children: mark.mark }) : null;
+  return mark ? /* @__PURE__ */ jsx24("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;
@@ -4578,48 +4804,48 @@ function sourceArchivedSentence(state2) {
   return state2.table ? `${state2.label} on ${state2.table} is archived` : `${state2.label} is archived`;
 }
 function SourceArchivedValue({ state: state2 }) {
-  return /* @__PURE__ */ jsx23("span", { className: "text-xs italic text-muted-foreground", title: sourceArchivedSentence(state2), "data-records-source-archived": state2.field_id ?? "", children: SOURCE_ARCHIVED_WORDS });
+  return /* @__PURE__ */ jsx24("span", { className: "text-xs italic text-muted-foreground", title: sourceArchivedSentence(state2), "data-records-source-archived": state2.field_id ?? "", children: SOURCE_ARCHIVED_WORDS });
 }
 var ABSENCE_WORDS = ABSENCE_WORD_LABEL;
 function renderValue(field, value, document2, labels, stillWaitingFor, look) {
   const archivedSource = sourceArchivedOf2(value);
-  if (archivedSource) return /* @__PURE__ */ jsx23(SourceArchivedValue, { state: archivedSource });
+  if (archivedSource) return /* @__PURE__ */ jsx24(SourceArchivedValue, { state: archivedSource });
   const envelope = envelopeFor(document2, field.key);
   if (envelope?.absent) {
-    return /* @__PURE__ */ jsx23("span", { className: "text-xs italic text-muted-foreground", title: `VAL-2: ${envelope.absent}`, children: ABSENCE_WORDS[String(envelope.absent)] ?? String(envelope.absent) });
+    return /* @__PURE__ */ jsx24("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__ */ jsx23("span", { className: "text-xs italic text-muted-foreground", title: `It pointed at ${gone}`, children: "The record this pointed at no longer exists" });
+      return /* @__PURE__ */ jsx24("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__ */ jsx23(SourceArchivedValue, { state: archivedInput });
+    if (archivedInput) return /* @__PURE__ */ jsx24(SourceArchivedValue, { state: archivedInput });
     const computed = computedEmptyOf(field, document2);
-    if (computed?.sentence) return /* @__PURE__ */ jsx23("span", { className: "text-xs italic text-muted-foreground", children: computed.sentence });
-    if (computed?.words) return /* @__PURE__ */ jsx23("span", { "data-records-empty-why": computed.kind, children: computed.words });
+    if (computed?.sentence) return /* @__PURE__ */ jsx24("span", { className: "text-xs italic text-muted-foreground", children: computed.sentence });
+    if (computed?.words) return /* @__PURE__ */ jsx24("span", { "data-records-empty-why": computed.kind, children: computed.words });
     if (computed?.why) {
-      return /* @__PURE__ */ jsx23("span", { className: "text-muted-foreground", title: computed.why, "data-records-empty-why": computed.kind, children: "\u2014" });
+      return /* @__PURE__ */ jsx24("span", { className: "text-muted-foreground", title: computed.why, "data-records-empty-why": computed.kind, children: "\u2014" });
     }
     if (look?.blankEmpty) return null;
-    return /* @__PURE__ */ jsx23("span", { className: "text-muted-foreground", children: "\u2014" });
+    return /* @__PURE__ */ jsx24("span", { className: "text-muted-foreground", children: "\u2014" });
   }
-  if (isSignatureField(field)) return /* @__PURE__ */ jsx23(SignatureValue, { value, fieldKey: field.key, document: document2 });
-  if (isButtonField2(field)) return /* @__PURE__ */ jsx23(ButtonValue, { field });
+  if (isSignatureField(field)) return /* @__PURE__ */ jsx24(SignatureValue, { value, fieldKey: field.key, document: document2 });
+  if (isButtonField2(field)) return /* @__PURE__ */ jsx24(ButtonValue, { field });
   const newer = newerKindValue(field, value);
   if (newer !== void 0) return newer;
   const whole = typeof value === "string" ? wholeValueOf(document2, field.key) : null;
-  if (whole) return /* @__PURE__ */ jsx23(WholeValueCell, { words: value, pointer: whole });
+  if (whole) return /* @__PURE__ */ jsx24(WholeValueCell, { words: value, pointer: whole });
   const kind = editorKindFor(field);
   if (kind === "relation" || kind === "entity_reference") {
-    return /* @__PURE__ */ jsx23(ReferenceChips, { refs: referencesOf(field, value, kind, labels), waiting: stillWaitingFor });
+    return /* @__PURE__ */ jsx24(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__ */ jsx23("span", { className: "flex min-w-0 flex-wrap gap-1", "data-records-person-chips": "", children: ids.map((id, i) => /* @__PURE__ */ jsx23(PersonChip, { name: scalarText(field, id, labels, stillWaitingFor) }, `${String(id)}-${i}`)) });
+    return /* @__PURE__ */ jsx24("span", { className: "flex min-w-0 flex-wrap gap-1", "data-records-person-chips": "", children: ids.map((id, i) => /* @__PURE__ */ jsx24(PersonChip, { name: scalarText(field, id, labels, stillWaitingFor) }, `${String(id)}-${i}`)) });
   }
   const kv = kind === "attachment" ? null : kindValueOf(value);
-  if (kv) return /* @__PURE__ */ jsx23(KindValueCell, { kv, where: "cell", title: field.label });
+  if (kv) return /* @__PURE__ */ jsx24(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));
@@ -4627,17 +4853,17 @@ function renderValue(field, value, document2, labels, stillWaitingFor, look) {
   };
   if (chosen) {
     const items = Array.isArray(value) ? value : [value];
-    return /* @__PURE__ */ jsx23("span", { className: "flex flex-wrap gap-1", "data-records-choice-chips": "", children: items.map((item, i) => {
+    return /* @__PURE__ */ jsx24("span", { className: "flex flex-wrap gap-1", "data-records-choice-chips": "", children: items.map((item, i) => {
       const chip = chipOf(item);
-      return /* @__PURE__ */ jsxs21(
+      return /* @__PURE__ */ jsxs22(
         Badge5,
         {
           variant: "outline",
-          className: cn19("text-[11px]", chip.className),
+          className: cn20("text-[11px]", chip.className),
           "data-records-choice-chip": "",
           ...chip.tinted ? { "data-records-choice-tint": "" } : {},
           children: [
-            look?.choiceDot ? /* @__PURE__ */ jsx23("span", { "aria-hidden": "true", "data-matrx-pill-ink": "", "data-records-choice-dot": "", className: cn19("mr-1.5 inline-block size-1.5 shrink-0 rounded-full", chip.dot) }) : null,
+            look?.choiceDot ? /* @__PURE__ */ jsx24("span", { "aria-hidden": "true", "data-matrx-pill-ink": "", "data-records-choice-dot": "", className: cn20("mr-1.5 inline-block size-1.5 shrink-0 rounded-full", chip.dot) }) : null,
             statusMark(field, item, Array.isArray(value) ? void 0 : document2),
             scalarText(field, item, labels, Array.isArray(value) ? void 0 : stillWaitingFor)
           ]
@@ -4646,13 +4872,13 @@ function renderValue(field, value, document2, labels, stillWaitingFor, look) {
       );
     }) });
   }
-  if (kind === "attachment") return /* @__PURE__ */ jsx23(AttachmentChips, { value });
+  if (kind === "attachment") return /* @__PURE__ */ jsx24(AttachmentChips, { value });
   if (Array.isArray(value)) {
-    return /* @__PURE__ */ jsx23("span", { className: "flex flex-wrap gap-1", children: value.map((item, i) => /* @__PURE__ */ jsx23(Badge5, { variant: "secondary", className: "text-[11px]", children: scalarText(field, item, labels) }, `${String(item)}-${i}`)) });
+    return /* @__PURE__ */ jsx24("span", { className: "flex flex-wrap gap-1", children: value.map((item, i) => /* @__PURE__ */ jsx24(Badge5, { 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__ */ jsxs21(
+    return /* @__PURE__ */ jsxs22(
       OutboundLink5,
       {
         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",
@@ -4661,14 +4887,14 @@ function renderValue(field, value, document2, labels, stillWaitingFor, look) {
         "data-records-link-chip": "",
         onClick: (event) => event.stopPropagation(),
         children: [
-          /* @__PURE__ */ jsx23("span", { "aria-hidden": "true", className: "text-muted-foreground", children: "\u2197" }),
-          /* @__PURE__ */ jsx23("span", { className: "truncate", children: linkChipText(value) })
+          /* @__PURE__ */ jsx24("span", { "aria-hidden": "true", className: "text-muted-foreground", children: "\u2197" }),
+          /* @__PURE__ */ jsx24("span", { className: "truncate", children: linkChipText(value) })
         ]
       }
     );
   }
   if (kind === "phone" && typeof value === "string" && value.trim() !== "") {
-    return /* @__PURE__ */ jsx23(
+    return /* @__PURE__ */ jsx24(
       "a",
       {
         className: "truncate tabular-nums text-primary underline-offset-2 hover:underline",
@@ -4681,12 +4907,12 @@ function renderValue(field, value, document2, labels, stillWaitingFor, look) {
     );
   }
   if (kind === "email" && typeof value === "string") {
-    return /* @__PURE__ */ jsx23("a", { className: "truncate text-primary underline-offset-2 hover:underline", href: `mailto:${value}`, children: value });
+    return /* @__PURE__ */ jsx24("a", { className: "truncate text-primary underline-offset-2 hover:underline", href: `mailto:${value}`, children: value });
   }
   if (typeof value === "boolean") {
-    return /* @__PURE__ */ jsx23("span", { className: kind === "checkbox" ? "text-sm" : "", title: value ? "Yes" : "No", children: value ? "\u2713" : "\u2014" });
+    return /* @__PURE__ */ jsx24("span", { className: kind === "checkbox" ? "text-sm" : "", title: value ? "Yes" : "No", children: value ? "\u2713" : "\u2014" });
   }
-  return /* @__PURE__ */ jsx23("span", { className: cn19("truncate", kind === "number" || kind === "currency" || kind === "percent" ? "tabular-nums" : ""), children: scalarText(field, value, labels, stillWaitingFor) });
+  return /* @__PURE__ */ jsx24("span", { className: cn20("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";
@@ -4729,24 +4955,24 @@ function scalarText(field, value, labels, stillWaitingFor) {
 }
 
 // src/SourceArchivedNotice.tsx
-import { jsx as jsx24, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs23 } from "react/jsx-runtime";
 function bringBackLabel(state2) {
   return state2.label ? `Bring back ${state2.label}` : "Bring it back";
 }
 function SourceArchivedNotice({ fieldId, tableId }) {
   const client = useRecordsClient6();
-  const [state2, setState] = useState18(null);
-  const [busy, setBusy] = useState18(false);
-  const [refused, setRefused] = useState18(null);
-  const read = useCallback5(async () => {
+  const [state2, setState] = useState19(null);
+  const [busy, setBusy] = useState19(false);
+  const [refused, setRefused] = useState19(null);
+  const read = useCallback6(async () => {
     const answer = await client.fieldSourceArchived({ field_id: fieldId });
     if (answer.ok) setState(answer.data);
     else setRefused(answer.error);
   }, [client, fieldId]);
-  useEffect12(() => {
+  useEffect13(() => {
     void read();
   }, [read]);
-  if (refused && !state2) return /* @__PURE__ */ jsx24(RefusalNotice, { error: refused });
+  if (refused && !state2) return /* @__PURE__ */ jsx25(RefusalNotice, { error: refused });
   if (!state2) return null;
   const restore = async () => {
     if (!state2.field_id) return;
@@ -4762,29 +4988,29 @@ function SourceArchivedNotice({ fieldId, tableId }) {
     tableShapeChanged(tableId);
     await read();
   };
-  return /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs23(
     "div",
     {
       className: "flex flex-wrap items-center gap-2 rounded-md border border-border px-3 py-2",
       "data-testid": "source-archived-notice",
       "data-field-id": state2.field_id ?? "",
       children: [
-        /* @__PURE__ */ jsxs22("div", { className: "flex min-w-0 flex-1 flex-col", children: [
-          /* @__PURE__ */ jsx24("span", { className: "text-sm", children: SOURCE_ARCHIVED_WORDS }),
-          /* @__PURE__ */ jsx24("span", { className: "truncate text-xs text-muted-foreground", children: sourceArchivedSentence(state2) })
+        /* @__PURE__ */ jsxs23("div", { className: "flex min-w-0 flex-1 flex-col", children: [
+          /* @__PURE__ */ jsx25("span", { className: "text-sm", children: SOURCE_ARCHIVED_WORDS }),
+          /* @__PURE__ */ jsx25("span", { className: "truncate text-xs text-muted-foreground", children: sourceArchivedSentence(state2) })
         ] }),
-        state2.field_id ? /* @__PURE__ */ jsx24(Button11, { type: "button", size: "sm", variant: "secondary", disabled: busy, onClick: () => void restore(), children: bringBackLabel(state2) }) : null,
-        refused ? /* @__PURE__ */ jsx24(RefusalNotice, { error: refused, className: "basis-full" }) : null
+        state2.field_id ? /* @__PURE__ */ jsx25(Button11, { type: "button", size: "sm", variant: "secondary", disabled: busy, onClick: () => void restore(), children: bringBackLabel(state2) }) : null,
+        refused ? /* @__PURE__ */ jsx25(RefusalNotice, { error: refused, className: "basis-full" }) : null
       ]
     }
   );
 }
 
 // src/Condition.tsx
-import { createContext as createContext4, useContext as useContext4, useEffect as useEffect13, useState as useState19 } from "react";
+import { createContext as createContext4, useContext as useContext4, useEffect as useEffect14, useState as useState20 } from "react";
 import { BasicInput as BasicInput7, Button as Button12 } from "@ai-matrx/design-system";
-import { optionKey as optionKey2, optionLabel as optionLabel2, rankTypedMatches as rankTypedMatches2 } from "@ai-matrx/records";
-import { useOptionalRecordsClient as useOptionalRecordsClient6 } from "@ai-matrx/records/react";
+import { optionKey as optionKey2, optionLabel as optionLabel2, rankTypedMatches as rankTypedMatches3 } from "@ai-matrx/records";
+import { useOptionalRecordsClient as useOptionalRecordsClient7 } from "@ai-matrx/records/react";
 
 // src/personTime.ts
 import { useSyncExternalStore } from "react";
@@ -4832,7 +5058,7 @@ function usePersonTimeZone() {
 }
 
 // src/Condition.tsx
-import { Fragment as Fragment8, jsx as jsx25, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx26, jsxs as jsxs24 } from "react/jsx-runtime";
 var CONDITION_OPS = [
   { op: "eq", label: "is" },
   { op: "ne", label: "is not" },
@@ -4920,11 +5146,11 @@ function isChoiceColumn(f) {
   return kind === "select" || kind === "multi_select";
 }
 function ChoiceValue({ field, value, onChange }) {
-  const client = useOptionalRecordsClient6();
-  const [choices, setChoices] = useState19(null);
-  const [open, setOpen] = useState19(false);
-  const [search, setSearch] = useState19("");
-  useEffect13(() => {
+  const client = useOptionalRecordsClient7();
+  const [choices, setChoices] = useState20(null);
+  const [open, setOpen] = useState20(false);
+  const [search, setSearch] = useState20("");
+  useEffect14(() => {
     if (!client) return;
     let cancelled = false;
     void (0, askOnce_exports.fieldOptionsOnce)(client, field.id).then((got) => {
@@ -4938,7 +5164,7 @@ function ChoiceValue({ field, value, onChange }) {
     };
   }, [client, field.id]);
   if (!choices || choices.length === 0) {
-    return /* @__PURE__ */ jsx25(
+    return /* @__PURE__ */ jsx26(
       BasicInput7,
       {
         className: "h-8 w-28 text-xs",
@@ -4948,8 +5174,8 @@ function ChoiceValue({ field, value, onChange }) {
       }
     );
   }
-  const shown2 = rankTypedMatches2(choices, search.trim(), (c) => c.label);
-  return /* @__PURE__ */ jsx25("span", { className: "inline-flex min-w-0", "data-records-condition-choice": "", "data-pick-value": value, children: /* @__PURE__ */ jsx25(
+  const shown2 = rankTypedMatches3(choices, search.trim(), (c) => c.label);
+  return /* @__PURE__ */ jsx26("span", { className: "inline-flex min-w-0", "data-records-condition-choice": "", "data-pick-value": value, children: /* @__PURE__ */ jsx26(
     PickOrAdd,
     {
       triggerSize: "compact",
@@ -4975,7 +5201,7 @@ function ChoiceValue({ field, value, onChange }) {
         setOpen(false);
         setSearch("");
       },
-      empty: /* @__PURE__ */ jsx25("p", { className: "p-2 text-xs text-muted-foreground", children: "No match" })
+      empty: /* @__PURE__ */ jsx26("p", { className: "p-2 text-xs text-muted-foreground", children: "No match" })
     }
   ) });
 }
@@ -5115,9 +5341,9 @@ function ConditionRow({ lead, expr, fields, onChange, emptyLabel = "always", cla
       VALUELESS_OPS.has(chosenOp) ? { op: chosenOp, args: [{ field: chosenField }] } : { op: chosenOp, args: [{ field: chosenField }, { const: chosenValue }] }
     );
   }
-  return /* @__PURE__ */ jsxs23("div", { className: className ?? "flex flex-wrap items-center gap-1 text-xs", children: [
-    /* @__PURE__ */ jsx25("span", { className: "text-muted-foreground", children: lead }),
-    /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsxs24("div", { className: className ?? "flex flex-wrap items-center gap-1 text-xs", children: [
+    /* @__PURE__ */ jsx26("span", { className: "text-muted-foreground", children: lead }),
+    /* @__PURE__ */ jsx26(
       PickOne,
       {
         label: "Condition field",
@@ -5128,7 +5354,7 @@ function ConditionRow({ lead, expr, fields, onChange, emptyLabel = "always", cla
         attrs: { "data-condition": "field" }
       }
     ),
-    onField && !fields.some((f) => f.id === onField) ? /* @__PURE__ */ jsx25(
+    onField && !fields.some((f) => f.id === onField) ? /* @__PURE__ */ jsx26(
       "span",
       {
         className: "rounded bg-destructive px-1.5 py-0.5 text-[11px] font-medium text-destructive-foreground",
@@ -5137,8 +5363,8 @@ function ConditionRow({ lead, expr, fields, onChange, emptyLabel = "always", cla
         children: "Missing question"
       }
     ) : null,
-    onField ? /* @__PURE__ */ jsxs23(Fragment8, { children: [
-      /* @__PURE__ */ jsx25(
+    onField ? /* @__PURE__ */ jsxs24(Fragment9, { children: [
+      /* @__PURE__ */ jsx26(
         PickOne,
         {
           label: "Condition comparison",
@@ -5149,7 +5375,7 @@ function ConditionRow({ lead, expr, fields, onChange, emptyLabel = "always", cla
           attrs: { "data-condition": "comparison" }
         }
       ),
-      relative ? relativeTerm?.takesDays ? /* @__PURE__ */ jsx25(
+      relative ? relativeTerm?.takesDays ? /* @__PURE__ */ jsx26(
         BasicInput7,
         {
           className: "h-8 w-16 text-xs",
@@ -5166,7 +5392,7 @@ function ConditionRow({ lead, expr, fields, onChange, emptyLabel = "always", cla
         // is asked for ONE record even when the column holds several: a clause compares
         // against one value, and a picker that let somebody choose three would be
         // writing an expression this row cannot draw back.
-        /* @__PURE__ */ jsx25(
+        /* @__PURE__ */ jsx26(
           RelationPicker,
           {
             field: { ...chosen.field, multi: false },
@@ -5177,7 +5403,7 @@ function ConditionRow({ lead, expr, fields, onChange, emptyLabel = "always", cla
             allowCreate: false
           }
         )
-      ) : isChoiceColumn(chosen) && (op === "eq" || op === "ne" || op === "contains" || op === "not_contains") ? /* @__PURE__ */ jsx25(ChoiceValue, { field: chosen.field, value: String(value ?? ""), onChange: (word) => write({ value: word }) }) : /* @__PURE__ */ jsx25(
+      ) : isChoiceColumn(chosen) && (op === "eq" || op === "ne" || op === "contains" || op === "not_contains") ? /* @__PURE__ */ jsx26(ChoiceValue, { field: chosen.field, value: String(value ?? ""), onChange: (word) => write({ value: word }) }) : /* @__PURE__ */ jsx26(
         BasicInput7,
         {
           className: "h-8 w-28 text-xs",
@@ -5254,7 +5480,7 @@ function ConditionGroup({
   className
 }) {
   const { joiner, args } = clausesOf(expr);
-  const [drafting, setDrafting] = useState19(null);
+  const [drafting, setDrafting] = useState20(null);
   const nested = depth > 0;
   const replaceAt = (index, next) => {
     const nextArgs = args.slice();
@@ -5265,16 +5491,16 @@ function ConditionGroup({
   const joinWord = (index) => index === 0 ? lead : joiner === "or" || joiner === "none" ? "or" : "and";
   const showJoiner = nested || args.length > 1 || joiner === "none" || joiner === "notall";
   const opposite = joiner === "or" || joiner === "none" ? "and" : "or";
-  return /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs24(
     "div",
     {
       className: className ?? "flex flex-col gap-1 text-xs",
       "data-testid": nested ? "condition-nested-group" : "condition-group",
       "data-depth": depth,
       children: [
-        showJoiner ? /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ jsx25("span", { className: "text-muted-foreground", children: nested ? "Group:" : lead }),
-          /* @__PURE__ */ jsx25(
+        showJoiner ? /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx26("span", { className: "text-muted-foreground", children: nested ? "Group:" : lead }),
+          /* @__PURE__ */ jsx26(
             PickOne,
             {
               label: nested ? `How the conditions in this group are joined (level ${depth + 1})` : "How these conditions are joined",
@@ -5285,7 +5511,7 @@ function ConditionGroup({
               attrs: { "data-condition": "joiner" }
             }
           ),
-          nested && onRemove ? /* @__PURE__ */ jsx25(
+          nested && onRemove ? /* @__PURE__ */ jsx26(
             Button12,
             {
               size: "sm",
@@ -5297,7 +5523,7 @@ function ConditionGroup({
             }
           ) : null
         ] }) : null,
-        args.length === 0 ? /* @__PURE__ */ jsx25(
+        args.length === 0 ? /* @__PURE__ */ jsx26(
           ConditionRow,
           {
             lead,
@@ -5310,7 +5536,7 @@ function ConditionGroup({
           const group = conditionGroupOf(arg);
           const key = `clause-${index}`;
           if (group && allowNesting) {
-            return /* @__PURE__ */ jsx25("div", { className: "ml-4 rounded border border-dashed p-1", children: /* @__PURE__ */ jsx25(
+            return /* @__PURE__ */ jsx26("div", { className: "ml-4 rounded border border-dashed p-1", children: /* @__PURE__ */ jsx26(
               ConditionGroup,
               {
                 lead: joinWord(index),
@@ -5324,7 +5550,7 @@ function ConditionGroup({
               }
             ) }, key);
           }
-          return /* @__PURE__ */ jsx25(
+          return /* @__PURE__ */ jsx26(
             ConditionRow,
             {
               lead: showJoiner || args.length > 1 ? joinWord(index) : lead,
@@ -5336,7 +5562,7 @@ function ConditionGroup({
             key
           );
         }),
-        drafting ? /* @__PURE__ */ jsx25("div", { className: drafting === "group" ? "ml-4 rounded border border-dashed p-1" : void 0, children: /* @__PURE__ */ jsx25(
+        drafting ? /* @__PURE__ */ jsx26("div", { className: drafting === "group" ? "ml-4 rounded border border-dashed p-1" : void 0, children: /* @__PURE__ */ jsx26(
           ConditionRow,
           {
             lead: drafting === "group" ? `${joinWord(1)}, a group where` : joinWord(1),
@@ -5351,8 +5577,8 @@ function ConditionGroup({
             }
           }
         ) }) : null,
-        args.length > 0 && !drafting ? /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ jsx25(
+        args.length > 0 && !drafting ? /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx26(
             Button12,
             {
               size: "sm",
@@ -5363,7 +5589,7 @@ function ConditionGroup({
               children: "Add another condition"
             }
           ),
-          allowNesting && (maxDepth === void 0 || depth < maxDepth) ? /* @__PURE__ */ jsx25(
+          allowNesting && (maxDepth === void 0 || depth < maxDepth) ? /* @__PURE__ */ jsx26(
             Button12,
             {
               size: "sm",
@@ -5381,11 +5607,11 @@ function ConditionGroup({
 }
 
 // src/FieldRetype.tsx
-import { useEffect as useEffect14, useState as useState20 } from "react";
+import { useEffect as useEffect15, useState as useState21 } from "react";
 import { previewRetype } from "@ai-matrx/records";
 import { tableShapeChanged as tableShapeChanged2, useRecordsClient as useRecordsClient7 } from "@ai-matrx/records/react";
 import { Button as Button13, Select as Select4, SelectContent as SelectContent4, SelectItem as SelectItem4, SelectTrigger as SelectTrigger4, SelectValue as SelectValue4 } from "@ai-matrx/design-system";
-import { jsx as jsx26, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs25 } from "react/jsx-runtime";
 var RETYPE_TARGETS = [
   { id: "text", behaviour: "text", kind: null, label: "Text", holds: "words", via: "behaviour" },
   { id: "number", behaviour: "range", kind: "number", label: "Number", holds: "a number", via: "behaviour" },
@@ -5433,15 +5659,15 @@ function currentTarget(field) {
 function FieldRetype({ field, tableId, onRetyped }) {
   const client = useRecordsClient7();
   const notify = useRecordsUi().notify;
-  const [to, setTo] = useState20(null);
-  const [preview, setPreview] = useState20(null);
-  const [asking, setAsking] = useState20(false);
-  const [refusal, setRefusal] = useState20(null);
-  const [busy, setBusy] = useState20(false);
-  const [said2, setSaid] = useState20(null);
+  const [to, setTo] = useState21(null);
+  const [preview, setPreview] = useState21(null);
+  const [asking, setAsking] = useState21(false);
+  const [refusal, setRefusal] = useState21(null);
+  const [busy, setBusy] = useState21(false);
+  const [said2, setSaid] = useState21(null);
   const name = fieldName(field);
   const targets = RETYPE_TARGETS.filter((t) => t.id !== currentTarget(field));
-  useEffect14(() => {
+  useEffect15(() => {
     if (!to) return;
     let cancelled = false;
     setPreview(null);
@@ -5462,7 +5688,7 @@ function FieldRetype({ field, tableId, onRetyped }) {
     };
   }, [client, tableId, field.key, to]);
   if (!retypeableFrom(field)) {
-    return /* @__PURE__ */ jsx26("p", { className: "text-[11px] text-muted-foreground", "data-records-retype": "not-here", children: whyNotRetypeable(field) });
+    return /* @__PURE__ */ jsx27("p", { className: "text-[11px] text-muted-foreground", "data-records-retype": "not-here", children: whyNotRetypeable(field) });
   }
   const change = async () => {
     if (!to) return;
@@ -5511,21 +5737,21 @@ function FieldRetype({ field, tableId, onRetyped }) {
     tableShapeChanged2(tableId);
     onRetyped?.();
   };
-  return /* @__PURE__ */ jsxs24("div", { className: "flex flex-col gap-1.5", "data-records-retype": "", children: [
-    /* @__PURE__ */ jsxs24("div", { className: "flex flex-wrap items-center gap-2", children: [
-      /* @__PURE__ */ jsxs24(Select4, { value: to?.id ?? "", onValueChange: (next) => setTo(targets.find((t) => t.id === next) ?? null), children: [
-        /* @__PURE__ */ jsx26(SelectTrigger4, { size: "sm", "aria-label": "Change what this column holds", className: "w-auto min-w-[12rem]", children: /* @__PURE__ */ jsx26(SelectValue4, { placeholder: "Change what this column holds" }) }),
-        /* @__PURE__ */ jsx26(SelectContent4, { children: targets.map((t) => /* @__PURE__ */ jsx26(SelectItem4, { value: t.id, children: t.label }, t.id)) })
+  return /* @__PURE__ */ jsxs25("div", { className: "flex flex-col gap-1.5", "data-records-retype": "", children: [
+    /* @__PURE__ */ jsxs25("div", { className: "flex flex-wrap items-center gap-2", children: [
+      /* @__PURE__ */ jsxs25(Select4, { value: to?.id ?? "", onValueChange: (next) => setTo(targets.find((t) => t.id === next) ?? null), children: [
+        /* @__PURE__ */ jsx27(SelectTrigger4, { size: "sm", "aria-label": "Change what this column holds", className: "w-auto min-w-[12rem]", children: /* @__PURE__ */ jsx27(SelectValue4, { placeholder: "Change what this column holds" }) }),
+        /* @__PURE__ */ jsx27(SelectContent4, { children: targets.map((t) => /* @__PURE__ */ jsx27(SelectItem4, { value: t.id, children: t.label }, t.id)) })
       ] }),
-      to ? /* @__PURE__ */ jsx26(Button13, { size: "sm", disabled: busy || asking || preview === null, onClick: () => void change(), "data-records-retype-go": "", children: busy ? "Changing\u2026" : `Change to ${to.label}` }) : null,
-      to ? /* @__PURE__ */ jsx26(Button13, { size: "sm", variant: "ghost", onClick: () => setTo(null), disabled: busy, children: "Cancel" }) : null
+      to ? /* @__PURE__ */ jsx27(Button13, { size: "sm", disabled: busy || asking || preview === null, onClick: () => void change(), "data-records-retype-go": "", children: busy ? "Changing\u2026" : `Change to ${to.label}` }) : null,
+      to ? /* @__PURE__ */ jsx27(Button13, { size: "sm", variant: "ghost", onClick: () => setTo(null), disabled: busy, children: "Cancel" }) : null
     ] }),
-    to && asking ? /* @__PURE__ */ jsxs24("p", { className: "text-[11px] text-muted-foreground", children: [
+    to && asking ? /* @__PURE__ */ jsxs25("p", { className: "text-[11px] text-muted-foreground", children: [
       "Counting ",
       name,
       "'s values\u2026"
     ] }) : null,
-    to && preview ? /* @__PURE__ */ jsxs24("p", { className: "text-[11px] text-muted-foreground", "data-records-retype-preview": "", children: [
+    to && preview ? /* @__PURE__ */ jsxs25("p", { className: "text-[11px] text-muted-foreground", "data-records-retype-preview": "", children: [
       preview.converts,
       " ",
       preview.converts === 1 ? "value converts" : "values convert",
@@ -5534,16 +5760,16 @@ function FieldRetype({ field, tableId, onRetyped }) {
       preview.keptAside > 0 ? `; ${preview.keptAside} ${preview.keptAside === 1 ? "value does" : "values do"} not fit and will be kept aside with ${preview.keptAside === 1 ? "its record" : "their records"}, with the reason \u2014 nothing is deleted` + (preview.examples.length > 0 ? ` (for example ${preview.examples.map((e) => `\u201C${e}\u201D`).join(", ")})` : "") : "",
       preview.partial ? ". Counted over the first 1,000 different values." : "."
     ] }) : null,
-    refusal ? /* @__PURE__ */ jsx26(RefusalNotice, { error: refusal }) : null,
-    said2 ? /* @__PURE__ */ jsx26("p", { role: "status", className: "text-[11px] text-muted-foreground", "data-records-retype-done": "", children: said2 }) : null
+    refusal ? /* @__PURE__ */ jsx27(RefusalNotice, { error: refusal }) : null,
+    said2 ? /* @__PURE__ */ jsx27("p", { role: "status", className: "text-[11px] text-muted-foreground", "data-records-retype-done": "", children: said2 }) : null
   ] });
 }
 
 // src/FieldRulePreview.tsx
-import { useEffect as useEffect15, useMemo as useMemo9, useRef as useRef11, useState as useState21 } from "react";
+import { useEffect as useEffect16, useMemo as useMemo10, useRef as useRef12, useState as useState22 } from "react";
 import { previewRuleChange } from "@ai-matrx/records";
 import { useRecordsClient as useRecordsClient8 } from "@ai-matrx/records/react";
-import { jsx as jsx27, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs26 } from "react/jsx-runtime";
 var PREVIEW_GROUPS2 = 1e3;
 function ruleWords(rules) {
   return rules.map((r) => JSON.stringify([r.kind, r.value === void 0 || r.value === "" ? null : String(r.value), r.min ?? null, r.example ?? null])).sort().join("|");
@@ -5561,13 +5787,13 @@ function groupValue(value, numbers) {
 }
 function FieldRulePreview({ field, tableId, rules }) {
   const client = useRecordsClient8();
-  const [preview, setPreview] = useState21(null);
-  const [refusal, setRefusal] = useState21(null);
-  const key = useMemo9(() => ruleWords(rules), [rules]);
-  const latest = useRef11(rules);
+  const [preview, setPreview] = useState22(null);
+  const [refusal, setRefusal] = useState22(null);
+  const key = useMemo10(() => ruleWords(rules), [rules]);
+  const latest = useRef12(rules);
   latest.current = rules;
   const name = fieldName(field);
-  useEffect15(() => {
+  useEffect16(() => {
     let cancelled = false;
     setPreview(null);
     setRefusal(null);
@@ -5588,16 +5814,16 @@ function FieldRulePreview({ field, tableId, rules }) {
       clearTimeout(timer);
     };
   }, [client, tableId, field.key, key]);
-  if (refusal) return /* @__PURE__ */ jsx27(RefusalNotice, { error: refusal });
+  if (refusal) return /* @__PURE__ */ jsx28(RefusalNotice, { error: refusal });
   if (!preview) {
-    return /* @__PURE__ */ jsxs25("p", { className: "text-[11px] text-muted-foreground", "data-records-rule-preview": "counting", children: [
+    return /* @__PURE__ */ jsxs26("p", { className: "text-[11px] text-muted-foreground", "data-records-rule-preview": "counting", children: [
       "Counting ",
       name,
       "'s values\u2026"
     ] });
   }
   if (preview.keptAside === 0) {
-    return /* @__PURE__ */ jsxs25("p", { className: "text-[11px] text-muted-foreground", "data-records-rule-preview": "fits", children: [
+    return /* @__PURE__ */ jsxs26("p", { className: "text-[11px] text-muted-foreground", "data-records-rule-preview": "fits", children: [
       "Every value already in ",
       name,
       " still fits",
@@ -5605,7 +5831,7 @@ function FieldRulePreview({ field, tableId, rules }) {
       "."
     ] });
   }
-  return /* @__PURE__ */ jsxs25("p", { className: "text-[11px] text-amber-700 dark:text-amber-400", role: "status", "data-records-rule-preview": "sets-aside", children: [
+  return /* @__PURE__ */ jsxs26("p", { className: "text-[11px] text-amber-700 dark:text-amber-400", role: "status", "data-records-rule-preview": "sets-aside", children: [
     preview.keptAside,
     " ",
     preview.keptAside === 1 ? "value no longer fits and will be" : "values no longer fit and will be",
@@ -5695,7 +5921,7 @@ import {
   statusGroupOf as statusGroupOf2
 } from "@ai-matrx/records";
 import { Label as Label5, Select as Select5, SelectContent as SelectContent5, SelectItem as SelectItem5, SelectTrigger as SelectTrigger5, SelectValue as SelectValue5 } from "@ai-matrx/design-system";
-import { jsx as jsx28, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs27 } from "react/jsx-runtime";
 var STATUS_STARTING_CHOICES = [
   { words: "Not started", group: "todo" },
   { words: "In progress", group: "in_progress" },
@@ -5724,13 +5950,13 @@ function StatusGroupsQuestion({
   onGroup
 }) {
   if (rows.length === 0) return null;
-  return /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-1", "data-records-status-groups": "", children: [
-    /* @__PURE__ */ jsx28(Label5, { className: "text-xs", children: "Groups" }),
-    rows.map((r) => /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx28("span", { className: "min-w-0 flex-1 truncate text-sm", children: r.words }),
-      /* @__PURE__ */ jsxs26(Select5, { value: r.group, onValueChange: (next) => onGroup(r.ref, next), children: [
-        /* @__PURE__ */ jsx28(SelectTrigger5, { size: "sm", className: "w-36", "aria-label": `Group for ${r.words}`, children: /* @__PURE__ */ jsx28(SelectValue5, {}) }),
-        /* @__PURE__ */ jsx28(SelectContent5, { children: STATUS_GROUPS.map((g) => /* @__PURE__ */ jsxs26(SelectItem5, { value: g, children: [
+  return /* @__PURE__ */ jsxs27("div", { className: "flex flex-col gap-1", "data-records-status-groups": "", children: [
+    /* @__PURE__ */ jsx29(Label5, { className: "text-xs", children: "Groups" }),
+    rows.map((r) => /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx29("span", { className: "min-w-0 flex-1 truncate text-sm", children: r.words }),
+      /* @__PURE__ */ jsxs27(Select5, { value: r.group, onValueChange: (next) => onGroup(r.ref, next), children: [
+        /* @__PURE__ */ jsx29(SelectTrigger5, { size: "sm", className: "w-36", "aria-label": `Group for ${r.words}`, children: /* @__PURE__ */ jsx29(SelectValue5, {}) }),
+        /* @__PURE__ */ jsx29(SelectContent5, { children: STATUS_GROUPS.map((g) => /* @__PURE__ */ jsxs27(SelectItem5, { value: g, children: [
           STATUS_GROUP_MARK[g],
           " ",
           STATUS_GROUP_WORDS2[g]
@@ -5740,11 +5966,11 @@ function StatusGroupsQuestion({
   ] });
 }
 function RatingMaxQuestion({ value, onChange }) {
-  return /* @__PURE__ */ jsxs26("label", { className: "flex max-w-[16rem] flex-col gap-1", children: [
-    /* @__PURE__ */ jsx28(Label5, { className: "text-xs", children: "Out of" }),
-    /* @__PURE__ */ jsxs26(Select5, { value: String(value), onValueChange: (next) => onChange(Number(next)), children: [
-      /* @__PURE__ */ jsx28(SelectTrigger5, { size: "sm", "aria-label": "Out of", children: /* @__PURE__ */ jsx28(SelectValue5, {}) }),
-      /* @__PURE__ */ jsx28(SelectContent5, { children: Array.from({ length: 10 }, (_, i) => i + 1).map((n) => /* @__PURE__ */ jsxs26(SelectItem5, { value: String(n), children: [
+  return /* @__PURE__ */ jsxs27("label", { className: "flex max-w-[16rem] flex-col gap-1", children: [
+    /* @__PURE__ */ jsx29(Label5, { className: "text-xs", children: "Out of" }),
+    /* @__PURE__ */ jsxs27(Select5, { value: String(value), onValueChange: (next) => onChange(Number(next)), children: [
+      /* @__PURE__ */ jsx29(SelectTrigger5, { size: "sm", "aria-label": "Out of", children: /* @__PURE__ */ jsx29(SelectValue5, {}) }),
+      /* @__PURE__ */ jsx29(SelectContent5, { children: Array.from({ length: 10 }, (_, i) => i + 1).map((n) => /* @__PURE__ */ jsxs27(SelectItem5, { value: String(n), children: [
         n,
         " ",
         n === 1 ? "star" : "stars"
@@ -5765,13 +5991,13 @@ var SYMBOLOGY_WORDS = {
   pdf417: "PDF417"
 };
 function BarcodeSymbologyQuestion({ value, onChange }) {
-  return /* @__PURE__ */ jsxs26("label", { className: "flex max-w-[16rem] flex-col gap-1", children: [
-    /* @__PURE__ */ jsx28(Label5, { className: "text-xs", children: "Code type" }),
-    /* @__PURE__ */ jsxs26(Select5, { value: value === "" ? "any" : value, onValueChange: (next) => onChange(next === "any" ? "" : next), children: [
-      /* @__PURE__ */ jsx28(SelectTrigger5, { size: "sm", "aria-label": "Code type", children: /* @__PURE__ */ jsx28(SelectValue5, {}) }),
-      /* @__PURE__ */ jsxs26(SelectContent5, { children: [
-        /* @__PURE__ */ jsx28(SelectItem5, { value: "any", children: "Any code" }),
-        BARCODE_SYMBOLOGIES.map((s) => /* @__PURE__ */ jsx28(SelectItem5, { value: s, children: SYMBOLOGY_WORDS[s] }, s))
+  return /* @__PURE__ */ jsxs27("label", { className: "flex max-w-[16rem] flex-col gap-1", children: [
+    /* @__PURE__ */ jsx29(Label5, { className: "text-xs", children: "Code type" }),
+    /* @__PURE__ */ jsxs27(Select5, { value: value === "" ? "any" : value, onValueChange: (next) => onChange(next === "any" ? "" : next), children: [
+      /* @__PURE__ */ jsx29(SelectTrigger5, { size: "sm", "aria-label": "Code type", children: /* @__PURE__ */ jsx29(SelectValue5, {}) }),
+      /* @__PURE__ */ jsxs27(SelectContent5, { children: [
+        /* @__PURE__ */ jsx29(SelectItem5, { value: "any", children: "Any code" }),
+        BARCODE_SYMBOLOGIES.map((s) => /* @__PURE__ */ jsx29(SelectItem5, { value: s, children: SYMBOLOGY_WORDS[s] }, s))
       ] })
     ] })
   ] });
@@ -5784,7 +6010,7 @@ import {
   getFieldFormat as getFieldFormat3,
   groupedFormatsForBase
 } from "@ai-matrx/design-system/field-formats";
-import { jsx as jsx29, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs28 } from "react/jsx-runtime";
 var KIND_WORD = {
   choice: "select",
   multi_choice: "multi_select",
@@ -5907,13 +6133,13 @@ function FieldFormatPicker({
     else merged[key] = next;
     onValue({ ...value, format: Object.keys(merged).length > 0 ? { id: value.format.id, options: merged } : { id: value.format.id } });
   };
-  const option = (key, label, control) => optionKeys.includes(key) ? /* @__PURE__ */ jsxs27("label", { className: "flex min-w-[6rem] flex-col gap-0.5 text-[11px] text-muted-foreground", children: [
+  const option = (key, label, control) => optionKeys.includes(key) ? /* @__PURE__ */ jsxs28("label", { className: "flex min-w-[6rem] flex-col gap-0.5 text-[11px] text-muted-foreground", children: [
     label,
     control
   ] }, key) : null;
-  return /* @__PURE__ */ jsxs27("div", { className: "flex flex-col gap-1", "data-records-format-picker": "", children: [
-    /* @__PURE__ */ jsx29(Label6, { className: "text-xs", htmlFor: `records-shows-as-${field.id}`, children: "Shows as" }),
-    /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsxs28("div", { className: "flex flex-col gap-1", "data-records-format-picker": "", children: [
+    /* @__PURE__ */ jsx30(Label6, { className: "text-xs", htmlFor: `records-shows-as-${field.id}`, children: "Shows as" }),
+    /* @__PURE__ */ jsx30(
       PickOne,
       {
         id: `records-shows-as-${field.id}`,
@@ -5939,12 +6165,12 @@ function FieldFormatPicker({
         ]
       }
     ),
-    /* @__PURE__ */ jsx29("p", { className: "text-[11px] text-muted-foreground", children: retypedTo ? `This changes what the column stores, to ${storesWord(retypedTo.def)}. The store converts each value it can, and says so before it keeps anything it cannot.` : active ? active.description : "How every value in this column is written, wherever it appears." }),
-    optionKeys.length > 0 ? /* @__PURE__ */ jsxs27("div", { className: "flex flex-wrap items-end gap-2", children: [
+    /* @__PURE__ */ jsx30("p", { className: "text-[11px] text-muted-foreground", children: retypedTo ? `This changes what the column stores, to ${storesWord(retypedTo.def)}. The store converts each value it can, and says so before it keeps anything it cannot.` : active ? active.description : "How every value in this column is written, wherever it appears." }),
+    optionKeys.length > 0 ? /* @__PURE__ */ jsxs28("div", { className: "flex flex-wrap items-end gap-2", children: [
       option(
         "currency",
         "Currency",
-        /* @__PURE__ */ jsx29(
+        /* @__PURE__ */ jsx30(
           PickOne,
           {
             label: "Currency",
@@ -5959,7 +6185,7 @@ function FieldFormatPicker({
       option(
         "percentScale",
         "Stored as",
-        /* @__PURE__ */ jsx29(
+        /* @__PURE__ */ jsx30(
           PickOne,
           {
             label: "Stored as",
@@ -5977,7 +6203,7 @@ function FieldFormatPicker({
       option(
         "durationUnit",
         "Unit",
-        /* @__PURE__ */ jsx29(
+        /* @__PURE__ */ jsx30(
           PickOne,
           {
             label: "Unit",
@@ -5997,7 +6223,7 @@ function FieldFormatPicker({
       option(
         "precision",
         "Decimals",
-        /* @__PURE__ */ jsx29(
+        /* @__PURE__ */ jsx30(
           "input",
           {
             "data-records-format-option": "precision",
@@ -6014,7 +6240,7 @@ function FieldFormatPicker({
       option(
         "ratingMax",
         "Out of",
-        /* @__PURE__ */ jsx29(
+        /* @__PURE__ */ jsx30(
           "input",
           {
             "data-records-format-option": "ratingMax",
@@ -6030,7 +6256,7 @@ function FieldFormatPicker({
       option(
         "dateStyle",
         "Style",
-        /* @__PURE__ */ jsx29(
+        /* @__PURE__ */ jsx30(
           PickOne,
           {
             label: "Style",
@@ -6049,15 +6275,15 @@ function FieldFormatPicker({
       option(
         "prefix",
         "Prefix",
-        /* @__PURE__ */ jsx29("input", { "data-records-format-option": "prefix", className: BOX, value: options.prefix ?? "", onChange: (e) => setOption("prefix", e.target.value) })
+        /* @__PURE__ */ jsx30("input", { "data-records-format-option": "prefix", className: BOX, value: options.prefix ?? "", onChange: (e) => setOption("prefix", e.target.value) })
       ),
       option(
         "suffix",
         "Suffix",
-        /* @__PURE__ */ jsx29("input", { "data-records-format-option": "suffix", className: BOX, placeholder: "e.g. kg", value: options.suffix ?? "", onChange: (e) => setOption("suffix", e.target.value) })
+        /* @__PURE__ */ jsx30("input", { "data-records-format-option": "suffix", className: BOX, placeholder: "e.g. kg", value: options.suffix ?? "", onChange: (e) => setOption("suffix", e.target.value) })
       ),
-      optionKeys.includes("useGrouping") ? /* @__PURE__ */ jsxs27("label", { className: "flex items-center gap-1.5 pb-1 text-[11px] text-muted-foreground", children: [
-        /* @__PURE__ */ jsx29(
+      optionKeys.includes("useGrouping") ? /* @__PURE__ */ jsxs28("label", { className: "flex items-center gap-1.5 pb-1 text-[11px] text-muted-foreground", children: [
+        /* @__PURE__ */ jsx30(
           "input",
           {
             type: "checkbox",
@@ -6098,34 +6324,34 @@ function nextFieldSort(fields) {
 import { autonumberPrefixOf as autonumberPrefixOf3, buttonNeeds, buttonOf } from "@ai-matrx/records";
 
 // src/ButtonSettings.tsx
-import { useEffect as useEffect16, useState as useState22 } from "react";
+import { useEffect as useEffect17, useState as useState23 } from "react";
 import { BasicInput as BasicInput8, Button as Button14, Label as Label7 } from "@ai-matrx/design-system";
 import { STYLE_COLORS as STYLE_COLORS3 } from "@ai-matrx/design-system/data-table";
 import { buttonUrlPlaceholders } from "@ai-matrx/records";
-import { useOptionalRecordsClient as useOptionalRecordsClient7 } from "@ai-matrx/records/react";
+import { useOptionalRecordsClient as useOptionalRecordsClient8 } from "@ai-matrx/records/react";
 
 // src/AccentSwatches.tsx
 import { PORTAL_ACCENTS } from "@ai-matrx/records";
-import { cn as cn20 } from "@ai-matrx/design-system";
+import { cn as cn21 } from "@ai-matrx/design-system";
 import { STYLE_COLOR_LABELS as STYLE_COLOR_LABELS2, SWATCH_CLASS as SWATCH_CLASS3 } from "@ai-matrx/design-system/data-table";
-import { jsx as jsx30, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs29 } from "react/jsx-runtime";
 function AccentSwatches({ value, onChange, options = PORTAL_ACCENTS, noneLabel = "App colour" }) {
-  return /* @__PURE__ */ jsxs28("div", { className: "flex flex-wrap gap-1.5", role: "radiogroup", "aria-label": "Colour", children: [
-    /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsxs29("div", { className: "flex flex-wrap gap-1.5", role: "radiogroup", "aria-label": "Colour", children: [
+    /* @__PURE__ */ jsx31(
       "button",
       {
         type: "button",
         role: "radio",
         "aria-checked": value === "",
         onClick: () => onChange(""),
-        className: cn20(
+        className: cn21(
           "h-7 rounded border px-2 text-xs",
           value === "" ? "border-foreground" : "border-border text-muted-foreground"
         ),
         children: noneLabel
       }
     ),
-    options.map((c) => /* @__PURE__ */ jsx30(
+    options.map((c) => /* @__PURE__ */ jsx31(
       "button",
       {
         type: "button",
@@ -6134,7 +6360,7 @@ function AccentSwatches({ value, onChange, options = PORTAL_ACCENTS, noneLabel =
         "aria-label": STYLE_COLOR_LABELS2[c],
         title: STYLE_COLOR_LABELS2[c],
         onClick: () => onChange(c),
-        className: cn20("h-7 w-7 rounded-full border-2", SWATCH_CLASS3[c], value === c ? "border-foreground" : "border-transparent")
+        className: cn21("h-7 w-7 rounded-full border-2", SWATCH_CLASS3[c], value === c ? "border-foreground" : "border-transparent")
       },
       c
     ))
@@ -6142,7 +6368,7 @@ function AccentSwatches({ value, onChange, options = PORTAL_ACCENTS, noneLabel =
 }
 
 // src/ButtonSettings.tsx
-import { jsx as jsx31, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs30 } from "react/jsx-runtime";
 var DOES_WORDS = {
   none: "Nothing yet",
   open_url: "Open a link",
@@ -6163,11 +6389,11 @@ function ButtonSettingsEditor({
   tableId,
   fields
 }) {
-  const client = useOptionalRecordsClient7();
-  const [actions, setActions] = useState22(null);
-  const [actionsRefused, setActionsRefused] = useState22(null);
-  const [automations, setAutomations] = useState22(null);
-  useEffect16(() => {
+  const client = useOptionalRecordsClient8();
+  const [actions, setActions] = useState23(null);
+  const [actionsRefused, setActionsRefused] = useState23(null);
+  const [automations, setAutomations] = useState23(null);
+  useEffect17(() => {
     if (!client || !tableId) return;
     let live = true;
     if (value.do === "run_action" && actions === null) {
@@ -6188,15 +6414,15 @@ function ButtonSettingsEditor({
   }, [client, tableId, value.do, actions, automations]);
   const set = (patch) => onChange({ ...value, ...patch });
   const columns = fields.filter((f) => !(f.type === "text" && f.format === "button"));
-  return /* @__PURE__ */ jsxs29("div", { className: "flex flex-col gap-2 rounded-md border p-2", "data-records-button-settings": "", children: [
-    /* @__PURE__ */ jsxs29("div", { className: "grid gap-2 sm:grid-cols-2", children: [
-      /* @__PURE__ */ jsxs29("label", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ jsx31(Label7, { className: "text-xs", children: "Button label" }),
-        /* @__PURE__ */ jsx31(BasicInput8, { className: "h-8 text-xs", value: value.label, "data-records-button-label": "", onChange: (e) => set({ label: e.target.value }) })
+  return /* @__PURE__ */ jsxs30("div", { className: "flex flex-col gap-2 rounded-md border p-2", "data-records-button-settings": "", children: [
+    /* @__PURE__ */ jsxs30("div", { className: "grid gap-2 sm:grid-cols-2", children: [
+      /* @__PURE__ */ jsxs30("label", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx32(Label7, { className: "text-xs", children: "Button label" }),
+        /* @__PURE__ */ jsx32(BasicInput8, { className: "h-8 text-xs", value: value.label, "data-records-button-label": "", onChange: (e) => set({ label: e.target.value }) })
       ] }),
-      /* @__PURE__ */ jsxs29("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ jsx31(Label7, { className: "text-xs", children: "Does" }),
-        /* @__PURE__ */ jsx31(
+      /* @__PURE__ */ jsxs30("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx32(Label7, { className: "text-xs", children: "Does" }),
+        /* @__PURE__ */ jsx32(
           PickOne,
           {
             label: "What a press does",
@@ -6208,9 +6434,9 @@ function ButtonSettingsEditor({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxs29("div", { className: "flex flex-col gap-1", children: [
-      /* @__PURE__ */ jsx31(Label7, { className: "text-xs", children: "Colour" }),
-      /* @__PURE__ */ jsx31(
+    /* @__PURE__ */ jsxs30("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx32(Label7, { className: "text-xs", children: "Colour" }),
+      /* @__PURE__ */ jsx32(
         AccentSwatches,
         {
           value: value.color ?? "",
@@ -6220,10 +6446,10 @@ function ButtonSettingsEditor({
         }
       )
     ] }),
-    value.do === "open_url" ? /* @__PURE__ */ jsxs29("div", { className: "flex flex-col gap-1", children: [
-      /* @__PURE__ */ jsx31(Label7, { className: "text-xs", children: "Link" }),
-      /* @__PURE__ */ jsxs29("div", { className: "flex gap-1", children: [
-        /* @__PURE__ */ jsx31(
+    value.do === "open_url" ? /* @__PURE__ */ jsxs30("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx32(Label7, { className: "text-xs", children: "Link" }),
+      /* @__PURE__ */ jsxs30("div", { className: "flex gap-1", children: [
+        /* @__PURE__ */ jsx32(
           BasicInput8,
           {
             className: "h-8 flex-1 font-mono text-xs",
@@ -6233,7 +6459,7 @@ function ButtonSettingsEditor({
             onChange: (e) => set({ url: e.target.value })
           }
         ),
-        columns.length > 0 ? /* @__PURE__ */ jsx31(
+        columns.length > 0 ? /* @__PURE__ */ jsx32(
           PickOne,
           {
             label: "Add a column's value",
@@ -6246,10 +6472,10 @@ function ButtonSettingsEditor({
           }
         ) : null
       ] }),
-      value.url && buttonUrlPlaceholders(value.url).length > 0 ? /* @__PURE__ */ jsx31("p", { className: "truncate text-[11px] text-muted-foreground", "data-records-button-url-words": "", children: buttonUrlInWords(value.url, fields) }) : null
+      value.url && buttonUrlPlaceholders(value.url).length > 0 ? /* @__PURE__ */ jsx32("p", { className: "truncate text-[11px] text-muted-foreground", "data-records-button-url-words": "", children: buttonUrlInWords(value.url, fields) }) : null
     ] }) : null,
-    value.do === "run_action" ? !tableId ? /* @__PURE__ */ jsx31("p", { className: "text-xs text-muted-foreground", children: "Row actions belong to a table" }) : actionsRefused ? /* @__PURE__ */ jsx31(RefusalLine, { error: actionsRefused }) : /* @__PURE__ */ jsxs29("div", { className: "flex flex-col gap-2", "data-records-button-action": "", children: [
-      actions === null || actions.length > 0 ? /* @__PURE__ */ jsx31(
+    value.do === "run_action" ? !tableId ? /* @__PURE__ */ jsx32("p", { className: "text-xs text-muted-foreground", children: "Row actions belong to a table" }) : actionsRefused ? /* @__PURE__ */ jsx32(RefusalLine, { error: actionsRefused }) : /* @__PURE__ */ jsxs30("div", { className: "flex flex-col gap-2", "data-records-button-action": "", children: [
+      actions === null || actions.length > 0 ? /* @__PURE__ */ jsx32(
         PickOne,
         {
           label: "Row action",
@@ -6260,7 +6486,7 @@ function ButtonSettingsEditor({
           options: (actions ?? []).map((a) => ({ value: a.id, label: a.name }))
         }
       ) : null,
-      actions !== null ? /* @__PURE__ */ jsx31(
+      actions !== null ? /* @__PURE__ */ jsx32(
         NewRowAction,
         {
           tableId,
@@ -6274,7 +6500,7 @@ function ButtonSettingsEditor({
         }
       ) : null
     ] }) : null,
-    value.do === "run_automation" ? automations && automations.length === 0 ? /* @__PURE__ */ jsx31("p", { className: "text-xs text-muted-foreground", children: "No automations yet. Add one in Table \u22EF \u2192 Automations." }) : /* @__PURE__ */ jsx31(
+    value.do === "run_automation" ? automations && automations.length === 0 ? /* @__PURE__ */ jsx32("p", { className: "text-xs text-muted-foreground", children: "No automations yet. Add one in Table \u22EF \u2192 Automations." }) : /* @__PURE__ */ jsx32(
       PickOne,
       {
         label: "Automation",
@@ -6299,13 +6525,13 @@ function NewRowAction({
   columns,
   onMade
 }) {
-  const client = useOptionalRecordsClient7();
+  const client = useOptionalRecordsClient8();
   const settable = settableColumns(columns);
-  const [fieldId, setFieldId] = useState22("");
-  const [setTo, setSetTo] = useState22("");
-  const [busy, setBusy] = useState22(false);
-  const [refused, setRefused] = useState22(null);
-  if (settable.length === 0) return /* @__PURE__ */ jsx31("p", { className: "text-xs text-muted-foreground", children: "No column to set" });
+  const [fieldId, setFieldId] = useState23("");
+  const [setTo, setSetTo] = useState23("");
+  const [busy, setBusy] = useState23(false);
+  const [refused, setRefused] = useState23(null);
+  if (settable.length === 0) return /* @__PURE__ */ jsx32("p", { className: "text-xs text-muted-foreground", children: "No column to set" });
   const make = async () => {
     if (!client || fieldId === "") return;
     setBusy(true);
@@ -6329,10 +6555,10 @@ function NewRowAction({
     if (!made?.id) return setRefused({ code: "internal", message: "The row action was saved but could not be read back.", hint: "Reopen this column's settings and pick it from the list." });
     onMade(made.id, all);
   };
-  return /* @__PURE__ */ jsxs29("div", { className: "flex flex-col gap-1", "data-records-button-new-action": "", children: [
-    /* @__PURE__ */ jsx31(Label7, { className: "text-xs", children: "New row action" }),
-    /* @__PURE__ */ jsxs29("div", { className: "flex flex-wrap items-center gap-1", children: [
-      /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsxs30("div", { className: "flex flex-col gap-1", "data-records-button-new-action": "", children: [
+    /* @__PURE__ */ jsx32(Label7, { className: "text-xs", children: "New row action" }),
+    /* @__PURE__ */ jsxs30("div", { className: "flex flex-wrap items-center gap-1", children: [
+      /* @__PURE__ */ jsx32(
         PickOne,
         {
           label: "Column to set",
@@ -6344,16 +6570,16 @@ function NewRowAction({
           options: settable.map((f) => ({ value: f.id, label: fieldName(f) }))
         }
       ),
-      /* @__PURE__ */ jsx31(BasicInput8, { className: "h-8 w-32 text-xs", placeholder: "Value", "aria-label": "Value", "data-records-button-action-value": "", value: setTo, onChange: (e) => setSetTo(e.target.value) }),
-      /* @__PURE__ */ jsx31(Button14, { type: "button", size: "sm", variant: "outline", disabled: busy || fieldId === "", "data-records-button-action-make": "", onClick: () => void make(), children: busy ? "Making\u2026" : "Make" })
+      /* @__PURE__ */ jsx32(BasicInput8, { className: "h-8 w-32 text-xs", placeholder: "Value", "aria-label": "Value", "data-records-button-action-value": "", value: setTo, onChange: (e) => setSetTo(e.target.value) }),
+      /* @__PURE__ */ jsx32(Button14, { type: "button", size: "sm", variant: "outline", disabled: busy || fieldId === "", "data-records-button-action-make": "", onClick: () => void make(), children: busy ? "Making\u2026" : "Make" })
     ] }),
-    refused ? /* @__PURE__ */ jsx31(RefusalLine, { error: refused }) : null
+    refused ? /* @__PURE__ */ jsx32(RefusalLine, { error: refused }) : null
   ] });
 }
 
 // src/FieldEditor.tsx
 import { FIELD_SENSITIVITIES, CONTEXT_POLICIES, DECLARABLE_FIELD_KINDS as DECLARABLE_FIELD_KINDS2, optionKey as optionKey3, ratingMaxOf as ratingMaxOf2, rulesWithTopStar } from "@ai-matrx/records";
-import { Fragment as Fragment9, jsx as jsx32, jsxs as jsxs30 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx33, jsxs as jsxs31 } from "react/jsx-runtime";
 var RULE_KINDS = FIELD_RULE_KIND_VALUES.map((kind) => ({ kind, label: FIELD_RULE_KIND_LABEL[kind] }));
 var SENSITIVITIES = FIELD_SENSITIVITIES.map((value) => ({ value, label: FIELD_SENSITIVITY_LABEL[value] }));
 var AGENT_VISIBILITY = CONTEXT_POLICIES.map((value) => ({ value, label: CONTEXT_POLICY_LABEL[value] }));
@@ -6466,33 +6692,33 @@ function FieldEditor(props) {
   const copyOf = field ? void 0 : props.copyOf;
   const start = field ?? copyOf;
   const startAs = start ? void 0 : props.startAs;
-  const [label, setLabel] = useState23(field?.label ?? (copyOf ? `${copyOf.label} (1)` : startAs?.label ?? ""));
-  const [type, setType] = useState23(() => startAs ? startAs.type : startingType(start));
-  const [required, setRequired] = useState23(start?.required ?? false);
-  const [multi, setMulti] = useState23(start?.multi ?? false);
-  const [dated, setDated] = useState23(start?.dated ?? false);
-  const [sensitivity, setSensitivity] = useState23(String(start?.sensitivity ?? "internal"));
-  const [contextPolicy, setContextPolicy] = useState23(String(start?.context_policy ?? "include"));
-  const [rules, setRules] = useState23(start?.rules ?? []);
-  const [startsWith, setStartsWith] = useState23(start?.default ?? null);
-  const [ratingMax, setRatingMax] = useState23(() => start ? ratingMaxOf2(start) : 5);
-  const savedRules = useMemo10(
+  const [label, setLabel] = useState24(field?.label ?? (copyOf ? `${copyOf.label} (1)` : startAs?.label ?? ""));
+  const [type, setType] = useState24(() => startAs ? startAs.type : startingType(start));
+  const [required, setRequired] = useState24(start?.required ?? false);
+  const [multi, setMulti] = useState24(start?.multi ?? false);
+  const [dated, setDated] = useState24(start?.dated ?? false);
+  const [sensitivity, setSensitivity] = useState24(String(start?.sensitivity ?? "internal"));
+  const [contextPolicy, setContextPolicy] = useState24(String(start?.context_policy ?? "include"));
+  const [rules, setRules] = useState24(start?.rules ?? []);
+  const [startsWith, setStartsWith] = useState24(start?.default ?? null);
+  const [ratingMax, setRatingMax] = useState24(() => start ? ratingMaxOf2(start) : 5);
+  const savedRules = useMemo11(
     () => field ? type === "rating" ? rulesWithTopStar(field.rules ?? [], ratingMaxOf2(field)) : field.rules ?? [] : [],
     [field, type]
   );
-  const editedRules = useMemo10(() => type === "rating" ? rulesWithTopStar(rules, ratingMax) : rules, [type, rules, ratingMax]);
-  const [statusGroups, setStatusGroups] = useState23({});
-  const [statusKeys, setStatusKeys] = useState23({});
-  const [symbology, setSymbology] = useState23(String(start?.config?.["symbology"] ?? ""));
+  const editedRules = useMemo11(() => type === "rating" ? rulesWithTopStar(rules, ratingMax) : rules, [type, rules, ratingMax]);
+  const [statusGroups, setStatusGroups] = useState24({});
+  const [statusKeys, setStatusKeys] = useState24({});
+  const [symbology, setSymbology] = useState24(String(start?.config?.["symbology"] ?? ""));
   const descriptionStart = String(start?.config?.["description"] ?? "");
-  const [description, setDescription] = useState23(descriptionStart);
-  const buttonStart = useMemo10(() => buttonOf(start) ?? { label: "" }, [start]);
-  const [buttonSettings, setButtonSettings] = useState23(buttonStart);
+  const [description, setDescription] = useState24(descriptionStart);
+  const buttonStart = useMemo11(() => buttonOf(start) ?? { label: "" }, [start]);
+  const [buttonSettings, setButtonSettings] = useState24(buttonStart);
   const prefixStart = autonumberPrefixOf3(start);
-  const [numberPrefix, setNumberPrefix] = useState23(prefixStart);
+  const [numberPrefix, setNumberPrefix] = useState24(prefixStart);
   const dependencyStart = start?.config?.["dependency"] === true;
-  const [dependency, setDependency] = useState23(dependencyStart);
-  useEffect17(() => {
+  const [dependency, setDependency] = useState24(dependencyStart);
+  useEffect18(() => {
     if (!field || type !== "status") return;
     let live = true;
     void client.fieldOptions({ field_id: field.id }).then((got) => {
@@ -6502,20 +6728,20 @@ function FieldEditor(props) {
       live = false;
     };
   }, [client, field, type]);
-  useEffect17(() => {
+  useEffect18(() => {
     if (field || type !== "status") return;
     setNewChoices(
       (rows) => rows.length > 0 ? rows : STATUS_STARTING_CHOICES.map((c, i) => ({ id: null, words: c.words, row: `status-${i}` }))
     );
   }, [field, type]);
-  useEffect17(() => {
+  useEffect18(() => {
     if (field || type !== "select" && type !== "multi_select") return;
     setNewChoices((rows) => rows.length > 0 ? rows : [newChoiceRow([])]);
   }, [field, type]);
-  const [allowOther, setAllowOther] = useState23(start?.config?.["allow_other"] === true);
-  const [newChoices, setNewChoices] = useState23([]);
+  const [allowOther, setAllowOther] = useState24(start?.config?.["allow_other"] === true);
+  const [newChoices, setNewChoices] = useState24([]);
   const copyOfId = copyOf?.id ?? null;
-  useEffect17(() => {
+  useEffect18(() => {
     if (!copyOf || !copyOfId) return;
     let live = true;
     void client.fieldOptions({ field_id: copyOfId }).then((got) => {
@@ -6527,53 +6753,53 @@ function FieldEditor(props) {
       live = false;
     };
   }, [client, copyOfId]);
-  const [choiceList, setChoiceList] = useState23(null);
-  const [choiceListStart, setChoiceListStart] = useState23(null);
-  const [rehome, setRehome] = useState23({});
-  const [rehomed, setRehomed] = useState23(null);
-  const [rehomeRefused, setRehomeRefused] = useState23(null);
-  const [unit, setUnit] = useState23(start?.unit ?? "$");
-  const [withTime, setWithTime] = useState23(String(start?.config?.["kind"] ?? "date") === "datetime");
-  const [via, setVia] = useState23(String(start?.config?.["via"] ?? ""));
-  const [pick, setPick] = useState23(String(start?.config?.["pick"] ?? ""));
-  const [agg, setAgg] = useState23(
+  const [choiceList, setChoiceList] = useState24(null);
+  const [choiceListStart, setChoiceListStart] = useState24(null);
+  const [rehome, setRehome] = useState24({});
+  const [rehomed, setRehomed] = useState24(null);
+  const [rehomeRefused, setRehomeRefused] = useState24(null);
+  const [unit, setUnit] = useState24(start?.unit ?? "$");
+  const [withTime, setWithTime] = useState24(String(start?.config?.["kind"] ?? "date") === "datetime");
+  const [via, setVia] = useState24(String(start?.config?.["via"] ?? ""));
+  const [pick, setPick] = useState24(String(start?.config?.["pick"] ?? ""));
+  const [agg, setAgg] = useState24(
     start?.config?.["agg"] ?? "count"
   );
-  const [of, setOf] = useState23(String(start?.config?.["of"] ?? ""));
+  const [of, setOf] = useState24(String(start?.config?.["of"] ?? ""));
   const savedRollupFilter = field?.config?.["filter"] ?? null;
-  const [rollupFilter, setRollupFilter] = useState23(
+  const [rollupFilter, setRollupFilter] = useState24(
     field ? savedRollupFilter : copyOf?.config?.["filter"] ?? null
   );
   const rollupFilterChanged = JSON.stringify(rollupFilter) !== JSON.stringify(savedRollupFilter);
-  const [relationTarget, setRelationTarget] = useState23(String(start?.relation_target ?? ""));
-  const [showOnOther, setShowOnOther] = useState23(true);
-  const [nestsSubItems, setNestsSubItems] = useState23(false);
-  const [reverseRefused, setReverseRefused] = useState23(null);
+  const [relationTarget, setRelationTarget] = useState24(String(start?.relation_target ?? ""));
+  const [showOnOther, setShowOnOther] = useState24(true);
+  const [nestsSubItems, setNestsSubItems] = useState24(false);
+  const [reverseRefused, setReverseRefused] = useState24(null);
   const otherTable = useTable(!field && type === "relation" && relationTarget !== "" ? relationTarget : null);
-  const [display, setDisplay] = useState23(start?.display ?? null);
-  const [formulaOp, setFormulaOp] = useState23(() => formulaOpOf(start));
-  const [formulaFields, setFormulaFields] = useState23(() => formulaFieldIdsOf(start));
-  const [formulaSeparator, setFormulaSeparator] = useState23(() => formulaSeparatorOf(start));
-  const [allowedTypes, setAllowedTypes] = useState23(() => entityReferenceKindsOf(start));
+  const [display, setDisplay] = useState24(start?.display ?? null);
+  const [formulaOp, setFormulaOp] = useState24(() => formulaOpOf(start));
+  const [formulaFields, setFormulaFields] = useState24(() => formulaFieldIdsOf(start));
+  const [formulaSeparator, setFormulaSeparator] = useState24(() => formulaSeparatorOf(start));
+  const [allowedTypes, setAllowedTypes] = useState24(() => entityReferenceKindsOf(start));
   const startingFormulaText = start ? formulaTextNow(String(start.config?.["formula_text"] ?? ""), start.config?.["expr"] ?? start.expr, fields.data) : "";
-  const [formulaText, setFormulaText] = useState23(startingFormulaText);
-  const shownFormula = useRef12(startingFormulaText);
-  useEffect17(() => {
+  const [formulaText, setFormulaText] = useState24(startingFormulaText);
+  const shownFormula = useRef13(startingFormulaText);
+  useEffect18(() => {
     if (shownFormula.current === startingFormulaText) return;
     setFormulaText((typed) => typed === shownFormula.current ? startingFormulaText : typed);
     shownFormula.current = startingFormulaText;
   }, [startingFormulaText]);
-  const [formulaWritten, setFormulaWritten] = useState23(() => startingFormulaText.trim() !== "" || Boolean(field) || startAs?.type === "formula");
-  const [formulaOk, setFormulaOk] = useState23(null);
-  const [askingToRemove, setAskingToRemove] = useState23(false);
-  const [attempted, setAttempted] = useState23(false);
-  const [showsAs, setShowsAs] = useState23(() => start ? startingChoice(start) : { format: null, retype: null });
-  const [backfillError, setBackfillError] = useState23(null);
-  const [notLanded, setNotLanded] = useState23(false);
+  const [formulaWritten, setFormulaWritten] = useState24(() => startingFormulaText.trim() !== "" || Boolean(field) || startAs?.type === "formula");
+  const [formulaOk, setFormulaOk] = useState24(null);
+  const [askingToRemove, setAskingToRemove] = useState24(false);
+  const [attempted, setAttempted] = useState24(false);
+  const [showsAs, setShowsAs] = useState24(() => start ? startingChoice(start) : { format: null, retype: null });
+  const [backfillError, setBackfillError] = useState24(null);
+  const [notLanded, setNotLanded] = useState24(false);
   const liveField = field ? fields.data?.find((f) => f.id === field.id) ?? field : void 0;
   const heldAs = liveField ? JSON.stringify([liveField.type, liveField.config?.["kind"] ?? null, liveField.format ?? null, liveField.multi ?? false, liveField.unit ?? null]) : "";
-  const seededAs = useRef12(heldAs);
-  useEffect17(() => {
+  const seededAs = useRef13(heldAs);
+  useEffect18(() => {
     if (!liveField || seededAs.current === heldAs) return;
     seededAs.current = heldAs;
     setType(startingType(liveField));
@@ -6582,24 +6808,24 @@ function FieldEditor(props) {
     setUnit(liveField.unit ?? "$");
     setWithTime(String(liveField.config?.["kind"] ?? "date") === "datetime");
   }, [heldAs]);
-  const others = useMemo10(
+  const others = useMemo11(
     () => (fields.data ?? []).filter((f) => f.id !== field?.id),
     [fields.data, field?.id]
   );
-  const relations = useMemo10(() => others.filter((f) => sourceKindOf(f) !== null), [others]);
+  const relations = useMemo11(() => others.filter((f) => sourceKindOf(f) !== null), [others]);
   const reverse = useReverseColumns(onEntity ? null : tableId);
-  const backLinks = useMemo10(() => (reverse.data ?? []).map(backLinkAsSource), [reverse.data]);
-  const totalSources = useMemo10(() => [...relations, ...backLinks], [relations, backLinks]);
+  const backLinks = useMemo11(() => (reverse.data ?? []).map(backLinkAsSource), [reverse.data]);
+  const totalSources = useMemo11(() => [...relations, ...backLinks], [relations, backLinks]);
   const sourcesFor = (kind) => kind === "rollup" || kind === "count" ? totalSources : relations;
   const choice = fieldTypeChoice(type);
   const editing = Boolean(field);
-  useEffect17(() => {
+  useEffect18(() => {
     if (!editing) setStartsWith(null);
   }, [type, editing]);
   const newDefault = !editing && !onEntity && newColumnTakesADefault(type) ? defaultToKeep(startsWith) : null;
   const farFieldsOfLink = useFields2(field && sourceKindOf(field) === "link" && !onEntity ? field.relation_target ?? null : null);
   const farTable = useTable(field && sourceKindOf(field) === "link" && !onEntity ? field.relation_target ?? null : null);
-  const linkReaders = useMemo10(
+  const linkReaders = useMemo11(
     () => field ? readingThroughLink(field, farFieldsOfLink.data ?? []) : [],
     [field, farFieldsOfLink.data]
   );
@@ -6607,7 +6833,7 @@ function FieldEditor(props) {
   const offersMany = multiApplies(type) && !isTitle;
   if (!mayShape) {
     if (onEntity && entityRights.loading) return null;
-    return /* @__PURE__ */ jsx32("p", { className: cn21("text-xs text-muted-foreground", className), children: props.tableLabel && storeLabel && whyNot ? whyNot.split(storeLabel).join(props.tableLabel) : whyNot });
+    return /* @__PURE__ */ jsx33("p", { className: cn22("text-xs text-muted-foreground", className), children: props.tableLabel && storeLabel && whyNot ? whyNot.split(storeLabel).join(props.tableLabel) : whyNot });
   }
   const options = newChoices.map((r) => r.words.trim()).filter((word) => word !== "");
   const shownStatusRows = type !== "status" ? [] : statusGroupRows(field, editing ? choiceList ?? [] : newChoices, statusKeys, statusGroups);
@@ -6807,15 +7033,15 @@ function FieldEditor(props) {
     if (gone) (onRemoved ?? onSaved)?.();
     else setAskingToRemove(false);
   };
-  return /* @__PURE__ */ jsxs30("div", { className: cn21("flex min-w-0 flex-col gap-3 text-xs", className), "data-records-field-editor": "", children: [
-    /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx32("span", { className: "font-medium", children: field ? `Field \xB7 ${fieldName(field)}` : "New field" }),
-      /* @__PURE__ */ jsx32("span", { className: "ml-auto text-muted-foreground", children: tableLabel })
+  return /* @__PURE__ */ jsxs31("div", { className: cn22("flex min-w-0 flex-col gap-3 text-xs", className), "data-records-field-editor": "", children: [
+    /* @__PURE__ */ jsxs31("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx33("span", { className: "font-medium", children: field ? `Field \xB7 ${fieldName(field)}` : "New field" }),
+      /* @__PURE__ */ jsx33("span", { className: "ml-auto text-muted-foreground", children: tableLabel })
     ] }),
-    /* @__PURE__ */ jsxs30("div", { className: "grid gap-3 sm:grid-cols-2", children: [
-      /* @__PURE__ */ jsxs30("label", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ jsx32(Label8, { className: "text-xs", children: "Name" }),
-        /* @__PURE__ */ jsx32(
+    /* @__PURE__ */ jsxs31("div", { className: "grid gap-3 sm:grid-cols-2", children: [
+      /* @__PURE__ */ jsxs31("label", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx33(Label8, { className: "text-xs", children: "Name" }),
+        /* @__PURE__ */ jsx33(
           BasicInput9,
           {
             value: label,
@@ -6831,7 +7057,7 @@ function FieldEditor(props) {
             ...nameLine ? { "aria-invalid": true, "aria-describedby": "field-editor-name-taken" } : {}
           }
         ),
-        nameLine ? /* @__PURE__ */ jsx32(
+        nameLine ? /* @__PURE__ */ jsx33(
           "span",
           {
             id: "field-editor-name-taken",
@@ -6842,9 +7068,9 @@ function FieldEditor(props) {
           }
         ) : null
       ] }),
-      field ? /* @__PURE__ */ jsxs30("label", { className: "flex flex-col gap-1 sm:col-span-2", children: [
-        /* @__PURE__ */ jsx32(Label8, { className: "text-xs", children: "Help text" }),
-        /* @__PURE__ */ jsx32(
+      field ? /* @__PURE__ */ jsxs31("label", { className: "flex flex-col gap-1 sm:col-span-2", children: [
+        /* @__PURE__ */ jsx33(Label8, { className: "text-xs", children: "Help text" }),
+        /* @__PURE__ */ jsx33(
           BasicInput9,
           {
             value: description,
@@ -6855,29 +7081,29 @@ function FieldEditor(props) {
           }
         )
       ] }) : null,
-      /* @__PURE__ */ jsxs30("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ jsx32(Label8, { className: "text-xs", children: "What it holds" }),
-        /* @__PURE__ */ jsxs30(
+      /* @__PURE__ */ jsxs31("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx33(Label8, { className: "text-xs", children: "What it holds" }),
+        /* @__PURE__ */ jsxs31(
           Select6,
           {
             value: type,
             disabled: editing,
             onValueChange: (next) => setType(next),
             children: [
-              /* @__PURE__ */ jsx32(SelectTrigger6, { size: "sm", "aria-label": "What this field holds", ...choice?.explanation ? { title: choice.explanation } : {}, children: /* @__PURE__ */ jsx32(SelectValue6, {}) }),
-              /* @__PURE__ */ jsx32(SelectContent6, { children: FIELD_TYPE_GROUPS.filter((group) => offered.some((c) => c.group === group)).map((group) => /* @__PURE__ */ jsxs30(SelectGroup2, { children: [
-                /* @__PURE__ */ jsx32(SelectLabel2, { children: group }),
-                FIELD_TYPE_CATALOGUE.filter((c) => c.group === group && (c.id === type || offered.includes(c))).map((c) => /* @__PURE__ */ jsx32(SelectItem6, { value: c.id, children: c.label }, c.id))
+              /* @__PURE__ */ jsx33(SelectTrigger6, { size: "sm", "aria-label": "What this field holds", ...choice?.explanation ? { title: choice.explanation } : {}, children: /* @__PURE__ */ jsx33(SelectValue6, {}) }),
+              /* @__PURE__ */ jsx33(SelectContent6, { children: FIELD_TYPE_GROUPS.filter((group) => offered.some((c) => c.group === group)).map((group) => /* @__PURE__ */ jsxs31(SelectGroup2, { children: [
+                /* @__PURE__ */ jsx33(SelectLabel2, { children: group }),
+                FIELD_TYPE_CATALOGUE.filter((c) => c.group === group && (c.id === type || offered.includes(c))).map((c) => /* @__PURE__ */ jsx33(SelectItem6, { value: c.id, children: c.label }, c.id))
               ] }, group)) })
             ]
           }
         ),
-        editing && field ? /* @__PURE__ */ jsx32(FieldRetype, { field: liveField ?? field, tableId }) : null
+        editing && field ? /* @__PURE__ */ jsx33(FieldRetype, { field: liveField ?? field, tableId }) : null
       ] })
     ] }),
-    type === "formula" && others.length > 0 ? /* @__PURE__ */ jsxs30("div", { className: "flex flex-col gap-2", children: [
-      editing ? startingFormulaText.trim() === "" ? /* @__PURE__ */ jsx32("p", { className: "text-[11px] text-muted-foreground", children: EDITING_A_WORKED_OUT_COLUMN }) : null : /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-1", role: "group", "aria-label": "How to make this column", children: [
-        /* @__PURE__ */ jsx32(
+    type === "formula" && others.length > 0 ? /* @__PURE__ */ jsxs31("div", { className: "flex flex-col gap-2", children: [
+      editing ? startingFormulaText.trim() === "" ? /* @__PURE__ */ jsx33("p", { className: "text-[11px] text-muted-foreground", children: EDITING_A_WORKED_OUT_COLUMN }) : null : /* @__PURE__ */ jsxs31("div", { className: "flex items-center gap-1", role: "group", "aria-label": "How to make this column", children: [
+        /* @__PURE__ */ jsx33(
           Button15,
           {
             type: "button",
@@ -6888,7 +7114,7 @@ function FieldEditor(props) {
             children: "Pick the columns"
           }
         ),
-        /* @__PURE__ */ jsx32(
+        /* @__PURE__ */ jsx33(
           Button15,
           {
             type: "button",
@@ -6900,7 +7126,7 @@ function FieldEditor(props) {
           }
         )
       ] }),
-      formulaWritten ? /* @__PURE__ */ jsx32(
+      formulaWritten ? /* @__PURE__ */ jsx33(
         FormulaTextEditor,
         {
           tableId,
@@ -6910,9 +7136,9 @@ function FieldEditor(props) {
           columns: others
         }
       ) : null
-    ] }) : editing && type === "formula" ? /* @__PURE__ */ jsx32("p", { className: "text-[11px] text-muted-foreground", children: "No other column to read." }) : null,
-    editing && field && !onEntity && (type === "lookup" || type === "rollup") ? /* @__PURE__ */ jsx32(SourceArchivedNotice, { fieldId: field.id, tableId }) : null,
-    !editing && !(type === "formula" && formulaWritten) || type === "select" || type === "multi_select" || type === "status" || type === "rating" || type === "barcode" || type === "relation" || type === "entity_reference" ? /* @__PURE__ */ jsx32(
+    ] }) : editing && type === "formula" ? /* @__PURE__ */ jsx33("p", { className: "text-[11px] text-muted-foreground", children: "No other column to read." }) : null,
+    editing && field && !onEntity && (type === "lookup" || type === "rollup") ? /* @__PURE__ */ jsx33(SourceArchivedNotice, { fieldId: field.id, tableId }) : null,
+    !editing && !(type === "formula" && formulaWritten) || type === "select" || type === "multi_select" || type === "status" || type === "rating" || type === "barcode" || type === "relation" || type === "entity_reference" ? /* @__PURE__ */ jsx33(
       TypeQuestions,
       {
         type,
@@ -6942,7 +7168,7 @@ function FieldEditor(props) {
         setFormulaSeparator,
         relations: sourcesFor(type),
         others,
-        choiceList: editing && field ? /* @__PURE__ */ jsx32(
+        choiceList: editing && field ? /* @__PURE__ */ jsx33(
           ChoiceListEditor,
           {
             field,
@@ -6953,10 +7179,10 @@ function FieldEditor(props) {
             rehome,
             onRehome: setRehome
           }
-        ) : /* @__PURE__ */ jsx32(ChoiceListEditor, { isNew: true, rows: newChoices, onRows: setNewChoices }),
+        ) : /* @__PURE__ */ jsx33(ChoiceListEditor, { isNew: true, rows: newChoices, onRows: setNewChoices }),
         allowedTypes,
         setAllowedTypes,
-        newer: type === "rating" ? /* @__PURE__ */ jsx32(
+        newer: type === "rating" ? /* @__PURE__ */ jsx33(
           RatingMaxQuestion,
           {
             value: ratingMax,
@@ -6964,19 +7190,19 @@ function FieldEditor(props) {
               setRatingMax(next);
             }
           }
-        ) : type === "status" ? /* @__PURE__ */ jsx32(StatusGroupsQuestion, { rows: shownStatusRows, onGroup: (ref, next) => setStatusGroups({ ...statusGroups, [ref]: next }) }) : type === "barcode" ? /* @__PURE__ */ jsx32(BarcodeSymbologyQuestion, { value: symbology, onChange: setSymbology }) : null
+        ) : type === "status" ? /* @__PURE__ */ jsx33(StatusGroupsQuestion, { rows: shownStatusRows, onGroup: (ref, next) => setStatusGroups({ ...statusGroups, [ref]: next }) }) : type === "barcode" ? /* @__PURE__ */ jsx33(BarcodeSymbologyQuestion, { value: symbology, onChange: setSymbology }) : null
       }
     ) : null,
-    type === "button" ? /* @__PURE__ */ jsx32(ButtonSettingsEditor, { value: buttonSettings, onChange: setButtonSettings, tableId: onEntity ? null : tableId, fields: others }) : null,
-    type === "autonumber" ? /* @__PURE__ */ jsxs30("label", { className: "flex max-w-[16rem] flex-col gap-1", children: [
-      /* @__PURE__ */ jsx32(Label8, { className: "text-xs", children: "Prefix" }),
-      /* @__PURE__ */ jsx32(BasicInput9, { className: "h-8 text-xs", placeholder: "TASK-", maxLength: 16, "data-records-autonumber-prefix": "", value: numberPrefix, onChange: (e) => setNumberPrefix(e.target.value) })
+    type === "button" ? /* @__PURE__ */ jsx33(ButtonSettingsEditor, { value: buttonSettings, onChange: setButtonSettings, tableId: onEntity ? null : tableId, fields: others }) : null,
+    type === "autonumber" ? /* @__PURE__ */ jsxs31("label", { className: "flex max-w-[16rem] flex-col gap-1", children: [
+      /* @__PURE__ */ jsx33(Label8, { className: "text-xs", children: "Prefix" }),
+      /* @__PURE__ */ jsx33(BasicInput9, { className: "h-8 text-xs", placeholder: "TASK-", maxLength: 16, "data-records-autonumber-prefix": "", value: numberPrefix, onChange: (e) => setNumberPrefix(e.target.value) })
     ] }) : null,
-    editing && field?.type === "relation" && field.relation_target && field.relation_target === field.entity_definition_id ? /* @__PURE__ */ jsxs30("label", { className: "flex items-center gap-1.5 text-sm", title: "A timeline draws a line to each record this one waits on", children: [
-      /* @__PURE__ */ jsx32(Checkbox4, { checked: dependency, "aria-label": "Waits on the linked records", "data-records-dependency": "", onCheckedChange: (v) => setDependency(v === true) }),
-      /* @__PURE__ */ jsx32("span", { children: "Waits on the linked records" })
+    editing && field?.type === "relation" && field.relation_target && field.relation_target === field.entity_definition_id ? /* @__PURE__ */ jsxs31("label", { className: "flex items-center gap-1.5 text-sm", title: "A timeline draws a line to each record this one waits on", children: [
+      /* @__PURE__ */ jsx33(Checkbox4, { checked: dependency, "aria-label": "Waits on the linked records", "data-records-dependency": "", onCheckedChange: (v) => setDependency(v === true) }),
+      /* @__PURE__ */ jsx33("span", { children: "Waits on the linked records" })
     ] }) : null,
-    type === "rollup" ? /* @__PURE__ */ jsx32(
+    type === "rollup" ? /* @__PURE__ */ jsx33(
       RollupFilterQuestion,
       {
         relation: totalSources.find((f) => f.key === via),
@@ -6986,10 +7212,10 @@ function FieldEditor(props) {
         onChange: setRollupFilter
       }
     ) : null,
-    editing && field && !(type === "select" || type === "multi_select" || type === "status" || type === "autonumber") ? /* @__PURE__ */ jsx32(FieldFormatPicker, { field, value: showsAs, onValue: setShowsAs }) : null,
-    /* @__PURE__ */ jsxs30("div", { className: "flex flex-wrap items-center gap-4", children: [
-      /* @__PURE__ */ jsxs30("label", { className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx32(
+    editing && field && !(type === "select" || type === "multi_select" || type === "status" || type === "autonumber") ? /* @__PURE__ */ jsx33(FieldFormatPicker, { field, value: showsAs, onValue: setShowsAs }) : null,
+    /* @__PURE__ */ jsxs31("div", { className: "flex flex-wrap items-center gap-4", children: [
+      /* @__PURE__ */ jsxs31("label", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx33(
           Checkbox4,
           {
             checked: required,
@@ -6997,10 +7223,10 @@ function FieldEditor(props) {
             onCheckedChange: (v) => setRequired(v === true)
           }
         ),
-        /* @__PURE__ */ jsx32("span", { title: "Every record has to have one", children: "Required" })
+        /* @__PURE__ */ jsx33("span", { title: "Every record has to have one", children: "Required" })
       ] }),
-      offersMany ? /* @__PURE__ */ jsxs30("label", { className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx32(
+      offersMany ? /* @__PURE__ */ jsxs31("label", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx33(
           Checkbox4,
           {
             checked: multi,
@@ -7010,8 +7236,8 @@ function FieldEditor(props) {
         ),
         "Can hold more than one"
       ] }) : null,
-      /* @__PURE__ */ jsxs30("label", { className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx32(
+      /* @__PURE__ */ jsxs31("label", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx33(
           Checkbox4,
           {
             checked: dated,
@@ -7021,8 +7247,8 @@ function FieldEditor(props) {
         ),
         "Each value has its own date"
       ] }),
-      !field && type === "relation" && otherTable.data && otherTable.data.id !== tableId ? /* @__PURE__ */ jsxs30("label", { className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx32(
+      !field && type === "relation" && otherTable.data && otherTable.data.id !== tableId ? /* @__PURE__ */ jsxs31("label", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx33(
           Checkbox4,
           {
             checked: showOnOther,
@@ -7034,12 +7260,12 @@ function FieldEditor(props) {
         "Show on ",
         otherTable.data.name ?? "the other table"
       ] }) : null,
-      !field && type === "relation" && relationTarget === tableId ? /* @__PURE__ */ jsxs30("label", { className: "flex items-center gap-1.5", title: "A timeline draws a line to each record this one waits on", children: [
-        /* @__PURE__ */ jsx32(Checkbox4, { checked: dependency, "aria-label": "Waits on the linked records", "data-records-dependency": "", onCheckedChange: (v) => setDependency(v === true) }),
-        /* @__PURE__ */ jsx32("span", { children: "Waits on the linked records" })
+      !field && type === "relation" && relationTarget === tableId ? /* @__PURE__ */ jsxs31("label", { className: "flex items-center gap-1.5", title: "A timeline draws a line to each record this one waits on", children: [
+        /* @__PURE__ */ jsx33(Checkbox4, { checked: dependency, "aria-label": "Waits on the linked records", "data-records-dependency": "", onCheckedChange: (v) => setDependency(v === true) }),
+        /* @__PURE__ */ jsx33("span", { children: "Waits on the linked records" })
       ] }) : null,
-      !field && type === "relation" && relationTarget === tableId ? /* @__PURE__ */ jsxs30("label", { className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx32(
+      !field && type === "relation" && relationTarget === tableId ? /* @__PURE__ */ jsxs31("label", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx33(
           Checkbox4,
           {
             checked: nestsSubItems,
@@ -7051,10 +7277,10 @@ function FieldEditor(props) {
             "data-records-sub-items": ""
           }
         ),
-        /* @__PURE__ */ jsx32("span", { title: "Each record sits under the one this column names", children: "Sub-items" })
+        /* @__PURE__ */ jsx33("span", { title: "Each record sits under the one this column names", children: "Sub-items" })
       ] }) : null,
-      CHOICE_EDITOR_ADDS_WHAT_IS_TYPED && (type === "select" || type === "multi_select") ? /* @__PURE__ */ jsxs30("label", { className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx32(
+      CHOICE_EDITOR_ADDS_WHAT_IS_TYPED && (type === "select" || type === "multi_select") ? /* @__PURE__ */ jsxs31("label", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx33(
           Checkbox4,
           {
             checked: allowOther,
@@ -7065,10 +7291,10 @@ function FieldEditor(props) {
         "A value that is not one of the choices is added to them"
       ] }) : null
     ] }),
-    !editing && !onEntity && newColumnTakesADefault(type) ? /* @__PURE__ */ jsx32(NewColumnDefault, { type, choices: options, value: startsWith, onChange: setStartsWith }) : null,
-    editing && field && takesADefault(liveField ?? field) ? /* @__PURE__ */ jsxs30("div", { className: "flex flex-col gap-1", "data-records-field-default": "", children: [
-      /* @__PURE__ */ jsx32(Label8, { htmlFor: "records-field-default", className: "text-xs", children: DEFAULT_LABEL }),
-      /* @__PURE__ */ jsx32(
+    !editing && !onEntity && newColumnTakesADefault(type) ? /* @__PURE__ */ jsx33(NewColumnDefault, { type, choices: options, value: startsWith, onChange: setStartsWith }) : null,
+    editing && field && takesADefault(liveField ?? field) ? /* @__PURE__ */ jsxs31("div", { className: "flex flex-col gap-1", "data-records-field-default": "", children: [
+      /* @__PURE__ */ jsx33(Label8, { htmlFor: "records-field-default", className: "text-xs", children: DEFAULT_LABEL }),
+      /* @__PURE__ */ jsx33(
         FieldControl,
         {
           id: "records-field-default",
@@ -7078,28 +7304,28 @@ function FieldEditor(props) {
         }
       )
     ] }) : null,
-    /* @__PURE__ */ jsx32(Separator, {}),
-    /* @__PURE__ */ jsxs30("div", { className: "grid gap-3 sm:grid-cols-2", children: [
-      /* @__PURE__ */ jsxs30("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ jsx32(Label8, { className: "text-xs", children: "Who can see what is in it" }),
-        /* @__PURE__ */ jsxs30(Select6, { value: sensitivity, onValueChange: setSensitivity, children: [
-          /* @__PURE__ */ jsx32(SelectTrigger6, { size: "sm", "aria-label": "Who can see what is in it", children: /* @__PURE__ */ jsx32(SelectValue6, {}) }),
-          /* @__PURE__ */ jsx32(SelectContent6, { children: sensitivities.map((row) => /* @__PURE__ */ jsx32(SelectItem6, { value: row.value, children: row.label }, row.value)) })
+    /* @__PURE__ */ jsx33(Separator, {}),
+    /* @__PURE__ */ jsxs31("div", { className: "grid gap-3 sm:grid-cols-2", children: [
+      /* @__PURE__ */ jsxs31("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx33(Label8, { className: "text-xs", children: "Who can see what is in it" }),
+        /* @__PURE__ */ jsxs31(Select6, { value: sensitivity, onValueChange: setSensitivity, children: [
+          /* @__PURE__ */ jsx33(SelectTrigger6, { size: "sm", "aria-label": "Who can see what is in it", children: /* @__PURE__ */ jsx33(SelectValue6, {}) }),
+          /* @__PURE__ */ jsx33(SelectContent6, { children: sensitivities.map((row) => /* @__PURE__ */ jsx33(SelectItem6, { value: row.value, children: row.label }, row.value)) })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs30("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ jsx32(Label8, { className: "text-xs", children: "Can an assistant read it" }),
-        /* @__PURE__ */ jsxs30(Select6, { value: contextPolicy, onValueChange: setContextPolicy, children: [
-          /* @__PURE__ */ jsx32(SelectTrigger6, { size: "sm", "aria-label": "Can an assistant read it", children: /* @__PURE__ */ jsx32(SelectValue6, {}) }),
-          /* @__PURE__ */ jsx32(SelectContent6, { children: AGENT_VISIBILITY.map((row) => /* @__PURE__ */ jsx32(SelectItem6, { value: row.value, children: row.label }, row.value)) })
+      /* @__PURE__ */ jsxs31("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx33(Label8, { className: "text-xs", children: "Can an assistant read it" }),
+        /* @__PURE__ */ jsxs31(Select6, { value: contextPolicy, onValueChange: setContextPolicy, children: [
+          /* @__PURE__ */ jsx33(SelectTrigger6, { size: "sm", "aria-label": "Can an assistant read it", children: /* @__PURE__ */ jsx33(SelectValue6, {}) }),
+          /* @__PURE__ */ jsx33(SelectContent6, { children: AGENT_VISIBILITY.map((row) => /* @__PURE__ */ jsx33(SelectItem6, { value: row.value, children: row.label }, row.value)) })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx32(Separator, {}),
-    /* @__PURE__ */ jsxs30("div", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx32("span", { className: "font-medium", children: "What counts as a good value" }),
-        /* @__PURE__ */ jsx32(
+    /* @__PURE__ */ jsx33(Separator, {}),
+    /* @__PURE__ */ jsxs31("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsxs31("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx33("span", { className: "font-medium", children: "What counts as a good value" }),
+        /* @__PURE__ */ jsx33(
           Button15,
           {
             type: "button",
@@ -7111,8 +7337,8 @@ function FieldEditor(props) {
           }
         )
       ] }),
-      canBeUnique(type, multi) || rules.some((r) => r.kind === "unique") ? /* @__PURE__ */ jsxs30("label", { className: "flex items-center gap-1.5", "data-records-field-unique": "", children: [
-        /* @__PURE__ */ jsx32(
+      canBeUnique(type, multi) || rules.some((r) => r.kind === "unique") ? /* @__PURE__ */ jsxs31("label", { className: "flex items-center gap-1.5", "data-records-field-unique": "", children: [
+        /* @__PURE__ */ jsx33(
           Checkbox4,
           {
             checked: rules.some((r) => r.kind === "unique"),
@@ -7122,20 +7348,20 @@ function FieldEditor(props) {
         ),
         UNIQUE_LABEL
       ] }) : null,
-      rules.length === 0 ? /* @__PURE__ */ jsx32("p", { className: "text-muted-foreground", children: "No checks." }) : null,
-      rules.map((rule, index) => rule.kind === "unique" ? null : /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsxs30(
+      rules.length === 0 ? /* @__PURE__ */ jsx33("p", { className: "text-muted-foreground", children: "No checks." }) : null,
+      rules.map((rule, index) => rule.kind === "unique" ? null : /* @__PURE__ */ jsxs31("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsxs31(
           Select6,
           {
             value: rule.kind,
             onValueChange: (kind) => setRules(rules.map((r, i) => i === index ? { ...r, kind } : r)),
             children: [
-              /* @__PURE__ */ jsx32(SelectTrigger6, { size: "sm", className: "w-52", "aria-label": `Check ${index + 1}`, children: /* @__PURE__ */ jsx32(SelectValue6, {}) }),
-              /* @__PURE__ */ jsx32(SelectContent6, { children: RULE_KINDS.map((row) => /* @__PURE__ */ jsx32(SelectItem6, { value: row.kind, children: row.label }, row.kind)) })
+              /* @__PURE__ */ jsx33(SelectTrigger6, { size: "sm", className: "w-52", "aria-label": `Check ${index + 1}`, children: /* @__PURE__ */ jsx33(SelectValue6, {}) }),
+              /* @__PURE__ */ jsx33(SelectContent6, { children: RULE_KINDS.map((row) => /* @__PURE__ */ jsx33(SelectItem6, { value: row.kind, children: row.label }, row.kind)) })
             ]
           }
         ),
-        rule.kind === "length" ? /* @__PURE__ */ jsx32(
+        rule.kind === "length" ? /* @__PURE__ */ jsx33(
           BasicInput9,
           {
             className: "h-8 w-24",
@@ -7146,7 +7372,7 @@ function FieldEditor(props) {
             onChange: (e) => setRules(rules.map((r, i) => i === index ? withNumber(r, "min", e.target.value) : r))
           }
         ) : null,
-        /* @__PURE__ */ jsx32(
+        /* @__PURE__ */ jsx33(
           BasicInput9,
           {
             className: "h-8",
@@ -7156,7 +7382,7 @@ function FieldEditor(props) {
             onChange: (e) => setRules(rules.map((r, i) => i === index ? { ...r, value: e.target.value } : r))
           }
         ),
-        rule.kind === "pattern" ? /* @__PURE__ */ jsx32(
+        rule.kind === "pattern" ? /* @__PURE__ */ jsx33(
           BasicInput9,
           {
             className: "h-8",
@@ -7166,7 +7392,7 @@ function FieldEditor(props) {
             onChange: (e) => setRules(rules.map((r, i) => i === index ? withText(r, "example", e.target.value) : r))
           }
         ) : null,
-        /* @__PURE__ */ jsx32(
+        /* @__PURE__ */ jsx33(
           Button15,
           {
             type: "button",
@@ -7179,9 +7405,9 @@ function FieldEditor(props) {
         )
       ] }, `${rule.kind}-${index}`))
     ] }),
-    editing && field && !onEntity && rulesChanged(savedRules, editedRules) ? /* @__PURE__ */ jsx32(FieldRulePreview, { field, tableId, rules: editedRules }) : null,
-    mutation.error ? /* @__PURE__ */ jsx32(RefusalNotice, { error: mutation.error }) : null,
-    notLanded ? /* @__PURE__ */ jsx32(
+    editing && field && !onEntity && rulesChanged(savedRules, editedRules) ? /* @__PURE__ */ jsx33(FieldRulePreview, { field, tableId, rules: editedRules }) : null,
+    mutation.error ? /* @__PURE__ */ jsx33(RefusalNotice, { error: mutation.error }) : null,
+    notLanded ? /* @__PURE__ */ jsx33(
       RefusalNotice,
       {
         error: (0, refusals_exports.refusal)(
@@ -7191,10 +7417,10 @@ function FieldEditor(props) {
         )
       }
     ) : null,
-    rehomeRefused ? /* @__PURE__ */ jsx32(RefusalNotice, { error: rehomeRefused }) : null,
-    rehomed ? /* @__PURE__ */ jsxs30("div", { "data-records-choice-rehomed": "", className: "flex flex-wrap items-center gap-2 text-[11px]", children: [
-      /* @__PURE__ */ jsx32("span", { children: rehomed.said }),
-      rehomed.undo ? /* @__PURE__ */ jsx32(
+    rehomeRefused ? /* @__PURE__ */ jsx33(RefusalNotice, { error: rehomeRefused }) : null,
+    rehomed ? /* @__PURE__ */ jsxs31("div", { "data-records-choice-rehomed": "", className: "flex flex-wrap items-center gap-2 text-[11px]", children: [
+      /* @__PURE__ */ jsx33("span", { children: rehomed.said }),
+      rehomed.undo ? /* @__PURE__ */ jsx33(
         Button15,
         {
           type: "button",
@@ -7219,18 +7445,18 @@ function FieldEditor(props) {
           children: "Undo"
         }
       ) : null,
-      /* @__PURE__ */ jsx32(Button15, { type: "button", size: "sm", className: "h-6 px-2 text-xs", onClick: () => onSaved?.(), children: "Done" })
+      /* @__PURE__ */ jsx33(Button15, { type: "button", size: "sm", className: "h-6 px-2 text-xs", onClick: () => onSaved?.(), children: "Done" })
     ] }) : null,
-    reverseRefused ? /* @__PURE__ */ jsxs30("div", { "data-records-reverse-field-refused": "", className: "flex flex-col gap-1", children: [
-      /* @__PURE__ */ jsx32("p", { className: "text-[11px]", children: "The link is made. Its column on the other table was not:" }),
-      /* @__PURE__ */ jsx32(RefusalNotice, { error: reverseRefused })
+    reverseRefused ? /* @__PURE__ */ jsxs31("div", { "data-records-reverse-field-refused": "", className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx33("p", { className: "text-[11px]", children: "The link is made. Its column on the other table was not:" }),
+      /* @__PURE__ */ jsx33(RefusalNotice, { error: reverseRefused })
     ] }) : null,
-    backfillError ? /* @__PURE__ */ jsxs30("div", { "data-records-autonumber-backfill-refused": "", className: "flex flex-col gap-1", children: [
-      /* @__PURE__ */ jsx32("p", { className: "text-[11px]", children: "The column is made. The records already in the table were not numbered:" }),
-      /* @__PURE__ */ jsx32(RefusalNotice, { error: backfillError })
+    backfillError ? /* @__PURE__ */ jsxs31("div", { "data-records-autonumber-backfill-refused": "", className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx33("p", { className: "text-[11px]", children: "The column is made. The records already in the table were not numbered:" }),
+      /* @__PURE__ */ jsx33(RefusalNotice, { error: backfillError })
     ] }) : null,
-    /* @__PURE__ */ jsxs30("div", { className: "flex min-w-0 flex-nowrap items-center gap-2", "data-field-editor-footer": "", children: [
-      /* @__PURE__ */ jsx32(
+    /* @__PURE__ */ jsxs31("div", { className: "flex min-w-0 flex-nowrap items-center gap-2", "data-field-editor-footer": "", children: [
+      /* @__PURE__ */ jsx33(
         Button15,
         {
           size: "sm",
@@ -7246,8 +7472,8 @@ function FieldEditor(props) {
           children: mutation.saving ? "Saving\u2026" : field ? EDIT_FIELD_SAVE_LABEL : onEntity ? ADD_STANDARD_FIELD_SAVE_LABEL : ADD_FIELD_SAVE_LABEL
         }
       ),
-      onCancel ? /* @__PURE__ */ jsx32(Button15, { size: "sm", variant: "ghost", onClick: onCancel, children: "Cancel" }) : null,
-      /* @__PURE__ */ jsx32(
+      onCancel ? /* @__PURE__ */ jsx33(Button15, { size: "sm", variant: "ghost", onClick: onCancel, children: "Cancel" }) : null,
+      /* @__PURE__ */ jsx33(
         "span",
         {
           id: "field-editor-missing",
@@ -7263,11 +7489,11 @@ function FieldEditor(props) {
            footer is always as wide and as tall as its larger state: opening the confirm moved
            the dialog card 0.2278 and closing it 0.1303. The consequence is the tooltip of
            "Remove it" (interface-text: the slot holds a label, never a paragraph). */
-        /* @__PURE__ */ jsxs30("div", { className: "ml-auto grid shrink-0 items-center", "data-field-editor-remove": askingToRemove ? "asking" : "idle", children: [
-          /* @__PURE__ */ jsx32("div", { className: cn21("col-start-1 row-start-1 flex items-center justify-end gap-2", askingToRemove && "invisible"), "aria-hidden": askingToRemove || void 0, children: /* @__PURE__ */ jsx32(Button15, { size: "sm", variant: "outline", tabIndex: askingToRemove ? -1 : void 0, onClick: () => setAskingToRemove(true), children: "Remove this field" }) }),
-          /* @__PURE__ */ jsxs30("div", { className: cn21("col-start-1 row-start-1 flex items-center justify-end gap-2", !askingToRemove && "invisible"), "aria-hidden": !askingToRemove || void 0, children: [
-            /* @__PURE__ */ jsx32("span", { className: "whitespace-nowrap text-destructive", "data-field-editor-remove-ask": "", children: "Archive this field?" }),
-            /* @__PURE__ */ jsx32(
+        /* @__PURE__ */ jsxs31("div", { className: "ml-auto grid shrink-0 items-center", "data-field-editor-remove": askingToRemove ? "asking" : "idle", children: [
+          /* @__PURE__ */ jsx33("div", { className: cn22("col-start-1 row-start-1 flex items-center justify-end gap-2", askingToRemove && "invisible"), "aria-hidden": askingToRemove || void 0, children: /* @__PURE__ */ jsx33(Button15, { size: "sm", variant: "outline", tabIndex: askingToRemove ? -1 : void 0, onClick: () => setAskingToRemove(true), children: "Remove this field" }) }),
+          /* @__PURE__ */ jsxs31("div", { className: cn22("col-start-1 row-start-1 flex items-center justify-end gap-2", !askingToRemove && "invisible"), "aria-hidden": !askingToRemove || void 0, children: [
+            /* @__PURE__ */ jsx33("span", { className: "whitespace-nowrap text-destructive", "data-field-editor-remove-ask": "", children: "Archive this field?" }),
+            /* @__PURE__ */ jsx33(
               Button15,
               {
                 size: "sm",
@@ -7280,7 +7506,7 @@ function FieldEditor(props) {
                 children: "Remove it"
               }
             ),
-            /* @__PURE__ */ jsx32(Button15, { size: "sm", variant: "ghost", tabIndex: askingToRemove ? void 0 : -1, onClick: () => setAskingToRemove(false), children: "Keep it" })
+            /* @__PURE__ */ jsx33(Button15, { size: "sm", variant: "ghost", tabIndex: askingToRemove ? void 0 : -1, onClick: () => setAskingToRemove(false), children: "Keep it" })
           ] })
         ] })
       ) : null
@@ -7371,10 +7597,10 @@ function formulaSeparatorOf(field) {
 function TypeQuestions(props) {
   const { type } = props;
   if (type === "entity_reference") {
-    return /* @__PURE__ */ jsx32(EntityReferenceKindPicker, { value: props.allowedTypes, onChange: props.setAllowedTypes, locked: props.editing });
+    return /* @__PURE__ */ jsx33(EntityReferenceKindPicker, { value: props.allowedTypes, onChange: props.setAllowedTypes, locked: props.editing });
   }
   if (type === "relation") {
-    return /* @__PURE__ */ jsx32(
+    return /* @__PURE__ */ jsx33(
       ReferenceBuilder,
       {
         tableId: props.tableId,
@@ -7387,20 +7613,20 @@ function TypeQuestions(props) {
       }
     );
   }
-  if (type === "rating" || type === "barcode") return /* @__PURE__ */ jsx32(Fragment9, { children: props.newer });
+  if (type === "rating" || type === "barcode") return /* @__PURE__ */ jsx33(Fragment10, { children: props.newer });
   if (type === "status") {
-    return /* @__PURE__ */ jsxs30("div", { className: "flex flex-col gap-3", children: [
+    return /* @__PURE__ */ jsxs31("div", { className: "flex flex-col gap-3", children: [
       props.choiceList,
       props.newer
     ] });
   }
   if (type === "select" || type === "multi_select") {
-    return /* @__PURE__ */ jsx32(Fragment9, { children: props.choiceList });
+    return /* @__PURE__ */ jsx33(Fragment10, { children: props.choiceList });
   }
   if (type === "currency") {
-    return /* @__PURE__ */ jsxs30("label", { className: "flex max-w-[16rem] flex-col gap-1", children: [
-      /* @__PURE__ */ jsx32(Label8, { className: "text-xs", children: "The currency" }),
-      /* @__PURE__ */ jsx32(
+    return /* @__PURE__ */ jsxs31("label", { className: "flex max-w-[16rem] flex-col gap-1", children: [
+      /* @__PURE__ */ jsx33(Label8, { className: "text-xs", children: "The currency" }),
+      /* @__PURE__ */ jsx33(
         BasicInput9,
         {
           value: props.unit,
@@ -7412,8 +7638,8 @@ function TypeQuestions(props) {
     ] });
   }
   if (type === "datetime") {
-    return /* @__PURE__ */ jsxs30("label", { className: "flex items-center gap-1.5", children: [
-      /* @__PURE__ */ jsx32(
+    return /* @__PURE__ */ jsxs31("label", { className: "flex items-center gap-1.5", children: [
+      /* @__PURE__ */ jsx33(
         Checkbox4,
         {
           checked: props.withTime,
@@ -7427,14 +7653,14 @@ function TypeQuestions(props) {
   if (type === "lookup" || type === "rollup" || type === "count") {
     const usable = props.relations;
     if (usable.length === 0) {
-      return /* @__PURE__ */ jsx32("p", { className: "text-[11px] text-muted-foreground", children: "No link, Person or File column yet." });
+      return /* @__PURE__ */ jsx33("p", { className: "text-[11px] text-muted-foreground", children: "No link, Person or File column yet." });
     }
-    return /* @__PURE__ */ jsxs30("div", { className: "grid gap-3 sm:grid-cols-2", children: [
-      /* @__PURE__ */ jsxs30("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ jsx32(Label8, { className: "text-xs", children: type !== "lookup" ? "Across the records in" : "Read it from" }),
-        /* @__PURE__ */ jsxs30(Select6, { value: props.via, onValueChange: props.setVia, children: [
-          /* @__PURE__ */ jsx32(SelectTrigger6, { size: "sm", "aria-label": type !== "lookup" ? "Across the records in" : "Read it from", children: /* @__PURE__ */ jsx32(SelectValue6, { placeholder: "Choose a column" }) }),
-          /* @__PURE__ */ jsx32(SelectContent6, { children: usable.map((f) => /* @__PURE__ */ jsxs30(SelectItem6, { value: f.key, children: [
+    return /* @__PURE__ */ jsxs31("div", { className: "grid gap-3 sm:grid-cols-2", children: [
+      /* @__PURE__ */ jsxs31("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx33(Label8, { className: "text-xs", children: type !== "lookup" ? "Across the records in" : "Read it from" }),
+        /* @__PURE__ */ jsxs31(Select6, { value: props.via, onValueChange: props.setVia, children: [
+          /* @__PURE__ */ jsx33(SelectTrigger6, { size: "sm", "aria-label": type !== "lookup" ? "Across the records in" : "Read it from", children: /* @__PURE__ */ jsx33(SelectValue6, { placeholder: "Choose a column" }) }),
+          /* @__PURE__ */ jsx33(SelectContent6, { children: usable.map((f) => /* @__PURE__ */ jsxs31(SelectItem6, { value: f.key, children: [
             fieldName(f),
             isBackLinkSource(f) ? BACK_LINK_SOURCE_SUFFIX : "",
             sourceKindOf(f) === "person" ? " \u2014 a person" : sourceKindOf(f) === "file" ? " \u2014 a file" : "",
@@ -7442,7 +7668,7 @@ function TypeQuestions(props) {
           ] }, f.id)) })
         ] })
       ] }),
-      type === "lookup" ? /* @__PURE__ */ jsx32(
+      type === "lookup" ? /* @__PURE__ */ jsx33(
         ValueOnTheOtherSide,
         {
           label: "The value to read",
@@ -7451,13 +7677,13 @@ function TypeQuestions(props) {
           value: props.pick,
           onChange: props.setPick
         }
-      ) : type === "count" ? null : /* @__PURE__ */ jsxs30("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ jsx32(Label8, { className: "text-xs", children: "What to work out" }),
-        /* @__PURE__ */ jsxs30(Select6, { value: props.agg, onValueChange: (v) => props.setAgg(v), children: [
-          /* @__PURE__ */ jsx32(SelectTrigger6, { size: "sm", "aria-label": "What to work out", children: /* @__PURE__ */ jsx32(SelectValue6, {}) }),
-          /* @__PURE__ */ jsx32(SelectContent6, { children: ROLLUP_OPERATIONS.map((row) => /* @__PURE__ */ jsx32(SelectItem6, { value: row.value, children: row.label }, row.value)) })
+      ) : type === "count" ? null : /* @__PURE__ */ jsxs31("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx33(Label8, { className: "text-xs", children: "What to work out" }),
+        /* @__PURE__ */ jsxs31(Select6, { value: props.agg, onValueChange: (v) => props.setAgg(v), children: [
+          /* @__PURE__ */ jsx33(SelectTrigger6, { size: "sm", "aria-label": "What to work out", children: /* @__PURE__ */ jsx33(SelectValue6, {}) }),
+          /* @__PURE__ */ jsx33(SelectContent6, { children: ROLLUP_OPERATIONS.map((row) => /* @__PURE__ */ jsx33(SelectItem6, { value: row.value, children: row.label }, row.value)) })
         ] }),
-        props.agg !== "count" ? /* @__PURE__ */ jsx32(
+        props.agg !== "count" ? /* @__PURE__ */ jsx33(
           ValueOnTheOtherSide,
           {
             label: "Of which value",
@@ -7473,21 +7699,21 @@ function TypeQuestions(props) {
   }
   if (type === "formula") {
     if (props.others.length === 0) {
-      return /* @__PURE__ */ jsx32("p", { className: "text-[11px] text-muted-foreground", children: "No other columns yet." });
+      return /* @__PURE__ */ jsx33("p", { className: "text-[11px] text-muted-foreground", children: "No other columns yet." });
     }
-    return /* @__PURE__ */ jsxs30("div", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ jsxs30("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ jsx32(Label8, { className: "text-xs", children: "What to do" }),
-        /* @__PURE__ */ jsxs30(Select6, { value: props.formulaOp, onValueChange: props.setFormulaOp, children: [
-          /* @__PURE__ */ jsx32(SelectTrigger6, { size: "sm", className: "max-w-[18rem]", "aria-label": "What to do", children: /* @__PURE__ */ jsx32(SelectValue6, {}) }),
-          /* @__PURE__ */ jsx32(SelectContent6, { children: FORMULA_OPERATIONS.map((row) => /* @__PURE__ */ jsx32(SelectItem6, { value: row.value, children: row.label }, row.value)) })
+    return /* @__PURE__ */ jsxs31("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsxs31("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx33(Label8, { className: "text-xs", children: "What to do" }),
+        /* @__PURE__ */ jsxs31(Select6, { value: props.formulaOp, onValueChange: props.setFormulaOp, children: [
+          /* @__PURE__ */ jsx33(SelectTrigger6, { size: "sm", className: "max-w-[18rem]", "aria-label": "What to do", children: /* @__PURE__ */ jsx33(SelectValue6, {}) }),
+          /* @__PURE__ */ jsx33(SelectContent6, { children: FORMULA_OPERATIONS.map((row) => /* @__PURE__ */ jsx33(SelectItem6, { value: row.value, children: row.label }, row.value)) })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs30("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ jsx32(Label8, { className: "text-xs", children: "Which columns" }),
-        /* @__PURE__ */ jsx32("div", { className: "flex flex-wrap gap-1", children: props.others.map((f) => {
+      /* @__PURE__ */ jsxs31("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx33(Label8, { className: "text-xs", children: "Which columns" }),
+        /* @__PURE__ */ jsx33("div", { className: "flex flex-wrap gap-1", children: props.others.map((f) => {
           const picked = props.formulaFields.includes(f.id);
-          return /* @__PURE__ */ jsx32(
+          return /* @__PURE__ */ jsx33(
             Button15,
             {
               type: "button",
@@ -7502,9 +7728,9 @@ function TypeQuestions(props) {
           );
         }) })
       ] }),
-      props.formulaOp === "concat" ? /* @__PURE__ */ jsxs30("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ jsx32(Label8, { className: "text-xs", children: FORMULA_SEPARATOR_LABEL }),
-        /* @__PURE__ */ jsx32(
+      props.formulaOp === "concat" ? /* @__PURE__ */ jsxs31("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx33(Label8, { className: "text-xs", children: FORMULA_SEPARATOR_LABEL }),
+        /* @__PURE__ */ jsx33(
           BasicInput9,
           {
             value: props.formulaSeparator,
@@ -7555,25 +7781,25 @@ function RollupFilterQuestion({
 }) {
   const far = relation?.relation_target ?? null;
   const farFields = useFields2(far);
-  const conditionFields = useMemo10(
+  const conditionFields = useMemo11(
     () => (farFields.data ?? []).filter((f) => f.type !== "formula").map((f) => ({ id: f.id, key: f.key, label: fieldName(f), field: f })),
     [farFields.data]
   );
-  const lastFar = useRef12(far);
-  useEffect17(() => {
+  const lastFar = useRef13(far);
+  useEffect18(() => {
     if (lastFar.current !== null && far !== lastFar.current && !editing) onChange(null);
     lastFar.current = far;
   }, [far, editing, onChange]);
   if (!relation || !far) return null;
-  return /* @__PURE__ */ jsx32("div", { className: "flex flex-col gap-1", "data-records-rollup-filter": "", children: !conditionIsDrawable(value) ? /* @__PURE__ */ jsxs30("div", { className: "flex flex-wrap items-center gap-2 text-[11px]", children: [
-    /* @__PURE__ */ jsxs30("span", { className: "text-muted-foreground", children: [
+  return /* @__PURE__ */ jsx33("div", { className: "flex flex-col gap-1", "data-records-rollup-filter": "", children: !conditionIsDrawable(value) ? /* @__PURE__ */ jsxs31("div", { className: "flex flex-wrap items-center gap-2 text-[11px]", children: [
+    /* @__PURE__ */ jsxs31("span", { className: "text-muted-foreground", children: [
       rollupFilterLead(agg),
       " ",
       conditionInWords(value, conditionFields),
       "."
     ] }),
-    /* @__PURE__ */ jsx32(Button15, { type: "button", size: "sm", variant: "ghost", className: "h-6 px-2 text-xs", onClick: () => onChange(null), children: "Clear" })
-  ] }) : /* @__PURE__ */ jsx32(
+    /* @__PURE__ */ jsx33(Button15, { type: "button", size: "sm", variant: "ghost", className: "h-6 px-2 text-xs", onClick: () => onChange(null), children: "Clear" })
+  ] }) : /* @__PURE__ */ jsx33(
     ConditionGroup,
     {
       lead: rollupFilterLead(agg),
@@ -7599,13 +7825,13 @@ function ValueOnTheOtherSide({
   const carried = sample.data?.rows[0]?.document ?? null;
   const offered = declared.length > 0 ? declared.map((f) => ({ key: f.key, name: fieldName(f) })) : Object.keys(carried ?? {}).map((key) => ({ key, name: humanizeIdentifier4(key) }));
   const stillAsking = columns.loading || declared.length === 0 && sample.loading;
-  const body = !relation ? /* @__PURE__ */ jsx32("p", { className: "text-[11px] text-muted-foreground", children: "Choose the column above first." }) : stillAsking ? /* @__PURE__ */ jsx32("p", { className: "text-[11px] text-muted-foreground", children: "Reading that table's columns\u2026" }) : offered.length === 0 ? /* @__PURE__ */ jsx32("p", { className: "text-[11px] text-muted-foreground", children: "No columns to read yet." }) : /* @__PURE__ */ jsxs30(Select6, { value, onValueChange: onChange, children: [
-    /* @__PURE__ */ jsx32(SelectTrigger6, { size: "sm", "aria-label": label, children: /* @__PURE__ */ jsx32(SelectValue6, { placeholder: "Choose a column" }) }),
-    /* @__PURE__ */ jsx32(SelectContent6, { children: offered.map((column) => /* @__PURE__ */ jsx32(SelectItem6, { value: column.key, children: column.name }, column.key)) })
+  const body = !relation ? /* @__PURE__ */ jsx33("p", { className: "text-[11px] text-muted-foreground", children: "Choose the column above first." }) : stillAsking ? /* @__PURE__ */ jsx33("p", { className: "text-[11px] text-muted-foreground", children: "Reading that table's columns\u2026" }) : offered.length === 0 ? /* @__PURE__ */ jsx33("p", { className: "text-[11px] text-muted-foreground", children: "No columns to read yet." }) : /* @__PURE__ */ jsxs31(Select6, { value, onValueChange: onChange, children: [
+    /* @__PURE__ */ jsx33(SelectTrigger6, { size: "sm", "aria-label": label, children: /* @__PURE__ */ jsx33(SelectValue6, { placeholder: "Choose a column" }) }),
+    /* @__PURE__ */ jsx33(SelectContent6, { children: offered.map((column) => /* @__PURE__ */ jsx33(SelectItem6, { value: column.key, children: column.name }, column.key)) })
   ] });
-  if (compact) return /* @__PURE__ */ jsx32("div", { className: "mt-1 flex flex-col gap-1", children: body });
-  return /* @__PURE__ */ jsxs30("div", { className: "flex flex-col gap-1", children: [
-    /* @__PURE__ */ jsx32(Label8, { className: "text-xs", title: help, children: label }),
+  if (compact) return /* @__PURE__ */ jsx33("div", { className: "mt-1 flex flex-col gap-1", children: body });
+  return /* @__PURE__ */ jsxs31("div", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ jsx33(Label8, { className: "text-xs", title: help, children: label }),
     body
   ] });
 }
@@ -7631,18 +7857,18 @@ function NewColumnDefault({
   onChange
 }) {
   const none = "__none__";
-  return /* @__PURE__ */ jsxs30("div", { className: "flex flex-col gap-1", "data-records-field-default": "", "data-records-new-field-default": "", children: [
-    /* @__PURE__ */ jsx32(Label8, { htmlFor: "records-new-field-default", className: "text-xs", children: DEFAULT_LABEL }),
-    type === "checkbox" ? /* @__PURE__ */ jsxs30("label", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx32(Checkbox4, { id: "records-new-field-default", "aria-label": DEFAULT_LABEL, checked: value === true, onCheckedChange: (on) => onChange(on === true ? true : null) }),
-      /* @__PURE__ */ jsx32("span", { children: "Ticked" })
-    ] }) : type === "select" || type === "multi_select" || type === "status" ? /* @__PURE__ */ jsxs30(Select6, { value: typeof value === "string" && choices.includes(value) ? value : none, onValueChange: (v) => onChange(v === none ? null : v), children: [
-      /* @__PURE__ */ jsx32(SelectTrigger6, { id: "records-new-field-default", size: "sm", "aria-label": DEFAULT_LABEL, children: /* @__PURE__ */ jsx32(SelectValue6, {}) }),
-      /* @__PURE__ */ jsxs30(SelectContent6, { children: [
-        /* @__PURE__ */ jsx32(SelectItem6, { value: none, children: "Nothing" }),
-        choices.map((c) => /* @__PURE__ */ jsx32(SelectItem6, { value: c, children: c }, c))
+  return /* @__PURE__ */ jsxs31("div", { className: "flex flex-col gap-1", "data-records-field-default": "", "data-records-new-field-default": "", children: [
+    /* @__PURE__ */ jsx33(Label8, { htmlFor: "records-new-field-default", className: "text-xs", children: DEFAULT_LABEL }),
+    type === "checkbox" ? /* @__PURE__ */ jsxs31("label", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx33(Checkbox4, { id: "records-new-field-default", "aria-label": DEFAULT_LABEL, checked: value === true, onCheckedChange: (on) => onChange(on === true ? true : null) }),
+      /* @__PURE__ */ jsx33("span", { children: "Ticked" })
+    ] }) : type === "select" || type === "multi_select" || type === "status" ? /* @__PURE__ */ jsxs31(Select6, { value: typeof value === "string" && choices.includes(value) ? value : none, onValueChange: (v) => onChange(v === none ? null : v), children: [
+      /* @__PURE__ */ jsx33(SelectTrigger6, { id: "records-new-field-default", size: "sm", "aria-label": DEFAULT_LABEL, children: /* @__PURE__ */ jsx33(SelectValue6, {}) }),
+      /* @__PURE__ */ jsxs31(SelectContent6, { children: [
+        /* @__PURE__ */ jsx33(SelectItem6, { value: none, children: "Nothing" }),
+        choices.map((c) => /* @__PURE__ */ jsx33(SelectItem6, { value: c, children: c }, c))
       ] })
-    ] }) : /* @__PURE__ */ jsx32(
+    ] }) : /* @__PURE__ */ jsx33(
       BasicInput9,
       {
         id: "records-new-field-default",
@@ -7657,7 +7883,7 @@ function NewColumnDefault({
 // src/buttonCell.tsx
 import { OutboundLink as OutboundLink6 } from "@ai-matrx/kit/outbound-react";
 import { openOutbound } from "@ai-matrx/kit/outbound";
-import { Fragment as Fragment10, jsx as jsx33, jsxs as jsxs31 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx34, jsxs as jsxs32 } from "react/jsx-runtime";
 function buttonPressWords(label, pressed) {
   if (pressed.do === "open_url") return `${label} opened ${pressed.url}`;
   if (pressed.do === "run_action") {
@@ -7669,11 +7895,11 @@ function buttonPressWords(label, pressed) {
 }
 var stop = (event) => event.stopPropagation();
 function ButtonValue({ field, recordId, inCell }) {
-  const client = useOptionalRecordsClient8();
+  const client = useOptionalRecordsClient9();
   const b = buttonOf2(field);
-  const [busy, setBusy] = useState24(false);
-  const [said2, setSaid] = useState24(null);
-  const [settingUp, setSettingUp] = useState24(false);
+  const [busy, setBusy] = useState25(false);
+  const [said2, setSaid] = useState25(null);
+  const [settingUp, setSettingUp] = useState25(false);
   if (!b) return null;
   const color = isStyleColor2(b.color) ? CHOICE_CHIP_CLASS2[b.color] : NEUTRAL_CHIP_CLASS2;
   const needs = buttonNeeds2(b);
@@ -7692,9 +7918,9 @@ function ButtonValue({ field, recordId, inCell }) {
     }
     setSaid({ kind: "ran", says: buttonPressWords(b.label, pressed) });
   };
-  return /* @__PURE__ */ jsxs31(Fragment10, { children: [
-    /* @__PURE__ */ jsxs31(Popover4, { open: said2 !== null, onOpenChange: (open) => open ? null : setSaid(null), children: [
-      /* @__PURE__ */ jsx33(PopoverTrigger4, { asChild: true, children: /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsxs32(Fragment11, { children: [
+    /* @__PURE__ */ jsxs32(Popover4, { open: said2 !== null, onOpenChange: (open) => open ? null : setSaid(null), children: [
+      /* @__PURE__ */ jsx34(PopoverTrigger4, { asChild: true, children: /* @__PURE__ */ jsx34(
         Button16,
         {
           type: "button",
@@ -7704,7 +7930,7 @@ function ButtonValue({ field, recordId, inCell }) {
           "data-records-button-unset": needs ? "" : void 0,
           "aria-busy": busy || void 0,
           disabled: busy,
-          className: cn22("max-w-full gap-1 border px-2 font-medium", inCell ? "h-5" : "h-6", color, needs && "border-dashed opacity-80"),
+          className: cn23("max-w-full gap-1 border px-2 font-medium", inCell ? "h-5" : "h-6", color, needs && "border-dashed opacity-80"),
           onPointerDown: stop,
           onDoubleClick: stop,
           onClick: (event) => {
@@ -7712,20 +7938,20 @@ function ButtonValue({ field, recordId, inCell }) {
             event.preventDefault();
             void press();
           },
-          children: /* @__PURE__ */ jsx33("span", { className: "truncate", children: b.label })
+          children: /* @__PURE__ */ jsx34("span", { className: "truncate", children: b.label })
         }
       ) }),
-      /* @__PURE__ */ jsxs31(PopoverContent4, { className: "w-72 space-y-2 p-3 text-sm", onClick: stop, onPointerDown: stop, "data-records-button-said": said2?.kind, children: [
-        said2?.kind === "refused" ? /* @__PURE__ */ jsx33(RefusalLine, { error: said2.error }) : null,
-        said2?.kind === "public" ? /* @__PURE__ */ jsx33("p", { children: "Buttons run for signed-in people." }) : null,
-        said2?.kind === "ran" ? /* @__PURE__ */ jsxs31("p", { className: "break-words", children: [
+      /* @__PURE__ */ jsxs32(PopoverContent4, { className: "w-72 space-y-2 p-3 text-sm", onClick: stop, onPointerDown: stop, "data-records-button-said": said2?.kind, children: [
+        said2?.kind === "refused" ? /* @__PURE__ */ jsx34(RefusalLine, { error: said2.error }) : null,
+        said2?.kind === "public" ? /* @__PURE__ */ jsx34("p", { children: "Buttons run for signed-in people." }) : null,
+        said2?.kind === "ran" ? /* @__PURE__ */ jsxs32("p", { className: "break-words", children: [
           said2.says,
           " ",
-          said2.link ? /* @__PURE__ */ jsx33(OutboundLink6, { href: said2.link, className: "text-primary underline", children: said2.link }) : null
+          said2.link ? /* @__PURE__ */ jsx34(OutboundLink6, { href: said2.link, className: "text-primary underline", children: said2.link }) : null
         ] }) : null,
-        said2?.kind === "needs" ? /* @__PURE__ */ jsxs31(Fragment10, { children: [
-          /* @__PURE__ */ jsx33("p", { children: said2.says }),
-          tableId ? /* @__PURE__ */ jsxs31(
+        said2?.kind === "needs" ? /* @__PURE__ */ jsxs32(Fragment11, { children: [
+          /* @__PURE__ */ jsx34("p", { children: said2.says }),
+          tableId ? /* @__PURE__ */ jsxs32(
             Button16,
             {
               type: "button",
@@ -7744,202 +7970,16 @@ function ButtonValue({ field, recordId, inCell }) {
         ] }) : null
       ] })
     ] }),
-    settingUp && tableId ? /* @__PURE__ */ jsx33(Dialog2, { open: true, onOpenChange: (open) => open ? null : setSettingUp(false), children: /* @__PURE__ */ jsxs31(DialogContent2, { className: "max-h-[85vh] overflow-y-auto sm:max-w-2xl", onClick: stop, onPointerDown: stop, children: [
-      /* @__PURE__ */ jsxs31(DialogHeader2, { children: [
-        /* @__PURE__ */ jsx33(DialogTitle2, { children: `Column settings \xB7 ${fieldName(field)}` }),
-        /* @__PURE__ */ jsx33(DialogDescription, { className: "sr-only", children: "What the button does" })
+    settingUp && tableId ? /* @__PURE__ */ jsx34(Dialog2, { open: true, onOpenChange: (open) => open ? null : setSettingUp(false), children: /* @__PURE__ */ jsxs32(DialogContent2, { className: "max-h-[85vh] overflow-y-auto sm:max-w-2xl", onClick: stop, onPointerDown: stop, children: [
+      /* @__PURE__ */ jsxs32(DialogHeader2, { children: [
+        /* @__PURE__ */ jsx34(DialogTitle2, { children: `Column settings \xB7 ${fieldName(field)}` }),
+        /* @__PURE__ */ jsx34(DialogDescription, { className: "sr-only", children: "What the button does" })
       ] }),
-      /* @__PURE__ */ jsx33(FieldEditor, { tableId, field, onSaved: () => setSettingUp(false), onCancel: () => setSettingUp(false) })
+      /* @__PURE__ */ jsx34(FieldEditor, { tableId, field, onSaved: () => setSettingUp(false), onCancel: () => setSettingUp(false) })
     ] }) }) : null
   ] });
 }
 
-// src/PersonPicker.tsx
-import { useCallback as useCallback6, useEffect as useEffect18, useMemo as useMemo11, useRef as useRef13, useState as useState25 } from "react";
-import { rankTypedMatches as rankTypedMatches3 } from "@ai-matrx/records";
-import { useOptionalRecordsClient as useOptionalRecordsClient9 } from "@ai-matrx/records/react";
-import { cn as cn23 } from "@ai-matrx/design-system";
-import { Fragment as Fragment11, jsx as jsx34, jsxs as jsxs32 } from "react/jsx-runtime";
-function personFromRow(row) {
-  const data = row.document ?? {};
-  const userId = data["user_id"];
-  return {
-    id: row.id,
-    userId: typeof userId === "string" && userId !== "" ? userId : null,
-    name: String(data["full_name"] ?? data["name"] ?? data["email"] ?? "").trim()
-  };
-}
-function memberName(member) {
-  const display = (member.name ?? "").trim();
-  if (display !== "") return display;
-  const email = (member.email ?? "").trim();
-  if (email !== "") return email;
-  return "A member with no name set";
-}
-async function personRecordForMember(client, personTableId, people, member) {
-  const held = people.find((p) => p.userId === member.userId);
-  if (held) return { ok: true, data: held.id };
-  const written = await client.recordWrite({
-    table_id: personTableId,
-    data: {
-      user_id: member.userId,
-      full_name: memberName(member),
-      ...member.email ? { email: member.email } : {}
-    }
-  });
-  return written;
-}
-function PersonPicker({ field, value, onChange, disabled, id, className, autoOpen, onClose, onCancel, initialSearch }) {
-  const client = useOptionalRecordsClient9();
-  const host = useRecordsUi();
-  const [members, setMembers] = useState25(null);
-  const [people, setPeople] = useState25([]);
-  const [error, setError] = useState25(null);
-  const [search, setSearch] = useState25(initialSearch ?? "");
-  const [open, setOpenState] = useState25(autoOpen === true);
-  const onCloseRef = useRef13(onClose);
-  onCloseRef.current = onClose;
-  const setOpen = useCallback6((next) => {
-    setOpenState(next);
-    if (!next) onCloseRef.current?.();
-  }, []);
-  const [busy, setBusy] = useState25(false);
-  const membersPort = host.members;
-  const personTable = field.relation_target;
-  const picked = useMemo11(
-    () => Array.isArray(value) ? value.map(String) : value === null || value === void 0 ? [] : [String(value)],
-    [value]
-  );
-  const load = useCallback6(async () => {
-    if (!membersPort || !client) return;
-    const [roster, records] = await Promise.all([
-      membersPort(),
-      personTable ? client.list({ table_id: personTable, limit: 500 }) : Promise.resolve(null)
-    ]);
-    setMembers(roster);
-    if (records && !records.ok) {
-      setError(records.error);
-      return;
-    }
-    setPeople(records ? records.data.rows.map(personFromRow).filter((p) => p.userId !== null) : []);
-  }, [membersPort, client, personTable]);
-  useEffect18(() => {
-    if (!open) return;
-    void load();
-  }, [open, load]);
-  useEffect18(() => {
-    if (picked.length === 0 || !personTable || people.length > 0 || !client) return;
-    let cancelled = false;
-    void client.list({ table_id: personTable, limit: 500 }).then((result) => {
-      if (cancelled || !result.ok) return;
-      setPeople(result.data.rows.map(personFromRow).filter((p) => p.userId !== null));
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [client, personTable, picked.length, people.length]);
-  const listed = rankTypedMatches3(members ?? [], search, memberName);
-  if (!membersPort || !client) {
-    return /* @__PURE__ */ jsx34("p", { className: cn23("text-xs text-muted-foreground", className), children: NO_MEMBERS_REASON });
-  }
-  if (!personTable) {
-    return /* @__PURE__ */ jsxs32("p", { className: cn23("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."
-    ] });
-  }
-  const displayNameOf = (userId, recordName2) => {
-    const member = userId ? (members ?? []).find((m) => m.userId === userId) : void 0;
-    const own3 = (member?.name ?? "").trim();
-    if (own3 !== "") return own3;
-    const kept = (recordName2 ?? people.find((p) => p.userId === userId)?.name ?? "").trim();
-    const email = (member?.email ?? "").trim();
-    return kept !== "" && kept !== email ? kept : null;
-  };
-  const nameOfRecord = (recordId) => {
-    const person = people.find((p) => p.id === recordId);
-    if (!person) return "Loading\u2026";
-    const member = (members ?? []).find((m) => m.userId === person.userId);
-    return displayNameOf(person.userId, person.name) ?? (member ? memberName(member) : person.name || "A member with no name set");
-  };
-  const pick = async (member) => {
-    setBusy(true);
-    setError(null);
-    const resolved = await personRecordForMember(client, personTable, people, member);
-    setBusy(false);
-    if (!resolved.ok) {
-      setError(resolved.error);
-      return;
-    }
-    if (!people.some((p) => p.id === resolved.data)) {
-      setPeople((held) => [...held, { id: resolved.data, userId: member.userId, name: memberName(member) }]);
-    }
-    if (!field.multi) {
-      onChange(picked[0] === resolved.data ? null : resolved.data);
-      setOpen(false);
-      return;
-    }
-    const next = new Set(picked);
-    if (next.has(resolved.data)) next.delete(resolved.data);
-    else next.add(resolved.data);
-    onChange(next.size === 0 ? null : [...next]);
-  };
-  const drop = (recordId) => {
-    const next = picked.filter((id2) => id2 !== recordId);
-    onChange(next.length === 0 ? null : field.multi ? next : next[0] ?? null);
-  };
-  const visible = listed;
-  const pickedUserIds = new Set(
-    picked.map((recordId) => people.find((p) => p.id === recordId)?.userId).filter(Boolean)
-  );
-  const anchored = autoOpen === true;
-  const cellChips = picked.map((recordId) => /* @__PURE__ */ jsx34(PersonChip, { name: nameOfRecord(recordId), ...disabled || anchored ? {} : { onRemove: () => drop(recordId) } }, recordId));
-  return /* @__PURE__ */ jsxs32("div", { className: cn23("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__ */ jsx34(
-        PickOrAdd,
-        {
-          ...anchored && onCancel ? { onEscape: onCancel } : {},
-          anchored,
-          multi: field.multi,
-          triggerId: id,
-          triggerLabel: `Pick a person for ${fieldName(field)}`,
-          triggerText: picked.length === 0 ? "Pick a person" : "Change",
-          open,
-          onOpenChange: setOpen,
-          search,
-          onSearch: setSearch,
-          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),
-            // A name and an email with nothing between them read as one run-on string (verdict,
-            // 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__ */ jsxs32(Fragment11, { children: [
-            error ? /* @__PURE__ */ jsx34(RefusalLine, { error, className: "p-2" }) : null,
-            members === null ? /* @__PURE__ */ jsx34("p", { className: "p-2 text-xs text-muted-foreground", children: "Reading the members\u2026" }) : null
-          ] }),
-          empty: members !== null ? /* @__PURE__ */ jsx34("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
-        }
-      )
-    )
-  ] });
-}
-
 // src/FloatingRefusal.tsx
 import { useLayoutEffect, useRef as useRef14, useState as useState26 } from "react";
 import { createPortal } from "react-dom";