@ai-matrx/records-ui 0.113.31 → 0.113.33

package/dist/pickers.cjs

@@ -2408,9 +2408,9 @@ function EntityReferenceKindPicker({ value, onChange, locked = false, className
 }
 
 // src/SourceArchivedNotice.tsx
-var import_react30 = require("react");
+var import_react29 = require("react");
 var import_design_system20 = require("@ai-matrx/design-system");
-var import_react31 = require("@ai-matrx/records/react");
+var import_react30 = require("@ai-matrx/records/react");
 
 // src/values.tsx
 var import_data_table4 = require("@ai-matrx/design-system/data-table");
@@ -2418,19 +2418,99 @@ var import_field_formats4 = require("@ai-matrx/design-system/field-formats");
 var import_design_system19 = require("@ai-matrx/design-system");
 
 // src/embeddedLook.tsx
-var import_react21 = require("react");
+var import_react16 = require("react");
 
-// src/labels.tsx
-var import_react18 = require("react");
-var import_react19 = require("@ai-matrx/records/react");
+// src/presentation.ts
+var import_table_style = require("@ai-matrx/design-system/data-table/table-style");
+var import_data_table2 = require("@ai-matrx/design-system/data-table");
+var import_field_formats2 = require("@ai-matrx/design-system/field-formats");
 var import_records9 = require("@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" || !(0, import_field_formats2.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 ((0, import_records9.newerKindOf)(field) === "rating" && (!shownAs || shownAs.id === "rating")) {
+    return { id: "rating", options: { ...shownAs?.options ?? {}, ratingMax: (0, import_records9.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/embeddedLook.tsx
+var EmbeddedLookContext = (0, import_react16.createContext)(null);
+var EmbeddedLookProvider = EmbeddedLookContext.Provider;
+function useEmbeddedLook() {
+  return (0, import_react16.useContext)(EmbeddedLookContext);
+}
+var EMBEDDED_TABLE_CLASS = [
+  "[&_tbody_td]:h-10",
+  "[&_tbody_td]:align-middle!",
+  "[&_tbody_td]:border-r",
+  "[&_tbody_td]:border-border",
+  "[&_tbody_td:last-child]:border-r-0",
+  "[&_thead_th]:border-r",
+  "[&_thead_th]:border-border",
+  "[&_thead_th:last-child]:border-r-0"
+].join(" ");
+
+// src/labels.tsx
+var import_react19 = require("react");
+var import_react20 = require("@ai-matrx/records/react");
 var import_records10 = require("@ai-matrx/records");
+var import_records11 = require("@ai-matrx/records");
 var import_uuid2 = require("@ai-matrx/kit/uuid");
 
 // src/signature.tsx
-var import_react16 = require("react");
+var import_react17 = require("react");
 var import_design_system11 = require("@ai-matrx/design-system");
-var import_react17 = require("@ai-matrx/records/react");
+var import_react18 = require("@ai-matrx/records/react");
 var import_jsx_runtime12 = require("react/jsx-runtime");
 var DRAWN = /^data:image\/(png|jpeg);base64,[A-Za-z0-9+/=]{64,}$/;
 function drawnSignatureOf(value) {
@@ -2505,10 +2585,10 @@ function SignatureDrawing({
   value,
   inCell
 }) {
-  const client = (0, import_react17.useOptionalRecordsClient)();
+  const client = (0, import_react18.useOptionalRecordsClient)();
   const host = useRecordsUi();
-  const [drawing, setDrawing] = (0, import_react16.useState)(null);
-  (0, import_react16.useEffect)(() => {
+  const [drawing, setDrawing] = (0, import_react17.useState)(null);
+  (0, import_react17.useEffect)(() => {
     let cancelled = false;
     setDrawing(null);
     if (!client) return;
@@ -2555,12 +2635,12 @@ function SignaturePad({
 }) {
   const kept = drawnSignatureOf(value);
   const named = !kept && typeof value === "string" && value !== "" ? value : null;
-  const [showPad, setShowPad] = (0, import_react16.useState)(() => !kept && !named);
-  const canvasRef = (0, import_react16.useRef)(null);
-  const drawing = (0, import_react16.useRef)(false);
-  const [dirty, setDirty] = (0, import_react16.useState)(false);
-  const [tooBig, setTooBig] = (0, import_react16.useState)(false);
-  (0, import_react16.useEffect)(() => {
+  const [showPad, setShowPad] = (0, import_react17.useState)(() => !kept && !named);
+  const canvasRef = (0, import_react17.useRef)(null);
+  const drawing = (0, import_react17.useRef)(false);
+  const [dirty, setDirty] = (0, import_react17.useState)(false);
+  const [tooBig, setTooBig] = (0, import_react17.useState)(false);
+  (0, import_react17.useEffect)(() => {
     if (!showPad) return;
     const canvas = canvasRef.current;
     if (!canvas) return;
@@ -2699,7 +2779,7 @@ function encodeAt(canvas, type, maxWidth, quality) {
 
 // src/labels.tsx
 var import_jsx_runtime13 = require("react/jsx-runtime");
-var LabelContext = (0, import_react18.createContext)({
+var LabelContext = (0, import_react19.createContext)({
   // With no provider the resolver is ABSENT, not silently empty: a caller gets
   // null and says "Loading…" forever, which is visible. The mount always
   // provides one, so this is only ever a bare unit test.
@@ -2727,16 +2807,16 @@ function pointsAtRecords(field) {
   return field.type === "list" || field.type === "relation";
 }
 function RecordLabelProvider({ children }) {
-  const client = (0, import_react19.useRecordsClient)();
-  const [names, setNames] = (0, import_react18.useState)({});
-  const [archivedRefs, setArchivedRefs] = (0, import_react18.useState)({});
-  const [iconsOf, setIconsOf] = (0, import_react18.useState)({});
-  const [settled, setSettled] = (0, import_react18.useState)({});
-  const [waitingLines, setWaitingLines] = (0, import_react18.useState)({});
-  const asked2 = (0, import_react18.useRef)(/* @__PURE__ */ new Set());
-  const chased = (0, import_react18.useRef)(/* @__PURE__ */ new Set());
-  const timers = (0, import_react18.useRef)(/* @__PURE__ */ new Map());
-  const startWaitClock = (0, import_react18.useCallback)((field, target) => {
+  const client = (0, import_react20.useRecordsClient)();
+  const [names, setNames] = (0, import_react19.useState)({});
+  const [archivedRefs, setArchivedRefs] = (0, import_react19.useState)({});
+  const [iconsOf, setIconsOf] = (0, import_react19.useState)({});
+  const [settled, setSettled] = (0, import_react19.useState)({});
+  const [waitingLines, setWaitingLines] = (0, import_react19.useState)({});
+  const asked2 = (0, import_react19.useRef)(/* @__PURE__ */ new Set());
+  const chased = (0, import_react19.useRef)(/* @__PURE__ */ new Set());
+  const timers = (0, import_react19.useRef)(/* @__PURE__ */ new Map());
+  const startWaitClock = (0, import_react19.useCallback)((field, target) => {
     if (timers.current.has(field.id)) return;
     timers.current.set(
       field.id,
@@ -2748,7 +2828,7 @@ function RecordLabelProvider({ children }) {
       }, SAY_WHAT_YOU_ARE_WAITING_FOR_AFTER_MS)
     );
   }, []);
-  const stopWaitClock = (0, import_react18.useCallback)((fieldId) => {
+  const stopWaitClock = (0, import_react19.useCallback)((fieldId) => {
     const timer = timers.current.get(fieldId);
     if (timer) {
       clearTimeout(timer);
@@ -2761,14 +2841,14 @@ function RecordLabelProvider({ children }) {
       return next;
     });
   }, []);
-  (0, import_react18.useEffect)(
+  (0, import_react19.useEffect)(
     () => () => {
       for (const timer of timers.current.values()) clearTimeout(timer);
       timers.current.clear();
     },
     []
   );
-  const want = (0, import_react18.useCallback)(
+  const want = (0, import_react19.useCallback)(
     (field) => {
       if (!pointsAtRecords(field)) return;
       if (asked2.current.has(field.id)) return;
@@ -2783,7 +2863,7 @@ function RecordLabelProvider({ children }) {
               for (const option of result.data ?? []) {
                 const words = recordName(option.data, null, "Unnamed choice");
                 next[option.id] = words;
-                const key = (0, import_records10.optionKey)(option);
+                const key = (0, import_records11.optionKey)(option);
                 if (key) next[choiceKeyName(field.id, key)] = words;
               }
               return next;
@@ -2803,9 +2883,9 @@ function RecordLabelProvider({ children }) {
     },
     [client, startWaitClock, stopWaitClock]
   );
-  const queued = (0, import_react18.useRef)(/* @__PURE__ */ new Map());
-  const flushing = (0, import_react18.useRef)(null);
-  const flush = (0, import_react18.useCallback)(() => {
+  const queued = (0, import_react19.useRef)(/* @__PURE__ */ new Map());
+  const flushing = (0, import_react19.useRef)(null);
+  const flush = (0, import_react19.useCallback)(() => {
     flushing.current = null;
     const batch = [...queued.current.values()];
     queued.current.clear();
@@ -2835,7 +2915,7 @@ function RecordLabelProvider({ children }) {
       for (const { field } of batch) stopWaitClock(field.id);
     })();
   }, [client, stopWaitClock]);
-  const chase = (0, import_react18.useCallback)(
+  const chase = (0, import_react19.useCallback)(
     (field, id) => {
       const key = `${field.id}:${id}`;
       if (chased.current.has(key)) return;
@@ -2848,14 +2928,14 @@ function RecordLabelProvider({ children }) {
     },
     [flush, startWaitClock]
   );
-  (0, import_react18.useEffect)(
+  (0, import_react19.useEffect)(
     () => () => {
       if (flushing.current !== null) clearTimeout(flushing.current);
     },
     []
   );
-  const rereadFor = (0, import_react18.useRef)(/* @__PURE__ */ new Set());
-  const lookupWords = (0, import_react18.useCallback)(
+  const rereadFor = (0, import_react19.useRef)(/* @__PURE__ */ new Set());
+  const lookupWords = (0, import_react19.useCallback)(
     (field, id) => {
       if (field.type === "list" && !isId(id)) {
         const named = names[choiceKeyName(field.id, id)];
@@ -2875,7 +2955,7 @@ function RecordLabelProvider({ children }) {
     },
     [names, settled, chase, want]
   );
-  const lookup = (0, import_react18.useMemo)(
+  const lookup = (0, import_react19.useMemo)(
     () => {
       const answer = ((field, id) => lookupWords(field, id));
       answer.archived = (field, id) => archivedRefs[`${field.id}:${id}`] === true;
@@ -2884,128 +2964,18 @@ function RecordLabelProvider({ children }) {
     },
     [lookupWords, archivedRefs, iconsOf]
   );
-  const waiting = (0, import_react18.useCallback)((field) => waitingLines[field.id] ?? null, [waitingLines]);
-  const value = (0, import_react18.useMemo)(() => ({ lookup, want, waiting }), [lookup, want, waiting]);
+  const waiting = (0, import_react19.useCallback)((field) => waitingLines[field.id] ?? null, [waitingLines]);
+  const value = (0, import_react19.useMemo)(() => ({ lookup, want, waiting }), [lookup, want, waiting]);
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(LabelContext.Provider, { value, children });
 }
 function useRecordLabels(fields) {
-  const { lookup, want } = (0, import_react18.useContext)(LabelContext);
-  (0, import_react18.useEffect)(() => {
+  const { lookup, want } = (0, import_react19.useContext)(LabelContext);
+  (0, import_react19.useEffect)(() => {
     for (const field of fields ?? []) want(field);
   }, [fields, want]);
   return lookup;
 }
 
-// src/personTime.ts
-var import_react20 = require("react");
-var zone = null;
-var listeners = /* @__PURE__ */ new Set();
-function usePersonTimeZone() {
-  return (0, import_react20.useSyncExternalStore)(
-    (cb) => {
-      listeners.add(cb);
-      return () => listeners.delete(cb);
-    },
-    () => zone,
-    () => null
-  );
-}
-function personWallNow(at = /* @__PURE__ */ new Date()) {
-  if (!zone) return at;
-  const parts = new Intl.DateTimeFormat("en-US", {
-    timeZone: zone,
-    year: "numeric",
-    month: "2-digit",
-    day: "2-digit",
-    hour: "2-digit",
-    minute: "2-digit",
-    second: "2-digit",
-    hourCycle: "h23"
-  }).formatToParts(at);
-  const n = (t) => Number(parts.find((p) => p.type === t)?.value ?? 0);
-  return new Date(n("year"), n("month") - 1, n("day"), n("hour"), n("minute"), n("second"));
-}
-
-// src/presentation.ts
-var import_table_style = require("@ai-matrx/design-system/data-table/table-style");
-var import_data_table2 = require("@ai-matrx/design-system/data-table");
-var import_field_formats2 = require("@ai-matrx/design-system/field-formats");
-var import_records11 = require("@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" || !(0, import_field_formats2.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 ((0, import_records11.newerKindOf)(field) === "rating" && (!shownAs || shownAs.id === "rating")) {
-    return { id: "rating", options: { ...shownAs?.options ?? {}, ratingMax: (0, import_records11.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/embeddedLook.tsx
-var EmbeddedLookContext = (0, import_react21.createContext)(null);
-var EmbeddedLookProvider = EmbeddedLookContext.Provider;
-function useEmbeddedLook() {
-  return (0, import_react21.useContext)(EmbeddedLookContext);
-}
-var EMBEDDED_TABLE_CLASS = [
-  "[&_tbody_td]:h-10",
-  "[&_tbody_td]:align-middle!",
-  "[&_tbody_td]:border-r",
-  "[&_tbody_td]:border-border",
-  "[&_tbody_td:last-child]:border-r-0",
-  "[&_thead_th]:border-r",
-  "[&_thead_th]:border-border",
-  "[&_thead_th:last-child]:border-r-0"
-].join(" ");
-
 // src/enumLabels.ts
 function exhaustiveValuesOf() {
   return function(values) {
@@ -3082,13 +3052,13 @@ var ABSENCE_WORD_LABEL = {
 };
 
 // src/EntityReferenceControl.tsx
-var import_react23 = require("react");
+var import_react22 = require("react");
 var import_records12 = require("@ai-matrx/records");
-var import_react24 = require("@ai-matrx/records/react");
+var import_react23 = require("@ai-matrx/records/react");
 var import_design_system13 = require("@ai-matrx/design-system");
 
 // src/PickOne.tsx
-var import_react22 = require("react");
+var import_react21 = require("react");
 var import_design_system12 = require("@ai-matrx/design-system");
 var import_jsx_runtime14 = require("react/jsx-runtime");
 var PICK_ONE_SEARCH_AFTER = 7;
@@ -3106,8 +3076,8 @@ function PickOne({
   disabled,
   attrs
 }) {
-  const [open, setOpen] = (0, import_react22.useState)(false);
-  const [search, setSearch] = (0, import_react22.useState)("");
+  const [open, setOpen] = (0, import_react21.useState)(false);
+  const [search, setSearch] = (0, import_react21.useState)("");
   const current = options.find((o) => o.value === value);
   if (options.length > PICK_ONE_SEARCH_AFTER) {
     const q = search.trim().toLowerCase();
@@ -3189,19 +3159,19 @@ function allowedKindsOf(field) {
   return kinds.map((k) => String(k).trim().toLowerCase()).filter(Boolean);
 }
 function EntityReferenceControl(props) {
-  const client = (0, import_react24.useOptionalRecordsClient)();
+  const client = (0, import_react23.useOptionalRecordsClient)();
   return client ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(WithWords, { ...props }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Chips, { ...props, words: null, picker: null });
 }
 function WithWords(props) {
-  const refs = (0, import_react23.useMemo)(() => (0, import_records12.entityRefsOf)(props.value), [props.value]);
-  const [known, setKnown] = (0, import_react23.useState)([]);
+  const refs = (0, import_react22.useMemo)(() => (0, import_records12.entityRefsOf)(props.value), [props.value]);
+  const [known, setKnown] = (0, import_react22.useState)([]);
   const withKnown = refs.map((r) => r.label === null ? known.find((k) => k.token === r.token && k.id === r.id) ?? r : r);
-  const unlabelled = (0, import_react23.useMemo)(
+  const unlabelled = (0, import_react22.useMemo)(
     () => 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 = (0, import_react24.useEntityReferenceWords)(unlabelled);
+  const words = (0, import_react23.useEntityReferenceWords)(unlabelled);
   const picker = props.disabled ? null : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     EntityReferencePicker,
     {
@@ -3223,13 +3193,13 @@ function EntityReferencePicker({
   onPick
 }) {
   const allowed = allowedKindsOf(field);
-  const kinds = (0, import_react24.useEntityReferenceKinds)();
+  const kinds = (0, import_react23.useEntityReferenceKinds)();
   const labelOfKind = (token) => kinds.data?.find((k) => k.token === token)?.label ?? token.replace(/_/g, " ");
-  const [open, setOpen] = (0, import_react23.useState)(false);
-  const [search, setSearch] = (0, import_react23.useState)("");
-  const [only, setOnly] = (0, import_react23.useState)(null);
+  const [open, setOpen] = (0, import_react22.useState)(false);
+  const [search, setSearch] = (0, import_react22.useState)("");
+  const [only, setOnly] = (0, import_react22.useState)(null);
   const tokens = only ? [only] : allowed;
-  const found = (0, import_react24.useEntityReferenceSearch)(tokens, search, open);
+  const found = (0, import_react23.useEntityReferenceSearch)(tokens, search, open);
   const multi = Boolean(field.multi);
   const items = (found.data ?? []).map((r) => ({
     id: `${r.token}:${r.id}`,
@@ -3300,7 +3270,7 @@ function Chips({
   words,
   picker
 }) {
-  const refs = (0, import_react23.useMemo)(() => (0, import_records12.entityRefsOf)(value), [value]);
+  const refs = (0, import_react22.useMemo)(() => (0, import_records12.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;
@@ -3339,7 +3309,7 @@ function Chips({
 var import_core5 = require("@ai-matrx/records/core");
 
 // src/WholeValue.tsx
-var import_react25 = require("react");
+var import_react24 = require("react");
 var import_core4 = require("@ai-matrx/records/core");
 var import_design_system14 = require("@ai-matrx/design-system");
 var import_jsx_runtime16 = require("react/jsx-runtime");
@@ -3364,7 +3334,7 @@ function WholeValueCell({ words, pointer }) {
 var import_field_formats5 = require("@ai-matrx/design-system/field-formats");
 
 // src/formattedValue.tsx
-var import_react26 = require("react");
+var import_react25 = require("react");
 var import_data_table3 = require("@ai-matrx/design-system/data-table");
 var import_field_formats3 = require("@ai-matrx/design-system/field-formats");
 var import_design_system15 = require("@ai-matrx/design-system");
@@ -3386,7 +3356,7 @@ function RatingStars({
   label,
   selectFirst
 }) {
-  const armed = (0, import_react26.useRef)(true);
+  const armed = (0, import_react25.useRef)(true);
   const score = numberOf(value) ?? 0;
   const shown2 = Math.round(score);
   const said2 = `${shown2} out of ${max}`;
@@ -3518,12 +3488,12 @@ function linkChipText(raw) {
 }
 
 // src/gridAttachments.tsx
-var import_react28 = require("react");
-var import_react29 = require("@ai-matrx/records/react");
+var import_react27 = require("react");
+var import_react28 = require("@ai-matrx/records/react");
 var import_design_system17 = require("@ai-matrx/design-system");
 
 // src/FilePicker.tsx
-var import_react27 = require("react");
+var import_react26 = require("react");
 var import_design_system16 = require("@ai-matrx/design-system");
 var import_jsx_runtime18 = require("react/jsx-runtime");
 function FilePicker({
@@ -3537,17 +3507,17 @@ function FilePicker({
   chosenName,
   className
 }) {
-  const inputId = (0, import_react27.useId)();
-  const input = (0, import_react27.useRef)(null);
-  const [over, setOver] = (0, import_react27.useState)(false);
-  const take = (0, import_react27.useCallback)(
+  const inputId = (0, import_react26.useId)();
+  const input = (0, import_react26.useRef)(null);
+  const [over, setOver] = (0, import_react26.useState)(false);
+  const take = (0, import_react26.useCallback)(
     (file) => {
       if (!file || disabled) return;
       onFile(file);
     },
     [disabled, onFile]
   );
-  const onDrop = (0, import_react27.useCallback)(
+  const onDrop = (0, import_react26.useCallback)(
     (e) => {
       e.preventDefault();
       setOver(false);
@@ -3640,10 +3610,10 @@ function rememberHostFileIds(ids) {
 var FILE_CHIP_UNREAD = "File";
 var FILE_CHIP_NO_PAGE = "This screen has no way to open files yet.";
 function AttachmentChip({ id, onRemove }) {
-  const client = (0, import_react29.useOptionalRecordsClient)();
+  const client = (0, import_react28.useOptionalRecordsClient)();
   const host = useRecordsUi();
-  const [read, setRead] = (0, import_react28.useState)(null);
-  (0, import_react28.useEffect)(() => {
+  const [read, setRead] = (0, import_react27.useState)(null);
+  (0, import_react27.useEffect)(() => {
     let cancelled = false;
     if (!client) {
       setRead({ name: null, fileId: null, why: null });
@@ -3718,9 +3688,9 @@ function AttachmentControl({
   onClose
 }) {
   const host = useRecordsUi();
-  const [busy, setBusy] = (0, import_react28.useState)(false);
-  const [why, setWhy] = (0, import_react28.useState)(null);
-  const latest = (0, import_react28.useRef)(value);
+  const [busy, setBusy] = (0, import_react27.useState)(false);
+  const [why, setWhy] = (0, import_react27.useState)(null);
+  const latest = (0, import_react27.useRef)(value);
   latest.current = value;
   const multiple = Boolean(field.multi);
   const pick = async () => {
@@ -3741,8 +3711,8 @@ function AttachmentControl({
     setBusy(false);
     onClose?.();
   };
-  const opened = (0, import_react28.useRef)(false);
-  (0, import_react28.useEffect)(() => {
+  const opened = (0, import_react27.useRef)(false);
+  (0, import_react27.useEffect)(() => {
     if (!autoOpen || opened.current || !host.pickFiles) return;
     opened.current = true;
     void pick();
@@ -4208,16 +4178,16 @@ function bringBackLabel(state) {
   return state.label ? `Bring back ${state.label}` : "Bring it back";
 }
 function SourceArchivedNotice({ fieldId, tableId }) {
-  const client = (0, import_react31.useRecordsClient)();
-  const [state, setState] = (0, import_react30.useState)(null);
-  const [busy, setBusy] = (0, import_react30.useState)(false);
-  const [refused, setRefused] = (0, import_react30.useState)(null);
-  const read = (0, import_react30.useCallback)(async () => {
+  const client = (0, import_react30.useRecordsClient)();
+  const [state, setState] = (0, import_react29.useState)(null);
+  const [busy, setBusy] = (0, import_react29.useState)(false);
+  const [refused, setRefused] = (0, import_react29.useState)(null);
+  const read = (0, import_react29.useCallback)(async () => {
     const answer = await client.fieldSourceArchived({ field_id: fieldId });
     if (answer.ok) setState(answer.data);
     else setRefused(answer.error);
   }, [client, fieldId]);
-  (0, import_react30.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     void read();
   }, [read]);
   if (refused && !state) return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(RefusalNotice, { error: refused });
@@ -4232,8 +4202,8 @@ function SourceArchivedNotice({ fieldId, tableId }) {
       setRefused(done.error);
       return;
     }
-    if (state.table_id) (0, import_react31.tableShapeChanged)(state.table_id);
-    (0, import_react31.tableShapeChanged)(tableId);
+    if (state.table_id) (0, import_react30.tableShapeChanged)(state.table_id);
+    (0, import_react30.tableShapeChanged)(tableId);
     await read();
   };
   return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
@@ -4255,10 +4225,10 @@ function SourceArchivedNotice({ fieldId, tableId }) {
 }
 
 // src/Condition.tsx
-var import_react32 = require("react");
+var import_react31 = require("react");
 var import_design_system21 = require("@ai-matrx/design-system");
 var import_records16 = require("@ai-matrx/records");
-var import_react33 = require("@ai-matrx/records/react");
+var import_react32 = require("@ai-matrx/records/react");
 var import_jsx_runtime23 = require("react/jsx-runtime");
 var CONDITION_OPS = [
   { op: "eq", label: "is" },
@@ -4278,11 +4248,11 @@ function isChoiceColumn(f) {
   return kind === "select" || kind === "multi_select";
 }
 function ChoiceValue({ field, value, onChange }) {
-  const client = (0, import_react33.useOptionalRecordsClient)();
-  const [choices, setChoices] = (0, import_react32.useState)(null);
-  const [open, setOpen] = (0, import_react32.useState)(false);
-  const [search, setSearch] = (0, import_react32.useState)("");
-  (0, import_react32.useEffect)(() => {
+  const client = (0, import_react32.useOptionalRecordsClient)();
+  const [choices, setChoices] = (0, import_react31.useState)(null);
+  const [open, setOpen] = (0, import_react31.useState)(false);
+  const [search, setSearch] = (0, import_react31.useState)("");
+  (0, import_react31.useEffect)(() => {
     if (!client) return;
     let cancelled = false;
     void (0, askOnce_exports.fieldOptionsOnce)(client, field.id).then((got) => {
@@ -4549,7 +4519,7 @@ function ConditionGroup({
   className
 }) {
   const { joiner, args } = clausesOf(expr);
-  const [drafting, setDrafting] = (0, import_react32.useState)(null);
+  const [drafting, setDrafting] = (0, import_react31.useState)(null);
   const nested = depth > 0;
   const replaceAt = (index, next) => {
     const nextArgs = args.slice();
@@ -4676,9 +4646,9 @@ function ConditionGroup({
 }
 
 // src/FieldRetype.tsx
-var import_react34 = require("react");
+var import_react33 = require("react");
 var import_records17 = require("@ai-matrx/records");
-var import_react35 = require("@ai-matrx/records/react");
+var import_react34 = require("@ai-matrx/records/react");
 var import_design_system22 = require("@ai-matrx/design-system");
 var import_jsx_runtime24 = require("react/jsx-runtime");
 var RETYPE_TARGETS = [
@@ -4715,17 +4685,17 @@ function currentTarget(field) {
   return "text";
 }
 function FieldRetype({ field, tableId, onRetyped }) {
-  const client = (0, import_react35.useRecordsClient)();
+  const client = (0, import_react34.useRecordsClient)();
   const notify = useRecordsUi().notify;
-  const [to, setTo] = (0, import_react34.useState)(null);
-  const [preview, setPreview] = (0, import_react34.useState)(null);
-  const [asking, setAsking] = (0, import_react34.useState)(false);
-  const [refusal, setRefusal] = (0, import_react34.useState)(null);
-  const [busy, setBusy] = (0, import_react34.useState)(false);
-  const [said2, setSaid] = (0, import_react34.useState)(null);
+  const [to, setTo] = (0, import_react33.useState)(null);
+  const [preview, setPreview] = (0, import_react33.useState)(null);
+  const [asking, setAsking] = (0, import_react33.useState)(false);
+  const [refusal, setRefusal] = (0, import_react33.useState)(null);
+  const [busy, setBusy] = (0, import_react33.useState)(false);
+  const [said2, setSaid] = (0, import_react33.useState)(null);
   const name = fieldName(field);
   const targets = RETYPE_TARGETS.filter((t) => t.id !== currentTarget(field));
-  (0, import_react34.useEffect)(() => {
+  (0, import_react33.useEffect)(() => {
     if (!to) return;
     let cancelled = false;
     setPreview(null);
@@ -4781,7 +4751,7 @@ function FieldRetype({ field, tableId, onRetyped }) {
           undo: async () => {
             const back = await client.migrateUndo({ migration_id: migration });
             if (!back.ok) throw new Error(refusalSentence(back.error));
-            (0, import_react35.tableShapeChanged)(tableId);
+            (0, import_react34.tableShapeChanged)(tableId);
             onRetyped?.();
           }
         });
@@ -4792,7 +4762,7 @@ function FieldRetype({ field, tableId, onRetyped }) {
     );
     setTo(null);
     setPreview(null);
-    (0, import_react35.tableShapeChanged)(tableId);
+    (0, import_react34.tableShapeChanged)(tableId);
     onRetyped?.();
   };
   return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex flex-col gap-1.5", "data-records-retype": "", children: [
@@ -4824,9 +4794,9 @@ function FieldRetype({ field, tableId, onRetyped }) {
 }
 
 // src/FieldRulePreview.tsx
-var import_react36 = require("react");
+var import_react35 = require("react");
 var import_records18 = require("@ai-matrx/records");
-var import_react37 = require("@ai-matrx/records/react");
+var import_react36 = require("@ai-matrx/records/react");
 var import_jsx_runtime25 = require("react/jsx-runtime");
 var PREVIEW_GROUPS2 = 1e3;
 function ruleWords(rules) {
@@ -4844,14 +4814,14 @@ function groupValue(value, numbers) {
   return /^-?(\d+\.?\d*|\.\d+)([eE][-+]?\d+)?$/.test(text) ? Number(text) : value;
 }
 function FieldRulePreview({ field, tableId, rules }) {
-  const client = (0, import_react37.useRecordsClient)();
-  const [preview, setPreview] = (0, import_react36.useState)(null);
-  const [refusal, setRefusal] = (0, import_react36.useState)(null);
-  const key = (0, import_react36.useMemo)(() => ruleWords(rules), [rules]);
-  const latest = (0, import_react36.useRef)(rules);
+  const client = (0, import_react36.useRecordsClient)();
+  const [preview, setPreview] = (0, import_react35.useState)(null);
+  const [refusal, setRefusal] = (0, import_react35.useState)(null);
+  const key = (0, import_react35.useMemo)(() => ruleWords(rules), [rules]);
+  const latest = (0, import_react35.useRef)(rules);
   latest.current = rules;
   const name = fieldName(field);
-  (0, import_react36.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     let cancelled = false;
     setPreview(null);
     setRefusal(null);
@@ -4972,9 +4942,9 @@ function choiceLookForNewList(multi, rows) {
 }
 
 // src/ChoiceListEditor.tsx
-var import_react38 = require("react");
+var import_react37 = require("react");
 var import_records19 = require("@ai-matrx/records");
-var import_react39 = require("@ai-matrx/records/react");
+var import_react38 = require("@ai-matrx/records/react");
 var import_design_system23 = require("@ai-matrx/design-system");
 var import_data_table5 = require("@ai-matrx/design-system/data-table");
 var import_jsx_runtime26 = require("react/jsx-runtime");
@@ -5019,15 +4989,15 @@ function ChoiceListEditor({
   rehome = {},
   onRehome
 }) {
-  const client = (0, import_react39.useRecordsClient)();
-  const [refused, setRefused] = (0, import_react38.useState)(null);
-  const [usage, setUsage] = (0, import_react38.useState)(null);
-  const [asking, setAsking] = (0, import_react38.useState)(null);
-  const [moveTo, setMoveTo] = (0, import_react38.useState)("");
-  const focusRow = (0, import_react38.useRef)(null);
-  const [removed, setRemoved] = (0, import_react38.useState)({});
+  const client = (0, import_react38.useRecordsClient)();
+  const [refused, setRefused] = (0, import_react37.useState)(null);
+  const [usage, setUsage] = (0, import_react37.useState)(null);
+  const [asking, setAsking] = (0, import_react37.useState)(null);
+  const [moveTo, setMoveTo] = (0, import_react37.useState)("");
+  const focusRow = (0, import_react37.useRef)(null);
+  const [removed, setRemoved] = (0, import_react37.useState)({});
   const fieldId = field?.id ?? null;
-  (0, import_react38.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     if (rows !== null || !fieldId || !field) return;
     let live = true;
     void client.fieldOptions({ field_id: fieldId }).then((got) => {
@@ -5044,7 +5014,7 @@ function ChoiceListEditor({
       live = false;
     };
   }, [client, fieldId, rows, onRows, onStart]);
-  (0, import_react38.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     if (!onRehome || !fieldId) return;
     let live = true;
     void client.fieldChoiceUsage({ field_id: fieldId }).then(
@@ -5184,7 +5154,7 @@ function ChoiceListEditor({
   ] });
 }
 function ChoiceSwatch({ words, color, onColor }) {
-  const [open, setOpen] = (0, import_react38.useState)(false);
+  const [open, setOpen] = (0, import_react37.useState)(false);
   const pick = (next) => {
     onColor(next);
     setOpen(false);
@@ -5625,6 +5595,36 @@ function readersSentence(count, tableName2) {
   return `${rollups} on ${tableName2 ?? "this table"} read through this.`;
 }
 
+// src/personTime.ts
+var import_react39 = require("react");
+var zone = null;
+var listeners = /* @__PURE__ */ new Set();
+function usePersonTimeZone() {
+  return (0, import_react39.useSyncExternalStore)(
+    (cb) => {
+      listeners.add(cb);
+      return () => listeners.delete(cb);
+    },
+    () => zone,
+    () => null
+  );
+}
+function personWallNow(at = /* @__PURE__ */ new Date()) {
+  if (!zone) return at;
+  const parts = new Intl.DateTimeFormat("en-US", {
+    timeZone: zone,
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit",
+    hour: "2-digit",
+    minute: "2-digit",
+    second: "2-digit",
+    hourCycle: "h23"
+  }).formatToParts(at);
+  const n = (t) => Number(parts.find((p) => p.type === t)?.value ?? 0);
+  return new Date(n("year"), n("month") - 1, n("day"), n("hour"), n("minute"), n("second"));
+}
+
 // src/gridMenus.ts
 function nextFieldSort(fields) {
   let last = 0;