@ai-matrx/records-ui 0.79.0 → 0.81.0

package/CHANGELOG.md

@@ -1,5 +1,67 @@
 # Changelog — @ai-matrx/records-ui
 
+## 0.81.0
+
+**The relation picker stops cutting a customer's name in half, and a grid mount stops
+screaming at the console.** (lane FIX-14, from FIX-13's "named, not fixed" list.)
+
+**1. `Create “Marisol Okonkwo — 418 Calle Pu`.** The picker pasted a per-surface `w-64`
+over the design system's popover, and the Create offer had no truncation of its own, so the
+one control that exists to show the name you are about to create cut it mid-word. Fixed
+where it belongs: `@ai-matrx/design-system` 0.35.0 gained `sizing="content"` and decides
+the width; this package sets no width at all. The offer and every candidate row truncate
+with a real ellipsis and carry the whole name as a `title`, and `RecordChip` does the same
+everywhere it is drawn. Measured headlessly against the live store: 408px showing the whole
+name at 1600×1000, 343px with a real `text-overflow: ellipsis` at 375 wide, inside the
+viewport both times, 0 page errors.
+
+**2. `custom.enrich_cells … does not exist` on every grid mount.** The DOOR was never
+missing — `custom.enrich_cells(uuid, uuid, text[], uuid[])` is live, granted to
+`authenticated`, and answers 320 rows for a real organization from the seat. `demo/branch-server.ts`
+formatted every non-scalar argument as `'<json>'::jsonb`, because `typeof [] === "object"`,
+so no door with a Postgres array parameter could ever be matched; that 42883 was recorded
+into `demo/fixtures/doors.json` and replayed on every mount. The seam now asks `pg_proc`
+what each parameter is declared as and formats by that — the class, not the instance — and
+an array whose type it cannot read is named loudly instead of quietly re-sent as jsonb.
+
+* New guard `demo/a-grid-mount-logs-no-console-error.test.tsx`: mounts `Grid` against the
+  LIVE store and fails on ANY `console.error`, with one named exclusion (React's jsdom-only
+  `act()` warning). RED on the pre-fix bytes with exactly the 42883 above, GREEN on these.
+* The demo harness seeds a PLAIN relation column ("Related proposal", a self-relation on
+  Northbay Commercial Solar's proposals table) — until now every relation it seeded carried
+  `parity: "member"` and routed to `PersonPicker`, so `RelationPicker` had no browser
+  surface at all and its only coverage was jsdom, which has no geometry.
+
+Suite: 51 files / 319 tests green, `tsc --noEmit` clean.
+
+## 0.80.0
+
+**An import's report outlives the run, and its refusals outlive the panel.** (lane FIX-12,
+finding F2 from VERIFIER-12; published by PUBLISH-SWEEP-2, aidream `675cc61fe8`.)
+
+VERIFIER-12 watched a 40-row file land 28 rows and refuse 12 against the live store and saw
+NOTHING on screen: no summary, no refusal list, and afterwards nothing on any of that
+table's screens naming the twelve rows. The store had been right the whole time — the
+ledger said seen 40 / written 28 / refusals 12, and every refused row was kept with a
+sentence a person understands. The report was not the defect. `importFinish` called
+`onDone`, every host wires `onDone` to close the rail, and a run that fits in ONE call
+finishes between two paints — so the report was destroyed in the tick it became true. A long
+file only looked better because there was time to read the progress.
+
+* The wizard tells the host `onWrote` when rows land; `onDone` is now the person pressing
+  **Done** on the report, and nothing else closes the panel.
+* The report says where the refused rows now live.
+* **"Imports into this table"** — every run this table has had, newest first, off
+  `custom.io_imports`; a run with refusals opens them off `custom.io_import_report`, with
+  the store's own reason and the line of the file. Both doors have existed since lane
+  IMPORT; no screen had ever asked.
+* Guard: two clauses in `src/import-wizard.test.tsx`, mounted the way a HOST mounts the
+  wizard (closing on `onDone`). RED on the old bytes ("expected 'the import is closed' not
+  to contain 'the import is closed'"; the past run never on screen), GREEN on these.
+
+Built against `@ai-matrx/records@0.54.0`. Suite at publish: 317/317 across 50 files,
+including `demo/live-smoke.test.tsx`, this package's blocking live publish gate.
+
 ## 0.79.0
 
 **A joined column says what joins it.** (lane STORE-TAILS-2, VERIFIER-11 finding F5.)

package/dist/index.cjs

@@ -1082,7 +1082,7 @@ function RelationPicker({ field, value, onChange, disabled, id, className, allow
     )),
     disabled ? null : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_design_system2.Popover, { open, onOpenChange: setOpen, children: [
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system2.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system2.Button, { id, type: "button", size: "sm", variant: "outline", "aria-label": `Pick for ${fieldName(field)}`, children: picked.length === 0 ? "Pick" : "Change" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_design_system2.PopoverContent, { className: "w-64 p-1", align: "start", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_design_system2.PopoverContent, { sizing: "content", className: "p-1", align: "start", children: [
         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           import_design_system2.BasicInput,
           {
@@ -1106,6 +1106,7 @@ function RelationPicker({ field, value, onChange, disabled, id, className, allow
             {
               type: "button",
               onClick: () => toggle(row.id),
+              title: titleOf(row.id),
               className: (0, import_design_system2.cn)(
                 "w-full truncate rounded px-2 py-1 text-left text-xs hover:bg-muted",
                 picked.includes(row.id) ? "bg-accent text-accent-foreground" : ""
@@ -1151,6 +1152,7 @@ function RelationPicker({ field, value, onChange, disabled, id, className, allow
               type: "button",
               size: "sm",
               variant: "ghost",
+              title: search.trim() !== "" ? `Create \u201C${search.trim()}\u201D` : `New ${targetWord}`,
               className: "w-full justify-start text-xs",
               disabled: busy,
               onClick: () => {
@@ -1160,7 +1162,7 @@ function RelationPicker({ field, value, onChange, disabled, id, className, allow
                   setCreating(true);
                 }
               },
-              children: search.trim() !== "" ? `Create \u201C${search.trim()}\u201D` : `New ${targetWord}`
+              children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "block w-full truncate text-left", children: search.trim() !== "" ? `Create \u201C${search.trim()}\u201D` : `New ${targetWord}` })
             }
           ),
           createRefusal ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "p-2 text-xs text-destructive", children: createRefusal }) : null
@@ -1421,10 +1423,17 @@ function RecordChip({
   onRemove,
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_design_system3.Badge, { variant: "secondary", className: (0, import_design_system3.cn)("gap-1 text-[11px]", className), children: [
-    title,
-    onRemove ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", onClick: onRemove, "aria-label": `Remove ${title}`, className: "opacity-60 hover:opacity-100", children: "\xD7" }) : null
-  ] });
+  return (
+    // A chip carries a RECORD'S OWN TITLE, which nobody here chose the length of —
+    // "Marisol Okonkwo — 418 Calle Puerto Vallarta, Camarillo" is an ordinary customer
+    // name. So it caps at its container and ends in an ellipsis with the whole name in
+    // its tooltip, rather than being cut mid-word by whatever box it landed in
+    // (lane FIX-14, 2026-09-22).
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_design_system3.Badge, { variant: "secondary", className: (0, import_design_system3.cn)("max-w-full gap-1 text-[11px]", className), title, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "min-w-0 truncate", children: title }),
+      onRemove ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", onClick: onRemove, "aria-label": `Remove ${title}`, className: "shrink-0 opacity-60 hover:opacity-100", children: "\xD7" }) : null
+    ] })
+  );
 }
 
 // src/PersonPicker.tsx
@@ -1570,7 +1579,7 @@ function PersonPicker({ field, value, onChange, disabled, id, className }) {
           children: picked.length === 0 ? "Pick a person" : "Change"
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_design_system4.PopoverContent, { className: "w-64 p-1", align: "start", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_design_system4.PopoverContent, { sizing: "content", className: "p-1", align: "start", children: [
         /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           import_design_system4.BasicInput,
           {
@@ -3691,6 +3700,9 @@ function Grid({
     [client, host, refreshEnrich]
   );
   const [pastePlan, setPastePlan] = (0, import_react20.useState)(null);
+  const [deleting, setDeleting] = (0, import_react20.useState)(null);
+  const [deleteBusy, setDeleteBusy] = (0, import_react20.useState)(false);
+  const [archived, setArchived] = (0, import_react20.useState)(null);
   const choiceOptions = (0, import_react20.useRef)(/* @__PURE__ */ new Map());
   const loadChoiceOptions = (0, import_react20.useCallback)(
     async (fieldList) => {
@@ -3978,6 +3990,21 @@ function Grid({
       /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "ml-auto flex items-center gap-1", children: toolbarActions })
     ] }),
     records.error ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(RefusalNotice, { error: records.error }) : null,
+    archived ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+      "p",
+      {
+        "data-records-archived-notice": "",
+        role: "status",
+        className: "flex items-center gap-2 rounded border border-border bg-muted/40 px-2 py-1 text-xs",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { children: [
+            archived,
+            " is archived. Nothing was destroyed \u2014 it is in this table\u2019s Archived items, where Restore brings it back."
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system10.Button, { size: "sm", variant: "ghost", className: "ml-auto h-6", onClick: () => setArchived(null), children: "Dismiss" })
+        ]
+      }
+    ) : null,
     editing.rowError ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       RefusalNotice,
       {
@@ -4094,11 +4121,13 @@ function Grid({
                 }
               ) : null,
               canWrite && mayWriteRow(row.id) ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                DeleteRecordButton,
+                import_design_system10.Button,
                 {
-                  row,
-                  retentionDays: table.data?.retention_days ?? null,
-                  onDelete: () => editing.remove(row.id)
+                  size: "sm",
+                  variant: "ghost",
+                  title: "Delete this record",
+                  onClick: () => setDeleting(row),
+                  children: "Delete"
                 }
               ) : null
             ] })
@@ -4141,7 +4170,32 @@ function Grid({
           onPage: setPage
         }
       )
-    ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      import_design_system10.ConfirmDialog,
+      {
+        open: deleting !== null,
+        onOpenChange: (next) => {
+          if (!next && !deleteBusy) setDeleting(null);
+        },
+        variant: "destructive",
+        title: `Delete ${deleting ? recordNameIn(table.data, deleting.document ?? {}) : "this record"}?`,
+        description: table.data?.retention_days ? `It leaves the table and waits in Archived items. Nothing is destroyed: Restore brings it back, for ${table.data.retention_days} days.` : "It leaves the table and waits in Archived items. Nothing is destroyed: Restore brings it back.",
+        confirmLabel: "Delete",
+        cancelLabel: "Keep",
+        busy: deleteBusy,
+        onConfirm: async () => {
+          const row = deleting;
+          if (!row) return;
+          const name = recordNameIn(table.data, row.document ?? {});
+          setDeleteBusy(true);
+          const failed = await editing.remove(row.id);
+          setDeleteBusy(false);
+          setDeleting(null);
+          if (!failed) setArchived(name);
+        }
+      }
+    )
   ] }) });
 }
 function columnLabel(fields, columnId) {
@@ -4161,42 +4215,6 @@ function AddFieldButton({ onClick }) {
     }
   );
 }
-function DeleteRecordButton({
-  row,
-  retentionDays,
-  onDelete
-}) {
-  const [asking, setAsking] = (0, import_react20.useState)(false);
-  if (!asking) {
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-      import_design_system10.Button,
-      {
-        size: "sm",
-        variant: "ghost",
-        title: "Delete this record",
-        onClick: () => setAsking(true),
-        children: "Delete"
-      }
-    );
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { className: "flex items-center gap-1 text-[11px]", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-muted-foreground", children: retentionDays ? `Removes it from the table. Restorable for ${retentionDays} days.` : "Removes it from the table. It can be restored from the record's history." }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-      import_design_system10.Button,
-      {
-        size: "sm",
-        variant: "destructive",
-        onClick: () => {
-          setAsking(false);
-          void onDelete();
-        },
-        children: "Delete"
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system10.Button, { size: "sm", variant: "ghost", onClick: () => setAsking(false), children: "Keep" }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "sr-only", children: row.id })
-  ] });
-}
 function Pager({
   page,
   pageSize,
@@ -4495,7 +4513,7 @@ async function sha256(bytes) {
 function typeWord(t) {
   return fieldTypeChoice(t)?.label ?? (t === "relation" ? "Points at another table" : t);
 }
-function ImportWizard({ tableId, onDone, className }) {
+function ImportWizard({ tableId, onDone, onWrote, className }) {
   const client = (0, import_react27.useRecordsClient)();
   const table = (0, import_react27.useTable)(tableId);
   const fields = (0, import_react27.useFields)(tableId);
@@ -4521,6 +4539,46 @@ function ImportWizard({ tableId, onDone, className }) {
   const [columnsAdded, setColumnsAdded] = (0, import_react26.useState)(null);
   const [show, setShow] = (0, import_react26.useState)("all");
   const [ledger, setLedger] = (0, import_react26.useState)(null);
+  const [runs, setRuns] = (0, import_react26.useState)(null);
+  const [openRun, setOpenRun] = (0, import_react26.useState)(null);
+  const [runRows, setRunRows] = (0, import_react26.useState)(null);
+  const [runProblem, setRunProblem] = (0, import_react26.useState)(null);
+  const loadRuns = (0, import_react26.useCallback)(async () => {
+    const answered = await client.imports({ table_id: tableId, limit: 10 });
+    if (answered.ok) setRuns(answered.data);
+  }, [client, tableId]);
+  (0, import_react26.useEffect)(() => {
+    void loadRuns();
+  }, [loadRuns]);
+  const openRefusals = (0, import_react26.useCallback)(
+    async (importId) => {
+      setRunProblem(null);
+      if (openRun === importId) {
+        setOpenRun(null);
+        setRunRows(null);
+        return;
+      }
+      setOpenRun(importId);
+      setRunRows(null);
+      const answered = await client.importReport({
+        import_id: importId,
+        state: "refused",
+        limit: 200
+      });
+      if (!answered.ok) {
+        setRunProblem(answered.error.message);
+        return;
+      }
+      setRunRows({
+        import_id: answered.data.import_id,
+        rows: answered.data.rows,
+        kept: answered.data.kept,
+        total: answered.data.total,
+        note: answered.data.note
+      });
+    },
+    [client, openRun]
+  );
   const declared = fields.data ?? [];
   const take = (0, import_react26.useCallback)(
     async (file) => {
@@ -4654,8 +4712,9 @@ function ImportWizard({ tableId, onDone, className }) {
       final: true
     });
     setPhase("done");
-    onDone?.(finished.data.rows_written);
-  }, [client, dedupeKey, fileBytes, fileHash, fileName, format, mapping, onDuplicate, onDone, plan, rows, tableId, unmapped]);
+    onWrote?.(finished.data.rows_written);
+    void loadRuns();
+  }, [client, dedupeKey, fileBytes, fileHash, fileName, format, loadRuns, mapping, onDuplicate, onWrote, plan, rows, tableId, unmapped]);
   const counts = (0, import_react26.useMemo)(() => {
     let landed = 0;
     let duplicate = 0;
@@ -4932,7 +4991,73 @@ function ImportWizard({ tableId, onDone, className }) {
       proposals.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("ul", { className: "flex flex-col gap-0.5", children: proposals.map((p) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("li", { className: "text-muted-foreground", children: [
         /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "font-medium text-foreground", children: p.column }),
         p.state === "waiting" ? " is waiting in the approvals inbox." : p.state === "accepted" ? " was added as a column." : p.state === "ignored" ? " was left out." : p.state === "refused" ? ` could not be added: ${p.reason ?? ""}` : ` \u2014 ${p.state}`
-      ] }, p.column)) }) : null
+      ] }, p.column)) }) : null,
+      phase === "done" ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system13.Button, { size: "sm", onClick: () => onDone?.(ledger?.written ?? 0), children: "Done" }),
+        (ledger?.refused ?? 0) > 0 ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "text-muted-foreground", children: [
+          "The ",
+          ledger?.refused,
+          " row",
+          ledger?.refused === 1 ? "" : "s",
+          " that ",
+          ledger?.refused === 1 ? "was" : "were",
+          " refused",
+          " ",
+          "are kept with this import \u2014 open them again from the list of imports below, with the store's reason and the line from your file on each."
+        ] }) : null
+      ] }) : null
+    ] }) : null,
+    runs && runs.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system13.Separator, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "font-medium", children: "Imports into this table" }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("ul", { className: "flex flex-col gap-1", children: runs.map((r) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("li", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "font-medium", children: r.source_name ?? "a file" }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "text-muted-foreground", children: [
+            new Date(r.opened_at).toLocaleString(),
+            " \xB7 ",
+            r.rows_written,
+            " landed \xB7",
+            " ",
+            r.rows_duplicate,
+            " already here \xB7 ",
+            r.rows_refused,
+            " refused, of ",
+            r.rows_seen,
+            " row",
+            r.rows_seen === 1 ? "" : "s",
+            " offered"
+          ] }),
+          r.rows_refused > 0 ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            "button",
+            {
+              type: "button",
+              className: "underline underline-offset-2",
+              "aria-expanded": openRun === r.import_id,
+              onClick: () => void openRefusals(r.import_id),
+              children: openRun === r.import_id ? "hide the rows it refused" : `see the ${r.rows_refused} row${r.rows_refused === 1 ? "" : "s"} it refused`
+            }
+          ) : null
+        ] }),
+        openRun === r.import_id ? runProblem ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-destructive", children: runProblem }) : runRows ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+          runRows.note ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-muted-foreground", children: runRows.note }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "max-h-64 overflow-auto rounded border", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("table", { className: "w-full", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("thead", { className: "sticky top-0 bg-muted", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("tr", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("th", { className: "px-2 py-1 text-left font-medium", children: "Line in your file" }),
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("th", { className: "px-2 py-1 text-left font-medium", children: "What happened" }),
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("th", { className: "px-2 py-1 text-left font-medium", children: "The row in your file" })
+            ] }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("tbody", { children: runRows.rows.map((row, i) => {
+              const source = row.source ?? {};
+              return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("tr", { className: "border-t align-top", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("td", { className: "px-2 py-1", children: String(row.row ?? "") }),
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("td", { className: "px-2 py-1 text-destructive", children: String(row.reason ?? "") }),
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("td", { className: "max-w-96 px-2 py-1 text-muted-foreground", children: Object.entries(source).map(([k, v]) => `${k}: ${String(v ?? "")}`).join(" \xB7 ") })
+              ] }, `${r.import_id}-${String(row.row ?? i)}`);
+            }) })
+          ] }) })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-muted-foreground", children: "Reading the rows this import refused\u2026" }) : null
+      ] }, r.import_id)) })
     ] }) : null,
     table.error ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(RefusalNotice, { error: table.error }) : null
   ] });
@@ -7392,8 +7517,8 @@ function PipelineBoard({
       const asked = await client.pipelineTransitionRefusal({ record_id: recordId, to });
       if (!alive.current) return;
       if (!asked.ok) {
-        setError(asked.error);
-        setPending({ kind: "none" });
+        setPending({ kind: "clash", recordId, to, error: asked.error });
+        onMoved?.();
         return;
       }
       const verdict = asked.data;
@@ -7406,8 +7531,8 @@ function PipelineBoard({
       const moved = await client.pipelineMove({ record_id: recordId, to });
       if (!alive.current) return;
       if (!moved.ok) {
-        setPending({ kind: "none" });
-        setError(moved.error);
+        setPending({ kind: "clash", recordId, to, error: moved.error });
+        onMoved?.();
         return;
       }
       const result = moved.data;
@@ -7428,21 +7553,22 @@ function PipelineBoard({
       const moved = await client.pipelineMove({ record_id: recordId, to });
       if (!alive.current) return;
       if (!moved.ok) {
-        setPending({ kind: "none" });
-        setError(moved.error);
+        setPending({ kind: "clash", recordId, to, error: moved.error });
+        onMoved?.();
         return;
       }
       setPending({ kind: "filed", recordId, to, result: moved.data });
       void reload();
     },
-    [client, reload]
+    [client, onMoved, reload]
   );
   const moveWith = (0, import_react47.useCallback)(
     async (recordId, to, also) => {
       const moved = await client.pipelineMove({ record_id: recordId, to, also });
       if (!alive.current) return;
       if (!moved.ok) {
-        setError(moved.error);
+        setPending({ kind: "clash", recordId, to, error: moved.error });
+        onMoved?.();
         return;
       }
       setPending({ kind: "none" });
@@ -7570,6 +7696,16 @@ function Held({
   if (pending.kind === "asking") {
     return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "px-2 py-1 text-xs text-muted-foreground", children: "Asking\u2026" });
   }
+  if (pending.kind === "clash") {
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      RefusalNotice,
+      {
+        className: "mt-1",
+        error: pending.error,
+        actions: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "mt-1", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_design_system23.Button, { size: "sm", variant: "ghost", className: "h-6", onClick: onCancel, children: "Close" }) })
+      }
+    );
+  }
   if (pending.kind === "refused") {
     return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "mt-1 rounded border border-destructive/50 bg-destructive/5 p-2 text-xs", children: [
       /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { children: pending.verdict.why }),