@ai-matrx/records-ui 0.115.69 → 0.115.71

package/dist/pickers.cjs

@@ -61,11 +61,11 @@ var import_react = require("react");
 var import_records2 = require("@ai-matrx/records");
 var import_react2 = require("@ai-matrx/records/react");
 var import_design_system = require("@ai-matrx/design-system");
-var import_data_table2 = require("@ai-matrx/design-system/data-table");
+var import_data_table = require("@ai-matrx/design-system/data-table");
 
 // src/choiceLooks.ts
 var import_records = require("@ai-matrx/records");
-var import_data_table = require("@ai-matrx/design-system/data-table");
+var import_table_style = require("@ai-matrx/design-system/data-table/table-style");
 function displayFormatOf(field) {
   const raw = field.display_format;
   if (!raw || typeof raw !== "object") return null;
@@ -75,7 +75,7 @@ function displayFormatOf(field) {
   return { id, options: options && typeof options === "object" ? options : {} };
 }
 function isStyleColor(v) {
-  return typeof v === "string" && import_data_table.STYLE_COLORS.includes(v);
+  return typeof v === "string" && import_table_style.STYLE_COLORS.includes(v);
 }
 function choiceLooksOf(field) {
   const display = displayFormatOf(field);
@@ -132,9 +132,9 @@ function nextChoiceColor(worn) {
 function choiceChipLookOf(field, ...words) {
   for (const word of words) {
     const color = storedChoiceColor(field, word);
-    if (color) return { className: import_data_table.CHOICE_CHIP_CLASS[color], color };
+    if (color) return { className: import_table_style.CHOICE_CHIP_CLASS[color], color };
   }
-  return { className: import_data_table.NEUTRAL_CHIP_CLASS, color: null };
+  return { className: import_table_style.NEUTRAL_CHIP_CLASS, color: null };
 }
 
 // src/plainWords.ts
@@ -536,12 +536,12 @@ function ChoiceSwatch({ words, color, onColor }) {
       "button",
       {
         type: "button",
-        "aria-label": `Colour for ${words}: ${color ? import_data_table2.STYLE_COLOR_LABELS[color] : "none"}`,
-        title: color ? import_data_table2.STYLE_COLOR_LABELS[color] : "No colour",
+        "aria-label": `Colour for ${words}: ${color ? import_data_table.STYLE_COLOR_LABELS[color] : "none"}`,
+        title: color ? import_data_table.STYLE_COLOR_LABELS[color] : "No colour",
         "data-records-choice-swatch": color ?? "none",
         className: (0, import_design_system.cn)(
           "h-4 w-4 shrink-0 rounded-full",
-          color ? import_data_table2.SWATCH_CLASS[color] : "border border-border bg-background"
+          color ? import_data_table.SWATCH_CLASS[color] : "border border-border bg-background"
         )
       }
     ) }),
@@ -558,17 +558,17 @@ function ChoiceSwatch({ words, color, onColor }) {
           className: (0, import_design_system.cn)("h-5 w-5 rounded-full border border-border bg-background", color === null && "ring-2 ring-ring ring-offset-1")
         }
       ),
-      import_data_table2.STYLE_COLORS.map((c) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_data_table.STYLE_COLORS.map((c) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "button",
         {
           type: "button",
           role: "radio",
           "aria-checked": color === c,
-          "aria-label": import_data_table2.STYLE_COLOR_LABELS[c],
-          title: import_data_table2.STYLE_COLOR_LABELS[c],
+          "aria-label": import_data_table.STYLE_COLOR_LABELS[c],
+          title: import_data_table.STYLE_COLOR_LABELS[c],
           "data-records-choice-color": `${words}:${c}`,
           onClick: () => pick(c),
-          className: (0, import_design_system.cn)("h-5 w-5 rounded-full", import_data_table2.SWATCH_CLASS[c], color === c && "ring-2 ring-ring ring-offset-1")
+          className: (0, import_design_system.cn)("h-5 w-5 rounded-full", import_data_table.SWATCH_CLASS[c], color === c && "ring-2 ring-ring ring-offset-1")
         },
         c
       ))
@@ -667,8 +667,7 @@ function lockedStructure(base) {
   return { ...base, structure: false, why: (what) => what === "structure" ? DATABASE_LOCKED_REASON : base.why(what) };
 }
 
-// src/host.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
+// src/tableRights.ts
 function tableRights(may, overallReason) {
   return {
     ...may,
@@ -677,6 +676,9 @@ function tableRights(may, overallReason) {
   };
 }
 var NO_RIGHTS = tableRights(NOT_ANSWERED_YET);
+
+// src/host.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
 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 = (0, import_react3.createContext)(null);
@@ -937,6 +939,7 @@ var import_react8 = require("react");
 var import_source = require("@ai-matrx/content-ir/source");
 var import_records4 = require("@ai-matrx/records");
 var import_design_system5 = require("@ai-matrx/design-system");
+var import_outbound_react = require("@ai-matrx/kit/outbound-react");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var own = (event) => event.stopPropagation();
 function newerKindValue(field, value, opts = {}) {
@@ -985,11 +988,9 @@ function AddressLink({ value }) {
   const href = (0, import_records4.addressMapUrl)(value);
   if (!words || !href) return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-muted-foreground", children: "\u2014" });
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
-    "a",
+    import_outbound_react.OutboundLink,
     {
       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": "",
@@ -1037,7 +1038,7 @@ function marks(text, key) {
       const link = /^\[([^\]]+)\]\(([^)\s]+)\)$/.exec(tok);
       const href = (0, import_records4.safeLinkHref)(link?.[2] ?? "");
       out.push(
-        href ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("a", { href, target: "_blank", rel: "noopener noreferrer", className: "text-primary underline-offset-2 hover:underline", onClick: own, children: link?.[1] }, k) : link?.[1] ?? tok
+        href ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_outbound_react.OutboundLink, { href, className: "text-primary underline-offset-2 hover:underline", onClick: own, children: link?.[1] }, k) : link?.[1] ?? tok
       );
     } else out.push(/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("em", { children: tok.slice(1, -1) }, k));
     last = at + tok.length;
@@ -2025,7 +2026,7 @@ function RelationPicker({ field, value, onChange, disabled, id, className, allow
 // src/buttonCell.tsx
 var import_react46 = require("react");
 var import_design_system30 = require("@ai-matrx/design-system");
-var import_data_table8 = require("@ai-matrx/design-system/data-table");
+var import_data_table6 = require("@ai-matrx/design-system/data-table");
 var import_records26 = require("@ai-matrx/records");
 var import_react47 = require("@ai-matrx/records/react");
 
@@ -2083,7 +2084,8 @@ var import_react12 = require("react");
 var import_records9 = require("@ai-matrx/records");
 var import_react13 = require("@ai-matrx/records/react");
 var import_design_system9 = require("@ai-matrx/design-system");
-var import_jsx_runtime10 = require("react/jsx-runtime");
+
+// src/tablePickerEntries.ts
 var PLATFORM_TABLE_PREFIX = "records_ui_";
 function keptByPlatform(table) {
   return table.platform_owned === true || table.kept_by_the_app === true;
@@ -2127,6 +2129,9 @@ function madeOn(stamp) {
   if (Number.isNaN(at.getTime())) return null;
   return new Intl.DateTimeFormat(void 0, { month: "short", day: "numeric", year: "numeric" }).format(at);
 }
+
+// src/tablePicking.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
 function usePickerTables() {
   const client = (0, import_react13.useRecordsClient)();
   const tables = (0, import_react13.useTables)();
@@ -2772,7 +2777,7 @@ var import_design_system22 = require("@ai-matrx/design-system");
 var import_react34 = require("@ai-matrx/records/react");
 
 // src/values.tsx
-var import_data_table5 = require("@ai-matrx/design-system/data-table");
+var import_data_table3 = require("@ai-matrx/design-system/data-table");
 var import_field_formats4 = require("@ai-matrx/design-system/field-formats");
 var import_design_system21 = require("@ai-matrx/design-system");
 
@@ -2780,8 +2785,7 @@ var import_design_system21 = require("@ai-matrx/design-system");
 var import_react20 = require("react");
 
 // src/presentation.ts
-var import_table_style = require("@ai-matrx/design-system/data-table/table-style");
-var import_data_table3 = require("@ai-matrx/design-system/data-table");
+var import_table_style2 = require("@ai-matrx/design-system/data-table/table-style");
 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"]);
@@ -3671,6 +3675,7 @@ var import_core5 = require("@ai-matrx/records/core");
 var import_react28 = require("react");
 var import_core4 = require("@ai-matrx/records/core");
 var import_design_system16 = require("@ai-matrx/design-system");
+var import_outbound_react2 = require("@ai-matrx/kit/outbound-react");
 var import_jsx_runtime18 = require("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) {
@@ -3685,7 +3690,7 @@ function WholeValueCell({ words, pointer }) {
       words,
       "\u2026"
     ] }),
-    href ? host.Link ? host.Link({ href, children: line, className: "shrink-0 text-xs text-primary underline-offset-2 hover:underline" }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("a", { className: "shrink-0 text-xs text-primary underline-offset-2 hover:underline", href, target: "_blank", rel: "noreferrer", children: line }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "shrink-0 text-xs italic text-muted-foreground", title: WHOLE_VALUE_UNBOUND, children: `${(0, import_core4.wholeValueSize)(pointer)} in a file` })
+    href ? host.Link ? host.Link({ href, children: line, className: "shrink-0 text-xs text-primary underline-offset-2 hover:underline" }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_outbound_react2.OutboundLink, { className: "shrink-0 text-xs text-primary underline-offset-2 hover:underline", href, children: line }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "shrink-0 text-xs italic text-muted-foreground", title: WHOLE_VALUE_UNBOUND, children: `${(0, import_core4.wholeValueSize)(pointer)} in a file` })
   ] });
 }
 
@@ -3694,9 +3699,10 @@ var import_field_formats5 = require("@ai-matrx/design-system/field-formats");
 
 // src/formattedValue.tsx
 var import_react29 = require("react");
-var import_data_table4 = require("@ai-matrx/design-system/data-table");
+var import_data_table2 = require("@ai-matrx/design-system/data-table");
 var import_field_formats3 = require("@ai-matrx/design-system/field-formats");
 var import_design_system17 = require("@ai-matrx/design-system");
+var import_outbound_react3 = require("@ai-matrx/kit/outbound-react");
 var import_jsx_runtime19 = require("react/jsx-runtime");
 var LINK = "inline-flex min-w-0 items-center gap-1 text-primary hover:underline";
 var own2 = (event) => event.stopPropagation();
@@ -3767,16 +3773,14 @@ function rich(id, text, raw, format) {
     case "email":
       return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("a", { href: `mailto:${text}`, className: LINK, onClick: own2, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "truncate", children: text }) });
     case "url":
-      return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("a", { href: text.includes("://") ? text : `https://${text}`, target: "_blank", rel: "noopener noreferrer", className: LINK, onClick: own2, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "truncate", children: text }) });
+      return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_outbound_react3.OutboundLink, { href: text.includes("://") ? text : `https://${text}`, className: LINK, onClick: own2, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "truncate", children: text }) });
     case "phone":
       return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("a", { href: `tel:${text.replace(/[^\d+]/g, "")}`, className: LINK, onClick: own2, title: text, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "truncate tabular-nums", children: (0, import_field_formats3.formatPhone)(text) }) });
     case "address":
       return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-        "a",
+        import_outbound_react3.OutboundLink,
         {
           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,
@@ -3832,8 +3836,8 @@ function FormattedValue({
     return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(RatingStars, { value, max: format.options?.ratingMax ?? 5, onRate, selectFirst });
   }
   const result = (0, import_field_formats3.formatFieldValue)(value, format);
-  if (!result.ok || result.empty || !def?.rich) return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_data_table4.FormattedCell, { result });
-  return rich(def.id, result.text, value, format) ?? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_data_table4.FormattedCell, { result });
+  if (!result.ok || result.empty || !def?.rich) return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_data_table2.FormattedCell, { result });
+  return rich(def.id, result.text, value, format) ?? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_data_table2.FormattedCell, { result });
 }
 function linkChipText(raw) {
   try {
@@ -3946,6 +3950,7 @@ function FilePicker({
 }
 
 // src/gridAttachments.tsx
+var import_outbound_react4 = require("@ai-matrx/kit/outbound-react");
 var import_jsx_runtime21 = require("react/jsx-runtime");
 function attachmentIdsOf(value) {
   return idsOf(value);
@@ -4002,11 +4007,9 @@ function AttachmentChip({ id, onRemove }) {
   const title = href ? `Open ${words}` : read?.why ?? FILE_CHIP_NO_PAGE;
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_design_system19.Badge, { variant: "secondary", className: "max-w-[14rem] gap-1 text-[11px]", "data-records-file-chip": id, title, children: [
     href ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-      "a",
+      import_outbound_react4.OutboundLink,
       {
         href,
-        target: "_blank",
-        rel: "noreferrer",
         className: "truncate underline-offset-2 hover:underline",
         "data-records-file-link": read?.fileId ?? "",
         onClick: (event) => event.stopPropagation(),
@@ -4322,14 +4325,15 @@ function formulaSourceArchived(field, document2) {
   const keys = (field.config ?? {})[FORMULA_INPUT_KEYS];
   if (!Array.isArray(keys) || !document2) return null;
   for (const key of keys) {
-    const state = (0, import_records16.sourceArchivedOf)(document2[String(key)]);
-    if (state) return state;
+    const state2 = (0, import_records16.sourceArchivedOf)(document2[String(key)]);
+    if (state2) return state2;
   }
   return null;
 }
 
 // src/values.tsx
 var import_records17 = require("@ai-matrx/records");
+var import_outbound_react5 = require("@ai-matrx/kit/outbound-react");
 var import_jsx_runtime23 = require("react/jsx-runtime");
 function statusMark(field, item, document2) {
   const mark = statusMarkOf(field, item, document2);
@@ -4374,12 +4378,12 @@ function computedEmptyOf(field, document2) {
   return { kind: "formula" };
 }
 var SOURCE_ARCHIVED_WORDS = "Source archived";
-function sourceArchivedSentence(state) {
-  if (!state.label) return "A column it reads is archived";
-  return state.table ? `${state.label} on ${state.table} is archived` : `${state.label} is archived`;
+function sourceArchivedSentence(state2) {
+  if (!state2.label) return "A column it reads is archived";
+  return state2.table ? `${state2.label} on ${state2.table} is archived` : `${state2.label} is archived`;
 }
-function SourceArchivedValue({ state }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-xs italic text-muted-foreground", title: sourceArchivedSentence(state), "data-records-source-archived": state.field_id ?? "", children: SOURCE_ARCHIVED_WORDS });
+function SourceArchivedValue({ state: state2 }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-xs italic text-muted-foreground", title: sourceArchivedSentence(state2), "data-records-source-archived": state2.field_id ?? "", children: SOURCE_ARCHIVED_WORDS });
 }
 var ABSENCE_WORDS = ABSENCE_WORD_LABEL;
 function renderValue(field, value, document2, labels, stillWaitingFor, look) {
@@ -4424,7 +4428,7 @@ function renderValue(field, value, document2, labels, stillWaitingFor, look) {
   const chosen = kind === "select" || kind === "multi_select";
   const chipOf = (item) => {
     const chipLook = choiceChipLookOf(field, item, scalarText(field, item, labels));
-    return { className: chipLook.className, tinted: chipLook.color !== null, dot: import_data_table5.SWATCH_CLASS[chipLook.color ?? "gray"] };
+    return { className: chipLook.className, tinted: chipLook.color !== null, dot: import_data_table3.SWATCH_CLASS[chipLook.color ?? "gray"] };
   };
   if (chosen) {
     const items = Array.isArray(value) ? value : [value];
@@ -4454,12 +4458,10 @@ function renderValue(field, value, document2, labels, stillWaitingFor, look) {
   if (kind === "url" && typeof value === "string") {
     const href = value.includes("://") ? value : `https://${value}`;
     return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
-      "a",
+      import_outbound_react5.OutboundLink,
       {
         className: "inline-flex min-w-0 max-w-full items-center gap-1 rounded-md border border-border bg-muted/60 px-1.5 py-0.5 text-[11px] text-foreground hover:bg-accent",
         href,
-        target: "_blank",
-        rel: "noreferrer",
         title: value,
         "data-records-link-chip": "",
         onClick: (event) => event.stopPropagation(),
@@ -4533,12 +4535,12 @@ function scalarText(field, value, labels, stillWaitingFor) {
 
 // src/SourceArchivedNotice.tsx
 var import_jsx_runtime24 = require("react/jsx-runtime");
-function bringBackLabel(state) {
-  return state.label ? `Bring back ${state.label}` : "Bring it back";
+function bringBackLabel(state2) {
+  return state2.label ? `Bring back ${state2.label}` : "Bring it back";
 }
 function SourceArchivedNotice({ fieldId, tableId }) {
   const client = (0, import_react34.useRecordsClient)();
-  const [state, setState] = (0, import_react33.useState)(null);
+  const [state2, setState] = (0, import_react33.useState)(null);
   const [busy, setBusy] = (0, import_react33.useState)(false);
   const [refused, setRefused] = (0, import_react33.useState)(null);
   const read = (0, import_react33.useCallback)(async () => {
@@ -4549,19 +4551,19 @@ function SourceArchivedNotice({ fieldId, tableId }) {
   (0, import_react33.useEffect)(() => {
     void read();
   }, [read]);
-  if (refused && !state) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(RefusalNotice, { error: refused });
-  if (!state) return null;
+  if (refused && !state2) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(RefusalNotice, { error: refused });
+  if (!state2) return null;
   const restore = async () => {
-    if (!state.field_id) return;
+    if (!state2.field_id) return;
     setBusy(true);
     setRefused(null);
-    const done = await client.fieldRestore({ field_id: state.field_id });
+    const done = await client.fieldRestore({ field_id: state2.field_id });
     setBusy(false);
     if (!done.ok) {
       setRefused(done.error);
       return;
     }
-    if (state.table_id) (0, import_react34.tableShapeChanged)(state.table_id);
+    if (state2.table_id) (0, import_react34.tableShapeChanged)(state2.table_id);
     (0, import_react34.tableShapeChanged)(tableId);
     await read();
   };
@@ -4570,13 +4572,13 @@ function SourceArchivedNotice({ fieldId, tableId }) {
     {
       className: "flex flex-wrap items-center gap-2 rounded-md border border-border px-3 py-2",
       "data-testid": "source-archived-notice",
-      "data-field-id": state.field_id ?? "",
+      "data-field-id": state2.field_id ?? "",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col", children: [
           /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-sm", children: SOURCE_ARCHIVED_WORDS }),
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "truncate text-xs text-muted-foreground", children: sourceArchivedSentence(state) })
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "truncate text-xs text-muted-foreground", children: sourceArchivedSentence(state2) })
         ] }),
-        state.field_id ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_design_system22.Button, { type: "button", size: "sm", variant: "secondary", disabled: busy, onClick: () => void restore(), children: bringBackLabel(state) }) : null,
+        state2.field_id ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_design_system22.Button, { type: "button", size: "sm", variant: "secondary", disabled: busy, onClick: () => void restore(), children: bringBackLabel(state2) }) : null,
         refused ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(RefusalNotice, { error: refused, className: "basis-full" }) : null
       ]
     }
@@ -4591,23 +4593,25 @@ var import_react37 = require("@ai-matrx/records/react");
 
 // src/personTime.ts
 var import_react35 = require("react");
-var import_table_style2 = require("@ai-matrx/design-system/data-table/table-style");
-var zone = null;
-var listeners = /* @__PURE__ */ new Set();
+
+// src/personZone.ts
+var import_table_style3 = require("@ai-matrx/design-system/data-table/table-style");
+var import_global_slot = require("@ai-matrx/kit/global-slot");
+var state = (0, import_global_slot.globalSlot)("ai-matrx.records-ui.person-time-zone", () => ({
+  zone: null,
+  listeners: /* @__PURE__ */ new Set()
+}));
 function getPersonTimeZone() {
-  return zone;
+  return state.zone;
 }
-function usePersonTimeZone() {
-  return (0, import_react35.useSyncExternalStore)(
-    (cb) => {
-      listeners.add(cb);
-      return () => listeners.delete(cb);
-    },
-    () => zone,
-    () => null
-  );
+function subscribePersonTimeZone(listener) {
+  state.listeners.add(listener);
+  return () => {
+    state.listeners.delete(listener);
+  };
 }
 function personWallNow(at = /* @__PURE__ */ new Date()) {
+  const zone = state.zone;
   if (!zone) return at;
   const parts = new Intl.DateTimeFormat("en-US", {
     timeZone: zone,
@@ -4623,6 +4627,15 @@ function personWallNow(at = /* @__PURE__ */ new Date()) {
   return new Date(n("year"), n("month") - 1, n("day"), n("hour"), n("minute"), n("second"));
 }
 
+// src/personTime.ts
+function usePersonTimeZone() {
+  return (0, import_react35.useSyncExternalStore)(
+    subscribePersonTimeZone,
+    getPersonTimeZone,
+    () => null
+  );
+}
+
 // src/Condition.tsx
 var import_jsx_runtime25 = require("react/jsx-runtime");
 var CONDITION_OPS = [
@@ -4650,10 +4663,10 @@ var RELATIVE_DAY_TERMS = [
   { kind: "past_days", label: "is in the past \u2026 days", takesDays: true }
 ];
 function relativeDayNode(fieldId, kind, days) {
-  const zone2 = getPersonTimeZone();
+  const zone = getPersonTimeZone();
   const window2 = { relative: kind };
   if (RELATIVE_DAY_TERMS.find((t) => t.kind === kind)?.takesDays) window2["n"] = days ?? 7;
-  if (zone2) window2["tz"] = zone2;
+  if (zone) window2["tz"] = zone;
   return { op: "within", args: [{ field: fieldId }, { const: window2 }] };
 }
 function relativeDayOf(expr) {
@@ -5832,14 +5845,14 @@ var import_records24 = require("@ai-matrx/records");
 // src/ButtonSettings.tsx
 var import_react42 = require("react");
 var import_design_system28 = require("@ai-matrx/design-system");
-var import_data_table7 = require("@ai-matrx/design-system/data-table");
+var import_data_table5 = require("@ai-matrx/design-system/data-table");
 var import_records23 = require("@ai-matrx/records");
 var import_react43 = require("@ai-matrx/records/react");
 
 // src/AccentSwatches.tsx
 var import_records22 = require("@ai-matrx/records");
 var import_design_system27 = require("@ai-matrx/design-system");
-var import_data_table6 = require("@ai-matrx/design-system/data-table");
+var import_data_table4 = require("@ai-matrx/design-system/data-table");
 var import_jsx_runtime30 = require("react/jsx-runtime");
 function AccentSwatches({ value, onChange, options = import_records22.PORTAL_ACCENTS, noneLabel = "App colour" }) {
   return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex flex-wrap gap-1.5", role: "radiogroup", "aria-label": "Colour", children: [
@@ -5863,10 +5876,10 @@ function AccentSwatches({ value, onChange, options = import_records22.PORTAL_ACC
         type: "button",
         role: "radio",
         "aria-checked": value === c,
-        "aria-label": import_data_table6.STYLE_COLOR_LABELS[c],
-        title: import_data_table6.STYLE_COLOR_LABELS[c],
+        "aria-label": import_data_table4.STYLE_COLOR_LABELS[c],
+        title: import_data_table4.STYLE_COLOR_LABELS[c],
         onClick: () => onChange(c),
-        className: (0, import_design_system27.cn)("h-7 w-7 rounded-full border-2", import_data_table6.SWATCH_CLASS[c], value === c ? "border-foreground" : "border-transparent")
+        className: (0, import_design_system27.cn)("h-7 w-7 rounded-full border-2", import_data_table4.SWATCH_CLASS[c], value === c ? "border-foreground" : "border-transparent")
       },
       c
     ))
@@ -5946,7 +5959,7 @@ function ButtonSettingsEditor({
         AccentSwatches,
         {
           value: value.color ?? "",
-          options: import_data_table7.STYLE_COLORS,
+          options: import_data_table5.STYLE_COLORS,
           noneLabel: "Plain",
           onChange: (next) => set({ color: next === "" ? void 0 : next })
         }
@@ -7011,12 +7024,12 @@ function sourceKindOf(field) {
   if (kind === "attachment") return "file";
   return null;
 }
-function whatIsMissing(state) {
-  const noun = state.noun ?? "column";
-  const { type, label, via, pick, agg, of, relations, formulaFields } = state;
-  const relationTarget = state.relationTarget ?? "";
+function whatIsMissing(state2) {
+  const noun = state2.noun ?? "column";
+  const { type, label, via, pick, agg, of, relations, formulaFields } = state2;
+  const relationTarget = state2.relationTarget ?? "";
   if (label.trim() === "") return `Give the ${noun} a name.`;
-  if (type === "entity_reference") return whatIsMissingForEntityReference(state.allowedTypes ?? []);
+  if (type === "entity_reference") return whatIsMissingForEntityReference(state2.allowedTypes ?? []);
   if (type === "relation") {
     if (relationTarget.trim() === "") return `Choose the table this ${noun} points at.`;
     return null;
@@ -7371,6 +7384,8 @@ function NewColumnDefault({
 }
 
 // src/buttonCell.tsx
+var import_outbound_react6 = require("@ai-matrx/kit/outbound-react");
+var import_outbound = require("@ai-matrx/kit/outbound");
 var import_jsx_runtime33 = require("react/jsx-runtime");
 function buttonPressWords(label, pressed) {
   if (pressed.do === "open_url") return `${label} opened ${pressed.url}`;
@@ -7389,7 +7404,7 @@ function ButtonValue({ field, recordId, inCell }) {
   const [said2, setSaid] = (0, import_react46.useState)(null);
   const [settingUp, setSettingUp] = (0, import_react46.useState)(false);
   if (!b) return null;
-  const color = (0, import_data_table8.isStyleColor)(b.color) ? import_data_table8.CHOICE_CHIP_CLASS[b.color] : import_data_table8.NEUTRAL_CHIP_CLASS;
+  const color = (0, import_data_table6.isStyleColor)(b.color) ? import_data_table6.CHOICE_CHIP_CLASS[b.color] : import_data_table6.NEUTRAL_CHIP_CLASS;
   const needs = (0, import_records26.buttonNeeds)(b);
   const tableId = field.entity_definition_id;
   const press = async () => {
@@ -7401,7 +7416,7 @@ function ButtonValue({ field, recordId, inCell }) {
     if (!answered.ok) return setSaid({ kind: "refused", error: answered.error });
     const pressed = answered.data;
     if (pressed.do === "open_url") {
-      const opened = typeof window !== "undefined" ? window.open(pressed.url, "_blank", "noopener,noreferrer") : null;
+      const opened = typeof window !== "undefined" ? (0, import_outbound.openOutbound)(pressed.url, "_blank", "noopener") : null;
       return setSaid({ kind: "ran", says: opened ? `${b.label} opened.` : `${b.label} is ready:`, link: pressed.url });
     }
     setSaid({ kind: "ran", says: buttonPressWords(b.label, pressed) });
@@ -7435,7 +7450,7 @@ function ButtonValue({ field, recordId, inCell }) {
         said2?.kind === "ran" ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("p", { className: "break-words", children: [
           said2.says,
           " ",
-          said2.link ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("a", { href: said2.link, target: "_blank", rel: "noopener noreferrer", className: "text-primary underline", children: said2.link }) : null
+          said2.link ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_outbound_react6.OutboundLink, { href: said2.link, className: "text-primary underline", children: said2.link }) : null
         ] }) : null,
         said2?.kind === "needs" ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { children: said2.says }),
@@ -8952,11 +8967,17 @@ function ChoiceAnswer({
 
 // src/RecordsMount.tsx
 var import_react57 = require("react");
-var import_react58 = require("@ai-matrx/records/react");
-var import_jsx_runtime39 = require("react/jsx-runtime");
+
+// src/dataSource.ts
+var import_global_slot2 = require("@ai-matrx/kit/global-slot");
 function personActor(userId) {
   return userId ? { actor: "user", user_id: userId } : { actor: "user" };
 }
+var dataSources = (0, import_global_slot2.globalSlot)("ai-matrx.records-ui.data-sources", () => /* @__PURE__ */ new WeakMap());
+
+// src/RecordsMount.tsx
+var import_react58 = require("@ai-matrx/records/react");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 
 // src/TablePickers.tsx
 var import_jsx_runtime40 = require("react/jsx-runtime");
@@ -8991,7 +9012,7 @@ function readTablesAnywhere(dataSource) {
   return read;
 }
 function useTablesAnywhere(dataSource) {
-  const [state, setState] = (0, import_react59.useState)({ loading: true, error: null, rows: [] });
+  const [state2, setState] = (0, import_react59.useState)({ loading: true, error: null, rows: [] });
   (0, import_react59.useEffect)(() => {
     let live = true;
     void readTablesAnywhere(dataSource).then((result) => {
@@ -9001,7 +9022,7 @@ function useTablesAnywhere(dataSource) {
       live = false;
     };
   }, [dataSource]);
-  return state;
+  return state2;
 }
 function TablePicker({ dataSource, value, onChange, disabled, tables }) {
   const own3 = useTablesAnywhere(dataSource);