@nivaro/react 0.3.40 → 0.3.42

package/dist/shared/components/panels/PipelinePanel.js

@@ -1,40 +1,41 @@
 import { jsx as e, jsxs as n, Fragment as de } from "react/jsx-runtime";
-import { useQueryClient as Oe, useQuery as te, useMutation as xe } from "@tanstack/react-query";
-import { ArrowRight as Fe, Loader2 as se, Check as Ce, GitBranch as Te, AlertTriangle as Nt, ChevronDown as me, Users as it, Minus as kt, UserPlus as _t, X as lt, Zap as ot, Search as Ct } from "lucide-react";
-import { useState as K, useRef as ne, useEffect as ue, useMemo as et, Suspense as dt, lazy as St } from "react";
+import { useQueryClient as Le, useQuery as te, useMutation as xe } from "@tanstack/react-query";
+import { ArrowRight as Fe, Loader2 as se, Check as Ce, GitBranch as Te, AlertTriangle as kt, ChevronDown as me, Users as it, Minus as _t, UserPlus as Ct, X as lt, Zap as ot, Search as St } from "lucide-react";
+import { useState as K, useRef as ne, useEffect as ue, useMemo as et, Suspense as dt, lazy as $t } from "react";
 import { toast as ee } from "sonner";
-import { useNivaroClient as fe, useItemEditAuth as $t } from "../../context.js";
-import { get as ie, post as be, del as Tt } from "../../lib/commands.js";
-import { useRecordSignalWhile as ct, useRecordSignalPeers as qt, signalSentence as Pt } from "../../lib/presence-signals.js";
+import { useNivaroClient as fe, useItemEditAuth as Tt } from "../../context.js";
+import { get as ie, post as be, del as qt } from "../../lib/commands.js";
+import { errorToastOptions as ct } from "../../lib/error-toast.js";
+import { useRecordSignalWhile as mt, useRecordSignalPeers as Pt, signalSentence as At } from "../../lib/presence-signals.js";
 import { RUN_TRANSITION_EVENT as Ne } from "../../lib/run-transition.js";
 import { userErrorMessage as he } from "../../lib/safe-error.js";
-import { serverNow as At } from "../../lib/server-clock.js";
-import { userCardQuery as Rt } from "../../lib/user-cards.js";
-import { cn as ge, formatRelative as mt, humanHours as Dt } from "../../lib/utils.js";
-import { PushReadinessChip as jt } from "../integrations/RecordIntegrationPreview.js";
-import { useHeaderFold as Bt } from "../item-edit/HeaderTools.js";
+import { serverNow as Rt } from "../../lib/server-clock.js";
+import { userCardQuery as Dt } from "../../lib/user-cards.js";
+import { cn as ge, formatRelative as ut, humanHours as jt } from "../../lib/utils.js";
+import { PushReadinessChip as Bt } from "../integrations/RecordIntegrationPreview.js";
+import { useHeaderFold as Mt } from "../item-edit/HeaderTools.js";
 import { invalidateRecordInsights as ke, invalidateRecordData as _e } from "../item-edit/RecordInsights.js";
-import { UserChip as ut } from "../item-edit/UserChip.js";
-import { OwnerAvatars as Mt } from "../queue/OwnerAvatars.js";
+import { UserChip as pt } from "../item-edit/UserChip.js";
+import { OwnerAvatars as Ot } from "../queue/OwnerAvatars.js";
 import { UserAvatar as Lt } from "../UserAvatar.js";
 import { Button as Y } from "../ui/button.js";
-import { DropdownMenu as Pe, DropdownMenuTrigger as Ae, DropdownMenuContent as Re, DropdownMenuGroup as tt, DropdownMenuSeparator as nt, DropdownMenuItem as we, DropdownMenuLabel as Ot } from "../ui/dropdown-menu.js";
+import { DropdownMenu as Pe, DropdownMenuTrigger as Ae, DropdownMenuContent as Re, DropdownMenuGroup as tt, DropdownMenuSeparator as nt, DropdownMenuItem as we, DropdownMenuLabel as Ft } from "../ui/dropdown-menu.js";
 import { Popover as Ie, PopoverTrigger as Ee, PopoverContent as Ue } from "../ui/popover.js";
 import { Skeleton as le } from "../ui/skeleton.js";
-import { TooltipProvider as pt, Tooltip as De, TooltipTrigger as je, TooltipContent as Be } from "../ui/tooltip.js";
-import { isAccessRefusal as ft, deniedToastAction as ht, WhyOwnersButton as Ft } from "./AccessInsights.js";
-import { BranchLanes as It } from "./BranchLanes.js";
-import { SlaClockLine as Et } from "./SlaClock.js";
-const xt = St(
+import { TooltipProvider as ft, Tooltip as De, TooltipTrigger as je, TooltipContent as Be } from "../ui/tooltip.js";
+import { isAccessRefusal as ht, deniedToastAction as xt, WhyOwnersButton as It } from "./AccessInsights.js";
+import { BranchLanes as Et } from "./BranchLanes.js";
+import { SlaClockLine as Ut } from "./SlaClock.js";
+const bt = $t(
   () => import("./TransitionRequirementsDialog.js").then((r) => ({
     default: r.TransitionRequirementsDialog
   }))
 );
-function bt(r, t) {
+function gt(r, t) {
   const u = r || "System";
   return t.on_behalf_of_name ? `${u}, for ${t.on_behalf_of_name}` : u;
 }
-function Ut(r) {
+function Qt(r) {
   if (r.transition) return null;
   const t = (r.comment ?? "").trim();
   if (!t.startsWith("{")) return null;
@@ -55,7 +56,7 @@ function Me(r) {
   const t = (r.comment ?? "").trim().toLowerCase();
   return r.origin === "import" || t.startsWith("import:") ? "Imported" : r.origin === "integration" ? "By an integration" : /-state-sync$/.test(t) || t.startsWith("legacy-") ? "Synced from another system" : t === "state-merge" || t === "instance-migration" ? "Moved by an admin script" : "Moved automatically";
 }
-function Le(r) {
+function Oe(r) {
   if (r.transition_text) return r.transition_text;
   if (r.transition_label) return `Rule: ${r.transition_label}`;
   const t = (r.comment ?? "").trim(), u = /^auto: (.+)$/i.exec(t);
@@ -69,11 +70,11 @@ const rt = {
   rate_limited: "the partner asked us to slow down",
   unknown: "the partner refused it"
 };
-function Qt(r) {
-  const t = Math.ceil((new Date(r).getTime() - At()) / 6e4);
+function zt(r) {
+  const t = Math.ceil((new Date(r).getTime() - Rt()) / 6e4);
   return !Number.isFinite(t) || t <= 0 ? "on the next check" : t < 60 ? `in ${t} min` : `in ${Math.round(t / 60)}h`;
 }
-function zt({ held: r }) {
+function Kt({ held: r }) {
   return r.length === 0 ? null : /* @__PURE__ */ e(
     "div",
     {
@@ -98,7 +99,7 @@ function zt({ held: r }) {
             }
           ),
           /* @__PURE__ */ n("p", { className: "mt-1 text-[11px] text-amber-700 dark:text-amber-400", children: [
-            t.retry_at ? `It tries the same push again ${Qt(t.retry_at)}. ` : "It will not send the same push again on its own. ",
+            t.retry_at ? `It tries the same push again ${zt(t.retry_at)}. ` : "It will not send the same push again on its own. ",
             "Fix the record so what it sends changes, retry the push, or move the record by hand.",
             t.attempts > 1 ? ` ${t.attempts} attempts so far.` : ""
           ] })
@@ -107,12 +108,12 @@ function zt({ held: r }) {
     }
   );
 }
-function gt(r) {
+function yt(r) {
   var u;
   const t = r == null ? void 0 : r.response;
   return ((t == null ? void 0 : t.code) ?? ((u = t == null ? void 0 : t.data) == null ? void 0 : u.code)) === "TRANSITION_DUPLICATE";
 }
-function yt(r) {
+function wt(r) {
   var u;
   const t = r;
   return (t == null ? void 0 : t.status) === 422 && ((u = t.response) == null ? void 0 : u.error) === "TRANSITION_REQUIREMENTS" ? t.response.requirements ?? [] : null;
@@ -138,9 +139,9 @@ function oe({
 }
 function qe(r) {
   const t = Math.floor(r / 6e4);
-  return t < 60 ? `${Math.max(1, t)}m` : Dt(r / 36e5);
+  return t < 60 ? `${Math.max(1, t)}m` : jt(r / 36e5);
 }
-function Kt({
+function Wt({
   history: r,
   completedAt: t
 }) {
@@ -200,7 +201,7 @@ function Kt({
     }) })
   ] });
 }
-function Wt({
+function Ht({
   states: r,
   allTransitions: t,
   availableTransitions: u,
@@ -225,46 +226,46 @@ function Wt({
   x && x !== i && P.add(x);
   const R = (() => {
     if (p)
-      return r.filter((c) => p.has(c.id) || P.has(c.id) || c.id === i).filter((c) => {
-        const y = c.stage_visibility ?? "always";
-        return y === "hide" ? !1 : y === "hide_unless_active" ? P.has(c.id) || c.id === i : !0;
-      }).sort((c, y) => c.sort - y.sort);
+      return r.filter((m) => p.has(m.id) || P.has(m.id) || m.id === i).filter((m) => {
+        const y = m.stage_visibility ?? "always";
+        return y === "hide" ? !1 : y === "hide_unless_active" ? P.has(m.id) || m.id === i : !0;
+      }).sort((m, y) => m.sort - y.sort);
     if (t.length === 0) {
-      const c = /* @__PURE__ */ new Set([...P]);
-      return i && c.add(i), r.filter((y) => c.has(y.id)).sort((y, d) => y.sort - d.sort);
+      const m = /* @__PURE__ */ new Set([...P]);
+      return i && m.add(i), r.filter((y) => m.has(y.id)).sort((y, d) => y.sort - d.sort);
     }
     const l = new Set(
-      q.filter((c) => c.from_state).map((c) => `${c.from_state}:${c.to_state}`)
-    ), w = new Set(q.map((c) => c.from_state).filter(Boolean)), s = t.filter((c) => c.from_state !== null), v = /* @__PURE__ */ new Map();
-    for (const c of s) {
-      const y = c.from_state;
-      if (w.has(y) && !l.has(`${y}:${c.to_state}`)) continue;
+      q.filter((m) => m.from_state).map((m) => `${m.from_state}:${m.to_state}`)
+    ), w = new Set(q.map((m) => m.from_state).filter(Boolean)), s = t.filter((m) => m.from_state !== null), v = /* @__PURE__ */ new Map();
+    for (const m of s) {
+      const y = m.from_state;
+      if (w.has(y) && !l.has(`${y}:${m.to_state}`)) continue;
       const d = v.get(y) ?? [];
-      d.push(c.to_state), v.set(y, d);
+      d.push(m.to_state), v.set(y, d);
     }
     if (i) {
-      const c = s.filter((y) => y.from_state === i).map((y) => y.to_state);
+      const m = s.filter((y) => y.from_state === i).map((y) => y.to_state);
       v.set(i, [
-        .../* @__PURE__ */ new Set([...u.map((y) => y.to_state), ...c])
+        .../* @__PURE__ */ new Set([...u.map((y) => y.to_state), ...m])
       ]);
     }
-    const k = /* @__PURE__ */ new Set(), A = r.filter((c) => c.is_initial).map((c) => c.id);
+    const k = /* @__PURE__ */ new Set(), A = r.filter((m) => m.is_initial).map((m) => m.id);
     for (; A.length; ) {
-      const c = A.shift();
-      if (!k.has(c)) {
-        k.add(c);
-        for (const y of v.get(c) ?? []) k.has(y) || A.push(y);
+      const m = A.shift();
+      if (!k.has(m)) {
+        k.add(m);
+        for (const y of v.get(m) ?? []) k.has(y) || A.push(y);
       }
     }
     const W = /* @__PURE__ */ new Set([...k, ...P]);
-    return i && W.add(i), r.filter((c) => W.has(c.id)).filter((c) => {
-      const y = c.stage_visibility ?? "always";
-      return y === "hide" ? !1 : y === "hide_unless_active" ? P.has(c.id) || c.id === i : !0;
-    }).sort((c, y) => c.sort - y.sort);
+    return i && W.add(i), r.filter((m) => W.has(m.id)).filter((m) => {
+      const y = m.stage_visibility ?? "always";
+      return y === "hide" ? !1 : y === "hide_unless_active" ? P.has(m.id) || m.id === i : !0;
+    }).sort((m, y) => m.sort - y.sort);
   })();
   if (R.length < 2) return null;
   const C = new Map(R.map((l, w) => [l.id, w])), E = new Map(r.map((l) => [l.id, l.label]));
-  function L(l, w) {
+  function O(l, w) {
     const s = C.get(l);
     return s == null ? [] : [...q].filter((v) => {
       if (!v.from_state) return !1;
@@ -277,7 +278,7 @@ function Wt({
     return ve(l) ? /* @__PURE__ */ e(ot, { className: "inline h-2.5 w-2.5", "aria-label": Me(l) }) : ((((w = l.first_name) == null ? void 0 : w[0]) ?? "") + (((s = l.last_name) == null ? void 0 : s[0]) ?? "")).toUpperCase() || ((k = (v = l.user_email) == null ? void 0 : v[0]) == null ? void 0 : k.toUpperCase()) || "?";
   }
   function B(l) {
-    return bt([l.first_name, l.last_name].filter(Boolean).join(" ") || l.user_email, l);
+    return gt([l.first_name, l.last_name].filter(Boolean).join(" ") || l.user_email, l);
   }
   const U = /* @__PURE__ */ new Map();
   for (const l of [...q].sort(
@@ -295,8 +296,8 @@ function Wt({
     const w = E.get(l.from_state ?? "") ?? "the previous step", s = E.get(l.to_state) ?? "the next step", v = ve(l) ? "it moved automatically" : `${B(l)} moved it`;
     return `Passed over on ${new Date(l.timestamp).toLocaleString()} — ${v} straight from ${w} to ${s}`;
   }
-  return /* @__PURE__ */ e(pt, { delayDuration: 200, children: /* @__PURE__ */ e("div", { ref: N, className: "overflow-x-auto pt-1.5 pb-1", "data-state-track": !0, children: /* @__PURE__ */ e("div", { className: "flex w-full items-start", children: R.map((l, w) => {
-    const s = l.id === i, v = P.has(l.id), k = v && !s, A = !v && !s ? U.get(l.id) : void 0, W = !v && !s ? f == null ? void 0 : f.get(l.id) : void 0, c = A || W ? [...A ? [b(A)] : [], ...W ?? []] : void 0, y = c !== void 0, d = l.color ?? "#94a3b8", m = w === R.length - 1, g = m ? null : R[w + 1], _ = g ? L(l.id, g.id) : [];
+  return /* @__PURE__ */ e(ft, { delayDuration: 200, children: /* @__PURE__ */ e("div", { ref: N, className: "overflow-x-auto pt-1.5 pb-1", "data-state-track": !0, children: /* @__PURE__ */ e("div", { className: "flex w-full items-start", children: R.map((l, w) => {
+    const s = l.id === i, v = P.has(l.id), k = v && !s, A = !v && !s ? U.get(l.id) : void 0, W = !v && !s ? f == null ? void 0 : f.get(l.id) : void 0, m = A || W ? [...A ? [b(A)] : [], ...W ?? []] : void 0, y = m !== void 0, d = l.color ?? "#94a3b8", c = w === R.length - 1, g = c ? null : R[w + 1], _ = g ? O(l.id, g.id) : [];
     return /* @__PURE__ */ n("div", { className: "flex flex-1 items-start", children: [
       /* @__PURE__ */ n("div", { className: "flex min-w-[76px] flex-1 flex-col items-center gap-1.5 px-1", children: [
         /* @__PURE__ */ e(
@@ -310,7 +311,7 @@ function Wt({
               border: s || k ? "none" : y ? "1.5px dashed #cbd5e1" : "1.5px solid #e2e8f0",
               boxShadow: s ? `0 0 0 3px white, 0 0 0 5px ${d}` : void 0
             },
-            children: k ? /* @__PURE__ */ e(Ce, { className: "h-3.5 w-3.5 text-white", strokeWidth: 2.5 }) : s ? /* @__PURE__ */ e("div", { className: "h-2.5 w-2.5 rounded-full bg-white/80" }) : y ? /* @__PURE__ */ e(kt, { className: "h-3 w-3 text-slate-400", strokeWidth: 2.5 }) : /* @__PURE__ */ e("div", { className: "h-2 w-2 rounded-full bg-slate-300" })
+            children: k ? /* @__PURE__ */ e(Ce, { className: "h-3.5 w-3.5 text-white", strokeWidth: 2.5 }) : s ? /* @__PURE__ */ e("div", { className: "h-2.5 w-2.5 rounded-full bg-white/80" }) : y ? /* @__PURE__ */ e(_t, { className: "h-3 w-3 text-slate-400", strokeWidth: 2.5 }) : /* @__PURE__ */ e("div", { className: "h-2 w-2 rounded-full bg-slate-300" })
           },
           s ? "cur" : k ? "done" : y ? "skip" : "todo"
         ),
@@ -332,7 +333,7 @@ function Wt({
           ) }),
           /* @__PURE__ */ n(Be, { className: "max-w-[260px]", children: [
             /* @__PURE__ */ e("p", { className: "text-[11px] font-medium", children: "Skipped for this record" }),
-            c.length > 0 ? /* @__PURE__ */ e("ul", { className: "mt-1 space-y-0.5 text-[11px] opacity-90", children: c.map((h) => /* @__PURE__ */ e("li", { children: h }, h)) }) : /* @__PURE__ */ e("p", { className: "mt-1 text-[11px] opacity-90", children: "Its skip conditions are met." })
+            m.length > 0 ? /* @__PURE__ */ e("ul", { className: "mt-1 space-y-0.5 text-[11px] opacity-90", children: m.map((h) => /* @__PURE__ */ e("li", { children: h }, h)) }) : /* @__PURE__ */ e("p", { className: "mt-1 text-[11px] opacity-90", children: "Its skip conditions are met." })
           ] })
         ] }) : /* @__PURE__ */ e(
           "span",
@@ -348,7 +349,7 @@ function Wt({
           }
         )
       ] }),
-      !m && /* @__PURE__ */ n("div", { className: "mt-[13px] flex w-10 shrink-0 flex-col items-center gap-1.5", children: [
+      !c && /* @__PURE__ */ n("div", { className: "mt-[13px] flex w-10 shrink-0 flex-col items-center gap-1.5", children: [
         (() => {
           const h = k ? `${d}55` : "#e8ecf0";
           return /* @__PURE__ */ n("div", { className: "flex w-full shrink-0 items-center", children: [
@@ -390,7 +391,7 @@ function Wt({
                   ]
                 }
               ),
-              /* @__PURE__ */ e("span", { className: "text-[8.5px] leading-none text-slate-400", children: mt(h.timestamp) })
+              /* @__PURE__ */ e("span", { className: "text-[8.5px] leading-none text-slate-400", children: ut(h.timestamp) })
             ] }) }),
             /* @__PURE__ */ n(Be, { side: "top", className: "space-y-0.5 text-[12px]", children: [
               ve(h) ? /* @__PURE__ */ n(de, { children: [
@@ -398,7 +399,7 @@ function Wt({
                   $ ? "↩ Sent back · " : "",
                   Me(h)
                 ] }),
-                Le(h) && /* @__PURE__ */ e("p", { className: "max-w-[280px] text-muted-foreground", children: Le(h) })
+                Oe(h) && /* @__PURE__ */ e("p", { className: "max-w-[280px] text-muted-foreground", children: Oe(h) })
               ] }) : /* @__PURE__ */ n("p", { className: "font-medium", children: [
                 $ ? "↩ Sent back by" : "Approved by",
                 " ",
@@ -416,9 +417,9 @@ function Wt({
     ] }, l.id);
   }) }) }) });
 }
-function Ht({ history: r }) {
+function Vt({ history: r }) {
   return r.length === 0 ? /* @__PURE__ */ e("p", { className: "text-[12px] text-slate-400 italic", children: "No transitions yet." }) : /* @__PURE__ */ e("div", { className: "space-y-3", children: r.map((t) => {
-    const u = ve(t), i = u ? Me(t) : bt([t.first_name, t.last_name].filter(Boolean).join(" ") || t.user_email, t), q = Ut(t), p = t.comment && !u && !q ? t.comment : null, f = q ?? (u ? Le(t) : null);
+    const u = ve(t), i = u ? Me(t) : gt([t.first_name, t.last_name].filter(Boolean).join(" ") || t.user_email, t), q = Qt(t), p = t.comment && !u && !q ? t.comment : null, f = q ?? (u ? Oe(t) : null);
     return /* @__PURE__ */ n("div", { className: "flex items-start gap-2.5 text-[12px]", children: [
       /* @__PURE__ */ e("div", { className: "mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-slate-200" }),
       /* @__PURE__ */ n("div", { className: "flex-1 min-w-0", children: [
@@ -442,7 +443,7 @@ function Ht({ history: r }) {
               i,
               f ? ` · ${f}` : "",
               " · ",
-              mt(t.timestamp)
+              ut(t.timestamp)
             ]
           }
         )
@@ -450,7 +451,7 @@ function Ht({ history: r }) {
     ] }, t.id);
   }) });
 }
-function Vt({ value: r, onChange: t }) {
+function Gt({ value: r, onChange: t }) {
   const u = fe(), [i, q] = K(!1), [p, f] = K(""), [N, P] = K(""), j = ne(null), x = ne(null);
   ue(() => {
     i ? setTimeout(() => {
@@ -472,10 +473,10 @@ function Vt({ value: r, onChange: t }) {
     enabled: i,
     staleTime: 3e4
   }), { data: E } = te({
-    ...Rt(u, r),
+    ...Dt(u, r),
     enabled: !!r,
     staleTime: 5 * 6e4
-  }), L = R ?? [], M = E ?? L.find((b) => b.id === r) ?? null, B = M ? [M.first_name, M.last_name].filter(Boolean).join(" ").trim() || M.email : r ? "Selected person" : null, U = (b) => [b.first_name, b.last_name].filter(Boolean).join(" ").trim();
+  }), O = R ?? [], M = E ?? O.find((b) => b.id === r) ?? null, B = M ? [M.first_name, M.last_name].filter(Boolean).join(" ").trim() || M.email : r ? "Selected person" : null, U = (b) => [b.first_name, b.last_name].filter(Boolean).join(" ").trim();
   return /* @__PURE__ */ n(Ie, { open: i, onOpenChange: q, children: [
     /* @__PURE__ */ n("div", { className: "relative flex h-8 w-full", children: [
       /* @__PURE__ */ e(Ee, { asChild: !0, children: /* @__PURE__ */ n(
@@ -503,7 +504,7 @@ function Vt({ value: r, onChange: t }) {
     ] }),
     /* @__PURE__ */ n(Ue, { align: "start", className: "w-72 p-0", sideOffset: 4, children: [
       /* @__PURE__ */ e("div", { className: "border-b border-slate-100 px-2 py-1.5", children: /* @__PURE__ */ n("div", { className: "relative", children: [
-        /* @__PURE__ */ e(Ct, { className: "absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-slate-400" }),
+        /* @__PURE__ */ e(St, { className: "absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-slate-400" }),
         /* @__PURE__ */ e(
           "input",
           {
@@ -518,7 +519,7 @@ function Vt({ value: r, onChange: t }) {
       /* @__PURE__ */ e("div", { className: "max-h-56 overflow-y-auto py-1", children: C ? /* @__PURE__ */ n("div", { className: "flex items-center gap-2 px-3 py-2 text-[12px] text-slate-400", children: [
         /* @__PURE__ */ e(se, { className: "h-3.5 w-3.5 animate-spin" }),
         "Loading…"
-      ] }) : L.length === 0 ? /* @__PURE__ */ e("div", { className: "px-3 py-2 text-[12px] text-slate-400", children: "No results" }) : L.map((b) => {
+      ] }) : O.length === 0 ? /* @__PURE__ */ e("div", { className: "px-3 py-2 text-[12px] text-slate-400", children: "No results" }) : O.map((b) => {
         const S = U(b), l = S ? `${S} (${b.email})` : b.email, w = b.id === r;
         return /* @__PURE__ */ n(
           "button",
@@ -550,7 +551,7 @@ function at({
   email: u,
   initials: i
 }) {
-  return /* @__PURE__ */ e(ut, { userId: r, children: /* @__PURE__ */ n(
+  return /* @__PURE__ */ e(pt, { userId: r, children: /* @__PURE__ */ n(
     "button",
     {
       type: "button",
@@ -574,15 +575,15 @@ function at({
     }
   ) });
 }
-function Gt({
+function Xt({
   collection: r,
   item: t,
   states: u,
   currentStateId: i,
   returned: q = !1
 }) {
-  var O, re, F;
-  const p = fe(), f = Oe(), { isAdmin: N } = $t(), [P, j] = K(!1), [x, R] = K(""), [C, E] = K(""), [L, M] = K(!1), B = ["pipeline-instance-owners", r, t], U = ["pipeline-owners-can-add", r, t], b = () => p.request(
+  var L, re, F;
+  const p = fe(), f = Le(), { isAdmin: N } = Tt(), [P, j] = K(!1), [x, R] = K(""), [C, E] = K(""), [O, M] = K(!1), B = ["pipeline-instance-owners", r, t], U = ["pipeline-owners-can-add", r, t], b = () => p.request(
     ie(`/pipelines/instance/${r}/${t}/owners`)
   ).then((a) => {
     var D;
@@ -605,14 +606,14 @@ function Gt({
     ).then((a) => a.data ?? null),
     enabled: !!i,
     staleTime: 3e4
-  }), A = new Set((S ?? []).map((a) => a.user)), W = i ? (((O = v == null ? void 0 : v[i]) == null ? void 0 : O.owners) ?? []).filter((a) => !A.has(a.id)) : [], c = W.length + ((S == null ? void 0 : S.length) ?? 0), y = !!((re = u.find((a) => a.id === i)) != null && re.is_initial), d = !l && !k, { data: m } = te({
+  }), A = new Set((S ?? []).map((a) => a.user)), W = i ? (((L = v == null ? void 0 : v[i]) == null ? void 0 : L.owners) ?? []).filter((a) => !A.has(a.id)) : [], m = W.length + ((S == null ? void 0 : S.length) ?? 0), y = !!((re = u.find((a) => a.id === i)) != null && re.is_initial), d = !l && !k, { data: c } = te({
     queryKey: ["pipeline-record-creator", r, t],
     queryFn: () => p.request(
       ie(`/pipelines/instance/${r}/${t}/creator`)
     ).then((a) => a.data ?? null),
-    enabled: y && d && c === 0,
+    enabled: y && d && m === 0,
     staleTime: 6e4
-  }), g = y && c === 0 && (m != null && m.name) ? m : null, _ = () => {
+  }), g = y && m === 0 && (c != null && c.name) ? c : null, _ = () => {
     f.invalidateQueries({ queryKey: B }), f.invalidateQueries({ queryKey: ["pipeline-instance", r, t] });
   }, h = xe({
     mutationFn: () => p.request(
@@ -627,7 +628,7 @@ function Gt({
     // The server's reason (a 403 says why), not a bare status phrase.
     onError: (a) => ee.error(he(a, "Failed to add owner"))
   }), $ = xe({
-    mutationFn: (a) => p.request(Tt(`/pipelines/instance-owners/${a.id}`)),
+    mutationFn: (a) => p.request(qt(`/pipelines/instance-owners/${a.id}`)),
     onSuccess: (a, D) => {
       _();
       const H = [D.first_name, D.last_name].filter(Boolean).join(" ") || D.email;
@@ -659,12 +660,12 @@ function Gt({
         "Owners",
         l || k ? /* @__PURE__ */ e("span", { className: "inline-block h-3 w-4 animate-pulse rounded bg-slate-200 dark:bg-[hsl(var(--nvr-skeleton))]" }) : g ? null : /* @__PURE__ */ n("span", { className: "text-slate-300", children: [
           "(",
-          c,
+          m,
           ")"
         ] })
       ] }),
       /* @__PURE__ */ n("span", { className: "flex items-center gap-3", children: [
-        i && /* @__PURE__ */ e(Ft, { collection: r, itemId: String(t) }),
+        i && /* @__PURE__ */ e(It, { collection: r, itemId: String(t) }),
         !P && s && /* @__PURE__ */ n(
           "button",
           {
@@ -672,7 +673,7 @@ function Gt({
             onClick: () => j(!0),
             className: "flex items-center gap-1 text-[11px] text-slate-400 transition-colors hover:text-nvr-cyan",
             children: [
-              /* @__PURE__ */ e(_t, { className: "h-3 w-3" }),
+              /* @__PURE__ */ e(Ct, { className: "h-3 w-3" }),
               "Add"
             ]
           }
@@ -685,7 +686,7 @@ function Gt({
     ] }) : g ? /* @__PURE__ */ n("p", { className: "text-[12px] text-slate-500 dark:text-muted-foreground", children: [
       q ? "Back with" : "With",
       " ",
-      /* @__PURE__ */ e(ut, { userId: g.id, children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e(pt, { userId: g.id, children: /* @__PURE__ */ e(
         "button",
         {
           type: "button",
@@ -694,7 +695,7 @@ function Gt({
           children: g.name
         }
       ) })
-    ] }) : c === 0 ? /* @__PURE__ */ e("p", { className: "text-[12px] text-slate-400", children: "No owners assigned." }) : /* @__PURE__ */ n("div", { className: "space-y-px", children: [
+    ] }) : m === 0 ? /* @__PURE__ */ e("p", { className: "text-[12px] text-slate-400", children: "No owners assigned." }) : /* @__PURE__ */ n("div", { className: "space-y-px", children: [
       W.map((a) => {
         var V, Z;
         const D = [a.first_name, a.last_name].filter(Boolean).join(" ") || a.email, H = (`${((V = a.first_name) == null ? void 0 : V[0]) ?? ""}${((Z = a.last_name) == null ? void 0 : Z[0]) ?? ""}`.trim() || a.email[0] || "?").toUpperCase();
@@ -751,8 +752,8 @@ function Gt({
     ] }),
     P && /* @__PURE__ */ n("div", { className: "mt-3 space-y-2 rounded-lg border border-slate-200 bg-slate-50 dark:bg-slate-900/30 dark:border-border p-3", children: [
       /* @__PURE__ */ e("p", { className: "text-[11px] font-semibold text-slate-500", children: "Add owner" }),
-      /* @__PURE__ */ e(Vt, { value: x, onChange: R }),
-      N ? /* @__PURE__ */ n(Ie, { open: L, onOpenChange: M, children: [
+      /* @__PURE__ */ e(Gt, { value: x, onChange: R }),
+      N ? /* @__PURE__ */ n(Ie, { open: O, onOpenChange: M, children: [
         /* @__PURE__ */ e(Ee, { asChild: !0, children: /* @__PURE__ */ n(
           "button",
           {
@@ -818,7 +819,7 @@ const st = {
   suspended: "suspended",
   redacted: "redacted"
 };
-function Xt({
+function Jt({
   collection: r,
   item: t,
   states: u,
@@ -856,7 +857,7 @@ function Xt({
         const R = (((U = N[x.id]) == null ? void 0 : U.owners) ?? []).map((s) => ({
           id: s.id,
           name: [s.first_name, s.last_name].filter(Boolean).join(" ") || s.email
-        })), C = x.id === i, E = ((b = N[x.id]) == null ? void 0 : b.skipped) === !0 && !C, L = (((S = N[x.id]) == null ? void 0 : S.skip_reasons) ?? []).filter(Boolean), M = ((l = N[x.id]) == null ? void 0 : l.unavailable) ?? [], B = ((w = N[x.id]) == null ? void 0 : w.blocked) === !0 && !E;
+        })), C = x.id === i, E = ((b = N[x.id]) == null ? void 0 : b.skipped) === !0 && !C, O = (((S = N[x.id]) == null ? void 0 : S.skip_reasons) ?? []).filter(Boolean), M = ((l = N[x.id]) == null ? void 0 : l.unavailable) ?? [], B = ((w = N[x.id]) == null ? void 0 : w.blocked) === !0 && !E;
         return /* @__PURE__ */ n(
           "div",
           {
@@ -877,10 +878,10 @@ function Xt({
                 // Radix tooltip with zero delay — native `title` waits on
                 // the OS hover timer, and a truncated reason needs its
                 // full text the moment the cursor lands on it.
-                /* @__PURE__ */ e(pt, { delayDuration: 0, children: /* @__PURE__ */ n(De, { children: [
+                /* @__PURE__ */ e(ft, { delayDuration: 0, children: /* @__PURE__ */ n(De, { children: [
                   /* @__PURE__ */ e(je, { asChild: !0, children: /* @__PURE__ */ n("div", { className: "flex min-w-0 flex-1 cursor-default items-center gap-2", children: [
                     /* @__PURE__ */ e("span", { className: "inline-flex shrink-0 items-center gap-1 rounded-full border border-dashed border-slate-300 px-2 py-0.5 text-[10.5px] font-medium text-slate-400 dark:border-slate-600 dark:text-slate-500", children: "Skipped" }),
-                    L.length > 0 && /* @__PURE__ */ e("span", { className: "min-w-0 flex-1 truncate text-[11px] text-slate-400 dark:text-slate-500", children: L.join(" · ") })
+                    O.length > 0 && /* @__PURE__ */ e("span", { className: "min-w-0 flex-1 truncate text-[11px] text-slate-400 dark:text-slate-500", children: O.join(" · ") })
                   ] }) }),
                   /* @__PURE__ */ n(
                     Be,
@@ -890,13 +891,13 @@ function Xt({
                       className: "max-w-[420px] space-y-0.5 text-[11.5px] leading-snug",
                       children: [
                         /* @__PURE__ */ e("p", { className: "text-slate-500 dark:text-slate-400", children: "The pipeline will pass through this state without stopping:" }),
-                        L.length > 0 ? L.map((s) => /* @__PURE__ */ e("p", { children: s }, s)) : /* @__PURE__ */ e("p", { children: "Skip criteria currently match" })
+                        O.length > 0 ? O.map((s) => /* @__PURE__ */ e("p", { children: s }, s)) : /* @__PURE__ */ e("p", { children: "Skip criteria currently match" })
                       ]
                     }
                   )
                 ] }) })
               ) : /* @__PURE__ */ n(de, { children: [
-                /* @__PURE__ */ e(Mt, { owners: R, max: 10, emptyLabel: "—" }),
+                /* @__PURE__ */ e(Ot, { owners: R, max: 10, emptyLabel: "—" }),
                 M.map((s) => /* @__PURE__ */ n(
                   "span",
                   {
@@ -940,7 +941,7 @@ function Xt({
     ] })
   ] });
 }
-function $n({
+function qn({
   collection: r,
   item: t,
   defaultExpanded: u,
@@ -954,7 +955,7 @@ function $n({
   asRole: x
 }) {
   return t === "new" ? null : /* @__PURE__ */ e(
-    Jt,
+    Zt,
     {
       collection: r,
       item: t,
@@ -971,7 +972,7 @@ function $n({
     `${r}:${t}`
   );
 }
-function wt({ collection: r, item: t }) {
+function vt({ collection: r, item: t }) {
   const u = fe(), { data: i } = te({
     queryKey: ["approval-brief", r, String(t)],
     queryFn: () => u.request(ie(`/pipelines/instance/${r}/${t}/approval-brief`)).then((p) => p.data),
@@ -1060,7 +1061,7 @@ function wt({ collection: r, item: t }) {
     ))
   ] });
 }
-function Jt({
+function Zt({
   collection: r,
   item: t,
   defaultExpanded: u,
@@ -1074,9 +1075,9 @@ function Jt({
   asRole: x
 }) {
   var We, He, Ve;
-  const R = fe(), C = Oe(), [E, L] = K(""), [M, B] = K(null), [U, b] = K(!1), [S, l] = K(!1), [w, s] = K(null);
-  ct(r, t, "transition", !!M || !!w);
-  const v = qt(r, t, "transition"), k = ne(!1);
+  const R = fe(), C = Le(), [E, O] = K(""), [M, B] = K(null), [U, b] = K(!1), [S, l] = K(!1), [w, s] = K(null);
+  mt(r, t, "transition", !!M || !!w);
+  const v = Pt(r, t, "transition"), k = ne(!1);
   ue(() => {
     !k.current && u !== void 0 && (k.current = !0, l(u));
   }, [u]);
@@ -1086,7 +1087,7 @@ function Jt({
         A.current = !1;
       }
     }));
-  }, c = async (o) => {
+  }, m = async (o) => {
     if (A.current) return;
     if (M === o) {
       B(null);
@@ -1108,7 +1109,7 @@ function Jt({
       return;
     }
     B(o);
-  }, y = x ? ["pipeline-instance", r, t, x] : ["pipeline-instance", r, t], { data: d, isLoading: m } = te({
+  }, y = x ? ["pipeline-instance", r, t, x] : ["pipeline-instance", r, t], { data: d, isLoading: c } = te({
     queryKey: y,
     queryFn: () => R.request(
       ie(
@@ -1170,14 +1171,14 @@ function Jt({
       })
     ),
     onSuccess: () => {
-      C.invalidateQueries({ queryKey: y }), r === "nivaro_addendums" && C.invalidateQueries({ queryKey: ["addendums"] }), ke(C, r, String(t)), _e(C, r, String(t)), L(""), B(null), s(null), ee.success("Transition executed");
+      C.invalidateQueries({ queryKey: y }), r === "nivaro_addendums" && C.invalidateQueries({ queryKey: ["addendums"] }), ke(C, r, String(t)), _e(C, r, String(t)), O(""), B(null), s(null), ee.success("Transition executed");
     },
     onError: (o, T) => {
-      if (gt(o)) {
+      if (yt(o)) {
         C.invalidateQueries({ queryKey: y });
         return;
       }
-      const I = yt(o);
+      const I = wt(o);
       if (I) {
         s((G) => ({
           payload: I,
@@ -1190,10 +1191,12 @@ function Jt({
       const z = o == null ? void 0 : o.response;
       ee.error(he(o, "Failed to execute transition"), {
         duration: 12e3,
+        // What to do next + Copy details (lib/error-toast.ts); "Why?" below wins the action slot.
+        ...ct(o, { action: "Transition" }),
         // #1867: a refusal carries "Why?" — the role, owner or access rule
         // that stopped it, and who can change it.
-        ...ft(o) ? {
-          action: ht(R, {
+        ...ht(o) ? {
+          action: xt(R, {
             collection: r,
             itemId: String(t),
             action: "transition",
@@ -1202,8 +1205,8 @@ function Jt({
         } : {}
       }), s(null), B(null), ke(C, r, String(t)), _e(C, r, String(t)), (z == null ? void 0 : z.status) === 409 && C.invalidateQueries({ queryKey: y });
     }
-  }), O = ne(c);
-  O.current = c;
+  }), L = ne(m);
+  L.current = m;
   const re = ne((d == null ? void 0 : d.available_transitions) ?? []);
   if (re.current = (d == null ? void 0 : d.available_transitions) ?? [], ue(() => {
     const o = (T) => {
@@ -1215,10 +1218,10 @@ function Jt({
         ee.error("That step is not available from where the record is now");
         return;
       }
-      O.current(G.id);
+      L.current(G.id);
     };
     return window.addEventListener(Ne, o), () => window.removeEventListener(Ne, o);
-  }, [r, t]), m)
+  }, [r, t]), c)
     return /* @__PURE__ */ e("div", { className: "overflow-hidden rounded-xl border border-slate-200 bg-white dark:border-border dark:bg-card", children: /* @__PURE__ */ n("div", { className: "flex w-full items-center gap-2.5 px-5 py-3.5", children: [
       /* @__PURE__ */ e(le, { className: "h-3.5 w-3.5 shrink-0 rounded" }),
       /* @__PURE__ */ e(le, { className: "h-4 w-20" }),
@@ -1226,9 +1229,9 @@ function Jt({
       /* @__PURE__ */ e(le, { className: "ml-auto h-3.5 w-3.5 rounded" })
     ] }) });
   if (!(d != null && d.binding)) return null;
-  const { instance: F, available_transitions: a, history: D, states: H } = d, V = new Map((H ?? []).map((o) => [o.id, o])), Z = (F == null ? void 0 : F.current_state_obj) ?? null, ae = M ? (a ?? []).find((o) => o.id === M) : null, Se = ae ? V.get(ae.to_state) : null, vt = F != null && F.completed_at && a ? a.filter(
+  const { instance: F, available_transitions: a, history: D, states: H } = d, V = new Map((H ?? []).map((o) => [o.id, o])), Z = (F == null ? void 0 : F.current_state_obj) ?? null, ae = M ? (a ?? []).find((o) => o.id === M) : null, Se = ae ? V.get(ae.to_state) : null, Nt = F != null && F.completed_at && a ? a.filter(
     (o) => o.from_state && String(o.from_state).toUpperCase() === String(F.current_state).toUpperCase()
-  ) : null, $e = F != null && F.completed_at ? vt ?? [] : a ?? [], Qe = $e.length > 0, ze = (o, T = !1) => {
+  ) : null, $e = F != null && F.completed_at ? Nt ?? [] : a ?? [], Qe = $e.length > 0, ze = (o, T = !1) => {
     const I = /* @__PURE__ */ new Map();
     for (const z of o) {
       const G = I.get(z.label) ?? [];
@@ -1247,7 +1250,7 @@ function Jt({
             className: `${T ? "h-7 text-[11px]" : "text-[12px]"} gap-1.5`,
             style: Ge(ye),
             disabled: J.isPending,
-            onClick: () => c(X.id),
+            onClick: () => m(X.id),
             children: [
               pe && /* @__PURE__ */ e(se, { className: "h-3 w-3 animate-spin" }),
               z
@@ -1278,7 +1281,7 @@ function Jt({
           }
         ).map((X) => {
           var pe;
-          return /* @__PURE__ */ n(we, { onSelect: () => c(X.id), children: [
+          return /* @__PURE__ */ n(we, { onSelect: () => m(X.id), children: [
             X.color && /* @__PURE__ */ e(
               "span",
               {
@@ -1301,13 +1304,13 @@ function Jt({
         /* @__PURE__ */ e(oe, { label: Se.label, color: Se.color, small: !0 })
       ] })
     ] }),
-    /* @__PURE__ */ e(wt, { collection: r, item: t }),
+    /* @__PURE__ */ e(vt, { collection: r, item: t }),
     /* @__PURE__ */ e(
       "input",
       {
         type: "text",
         value: E,
-        onChange: (o) => L(o.target.value),
+        onChange: (o) => O(o.target.value),
         placeholder: String((ae == null ? void 0 : ae.comment_mode) ?? "") === "required" ? "Add a note (required)" : "Add a comment (optional)",
         className: "w-full rounded-md border border-slate-200 bg-white px-3 py-1.5 text-[13px] placeholder-slate-400 focus:outline-none focus:ring-2 focus:ring-nvr-cyan/30"
       }
@@ -1371,7 +1374,7 @@ function Jt({
 `),
                       "data-pipeline-auto-held-pill": !0,
                       children: [
-                        /* @__PURE__ */ e(Nt, { className: "h-3 w-3 shrink-0" }),
+                        /* @__PURE__ */ e(kt, { className: "h-3 w-3 shrink-0" }),
                         "Needs a person"
                       ]
                     }
@@ -1387,7 +1390,7 @@ function Jt({
                       "data-pipeline-approving": !0,
                       children: [
                         /* @__PURE__ */ e("span", { className: "h-1.5 w-1.5 shrink-0 animate-pulse rounded-full bg-sky-400" }),
-                        Pt(v, "approving")
+                        At(v, "approving")
                       ]
                     }
                   )
@@ -1411,7 +1414,7 @@ function Jt({
                     }
                   ),
                   q && ((d == null ? void 0 : d.binding) || (d == null ? void 0 : d.instance)) && /* @__PURE__ */ e(
-                    Xt,
+                    Jt,
                     {
                       collection: r,
                       item: t,
@@ -1434,7 +1437,7 @@ function Jt({
           ),
           !S && M && /* @__PURE__ */ e("div", { className: "border-t border-slate-100 dark:border-border/60 px-4 py-3", children: Ke }),
           S && /* @__PURE__ */ n("div", { className: "border-t border-slate-100 dark:border-border/60", children: [
-            /* @__PURE__ */ e(zt, { held: (d == null ? void 0 : d.auto_held) ?? [] }),
+            /* @__PURE__ */ e(Kt, { held: (d == null ? void 0 : d.auto_held) ?? [] }),
             P && /* @__PURE__ */ n("div", { className: "flex items-center gap-2 border-b border-amber-100 bg-amber-50 px-5 py-2.5 dark:border-amber-500/20 dark:bg-amber-500/10", children: [
               /* @__PURE__ */ e("span", { className: "h-1.5 w-1.5 rounded-full bg-amber-400 shrink-0" }),
               /* @__PURE__ */ e("p", { className: "text-[12px] text-amber-700 dark:text-amber-400", children: "An addendum is in review — coordinate transitions carefully." })
@@ -1454,7 +1457,7 @@ function Jt({
                     /* @__PURE__ */ e(le, { className: "ml-2 h-3 w-24" })
                   ] })
                 ) : /* @__PURE__ */ e(
-                  Wt,
+                  Ht,
                   {
                     states: H,
                     allTransitions: (d == null ? void 0 : d.all_transitions) ?? [],
@@ -1465,9 +1468,9 @@ function Jt({
                     skippedStates: $
                   }
                 ),
-                (d == null ? void 0 : d.branches) && /* @__PURE__ */ e(It, { data: d.branches }),
+                (d == null ? void 0 : d.branches) && /* @__PURE__ */ e(Et, { data: d.branches }),
                 /* @__PURE__ */ e(
-                  Kt,
+                  Wt,
                   {
                     history: D ?? [],
                     completedAt: F.completed_at
@@ -1475,9 +1478,9 @@ function Jt({
                 )
               ] }),
               /* @__PURE__ */ n("div", { className: "space-y-3 px-5 py-4", children: [
-                !F.completed_at && /* @__PURE__ */ e(Et, { collection: r, itemId: String(t) }),
+                !F.completed_at && /* @__PURE__ */ e(Ut, { collection: r, itemId: String(t) }),
                 /* @__PURE__ */ e(
-                  Gt,
+                  Xt,
                   {
                     collection: r,
                     item: t,
@@ -1523,7 +1526,7 @@ function Jt({
                     ]
                   }
                 ),
-                U && /* @__PURE__ */ e("div", { className: "mt-3", children: /* @__PURE__ */ e(Ht, { history: D ?? [] }) })
+                U && /* @__PURE__ */ e("div", { className: "mt-3", children: /* @__PURE__ */ e(Vt, { history: D ?? [] }) })
               ] })
             ] }) : /* @__PURE__ */ n("div", { className: "flex items-center justify-between gap-4 px-5 py-4", children: [
               /* @__PURE__ */ e("p", { className: "text-[13px] text-slate-500", children: "Pipeline not started for this record." }),
@@ -1547,7 +1550,7 @@ function Jt({
       }
     ),
     w && /* @__PURE__ */ e(dt, { fallback: null, children: /* @__PURE__ */ e(
-      xt,
+      bt,
       {
         payload: w.payload,
         isRetry: w.revision > 1,
@@ -1568,14 +1571,14 @@ function Jt({
     ) })
   ] });
 }
-function Tn({
+function Pn({
   collection: r,
   item: t,
   onBeforeTransition: u,
   wrap: i = !0
 }) {
   return t === "new" ? null : /* @__PURE__ */ e(
-    Zt,
+    Yt,
     {
       collection: r,
       item: t,
@@ -1584,48 +1587,48 @@ function Tn({
     }
   );
 }
-function Zt({
+function Yt({
   collection: r,
   item: t,
   onBeforeTransition: u,
   wrap: i = !0
 }) {
-  const q = fe(), p = Oe(), [f, N] = K(""), [P, j] = K(null), [x, R] = K(null);
-  ct(r, t, "transition", !!P || !!x);
-  const C = ne(null), E = Bt(C, !i), L = ne(!1), M = (m) => {
-    L.current || (L.current = !0, S.mutate(m, {
+  const q = fe(), p = Le(), [f, N] = K(""), [P, j] = K(null), [x, R] = K(null);
+  mt(r, t, "transition", !!P || !!x);
+  const C = ne(null), E = Mt(C, !i), O = ne(!1), M = (c) => {
+    O.current || (O.current = !0, S.mutate(c, {
       onSettled: () => {
-        L.current = !1;
+        O.current = !1;
       }
     }));
-  }, B = async (m) => {
-    if (L.current) return;
-    if (P === m) {
+  }, B = async (c) => {
+    if (O.current) return;
+    if (P === c) {
       j(null);
       return;
     }
     if (u) {
-      L.current = !0;
+      O.current = !0;
       let h = !1;
       try {
         h = await u();
       } finally {
-        L.current = !1;
+        O.current = !1;
       }
       if (!h) return;
     }
-    const g = (s ?? []).find((h) => h.id === m), _ = String((g == null ? void 0 : g.comment_mode) ?? "none");
+    const g = (s ?? []).find((h) => h.id === c), _ = String((g == null ? void 0 : g.comment_mode) ?? "none");
     if (_ !== "optional" && _ !== "required") {
-      M({ transition_id: m });
+      M({ transition_id: c });
       return;
     }
-    j(m);
+    j(c);
   }, U = ["pipeline-instance", r, t], { data: b } = te({
     queryKey: U,
     queryFn: () => q.request(
       ie(`/pipelines/instance/${r}/${t}`)
     ).then(
-      (m) => m.data ?? {
+      (c) => c.data ?? {
         instance: null,
         states: [],
         available_transitions: [],
@@ -1637,12 +1640,12 @@ function Zt({
     staleTime: 1e4
   }), S = xe({
     mutationFn: ({
-      transition_id: m,
+      transition_id: c,
       comment: g,
       reviewed: _
     }) => q.request(
       be(`/pipelines/instance/${r}/${t}/transition`, {
-        transition_id: m,
+        transition_id: c,
         comment: g,
         ..._ ? { reviewed: !0 } : {}
       })
@@ -1650,12 +1653,12 @@ function Zt({
     onSuccess: () => {
       p.invalidateQueries({ queryKey: U }), r === "nivaro_addendums" && p.invalidateQueries({ queryKey: ["addendums"] }), ke(p, r, String(t)), _e(p, r, String(t)), N(""), j(null), R(null), ee.success("Transition executed");
     },
-    onError: (m, g) => {
-      if (gt(m)) {
+    onError: (c, g) => {
+      if (yt(c)) {
         p.invalidateQueries({ queryKey: U });
         return;
       }
-      const _ = yt(m);
+      const _ = wt(c);
       if (_) {
         R(($) => ({
           payload: _,
@@ -1665,13 +1668,15 @@ function Zt({
         }));
         return;
       }
-      const h = m == null ? void 0 : m.response;
-      ee.error(he(m, "Failed to execute transition"), {
+      const h = c == null ? void 0 : c.response;
+      ee.error(he(c, "Failed to execute transition"), {
         duration: 12e3,
+        // What to do next + Copy details (lib/error-toast.ts); "Why?" below wins the action slot.
+        ...ct(c, { action: "Transition" }),
         // #1867: a refusal carries "Why?" — the role, owner or access rule
         // that stopped it, and who can change it.
-        ...ft(m) ? {
-          action: ht(q, {
+        ...ht(c) ? {
+          action: xt(q, {
             collection: r,
             itemId: String(t),
             action: "transition",
@@ -1684,7 +1689,7 @@ function Zt({
   l.current = B;
   const w = ne((b == null ? void 0 : b.available_transitions) ?? []);
   if (w.current = (b == null ? void 0 : b.available_transitions) ?? [], ue(() => {
-    const m = (g) => {
+    const c = (g) => {
       const _ = g.detail;
       if (!_ || _.claimed || _.collection !== r || String(_.item) !== String(t)) return;
       _.claimed = !0;
@@ -1695,28 +1700,28 @@ function Zt({
       }
       l.current($.id);
     };
-    return window.addEventListener(Ne, m), () => window.removeEventListener(Ne, m);
+    return window.addEventListener(Ne, c), () => window.removeEventListener(Ne, c);
   }, [r, t]), !(b != null && b.binding) || !(b != null && b.instance)) return null;
   const s = (b.available_transitions ?? []).filter(
-    (m) => !b.instance.completed_at || m.from_state && String(m.from_state).toUpperCase() === String(b.instance.current_state).toUpperCase()
+    (c) => !b.instance.completed_at || c.from_state && String(c.from_state).toUpperCase() === String(b.instance.current_state).toUpperCase()
   );
   if (s.length === 0) return null;
-  const v = new Map((b.states ?? []).map((m) => [m.id, m])), k = b.instance.current_state_obj ?? null, A = P ? s.find((m) => m.id === P) : null, W = A ? v.get(A.to_state) : null, c = /* @__PURE__ */ new Map();
-  for (const m of s) {
-    const g = c.get(m.label) ?? [];
-    g.push(m), c.set(m.label, g);
+  const v = new Map((b.states ?? []).map((c) => [c.id, c])), k = b.instance.current_state_obj ?? null, A = P ? s.find((c) => c.id === P) : null, W = A ? v.get(A.to_state) : null, m = /* @__PURE__ */ new Map();
+  for (const c of s) {
+    const g = m.get(c.label) ?? [];
+    g.push(c), m.set(c.label, g);
   }
-  const y = (m) => [...m].sort(
+  const y = (c) => [...c].sort(
     (g, _) => {
       var h, $;
       return (((h = v.get(g.to_state)) == null ? void 0 : h.sort) ?? 999) - ((($ = v.get(_.to_state)) == null ? void 0 : $.sort) ?? 999);
     }
   ), d = (() => {
     var _, h, $;
-    const m = (_ = C.current) == null ? void 0 : _.getBoundingClientRect();
-    if (!m) return 600;
+    const c = (_ = C.current) == null ? void 0 : _.getBoundingClientRect();
+    if (!c) return 600;
     const g = ($ = (h = C.current) == null ? void 0 : h.closest('[role="dialog"]')) == null ? void 0 : $.getBoundingClientRect();
-    return Math.max(260, Math.min(600, m.right - ((g == null ? void 0 : g.left) ?? 0) - 12));
+    return Math.max(260, Math.min(600, c.right - ((g == null ? void 0 : g.left) ?? 0) - 12));
   })();
   return /* @__PURE__ */ n("div", { ref: C, className: "relative", children: [
     E ? /* @__PURE__ */ n(Pe, { children: [
@@ -1735,8 +1740,8 @@ function Zt({
           ]
         }
       ) }),
-      /* @__PURE__ */ e(Re, { align: "end", className: "min-w-[200px]", children: Array.from(c.entries()).map(
-        ([m, g], _, h) => g.length === 1 ? /* @__PURE__ */ n(tt, { children: [
+      /* @__PURE__ */ e(Re, { align: "end", className: "min-w-[200px]", children: Array.from(m.entries()).map(
+        ([c, g], _, h) => g.length === 1 ? /* @__PURE__ */ n(tt, { children: [
           _ > 0 && h[_ - 1][1].length > 1 && /* @__PURE__ */ e(nt, {}),
           /* @__PURE__ */ n(we, { onSelect: () => B(g[0].id), children: [
             g[0].color && /* @__PURE__ */ e(
@@ -1746,11 +1751,11 @@ function Zt({
                 style: { backgroundColor: g[0].color }
               }
             ),
-            m
+            c
           ] })
-        ] }, m) : /* @__PURE__ */ n(tt, { children: [
+        ] }, c) : /* @__PURE__ */ n(tt, { children: [
           _ > 0 && /* @__PURE__ */ e(nt, {}),
-          /* @__PURE__ */ e(Ot, { className: "text-[11px] text-muted-foreground", children: m }),
+          /* @__PURE__ */ e(Ft, { className: "text-[11px] text-muted-foreground", children: c }),
           y(g).map(($) => {
             var Q;
             return /* @__PURE__ */ n(we, { onSelect: () => B($.id), children: [
@@ -1764,17 +1769,17 @@ function Zt({
               ((Q = v.get($.to_state)) == null ? void 0 : Q.label) ?? $.to_state
             ] }, $.id);
           })
-        ] }, m)
+        ] }, c)
       ) })
     ] }) : /* @__PURE__ */ e(
       "div",
       {
         className: i ? "flex flex-wrap justify-end gap-2" : "flex shrink-0 items-center justify-end gap-2",
-        children: Array.from(c.entries()).map(([m, g]) => {
+        children: Array.from(m.entries()).map(([c, g]) => {
           var Q, J;
-          const _ = ((Q = g[0]) == null ? void 0 : Q.color) ?? null, h = g.some((O) => O.id === P), $ = (O) => _ ? O ? { backgroundColor: _, borderColor: _ } : { borderColor: _, color: _ } : void 0;
+          const _ = ((Q = g[0]) == null ? void 0 : Q.color) ?? null, h = g.some((L) => L.id === P), $ = (L) => _ ? L ? { backgroundColor: _, borderColor: _ } : { borderColor: _, color: _ } : void 0;
           if (g.length === 1) {
-            const O = g[0], re = S.isPending && ((J = S.variables) == null ? void 0 : J.transition_id) === O.id, F = /* @__PURE__ */ n(
+            const L = g[0], re = S.isPending && ((J = S.variables) == null ? void 0 : J.transition_id) === L.id, F = /* @__PURE__ */ n(
               Y,
               {
                 size: "sm",
@@ -1782,27 +1787,27 @@ function Zt({
                 className: "gap-1.5 text-[12px]",
                 style: $(h),
                 disabled: S.isPending,
-                onClick: () => B(O.id),
+                onClick: () => B(L.id),
                 children: [
                   re && /* @__PURE__ */ e(se, { className: "h-3 w-3 animate-spin" }),
-                  m
+                  c
                 ]
               },
-              m
+              c
             );
-            return O.pushes && O.pushes > 0 ? /* @__PURE__ */ n("span", { className: "relative inline-flex", children: [
+            return L.pushes && L.pushes > 0 ? /* @__PURE__ */ n("span", { className: "relative inline-flex", children: [
               F,
               /* @__PURE__ */ e(
-                jt,
+                Bt,
                 {
                   collection: r,
                   itemId: t,
-                  transitionId: O.id,
-                  label: m,
+                  transitionId: L.id,
+                  label: c,
                   compact: !0
                 }
               )
-            ] }, m) : F;
+            ] }, c) : F;
           }
           return /* @__PURE__ */ n(Pe, { children: [
             /* @__PURE__ */ e(Ae, { asChild: !0, children: /* @__PURE__ */ n(
@@ -1814,25 +1819,25 @@ function Zt({
                 style: $(h),
                 disabled: S.isPending,
                 children: [
-                  m,
+                  c,
                   /* @__PURE__ */ e(me, { className: "h-3 w-3" })
                 ]
               }
             ) }),
-            /* @__PURE__ */ e(Re, { align: "start", children: y(g).map((O) => {
+            /* @__PURE__ */ e(Re, { align: "start", children: y(g).map((L) => {
               var re;
-              return /* @__PURE__ */ n(we, { onSelect: () => B(O.id), children: [
-                O.color && /* @__PURE__ */ e(
+              return /* @__PURE__ */ n(we, { onSelect: () => B(L.id), children: [
+                L.color && /* @__PURE__ */ e(
                   "span",
                   {
                     className: "mr-2 inline-block h-2 w-2 shrink-0 rounded-full",
-                    style: { backgroundColor: O.color }
+                    style: { backgroundColor: L.color }
                   }
                 ),
-                ((re = v.get(O.to_state)) == null ? void 0 : re.label) ?? O.to_state
-              ] }, O.id);
+                ((re = v.get(L.to_state)) == null ? void 0 : re.label) ?? L.to_state
+              ] }, L.id);
             }) })
-          ] }, m);
+          ] }, c);
         })
       }
     ),
@@ -1851,13 +1856,13 @@ function Zt({
               /* @__PURE__ */ e(oe, { label: W.label, color: W.color, small: !0 })
             ] })
           ] }),
-          /* @__PURE__ */ e(wt, { collection: r, item: t }),
+          /* @__PURE__ */ e(vt, { collection: r, item: t }),
           /* @__PURE__ */ e(
             "input",
             {
               type: "text",
               value: f,
-              onChange: (m) => N(m.target.value),
+              onChange: (c) => N(c.target.value),
               placeholder: String((A == null ? void 0 : A.comment_mode) ?? "") === "required" ? "Add a note (required)" : "Add a comment (optional)",
               className: "w-full rounded-md border border-slate-200 bg-white px-3 py-1.5 text-[13px] placeholder-slate-400 focus:outline-none focus:ring-2 focus:ring-nvr-cyan/30"
             }
@@ -1896,7 +1901,7 @@ function Zt({
       }
     ),
     x && /* @__PURE__ */ e(dt, { fallback: null, children: /* @__PURE__ */ e(
-      xt,
+      bt,
       {
         payload: x.payload,
         isRetry: x.revision > 1,
@@ -1918,8 +1923,8 @@ function Zt({
   ] });
 }
 export {
-  $n as PipelinePanel,
-  Tn as PipelineTransitionButtons,
-  gt as isDuplicateTransition,
-  yt as transitionRequirementsFromError
+  qn as PipelinePanel,
+  Pn as PipelineTransitionButtons,
+  yt as isDuplicateTransition,
+  wt as transitionRequirementsFromError
 };