@ai-matrx/records-ui 0.93.146 → 0.95.2

package/dist/pickers.js

@@ -1,14 +1,14 @@
 "use client";
 
 // src/TablePickers.tsx
-import { useEffect as useEffect12, useMemo as useMemo7, useState as useState15 } from "react";
+import { useEffect as useEffect12, useMemo as useMemo7, useState as useState16 } from "react";
 import { RecordsProvider as RecordsProvider2, useFields, useRecords, useTable } from "@ai-matrx/records/react";
 import { Button as Button9, CreatablePicker } from "@ai-matrx/design-system";
 
 // src/editors.tsx
-import { useCallback as useCallback4, useEffect as useEffect10, useRef as useRef9, useState as useState13 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect10, useRef as useRef9, useState as useState14 } from "react";
 import { allowsOtherValues, choiceValuesOf, coerceTypedAnswer, newerKindOf as newerKindOf4, decideTypedChoice, isTheChosen, optionKey as optionKey2, rankTypedMatches as rankTypedMatches3, readTypedTime as readTypedTime2, typedDateText as typedDateText2, typedTimeText as typedTimeText2 } from "@ai-matrx/records";
-import { useOptionalRecordsClient as useOptionalRecordsClient6 } from "@ai-matrx/records/react";
+import { useOptionalRecordsClient as useOptionalRecordsClient7 } from "@ai-matrx/records/react";
 import {
   BasicInput as BasicInput6,
   BasicTextarea as BasicTextarea2,
@@ -19,12 +19,12 @@ import {
   Popover as Popover4,
   PopoverContent as PopoverContent4,
   PopoverTrigger as PopoverTrigger4,
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-  cn as cn11
+  Select as Select2,
+  SelectContent as SelectContent2,
+  SelectItem as SelectItem2,
+  SelectTrigger as SelectTrigger2,
+  SelectValue as SelectValue2,
+  cn as cn12
 } from "@ai-matrx/design-system";
 
 // src/dates.ts
@@ -82,7 +82,9 @@ import {
   isAddressValue,
   isPersonStamp,
   newerKindOf,
+  personStampText,
   readTypedDuration,
+  safeLinkHref,
   statusGroupOf
 } from "@ai-matrx/records";
 import { BasicInput, cn } from "@ai-matrx/design-system";
@@ -96,7 +98,7 @@ function newerKindValue(field, value, opts = {}) {
     }
     case "created_by":
     case "modified_by":
-      return isPersonStamp(value) ? /* @__PURE__ */ jsx(PersonStampChip, { name: value.name }) : void 0;
+      return isPersonStamp(value) ? /* @__PURE__ */ jsx(PersonStampChip, { stamp: value }) : void 0;
     case "address":
       return isAddressValue(value) || typeof value === "string" ? /* @__PURE__ */ jsx(AddressLink, { value }) : void 0;
     case "barcode":
@@ -112,10 +114,12 @@ function newerKindValue(field, value, opts = {}) {
       return void 0;
   }
 }
-function PersonStampChip({ name }) {
-  const words = name && name.trim() !== "" ? name : NOT_A_MEMBER_WORDS;
-  const initial = name && name.trim() !== "" ? name.trim()[0].toUpperCase() : "?";
-  return /* @__PURE__ */ jsxs("span", { className: "inline-flex min-w-0 items-center gap-1.5", "data-records-person-stamp": "", children: [
+function PersonStampChip({ stamp }) {
+  const words = personStampText(stamp) ?? NOT_A_MEMBER_WORDS;
+  const tier = stamp.actor ?? "user";
+  const name = tier === "user" ? stamp.name : null;
+  const initial = tier === "system" ? "\u2699" : tier === "agent" ? "\u2726" : name && name.trim() !== "" ? name.trim()[0].toUpperCase() : "?";
+  return /* @__PURE__ */ jsxs("span", { className: "inline-flex min-w-0 items-center gap-1.5", "data-records-person-stamp": tier, children: [
     /* @__PURE__ */ jsx(
       "span",
       {
@@ -124,7 +128,7 @@ function PersonStampChip({ name }) {
         children: initial
       }
     ),
-    /* @__PURE__ */ jsx("span", { className: cn("truncate", name ? "" : "italic text-muted-foreground"), children: words })
+    /* @__PURE__ */ jsx("span", { className: cn("truncate", tier === "user" && !name ? "italic text-muted-foreground" : ""), children: words })
   ] });
 }
 function AddressLink({ value }) {
@@ -149,12 +153,13 @@ function AddressLink({ value }) {
   );
 }
 var STATUS_GROUP_MARK = { todo: "\u25CB", in_progress: "\u25D0", done: "\u25CF" };
-function statusMarkOf(field, value) {
+function statusMarkOf(field, value, document2) {
   if (newerKindOf(field) !== "status" || typeof value !== "string") return null;
-  const group = statusGroupOf(field, value);
+  const chosen = document2?.["_choices"]?.[field.key];
+  const key = chosen && typeof chosen === "object" && typeof chosen.key === "string" ? chosen.key : value;
+  const group = statusGroupOf(field, key);
   return { mark: STATUS_GROUP_MARK[group], group, words: STATUS_GROUP_WORDS[group] };
 }
-var SAFE_HREF = /^(https?:\/\/|mailto:)/i;
 function inline(text, key) {
   const out = [];
   let at = 0;
@@ -181,9 +186,9 @@ function marks(text, key) {
     if (tok.startsWith("**") || tok.startsWith("__")) out.push(/* @__PURE__ */ jsx("strong", { children: tok.slice(2, -2) }, k));
     else if (tok.startsWith("[")) {
       const link = /^\[([^\]]+)\]\(([^)\s]+)\)$/.exec(tok);
-      const href = link?.[2] ?? "";
+      const href = safeLinkHref(link?.[2] ?? "");
       out.push(
-        SAFE_HREF.test(href) ? /* @__PURE__ */ jsx("a", { href, target: "_blank", rel: "noopener noreferrer", className: "text-primary underline-offset-2 hover:underline", onClick: own, children: link?.[1] }, k) : link?.[1] ?? tok
+        href ? /* @__PURE__ */ jsx("a", { href, target: "_blank", rel: "noopener noreferrer", className: "text-primary underline-offset-2 hover:underline", onClick: own, children: link?.[1] }, k) : link?.[1] ?? tok
       );
     } else out.push(/* @__PURE__ */ jsx("em", { children: tok.slice(1, -1) }, k));
     last = at + tok.length;
@@ -393,6 +398,63 @@ function BarcodeControl({ value, onChange, disabled, id }) {
   ] });
 }
 
+// src/choiceLooks.ts
+import {
+  CHOICE_CHIP_CLASS,
+  NEUTRAL_CHIP_CLASS,
+  STYLE_COLORS
+} from "@ai-matrx/design-system/data-table";
+function displayFormatOf(field) {
+  const raw = field.display_format;
+  if (!raw || typeof raw !== "object") return null;
+  const id = raw.id;
+  if (typeof id !== "string" || id === "") return null;
+  const options = raw.options;
+  return { id, options: options && typeof options === "object" ? options : {} };
+}
+function isStyleColor(v) {
+  return typeof v === "string" && STYLE_COLORS.includes(v);
+}
+function choiceLooksOf(field) {
+  const display = displayFormatOf(field);
+  const choices = display?.options["choices"];
+  if (!Array.isArray(choices)) return [];
+  const out = [];
+  for (const c of choices) {
+    if (!c || typeof c !== "object") continue;
+    const value = c.value;
+    if (typeof value !== "string" || value.trim() === "") continue;
+    const color = c.color;
+    const label = c.label;
+    out.push({
+      value: value.trim(),
+      ...typeof label === "string" && label.trim() !== "" ? { label: label.trim() } : {},
+      ...isStyleColor(color) ? { color } : {}
+    });
+  }
+  return out;
+}
+function choiceWord(value) {
+  return String(value ?? "").trim().toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, "");
+}
+function storedChoiceColor(field, value) {
+  if (value === null || value === void 0 || value === "") return void 0;
+  const word = choiceWord(value);
+  if (word === "") return void 0;
+  for (const look of choiceLooksOf(field)) {
+    if (!look.color) continue;
+    if (choiceWord(look.value) === word || look.label && choiceWord(look.label) === word) return look.color;
+  }
+  return void 0;
+}
+function choiceChipLookOf(field, ...words) {
+  for (const word of words) {
+    const color = storedChoiceColor(field, word);
+    if (color) return { className: CHOICE_CHIP_CLASS[color], color };
+  }
+  return { className: NEUTRAL_CHIP_CLASS, color: null };
+}
+
 // src/parity.ts
 import {
   KERNEL_TABLES,
@@ -622,7 +684,12 @@ var TITLE = {
   already_exists: "That already exists",
   not_supported: "That cannot be done here",
   store_limit: "This has got as big as it can",
-  store_not_served: "This organization does not keep its data here",
+  // 🚨 NOT "THE SWITCH IS OFF" (lane 7 W1 fix round 1). PGRST202 / PGRST205 land here, and the
+  // commonest cause is a door this screen asks for that the database it talks to does not serve
+  // YET — a release in flight. Telling the person her organization has its store switched off was
+  // false (the switch is answered by its own door, `platform.unified_data_store_on`). Honest:
+  // nothing happened, and it is ours, and it passes.
+  store_not_served: "This isn't available right now",
   unreachable: "We could not reach your data",
   needs_approval: "This is waiting on someone's approval",
   stale_read: "Your view of this is a moment behind",
@@ -640,7 +707,7 @@ var REMEDY = {
   already_exists: "Use a different name.",
   not_supported: "There is another way to do this \u2014 ask, and we will point you at it.",
   store_limit: "Split it up, or ask us to raise the ceiling for your organization.",
-  store_not_served: "An administrator of this organization turns the record store on from the data settings screen.",
+  store_not_served: "Nothing was changed. Try again in a few minutes.",
   // 🚨 NOTHING WAS WRITTEN AND NOTHING WAS REFUSED (lane TAILS-6). The call
   // never arrived, so "try again" is the honest instruction rather than a
   // consolation — and saying nothing changed is the half a person actually
@@ -1140,7 +1207,7 @@ function RelationPicker({ field, value, onChange, disabled, id, className, allow
 
 // src/gridAttachments.tsx
 import { useEffect as useEffect6, useRef as useRef5, useState as useState7 } from "react";
-import { useOptionalRecordsClient as useOptionalRecordsClient2 } from "@ai-matrx/records/react";
+import { useOptionalRecordsClient as useOptionalRecordsClient3 } from "@ai-matrx/records/react";
 import { Badge, Button as Button5 } from "@ai-matrx/design-system";
 
 // src/host.tsx
@@ -1226,6 +1293,7 @@ import { isUuidShape as isUuidShape2 } from "@ai-matrx/kit/uuid";
 // src/signature.tsx
 import { useEffect as useEffect4, useRef as useRef2, useState as useState4 } from "react";
 import { Button as Button3, ErrorBox as ErrorBox2, cn as cn5 } from "@ai-matrx/design-system";
+import { useOptionalRecordsClient as useOptionalRecordsClient2 } from "@ai-matrx/records/react";
 import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 var DRAWN = /^data:image\/(png|jpeg);base64,[A-Za-z0-9+/=]{64,}$/;
 function drawnSignatureOf(value) {
@@ -1236,18 +1304,105 @@ function signatureWords(value) {
   if (value === null || value === void 0 || value === "") return null;
   return drawnSignatureOf(value) ? SIGNED_WORD : String(value);
 }
-function SignatureValue({ value, inCell }) {
+function signatureFileOf(source) {
+  if (!source || typeof source !== "object") return null;
+  const src = source;
+  const id = src["signature_file_id"];
+  return src["kind"] === "signature" && typeof id === "string" && id !== "" ? id : null;
+}
+function signatureFileIn(document2, key) {
+  const values = document2?.["_values"];
+  const src = values?.[key]?.src;
+  if (typeof src === "string") {
+    const sources = document2?.["_sources"];
+    return signatureFileOf(sources?.[src]);
+  }
+  return signatureFileOf(src);
+}
+var SOURCES = /* @__PURE__ */ new WeakMap();
+var FILES = /* @__PURE__ */ new WeakMap();
+function signatureFilesOf(client, recordId) {
+  let held = SOURCES.get(client);
+  if (!held) SOURCES.set(client, held = /* @__PURE__ */ new Map());
+  let asked2 = held.get(recordId);
+  if (!asked2) {
+    asked2 = client.recordValuesVersioned({ record_id: recordId }).then((answered) => {
+      if (!answered.ok) return {};
+      return Object.fromEntries(answered.data.map((v) => [v.field_key, signatureFileOf(v.source)]));
+    });
+    held.set(recordId, asked2);
+  }
+  return asked2;
+}
+function drawingOf(client, fileId) {
+  let held = FILES.get(client);
+  if (!held) FILES.set(client, held = /* @__PURE__ */ new Map());
+  let asked2 = held.get(fileId);
+  if (!asked2) {
+    asked2 = client.recordRead({ record_id: fileId }).then((answered) => {
+      if (!answered.ok) return { src: null, hostFileId: null };
+      const doc = answered.data.document ?? {};
+      const content = drawnSignatureOf(doc["content"]);
+      const hostFileId = typeof doc["file_id"] === "string" && doc["file_id"] !== "" ? doc["file_id"] : null;
+      return { src: content, hostFileId };
+    });
+    held.set(fileId, asked2);
+  }
+  return asked2;
+}
+function DrawnImage({ src, inCell }) {
+  return /* @__PURE__ */ jsx6(
+    "img",
+    {
+      src,
+      alt: SIGNED_WORD,
+      "data-records-signature": "",
+      className: cn5("max-w-[12rem] object-contain object-left dark:invert", inCell ? "h-7" : "h-12")
+    }
+  );
+}
+function SignatureDrawing({
+  recordId,
+  fieldKey,
+  fileId: knownFile,
+  value,
+  inCell
+}) {
+  const client = useOptionalRecordsClient2();
+  const host = useRecordsUi();
+  const [drawing, setDrawing] = useState4(null);
+  useEffect4(() => {
+    let cancelled = false;
+    setDrawing(null);
+    if (!client) return;
+    void (async () => {
+      const fileId = knownFile ?? (recordId && fieldKey ? (await signatureFilesOf(client, recordId))[fieldKey] ?? null : null);
+      if (!fileId || cancelled) return;
+      const read = await drawingOf(client, fileId);
+      if (!cancelled) setDrawing(read);
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [client, recordId, fieldKey, knownFile]);
+  if (drawing?.src) return /* @__PURE__ */ jsx6(DrawnImage, { src: drawing.src, inCell });
+  if (drawing?.hostFileId && host.fileImage) {
+    return /* @__PURE__ */ jsx6("span", { className: cn5("inline-block max-w-[12rem] dark:invert", inCell ? "h-7" : "h-12"), "data-records-signature": "", children: host.fileImage({ fileId: drawing.hostFileId, alt: SIGNED_WORD }) });
+  }
+  return /* @__PURE__ */ jsx6("span", { className: "font-serif italic", children: String(value) });
+}
+function SignatureValue({
+  value,
+  inCell,
+  recordId,
+  fieldKey,
+  document: document2
+}) {
   const drawn = drawnSignatureOf(value);
-  if (drawn) {
-    return /* @__PURE__ */ jsx6(
-      "img",
-      {
-        src: drawn,
-        alt: SIGNED_WORD,
-        "data-records-signature": "",
-        className: cn5("max-w-[12rem] object-contain object-left dark:invert", inCell ? "h-7" : "h-12")
-      }
-    );
+  if (drawn) return /* @__PURE__ */ jsx6(DrawnImage, { src: drawn, inCell });
+  const fileId = fieldKey ? signatureFileIn(document2, fieldKey) : null;
+  if (value === SIGNED_WORD && (fileId || recordId && fieldKey)) {
+    return /* @__PURE__ */ jsx6(SignatureDrawing, { recordId: recordId ?? null, fieldKey: fieldKey ?? null, fileId, value, inCell });
   }
   return /* @__PURE__ */ jsx6("span", { className: "font-serif italic", children: String(value) });
 }
@@ -1717,7 +1872,7 @@ function rememberHostFileIds(ids) {
 var FILE_CHIP_UNREAD = "File";
 var FILE_CHIP_NO_PAGE = "This screen has no way to open files yet.";
 function AttachmentChip({ id, onRemove }) {
-  const client = useOptionalRecordsClient2();
+  const client = useOptionalRecordsClient3();
   const host = useRecordsUi();
   const [read, setRead] = useState7(null);
   useEffect6(() => {
@@ -1862,11 +2017,99 @@ function AttachmentControl({
 }
 
 // src/EntityReferenceControl.tsx
-import { useMemo as useMemo4, useState as useState8 } from "react";
+import { useMemo as useMemo4, useState as useState9 } from "react";
 import { entityRefsOf, entityRefsToWrite } from "@ai-matrx/records";
-import { useEntityReferenceKinds, useEntityReferenceSearch, useEntityReferenceWords, useOptionalRecordsClient as useOptionalRecordsClient3 } from "@ai-matrx/records/react";
-import { Badge as Badge2, Button as Button6, cn as cn7 } from "@ai-matrx/design-system";
-import { Fragment as Fragment3, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+import { useEntityReferenceKinds, useEntityReferenceSearch, useEntityReferenceWords, useOptionalRecordsClient as useOptionalRecordsClient4 } from "@ai-matrx/records/react";
+import { Badge as Badge2, Button as Button6, cn as cn8 } from "@ai-matrx/design-system";
+
+// src/PickOne.tsx
+import { useState as useState8 } from "react";
+import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue, cn as cn7 } from "@ai-matrx/design-system";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+var PICK_ONE_SEARCH_AFTER = 7;
+var EMPTY = "__records_pick_one_empty__";
+var inner = (v) => v === "" ? EMPTY : v;
+var outer = (v) => v === EMPTY ? "" : v;
+function PickOne({
+  value,
+  onChange,
+  options,
+  label,
+  placeholder,
+  id,
+  className,
+  disabled,
+  attrs
+}) {
+  const [open, setOpen] = useState8(false);
+  const [search, setSearch] = useState8("");
+  const current = options.find((o) => o.value === value);
+  if (options.length > PICK_ONE_SEARCH_AFTER) {
+    const q = search.trim().toLowerCase();
+    const shown2 = q === "" ? options : options.filter((o) => o.label.toLowerCase().includes(q));
+    return /* @__PURE__ */ jsx10("span", { className: cn7("inline-flex min-w-0", className), "data-records-pick-one": "search", "data-pick-value": value, ...attrs ?? {}, children: /* @__PURE__ */ jsx10(
+      PickOrAdd,
+      {
+        triggerLabel: label,
+        triggerText: current?.label ?? placeholder ?? "",
+        triggerId: id,
+        open: open && !disabled,
+        onOpenChange: (next) => {
+          setOpen(next);
+          if (!next) setSearch("");
+        },
+        search,
+        onSearch: setSearch,
+        items: shown2.map((o) => ({
+          id: inner(o.value),
+          label: o.label,
+          detail: o.group,
+          picked: o.value === value,
+          attrs: { "data-pick-value": o.value, ...o.group ? { "data-pick-group": o.group } : {} }
+        })),
+        onPick: (picked) => {
+          onChange(outer(picked));
+          setOpen(false);
+          setSearch("");
+        },
+        empty: /* @__PURE__ */ jsx10("p", { className: "p-2 text-xs text-muted-foreground", children: "No match" })
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxs8(Select, { value: current ? inner(current.value) : "", onValueChange: (v) => onChange(outer(v)), disabled: disabled ?? false, children: [
+    /* @__PURE__ */ jsx10(
+      SelectTrigger,
+      {
+        id,
+        size: "sm",
+        "aria-label": label,
+        className: cn7("h-7 w-auto min-w-[7rem] text-xs", className),
+        "data-records-pick-one": "list",
+        "data-pick-value": value,
+        ...attrs ?? {},
+        children: /* @__PURE__ */ jsx10(SelectValue, { placeholder })
+      }
+    ),
+    /* @__PURE__ */ jsx10(SelectContent, { children: groupsOf(options).map(
+      ([group, items]) => group ? /* @__PURE__ */ jsxs8(SelectGroup, { children: [
+        /* @__PURE__ */ jsx10(SelectLabel, { children: group }),
+        items.map((o) => /* @__PURE__ */ jsx10(SelectItem, { value: inner(o.value), "data-pick-value": o.value, "data-pick-group": group, children: o.label }, inner(o.value)))
+      ] }, group) : items.map((o) => /* @__PURE__ */ jsx10(SelectItem, { value: inner(o.value), "data-pick-value": o.value, children: o.label }, inner(o.value)))
+    ) })
+  ] });
+}
+function groupsOf(options) {
+  const out = [];
+  for (const o of options) {
+    const last = out[out.length - 1];
+    if (last && last[0] === o.group) last[1].push(o);
+    else out.push([o.group, [o]]);
+  }
+  return out;
+}
+
+// src/EntityReferenceControl.tsx
+import { Fragment as Fragment3, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 var WITHHELD_ENTITY_LABEL = "Something you have not been given access to";
 var ENTITY_REFERENCE_EMPTY = "Nothing is pointed at yet.";
 function entityReferenceText(value) {
@@ -1880,12 +2123,12 @@ function allowedKindsOf(field) {
   return kinds.map((k) => String(k).trim().toLowerCase()).filter(Boolean);
 }
 function EntityReferenceControl(props) {
-  const client = useOptionalRecordsClient3();
-  return client ? /* @__PURE__ */ jsx10(WithWords, { ...props }) : /* @__PURE__ */ jsx10(Chips, { ...props, words: null, picker: null });
+  const client = useOptionalRecordsClient4();
+  return client ? /* @__PURE__ */ jsx11(WithWords, { ...props }) : /* @__PURE__ */ jsx11(Chips, { ...props, words: null, picker: null });
 }
 function WithWords(props) {
   const refs = useMemo4(() => entityRefsOf(props.value), [props.value]);
-  const [known, setKnown] = useState8([]);
+  const [known, setKnown] = useState9([]);
   const withKnown = refs.map((r) => r.label === null ? known.find((k) => k.token === r.token && k.id === r.id) ?? r : r);
   const unlabelled = useMemo4(
     () => withKnown.filter((r) => r.label === null).map((r) => ({ token: r.token, id: r.id })),
@@ -1893,7 +2136,7 @@ function WithWords(props) {
     [JSON.stringify(withKnown)]
   );
   const words = useEntityReferenceWords(unlabelled);
-  const picker = props.disabled ? null : /* @__PURE__ */ jsx10(
+  const picker = props.disabled ? null : /* @__PURE__ */ jsx11(
     EntityReferencePicker,
     {
       field: props.field,
@@ -1906,7 +2149,7 @@ function WithWords(props) {
       }
     }
   );
-  return /* @__PURE__ */ jsx10(Chips, { ...props, value: withKnown, words, picker });
+  return /* @__PURE__ */ jsx11(Chips, { ...props, value: withKnown, words, picker });
 }
 function EntityReferencePicker({
   field,
@@ -1916,9 +2159,9 @@ function EntityReferencePicker({
   const allowed = allowedKindsOf(field);
   const kinds = useEntityReferenceKinds();
   const labelOfKind = (token) => kinds.data?.find((k) => k.token === token)?.label ?? token.replace(/_/g, " ");
-  const [open, setOpen] = useState8(false);
-  const [search, setSearch] = useState8("");
-  const [only, setOnly] = useState8(null);
+  const [open, setOpen] = useState9(false);
+  const [search, setSearch] = useState9("");
+  const [only, setOnly] = useState9(null);
   const tokens = only ? [only] : allowed;
   const found = useEntityReferenceSearch(tokens, search, open);
   const multi = Boolean(field.multi);
@@ -1929,7 +2172,7 @@ function EntityReferencePicker({
     picked: refs.some((x) => x.token === r.token && x.id === r.id),
     attrs: { "data-entity-reference-candidate": `${r.token}:${r.id}` }
   }));
-  const kindChoice = allowed.length > 1 ? allowed.length <= 4 ? /* @__PURE__ */ jsx10("div", { className: "mb-1 flex flex-wrap gap-1", role: "group", "aria-label": `Which kind \u2014 ${field.label}`, children: [null, ...allowed].map((token) => /* @__PURE__ */ jsx10(
+  const kindChoice = allowed.length > 1 ? allowed.length <= 4 ? /* @__PURE__ */ jsx11("div", { className: "mb-1 flex flex-wrap gap-1", role: "group", "aria-label": `Which kind \u2014 ${field.label}`, children: [null, ...allowed].map((token) => /* @__PURE__ */ jsx11(
     Button6,
     {
       type: "button",
@@ -1941,26 +2184,23 @@ function EntityReferencePicker({
       children: token ? labelOfKind(token) : "Any"
     },
     token ?? "any"
-  )) }) : /* @__PURE__ */ jsxs8(
-    "select",
+  )) }) : /* @__PURE__ */ jsx11(
+    PickOne,
     {
-      className: "mb-1 h-7 w-full rounded border border-border bg-background px-1 text-xs",
-      "aria-label": `Which kind \u2014 ${field.label}`,
+      label: `Which kind \u2014 ${field.label}`,
+      className: "mb-1 w-full",
       value: only ?? "",
-      onChange: (e) => setOnly(e.target.value || null),
-      children: [
-        /* @__PURE__ */ jsx10("option", { value: "", children: "Any kind" }),
-        allowed.map((token) => /* @__PURE__ */ jsx10("option", { value: token, children: labelOfKind(token) }, token))
-      ]
+      onChange: (picked) => setOnly(picked || null),
+      options: [{ value: "", label: "Any kind" }, ...allowed.map((token) => ({ value: token, label: labelOfKind(token) }))]
     }
   ) : null;
-  const notice = /* @__PURE__ */ jsxs8(Fragment3, { children: [
+  const notice = /* @__PURE__ */ jsxs9(Fragment3, { children: [
     kindChoice,
-    found.error ? /* @__PURE__ */ jsx10(RefusalLine, { error: found.error, className: "px-2 py-1 text-[11px]" }) : null,
-    found.loading && !found.data ? /* @__PURE__ */ jsx10("p", { className: "px-2 py-1 text-[11px] text-muted-foreground", children: "Searching\u2026" }) : null
+    found.error ? /* @__PURE__ */ jsx11(RefusalLine, { error: found.error, className: "px-2 py-1 text-[11px]" }) : null,
+    found.loading && !found.data ? /* @__PURE__ */ jsx11("p", { className: "px-2 py-1 text-[11px] text-muted-foreground", children: "Searching\u2026" }) : null
   ] });
   const kindWords = allowed.length === 1 ? labelOfKind(allowed[0]).toLowerCase() : "thing";
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     PickOrAdd,
     {
       triggerLabel: `Pick for ${field.label}`,
@@ -1974,7 +2214,7 @@ function EntityReferencePicker({
       onSearch: setSearch,
       items,
       notice,
-      empty: found.loading ? null : /* @__PURE__ */ jsx10("p", { className: "px-2 py-1 text-[11px] text-muted-foreground", children: search.trim() ? `No ${kindWords} you can open is called \u201C${search.trim()}\u201D.` : `There is no ${kindWords} you can open yet.` }),
+      empty: found.loading ? null : /* @__PURE__ */ jsx11("p", { className: "px-2 py-1 text-[11px] text-muted-foreground", children: search.trim() ? `No ${kindWords} you can open is called \u201C${search.trim()}\u201D.` : `There is no ${kindWords} you can open yet.` }),
       onPick: (key) => {
         const r = (found.data ?? []).find((x) => `${x.token}:${x.id}` === key);
         if (!r) return;
@@ -2004,13 +2244,13 @@ function Chips({
     return WITHHELD_ENTITY_LABEL;
   };
   const multi = Boolean(field.multi);
-  return /* @__PURE__ */ jsxs8("div", { id, className: cn7("flex flex-wrap items-center gap-1", className), "aria-label": `What ${field.label} points at`, children: [
-    refs.length === 0 && !picker ? /* @__PURE__ */ jsx10("span", { className: "text-[11px] text-muted-foreground", children: ENTITY_REFERENCE_EMPTY }) : null,
+  return /* @__PURE__ */ jsxs9("div", { id, className: cn8("flex flex-wrap items-center gap-1", className), "aria-label": `What ${field.label} points at`, children: [
+    refs.length === 0 && !picker ? /* @__PURE__ */ jsx11("span", { className: "text-[11px] text-muted-foreground", children: ENTITY_REFERENCE_EMPTY }) : null,
     refs.map((r) => {
       const label = labelOf(r.token, r.id, r.label);
-      return /* @__PURE__ */ jsxs8(Badge2, { variant: "secondary", className: "gap-1 text-[11px]", "data-entity-reference-chip": `${r.token}:${r.id}`, children: [
+      return /* @__PURE__ */ jsxs9(Badge2, { variant: "secondary", className: "gap-1 text-[11px]", "data-entity-reference-chip": `${r.token}:${r.id}`, children: [
         label,
-        disabled ? null : /* @__PURE__ */ jsx10(
+        disabled ? null : /* @__PURE__ */ jsx11(
           "button",
           {
             type: "button",
@@ -2030,9 +2270,9 @@ function Chips({
 }
 
 // src/PersonPicker.tsx
-import { useCallback as useCallback3, useEffect as useEffect7, useMemo as useMemo5, useRef as useRef6, useState as useState9 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect7, useMemo as useMemo5, useRef as useRef6, useState as useState10 } from "react";
 import { rankTypedMatches as rankTypedMatches2 } from "@ai-matrx/records";
-import { useOptionalRecordsClient as useOptionalRecordsClient4 } from "@ai-matrx/records/react";
+import { useOptionalRecordsClient as useOptionalRecordsClient5 } from "@ai-matrx/records/react";
 import {
   BasicInput as BasicInput4,
   Button as Button7,
@@ -2040,9 +2280,9 @@ import {
   PopoverContent as PopoverContent2,
   PopoverTrigger as PopoverTrigger2,
   ScrollArea as ScrollArea2,
-  cn as cn8
+  cn as cn9
 } from "@ai-matrx/design-system";
-import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 function personFromRow(row) {
   const data = row.document ?? {};
   const userId = data["user_id"];
@@ -2073,20 +2313,20 @@ async function personRecordForMember(client, personTableId, people, member) {
   return written;
 }
 function PersonPicker({ field, value, onChange, disabled, id, className, autoOpen, onClose, initialSearch }) {
-  const client = useOptionalRecordsClient4();
+  const client = useOptionalRecordsClient5();
   const host = useRecordsUi();
-  const [members, setMembers] = useState9(null);
-  const [people, setPeople] = useState9([]);
-  const [error, setError] = useState9(null);
-  const [search, setSearch] = useState9(initialSearch ?? "");
-  const [open, setOpenState] = useState9(autoOpen === true);
+  const [members, setMembers] = useState10(null);
+  const [people, setPeople] = useState10([]);
+  const [error, setError] = useState10(null);
+  const [search, setSearch] = useState10(initialSearch ?? "");
+  const [open, setOpenState] = useState10(autoOpen === true);
   const onCloseRef = useRef6(onClose);
   onCloseRef.current = onClose;
   const setOpen = useCallback3((next) => {
     setOpenState(next);
     if (!next) onCloseRef.current?.();
   }, []);
-  const [busy, setBusy] = useState9(false);
+  const [busy, setBusy] = useState10(false);
   const membersPort = host.members;
   const personTable = field.relation_target;
   const picked = useMemo5(
@@ -2133,10 +2373,10 @@ function PersonPicker({ field, value, onChange, disabled, id, className, autoOpe
   });
   const pickRef = useRef6(null);
   if (!membersPort || !client) {
-    return /* @__PURE__ */ jsx11("p", { className: cn8("text-xs text-muted-foreground", className), children: NO_MEMBERS_REASON });
+    return /* @__PURE__ */ jsx12("p", { className: cn9("text-xs text-muted-foreground", className), children: NO_MEMBERS_REASON });
   }
   if (!personTable) {
-    return /* @__PURE__ */ jsxs9("p", { className: cn8("text-xs text-muted-foreground", className), children: [
+    return /* @__PURE__ */ jsxs10("p", { className: cn9("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."
     ] });
@@ -2179,8 +2419,8 @@ function PersonPicker({ field, value, onChange, disabled, id, className, autoOpe
   const pickedUserIds = new Set(
     picked.map((recordId) => people.find((p) => p.id === recordId)?.userId).filter(Boolean)
   );
-  return /* @__PURE__ */ jsxs9("div", { className: cn8("flex flex-wrap items-center gap-1", className), children: [
-    picked.map((recordId) => /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsxs10("div", { className: cn9("flex flex-wrap items-center gap-1", className), children: [
+    picked.map((recordId) => /* @__PURE__ */ jsx12(
       RecordChip,
       {
         title: nameOfRecord(recordId),
@@ -2188,8 +2428,8 @@ function PersonPicker({ field, value, onChange, disabled, id, className, autoOpe
       },
       recordId
     )),
-    disabled ? null : /* @__PURE__ */ jsxs9(Popover2, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ jsx11(PopoverTrigger2, { asChild: true, children: /* @__PURE__ */ jsx11(
+    disabled ? null : /* @__PURE__ */ jsxs10(Popover2, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx12(PopoverTrigger2, { asChild: true, children: /* @__PURE__ */ jsx12(
         Button7,
         {
           id,
@@ -2200,7 +2440,7 @@ function PersonPicker({ field, value, onChange, disabled, id, className, autoOpe
           children: picked.length === 0 ? "Pick a person" : "Change"
         }
       ) }),
-      /* @__PURE__ */ jsxs9(
+      /* @__PURE__ */ jsxs10(
         PopoverContent2,
         {
           sizing: "content",
@@ -2209,7 +2449,7 @@ function PersonPicker({ field, value, onChange, disabled, id, className, autoOpe
           "data-matrx-cell-editor": "",
           onKeyDown: (event) => event.stopPropagation(),
           children: [
-            /* @__PURE__ */ jsx11(
+            /* @__PURE__ */ jsx12(
               BasicInput4,
               {
                 value: search,
@@ -2222,31 +2462,31 @@ function PersonPicker({ field, value, onChange, disabled, id, className, autoOpe
                 className: "mb-1 h-7 text-xs"
               }
             ),
-            error ? /* @__PURE__ */ jsx11(RefusalLine, { error, className: "p-2" }) : null,
-            members === null ? /* @__PURE__ */ jsx11("p", { className: "p-2 text-xs text-muted-foreground", children: "Reading the members\u2026" }) : null,
-            /* @__PURE__ */ jsxs9(ScrollArea2, { className: "max-h-56", children: [
-              /* @__PURE__ */ jsx11("ul", { role: "listbox", "aria-label": `People for ${fieldName(field)}`, children: visible.map((member, index) => /* @__PURE__ */ jsx11("li", { children: /* @__PURE__ */ jsxs9(
+            error ? /* @__PURE__ */ jsx12(RefusalLine, { error, className: "p-2" }) : null,
+            members === null ? /* @__PURE__ */ jsx12("p", { className: "p-2 text-xs text-muted-foreground", children: "Reading the members\u2026" }) : null,
+            /* @__PURE__ */ jsxs10(ScrollArea2, { className: "max-h-56", children: [
+              /* @__PURE__ */ jsx12("ul", { role: "listbox", "aria-label": `People for ${fieldName(field)}`, children: visible.map((member, index) => /* @__PURE__ */ jsx12("li", { children: /* @__PURE__ */ jsxs10(
                 "button",
                 {
                   type: "button",
                   disabled: busy,
                   "data-pick-highlighted": index === keys.highlight ? "" : void 0,
                   onClick: () => void pick(member),
-                  className: cn8(
+                  className: cn9(
                     "w-full truncate rounded px-2 py-1 text-left text-xs hover:bg-muted",
                     pickedUserIds.has(member.userId) ? "bg-accent text-accent-foreground" : "",
                     index === keys.highlight ? "ring-1 ring-ring" : ""
                   ),
                   children: [
-                    /* @__PURE__ */ jsx11("span", { children: memberName(member) }),
-                    member.email && member.email !== memberName(member) ? /* @__PURE__ */ jsxs9("span", { className: "ml-1.5 opacity-60", children: [
+                    /* @__PURE__ */ jsx12("span", { children: memberName(member) }),
+                    member.email && member.email !== memberName(member) ? /* @__PURE__ */ jsxs10("span", { className: "ml-1.5 opacity-60", children: [
                       "\xB7 ",
                       member.email
                     ] }) : null
                   ]
                 }
               ) }, member.userId)) }),
-              members !== null && visible.length === 0 ? /* @__PURE__ */ jsx11("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
+              members !== null && visible.length === 0 ? /* @__PURE__ */ jsx12("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
             ] })
           ]
         }
@@ -2257,7 +2497,7 @@ function PersonPicker({ field, value, onChange, disabled, id, className, autoOpe
 
 // src/presentation.ts
 import {
-  STYLE_COLORS,
+  STYLE_COLORS as STYLE_COLORS2,
   parseTableStyle,
   tableStyleIsEmpty
 } from "@ai-matrx/design-system/data-table";
@@ -2322,16 +2562,16 @@ function currencyCodeFor(unit) {
 }
 
 // src/formatControls.tsx
-import { useEffect as useEffect8, useRef as useRef8, useState as useState10 } from "react";
+import { useEffect as useEffect8, useRef as useRef8, useState as useState11 } from "react";
 import { BasicInput as BasicInput5, BasicTextarea } from "@ai-matrx/design-system";
 import { getFieldFormat as getFieldFormat3, parseFieldInput } from "@ai-matrx/design-system/field-formats";
 
 // src/formattedValue.tsx
 import { useRef as useRef7 } from "react";
 import { FormattedCell } from "@ai-matrx/design-system/data-table";
-import { formatFieldValue as formatFieldValue2, getFieldFormat as getFieldFormat2 } from "@ai-matrx/design-system/field-formats";
-import { cn as cn9 } from "@ai-matrx/design-system";
-import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+import { formatFieldValue as formatFieldValue2, formatPhone, getFieldFormat as getFieldFormat2 } from "@ai-matrx/design-system/field-formats";
+import { cn as cn10 } from "@ai-matrx/design-system";
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 var LINK = "inline-flex min-w-0 items-center gap-1 text-primary hover:underline";
 var own2 = (event) => event.stopPropagation();
 function numberOf(value) {
@@ -2353,7 +2593,7 @@ function RatingStars({
   const score = numberOf(value) ?? 0;
   const shown2 = Math.round(score);
   const said = `${shown2} out of ${max}`;
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     "span",
     {
       "data-records-rating": "",
@@ -2365,8 +2605,8 @@ function RatingStars({
       children: Array.from({ length: max }, (_, i) => {
         const n = i + 1;
         const lit = n <= shown2;
-        const star = /* @__PURE__ */ jsx12("span", { "aria-hidden": true, className: cn9("text-sm leading-none", lit ? "text-amber-400" : "text-muted-foreground/40"), children: "\u2605" });
-        return onRate ? /* @__PURE__ */ jsx12(
+        const star = /* @__PURE__ */ jsx13("span", { "aria-hidden": true, className: cn10("text-sm leading-none", lit ? "text-amber-400" : "text-muted-foreground/40"), children: "\u2605" });
+        return onRate ? /* @__PURE__ */ jsx13(
           "button",
           {
             type: "button",
@@ -2391,7 +2631,7 @@ function RatingStars({
             children: star
           },
           n
-        ) : /* @__PURE__ */ jsx12("span", { children: star }, n);
+        ) : /* @__PURE__ */ jsx13("span", { children: star }, n);
       })
     }
   );
@@ -2399,13 +2639,13 @@ function RatingStars({
 function rich(id, text, raw, format) {
   switch (id) {
     case "email":
-      return /* @__PURE__ */ jsx12("a", { href: `mailto:${text}`, className: LINK, onClick: own2, children: /* @__PURE__ */ jsx12("span", { className: "truncate", children: text }) });
+      return /* @__PURE__ */ jsx13("a", { href: `mailto:${text}`, className: LINK, onClick: own2, children: /* @__PURE__ */ jsx13("span", { className: "truncate", children: text }) });
     case "url":
-      return /* @__PURE__ */ jsx12("a", { href: text.includes("://") ? text : `https://${text}`, target: "_blank", rel: "noopener noreferrer", className: LINK, onClick: own2, children: /* @__PURE__ */ jsx12("span", { className: "truncate", children: text }) });
+      return /* @__PURE__ */ jsx13("a", { href: text.includes("://") ? text : `https://${text}`, target: "_blank", rel: "noopener noreferrer", className: LINK, onClick: own2, children: /* @__PURE__ */ jsx13("span", { className: "truncate", children: text }) });
     case "phone":
-      return /* @__PURE__ */ jsx12("a", { href: `tel:${text.replace(/[^\d+]/g, "")}`, className: LINK, onClick: own2, title: text, children: /* @__PURE__ */ jsx12("span", { className: "truncate tabular-nums", children: formatPhone(text) }) });
+      return /* @__PURE__ */ jsx13("a", { href: `tel:${text.replace(/[^\d+]/g, "")}`, className: LINK, onClick: own2, title: text, children: /* @__PURE__ */ jsx13("span", { className: "truncate tabular-nums", children: formatPhone(text) }) });
     case "address":
-      return /* @__PURE__ */ jsx12(
+      return /* @__PURE__ */ jsx13(
         "a",
         {
           href: `https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(text)}`,
@@ -2414,7 +2654,7 @@ function rich(id, text, raw, format) {
           className: LINK,
           title: "Open in maps",
           onClick: own2,
-          children: /* @__PURE__ */ jsx12("span", { className: "truncate", children: text })
+          children: /* @__PURE__ */ jsx13("span", { className: "truncate", children: text })
         }
       );
     case "progress": {
@@ -2422,8 +2662,8 @@ function rich(id, text, raw, format) {
       if (n === null) return void 0;
       const pct = format.options?.percentScale === "fraction" ? n * 100 : n;
       const clamped = Math.max(0, Math.min(100, pct));
-      return /* @__PURE__ */ jsxs10("span", { className: "inline-flex w-full min-w-0 items-center gap-2", title: text, children: [
-        /* @__PURE__ */ jsx12(
+      return /* @__PURE__ */ jsxs11("span", { className: "inline-flex w-full min-w-0 items-center gap-2", title: text, children: [
+        /* @__PURE__ */ jsx13(
           "span",
           {
             role: "progressbar",
@@ -2431,24 +2671,24 @@ function rich(id, text, raw, format) {
             "aria-valuemax": 100,
             "aria-valuenow": Math.round(clamped),
             className: "h-1.5 min-w-8 flex-1 overflow-hidden rounded-full bg-muted",
-            children: /* @__PURE__ */ jsx12("span", { className: cn9("block h-full rounded-full", pct >= 100 ? "bg-emerald-500" : "bg-primary"), style: { width: `${clamped}%` } })
+            children: /* @__PURE__ */ jsx13("span", { className: cn10("block h-full rounded-full", pct >= 100 ? "bg-emerald-500" : "bg-primary"), style: { width: `${clamped}%` } })
           }
         ),
-        /* @__PURE__ */ jsx12("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: text })
+        /* @__PURE__ */ jsx13("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: text })
       ] });
     }
     case "color":
-      return /* @__PURE__ */ jsxs10("span", { className: "inline-flex items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx12("span", { className: "h-4 w-4 shrink-0 rounded border border-border", style: { backgroundColor: text } }),
-        /* @__PURE__ */ jsx12("code", { className: "font-mono text-xs", children: text })
+      return /* @__PURE__ */ jsxs11("span", { className: "inline-flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx13("span", { className: "h-4 w-4 shrink-0 rounded border border-border", style: { backgroundColor: text } }),
+        /* @__PURE__ */ jsx13("code", { className: "font-mono text-xs", children: text })
       ] });
     case "tags": {
       const items = Array.isArray(raw) ? raw.map(String) : text.split(",").map((s) => s.trim()).filter(Boolean);
       if (items.length === 0) return void 0;
-      return /* @__PURE__ */ jsx12("span", { className: "flex flex-wrap items-center gap-1", children: items.map((item, i) => /* @__PURE__ */ jsx12("span", { className: "inline-flex items-center rounded-md border border-border bg-muted px-1.5 py-0.5 text-xs", children: item }, `${item}-${i}`)) });
+      return /* @__PURE__ */ jsx13("span", { className: "flex flex-wrap items-center gap-1", children: items.map((item, i) => /* @__PURE__ */ jsx13("span", { className: "inline-flex items-center rounded-md border border-border bg-muted px-1.5 py-0.5 text-xs", children: item }, `${item}-${i}`)) });
     }
     case "rating":
-      return numberOf(raw) === null ? void 0 : /* @__PURE__ */ jsx12(RatingStars, { value: raw, max: format.options?.ratingMax ?? 5 });
+      return numberOf(raw) === null ? void 0 : /* @__PURE__ */ jsx13(RatingStars, { value: raw, max: format.options?.ratingMax ?? 5 });
     default:
       return void 0;
   }
@@ -2463,21 +2703,11 @@ function FormattedValue({
   const score = numberOf(value);
   const max = format.options?.ratingMax ?? 5;
   if (def?.id === "rating" && onRate && (value === null || value === void 0 || value === "" || score !== null && score >= 0 && score <= max)) {
-    return /* @__PURE__ */ jsx12(RatingStars, { value, max: format.options?.ratingMax ?? 5, onRate, selectFirst });
+    return /* @__PURE__ */ jsx13(RatingStars, { value, max: format.options?.ratingMax ?? 5, onRate, selectFirst });
   }
   const result = formatFieldValue2(value, format);
-  if (!result.ok || result.empty || !def?.rich) return /* @__PURE__ */ jsx12(FormattedCell, { result });
-  return rich(def.id, result.text, value, format) ?? /* @__PURE__ */ jsx12(FormattedCell, { result });
-}
-function formatPhone(raw) {
-  const text = raw.trim();
-  const digits = text.replace(/\D/g, "");
-  if (/[a-z]/i.test(text.replace(/ext\.?|x/gi, ""))) return text;
-  if (digits.length === 10 && !text.startsWith("+")) return `(${digits.slice(0, 3)}) ${digits.slice(3, 6)}-${digits.slice(6)}`;
-  if (digits.length === 11 && digits.startsWith("1") && (text.startsWith("+1") || text.startsWith("1") || !text.startsWith("+"))) {
-    return `+1 (${digits.slice(1, 4)}) ${digits.slice(4, 7)}-${digits.slice(7)}`;
-  }
-  return text;
+  if (!result.ok || result.empty || !def?.rich) return /* @__PURE__ */ jsx13(FormattedCell, { result });
+  return rich(def.id, result.text, value, format) ?? /* @__PURE__ */ jsx13(FormattedCell, { result });
 }
 function linkChipText(raw) {
   try {
@@ -2491,7 +2721,7 @@ function linkChipText(raw) {
 }
 
 // src/formatControls.tsx
-import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 var TYPED_NUMBERS = /* @__PURE__ */ new Set(["currency", "percent", "progress", "decimal", "duration", "file_size", "integer"]);
 function scaled(format) {
   return (format.id === "percent" || format.id === "progress") && format.options?.percentScale === "fraction";
@@ -2508,13 +2738,13 @@ function keptValue(format, raw) {
   return parsed;
 }
 function NumberInFormat({ format, value, onChange, disabled, id }) {
-  const [text, setText] = useState10(() => typedText(format, value));
+  const [text, setText] = useState11(() => typedText(format, value));
   const lastSent = useRef8(void 0);
   useEffect8(() => {
     if (value === lastSent.current) return;
     setText(typedText(format, value));
   }, [value, format]);
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     BasicInput5,
     {
       id,
@@ -2539,16 +2769,16 @@ function formatControl(args) {
   const text = value === null || value === void 0 ? "" : String(value);
   const commit = (raw) => onChange(raw === "" ? null : parseFieldInput(raw, format));
   if (def.id === "rating") {
-    return disabled ? /* @__PURE__ */ jsx13(RatingStars, { value, max: format.options?.ratingMax ?? 5, label }) : /* @__PURE__ */ jsx13("span", { id, className: "inline-flex", children: /* @__PURE__ */ jsx13(RatingStars, { value, max: format.options?.ratingMax ?? 5, label, onRate: (n) => onChange(n) }) });
+    return disabled ? /* @__PURE__ */ jsx14(RatingStars, { value, max: format.options?.ratingMax ?? 5, label }) : /* @__PURE__ */ jsx14("span", { id, className: "inline-flex", children: /* @__PURE__ */ jsx14(RatingStars, { value, max: format.options?.ratingMax ?? 5, label, onRate: (n) => onChange(n) }) });
   }
-  if (TYPED_NUMBERS.has(def.id)) return /* @__PURE__ */ jsx13(NumberInFormat, { ...args });
+  if (TYPED_NUMBERS.has(def.id)) return /* @__PURE__ */ jsx14(NumberInFormat, { ...args });
   switch (def.editor) {
     // A TIME OF DAY is not this file's: `FieldControl` draws the typed box and its helper
     // (`TypedWordsControl`), never the browser's time control (grids review 3, 2026-09-30).
     case "email":
     case "url":
     case "tel":
-      return /* @__PURE__ */ jsx13(
+      return /* @__PURE__ */ jsx14(
         BasicInput5,
         {
           id,
@@ -2560,8 +2790,8 @@ function formatControl(args) {
         }
       );
     case "color":
-      return /* @__PURE__ */ jsxs11("span", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx13(
+      return /* @__PURE__ */ jsxs12("span", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx14(
           BasicInput5,
           {
             id: `${id}-swatch`,
@@ -2573,20 +2803,20 @@ function formatControl(args) {
             onChange: (e) => commit(e.target.value)
           }
         ),
-        /* @__PURE__ */ jsx13(BasicInput5, { id, value: text, placeholder: "#3b82f6", disabled, onChange: (e) => commit(e.target.value) })
+        /* @__PURE__ */ jsx14(BasicInput5, { id, value: text, placeholder: "#3b82f6", disabled, onChange: (e) => commit(e.target.value) })
       ] });
     case "textarea":
-      return /* @__PURE__ */ jsx13(BasicTextarea, { id, rows: 4, value: text, disabled, onChange: (e) => commit(e.target.value) });
+      return /* @__PURE__ */ jsx14(BasicTextarea, { id, rows: 4, value: text, disabled, onChange: (e) => commit(e.target.value) });
     default:
       return null;
   }
 }
 
 // src/typedDateHelper.tsx
-import { useState as useState11 } from "react";
-import { Popover as Popover3, PopoverContent as PopoverContent3, PopoverTrigger as PopoverTrigger3, cn as cn10 } from "@ai-matrx/design-system";
+import { useState as useState12 } from "react";
+import { Popover as Popover3, PopoverContent as PopoverContent3, PopoverTrigger as PopoverTrigger3, cn as cn11 } from "@ai-matrx/design-system";
 import { readTypedDate, readTypedTime, typedDateText, typedTimeText } from "@ai-matrx/records";
-import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 var WEEK = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
 var MONTHS = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
 function pad(n) {
@@ -2615,23 +2845,23 @@ function wordsFor(kind, day, time) {
 }
 var keepFocus = { onMouseDown: (e) => e.preventDefault(), tabIndex: -1 };
 function CalendarGlyph() {
-  return /* @__PURE__ */ jsxs12("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", width: "14", height: "14", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-    /* @__PURE__ */ jsx14("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2" }),
-    /* @__PURE__ */ jsx14("path", { d: "M16 2v4M8 2v4M3 10h18" })
+  return /* @__PURE__ */ jsxs13("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", width: "14", height: "14", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx15("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2" }),
+    /* @__PURE__ */ jsx15("path", { d: "M16 2v4M8 2v4M3 10h18" })
   ] });
 }
 function ClockGlyph() {
-  return /* @__PURE__ */ jsxs12("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", width: "14", height: "14", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-    /* @__PURE__ */ jsx14("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ jsx14("path", { d: "M12 6v6l4 2" })
+  return /* @__PURE__ */ jsxs13("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", width: "14", height: "14", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx15("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ jsx15("path", { d: "M12 6v6l4 2" })
   ] });
 }
 function TypedDateHelper({ kind, text, onText, label }) {
-  const [open, setOpen] = useState11(false);
+  const [open, setOpen] = useState12(false);
   const held = readBox(text, kind);
   const today = /* @__PURE__ */ new Date();
   const start = held.day ? new Date(Number(held.day.slice(0, 4)), Number(held.day.slice(5, 7)) - 1, 1) : new Date(today.getFullYear(), today.getMonth(), 1);
-  const [month, setMonth] = useState11(null);
+  const [month, setMonth] = useState12(null);
   const shown2 = month ?? { y: start.getFullYear(), m: start.getMonth() };
   const first = new Date(shown2.y, shown2.m, 1).getDay();
   const days = new Date(shown2.y, shown2.m + 1, 0).getDate();
@@ -2652,8 +2882,8 @@ function TypedDateHelper({ kind, text, onText, label }) {
     const at = new Date(shown2.y, shown2.m + by, 1);
     setMonth({ y: at.getFullYear(), m: at.getMonth() });
   };
-  return /* @__PURE__ */ jsxs12(Popover3, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx14(PopoverTrigger3, { asChild: true, children: /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsxs13(Popover3, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx15(PopoverTrigger3, { asChild: true, children: /* @__PURE__ */ jsx15(
       "button",
       {
         type: "button",
@@ -2662,10 +2892,10 @@ function TypedDateHelper({ kind, text, onText, label }) {
         "aria-label": kind === "time" ? `Pick a time for ${label}` : `Pick a date for ${label}`,
         title: kind === "time" ? "Pick a time" : "Pick a date",
         className: "inline-flex h-7 w-7 shrink-0 items-center justify-center rounded text-muted-foreground hover:bg-muted hover:text-foreground",
-        children: kind === "time" ? /* @__PURE__ */ jsx14(ClockGlyph, {}) : /* @__PURE__ */ jsx14(CalendarGlyph, {})
+        children: kind === "time" ? /* @__PURE__ */ jsx15(ClockGlyph, {}) : /* @__PURE__ */ jsx15(CalendarGlyph, {})
       }
     ) }),
-    /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsx15(
       PopoverContent3,
       {
         sizing: "content",
@@ -2675,29 +2905,29 @@ function TypedDateHelper({ kind, text, onText, label }) {
         "data-records-date-helper-panel": "",
         onOpenAutoFocus: (e) => e.preventDefault(),
         onCloseAutoFocus: (e) => e.preventDefault(),
-        children: /* @__PURE__ */ jsxs12("div", { className: "flex gap-2", children: [
-          kind === "time" ? null : /* @__PURE__ */ jsxs12("div", { className: "flex flex-col gap-1", role: "grid", "aria-label": `${MONTHS[shown2.m]} ${shown2.y}`, children: [
-            /* @__PURE__ */ jsxs12("div", { className: "flex items-center justify-between text-xs font-medium", children: [
-              /* @__PURE__ */ jsx14("button", { type: "button", ...keepFocus, "aria-label": "Previous month", className: "rounded px-1.5 hover:bg-muted", onClick: () => turn(-1), children: "\u2039" }),
-              /* @__PURE__ */ jsxs12("span", { children: [
+        children: /* @__PURE__ */ jsxs13("div", { className: "flex gap-2", children: [
+          kind === "time" ? null : /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-1", role: "grid", "aria-label": `${MONTHS[shown2.m]} ${shown2.y}`, children: [
+            /* @__PURE__ */ jsxs13("div", { className: "flex items-center justify-between text-xs font-medium", children: [
+              /* @__PURE__ */ jsx15("button", { type: "button", ...keepFocus, "aria-label": "Previous month", className: "rounded px-1.5 hover:bg-muted", onClick: () => turn(-1), children: "\u2039" }),
+              /* @__PURE__ */ jsxs13("span", { children: [
                 MONTHS[shown2.m],
                 " ",
                 shown2.y
               ] }),
-              /* @__PURE__ */ jsx14("button", { type: "button", ...keepFocus, "aria-label": "Next month", className: "rounded px-1.5 hover:bg-muted", onClick: () => turn(1), children: "\u203A" })
+              /* @__PURE__ */ jsx15("button", { type: "button", ...keepFocus, "aria-label": "Next month", className: "rounded px-1.5 hover:bg-muted", onClick: () => turn(1), children: "\u203A" })
             ] }),
-            /* @__PURE__ */ jsxs12("div", { className: "grid grid-cols-7 gap-0.5 text-center text-[11px]", children: [
-              WEEK.map((w) => /* @__PURE__ */ jsx14("span", { className: "text-muted-foreground", children: w }, w)),
+            /* @__PURE__ */ jsxs13("div", { className: "grid grid-cols-7 gap-0.5 text-center text-[11px]", children: [
+              WEEK.map((w) => /* @__PURE__ */ jsx15("span", { className: "text-muted-foreground", children: w }, w)),
               cells.map((d, i) => {
-                if (d === null) return /* @__PURE__ */ jsx14("span", {}, `blank-${i}`);
+                if (d === null) return /* @__PURE__ */ jsx15("span", {}, `blank-${i}`);
                 const key = `${shown2.y}-${pad(shown2.m + 1)}-${pad(d)}`;
-                return /* @__PURE__ */ jsx14(
+                return /* @__PURE__ */ jsx15(
                   "button",
                   {
                     type: "button",
                     ...keepFocus,
                     "data-records-date-helper-day": key,
-                    className: cn10(
+                    className: cn11(
                       "h-6 w-6 rounded tabular-nums hover:bg-muted",
                       key === held.day ? "bg-primary text-primary-foreground hover:bg-primary" : "",
                       key === todayKey && key !== held.day ? "ring-1 ring-ring" : ""
@@ -2710,13 +2940,13 @@ function TypedDateHelper({ kind, text, onText, label }) {
               })
             ] })
           ] }),
-          kind === "date" ? null : /* @__PURE__ */ jsx14("div", { className: "flex max-h-48 flex-col overflow-y-auto pr-1 text-[11px]", "aria-label": "Times", children: times.map((t) => /* @__PURE__ */ jsx14(
+          kind === "date" ? null : /* @__PURE__ */ jsx15("div", { className: "flex max-h-48 flex-col overflow-y-auto pr-1 text-[11px]", "aria-label": "Times", children: times.map((t) => /* @__PURE__ */ jsx15(
             "button",
             {
               type: "button",
               ...keepFocus,
               "data-records-date-helper-time": `${pad(t.h)}:${pad(t.m)}`,
-              className: cn10(
+              className: cn11(
                 "whitespace-nowrap rounded px-2 py-0.5 text-left tabular-nums hover:bg-muted",
                 held.time && held.time.h === t.h && held.time.m === t.m ? "bg-primary text-primary-foreground" : ""
               ),
@@ -2732,8 +2962,8 @@ function TypedDateHelper({ kind, text, onText, label }) {
 }
 
 // src/choiceNudge.ts
-import { useEffect as useEffect9, useState as useState12 } from "react";
-import { useOptionalRecordsClient as useOptionalRecordsClient5 } from "@ai-matrx/records/react";
+import { useEffect as useEffect9, useState as useState13 } from "react";
+import { useOptionalRecordsClient as useOptionalRecordsClient6 } from "@ai-matrx/records/react";
 var asked = /* @__PURE__ */ new WeakMap();
 function choiceNudgeOf(client) {
   let answer = asked.get(client);
@@ -2747,8 +2977,8 @@ function choiceNudgeOf(client) {
   return answer;
 }
 function useChoiceNudge(enabled = true) {
-  const client = useOptionalRecordsClient5();
-  const [nudge, setNudge] = useState12(null);
+  const client = useOptionalRecordsClient6();
+  const [nudge, setNudge] = useState13(null);
   useEffect9(() => {
     if (!enabled || !client) return;
     let live = true;
@@ -2763,65 +2993,8 @@ function useChoiceNudge(enabled = true) {
   return nudge;
 }
 
-// src/choiceLooks.ts
-import {
-  CHOICE_CHIP_CLASS,
-  NEUTRAL_CHIP_CLASS,
-  STYLE_COLORS as STYLE_COLORS2
-} from "@ai-matrx/design-system/data-table";
-function displayFormatOf(field) {
-  const raw = field.display_format;
-  if (!raw || typeof raw !== "object") return null;
-  const id = raw.id;
-  if (typeof id !== "string" || id === "") return null;
-  const options = raw.options;
-  return { id, options: options && typeof options === "object" ? options : {} };
-}
-function isStyleColor(v) {
-  return typeof v === "string" && STYLE_COLORS2.includes(v);
-}
-function choiceLooksOf(field) {
-  const display = displayFormatOf(field);
-  const choices = display?.options["choices"];
-  if (!Array.isArray(choices)) return [];
-  const out = [];
-  for (const c of choices) {
-    if (!c || typeof c !== "object") continue;
-    const value = c.value;
-    if (typeof value !== "string" || value.trim() === "") continue;
-    const color = c.color;
-    const label = c.label;
-    out.push({
-      value: value.trim(),
-      ...typeof label === "string" && label.trim() !== "" ? { label: label.trim() } : {},
-      ...isStyleColor(color) ? { color } : {}
-    });
-  }
-  return out;
-}
-function choiceWord(value) {
-  return String(value ?? "").trim().toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, "");
-}
-function storedChoiceColor(field, value) {
-  if (value === null || value === void 0 || value === "") return void 0;
-  const word = choiceWord(value);
-  if (word === "") return void 0;
-  for (const look of choiceLooksOf(field)) {
-    if (!look.color) continue;
-    if (choiceWord(look.value) === word || look.label && choiceWord(look.label) === word) return look.color;
-  }
-  return void 0;
-}
-function choiceChipLookOf(field, ...words) {
-  for (const word of words) {
-    const color = storedChoiceColor(field, word);
-    if (color) return { className: CHOICE_CHIP_CLASS[color], color };
-  }
-  return { className: NEUTRAL_CHIP_CLASS, color: null };
-}
-
 // src/editors.tsx
-import { Fragment as Fragment4, jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
 var CHOICE_EDITOR_ADDS_WHAT_IS_TYPED = true;
 function isChoiceAddition(value) {
   return typeof value === "object" && value !== null && value.addingChoices === true;
@@ -2851,12 +3024,12 @@ function ChoiceAskButtons({
   onCancel,
   busy
 }) {
-  return /* @__PURE__ */ jsxs13("span", { "data-records-choice-ask": "", role: "group", "aria-label": choiceAskSentence(field, words), className: "flex flex-col gap-1", children: [
-    /* @__PURE__ */ jsx15("span", { className: "text-[11px] leading-snug", children: choiceAskSentence(field, words) }),
-    /* @__PURE__ */ jsxs13("span", { className: "flex flex-wrap items-center gap-1", children: [
-      /* @__PURE__ */ jsx15(Button8, { type: "button", size: "sm", className: "h-6 px-2 text-xs", disabled: busy ?? false, onClick: onAdd, children: "Add" }),
-      keepOffered ? /* @__PURE__ */ jsx15(Button8, { type: "button", size: "sm", variant: "outline", className: "h-6 px-2 text-xs", disabled: busy ?? false, onClick: onKeep, children: "Keep as typed" }) : null,
-      /* @__PURE__ */ jsx15(Button8, { type: "button", size: "sm", variant: "ghost", className: "h-6 px-2 text-xs", disabled: busy ?? false, onClick: onCancel, children: "Cancel" })
+  return /* @__PURE__ */ jsxs14("span", { "data-records-choice-ask": "", role: "group", "aria-label": choiceAskSentence(field, words), className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ jsx16("span", { className: "text-[11px] leading-snug", children: choiceAskSentence(field, words) }),
+    /* @__PURE__ */ jsxs14("span", { className: "flex flex-wrap items-center gap-1", children: [
+      /* @__PURE__ */ jsx16(Button8, { type: "button", size: "sm", className: "h-6 px-2 text-xs", disabled: busy ?? false, onClick: onAdd, children: "Add" }),
+      keepOffered ? /* @__PURE__ */ jsx16(Button8, { type: "button", size: "sm", variant: "outline", className: "h-6 px-2 text-xs", disabled: busy ?? false, onClick: onKeep, children: "Keep as typed" }) : null,
+      /* @__PURE__ */ jsx16(Button8, { type: "button", size: "sm", variant: "ghost", className: "h-6 px-2 text-xs", disabled: busy ?? false, onClick: onCancel, children: "Cancel" })
     ] })
   ] });
 }
@@ -2939,11 +3112,11 @@ function openingText(field, value) {
   return format ? typedText(format, value) : String(value);
 }
 function TypedTextControl({ field, value, onChange, disabled, id, onCommit, onCancel }) {
-  const client = useOptionalRecordsClient6();
+  const client = useOptionalRecordsClient7();
   const kind = String(editorKindFor(field));
   const needsChoices = kind === "select" || kind === "multi_select";
   const nudge = useChoiceNudge(needsChoices);
-  const [choices, setChoices] = useState13(null);
+  const [choices, setChoices] = useState14(null);
   useEffect10(() => {
     if (!needsChoices || !client) return;
     let cancelled = false;
@@ -2966,7 +3139,7 @@ function TypedTextControl({ field, value, onChange, disabled, id, onCommit, onCa
     judged: judgeTyped(field, text, needsChoices ? choices : void 0, needsChoices ? nudge : void 0),
     ...value.openedAs !== void 0 ? { openedAs: value.openedAs } : {}
   });
-  const box = /* @__PURE__ */ jsx15(
+  const box = /* @__PURE__ */ jsx16(
     BasicInput6,
     {
       id,
@@ -2978,16 +3151,16 @@ function TypedTextControl({ field, value, onChange, disabled, id, onCommit, onCa
       onChange: (e) => retype(e.target.value)
     }
   );
-  return /* @__PURE__ */ jsxs13("span", { className: "flex flex-col gap-0.5", children: [
-    helper && !disabled ? /* @__PURE__ */ jsxs13("span", { className: "flex min-w-0 items-center gap-0.5", children: [
+  return /* @__PURE__ */ jsxs14("span", { className: "flex flex-col gap-0.5", children: [
+    helper && !disabled ? /* @__PURE__ */ jsxs14("span", { className: "flex min-w-0 items-center gap-0.5", children: [
       box,
-      /* @__PURE__ */ jsx15(TypedDateHelper, { kind: helper, text: value.text, onText: retype, label: fieldName(field) })
+      /* @__PURE__ */ jsx16(TypedDateHelper, { kind: helper, text: value.text, onText: retype, label: fieldName(field) })
     ] }) : box,
-    judged === null ? /* @__PURE__ */ jsxs13("span", { className: "text-[10px] text-muted-foreground", children: [
+    judged === null ? /* @__PURE__ */ jsxs14("span", { className: "text-[10px] text-muted-foreground", children: [
       "Reading ",
       fieldName(field),
       "'s choices\u2026"
-    ] }) : "ask" in judged ? /* @__PURE__ */ jsx15(
+    ] }) : "ask" in judged ? /* @__PURE__ */ jsx16(
       ChoiceAskButtons,
       {
         field,
@@ -3003,10 +3176,10 @@ function TypedTextControl({ field, value, onChange, disabled, id, onCommit, onCa
         },
         onCancel: () => onCancel?.()
       }
-    ) : "refusal" in judged ? /* @__PURE__ */ jsxs13("span", { className: "flex flex-col gap-1", children: [
-      /* @__PURE__ */ jsx15("span", { "data-records-typed-refusal": "", role: "status", className: "text-[11px] leading-snug text-amber-700 dark:text-amber-400", children: judged.refusal }),
-      judged.cancelOnly && onCancel ? /* @__PURE__ */ jsx15("span", { "data-records-choice-ask": "", children: /* @__PURE__ */ jsx15(Button8, { type: "button", size: "sm", variant: "ghost", className: "h-6 px-2 text-xs", onClick: () => onCancel(), children: "Cancel" }) }) : null
-    ] }) : judged.value === null || judged.value === void 0 ? null : /* @__PURE__ */ jsxs13("span", { "data-records-typed-reads-as": "", className: "text-[10px] text-muted-foreground", children: [
+    ) : "refusal" in judged ? /* @__PURE__ */ jsxs14("span", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx16("span", { "data-records-typed-refusal": "", role: "status", className: "text-[11px] leading-snug text-amber-700 dark:text-amber-400", children: judged.refusal }),
+      judged.cancelOnly && onCancel ? /* @__PURE__ */ jsx16("span", { "data-records-choice-ask": "", children: /* @__PURE__ */ jsx16(Button8, { type: "button", size: "sm", variant: "ghost", className: "h-6 px-2 text-xs", onClick: () => onCancel(), children: "Cancel" }) }) : null
+    ] }) : judged.value === null || judged.value === void 0 ? null : /* @__PURE__ */ jsxs14("span", { "data-records-typed-reads-as": "", className: "text-[10px] text-muted-foreground", children: [
       isChoiceAddition(judged.value) ? `Adds ${quoted(judged.value.add)} to the choices for ${fieldName(field)}. ` : null,
       "Reads as",
       " ",
@@ -3017,7 +3190,7 @@ function TypedTextControl({ field, value, onChange, disabled, id, onCommit, onCa
         }).join(", ")
       ) : (() => {
         const shown2 = format ?? (kind === "datetime" ? { id: carriesTimeOfDay(field, judged.value) ? "datetime" : "date" } : void 0);
-        return shown2 ? /* @__PURE__ */ jsx15(FormattedValue, { value: judged.value, format: shown2 }) : String(judged.value);
+        return shown2 ? /* @__PURE__ */ jsx16(FormattedValue, { value: judged.value, format: shown2 }) : String(judged.value);
       })()
     ] })
   ] });
@@ -3030,13 +3203,13 @@ function FieldControl({ field, value, onChange, disabled, id, autoOpen, onClose,
   const host = useRecordsUi();
   const kind = editorKindFor(field);
   const inputId = id ?? `field-${field.key}`;
-  const ownDetails = useOptionalRecordsClient6() === null;
-  if (isTypedDraft(value)) return /* @__PURE__ */ jsx15(TypedTextControl, { field, value, onChange, disabled, id: inputId, onCommit, onCancel });
-  if (isSignatureField(field)) return /* @__PURE__ */ jsx15(SignaturePad, { id: inputId, value, onChange, disabled });
+  const ownDetails = useOptionalRecordsClient7() === null;
+  if (isTypedDraft(value)) return /* @__PURE__ */ jsx16(TypedTextControl, { field, value, onChange, disabled, id: inputId, onCommit, onCancel });
+  if (isSignatureField(field)) return /* @__PURE__ */ jsx16(SignaturePad, { id: inputId, value, onChange, disabled });
   const newerControl = newerKindControl({ field, value, onChange, disabled, id: inputId });
   if (newerControl !== void 0) return newerControl;
   const format = formatForField(field);
-  if (format && format.id === "time") return /* @__PURE__ */ jsx15(TypedWordsControl, { field, value, onChange, disabled, id: inputId });
+  if (format && format.id === "time") return /* @__PURE__ */ jsx16(TypedWordsControl, { field, value, onChange, disabled, id: inputId });
   if (format && !FORMAT_BLIND_KINDS.has(String(kind))) {
     const own3 = formatControl({ format, value, onChange, disabled, id: inputId, label: fieldName(field), ownDetails });
     if (own3) return own3;
@@ -3045,17 +3218,17 @@ function FieldControl({ field, value, onChange, disabled, id, autoOpen, onClose,
     case "formula":
     case "lookup":
     case "rollup":
-      return /* @__PURE__ */ jsxs13("div", { id: inputId, className: "rounded border border-dashed px-2 py-1.5 text-xs text-muted-foreground", children: [
+      return /* @__PURE__ */ jsxs14("div", { id: inputId, className: "rounded border border-dashed px-2 py-1.5 text-xs text-muted-foreground", children: [
         value === null || value === void 0 ? "\u2014" : String(value),
-        /* @__PURE__ */ jsxs13("span", { className: "ml-2 italic", children: [
+        /* @__PURE__ */ jsxs14("span", { className: "ml-2 italic", children: [
           fieldName(field),
           " is worked out by the system, so it cannot be typed in"
         ] })
       ] });
     case "json":
-      return /* @__PURE__ */ jsx15(JsonControl, { field, value, onChange, disabled, id: inputId });
+      return /* @__PURE__ */ jsx16(JsonControl, { field, value, onChange, disabled, id: inputId });
     case "long_text":
-      return /* @__PURE__ */ jsx15(
+      return /* @__PURE__ */ jsx16(
         BasicTextarea2,
         {
           id: inputId,
@@ -3068,7 +3241,7 @@ function FieldControl({ field, value, onChange, disabled, id, autoOpen, onClose,
     case "number":
     case "currency":
     case "percent":
-      return /* @__PURE__ */ jsx15(
+      return /* @__PURE__ */ jsx16(
         BasicInput6,
         {
           id: inputId,
@@ -3081,11 +3254,11 @@ function FieldControl({ field, value, onChange, disabled, id, autoOpen, onClose,
         }
       );
     case "datetime":
-      return /* @__PURE__ */ jsx15(TypedWordsControl, { field, value, onChange, disabled, id: inputId });
+      return /* @__PURE__ */ jsx16(TypedWordsControl, { field, value, onChange, disabled, id: inputId });
     case "email":
     case "phone":
     case "url":
-      return /* @__PURE__ */ jsx15(
+      return /* @__PURE__ */ jsx16(
         BasicInput6,
         {
           id: inputId,
@@ -3097,24 +3270,24 @@ function FieldControl({ field, value, onChange, disabled, id, autoOpen, onClose,
         }
       );
     case "checkbox":
-      return /* @__PURE__ */ jsx15(CheckboxControl, { field, value, onChange, disabled, id: inputId });
+      return /* @__PURE__ */ jsx16(CheckboxControl, { field, value, onChange, disabled, id: inputId });
     case "select":
     case "multi_select":
-      return /* @__PURE__ */ jsx15(OptionControl, { field, value, onChange, disabled, id: inputId, autoOpen, onClose, addsChoices, initialSearch, asForm });
+      return /* @__PURE__ */ jsx16(OptionControl, { field, value, onChange, disabled, id: inputId, autoOpen, onClose, addsChoices, initialSearch, asForm });
     case "member":
-      return /* @__PURE__ */ jsx15(PersonPicker, { field, value, onChange, disabled, id: inputId, autoOpen, onClose, initialSearch });
+      return /* @__PURE__ */ jsx16(PersonPicker, { field, value, onChange, disabled, id: inputId, autoOpen, onClose, initialSearch });
     case "entity_reference":
-      return /* @__PURE__ */ jsx15(EntityReferenceControl, { field, value, onChange, disabled, id: inputId });
+      return /* @__PURE__ */ jsx16(EntityReferenceControl, { field, value, onChange, disabled, id: inputId });
     case "attachment":
       if (hostTakesFiles(host)) {
-        return /* @__PURE__ */ jsx15(AttachmentControl, { field, value, onChange, disabled, id: inputId, autoOpen, onClose });
+        return /* @__PURE__ */ jsx16(AttachmentControl, { field, value, onChange, disabled, id: inputId, autoOpen, onClose });
       }
-      return /* @__PURE__ */ jsx15(RelationPicker, { field, value, onChange, disabled, id: inputId });
+      return /* @__PURE__ */ jsx16(RelationPicker, { field, value, onChange, disabled, id: inputId });
     case "relation":
-      return /* @__PURE__ */ jsx15(RelationPicker, { field, value, onChange, disabled, id: inputId });
+      return /* @__PURE__ */ jsx16(RelationPicker, { field, value, onChange, disabled, id: inputId });
     default:
       if (typeof value === "boolean" || field.config?.["kind"] === "boolean") {
-        return /* @__PURE__ */ jsx15(
+        return /* @__PURE__ */ jsx16(
           Checkbox,
           {
             id: inputId,
@@ -3124,7 +3297,7 @@ function FieldControl({ field, value, onChange, disabled, id, autoOpen, onClose,
           }
         );
       }
-      return /* @__PURE__ */ jsx15(
+      return /* @__PURE__ */ jsx16(
         BasicInput6,
         {
           id: inputId,
@@ -3137,8 +3310,8 @@ function FieldControl({ field, value, onChange, disabled, id, autoOpen, onClose,
   }
 }
 function TypedWordsControl({ field, value, onChange, disabled, id }) {
-  const [text, setText] = useState13(() => openingText(field, value));
-  const [refusal2, setRefusal] = useState13(null);
+  const [text, setText] = useState14(() => openingText(field, value));
+  const [refusal2, setRefusal] = useState14(null);
   const sent = useRef9(value);
   useEffect10(() => {
     if (value === sent.current) return;
@@ -3158,9 +3331,9 @@ function TypedWordsControl({ field, value, onChange, disabled, id }) {
       setRefusal(judged.refusal);
     }
   };
-  return /* @__PURE__ */ jsxs13("span", { className: "flex flex-col gap-0.5", children: [
-    /* @__PURE__ */ jsxs13("span", { className: "flex min-w-0 items-center gap-0.5", children: [
-      /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsxs14("span", { className: "flex flex-col gap-0.5", children: [
+    /* @__PURE__ */ jsxs14("span", { className: "flex min-w-0 items-center gap-0.5", children: [
+      /* @__PURE__ */ jsx16(
         BasicInput6,
         {
           id,
@@ -3177,15 +3350,15 @@ function TypedWordsControl({ field, value, onChange, disabled, id }) {
           }
         }
       ),
-      helper && !disabled ? /* @__PURE__ */ jsx15(TypedDateHelper, { kind: helper, text, onText: retype, label: fieldName(field) }) : null
+      helper && !disabled ? /* @__PURE__ */ jsx16(TypedDateHelper, { kind: helper, text, onText: retype, label: fieldName(field) }) : null
     ] }),
-    refusal2 ? /* @__PURE__ */ jsx15("span", { "data-records-typed-refusal": "", role: "status", className: "text-[11px] leading-snug text-amber-700 dark:text-amber-400", children: refusal2 }) : null
+    refusal2 ? /* @__PURE__ */ jsx16("span", { "data-records-typed-refusal": "", role: "status", className: "text-[11px] leading-snug text-amber-700 dark:text-amber-400", children: refusal2 }) : null
   ] });
 }
 function CheckboxControl({ field, value, onChange, disabled, id }) {
   const unanswered = value === null || value === void 0;
-  return /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsx16(
       Checkbox,
       {
         id,
@@ -3195,9 +3368,9 @@ function CheckboxControl({ field, value, onChange, disabled, id }) {
         onCheckedChange: (next) => onChange(next === true)
       }
     ),
-    unanswered ? /* @__PURE__ */ jsx15("span", { className: "text-xs italic text-muted-foreground", children: "not answered yet" }) : /* @__PURE__ */ jsxs13(Fragment4, { children: [
-      /* @__PURE__ */ jsx15("span", { className: "text-xs text-muted-foreground", children: value === true ? "Yes" : "No" }),
-      field.required ? null : /* @__PURE__ */ jsx15(
+    unanswered ? /* @__PURE__ */ jsx16("span", { className: "text-xs italic text-muted-foreground", children: "not answered yet" }) : /* @__PURE__ */ jsxs14(Fragment4, { children: [
+      /* @__PURE__ */ jsx16("span", { className: "text-xs text-muted-foreground", children: value === true ? "Yes" : "No" }),
+      field.required ? null : /* @__PURE__ */ jsx16(
         Button8,
         {
           size: "sm",
@@ -3213,10 +3386,10 @@ function CheckboxControl({ field, value, onChange, disabled, id }) {
 }
 function JsonControl({ field, value, onChange, disabled, id }) {
   const initial = value === null || value === void 0 ? "" : typeof value === "string" ? value : JSON.stringify(value, null, 2);
-  const [text, setText] = useState13(initial);
-  const [broken, setBroken] = useState13(null);
-  return /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-1", children: [
-    /* @__PURE__ */ jsx15(
+  const [text, setText] = useState14(initial);
+  const [broken, setBroken] = useState14(null);
+  return /* @__PURE__ */ jsxs14("div", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ jsx16(
       BasicTextarea2,
       {
         id,
@@ -3250,7 +3423,7 @@ function JsonControl({ field, value, onChange, disabled, id }) {
     ),
     broken ? (
       // The typed text is still in the box: the notice owns the two doors out.
-      /* @__PURE__ */ jsx15(
+      /* @__PURE__ */ jsx16(
         RefusalNotice,
         {
           error: broken,
@@ -3274,10 +3447,10 @@ function inTheStoresOrder(options) {
   return [...options].sort((a, b) => position(a) - position(b) || made(a).localeCompare(made(b)));
 }
 function OptionControl({ field, value, onChange, disabled, id, autoOpen, onClose, addsChoices, initialSearch, asForm }) {
-  const client = useOptionalRecordsClient6();
-  const [options, setOptions] = useState13(null);
-  const [refusal2, setRefusal] = useState13(null);
-  const [reread, setReread] = useState13(0);
+  const client = useOptionalRecordsClient7();
+  const [options, setOptions] = useState14(null);
+  const [refusal2, setRefusal] = useState14(null);
+  const [reread, setReread] = useState14(0);
   useEffect10(() => {
     if (!client) return;
     let cancelled = false;
@@ -3292,11 +3465,11 @@ function OptionControl({ field, value, onChange, disabled, id, autoOpen, onClose
   }, [client, field.id, reread]);
   const handed = publicChoicesOf(field);
   if (!client && handed.length > 0) {
-    return /* @__PURE__ */ jsx15(ChoiceAnswer, { field, choices: handed, value, onChange, disabled, id });
+    return /* @__PURE__ */ jsx16(ChoiceAnswer, { field, choices: handed, value, onChange, disabled, id });
   }
   if (!client) {
-    return /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-1", children: [
-      /* @__PURE__ */ jsx15(
+    return /* @__PURE__ */ jsxs14("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx16(
         BasicInput6,
         {
           id,
@@ -3305,15 +3478,15 @@ function OptionControl({ field, value, onChange, disabled, id, autoOpen, onClose
           onChange: (e) => onChange(e.target.value === "" ? null : e.target.value)
         }
       ),
-      /* @__PURE__ */ jsx15("p", { className: "text-xs text-muted-foreground", children: "This is normally picked from a list. A page answered without an account cannot read that list, so type your answer and whoever receives it will match it up." })
+      /* @__PURE__ */ jsx16("p", { className: "text-xs text-muted-foreground", children: "This is normally picked from a list. A page answered without an account cannot read that list, so type your answer and whoever receives it will match it up." })
     ] });
   }
   if (refusal2)
-    return /* @__PURE__ */ jsx15("div", { id, children: /* @__PURE__ */ jsx15(RefusalLine, { error: refusal2 }) });
-  if (!options) return /* @__PURE__ */ jsx15("p", { id, className: "text-xs text-muted-foreground", children: "Reading this field's choices\u2026" });
+    return /* @__PURE__ */ jsx16("div", { id, children: /* @__PURE__ */ jsx16(RefusalLine, { error: refusal2 }) });
+  if (!options) return /* @__PURE__ */ jsx16("p", { id, className: "text-xs text-muted-foreground", children: "Reading this field's choices\u2026" });
   if (asForm && options.length > 0) {
     const titled = (option) => recordName(option.data, null, "Unnamed choice");
-    return /* @__PURE__ */ jsx15(
+    return /* @__PURE__ */ jsx16(
       ChoiceAnswer,
       {
         field,
@@ -3330,7 +3503,7 @@ function OptionControl({ field, value, onChange, disabled, id, autoOpen, onClose
     );
   }
   if (CHOICE_EDITOR_ADDS_WHAT_IS_TYPED) {
-    return /* @__PURE__ */ jsx15(
+    return /* @__PURE__ */ jsx16(
       OpenChoicePicker,
       {
         field,
@@ -3349,13 +3522,13 @@ function OptionControl({ field, value, onChange, disabled, id, autoOpen, onClose
     );
   }
   if (options.length === 0) {
-    return /* @__PURE__ */ jsx15("p", { id, className: "text-xs text-muted-foreground", children: field.options_table_id ? `${fieldName(field)} takes its choices from a Table that has no records yet \u2014 add the choices there and they appear here.` : `${fieldName(field)} does not name the Table its choices come from yet, so there is nothing to choose. A table admin sets it in the field editor.` });
+    return /* @__PURE__ */ jsx16("p", { id, className: "text-xs text-muted-foreground", children: field.options_table_id ? `${fieldName(field)} takes its choices from a Table that has no records yet \u2014 add the choices there and they appear here.` : `${fieldName(field)} does not name the Table its choices come from yet, so there is nothing to choose. A table admin sets it in the field editor.` });
   }
   const titleOf = (option) => recordName(option.data, null, "Unnamed choice");
   if (field.multi) {
     const chosen = options.filter((option) => choiceValuesOf(value).some((v) => isTheChosen(option, v)));
     const picked = new Set(chosen.map((option) => optionKey2(option)));
-    const toggles = /* @__PURE__ */ jsx15("div", { id: autoOpen ? void 0 : id, className: "flex flex-wrap gap-1", children: options.map((option) => /* @__PURE__ */ jsx15(
+    const toggles = /* @__PURE__ */ jsx16("div", { id: autoOpen ? void 0 : id, className: "flex flex-wrap gap-1", children: options.map((option) => /* @__PURE__ */ jsx16(
       Button8,
       {
         type: "button",
@@ -3373,7 +3546,7 @@ function OptionControl({ field, value, onChange, disabled, id, autoOpen, onClose
       option.id
     )) });
     if (!autoOpen) return toggles;
-    return /* @__PURE__ */ jsxs13(
+    return /* @__PURE__ */ jsxs14(
       Popover4,
       {
         defaultOpen: true,
@@ -3381,15 +3554,15 @@ function OptionControl({ field, value, onChange, disabled, id, autoOpen, onClose
           if (!open) onClose?.();
         },
         children: [
-          /* @__PURE__ */ jsx15(PopoverTrigger4, { asChild: true, children: /* @__PURE__ */ jsx15(Button8, { id, type: "button", size: "sm", variant: "outline", className: "h-6 max-w-full truncate", children: chosen.length === 0 ? "Choose" : chosen.map(titleOf).join(", ") }) }),
-          /* @__PURE__ */ jsx15(PopoverContent4, { sizing: "content", className: "max-w-[20rem] p-2", align: "start", children: toggles })
+          /* @__PURE__ */ jsx16(PopoverTrigger4, { asChild: true, children: /* @__PURE__ */ jsx16(Button8, { id, type: "button", size: "sm", variant: "outline", className: "h-6 max-w-full truncate", children: chosen.length === 0 ? "Choose" : chosen.map(titleOf).join(", ") }) }),
+          /* @__PURE__ */ jsx16(PopoverContent4, { sizing: "content", className: "max-w-[20rem] p-2", align: "start", children: toggles })
         ]
       }
     );
   }
   const current = options.find((option) => isTheChosen(option, value));
-  return /* @__PURE__ */ jsxs13(
-    Select,
+  return /* @__PURE__ */ jsxs14(
+    Select2,
     {
       value: current ? optionKey2(current) : "",
       disabled: disabled ?? false,
@@ -3402,8 +3575,8 @@ function OptionControl({ field, value, onChange, disabled, id, autoOpen, onClose
         }
       } : {},
       children: [
-        /* @__PURE__ */ jsx15(SelectTrigger, { id, size: "sm", children: /* @__PURE__ */ jsx15(SelectValue, { placeholder: "Choose" }) }),
-        /* @__PURE__ */ jsx15(SelectContent, { children: options.map((option) => /* @__PURE__ */ jsx15(SelectItem, { value: optionKey2(option), children: titleOf(option) }, option.id)) })
+        /* @__PURE__ */ jsx16(SelectTrigger2, { id, size: "sm", children: /* @__PURE__ */ jsx16(SelectValue2, { placeholder: "Choose" }) }),
+        /* @__PURE__ */ jsx16(SelectContent2, { children: options.map((option) => /* @__PURE__ */ jsx16(SelectItem2, { value: optionKey2(option), children: titleOf(option) }, option.id)) })
       ]
     }
   );
@@ -3422,18 +3595,18 @@ function OpenChoicePicker({
   allowOther = true,
   onChoicesChanged
 }) {
-  const client = useOptionalRecordsClient6();
+  const client = useOptionalRecordsClient7();
   const nudge = useChoiceNudge();
-  const [open, setOpenState] = useState13(autoOpen === true);
+  const [open, setOpenState] = useState14(autoOpen === true);
   const onCloseRef = useRef9(onClose);
   onCloseRef.current = onClose;
   const setOpen = useCallback4((next) => {
     setOpenState(next);
     if (!next) onCloseRef.current?.();
   }, []);
-  const [search, setSearch] = useState13(initialSearch ?? "");
-  const [adding, setAdding] = useState13(false);
-  const [addRefused, setAddRefused] = useState13(null);
+  const [search, setSearch] = useState14(initialSearch ?? "");
+  const [adding, setAdding] = useState14(false);
+  const [addRefused, setAddRefused] = useState14(null);
   const titleOf = (option) => recordName(option.data, null, "Unnamed choice");
   const held = withoutAddition(value);
   const current = choiceValuesOf(held.value);
@@ -3485,7 +3658,7 @@ function OpenChoicePicker({
     });
   };
   const offList = q !== "" && decided.decision !== "chosen" && decided.decision !== "empty";
-  const foot = offList && decided.decision === "ask" ? /* @__PURE__ */ jsx15(
+  const foot = offList && decided.decision === "ask" ? /* @__PURE__ */ jsx16(
     ChoiceAskButtons,
     {
       field,
@@ -3502,14 +3675,14 @@ function OpenChoicePicker({
     }
   ) : null;
   const add = offList && decided.decision === "add" ? { label: `Add \u201C${q}\u201D to the choices`, onAdd: addTyped, disabled: adding } : offList && decided.decision === "keep_as_typed" ? { label: `Keep \u201C${q}\u201D as typed`, onAdd: () => choose(q) } : null;
-  return /* @__PURE__ */ jsxs13("div", { id, className: "flex flex-wrap items-center gap-1", children: [
+  return /* @__PURE__ */ jsxs14("div", { id, className: "flex flex-wrap items-center gap-1", children: [
     pickedWords.map((word, i) => {
       const chip = chipOf(options.find((o) => isTheChosen(o, current[i])), word);
-      return /* @__PURE__ */ jsx15(Badge3, { variant: "outline", className: cn11("text-[11px]", chip.className), "data-records-choice-chip": "", children: word }, word);
+      return /* @__PURE__ */ jsx16(Badge3, { variant: "outline", className: cn12("text-[11px]", chip.className), "data-records-choice-chip": "", children: word }, word);
     }),
     disabled ? null : (
       // THE ONE "PICK OR ADD" BUILDER (PickOrAdd.tsx) — the relation picker draws the same one.
-      /* @__PURE__ */ jsx15(
+      /* @__PURE__ */ jsx16(
         PickOrAdd,
         {
           triggerLabel: `Pick for ${fieldName(field)}`,
@@ -3531,15 +3704,15 @@ function OpenChoicePicker({
             const option = options.find((o) => o.id === optionId);
             if (option) choose(optionKey2(option));
           },
-          empty: q === "" ? /* @__PURE__ */ jsx15("p", { className: "p-2 text-xs text-muted-foreground", children: "No choices yet \u2014 type one to add it." }) : null,
+          empty: q === "" ? /* @__PURE__ */ jsx16("p", { className: "p-2 text-xs text-muted-foreground", children: "No choices yet \u2014 type one to add it." }) : null,
           add,
           foot,
           ...offList && decided.decision === "ask" && !adding ? { onEnterWithNoMatch: addTyped } : {},
-          footNote: addRefused ? /* @__PURE__ */ jsx15(RefusalLine, { error: addRefused }) : offList && decided.decision === "not_a_choice" ? (
+          footNote: addRefused ? /* @__PURE__ */ jsx16(RefusalLine, { error: addRefused }) : offList && decided.decision === "not_a_choice" ? (
             // never_add on a column that takes only its choices: said, never a silent nothing.
-            /* @__PURE__ */ jsxs13(Fragment4, { children: [
-              /* @__PURE__ */ jsx15("p", { "data-records-typed-refusal": "", className: "p-2 text-xs text-muted-foreground", children: notAChoiceSentence(field, [q]) }),
-              autoOpen ? /* @__PURE__ */ jsx15("span", { "data-records-choice-ask": "", className: "px-2 pb-1", children: /* @__PURE__ */ jsx15(Button8, { type: "button", size: "sm", variant: "ghost", className: "h-6 px-2 text-xs", onClick: () => setOpen(false), children: "Cancel" }) }) : null
+            /* @__PURE__ */ jsxs14(Fragment4, { children: [
+              /* @__PURE__ */ jsx16("p", { "data-records-typed-refusal": "", className: "p-2 text-xs text-muted-foreground", children: notAChoiceSentence(field, [q]) }),
+              autoOpen ? /* @__PURE__ */ jsx16("span", { "data-records-choice-ask": "", className: "px-2 pb-1", children: /* @__PURE__ */ jsx16(Button8, { type: "button", size: "sm", variant: "ghost", className: "h-6 px-2 text-xs", onClick: () => setOpen(false), children: "Cancel" }) }) : null
             ] })
           ) : null
         }
@@ -3558,9 +3731,9 @@ function RecordChip({
     // name. So it caps at its container and ends in an ellipsis with the whole name in
     // its tooltip, rather than being cut mid-word by whatever box it landed in
     // (lane FIX-14, 2026-09-22).
-    /* @__PURE__ */ jsxs13(Badge3, { variant: "secondary", className: cn11("max-w-full gap-1 text-[11px]", className), title, children: [
-      /* @__PURE__ */ jsx15("span", { className: "min-w-0 truncate", children: title }),
-      onRemove ? /* @__PURE__ */ jsx15("button", { type: "button", onClick: onRemove, "aria-label": `Remove ${title}`, className: "shrink-0 opacity-60 hover:opacity-100", children: "\xD7" }) : null
+    /* @__PURE__ */ jsxs14(Badge3, { variant: "secondary", className: cn12("max-w-full gap-1 text-[11px]", className), title, children: [
+      /* @__PURE__ */ jsx16("span", { className: "min-w-0 truncate", children: title }),
+      onRemove ? /* @__PURE__ */ jsx16("button", { type: "button", onClick: onRemove, "aria-label": `Remove ${title}`, className: "shrink-0 opacity-60 hover:opacity-100", children: "\xD7" }) : null
     ] })
   );
 }
@@ -3572,7 +3745,8 @@ function publicChoicesOf(field) {
     return typeof o.key === "string" && typeof o.label === "string" ? [{ key: o.key, label: o.label }] : [];
   });
 }
-var FORM_PILL_LIMIT = 4;
+var FORM_SEARCH_AFTER = 8;
+var CHOICE_LETTERS = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
 function ChoiceAnswer({
   field,
   choices,
@@ -3582,7 +3756,7 @@ function ChoiceAnswer({
   id,
   isChosen
 }) {
-  const [search, setSearch] = useState13("");
+  const [search, setSearch] = useState14("");
   const held = field.multi ? choiceValuesOf(value) : value === null || value === void 0 || value === "" ? [] : [value];
   const on = (choice) => held.some((v) => isChosen ? isChosen(choice, v) : String(v) === choice.key || String(v) === choice.label);
   const press = (choice) => {
@@ -3593,40 +3767,59 @@ function ChoiceAnswer({
     const keys = choices.filter((c) => c.key === choice.key ? !on(c) : on(c)).map((c) => c.key);
     onChange(keys.length === 0 ? null : keys);
   };
-  const pill = (choice) => {
+  const lettered = choices.length <= CHOICE_LETTERS.length;
+  const option = (choice) => {
     const chosen = on(choice);
-    const look = choiceChipLookOf(field, choice.key, choice.label);
-    return /* @__PURE__ */ jsxs13(
+    const letter = lettered ? CHOICE_LETTERS[choices.indexOf(choice)] : null;
+    return /* @__PURE__ */ jsxs14(
       "button",
       {
         type: "button",
         role: field.multi ? "checkbox" : "radio",
         "aria-checked": chosen,
+        "aria-label": choice.label,
         disabled,
         onClick: () => press(choice),
-        "data-records-choice-chip": "",
         "data-records-choice-answer": choice.key,
-        className: cn11(
-          "inline-flex min-h-11 max-w-full items-center gap-1 rounded-md border px-3 text-sm font-medium sm:min-h-8 sm:px-2.5 sm:text-xs",
-          look.className,
-          chosen ? "ring-2 ring-ring ring-offset-1" : "opacity-80 hover:opacity-100"
+        className: cn12(
+          "flex min-h-11 w-full items-center gap-3 rounded-md border px-3 py-2 text-left text-base font-medium text-foreground transition-colors sm:min-h-10 sm:text-sm",
+          chosen ? "border-primary bg-primary/10" : "border-primary/30 bg-primary/[0.03] hover:bg-primary/10"
         ),
         children: [
-          chosen ? /* @__PURE__ */ jsx15("span", { "aria-hidden": "true", children: "\u2713" }) : null,
-          /* @__PURE__ */ jsx15("span", { className: "truncate", children: choice.label })
+          letter ? /* @__PURE__ */ jsx16(
+            "kbd",
+            {
+              "aria-hidden": "true",
+              className: cn12(
+                "inline-flex h-6 w-6 shrink-0 items-center justify-center rounded border font-sans text-xs font-semibold",
+                chosen ? "border-primary bg-primary text-primary-foreground" : "border-primary/40 text-primary"
+              ),
+              children: letter
+            }
+          ) : null,
+          /* @__PURE__ */ jsx16("span", { className: "min-w-0 flex-1 break-words", children: choice.label }),
+          chosen ? /* @__PURE__ */ jsx16("span", { "aria-hidden": "true", className: "shrink-0 text-primary", children: "\u2713" }) : null
         ]
       },
       choice.key
     );
   };
-  const group = { role: field.multi ? "group" : "radiogroup", "aria-label": fieldName(field) };
-  if (choices.length <= FORM_PILL_LIMIT) {
-    return /* @__PURE__ */ jsx15("div", { id, className: "flex flex-wrap gap-1.5", ...group, children: choices.map(pill) });
+  const onKeyDown = (event) => {
+    if (!lettered || disabled || event.metaKey || event.ctrlKey || event.altKey) return;
+    if (event.target.tagName === "INPUT") return;
+    const at = CHOICE_LETTERS.indexOf(event.key.toUpperCase());
+    if (event.key.length !== 1 || at < 0 || at >= choices.length) return;
+    event.preventDefault();
+    press(choices[at]);
+  };
+  const group = { role: field.multi ? "group" : "radiogroup", "aria-label": fieldName(field), onKeyDown };
+  if (choices.length <= FORM_SEARCH_AFTER) {
+    return /* @__PURE__ */ jsx16("div", { id, className: "flex w-full flex-col gap-2", ...group, children: choices.map(option) });
   }
   const q = search.trim().toLowerCase();
   const shown2 = q === "" ? choices : choices.filter((c) => c.label.toLowerCase().includes(q));
-  return /* @__PURE__ */ jsxs13("div", { id, className: "flex flex-col gap-1.5", children: [
-    /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsxs14("div", { id, className: "flex w-full flex-col gap-2", onKeyDown, children: [
+    /* @__PURE__ */ jsx16(
       BasicInput6,
       {
         value: search,
@@ -3634,12 +3827,12 @@ function ChoiceAnswer({
         placeholder: "Search",
         "aria-label": `Search \u2014 ${fieldName(field)}`,
         autoComplete: "off",
-        className: "h-11 text-base sm:h-8 sm:text-xs"
+        className: "h-11 text-base sm:h-9 sm:text-sm"
       }
     ),
-    /* @__PURE__ */ jsxs13("div", { className: "flex max-h-56 flex-wrap content-start gap-1.5 overflow-y-auto", ...group, children: [
-      shown2.map(pill),
-      shown2.length === 0 ? /* @__PURE__ */ jsx15("p", { className: "text-xs text-muted-foreground", children: "No match" }) : null
+    /* @__PURE__ */ jsxs14("div", { className: "flex max-h-80 w-full flex-col gap-2 overflow-y-auto", role: group.role, "aria-label": group["aria-label"], children: [
+      shown2.map(option),
+      shown2.length === 0 ? /* @__PURE__ */ jsx16("p", { className: "text-xs text-muted-foreground", children: "No match" }) : null
     ] })
   ] });
 }
@@ -3647,17 +3840,17 @@ function ChoiceAnswer({
 // src/RecordsMount.tsx
 import { useRef as useRef10 } from "react";
 import { RecordsProvider } from "@ai-matrx/records/react";
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 function personActor(userId) {
   return userId ? { actor: "user", user_id: userId } : { actor: "user" };
 }
 
 // src/tablePicking.tsx
-import { useEffect as useEffect11, useMemo as useMemo6, useState as useState14 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect11, useMemo as useMemo6, useState as useState15 } from "react";
 import { withTablePlacement } from "@ai-matrx/records";
 import { useRecordsClient as useRecordsClient2, useTables } from "@ai-matrx/records/react";
-import { Checkbox as Checkbox2, cn as cn12 } from "@ai-matrx/design-system";
-import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Checkbox as Checkbox2, cn as cn13 } from "@ai-matrx/design-system";
+import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
 var APP_TABLE_PREFIX = "records_ui_";
 function isValueSet(table) {
   if (table.kept_for === "choices") return true;
@@ -3700,26 +3893,44 @@ function madeOn(stamp) {
 }
 
 // src/TablePickers.tsx
-import { Fragment as Fragment5, jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
+var SHARED_FOR_MS = 5e3;
+var sharedReads = /* @__PURE__ */ new WeakMap();
+function readTablesAnywhere(dataSource) {
+  const held = sharedReads.get(dataSource);
+  if (held && Date.now() - held.at < SHARED_FOR_MS) return held.read;
+  const read = Promise.resolve(dataSource.rpc("data_home_tables", {}, { schema: "custom" })).then(
+    ({ data, error }) => {
+      if (error) {
+        return {
+          loading: false,
+          error: refusalSentence({ message: String(error["message"] ?? "") }) || "Tables could not be read.",
+          rows: []
+        };
+      }
+      const rows = (Array.isArray(data) ? data : []).slice();
+      rows.sort((a, b) => a.table_name.localeCompare(b.table_name));
+      return { loading: false, error: null, rows };
+    },
+    (thrown) => ({
+      loading: false,
+      error: String(thrown?.message ?? thrown) || "Tables could not be read.",
+      rows: []
+    })
+  );
+  sharedReads.set(dataSource, { at: Date.now(), read });
+  void read.then((result) => {
+    if (result.error && sharedReads.get(dataSource)?.read === read) sharedReads.delete(dataSource);
+  });
+  return read;
+}
 function useTablesAnywhere(dataSource) {
-  const [state, setState] = useState15({ loading: true, error: null, rows: [] });
+  const [state, setState] = useState16({ loading: true, error: null, rows: [] });
   useEffect12(() => {
     let live = true;
-    void Promise.resolve(dataSource.rpc("data_home_tables", {}, { schema: "custom" })).then(
-      ({ data, error }) => {
-        if (!live) return;
-        if (error) {
-          setState({ loading: false, error: refusalSentence({ message: String(error["message"] ?? "") }) || "Tables could not be read.", rows: [] });
-          return;
-        }
-        const rows = (Array.isArray(data) ? data : []).slice();
-        rows.sort((a, b) => a.table_name.localeCompare(b.table_name));
-        setState({ loading: false, error: null, rows });
-      },
-      (thrown) => {
-        if (live) setState({ loading: false, error: String(thrown?.message ?? thrown), rows: [] });
-      }
-    );
+    void readTablesAnywhere(dataSource).then((result) => {
+      if (live) setState(result);
+    });
     return () => {
       live = false;
     };
@@ -3740,8 +3951,8 @@ function TablePicker({ dataSource, value, onChange, disabled, tables }) {
     keywords: t.organization_name
   }));
   const missing = Boolean(value) && !list.loading && !list.error && !list.rows.some((t) => t.table_id === value);
-  return /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-1", children: [
-    /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ jsx19(
       CreatablePicker,
       {
         value: value || null,
@@ -3755,23 +3966,24 @@ function TablePicker({ dataSource, value, onChange, disabled, tables }) {
         ariaLabel: "Table"
       }
     ),
-    list.error && /* @__PURE__ */ jsx18(RefusalLine, { error: refusal("door", list.error, "Try again in a moment.") }),
-    missing && /* @__PURE__ */ jsx18("p", { className: "text-[11px] text-destructive", children: "This table is archived or not shared with you." })
+    list.error && /* @__PURE__ */ jsx19(RefusalLine, { error: refusal("door", list.error, "Try again in a moment.") }),
+    missing && /* @__PURE__ */ jsx19("p", { className: "text-[11px] text-destructive", children: "This table is archived or not shared with you." })
   ] });
 }
-function TableScope({ dataSource, userId, tableId, children, fallback = null, tables }) {
+function TableScope({ dataSource, userId, tableId, children, fallback = null, unavailable, tables }) {
   const own3 = useTablesAnywhere(dataSource);
   const list = tables ?? own3;
   const organizationId = list.rows.find((t) => t.table_id === tableId)?.organization_id ?? null;
-  if (!tableId || !organizationId) return /* @__PURE__ */ jsx18(Fragment5, { children: fallback });
-  return /* @__PURE__ */ jsx18(RecordsProvider2, { config: { dataSource, actor: personActor(userId), organizationId }, children });
+  if (tableId && !organizationId && !list.loading) return /* @__PURE__ */ jsx19(Fragment5, { children: unavailable ?? fallback });
+  if (!tableId || !organizationId) return /* @__PURE__ */ jsx19(Fragment5, { children: fallback });
+  return /* @__PURE__ */ jsx19(RecordsProvider2, { config: { dataSource, actor: personActor(userId), organizationId }, children });
 }
 function ColumnValuesEditor({ tableId, value, onChange, disabled, addLabel }) {
   const fields = useFields(tableId);
   const all = useMemo7(() => fields.data ?? [], [fields.data]);
   const byKey = useMemo7(() => new Map(all.map((f) => [f.key, f])), [all]);
   const keys = Object.keys(value);
-  const [adding, setAdding] = useState15(false);
+  const [adding, setAdding] = useState16(false);
   const optionsFor = (current) => all.filter((f) => f.key === current || !(f.key in value)).map((f) => ({ value: f.key, label: fieldName(f) }));
   const rename = (from, to) => {
     if (from === to) return;
@@ -3784,11 +3996,11 @@ function ColumnValuesEditor({ tableId, value, onChange, disabled, addLabel }) {
     void _gone;
     onChange(rest);
   };
-  return /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-2", children: [
-    fields.error && /* @__PURE__ */ jsx18(RefusalLine, { error: fields.error }),
+  return /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-2", children: [
+    fields.error && /* @__PURE__ */ jsx19(RefusalLine, { error: fields.error }),
     keys.map((key) => {
       const field = byKey.get(key);
-      return /* @__PURE__ */ jsx18(
+      return /* @__PURE__ */ jsx19(
         ColumnValueRow,
         {
           columnKey: key,
@@ -3804,7 +4016,7 @@ function ColumnValuesEditor({ tableId, value, onChange, disabled, addLabel }) {
         key
       );
     }),
-    adding && /* @__PURE__ */ jsx18(
+    adding && /* @__PURE__ */ jsx19(
       ColumnValueRow,
       {
         columnKey: null,
@@ -3821,7 +4033,7 @@ function ColumnValuesEditor({ tableId, value, onChange, disabled, addLabel }) {
         onRemove: () => setAdding(false)
       }
     ),
-    !disabled && !adding && keys.length < all.length && /* @__PURE__ */ jsx18(Button9, { type: "button", variant: "outline", size: "sm", className: "self-start", onClick: () => setAdding(true), children: addLabel })
+    !disabled && !adding && keys.length < all.length && /* @__PURE__ */ jsx19(Button9, { type: "button", variant: "outline", size: "sm", className: "self-start", onClick: () => setAdding(true), children: addLabel })
   ] });
 }
 function ColumnValueRow({
@@ -3837,9 +4049,9 @@ function ColumnValueRow({
 }) {
   const orphan = columnKey !== null && !loading && field === void 0;
   const shown2 = orphan ? [{ value: columnKey, label: columnKey, hint: "Not a column" }, ...options] : options;
-  return /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-1 rounded-md border border-border/60 p-2", children: [
-    /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx18("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-1 rounded-md border border-border/60 p-2", children: [
+    /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx19("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx19(
         CreatablePicker,
         {
           value: columnKey,
@@ -3853,9 +4065,9 @@ function ColumnValueRow({
           ariaLabel: "Column"
         }
       ) }),
-      !disabled && /* @__PURE__ */ jsx18(Button9, { type: "button", variant: "ghost", size: "sm", "aria-label": "Remove", onClick: onRemove, children: "\u2715" })
+      !disabled && /* @__PURE__ */ jsx19(Button9, { type: "button", variant: "ghost", size: "sm", "aria-label": "Remove", onClick: onRemove, children: "\u2715" })
     ] }),
-    field ? /* @__PURE__ */ jsx18(FieldControl, { field, value, onChange: onValue, disabled }) : orphan ? /* @__PURE__ */ jsx18("p", { className: "text-[11px] text-muted-foreground", children: value === null || value === void 0 ? "\u2014" : String(value) }) : null
+    field ? /* @__PURE__ */ jsx19(FieldControl, { field, value, onChange: onValue, disabled }) : orphan ? /* @__PURE__ */ jsx19("p", { className: "text-[11px] text-muted-foreground", children: value === null || value === void 0 ? "\u2014" : String(value) }) : null
   ] });
 }
 function RecordPicker({ tableId, value, onChange, disabled }) {
@@ -3867,8 +4079,8 @@ function RecordPicker({ tableId, value, onChange, disabled }) {
     label: rowNameIn(table.data ?? null, row)
   }));
   const missing = Boolean(value) && !records.loading && !records.error && !rows.some((r) => r.id === value);
-  return /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-1", children: [
-    /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ jsx19(
       CreatablePicker,
       {
         value: value || null,
@@ -3882,7 +4094,7 @@ function RecordPicker({ tableId, value, onChange, disabled }) {
         ariaLabel: "Record"
       }
     ),
-    records.error && /* @__PURE__ */ jsx18(RefusalLine, { error: records.error })
+    records.error && /* @__PURE__ */ jsx19(RefusalLine, { error: records.error })
   ] });
 }
 
@@ -3890,8 +4102,8 @@ function RecordPicker({ tableId, value, onChange, disabled }) {
 import { useEffect as useEffect13, useMemo as useMemo8 } from "react";
 import { isEntityReferenceConfig } from "@ai-matrx/records";
 import { useFields as useFields2, useTable as useTable2 } from "@ai-matrx/records/react";
-import { BasicInput as BasicInput7, Button as Button10, CreatablePicker as CreatablePicker2, cn as cn13 } from "@ai-matrx/design-system";
-import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
+import { BasicInput as BasicInput7, Button as Button10, CreatablePicker as CreatablePicker2, cn as cn14 } from "@ai-matrx/design-system";
+import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
 var DATA_BINDING_SHAPES = [
   { value: "collection", label: "The whole table" },
   { value: "reference", label: "One record" },
@@ -3958,9 +4170,9 @@ function DataBindingPicker({ dataSource, userId, binding, onChange, disabled, de
       ...binding.semantic_type === "collection" && defaultRowLimit ? { limit: defaultRowLimit } : {}
     });
   };
-  return /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ jsx19(TablePicker, { dataSource, value: tableId, onChange: selectTable, disabled: Boolean(disabled), tables }),
-    /* @__PURE__ */ jsx19(TableScope, { dataSource, userId, tableId, tables, children: tableId && /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsxs17("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ jsx20(TablePicker, { dataSource, value: tableId, onChange: selectTable, disabled: Boolean(disabled), tables }),
+    /* @__PURE__ */ jsx20(TableScope, { dataSource, userId, tableId, tables, children: tableId && /* @__PURE__ */ jsx20(
       BindingDetails,
       {
         tableId,
@@ -4024,8 +4236,8 @@ function BindingDetails({
   const fieldOptions = fieldList.map((f) => ({ value: f.key, label: fieldName(f) }));
   const template = binding.transform?.template ?? "";
   const setTemplate = (next) => onChange({ ...binding, transform: { join: "\n", ...binding.transform, name: "list", template: next } });
-  return /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ jsx19("div", { className: "flex flex-wrap gap-1", role: "radiogroup", "aria-label": "What to read", children: DATA_BINDING_SHAPES.map((s) => /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsxs17("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ jsx20("div", { className: "flex flex-wrap gap-1", role: "radiogroup", "aria-label": "What to read", children: DATA_BINDING_SHAPES.map((s) => /* @__PURE__ */ jsx20(
       Button10,
       {
         type: "button",
@@ -4039,7 +4251,7 @@ function BindingDetails({
       },
       s.value
     )) }),
-    shape !== "collection" && /* @__PURE__ */ jsx19(
+    shape !== "collection" && /* @__PURE__ */ jsx20(
       RecordPicker,
       {
         tableId,
@@ -4048,7 +4260,7 @@ function BindingDetails({
         disabled: Boolean(disabled)
       }
     ),
-    shape === "value" && /* @__PURE__ */ jsx19(
+    shape === "value" && /* @__PURE__ */ jsx20(
       CreatablePicker2,
       {
         value: binding.field_key ?? null,
@@ -4062,11 +4274,11 @@ function BindingDetails({
         ariaLabel: "Column"
       }
     ),
-    shape !== "value" && /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-1", children: [
-      /* @__PURE__ */ jsx19(
+    shape !== "value" && /* @__PURE__ */ jsxs17("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx20(
         "textarea",
         {
-          className: cn13(
+          className: cn14(
             "min-h-[3.5rem] w-full rounded-md border border-border bg-background px-2 py-1.5 font-mono text-xs"
           ),
           "aria-label": "Each row reads as",
@@ -4075,7 +4287,7 @@ function BindingDetails({
           onChange: (e) => setTemplate(e.target.value)
         }
       ),
-      !disabled && /* @__PURE__ */ jsx19("div", { className: "flex flex-wrap gap-1", children: fieldList.flatMap(bindingPlaceholdersFor).map((p) => /* @__PURE__ */ jsx19(
+      !disabled && /* @__PURE__ */ jsx20("div", { className: "flex flex-wrap gap-1", children: fieldList.flatMap(bindingPlaceholdersFor).map((p) => /* @__PURE__ */ jsx20(
         Button10,
         {
           type: "button",
@@ -4088,9 +4300,9 @@ function BindingDetails({
         p.token
       )) })
     ] }),
-    shape === "collection" && /* @__PURE__ */ jsxs16("label", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
+    shape === "collection" && /* @__PURE__ */ jsxs17("label", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
       "Up to",
-      /* @__PURE__ */ jsx19(
+      /* @__PURE__ */ jsx20(
         BasicInput7,
         {
           type: "number",
@@ -4107,9 +4319,9 @@ function BindingDetails({
       ),
       "rows"
     ] }),
-    /* @__PURE__ */ jsxs16("div", { className: "flex flex-wrap items-center gap-1", role: "radiogroup", "aria-label": "If nothing is found", children: [
-      /* @__PURE__ */ jsx19("span", { className: "text-xs text-muted-foreground", children: "If nothing is found" }),
-      DATA_BINDING_MISSING.map((m) => /* @__PURE__ */ jsx19(
+    /* @__PURE__ */ jsxs17("div", { className: "flex flex-wrap items-center gap-1", role: "radiogroup", "aria-label": "If nothing is found", children: [
+      /* @__PURE__ */ jsx20("span", { className: "text-xs text-muted-foreground", children: "If nothing is found" }),
+      DATA_BINDING_MISSING.map((m) => /* @__PURE__ */ jsx20(
         Button10,
         {
           type: "button",
@@ -4133,7 +4345,7 @@ import { useFields as useFields3, useRecord, useTable as useTable3 } from "@ai-m
 // src/values.tsx
 import { formatColumnValue } from "@ai-matrx/design-system/data-table";
 import { formatFieldValue as formatFieldValue3 } from "@ai-matrx/design-system/field-formats";
-import { Badge as Badge5, cn as cn15 } from "@ai-matrx/design-system";
+import { Badge as Badge5, cn as cn16 } from "@ai-matrx/design-system";
 
 // src/enumLabels.ts
 function exhaustiveValuesOf() {
@@ -4170,10 +4382,10 @@ var ABSENCE_WORD_LABEL = {
 import { wholeValueOf } from "@ai-matrx/records/core";
 
 // src/WholeValue.tsx
-import { useEffect as useEffect14, useState as useState16 } from "react";
+import { useEffect as useEffect14, useState as useState17 } from "react";
 import { wholeValueSize } from "@ai-matrx/records/core";
 import { BasicTextarea as BasicTextarea3 } from "@ai-matrx/design-system";
-import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
 var WHOLE_VALUE_UNBOUND = "The whole text is kept as a file, and this screen has no way to open files yet.";
 function wholeValueLine(pointer) {
   return `Open the whole text (${wholeValueSize(pointer)})`;
@@ -4182,18 +4394,21 @@ function WholeValueCell({ words, pointer }) {
   const host = useRecordsUi();
   const href = host.hrefForFile?.({ fileId: pointer.file_id });
   const line = wholeValueLine(pointer);
-  return /* @__PURE__ */ jsxs17("span", { className: "flex min-w-0 items-baseline gap-2", "data-whole-value-file": pointer.file_id, children: [
-    /* @__PURE__ */ jsxs17("span", { className: "truncate", title: `The first ${pointer.shown_chars} of ${pointer.chars} characters`, children: [
+  return /* @__PURE__ */ jsxs18("span", { className: "flex min-w-0 items-baseline gap-2", "data-whole-value-file": pointer.file_id, children: [
+    /* @__PURE__ */ jsxs18("span", { className: "truncate", title: `The first ${pointer.shown_chars} of ${pointer.chars} characters`, children: [
       words,
       "\u2026"
     ] }),
-    href ? host.Link ? host.Link({ href, children: line, className: "shrink-0 text-xs text-primary underline-offset-2 hover:underline" }) : /* @__PURE__ */ jsx20("a", { className: "shrink-0 text-xs text-primary underline-offset-2 hover:underline", href, target: "_blank", rel: "noreferrer", children: line }) : /* @__PURE__ */ jsx20("span", { className: "shrink-0 text-xs italic text-muted-foreground", title: WHOLE_VALUE_UNBOUND, children: `${wholeValueSize(pointer)} in a file` })
+    href ? host.Link ? host.Link({ href, children: line, className: "shrink-0 text-xs text-primary underline-offset-2 hover:underline" }) : /* @__PURE__ */ jsx21("a", { className: "shrink-0 text-xs text-primary underline-offset-2 hover:underline", href, target: "_blank", rel: "noreferrer", children: line }) : /* @__PURE__ */ jsx21("span", { className: "shrink-0 text-xs italic text-muted-foreground", title: WHOLE_VALUE_UNBOUND, children: `${wholeValueSize(pointer)} in a file` })
   ] });
 }
 
+// src/values.tsx
+import { formatPhone as formatPhone2 } from "@ai-matrx/design-system/field-formats";
+
 // src/ReferenceChips.tsx
 import { entityRefsOf as entityRefsOf2 } from "@ai-matrx/records";
-import { Badge as Badge4, cn as cn14 } from "@ai-matrx/design-system";
+import { Badge as Badge4, cn as cn15 } from "@ai-matrx/design-system";
 
 // src/kindValues.ts
 import { tryDecodeDirective } from "@ai-matrx/content-ir/directives";
@@ -4247,7 +4462,7 @@ function kindLabel(kind) {
 }
 
 // src/ReferenceChips.tsx
-import { jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
 function referencesOf(field, value, kind, labels) {
   if (kind === "entity_reference") {
     return entityRefsOf2(value).map((r) => ({ token: r.token, id: r.id, label: r.label }));
@@ -4268,11 +4483,11 @@ function ReferenceChip({ reference, waiting }) {
   const host = useRecordsUi();
   const words = reference.label ?? (reference.token === "record" ? waiting ?? "Loading\u2026" : WITHHELD_ENTITY_LABEL);
   const drawn = host.renderReference ? host.renderReference({ ...reference, label: reference.label ?? words }) : null;
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs19(
     Badge4,
     {
       variant: "secondary",
-      className: cn14(
+      className: cn15(
         "max-w-full min-w-0 gap-1 px-1.5 py-0 text-[11px] font-normal",
         reference.archived && "opacity-70"
       ),
@@ -4280,15 +4495,15 @@ function ReferenceChip({ reference, waiting }) {
       "data-records-reference-archived": reference.archived ? "" : void 0,
       title: reference.archived ? ARCHIVED_REFERENCE_TIP : words,
       children: [
-        drawn ?? /* @__PURE__ */ jsx21("span", { className: "truncate", children: words }),
-        reference.archived ? /* @__PURE__ */ jsx21("span", { className: "shrink-0 text-muted-foreground", children: ARCHIVED_REFERENCE_WORD }) : null
+        drawn ?? /* @__PURE__ */ jsx22("span", { className: "truncate", children: words }),
+        reference.archived ? /* @__PURE__ */ jsx22("span", { className: "shrink-0 text-muted-foreground", children: ARCHIVED_REFERENCE_WORD }) : null
       ]
     }
   );
 }
 function ReferenceChips({ refs, waiting }) {
-  if (refs.length === 0) return /* @__PURE__ */ jsx21("span", { className: "text-muted-foreground", children: "\u2014" });
-  return /* @__PURE__ */ jsx21("span", { className: "flex min-w-0 flex-wrap gap-1", "data-records-reference-chips": "", children: refs.map((r) => /* @__PURE__ */ jsx21(ReferenceChip, { reference: r, waiting }, `${r.token}:${r.id}`)) });
+  if (refs.length === 0) return /* @__PURE__ */ jsx22("span", { className: "text-muted-foreground", children: "\u2014" });
+  return /* @__PURE__ */ jsx22("span", { className: "flex min-w-0 flex-wrap gap-1", "data-records-reference-chips": "", children: refs.map((r) => /* @__PURE__ */ jsx22(ReferenceChip, { reference: r, waiting }, `${r.token}:${r.id}`)) });
 }
 function KindValueCell({
   kv,
@@ -4297,18 +4512,18 @@ function KindValueCell({
 }) {
   const host = useRecordsUi();
   if (host.renderKind) {
-    return /* @__PURE__ */ jsx21("span", { className: "flex min-w-0 max-w-full items-center", "data-records-kind-value": kv.kind, children: host.renderKind({ value: kv.value, kind: kv.kind, where, title }) });
+    return /* @__PURE__ */ jsx22("span", { className: "flex min-w-0 max-w-full items-center", "data-records-kind-value": kv.kind, children: host.renderKind({ value: kv.value, kind: kv.kind, where, title }) });
   }
   const named = kv.items.map(kindItemWords).filter((w) => w !== null);
-  return /* @__PURE__ */ jsx21("span", { className: cn14("flex min-w-0 flex-wrap gap-1"), "data-records-kind-value": kv.kind, title: JSON.stringify(kv.value), children: named.length > 0 ? named.map((w, i) => /* @__PURE__ */ jsx21(Badge4, { variant: "secondary", className: "px-1.5 py-0 text-[11px] font-normal", children: w }, `${w}-${i}`)) : /* @__PURE__ */ jsx21(Badge4, { variant: "outline", className: "px-1.5 py-0 text-[11px] font-normal", children: kindLabel(kv.kind) }) });
+  return /* @__PURE__ */ jsx22("span", { className: cn15("flex min-w-0 flex-wrap gap-1"), "data-records-kind-value": kv.kind, title: JSON.stringify(kv.value), children: named.length > 0 ? named.map((w, i) => /* @__PURE__ */ jsx22(Badge4, { variant: "secondary", className: "px-1.5 py-0 text-[11px] font-normal", children: w }, `${w}-${i}`)) : /* @__PURE__ */ jsx22(Badge4, { variant: "outline", className: "px-1.5 py-0 text-[11px] font-normal", children: kindLabel(kv.kind) }) });
 }
 
 // src/values.tsx
 import { newerKindWords } from "@ai-matrx/records";
-import { Fragment as Fragment6, jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
-function statusMark(field, item) {
-  const mark = statusMarkOf(field, item);
-  return mark ? /* @__PURE__ */ jsx22("span", { "aria-label": mark.words, title: mark.words, className: "mr-1", "data-records-status-group": mark.group, children: mark.mark }) : null;
+import { Fragment as Fragment6, jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
+function statusMark(field, item, document2) {
+  const mark = statusMarkOf(field, item, document2);
+  return mark ? /* @__PURE__ */ jsx23("span", { "aria-label": mark.words, title: mark.words, className: "mr-1", "data-records-status-group": mark.group, children: mark.mark }) : null;
 }
 function envelopeFor(document2, key) {
   const block = document2?._values;
@@ -4352,32 +4567,32 @@ var ABSENCE_WORDS = ABSENCE_WORD_LABEL;
 function renderValue(field, value, document2, labels, stillWaitingFor) {
   const envelope = envelopeFor(document2, field.key);
   if (envelope?.absent) {
-    return /* @__PURE__ */ jsx22("span", { className: "text-xs italic text-muted-foreground", title: `VAL-2: ${envelope.absent}`, children: ABSENCE_WORDS[String(envelope.absent)] ?? String(envelope.absent) });
+    return /* @__PURE__ */ jsx23("span", { className: "text-xs italic text-muted-foreground", title: `VAL-2: ${envelope.absent}`, children: ABSENCE_WORDS[String(envelope.absent)] ?? String(envelope.absent) });
   }
   if (value === null || value === void 0 || value === "") {
     const gone = unresolvedFor(document2, field.key);
     if (gone) {
-      return /* @__PURE__ */ jsx22("span", { className: "text-xs italic text-muted-foreground", title: `It pointed at ${gone}`, children: "The record this pointed at no longer exists" });
+      return /* @__PURE__ */ jsx23("span", { className: "text-xs italic text-muted-foreground", title: `It pointed at ${gone}`, children: "The record this pointed at no longer exists" });
     }
     const computed = computedEmptyOf(field, document2);
-    if (computed?.sentence) return /* @__PURE__ */ jsx22("span", { className: "text-xs italic text-muted-foreground", children: computed.sentence });
-    if (computed?.words) return /* @__PURE__ */ jsx22("span", { "data-records-empty-why": computed.kind, children: computed.words });
+    if (computed?.sentence) return /* @__PURE__ */ jsx23("span", { className: "text-xs italic text-muted-foreground", children: computed.sentence });
+    if (computed?.words) return /* @__PURE__ */ jsx23("span", { "data-records-empty-why": computed.kind, children: computed.words });
     if (computed?.why) {
-      return /* @__PURE__ */ jsx22("span", { className: "text-muted-foreground", title: computed.why, "data-records-empty-why": computed.kind, children: "\u2014" });
+      return /* @__PURE__ */ jsx23("span", { className: "text-muted-foreground", title: computed.why, "data-records-empty-why": computed.kind, children: "\u2014" });
     }
-    return /* @__PURE__ */ jsx22("span", { className: "text-muted-foreground", children: "\u2014" });
+    return /* @__PURE__ */ jsx23("span", { className: "text-muted-foreground", children: "\u2014" });
   }
-  if (isSignatureField(field)) return /* @__PURE__ */ jsx22(SignatureValue, { value });
+  if (isSignatureField(field)) return /* @__PURE__ */ jsx23(SignatureValue, { value, fieldKey: field.key, document: document2 });
   const newer = newerKindValue(field, value);
   if (newer !== void 0) return newer;
   const whole = typeof value === "string" ? wholeValueOf(document2, field.key) : null;
-  if (whole) return /* @__PURE__ */ jsx22(WholeValueCell, { words: value, pointer: whole });
+  if (whole) return /* @__PURE__ */ jsx23(WholeValueCell, { words: value, pointer: whole });
   const kind = editorKindFor(field);
   if (kind === "relation" || kind === "entity_reference") {
-    return /* @__PURE__ */ jsx22(ReferenceChips, { refs: referencesOf(field, value, kind, labels), waiting: stillWaitingFor });
+    return /* @__PURE__ */ jsx23(ReferenceChips, { refs: referencesOf(field, value, kind, labels), waiting: stillWaitingFor });
   }
   const kv = kind === "attachment" || kind === "member" ? null : kindValueOf(value);
-  if (kv) return /* @__PURE__ */ jsx22(KindValueCell, { kv, where: "cell", title: field.label });
+  if (kv) return /* @__PURE__ */ jsx23(KindValueCell, { kv, where: "cell", title: field.label });
   const chosen = kind === "select" || kind === "multi_select";
   const chipOf = (item) => {
     const look = choiceChipLookOf(field, item, scalarText(field, item, labels));
@@ -4385,17 +4600,17 @@ function renderValue(field, value, document2, labels, stillWaitingFor) {
   };
   if (chosen) {
     const items = Array.isArray(value) ? value : [value];
-    return /* @__PURE__ */ jsx22("span", { className: "flex flex-wrap gap-1", "data-records-choice-chips": "", children: items.map((item, i) => {
+    return /* @__PURE__ */ jsx23("span", { className: "flex flex-wrap gap-1", "data-records-choice-chips": "", children: items.map((item, i) => {
       const chip = chipOf(item);
-      return /* @__PURE__ */ jsxs19(
+      return /* @__PURE__ */ jsxs20(
         Badge5,
         {
           variant: "outline",
-          className: cn15("text-[11px]", chip.className),
+          className: cn16("text-[11px]", chip.className),
           "data-records-choice-chip": "",
           ...chip.tinted ? { "data-records-choice-tint": "" } : {},
           children: [
-            statusMark(field, item),
+            statusMark(field, item, Array.isArray(value) ? void 0 : document2),
             scalarText(field, item, labels, Array.isArray(value) ? void 0 : stillWaitingFor)
           ]
         },
@@ -4403,13 +4618,13 @@ function renderValue(field, value, document2, labels, stillWaitingFor) {
       );
     }) });
   }
-  if (kind === "attachment") return /* @__PURE__ */ jsx22(AttachmentChips, { value });
+  if (kind === "attachment") return /* @__PURE__ */ jsx23(AttachmentChips, { value });
   if (Array.isArray(value)) {
-    return /* @__PURE__ */ jsx22("span", { className: "flex flex-wrap gap-1", children: value.map((item, i) => /* @__PURE__ */ jsx22(Badge5, { variant: "secondary", className: "text-[11px]", children: scalarText(field, item, labels) }, `${String(item)}-${i}`)) });
+    return /* @__PURE__ */ jsx23("span", { className: "flex flex-wrap gap-1", children: value.map((item, i) => /* @__PURE__ */ jsx23(Badge5, { variant: "secondary", className: "text-[11px]", children: scalarText(field, item, labels) }, `${String(item)}-${i}`)) });
   }
   if (kind === "url" && typeof value === "string") {
     const href = value.includes("://") ? value : `https://${value}`;
-    return /* @__PURE__ */ jsxs19(
+    return /* @__PURE__ */ jsxs20(
       "a",
       {
         className: "inline-flex min-w-0 max-w-full items-center gap-1 rounded-md border border-border bg-muted/60 px-1.5 py-0.5 text-[11px] text-foreground hover:bg-accent",
@@ -4420,14 +4635,14 @@ function renderValue(field, value, document2, labels, stillWaitingFor) {
         "data-records-link-chip": "",
         onClick: (event) => event.stopPropagation(),
         children: [
-          /* @__PURE__ */ jsx22("span", { "aria-hidden": "true", className: "text-muted-foreground", children: "\u2197" }),
-          /* @__PURE__ */ jsx22("span", { className: "truncate", children: linkChipText(value) })
+          /* @__PURE__ */ jsx23("span", { "aria-hidden": "true", className: "text-muted-foreground", children: "\u2197" }),
+          /* @__PURE__ */ jsx23("span", { className: "truncate", children: linkChipText(value) })
         ]
       }
     );
   }
   if (kind === "phone" && typeof value === "string" && value.trim() !== "") {
-    return /* @__PURE__ */ jsx22(
+    return /* @__PURE__ */ jsx23(
       "a",
       {
         className: "truncate tabular-nums text-primary underline-offset-2 hover:underline",
@@ -4435,17 +4650,17 @@ function renderValue(field, value, document2, labels, stillWaitingFor) {
         title: value,
         "data-records-phone": "",
         onClick: (event) => event.stopPropagation(),
-        children: formatPhone(value)
+        children: formatPhone2(value)
       }
     );
   }
   if (kind === "email" && typeof value === "string") {
-    return /* @__PURE__ */ jsx22("a", { className: "truncate text-primary underline-offset-2 hover:underline", href: `mailto:${value}`, children: value });
+    return /* @__PURE__ */ jsx23("a", { className: "truncate text-primary underline-offset-2 hover:underline", href: `mailto:${value}`, children: value });
   }
   if (typeof value === "boolean") {
-    return /* @__PURE__ */ jsx22("span", { className: kind === "checkbox" ? "text-sm" : "", title: value ? "Yes" : "No", children: value ? "\u2713" : "\u2014" });
+    return /* @__PURE__ */ jsx23("span", { className: kind === "checkbox" ? "text-sm" : "", title: value ? "Yes" : "No", children: value ? "\u2713" : "\u2014" });
   }
-  return /* @__PURE__ */ jsx22("span", { className: cn15("truncate", kind === "number" || kind === "currency" || kind === "percent" ? "tabular-nums" : ""), children: scalarText(field, value, labels, stillWaitingFor) });
+  return /* @__PURE__ */ jsx23("span", { className: cn16("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";
@@ -4486,13 +4701,13 @@ function scalarText(field, value, labels, stillWaitingFor) {
 }
 
 // src/PickedSummaries.tsx
-import { Fragment as Fragment7, jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
 function TableNameText({ dataSource, tableId }) {
   const tables = useTablesAnywhere(dataSource);
-  if (!tableId) return /* @__PURE__ */ jsx23(Fragment7, { children: "\u2014" });
-  if (tables.loading) return /* @__PURE__ */ jsx23(Fragment7, { children: "\u2026" });
-  if (tables.error) return /* @__PURE__ */ jsx23(Fragment7, { children: "Couldn't load the table's name" });
-  return /* @__PURE__ */ jsx23(Fragment7, { children: tables.rows.find((t) => t.table_id === tableId)?.table_name ?? "\u2014" });
+  if (!tableId) return /* @__PURE__ */ jsx24(Fragment7, { children: "\u2014" });
+  if (tables.loading) return /* @__PURE__ */ jsx24(Fragment7, { children: "\u2026" });
+  if (tables.error) return /* @__PURE__ */ jsx24(Fragment7, { children: "Couldn't load the table's name" });
+  return /* @__PURE__ */ jsx24(Fragment7, { children: tables.rows.find((t) => t.table_id === tableId)?.table_name ?? "\u2014" });
 }
 function ColumnValuesText({
   dataSource,
@@ -4500,28 +4715,38 @@ function ColumnValuesText({
   tableId,
   value
 }) {
-  if (!tableId) return /* @__PURE__ */ jsx23(Fragment7, { children: "\u2014" });
-  return /* @__PURE__ */ jsx23(TableScope, { dataSource, userId, tableId, fallback: /* @__PURE__ */ jsx23(Fragment7, { children: "\u2026" }), children: /* @__PURE__ */ jsx23(RecordLabelProvider, { children: /* @__PURE__ */ jsx23(ColumnValuesWords, { tableId, value }) }) });
+  if (!tableId) return /* @__PURE__ */ jsx24(Fragment7, { children: "\u2014" });
+  return /* @__PURE__ */ jsx24(
+    TableScope,
+    {
+      dataSource,
+      userId,
+      tableId,
+      fallback: /* @__PURE__ */ jsx24(Fragment7, { children: "\u2026" }),
+      unavailable: /* @__PURE__ */ jsx24(Fragment7, { children: "Couldn't load this table's columns" }),
+      children: /* @__PURE__ */ jsx24(RecordLabelProvider, { children: /* @__PURE__ */ jsx24(ColumnValuesWords, { tableId, value }) })
+    }
+  );
 }
 function ColumnValuesWords({ tableId, value }) {
   const fields = useFields3(tableId);
   const labels = useRecordLabels(fields.data ?? void 0);
-  if (fields.loading) return /* @__PURE__ */ jsx23(Fragment7, { children: "\u2026" });
-  if (fields.error) return /* @__PURE__ */ jsx23(Fragment7, { children: "Couldn't load this table's columns" });
+  if (fields.loading) return /* @__PURE__ */ jsx24(Fragment7, { children: "\u2026" });
+  if (fields.error) return /* @__PURE__ */ jsx24(Fragment7, { children: "Couldn't load this table's columns" });
   const parts = [];
   for (const [key, stored] of Object.entries(value)) {
     if (key.startsWith("_")) continue;
     const field = (fields.data ?? []).find((f) => f.key === key);
-    if (parts.length) parts.push(/* @__PURE__ */ jsx23("span", { children: ", " }, `${key}-sep`));
+    if (parts.length) parts.push(/* @__PURE__ */ jsx24("span", { children: ", " }, `${key}-sep`));
     parts.push(
-      /* @__PURE__ */ jsxs20("span", { children: [
+      /* @__PURE__ */ jsxs21("span", { children: [
         field ? fieldName(field) : "A removed column",
         " is ",
         field ? renderValue(field, stored, void 0, labels) : "\u2014"
       ] }, key)
     );
   }
-  return parts.length ? /* @__PURE__ */ jsx23(Fragment7, { children: parts }) : /* @__PURE__ */ jsx23(Fragment7, { children: "\u2014" });
+  return parts.length ? /* @__PURE__ */ jsx24(Fragment7, { children: parts }) : /* @__PURE__ */ jsx24(Fragment7, { children: "\u2014" });
 }
 function RecordNameText({
   dataSource,
@@ -4529,31 +4754,41 @@ function RecordNameText({
   tableId,
   recordId
 }) {
-  if (!tableId || !recordId) return /* @__PURE__ */ jsx23(Fragment7, { children: "\u2014" });
-  return /* @__PURE__ */ jsx23(TableScope, { dataSource, userId, tableId, fallback: /* @__PURE__ */ jsx23(Fragment7, { children: "\u2026" }), children: /* @__PURE__ */ jsx23(RecordNameWords, { tableId, recordId }) });
+  if (!tableId || !recordId) return /* @__PURE__ */ jsx24(Fragment7, { children: "\u2014" });
+  return /* @__PURE__ */ jsx24(
+    TableScope,
+    {
+      dataSource,
+      userId,
+      tableId,
+      fallback: /* @__PURE__ */ jsx24(Fragment7, { children: "\u2026" }),
+      unavailable: /* @__PURE__ */ jsx24(Fragment7, { children: "Couldn't load this record" }),
+      children: /* @__PURE__ */ jsx24(RecordNameWords, { tableId, recordId })
+    }
+  );
 }
 function RecordNameWords({ tableId, recordId }) {
   const table = useTable3(tableId);
   const record = useRecord(recordId);
-  if (record.loading || table.loading) return /* @__PURE__ */ jsx23(Fragment7, { children: "\u2026" });
-  if (record.error) return /* @__PURE__ */ jsx23(Fragment7, { children: "Couldn't load this record" });
-  if (!record.data) return /* @__PURE__ */ jsx23(Fragment7, { children: "A record you cannot open" });
-  return /* @__PURE__ */ jsx23(Fragment7, { children: recordName(record.data.document, table.data?.title_field ?? null) });
+  if (record.loading || table.loading) return /* @__PURE__ */ jsx24(Fragment7, { children: "\u2026" });
+  if (record.error) return /* @__PURE__ */ jsx24(Fragment7, { children: "Couldn't load this record" });
+  if (!record.data) return /* @__PURE__ */ jsx24(Fragment7, { children: "A record you cannot open" });
+  return /* @__PURE__ */ jsx24(Fragment7, { children: recordName(record.data.document, table.data?.title_field ?? null) });
 }
 
 // src/HeldChangeDecision.tsx
-import { useEffect as useEffect15, useState as useState17 } from "react";
+import { useEffect as useEffect15, useState as useState18 } from "react";
 import { RecordsProvider as RecordsProvider3, useRecordsClient as useRecordsClient3 } from "@ai-matrx/records/react";
 import { Button as Button11 } from "@ai-matrx/design-system";
-import { jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
 function HeldChangeDecision({ dataSource, userId, organizationId, approvalId, onDecided }) {
-  return /* @__PURE__ */ jsx24(RecordsProvider3, { config: { dataSource, actor: personActor(userId), organizationId }, children: /* @__PURE__ */ jsx24(Decision, { approvalId, onDecided }) });
+  return /* @__PURE__ */ jsx25(RecordsProvider3, { config: { dataSource, actor: personActor(userId), organizationId }, children: /* @__PURE__ */ jsx25(Decision, { approvalId, onDecided }) });
 }
 function Decision({ approvalId, onDecided }) {
   const client = useRecordsClient3();
-  const [may, setMay] = useState17(null);
-  const [busy, setBusy] = useState17(null);
-  const [error, setError] = useState17(null);
+  const [may, setMay] = useState18(null);
+  const [busy, setBusy] = useState18(null);
+  const [error, setError] = useState18(null);
   useEffect15(() => {
     let live = true;
     void client.workApprovalMayDecide({ approval_id: approvalId }).then((res) => {
@@ -4576,13 +4811,13 @@ function Decision({ approvalId, onDecided }) {
     if (res.ok) onDecided(approve);
     else setError(res.error);
   };
-  if (may === null) return /* @__PURE__ */ jsx24("p", { className: "text-xs text-muted-foreground", children: "Checking who can decide\u2026" });
-  return /* @__PURE__ */ jsxs21("div", { className: "flex flex-col gap-1.5", children: [
-    may ? /* @__PURE__ */ jsxs21("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ jsx24(Button11, { type: "button", size: "sm", disabled: busy !== null, onClick: () => void decide(true), children: busy === "approve" ? "Approving\u2026" : "Approve" }),
-      /* @__PURE__ */ jsx24(Button11, { type: "button", size: "sm", variant: "outline", disabled: busy !== null, onClick: () => void decide(false), children: busy === "refuse" ? "Refusing\u2026" : "Refuse" })
-    ] }) : !error && /* @__PURE__ */ jsx24("p", { className: "text-xs text-muted-foreground", children: "An owner or admin of this organization decides this." }),
-    error ? /* @__PURE__ */ jsx24(RefusalLine, { error }) : null
+  if (may === null) return /* @__PURE__ */ jsx25("p", { className: "text-xs text-muted-foreground", children: "Checking who can decide\u2026" });
+  return /* @__PURE__ */ jsxs22("div", { className: "flex flex-col gap-1.5", children: [
+    may ? /* @__PURE__ */ jsxs22("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx25(Button11, { type: "button", size: "sm", disabled: busy !== null, onClick: () => void decide(true), children: busy === "approve" ? "Approving\u2026" : "Approve" }),
+      /* @__PURE__ */ jsx25(Button11, { type: "button", size: "sm", variant: "outline", disabled: busy !== null, onClick: () => void decide(false), children: busy === "refuse" ? "Refusing\u2026" : "Refuse" })
+    ] }) : !error && /* @__PURE__ */ jsx25("p", { className: "text-xs text-muted-foreground", children: "An owner or admin of this organization decides this." }),
+    error ? /* @__PURE__ */ jsx25(RefusalLine, { error }) : null
   ] });
 }
 export {