@ai-matrx/records-ui 0.93.133 → 0.93.142

package/dist/pickers.js

@@ -0,0 +1,4556 @@
+"use client";
+
+// src/TablePickers.tsx
+import { useEffect as useEffect12, useMemo as useMemo7, useState as useState15 } 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 { 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 {
+  BasicInput as BasicInput6,
+  BasicTextarea as BasicTextarea2,
+  Badge as Badge3,
+  Button as Button8,
+  Checkbox,
+  Label,
+  Popover as Popover4,
+  PopoverContent as PopoverContent4,
+  PopoverTrigger as PopoverTrigger4,
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+  cn as cn11
+} from "@ai-matrx/design-system";
+
+// src/dates.ts
+import { formatFieldValue } from "@ai-matrx/design-system/field-formats";
+var BARE_CALENDAR_DATE = /^(\d{4})-(\d{2})-(\d{2})(?:[T ]00:00(?::00(?:\.0+)?)?)?$/;
+function systemStampOf(field) {
+  if (field.type !== "formula") return null;
+  const system = String((field.config ?? {})["system"] ?? "");
+  return system === "autonumber" || system === "created_time" || system === "modified_time" ? system : null;
+}
+function carriesTimeOfDay(field, value) {
+  if (value !== void 0 && value !== null && value !== "") return hasTimePart(value);
+  const stamp = systemStampOf(field);
+  if (stamp === "created_time" || stamp === "modified_time") return true;
+  return (field.format ?? "").toLowerCase() === "datetime";
+}
+function hasTimePart(value) {
+  if (value instanceof Date || typeof value === "number") return true;
+  if (typeof value !== "string") return false;
+  const trimmed = value.trim();
+  if (BARE_CALENDAR_DATE.test(trimmed)) return false;
+  return /^\d{4}-\d{2}-\d{2}[T ]\d/.test(trimmed);
+}
+function isDateField(field) {
+  const stamp = systemStampOf(field);
+  if (stamp === "created_time" || stamp === "modified_time") return true;
+  if (field.type !== "range") return false;
+  const kind = String((field.config ?? {})["kind"] ?? "");
+  return kind === "date" || kind === "datetime";
+}
+function dateFormatFor(field, value) {
+  if (!isDateField(field)) return void 0;
+  return carriesTimeOfDay(field, value) ? { id: "datetime" } : { id: "date" };
+}
+function dateText(field, value) {
+  const format = dateFormatFor(field, value) ?? (isDateLike(value) ? { id: hasTimePart(value) ? "datetime" : "date" } : void 0);
+  if (!format) return null;
+  const result = formatFieldValue(value, format);
+  return result.ok && !result.empty ? result.text : null;
+}
+function isDateLike(value) {
+  return typeof value === "string" && /^\d{4}-\d{2}-\d{2}/.test(value.trim());
+}
+
+// src/newerKindValues.tsx
+import { useEffect, useRef, useState } from "react";
+import { codeSpanText, findInlineCodeSpans } from "@ai-matrx/content-ir/source";
+import {
+  ADDRESS_PARTS,
+  NOT_A_MEMBER_WORDS,
+  STATUS_GROUP_WORDS,
+  addressMapUrl,
+  addressText,
+  durationText,
+  isAddressValue,
+  isPersonStamp,
+  newerKindOf,
+  readTypedDuration,
+  statusGroupOf
+} from "@ai-matrx/records";
+import { BasicInput, cn } from "@ai-matrx/design-system";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var own = (event) => event.stopPropagation();
+function newerKindValue(field, value, opts = {}) {
+  switch (newerKindOf(field)) {
+    case "duration": {
+      const words = durationText(value);
+      return words === null ? void 0 : /* @__PURE__ */ jsx("span", { className: "tabular-nums", "data-records-duration": "", children: words });
+    }
+    case "created_by":
+    case "modified_by":
+      return isPersonStamp(value) ? /* @__PURE__ */ jsx(PersonStampChip, { name: value.name }) : void 0;
+    case "address":
+      return isAddressValue(value) || typeof value === "string" ? /* @__PURE__ */ jsx(AddressLink, { value }) : void 0;
+    case "barcode":
+      return typeof value === "string" ? /* @__PURE__ */ jsxs("span", { className: "inline-flex min-w-0 items-center gap-1 font-mono text-xs", "data-records-barcode": "", title: value, children: [
+        /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "text-muted-foreground", children: "\u25AE\u25AF\u25AE" }),
+        /* @__PURE__ */ jsx("span", { className: "truncate", children: value })
+      ] }) : void 0;
+    case "rich_text":
+      return typeof value === "string" ? /* @__PURE__ */ jsx(SafeMarkdown, { text: value, clipped: opts.inCell === true }) : void 0;
+    case "count":
+      return typeof value === "number" ? /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: value.toLocaleString() }) : void 0;
+    default:
+      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: [
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        "aria-hidden": "true",
+        className: "inline-flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-muted text-[10px] font-medium text-foreground",
+        children: initial
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { className: cn("truncate", name ? "" : "italic text-muted-foreground"), children: words })
+  ] });
+}
+function AddressLink({ value }) {
+  const words = addressText(value);
+  const href = addressMapUrl(value);
+  if (!words || !href) return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "\u2014" });
+  return /* @__PURE__ */ jsxs(
+    "a",
+    {
+      href,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      className: "inline-flex min-w-0 items-center gap-1 text-primary hover:underline",
+      title: "Open in maps",
+      "data-records-address": "",
+      onClick: own,
+      children: [
+        /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\u2316" }),
+        /* @__PURE__ */ jsx("span", { className: "truncate", children: words })
+      ]
+    }
+  );
+}
+var STATUS_GROUP_MARK = { todo: "\u25CB", in_progress: "\u25D0", done: "\u25CF" };
+function statusMarkOf(field, value) {
+  if (newerKindOf(field) !== "status" || typeof value !== "string") return null;
+  const group = statusGroupOf(field, value);
+  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;
+  let n = 0;
+  for (const r of findInlineCodeSpans(text)) {
+    if (r.start < at) continue;
+    if (r.start > at) out.push(...marks(text.slice(at, r.start), `${key}-m${n++}`));
+    out.push(/* @__PURE__ */ jsx("code", { className: "rounded bg-muted px-1 font-mono text-[0.9em]", children: codeSpanText(text.slice(r.start, r.end)) }, `${key}-c${n++}`));
+    at = r.end;
+  }
+  if (at < text.length) out.push(...marks(text.slice(at), `${key}-m${n++}`));
+  return out;
+}
+function marks(text, key) {
+  const out = [];
+  const re = /(\*\*[^*]+\*\*|__[^_]+__|\[[^\]]+\]\([^)\s]+\)|\*[^*\s][^*]*\*|_[^_\s][^_]*_)/g;
+  let last = 0;
+  let i = 0;
+  for (const m of text.matchAll(re)) {
+    const at = m.index ?? 0;
+    if (at > last) out.push(text.slice(last, at));
+    const tok = m[0];
+    const k = `${key}-${i++}`;
+    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] ?? "";
+      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
+      );
+    } else out.push(/* @__PURE__ */ jsx("em", { children: tok.slice(1, -1) }, k));
+    last = at + tok.length;
+  }
+  if (last < text.length) out.push(text.slice(last));
+  return out;
+}
+function SafeMarkdown({ text, clipped }) {
+  const blocks = [];
+  const lines = text.replace(/\r\n?/g, "\n").split("\n");
+  let list = null;
+  let para = [];
+  const flushPara = () => {
+    if (para.length > 0) {
+      blocks.push(/* @__PURE__ */ jsx("p", { children: inline(para.join(" "), `p${blocks.length}`) }, `p${blocks.length}`));
+      para = [];
+    }
+  };
+  const flushList = () => {
+    if (list) {
+      const items = list.items.map((item, i) => /* @__PURE__ */ jsx("li", { children: inline(item, `l${blocks.length}-${i}`) }, i));
+      blocks.push(
+        list.ordered ? /* @__PURE__ */ jsx("ol", { className: "ml-4 list-decimal", children: items }, `o${blocks.length}`) : /* @__PURE__ */ jsx("ul", { className: "ml-4 list-disc", children: items }, `u${blocks.length}`)
+      );
+      list = null;
+    }
+  };
+  for (const raw of lines) {
+    const line = raw.trimEnd();
+    const bullet = /^\s*[-*+]\s+(.*)$/.exec(line);
+    const numbered = /^\s*\d+[.)]\s+(.*)$/.exec(line);
+    const heading = /^(#{1,3})\s+(.*)$/.exec(line);
+    if (bullet || numbered) {
+      flushPara();
+      const ordered = Boolean(numbered);
+      if (list && list.ordered !== ordered) flushList();
+      if (!list) list = { ordered, items: [] };
+      list.items.push((bullet ?? numbered)[1]);
+    } else if (heading) {
+      flushPara();
+      flushList();
+      blocks.push(/* @__PURE__ */ jsx("p", { className: "font-semibold", children: inline(heading[2], `h${blocks.length}`) }, `h${blocks.length}`));
+    } else if (line.trim() === "") {
+      flushPara();
+      flushList();
+    } else {
+      flushList();
+      para.push(line.trim());
+    }
+  }
+  flushPara();
+  flushList();
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn("block min-w-0 space-y-1 whitespace-normal text-sm", clipped ? "max-h-[4.5em] overflow-hidden" : ""),
+      "data-records-rich-text": "",
+      children: blocks
+    }
+  );
+}
+function newerKindControl(props) {
+  switch (newerKindOf(props.field)) {
+    case "duration":
+      return /* @__PURE__ */ jsx(DurationControl, { ...props });
+    case "address":
+      return /* @__PURE__ */ jsx(AddressControl, { ...props });
+    case "barcode":
+      return /* @__PURE__ */ jsx(BarcodeControl, { ...props });
+    case "created_by":
+    case "modified_by":
+    case "count":
+      return /* @__PURE__ */ jsx("div", { id: props.id, className: "rounded border border-dashed px-2 py-1.5 text-xs text-muted-foreground", children: props.value === null || props.value === void 0 ? "\u2014" : newerKindValue(props.field, props.value) });
+    default:
+      return void 0;
+  }
+}
+function DurationControl({ value, onChange, disabled, id }) {
+  const [text, setText] = useState(() => durationText(value) ?? "");
+  const [wrong, setWrong] = useState(false);
+  useEffect(() => {
+    setText(durationText(value) ?? "");
+  }, [value]);
+  return /* @__PURE__ */ jsxs("span", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ jsx(
+      BasicInput,
+      {
+        id,
+        value: text,
+        disabled,
+        inputMode: "numeric",
+        placeholder: "45 min",
+        "aria-invalid": wrong || void 0,
+        className: "tabular-nums",
+        onChange: (e) => {
+          setText(e.target.value);
+          if (e.target.value.trim() === "") {
+            setWrong(false);
+            onChange(null);
+            return;
+          }
+          const seconds = readTypedDuration(e.target.value);
+          setWrong(seconds === null);
+          if (seconds !== null) onChange(seconds);
+        },
+        onBlur: () => {
+          if (!wrong) setText(durationText(value) ?? "");
+        }
+      }
+    ),
+    wrong ? /* @__PURE__ */ jsx("span", { className: "text-[11px] text-destructive", children: "Write it like 45 min, 1:30 or 1h 30m." }) : null
+  ] });
+}
+var ADDRESS_LABELS = {
+  street: "Street",
+  city: "City",
+  region: "State or region",
+  postal_code: "Postal code",
+  country: "Country"
+};
+var ADDRESS_EXAMPLES = {
+  street: "1420 Cedar Ridge Pkwy",
+  city: "Boulder",
+  region: "CO",
+  postal_code: "80301",
+  country: "US"
+};
+function AddressControl({ value, onChange, disabled, id }) {
+  const held = isAddressValue(value) ? value : typeof value === "string" && value.trim() !== "" ? { street: value } : {};
+  const set = (part, words) => {
+    const next = { ...held, [part]: words };
+    const kept = Object.fromEntries(Object.entries(next).filter(([, v]) => typeof v === "string" && v.trim() !== ""));
+    onChange(Object.keys(kept).length === 0 ? null : kept);
+  };
+  return /* @__PURE__ */ jsx("span", { id, className: "grid grid-cols-2 gap-1.5", "data-records-address-control": "", children: ADDRESS_PARTS.map((part) => /* @__PURE__ */ jsx(
+    BasicInput,
+    {
+      "aria-label": ADDRESS_LABELS[part],
+      placeholder: ADDRESS_EXAMPLES[part],
+      className: part === "street" ? "col-span-2" : "",
+      value: typeof held[part] === "string" ? held[part] : "",
+      disabled,
+      ...part === "street" ? { autoComplete: "street-address" } : {},
+      onChange: (e) => set(part, e.target.value)
+    },
+    part
+  )) });
+}
+function barcodeDetector() {
+  const ctor = globalThis.BarcodeDetector;
+  return typeof ctor === "function" ? ctor : null;
+}
+function BarcodeControl({ value, onChange, disabled, id }) {
+  const file = useRef(null);
+  const [said, setSaid] = useState(null);
+  const Detect = barcodeDetector();
+  return /* @__PURE__ */ jsxs("span", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5", children: [
+      /* @__PURE__ */ jsx(
+        BasicInput,
+        {
+          id,
+          className: "font-mono",
+          value: typeof value === "string" ? value : "",
+          disabled,
+          placeholder: "4006381333931",
+          onChange: (e) => onChange(e.target.value === "" ? null : e.target.value)
+        }
+      ),
+      Detect && !disabled ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "shrink-0 rounded-md border px-2 py-1 text-xs hover:bg-accent",
+            onClick: () => file.current?.click(),
+            children: "Scan"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            ref: file,
+            type: "file",
+            accept: "image/*",
+            capture: "environment",
+            className: "hidden",
+            onChange: async (e) => {
+              const photo = e.target.files?.[0];
+              e.target.value = "";
+              if (!photo) return;
+              try {
+                const found = await new Detect().detect(await createImageBitmap(photo));
+                if (found[0]?.rawValue) {
+                  onChange(found[0].rawValue);
+                  setSaid(null);
+                } else setSaid("No barcode in that photo. Try closer, in good light.");
+              } catch {
+                setSaid("This phone could not read that photo. Type the code instead.");
+              }
+            }
+          }
+        )
+      ] }) : null
+    ] }),
+    said ? /* @__PURE__ */ jsx("span", { className: "text-[11px] text-muted-foreground", children: said }) : null
+  ] });
+}
+
+// src/parity.ts
+import {
+  KERNEL_TABLES,
+  PARITY_FIELD_TYPES,
+  fieldKindFor,
+  newerKindOf as newerKindOf2
+} from "@ai-matrx/records";
+import { humanizeIdentifier } from "@ai-matrx/kit/text-case";
+
+// src/docs.ts
+function isSignatureField(field) {
+  return field.type === "text" && (field.format ?? "").toLowerCase() === "signature";
+}
+
+// src/parity.ts
+var kernelId = (name) => KERNEL_TABLES.find((t) => t.name === name)?.id ?? "";
+var KERNEL_FILE_TABLE = kernelId("File");
+var KERNEL_PERSON_TABLE = kernelId("Person");
+var PARITY_MADE_OF = Object.fromEntries(
+  PARITY_FIELD_TYPES.map((p) => [p.parity_type, p.made_of])
+);
+var KERNEL = { file: KERNEL_FILE_TABLE, person: KERNEL_PERSON_TABLE };
+function editorKindFor(field) {
+  return fieldKindFor(field, KERNEL);
+}
+
+// src/names.ts
+import { isUuidShape } from "@ai-matrx/kit/uuid";
+import { humanizeIdentifier as humanizeIdentifier2 } from "@ai-matrx/kit/text-case";
+function fieldName(field) {
+  const label = (field.label ?? "").trim();
+  if (label !== "" && label === field.key && /^[a-z0-9]+(?:[_.-][a-z0-9]+)+$/.test(label)) return humanizeIdentifier2(label);
+  if (label !== "") return label;
+  const name = (field.name ?? "").trim();
+  if (name !== "") return name;
+  return humanizeIdentifier2(field.key);
+}
+function recordName(document2, titleKey, fallback = "Untitled") {
+  const data = document2 ?? {};
+  const keys = [titleKey, "title", "name", "label", "full_name", "subject", "summary"].filter(
+    (key) => typeof key === "string" && key !== ""
+  );
+  for (const key of keys) {
+    const value = data[key];
+    if (typeof value === "string" && value.trim() !== "" && !looksLikeId(value.trim())) {
+      return value.trim();
+    }
+    if (typeof value === "number") return String(value);
+  }
+  return fallback;
+}
+function looksLikeId(value) {
+  return typeof value === "string" && isUuidShape(value.trim());
+}
+function rowNameIn(table, row, fallback = "Untitled") {
+  return recordName(row?.document, table?.title_field ?? null, fallback);
+}
+var WITHHELD_RECORD_LABEL = "A record you have not been given access to";
+
+// src/RelationPicker.tsx
+import { useEffect as useEffect3, useMemo, useState as useState3 } from "react";
+import { rankTypedMatches } from "@ai-matrx/records";
+import { useOptionalRecordsClient } from "@ai-matrx/records/react";
+import { BasicInput as BasicInput3, Button as Button2, cn as cn4 } from "@ai-matrx/design-system";
+
+// src/PickOrAdd.tsx
+import { useEffect as useEffect2, useState as useState2 } from "react";
+import { BasicInput as BasicInput2, Button, Popover, PopoverContent, PopoverTrigger, ScrollArea, cn as cn2 } from "@ai-matrx/design-system";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function useListKeys(args) {
+  const { count, resetOn, onPick, onNothing, onClose } = args;
+  const [highlight, setHighlight] = useState2(0);
+  useEffect2(() => setHighlight(0), [resetOn]);
+  const at = count === 0 ? -1 : Math.min(highlight, count - 1);
+  const onKeyDown = (event) => {
+    event.stopPropagation();
+    if (event.key === "ArrowDown") {
+      event.preventDefault();
+      if (count > 0) setHighlight((h) => (Math.min(h, count - 1) + 1) % count);
+    } else if (event.key === "ArrowUp") {
+      event.preventDefault();
+      if (count > 0) setHighlight((h) => (Math.min(h, count - 1) - 1 + count) % count);
+    } else if (event.key === "Enter") {
+      event.preventDefault();
+      if (at >= 0) onPick(at);
+      else onNothing?.();
+    } else if (event.key === "Escape") {
+      event.preventDefault();
+      onClose();
+    }
+  };
+  return { highlight: at, onKeyDown };
+}
+function PickOrAdd({
+  triggerLabel,
+  triggerText,
+  triggerId,
+  open,
+  onOpenChange,
+  search,
+  onSearch,
+  items,
+  onPick,
+  notice,
+  empty,
+  add,
+  foot,
+  footNote,
+  onEnterWithNoMatch
+}) {
+  const hasFoot = Boolean(add) || Boolean(foot) || Boolean(footNote);
+  const keys = useListKeys({
+    count: items.length,
+    resetOn: search,
+    onPick: (index) => {
+      const item = items[index];
+      if (item) onPick(item.id);
+    },
+    onNothing: onEnterWithNoMatch ?? (add && !add.disabled ? add.onAdd : void 0),
+    onClose: () => onOpenChange(false)
+  });
+  return /* @__PURE__ */ jsxs2(Popover, { open, onOpenChange, children: [
+    /* @__PURE__ */ jsx2(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx2(Button, { id: triggerId, type: "button", size: "sm", variant: "outline", "aria-label": triggerLabel, children: triggerText }) }),
+    /* @__PURE__ */ jsxs2(
+      PopoverContent,
+      {
+        sizing: "content",
+        className: "p-1",
+        align: "start",
+        "data-matrx-cell-editor": "",
+        onKeyDown: (event) => event.stopPropagation(),
+        children: [
+          /* @__PURE__ */ jsx2(
+            BasicInput2,
+            {
+              value: search,
+              onChange: (e) => onSearch(e.target.value),
+              onKeyDown: keys.onKeyDown,
+              placeholder: "Search",
+              "aria-label": `Search \u2014 ${triggerLabel}`,
+              autoFocus: true,
+              autoComplete: "off",
+              className: "mb-1 h-7 text-xs"
+            }
+          ),
+          notice,
+          /* @__PURE__ */ jsxs2(ScrollArea, { className: "max-h-56", children: [
+            /* @__PURE__ */ jsx2("ul", { role: "listbox", "aria-label": triggerLabel, children: items.map((item, index) => /* @__PURE__ */ jsx2("li", { children: /* @__PURE__ */ jsxs2(
+              "button",
+              {
+                type: "button",
+                onClick: () => onPick(item.id),
+                title: item.title ?? item.label,
+                ...item.attrs ?? {},
+                "data-pick-highlighted": index === keys.highlight ? "" : void 0,
+                className: cn2(
+                  "w-full truncate rounded px-2 py-1 text-left text-xs hover:bg-muted",
+                  item.picked ? "bg-accent text-accent-foreground" : "",
+                  index === keys.highlight ? "ring-1 ring-ring" : ""
+                ),
+                children: [
+                  item.chip ? /* @__PURE__ */ jsx2(
+                    "span",
+                    {
+                      className: cn2("inline-flex max-w-full truncate rounded-md border px-1.5 py-0.5 text-[11px] font-medium", item.chip),
+                      "data-records-choice-chip": "",
+                      children: item.label
+                    }
+                  ) : item.label,
+                  item.detail ? /* @__PURE__ */ jsx2("span", { className: "block truncate text-[11px] text-muted-foreground", "data-tell-apart": "", children: item.detail }) : null
+                ]
+              }
+            ) }, item.id)) }),
+            items.length === 0 && empty ? empty : null
+          ] }),
+          hasFoot ? /* @__PURE__ */ jsxs2("div", { className: "mt-1 border-t pt-1", children: [
+            foot ?? (add ? /* @__PURE__ */ jsx2(
+              Button,
+              {
+                type: "button",
+                size: "sm",
+                variant: "ghost",
+                title: add.label,
+                className: "w-full justify-start text-xs",
+                disabled: add.disabled ?? false,
+                onClick: add.onAdd,
+                children: /* @__PURE__ */ jsx2("span", { className: "block w-full truncate text-left", children: add.label })
+              }
+            ) : null),
+            footNote
+          ] }) : null
+        ]
+      }
+    )
+  ] });
+}
+
+// src/Refusal.tsx
+import { Alert, AlertDescription, AlertTitle, ErrorBox, cn as cn3 } from "@ai-matrx/design-system";
+
+// src/plainWords.ts
+var MACHINE_IDENTITY = [
+  /\b[A-Z]{2,4}-\d{1,3}\b/,
+  // A build lane's tag: capital words joined by hyphens, then a colon ("STORE-TAILS-3:",
+  // "MOVE-AND-OUTSIDER:"). A person never reads which lane wrote a sentence.
+  /\b[A-Z][A-Z0-9]*(?:-[A-Z0-9]+)+:/,
+  /\b(?:custom|platform|iam|history|public|auth|campaign_watch)\.[a-z_]+/,
+  /\b(?:config|data|document|spec|patch)\.[a-z_]+/,
+  /\b[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}\b/i,
+  /\b[a-z][a-z0-9]*(?:_[a-z0-9]+)+\b/,
+  // Five characters of digits and capitals, at least one a digit — so `23514`
+  // and `PT409` match and an emphatic `NEVER` does not.
+  /\b(?=[0-9A-Z]{5}\b)(?=[0-9A-Z]*\d)[0-9A-Z]{5}\b/
+];
+function isMachineIdentity(text) {
+  return MACHINE_IDENTITY.some((shape) => shape.test(text));
+}
+var TITLE = {
+  stale_write: "Someone else wrote first",
+  door: "You do not have access to this",
+  door_absent: "That is not built yet",
+  refused_by_rule: "That value was not accepted",
+  invalid_argument: "That was not accepted",
+  not_found: "Not there any more",
+  missing_reference: "That points at something that is not there",
+  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",
+  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",
+  timed_out: "That took too long to answer",
+  internal: "Something went wrong at our end"
+};
+var REMEDY = {
+  stale_write: "Look at what they wrote. Keep theirs, or try again and yours goes on top.",
+  door: "Ask somebody who administers this to share it with you at the level you need.",
+  door_absent: "There is nothing to do here yet. It is on our list, not yours.",
+  refused_by_rule: "Change the value so it passes, then try again.",
+  invalid_argument: "Change what you entered, then try again.",
+  not_found: "It may have been deleted. Go back to the list and open it again from there.",
+  missing_reference: "Pick something that is still there.",
+  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.",
+  // 🚨 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
+  // worries about.
+  unreachable: "Nothing was changed. Check your connection and open this again.",
+  needs_approval: "Nothing was changed yet. The people who can approve it have been asked.",
+  stale_read: "Open this again in a moment and it will be up to date.",
+  timed_out: "Nothing was changed. Try a smaller page, or try again in a moment.",
+  internal: "Nothing you did caused this. Try again, and tell us if it keeps happening."
+};
+var ENGINEER_TEXT = [
+  /@ai-matrx\//,
+  /\bSQLSTATE\b/i,
+  /\bPostgREST\b/i,
+  /\bIndexedDB\b/i,
+  // `<RecordsUiProvider>` — a component, on a screen.
+  /<\/?[A-Z][A-Za-z0-9]*\s*\/?>/,
+  // `savedViews`, `openRecords`, `onReask` — an identifier, however it is
+  // quoted. English does not write camelCase; code does.
+  /\b[a-z][a-z0-9]*[A-Z][A-Za-z0-9]*\b/,
+  // A backticked token is a thing you type into an editor, not a thing you do.
+  /`[A-Za-z_][A-Za-z0-9_.]*`/,
+  // "bind X on Y", "pass X", "import X" — an instruction to whoever maintains
+  // the app, arriving on the screen of somebody who cannot act on it.
+  /\bbind\s+[`'"A-Za-z]/i
+];
+function isDeveloperHint(hint) {
+  const text = hint.trim();
+  if (text === "") return false;
+  if (text.includes("```")) return true;
+  if (/\n\s+at\s+\S+/.test(text)) return true;
+  if (text.length > 600) return true;
+  return isEngineerText(text);
+}
+function isEngineerText(text) {
+  return ENGINEER_TEXT.some((shape) => shape.test(text));
+}
+function withoutMachineClauses(sentence) {
+  const dropped = [];
+  const footnotes = [];
+  const withoutFootnotes = sentence.replace(/\s*\((?:see\s+)?[A-Z]{2,5}-[A-Z0-9-]{1,8}\)/g, (hit) => {
+    footnotes.push(hit.trim());
+    return "";
+  });
+  dropped.push(...footnotes);
+  const clauses = withoutFootnotes.split(/(?:,\s+so\s+|\s+—\s+|\s+--\s+|\s*\|\s*)/).map((clause) => clause.trim()).filter((clause) => clause !== "");
+  const kept = clauses.filter((clause) => {
+    if (!isMachineIdentity(clause)) return true;
+    dropped.push(clause);
+    return false;
+  });
+  if (kept.length === 0) return { kept: null, dropped };
+  if (dropped.length === 0) return { kept: sentence.trim(), dropped };
+  let joined = kept.join(". ").replace(/\.\.+/g, ".").trim();
+  if (!/[.!?]$/.test(joined)) joined = `${joined}.`;
+  return { kept: joined, dropped };
+}
+function peopleSentence(message) {
+  const [lead = "", ...tail] = message.split(/\s+—\s+|\s+--\s+/);
+  const sentences = lead.trim().split(/(?<=(?<!\b(?:Dr|Mr|Mrs|Ms|St|vs|No|e\.g|i\.e|etc|[A-Z]))[.!?])\s+/);
+  const first = sentences[0] ?? "";
+  const rest = [...sentences.slice(1), ...tail].map((part) => part.trim()).filter((part) => part !== "");
+  const cleaned = plainSentence(first);
+  return { kept: cleaned.kept, dropped: [...cleaned.dropped, ...rest] };
+}
+function refusalSentence(error) {
+  return refusalForAPerson(error).sentence;
+}
+function plainSentence(message) {
+  const dropped = [];
+  const kept = [];
+  for (const raw of message.split(/(?<=[.!?])\s+/)) {
+    const sentence = raw.trim();
+    if (sentence === "") continue;
+    const cleaned = withoutMachineClauses(sentence);
+    dropped.push(...cleaned.dropped);
+    if (cleaned.kept) kept.push(cleaned.kept);
+  }
+  return { kept: kept.length === 0 ? null : kept.join(" "), dropped };
+}
+function exampleOf(error) {
+  const detail = error.detail;
+  if (!detail || typeof detail !== "object") return null;
+  const example = detail.example;
+  return typeof example === "string" && example.trim() !== "" ? example.trim() : null;
+}
+function refusalForAPerson(error) {
+  const code = error.code ?? "internal";
+  const ours = error.ours === true;
+  const hint = plainSentence(String(error.hint ?? ""));
+  const message = ours ? plainSentence(String(error.message ?? "")) : peopleSentence(String(error.message ?? ""));
+  const title = TITLE[code] ?? "The store refused this";
+  const hintIsForEngineers = isDeveloperHint(String(error.hint ?? ""));
+  const example = exampleOf(error);
+  const remedy = (example ? `Enter it like ${example}.` : null) ?? (hintIsForEngineers ? null : hint.kept) ?? REMEDY[code] ?? REMEDY["internal"];
+  const messageIsForEngineers = isEngineerText(String(error.message ?? ""));
+  const said = (messageIsForEngineers ? "" : message.kept ?? "").trim();
+  const forEngineers = [
+    error.sqlstate ? `SQLSTATE ${error.sqlstate}.` : null,
+    // The client's own note about a class it did not recognise, or a call that
+    // never reached the store. It is rendered out of sight, never as a sentence.
+    error.diagnostic ? error.diagnostic : null,
+    messageIsForEngineers ? `Message: ${error.message}` : null,
+    error.hint && (hintIsForEngineers || hint.kept !== error.hint) ? `Hint: ${error.hint}` : null,
+    message.dropped.length > 0 || hint.dropped.length > 0 ? `Dropped from the person's view: ${[...message.dropped, ...hint.dropped].join(" | ")}` : null
+  ].filter(Boolean).join(" ");
+  return {
+    title,
+    // Nothing invented. When every clause was machine identity the title says
+    // what happened and the remedy says what to do; a made-up diagnosis would
+    // be worse than the identifier it replaced.
+    sentence: said === "" ? `${title}.` : said,
+    remedy,
+    storeSaid: said !== "",
+    forEngineers
+  };
+}
+function refusalLineForAPerson(error) {
+  const plain = refusalForAPerson(error);
+  const sentence = plain.sentence.trim();
+  const ended = sentence === "" || /[.!?…:]$/.test(sentence) ? sentence : `${sentence}.`;
+  return `${ended} ${plain.remedy}`.trim();
+}
+
+// src/Refusal.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function RefusalNotice({
+  error,
+  className,
+  actions,
+  onKeepEditing,
+  onDiscard
+}) {
+  const plain = refusalForAPerson(error);
+  const doors = onKeepEditing || onDiscard ? /* @__PURE__ */ jsxs3("div", { className: "flex flex-wrap items-center gap-1 pt-0.5", "data-refusal-doors": "", children: [
+    onKeepEditing ? /* @__PURE__ */ jsx3(
+      "button",
+      {
+        type: "button",
+        "data-refusal-keep-editing": "",
+        className: "rounded border px-2 py-0.5 text-xs hover:bg-muted",
+        onClick: onKeepEditing,
+        children: "Keep editing"
+      }
+    ) : null,
+    onDiscard ? /* @__PURE__ */ jsx3(
+      "button",
+      {
+        type: "button",
+        "data-refusal-discard": "",
+        className: "rounded border px-2 py-0.5 text-xs hover:bg-muted",
+        onClick: onDiscard,
+        children: "Discard"
+      }
+    ) : null
+  ] }) : null;
+  return /* @__PURE__ */ jsxs3(
+    Alert,
+    {
+      variant: "destructive",
+      role: "alert",
+      "data-refusal-notice": "",
+      className: cn3("text-xs", className),
+      errorFacts: { message: plain.sentence, title: plain.title, error, origin: "records-ui/RefusalNotice" },
+      ...plain.forEngineers ? { "data-for-engineers": plain.forEngineers } : {},
+      ...error.sqlstate ? { "data-sqlstate": error.sqlstate } : {},
+      children: [
+        /* @__PURE__ */ jsx3(AlertTitle, { className: "text-xs font-medium", children: plain.storeSaid ? plain.sentence : plain.title }),
+        /* @__PURE__ */ jsxs3(AlertDescription, { className: "space-y-1 text-xs", children: [
+          plain.storeSaid || plain.sentence.replace(/\.$/, "") === plain.title ? null : /* @__PURE__ */ jsx3("p", { children: plain.sentence }),
+          /* @__PURE__ */ jsx3("p", { className: "opacity-80", children: plain.remedy }),
+          actions,
+          doors
+        ] })
+      ]
+    }
+  );
+}
+function RefusalLine({ error, className }) {
+  const plain = refusalForAPerson(error);
+  return /* @__PURE__ */ jsx3(
+    ErrorBox,
+    {
+      "data-refusal-line": "",
+      className: cn3("text-xs text-destructive", className),
+      message: refusalLineForAPerson(error),
+      error,
+      origin: "records-ui/RefusalLine",
+      ...plain.forEngineers ? { "data-for-engineers": plain.forEngineers } : {}
+    }
+  );
+}
+
+// src/refusals.ts
+function refusal(code, sentence, remedy, diagnostic) {
+  return {
+    code,
+    message: sentence,
+    ours: true,
+    ...remedy ? { hint: remedy } : {},
+    ...diagnostic ? { diagnostic } : {}
+  };
+}
+function refusalFromThrown(thrown, sentence, remedy, code = "internal") {
+  const said = thrown instanceof Error ? thrown.message : String(thrown ?? "");
+  return refusal(code, sentence, remedy, said ? `Thrown: ${said}` : null);
+}
+
+// src/tellApart.ts
+function shown(value) {
+  if (value === null || value === void 0) return null;
+  if (typeof value === "string") return value.trim() === "" ? null : value.trim();
+  if (typeof value === "number" || typeof value === "boolean") return String(value);
+  return null;
+}
+function tellApart(rows, nameOf) {
+  const byName = /* @__PURE__ */ new Map();
+  for (const row of rows) {
+    const name = nameOf(row.id).trim().toLowerCase();
+    byName.set(name, [...byName.get(name) ?? [], row]);
+  }
+  const out = /* @__PURE__ */ new Map();
+  for (const [name, group] of byName) {
+    if (group.length < 2) continue;
+    const keys = [
+      ...new Set(
+        group.flatMap(
+          (row) => Object.keys(row.document ?? {}).filter((k) => !k.startsWith("_") && shown(row.document?.[k]) !== null)
+        )
+      )
+    ].filter((k) => group.some((row) => (shown(row.document?.[k]) ?? "").toLowerCase() !== name));
+    const valuesOf = (k) => group.map((row) => shown(row.document?.[k]) ?? "");
+    const differs = keys.filter((k) => new Set(valuesOf(k)).size > 1);
+    const whole = differs.find((k) => new Set(valuesOf(k)).size === group.length);
+    const chosen = whole ? [whole] : differs.slice(0, 2);
+    if (chosen.length === 0) continue;
+    for (const row of group) {
+      const words = chosen.map((k) => shown(row.document?.[k])).filter((w) => w !== null);
+      if (words.length > 0) out.set(row.id, words.join(" \xB7 "));
+    }
+  }
+  return out;
+}
+
+// src/RelationPicker.tsx
+import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var NO_STORE_ON_THIS_SCREEN_REASON = "This question points at a record in somebody's own data, and a page answered without an account is never allowed to search that. Leave it blank \u2014 whoever receives your answer will fill it in.";
+function RelationPicker({ field, value, onChange, disabled, id, className, allowCreate = true }) {
+  const client = useOptionalRecordsClient();
+  const [rows, setRows] = useState3(null);
+  const [words, setWords] = useState3({});
+  const [refusal2, setRefusal] = useState3(null);
+  const [search, setSearch] = useState3("");
+  const [open, setOpen] = useState3(false);
+  const [target, setTarget] = useState3(null);
+  const [targetRefusal, setTargetRefusal] = useState3(null);
+  const [creating, setCreating] = useState3(false);
+  const [newTitle, setNewTitle] = useState3("");
+  const [busy, setBusy] = useState3(false);
+  const [createRefusal, setCreateRefusal] = useState3(null);
+  const picked = useMemo(
+    () => Array.isArray(value) ? value.map(String) : value === null || value === void 0 ? [] : [String(value)],
+    [value]
+  );
+  useEffect3(() => {
+    const target2 = field.relation_target;
+    if (!target2 || !client) return;
+    let cancelled = false;
+    void client.list({ table_id: target2, limit: 200 }).then((result) => {
+      if (cancelled) return;
+      if (result.ok) setRows(result.data.rows);
+      else setRefusal(result.error);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [client, field.relation_target]);
+  useEffect3(() => {
+    if (!rows || !client) return;
+    const wanted = [.../* @__PURE__ */ new Set([...rows.map((row) => row.id), ...picked])].filter(
+      (id2) => words[id2] === void 0
+    );
+    if (wanted.length === 0) return;
+    let cancelled = false;
+    void client.relationWordsMany({ field_id: field.id, record_ids: wanted }).then((result) => {
+      if (cancelled) return;
+      const learned = {};
+      for (const id2 of wanted) {
+        const said = result.ok ? result.data[id2] : void 0;
+        learned[id2] = typeof said === "string" && said !== "" ? said : WITHHELD_RECORD_LABEL;
+      }
+      setWords((current) => ({ ...current, ...learned }));
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [client, field.id, rows, picked, words]);
+  useEffect3(() => {
+    if (!open || !allowCreate || target || targetRefusal || !client) return;
+    const id2 = field.relation_target;
+    if (!id2) return;
+    let cancelled = false;
+    void client.tableList().then((result) => {
+      if (cancelled) return;
+      if (!result.ok) {
+        setTargetRefusal(result.error);
+        return;
+      }
+      const found = result.data.find((t) => t.id === id2) ?? null;
+      if (found) setTarget(found);
+      else
+        setTargetRefusal(
+          refusal(
+            "door",
+            "That Table is not one you can open, so a new record cannot be added to it from here."
+          )
+        );
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [client, open, allowCreate, target, targetRefusal, field.relation_target]);
+  if (!client) {
+    return (
+      // The Field's own name is already printed above this control by
+      // `FieldLabel`, so the sentence does not say it a second time.
+      /* @__PURE__ */ jsx4("p", { id, className: cn4("text-xs text-muted-foreground", className), children: NO_STORE_ON_THIS_SCREEN_REASON })
+    );
+  }
+  if (!field.relation_target) {
+    return /* @__PURE__ */ jsxs4("p", { className: "text-xs text-muted-foreground", children: [
+      fieldName(field),
+      " points at records, but it does not say which Table yet, so there is nothing to pick from. A table admin sets its target in the field editor."
+    ] });
+  }
+  const titleOf = (recordId) => words[recordId] ?? "Loading\u2026";
+  const full = field.multi && field.relation_max !== null && picked.length >= field.relation_max;
+  const toggle = (recordId) => {
+    if (!field.multi) {
+      onChange(picked[0] === recordId ? null : recordId);
+      setOpen(false);
+      return;
+    }
+    const next = new Set(picked);
+    if (next.has(recordId)) next.delete(recordId);
+    else if (!full) next.add(recordId);
+    onChange(next.size === 0 ? null : [...next]);
+  };
+  const targetWord = (target?.label_singular ?? "").trim() || (target?.name ?? "").trim() || "record";
+  const create = async (rawTitle) => {
+    const title = rawTitle.trim();
+    const tableId = field.relation_target;
+    if (!tableId || title === "" || busy) return;
+    if (!target) {
+      setCreateRefusal(refusal("unreachable", "Still reading that Table.", "Try again in a moment."));
+      return;
+    }
+    const titleField = target.title_field;
+    if (!titleField) {
+      setCreateRefusal(
+        refusal(
+          "not_supported",
+          `${target.name} has no column that names a record yet, so a new one would have nothing to show here.`,
+          "A table admin picks its title column in that table's settings."
+        )
+      );
+      return;
+    }
+    setBusy(true);
+    setCreateRefusal(null);
+    const written = await client.recordWrite({ table_id: tableId, data: { [titleField]: title } });
+    if (!written.ok) {
+      setBusy(false);
+      setCreateRefusal(written.error);
+      return;
+    }
+    const createdId = String(written.data);
+    const refreshed = await client.list({ table_id: tableId, limit: 200 });
+    if (refreshed.ok) setRows(refreshed.data.rows);
+    setBusy(false);
+    setCreating(false);
+    setNewTitle("");
+    setSearch("");
+    toggle(createdId);
+  };
+  const apart = tellApart(rows ?? [], titleOf);
+  const visible = rankTypedMatches(rows ?? [], search, (row) => [titleOf(row.id), apart.get(row.id) ?? ""]);
+  return (
+    // Never wider than where it is drawn (a grid cell beside a sticky column: B3-07) — chips truncate, the button wraps.
+    /* @__PURE__ */ jsxs4("div", { className: cn4("flex min-w-0 max-w-full flex-wrap items-center gap-1", className), children: [
+      picked.map((recordId) => /* @__PURE__ */ jsx4(
+        RecordChip,
+        {
+          title: titleOf(recordId),
+          ...disabled ? {} : { onRemove: () => toggle(recordId) }
+        },
+        recordId
+      )),
+      disabled ? null : (
+        // THE ONE "PICK OR ADD" BUILDER (PickOrAdd.tsx) — the choice editor draws the same one.
+        /* @__PURE__ */ jsx4(
+          PickOrAdd,
+          {
+            triggerId: id,
+            triggerLabel: `Pick for ${fieldName(field)}`,
+            triggerText: picked.length === 0 ? "Pick" : "Change",
+            open,
+            onOpenChange: setOpen,
+            search,
+            onSearch: setSearch,
+            items: visible.map((row) => ({
+              id: row.id,
+              label: titleOf(row.id),
+              detail: apart.get(row.id) ?? null,
+              picked: picked.includes(row.id),
+              title: apart.has(row.id) ? `${titleOf(row.id)} \u2014 ${apart.get(row.id)}` : titleOf(row.id),
+              attrs: { "data-relation-candidate": row.id }
+            })),
+            onPick: toggle,
+            notice: /* @__PURE__ */ jsxs4(Fragment2, { children: [
+              refusal2 ? /* @__PURE__ */ jsx4(RefusalLine, { error: refusal2, className: "p-2" }) : null,
+              !rows && !refusal2 ? /* @__PURE__ */ jsx4("p", { className: "p-2 text-xs text-muted-foreground", children: "Reading\u2026" }) : null,
+              full ? /* @__PURE__ */ jsxs4("p", { className: "p-2 text-xs text-muted-foreground", children: [
+                fieldName(field),
+                " can point at ",
+                field.relation_max,
+                " at most. Remove one to add another."
+              ] }) : null
+            ] }),
+            empty: rows ? /* @__PURE__ */ jsx4("p", { className: "p-2 text-xs text-muted-foreground", children: "Nothing in that table matches." }) : null,
+            add: allowCreate && !full && !targetRefusal && target && !creating ? {
+              label: search.trim() !== "" ? `Create \u201C${search.trim()}\u201D` : `New ${targetWord}`,
+              disabled: busy,
+              // TYPED SOMETHING THAT IS NOT THERE? That IS the name. The champions
+              // (Airtable, Notion) make the search text the new record's title in one
+              // press; an empty box asks for one.
+              onAdd: () => {
+                if (search.trim() !== "") void create(search);
+                else {
+                  setNewTitle("");
+                  setCreating(true);
+                }
+              }
+            } : null,
+            foot: !allowCreate || full ? void 0 : targetRefusal ? /* @__PURE__ */ jsx4(RefusalLine, { error: targetRefusal, className: "p-2" }) : !target ? /* @__PURE__ */ jsx4("p", { className: "p-2 text-xs text-muted-foreground", children: "Reading that table\u2026" }) : creating ? /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-1 p-1", children: [
+              /* @__PURE__ */ jsx4(
+                BasicInput3,
+                {
+                  autoFocus: true,
+                  value: newTitle,
+                  onChange: (e) => setNewTitle(e.target.value),
+                  onKeyDown: (e) => {
+                    if (e.key === "Enter") {
+                      e.preventDefault();
+                      void create(newTitle);
+                    }
+                  },
+                  placeholder: `New ${targetWord}`,
+                  className: "h-7 flex-1 text-xs",
+                  "aria-label": `Name the new ${targetWord}`
+                }
+              ),
+              /* @__PURE__ */ jsx4(
+                Button2,
+                {
+                  type: "button",
+                  size: "sm",
+                  variant: "default",
+                  disabled: busy || newTitle.trim() === "",
+                  onClick: () => void create(newTitle),
+                  children: busy ? "Creating\u2026" : "Create"
+                }
+              )
+            ] }) : void 0,
+            footNote: allowCreate && !full && createRefusal ? (
+              // The typed title is still in the search box: the notice owns the
+              // two doors out (lane REFUSAL-SWEEP).
+              /* @__PURE__ */ jsx4(
+                RefusalNotice,
+                {
+                  error: createRefusal,
+                  className: "mt-1 max-w-72",
+                  onKeepEditing: () => setCreateRefusal(null),
+                  onDiscard: () => {
+                    setCreateRefusal(null);
+                    setSearch("");
+                  }
+                }
+              )
+            ) : null
+          }
+        )
+      )
+    ] })
+  );
+}
+
+// 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 { Badge, Button as Button5 } from "@ai-matrx/design-system";
+
+// src/host.tsx
+import { createContext, useContext, useMemo as useMemo2 } from "react";
+import { useMyLevel, useMyLevels } from "@ai-matrx/records/react";
+
+// src/rights.ts
+import { atLeast } from "@ai-matrx/records";
+var LEVEL_WORD = {
+  viewer: "Viewer",
+  commenter: "Commenter",
+  editor: "Editor",
+  admin: "Admin"
+};
+var NEEDS = {
+  read: "viewer",
+  // custom.io_comment_write
+  comment: "commenter",
+  // custom.record_update / custom.record_write
+  write: "editor",
+  // custom.record_delete
+  remove: "editor",
+  // custom.share_grant — passing your access on is an administrator's right
+  share: "admin",
+  // custom.field_declare / field_update / field_retire / table settings
+  structure: "admin"
+};
+var NOT_YET = "Still asking the store what you may do here. Nothing is offered until it has answered.";
+var NOTHING_AT_ALL = "You have not been given this. Ask somebody who administers it to share it with you.";
+function sentenceFor(what, level) {
+  if (level === null) return NOTHING_AT_ALL;
+  const need = LEVEL_WORD[NEEDS[what]];
+  const have = LEVEL_WORD[level];
+  const doing = {
+    read: "open this",
+    comment: "leave a comment",
+    write: "change anything here",
+    remove: "delete this",
+    share: "pass this on to somebody else",
+    structure: "change the columns of this table"
+  };
+  return `You are ${have} here, and it takes ${need} to ${doing[what]}. Ask somebody who is Admin on it to move you up.`;
+}
+function whatYouMayDo(level, known = true) {
+  const may = (what) => known && atLeast(level, NEEDS[what]);
+  return {
+    level: known ? level : null,
+    known,
+    read: may("read"),
+    comment: may("comment"),
+    write: may("write"),
+    remove: may("remove"),
+    share: may("share"),
+    structure: may("structure"),
+    why: (what) => known ? sentenceFor(what, level) : NOT_YET
+  };
+}
+var NOT_ANSWERED_YET = whatYouMayDo(null, false);
+
+// src/host.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
+function tableRights(may, overallReason) {
+  return {
+    ...may,
+    admin: may.structure,
+    reason: overallReason ?? (may.structure ? "" : may.why("structure"))
+  };
+}
+var NO_RIGHTS = tableRights(NOT_ANSWERED_YET);
+var NO_MEMBERS_REASON = "This app cannot offer the people in your organization on this screen yet, so there is nobody to pick. Type the person's name into a text field for now, and tell us \u2014 it is on our list, not yours.";
+var NO_UPLOAD_REASON = "This screen cannot take a file yet, so there is no chooser here rather than one that loses what you pick. Put a link to the file in a text field for now. It is on our list, not yours.";
+var HostContext = createContext(null);
+function useRecordsUi() {
+  return useContext(HostContext) ?? {};
+}
+
+// src/labels.tsx
+import { createContext as createContext2, useCallback, useContext as useContext2, useEffect as useEffect5, useMemo as useMemo3, useRef as useRef3, useState as useState5 } from "react";
+import { useRecordsClient } from "@ai-matrx/records/react";
+import { newerKindExportWords, optionKey } from "@ai-matrx/records";
+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 { 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) {
+  return typeof value === "string" && DRAWN.test(value) ? value : null;
+}
+var SIGNED_WORD = "Signed";
+function signatureWords(value) {
+  if (value === null || value === void 0 || value === "") return null;
+  return drawnSignatureOf(value) ? SIGNED_WORD : String(value);
+}
+function SignatureValue({ value, inCell }) {
+  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")
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx6("span", { className: "font-serif italic", children: String(value) });
+}
+var INK = "#111827";
+var SIGNATURE_BUDGET_BYTES = 6e4;
+var SIGNATURE_TOO_DETAILED = "Too detailed to save \u2014 clear and sign again.";
+function SignaturePad({
+  value,
+  onChange,
+  disabled,
+  id,
+  className
+}) {
+  const kept = drawnSignatureOf(value);
+  const named = !kept && typeof value === "string" && value !== "" ? value : null;
+  const [showPad, setShowPad] = useState4(() => !kept && !named);
+  const canvasRef = useRef2(null);
+  const drawing = useRef2(false);
+  const [dirty, setDirty] = useState4(false);
+  const [tooBig, setTooBig] = useState4(false);
+  useEffect4(() => {
+    if (!showPad) return;
+    const canvas = canvasRef.current;
+    if (!canvas) return;
+    const ratio = window.devicePixelRatio || 1;
+    const rect = canvas.getBoundingClientRect();
+    canvas.width = Math.round(rect.width * ratio);
+    canvas.height = Math.round(rect.height * ratio);
+    const context = canvas.getContext("2d");
+    if (!context) return;
+    context.scale(ratio, ratio);
+    context.lineWidth = 2.2;
+    context.lineCap = "round";
+    context.lineJoin = "round";
+    context.strokeStyle = INK;
+  }, [showPad]);
+  const point = (event) => {
+    const rect = event.currentTarget.getBoundingClientRect();
+    return { x: event.clientX - rect.left, y: event.clientY - rect.top };
+  };
+  const start = (event) => {
+    if (disabled) return;
+    event.currentTarget.setPointerCapture?.(event.pointerId);
+    const context = canvasRef.current?.getContext("2d");
+    if (!context) return;
+    const { x, y } = point(event);
+    context.beginPath();
+    context.moveTo(x, y);
+    drawing.current = true;
+  };
+  const move = (event) => {
+    if (!drawing.current) return;
+    const context = canvasRef.current?.getContext("2d");
+    if (!context) return;
+    const { x, y } = point(event);
+    context.lineTo(x, y);
+    context.stroke();
+    if (!dirty) setDirty(true);
+  };
+  const end = () => {
+    if (!drawing.current) return;
+    drawing.current = false;
+    const canvas = canvasRef.current;
+    if (!canvas) return;
+    const fitted = fitDrawing(canvas);
+    setTooBig(fitted === null);
+    onChange(fitted);
+    setDirty(true);
+  };
+  const clear = () => {
+    const canvas = canvasRef.current;
+    const context = canvas?.getContext("2d");
+    if (canvas && context) {
+      context.save();
+      context.setTransform(1, 0, 0, 1, 0, 0);
+      context.clearRect(0, 0, canvas.width, canvas.height);
+      context.restore();
+    }
+    setDirty(false);
+    setTooBig(false);
+    setShowPad(true);
+    onChange(null);
+  };
+  if (!showPad) {
+    return /* @__PURE__ */ jsxs5("div", { id, className: cn5("flex items-center justify-between gap-2 rounded-md border px-3 py-2", className), children: [
+      /* @__PURE__ */ jsx6(SignatureValue, { value }),
+      !disabled ? /* @__PURE__ */ jsx6(Button3, { type: "button", variant: "ghost", size: "sm", onClick: clear, children: "Sign again" }) : null
+    ] });
+  }
+  return /* @__PURE__ */ jsxs5("div", { className: cn5("flex w-full flex-col gap-1", className), children: [
+    /* @__PURE__ */ jsxs5("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx6(
+        "canvas",
+        {
+          id,
+          ref: canvasRef,
+          role: "img",
+          "aria-label": "Signature pad",
+          "data-records-signature-pad": "",
+          onPointerDown: start,
+          onPointerMove: move,
+          onPointerUp: end,
+          onPointerLeave: end,
+          onPointerCancel: end,
+          className: cn5(
+            "block h-36 w-full touch-none rounded-md border border-border bg-white",
+            disabled ? "cursor-not-allowed opacity-60" : "cursor-crosshair"
+          )
+        }
+      ),
+      !dirty ? /* @__PURE__ */ jsx6("span", { className: "pointer-events-none absolute inset-x-0 bottom-3 text-center text-xs text-neutral-400", children: "Sign here" }) : null
+    ] }),
+    /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-end gap-2", children: [
+      tooBig ? /* @__PURE__ */ jsx6(
+        ErrorBox2,
+        {
+          as: "span",
+          className: "mr-auto text-xs text-destructive",
+          message: SIGNATURE_TOO_DETAILED,
+          operation: "Save a signature",
+          origin: "records-ui/signature"
+        }
+      ) : null,
+      /* @__PURE__ */ jsx6(Button3, { type: "button", variant: "ghost", size: "sm", onClick: clear, disabled: disabled || !dirty, children: "Clear" })
+    ] })
+  ] });
+}
+var LADDER = [
+  ["image/png", 600, 1],
+  ["image/png", 400, 1],
+  ["image/jpeg", 600, 0.7],
+  ["image/jpeg", 400, 0.6],
+  ["image/jpeg", 300, 0.5]
+];
+function fitDrawing(canvas) {
+  for (const [type, maxWidth, quality] of LADDER) {
+    const encoded = encodeAt(canvas, type, maxWidth, quality);
+    if (encoded && encoded.length <= SIGNATURE_BUDGET_BYTES) return encoded;
+  }
+  return null;
+}
+function encodeAt(canvas, type, maxWidth, quality) {
+  const width = Math.min(maxWidth, canvas.width || maxWidth);
+  const scale = canvas.width > 0 ? width / canvas.width : 1;
+  const out = document.createElement("canvas");
+  out.width = width;
+  out.height = Math.max(1, Math.round((canvas.height || 1) * scale));
+  const context = out.getContext("2d");
+  if (!context) return null;
+  if (type === "image/jpeg") {
+    context.fillStyle = "#ffffff";
+    context.fillRect(0, 0, out.width, out.height);
+  }
+  context.drawImage(canvas, 0, 0, out.width, out.height);
+  return out.toDataURL(type, quality);
+}
+
+// src/labels.tsx
+import { jsx as jsx7 } from "react/jsx-runtime";
+var LabelContext = createContext2({
+  // With no provider the resolver is ABSENT, not silently empty: a caller gets
+  // null and says "Loading…" forever, which is visible. The mount always
+  // provides one, so this is only ever a bare unit test.
+  lookup: () => null,
+  want: () => {
+  },
+  waiting: () => null
+});
+var SAY_WHAT_YOU_ARE_WAITING_FOR_AFTER_MS = 1e3;
+function waitingLineFor(field, target) {
+  return field.type === "list" ? "Reading this column\u2019s list of choices\u2026" : `Reading the ${target ?? "records"} this column points at\u2026`;
+}
+function idsOf(value) {
+  if (Array.isArray(value)) return value.map(String).filter(isId);
+  if (typeof value === "string" && isId(value)) return [value];
+  return [];
+}
+function choiceKeyName(fieldId, key) {
+  return `${fieldId}\0key\0${key}`;
+}
+function isId(value) {
+  return typeof value === "string" && isUuidShape2(value);
+}
+function pointsAtRecords(field) {
+  return field.type === "list" || field.type === "relation";
+}
+function RecordLabelProvider({ children }) {
+  const client = useRecordsClient();
+  const [names, setNames] = useState5({});
+  const [archivedRefs, setArchivedRefs] = useState5({});
+  const [settled, setSettled] = useState5({});
+  const [waitingLines, setWaitingLines] = useState5({});
+  const asked2 = useRef3(/* @__PURE__ */ new Set());
+  const chased = useRef3(/* @__PURE__ */ new Set());
+  const timers = useRef3(/* @__PURE__ */ new Map());
+  const startWaitClock = useCallback((field, target) => {
+    if (timers.current.has(field.id)) return;
+    timers.current.set(
+      field.id,
+      setTimeout(() => {
+        timers.current.delete(field.id);
+        setWaitingLines(
+          (current) => current[field.id] ? current : { ...current, [field.id]: waitingLineFor(field, target) }
+        );
+      }, SAY_WHAT_YOU_ARE_WAITING_FOR_AFTER_MS)
+    );
+  }, []);
+  const stopWaitClock = useCallback((fieldId) => {
+    const timer = timers.current.get(fieldId);
+    if (timer) {
+      clearTimeout(timer);
+      timers.current.delete(fieldId);
+    }
+    setWaitingLines((current) => {
+      if (!current[fieldId]) return current;
+      const next = { ...current };
+      delete next[fieldId];
+      return next;
+    });
+  }, []);
+  useEffect5(
+    () => () => {
+      for (const timer of timers.current.values()) clearTimeout(timer);
+      timers.current.clear();
+    },
+    []
+  );
+  const want = useCallback(
+    (field) => {
+      if (!pointsAtRecords(field)) return;
+      if (asked2.current.has(field.id)) return;
+      asked2.current.add(field.id);
+      startWaitClock(field, null);
+      void (async () => {
+        if (field.type === "list") {
+          const result = await client.fieldOptions({ field_id: field.id });
+          if (result.ok) {
+            setNames((current) => {
+              const next = { ...current };
+              for (const option of result.data ?? []) {
+                const words = recordName(option.data, null, "Unnamed choice");
+                next[option.id] = words;
+                const key = optionKey(option);
+                if (key) next[choiceKeyName(field.id, key)] = words;
+              }
+              return next;
+            });
+          }
+          setSettled((current) => ({ ...current, [field.id]: true }));
+          stopWaitClock(field.id);
+          return;
+        }
+        if (!field.relation_target) {
+          setSettled((current) => ({ ...current, [field.id]: true }));
+          stopWaitClock(field.id);
+          return;
+        }
+        setSettled((current) => ({ ...current, [field.id]: true }));
+      })();
+    },
+    [client, startWaitClock, stopWaitClock]
+  );
+  const queued = useRef3(/* @__PURE__ */ new Map());
+  const flushing = useRef3(null);
+  const flush = useCallback(() => {
+    flushing.current = null;
+    const batch = [...queued.current.values()];
+    queued.current.clear();
+    if (batch.length === 0) return;
+    void (async () => {
+      const learned = {};
+      const archivedNow = {};
+      await Promise.all(
+        batch.map(async ({ field, ids }) => {
+          const wanted = [...ids];
+          const result = await client.relationWordsMany({
+            field_id: field.id,
+            record_ids: wanted
+          });
+          for (const id of wanted) {
+            const words = result.ok ? result.data[id] : void 0;
+            learned[id] = typeof words === "string" && words !== "" ? words : WITHHELD_RECORD_LABEL;
+          }
+          if (result.ok) for (const id of result.archived ?? []) archivedNow[`${field.id}:${id}`] = true;
+        })
+      );
+      setNames((current) => ({ ...current, ...learned }));
+      if (Object.keys(archivedNow).length > 0) setArchivedRefs((current) => ({ ...current, ...archivedNow }));
+      for (const { field } of batch) stopWaitClock(field.id);
+    })();
+  }, [client, stopWaitClock]);
+  const chase = useCallback(
+    (field, id) => {
+      const key = `${field.id}:${id}`;
+      if (chased.current.has(key)) return;
+      chased.current.add(key);
+      const pending = queued.current.get(field.id);
+      if (pending) pending.ids.add(id);
+      else queued.current.set(field.id, { field, ids: /* @__PURE__ */ new Set([id]) });
+      startWaitClock(field, null);
+      if (flushing.current === null) flushing.current = setTimeout(flush, 0);
+    },
+    [flush, startWaitClock]
+  );
+  useEffect5(
+    () => () => {
+      if (flushing.current !== null) clearTimeout(flushing.current);
+    },
+    []
+  );
+  const rereadFor = useRef3(/* @__PURE__ */ new Set());
+  const lookupWords = useCallback(
+    (field, id) => {
+      if (field.type === "list" && !isId(id)) {
+        const named = names[choiceKeyName(field.id, id)];
+        if (named !== void 0) return named;
+        const once = choiceKeyName(field.id, id);
+        if (settled[field.id] && !rereadFor.current.has(once)) {
+          rereadFor.current.add(once);
+          asked2.current.delete(field.id);
+          want(field);
+        }
+        return null;
+      }
+      const known = names[id];
+      if (known !== void 0) return known;
+      if (settled[field.id]) chase(field, id);
+      return null;
+    },
+    [names, settled, chase, want]
+  );
+  const lookup = useMemo3(
+    () => {
+      const answer = ((field, id) => lookupWords(field, id));
+      answer.archived = (field, id) => archivedRefs[`${field.id}:${id}`] === true;
+      return answer;
+    },
+    [lookupWords, archivedRefs]
+  );
+  const waiting = useCallback((field) => waitingLines[field.id] ?? null, [waitingLines]);
+  const value = useMemo3(() => ({ lookup, want, waiting }), [lookup, want, waiting]);
+  return /* @__PURE__ */ jsx7(LabelContext.Provider, { value, children });
+}
+function useRecordLabels(fields) {
+  const { lookup, want } = useContext2(LabelContext);
+  useEffect5(() => {
+    for (const field of fields ?? []) want(field);
+  }, [fields, want]);
+  return lookup;
+}
+
+// src/FilePicker.tsx
+import { useCallback as useCallback2, useId, useRef as useRef4, useState as useState6 } from "react";
+import { Button as Button4, cn as cn6 } from "@ai-matrx/design-system";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+function FilePicker({
+  label,
+  accept,
+  inputLabel,
+  hint,
+  disabled = false,
+  onFile,
+  onClear,
+  chosenName,
+  className
+}) {
+  const inputId = useId();
+  const input = useRef4(null);
+  const [over, setOver] = useState6(false);
+  const take = useCallback2(
+    (file) => {
+      if (!file || disabled) return;
+      onFile(file);
+    },
+    [disabled, onFile]
+  );
+  const onDrop = useCallback2(
+    (e) => {
+      e.preventDefault();
+      setOver(false);
+      take(e.dataTransfer?.files?.[0]);
+    },
+    [take]
+  );
+  return /* @__PURE__ */ jsxs6(
+    "div",
+    {
+      "data-matrx-file-picker": true,
+      className: cn6("flex min-w-0 flex-col gap-1", className),
+      onDragOver: (e) => {
+        if (disabled) return;
+        e.preventDefault();
+        setOver(true);
+      },
+      onDragLeave: () => setOver(false),
+      onDrop,
+      children: [
+        /* @__PURE__ */ jsxs6(
+          "div",
+          {
+            className: cn6(
+              "flex min-w-0 flex-wrap items-center gap-2 rounded-md border border-dashed px-2 py-1.5",
+              over ? "border-primary bg-primary/5" : "border-border",
+              disabled && "opacity-60"
+            ),
+            children: [
+              /* @__PURE__ */ jsx8(
+                "input",
+                {
+                  ref: input,
+                  id: inputId,
+                  type: "file",
+                  "aria-label": inputLabel ?? label,
+                  tabIndex: -1,
+                  ...accept ? { accept } : {},
+                  disabled,
+                  className: "sr-only",
+                  onChange: (e) => {
+                    take(e.target.files?.[0]);
+                    e.target.value = "";
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx8(
+                Button4,
+                {
+                  type: "button",
+                  size: "sm",
+                  variant: "outline",
+                  disabled,
+                  onClick: () => input.current?.click(),
+                  children: chosenName ? "Choose a different file" : label
+                }
+              ),
+              chosenName ? /* @__PURE__ */ jsx8("span", { className: "min-w-0 flex-1 truncate text-xs", title: chosenName, children: chosenName }) : /* @__PURE__ */ jsx8("span", { className: "text-xs text-muted-foreground", children: "or drop it here" }),
+              chosenName && onClear ? /* @__PURE__ */ jsx8(Button4, { type: "button", size: "sm", variant: "ghost", disabled, onClick: onClear, children: "Cancel" }) : null
+            ]
+          }
+        ),
+        hint && !chosenName ? /* @__PURE__ */ jsx8("p", { className: "text-xs text-muted-foreground", children: hint }) : null
+      ]
+    }
+  );
+}
+
+// src/gridAttachments.tsx
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+function attachmentIdsOf(value) {
+  return idsOf(value);
+}
+function withAttached(field, value, added) {
+  const held = attachmentIdsOf(value);
+  if (!field.multi) return added.length > 0 ? added[added.length - 1] : held[0] ?? null;
+  const next = [...held];
+  for (const id of added) if (!next.includes(id)) next.push(id);
+  return next.length > 0 ? next : null;
+}
+function withoutAttached(field, value, removed) {
+  const next = attachmentIdsOf(value).filter((id) => id !== removed);
+  if (!field.multi) return next[0] ?? null;
+  return next.length > 0 ? next : null;
+}
+var handedHostFileIds = /* @__PURE__ */ new Set();
+function rememberHostFileIds(ids) {
+  for (const id of ids) handedHostFileIds.add(id);
+}
+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 host = useRecordsUi();
+  const [read, setRead] = useState7(null);
+  useEffect6(() => {
+    let cancelled = false;
+    if (!client) {
+      setRead({ name: null, fileId: null, why: null });
+      return;
+    }
+    if (handedHostFileIds.has(id)) {
+      setRead({ name: null, fileId: id, why: null });
+      return;
+    }
+    void client.recordRead({ record_id: id }).then((answered) => {
+      if (cancelled) return;
+      if (!answered.ok) {
+        setRead({ name: null, fileId: id, why: refusalSentence(answered.error) });
+        return;
+      }
+      const doc = answered.data.document ?? {};
+      const fileId = typeof doc["file_id"] === "string" ? doc["file_id"] : null;
+      const name = typeof doc["name"] === "string" && doc["name"] !== "" ? doc["name"] : null;
+      setRead({ name, fileId, why: null });
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [client, id]);
+  const words = read?.name ?? (read ? FILE_CHIP_UNREAD : "\u2026");
+  const href = read?.fileId ? host.hrefForFile?.({ fileId: read.fileId }) : void 0;
+  const title = href ? `Open ${words}` : read?.why ?? FILE_CHIP_NO_PAGE;
+  return /* @__PURE__ */ jsxs7(Badge, { variant: "secondary", className: "max-w-[14rem] gap-1 text-[11px]", "data-records-file-chip": id, title, children: [
+    href ? /* @__PURE__ */ jsx9(
+      "a",
+      {
+        href,
+        target: "_blank",
+        rel: "noreferrer",
+        className: "truncate underline-offset-2 hover:underline",
+        "data-records-file-link": read?.fileId ?? "",
+        onClick: (event) => event.stopPropagation(),
+        onMouseDown: (event) => event.stopPropagation(),
+        children: words
+      }
+    ) : /* @__PURE__ */ jsx9("span", { className: "truncate", children: words }),
+    onRemove ? /* @__PURE__ */ jsx9(
+      "button",
+      {
+        type: "button",
+        "aria-label": `Remove ${words}`,
+        className: "shrink-0 rounded px-0.5 text-muted-foreground hover:text-foreground",
+        onClick: (event) => {
+          event.stopPropagation();
+          onRemove();
+        },
+        children: "\xD7"
+      }
+    ) : null
+  ] });
+}
+function AttachmentChips({ value, onRemove }) {
+  const ids = attachmentIdsOf(value);
+  if (ids.length === 0) return null;
+  return /* @__PURE__ */ jsx9("span", { className: "flex flex-wrap gap-1", "data-records-file-chips": "", children: ids.map((id) => /* @__PURE__ */ jsx9(AttachmentChip, { id, ...onRemove ? { onRemove: () => onRemove(id) } : {} }, id)) });
+}
+function hostTakesFiles(host) {
+  return Boolean(host.pickFiles || host.upload);
+}
+function AttachmentControl({
+  field,
+  value,
+  onChange,
+  disabled,
+  id,
+  autoOpen,
+  onClose
+}) {
+  const host = useRecordsUi();
+  const [busy, setBusy] = useState7(false);
+  const [why, setWhy] = useState7(null);
+  const latest = useRef5(value);
+  latest.current = value;
+  const multiple = Boolean(field.multi);
+  const pick = async () => {
+    if (!host.pickFiles || disabled) return;
+    setBusy(true);
+    setWhy(null);
+    try {
+      const picked = await host.pickFiles({ multiple });
+      if (picked && picked.length > 0) {
+        rememberHostFileIds(picked);
+        onChange(withAttached(field, latest.current, picked));
+      }
+    } catch (cause) {
+      setWhy(cause instanceof Error ? cause.message : String(cause));
+      setBusy(false);
+      return;
+    }
+    setBusy(false);
+    onClose?.();
+  };
+  const opened = useRef5(false);
+  useEffect6(() => {
+    if (!autoOpen || opened.current || !host.pickFiles) return;
+    opened.current = true;
+    void pick();
+  }, [autoOpen]);
+  if (!hostTakesFiles(host)) {
+    return /* @__PURE__ */ jsx9("p", { id, className: "rounded border border-dashed px-2 py-1 text-xs text-muted-foreground", "data-records-no-file-door": "", children: NO_UPLOAD_REASON });
+  }
+  return /* @__PURE__ */ jsxs7("span", { id, className: "flex flex-col gap-1", "data-records-attachment-editor": "", children: [
+    /* @__PURE__ */ jsx9(
+      AttachmentChips,
+      {
+        value,
+        ...disabled ? {} : { onRemove: (removed) => onChange(withoutAttached(field, latest.current, removed)) }
+      }
+    ),
+    /* @__PURE__ */ jsxs7("span", { className: "flex flex-wrap items-center gap-1", children: [
+      host.pickFiles ? /* @__PURE__ */ jsx9(Button5, { size: "sm", variant: "outline", disabled: disabled || busy, onClick: () => void pick(), "data-records-attach-files": "", children: busy ? "Choosing\u2026" : attachmentIdsOf(value).length > 0 ? "Add files\u2026" : "Attach files\u2026" }) : null,
+      host.upload ? /* @__PURE__ */ jsx9(
+        FilePicker,
+        {
+          label: "Upload a file",
+          inputLabel: `Upload a file to ${fieldName(field)}`,
+          disabled: disabled || busy,
+          onFile: (file) => {
+            setBusy(true);
+            setWhy(null);
+            void host.upload(file).then((result) => {
+              setBusy(false);
+              if (result.ok) {
+                rememberHostFileIds([result.fileId]);
+                onChange(withAttached(field, latest.current, [result.fileId]));
+              } else setWhy(result.reason);
+            });
+          }
+        }
+      ) : null
+    ] }),
+    why ? /* @__PURE__ */ jsx9(RefusalLine, { error: refusal("invalid_argument", why, "Pick another file, or try this one again.") }) : null
+  ] });
+}
+
+// src/EntityReferenceControl.tsx
+import { useMemo as useMemo4, useState as useState8 } 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";
+var WITHHELD_ENTITY_LABEL = "Something you have not been given access to";
+var ENTITY_REFERENCE_EMPTY = "Nothing is pointed at yet.";
+function entityReferenceText(value) {
+  const refs = entityRefsOf(value);
+  if (refs.length === 0) return "\u2014";
+  return refs.map((r) => r.label ?? WITHHELD_ENTITY_LABEL).join(", ");
+}
+function allowedKindsOf(field) {
+  const config = field.config ?? {};
+  const kinds = Array.isArray(config.allowed_types) ? config.allowed_types : [];
+  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 });
+}
+function WithWords(props) {
+  const refs = useMemo4(() => entityRefsOf(props.value), [props.value]);
+  const [known, setKnown] = useState8([]);
+  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 })),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [JSON.stringify(withKnown)]
+  );
+  const words = useEntityReferenceWords(unlabelled);
+  const picker = props.disabled ? null : /* @__PURE__ */ jsx10(
+    EntityReferencePicker,
+    {
+      field: props.field,
+      refs: withKnown,
+      onPick: (picked) => {
+        setKnown((k) => [...k.filter((x) => !(x.token === picked.token && x.id === picked.id)), picked]);
+        const multi = Boolean(props.field.multi);
+        const next = multi ? [...withKnown.filter((x) => !(x.token === picked.token && x.id === picked.id)), picked] : [picked];
+        props.onChange(entityRefsToWrite(next, multi));
+      }
+    }
+  );
+  return /* @__PURE__ */ jsx10(Chips, { ...props, value: withKnown, words, picker });
+}
+function EntityReferencePicker({
+  field,
+  refs,
+  onPick
+}) {
+  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 tokens = only ? [only] : allowed;
+  const found = useEntityReferenceSearch(tokens, search, open);
+  const multi = Boolean(field.multi);
+  const items = (found.data ?? []).map((r) => ({
+    id: `${r.token}:${r.id}`,
+    label: r.label ?? WITHHELD_ENTITY_LABEL,
+    detail: allowed.length > 1 ? labelOfKind(r.token) : null,
+    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(
+    Button6,
+    {
+      type: "button",
+      size: "sm",
+      variant: only === token ? "secondary" : "ghost",
+      className: "h-6 px-2 text-[11px]",
+      "aria-pressed": only === token,
+      onClick: () => setOnly(token),
+      children: token ? labelOfKind(token) : "Any"
+    },
+    token ?? "any"
+  )) }) : /* @__PURE__ */ jsxs8(
+    "select",
+    {
+      className: "mb-1 h-7 w-full rounded border border-border bg-background px-1 text-xs",
+      "aria-label": `Which kind \u2014 ${field.label}`,
+      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))
+      ]
+    }
+  ) : null;
+  const notice = /* @__PURE__ */ jsxs8(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
+  ] });
+  const kindWords = allowed.length === 1 ? labelOfKind(allowed[0]).toLowerCase() : "thing";
+  return /* @__PURE__ */ jsx10(
+    PickOrAdd,
+    {
+      triggerLabel: `Pick for ${field.label}`,
+      triggerText: refs.length > 0 && !multi ? "Change" : "Pick",
+      open,
+      onOpenChange: (next) => {
+        setOpen(next);
+        if (!next) setSearch("");
+      },
+      search,
+      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.` }),
+      onPick: (key) => {
+        const r = (found.data ?? []).find((x) => `${x.token}:${x.id}` === key);
+        if (!r) return;
+        onPick(r);
+        if (!multi) setOpen(false);
+      }
+    }
+  );
+}
+function Chips({
+  field,
+  value,
+  onChange,
+  disabled,
+  id,
+  className,
+  words,
+  picker
+}) {
+  const refs = useMemo4(() => entityRefsOf(value), [value]);
+  const labelOf = (token, refId, own3) => {
+    if (own3) return own3;
+    const read = words?.data?.find((w) => w.token === token && w.id === refId)?.label;
+    if (read) return read;
+    if (words === null) return "A linked item (its name is read when you are signed in)";
+    if (words.loading) return "Reading\u2026";
+    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,
+    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: [
+        label,
+        disabled ? null : /* @__PURE__ */ jsx10(
+          "button",
+          {
+            type: "button",
+            className: "ml-0.5 rounded-sm px-0.5 opacity-70 hover:opacity-100",
+            "aria-label": `Take ${label} off`,
+            onClick: () => {
+              const rest = refs.filter((x) => !(x.token === r.token && x.id === r.id));
+              onChange(entityRefsToWrite(rest, multi));
+            },
+            children: "\xD7"
+          }
+        )
+      ] }, `${r.token}:${r.id}`);
+    }),
+    picker
+  ] });
+}
+
+// src/PersonPicker.tsx
+import { useCallback as useCallback3, useEffect as useEffect7, useMemo as useMemo5, useRef as useRef6, useState as useState9 } from "react";
+import { rankTypedMatches as rankTypedMatches2 } from "@ai-matrx/records";
+import { useOptionalRecordsClient as useOptionalRecordsClient4 } from "@ai-matrx/records/react";
+import {
+  BasicInput as BasicInput4,
+  Button as Button7,
+  Popover as Popover2,
+  PopoverContent as PopoverContent2,
+  PopoverTrigger as PopoverTrigger2,
+  ScrollArea as ScrollArea2,
+  cn as cn8
+} from "@ai-matrx/design-system";
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+function personFromRow(row) {
+  const data = row.document ?? {};
+  const userId = data["user_id"];
+  return {
+    id: row.id,
+    userId: typeof userId === "string" && userId !== "" ? userId : null,
+    name: String(data["full_name"] ?? data["name"] ?? data["email"] ?? "").trim()
+  };
+}
+function memberName(member) {
+  const display = (member.name ?? "").trim();
+  if (display !== "") return display;
+  const email = (member.email ?? "").trim();
+  if (email !== "") return email;
+  return "A member with no name set";
+}
+async function personRecordForMember(client, personTableId, people, member) {
+  const held = people.find((p) => p.userId === member.userId);
+  if (held) return { ok: true, data: held.id };
+  const written = await client.recordWrite({
+    table_id: personTableId,
+    data: {
+      user_id: member.userId,
+      full_name: memberName(member),
+      ...member.email ? { email: member.email } : {}
+    }
+  });
+  return written;
+}
+function PersonPicker({ field, value, onChange, disabled, id, className, autoOpen, onClose, initialSearch }) {
+  const client = useOptionalRecordsClient4();
+  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 onCloseRef = useRef6(onClose);
+  onCloseRef.current = onClose;
+  const setOpen = useCallback3((next) => {
+    setOpenState(next);
+    if (!next) onCloseRef.current?.();
+  }, []);
+  const [busy, setBusy] = useState9(false);
+  const membersPort = host.members;
+  const personTable = field.relation_target;
+  const picked = useMemo5(
+    () => Array.isArray(value) ? value.map(String) : value === null || value === void 0 ? [] : [String(value)],
+    [value]
+  );
+  const load = useCallback3(async () => {
+    if (!membersPort || !client) return;
+    const [roster, records] = await Promise.all([
+      membersPort(),
+      personTable ? client.list({ table_id: personTable, limit: 500 }) : Promise.resolve(null)
+    ]);
+    setMembers(roster);
+    if (records && !records.ok) {
+      setError(records.error);
+      return;
+    }
+    setPeople(records ? records.data.rows.map(personFromRow).filter((p) => p.userId !== null) : []);
+  }, [membersPort, client, personTable]);
+  useEffect7(() => {
+    if (!open) return;
+    void load();
+  }, [open, load]);
+  useEffect7(() => {
+    if (picked.length === 0 || !personTable || people.length > 0 || !client) return;
+    let cancelled = false;
+    void client.list({ table_id: personTable, limit: 500 }).then((result) => {
+      if (cancelled || !result.ok) return;
+      setPeople(result.data.rows.map(personFromRow).filter((p) => p.userId !== null));
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [client, personTable, picked.length, people.length]);
+  const listed = rankTypedMatches2(members ?? [], search, memberName);
+  const keys = useListKeys({
+    count: listed.length,
+    resetOn: search,
+    onPick: (index) => {
+      const member = listed[index];
+      if (member && !busy) void pickRef.current?.(member);
+    },
+    onClose: () => setOpen(false)
+  });
+  const pickRef = useRef6(null);
+  if (!membersPort || !client) {
+    return /* @__PURE__ */ jsx11("p", { className: cn8("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: [
+      fieldName(field),
+      " is a person field, but it does not say which Table the people are records of yet, so there is nothing to pick from. A table admin sets its target in the field editor."
+    ] });
+  }
+  const nameOfRecord = (recordId) => {
+    const person = people.find((p) => p.id === recordId);
+    if (!person) return "Loading\u2026";
+    if (person.name !== "") return person.name;
+    const member = (members ?? []).find((m) => m.userId === person.userId);
+    return member ? memberName(member) : "A member with no name set";
+  };
+  const pick = async (member) => {
+    setBusy(true);
+    setError(null);
+    const resolved = await personRecordForMember(client, personTable, people, member);
+    setBusy(false);
+    if (!resolved.ok) {
+      setError(resolved.error);
+      return;
+    }
+    if (!people.some((p) => p.id === resolved.data)) {
+      setPeople((held) => [...held, { id: resolved.data, userId: member.userId, name: memberName(member) }]);
+    }
+    if (!field.multi) {
+      onChange(picked[0] === resolved.data ? null : resolved.data);
+      setOpen(false);
+      return;
+    }
+    const next = new Set(picked);
+    if (next.has(resolved.data)) next.delete(resolved.data);
+    else next.add(resolved.data);
+    onChange(next.size === 0 ? null : [...next]);
+  };
+  pickRef.current = pick;
+  const drop = (recordId) => {
+    const next = picked.filter((id2) => id2 !== recordId);
+    onChange(next.length === 0 ? null : field.multi ? next : next[0] ?? null);
+  };
+  const visible = listed;
+  const pickedUserIds = new Set(
+    picked.map((recordId) => people.find((p) => p.id === recordId)?.userId).filter(Boolean)
+  );
+  return /* @__PURE__ */ jsxs9("div", { className: cn8("flex flex-wrap items-center gap-1", className), children: [
+    picked.map((recordId) => /* @__PURE__ */ jsx11(
+      RecordChip,
+      {
+        title: nameOfRecord(recordId),
+        ...disabled ? {} : { onRemove: () => drop(recordId) }
+      },
+      recordId
+    )),
+    disabled ? null : /* @__PURE__ */ jsxs9(Popover2, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx11(PopoverTrigger2, { asChild: true, children: /* @__PURE__ */ jsx11(
+        Button7,
+        {
+          id,
+          type: "button",
+          size: "sm",
+          variant: "outline",
+          "aria-label": `Pick a person for ${fieldName(field)}`,
+          children: picked.length === 0 ? "Pick a person" : "Change"
+        }
+      ) }),
+      /* @__PURE__ */ jsxs9(
+        PopoverContent2,
+        {
+          sizing: "content",
+          className: "p-1",
+          align: "start",
+          "data-matrx-cell-editor": "",
+          onKeyDown: (event) => event.stopPropagation(),
+          children: [
+            /* @__PURE__ */ jsx11(
+              BasicInput4,
+              {
+                value: search,
+                onChange: (e) => setSearch(e.target.value),
+                onKeyDown: keys.onKeyDown,
+                autoFocus: true,
+                autoComplete: "off",
+                "aria-label": `Search people for ${fieldName(field)}`,
+                placeholder: "Search people",
+                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(
+                "button",
+                {
+                  type: "button",
+                  disabled: busy,
+                  "data-pick-highlighted": index === keys.highlight ? "" : void 0,
+                  onClick: () => void pick(member),
+                  className: cn8(
+                    "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: [
+                      "\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
+            ] })
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/presentation.ts
+import {
+  STYLE_COLORS,
+  parseTableStyle,
+  tableStyleIsEmpty
+} from "@ai-matrx/design-system/data-table";
+import { getFieldFormat } from "@ai-matrx/design-system/field-formats";
+import { newerKindOf as newerKindOf3, ratingMaxOf } from "@ai-matrx/records";
+var DRAWN_KINDS = /* @__PURE__ */ new Set(["select", "multi_select", "relation", "member", "person", "attachment", "file", "entity_reference", "checkbox", "boolean", "signature", "json"]);
+function shownAsOf(field) {
+  if (DRAWN_KINDS.has(String(editorKindFor(field)))) return void 0;
+  const raw = field.display_format;
+  if (!raw || typeof raw !== "object") return void 0;
+  const id = raw.id;
+  if (typeof id !== "string" || id === "formula" || !getFieldFormat(id)) return void 0;
+  const options = raw.options;
+  return options && typeof options === "object" && Object.keys(options).length > 0 ? { id, options } : { id };
+}
+function formatForField(field) {
+  const shownAs = shownAsOf(field);
+  if (newerKindOf3(field) === "rating" && (!shownAs || shownAs.id === "rating")) {
+    return { id: "rating", options: { ...shownAs?.options ?? {}, ratingMax: ratingMaxOf(field) } };
+  }
+  if (shownAs) return shownAs;
+  const stamp = dateFormatFor(field);
+  if (stamp && editorKindFor(field) !== "datetime") return stamp;
+  switch (editorKindFor(field)) {
+    case "currency":
+      return {
+        id: "currency",
+        options: { currency: currencyCodeFor(field.unit) }
+      };
+    case "percent":
+      return { id: "percent" };
+    case "datetime":
+      return String(field.config?.["kind"] ?? "") === "date" ? { id: "date" } : { id: "datetime" };
+    case "email":
+      return { id: "email" };
+    case "url":
+      return { id: "url" };
+    case "phone":
+      return { id: "phone" };
+    case "number":
+      return { id: "number" };
+    default:
+      return void 0;
+  }
+}
+var SYMBOL_TO_CODE = {
+  $: "USD",
+  "\xA3": "GBP",
+  "\u20AC": "EUR",
+  "\xA5": "JPY",
+  "\u20B9": "INR",
+  "\u20BD": "RUB",
+  "\u20A9": "KRW",
+  "R$": "BRL",
+  "C$": "CAD",
+  "A$": "AUD"
+};
+function currencyCodeFor(unit) {
+  const raw = (unit ?? "").trim();
+  if (raw === "") return "USD";
+  return SYMBOL_TO_CODE[raw] ?? raw.toUpperCase();
+}
+
+// src/formatControls.tsx
+import { useEffect as useEffect8, useRef as useRef8, useState as useState10 } 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";
+var LINK = "inline-flex min-w-0 items-center gap-1 text-primary hover:underline";
+var own2 = (event) => event.stopPropagation();
+function numberOf(value) {
+  if (typeof value === "number") return Number.isFinite(value) ? value : null;
+  if (typeof value === "string" && value.trim() !== "") {
+    const n = Number(value.replace(/[,\s%]/g, ""));
+    return Number.isFinite(n) ? n : null;
+  }
+  return null;
+}
+function RatingStars({
+  value,
+  max = 5,
+  onRate,
+  label,
+  selectFirst
+}) {
+  const armed = useRef7(true);
+  const score = numberOf(value) ?? 0;
+  const shown2 = Math.round(score);
+  const said = `${shown2} out of ${max}`;
+  return /* @__PURE__ */ jsx12(
+    "span",
+    {
+      "data-records-rating": "",
+      role: onRate ? "radiogroup" : "img",
+      "aria-label": label ? `${label}: ${said}` : said,
+      title: said,
+      className: "inline-flex items-center gap-0.5",
+      ...onRate ? { "data-matrx-cell-control": "" } : {},
+      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(
+          "button",
+          {
+            type: "button",
+            role: "radio",
+            "aria-checked": n === shown2,
+            "aria-label": `${n} out of ${max}`,
+            "data-records-rating-star": n,
+            className: "rounded px-px focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+            onMouseDown: (event) => {
+              if (!selectFirst) {
+                own2(event);
+                return;
+              }
+              armed.current = event.currentTarget.closest("td")?.hasAttribute("data-matrx-cell-active") === true;
+            },
+            onDoubleClick: own2,
+            onClick: (event) => {
+              event.stopPropagation();
+              if (selectFirst && event.detail !== 0 && !armed.current) return;
+              onRate(n === shown2 ? null : n);
+            },
+            children: star
+          },
+          n
+        ) : /* @__PURE__ */ jsx12("span", { children: star }, n);
+      })
+    }
+  );
+}
+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 }) });
+    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 }) });
+    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) }) });
+    case "address":
+      return /* @__PURE__ */ jsx12(
+        "a",
+        {
+          href: `https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(text)}`,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: LINK,
+          title: "Open in maps",
+          onClick: own2,
+          children: /* @__PURE__ */ jsx12("span", { className: "truncate", children: text })
+        }
+      );
+    case "progress": {
+      const n = numberOf(raw);
+      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(
+          "span",
+          {
+            role: "progressbar",
+            "aria-valuemin": 0,
+            "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}%` } })
+          }
+        ),
+        /* @__PURE__ */ jsx12("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 })
+      ] });
+    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}`)) });
+    }
+    case "rating":
+      return numberOf(raw) === null ? void 0 : /* @__PURE__ */ jsx12(RatingStars, { value: raw, max: format.options?.ratingMax ?? 5 });
+    default:
+      return void 0;
+  }
+}
+function FormattedValue({
+  value,
+  format,
+  onRate,
+  selectFirst
+}) {
+  const def = getFieldFormat2(format.id);
+  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 });
+  }
+  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;
+}
+function linkChipText(raw) {
+  try {
+    const url = new URL(raw.includes("://") ? raw : `https://${raw}`);
+    const host = url.hostname.replace(/^www\./, "");
+    const last = url.pathname.split("/").filter(Boolean).pop();
+    return last ? `${host} \xB7 ${decodeURIComponent(last)}` : host;
+  } catch {
+    return raw;
+  }
+}
+
+// src/formatControls.tsx
+import { jsx as jsx13, jsxs as jsxs11 } 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";
+}
+function typedText(format, value) {
+  if (value === null || value === void 0) return "";
+  if (typeof value === "number" && scaled(format)) return String(Math.round(value * 100 * 1e6) / 1e6);
+  return String(value);
+}
+function keptValue(format, raw) {
+  if (raw.trim() === "") return null;
+  const parsed = parseFieldInput(raw, format);
+  if (typeof parsed === "number" && scaled(format)) return Math.round(parsed / 100 * 1e9) / 1e9;
+  return parsed;
+}
+function NumberInFormat({ format, value, onChange, disabled, id }) {
+  const [text, setText] = useState10(() => typedText(format, value));
+  const lastSent = useRef8(void 0);
+  useEffect8(() => {
+    if (value === lastSent.current) return;
+    setText(typedText(format, value));
+  }, [value, format]);
+  return /* @__PURE__ */ jsx13(
+    BasicInput5,
+    {
+      id,
+      inputMode: "decimal",
+      className: "tabular-nums",
+      value: text,
+      disabled,
+      placeholder: format.id === "currency" ? "$0.00" : format.id === "percent" || format.id === "progress" ? "45%" : void 0,
+      onChange: (e) => {
+        setText(e.target.value);
+        const next = keptValue(format, e.target.value);
+        lastSent.current = next;
+        onChange(next);
+      }
+    }
+  );
+}
+function formatControl(args) {
+  const def = getFieldFormat3(args.format.id);
+  if (!def) return null;
+  const { format, value, onChange, disabled, id, label, ownDetails } = 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) }) });
+  }
+  if (TYPED_NUMBERS.has(def.id)) return /* @__PURE__ */ jsx13(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(
+        BasicInput5,
+        {
+          id,
+          type: def.editor,
+          ...ownDetails && def.editor !== "url" ? { autoComplete: def.editor === "email" ? "email" : "tel" } : {},
+          value: text,
+          disabled,
+          onChange: (e) => commit(e.target.value)
+        }
+      );
+    case "color":
+      return /* @__PURE__ */ jsxs11("span", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx13(
+          BasicInput5,
+          {
+            id: `${id}-swatch`,
+            type: "color",
+            "aria-label": `${label} \u2014 pick a colour`,
+            className: "h-8 w-12 p-1",
+            value: /^#[0-9a-fA-F]{6}$/.test(text) ? text : "#000000",
+            disabled,
+            onChange: (e) => commit(e.target.value)
+          }
+        ),
+        /* @__PURE__ */ jsx13(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) });
+    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 { readTypedDate, readTypedTime, typedDateText, typedTimeText } from "@ai-matrx/records";
+import { jsx as jsx14, jsxs as jsxs12 } 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) {
+  return String(n).padStart(2, "0");
+}
+function readBox(text, kind) {
+  if (kind === "time") {
+    const t = readTypedTime(text);
+    if (!t.ok) return { day: null, time: null };
+    const [h, m] = t.value.split(":").map(Number);
+    return { day: null, time: { h, m } };
+  }
+  const read = readTypedDate(text, { withTime: kind === "datetime" });
+  if (!read.ok) return { day: null, time: null };
+  if (kind === "datetime" && read.instant) {
+    const at = new Date(read.instant);
+    return { day: read.day, time: { h: at.getHours(), m: at.getMinutes() } };
+  }
+  return { day: read.day, time: null };
+}
+function wordsFor(kind, day, time) {
+  if (kind === "time") return time ? typedTimeText(time.h, time.m) : "";
+  if (!day) return "";
+  const dayText = typedDateText(day);
+  return kind === "datetime" && time ? `${dayText} ${typedTimeText(time.h, time.m)}` : dayText;
+}
+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" })
+  ] });
+}
+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" })
+  ] });
+}
+function TypedDateHelper({ kind, text, onText, label }) {
+  const [open, setOpen] = useState11(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 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();
+  const cells = [...Array.from({ length: first }, () => null), ...Array.from({ length: days }, (_, i) => i + 1)];
+  const todayKey = `${today.getFullYear()}-${pad(today.getMonth() + 1)}-${pad(today.getDate())}`;
+  const times = Array.from({ length: 48 }, (_, i) => ({ h: Math.floor(i / 2), m: i % 2 * 30 }));
+  const pickDay = (d) => {
+    const day = `${shown2.y}-${pad(shown2.m + 1)}-${pad(d)}`;
+    onText(wordsFor(kind, day, held.time));
+    if (kind === "date") setOpen(false);
+  };
+  const pickTime = (t) => {
+    const day = kind === "datetime" ? held.day ?? todayKey : null;
+    onText(wordsFor(kind, day, t));
+    setOpen(false);
+  };
+  const turn = (by) => {
+    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(
+      "button",
+      {
+        type: "button",
+        ...keepFocus,
+        "data-records-date-helper": "",
+        "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, {})
+      }
+    ) }),
+    /* @__PURE__ */ jsx14(
+      PopoverContent3,
+      {
+        sizing: "content",
+        align: "start",
+        className: "p-2",
+        "data-matrx-cell-editor": "",
+        "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: [
+                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__ */ 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)),
+              cells.map((d, i) => {
+                if (d === null) return /* @__PURE__ */ jsx14("span", {}, `blank-${i}`);
+                const key = `${shown2.y}-${pad(shown2.m + 1)}-${pad(d)}`;
+                return /* @__PURE__ */ jsx14(
+                  "button",
+                  {
+                    type: "button",
+                    ...keepFocus,
+                    "data-records-date-helper-day": key,
+                    className: cn10(
+                      "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" : ""
+                    ),
+                    onClick: () => pickDay(d),
+                    children: d
+                  },
+                  key
+                );
+              })
+            ] })
+          ] }),
+          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(
+            "button",
+            {
+              type: "button",
+              ...keepFocus,
+              "data-records-date-helper-time": `${pad(t.h)}:${pad(t.m)}`,
+              className: cn10(
+                "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" : ""
+              ),
+              onClick: () => pickTime(t),
+              children: typedTimeText(t.h, t.m)
+            },
+            `${t.h}:${t.m}`
+          )) })
+        ] })
+      }
+    )
+  ] });
+}
+
+// src/choiceNudge.ts
+import { useEffect as useEffect9, useState as useState12 } from "react";
+import { useOptionalRecordsClient as useOptionalRecordsClient5 } from "@ai-matrx/records/react";
+var asked = /* @__PURE__ */ new WeakMap();
+function choiceNudgeOf(client) {
+  let answer = asked.get(client);
+  if (!answer) {
+    answer = Promise.resolve().then(() => client.choiceNudge()).then(
+      (result) => result.ok ? result.data : "ask",
+      () => "ask"
+    );
+    asked.set(client, answer);
+  }
+  return answer;
+}
+function useChoiceNudge(enabled = true) {
+  const client = useOptionalRecordsClient5();
+  const [nudge, setNudge] = useState12(null);
+  useEffect9(() => {
+    if (!enabled || !client) return;
+    let live = true;
+    void choiceNudgeOf(client).then((answer) => {
+      if (live) setNudge(answer);
+    });
+    return () => {
+      live = false;
+    };
+  }, [client, enabled]);
+  if (!client) return "ask";
+  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";
+var CHOICE_EDITOR_ADDS_WHAT_IS_TYPED = true;
+function isChoiceAddition(value) {
+  return typeof value === "object" && value !== null && value.addingChoices === true;
+}
+function choiceAddition(value, add) {
+  return { addingChoices: true, value, add: [...add] };
+}
+function withoutAddition(value) {
+  return isChoiceAddition(value) ? { value: value.value, add: value.add } : { value, add: [] };
+}
+function quoted(words) {
+  const q = words.map((w) => `\u201C${w}\u201D`);
+  return q.length <= 1 ? q[0] ?? "" : `${q.slice(0, -1).join(", ")} and ${q[q.length - 1]}`;
+}
+function choiceAskSentence(field, words) {
+  return `Add ${quoted(words)} to the choices for ${fieldName(field)}?`;
+}
+function notAChoiceSentence(field, words) {
+  return `${quoted(words)} ${words.length === 1 ? "is" : "are"} not one of the choices for ${fieldName(field)}.`;
+}
+function ChoiceAskButtons({
+  field,
+  words,
+  keepOffered,
+  onAdd,
+  onKeep,
+  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" })
+    ] })
+  ] });
+}
+var FORMAT_BLIND_KINDS = /* @__PURE__ */ new Set(["formula", "lookup", "rollup", "json", "checkbox", "select", "multi_select", "member", "entity_reference", "relation", "attachment", "datetime"]);
+function isTypedDraft(value) {
+  return typeof value === "object" && value !== null && value.typedDraft === true;
+}
+function judgeTyped(field, text, choices, nudge) {
+  const trimmed = text.trim();
+  const kind = String(editorKindFor(field));
+  const format = formatForField(field);
+  if (trimmed === "") return { value: null };
+  if (format && format.id === "time") {
+    const read2 = readTypedTime2(trimmed);
+    return read2.ok ? { value: read2.value } : { refusal: `${fieldName(field)} holds a time of day, and ${read2.why}` };
+  }
+  if (kind === "select" || kind === "multi_select") {
+    if (!choices || nudge === null) return null;
+    const several = field.multi || kind === "multi_select";
+    const words = several ? trimmed.split(/\s*[,;\n]\s*/).filter(Boolean) : [trimmed];
+    const allowOther = allowsOtherValues(field);
+    const parts = [];
+    const add = [];
+    const ask = [];
+    const notChoices = [];
+    let keepOffered = allowOther;
+    for (const word of words) {
+      const decided = decideTypedChoice({ words: word, options: choices, allowOther, nudge });
+      if (decided.decision === "empty") continue;
+      if (decided.decision === "chosen") parts.push(decided.key);
+      else {
+        parts.push(decided.words);
+        if (decided.decision === "add") add.push(decided.words);
+        else if (decided.decision === "ask") {
+          ask.push(decided.words);
+          keepOffered = keepOffered && decided.keepOffered;
+        } else if (decided.decision === "not_a_choice") notChoices.push(decided.words);
+      }
+    }
+    const valueOf = (list) => several ? list : list[0] ?? null;
+    if (notChoices.length > 0) return { refusal: notAChoiceSentence(field, notChoices), cancelOnly: true };
+    if (ask.length > 0) {
+      return {
+        ask: { words: ask, keepOffered, onAdd: choiceAddition(valueOf(parts), [...add, ...ask]), asTyped: valueOf(parts) }
+      };
+    }
+    if (add.length > 0) return { value: choiceAddition(valueOf(parts), add) };
+    return { value: valueOf(parts) };
+  }
+  if (format && format.id === "rating") {
+    const n = Number(trimmed);
+    const max = format.options?.ratingMax ?? 5;
+    return Number.isInteger(n) && n >= 0 && n <= max ? { value: n === 0 ? null : n } : { refusal: `${fieldName(field)} is a rating from 1 to ${max}, and \u201C${text}\u201D is not one.` };
+  }
+  const showsAsPercent = Boolean(format && (format.id === "percent" || format.id === "progress"));
+  const read = coerceTypedAnswer(field, text, { label: fieldName(field), showsAsPercent });
+  if ("refusal" in read) return { refusal: read.refusal };
+  if (typeof read.value === "number" && format && (format.id === "percent" || format.id === "progress") && format.options?.percentScale === "fraction") {
+    return { value: Math.round(read.value / 100 * 1e9) / 1e9 };
+  }
+  return { value: read.value };
+}
+function dateHelperKind(field, value) {
+  const format = formatForField(field);
+  if (format && format.id === "time") return "time";
+  if (String(editorKindFor(field)) !== "datetime") return null;
+  return String(field.config?.["kind"] ?? "") === "datetime" || carriesTimeOfDay(field, value) ? "datetime" : "date";
+}
+function openingText(field, value) {
+  if (value === null || value === void 0 || value === "") return "";
+  const helper = dateHelperKind(field, value);
+  if (helper === "time") {
+    const read = readTypedTime2(String(value));
+    if (!read.ok) return String(value);
+    const [h, m] = read.value.split(":").map(Number);
+    return typedTimeText2(h, m);
+  }
+  if (helper) return typedDateText2(value, { withTime: helper === "datetime" });
+  const format = formatForField(field);
+  return format ? typedText(format, value) : String(value);
+}
+function TypedTextControl({ field, value, onChange, disabled, id, onCommit, onCancel }) {
+  const client = useOptionalRecordsClient6();
+  const kind = String(editorKindFor(field));
+  const needsChoices = kind === "select" || kind === "multi_select";
+  const nudge = useChoiceNudge(needsChoices);
+  const [choices, setChoices] = useState13(null);
+  useEffect10(() => {
+    if (!needsChoices || !client) return;
+    let cancelled = false;
+    void client.fieldOptions({ field_id: field.id }).then((result) => {
+      if (!cancelled) setChoices(result.ok ? inTheStoresOrder(result.data ?? []) : []);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [client, field.id, needsChoices]);
+  useEffect10(() => {
+    if (choices && nudge && value.judged === null) onChange({ ...value, judged: judgeTyped(field, value.text, choices, nudge) });
+  }, [choices, nudge, value, field, onChange]);
+  const judged = value.judged;
+  const format = formatForField(field);
+  const helper = dateHelperKind(field);
+  const retype = (text) => onChange({
+    typedDraft: true,
+    text,
+    judged: judgeTyped(field, text, needsChoices ? choices : void 0, needsChoices ? nudge : void 0),
+    ...value.openedAs !== void 0 ? { openedAs: value.openedAs } : {}
+  });
+  const box = /* @__PURE__ */ jsx15(
+    BasicInput6,
+    {
+      id,
+      value: value.text,
+      disabled,
+      autoComplete: "off",
+      "aria-label": fieldName(field),
+      "aria-invalid": judged !== null && "refusal" in judged ? true : void 0,
+      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: [
+      box,
+      /* @__PURE__ */ jsx15(TypedDateHelper, { kind: helper, text: value.text, onText: retype, label: fieldName(field) })
+    ] }) : box,
+    judged === null ? /* @__PURE__ */ jsxs13("span", { className: "text-[10px] text-muted-foreground", children: [
+      "Reading ",
+      fieldName(field),
+      "'s choices\u2026"
+    ] }) : "ask" in judged ? /* @__PURE__ */ jsx15(
+      ChoiceAskButtons,
+      {
+        field,
+        words: judged.ask.words,
+        keepOffered: judged.ask.keepOffered,
+        onAdd: () => {
+          onChange({ ...value, judged: { value: judged.ask.onAdd } });
+          onCommit?.();
+        },
+        onKeep: () => {
+          onChange({ ...value, judged: { value: judged.ask.asTyped } });
+          onCommit?.();
+        },
+        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: [
+      isChoiceAddition(judged.value) ? `Adds ${quoted(judged.value.add)} to the choices for ${fieldName(field)}. ` : null,
+      "Reads as",
+      " ",
+      needsChoices ? String(
+        (Array.isArray(withoutAddition(judged.value).value) ? withoutAddition(judged.value).value : [withoutAddition(judged.value).value]).map((k) => {
+          const option = choices?.find((o) => optionKey2(o) === k);
+          return option ? recordName(option.data, null, String(k)) : String(k);
+        }).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);
+      })()
+    ] })
+  ] });
+}
+function isPersonsName(field) {
+  const words = `${field.key} ${field.label ?? ""}`.toLowerCase();
+  return /(^|[\s_])(full[\s_]?)?name(\s|$)/.test(words) && !/(therapist|doctor|physician|company|business|pet|room)/.test(words);
+}
+function FieldControl({ field, value, onChange, disabled, id, autoOpen, onClose, onCommit, onCancel, addsChoices, initialSearch, asForm }) {
+  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 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_BLIND_KINDS.has(String(kind))) {
+    const own3 = formatControl({ format, value, onChange, disabled, id: inputId, label: fieldName(field), ownDetails });
+    if (own3) return own3;
+  }
+  switch (kind) {
+    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: [
+        value === null || value === void 0 ? "\u2014" : String(value),
+        /* @__PURE__ */ jsxs13("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 });
+    case "long_text":
+      return /* @__PURE__ */ jsx15(
+        BasicTextarea2,
+        {
+          id: inputId,
+          rows: 3,
+          value: value === null || value === void 0 ? "" : String(value),
+          disabled,
+          onChange: (e) => onChange(e.target.value === "" ? null : e.target.value)
+        }
+      );
+    case "number":
+    case "currency":
+    case "percent":
+      return /* @__PURE__ */ jsx15(
+        BasicInput6,
+        {
+          id: inputId,
+          type: "number",
+          inputMode: "decimal",
+          className: "tabular-nums",
+          value: value === null || value === void 0 ? "" : String(value),
+          disabled,
+          onChange: (e) => onChange(e.target.value === "" ? null : Number(e.target.value))
+        }
+      );
+    case "datetime":
+      return /* @__PURE__ */ jsx15(TypedWordsControl, { field, value, onChange, disabled, id: inputId });
+    case "email":
+    case "phone":
+    case "url":
+      return /* @__PURE__ */ jsx15(
+        BasicInput6,
+        {
+          id: inputId,
+          type: kind === "email" ? "email" : kind === "phone" ? "tel" : "url",
+          ...ownDetails && kind !== "url" ? { autoComplete: kind === "email" ? "email" : "tel" } : {},
+          value: value === null || value === void 0 ? "" : String(value),
+          disabled,
+          onChange: (e) => onChange(e.target.value === "" ? null : e.target.value)
+        }
+      );
+    case "checkbox":
+      return /* @__PURE__ */ jsx15(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 });
+    case "member":
+      return /* @__PURE__ */ jsx15(PersonPicker, { field, value, onChange, disabled, id: inputId, autoOpen, onClose, initialSearch });
+    case "entity_reference":
+      return /* @__PURE__ */ jsx15(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__ */ jsx15(RelationPicker, { field, value, onChange, disabled, id: inputId });
+    case "relation":
+      return /* @__PURE__ */ jsx15(RelationPicker, { field, value, onChange, disabled, id: inputId });
+    default:
+      if (typeof value === "boolean" || field.config?.["kind"] === "boolean") {
+        return /* @__PURE__ */ jsx15(
+          Checkbox,
+          {
+            id: inputId,
+            checked: value === true,
+            disabled,
+            onCheckedChange: (next) => onChange(next === true)
+          }
+        );
+      }
+      return /* @__PURE__ */ jsx15(
+        BasicInput6,
+        {
+          id: inputId,
+          ...ownDetails && isPersonsName(field) ? { autoComplete: "name" } : {},
+          value: value === null || value === void 0 ? "" : String(value),
+          disabled,
+          onChange: (e) => onChange(e.target.value === "" ? null : e.target.value)
+        }
+      );
+  }
+}
+function TypedWordsControl({ field, value, onChange, disabled, id }) {
+  const [text, setText] = useState13(() => openingText(field, value));
+  const [refusal2, setRefusal] = useState13(null);
+  const sent = useRef9(value);
+  useEffect10(() => {
+    if (value === sent.current) return;
+    sent.current = value;
+    setText(openingText(field, value));
+    setRefusal(null);
+  }, [value, field]);
+  const helper = dateHelperKind(field, value);
+  const retype = (next) => {
+    setText(next);
+    const judged = judgeTyped(field, next);
+    if (judged && "value" in judged) {
+      setRefusal(null);
+      sent.current = judged.value;
+      onChange(judged.value);
+    } else if (judged && "refusal" in judged) {
+      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(
+        BasicInput6,
+        {
+          id,
+          value: text,
+          disabled,
+          autoComplete: "off",
+          "aria-invalid": refusal2 ? true : void 0,
+          placeholder: helper === "time" ? "2:30 PM" : helper === "datetime" ? `${typedDateText2("2026-10-03")} 2:30 PM` : helper ? typedDateText2("2026-10-03") : void 0,
+          onChange: (e) => retype(e.target.value),
+          onBlur: () => {
+            if (!refusal2) return;
+            setText(openingText(field, sent.current));
+            setRefusal(null);
+          }
+        }
+      ),
+      helper && !disabled ? /* @__PURE__ */ jsx15(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
+  ] });
+}
+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(
+      Checkbox,
+      {
+        id,
+        checked: value === true,
+        disabled,
+        "aria-label": fieldName(field),
+        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(
+        Button8,
+        {
+          size: "sm",
+          variant: "ghost",
+          className: "h-5 px-1 text-[10px]",
+          disabled,
+          onClick: () => onChange(null),
+          children: "Clear"
+        }
+      )
+    ] })
+  ] });
+}
+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(
+      BasicTextarea2,
+      {
+        id,
+        rows: 4,
+        className: "font-mono text-[11px]",
+        value: text,
+        disabled,
+        onChange: (e) => {
+          const next = e.target.value;
+          setText(next);
+          if (next.trim() === "") {
+            setBroken(null);
+            onChange(null);
+            return;
+          }
+          try {
+            onChange(JSON.parse(next));
+            setBroken(null);
+          } catch (thrown) {
+            setBroken(
+              refusalFromThrown(
+                thrown,
+                `${fieldName(field)} is not readable as structured data yet.`,
+                "Fix the text so it reads as structured data, or discard it to put back what was there.",
+                "invalid_argument"
+              )
+            );
+          }
+        }
+      }
+    ),
+    broken ? (
+      // The typed text is still in the box: the notice owns the two doors out.
+      /* @__PURE__ */ jsx15(
+        RefusalNotice,
+        {
+          error: broken,
+          onKeepEditing: () => id ? document.getElementById(id)?.focus() : void 0,
+          onDiscard: () => {
+            setText(initial);
+            setBroken(null);
+          }
+        }
+      )
+    ) : null
+  ] });
+}
+function inTheStoresOrder(options) {
+  const position = (o) => {
+    const raw = o.metadata?.["option_position"];
+    const n = typeof raw === "number" ? raw : typeof raw === "string" ? Number(raw) : Number.NaN;
+    return Number.isFinite(n) ? n : Number.POSITIVE_INFINITY;
+  };
+  const made = (o) => String(o.created_at ?? "");
+  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);
+  useEffect10(() => {
+    if (!client) return;
+    let cancelled = false;
+    void client.fieldOptions({ field_id: field.id }).then((result) => {
+      if (cancelled) return;
+      if (result.ok) setOptions(inTheStoresOrder(result.data ?? []));
+      else setRefusal(result.error);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [client, field.id, reread]);
+  const handed = publicChoicesOf(field);
+  if (!client && handed.length > 0) {
+    return /* @__PURE__ */ jsx15(ChoiceAnswer, { field, choices: handed, value, onChange, disabled, id });
+  }
+  if (!client) {
+    return /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx15(
+        BasicInput6,
+        {
+          id,
+          value: value === null || value === void 0 ? "" : String(value),
+          disabled,
+          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." })
+    ] });
+  }
+  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" });
+  if (asForm && options.length > 0) {
+    const titled = (option) => recordName(option.data, null, "Unnamed choice");
+    return /* @__PURE__ */ jsx15(
+      ChoiceAnswer,
+      {
+        field,
+        choices: options.map((option) => ({ key: optionKey2(option), label: titled(option) })),
+        value,
+        onChange,
+        disabled,
+        id,
+        isChosen: (choice, v) => {
+          const option = options.find((o) => optionKey2(o) === choice.key);
+          return option ? isTheChosen(option, v) : false;
+        }
+      }
+    );
+  }
+  if (CHOICE_EDITOR_ADDS_WHAT_IS_TYPED) {
+    return /* @__PURE__ */ jsx15(
+      OpenChoicePicker,
+      {
+        field,
+        options,
+        value,
+        onChange,
+        disabled,
+        id,
+        autoOpen,
+        onClose,
+        initialSearch,
+        addsChoices,
+        allowOther: allowsOtherValues(field),
+        onChoicesChanged: () => setReread((n) => n + 1)
+      }
+    );
+  }
+  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.` });
+  }
+  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(
+      Button8,
+      {
+        type: "button",
+        size: "sm",
+        variant: picked.has(optionKey2(option)) ? "default" : "outline",
+        disabled,
+        onClick: () => {
+          const next = new Set(picked);
+          if (next.has(optionKey2(option))) next.delete(optionKey2(option));
+          else next.add(optionKey2(option));
+          onChange(next.size === 0 ? null : [...next]);
+        },
+        children: titleOf(option)
+      },
+      option.id
+    )) });
+    if (!autoOpen) return toggles;
+    return /* @__PURE__ */ jsxs13(
+      Popover4,
+      {
+        defaultOpen: true,
+        onOpenChange: (open) => {
+          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 })
+        ]
+      }
+    );
+  }
+  const current = options.find((option) => isTheChosen(option, value));
+  return /* @__PURE__ */ jsxs13(
+    Select,
+    {
+      value: current ? optionKey2(current) : "",
+      disabled: disabled ?? false,
+      onValueChange: (next) => onChange(next === "" ? null : next),
+      ...autoOpen ? {
+        // IN A GRID CELL the list opens at once and a pick is the commit (Airtable).
+        defaultOpen: true,
+        onOpenChange: (open) => {
+          if (!open) 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)) })
+      ]
+    }
+  );
+}
+function OpenChoicePicker({
+  field,
+  options,
+  value,
+  onChange,
+  disabled,
+  id,
+  addsChoices,
+  autoOpen,
+  onClose,
+  initialSearch,
+  allowOther = true,
+  onChoicesChanged
+}) {
+  const client = useOptionalRecordsClient6();
+  const nudge = useChoiceNudge();
+  const [open, setOpenState] = useState13(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 titleOf = (option) => recordName(option.data, null, "Unnamed choice");
+  const held = withoutAddition(value);
+  const current = choiceValuesOf(held.value);
+  const pickedWords = current.map((v) => {
+    const option = options.find((o) => isTheChosen(o, v));
+    return option ? titleOf(option) : String(v);
+  });
+  const chipOf = (option, word) => option ? choiceChipLookOf(field, optionKey2(option), titleOf(option)) : choiceChipLookOf(field, word);
+  const q = search.trim();
+  const visible = rankTypedMatches3(options, q, titleOf);
+  const decided = decideTypedChoice({ words: q, options, allowOther, nudge: nudge ?? "ask" });
+  const choose = (word, addingIt = false) => {
+    const pending = held.add.filter((w) => w.toLowerCase() !== word.toLowerCase());
+    let next;
+    let add2 = [...pending];
+    if (field.multi) {
+      const existing = current.map((v) => {
+        const option = options.find((o) => isTheChosen(o, v));
+        return option ? optionKey2(option) : String(v);
+      });
+      const has = existing.some((v) => v.toLowerCase() === word.toLowerCase());
+      const list = has ? existing.filter((v) => v.toLowerCase() !== word.toLowerCase()) : [...existing, word];
+      if (addingIt && !has) add2.push(word);
+      add2 = add2.filter((w) => list.some((v) => v.toLowerCase() === w.toLowerCase()));
+      next = list.length === 0 ? null : list;
+    } else {
+      add2 = addingIt ? [word] : [];
+      next = word;
+    }
+    onChange(add2.length > 0 ? choiceAddition(next, add2) : next);
+    setSearch("");
+    if (!field.multi) setOpen(false);
+  };
+  const addTyped = () => {
+    setAddRefused(null);
+    if (addsChoices || !client) {
+      choose(q, Boolean(addsChoices));
+      return;
+    }
+    setAdding(true);
+    void client.fieldUpdate({ field_id: field.id, patch: { options_add: [q] } }).then((result) => {
+      setAdding(false);
+      if (!result.ok) {
+        setAddRefused(result.error);
+        return;
+      }
+      onChoicesChanged();
+      choose(q);
+    });
+  };
+  const offList = q !== "" && decided.decision !== "chosen" && decided.decision !== "empty";
+  const foot = offList && decided.decision === "ask" ? /* @__PURE__ */ jsx15(
+    ChoiceAskButtons,
+    {
+      field,
+      words: [q],
+      keepOffered: decided.keepOffered,
+      busy: adding,
+      onAdd: addTyped,
+      onKeep: () => choose(q),
+      onCancel: () => {
+        setSearch("");
+        setAddRefused(null);
+        if (autoOpen) setOpen(false);
+      }
+    }
+  ) : null;
+  const add = offList && decided.decision === "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: [
+    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);
+    }),
+    disabled ? null : (
+      // THE ONE "PICK OR ADD" BUILDER (PickOrAdd.tsx) — the relation picker draws the same one.
+      /* @__PURE__ */ jsx15(
+        PickOrAdd,
+        {
+          triggerLabel: `Pick for ${fieldName(field)}`,
+          triggerText: pickedWords.length === 0 ? "Choose" : "Change",
+          open,
+          onOpenChange: setOpen,
+          search,
+          onSearch: (next) => {
+            setSearch(next);
+            setAddRefused(null);
+          },
+          items: visible.map((option) => ({
+            id: option.id,
+            label: titleOf(option),
+            chip: chipOf(option, titleOf(option)).className,
+            picked: current.some((v) => isTheChosen(option, v))
+          })),
+          onPick: (optionId) => {
+            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,
+          add,
+          foot,
+          ...offList && decided.decision === "ask" && !adding ? { onEnterWithNoMatch: addTyped } : {},
+          footNote: addRefused ? /* @__PURE__ */ jsx15(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
+            ] })
+          ) : null
+        }
+      )
+    )
+  ] });
+}
+function RecordChip({
+  title,
+  onRemove,
+  className
+}) {
+  return (
+    // A chip carries a RECORD'S OWN TITLE, which nobody here chose the length of —
+    // "Marisol Okonkwo — 418 Calle Puerto Vallarta, Camarillo" is an ordinary customer
+    // 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
+    ] })
+  );
+}
+function publicChoicesOf(field) {
+  const raw = field.public_choices;
+  if (!Array.isArray(raw)) return [];
+  return raw.flatMap((c) => {
+    const o = c;
+    return typeof o.key === "string" && typeof o.label === "string" ? [{ key: o.key, label: o.label }] : [];
+  });
+}
+var FORM_PILL_LIMIT = 4;
+function ChoiceAnswer({
+  field,
+  choices,
+  value,
+  onChange,
+  disabled,
+  id,
+  isChosen
+}) {
+  const [search, setSearch] = useState13("");
+  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) => {
+    if (!field.multi) {
+      onChange(on(choice) ? null : choice.key);
+      return;
+    }
+    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 chosen = on(choice);
+    const look = choiceChipLookOf(field, choice.key, choice.label);
+    return /* @__PURE__ */ jsxs13(
+      "button",
+      {
+        type: "button",
+        role: field.multi ? "checkbox" : "radio",
+        "aria-checked": chosen,
+        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"
+        ),
+        children: [
+          chosen ? /* @__PURE__ */ jsx15("span", { "aria-hidden": "true", children: "\u2713" }) : null,
+          /* @__PURE__ */ jsx15("span", { className: "truncate", children: choice.label })
+        ]
+      },
+      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 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(
+      BasicInput6,
+      {
+        value: search,
+        onChange: (e) => setSearch(e.target.value),
+        placeholder: "Search",
+        "aria-label": `Search \u2014 ${fieldName(field)}`,
+        autoComplete: "off",
+        className: "h-11 text-base sm:h-8 sm:text-xs"
+      }
+    ),
+    /* @__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
+    ] })
+  ] });
+}
+
+// src/RecordsMount.tsx
+import { useRef as useRef10 } from "react";
+import { RecordsProvider } from "@ai-matrx/records/react";
+import { jsx as jsx16 } 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 { 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";
+var APP_TABLE_PREFIX = "records_ui_";
+function isValueSet(table) {
+  if (table.kept_for === "choices") return true;
+  return table.kept_for == null && table.kind === "list" && table.kept_by_the_app === true;
+}
+function isKeptTable(table) {
+  return table.kept_by_the_app === true || isValueSet(table) || Boolean(table.work_kind) || (table.slug ?? "").startsWith(APP_TABLE_PREFIX);
+}
+var CHOICES_SUFFIX = / choices$/i;
+function tablePickerEntries(tables, options = {}) {
+  const byId = new Map(tables.map((t) => [t.id, t]));
+  const lists = tables.filter(isValueSet);
+  const listLabel = (t) => {
+    const column = t.name.replace(CHOICES_SUFFIX, "");
+    if (!t.used_in_table_id || t.used_in_table_id === t.id) {
+      const made = madeOn(t.created_at);
+      return made ? `${column} \u2014 no column \xB7 ${made}` : `${column} \u2014 no column`;
+    }
+    const owner = byId.get(t.used_in_table_id);
+    if (!owner) return t.name;
+    return `${column} \u2014 ${owner.name}`;
+  };
+  const plain = tables.filter((t) => !isKeptTable(t) || t.id === options.keep && !isValueSet(t)).map((t) => ({ table: t, id: t.id, label: t.name, isList: false })).sort((a, b) => a.label.localeCompare(b.label));
+  const shownLists = lists.filter((t) => options.showLists || t.id === options.keep).map((t) => ({ table: t, id: t.id, label: listLabel(t), isList: true })).sort((a, b) => a.label.localeCompare(b.label));
+  const entries = [...plain, ...shownLists];
+  const seen = /* @__PURE__ */ new Map();
+  for (const entry of entries) {
+    const key = entry.label.toLowerCase();
+    const n = (seen.get(key) ?? 0) + 1;
+    seen.set(key, n);
+    if (n > 1) entry.label = `${entry.label} (${n})`;
+  }
+  return { entries, listCount: lists.length };
+}
+function madeOn(stamp) {
+  if (!stamp) return null;
+  const at = new Date(stamp);
+  if (Number.isNaN(at.getTime())) return null;
+  return new Intl.DateTimeFormat(void 0, { month: "short", day: "numeric", year: "numeric" }).format(at);
+}
+
+// src/TablePickers.tsx
+import { Fragment as Fragment5, jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
+function useTablesAnywhere(dataSource) {
+  const [state, setState] = useState15({ 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: [] });
+      }
+    );
+    return () => {
+      live = false;
+    };
+  }, [dataSource]);
+  return state;
+}
+function TablePicker({ dataSource, value, onChange, disabled, tables }) {
+  const own3 = useTablesAnywhere(dataSource);
+  const list = tables ?? own3;
+  const options = tablePickerEntries(
+    list.rows.map((t) => ({ ...t, id: t.table_id, name: t.table_name })),
+    { keep: value }
+  ).entries.map(({ table: t }) => ({
+    value: t.table_id,
+    // The organization hint already tells two same-named tables apart across organizations.
+    label: t.table_name,
+    hint: t.organization_name,
+    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(
+      CreatablePicker,
+      {
+        value: value || null,
+        options,
+        onSelect: onChange,
+        placeholder: missing ? "Table not available" : "Choose a table",
+        searchPlaceholder: "Search tables",
+        noun: "table",
+        loading: list.loading,
+        ...disabled ? { disabled: true } : {},
+        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." })
+  ] });
+}
+function TableScope({ dataSource, userId, tableId, children, fallback = null, 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 });
+}
+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 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;
+    const next = {};
+    for (const k of keys) next[k === from ? to : k] = k === from ? null : value[k];
+    onChange(next);
+  };
+  const remove = (key) => {
+    const { [key]: _gone, ...rest } = value;
+    void _gone;
+    onChange(rest);
+  };
+  return /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-2", children: [
+    fields.error && /* @__PURE__ */ jsx18(RefusalLine, { error: fields.error }),
+    keys.map((key) => {
+      const field = byKey.get(key);
+      return /* @__PURE__ */ jsx18(
+        ColumnValueRow,
+        {
+          columnKey: key,
+          field,
+          loading: fields.loading,
+          options: optionsFor(key),
+          value: value[key],
+          disabled,
+          onColumn: (to) => rename(key, to),
+          onValue: (v) => onChange({ ...value, [key]: v }),
+          onRemove: () => remove(key)
+        },
+        key
+      );
+    }),
+    adding && /* @__PURE__ */ jsx18(
+      ColumnValueRow,
+      {
+        columnKey: null,
+        field: void 0,
+        loading: fields.loading,
+        options: optionsFor(null),
+        value: null,
+        disabled,
+        onColumn: (to) => {
+          setAdding(false);
+          onChange({ ...value, [to]: null });
+        },
+        onValue: () => void 0,
+        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 })
+  ] });
+}
+function ColumnValueRow({
+  columnKey,
+  field,
+  loading,
+  options,
+  value,
+  disabled,
+  onColumn,
+  onValue,
+  onRemove
+}) {
+  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(
+        CreatablePicker,
+        {
+          value: columnKey,
+          options: shown2,
+          onSelect: onColumn,
+          placeholder: "Choose a column",
+          searchPlaceholder: "Search columns",
+          noun: "column",
+          loading,
+          ...disabled ? { disabled: true } : {},
+          ariaLabel: "Column"
+        }
+      ) }),
+      !disabled && /* @__PURE__ */ jsx18(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
+  ] });
+}
+function RecordPicker({ tableId, value, onChange, disabled }) {
+  const table = useTable(tableId);
+  const records = useRecords(tableId, { pageSize: 200 });
+  const rows = records.data?.rows ?? [];
+  const options = rows.map((row) => ({
+    value: row.id,
+    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(
+      CreatablePicker,
+      {
+        value: value || null,
+        options,
+        onSelect: onChange,
+        placeholder: missing ? "Record not in this table" : "Choose a record",
+        searchPlaceholder: "Search records",
+        noun: "record",
+        loading: records.loading,
+        ...disabled ? { disabled: true } : {},
+        ariaLabel: "Record"
+      }
+    ),
+    records.error && /* @__PURE__ */ jsx18(RefusalLine, { error: records.error })
+  ] });
+}
+
+// src/DataBindingPicker.tsx
+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";
+var DATA_BINDING_SHAPES = [
+  { value: "collection", label: "The whole table" },
+  { value: "reference", label: "One record" },
+  { value: "value", label: "One field of a record" }
+];
+var DATA_BINDING_MISSING = [
+  { value: "absent", label: "Say it's missing" },
+  { value: "block", label: "Stop the run" }
+];
+function emptyDataBinding() {
+  return {
+    kind: "merge_field",
+    source: "record",
+    semantic_type: "collection",
+    table_id: "",
+    missing: "absent",
+    override_policy: "shown_locked"
+  };
+}
+function isDataBinding(value) {
+  return Boolean(value) && typeof value === "object" && value.kind === "merge_field";
+}
+function isCompleteDataBinding(binding) {
+  if (!binding.table_id) return false;
+  if (binding.semantic_type === "collection") return true;
+  if (!binding.record_id) return false;
+  return binding.semantic_type === "value" ? Boolean(binding.field_key) : true;
+}
+function bindingPlaceholdersFor(field) {
+  const label = fieldName(field);
+  if (isEntityReferenceConfig(field.config)) {
+    return [
+      { token: `{${field.key}.name}`, label: `${label} \xB7 name` },
+      { token: `{${field.key}.id}`, label: `${label} \xB7 id` }
+    ];
+  }
+  return [{ token: `{${field.key}}`, label }];
+}
+var NAME_LIKE = /(^|_)(name|title|label)$/;
+var DESCRIPTIVE = /(desc|description|summary|notes?|details?|about|why|purpose|role|category|type|group|status)/;
+function defaultBindingTemplate(table, fields) {
+  const first = fields[0];
+  if (!first) return "- {name}";
+  const declared = table?.title_field;
+  const title = (declared ? fields.find((f) => f.key === declared || f.id === declared) : void 0) ?? fields.find((f) => NAME_LIKE.test(f.key)) ?? first;
+  const token = (f) => bindingPlaceholdersFor(f)[0]?.token ?? `{${f.key}}`;
+  const rest = fields.filter((f) => f.id !== title.id);
+  const [a, b] = [...rest.filter((f) => DESCRIPTIVE.test(f.key)), ...rest.filter((f) => !DESCRIPTIVE.test(f.key))];
+  if (!a) return `- ${token(title)}`;
+  return b ? `- ${token(title)}: ${token(a)} (${token(b)})` : `- ${token(title)}: ${token(a)}`;
+}
+function DataBindingPicker({ dataSource, userId, binding, onChange, disabled, defaultRowLimit = null }) {
+  const tables = useTablesAnywhere(dataSource);
+  const tableId = binding.table_id || null;
+  const selectTable = (id) => {
+    if (id === binding.table_id) return;
+    onChange({
+      kind: "merge_field",
+      source: "record",
+      semantic_type: binding.semantic_type,
+      table_id: id,
+      missing: binding.missing,
+      override_policy: "shown_locked",
+      ...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(
+      BindingDetails,
+      {
+        tableId,
+        binding,
+        onChange,
+        disabled,
+        defaultRowLimit
+      }
+    ) })
+  ] });
+}
+function BindingDetails({
+  tableId,
+  binding,
+  onChange,
+  disabled,
+  defaultRowLimit
+}) {
+  const table = useTable2(tableId);
+  const fields = useFields2(tableId);
+  const fieldList = useMemo8(() => fields.data ?? [], [fields.data]);
+  const shape = binding.semantic_type;
+  useEffect13(() => {
+    if (disabled || shape === "value" || binding.transform || fields.loading || fieldList.length === 0) return;
+    onChange({
+      ...binding,
+      transform: {
+        name: "list",
+        template: defaultBindingTemplate(table.data ?? null, fieldList),
+        join: "\n",
+        ...shape === "collection" && binding.limit !== void 0 ? { max: binding.limit } : {}
+      }
+    });
+  }, [disabled, shape, binding, fields.loading, fieldList, table.data, onChange]);
+  const selectShape = (next) => {
+    if (next === shape) return;
+    const base = {
+      kind: "merge_field",
+      source: "record",
+      semantic_type: next,
+      table_id: binding.table_id,
+      missing: binding.missing,
+      override_policy: "shown_locked"
+    };
+    if (next !== "collection" && binding.record_id) base.record_id = binding.record_id;
+    if (next === "value" && binding.field_key) base.field_key = binding.field_key;
+    if (next === "collection") {
+      const limit = binding.limit ?? defaultRowLimit;
+      if (limit) base.limit = limit;
+    }
+    if (next !== "value" && binding.transform) {
+      base.transform = {
+        name: "list",
+        template: binding.transform.template,
+        ...binding.transform.join !== void 0 ? { join: binding.transform.join } : {},
+        ...next === "collection" && base.limit !== void 0 ? { max: base.limit } : {}
+      };
+    }
+    onChange(base);
+  };
+  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(
+      Button10,
+      {
+        type: "button",
+        size: "sm",
+        variant: s.value === shape ? "default" : "outline",
+        role: "radio",
+        "aria-checked": s.value === shape,
+        disabled,
+        onClick: () => selectShape(s.value),
+        children: s.label
+      },
+      s.value
+    )) }),
+    shape !== "collection" && /* @__PURE__ */ jsx19(
+      RecordPicker,
+      {
+        tableId,
+        value: binding.record_id ?? null,
+        onChange: (id) => onChange({ ...binding, record_id: id }),
+        disabled: Boolean(disabled)
+      }
+    ),
+    shape === "value" && /* @__PURE__ */ jsx19(
+      CreatablePicker2,
+      {
+        value: binding.field_key ?? null,
+        options: fieldOptions,
+        onSelect: (key) => onChange({ ...binding, field_key: key }),
+        placeholder: "Choose a column",
+        searchPlaceholder: "Search columns",
+        noun: "column",
+        loading: fields.loading,
+        ...disabled ? { disabled: true } : {},
+        ariaLabel: "Column"
+      }
+    ),
+    shape !== "value" && /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx19(
+        "textarea",
+        {
+          className: cn13(
+            "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",
+          value: template,
+          disabled,
+          onChange: (e) => setTemplate(e.target.value)
+        }
+      ),
+      !disabled && /* @__PURE__ */ jsx19("div", { className: "flex flex-wrap gap-1", children: fieldList.flatMap(bindingPlaceholdersFor).map((p) => /* @__PURE__ */ jsx19(
+        Button10,
+        {
+          type: "button",
+          size: "sm",
+          variant: "ghost",
+          className: "h-6 px-1.5 text-[11px]",
+          onClick: () => setTemplate(template + p.token),
+          children: p.label
+        },
+        p.token
+      )) })
+    ] }),
+    shape === "collection" && /* @__PURE__ */ jsxs16("label", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
+      "Up to",
+      /* @__PURE__ */ jsx19(
+        BasicInput7,
+        {
+          type: "number",
+          min: 1,
+          className: "h-7 w-20 text-xs",
+          value: binding.limit ?? "",
+          disabled,
+          onChange: (e) => {
+            const n = Number.parseInt(e.target.value, 10);
+            if (!Number.isFinite(n) || n < 1) return;
+            onChange({ ...binding, limit: n, ...binding.transform ? { transform: { ...binding.transform, max: n } } : {} });
+          }
+        }
+      ),
+      "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(
+        Button10,
+        {
+          type: "button",
+          size: "sm",
+          variant: m.value === binding.missing ? "default" : "outline",
+          role: "radio",
+          "aria-checked": m.value === binding.missing,
+          disabled,
+          onClick: () => onChange({ ...binding, missing: m.value }),
+          children: m.label
+        },
+        m.value
+      ))
+    ] })
+  ] });
+}
+
+// src/PickedSummaries.tsx
+import { useFields as useFields3, useRecord, useTable as useTable3 } from "@ai-matrx/records/react";
+
+// 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";
+
+// src/enumLabels.ts
+function exhaustiveValuesOf() {
+  return function(values) {
+    return values;
+  };
+}
+var WORK_DUE_STATES = exhaustiveValuesOf()([
+  "overdue",
+  "due_today",
+  "scheduled",
+  "undated",
+  "finished"
+]);
+var WORK_INBOX_KINDS = exhaustiveValuesOf()(["assignment", "approval", "proposal"]);
+var WORK_APPROVAL_STATES = exhaustiveValuesOf()(["pending", "approved", "declined", "withdrawn"]);
+var CHECKLIST_REQUIREMENT_KINDS = exhaustiveValuesOf()([
+  "none",
+  "note",
+  "answer",
+  "record_field",
+  "form",
+  "document"
+]);
+var SUBSCRIPTION_CADENCES = exhaustiveValuesOf()(["instant", "hourly", "daily", "weekly"]);
+var ABSENCE_WORD_LABEL = {
+  "never asked": "never asked",
+  none: "none",
+  refused: "refused",
+  conflicting: "conflicting"
+};
+
+// src/values.tsx
+import { wholeValueOf } from "@ai-matrx/records/core";
+
+// src/WholeValue.tsx
+import { useEffect as useEffect14, useState as useState16 } 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";
+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)})`;
+}
+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: [
+      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` })
+  ] });
+}
+
+// src/ReferenceChips.tsx
+import { entityRefsOf as entityRefsOf2 } from "@ai-matrx/records";
+import { Badge as Badge4, cn as cn14 } from "@ai-matrx/design-system";
+
+// src/kindValues.ts
+import { tryDecodeDirective } from "@ai-matrx/content-ir/directives";
+import { humanizeIdentifier as humanizeIdentifier3 } from "@ai-matrx/kit/text-case";
+var KIND_KEY = "__kind";
+var WHOLE_FENCE = /^\s*```(?:matrx|json)?[ \t]*\r?\n?([\s\S]*?)\r?\n?[ \t]*```\s*$/;
+function asObject(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value) ? value : null;
+}
+function parseJsonObject(text) {
+  const trimmed = text.trim();
+  if (!trimmed.startsWith("{") || !trimmed.endsWith("}")) return null;
+  try {
+    return asObject(JSON.parse(trimmed));
+  } catch {
+    return null;
+  }
+}
+function fromObject(obj) {
+  const directive = tryDecodeDirective(obj);
+  if (directive) return { value: obj, kind: directive.slug, directive: true, items: [...directive.items] };
+  const named = obj[KIND_KEY];
+  if (typeof named === "string" && named.trim() !== "") {
+    const items = Array.isArray(obj.items) ? obj.items.filter((i) => asObject(i) !== null) : [];
+    return { value: obj, kind: named.trim(), directive: false, items };
+  }
+  return null;
+}
+function kindValueOf(value) {
+  const obj = asObject(value);
+  if (obj) return fromObject(obj);
+  if (typeof value !== "string" || value.length > 2e5) return null;
+  const fenced = WHOLE_FENCE.exec(value);
+  const parsed = parseJsonObject(fenced ? fenced[1] : value);
+  return parsed ? fromObject(parsed) : null;
+}
+function kindItemWords(item) {
+  for (const key of ["label", "title", "name", "display_name"]) {
+    const v = item[key];
+    if (typeof v === "string" && v.trim() !== "") return v.trim();
+  }
+  return null;
+}
+function kindValueWords(kv) {
+  const named = kv.items.map(kindItemWords).filter((w) => w !== null);
+  if (named.length > 0) return named.join(", ");
+  return kindLabel(kv.kind);
+}
+function kindLabel(kind) {
+  return humanizeIdentifier3(kind.replace(/^directive_v\d+_/, "").replace(/_v\d+$/, "")) || "Structured value";
+}
+
+// src/ReferenceChips.tsx
+import { jsx as jsx21, jsxs as jsxs18 } 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 }));
+  }
+  const ids = (Array.isArray(value) ? value : [value]).filter(isId).map(String);
+  const tableId = typeof field.relation_target === "string" ? field.relation_target : void 0;
+  return ids.map((id) => ({
+    token: "record",
+    id,
+    label: labels?.(field, id) ?? null,
+    tableId,
+    ...labels?.archived?.(field, id) ? { archived: true } : {}
+  }));
+}
+var ARCHIVED_REFERENCE_WORD = "Archived";
+var ARCHIVED_REFERENCE_TIP = "In Trash; restore it to use it again";
+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(
+    Badge4,
+    {
+      variant: "secondary",
+      className: cn14(
+        "max-w-full min-w-0 gap-1 px-1.5 py-0 text-[11px] font-normal",
+        reference.archived && "opacity-70"
+      ),
+      "data-records-reference-chip": reference.token,
+      "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
+      ]
+    }
+  );
+}
+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}`)) });
+}
+function KindValueCell({
+  kv,
+  where,
+  title
+}) {
+  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 }) });
+  }
+  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) }) });
+}
+
+// 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;
+}
+function envelopeFor(document2, key) {
+  const block = document2?._values;
+  return block?.[key];
+}
+function unresolvedFor(document2, key) {
+  const sources = document2?._sources;
+  if (!sources || typeof sources !== "object") return void 0;
+  for (const source of Object.values(sources)) {
+    const held = source?.unresolved?.[key];
+    if (typeof held === "string" && held) return held;
+    if (Array.isArray(held) && held.length) return held.map(String).join(", ");
+  }
+  return void 0;
+}
+function hasFormula(field) {
+  const config = field.config ?? {};
+  return Boolean(config.expr) || Boolean(String(config.formula_text ?? "").trim());
+}
+function computedEmptyOf(field, document2) {
+  const kind = editorKindFor(field);
+  const config = field.config ?? {};
+  if (kind === "lookup" || kind === "rollup") {
+    const via = typeof config["via"] === "string" ? config["via"] : null;
+    const held = document2 && via ? document2[via] : void 0;
+    const known = Boolean(document2 && via);
+    const linked = !(held === null || held === void 0 || held === "" || Array.isArray(held) && held.length === 0);
+    const count = kind === "rollup" && config["agg"] === "count";
+    const which = kind === "lookup" ? "lookup" : count ? "count" : "rollup";
+    if (!known) return { kind: which };
+    if (kind === "lookup") return { kind: which, why: linked ? "Empty on the linked record" : "Pick a linked record" };
+    if (!linked) return { kind: which, why: "No linked records yet" };
+    return count ? { kind: which, words: "0" } : { kind: which, why: "Nothing to add up" };
+  }
+  if (kind !== "formula" && field.type !== "formula") return null;
+  if (typeof config["system"] === "string") return { kind: "stamp" };
+  if (!hasFormula(field)) return { kind: "formula", sentence: "Worked out once its formula is in place" };
+  return { kind: "formula" };
+}
+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) });
+  }
+  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" });
+    }
+    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?.why) {
+      return /* @__PURE__ */ jsx22("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" });
+  }
+  if (isSignatureField(field)) return /* @__PURE__ */ jsx22(SignatureValue, { value });
+  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 });
+  const kind = editorKindFor(field);
+  if (kind === "relation" || kind === "entity_reference") {
+    return /* @__PURE__ */ jsx22(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 });
+  const chosen = kind === "select" || kind === "multi_select";
+  const chipOf = (item) => {
+    const look = choiceChipLookOf(field, item, scalarText(field, item, labels));
+    return { className: look.className, tinted: look.color !== null };
+  };
+  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) => {
+      const chip = chipOf(item);
+      return /* @__PURE__ */ jsxs19(
+        Badge5,
+        {
+          variant: "outline",
+          className: cn15("text-[11px]", chip.className),
+          "data-records-choice-chip": "",
+          ...chip.tinted ? { "data-records-choice-tint": "" } : {},
+          children: [
+            statusMark(field, item),
+            scalarText(field, item, labels, Array.isArray(value) ? void 0 : stillWaitingFor)
+          ]
+        },
+        `${String(item)}-${i}`
+      );
+    }) });
+  }
+  if (kind === "attachment") return /* @__PURE__ */ jsx22(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}`)) });
+  }
+  if (kind === "url" && typeof value === "string") {
+    const href = value.includes("://") ? value : `https://${value}`;
+    return /* @__PURE__ */ jsxs19(
+      "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",
+        href,
+        target: "_blank",
+        rel: "noreferrer",
+        title: value,
+        "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) })
+        ]
+      }
+    );
+  }
+  if (kind === "phone" && typeof value === "string" && value.trim() !== "") {
+    return /* @__PURE__ */ jsx22(
+      "a",
+      {
+        className: "truncate tabular-nums text-primary underline-offset-2 hover:underline",
+        href: `tel:${value.replace(/[^\d+]/g, "")}`,
+        title: value,
+        "data-records-phone": "",
+        onClick: (event) => event.stopPropagation(),
+        children: formatPhone(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 });
+  }
+  if (typeof value === "boolean") {
+    return /* @__PURE__ */ jsx22("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) });
+}
+function scalarText(field, value, labels, stillWaitingFor) {
+  if (value === null || value === void 0) return "\u2014";
+  if (isSignatureField(field)) return signatureWords(value) ?? "\u2014";
+  const newerWords = newerKindWords(field, value);
+  if (newerWords !== null) return newerWords;
+  const kind = editorKindFor(field);
+  if (kind === "entity_reference") return entityReferenceText(value);
+  if ((kind === "relation" || field.type === "list") && Array.isArray(value)) {
+    return value.map((item) => scalarText(field, item, labels, stillWaitingFor)).join(", ");
+  }
+  const kv = kindValueOf(value);
+  if (kv) return kindValueWords(kv);
+  if (isId(value) && (field.type === "list" || field.type === "relation")) {
+    return labels?.(field, String(value)) ?? stillWaitingFor ?? "Loading\u2026";
+  }
+  if (field.type === "list" && typeof value === "string" && labels) {
+    const words = labels(field, value);
+    if (words) return words;
+  }
+  const shownAs = shownAsOf(field);
+  if (shownAs) {
+    const said = formatFieldValue3(value, shownAs);
+    if (said.ok && !said.empty) return said.text;
+  }
+  if (typeof value === "number") {
+    if (kind === "percent") return `${value}%`;
+    if (kind === "currency") return field.unit ? `${field.unit}${value.toLocaleString()}` : value.toLocaleString();
+    return field.unit ? `${value.toLocaleString()} ${field.unit}` : value.toLocaleString();
+  }
+  if (kind === "datetime" || systemStampOf(field) === "created_time" || systemStampOf(field) === "modified_time") {
+    const said = dateText(field, value);
+    if (said !== null) return said;
+  }
+  if (Array.isArray(value)) return value.length === 0 ? "" : `${value.length} of them`;
+  if (typeof value === "object") return "\u2026";
+  return String(value);
+}
+
+// src/PickedSummaries.tsx
+import { Fragment as Fragment7, jsx as jsx23, jsxs as jsxs20 } 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" });
+  return /* @__PURE__ */ jsx23(Fragment7, { children: tables.rows.find((t) => t.table_id === tableId)?.table_name ?? "\u2014" });
+}
+function ColumnValuesText({
+  dataSource,
+  userId,
+  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 }) }) });
+}
+function ColumnValuesWords({ tableId, value }) {
+  const fields = useFields3(tableId);
+  const labels = useRecordLabels(fields.data ?? void 0);
+  if (fields.loading) return /* @__PURE__ */ jsx23(Fragment7, { children: "\u2026" });
+  const parts = [];
+  for (const [key, stored] of Object.entries(value)) {
+    const field = (fields.data ?? []).find((f) => f.key === key);
+    if (parts.length) parts.push(/* @__PURE__ */ jsx23("span", { children: ", " }, `${key}-sep`));
+    parts.push(
+      /* @__PURE__ */ jsxs20("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" });
+}
+function RecordNameText({
+  dataSource,
+  userId,
+  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 }) });
+}
+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.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) });
+}
+export {
+  ColumnValuesEditor,
+  ColumnValuesText,
+  DATA_BINDING_MISSING,
+  DATA_BINDING_SHAPES,
+  DataBindingPicker,
+  RecordNameText,
+  RecordPicker,
+  TableNameText,
+  TablePicker,
+  TableScope,
+  bindingPlaceholdersFor,
+  defaultBindingTemplate,
+  emptyDataBinding,
+  isCompleteDataBinding,
+  isDataBinding,
+  useTablesAnywhere
+};
+//# sourceMappingURL=pickers.js.map