@ai-matrx/records-ui 0.115.82 → 0.115.84

package/dist/pickers.cjs

@@ -1441,7 +1441,7 @@ function PersonAvatar({ name, size = "sm" }) {
     }
   );
 }
-function PersonChip({ name, onRemove, className }) {
+function PersonChip({ name, onRemove, onOpen, className }) {
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
     "span",
     {
@@ -1450,7 +1450,7 @@ function PersonChip({ name, onRemove, className }) {
       className: (0, import_design_system6.cn)("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__ */ (0, import_jsx_runtime7.jsx)(PersonAvatar, { name }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "min-w-0 truncate", children: name }),
+        onOpen ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", onClick: onOpen, "data-records-person-open": "", className: "min-w-0 truncate hover:underline", children: name }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "min-w-0 truncate", children: name }),
         onRemove ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", onClick: onRemove, "aria-label": `Remove ${name}`, className: "shrink-0 opacity-60 hover:opacity-100", children: "\xD7" }) : null
       ]
     }
@@ -2024,11 +2024,11 @@ function RelationPicker({ field, value, onChange, disabled, id, className, allow
 }
 
 // src/buttonCell.tsx
-var import_react46 = require("react");
-var import_design_system30 = require("@ai-matrx/design-system");
+var import_react48 = require("react");
+var import_design_system31 = require("@ai-matrx/design-system");
 var import_data_table6 = require("@ai-matrx/design-system/data-table");
-var import_records26 = require("@ai-matrx/records");
-var import_react47 = require("@ai-matrx/records/react");
+var import_records27 = require("@ai-matrx/records");
+var import_react49 = require("@ai-matrx/records/react");
 
 // src/columnName.ts
 var said = (name) => name.trim().replace(/\s+/g, " ");
@@ -2066,10 +2066,10 @@ function columnNameProblemLine(name, noun = "column") {
 }
 
 // src/FieldEditor.tsx
-var import_react44 = require("react");
-var import_react45 = require("@ai-matrx/records/react");
+var import_react46 = require("react");
+var import_react47 = require("@ai-matrx/records/react");
 var import_core6 = require("@ai-matrx/records/core");
-var import_design_system29 = require("@ai-matrx/design-system");
+var import_design_system30 = require("@ai-matrx/design-system");
 
 // src/ReferenceBuilder.tsx
 var import_react14 = require("react");
@@ -2770,14 +2770,14 @@ function EntityReferenceKindPicker({ value, onChange, locked = false, className
 }
 
 // src/SourceArchivedNotice.tsx
-var import_react33 = require("react");
-var import_design_system22 = require("@ai-matrx/design-system");
-var import_react34 = require("@ai-matrx/records/react");
+var import_react35 = require("react");
+var import_design_system23 = require("@ai-matrx/design-system");
+var import_react36 = require("@ai-matrx/records/react");
 
 // src/values.tsx
 var import_data_table3 = require("@ai-matrx/design-system/data-table");
 var import_field_formats4 = require("@ai-matrx/design-system/field-formats");
-var import_design_system21 = require("@ai-matrx/design-system");
+var import_design_system22 = require("@ai-matrx/design-system");
 
 // src/embeddedLook.tsx
 var import_react20 = require("react");
@@ -4002,23 +4002,24 @@ function useFileRead(id) {
   (0, import_react31.useEffect)(() => {
     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;
@@ -4032,6 +4033,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__ */ (0, import_jsx_runtime21.jsxs)("span", { className: "relative inline-flex shrink-0", "data-records-file-thumb": id, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        "button",
+        {
+          type: "button",
+          title,
+          "aria-label": onPreview ? `Preview ${words}` : words,
+          className: (0, import_design_system19.cn)(
+            "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__ */ (0, import_jsx_runtime21.jsx)(
+        "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__ */ (0, import_jsx_runtime21.jsxs)(
     import_design_system19.Badge,
     {
@@ -4463,12 +4501,200 @@ function formulaSourceArchived(field, document2) {
 }
 
 // src/values.tsx
+var import_records18 = require("@ai-matrx/records");
+
+// src/PersonPicker.tsx
+var import_react33 = require("react");
 var import_records17 = require("@ai-matrx/records");
-var import_outbound_react5 = require("@ai-matrx/kit/outbound-react");
+var import_react34 = require("@ai-matrx/records/react");
+var import_design_system21 = require("@ai-matrx/design-system");
 var import_jsx_runtime23 = require("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 = (0, import_react34.useOptionalRecordsClient)();
+  const host = useRecordsUi();
+  const [members, setMembers] = (0, import_react33.useState)(null);
+  const [people, setPeople] = (0, import_react33.useState)([]);
+  const [error, setError] = (0, import_react33.useState)(null);
+  const [search, setSearch] = (0, import_react33.useState)(initialSearch ?? "");
+  const [open, setOpenState] = (0, import_react33.useState)(autoOpen === true);
+  const onCloseRef = (0, import_react33.useRef)(onClose);
+  onCloseRef.current = onClose;
+  const setOpen = (0, import_react33.useCallback)((next) => {
+    setOpenState(next);
+    if (!next) onCloseRef.current?.();
+  }, []);
+  const [busy, setBusy] = (0, import_react33.useState)(false);
+  const membersPort = host.members;
+  const personTable = field.relation_target;
+  const picked = (0, import_react33.useMemo)(
+    () => Array.isArray(value) ? value.map(String) : value === null || value === void 0 ? [] : [String(value)],
+    [value]
+  );
+  const load = (0, import_react33.useCallback)(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]);
+  (0, import_react33.useEffect)(() => {
+    if (!open) return;
+    void load();
+  }, [open, load]);
+  (0, import_react33.useEffect)(() => {
+    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 = (0, import_records17.rankTypedMatches)(members ?? [], search, memberName);
+  if (!membersPort || !client) {
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: (0, import_design_system21.cn)("text-xs text-muted-foreground", className), children: NO_MEMBERS_REASON });
+  }
+  if (!personTable) {
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("p", { className: (0, import_design_system21.cn)("text-xs text-muted-foreground", className), children: [
+      fieldName(field),
+      " is a person field, but it does not say which Table the people are records of yet, so there is nothing to pick from. A table admin sets its target in the field editor."
+    ] });
+  }
+  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__ */ (0, import_jsx_runtime23.jsx)(PersonChip, { name: nameOfRecord(recordId), ...disabled || anchored ? {} : { onRemove: () => drop(recordId) } }, recordId));
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: (0, import_design_system21.cn)("flex flex-wrap items-center gap-1", className), children: [
+    anchored && !disabled ? null : cellChips,
+    disabled ? null : (
+      // THE ONE "PICK OR ADD" BUILDER (lane CELL-EDITORS, 2026-10-06): the person list used to carry
+      // its own copy of the list's layout and keys; it now draws the same rows, ticks, highlight and
+      // head chips as every other picker, and in a grid cell hangs from the cell.
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        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__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
+            error ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(RefusalLine, { error, className: "p-2" }) : null,
+            members === null ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "p-2 text-xs text-muted-foreground", children: "Reading the members\u2026" }) : null
+          ] }),
+          empty: members !== null ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "p-2 text-xs text-muted-foreground", children: members.length === 0 ? "This organization has no other members yet, so there is nobody to assign." : "Nobody in this organization matches." }) : null,
+          children: anchored ? cellChips : null
+        }
+      )
+    )
+  ] });
+}
+
+// src/values.tsx
+var import_outbound_react5 = require("@ai-matrx/kit/outbound-react");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 function statusMark(field, item, document2) {
   const mark = statusMarkOf(field, item, document2);
-  return mark ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { "aria-label": mark.words, title: mark.words, className: "mr-1", "data-records-status-group": mark.group, children: mark.mark }) : null;
+  return mark ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { "aria-label": mark.words, title: mark.words, className: "mr-1", "data-records-status-group": mark.group, children: mark.mark }) : null;
 }
 function envelopeFor(document2, key) {
   const block = document2?._values;
@@ -4514,48 +4740,48 @@ function sourceArchivedSentence(state2) {
   return state2.table ? `${state2.label} on ${state2.table} is archived` : `${state2.label} is archived`;
 }
 function SourceArchivedValue({ state: state2 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-xs italic text-muted-foreground", title: sourceArchivedSentence(state2), "data-records-source-archived": state2.field_id ?? "", children: SOURCE_ARCHIVED_WORDS });
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("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 = (0, import_records17.sourceArchivedOf)(value);
-  if (archivedSource) return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SourceArchivedValue, { state: archivedSource });
+  const archivedSource = (0, import_records18.sourceArchivedOf)(value);
+  if (archivedSource) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SourceArchivedValue, { state: archivedSource });
   const envelope = envelopeFor(document2, field.key);
   if (envelope?.absent) {
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-xs italic text-muted-foreground", title: `VAL-2: ${envelope.absent}`, children: ABSENCE_WORDS[String(envelope.absent)] ?? String(envelope.absent) });
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-xs italic text-muted-foreground", title: `VAL-2: ${envelope.absent}`, children: ABSENCE_WORDS[String(envelope.absent)] ?? String(envelope.absent) });
   }
   if (value === null || value === void 0 || value === "") {
     const gone = unresolvedFor(document2, field.key);
     if (gone) {
-      return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-xs italic text-muted-foreground", title: `It pointed at ${gone}`, children: "The record this pointed at no longer exists" });
+      return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-xs italic text-muted-foreground", title: `It pointed at ${gone}`, children: "The record this pointed at no longer exists" });
     }
     const archivedInput = formulaSourceArchived(field, document2);
-    if (archivedInput) return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SourceArchivedValue, { state: archivedInput });
+    if (archivedInput) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SourceArchivedValue, { state: archivedInput });
     const computed = computedEmptyOf(field, document2);
-    if (computed?.sentence) return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-xs italic text-muted-foreground", children: computed.sentence });
-    if (computed?.words) return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { "data-records-empty-why": computed.kind, children: computed.words });
+    if (computed?.sentence) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-xs italic text-muted-foreground", children: computed.sentence });
+    if (computed?.words) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { "data-records-empty-why": computed.kind, children: computed.words });
     if (computed?.why) {
-      return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-muted-foreground", title: computed.why, "data-records-empty-why": computed.kind, children: "\u2014" });
+      return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-muted-foreground", title: computed.why, "data-records-empty-why": computed.kind, children: "\u2014" });
     }
     if (look?.blankEmpty) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-muted-foreground", children: "\u2014" });
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-muted-foreground", children: "\u2014" });
   }
-  if (isSignatureField(field)) return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SignatureValue, { value, fieldKey: field.key, document: document2 });
-  if ((0, import_records17.isButtonField)(field)) return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ButtonValue, { field });
+  if (isSignatureField(field)) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SignatureValue, { value, fieldKey: field.key, document: document2 });
+  if ((0, import_records18.isButtonField)(field)) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ButtonValue, { field });
   const newer = newerKindValue(field, value);
   if (newer !== void 0) return newer;
   const whole = typeof value === "string" ? (0, import_core5.wholeValueOf)(document2, field.key) : null;
-  if (whole) return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(WholeValueCell, { words: value, pointer: whole });
+  if (whole) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(WholeValueCell, { words: value, pointer: whole });
   const kind = editorKindFor(field);
   if (kind === "relation" || kind === "entity_reference") {
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ReferenceChips, { refs: referencesOf(field, value, kind, labels), waiting: stillWaitingFor });
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ReferenceChips, { refs: referencesOf(field, value, kind, labels), waiting: stillWaitingFor });
   }
   if (kind === "member") {
     const ids = (Array.isArray(value) ? value : [value]).filter((v) => v !== null && v !== void 0 && v !== "");
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "flex min-w-0 flex-wrap gap-1", "data-records-person-chips": "", children: ids.map((id, i) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(PersonChip, { name: scalarText(field, id, labels, stillWaitingFor) }, `${String(id)}-${i}`)) });
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "flex min-w-0 flex-wrap gap-1", "data-records-person-chips": "", children: ids.map((id, i) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(PersonChip, { name: scalarText(field, id, labels, stillWaitingFor) }, `${String(id)}-${i}`)) });
   }
   const kv = kind === "attachment" ? null : kindValueOf(value);
-  if (kv) return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(KindValueCell, { kv, where: "cell", title: field.label });
+  if (kv) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(KindValueCell, { kv, where: "cell", title: field.label });
   const chosen = kind === "select" || kind === "multi_select";
   const chipOf = (item) => {
     const chipLook = choiceChipLookOf(field, item, scalarText(field, item, labels));
@@ -4563,17 +4789,17 @@ function renderValue(field, value, document2, labels, stillWaitingFor, look) {
   };
   if (chosen) {
     const items = Array.isArray(value) ? value : [value];
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "flex flex-wrap gap-1", "data-records-choice-chips": "", children: items.map((item, i) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "flex flex-wrap gap-1", "data-records-choice-chips": "", children: items.map((item, i) => {
       const chip = chipOf(item);
-      return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
-        import_design_system21.Badge,
+      return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+        import_design_system22.Badge,
         {
           variant: "outline",
-          className: (0, import_design_system21.cn)("text-[11px]", chip.className),
+          className: (0, import_design_system22.cn)("text-[11px]", chip.className),
           "data-records-choice-chip": "",
           ...chip.tinted ? { "data-records-choice-tint": "" } : {},
           children: [
-            look?.choiceDot ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { "aria-hidden": "true", "data-matrx-pill-ink": "", "data-records-choice-dot": "", className: (0, import_design_system21.cn)("mr-1.5 inline-block size-1.5 shrink-0 rounded-full", chip.dot) }) : null,
+            look?.choiceDot ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { "aria-hidden": "true", "data-matrx-pill-ink": "", "data-records-choice-dot": "", className: (0, import_design_system22.cn)("mr-1.5 inline-block size-1.5 shrink-0 rounded-full", chip.dot) }) : null,
             statusMark(field, item, Array.isArray(value) ? void 0 : document2),
             scalarText(field, item, labels, Array.isArray(value) ? void 0 : stillWaitingFor)
           ]
@@ -4582,13 +4808,13 @@ function renderValue(field, value, document2, labels, stillWaitingFor, look) {
       );
     }) });
   }
-  if (kind === "attachment") return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(AttachmentChips, { value });
+  if (kind === "attachment") return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(AttachmentChips, { value });
   if (Array.isArray(value)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "flex flex-wrap gap-1", children: value.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_design_system21.Badge, { variant: "secondary", className: "text-[11px]", children: scalarText(field, item, labels) }, `${String(item)}-${i}`)) });
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "flex flex-wrap gap-1", children: value.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_design_system22.Badge, { variant: "secondary", className: "text-[11px]", children: scalarText(field, item, labels) }, `${String(item)}-${i}`)) });
   }
   if (kind === "url" && typeof value === "string") {
     const href = value.includes("://") ? value : `https://${value}`;
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
       import_outbound_react5.OutboundLink,
       {
         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",
@@ -4597,14 +4823,14 @@ function renderValue(field, value, document2, labels, stillWaitingFor, look) {
         "data-records-link-chip": "",
         onClick: (event) => event.stopPropagation(),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { "aria-hidden": "true", className: "text-muted-foreground", children: "\u2197" }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "truncate", children: linkChipText(value) })
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { "aria-hidden": "true", className: "text-muted-foreground", children: "\u2197" }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "truncate", children: linkChipText(value) })
         ]
       }
     );
   }
   if (kind === "phone" && typeof value === "string" && value.trim() !== "") {
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       "a",
       {
         className: "truncate tabular-nums text-primary underline-offset-2 hover:underline",
@@ -4617,19 +4843,19 @@ function renderValue(field, value, document2, labels, stillWaitingFor, look) {
     );
   }
   if (kind === "email" && typeof value === "string") {
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("a", { className: "truncate text-primary underline-offset-2 hover:underline", href: `mailto:${value}`, children: value });
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("a", { className: "truncate text-primary underline-offset-2 hover:underline", href: `mailto:${value}`, children: value });
   }
   if (typeof value === "boolean") {
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: kind === "checkbox" ? "text-sm" : "", title: value ? "Yes" : "No", children: value ? "\u2713" : "\u2014" });
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: kind === "checkbox" ? "text-sm" : "", title: value ? "Yes" : "No", children: value ? "\u2713" : "\u2014" });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: (0, import_design_system21.cn)("truncate", kind === "number" || kind === "currency" || kind === "percent" ? "tabular-nums" : ""), children: scalarText(field, value, labels, stillWaitingFor) });
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: (0, import_design_system22.cn)("truncate", kind === "number" || kind === "currency" || kind === "percent" ? "tabular-nums" : ""), children: scalarText(field, value, labels, stillWaitingFor) });
 }
 function scalarText(field, value, labels, stillWaitingFor) {
   if (value === null || value === void 0) return "\u2014";
-  if ((0, import_records17.sourceArchivedOf)(value)) return SOURCE_ARCHIVED_WORDS;
+  if ((0, import_records18.sourceArchivedOf)(value)) return SOURCE_ARCHIVED_WORDS;
   if (isSignatureField(field)) return signatureWords(value) ?? "\u2014";
-  if ((0, import_records17.autonumberPrefixOf)(field)) return (0, import_records17.autonumberWords)(field, value) ?? String(value);
-  const newerWords = (0, import_records17.newerKindWords)(field, value);
+  if ((0, import_records18.autonumberPrefixOf)(field)) return (0, import_records18.autonumberWords)(field, value) ?? String(value);
+  const newerWords = (0, import_records18.newerKindWords)(field, value);
   if (newerWords !== null) return newerWords;
   const kind = editorKindFor(field);
   if (kind === "entity_reference") return entityReferenceText(value);
@@ -4665,24 +4891,24 @@ function scalarText(field, value, labels, stillWaitingFor) {
 }
 
 // src/SourceArchivedNotice.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function bringBackLabel(state2) {
   return state2.label ? `Bring back ${state2.label}` : "Bring it back";
 }
 function SourceArchivedNotice({ fieldId, tableId }) {
-  const client = (0, import_react34.useRecordsClient)();
-  const [state2, setState] = (0, import_react33.useState)(null);
-  const [busy, setBusy] = (0, import_react33.useState)(false);
-  const [refused, setRefused] = (0, import_react33.useState)(null);
-  const read = (0, import_react33.useCallback)(async () => {
+  const client = (0, import_react36.useRecordsClient)();
+  const [state2, setState] = (0, import_react35.useState)(null);
+  const [busy, setBusy] = (0, import_react35.useState)(false);
+  const [refused, setRefused] = (0, import_react35.useState)(null);
+  const read = (0, import_react35.useCallback)(async () => {
     const answer = await client.fieldSourceArchived({ field_id: fieldId });
     if (answer.ok) setState(answer.data);
     else setRefused(answer.error);
   }, [client, fieldId]);
-  (0, import_react33.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     void read();
   }, [read]);
-  if (refused && !state2) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(RefusalNotice, { error: refused });
+  if (refused && !state2) return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(RefusalNotice, { error: refused });
   if (!state2) return null;
   const restore = async () => {
     if (!state2.field_id) return;
@@ -4694,36 +4920,36 @@ function SourceArchivedNotice({ fieldId, tableId }) {
       setRefused(done.error);
       return;
     }
-    if (state2.table_id) (0, import_react34.tableShapeChanged)(state2.table_id);
-    (0, import_react34.tableShapeChanged)(tableId);
+    if (state2.table_id) (0, import_react36.tableShapeChanged)(state2.table_id);
+    (0, import_react36.tableShapeChanged)(tableId);
     await read();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
     "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__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-sm", children: SOURCE_ARCHIVED_WORDS }),
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "truncate text-xs text-muted-foreground", children: sourceArchivedSentence(state2) })
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "text-sm", children: SOURCE_ARCHIVED_WORDS }),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "truncate text-xs text-muted-foreground", children: sourceArchivedSentence(state2) })
         ] }),
-        state2.field_id ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_design_system22.Button, { type: "button", size: "sm", variant: "secondary", disabled: busy, onClick: () => void restore(), children: bringBackLabel(state2) }) : null,
-        refused ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(RefusalNotice, { error: refused, className: "basis-full" }) : null
+        state2.field_id ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_design_system23.Button, { type: "button", size: "sm", variant: "secondary", disabled: busy, onClick: () => void restore(), children: bringBackLabel(state2) }) : null,
+        refused ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(RefusalNotice, { error: refused, className: "basis-full" }) : null
       ]
     }
   );
 }
 
 // src/Condition.tsx
-var import_react36 = require("react");
-var import_design_system23 = require("@ai-matrx/design-system");
-var import_records18 = require("@ai-matrx/records");
-var import_react37 = require("@ai-matrx/records/react");
+var import_react38 = require("react");
+var import_design_system24 = require("@ai-matrx/design-system");
+var import_records19 = require("@ai-matrx/records");
+var import_react39 = require("@ai-matrx/records/react");
 
 // src/personTime.ts
-var import_react35 = require("react");
+var import_react37 = require("react");
 
 // src/personZone.ts
 var import_table_style3 = require("@ai-matrx/design-system/data-table/table-style");
@@ -4760,7 +4986,7 @@ function personWallNow(at = /* @__PURE__ */ new Date()) {
 
 // src/personTime.ts
 function usePersonTimeZone() {
-  return (0, import_react35.useSyncExternalStore)(
+  return (0, import_react37.useSyncExternalStore)(
     subscribePersonTimeZone,
     getPersonTimeZone,
     () => null
@@ -4768,7 +4994,7 @@ function usePersonTimeZone() {
 }
 
 // src/Condition.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var CONDITION_OPS = [
   { op: "eq", label: "is" },
   { op: "ne", label: "is not" },
@@ -4805,7 +5031,7 @@ function linkedOf(expr) {
   if (match !== "any" && match !== "none") return null;
   return { via: rel["field"], inner: a["field"], op: match === "any" ? "eq" : "ne", value: b["const"] };
 }
-var FilterTermsContext = (0, import_react36.createContext)(false);
+var FilterTermsContext = (0, import_react38.createContext)(false);
 var RELATIVE_DAY_TERMS = [
   { kind: "today", label: "is today" },
   { kind: "tomorrow", label: "is tomorrow" },
@@ -4856,17 +5082,17 @@ function isChoiceColumn(f) {
   return kind === "select" || kind === "multi_select";
 }
 function ChoiceValue({ field, value, onChange }) {
-  const client = (0, import_react37.useOptionalRecordsClient)();
-  const [choices, setChoices] = (0, import_react36.useState)(null);
-  const [open, setOpen] = (0, import_react36.useState)(false);
-  const [search, setSearch] = (0, import_react36.useState)("");
-  (0, import_react36.useEffect)(() => {
+  const client = (0, import_react39.useOptionalRecordsClient)();
+  const [choices, setChoices] = (0, import_react38.useState)(null);
+  const [open, setOpen] = (0, import_react38.useState)(false);
+  const [search, setSearch] = (0, import_react38.useState)("");
+  (0, import_react38.useEffect)(() => {
     if (!client) return;
     let cancelled = false;
     void (0, askOnce_exports.fieldOptionsOnce)(client, field.id).then((got) => {
       if (cancelled) return;
       setChoices(
-        got.ok ? (got.data ?? []).map((o) => ({ key: (0, import_records18.optionKey)(o), label: (0, import_records18.optionLabel)(o) ?? "" })).filter((c) => c.label !== "") : []
+        got.ok ? (got.data ?? []).map((o) => ({ key: (0, import_records19.optionKey)(o), label: (0, import_records19.optionLabel)(o) ?? "" })).filter((c) => c.label !== "") : []
       );
     });
     return () => {
@@ -4874,8 +5100,8 @@ function ChoiceValue({ field, value, onChange }) {
     };
   }, [client, field.id]);
   if (!choices || choices.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-      import_design_system23.BasicInput,
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      import_design_system24.BasicInput,
       {
         className: "h-8 w-28 text-xs",
         "aria-label": "Condition value",
@@ -4884,8 +5110,8 @@ function ChoiceValue({ field, value, onChange }) {
       }
     );
   }
-  const shown2 = (0, import_records18.rankTypedMatches)(choices, search.trim(), (c) => c.label);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "inline-flex min-w-0", "data-records-condition-choice": "", "data-pick-value": value, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  const shown2 = (0, import_records19.rankTypedMatches)(choices, search.trim(), (c) => c.label);
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "inline-flex min-w-0", "data-records-condition-choice": "", "data-pick-value": value, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     PickOrAdd,
     {
       triggerSize: "compact",
@@ -4911,7 +5137,7 @@ function ChoiceValue({ field, value, onChange }) {
         setOpen(false);
         setSearch("");
       },
-      empty: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "p-2 text-xs text-muted-foreground", children: "No match" })
+      empty: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "p-2 text-xs text-muted-foreground", children: "No match" })
     }
   ) });
 }
@@ -5005,7 +5231,7 @@ function conditionValue(typed) {
 }
 function ConditionRow({ lead, expr, fields, onChange, emptyLabel = "always", className }) {
   const node = expr ?? null;
-  const filterTerms = (0, import_react36.useContext)(FilterTermsContext);
+  const filterTerms = (0, import_react38.useContext)(FilterTermsContext);
   const relative = relativeDayOf(expr);
   const reader = meOf(expr);
   const linked = linkedOf(expr);
@@ -5051,9 +5277,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__ */ (0, import_jsx_runtime25.jsxs)("div", { className: className ?? "flex flex-wrap items-center gap-1 text-xs", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "text-muted-foreground", children: lead }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: className ?? "flex flex-wrap items-center gap-1 text-xs", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "text-muted-foreground", children: lead }),
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       PickOne,
       {
         label: "Condition field",
@@ -5064,7 +5290,7 @@ function ConditionRow({ lead, expr, fields, onChange, emptyLabel = "always", cla
         attrs: { "data-condition": "field" }
       }
     ),
-    onField && !fields.some((f) => f.id === onField) ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    onField && !fields.some((f) => f.id === onField) ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       "span",
       {
         className: "rounded bg-destructive px-1.5 py-0.5 text-[11px] font-medium text-destructive-foreground",
@@ -5073,8 +5299,8 @@ function ConditionRow({ lead, expr, fields, onChange, emptyLabel = "always", cla
         children: "Missing question"
       }
     ) : null,
-    onField ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    onField ? /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
         PickOne,
         {
           label: "Condition comparison",
@@ -5085,8 +5311,8 @@ function ConditionRow({ lead, expr, fields, onChange, emptyLabel = "always", cla
           attrs: { "data-condition": "comparison" }
         }
       ),
-      relative ? relativeTerm?.takesDays ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-        import_design_system23.BasicInput,
+      relative ? relativeTerm?.takesDays ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        import_design_system24.BasicInput,
         {
           className: "h-8 w-16 text-xs",
           type: "number",
@@ -5102,7 +5328,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__ */ (0, import_jsx_runtime25.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
           RelationPicker,
           {
             field: { ...chosen.field, multi: false },
@@ -5113,8 +5339,8 @@ function ConditionRow({ lead, expr, fields, onChange, emptyLabel = "always", cla
             allowCreate: false
           }
         )
-      ) : isChoiceColumn(chosen) && (op === "eq" || op === "ne" || op === "contains" || op === "not_contains") ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ChoiceValue, { field: chosen.field, value: String(value ?? ""), onChange: (word) => write({ value: word }) }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-        import_design_system23.BasicInput,
+      ) : isChoiceColumn(chosen) && (op === "eq" || op === "ne" || op === "contains" || op === "not_contains") ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ChoiceValue, { field: chosen.field, value: String(value ?? ""), onChange: (word) => write({ value: word }) }) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        import_design_system24.BasicInput,
         {
           className: "h-8 w-28 text-xs",
           "aria-label": "Condition value",
@@ -5190,7 +5416,7 @@ function ConditionGroup({
   className
 }) {
   const { joiner, args } = clausesOf(expr);
-  const [drafting, setDrafting] = (0, import_react36.useState)(null);
+  const [drafting, setDrafting] = (0, import_react38.useState)(null);
   const nested = depth > 0;
   const replaceAt = (index, next) => {
     const nextArgs = args.slice();
@@ -5201,16 +5427,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__ */ (0, import_jsx_runtime25.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
     "div",
     {
       className: className ?? "flex flex-col gap-1 text-xs",
       "data-testid": nested ? "condition-nested-group" : "condition-group",
       "data-depth": depth,
       children: [
-        showJoiner ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "text-muted-foreground", children: nested ? "Group:" : lead }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        showJoiner ? /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "text-muted-foreground", children: nested ? "Group:" : lead }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
             PickOne,
             {
               label: nested ? `How the conditions in this group are joined (level ${depth + 1})` : "How these conditions are joined",
@@ -5221,8 +5447,8 @@ function ConditionGroup({
               attrs: { "data-condition": "joiner" }
             }
           ),
-          nested && onRemove ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-            import_design_system23.Button,
+          nested && onRemove ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+            import_design_system24.Button,
             {
               size: "sm",
               variant: "ghost",
@@ -5233,7 +5459,7 @@ function ConditionGroup({
             }
           ) : null
         ] }) : null,
-        args.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        args.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
           ConditionRow,
           {
             lead,
@@ -5246,7 +5472,7 @@ function ConditionGroup({
           const group = conditionGroupOf(arg);
           const key = `clause-${index}`;
           if (group && allowNesting) {
-            return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "ml-4 rounded border border-dashed p-1", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "ml-4 rounded border border-dashed p-1", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
               ConditionGroup,
               {
                 lead: joinWord(index),
@@ -5260,7 +5486,7 @@ function ConditionGroup({
               }
             ) }, key);
           }
-          return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
             ConditionRow,
             {
               lead: showJoiner || args.length > 1 ? joinWord(index) : lead,
@@ -5272,7 +5498,7 @@ function ConditionGroup({
             key
           );
         }),
-        drafting ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: drafting === "group" ? "ml-4 rounded border border-dashed p-1" : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        drafting ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: drafting === "group" ? "ml-4 rounded border border-dashed p-1" : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
           ConditionRow,
           {
             lead: drafting === "group" ? `${joinWord(1)}, a group where` : joinWord(1),
@@ -5287,9 +5513,9 @@ function ConditionGroup({
             }
           }
         ) }) : null,
-        args.length > 0 && !drafting ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-            import_design_system23.Button,
+        args.length > 0 && !drafting ? /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+            import_design_system24.Button,
             {
               size: "sm",
               variant: "ghost",
@@ -5299,8 +5525,8 @@ function ConditionGroup({
               children: "Add another condition"
             }
           ),
-          allowNesting && (maxDepth === void 0 || depth < maxDepth) ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-            import_design_system23.Button,
+          allowNesting && (maxDepth === void 0 || depth < maxDepth) ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+            import_design_system24.Button,
             {
               size: "sm",
               variant: "ghost",
@@ -5317,11 +5543,11 @@ function ConditionGroup({
 }
 
 // src/FieldRetype.tsx
-var import_react38 = require("react");
-var import_records19 = require("@ai-matrx/records");
-var import_react39 = require("@ai-matrx/records/react");
-var import_design_system24 = require("@ai-matrx/design-system");
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_react40 = require("react");
+var import_records20 = require("@ai-matrx/records");
+var import_react41 = require("@ai-matrx/records/react");
+var import_design_system25 = require("@ai-matrx/design-system");
+var import_jsx_runtime27 = require("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" },
@@ -5367,17 +5593,17 @@ function currentTarget(field) {
   return "text";
 }
 function FieldRetype({ field, tableId, onRetyped }) {
-  const client = (0, import_react39.useRecordsClient)();
+  const client = (0, import_react41.useRecordsClient)();
   const notify = useRecordsUi().notify;
-  const [to, setTo] = (0, import_react38.useState)(null);
-  const [preview, setPreview] = (0, import_react38.useState)(null);
-  const [asking, setAsking] = (0, import_react38.useState)(false);
-  const [refusal, setRefusal] = (0, import_react38.useState)(null);
-  const [busy, setBusy] = (0, import_react38.useState)(false);
-  const [said2, setSaid] = (0, import_react38.useState)(null);
+  const [to, setTo] = (0, import_react40.useState)(null);
+  const [preview, setPreview] = (0, import_react40.useState)(null);
+  const [asking, setAsking] = (0, import_react40.useState)(false);
+  const [refusal, setRefusal] = (0, import_react40.useState)(null);
+  const [busy, setBusy] = (0, import_react40.useState)(false);
+  const [said2, setSaid] = (0, import_react40.useState)(null);
   const name = fieldName(field);
   const targets = RETYPE_TARGETS.filter((t) => t.id !== currentTarget(field));
-  (0, import_react38.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     if (!to) return;
     let cancelled = false;
     setPreview(null);
@@ -5391,14 +5617,14 @@ function FieldRetype({ field, tableId, onRetyped }) {
         return;
       }
       const groups = answer.data.map((row) => ({ value: row.groups[field.key] ?? null, count: row.row_count }));
-      setPreview((0, import_records19.previewRetype)({ type: to.behaviour, kind: to.kind }, groups, answer.data.length >= PREVIEW_GROUPS));
+      setPreview((0, import_records20.previewRetype)({ type: to.behaviour, kind: to.kind }, groups, answer.data.length >= PREVIEW_GROUPS));
     });
     return () => {
       cancelled = true;
     };
   }, [client, tableId, field.key, to]);
   if (!retypeableFrom(field)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-[11px] text-muted-foreground", "data-records-retype": "not-here", children: whyNotRetypeable(field) });
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "text-[11px] text-muted-foreground", "data-records-retype": "not-here", children: whyNotRetypeable(field) });
   }
   const change = async () => {
     if (!to) return;
@@ -5433,7 +5659,7 @@ function FieldRetype({ field, tableId, onRetyped }) {
           undo: async () => {
             const back = await client.migrateUndo({ migration_id: migration });
             if (!back.ok) throw new Error(refusalSentence(back.error));
-            (0, import_react39.tableShapeChanged)(tableId);
+            (0, import_react41.tableShapeChanged)(tableId);
             onRetyped?.();
           }
         });
@@ -5444,24 +5670,24 @@ function FieldRetype({ field, tableId, onRetyped }) {
     );
     setTo(null);
     setPreview(null);
-    (0, import_react39.tableShapeChanged)(tableId);
+    (0, import_react41.tableShapeChanged)(tableId);
     onRetyped?.();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-col gap-1.5", "data-records-retype": "", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_design_system24.Select, { value: to?.id ?? "", onValueChange: (next) => setTo(targets.find((t) => t.id === next) ?? null), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_design_system24.SelectTrigger, { size: "sm", "aria-label": "Change what this column holds", className: "w-auto min-w-[12rem]", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_design_system24.SelectValue, { placeholder: "Change what this column holds" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_design_system24.SelectContent, { children: targets.map((t) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_design_system24.SelectItem, { value: t.id, children: t.label }, t.id)) })
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex flex-col gap-1.5", "data-records-retype": "", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_design_system25.Select, { value: to?.id ?? "", onValueChange: (next) => setTo(targets.find((t) => t.id === next) ?? null), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_design_system25.SelectTrigger, { size: "sm", "aria-label": "Change what this column holds", className: "w-auto min-w-[12rem]", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_design_system25.SelectValue, { placeholder: "Change what this column holds" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_design_system25.SelectContent, { children: targets.map((t) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_design_system25.SelectItem, { value: t.id, children: t.label }, t.id)) })
       ] }),
-      to ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_design_system24.Button, { 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__ */ (0, import_jsx_runtime26.jsx)(import_design_system24.Button, { size: "sm", variant: "ghost", onClick: () => setTo(null), disabled: busy, children: "Cancel" }) : null
+      to ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_design_system25.Button, { 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__ */ (0, import_jsx_runtime27.jsx)(import_design_system25.Button, { size: "sm", variant: "ghost", onClick: () => setTo(null), disabled: busy, children: "Cancel" }) : null
     ] }),
-    to && asking ? /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("p", { className: "text-[11px] text-muted-foreground", children: [
+    to && asking ? /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("p", { className: "text-[11px] text-muted-foreground", children: [
       "Counting ",
       name,
       "'s values\u2026"
     ] }) : null,
-    to && preview ? /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("p", { className: "text-[11px] text-muted-foreground", "data-records-retype-preview": "", children: [
+    to && preview ? /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("p", { className: "text-[11px] text-muted-foreground", "data-records-retype-preview": "", children: [
       preview.converts,
       " ",
       preview.converts === 1 ? "value converts" : "values convert",
@@ -5470,16 +5696,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__ */ (0, import_jsx_runtime26.jsx)(RefusalNotice, { error: refusal }) : null,
-    said2 ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { role: "status", className: "text-[11px] text-muted-foreground", "data-records-retype-done": "", children: said2 }) : null
+    refusal ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(RefusalNotice, { error: refusal }) : null,
+    said2 ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { role: "status", className: "text-[11px] text-muted-foreground", "data-records-retype-done": "", children: said2 }) : null
   ] });
 }
 
 // src/FieldRulePreview.tsx
-var import_react40 = require("react");
-var import_records20 = require("@ai-matrx/records");
-var import_react41 = require("@ai-matrx/records/react");
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_react42 = require("react");
+var import_records21 = require("@ai-matrx/records");
+var import_react43 = require("@ai-matrx/records/react");
+var import_jsx_runtime28 = require("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("|");
@@ -5496,14 +5722,14 @@ function groupValue(value, numbers) {
   return /^-?(\d+\.?\d*|\.\d+)([eE][-+]?\d+)?$/.test(text) ? Number(text) : value;
 }
 function FieldRulePreview({ field, tableId, rules }) {
-  const client = (0, import_react41.useRecordsClient)();
-  const [preview, setPreview] = (0, import_react40.useState)(null);
-  const [refusal, setRefusal] = (0, import_react40.useState)(null);
-  const key = (0, import_react40.useMemo)(() => ruleWords(rules), [rules]);
-  const latest = (0, import_react40.useRef)(rules);
+  const client = (0, import_react43.useRecordsClient)();
+  const [preview, setPreview] = (0, import_react42.useState)(null);
+  const [refusal, setRefusal] = (0, import_react42.useState)(null);
+  const key = (0, import_react42.useMemo)(() => ruleWords(rules), [rules]);
+  const latest = (0, import_react42.useRef)(rules);
   latest.current = rules;
   const name = fieldName(field);
-  (0, import_react40.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     let cancelled = false;
     setPreview(null);
     setRefusal(null);
@@ -5516,7 +5742,7 @@ function FieldRulePreview({ field, tableId, rules }) {
         }
         const numbers = holdsNumbers(field);
         const groups = answer.data.map((row) => ({ value: groupValue(row.groups[field.key] ?? null, numbers), count: row.row_count }));
-        setPreview((0, import_records20.previewRuleChange)(latest.current, groups, answer.data.length >= PREVIEW_GROUPS2));
+        setPreview((0, import_records21.previewRuleChange)(latest.current, groups, answer.data.length >= PREVIEW_GROUPS2));
       });
     }, 300);
     return () => {
@@ -5524,16 +5750,16 @@ function FieldRulePreview({ field, tableId, rules }) {
       clearTimeout(timer);
     };
   }, [client, tableId, field.key, key]);
-  if (refusal) return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(RefusalNotice, { error: refusal });
+  if (refusal) return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(RefusalNotice, { error: refusal });
   if (!preview) {
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("p", { className: "text-[11px] text-muted-foreground", "data-records-rule-preview": "counting", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("p", { className: "text-[11px] text-muted-foreground", "data-records-rule-preview": "counting", children: [
       "Counting ",
       name,
       "'s values\u2026"
     ] });
   }
   if (preview.keptAside === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("p", { className: "text-[11px] text-muted-foreground", "data-records-rule-preview": "fits", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("p", { className: "text-[11px] text-muted-foreground", "data-records-rule-preview": "fits", children: [
       "Every value already in ",
       name,
       " still fits",
@@ -5541,7 +5767,7 @@ function FieldRulePreview({ field, tableId, rules }) {
       "."
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("p", { className: "text-[11px] text-amber-700 dark:text-amber-400", role: "status", "data-records-rule-preview": "sets-aside", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("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",
@@ -5624,9 +5850,9 @@ function choiceLookForNewList(multi, rows) {
 }
 
 // src/NewerKindQuestions.tsx
-var import_records21 = require("@ai-matrx/records");
-var import_design_system25 = require("@ai-matrx/design-system");
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_records22 = require("@ai-matrx/records");
+var import_design_system26 = require("@ai-matrx/design-system");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 var STATUS_STARTING_CHOICES = [
   { words: "Not started", group: "todo" },
   { words: "In progress", group: "in_progress" },
@@ -5645,7 +5871,7 @@ function statusGroupRows(field, rows, keyOfId, changed) {
     if (words === "") continue;
     const ref = r.id ?? words;
     const key = r.id ? keyOfId[r.id] : void 0;
-    const held = field && key ? (0, import_records21.statusGroupOf)(field, key) : void 0;
+    const held = field && key ? (0, import_records22.statusGroupOf)(field, key) : void 0;
     out.push({ ref, words, group: changed[ref] ?? held ?? guessStatusGroup(words) });
   }
   return out;
@@ -5655,27 +5881,27 @@ function StatusGroupsQuestion({
   onGroup
 }) {
   if (rows.length === 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex flex-col gap-1", "data-records-status-groups": "", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_design_system25.Label, { className: "text-xs", children: "Groups" }),
-    rows.map((r) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "min-w-0 flex-1 truncate text-sm", children: r.words }),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_design_system25.Select, { value: r.group, onValueChange: (next) => onGroup(r.ref, next), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_design_system25.SelectTrigger, { size: "sm", className: "w-36", "aria-label": `Group for ${r.words}`, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_design_system25.SelectValue, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_design_system25.SelectContent, { children: import_records21.STATUS_GROUPS.map((g) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_design_system25.SelectItem, { value: g, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex flex-col gap-1", "data-records-status-groups": "", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_design_system26.Label, { className: "text-xs", children: "Groups" }),
+    rows.map((r) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "min-w-0 flex-1 truncate text-sm", children: r.words }),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_design_system26.Select, { value: r.group, onValueChange: (next) => onGroup(r.ref, next), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_design_system26.SelectTrigger, { size: "sm", className: "w-36", "aria-label": `Group for ${r.words}`, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_design_system26.SelectValue, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_design_system26.SelectContent, { children: import_records22.STATUS_GROUPS.map((g) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_design_system26.SelectItem, { value: g, children: [
           STATUS_GROUP_MARK[g],
           " ",
-          import_records21.STATUS_GROUP_WORDS[g]
+          import_records22.STATUS_GROUP_WORDS[g]
         ] }, g)) })
       ] })
     ] }, r.ref))
   ] });
 }
 function RatingMaxQuestion({ value, onChange }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("label", { className: "flex max-w-[16rem] flex-col gap-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_design_system25.Label, { className: "text-xs", children: "Out of" }),
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_design_system25.Select, { value: String(value), onValueChange: (next) => onChange(Number(next)), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_design_system25.SelectTrigger, { size: "sm", "aria-label": "Out of", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_design_system25.SelectValue, {}) }),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_design_system25.SelectContent, { children: Array.from({ length: 10 }, (_, i) => i + 1).map((n) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_design_system25.SelectItem, { value: String(n), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("label", { className: "flex max-w-[16rem] flex-col gap-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_design_system26.Label, { className: "text-xs", children: "Out of" }),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_design_system26.Select, { value: String(value), onValueChange: (next) => onChange(Number(next)), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_design_system26.SelectTrigger, { size: "sm", "aria-label": "Out of", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_design_system26.SelectValue, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_design_system26.SelectContent, { children: Array.from({ length: 10 }, (_, i) => i + 1).map((n) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_design_system26.SelectItem, { value: String(n), children: [
         n,
         " ",
         n === 1 ? "star" : "stars"
@@ -5696,22 +5922,22 @@ var SYMBOLOGY_WORDS = {
   pdf417: "PDF417"
 };
 function BarcodeSymbologyQuestion({ value, onChange }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("label", { className: "flex max-w-[16rem] flex-col gap-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_design_system25.Label, { className: "text-xs", children: "Code type" }),
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_design_system25.Select, { value: value === "" ? "any" : value, onValueChange: (next) => onChange(next === "any" ? "" : next), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_design_system25.SelectTrigger, { size: "sm", "aria-label": "Code type", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_design_system25.SelectValue, {}) }),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_design_system25.SelectContent, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_design_system25.SelectItem, { value: "any", children: "Any code" }),
-        import_records21.BARCODE_SYMBOLOGIES.map((s) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_design_system25.SelectItem, { value: s, children: SYMBOLOGY_WORDS[s] }, s))
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("label", { className: "flex max-w-[16rem] flex-col gap-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_design_system26.Label, { className: "text-xs", children: "Code type" }),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_design_system26.Select, { value: value === "" ? "any" : value, onValueChange: (next) => onChange(next === "any" ? "" : next), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_design_system26.SelectTrigger, { size: "sm", "aria-label": "Code type", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_design_system26.SelectValue, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_design_system26.SelectContent, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_design_system26.SelectItem, { value: "any", children: "Any code" }),
+        import_records22.BARCODE_SYMBOLOGIES.map((s) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_design_system26.SelectItem, { value: s, children: SYMBOLOGY_WORDS[s] }, s))
       ] })
     ] })
   ] });
 }
 
 // src/FieldFormatPicker.tsx
-var import_design_system26 = require("@ai-matrx/design-system");
+var import_design_system27 = require("@ai-matrx/design-system");
 var import_field_formats6 = require("@ai-matrx/design-system/field-formats");
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 var KIND_WORD = {
   choice: "select",
   multi_choice: "multi_select",
@@ -5834,13 +6060,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__ */ (0, import_jsx_runtime29.jsxs)("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__ */ (0, import_jsx_runtime30.jsxs)("label", { className: "flex min-w-[6rem] flex-col gap-0.5 text-[11px] text-muted-foreground", children: [
     label,
     control
   ] }, key) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex flex-col gap-1", "data-records-format-picker": "", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_design_system26.Label, { className: "text-xs", htmlFor: `records-shows-as-${field.id}`, children: "Shows as" }),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex flex-col gap-1", "data-records-format-picker": "", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_design_system27.Label, { className: "text-xs", htmlFor: `records-shows-as-${field.id}`, children: "Shows as" }),
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       PickOne,
       {
         id: `records-shows-as-${field.id}`,
@@ -5866,12 +6092,12 @@ function FieldFormatPicker({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("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__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex flex-wrap items-end gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("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__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex flex-wrap items-end gap-2", children: [
       option(
         "currency",
         "Currency",
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
           PickOne,
           {
             label: "Currency",
@@ -5886,7 +6112,7 @@ function FieldFormatPicker({
       option(
         "percentScale",
         "Stored as",
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
           PickOne,
           {
             label: "Stored as",
@@ -5904,7 +6130,7 @@ function FieldFormatPicker({
       option(
         "durationUnit",
         "Unit",
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
           PickOne,
           {
             label: "Unit",
@@ -5924,7 +6150,7 @@ function FieldFormatPicker({
       option(
         "precision",
         "Decimals",
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
           "input",
           {
             "data-records-format-option": "precision",
@@ -5941,7 +6167,7 @@ function FieldFormatPicker({
       option(
         "ratingMax",
         "Out of",
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
           "input",
           {
             "data-records-format-option": "ratingMax",
@@ -5957,7 +6183,7 @@ function FieldFormatPicker({
       option(
         "dateStyle",
         "Style",
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
           PickOne,
           {
             label: "Style",
@@ -5976,15 +6202,15 @@ function FieldFormatPicker({
       option(
         "prefix",
         "Prefix",
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("input", { "data-records-format-option": "prefix", className: BOX, value: options.prefix ?? "", onChange: (e) => setOption("prefix", e.target.value) })
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("input", { "data-records-format-option": "prefix", className: BOX, value: options.prefix ?? "", onChange: (e) => setOption("prefix", e.target.value) })
       ),
       option(
         "suffix",
         "Suffix",
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("input", { "data-records-format-option": "suffix", className: BOX, placeholder: "e.g. kg", value: options.suffix ?? "", onChange: (e) => setOption("suffix", e.target.value) })
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("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__ */ (0, import_jsx_runtime29.jsxs)("label", { className: "flex items-center gap-1.5 pb-1 text-[11px] text-muted-foreground", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      optionKeys.includes("useGrouping") ? /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("label", { className: "flex items-center gap-1.5 pb-1 text-[11px] text-muted-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
           "input",
           {
             type: "checkbox",
@@ -6022,37 +6248,37 @@ function nextFieldSort(fields) {
 }
 
 // src/FieldEditor.tsx
-var import_records24 = require("@ai-matrx/records");
+var import_records25 = require("@ai-matrx/records");
 
 // src/ButtonSettings.tsx
-var import_react42 = require("react");
-var import_design_system28 = require("@ai-matrx/design-system");
+var import_react44 = require("react");
+var import_design_system29 = require("@ai-matrx/design-system");
 var import_data_table5 = require("@ai-matrx/design-system/data-table");
-var import_records23 = require("@ai-matrx/records");
-var import_react43 = require("@ai-matrx/records/react");
+var import_records24 = require("@ai-matrx/records");
+var import_react45 = require("@ai-matrx/records/react");
 
 // src/AccentSwatches.tsx
-var import_records22 = require("@ai-matrx/records");
-var import_design_system27 = require("@ai-matrx/design-system");
+var import_records23 = require("@ai-matrx/records");
+var import_design_system28 = require("@ai-matrx/design-system");
 var import_data_table4 = require("@ai-matrx/design-system/data-table");
-var import_jsx_runtime30 = require("react/jsx-runtime");
-function AccentSwatches({ value, onChange, options = import_records22.PORTAL_ACCENTS, noneLabel = "App colour" }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex flex-wrap gap-1.5", role: "radiogroup", "aria-label": "Colour", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+var import_jsx_runtime31 = require("react/jsx-runtime");
+function AccentSwatches({ value, onChange, options = import_records23.PORTAL_ACCENTS, noneLabel = "App colour" }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex flex-wrap gap-1.5", role: "radiogroup", "aria-label": "Colour", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
       "button",
       {
         type: "button",
         role: "radio",
         "aria-checked": value === "",
         onClick: () => onChange(""),
-        className: (0, import_design_system27.cn)(
+        className: (0, import_design_system28.cn)(
           "h-7 rounded border px-2 text-xs",
           value === "" ? "border-foreground" : "border-border text-muted-foreground"
         ),
         children: noneLabel
       }
     ),
-    options.map((c) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    options.map((c) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
       "button",
       {
         type: "button",
@@ -6061,7 +6287,7 @@ function AccentSwatches({ value, onChange, options = import_records22.PORTAL_ACC
         "aria-label": import_data_table4.STYLE_COLOR_LABELS[c],
         title: import_data_table4.STYLE_COLOR_LABELS[c],
         onClick: () => onChange(c),
-        className: (0, import_design_system27.cn)("h-7 w-7 rounded-full border-2", import_data_table4.SWATCH_CLASS[c], value === c ? "border-foreground" : "border-transparent")
+        className: (0, import_design_system28.cn)("h-7 w-7 rounded-full border-2", import_data_table4.SWATCH_CLASS[c], value === c ? "border-foreground" : "border-transparent")
       },
       c
     ))
@@ -6069,7 +6295,7 @@ function AccentSwatches({ value, onChange, options = import_records22.PORTAL_ACC
 }
 
 // src/ButtonSettings.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 var DOES_WORDS = {
   none: "Nothing yet",
   open_url: "Open a link",
@@ -6078,7 +6304,7 @@ var DOES_WORDS = {
 };
 function buttonUrlInWords(url, fields) {
   let out = url;
-  for (const id of (0, import_records23.buttonUrlPlaceholders)(url)) {
+  for (const id of (0, import_records24.buttonUrlPlaceholders)(url)) {
     const f = fields.find((x) => x.id === id || x.key === id);
     if (f) out = out.split(`{{${id}}}`).join(`{${fieldName(f)}}`);
   }
@@ -6090,11 +6316,11 @@ function ButtonSettingsEditor({
   tableId,
   fields
 }) {
-  const client = (0, import_react43.useOptionalRecordsClient)();
-  const [actions, setActions] = (0, import_react42.useState)(null);
-  const [actionsRefused, setActionsRefused] = (0, import_react42.useState)(null);
-  const [automations, setAutomations] = (0, import_react42.useState)(null);
-  (0, import_react42.useEffect)(() => {
+  const client = (0, import_react45.useOptionalRecordsClient)();
+  const [actions, setActions] = (0, import_react44.useState)(null);
+  const [actionsRefused, setActionsRefused] = (0, import_react44.useState)(null);
+  const [automations, setAutomations] = (0, import_react44.useState)(null);
+  (0, import_react44.useEffect)(() => {
     if (!client || !tableId) return;
     let live = true;
     if (value.do === "run_action" && actions === null) {
@@ -6115,15 +6341,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__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex flex-col gap-2 rounded-md border p-2", "data-records-button-settings": "", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "grid gap-2 sm:grid-cols-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("label", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_design_system28.Label, { className: "text-xs", children: "Button label" }),
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_design_system28.BasicInput, { className: "h-8 text-xs", value: value.label, "data-records-button-label": "", onChange: (e) => set({ label: e.target.value }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-col gap-2 rounded-md border p-2", "data-records-button-settings": "", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "grid gap-2 sm:grid-cols-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("label", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.Label, { className: "text-xs", children: "Button label" }),
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.BasicInput, { className: "h-8 text-xs", value: value.label, "data-records-button-label": "", onChange: (e) => set({ label: e.target.value }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_design_system28.Label, { className: "text-xs", children: "Does" }),
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.Label, { className: "text-xs", children: "Does" }),
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
           PickOne,
           {
             label: "What a press does",
@@ -6135,9 +6361,9 @@ function ButtonSettingsEditor({
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex flex-col gap-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_design_system28.Label, { className: "text-xs", children: "Colour" }),
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.Label, { className: "text-xs", children: "Colour" }),
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
         AccentSwatches,
         {
           value: value.color ?? "",
@@ -6147,11 +6373,11 @@ function ButtonSettingsEditor({
         }
       )
     ] }),
-    value.do === "open_url" ? /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex flex-col gap-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_design_system28.Label, { className: "text-xs", children: "Link" }),
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
-          import_design_system28.BasicInput,
+    value.do === "open_url" ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.Label, { className: "text-xs", children: "Link" }),
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+          import_design_system29.BasicInput,
           {
             className: "h-8 flex-1 font-mono text-xs",
             placeholder: "https://",
@@ -6160,7 +6386,7 @@ function ButtonSettingsEditor({
             onChange: (e) => set({ url: e.target.value })
           }
         ),
-        columns.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+        columns.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
           PickOne,
           {
             label: "Add a column's value",
@@ -6173,10 +6399,10 @@ function ButtonSettingsEditor({
           }
         ) : null
       ] }),
-      value.url && (0, import_records23.buttonUrlPlaceholders)(value.url).length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "truncate text-[11px] text-muted-foreground", "data-records-button-url-words": "", children: buttonUrlInWords(value.url, fields) }) : null
+      value.url && (0, import_records24.buttonUrlPlaceholders)(value.url).length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("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__ */ (0, import_jsx_runtime31.jsx)("p", { className: "text-xs text-muted-foreground", children: "Row actions belong to a table" }) : actionsRefused ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(RefusalLine, { error: actionsRefused }) : /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex flex-col gap-2", "data-records-button-action": "", children: [
-      actions === null || actions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    value.do === "run_action" ? !tableId ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "text-xs text-muted-foreground", children: "Row actions belong to a table" }) : actionsRefused ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(RefusalLine, { error: actionsRefused }) : /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-col gap-2", "data-records-button-action": "", children: [
+      actions === null || actions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
         PickOne,
         {
           label: "Row action",
@@ -6187,7 +6413,7 @@ function ButtonSettingsEditor({
           options: (actions ?? []).map((a) => ({ value: a.id, label: a.name }))
         }
       ) : null,
-      actions !== null ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+      actions !== null ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
         NewRowAction,
         {
           tableId,
@@ -6201,7 +6427,7 @@ function ButtonSettingsEditor({
         }
       ) : null
     ] }) : null,
-    value.do === "run_automation" ? automations && automations.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "text-xs text-muted-foreground", children: "No automations yet. Add one in Table \u22EF \u2192 Automations." }) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    value.do === "run_automation" ? automations && automations.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "text-xs text-muted-foreground", children: "No automations yet. Add one in Table \u22EF \u2192 Automations." }) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
       PickOne,
       {
         label: "Automation",
@@ -6226,13 +6452,13 @@ function NewRowAction({
   columns,
   onMade
 }) {
-  const client = (0, import_react43.useOptionalRecordsClient)();
+  const client = (0, import_react45.useOptionalRecordsClient)();
   const settable = settableColumns(columns);
-  const [fieldId, setFieldId] = (0, import_react42.useState)("");
-  const [setTo, setSetTo] = (0, import_react42.useState)("");
-  const [busy, setBusy] = (0, import_react42.useState)(false);
-  const [refused, setRefused] = (0, import_react42.useState)(null);
-  if (settable.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "text-xs text-muted-foreground", children: "No column to set" });
+  const [fieldId, setFieldId] = (0, import_react44.useState)("");
+  const [setTo, setSetTo] = (0, import_react44.useState)("");
+  const [busy, setBusy] = (0, import_react44.useState)(false);
+  const [refused, setRefused] = (0, import_react44.useState)(null);
+  if (settable.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "text-xs text-muted-foreground", children: "No column to set" });
   const make = async () => {
     if (!client || fieldId === "") return;
     setBusy(true);
@@ -6256,10 +6482,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__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex flex-col gap-1", "data-records-button-new-action": "", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_design_system28.Label, { className: "text-xs", children: "New row action" }),
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex flex-wrap items-center gap-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-col gap-1", "data-records-button-new-action": "", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.Label, { className: "text-xs", children: "New row action" }),
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-wrap items-center gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
         PickOne,
         {
           label: "Column to set",
@@ -6271,19 +6497,19 @@ function NewRowAction({
           options: settable.map((f) => ({ value: f.id, label: fieldName(f) }))
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_design_system28.BasicInput, { 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__ */ (0, import_jsx_runtime31.jsx)(import_design_system28.Button, { type: "button", size: "sm", variant: "outline", disabled: busy || fieldId === "", "data-records-button-action-make": "", onClick: () => void make(), children: busy ? "Making\u2026" : "Make" })
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.BasicInput, { 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__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.Button, { type: "button", size: "sm", variant: "outline", disabled: busy || fieldId === "", "data-records-button-action-make": "", onClick: () => void make(), children: busy ? "Making\u2026" : "Make" })
     ] }),
-    refused ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(RefusalLine, { error: refused }) : null
+    refused ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(RefusalLine, { error: refused }) : null
   ] });
 }
 
 // src/FieldEditor.tsx
-var import_records25 = require("@ai-matrx/records");
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_records26 = require("@ai-matrx/records");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 var RULE_KINDS = FIELD_RULE_KIND_VALUES.map((kind) => ({ kind, label: FIELD_RULE_KIND_LABEL[kind] }));
-var SENSITIVITIES = import_records25.FIELD_SENSITIVITIES.map((value) => ({ value, label: FIELD_SENSITIVITY_LABEL[value] }));
-var AGENT_VISIBILITY = import_records25.CONTEXT_POLICIES.map((value) => ({ value, label: CONTEXT_POLICY_LABEL[value] }));
+var SENSITIVITIES = import_records26.FIELD_SENSITIVITIES.map((value) => ({ value, label: FIELD_SENSITIVITY_LABEL[value] }));
+var AGENT_VISIBILITY = import_records26.CONTEXT_POLICIES.map((value) => ({ value, label: CONTEXT_POLICY_LABEL[value] }));
 var ROLLUP_OPERATIONS = ROLLUP_AGG_VALUES.map((value) => ({
   value,
   label: ROLLUP_AGG_LABEL[value]
@@ -6296,7 +6522,7 @@ var FORMULA_OPERATIONS = FORMULA_OP_VALUES.map((value) => ({
   label: FORMULA_OP_LABEL[value],
   joins: FORMULA_OP_JOINS[value]
 }));
-var STORE_BEHAVIOUR = new Map(import_records25.DECLARABLE_FIELD_KINDS.map((row) => [row.kind, row.behavior]));
+var STORE_BEHAVIOUR = new Map(import_records26.DECLARABLE_FIELD_KINDS.map((row) => [row.kind, row.behavior]));
 function holdsAValueOnAStandardTable(kind) {
   if (isSystemFieldKind(kind)) return false;
   const behaviour = STORE_BEHAVIOUR.get(kind);
@@ -6374,16 +6600,16 @@ function FieldEditor(props) {
   const entityToken = props.entityToken ?? null;
   const onEntity = entityToken !== null;
   const tableId = props.tableId ?? "";
-  const table = (0, import_react45.useTable)(onEntity ? null : tableId);
-  const tableFields = (0, import_react45.useFields)(onEntity ? null : tableId);
-  const entityFields = (0, import_react45.useEntityFields)(entityToken);
+  const table = (0, import_react47.useTable)(onEntity ? null : tableId);
+  const tableFields = (0, import_react47.useFields)(onEntity ? null : tableId);
+  const entityFields = (0, import_react47.useEntityFields)(entityToken);
   const fields = onEntity ? entityFields : tableFields;
   const tableRights2 = useTableRights(onEntity ? null : table.data);
-  const entityRights = (0, import_react45.useEntityFieldRights)(entityToken);
-  const tableMutation = (0, import_react45.useFieldMutation)();
-  const entityMutation = (0, import_react45.useEntityFieldMutation)();
+  const entityRights = (0, import_react47.useEntityFieldRights)(entityToken);
+  const tableMutation = (0, import_react47.useFieldMutation)();
+  const entityMutation = (0, import_react47.useEntityFieldMutation)();
   const mutation = onEntity ? { saving: entityMutation.saving, error: entityMutation.error } : { saving: tableMutation.saving, error: tableMutation.error };
-  const client = (0, import_react45.useRecordsClient)();
+  const client = (0, import_react47.useRecordsClient)();
   const mayShape = onEntity ? entityRights.data?.may_declare === true : tableRights2.structure;
   const whyNot = onEntity ? entityRights.data?.reason ?? null : tableRights2.why("structure");
   const storeLabel = onEntity ? entityRights.data?.label ?? null : table.data?.name ?? null;
@@ -6393,56 +6619,56 @@ function FieldEditor(props) {
   const copyOf = field ? void 0 : props.copyOf;
   const start = field ?? copyOf;
   const startAs = start ? void 0 : props.startAs;
-  const [label, setLabel] = (0, import_react44.useState)(field?.label ?? (copyOf ? `${copyOf.label} (1)` : startAs?.label ?? ""));
-  const [type, setType] = (0, import_react44.useState)(() => startAs ? startAs.type : startingType(start));
-  const [required, setRequired] = (0, import_react44.useState)(start?.required ?? false);
-  const [multi, setMulti] = (0, import_react44.useState)(start?.multi ?? false);
-  const [dated, setDated] = (0, import_react44.useState)(start?.dated ?? false);
-  const [sensitivity, setSensitivity] = (0, import_react44.useState)(String(start?.sensitivity ?? "internal"));
-  const [contextPolicy, setContextPolicy] = (0, import_react44.useState)(String(start?.context_policy ?? "include"));
-  const [rules, setRules] = (0, import_react44.useState)(start?.rules ?? []);
-  const [startsWith, setStartsWith] = (0, import_react44.useState)(start?.default ?? null);
-  const [ratingMax, setRatingMax] = (0, import_react44.useState)(() => start ? (0, import_records25.ratingMaxOf)(start) : 5);
-  const savedRules = (0, import_react44.useMemo)(
-    () => field ? type === "rating" ? (0, import_records25.rulesWithTopStar)(field.rules ?? [], (0, import_records25.ratingMaxOf)(field)) : field.rules ?? [] : [],
+  const [label, setLabel] = (0, import_react46.useState)(field?.label ?? (copyOf ? `${copyOf.label} (1)` : startAs?.label ?? ""));
+  const [type, setType] = (0, import_react46.useState)(() => startAs ? startAs.type : startingType(start));
+  const [required, setRequired] = (0, import_react46.useState)(start?.required ?? false);
+  const [multi, setMulti] = (0, import_react46.useState)(start?.multi ?? false);
+  const [dated, setDated] = (0, import_react46.useState)(start?.dated ?? false);
+  const [sensitivity, setSensitivity] = (0, import_react46.useState)(String(start?.sensitivity ?? "internal"));
+  const [contextPolicy, setContextPolicy] = (0, import_react46.useState)(String(start?.context_policy ?? "include"));
+  const [rules, setRules] = (0, import_react46.useState)(start?.rules ?? []);
+  const [startsWith, setStartsWith] = (0, import_react46.useState)(start?.default ?? null);
+  const [ratingMax, setRatingMax] = (0, import_react46.useState)(() => start ? (0, import_records26.ratingMaxOf)(start) : 5);
+  const savedRules = (0, import_react46.useMemo)(
+    () => field ? type === "rating" ? (0, import_records26.rulesWithTopStar)(field.rules ?? [], (0, import_records26.ratingMaxOf)(field)) : field.rules ?? [] : [],
     [field, type]
   );
-  const editedRules = (0, import_react44.useMemo)(() => type === "rating" ? (0, import_records25.rulesWithTopStar)(rules, ratingMax) : rules, [type, rules, ratingMax]);
-  const [statusGroups, setStatusGroups] = (0, import_react44.useState)({});
-  const [statusKeys, setStatusKeys] = (0, import_react44.useState)({});
-  const [symbology, setSymbology] = (0, import_react44.useState)(String(start?.config?.["symbology"] ?? ""));
+  const editedRules = (0, import_react46.useMemo)(() => type === "rating" ? (0, import_records26.rulesWithTopStar)(rules, ratingMax) : rules, [type, rules, ratingMax]);
+  const [statusGroups, setStatusGroups] = (0, import_react46.useState)({});
+  const [statusKeys, setStatusKeys] = (0, import_react46.useState)({});
+  const [symbology, setSymbology] = (0, import_react46.useState)(String(start?.config?.["symbology"] ?? ""));
   const descriptionStart = String(start?.config?.["description"] ?? "");
-  const [description, setDescription] = (0, import_react44.useState)(descriptionStart);
-  const buttonStart = (0, import_react44.useMemo)(() => (0, import_records24.buttonOf)(start) ?? { label: "" }, [start]);
-  const [buttonSettings, setButtonSettings] = (0, import_react44.useState)(buttonStart);
-  const prefixStart = (0, import_records24.autonumberPrefixOf)(start);
-  const [numberPrefix, setNumberPrefix] = (0, import_react44.useState)(prefixStart);
+  const [description, setDescription] = (0, import_react46.useState)(descriptionStart);
+  const buttonStart = (0, import_react46.useMemo)(() => (0, import_records25.buttonOf)(start) ?? { label: "" }, [start]);
+  const [buttonSettings, setButtonSettings] = (0, import_react46.useState)(buttonStart);
+  const prefixStart = (0, import_records25.autonumberPrefixOf)(start);
+  const [numberPrefix, setNumberPrefix] = (0, import_react46.useState)(prefixStart);
   const dependencyStart = start?.config?.["dependency"] === true;
-  const [dependency, setDependency] = (0, import_react44.useState)(dependencyStart);
-  (0, import_react44.useEffect)(() => {
+  const [dependency, setDependency] = (0, import_react46.useState)(dependencyStart);
+  (0, import_react46.useEffect)(() => {
     if (!field || type !== "status") return;
     let live = true;
     void client.fieldOptions({ field_id: field.id }).then((got) => {
-      if (live && got.ok) setStatusKeys(Object.fromEntries((got.data ?? []).map((o) => [String(o.id), (0, import_records25.optionKey)(o)])));
+      if (live && got.ok) setStatusKeys(Object.fromEntries((got.data ?? []).map((o) => [String(o.id), (0, import_records26.optionKey)(o)])));
     });
     return () => {
       live = false;
     };
   }, [client, field, type]);
-  (0, import_react44.useEffect)(() => {
+  (0, import_react46.useEffect)(() => {
     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]);
-  (0, import_react44.useEffect)(() => {
+  (0, import_react46.useEffect)(() => {
     if (field || type !== "select" && type !== "multi_select") return;
     setNewChoices((rows) => rows.length > 0 ? rows : [newChoiceRow([])]);
   }, [field, type]);
-  const [allowOther, setAllowOther] = (0, import_react44.useState)(start?.config?.["allow_other"] === true);
-  const [newChoices, setNewChoices] = (0, import_react44.useState)([]);
+  const [allowOther, setAllowOther] = (0, import_react46.useState)(start?.config?.["allow_other"] === true);
+  const [newChoices, setNewChoices] = (0, import_react46.useState)([]);
   const copyOfId = copyOf?.id ?? null;
-  (0, import_react44.useEffect)(() => {
+  (0, import_react46.useEffect)(() => {
     if (!copyOf || !copyOfId) return;
     let live = true;
     void client.fieldOptions({ field_id: copyOfId }).then((got) => {
@@ -6454,53 +6680,53 @@ function FieldEditor(props) {
       live = false;
     };
   }, [client, copyOfId]);
-  const [choiceList, setChoiceList] = (0, import_react44.useState)(null);
-  const [choiceListStart, setChoiceListStart] = (0, import_react44.useState)(null);
-  const [rehome, setRehome] = (0, import_react44.useState)({});
-  const [rehomed, setRehomed] = (0, import_react44.useState)(null);
-  const [rehomeRefused, setRehomeRefused] = (0, import_react44.useState)(null);
-  const [unit, setUnit] = (0, import_react44.useState)(start?.unit ?? "$");
-  const [withTime, setWithTime] = (0, import_react44.useState)(String(start?.config?.["kind"] ?? "date") === "datetime");
-  const [via, setVia] = (0, import_react44.useState)(String(start?.config?.["via"] ?? ""));
-  const [pick, setPick] = (0, import_react44.useState)(String(start?.config?.["pick"] ?? ""));
-  const [agg, setAgg] = (0, import_react44.useState)(
+  const [choiceList, setChoiceList] = (0, import_react46.useState)(null);
+  const [choiceListStart, setChoiceListStart] = (0, import_react46.useState)(null);
+  const [rehome, setRehome] = (0, import_react46.useState)({});
+  const [rehomed, setRehomed] = (0, import_react46.useState)(null);
+  const [rehomeRefused, setRehomeRefused] = (0, import_react46.useState)(null);
+  const [unit, setUnit] = (0, import_react46.useState)(start?.unit ?? "$");
+  const [withTime, setWithTime] = (0, import_react46.useState)(String(start?.config?.["kind"] ?? "date") === "datetime");
+  const [via, setVia] = (0, import_react46.useState)(String(start?.config?.["via"] ?? ""));
+  const [pick, setPick] = (0, import_react46.useState)(String(start?.config?.["pick"] ?? ""));
+  const [agg, setAgg] = (0, import_react46.useState)(
     start?.config?.["agg"] ?? "count"
   );
-  const [of, setOf] = (0, import_react44.useState)(String(start?.config?.["of"] ?? ""));
+  const [of, setOf] = (0, import_react46.useState)(String(start?.config?.["of"] ?? ""));
   const savedRollupFilter = field?.config?.["filter"] ?? null;
-  const [rollupFilter, setRollupFilter] = (0, import_react44.useState)(
+  const [rollupFilter, setRollupFilter] = (0, import_react46.useState)(
     field ? savedRollupFilter : copyOf?.config?.["filter"] ?? null
   );
   const rollupFilterChanged = JSON.stringify(rollupFilter) !== JSON.stringify(savedRollupFilter);
-  const [relationTarget, setRelationTarget] = (0, import_react44.useState)(String(start?.relation_target ?? ""));
-  const [showOnOther, setShowOnOther] = (0, import_react44.useState)(true);
-  const [nestsSubItems, setNestsSubItems] = (0, import_react44.useState)(false);
-  const [reverseRefused, setReverseRefused] = (0, import_react44.useState)(null);
-  const otherTable = (0, import_react45.useTable)(!field && type === "relation" && relationTarget !== "" ? relationTarget : null);
-  const [display, setDisplay] = (0, import_react44.useState)(start?.display ?? null);
-  const [formulaOp, setFormulaOp] = (0, import_react44.useState)(() => formulaOpOf(start));
-  const [formulaFields, setFormulaFields] = (0, import_react44.useState)(() => formulaFieldIdsOf(start));
-  const [formulaSeparator, setFormulaSeparator] = (0, import_react44.useState)(() => formulaSeparatorOf(start));
-  const [allowedTypes, setAllowedTypes] = (0, import_react44.useState)(() => entityReferenceKindsOf(start));
+  const [relationTarget, setRelationTarget] = (0, import_react46.useState)(String(start?.relation_target ?? ""));
+  const [showOnOther, setShowOnOther] = (0, import_react46.useState)(true);
+  const [nestsSubItems, setNestsSubItems] = (0, import_react46.useState)(false);
+  const [reverseRefused, setReverseRefused] = (0, import_react46.useState)(null);
+  const otherTable = (0, import_react47.useTable)(!field && type === "relation" && relationTarget !== "" ? relationTarget : null);
+  const [display, setDisplay] = (0, import_react46.useState)(start?.display ?? null);
+  const [formulaOp, setFormulaOp] = (0, import_react46.useState)(() => formulaOpOf(start));
+  const [formulaFields, setFormulaFields] = (0, import_react46.useState)(() => formulaFieldIdsOf(start));
+  const [formulaSeparator, setFormulaSeparator] = (0, import_react46.useState)(() => formulaSeparatorOf(start));
+  const [allowedTypes, setAllowedTypes] = (0, import_react46.useState)(() => entityReferenceKindsOf(start));
   const startingFormulaText = start ? formulaTextNow(String(start.config?.["formula_text"] ?? ""), start.config?.["expr"] ?? start.expr, fields.data) : "";
-  const [formulaText, setFormulaText] = (0, import_react44.useState)(startingFormulaText);
-  const shownFormula = (0, import_react44.useRef)(startingFormulaText);
-  (0, import_react44.useEffect)(() => {
+  const [formulaText, setFormulaText] = (0, import_react46.useState)(startingFormulaText);
+  const shownFormula = (0, import_react46.useRef)(startingFormulaText);
+  (0, import_react46.useEffect)(() => {
     if (shownFormula.current === startingFormulaText) return;
     setFormulaText((typed) => typed === shownFormula.current ? startingFormulaText : typed);
     shownFormula.current = startingFormulaText;
   }, [startingFormulaText]);
-  const [formulaWritten, setFormulaWritten] = (0, import_react44.useState)(() => startingFormulaText.trim() !== "" || Boolean(field) || startAs?.type === "formula");
-  const [formulaOk, setFormulaOk] = (0, import_react44.useState)(null);
-  const [askingToRemove, setAskingToRemove] = (0, import_react44.useState)(false);
-  const [attempted, setAttempted] = (0, import_react44.useState)(false);
-  const [showsAs, setShowsAs] = (0, import_react44.useState)(() => start ? startingChoice(start) : { format: null, retype: null });
-  const [backfillError, setBackfillError] = (0, import_react44.useState)(null);
-  const [notLanded, setNotLanded] = (0, import_react44.useState)(false);
+  const [formulaWritten, setFormulaWritten] = (0, import_react46.useState)(() => startingFormulaText.trim() !== "" || Boolean(field) || startAs?.type === "formula");
+  const [formulaOk, setFormulaOk] = (0, import_react46.useState)(null);
+  const [askingToRemove, setAskingToRemove] = (0, import_react46.useState)(false);
+  const [attempted, setAttempted] = (0, import_react46.useState)(false);
+  const [showsAs, setShowsAs] = (0, import_react46.useState)(() => start ? startingChoice(start) : { format: null, retype: null });
+  const [backfillError, setBackfillError] = (0, import_react46.useState)(null);
+  const [notLanded, setNotLanded] = (0, import_react46.useState)(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 = (0, import_react44.useRef)(heldAs);
-  (0, import_react44.useEffect)(() => {
+  const seededAs = (0, import_react46.useRef)(heldAs);
+  (0, import_react46.useEffect)(() => {
     if (!liveField || seededAs.current === heldAs) return;
     seededAs.current = heldAs;
     setType(startingType(liveField));
@@ -6509,24 +6735,24 @@ function FieldEditor(props) {
     setUnit(liveField.unit ?? "$");
     setWithTime(String(liveField.config?.["kind"] ?? "date") === "datetime");
   }, [heldAs]);
-  const others = (0, import_react44.useMemo)(
+  const others = (0, import_react46.useMemo)(
     () => (fields.data ?? []).filter((f) => f.id !== field?.id),
     [fields.data, field?.id]
   );
-  const relations = (0, import_react44.useMemo)(() => others.filter((f) => sourceKindOf(f) !== null), [others]);
-  const reverse = (0, import_react45.useReverseColumns)(onEntity ? null : tableId);
-  const backLinks = (0, import_react44.useMemo)(() => (reverse.data ?? []).map(backLinkAsSource), [reverse.data]);
-  const totalSources = (0, import_react44.useMemo)(() => [...relations, ...backLinks], [relations, backLinks]);
+  const relations = (0, import_react46.useMemo)(() => others.filter((f) => sourceKindOf(f) !== null), [others]);
+  const reverse = (0, import_react47.useReverseColumns)(onEntity ? null : tableId);
+  const backLinks = (0, import_react46.useMemo)(() => (reverse.data ?? []).map(backLinkAsSource), [reverse.data]);
+  const totalSources = (0, import_react46.useMemo)(() => [...relations, ...backLinks], [relations, backLinks]);
   const sourcesFor = (kind) => kind === "rollup" || kind === "count" ? totalSources : relations;
   const choice = fieldTypeChoice(type);
   const editing = Boolean(field);
-  (0, import_react44.useEffect)(() => {
+  (0, import_react46.useEffect)(() => {
     if (!editing) setStartsWith(null);
   }, [type, editing]);
   const newDefault = !editing && !onEntity && newColumnTakesADefault(type) ? defaultToKeep(startsWith) : null;
-  const farFieldsOfLink = (0, import_react45.useFields)(field && sourceKindOf(field) === "link" && !onEntity ? field.relation_target ?? null : null);
-  const farTable = (0, import_react45.useTable)(field && sourceKindOf(field) === "link" && !onEntity ? field.relation_target ?? null : null);
-  const linkReaders = (0, import_react44.useMemo)(
+  const farFieldsOfLink = (0, import_react47.useFields)(field && sourceKindOf(field) === "link" && !onEntity ? field.relation_target ?? null : null);
+  const farTable = (0, import_react47.useTable)(field && sourceKindOf(field) === "link" && !onEntity ? field.relation_target ?? null : null);
+  const linkReaders = (0, import_react46.useMemo)(
     () => field ? readingThroughLink(field, farFieldsOfLink.data ?? []) : [],
     [field, farFieldsOfLink.data]
   );
@@ -6534,7 +6760,7 @@ function FieldEditor(props) {
   const offersMany = multiApplies(type) && !isTitle;
   if (!mayShape) {
     if (onEntity && entityRights.loading) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: (0, import_design_system29.cn)("text-xs text-muted-foreground", className), children: props.tableLabel && storeLabel && whyNot ? whyNot.split(storeLabel).join(props.tableLabel) : whyNot });
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: (0, import_design_system30.cn)("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);
@@ -6546,7 +6772,7 @@ function FieldEditor(props) {
   const nameTaken = columnNameTakenBy(label, others.map(fieldName));
   const nameLine = nameTaken ? columnNameTakenLine(nameTaken, noun) : columnNameProblemLine(label, noun);
   const listsChoices = type === "select" || type === "multi_select" || type === "status";
-  const buttonMissing = type === "button" && buttonSettings.do ? (0, import_records24.buttonNeeds)(buttonSettings) : null;
+  const buttonMissing = type === "button" && buttonSettings.do ? (0, import_records25.buttonNeeds)(buttonSettings) : null;
   const missing = buttonMissing ?? (editing ? formulaMissing ?? (listsChoices ? whatTheChoiceListIsMissing(choiceList) : null) : formulaMissing ?? (listsChoices ? whatTheChoiceListIsMissing(newChoices) : null) ?? (type === "formula" && formulaWritten ? null : whatIsMissing(
     type === "count" ? { type: "rollup", label, options, via, pick, agg: "count", of, relations: totalSources, formulaFields, relationTarget, allowedTypes, noun } : { type, label, options, via, pick, agg, of, relations: sourcesFor(type), formulaFields, relationTarget, allowedTypes, noun }
   )));
@@ -6588,7 +6814,7 @@ function FieldEditor(props) {
         ...statusGroupsChanged ? { status_groups: statusGroupsSent } : {},
         // V11 #4/#10: a rating's top star goes as `max`, the word custom.field_update now takes the way
         // custom.field_declare does; the store writes the max Rule and sets aside any score above it.
-        ...type === "rating" && ratingMax !== (0, import_records25.ratingMaxOf)(field) ? { max: ratingMax } : {},
+        ...type === "rating" && ratingMax !== (0, import_records26.ratingMaxOf)(field) ? { max: ratingMax } : {},
         ...type === "barcode" && symbology !== String(field.config?.["symbology"] ?? "") ? { symbology: symbology === "" ? null : symbology } : {},
         ...type === "button" && JSON.stringify(buttonSettings) !== JSON.stringify(buttonStart) ? { button: buttonSettings } : {},
         ...field.type === "relation" && dependency !== dependencyStart ? { dependency } : {},
@@ -6622,7 +6848,7 @@ function FieldEditor(props) {
           setRehomeRefused(done.error);
           return;
         }
-        (0, import_react45.tableShapeChanged)(tableId);
+        (0, import_react47.tableShapeChanged)(tableId);
         for (const c of done.data.undo.cells_back) (0, import_core6.announceRecordChanged)(c.record_id);
         const n = done.data.rehomed.reduce((sum, r) => sum + r.records, 0);
         setRehome({});
@@ -6697,7 +6923,7 @@ function FieldEditor(props) {
     if (newDefault !== null && newColumnDefaultGoes(type) === "right-after") {
       const defaulted = await client.fieldUpdate({ field_id: written, patch: { default: newDefault } });
       if (!defaulted.ok) {
-        (0, import_react45.tableShapeChanged)(tableId);
+        (0, import_react47.tableShapeChanged)(tableId);
         setBackfillError(defaulted.error);
         return;
       }
@@ -6723,7 +6949,7 @@ function FieldEditor(props) {
         setReverseRefused(made.error);
         return;
       }
-      (0, import_react45.tableShapeChanged)(relationTarget);
+      (0, import_react47.tableShapeChanged)(relationTarget);
     }
     setReverseRefused(null);
     onSaved?.();
@@ -6734,16 +6960,16 @@ function FieldEditor(props) {
     if (gone) (onRemoved ?? onSaved)?.();
     else setAskingToRemove(false);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: (0, import_design_system29.cn)("flex min-w-0 flex-col gap-3 text-xs", className), "data-records-field-editor": "", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "font-medium", children: field ? `Field \xB7 ${fieldName(field)}` : "New field" }),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "ml-auto text-muted-foreground", children: tableLabel })
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: (0, import_design_system30.cn)("flex min-w-0 flex-col gap-3 text-xs", className), "data-records-field-editor": "", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "font-medium", children: field ? `Field \xB7 ${fieldName(field)}` : "New field" }),
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "ml-auto text-muted-foreground", children: tableLabel })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "grid gap-3 sm:grid-cols-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("label", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.Label, { className: "text-xs", children: "Name" }),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-          import_design_system29.BasicInput,
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "grid gap-3 sm:grid-cols-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("label", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.Label, { className: "text-xs", children: "Name" }),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+          import_design_system30.BasicInput,
           {
             value: label,
             autoFocus: true,
@@ -6758,7 +6984,7 @@ function FieldEditor(props) {
             ...nameLine ? { "aria-invalid": true, "aria-describedby": "field-editor-name-taken" } : {}
           }
         ),
-        nameLine ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        nameLine ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           "span",
           {
             id: "field-editor-name-taken",
@@ -6769,10 +6995,10 @@ function FieldEditor(props) {
           }
         ) : null
       ] }),
-      field ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("label", { className: "flex flex-col gap-1 sm:col-span-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.Label, { className: "text-xs", children: "Help text" }),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-          import_design_system29.BasicInput,
+      field ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("label", { className: "flex flex-col gap-1 sm:col-span-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.Label, { className: "text-xs", children: "Help text" }),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+          import_design_system30.BasicInput,
           {
             value: description,
             maxLength: 300,
@@ -6782,30 +7008,30 @@ function FieldEditor(props) {
           }
         )
       ] }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.Label, { className: "text-xs", children: "What it holds" }),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
-          import_design_system29.Select,
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.Label, { className: "text-xs", children: "What it holds" }),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+          import_design_system30.Select,
           {
             value: type,
             disabled: editing,
             onValueChange: (next) => setType(next),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.SelectTrigger, { size: "sm", "aria-label": "What this field holds", ...choice?.explanation ? { title: choice.explanation } : {}, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.SelectValue, {}) }),
-              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.SelectContent, { children: FIELD_TYPE_GROUPS.filter((group) => offered.some((c) => c.group === group)).map((group) => /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_design_system29.SelectGroup, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.SelectLabel, { children: group }),
-                FIELD_TYPE_CATALOGUE.filter((c) => c.group === group && (c.id === type || offered.includes(c))).map((c) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.SelectItem, { value: c.id, children: c.label }, c.id))
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.SelectTrigger, { size: "sm", "aria-label": "What this field holds", ...choice?.explanation ? { title: choice.explanation } : {}, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.SelectValue, {}) }),
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.SelectContent, { children: FIELD_TYPE_GROUPS.filter((group) => offered.some((c) => c.group === group)).map((group) => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_design_system30.SelectGroup, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.SelectLabel, { children: group }),
+                FIELD_TYPE_CATALOGUE.filter((c) => c.group === group && (c.id === type || offered.includes(c))).map((c) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.SelectItem, { value: c.id, children: c.label }, c.id))
               ] }, group)) })
             ]
           }
         ),
-        editing && field ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(FieldRetype, { field: liveField ?? field, tableId }) : null
+        editing && field ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(FieldRetype, { field: liveField ?? field, tableId }) : null
       ] })
     ] }),
-    type === "formula" && others.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-col gap-2", children: [
-      editing ? startingFormulaText.trim() === "" ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "text-[11px] text-muted-foreground", children: EDITING_A_WORKED_OUT_COLUMN }) : null : /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex items-center gap-1", role: "group", "aria-label": "How to make this column", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-          import_design_system29.Button,
+    type === "formula" && others.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex flex-col gap-2", children: [
+      editing ? startingFormulaText.trim() === "" ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-[11px] text-muted-foreground", children: EDITING_A_WORKED_OUT_COLUMN }) : null : /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center gap-1", role: "group", "aria-label": "How to make this column", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+          import_design_system30.Button,
           {
             type: "button",
             size: "sm",
@@ -6815,8 +7041,8 @@ function FieldEditor(props) {
             children: "Pick the columns"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-          import_design_system29.Button,
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+          import_design_system30.Button,
           {
             type: "button",
             size: "sm",
@@ -6827,7 +7053,7 @@ function FieldEditor(props) {
           }
         )
       ] }),
-      formulaWritten ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+      formulaWritten ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
         FormulaTextEditor,
         {
           tableId,
@@ -6837,9 +7063,9 @@ function FieldEditor(props) {
           columns: others
         }
       ) : null
-    ] }) : editing && type === "formula" ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "text-[11px] text-muted-foreground", children: "No other column to read." }) : null,
-    editing && field && !onEntity && (type === "lookup" || type === "rollup") ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(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__ */ (0, import_jsx_runtime32.jsx)(
+    ] }) : editing && type === "formula" ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-[11px] text-muted-foreground", children: "No other column to read." }) : null,
+    editing && field && !onEntity && (type === "lookup" || type === "rollup") ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(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__ */ (0, import_jsx_runtime33.jsx)(
       TypeQuestions,
       {
         type,
@@ -6869,7 +7095,7 @@ function FieldEditor(props) {
         setFormulaSeparator,
         relations: sourcesFor(type),
         others,
-        choiceList: editing && field ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        choiceList: editing && field ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           ChoiceListEditor,
           {
             field,
@@ -6880,10 +7106,10 @@ function FieldEditor(props) {
             rehome,
             onRehome: setRehome
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ChoiceListEditor, { isNew: true, rows: newChoices, onRows: setNewChoices }),
+        ) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(ChoiceListEditor, { isNew: true, rows: newChoices, onRows: setNewChoices }),
         allowedTypes,
         setAllowedTypes,
-        newer: type === "rating" ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        newer: type === "rating" ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           RatingMaxQuestion,
           {
             value: ratingMax,
@@ -6891,19 +7117,19 @@ function FieldEditor(props) {
               setRatingMax(next);
             }
           }
-        ) : type === "status" ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(StatusGroupsQuestion, { rows: shownStatusRows, onGroup: (ref, next) => setStatusGroups({ ...statusGroups, [ref]: next }) }) : type === "barcode" ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(BarcodeSymbologyQuestion, { value: symbology, onChange: setSymbology }) : null
+        ) : type === "status" ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(StatusGroupsQuestion, { rows: shownStatusRows, onGroup: (ref, next) => setStatusGroups({ ...statusGroups, [ref]: next }) }) : type === "barcode" ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(BarcodeSymbologyQuestion, { value: symbology, onChange: setSymbology }) : null
       }
     ) : null,
-    type === "button" ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ButtonSettingsEditor, { value: buttonSettings, onChange: setButtonSettings, tableId: onEntity ? null : tableId, fields: others }) : null,
-    type === "autonumber" ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("label", { className: "flex max-w-[16rem] flex-col gap-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.Label, { className: "text-xs", children: "Prefix" }),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.BasicInput, { className: "h-8 text-xs", placeholder: "TASK-", maxLength: 16, "data-records-autonumber-prefix": "", value: numberPrefix, onChange: (e) => setNumberPrefix(e.target.value) })
+    type === "button" ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(ButtonSettingsEditor, { value: buttonSettings, onChange: setButtonSettings, tableId: onEntity ? null : tableId, fields: others }) : null,
+    type === "autonumber" ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("label", { className: "flex max-w-[16rem] flex-col gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.Label, { className: "text-xs", children: "Prefix" }),
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.BasicInput, { 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__ */ (0, import_jsx_runtime32.jsxs)("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__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.Checkbox, { checked: dependency, "aria-label": "Waits on the linked records", "data-records-dependency": "", onCheckedChange: (v) => setDependency(v === true) }),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { children: "Waits on the linked records" })
+    editing && field?.type === "relation" && field.relation_target && field.relation_target === field.entity_definition_id ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("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__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.Checkbox, { checked: dependency, "aria-label": "Waits on the linked records", "data-records-dependency": "", onCheckedChange: (v) => setDependency(v === true) }),
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { children: "Waits on the linked records" })
     ] }) : null,
-    type === "rollup" ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    type === "rollup" ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       RollupFilterQuestion,
       {
         relation: totalSources.find((f) => f.key === via),
@@ -6913,22 +7139,22 @@ function FieldEditor(props) {
         onChange: setRollupFilter
       }
     ) : null,
-    editing && field && !(type === "select" || type === "multi_select" || type === "status" || type === "autonumber") ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(FieldFormatPicker, { field, value: showsAs, onValue: setShowsAs }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-wrap items-center gap-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("label", { className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-          import_design_system29.Checkbox,
+    editing && field && !(type === "select" || type === "multi_select" || type === "status" || type === "autonumber") ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(FieldFormatPicker, { field, value: showsAs, onValue: setShowsAs }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex flex-wrap items-center gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("label", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+          import_design_system30.Checkbox,
           {
             checked: required,
             "aria-label": "Required",
             onCheckedChange: (v) => setRequired(v === true)
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { title: "Every record has to have one", children: "Required" })
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { title: "Every record has to have one", children: "Required" })
       ] }),
-      offersMany ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("label", { className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-          import_design_system29.Checkbox,
+      offersMany ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("label", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+          import_design_system30.Checkbox,
           {
             checked: multi,
             "aria-label": "Can hold more than one",
@@ -6937,9 +7163,9 @@ function FieldEditor(props) {
         ),
         "Can hold more than one"
       ] }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("label", { className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-          import_design_system29.Checkbox,
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("label", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+          import_design_system30.Checkbox,
           {
             checked: dated,
             "aria-label": "Each value has its own date",
@@ -6948,9 +7174,9 @@ function FieldEditor(props) {
         ),
         "Each value has its own date"
       ] }),
-      !field && type === "relation" && otherTable.data && otherTable.data.id !== tableId ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("label", { className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-          import_design_system29.Checkbox,
+      !field && type === "relation" && otherTable.data && otherTable.data.id !== tableId ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("label", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+          import_design_system30.Checkbox,
           {
             checked: showOnOther,
             "aria-label": `Show on ${otherTable.data.name ?? "the other table"}`,
@@ -6961,13 +7187,13 @@ function FieldEditor(props) {
         "Show on ",
         otherTable.data.name ?? "the other table"
       ] }) : null,
-      !field && type === "relation" && relationTarget === tableId ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("label", { className: "flex items-center gap-1.5", title: "A timeline draws a line to each record this one waits on", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.Checkbox, { checked: dependency, "aria-label": "Waits on the linked records", "data-records-dependency": "", onCheckedChange: (v) => setDependency(v === true) }),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { children: "Waits on the linked records" })
+      !field && type === "relation" && relationTarget === tableId ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("label", { className: "flex items-center gap-1.5", title: "A timeline draws a line to each record this one waits on", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.Checkbox, { checked: dependency, "aria-label": "Waits on the linked records", "data-records-dependency": "", onCheckedChange: (v) => setDependency(v === true) }),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { children: "Waits on the linked records" })
       ] }) : null,
-      !field && type === "relation" && relationTarget === tableId ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("label", { className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-          import_design_system29.Checkbox,
+      !field && type === "relation" && relationTarget === tableId ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("label", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+          import_design_system30.Checkbox,
           {
             checked: nestsSubItems,
             "aria-label": "Sub-items",
@@ -6978,11 +7204,11 @@ function FieldEditor(props) {
             "data-records-sub-items": ""
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { title: "Each record sits under the one this column names", children: "Sub-items" })
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("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__ */ (0, import_jsx_runtime32.jsxs)("label", { className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-          import_design_system29.Checkbox,
+      CHOICE_EDITOR_ADDS_WHAT_IS_TYPED && (type === "select" || type === "multi_select") ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("label", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+          import_design_system30.Checkbox,
           {
             checked: allowOther,
             "aria-label": "A value that is not one of the choices is added to them",
@@ -6992,10 +7218,10 @@ function FieldEditor(props) {
         "A value that is not one of the choices is added to them"
       ] }) : null
     ] }),
-    !editing && !onEntity && newColumnTakesADefault(type) ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(NewColumnDefault, { type, choices: options, value: startsWith, onChange: setStartsWith }) : null,
-    editing && field && takesADefault(liveField ?? field) ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-col gap-1", "data-records-field-default": "", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.Label, { htmlFor: "records-field-default", className: "text-xs", children: DEFAULT_LABEL }),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    !editing && !onEntity && newColumnTakesADefault(type) ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(NewColumnDefault, { type, choices: options, value: startsWith, onChange: setStartsWith }) : null,
+    editing && field && takesADefault(liveField ?? field) ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex flex-col gap-1", "data-records-field-default": "", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.Label, { htmlFor: "records-field-default", className: "text-xs", children: DEFAULT_LABEL }),
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
         FieldControl,
         {
           id: "records-field-default",
@@ -7005,29 +7231,29 @@ function FieldEditor(props) {
         }
       )
     ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.Separator, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "grid gap-3 sm:grid-cols-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.Label, { className: "text-xs", children: "Who can see what is in it" }),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_design_system29.Select, { value: sensitivity, onValueChange: setSensitivity, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.SelectTrigger, { size: "sm", "aria-label": "Who can see what is in it", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.SelectValue, {}) }),
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.SelectContent, { children: sensitivities.map((row) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.SelectItem, { value: row.value, children: row.label }, row.value)) })
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.Separator, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "grid gap-3 sm:grid-cols-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.Label, { className: "text-xs", children: "Who can see what is in it" }),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_design_system30.Select, { value: sensitivity, onValueChange: setSensitivity, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.SelectTrigger, { size: "sm", "aria-label": "Who can see what is in it", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.SelectValue, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.SelectContent, { children: sensitivities.map((row) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.SelectItem, { value: row.value, children: row.label }, row.value)) })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.Label, { className: "text-xs", children: "Can an assistant read it" }),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_design_system29.Select, { value: contextPolicy, onValueChange: setContextPolicy, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.SelectTrigger, { size: "sm", "aria-label": "Can an assistant read it", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.SelectValue, {}) }),
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.SelectContent, { children: AGENT_VISIBILITY.map((row) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.SelectItem, { value: row.value, children: row.label }, row.value)) })
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.Label, { className: "text-xs", children: "Can an assistant read it" }),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_design_system30.Select, { value: contextPolicy, onValueChange: setContextPolicy, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.SelectTrigger, { size: "sm", "aria-label": "Can an assistant read it", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.SelectValue, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.SelectContent, { children: AGENT_VISIBILITY.map((row) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.SelectItem, { value: row.value, children: row.label }, row.value)) })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.Separator, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "font-medium", children: "What counts as a good value" }),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-          import_design_system29.Button,
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.Separator, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "font-medium", children: "What counts as a good value" }),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+          import_design_system30.Button,
           {
             type: "button",
             size: "sm",
@@ -7038,9 +7264,9 @@ function FieldEditor(props) {
           }
         )
       ] }),
-      canBeUnique(type, multi) || rules.some((r) => r.kind === "unique") ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("label", { className: "flex items-center gap-1.5", "data-records-field-unique": "", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-          import_design_system29.Checkbox,
+      canBeUnique(type, multi) || rules.some((r) => r.kind === "unique") ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("label", { className: "flex items-center gap-1.5", "data-records-field-unique": "", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+          import_design_system30.Checkbox,
           {
             checked: rules.some((r) => r.kind === "unique"),
             "aria-label": UNIQUE_LABEL,
@@ -7049,21 +7275,21 @@ function FieldEditor(props) {
         ),
         UNIQUE_LABEL
       ] }) : null,
-      rules.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "text-muted-foreground", children: "No checks." }) : null,
-      rules.map((rule, index) => rule.kind === "unique" ? null : /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
-          import_design_system29.Select,
+      rules.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-muted-foreground", children: "No checks." }) : null,
+      rules.map((rule, index) => rule.kind === "unique" ? null : /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+          import_design_system30.Select,
           {
             value: rule.kind,
             onValueChange: (kind) => setRules(rules.map((r, i) => i === index ? { ...r, kind } : r)),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.SelectTrigger, { size: "sm", className: "w-52", "aria-label": `Check ${index + 1}`, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.SelectValue, {}) }),
-              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.SelectContent, { children: RULE_KINDS.map((row) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.SelectItem, { value: row.kind, children: row.label }, row.kind)) })
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.SelectTrigger, { size: "sm", className: "w-52", "aria-label": `Check ${index + 1}`, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.SelectValue, {}) }),
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.SelectContent, { children: RULE_KINDS.map((row) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.SelectItem, { value: row.kind, children: row.label }, row.kind)) })
             ]
           }
         ),
-        rule.kind === "length" ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-          import_design_system29.BasicInput,
+        rule.kind === "length" ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+          import_design_system30.BasicInput,
           {
             className: "h-8 w-24",
             inputMode: "numeric",
@@ -7073,8 +7299,8 @@ function FieldEditor(props) {
             onChange: (e) => setRules(rules.map((r, i) => i === index ? withNumber(r, "min", e.target.value) : r))
           }
         ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-          import_design_system29.BasicInput,
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+          import_design_system30.BasicInput,
           {
             className: "h-8",
             ...rule.kind === "length" ? { inputMode: "numeric", placeholder: "most" } : {},
@@ -7083,8 +7309,8 @@ function FieldEditor(props) {
             onChange: (e) => setRules(rules.map((r, i) => i === index ? { ...r, value: e.target.value } : r))
           }
         ),
-        rule.kind === "pattern" ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-          import_design_system29.BasicInput,
+        rule.kind === "pattern" ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+          import_design_system30.BasicInput,
           {
             className: "h-8",
             placeholder: "for example 949-555-0142",
@@ -7093,8 +7319,8 @@ function FieldEditor(props) {
             onChange: (e) => setRules(rules.map((r, i) => i === index ? withText(r, "example", e.target.value) : r))
           }
         ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-          import_design_system29.Button,
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+          import_design_system30.Button,
           {
             type: "button",
             size: "sm",
@@ -7106,9 +7332,9 @@ function FieldEditor(props) {
         )
       ] }, `${rule.kind}-${index}`))
     ] }),
-    editing && field && !onEntity && rulesChanged(savedRules, editedRules) ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(FieldRulePreview, { field, tableId, rules: editedRules }) : null,
-    mutation.error ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(RefusalNotice, { error: mutation.error }) : null,
-    notLanded ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    editing && field && !onEntity && rulesChanged(savedRules, editedRules) ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(FieldRulePreview, { field, tableId, rules: editedRules }) : null,
+    mutation.error ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(RefusalNotice, { error: mutation.error }) : null,
+    notLanded ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       RefusalNotice,
       {
         error: (0, refusals_exports.refusal)(
@@ -7118,11 +7344,11 @@ function FieldEditor(props) {
         )
       }
     ) : null,
-    rehomeRefused ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(RefusalNotice, { error: rehomeRefused }) : null,
-    rehomed ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { "data-records-choice-rehomed": "", className: "flex flex-wrap items-center gap-2 text-[11px]", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { children: rehomed.said }),
-      rehomed.undo ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-        import_design_system29.Button,
+    rehomeRefused ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(RefusalNotice, { error: rehomeRefused }) : null,
+    rehomed ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { "data-records-choice-rehomed": "", className: "flex flex-wrap items-center gap-2 text-[11px]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { children: rehomed.said }),
+      rehomed.undo ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        import_design_system30.Button,
         {
           type: "button",
           size: "sm",
@@ -7136,7 +7362,7 @@ function FieldEditor(props) {
                 setRehomeRefused(back.error);
                 return;
               }
-              (0, import_react45.tableShapeChanged)(tableId);
+              (0, import_react47.tableShapeChanged)(tableId);
               for (const c of undo.cells_back) (0, import_core6.announceRecordChanged)(c.record_id);
               setChoiceList(null);
               setChoiceListStart(null);
@@ -7146,19 +7372,19 @@ function FieldEditor(props) {
           children: "Undo"
         }
       ) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.Button, { type: "button", size: "sm", className: "h-6 px-2 text-xs", onClick: () => onSaved?.(), children: "Done" })
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.Button, { type: "button", size: "sm", className: "h-6 px-2 text-xs", onClick: () => onSaved?.(), children: "Done" })
     ] }) : null,
-    reverseRefused ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { "data-records-reverse-field-refused": "", className: "flex flex-col gap-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "text-[11px]", children: "The link is made. Its column on the other table was not:" }),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(RefusalNotice, { error: reverseRefused })
+    reverseRefused ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { "data-records-reverse-field-refused": "", className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-[11px]", children: "The link is made. Its column on the other table was not:" }),
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(RefusalNotice, { error: reverseRefused })
     ] }) : null,
-    backfillError ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { "data-records-autonumber-backfill-refused": "", className: "flex flex-col gap-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "text-[11px]", children: "The column is made. The records already in the table were not numbered:" }),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(RefusalNotice, { error: backfillError })
+    backfillError ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { "data-records-autonumber-backfill-refused": "", className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-[11px]", children: "The column is made. The records already in the table were not numbered:" }),
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(RefusalNotice, { error: backfillError })
     ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex min-w-0 flex-nowrap items-center gap-2", "data-field-editor-footer": "", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-        import_design_system29.Button,
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex min-w-0 flex-nowrap items-center gap-2", "data-field-editor-footer": "", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        import_design_system30.Button,
         {
           size: "sm",
           disabled: mutation.saving || Boolean(formulaMissing) || Boolean(nameLine) && label.trim() !== (field?.label ?? "").trim(),
@@ -7173,8 +7399,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__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.Button, { size: "sm", variant: "ghost", onClick: onCancel, children: "Cancel" }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+      onCancel ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.Button, { size: "sm", variant: "ghost", onClick: onCancel, children: "Cancel" }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
         "span",
         {
           id: "field-editor-missing",
@@ -7190,12 +7416,12 @@ 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__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "ml-auto grid shrink-0 items-center", "data-field-editor-remove": askingToRemove ? "asking" : "idle", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: (0, import_design_system29.cn)("col-start-1 row-start-1 flex items-center justify-end gap-2", askingToRemove && "invisible"), "aria-hidden": askingToRemove || void 0, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.Button, { size: "sm", variant: "outline", tabIndex: askingToRemove ? -1 : void 0, onClick: () => setAskingToRemove(true), children: "Remove this field" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: (0, import_design_system29.cn)("col-start-1 row-start-1 flex items-center justify-end gap-2", !askingToRemove && "invisible"), "aria-hidden": !askingToRemove || void 0, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "whitespace-nowrap text-destructive", "data-field-editor-remove-ask": "", children: "Archive this field?" }),
-            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-              import_design_system29.Button,
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "ml-auto grid shrink-0 items-center", "data-field-editor-remove": askingToRemove ? "asking" : "idle", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: (0, import_design_system30.cn)("col-start-1 row-start-1 flex items-center justify-end gap-2", askingToRemove && "invisible"), "aria-hidden": askingToRemove || void 0, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.Button, { size: "sm", variant: "outline", tabIndex: askingToRemove ? -1 : void 0, onClick: () => setAskingToRemove(true), children: "Remove this field" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: (0, import_design_system30.cn)("col-start-1 row-start-1 flex items-center justify-end gap-2", !askingToRemove && "invisible"), "aria-hidden": !askingToRemove || void 0, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "whitespace-nowrap text-destructive", "data-field-editor-remove-ask": "", children: "Archive this field?" }),
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+              import_design_system30.Button,
               {
                 size: "sm",
                 variant: "destructive",
@@ -7207,7 +7433,7 @@ function FieldEditor(props) {
                 children: "Remove it"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.Button, { size: "sm", variant: "ghost", tabIndex: askingToRemove ? void 0 : -1, onClick: () => setAskingToRemove(false), children: "Keep it" })
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.Button, { size: "sm", variant: "ghost", tabIndex: askingToRemove ? void 0 : -1, onClick: () => setAskingToRemove(false), children: "Keep it" })
           ] })
         ] })
       ) : null
@@ -7298,10 +7524,10 @@ function formulaSeparatorOf(field) {
 function TypeQuestions(props) {
   const { type } = props;
   if (type === "entity_reference") {
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(EntityReferenceKindPicker, { value: props.allowedTypes, onChange: props.setAllowedTypes, locked: props.editing });
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(EntityReferenceKindPicker, { value: props.allowedTypes, onChange: props.setAllowedTypes, locked: props.editing });
   }
   if (type === "relation") {
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       ReferenceBuilder,
       {
         tableId: props.tableId,
@@ -7314,21 +7540,21 @@ function TypeQuestions(props) {
       }
     );
   }
-  if (type === "rating" || type === "barcode") return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_jsx_runtime32.Fragment, { children: props.newer });
+  if (type === "rating" || type === "barcode") return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_jsx_runtime33.Fragment, { children: props.newer });
   if (type === "status") {
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-col gap-3", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex flex-col gap-3", children: [
       props.choiceList,
       props.newer
     ] });
   }
   if (type === "select" || type === "multi_select") {
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_jsx_runtime32.Fragment, { children: props.choiceList });
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_jsx_runtime33.Fragment, { children: props.choiceList });
   }
   if (type === "currency") {
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("label", { className: "flex max-w-[16rem] flex-col gap-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.Label, { className: "text-xs", children: "The currency" }),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-        import_design_system29.BasicInput,
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("label", { className: "flex max-w-[16rem] flex-col gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.Label, { className: "text-xs", children: "The currency" }),
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        import_design_system30.BasicInput,
         {
           value: props.unit,
           "aria-label": "The currency",
@@ -7339,9 +7565,9 @@ function TypeQuestions(props) {
     ] });
   }
   if (type === "datetime") {
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("label", { className: "flex items-center gap-1.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-        import_design_system29.Checkbox,
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("label", { className: "flex items-center gap-1.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        import_design_system30.Checkbox,
         {
           checked: props.withTime,
           "aria-label": "Include a time of day",
@@ -7354,14 +7580,14 @@ function TypeQuestions(props) {
   if (type === "lookup" || type === "rollup" || type === "count") {
     const usable = props.relations;
     if (usable.length === 0) {
-      return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "text-[11px] text-muted-foreground", children: "No link, Person or File column yet." });
+      return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-[11px] text-muted-foreground", children: "No link, Person or File column yet." });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "grid gap-3 sm:grid-cols-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.Label, { className: "text-xs", children: type !== "lookup" ? "Across the records in" : "Read it from" }),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_design_system29.Select, { value: props.via, onValueChange: props.setVia, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.SelectTrigger, { size: "sm", "aria-label": type !== "lookup" ? "Across the records in" : "Read it from", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.SelectValue, { placeholder: "Choose a column" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.SelectContent, { children: usable.map((f) => /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_design_system29.SelectItem, { value: f.key, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "grid gap-3 sm:grid-cols-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.Label, { className: "text-xs", children: type !== "lookup" ? "Across the records in" : "Read it from" }),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_design_system30.Select, { value: props.via, onValueChange: props.setVia, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.SelectTrigger, { size: "sm", "aria-label": type !== "lookup" ? "Across the records in" : "Read it from", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.SelectValue, { placeholder: "Choose a column" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.SelectContent, { children: usable.map((f) => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_design_system30.SelectItem, { value: f.key, children: [
             fieldName(f),
             isBackLinkSource(f) ? BACK_LINK_SOURCE_SUFFIX : "",
             sourceKindOf(f) === "person" ? " \u2014 a person" : sourceKindOf(f) === "file" ? " \u2014 a file" : "",
@@ -7369,7 +7595,7 @@ function TypeQuestions(props) {
           ] }, f.id)) })
         ] })
       ] }),
-      type === "lookup" ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+      type === "lookup" ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
         ValueOnTheOtherSide,
         {
           label: "The value to read",
@@ -7378,13 +7604,13 @@ function TypeQuestions(props) {
           value: props.pick,
           onChange: props.setPick
         }
-      ) : type === "count" ? null : /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.Label, { className: "text-xs", children: "What to work out" }),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_design_system29.Select, { value: props.agg, onValueChange: (v) => props.setAgg(v), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.SelectTrigger, { size: "sm", "aria-label": "What to work out", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.SelectValue, {}) }),
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.SelectContent, { children: ROLLUP_OPERATIONS.map((row) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.SelectItem, { value: row.value, children: row.label }, row.value)) })
+      ) : type === "count" ? null : /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.Label, { className: "text-xs", children: "What to work out" }),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_design_system30.Select, { value: props.agg, onValueChange: (v) => props.setAgg(v), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.SelectTrigger, { size: "sm", "aria-label": "What to work out", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.SelectValue, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.SelectContent, { children: ROLLUP_OPERATIONS.map((row) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.SelectItem, { value: row.value, children: row.label }, row.value)) })
         ] }),
-        props.agg !== "count" ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        props.agg !== "count" ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           ValueOnTheOtherSide,
           {
             label: "Of which value",
@@ -7400,22 +7626,22 @@ function TypeQuestions(props) {
   }
   if (type === "formula") {
     if (props.others.length === 0) {
-      return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "text-[11px] text-muted-foreground", children: "No other columns yet." });
+      return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-[11px] text-muted-foreground", children: "No other columns yet." });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.Label, { className: "text-xs", children: "What to do" }),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_design_system29.Select, { value: props.formulaOp, onValueChange: props.setFormulaOp, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.SelectTrigger, { size: "sm", className: "max-w-[18rem]", "aria-label": "What to do", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.SelectValue, {}) }),
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.SelectContent, { children: FORMULA_OPERATIONS.map((row) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.SelectItem, { value: row.value, children: row.label }, row.value)) })
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.Label, { className: "text-xs", children: "What to do" }),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_design_system30.Select, { value: props.formulaOp, onValueChange: props.setFormulaOp, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.SelectTrigger, { size: "sm", className: "max-w-[18rem]", "aria-label": "What to do", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.SelectValue, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.SelectContent, { children: FORMULA_OPERATIONS.map((row) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.SelectItem, { value: row.value, children: row.label }, row.value)) })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.Label, { className: "text-xs", children: "Which columns" }),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "flex flex-wrap gap-1", children: props.others.map((f) => {
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.Label, { className: "text-xs", children: "Which columns" }),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "flex flex-wrap gap-1", children: props.others.map((f) => {
           const picked = props.formulaFields.includes(f.id);
-          return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-            import_design_system29.Button,
+          return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+            import_design_system30.Button,
             {
               type: "button",
               size: "sm",
@@ -7429,10 +7655,10 @@ function TypeQuestions(props) {
           );
         }) })
       ] }),
-      props.formulaOp === "concat" ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.Label, { className: "text-xs", children: FORMULA_SEPARATOR_LABEL }),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-          import_design_system29.BasicInput,
+      props.formulaOp === "concat" ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.Label, { className: "text-xs", children: FORMULA_SEPARATOR_LABEL }),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+          import_design_system30.BasicInput,
           {
             value: props.formulaSeparator,
             "aria-label": FORMULA_SEPARATOR_LABEL,
@@ -7481,26 +7707,26 @@ function RollupFilterQuestion({
   onChange
 }) {
   const far = relation?.relation_target ?? null;
-  const farFields = (0, import_react45.useFields)(far);
-  const conditionFields = (0, import_react44.useMemo)(
+  const farFields = (0, import_react47.useFields)(far);
+  const conditionFields = (0, import_react46.useMemo)(
     () => (farFields.data ?? []).filter((f) => f.type !== "formula").map((f) => ({ id: f.id, key: f.key, label: fieldName(f), field: f })),
     [farFields.data]
   );
-  const lastFar = (0, import_react44.useRef)(far);
-  (0, import_react44.useEffect)(() => {
+  const lastFar = (0, import_react46.useRef)(far);
+  (0, import_react46.useEffect)(() => {
     if (lastFar.current !== null && far !== lastFar.current && !editing) onChange(null);
     lastFar.current = far;
   }, [far, editing, onChange]);
   if (!relation || !far) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "flex flex-col gap-1", "data-records-rollup-filter": "", children: !conditionIsDrawable(value) ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-wrap items-center gap-2 text-[11px]", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("span", { className: "text-muted-foreground", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "flex flex-col gap-1", "data-records-rollup-filter": "", children: !conditionIsDrawable(value) ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex flex-wrap items-center gap-2 text-[11px]", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("span", { className: "text-muted-foreground", children: [
       rollupFilterLead(agg),
       " ",
       conditionInWords(value, conditionFields),
       "."
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.Button, { type: "button", size: "sm", variant: "ghost", className: "h-6 px-2 text-xs", onClick: () => onChange(null), children: "Clear" })
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.Button, { type: "button", size: "sm", variant: "ghost", className: "h-6 px-2 text-xs", onClick: () => onChange(null), children: "Clear" })
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     ConditionGroup,
     {
       lead: rollupFilterLead(agg),
@@ -7520,19 +7746,19 @@ function ValueOnTheOtherSide({
   compact
 }) {
   const target = relation?.relation_target ?? null;
-  const columns = (0, import_react45.useFields)(target);
+  const columns = (0, import_react47.useFields)(target);
   const declared = (columns.data ?? []).filter((f) => f.type !== "formula");
-  const sample = (0, import_react45.useRecords)(declared.length === 0 && !columns.loading ? target : null, { pageSize: 1 });
+  const sample = (0, import_react47.useRecords)(declared.length === 0 && !columns.loading ? target : null, { pageSize: 1 });
   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: (0, import_text_case4.humanizeIdentifier)(key) }));
   const stillAsking = columns.loading || declared.length === 0 && sample.loading;
-  const body = !relation ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "text-[11px] text-muted-foreground", children: "Choose the column above first." }) : stillAsking ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "text-[11px] text-muted-foreground", children: "Reading that table's columns\u2026" }) : offered.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "text-[11px] text-muted-foreground", children: "No columns to read yet." }) : /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_design_system29.Select, { value, onValueChange: onChange, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.SelectTrigger, { size: "sm", "aria-label": label, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.SelectValue, { placeholder: "Choose a column" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.SelectContent, { children: offered.map((column) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.SelectItem, { value: column.key, children: column.name }, column.key)) })
+  const body = !relation ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-[11px] text-muted-foreground", children: "Choose the column above first." }) : stillAsking ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-[11px] text-muted-foreground", children: "Reading that table's columns\u2026" }) : offered.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-[11px] text-muted-foreground", children: "No columns to read yet." }) : /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_design_system30.Select, { value, onValueChange: onChange, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.SelectTrigger, { size: "sm", "aria-label": label, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.SelectValue, { placeholder: "Choose a column" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.SelectContent, { children: offered.map((column) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.SelectItem, { value: column.key, children: column.name }, column.key)) })
   ] });
-  if (compact) return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "mt-1 flex flex-col gap-1", children: body });
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-col gap-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.Label, { className: "text-xs", title: help, children: label }),
+  if (compact) return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "mt-1 flex flex-col gap-1", children: body });
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.Label, { className: "text-xs", title: help, children: label }),
     body
   ] });
 }
@@ -7558,19 +7784,19 @@ function NewColumnDefault({
   onChange
 }) {
   const none = "__none__";
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-col gap-1", "data-records-field-default": "", "data-records-new-field-default": "", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.Label, { htmlFor: "records-new-field-default", className: "text-xs", children: DEFAULT_LABEL }),
-    type === "checkbox" ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("label", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.Checkbox, { id: "records-new-field-default", "aria-label": DEFAULT_LABEL, checked: value === true, onCheckedChange: (on) => onChange(on === true ? true : null) }),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { children: "Ticked" })
-    ] }) : type === "select" || type === "multi_select" || type === "status" ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_design_system29.Select, { value: typeof value === "string" && choices.includes(value) ? value : none, onValueChange: (v) => onChange(v === none ? null : v), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.SelectTrigger, { id: "records-new-field-default", size: "sm", "aria-label": DEFAULT_LABEL, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.SelectValue, {}) }),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_design_system29.SelectContent, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.SelectItem, { value: none, children: "Nothing" }),
-        choices.map((c) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.SelectItem, { value: c, children: c }, c))
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex flex-col gap-1", "data-records-field-default": "", "data-records-new-field-default": "", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.Label, { htmlFor: "records-new-field-default", className: "text-xs", children: DEFAULT_LABEL }),
+    type === "checkbox" ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("label", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.Checkbox, { id: "records-new-field-default", "aria-label": DEFAULT_LABEL, checked: value === true, onCheckedChange: (on) => onChange(on === true ? true : null) }),
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { children: "Ticked" })
+    ] }) : type === "select" || type === "multi_select" || type === "status" ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_design_system30.Select, { value: typeof value === "string" && choices.includes(value) ? value : none, onValueChange: (v) => onChange(v === none ? null : v), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.SelectTrigger, { id: "records-new-field-default", size: "sm", "aria-label": DEFAULT_LABEL, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.SelectValue, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_design_system30.SelectContent, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.SelectItem, { value: none, children: "Nothing" }),
+        choices.map((c) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.SelectItem, { value: c, children: c }, c))
       ] })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-      import_design_system29.BasicInput,
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+      import_design_system30.BasicInput,
       {
         id: "records-new-field-default",
         value: typeof value === "string" ? value : value === null || value === void 0 ? "" : String(value),
@@ -7584,7 +7810,7 @@ function NewColumnDefault({
 // src/buttonCell.tsx
 var import_outbound_react6 = require("@ai-matrx/kit/outbound-react");
 var import_outbound = require("@ai-matrx/kit/outbound");
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 function buttonPressWords(label, pressed) {
   if (pressed.do === "open_url") return `${label} opened ${pressed.url}`;
   if (pressed.do === "run_action") {
@@ -7596,14 +7822,14 @@ function buttonPressWords(label, pressed) {
 }
 var stop = (event) => event.stopPropagation();
 function ButtonValue({ field, recordId, inCell }) {
-  const client = (0, import_react47.useOptionalRecordsClient)();
-  const b = (0, import_records26.buttonOf)(field);
-  const [busy, setBusy] = (0, import_react46.useState)(false);
-  const [said2, setSaid] = (0, import_react46.useState)(null);
-  const [settingUp, setSettingUp] = (0, import_react46.useState)(false);
+  const client = (0, import_react49.useOptionalRecordsClient)();
+  const b = (0, import_records27.buttonOf)(field);
+  const [busy, setBusy] = (0, import_react48.useState)(false);
+  const [said2, setSaid] = (0, import_react48.useState)(null);
+  const [settingUp, setSettingUp] = (0, import_react48.useState)(false);
   if (!b) return null;
   const color = (0, import_data_table6.isStyleColor)(b.color) ? import_data_table6.CHOICE_CHIP_CLASS[b.color] : import_data_table6.NEUTRAL_CHIP_CLASS;
-  const needs = (0, import_records26.buttonNeeds)(b);
+  const needs = (0, import_records27.buttonNeeds)(b);
   const tableId = field.entity_definition_id;
   const press = async () => {
     if (!client || !recordId) return setSaid({ kind: "public" });
@@ -7619,10 +7845,10 @@ function ButtonValue({ field, recordId, inCell }) {
     }
     setSaid({ kind: "ran", says: buttonPressWords(b.label, pressed) });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_design_system30.Popover, { open: said2 !== null, onOpenChange: (open) => open ? null : setSaid(null), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-        import_design_system30.Button,
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_design_system31.Popover, { open: said2 !== null, onOpenChange: (open) => open ? null : setSaid(null), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_design_system31.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        import_design_system31.Button,
         {
           type: "button",
           size: "xs",
@@ -7631,7 +7857,7 @@ function ButtonValue({ field, recordId, inCell }) {
           "data-records-button-unset": needs ? "" : void 0,
           "aria-busy": busy || void 0,
           disabled: busy,
-          className: (0, import_design_system30.cn)("max-w-full gap-1 border px-2 font-medium", inCell ? "h-5" : "h-6", color, needs && "border-dashed opacity-80"),
+          className: (0, import_design_system31.cn)("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) => {
@@ -7639,21 +7865,21 @@ function ButtonValue({ field, recordId, inCell }) {
             event.preventDefault();
             void press();
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "truncate", children: b.label })
+          children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "truncate", children: b.label })
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_design_system30.PopoverContent, { 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__ */ (0, import_jsx_runtime33.jsx)(RefusalLine, { error: said2.error }) : null,
-        said2?.kind === "public" ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { children: "Buttons run for signed-in people." }) : null,
-        said2?.kind === "ran" ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("p", { className: "break-words", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_design_system31.PopoverContent, { 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__ */ (0, import_jsx_runtime34.jsx)(RefusalLine, { error: said2.error }) : null,
+        said2?.kind === "public" ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { children: "Buttons run for signed-in people." }) : null,
+        said2?.kind === "ran" ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("p", { className: "break-words", children: [
           said2.says,
           " ",
-          said2.link ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_outbound_react6.OutboundLink, { href: said2.link, className: "text-primary underline", children: said2.link }) : null
+          said2.link ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_outbound_react6.OutboundLink, { href: said2.link, className: "text-primary underline", children: said2.link }) : null
         ] }) : null,
-        said2?.kind === "needs" ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { children: said2.says }),
-          tableId ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
-            import_design_system30.Button,
+        said2?.kind === "needs" ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { children: said2.says }),
+          tableId ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+            import_design_system31.Button,
             {
               type: "button",
               size: "sm",
@@ -7671,202 +7897,16 @@ function ButtonValue({ field, recordId, inCell }) {
         ] }) : null
       ] })
     ] }),
-    settingUp && tableId ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.Dialog, { open: true, onOpenChange: (open) => open ? null : setSettingUp(false), children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_design_system30.DialogContent, { className: "max-h-[85vh] overflow-y-auto sm:max-w-2xl", onClick: stop, onPointerDown: stop, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_design_system30.DialogHeader, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.DialogTitle, { children: `Column settings \xB7 ${fieldName(field)}` }),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_design_system30.DialogDescription, { className: "sr-only", children: "What the button does" })
+    settingUp && tableId ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_design_system31.Dialog, { open: true, onOpenChange: (open) => open ? null : setSettingUp(false), children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_design_system31.DialogContent, { className: "max-h-[85vh] overflow-y-auto sm:max-w-2xl", onClick: stop, onPointerDown: stop, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_design_system31.DialogHeader, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_design_system31.DialogTitle, { children: `Column settings \xB7 ${fieldName(field)}` }),
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_design_system31.DialogDescription, { className: "sr-only", children: "What the button does" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(FieldEditor, { tableId, field, onSaved: () => setSettingUp(false), onCancel: () => setSettingUp(false) })
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(FieldEditor, { tableId, field, onSaved: () => setSettingUp(false), onCancel: () => setSettingUp(false) })
     ] }) }) : null
   ] });
 }
 
-// src/PersonPicker.tsx
-var import_react48 = require("react");
-var import_records27 = require("@ai-matrx/records");
-var import_react49 = require("@ai-matrx/records/react");
-var import_design_system31 = require("@ai-matrx/design-system");
-var import_jsx_runtime34 = require("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 = (0, import_react49.useOptionalRecordsClient)();
-  const host = useRecordsUi();
-  const [members, setMembers] = (0, import_react48.useState)(null);
-  const [people, setPeople] = (0, import_react48.useState)([]);
-  const [error, setError] = (0, import_react48.useState)(null);
-  const [search, setSearch] = (0, import_react48.useState)(initialSearch ?? "");
-  const [open, setOpenState] = (0, import_react48.useState)(autoOpen === true);
-  const onCloseRef = (0, import_react48.useRef)(onClose);
-  onCloseRef.current = onClose;
-  const setOpen = (0, import_react48.useCallback)((next) => {
-    setOpenState(next);
-    if (!next) onCloseRef.current?.();
-  }, []);
-  const [busy, setBusy] = (0, import_react48.useState)(false);
-  const membersPort = host.members;
-  const personTable = field.relation_target;
-  const picked = (0, import_react48.useMemo)(
-    () => Array.isArray(value) ? value.map(String) : value === null || value === void 0 ? [] : [String(value)],
-    [value]
-  );
-  const load = (0, import_react48.useCallback)(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]);
-  (0, import_react48.useEffect)(() => {
-    if (!open) return;
-    void load();
-  }, [open, load]);
-  (0, import_react48.useEffect)(() => {
-    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 = (0, import_records27.rankTypedMatches)(members ?? [], search, memberName);
-  if (!membersPort || !client) {
-    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: (0, import_design_system31.cn)("text-xs text-muted-foreground", className), children: NO_MEMBERS_REASON });
-  }
-  if (!personTable) {
-    return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("p", { className: (0, import_design_system31.cn)("text-xs text-muted-foreground", className), children: [
-      fieldName(field),
-      " is a person field, but it does not say which Table the people are records of yet, so there is nothing to pick from. A table admin sets its target in the field editor."
-    ] });
-  }
-  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__ */ (0, import_jsx_runtime34.jsx)(PersonChip, { name: nameOfRecord(recordId), ...disabled || anchored ? {} : { onRemove: () => drop(recordId) } }, recordId));
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: (0, import_design_system31.cn)("flex flex-wrap items-center gap-1", className), children: [
-    anchored && !disabled ? null : cellChips,
-    disabled ? null : (
-      // THE ONE "PICK OR ADD" BUILDER (lane CELL-EDITORS, 2026-10-06): the person list used to carry
-      // its own copy of the list's layout and keys; it now draws the same rows, ticks, highlight and
-      // head chips as every other picker, and in a grid cell hangs from the cell.
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-        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__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
-            error ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(RefusalLine, { error, className: "p-2" }) : null,
-            members === null ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "p-2 text-xs text-muted-foreground", children: "Reading the members\u2026" }) : null
-          ] }),
-          empty: members !== null ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "p-2 text-xs text-muted-foreground", children: members.length === 0 ? "This organization has no other members yet, so there is nobody to assign." : "Nobody in this organization matches." }) : null,
-          children: anchored ? cellChips : null
-        }
-      )
-    )
-  ] });
-}
-
 // src/FloatingRefusal.tsx
 var import_react50 = require("react");
 var import_react_dom = require("react-dom");