@nivaro/react 0.3.29 → 0.3.31

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

@@ -1,39 +1,40 @@
 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 wt, ChevronDown as me, Users as st, Minus as vt, UserPlus as Nt, X as it, Zap as lt, Search as kt } from "lucide-react";
-import { useState as K, useRef as ne, useEffect as ue, useMemo as et, Suspense as ot, lazy as _t } from "react";
+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 { toast as ee } from "sonner";
-import { useNivaroClient as fe, useItemEditAuth as Ct } from "../../context.js";
-import { get as ie, post as be, del as St } from "../../lib/commands.js";
-import { useRecordSignalWhile as dt, useRecordSignalPeers as $t, signalSentence as Tt } from "../../lib/presence-signals.js";
+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 { RUN_TRANSITION_EVENT as Ne } from "../../lib/run-transition.js";
 import { userErrorMessage as he } from "../../lib/safe-error.js";
-import { serverNow as qt } from "../../lib/server-clock.js";
-import { userCardQuery as Pt } from "../../lib/user-cards.js";
-import { cn as ge, formatRelative as ct, humanHours as At } from "../../lib/utils.js";
-import { PushReadinessChip as Rt } from "../integrations/RecordIntegrationPreview.js";
-import { useHeaderFold as Dt } from "../item-edit/HeaderTools.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 { invalidateRecordInsights as ke, invalidateRecordData as _e } from "../item-edit/RecordInsights.js";
-import { OwnerAvatars as jt } from "../queue/OwnerAvatars.js";
-import { UserAvatar as Mt } from "../UserAvatar.js";
+import { UserChip as ut } from "../item-edit/UserChip.js";
+import { OwnerAvatars as Mt } 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 Bt } from "../ui/dropdown-menu.js";
-import { Popover as Ee, PopoverTrigger as Ie, PopoverContent as Ue } from "../ui/popover.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 { Popover as Ie, PopoverTrigger as Ee, PopoverContent as Ue } from "../ui/popover.js";
 import { Skeleton as le } from "../ui/skeleton.js";
-import { TooltipProvider as mt, Tooltip as De, TooltipTrigger as je, TooltipContent as Me } from "../ui/tooltip.js";
-import { isAccessRefusal as ut, deniedToastAction as pt, WhyOwnersButton as Lt } from "./AccessInsights.js";
-import { BranchLanes as Ot } from "./BranchLanes.js";
-import { SlaClockLine as Ft } from "./SlaClock.js";
-const ft = _t(
+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("./TransitionRequirementsDialog.js").then((r) => ({
     default: r.TransitionRequirementsDialog
   }))
 );
-function ht(r, t) {
+function bt(r, t) {
   const u = r || "System";
   return t.on_behalf_of_name ? `${u}, for ${t.on_behalf_of_name}` : u;
 }
-function Et(r) {
+function Ut(r) {
   if (r.transition) return null;
   const t = (r.comment ?? "").trim();
   if (!t.startsWith("{")) return null;
@@ -50,7 +51,7 @@ function Et(r) {
 function ve(r) {
   return !(r.first_name || r.last_name || r.user_email);
 }
-function Be(r) {
+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";
 }
@@ -68,24 +69,24 @@ const rt = {
   rate_limited: "the partner asked us to slow down",
   unknown: "the partner refused it"
 };
-function It(r) {
-  const t = Math.ceil((new Date(r).getTime() - qt()) / 6e4);
+function Qt(r) {
+  const t = Math.ceil((new Date(r).getTime() - At()) / 6e4);
   return !Number.isFinite(t) || t <= 0 ? "on the next check" : t < 60 ? `in ${t} min` : `in ${Math.round(t / 60)}h`;
 }
-function Ut({ held: r }) {
+function zt({ held: r }) {
   return r.length === 0 ? null : /* @__PURE__ */ e(
     "div",
     {
       className: "space-y-2 border-b border-amber-100 bg-amber-50 px-5 py-3 dark:border-amber-500/20 dark:bg-amber-500/10",
       "data-pipeline-auto-held": !0,
       children: r.map((t) => {
-        const u = t.transition_label ?? "An automatic move", l = rt[t.error_class ?? "unknown"] ?? rt.unknown;
+        const u = t.transition_label ?? "An automatic move", i = rt[t.error_class ?? "unknown"] ?? rt.unknown;
         return /* @__PURE__ */ n("div", { className: "text-[12px] text-amber-800 dark:text-amber-300", children: [
           /* @__PURE__ */ n("p", { className: "font-medium", children: [
             "Needs a person: ",
             u,
             " stopped retrying — ",
-            l,
+            i,
             "."
           ] }),
           t.error && /* @__PURE__ */ e(
@@ -97,7 +98,7 @@ function Ut({ 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 ${It(t.retry_at)}. ` : "It will not send the same push again on its own. ",
+            t.retry_at ? `It tries the same push again ${Qt(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.` : ""
           ] })
@@ -106,12 +107,12 @@ function Ut({ held: r }) {
     }
   );
 }
-function xt(r) {
+function gt(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 bt(r) {
+function yt(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;
@@ -137,9 +138,9 @@ function oe({
 }
 function qe(r) {
   const t = Math.floor(r / 6e4);
-  return t < 60 ? `${Math.max(1, t)}m` : At(r / 36e5);
+  return t < 60 ? `${Math.max(1, t)}m` : Dt(r / 36e5);
 }
-function Qt({
+function Kt({
   history: r,
   completedAt: t
 }) {
@@ -147,8 +148,8 @@ function Qt({
     (f, N) => new Date(f.timestamp).getTime() - new Date(N.timestamp).getTime()
   );
   if (u.length === 0) return null;
-  const l = t ? new Date(t).getTime() : Date.now(), q = u.map((f, N) => {
-    const P = new Date(f.timestamp).getTime(), j = N + 1 < u.length ? new Date(u[N + 1].timestamp).getTime() : l;
+  const i = t ? new Date(t).getTime() : Date.now(), q = u.map((f, N) => {
+    const P = new Date(f.timestamp).getTime(), j = N + 1 < u.length ? new Date(u[N + 1].timestamp).getTime() : i;
     return {
       key: f.id,
       label: f.to_state_label,
@@ -199,11 +200,11 @@ function Qt({
     }) })
   ] });
 }
-function zt({
+function Wt({
   states: r,
   allTransitions: t,
   availableTransitions: u,
-  currentStateId: l,
+  currentStateId: i,
   history: q,
   onPathIds: p,
   skippedStates: f
@@ -211,39 +212,39 @@ function zt({
   var S;
   const N = ne(null);
   ue(() => {
-    const i = N.current;
-    if (!i || i.scrollWidth <= i.clientWidth) return;
-    const w = i.querySelector("[data-track-current]");
+    const l = N.current;
+    if (!l || l.scrollWidth <= l.clientWidth) return;
+    const w = l.querySelector("[data-track-current]");
     if (!w) return;
-    const s = i.getBoundingClientRect(), v = w.getBoundingClientRect();
-    i.scrollLeft += v.left + v.width / 2 - (s.left + s.width / 2);
-  }, [l]);
-  const P = new Set(q.map((i) => i.to_state)), j = r.find((i) => i.is_initial);
-  j && j.id !== l && P.add(j.id);
+    const s = l.getBoundingClientRect(), v = w.getBoundingClientRect();
+    l.scrollLeft += v.left + v.width / 2 - (s.left + s.width / 2);
+  }, [i]);
+  const P = new Set(q.map((l) => l.to_state)), j = r.find((l) => l.is_initial);
+  j && j.id !== i && P.add(j.id);
   const x = (S = q[0]) == null ? void 0 : S.from_state;
-  x && x !== l && P.add(x);
+  x && x !== i && P.add(x);
   const R = (() => {
     if (p)
-      return r.filter((c) => p.has(c.id) || P.has(c.id) || c.id === l).filter((c) => {
+      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 === l : !0;
+        return y === "hide" ? !1 : y === "hide_unless_active" ? P.has(c.id) || c.id === i : !0;
       }).sort((c, y) => c.sort - y.sort);
     if (t.length === 0) {
       const c = /* @__PURE__ */ new Set([...P]);
-      return l && c.add(l), r.filter((y) => c.has(y.id)).sort((y, d) => y.sort - d.sort);
+      return i && c.add(i), r.filter((y) => c.has(y.id)).sort((y, d) => y.sort - d.sort);
     }
-    const i = new Set(
+    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) && !i.has(`${y}:${c.to_state}`)) continue;
+      if (w.has(y) && !l.has(`${y}:${c.to_state}`)) continue;
       const d = v.get(y) ?? [];
       d.push(c.to_state), v.set(y, d);
     }
-    if (l) {
-      const c = s.filter((y) => y.from_state === l).map((y) => y.to_state);
-      v.set(l, [
+    if (i) {
+      const c = 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])
       ]);
     }
@@ -256,46 +257,46 @@ function zt({
       }
     }
     const W = /* @__PURE__ */ new Set([...k, ...P]);
-    return l && W.add(l), r.filter((c) => W.has(c.id)).filter((c) => {
+    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 === l : !0;
+      return y === "hide" ? !1 : y === "hide_unless_active" ? P.has(c.id) || c.id === i : !0;
     }).sort((c, y) => c.sort - y.sort);
   })();
   if (R.length < 2) return null;
-  const C = new Map(R.map((i, w) => [i.id, w])), I = new Map(r.map((i) => [i.id, i.label]));
-  function L(i, w) {
-    const s = C.get(i);
+  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) {
+    const s = C.get(l);
     return s == null ? [] : [...q].filter((v) => {
       if (!v.from_state) return !1;
       const k = C.get(v.from_state), A = C.get(v.to_state);
       return k == null || A == null ? !1 : k === s && A > s || A === s && k > s;
     }).sort((v, k) => new Date(v.timestamp).getTime() - new Date(k.timestamp).getTime());
   }
-  function B(i) {
+  function M(l) {
     var w, s, v, k;
-    return ve(i) ? /* @__PURE__ */ e(lt, { className: "inline h-2.5 w-2.5", "aria-label": Be(i) }) : ((((w = i.first_name) == null ? void 0 : w[0]) ?? "") + (((s = i.last_name) == null ? void 0 : s[0]) ?? "")).toUpperCase() || ((k = (v = i.user_email) == null ? void 0 : v[0]) == null ? void 0 : k.toUpperCase()) || "?";
+    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 M(i) {
-    return ht([i.first_name, i.last_name].filter(Boolean).join(" ") || i.user_email, i);
+  function B(l) {
+    return bt([l.first_name, l.last_name].filter(Boolean).join(" ") || l.user_email, l);
   }
   const U = /* @__PURE__ */ new Map();
-  for (const i of [...q].sort(
+  for (const l of [...q].sort(
     (w, s) => new Date(w.timestamp).getTime() - new Date(s.timestamp).getTime()
   )) {
-    if (!i.from_state) continue;
-    const w = C.get(i.from_state), s = C.get(i.to_state);
+    if (!l.from_state) continue;
+    const w = C.get(l.from_state), s = C.get(l.to_state);
     if (!(w == null || s == null || s <= w + 1))
       for (let v = w + 1; v < s; v++) {
         const k = R[v].id;
-        !P.has(k) && !U.has(k) && U.set(k, i);
+        !P.has(k) && !U.has(k) && U.set(k, l);
       }
   }
-  function b(i) {
-    const w = I.get(i.from_state ?? "") ?? "the previous step", s = I.get(i.to_state) ?? "the next step", v = ve(i) ? "it moved automatically" : `${M(i)} moved it`;
-    return `Passed over on ${new Date(i.timestamp).toLocaleString()} — ${v} straight from ${w} to ${s}`;
+  function b(l) {
+    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(mt, { 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((i, w) => {
-    const s = i.id === l, v = P.has(i.id), k = v && !s, A = !v && !s ? U.get(i.id) : void 0, W = !v && !s ? f == null ? void 0 : f.get(i.id) : void 0, c = A || W ? [...A ? [b(A)] : [], ...W ?? []] : void 0, y = c !== void 0, d = i.color ?? "#94a3b8", m = w === R.length - 1, g = m ? null : R[w + 1], _ = g ? L(i.id, g.id) : [];
+  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__ */ 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(
@@ -303,13 +304,13 @@ function zt({
           {
             "data-track-current": s || void 0,
             className: `flex h-7 w-7 shrink-0 items-center justify-center rounded-full ${s || k ? "nvr-fill-sweep" : ""}`,
-            "data-tip": i.description || void 0,
+            "data-tip": l.description || void 0,
             style: {
               backgroundColor: s || k ? d : y ? "transparent" : "#f1f5f9",
               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(vt, { 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(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" })
           },
           s ? "cur" : k ? "done" : y ? "skip" : "todo"
         ),
@@ -326,10 +327,10 @@ function zt({
                 textDecoration: "line-through",
                 textDecorationColor: "#cbd5e1"
               },
-              children: i.label
+              children: l.label
             }
           ) }),
-          /* @__PURE__ */ n(Me, { className: "max-w-[260px]", children: [
+          /* @__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." })
           ] })
@@ -343,7 +344,7 @@ function zt({
               fontWeight: s ? 600 : k ? 500 : 400,
               wordBreak: "break-word"
             },
-            children: i.label
+            children: l.label
           }
         )
       ] }),
@@ -373,9 +374,9 @@ function zt({
           ] });
         })(),
         _.map((h) => {
-          const $ = h.from_state !== i.id, Q = Math.abs(
+          const $ = h.from_state !== l.id, Q = Math.abs(
             (C.get(h.to_state) ?? 0) - (C.get(h.from_state ?? "") ?? 0)
-          ) > 1 ? I.get(h.to_state) ?? "" : null;
+          ) > 1 ? E.get(h.to_state) ?? "" : null;
           return /* @__PURE__ */ n(De, { children: [
             /* @__PURE__ */ e(je, { asChild: !0, children: /* @__PURE__ */ n("div", { className: "flex w-full cursor-default flex-col items-center gap-0.5", children: [
               /* @__PURE__ */ n(
@@ -385,23 +386,23 @@ function zt({
                   style: { color: $ ? "#d97706" : "#475569" },
                   children: [
                     $ && "↩ ",
-                    B(h)
+                    M(h)
                   ]
                 }
               ),
-              /* @__PURE__ */ e("span", { className: "text-[8.5px] leading-none text-slate-400", children: ct(h.timestamp) })
+              /* @__PURE__ */ e("span", { className: "text-[8.5px] leading-none text-slate-400", children: mt(h.timestamp) })
             ] }) }),
-            /* @__PURE__ */ n(Me, { side: "top", className: "space-y-0.5 text-[12px]", children: [
+            /* @__PURE__ */ n(Be, { side: "top", className: "space-y-0.5 text-[12px]", children: [
               ve(h) ? /* @__PURE__ */ n(de, { children: [
                 /* @__PURE__ */ n("p", { className: "font-medium", children: [
                   $ ? "↩ Sent back · " : "",
-                  Be(h)
+                  Me(h)
                 ] }),
                 Le(h) && /* @__PURE__ */ e("p", { className: "max-w-[280px] text-muted-foreground", children: Le(h) })
               ] }) : /* @__PURE__ */ n("p", { className: "font-medium", children: [
                 $ ? "↩ Sent back by" : "Approved by",
                 " ",
-                M(h)
+                B(h)
               ] }),
               Q && /* @__PURE__ */ n("p", { className: "text-muted-foreground", children: [
                 "→ straight to ",
@@ -412,12 +413,12 @@ function zt({
           ] }, h.id);
         })
       ] })
-    ] }, i.id);
+    ] }, l.id);
   }) }) }) });
 }
-function Kt({ history: r }) {
+function Ht({ 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), l = u ? Be(t) : ht([t.first_name, t.last_name].filter(Boolean).join(" ") || t.user_email, t), q = Et(t), p = t.comment && !u && !q ? t.comment : null, f = q ?? (u ? Le(t) : null);
+    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);
     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: [
@@ -437,11 +438,11 @@ function Kt({ history: r }) {
             className: "mt-0.5 text-slate-400",
             "data-history-on-behalf": t.on_behalf_of_name ? t.on_behalf_of ?? "" : void 0,
             children: [
-              u && /* @__PURE__ */ e(lt, { className: "mr-1 inline h-3 w-3", "aria-hidden": !0 }),
-              l,
+              u && /* @__PURE__ */ e(ot, { className: "mr-1 inline h-3 w-3", "aria-hidden": !0 }),
+              i,
               f ? ` · ${f}` : "",
               " · ",
-              ct(t.timestamp)
+              mt(t.timestamp)
             ]
           }
         )
@@ -449,14 +450,14 @@ function Kt({ history: r }) {
     ] }, t.id);
   }) });
 }
-function Wt({ value: r, onChange: t }) {
-  const u = fe(), [l, q] = K(!1), [p, f] = K(""), [N, P] = K(""), j = ne(null), x = ne(null);
+function Vt({ value: r, onChange: t }) {
+  const u = fe(), [i, q] = K(!1), [p, f] = K(""), [N, P] = K(""), j = ne(null), x = ne(null);
   ue(() => {
-    l ? setTimeout(() => {
+    i ? setTimeout(() => {
       var b;
       return (b = j.current) == null ? void 0 : b.focus();
     }, 50) : f("");
-  }, [l]), ue(() => (x.current && clearTimeout(x.current), x.current = setTimeout(() => P(p), 250), () => {
+  }, [i]), ue(() => (x.current && clearTimeout(x.current), x.current = setTimeout(() => P(p), 250), () => {
     x.current && clearTimeout(x.current);
   }), [p]);
   const { data: R, isLoading: C } = te({
@@ -468,22 +469,22 @@ function Wt({ value: r, onChange: t }) {
         ...N ? { search: N } : {}
       })
     ).then((b) => b.data),
-    enabled: l,
+    enabled: i,
     staleTime: 3e4
-  }), { data: I } = te({
-    ...Pt(u, r),
+  }), { data: E } = te({
+    ...Rt(u, r),
     enabled: !!r,
     staleTime: 5 * 6e4
-  }), L = R ?? [], B = I ?? L.find((b) => b.id === r) ?? null, M = B ? [B.first_name, B.last_name].filter(Boolean).join(" ").trim() || B.email : r ? "Selected person" : null, U = (b) => [b.first_name, b.last_name].filter(Boolean).join(" ").trim();
-  return /* @__PURE__ */ n(Ee, { open: l, onOpenChange: q, children: [
+  }), 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();
+  return /* @__PURE__ */ n(Ie, { open: i, onOpenChange: q, children: [
     /* @__PURE__ */ n("div", { className: "relative flex h-8 w-full", children: [
-      /* @__PURE__ */ e(Ie, { asChild: !0, children: /* @__PURE__ */ n(
+      /* @__PURE__ */ e(Ee, { asChild: !0, children: /* @__PURE__ */ n(
         "button",
         {
           type: "button",
           className: "flex h-full w-full items-center justify-between gap-1.5 rounded-md border border-slate-200 bg-white px-2.5 text-left text-[13px] text-slate-700 hover:border-slate-300",
           children: [
-            /* @__PURE__ */ e("span", { className: `flex-1 truncate ${M ? "" : "text-slate-400"}`, children: M ?? "Select a user…" }),
+            /* @__PURE__ */ e("span", { className: `flex-1 truncate ${B ? "" : "text-slate-400"}`, children: B ?? "Select a user…" }),
             /* @__PURE__ */ e(me, { className: "h-3.5 w-3.5 shrink-0 text-slate-400" })
           ]
         }
@@ -496,13 +497,13 @@ function Wt({ value: r, onChange: t }) {
             b.stopPropagation(), t("");
           },
           className: "absolute right-6 top-1/2 -translate-y-1/2 flex h-5 w-5 items-center justify-center rounded text-slate-400 hover:bg-slate-100 hover:text-slate-600 dark:hover:bg-muted dark:hover:text-slate-300",
-          children: /* @__PURE__ */ e(it, { className: "h-3 w-3" })
+          children: /* @__PURE__ */ e(lt, { className: "h-3 w-3" })
         }
       )
     ] }),
     /* @__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(kt, { className: "absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-slate-400" }),
+        /* @__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(
           "input",
           {
@@ -518,7 +519,7 @@ function Wt({ value: r, onChange: t }) {
         /* @__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) => {
-        const S = U(b), i = S ? `${S} (${b.email})` : b.email, w = b.id === r;
+        const S = U(b), l = S ? `${S} (${b.email})` : b.email, w = b.id === r;
         return /* @__PURE__ */ n(
           "button",
           {
@@ -534,7 +535,7 @@ function Wt({ value: r, onChange: t }) {
                   className: `h-3.5 w-3.5 shrink-0 ${w ? "text-nvr-cyan" : "opacity-0"}`
                 }
               ),
-              i
+              l
             ]
           },
           b.id
@@ -543,21 +544,51 @@ function Wt({ value: r, onChange: t }) {
     ] })
   ] });
 }
-function Ht({
+function at({
+  userId: r,
+  name: t,
+  email: u,
+  initials: i
+}) {
+  return /* @__PURE__ */ e(ut, { userId: r, children: /* @__PURE__ */ n(
+    "button",
+    {
+      type: "button",
+      "aria-label": `${t} — profile`,
+      className: "group/owner flex min-w-0 flex-1 items-center gap-2.5 rounded-md text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-nvr-cyan",
+      children: [
+        /* @__PURE__ */ e(
+          Lt,
+          {
+            userId: r,
+            alt: t,
+            className: "h-6 w-6",
+            fallback: /* @__PURE__ */ e("span", { className: "flex h-6 w-6 shrink-0 select-none items-center justify-center rounded-full bg-nvr-cyan/10 text-[10px] font-semibold text-nvr-navy/80 dark:bg-nvr-cyan/15 dark:text-nvr-cyan", children: i })
+          }
+        ),
+        /* @__PURE__ */ n("span", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ e("span", { className: "block truncate text-[12px] font-medium text-slate-700 underline-offset-2 group-hover/owner:underline dark:text-slate-200", children: t }),
+          /* @__PURE__ */ e("span", { className: "block truncate text-[11px] text-slate-400 dark:text-slate-500", children: u })
+        ] })
+      ]
+    }
+  ) });
+}
+function Gt({
   collection: r,
   item: t,
   states: u,
-  currentStateId: l,
+  currentStateId: i,
   returned: q = !1
 }) {
   var O, re, F;
-  const p = fe(), f = Oe(), { isAdmin: N } = Ct(), [P, j] = K(!1), [x, R] = K(""), [C, I] = K(""), [L, B] = K(!1), M = ["pipeline-instance-owners", r, t], U = ["pipeline-owners-can-add", r, t], b = () => p.request(
+  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(
     ie(`/pipelines/instance/${r}/${t}/owners`)
   ).then((a) => {
     var D;
     return f.setQueryData(U, ((D = a.meta) == null ? void 0 : D.can_add) ?? null), a;
-  }), { data: S, isLoading: i } = te({
-    queryKey: M,
+  }), { data: S, isLoading: l } = te({
+    queryKey: B,
     queryFn: () => b().then((a) => a.data)
   }), { data: w } = te({
     queryKey: U,
@@ -565,16 +596,16 @@ function Ht({
       var D;
       return ((D = a.meta) == null ? void 0 : D.can_add) ?? null;
     }),
-    enabled: !i,
+    enabled: !l,
     staleTime: 3e4
   }), s = typeof w == "boolean" ? w : N, { data: v, isLoading: k } = te({
     queryKey: ["pipeline-all-owners", r, t],
     queryFn: () => p.request(
       ie(`/pipelines/instance/${r}/${t}/owners/all`)
     ).then((a) => a.data ?? null),
-    enabled: !!l,
+    enabled: !!i,
     staleTime: 3e4
-  }), A = new Set((S ?? []).map((a) => a.user)), W = l ? (((O = v == null ? void 0 : v[l]) == 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 === l)) != null && re.is_initial), d = !i && !k, { data: m } = te({
+  }), 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({
     queryKey: ["pipeline-record-creator", r, t],
     queryFn: () => p.request(
       ie(`/pipelines/instance/${r}/${t}/creator`)
@@ -582,7 +613,7 @@ function Ht({
     enabled: y && d && c === 0,
     staleTime: 6e4
   }), g = y && c === 0 && (m != null && m.name) ? m : null, _ = () => {
-    f.invalidateQueries({ queryKey: M }), f.invalidateQueries({ queryKey: ["pipeline-instance", r, t] });
+    f.invalidateQueries({ queryKey: B }), f.invalidateQueries({ queryKey: ["pipeline-instance", r, t] });
   }, h = xe({
     mutationFn: () => p.request(
       be(`/pipelines/instance/${r}/${t}/owners`, {
@@ -591,12 +622,12 @@ function Ht({
       })
     ),
     onSuccess: () => {
-      _(), R(""), I(""), j(!1), ee.success("Owner added");
+      _(), R(""), E(""), j(!1), ee.success("Owner added");
     },
     // 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(St(`/pipelines/instance-owners/${a.id}`)),
+    mutationFn: (a) => p.request(Tt(`/pipelines/instance-owners/${a.id}`)),
     onSuccess: (a, D) => {
       _();
       const H = [D.first_name, D.last_name].filter(Boolean).join(" ") || D.email;
@@ -624,16 +655,16 @@ function Ht({
   return /* @__PURE__ */ n("div", { children: [
     /* @__PURE__ */ n("div", { className: "mb-3 flex items-center justify-between", children: [
       /* @__PURE__ */ n("span", { className: "flex items-center gap-1.5 text-[11px] font-medium text-slate-400", children: [
-        /* @__PURE__ */ e(st, { className: "h-3.5 w-3.5" }),
+        /* @__PURE__ */ e(it, { className: "h-3.5 w-3.5" }),
         "Owners",
-        i || 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: [
+        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,
           ")"
         ] })
       ] }),
       /* @__PURE__ */ n("span", { className: "flex items-center gap-3", children: [
-        l && /* @__PURE__ */ e(Lt, { collection: r, itemId: String(t) }),
+        i && /* @__PURE__ */ e(Ft, { collection: r, itemId: String(t) }),
         !P && s && /* @__PURE__ */ n(
           "button",
           {
@@ -641,20 +672,28 @@ function Ht({
             onClick: () => j(!0),
             className: "flex items-center gap-1 text-[11px] text-slate-400 transition-colors hover:text-nvr-cyan",
             children: [
-              /* @__PURE__ */ e(Nt, { className: "h-3 w-3" }),
+              /* @__PURE__ */ e(_t, { className: "h-3 w-3" }),
               "Add"
             ]
           }
         )
       ] })
     ] }),
-    i || k ? /* @__PURE__ */ n("div", { className: "flex items-center gap-2 py-1.5 text-[12px] text-slate-400", children: [
+    l || k ? /* @__PURE__ */ n("div", { className: "flex items-center gap-2 py-1.5 text-[12px] text-slate-400", children: [
       /* @__PURE__ */ e(se, { className: "h-3.5 w-3.5 animate-spin" }),
       "Resolving owners…"
     ] }) : g ? /* @__PURE__ */ n("p", { className: "text-[12px] text-slate-500 dark:text-muted-foreground", children: [
       q ? "Back with" : "With",
       " ",
-      /* @__PURE__ */ e("span", { className: "font-medium text-slate-700 dark:text-foreground", children: g.name })
+      /* @__PURE__ */ e(ut, { userId: g.id, children: /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          "aria-label": `${g.name} — profile`,
+          className: "rounded font-medium text-slate-700 underline-offset-2 hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-nvr-cyan dark:text-foreground",
+          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: [
       W.map((a) => {
         var V, Z;
@@ -662,21 +701,9 @@ function Ht({
         return /* @__PURE__ */ n(
           "div",
           {
-            className: "-mx-2 flex items-center gap-2.5 rounded-md px-2 py-1.5 transition-colors hover:bg-slate-50",
+            className: "-mx-2 flex items-center gap-2.5 rounded-md px-2 py-1.5 transition-colors hover:bg-slate-50 dark:hover:bg-white/5",
             children: [
-              /* @__PURE__ */ e(
-                Mt,
-                {
-                  userId: a.id,
-                  alt: D,
-                  className: "h-6 w-6",
-                  fallback: /* @__PURE__ */ e("span", { className: "flex h-6 w-6 shrink-0 select-none items-center justify-center rounded-full bg-nvr-cyan/10 text-[10px] font-semibold text-nvr-navy/80", children: H })
-                }
-              ),
-              /* @__PURE__ */ n("div", { className: "min-w-0 flex-1", children: [
-                /* @__PURE__ */ e("span", { className: "block truncate text-[12px] font-medium text-slate-700", children: D }),
-                /* @__PURE__ */ e("span", { className: "block truncate text-[11px] text-slate-400", children: a.email })
-              ] }),
+              /* @__PURE__ */ e(at, { userId: a.id, name: D, email: a.email, initials: H }),
               a.queue_only ? /* @__PURE__ */ e(
                 "span",
                 {
@@ -693,13 +720,17 @@ function Ht({
       (S ?? []).map((a) => /* @__PURE__ */ n(
         "div",
         {
-          className: "group -mx-2 flex items-center gap-2.5 rounded-md px-2 py-1.5 transition-colors hover:bg-slate-50",
+          className: "group -mx-2 flex items-center gap-2.5 rounded-md px-2 py-1.5 transition-colors hover:bg-slate-50 dark:hover:bg-white/5",
           children: [
-            /* @__PURE__ */ e("span", { className: "flex h-6 w-6 shrink-0 select-none items-center justify-center rounded-full bg-nvr-cyan/10 text-[10px] font-semibold text-nvr-navy/80", children: Q(a) }),
-            /* @__PURE__ */ n("div", { className: "min-w-0 flex-1", children: [
-              /* @__PURE__ */ e("span", { className: "block truncate text-[12px] font-medium text-slate-700", children: [a.first_name, a.last_name].filter(Boolean).join(" ") || a.email }),
-              /* @__PURE__ */ e("span", { className: "block truncate text-[11px] text-slate-400", children: a.email })
-            ] }),
+            /* @__PURE__ */ e(
+              at,
+              {
+                userId: a.user,
+                name: [a.first_name, a.last_name].filter(Boolean).join(" ") || a.email,
+                email: a.email,
+                initials: Q(a)
+              }
+            ),
             /* @__PURE__ */ e("span", { className: "shrink-0 rounded-full bg-amber-50 px-1.5 py-0.5 text-[10px] font-medium text-amber-700 dark:bg-amber-500/10 dark:text-amber-400", children: "manual" }),
             /* @__PURE__ */ e("span", { className: "shrink-0 rounded-full bg-slate-100 px-1.5 py-0.5 text-[10px] text-slate-500", children: a.state ? J(a.state) : "all states" }),
             /* @__PURE__ */ e(
@@ -710,7 +741,7 @@ function Ht({
                 disabled: $.isPending,
                 onClick: () => $.mutate(a),
                 className: "shrink-0 rounded p-0.5 text-slate-300 opacity-0 transition-all hover:text-red-500 focus-visible:opacity-100 group-hover:opacity-100",
-                children: /* @__PURE__ */ e(it, { className: "h-3 w-3" })
+                children: /* @__PURE__ */ e(lt, { className: "h-3 w-3" })
               }
             )
           ]
@@ -720,9 +751,9 @@ function Ht({
     ] }),
     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(Wt, { value: x, onChange: R }),
-      N ? /* @__PURE__ */ n(Ee, { open: L, onOpenChange: B, children: [
-        /* @__PURE__ */ e(Ie, { asChild: !0, children: /* @__PURE__ */ n(
+      /* @__PURE__ */ e(Vt, { value: x, onChange: R }),
+      N ? /* @__PURE__ */ n(Ie, { open: L, onOpenChange: M, children: [
+        /* @__PURE__ */ e(Ee, { asChild: !0, children: /* @__PURE__ */ n(
           "button",
           {
             type: "button",
@@ -745,7 +776,7 @@ function Ht({
                 C === a && "font-medium text-slate-800 dark:text-slate-200"
               ),
               onClick: () => {
-                I(a), B(!1);
+                E(a), M(!1);
               },
               children: D
             },
@@ -762,7 +793,7 @@ function Ht({
             variant: "ghost",
             className: "h-7 text-[12px]",
             onClick: () => {
-              j(!1), R(""), I("");
+              j(!1), R(""), E("");
             },
             children: "Cancel"
           }
@@ -782,16 +813,16 @@ function Ht({
     ] })
   ] });
 }
-const at = {
+const st = {
   out: "out of office",
   suspended: "suspended",
   redacted: "redacted"
 };
-function Vt({
+function Xt({
   collection: r,
   item: t,
   states: u,
-  currentStateId: l
+  currentStateId: i
 }) {
   const q = fe(), [p, f] = K(!1), { data: N, isLoading: P } = te({
     queryKey: ["pipeline-all-owners", r, t],
@@ -804,15 +835,15 @@ function Vt({
     var R;
     return !N || ((R = N[x.id]) == null ? void 0 : R.on_path) !== !1;
   }).sort((x, R) => x.sort - R.sort);
-  return /* @__PURE__ */ n(Ee, { open: p, onOpenChange: f, children: [
-    /* @__PURE__ */ e(Ie, { asChild: !0, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ n(Ie, { open: p, onOpenChange: f, children: [
+    /* @__PURE__ */ e(Ee, { asChild: !0, children: /* @__PURE__ */ e(
       "button",
       {
         type: "button",
         title: "View approval chain",
         className: "flex h-6 w-6 items-center justify-center rounded text-slate-400 transition-colors hover:bg-slate-100 hover:text-slate-600 dark:hover:bg-muted dark:hover:text-slate-300",
         onClick: (x) => x.stopPropagation(),
-        children: /* @__PURE__ */ e(st, { className: "h-3.5 w-3.5" })
+        children: /* @__PURE__ */ e(it, { className: "h-3.5 w-3.5" })
       }
     ) }),
     /* @__PURE__ */ n(Ue, { align: "end", sideOffset: 6, className: "w-[576px] p-0 overflow-hidden", children: [
@@ -821,11 +852,11 @@ function Vt({
         /* @__PURE__ */ e("p", { className: "text-[11px] text-slate-400 mt-0.5", children: "Owners per pipeline state" })
       ] }),
       /* @__PURE__ */ e("div", { className: "max-h-[504px] overflow-y-auto", children: P ? /* @__PURE__ */ e("div", { className: "space-y-px p-3", children: [1, 2, 3].map((x) => /* @__PURE__ */ e(le, { className: "h-10 w-full" }, x)) }) : N ? /* @__PURE__ */ e("div", { className: "divide-y divide-slate-100 dark:divide-border/60", children: j.map((x) => {
-        var U, b, S, i, w;
+        var U, b, S, l, w;
         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 === l, I = ((b = N[x.id]) == null ? void 0 : b.skipped) === !0 && !C, L = (((S = N[x.id]) == null ? void 0 : S.skip_reasons) ?? []).filter(Boolean), B = ((i = N[x.id]) == null ? void 0 : i.unavailable) ?? [], M = ((w = N[x.id]) == null ? void 0 : w.blocked) === !0 && !I;
+        })), 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;
         return /* @__PURE__ */ n(
           "div",
           {
@@ -836,23 +867,23 @@ function Vt({
               // drops opacity modifiers on it. Kept very light so the
               // tint doesn't clash with the state badge's own color.
               C && "bg-nvr-cyan/[0.06] dark:bg-nvr-cyan/[0.11]",
-              I && "opacity-60",
-              M && "bg-red-50 dark:bg-red-500/10"
+              E && "opacity-60",
+              B && "bg-red-50 dark:bg-red-500/10"
             ),
-            "data-chain-blocked": M ? "" : void 0,
+            "data-chain-blocked": B ? "" : void 0,
             children: [
               /* @__PURE__ */ e(oe, { label: x.label, color: x.color, small: !0 }),
-              /* @__PURE__ */ e("div", { className: "flex min-w-0 flex-1 flex-wrap items-center gap-x-2 gap-y-0.5", children: I ? (
+              /* @__PURE__ */ e("div", { className: "flex min-w-0 flex-1 flex-wrap items-center gap-x-2 gap-y-0.5", children: E ? (
                 // 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(mt, { delayDuration: 0, children: /* @__PURE__ */ n(De, { children: [
+                /* @__PURE__ */ e(pt, { 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(" · ") })
                   ] }) }),
                   /* @__PURE__ */ n(
-                    Me,
+                    Be,
                     {
                       side: "bottom",
                       align: "start",
@@ -865,11 +896,11 @@ function Vt({
                   )
                 ] }) })
               ) : /* @__PURE__ */ n(de, { children: [
-                /* @__PURE__ */ e(jt, { owners: R, max: 10, emptyLabel: "—" }),
-                B.map((s) => /* @__PURE__ */ n(
+                /* @__PURE__ */ e(Mt, { owners: R, max: 10, emptyLabel: "—" }),
+                M.map((s) => /* @__PURE__ */ n(
                   "span",
                   {
-                    "data-tip": `${s.name} is ${at[s.reason] ?? s.reason}${s.delegate ? ` — ${s.delegate.name} covers${s.delegate.expires_at ? ` until ${new Date(s.delegate.expires_at).toLocaleDateString()}` : ""}` : " and nobody is covering"}`,
+                    "data-tip": `${s.name} is ${st[s.reason] ?? s.reason}${s.delegate ? ` — ${s.delegate.name} covers${s.delegate.expires_at ? ` until ${new Date(s.delegate.expires_at).toLocaleDateString()}` : ""}` : " and nobody is covering"}`,
                     className: ge(
                       "inline-flex items-center gap-1 rounded-full border px-1.5 py-0.5 text-[10.5px] font-medium",
                       s.delegate ? "border-amber-200 bg-amber-50 text-amber-800 dark:border-amber-500/30 dark:bg-amber-500/10 dark:text-amber-200" : "border-red-200 bg-red-50 text-red-700 dark:border-red-500/30 dark:bg-red-500/10 dark:text-red-300"
@@ -893,13 +924,13 @@ function Vt({
                       ] }) : /* @__PURE__ */ n("span", { className: "opacity-80", children: [
                         " ",
                         "· ",
-                        at[s.reason] ?? s.reason
+                        st[s.reason] ?? s.reason
                       ] })
                     ]
                   },
                   s.id
                 )),
-                M && /* @__PURE__ */ e("span", { className: "inline-flex items-center gap-1 rounded-full bg-red-600 px-2 py-0.5 text-[10.5px] font-semibold text-white", children: "No one can act here" })
+                B && /* @__PURE__ */ e("span", { className: "inline-flex items-center gap-1 rounded-full bg-red-600 px-2 py-0.5 text-[10.5px] font-semibold text-white", children: "No one can act here" })
               ] }) })
             ]
           },
@@ -909,11 +940,11 @@ function Vt({
     ] })
   ] });
 }
-function _n({
+function $n({
   collection: r,
   item: t,
   defaultExpanded: u,
-  title: l,
+  title: i,
   showApprovalChain: q,
   hideActionsCollapsed: p,
   hideActionsExpanded: f,
@@ -923,12 +954,12 @@ function _n({
   asRole: x
 }) {
   return t === "new" ? null : /* @__PURE__ */ e(
-    Gt,
+    Jt,
     {
       collection: r,
       item: t,
       defaultExpanded: u,
-      title: l,
+      title: i,
       showApprovalChain: q,
       hideActionsCollapsed: p,
       hideActionsExpanded: f,
@@ -940,14 +971,14 @@ function _n({
     `${r}:${t}`
   );
 }
-function gt({ collection: r, item: t }) {
-  const u = fe(), { data: l } = te({
+function wt({ 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),
     staleTime: 3e4,
     retry: !1
   });
-  if (!l) return null;
+  if (!i) return null;
   const q = (p) => {
     if (p == null || p === "") return "—";
     const f = String(p);
@@ -958,34 +989,34 @@ function gt({ collection: r, item: t }) {
       /* @__PURE__ */ e("span", { className: "font-medium text-slate-700 dark:text-foreground", children: "Since entering this state" }),
       " ",
       "(",
-      l.days_in_state,
+      i.days_in_state,
       "d ago):",
       " ",
-      l.changed_total === 0 && l.comments === 0 && l.addendums.count === 0 ? /* @__PURE__ */ e("span", { children: "no changes to this record." }) : /* @__PURE__ */ n(de, { children: [
-        l.changed_total > 0 && /* @__PURE__ */ n("span", { children: [
-          l.changed_total,
+      i.changed_total === 0 && i.comments === 0 && i.addendums.count === 0 ? /* @__PURE__ */ e("span", { children: "no changes to this record." }) : /* @__PURE__ */ n(de, { children: [
+        i.changed_total > 0 && /* @__PURE__ */ n("span", { children: [
+          i.changed_total,
           " field",
-          l.changed_total === 1 ? "" : "s",
+          i.changed_total === 1 ? "" : "s",
           " changed",
-          l.edited_by.length > 0 ? ` by ${l.edited_by.join(", ")}` : ""
+          i.edited_by.length > 0 ? ` by ${i.edited_by.join(", ")}` : ""
         ] }),
-        l.comments > 0 && /* @__PURE__ */ n("span", { children: [
-          l.changed_total > 0 ? " · " : "",
-          l.comments,
+        i.comments > 0 && /* @__PURE__ */ n("span", { children: [
+          i.changed_total > 0 ? " · " : "",
+          i.comments,
           " comment",
-          l.comments === 1 ? "" : "s"
+          i.comments === 1 ? "" : "s"
         ] }),
-        l.addendums.count > 0 && /* @__PURE__ */ n("span", { children: [
+        i.addendums.count > 0 && /* @__PURE__ */ n("span", { children: [
           " · ",
-          l.addendums.count,
+          i.addendums.count,
           " addendum",
-          l.addendums.count === 1 ? "" : "s",
-          l.addendums.cost_impact !== 0 ? ` (${l.addendums.cost_impact > 0 ? "+" : ""}$${Math.abs(l.addendums.cost_impact).toLocaleString()})` : ""
+          i.addendums.count === 1 ? "" : "s",
+          i.addendums.cost_impact !== 0 ? ` (${i.addendums.cost_impact > 0 ? "+" : ""}$${Math.abs(i.addendums.cost_impact).toLocaleString()})` : ""
         ] })
       ] })
     ] }),
-    l.field_changes.length > 0 && /* @__PURE__ */ n("div", { className: "mt-1 space-y-0.5", children: [
-      l.field_changes.slice(0, 5).map((p) => /* @__PURE__ */ n(
+    i.field_changes.length > 0 && /* @__PURE__ */ n("div", { className: "mt-1 space-y-0.5", children: [
+      i.field_changes.slice(0, 5).map((p) => /* @__PURE__ */ n(
         "p",
         {
           className: "font-mono text-[10.5px] text-slate-500 dark:text-muted-foreground",
@@ -1002,13 +1033,13 @@ function gt({ collection: r, item: t }) {
         },
         p.field
       )),
-      l.field_changes.length > 5 && /* @__PURE__ */ n("p", { className: "text-[10.5px] text-slate-400", children: [
+      i.field_changes.length > 5 && /* @__PURE__ */ n("p", { className: "text-[10.5px] text-slate-400", children: [
         "+",
-        l.field_changes.length - 5,
+        i.field_changes.length - 5,
         " more — see History for the full trail"
       ] })
     ] }),
-    (l.lines ?? []).map((p) => /* @__PURE__ */ n(
+    (i.lines ?? []).map((p) => /* @__PURE__ */ n(
       "p",
       {
         "data-brief-line": p.label,
@@ -1029,11 +1060,11 @@ function gt({ collection: r, item: t }) {
     ))
   ] });
 }
-function Gt({
+function Jt({
   collection: r,
   item: t,
   defaultExpanded: u,
-  title: l,
+  title: i,
   showApprovalChain: q,
   hideActionsCollapsed: p,
   hideActionsExpanded: f,
@@ -1043,11 +1074,11 @@ function Gt({
   asRole: x
 }) {
   var We, He, Ve;
-  const R = fe(), C = Oe(), [I, L] = K(""), [B, M] = K(null), [U, b] = K(!1), [S, i] = K(!1), [w, s] = K(null);
-  dt(r, t, "transition", !!B || !!w);
-  const v = $t(r, t, "transition"), k = ne(!1);
+  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);
   ue(() => {
-    !k.current && u !== void 0 && (k.current = !0, i(u));
+    !k.current && u !== void 0 && (k.current = !0, l(u));
   }, [u]);
   const A = ne(!1), W = (o) => {
     A.current || (A.current = !0, J.mutate(o, {
@@ -1057,8 +1088,8 @@ function Gt({
     }));
   }, c = async (o) => {
     if (A.current) return;
-    if (B === o) {
-      M(null);
+    if (M === o) {
+      B(null);
       return;
     }
     if (N) {
@@ -1071,12 +1102,12 @@ function Gt({
       }
       if (!z) return;
     }
-    const T = (a ?? []).find((z) => z.id === o), E = String((T == null ? void 0 : T.comment_mode) ?? "none");
-    if (E !== "optional" && E !== "required") {
+    const T = (a ?? []).find((z) => z.id === o), I = String((T == null ? void 0 : T.comment_mode) ?? "none");
+    if (I !== "optional" && I !== "required") {
       W({ transition_id: o });
       return;
     }
-    M(o);
+    B(o);
   }, y = x ? ["pipeline-instance", r, t, x] : ["pipeline-instance", r, t], { data: d, isLoading: m } = te({
     queryKey: y,
     queryFn: () => R.request(
@@ -1117,8 +1148,8 @@ function Gt({
   }, [g]), $ = et(() => {
     if (!g) return null;
     const o = /* @__PURE__ */ new Map();
-    for (const [T, E] of Object.entries(g))
-      E.skipped && o.set(T, E.skip_reasons ?? []);
+    for (const [T, I] of Object.entries(g))
+      I.skipped && o.set(T, I.skip_reasons ?? []);
     return o;
   }, [g]), Q = xe({
     mutationFn: () => R.request(be(`/pipelines/instance/${r}/${t}/start`, {})),
@@ -1130,26 +1161,26 @@ function Gt({
     mutationFn: ({
       transition_id: o,
       comment: T,
-      reviewed: E
+      reviewed: I
     }) => R.request(
       be(`/pipelines/instance/${r}/${t}/transition`, {
         transition_id: o,
         comment: T,
-        ...E ? { reviewed: !0 } : {}
+        ...I ? { reviewed: !0 } : {}
       })
     ),
     onSuccess: () => {
-      C.invalidateQueries({ queryKey: y }), r === "nivaro_addendums" && C.invalidateQueries({ queryKey: ["addendums"] }), ke(C, r, String(t)), _e(C, r, String(t)), L(""), M(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)), L(""), B(null), s(null), ee.success("Transition executed");
     },
     onError: (o, T) => {
-      if (xt(o)) {
+      if (gt(o)) {
         C.invalidateQueries({ queryKey: y });
         return;
       }
-      const E = bt(o);
-      if (E) {
+      const I = yt(o);
+      if (I) {
         s((G) => ({
-          payload: E,
+          payload: I,
           transitionId: T.transition_id,
           comment: T.comment,
           revision: ((G == null ? void 0 : G.revision) ?? 0) + 1
@@ -1161,25 +1192,25 @@ function Gt({
         duration: 12e3,
         // #1867: a refusal carries "Why?" — the role, owner or access rule
         // that stopped it, and who can change it.
-        ...ut(o) ? {
-          action: pt(R, {
+        ...ft(o) ? {
+          action: ht(R, {
             collection: r,
             itemId: String(t),
             action: "transition",
             transitionId: T.transition_id
           })
         } : {}
-      }), s(null), M(null), ke(C, r, String(t)), _e(C, r, String(t)), (z == null ? void 0 : z.status) === 409 && C.invalidateQueries({ queryKey: y });
+      }), 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;
   const re = ne((d == null ? void 0 : d.available_transitions) ?? []);
   if (re.current = (d == null ? void 0 : d.available_transitions) ?? [], ue(() => {
     const o = (T) => {
-      const E = T.detail;
-      if (!E || E.claimed || E.collection !== r || String(E.item) !== String(t)) return;
-      E.claimed = !0;
-      const z = String(E.transition_id).toUpperCase(), G = re.current.find((ce) => String(ce.id).toUpperCase() === z);
+      const I = T.detail;
+      if (!I || I.claimed || I.collection !== r || String(I.item) !== String(t)) return;
+      I.claimed = !0;
+      const z = String(I.transition_id).toUpperCase(), G = re.current.find((ce) => String(ce.id).toUpperCase() === z);
       if (!G) {
         ee.error("That step is not available from where the record is now");
         return;
@@ -1195,17 +1226,17 @@ function Gt({
       /* @__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 = B ? (a ?? []).find((o) => o.id === B) : null, Se = ae ? V.get(ae.to_state) : null, yt = 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, vt = 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 ? yt ?? [] : a ?? [], Qe = $e.length > 0, ze = (o, T = !1) => {
-    const E = /* @__PURE__ */ new Map();
+  ) : null, $e = F != null && F.completed_at ? vt ?? [] : a ?? [], Qe = $e.length > 0, ze = (o, T = !1) => {
+    const I = /* @__PURE__ */ new Map();
     for (const z of o) {
-      const G = E.get(z.label) ?? [];
-      G.push(z), E.set(z.label, G);
+      const G = I.get(z.label) ?? [];
+      G.push(z), I.set(z.label, G);
     }
-    return Array.from(E.entries()).map(([z, G]) => {
+    return Array.from(I.entries()).map(([z, G]) => {
       var Xe, Je;
-      const ce = ((Xe = G[0]) == null ? void 0 : Xe.color) ?? null, ye = G.some((X) => X.id === B), Ge = (X) => ce ? X ? { backgroundColor: ce, borderColor: ce } : { borderColor: ce, color: ce } : void 0;
+      const ce = ((Xe = G[0]) == null ? void 0 : Xe.color) ?? null, ye = G.some((X) => X.id === M), Ge = (X) => ce ? X ? { backgroundColor: ce, borderColor: ce } : { borderColor: ce, color: ce } : void 0;
       if (G.length === 1) {
         const X = G[0], pe = J.isPending && ((Je = J.variables) == null ? void 0 : Je.transition_id) === X.id;
         return /* @__PURE__ */ n(
@@ -1270,12 +1301,12 @@ function Gt({
         /* @__PURE__ */ e(oe, { label: Se.label, color: Se.color, small: !0 })
       ] })
     ] }),
-    /* @__PURE__ */ e(gt, { collection: r, item: t }),
+    /* @__PURE__ */ e(wt, { collection: r, item: t }),
     /* @__PURE__ */ e(
       "input",
       {
         type: "text",
-        value: I,
+        value: E,
         onChange: (o) => L(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"
@@ -1289,7 +1320,7 @@ function Gt({
           size: "sm",
           variant: "ghost",
           className: "h-7 text-[12px]",
-          onClick: () => M(null),
+          onClick: () => B(null),
           children: "Cancel"
         }
       ),
@@ -1299,10 +1330,10 @@ function Gt({
           type: "button",
           size: "sm",
           className: "h-7 gap-1.5 text-[12px]",
-          disabled: J.isPending || String((ae == null ? void 0 : ae.comment_mode) ?? "") === "required" && I.trim() === "",
+          disabled: J.isPending || String((ae == null ? void 0 : ae.comment_mode) ?? "") === "required" && E.trim() === "",
           onClick: () => W({
-            transition_id: B,
-            comment: I.trim() || void 0
+            transition_id: M,
+            comment: E.trim() || void 0
           }),
           children: J.isPending ? /* @__PURE__ */ e(se, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ n(de, { children: [
             /* @__PURE__ */ e("span", { children: "Confirm" }),
@@ -1323,12 +1354,12 @@ function Gt({
             {
               role: "button",
               tabIndex: 0,
-              onClick: () => i((o) => !o),
-              onKeyDown: (o) => (o.key === "Enter" || o.key === " ") && i((T) => !T),
+              onClick: () => l((o) => !o),
+              onKeyDown: (o) => (o.key === "Enter" || o.key === " ") && l((T) => !T),
               className: "flex w-full cursor-pointer items-center gap-2.5 px-5 py-3.5 transition-colors hover:bg-slate-50/50 dark:hover:bg-white/[0.02]",
               children: [
                 /* @__PURE__ */ e(Te, { className: "h-3.5 w-3.5 shrink-0 text-slate-400" }),
-                /* @__PURE__ */ e("span", { className: "text-[13px] font-medium text-slate-800 dark:text-slate-200", children: l || "Pipeline" }),
+                /* @__PURE__ */ e("span", { className: "text-[13px] font-medium text-slate-800 dark:text-slate-200", children: i || "Pipeline" }),
                 /* @__PURE__ */ n("div", { className: "flex items-center gap-1.5", children: [
                   j && /* @__PURE__ */ e("span", { className: "flex items-center gap-1 rounded-full border border-amber-200 bg-amber-50 px-2 py-0.5 text-[11px] font-medium text-amber-700 dark:border-amber-500/20 dark:bg-amber-500/10 dark:text-amber-400", children: "Addendum workflow" }),
                   Z && /* @__PURE__ */ e(oe, { label: Z.label, color: Z.color }),
@@ -1340,7 +1371,7 @@ function Gt({
 `),
                       "data-pipeline-auto-held-pill": !0,
                       children: [
-                        /* @__PURE__ */ e(wt, { className: "h-3 w-3 shrink-0" }),
+                        /* @__PURE__ */ e(Nt, { className: "h-3 w-3 shrink-0" }),
                         "Needs a person"
                       ]
                     }
@@ -1356,7 +1387,7 @@ function Gt({
                       "data-pipeline-approving": !0,
                       children: [
                         /* @__PURE__ */ e("span", { className: "h-1.5 w-1.5 shrink-0 animate-pulse rounded-full bg-sky-400" }),
-                        Tt(v, "approving")
+                        Pt(v, "approving")
                       ]
                     }
                   )
@@ -1380,7 +1411,7 @@ function Gt({
                     }
                   ),
                   q && ((d == null ? void 0 : d.binding) || (d == null ? void 0 : d.instance)) && /* @__PURE__ */ e(
-                    Vt,
+                    Xt,
                     {
                       collection: r,
                       item: t,
@@ -1401,9 +1432,9 @@ function Gt({
               ]
             }
           ),
-          !S && B && /* @__PURE__ */ e("div", { className: "border-t border-slate-100 dark:border-border/60 px-4 py-3", children: Ke }),
+          !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(Ut, { held: (d == null ? void 0 : d.auto_held) ?? [] }),
+            /* @__PURE__ */ e(zt, { 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." })
@@ -1423,7 +1454,7 @@ function Gt({
                     /* @__PURE__ */ e(le, { className: "ml-2 h-3 w-24" })
                   ] })
                 ) : /* @__PURE__ */ e(
-                  zt,
+                  Wt,
                   {
                     states: H,
                     allTransitions: (d == null ? void 0 : d.all_transitions) ?? [],
@@ -1434,9 +1465,9 @@ function Gt({
                     skippedStates: $
                   }
                 ),
-                (d == null ? void 0 : d.branches) && /* @__PURE__ */ e(Ot, { data: d.branches }),
+                (d == null ? void 0 : d.branches) && /* @__PURE__ */ e(It, { data: d.branches }),
                 /* @__PURE__ */ e(
-                  Qt,
+                  Kt,
                   {
                     history: D ?? [],
                     completedAt: F.completed_at
@@ -1444,9 +1475,9 @@ function Gt({
                 )
               ] }),
               /* @__PURE__ */ n("div", { className: "space-y-3 px-5 py-4", children: [
-                !F.completed_at && /* @__PURE__ */ e(Ft, { collection: r, itemId: String(t) }),
+                !F.completed_at && /* @__PURE__ */ e(Et, { collection: r, itemId: String(t) }),
                 /* @__PURE__ */ e(
-                  Ht,
+                  Gt,
                   {
                     collection: r,
                     item: t,
@@ -1463,7 +1494,7 @@ function Gt({
               ] }),
               Qe && !f && /* @__PURE__ */ n("div", { className: "space-y-3 px-5 py-4", children: [
                 /* @__PURE__ */ e("div", { className: "flex flex-wrap justify-end gap-2", children: ze($e) }),
-                B && Ke
+                M && Ke
               ] }),
               /* @__PURE__ */ n("div", { className: "px-5 py-3", children: [
                 /* @__PURE__ */ n(
@@ -1492,7 +1523,7 @@ function Gt({
                     ]
                   }
                 ),
-                U && /* @__PURE__ */ e("div", { className: "mt-3", children: /* @__PURE__ */ e(Kt, { history: D ?? [] }) })
+                U && /* @__PURE__ */ e("div", { className: "mt-3", children: /* @__PURE__ */ e(Ht, { 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." }),
@@ -1515,8 +1546,8 @@ function Gt({
         ]
       }
     ),
-    w && /* @__PURE__ */ e(ot, { fallback: null, children: /* @__PURE__ */ e(
-      ft,
+    w && /* @__PURE__ */ e(dt, { fallback: null, children: /* @__PURE__ */ e(
+      xt,
       {
         payload: w.payload,
         isRetry: w.revision > 1,
@@ -1537,37 +1568,37 @@ function Gt({
     ) })
   ] });
 }
-function Cn({
+function Tn({
   collection: r,
   item: t,
   onBeforeTransition: u,
-  wrap: l = !0
+  wrap: i = !0
 }) {
   return t === "new" ? null : /* @__PURE__ */ e(
-    Xt,
+    Zt,
     {
       collection: r,
       item: t,
       onBeforeTransition: u,
-      wrap: l
+      wrap: i
     }
   );
 }
-function Xt({
+function Zt({
   collection: r,
   item: t,
   onBeforeTransition: u,
-  wrap: l = !0
+  wrap: i = !0
 }) {
   const q = fe(), p = Oe(), [f, N] = K(""), [P, j] = K(null), [x, R] = K(null);
-  dt(r, t, "transition", !!P || !!x);
-  const C = ne(null), I = Dt(C, !l), L = ne(!1), B = (m) => {
+  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, {
       onSettled: () => {
         L.current = !1;
       }
     }));
-  }, M = async (m) => {
+  }, B = async (m) => {
     if (L.current) return;
     if (P === m) {
       j(null);
@@ -1585,7 +1616,7 @@ function Xt({
     }
     const g = (s ?? []).find((h) => h.id === m), _ = String((g == null ? void 0 : g.comment_mode) ?? "none");
     if (_ !== "optional" && _ !== "required") {
-      B({ transition_id: m });
+      M({ transition_id: m });
       return;
     }
     j(m);
@@ -1620,11 +1651,11 @@ function Xt({
       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 (xt(m)) {
+      if (gt(m)) {
         p.invalidateQueries({ queryKey: U });
         return;
       }
-      const _ = bt(m);
+      const _ = yt(m);
       if (_) {
         R(($) => ({
           payload: _,
@@ -1639,8 +1670,8 @@ function Xt({
         duration: 12e3,
         // #1867: a refusal carries "Why?" — the role, owner or access rule
         // that stopped it, and who can change it.
-        ...ut(m) ? {
-          action: pt(q, {
+        ...ft(m) ? {
+          action: ht(q, {
             collection: r,
             itemId: String(t),
             action: "transition",
@@ -1649,8 +1680,8 @@ function Xt({
         } : {}
       }), R(null), j(null), ke(p, r, String(t)), _e(p, r, String(t)), (h == null ? void 0 : h.status) === 409 && p.invalidateQueries({ queryKey: U });
     }
-  }), i = ne(M);
-  i.current = M;
+  }), l = ne(B);
+  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) => {
@@ -1662,7 +1693,7 @@ function Xt({
         ee.error("That step is not available from where the record is now");
         return;
       }
-      i.current($.id);
+      l.current($.id);
     };
     return window.addEventListener(Ne, m), () => window.removeEventListener(Ne, m);
   }, [r, t]), !(b != null && b.binding) || !(b != null && b.instance)) return null;
@@ -1688,7 +1719,7 @@ function Xt({
     return Math.max(260, Math.min(600, m.right - ((g == null ? void 0 : g.left) ?? 0) - 12));
   })();
   return /* @__PURE__ */ n("div", { ref: C, className: "relative", children: [
-    I ? /* @__PURE__ */ n(Pe, { children: [
+    E ? /* @__PURE__ */ n(Pe, { children: [
       /* @__PURE__ */ e(Ae, { asChild: !0, children: /* @__PURE__ */ n(
         Y,
         {
@@ -1707,7 +1738,7 @@ function Xt({
       /* @__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: [
           _ > 0 && h[_ - 1][1].length > 1 && /* @__PURE__ */ e(nt, {}),
-          /* @__PURE__ */ n(we, { onSelect: () => M(g[0].id), children: [
+          /* @__PURE__ */ n(we, { onSelect: () => B(g[0].id), children: [
             g[0].color && /* @__PURE__ */ e(
               "span",
               {
@@ -1719,10 +1750,10 @@ function Xt({
           ] })
         ] }, m) : /* @__PURE__ */ n(tt, { children: [
           _ > 0 && /* @__PURE__ */ e(nt, {}),
-          /* @__PURE__ */ e(Bt, { className: "text-[11px] text-muted-foreground", children: m }),
+          /* @__PURE__ */ e(Ot, { className: "text-[11px] text-muted-foreground", children: m }),
           y(g).map(($) => {
             var Q;
-            return /* @__PURE__ */ n(we, { onSelect: () => M($.id), children: [
+            return /* @__PURE__ */ n(we, { onSelect: () => B($.id), children: [
               $.color && /* @__PURE__ */ e(
                 "span",
                 {
@@ -1738,7 +1769,7 @@ function Xt({
     ] }) : /* @__PURE__ */ e(
       "div",
       {
-        className: l ? "flex flex-wrap justify-end gap-2" : "flex shrink-0 items-center justify-end gap-2",
+        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]) => {
           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;
@@ -1751,7 +1782,7 @@ function Xt({
                 className: "gap-1.5 text-[12px]",
                 style: $(h),
                 disabled: S.isPending,
-                onClick: () => M(O.id),
+                onClick: () => B(O.id),
                 children: [
                   re && /* @__PURE__ */ e(se, { className: "h-3 w-3 animate-spin" }),
                   m
@@ -1762,7 +1793,7 @@ function Xt({
             return O.pushes && O.pushes > 0 ? /* @__PURE__ */ n("span", { className: "relative inline-flex", children: [
               F,
               /* @__PURE__ */ e(
-                Rt,
+                jt,
                 {
                   collection: r,
                   itemId: t,
@@ -1790,7 +1821,7 @@ function Xt({
             ) }),
             /* @__PURE__ */ e(Re, { align: "start", children: y(g).map((O) => {
               var re;
-              return /* @__PURE__ */ n(we, { onSelect: () => M(O.id), children: [
+              return /* @__PURE__ */ n(we, { onSelect: () => B(O.id), children: [
                 O.color && /* @__PURE__ */ e(
                   "span",
                   {
@@ -1820,7 +1851,7 @@ function Xt({
               /* @__PURE__ */ e(oe, { label: W.label, color: W.color, small: !0 })
             ] })
           ] }),
-          /* @__PURE__ */ e(gt, { collection: r, item: t }),
+          /* @__PURE__ */ e(wt, { collection: r, item: t }),
           /* @__PURE__ */ e(
             "input",
             {
@@ -1850,7 +1881,7 @@ function Xt({
                 size: "sm",
                 className: "h-7 gap-1.5 text-[12px]",
                 disabled: S.isPending || String((A == null ? void 0 : A.comment_mode) ?? "") === "required" && f.trim() === "",
-                onClick: () => B({
+                onClick: () => M({
                   transition_id: P,
                   comment: f.trim() || void 0
                 }),
@@ -1864,8 +1895,8 @@ function Xt({
         ]
       }
     ),
-    x && /* @__PURE__ */ e(ot, { fallback: null, children: /* @__PURE__ */ e(
-      ft,
+    x && /* @__PURE__ */ e(dt, { fallback: null, children: /* @__PURE__ */ e(
+      xt,
       {
         payload: x.payload,
         isRetry: x.revision > 1,
@@ -1887,8 +1918,8 @@ function Xt({
   ] });
 }
 export {
-  _n as PipelinePanel,
-  Cn as PipelineTransitionButtons,
-  xt as isDuplicateTransition,
-  bt as transitionRequirementsFromError
+  $n as PipelinePanel,
+  Tn as PipelineTransitionButtons,
+  gt as isDuplicateTransition,
+  yt as transitionRequirementsFromError
 };