@ai-matrx/records-ui 0.95.4 → 0.95.10

package/dist/pickers.cjs

@@ -751,7 +751,12 @@ var REMEDY = {
   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.",
+  // 🚨 ONE REMEDY THAT IS TRUE OF EVERY DOOR (lane CHAIR-STORE-PERF, 2026-10-03). The store cancels the
+  // WHOLE statement at its clock, so a timed-out door wrote nothing — a create, a column add and a page
+  // read alike. "Try a smaller page" was written for the page read and was printed to a person adding
+  // one row to a three-row table (clone walk, 2026-10-03; the clock was a lock another lane's
+  // rehearsal held, not the row). A door whose page can shrink says so in its own hint, which wins here.
+  timed_out: "Nothing was changed. Try again in a moment.",
   internal: "Nothing you did caused this. Try again, and tell us if it keeps happening."
 };
 var ENGINEER_TEXT = [
@@ -995,7 +1000,7 @@ var import_jsx_runtime4 = (
   require("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 }) {
+function RelationPicker({ field, value, onChange, disabled, id, className, allowCreate = true, onPicked }) {
   const client = (0, import_react4.useOptionalRecordsClient)();
   const [rows, setRows] = (0, import_react3.useState)(null);
   const [words, setWords] = (0, import_react3.useState)({});
@@ -1083,8 +1088,10 @@ function RelationPicker({ field, value, onChange, disabled, id, className, allow
   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);
+      const choosing = picked[0] !== recordId;
+      onChange(choosing ? recordId : null);
       setOpen(false);
+      if (choosing && onPicked) setTimeout(onPicked, 0);
       return;
     }
     const next = new Set(picked);
@@ -3308,7 +3315,7 @@ function FieldControl({ field, value, onChange, disabled, id, autoOpen, onClose,
       }
       return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(RelationPicker, { field, value, onChange, disabled, id: inputId });
     case "relation":
-      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(RelationPicker, { field, value, onChange, disabled, id: inputId });
+      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(RelationPicker, { field, value, onChange, disabled, id: inputId, onPicked: onCommit });
     default:
       if (typeof value === "boolean" || field.config?.["kind"] === "boolean") {
         return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
@@ -3970,20 +3977,40 @@ function TablePicker({ dataSource, value, onChange, disabled, tables }) {
   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
-  }));
+  ).entries.map(({ table: t }) => t);
+  const sameName = /* @__PURE__ */ new Map();
+  for (const t of options) {
+    const key = `${t.organization_id}|${t.table_name.trim().toLowerCase()}`;
+    sameName.set(key, (sameName.get(key) ?? 0) + 1);
+  }
+  const pickerOptions = options.map((t) => {
+    const twin = (sameName.get(`${t.organization_id}|${t.table_name.trim().toLowerCase()}`) ?? 0) > 1;
+    const row = t;
+    const second = [
+      row.created_by_name ? `by ${row.created_by_name}` : null,
+      row.updated_at ? `changed ${new Date(row.updated_at).toLocaleDateString()}` : null
+    ].filter(Boolean).join(" \xB7 ");
+    return {
+      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,
+      ...twin && second ? {
+        render: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "flex min-w-0 flex-col", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "truncate", children: t.table_name }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "truncate text-[11px] text-muted-foreground", children: second })
+        ] })
+      } : {}
+    };
+  });
   const missing = Boolean(value) && !list.loading && !list.error && !list.rows.some((t) => t.table_id === value);
   return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex flex-col gap-1", children: [
     /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       import_design_system16.CreatablePicker,
       {
         value: value || null,
-        options,
+        options: pickerOptions,
         onSelect: onChange,
         placeholder: missing ? "Table not available" : "Choose a table",
         searchPlaceholder: "Search tables",
@@ -4505,7 +4532,7 @@ function referencesOf(field, value, kind, labels) {
   }));
 }
 var ARCHIVED_REFERENCE_WORD = "Archived";
-var ARCHIVED_REFERENCE_TIP = "In Trash; restore it to use it again";
+var ARCHIVED_REFERENCE_TIP = "In the Archived view; 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);