@ai-matrx/records-ui 0.93.33 → 0.93.37

package/dist/index.js

@@ -5458,16 +5458,26 @@ import { tableShapeChanged, useRecordsClient as useRecordsClient6 } from "@ai-ma
 import { Button as Button12, Select as Select3, SelectContent as SelectContent3, SelectItem as SelectItem3, SelectTrigger as SelectTrigger3, SelectValue as SelectValue3 } from "@ai-matrx/design-system";
 import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
 var RETYPE_TARGETS = [
-  { behaviour: "text", label: "Text", holds: "words" },
-  { behaviour: "range", label: "Number", holds: "a number" },
-  { behaviour: "boolean", label: "Yes / no", holds: "a yes or a no" }
+  { id: "text", behaviour: "text", kind: null, label: "Text", holds: "words" },
+  { id: "number", behaviour: "range", kind: "number", label: "Number", holds: "a number" },
+  // A DATE is a `range` of kind date: `migrate_retype` alone cannot say "date" (it keeps the old
+  // kind, so every date would be kept aside), so this one goes through `custom.field_update`'s own
+  // retype arm (`parity_type: datetime`), which converts on the SAME trigger and keeps what does not
+  // fit in `_retired` with the reason — measured on the live store 2026-09-28.
+  { id: "date", behaviour: "range", kind: "date", label: "Date", holds: "a date" },
+  { id: "checkbox", behaviour: "boolean", kind: null, label: "Yes / no", holds: "a yes or a no" }
 ];
 var PREVIEW_GROUPS = 1e3;
 function retypeableFrom(field2) {
   const behaviour = String(field2.type);
-  if (behaviour !== "text" && behaviour !== "range" && behaviour !== "boolean") return false;
+  return behaviour === "text" || behaviour === "range" || behaviour === "boolean";
+}
+function currentTarget(field2) {
   const kind = String(editorKindFor(field2));
-  return kind !== "datetime" && kind !== "date";
+  if (String(field2.type) === "boolean") return "checkbox";
+  if (kind === "datetime" || kind === "date") return "date";
+  if (String(field2.type) === "range") return "number";
+  return "text";
 }
 function FieldRetype({ field: field2, tableId, onRetyped }) {
   const client = useRecordsClient6();
@@ -5478,7 +5488,7 @@ function FieldRetype({ field: field2, tableId, onRetyped }) {
   const [busy, setBusy] = useState17(false);
   const [said, setSaid] = useState17(null);
   const name = fieldName(field2);
-  const targets = RETYPE_TARGETS.filter((t) => t.behaviour !== String(field2.type));
+  const targets = RETYPE_TARGETS.filter((t) => t.id !== currentTarget(field2));
   useEffect14(() => {
     if (!to) return;
     let cancelled = false;
@@ -5493,7 +5503,7 @@ function FieldRetype({ field: field2, tableId, onRetyped }) {
         return;
       }
       const groups = answer.data.map((row) => ({ value: row.groups[field2.key] ?? null, count: row.row_count }));
-      setPreview(previewRetype({ type: to.behaviour }, groups, answer.data.length >= PREVIEW_GROUPS));
+      setPreview(previewRetype({ type: to.behaviour, kind: to.kind }, groups, answer.data.length >= PREVIEW_GROUPS));
     });
     return () => {
       cancelled = true;
@@ -5503,22 +5513,35 @@ function FieldRetype({ field: field2, tableId, onRetyped }) {
     return /* @__PURE__ */ jsxs18("p", { className: "text-[11px] text-muted-foreground", "data-records-retype": "not-here", children: [
       name,
       " holds ",
-      String(editorKindFor(field2)) === "datetime" ? "dates" : "records picked from a list or another table",
-      ", so what it holds is not changed here \u2014 add a new column and move the values across."
+      String(field2.type) === "formula" ? "a value the table works out" : "records picked from a list or another table",
+      ", and the store keeps those as record ids \u2014 turned into words or numbers they would read as ids, so it is not changed here."
     ] });
   }
   const change = async () => {
     if (!to) return;
     setBusy(true);
     setRefusal(null);
-    const done = await client.migrateRetype({ field_id: field2.id, to: to.behaviour });
-    setBusy(false);
-    if (!done.ok) {
-      setRefusal(done.error);
-      return;
+    let holding;
+    let aside;
+    if (to.id === "date") {
+      const done = await client.fieldUpdate({ field_id: field2.id, patch: { parity_type: "datetime" } });
+      setBusy(false);
+      if (!done.ok) {
+        setRefusal(done.error);
+        return;
+      }
+      holding = preview?.converts ?? 0;
+      aside = preview?.keptAside ?? 0;
+    } else {
+      const done = await client.migrateRetype({ field_id: field2.id, to: to.behaviour });
+      setBusy(false);
+      if (!done.ok) {
+        setRefusal(done.error);
+        return;
+      }
+      holding = done.data.records_still_holding_a_value ?? 0;
+      aside = done.data.values_in_retired_for_this_field ?? 0;
     }
-    const holding = done.data.records_still_holding_a_value ?? 0;
-    const aside = done.data.values_in_retired_for_this_field ?? 0;
     setSaid(
       `${name} now holds ${to.holds}. ${holding} ${holding === 1 ? "record holds" : "records hold"} a value` + (aside > 0 ? `; ${aside} ${aside === 1 ? "value that did not fit was" : "values that did not fit were"} kept with ${aside === 1 ? "its record" : "their records"}, with the reason.` : ".")
     );
@@ -5529,9 +5552,9 @@ function FieldRetype({ field: field2, tableId, onRetyped }) {
   };
   return /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-1.5", "data-records-retype": "", children: [
     /* @__PURE__ */ jsxs18("div", { className: "flex flex-wrap items-center gap-2", children: [
-      /* @__PURE__ */ jsxs18(Select3, { value: to?.behaviour ?? "", onValueChange: (next) => setTo(targets.find((t) => t.behaviour === next) ?? null), children: [
+      /* @__PURE__ */ jsxs18(Select3, { value: to?.id ?? "", onValueChange: (next) => setTo(targets.find((t) => t.id === next) ?? null), children: [
         /* @__PURE__ */ jsx22(SelectTrigger3, { size: "sm", "aria-label": "Change what this column holds", className: "w-auto min-w-[12rem]", children: /* @__PURE__ */ jsx22(SelectValue3, { placeholder: "Change what this column holds" }) }),
-        /* @__PURE__ */ jsx22(SelectContent3, { children: targets.map((t) => /* @__PURE__ */ jsx22(SelectItem3, { value: t.behaviour, children: t.label }, t.behaviour)) })
+        /* @__PURE__ */ jsx22(SelectContent3, { children: targets.map((t) => /* @__PURE__ */ jsx22(SelectItem3, { value: t.id, children: t.label }, t.id)) })
       ] }),
       to ? /* @__PURE__ */ jsx22(Button12, { size: "sm", disabled: busy || asking || preview === null, onClick: () => void change(), "data-records-retype-go": "", children: busy ? "Changing\u2026" : `Change to ${to.label}` }) : null,
       to ? /* @__PURE__ */ jsx22(Button12, { size: "sm", variant: "ghost", onClick: () => setTo(null), disabled: busy, children: "Cancel" }) : null
@@ -9525,7 +9548,10 @@ function columnForField(field2, editing, mayWriteRow, whyNotRow, look, onAskWhoC
     // The type is in the header's tooltip rather than a second header row: one
     // row of headers, always — and it is the parity type's own WORD, not a
     // token (`Long text`, never `long_text`).
-    className: "align-top",
+    // Top-aligned where a value may wrap to several lines; on a phone a cell never wraps (one line,
+    // scrolled sideways) and the row is as tall as its 44 px tick box, so the value sits in the
+    // middle beside the box — top-aligned it sat ~10 px above it (merged-grid review 2, 390 px).
+    className: "sm:align-top max-sm:align-middle",
     ...{ title: fieldTypeLabel(field2) }
   };
 }
@@ -9555,6 +9581,12 @@ function PastePreview({
       "aria-label": "What this paste will write",
       "data-matrx-paste-preview": true,
       className: "fixed inset-0 z-50 flex items-center justify-center bg-black/40 p-4",
+      onKeyDown: (event) => {
+        if (event.key !== "Escape") return;
+        event.preventDefault();
+        event.stopPropagation();
+        if (!busy) onCancel();
+      },
       children: /* @__PURE__ */ jsxs30("div", { className: "flex max-h-[80vh] w-full max-w-2xl flex-col gap-3 overflow-auto rounded-lg border bg-background p-4 shadow-lg", children: [
         /* @__PURE__ */ jsxs30("div", { className: "flex items-baseline justify-between gap-3", children: [
           /* @__PURE__ */ jsx34("h2", { className: "text-sm font-medium", children: outcome ? "What was written" : "Before this is written" }),
@@ -9630,11 +9662,13 @@ function PastePreview({
             ". Add the columns first and paste again."
           ] }) : null,
           /* @__PURE__ */ jsxs30("div", { className: "flex items-center justify-end gap-2 pt-1", children: [
-            /* @__PURE__ */ jsx34(Button22, { size: "sm", variant: "ghost", onClick: onCancel, disabled: busy, children: "Cancel" }),
+            /* @__PURE__ */ jsx34(Button22, { size: "sm", variant: "ghost", onClick: onCancel, disabled: busy, autoFocus: nothingToDo, children: "Cancel" }),
             /* @__PURE__ */ jsx34(
               Button22,
               {
                 size: "sm",
+                autoFocus: !nothingToDo,
+                "data-matrx-paste-confirm": "",
                 disabled: busy || nothingToDo,
                 onClick: () => {
                   setBusy(true);
@@ -9654,7 +9688,7 @@ function Outcome({ outcome, onClose }) {
   return /* @__PURE__ */ jsxs30(Fragment11, { children: [
     /* @__PURE__ */ jsx34("p", { className: "text-sm", "data-matrx-paste-outcome": whole ? "whole" : "partial", children: whole ? `All ${outcome.readBack} ${outcome.readBack === 1 ? "value is" : "values are"} in the table \u2014 read back out of it, not just accepted.` : `${outcome.readBack} of ${outcome.readBack + outcome.missing} values are in the table. The rest are not, and nothing was lost from what you copied \u2014 it is still on your clipboard.` }),
     outcome.refusals.length > 0 ? /* @__PURE__ */ jsx34("ul", { className: "flex flex-col gap-1", children: outcome.refusals.slice(0, 8).map((why, index) => /* @__PURE__ */ jsx34("li", { className: "text-xs text-muted-foreground", children: why }, index)) }) : null,
-    /* @__PURE__ */ jsx34("div", { className: "flex justify-end pt-1", children: /* @__PURE__ */ jsx34(Button22, { size: "sm", onClick: onClose, children: "Close" }) })
+    /* @__PURE__ */ jsx34("div", { className: "flex justify-end pt-1", children: /* @__PURE__ */ jsx34(Button22, { size: "sm", onClick: onClose, autoFocus: true, children: "Close" }) })
   ] });
 }
 function PlanTable({ plan }) {