@ai-matrx/records-ui 0.115.69 → 0.115.71

package/dist/pickers.js

@@ -50,11 +50,7 @@ import { STYLE_COLORS as STYLE_COLORS2, STYLE_COLOR_LABELS, SWATCH_CLASS } from
 
 // src/choiceLooks.ts
 import { newerKindOf } from "@ai-matrx/records";
-import {
-  CHOICE_CHIP_CLASS,
-  NEUTRAL_CHIP_CLASS,
-  STYLE_COLORS
-} from "@ai-matrx/design-system/data-table";
+import { CHOICE_CHIP_CLASS, NEUTRAL_CHIP_CLASS, STYLE_COLORS } from "@ai-matrx/design-system/data-table/table-style";
 function displayFormatOf(field) {
   const raw = field.display_format;
   if (!raw || typeof raw !== "object") return null;
@@ -656,8 +652,7 @@ function lockedStructure(base) {
   return { ...base, structure: false, why: (what) => what === "structure" ? DATABASE_LOCKED_REASON : base.why(what) };
 }
 
-// src/host.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
+// src/tableRights.ts
 function tableRights(may, overallReason) {
   return {
     ...may,
@@ -666,6 +661,9 @@ function tableRights(may, overallReason) {
   };
 }
 var NO_RIGHTS = tableRights(NOT_ANSWERED_YET);
+
+// src/host.tsx
+import { jsx as jsx2 } from "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 = createContext(null);
@@ -956,6 +954,7 @@ import {
   statusGroupOf
 } from "@ai-matrx/records";
 import { BasicInput as BasicInput2, cn as cn4 } from "@ai-matrx/design-system";
+import { OutboundLink } from "@ai-matrx/kit/outbound-react";
 import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 var own = (event) => event.stopPropagation();
 function newerKindValue(field, value, opts = {}) {
@@ -1004,11 +1003,9 @@ function AddressLink({ value }) {
   const href = addressMapUrl(value);
   if (!words || !href) return /* @__PURE__ */ jsx6("span", { className: "text-muted-foreground", children: "\u2014" });
   return /* @__PURE__ */ jsxs5(
-    "a",
+    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": "",
@@ -1056,7 +1053,7 @@ function marks(text, key) {
       const link = /^\[([^\]]+)\]\(([^)\s]+)\)$/.exec(tok);
       const href = safeLinkHref(link?.[2] ?? "");
       out.push(
-        href ? /* @__PURE__ */ jsx6("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__ */ jsx6(OutboundLink, { href, className: "text-primary underline-offset-2 hover:underline", onClick: own, children: link?.[1] }, k) : link?.[1] ?? tok
       );
     } else out.push(/* @__PURE__ */ jsx6("em", { children: tok.slice(1, -1) }, k));
     last = at + tok.length;
@@ -2140,7 +2137,8 @@ import { useCallback as useCallback2, useEffect as useEffect6, useMemo as useMem
 import { withTablePlacement } from "@ai-matrx/records";
 import { useRecordsClient as useRecordsClient2, useTables } from "@ai-matrx/records/react";
 import { Checkbox, cn as cn8 } from "@ai-matrx/design-system";
-import { jsx as jsx10, jsxs as jsxs9 } from "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;
@@ -2184,6 +2182,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
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 function usePickerTables() {
   const client = useRecordsClient2();
   const tables = useTables();
@@ -2848,10 +2849,7 @@ import { Badge as Badge5, cn as cn18 } from "@ai-matrx/design-system";
 import { createContext as createContext2, useContext as useContext2 } from "react";
 
 // src/presentation.ts
-import { parseTableStyle, tableStyleIsEmpty } from "@ai-matrx/design-system/data-table/table-style";
-import {
-  COLOR_ROTATION
-} from "@ai-matrx/design-system/data-table";
+import { COLOR_ROTATION, parseTableStyle, tableStyleIsEmpty } from "@ai-matrx/design-system/data-table/table-style";
 import { getFieldFormat } from "@ai-matrx/design-system/field-formats";
 import { newerKindOf as newerKindOf4, 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"]);
@@ -3741,6 +3739,7 @@ import { wholeValueOf } from "@ai-matrx/records/core";
 import { useEffect as useEffect10, useState as useState15 } from "react";
 import { wholeValueSize } from "@ai-matrx/records/core";
 import { BasicTextarea as BasicTextarea2 } from "@ai-matrx/design-system";
+import { OutboundLink as OutboundLink2 } from "@ai-matrx/kit/outbound-react";
 import { jsx as jsx18, jsxs as jsxs16 } 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) {
@@ -3755,7 +3754,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__ */ jsx18("a", { className: "shrink-0 text-xs text-primary underline-offset-2 hover:underline", href, target: "_blank", rel: "noreferrer", children: line }) : /* @__PURE__ */ jsx18("span", { className: "shrink-0 text-xs italic text-muted-foreground", title: WHOLE_VALUE_UNBOUND, children: `${wholeValueSize(pointer)} in a file` })
+    href ? host.Link ? host.Link({ href, children: line, className: "shrink-0 text-xs text-primary underline-offset-2 hover:underline" }) : /* @__PURE__ */ jsx18(OutboundLink2, { className: "shrink-0 text-xs text-primary underline-offset-2 hover:underline", href, children: line }) : /* @__PURE__ */ jsx18("span", { className: "shrink-0 text-xs italic text-muted-foreground", title: WHOLE_VALUE_UNBOUND, children: `${wholeValueSize(pointer)} in a file` })
   ] });
 }
 
@@ -3767,6 +3766,7 @@ import { useRef as useRef8 } from "react";
 import { FormattedCell } from "@ai-matrx/design-system/data-table";
 import { formatFieldValue as formatFieldValue2, formatPhone, getFieldFormat as getFieldFormat2 } from "@ai-matrx/design-system/field-formats";
 import { cn as cn15 } from "@ai-matrx/design-system";
+import { OutboundLink as OutboundLink3 } from "@ai-matrx/kit/outbound-react";
 import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
 var LINK = "inline-flex min-w-0 items-center gap-1 text-primary hover:underline";
 var own2 = (event) => event.stopPropagation();
@@ -3837,16 +3837,14 @@ function rich(id, text, raw, format) {
     case "email":
       return /* @__PURE__ */ jsx19("a", { href: `mailto:${text}`, className: LINK, onClick: own2, children: /* @__PURE__ */ jsx19("span", { className: "truncate", children: text }) });
     case "url":
-      return /* @__PURE__ */ jsx19("a", { href: text.includes("://") ? text : `https://${text}`, target: "_blank", rel: "noopener noreferrer", className: LINK, onClick: own2, children: /* @__PURE__ */ jsx19("span", { className: "truncate", children: text }) });
+      return /* @__PURE__ */ jsx19(OutboundLink3, { href: text.includes("://") ? text : `https://${text}`, className: LINK, onClick: own2, children: /* @__PURE__ */ jsx19("span", { className: "truncate", children: text }) });
     case "phone":
       return /* @__PURE__ */ jsx19("a", { href: `tel:${text.replace(/[^\d+]/g, "")}`, className: LINK, onClick: own2, title: text, children: /* @__PURE__ */ jsx19("span", { className: "truncate tabular-nums", children: formatPhone(text) }) });
     case "address":
       return /* @__PURE__ */ jsx19(
-        "a",
+        OutboundLink3,
         {
           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,
@@ -4016,6 +4014,7 @@ function FilePicker({
 }
 
 // src/gridAttachments.tsx
+import { OutboundLink as OutboundLink4 } from "@ai-matrx/kit/outbound-react";
 import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
 function attachmentIdsOf(value) {
   return idsOf(value);
@@ -4072,11 +4071,9 @@ function AttachmentChip({ id, onRemove }) {
   const title = href ? `Open ${words}` : read?.why ?? FILE_CHIP_NO_PAGE;
   return /* @__PURE__ */ jsxs19(Badge3, { variant: "secondary", className: "max-w-[14rem] gap-1 text-[11px]", "data-records-file-chip": id, title, children: [
     href ? /* @__PURE__ */ jsx21(
-      "a",
+      OutboundLink4,
       {
         href,
-        target: "_blank",
-        rel: "noreferrer",
         className: "truncate underline-offset-2 hover:underline",
         "data-records-file-link": read?.fileId ?? "",
         onClick: (event) => event.stopPropagation(),
@@ -4392,14 +4389,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 = sourceArchivedOf(document2[String(key)]);
-    if (state) return state;
+    const state2 = sourceArchivedOf(document2[String(key)]);
+    if (state2) return state2;
   }
   return null;
 }
 
 // src/values.tsx
 import { autonumberPrefixOf as autonumberPrefixOf2, autonumberWords as autonumberWords2, isButtonField as isButtonField2, newerKindWords, sourceArchivedOf as sourceArchivedOf2 } from "@ai-matrx/records";
+import { OutboundLink as OutboundLink5 } from "@ai-matrx/kit/outbound-react";
 import { Fragment as Fragment7, jsx as jsx23, jsxs as jsxs21 } from "react/jsx-runtime";
 function statusMark(field, item, document2) {
   const mark = statusMarkOf(field, item, document2);
@@ -4444,12 +4442,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__ */ jsx23("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__ */ jsx23("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) {
@@ -4524,12 +4522,10 @@ function renderValue(field, value, document2, labels, stillWaitingFor, look) {
   if (kind === "url" && typeof value === "string") {
     const href = value.includes("://") ? value : `https://${value}`;
     return /* @__PURE__ */ jsxs21(
-      "a",
+      OutboundLink5,
       {
         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(),
@@ -4603,12 +4599,12 @@ function scalarText(field, value, labels, stillWaitingFor) {
 
 // src/SourceArchivedNotice.tsx
 import { jsx as jsx24, jsxs as jsxs22 } from "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 = useRecordsClient6();
-  const [state, setState] = useState18(null);
+  const [state2, setState] = useState18(null);
   const [busy, setBusy] = useState18(false);
   const [refused, setRefused] = useState18(null);
   const read = useCallback5(async () => {
@@ -4619,19 +4615,19 @@ function SourceArchivedNotice({ fieldId, tableId }) {
   useEffect12(() => {
     void read();
   }, [read]);
-  if (refused && !state) return /* @__PURE__ */ jsx24(RefusalNotice, { error: refused });
-  if (!state) return null;
+  if (refused && !state2) return /* @__PURE__ */ jsx24(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) tableShapeChanged(state.table_id);
+    if (state2.table_id) tableShapeChanged(state2.table_id);
     tableShapeChanged(tableId);
     await read();
   };
@@ -4640,13 +4636,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__ */ jsxs22("div", { className: "flex min-w-0 flex-1 flex-col", children: [
           /* @__PURE__ */ jsx24("span", { className: "text-sm", children: SOURCE_ARCHIVED_WORDS }),
-          /* @__PURE__ */ jsx24("span", { className: "truncate text-xs text-muted-foreground", children: sourceArchivedSentence(state) })
+          /* @__PURE__ */ jsx24("span", { className: "truncate text-xs text-muted-foreground", children: sourceArchivedSentence(state2) })
         ] }),
-        state.field_id ? /* @__PURE__ */ jsx24(Button11, { type: "button", size: "sm", variant: "secondary", disabled: busy, onClick: () => void restore(), children: bringBackLabel(state) }) : null,
+        state2.field_id ? /* @__PURE__ */ jsx24(Button11, { type: "button", size: "sm", variant: "secondary", disabled: busy, onClick: () => void restore(), children: bringBackLabel(state2) }) : null,
         refused ? /* @__PURE__ */ jsx24(RefusalNotice, { error: refused, className: "basis-full" }) : null
       ]
     }
@@ -4661,23 +4657,25 @@ import { useOptionalRecordsClient as useOptionalRecordsClient6 } from "@ai-matrx
 
 // src/personTime.ts
 import { useSyncExternalStore } from "react";
+
+// src/personZone.ts
 import { setColorRuleTimeZone } from "@ai-matrx/design-system/data-table/table-style";
-var zone = null;
-var listeners = /* @__PURE__ */ new Set();
+import { globalSlot } from "@ai-matrx/kit/global-slot";
+var state = globalSlot("ai-matrx.records-ui.person-time-zone", () => ({
+  zone: null,
+  listeners: /* @__PURE__ */ new Set()
+}));
 function getPersonTimeZone() {
-  return zone;
+  return state.zone;
 }
-function usePersonTimeZone() {
-  return 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,
@@ -4693,6 +4691,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 useSyncExternalStore(
+    subscribePersonTimeZone,
+    getPersonTimeZone,
+    () => null
+  );
+}
+
 // src/Condition.tsx
 import { Fragment as Fragment8, jsx as jsx25, jsxs as jsxs23 } from "react/jsx-runtime";
 var CONDITION_OPS = [
@@ -4720,10 +4727,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) {
@@ -7090,12 +7097,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;
@@ -7450,6 +7457,8 @@ function NewColumnDefault({
 }
 
 // src/buttonCell.tsx
+import { OutboundLink as OutboundLink6 } from "@ai-matrx/kit/outbound-react";
+import { openOutbound } from "@ai-matrx/kit/outbound";
 import { Fragment as Fragment10, jsx as jsx33, jsxs as jsxs31 } from "react/jsx-runtime";
 function buttonPressWords(label, pressed) {
   if (pressed.do === "open_url") return `${label} opened ${pressed.url}`;
@@ -7480,7 +7489,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" ? 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) });
@@ -7514,7 +7523,7 @@ function ButtonValue({ field, recordId, inCell }) {
         said2?.kind === "ran" ? /* @__PURE__ */ jsxs31("p", { className: "break-words", children: [
           said2.says,
           " ",
-          said2.link ? /* @__PURE__ */ jsx33("a", { href: said2.link, target: "_blank", rel: "noopener noreferrer", className: "text-primary underline", children: said2.link }) : null
+          said2.link ? /* @__PURE__ */ jsx33(OutboundLink6, { href: said2.link, className: "text-primary underline", children: said2.link }) : null
         ] }) : null,
         said2?.kind === "needs" ? /* @__PURE__ */ jsxs31(Fragment10, { children: [
           /* @__PURE__ */ jsx33("p", { children: said2.says }),
@@ -9031,11 +9040,17 @@ function ChoiceAnswer({
 
 // src/RecordsMount.tsx
 import { useRef as useRef17 } from "react";
-import { RecordsProvider } from "@ai-matrx/records/react";
-import { jsx as jsx39 } from "react/jsx-runtime";
+
+// src/dataSource.ts
+import { globalSlot as globalSlot2 } from "@ai-matrx/kit/global-slot";
 function personActor(userId) {
   return userId ? { actor: "user", user_id: userId } : { actor: "user" };
 }
+var dataSources = globalSlot2("ai-matrx.records-ui.data-sources", () => /* @__PURE__ */ new WeakMap());
+
+// src/RecordsMount.tsx
+import { RecordsProvider } from "@ai-matrx/records/react";
+import { jsx as jsx39 } from "react/jsx-runtime";
 
 // src/TablePickers.tsx
 import { Fragment as Fragment14, jsx as jsx40, jsxs as jsxs37 } from "react/jsx-runtime";
@@ -9070,7 +9085,7 @@ function readTablesAnywhere(dataSource) {
   return read;
 }
 function useTablesAnywhere(dataSource) {
-  const [state, setState] = useState31({ loading: true, error: null, rows: [] });
+  const [state2, setState] = useState31({ loading: true, error: null, rows: [] });
   useEffect22(() => {
     let live = true;
     void readTablesAnywhere(dataSource).then((result) => {
@@ -9080,7 +9095,7 @@ function useTablesAnywhere(dataSource) {
       live = false;
     };
   }, [dataSource]);
-  return state;
+  return state2;
 }
 function TablePicker({ dataSource, value, onChange, disabled, tables }) {
   const own3 = useTablesAnywhere(dataSource);