@alfadocs/ui-kit-debug 0.1.8 → 0.2.0

package/dist/_chunks/{workflow-map-XeqHDFvp.js → workflow-map-C-nlogPC.js}

@@ -1,33 +1,34 @@
-import { jsx as t, jsxs as c, Fragment as fe } from "react/jsx-runtime";
-import { forwardRef as P, useMemo as V, useRef as B, useCallback as K, useEffect as me } from "react";
+import { jsx as t, jsxs as u, Fragment as ve } from "react/jsx-runtime";
+import { forwardRef as O, useMemo as R, useRef as j, useCallback as W, useState as ge, useImperativeHandle as ke, useEffect as ye } from "react";
 import { c as L } from "./index-D2ZczOXr.js";
 import { useTranslation as z } from "react-i18next";
-import { C as _ } from "./card-BEy58ZKp.js";
-import { B as pe } from "./badge-mrstWxve.js";
-import { K as G } from "./key-value-pair-JRFS9Xrh.js";
-import { T as he } from "./timestamp-BV2lC-wV.js";
-import { I as M } from "./icon-button-Wnnde5lc.js";
-import { c as C } from "./createLucideIcon-CrFbzy84.js";
-import { C as ve } from "./circle-BkqTgYmt.js";
-import { A as W } from "./alert-BlOUMkXj.js";
-import { B as we } from "./button-7mLWcMp_.js";
-import { D as N } from "./dropdown-menu-Cw3EyPZv.js";
-import { E as T } from "./empty-state-DQPtRp2b.js";
-import { P as ee } from "./plus-CYKNmfuA.js";
-import { G as te } from "./globe-BkEFMNSg.js";
-import { S as se } from "./square-check-big-Jr-0202D.js";
-import { M as re } from "./mail-C8irm52s.js";
-import { C as ae } from "./clock-21AGPWJ5.js";
-import { C as ye } from "./chevron-up-zOEDrmBB.js";
-import { C as be } from "./chevron-down-BX_NP2Yh.js";
-import { C as ge } from "./check-DPdL_Sm7.js";
+import { C } from "./card-CWzuTLYE.js";
+import { B as be } from "./badge-DKFbntoa.js";
+import { K as Z } from "./key-value-pair-CgWvAIGb.js";
+import { T as xe } from "./timestamp-BV2lC-wV.js";
+import { I as S } from "./icon-button-C4CGcYuz.js";
+import { c as _ } from "./createLucideIcon-CrFbzy84.js";
+import { C as Ne } from "./circle-BkqTgYmt.js";
+import { u as Ce } from "./registry-C9nwlNyL.js";
+import { A as V } from "./alert-B1sj8Ss0.js";
+import { B as _e } from "./button-DD_0Xdmr.js";
+import { D as N } from "./dropdown-menu-CpiF6CPz.js";
+import { E } from "./empty-state-3CLJIXSj.js";
+import { P as ae } from "./plus-CYKNmfuA.js";
+import { G as ne } from "./globe-BkEFMNSg.js";
+import { S as de } from "./square-check-big-Jr-0202D.js";
+import { M as ie } from "./mail-C8irm52s.js";
+import { C as le } from "./clock-21AGPWJ5.js";
+import { C as Me } from "./chevron-up-zOEDrmBB.js";
+import { C as Se } from "./chevron-down-BX_NP2Yh.js";
+import { C as ze } from "./check-DPdL_Sm7.js";
 /**
  * @license lucide-react v1.8.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ke = [
+const je = [
   ["path", { d: "M10.1 2.182a10 10 0 0 1 3.8 0", key: "5ilxe3" }],
   ["path", { d: "M13.9 21.818a10 10 0 0 1-3.8 0", key: "11zvb9" }],
   ["path", { d: "M17.609 3.721a10 10 0 0 1 2.69 2.7", key: "1iw5b2" }],
@@ -36,38 +37,38 @@ const ke = [
   ["path", { d: "M21.818 10.1a10 10 0 0 1 0 3.8", key: "qkgqxc" }],
   ["path", { d: "M3.721 6.391a10 10 0 0 1 2.7-2.69", key: "1mcia2" }],
   ["path", { d: "M6.391 20.279a10 10 0 0 1-2.69-2.7", key: "1fvljs" }]
-], xe = C("circle-dashed", ke);
+], Ae = _("circle-dashed", je);
 /**
  * @license lucide-react v1.8.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ne = [
+const Ie = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["line", { x1: "10", x2: "10", y1: "15", y2: "9", key: "c1nkhi" }],
   ["line", { x1: "14", x2: "14", y1: "15", y2: "9", key: "h65svq" }]
-], _e = C("circle-pause", Ne);
+], Te = _("circle-pause", Ie);
 /**
  * @license lucide-react v1.8.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ce = [
+const Ee = [
   ["path", { d: "M13 5h8", key: "a7qcls" }],
   ["path", { d: "M13 12h8", key: "h98zly" }],
   ["path", { d: "M13 19h8", key: "c3s6r1" }],
   ["path", { d: "m3 17 2 2 4-4", key: "1jhpwq" }],
   ["path", { d: "m3 7 2 2 4-4", key: "1obspn" }]
-], Me = C("list-checks", Ce);
+], Le = _("list-checks", Ee);
 /**
  * @license lucide-react v1.8.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ze = [
+const De = [
   [
     "path",
     {
@@ -75,14 +76,14 @@ const ze = [
       key: "1sd12s"
     }
   ]
-], oe = C("message-circle", ze);
+], ce = _("message-circle", De);
 /**
  * @license lucide-react v1.8.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const je = [
+const Ke = [
   [
     "path",
     {
@@ -91,59 +92,59 @@ const je = [
     }
   ],
   ["path", { d: "m15 5 4 4", key: "1mk7zo" }]
-], O = C("pencil", je);
+], U = _("pencil", Ke);
 /**
  * @license lucide-react v1.8.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Se = [
+const Be = [
   ["path", { d: "M18.36 6.64A9 9 0 0 1 20.77 15", key: "dxknvb" }],
   ["path", { d: "M6.16 6.16a9 9 0 1 0 12.68 12.68", key: "1x7qb5" }],
   ["path", { d: "M12 2v4", key: "3427ic" }],
   ["path", { d: "m2 2 20 20", key: "1ooewy" }]
-], Ae = C("power-off", Se);
+], qe = _("power-off", Be);
 /**
  * @license lucide-react v1.8.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ie = [
+const Pe = [
   ["path", { d: "M12 2v10", key: "mnfbl" }],
   ["path", { d: "M18.4 6.6a9 9 0 1 1-12.77.04", key: "obofu9" }]
-], Te = C("power", Ie);
+], $e = _("power", Pe);
 /**
  * @license lucide-react v1.8.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Le = [
+const Re = [
   ["rect", { width: "14", height: "20", x: "5", y: "2", rx: "2", ry: "2", key: "1yt0o3" }],
   ["path", { d: "M12 18h.01", key: "mhygvu" }]
-], ne = C("smartphone", Le);
+], ue = _("smartphone", Re);
 /**
  * @license lucide-react v1.8.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const De = [
+const We = [
   ["path", { d: "M10 11v6", key: "nco0om" }],
   ["path", { d: "M14 11v6", key: "outv1u" }],
   ["path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6", key: "miytrc" }],
   ["path", { d: "M3 6h18", key: "d0wm0j" }],
   ["path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2", key: "e791ji" }]
-], de = C("trash-2", De);
+], fe = _("trash-2", We);
 /**
  * @license lucide-react v1.8.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ee = [
+const Fe = [
   ["path", { d: "M10 15H6a4 4 0 0 0-4 4v2", key: "1nfge6" }],
   ["path", { d: "m14.305 16.53.923-.382", key: "1itpsq" }],
   ["path", { d: "m15.228 13.852-.923-.383", key: "eplpkm" }],
@@ -155,7 +156,7 @@ const Ee = [
   ["path", { d: "m20.772 16.148.924.383", key: "1g6xey" }],
   ["circle", { cx: "18", cy: "15", r: "3", key: "gjjjvw" }],
   ["circle", { cx: "9", cy: "7", r: "4", key: "nufk8" }]
-], ie = C("user-cog", Ee), Be = L("ds:relative ds:w-full", {
+], me = _("user-cog", Fe), Ve = L("ds:relative ds:w-full", {
   variants: {
     density: {
       comfortable: "",
@@ -166,62 +167,63 @@ const Ee = [
     density: "comfortable"
   }
 });
-function Ke(e) {
+function He(e) {
   switch (e) {
     case "active":
       return {
         badgeVariant: "success",
-        icon: /* @__PURE__ */ t(ve, { className: "ds:fill-current", "aria-hidden": "true" })
+        icon: /* @__PURE__ */ t(Ne, { className: "ds:fill-current", "aria-hidden": "true" })
       };
     case "paused":
       return {
         badgeVariant: "warning",
-        icon: /* @__PURE__ */ t(_e, { "aria-hidden": "true" })
+        icon: /* @__PURE__ */ t(Te, { "aria-hidden": "true" })
       };
     case "inactive":
     default:
       return {
         badgeVariant: "neutral",
-        icon: /* @__PURE__ */ t(xe, { "aria-hidden": "true" })
+        icon: /* @__PURE__ */ t(Ae, { "aria-hidden": "true" })
       };
   }
 }
-const $e = P(
+const Oe = O(
   function({
     workflow: s,
     density: r = "comfortable",
-    onView: a,
+    onView: o,
     onEdit: i,
     onDelete: n,
-    onToggleActive: o,
+    onToggleActive: a,
     className: p
   }, m) {
-    const { t: u } = z(), d = Ke(s.status), l = s.status === "active", y = r === "compact", h = (v) => (g) => {
-      g.stopPropagation(), v == null || v();
-    }, k = /* @__PURE__ */ t(
-      pe,
+    const { t: c } = z(), d = He(s.status), l = s.status === "active", v = r === "compact", h = (w) => (y) => {
+      y.stopPropagation(), w == null || w();
+    }, b = /* @__PURE__ */ t(
+      be,
       {
         variant: d.badgeVariant,
         leading: d.icon,
         withDot: !1,
-        children: u(`workflow.status.${s.status}`)
+        children: c(`workflow.status.${s.status}`)
       }
-    ), x = u("workflow.card.activeEnrollments");
-    return /* @__PURE__ */ c(
-      _,
+    ), x = c("workflow.card.activeEnrollments");
+    return /* @__PURE__ */ u(
+      C,
       {
         ref: m,
         variant: "default",
-        className: Be({ density: r, className: p }),
+        className: Ve({ density: r, className: p }),
         "data-component": "workflow-card",
+        "data-component-id": s.id,
         children: [
-          /* @__PURE__ */ t(_.Header, { children: /* @__PURE__ */ c("div", { className: "ds:flex ds:items-start ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
-            /* @__PURE__ */ c("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
-              /* @__PURE__ */ t("h3", { className: "ds:m-0 type-title-card ds:text-[color:var(--foreground)] ds:[overflow-wrap:anywhere] ds:break-words", children: a ? /* @__PURE__ */ t(
+          /* @__PURE__ */ t(C.Header, { children: /* @__PURE__ */ u("div", { className: "ds:flex ds:items-start ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+            /* @__PURE__ */ u("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+              /* @__PURE__ */ t("h3", { className: "ds:m-0 type-title-card ds:text-[color:var(--foreground)] ds:[overflow-wrap:anywhere] ds:break-words", children: o ? /* @__PURE__ */ t(
                 "button",
                 {
                   type: "button",
-                  onClick: () => a(s.id),
+                  onClick: () => o(s.id),
                   className: [
                     "ds:text-start ds:font-inherit ds:text-inherit",
                     // Inset overlay that turns the whole card into a
@@ -239,34 +241,34 @@ const $e = P(
                   children: s.name
                 }
               ) : s.name }),
-              y && /* @__PURE__ */ c("span", { className: "ds:flex ds:items-baseline ds:gap-[var(--spacing-xs)] type-body-sm ds:text-[color:var(--muted-foreground)]", children: [
+              v && /* @__PURE__ */ u("span", { className: "ds:flex ds:items-baseline ds:gap-[var(--spacing-xs)] type-body-sm ds:text-[color:var(--muted-foreground)]", children: [
                 /* @__PURE__ */ t("span", { children: x }),
                 /* @__PURE__ */ t("span", { className: "ds:font-medium ds:text-[color:var(--foreground)]", children: s.stats.activeEnrollments })
               ] })
             ] }),
-            /* @__PURE__ */ t("div", { className: "ds:shrink-0", children: k })
+            /* @__PURE__ */ t("div", { className: "ds:shrink-0", children: b })
           ] }) }),
-          !y && /* @__PURE__ */ c(_.Body, { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+          !v && /* @__PURE__ */ u(C.Body, { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
             /* @__PURE__ */ t(
-              G,
+              Z,
               {
-                label: u("workflow.card.activeEnrollments"),
+                label: c("workflow.card.activeEnrollments"),
                 value: s.stats.activeEnrollments
               }
             ),
             /* @__PURE__ */ t(
-              G,
+              Z,
               {
-                label: u("workflow.card.totalEnrollments"),
+                label: c("workflow.card.totalEnrollments"),
                 value: s.stats.totalEnrollments
               }
             )
           ] }),
-          /* @__PURE__ */ c(_.Footer, { className: "ds:flex-wrap ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
-            /* @__PURE__ */ c("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-xs)] type-body-sm ds:text-[color:var(--muted-foreground)]", children: [
-              /* @__PURE__ */ t("span", { className: "ds:truncate", title: s.createdBy, children: u("workflow.createdBy", { name: s.createdBy }) }),
+          /* @__PURE__ */ u(C.Footer, { className: "ds:flex-wrap ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+            /* @__PURE__ */ u("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-xs)] type-body-sm ds:text-[color:var(--muted-foreground)]", children: [
+              /* @__PURE__ */ t("span", { className: "ds:truncate", title: s.createdBy, children: c("workflow.createdBy", { name: s.createdBy }) }),
               s.updatedAt && /* @__PURE__ */ t(
-                he,
+                xe,
                 {
                   value: s.updatedAt,
                   format: "absolute",
@@ -276,38 +278,36 @@ const $e = P(
                 }
               )
             ] }),
-            /* @__PURE__ */ c("div", { className: "ds:relative ds:z-10 ds:flex ds:shrink-0 ds:items-center ds:gap-[var(--spacing-xs)] ds:ms-auto", children: [
+            /* @__PURE__ */ u("div", { className: "ds:relative ds:z-10 ds:flex ds:shrink-0 ds:items-center ds:gap-[var(--spacing-xs)] ds:ms-auto", children: [
               i && /* @__PURE__ */ t(
-                M,
+                S,
                 {
-                  icon: /* @__PURE__ */ t(O, {}),
+                  icon: /* @__PURE__ */ t(U, {}),
                   size: "sm",
                   intent: "ghost",
-                  "aria-label": u("workflow.card.edit"),
+                  "aria-label": c("workflow.card.edit"),
                   onClick: h(() => i(s.id))
                 }
               ),
-              o && /* @__PURE__ */ t(
-                M,
+              a && /* @__PURE__ */ t(
+                S,
                 {
-                  icon: l ? /* @__PURE__ */ t(Ae, {}) : /* @__PURE__ */ t(Te, {}),
+                  icon: l ? /* @__PURE__ */ t(qe, {}) : /* @__PURE__ */ t($e, {}),
                   size: "sm",
                   intent: "ghost",
-                  "aria-label": u(
+                  "aria-label": c(
                     l ? "workflow.card.deactivate" : "workflow.card.activate"
                   ),
-                  onClick: h(
-                    () => o(s.id, !l)
-                  )
+                  onClick: h(() => a(s.id, !l))
                 }
               ),
               n && /* @__PURE__ */ t(
-                M,
+                S,
                 {
-                  icon: /* @__PURE__ */ t(de, {}),
+                  icon: /* @__PURE__ */ t(fe, {}),
                   size: "sm",
                   intent: "destructive",
-                  "aria-label": u("workflow.card.delete"),
+                  "aria-label": c("workflow.card.delete"),
                   onClick: h(() => n(s.id))
                 }
               )
@@ -318,55 +318,136 @@ const $e = P(
     );
   }
 );
-$e.displayName = "WorkflowCard";
-function H(e) {
+Oe.displayName = "WorkflowCard";
+const Rt = {
+  id: "workflow-card",
+  capabilities: ["navigate"],
+  state: {},
+  actions: {},
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "workflow-card",
+      description: "Marks a Workflow summary card. Presentational — actions are owned by the host pattern."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+}, Wt = {
+  id: "workflow-map",
+  capabilities: ["navigate"],
+  state: {},
+  actions: {},
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "workflow-map",
+      description: "Marks a Workflow map (linear visualisation). Presentational."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    },
+    item: {
+      attr: "data-node-id",
+      description: "Stable opaque workflow node id emitted on each step."
+    }
+  }
+}, Ue = {
+  id: "workflow-editor",
+  capabilities: ["navigate", "expand"],
+  state: {
+    totalSteps: {
+      type: "number",
+      descriptionKey: "ui.agent.workflowEditor.state.totalSteps",
+      description: "Total number of nodes currently in the workflow graph.",
+      read: (e) => e.getTotalSteps()
+    },
+    currentStep: {
+      type: "string | null",
+      descriptionKey: "ui.agent.workflowEditor.state.currentStep",
+      description: "Opaque node id of the currently-focused step, or null.",
+      read: (e) => e.getCurrentStep()
+    }
+  },
+  actions: {
+    goto_step: {
+      safety: "read",
+      argsType: "{ id: string }",
+      descriptionKey: "ui.agent.workflowEditor.actions.gotoStep",
+      description: "Focus a node by its opaque id.",
+      invoke: (e, s) => {
+        e.gotoStep(s.id);
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "workflow-editor",
+      description: "Marks the WorkflowEditor surface."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    },
+    item: {
+      attr: "data-node-id",
+      description: "Stable opaque workflow node id emitted on each node card."
+    }
+  }
+};
+function G(e) {
   if (e.nodes.length === 0) return [];
-  const s = e.edges.filter(
-    (d) => d.condition == null
-  ), r = new Set(s.map((d) => d.to)), i = e.nodes.filter((d) => !r.has(d.id))[0] ?? e.nodes[0], n = new Map(e.nodes.map((d) => [d.id, d])), o = /* @__PURE__ */ new Map();
+  const s = e.edges.filter((d) => d.condition == null), r = new Set(s.map((d) => d.to)), i = e.nodes.filter((d) => !r.has(d.id))[0] ?? e.nodes[0], n = new Map(e.nodes.map((d) => [d.id, d])), a = /* @__PURE__ */ new Map();
   for (const d of s) {
-    const l = o.get(d.from) ?? [];
-    l.push(d), o.set(d.from, l);
+    const l = a.get(d.from) ?? [];
+    l.push(d), a.set(d.from, l);
   }
   const p = /* @__PURE__ */ new Set(), m = [];
-  let u = i;
-  for (; u && !p.has(u.id); ) {
-    p.add(u.id), m.push(u);
-    const d = o.get(u.id) ?? [];
+  let c = i;
+  for (; c && !p.has(c.id); ) {
+    p.add(c.id), m.push(c);
+    const d = a.get(c.id) ?? [];
     d.length > 1 && typeof console < "u" && console.warn(
-      `[workflow] node ${u.id} has ${d.length} outgoing linear edges; v1 walks the first only.`
-    ), u = d[0] ? n.get(d[0].to) : void 0;
+      `[workflow] node ${c.id} has ${d.length} outgoing linear edges; v1 walks the first only.`
+    ), c = d[0] ? n.get(d[0].to) : void 0;
   }
   for (const d of e.nodes)
     p.has(d.id) || m.push(d);
   return m;
 }
-function F(e, s, r) {
-  const a = [...e.nodes, r];
+function H(e, s, r) {
+  const o = [...e.nodes, r];
   if (s === null) {
-    const o = e.nodes[0];
-    return o ? {
-      nodes: a,
+    const a = e.nodes[0];
+    return a ? {
+      nodes: o,
       edges: [
-        { from: r.id, to: o.id, condition: null },
+        { from: r.id, to: a.id, condition: null },
         ...e.edges
       ]
-    } : { nodes: a, edges: [] };
+    } : { nodes: o, edges: [] };
   }
   const i = e.edges.find(
-    (o) => o.from === s && o.condition == null
+    (a) => a.from === s && a.condition == null
   );
   if (!i)
     return {
-      nodes: a,
+      nodes: o,
       edges: [
         ...e.edges,
         { from: s, to: r.id, condition: null }
       ]
     };
-  const n = e.edges.filter((o) => o !== i);
+  const n = e.edges.filter((a) => a !== i);
   return {
-    nodes: a,
+    nodes: o,
     edges: [
       ...n,
       { from: s, to: r.id, condition: null },
@@ -374,34 +455,29 @@ function F(e, s, r) {
     ]
   };
 }
-function Y(e, s) {
+function ee(e, s) {
   const r = e.edges.find(
-    (o) => o.to === s && o.condition == null
-  ), a = e.edges.find(
-    (o) => o.from === s && o.condition == null
-  ), i = e.edges.filter(
-    (o) => o.from !== s && o.to !== s
-  ), n = r && a ? [
-    ...i,
-    { from: r.from, to: a.to, condition: null }
-  ] : i;
+    (a) => a.to === s && a.condition == null
+  ), o = e.edges.find(
+    (a) => a.from === s && a.condition == null
+  ), i = e.edges.filter((a) => a.from !== s && a.to !== s), n = r && o ? [...i, { from: r.from, to: o.to, condition: null }] : i;
   return {
-    nodes: e.nodes.filter((o) => o.id !== s),
+    nodes: e.nodes.filter((a) => a.id !== s),
     edges: n
   };
 }
-function qe(e, s, r) {
+function Ge(e, s, r) {
   var h;
-  const a = H(e), i = a.findIndex((k) => k.id === s);
+  const o = G(e), i = o.findIndex((b) => b.id === s);
   if (i === -1) return e;
   const n = r === "up" ? i - 1 : i + 1;
-  if (n < 0 || n >= a.length) return e;
-  const o = a[i], p = a[n];
-  if (!o || !p) return e;
-  const m = Y(Y(e, o.id), p.id), u = r === "up" ? o : p, d = r === "up" ? p : o, l = ((h = a[Math.min(i, n) - 1]) == null ? void 0 : h.id) ?? null, y = F(m, l, u);
-  return F(y, u.id, d);
+  if (n < 0 || n >= o.length) return e;
+  const a = o[i], p = o[n];
+  if (!a || !p) return e;
+  const m = ee(ee(e, a.id), p.id), c = r === "up" ? a : p, d = r === "up" ? p : a, l = ((h = o[Math.min(i, n) - 1]) == null ? void 0 : h.id) ?? null, v = H(m, l, c);
+  return H(v, c.id, d);
 }
-const Re = /* @__PURE__ */ new Set([
+const Ye = /* @__PURE__ */ new Set([
   "dateOfBirth",
   "date_of_birth",
   "firstName",
@@ -421,8 +497,8 @@ const Re = /* @__PURE__ */ new Set([
   "address",
   "id"
 ]);
-function Ve(e) {
-  return Re.has(e);
+function Je(e) {
+  return Ye.has(e);
 }
 const D = {
   add_delay: {
@@ -453,39 +529,39 @@ const D = {
     labelKey: "workflow.action.webhook",
     iconName: "Globe"
   }
-}, We = {
-  Clock: ae,
-  Mail: re,
-  Smartphone: ne,
-  CheckSquare: se,
-  MessageCircle: oe,
-  UserCog: ie,
-  Globe: te
+}, Qe = {
+  Clock: le,
+  Mail: ie,
+  Smartphone: ue,
+  CheckSquare: de,
+  MessageCircle: ce,
+  UserCog: me,
+  Globe: ne
 };
-function U({
+function Y({
   iconName: e,
   className: s
 }) {
-  const r = We[e];
+  const r = Qe[e];
   return /* @__PURE__ */ t(r, { "aria-hidden": "true", className: s ?? "ds:size-4" });
 }
-const Fe = 40, Pe = 60;
-function J(e, s) {
+const Xe = 40, Ze = 60;
+function te(e, s) {
   return e.length <= s ? e : `${e.slice(0, s - 1)}…`;
 }
-function Oe(e, s) {
+function et(e, s) {
   switch (e.kind) {
     case "add_delay": {
-      const r = e.days ?? 0, a = s("workflow.delay.summary", { count: r });
-      return { text: a, full: a };
+      const r = e.days ?? 0, o = s("workflow.delay.summary", { count: r });
+      return { text: o, full: o };
     }
     case "send_email": {
       const r = e.subject ?? "", i = `${s("workflow.action.sendEmail")}: ${r}`;
-      return { text: J(i, Fe), full: i };
+      return { text: te(i, Xe), full: i };
     }
     case "send_sms": {
       const r = e.body ?? "";
-      return { text: J(r, Pe), full: r };
+      return { text: te(r, Ze), full: r };
     }
     case "create_task": {
       const r = e.title ?? "";
@@ -499,12 +575,12 @@ function Oe(e, s) {
       return null;
   }
 }
-const Q = [
+const se = [
   "ds:flex ds:flex-col",
   "ds:w-full",
   "ds:text-start",
   "ds:gap-[var(--spacing-sm)]"
-].join(" "), R = [
+].join(" "), F = [
   "ds:block",
   "ds:self-start",
   "ds:h-[var(--spacing-md)]",
@@ -512,7 +588,7 @@ const Q = [
   "ds:border-inline-start-[var(--border-width-hairline)]",
   "ds:border-solid",
   "ds:border-[color:var(--border)]"
-].join(" "), He = [
+].join(" "), tt = [
   "ds:inline-flex ds:items-center ds:justify-center ds:gap-[var(--spacing-xs)]",
   "ds:min-h-[var(--min-target-size)] ds:min-w-[var(--min-target-size)]",
   "ds:rounded-[var(--radius-full)]",
@@ -527,21 +603,21 @@ const Q = [
   "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
   "ds:forced-colors:focus-visible:outline-[CanvasText]",
   "ds:disabled:opacity-50 ds:disabled:cursor-not-allowed"
-].join(" "), Ue = [
+].join(" "), st = [
   "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
   "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
   "ds:forced-colors:focus-visible:outline-[CanvasText]",
   "ds:rounded-[var(--radius-lg)]"
-].join(" "), Ge = Object.keys(
+].join(" "), rt = Object.keys(
   D
 );
-let X = 0;
-function Ye() {
-  X += 1;
+let re = 0;
+function ot() {
+  re += 1;
   const e = Math.random().toString(36).slice(2, 8);
-  return `wf-node-${Date.now()}-${X}-${e}`;
+  return `wf-node-${Date.now()}-${re}-${e}`;
 }
-function Je(e) {
+function at(e) {
   switch (e) {
     case "add_delay":
       return { kind: "add_delay", days: 1 };
@@ -564,279 +640,287 @@ function Je(e) {
       return { kind: "webhook", url: "", method: "POST" };
   }
 }
-function Qe(e = 0) {
-  const s = B(e), r = K((a) => {
-    s.current = a;
+function nt(e = 0) {
+  const s = j(e), r = W((o) => {
+    s.current = o;
   }, []);
   return [s, r];
 }
-function Xe({
+function dt({
   node: e,
   position: s,
   total: r,
-  disabled: a,
+  disabled: o,
   onEdit: i,
   onDelete: n,
-  onMove: o,
+  onMove: a,
   registerRef: p
 }) {
-  const { t: m } = z(), u = D[e.type], d = B(null), [l, y] = Qe(0), h = K(
-    (w) => {
-      var f, b;
-      const S = (f = d.current) == null ? void 0 : f.querySelectorAll(
+  const { t: m } = z(), c = D[e.type], d = j(null), [l, v] = nt(0), h = W(
+    (g) => {
+      var q, P;
+      const M = (q = d.current) == null ? void 0 : q.querySelectorAll(
         "button[data-wf-control]:not([disabled])"
       );
-      if (!S || S.length === 0) return;
-      const I = Math.max(0, Math.min(w, S.length - 1));
-      (b = S[I]) == null || b.focus(), y(I);
+      if (!M || M.length === 0) return;
+      const B = Math.max(0, Math.min(g, M.length - 1));
+      (P = M[B]) == null || P.focus(), v(B);
     },
-    [y]
-  ), k = (w) => {
-    w.target === w.currentTarget && (w.key === "ArrowRight" || w.key === "ArrowDown") && (w.preventDefault(), h(0));
-  }, x = (w) => {
-    w.key === "ArrowRight" ? (w.preventDefault(), h(l.current + 1)) : w.key === "ArrowLeft" ? (w.preventDefault(), h(l.current - 1)) : w.key === "Home" ? (w.preventDefault(), h(0)) : w.key === "End" && (w.preventDefault(), h(Number.POSITIVE_INFINITY));
-  }, v = Oe(e.settings, m), g = m(u.labelKey), j = s > 0, A = s < r - 1, $ = m("workflow.editor.position", {
+    [v]
+  ), b = (g) => {
+    g.target === g.currentTarget && (g.key === "ArrowRight" || g.key === "ArrowDown") && (g.preventDefault(), h(0));
+  }, x = (g) => {
+    g.key === "ArrowRight" ? (g.preventDefault(), h(l.current + 1)) : g.key === "ArrowLeft" ? (g.preventDefault(), h(l.current - 1)) : g.key === "Home" ? (g.preventDefault(), h(0)) : g.key === "End" && (g.preventDefault(), h(Number.POSITIVE_INFINITY));
+  }, w = et(e.settings, m), y = m(c.labelKey), A = s > 0, I = s < r - 1, K = m("workflow.editor.position", {
     current: s + 1,
     total: r
-  }), q = m("workflow.editor.nodeAriaLabel", {
-    type: g,
+  }), T = m("workflow.editor.nodeAriaLabel", {
+    type: y,
     current: s + 1,
     total: r
   });
-  return /* @__PURE__ */ t(
-    "div",
-    {
-      ref: (w) => p(e.id, w),
-      tabIndex: a ? -1 : 0,
-      onKeyDown: k,
-      "aria-label": q,
-      className: Ue,
-      children: /* @__PURE__ */ c(_, { variant: "outlined", children: [
-        /* @__PURE__ */ t(_.Header, { className: "ds:pb-[var(--spacing-sm)]", children: /* @__PURE__ */ c("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
-          /* @__PURE__ */ t(
-            "span",
-            {
-              "aria-hidden": "true",
-              className: "ds:inline-flex ds:size-8 ds:shrink-0 ds:items-center ds:justify-center ds:rounded-[var(--radius-sm)] ds:bg-[color:var(--muted)]/20 ds:text-[color:var(--foreground)]",
-              children: /* @__PURE__ */ t(U, { iconName: u.iconName, className: "ds:size-4" })
-            }
-          ),
-          /* @__PURE__ */ c("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col", children: [
-            /* @__PURE__ */ t("span", { className: "ds:text-[length:var(--font-size-sm)] ds:font-[var(--font-weight-semibold)] ds:text-[color:var(--foreground)] ds:[overflow-wrap:anywhere] ds:break-words", children: g }),
-            /* @__PURE__ */ t("span", { className: "ds:text-[length:var(--font-size-xs)] ds:text-[color:var(--muted-foreground)]", children: $ })
-          ] }),
-          /* @__PURE__ */ c(
-            "div",
+  return (
+    // eslint-disable-next-line jsx-a11y/no-static-element-interactions -- node card is keyboard-actionable via roving tabindex; pipeline keys handled in onKeyDown
+    /* @__PURE__ */ t(
+      "div",
+      {
+        ref: (g) => p(e.id, g),
+        tabIndex: o ? -1 : 0,
+        onKeyDown: b,
+        "aria-label": T,
+        "data-node-id": e.id,
+        className: st,
+        children: /* @__PURE__ */ u(C, { variant: "outlined", children: [
+          /* @__PURE__ */ t(C.Header, { className: "ds:pb-[var(--spacing-sm)]", children: /* @__PURE__ */ u("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+            /* @__PURE__ */ t(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: "ds:inline-flex ds:size-8 ds:shrink-0 ds:items-center ds:justify-center ds:rounded-[var(--radius-sm)] ds:bg-[color:var(--muted)]/20 ds:text-[color:var(--foreground)]",
+                children: /* @__PURE__ */ t(Y, { iconName: c.iconName, className: "ds:size-4" })
+              }
+            ),
+            /* @__PURE__ */ u("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col", children: [
+              /* @__PURE__ */ t("span", { className: "ds:text-[length:var(--font-size-sm)] ds:font-[var(--font-weight-semibold)] ds:text-[color:var(--foreground)] ds:[overflow-wrap:anywhere] ds:break-words", children: y }),
+              /* @__PURE__ */ t("span", { className: "ds:text-[length:var(--font-size-xs)] ds:text-[color:var(--muted-foreground)]", children: K })
+            ] }),
+            /* @__PURE__ */ u(
+              "div",
+              {
+                ref: d,
+                onKeyDown: x,
+                className: "ds:flex ds:shrink-0 ds:items-center ds:gap-[var(--spacing-xs)] ds:ms-auto",
+                children: [
+                  i ? /* @__PURE__ */ t(
+                    S,
+                    {
+                      "data-wf-control": "edit",
+                      icon: /* @__PURE__ */ t(U, {}),
+                      size: "sm",
+                      intent: "ghost",
+                      disabled: o,
+                      tabIndex: -1,
+                      "aria-label": m("workflow.editor.editAction"),
+                      onClick: () => i(e.id)
+                    }
+                  ) : null,
+                  /* @__PURE__ */ t(
+                    S,
+                    {
+                      "data-wf-control": "up",
+                      icon: /* @__PURE__ */ t(Me, {}),
+                      size: "sm",
+                      intent: "ghost",
+                      disabled: o || !A,
+                      tabIndex: -1,
+                      "aria-label": m("workflow.editor.moveUp"),
+                      onClick: () => a(e.id, "up")
+                    }
+                  ),
+                  /* @__PURE__ */ t(
+                    S,
+                    {
+                      "data-wf-control": "down",
+                      icon: /* @__PURE__ */ t(Se, {}),
+                      size: "sm",
+                      intent: "ghost",
+                      disabled: o || !I,
+                      tabIndex: -1,
+                      "aria-label": m("workflow.editor.moveDown"),
+                      onClick: () => a(e.id, "down")
+                    }
+                  ),
+                  n ? /* @__PURE__ */ t(
+                    S,
+                    {
+                      "data-wf-control": "delete",
+                      icon: /* @__PURE__ */ t(fe, {}),
+                      size: "sm",
+                      intent: "destructive",
+                      disabled: o,
+                      tabIndex: -1,
+                      "aria-label": m("workflow.editor.deleteAction"),
+                      onClick: () => n(e.id)
+                    }
+                  ) : null
+                ]
+              }
+            )
+          ] }) }),
+          w ? /* @__PURE__ */ t(C.Body, { className: "ds:pt-0", children: /* @__PURE__ */ t(
+            "p",
             {
-              ref: d,
-              onKeyDown: x,
-              className: "ds:flex ds:shrink-0 ds:items-center ds:gap-[var(--spacing-xs)] ds:ms-auto",
-              children: [
-                i ? /* @__PURE__ */ t(
-                  M,
-                  {
-                    "data-wf-control": "edit",
-                    icon: /* @__PURE__ */ t(O, {}),
-                    size: "sm",
-                    intent: "ghost",
-                    disabled: a,
-                    tabIndex: -1,
-                    "aria-label": m("workflow.editor.editAction"),
-                    onClick: () => i(e.id)
-                  }
-                ) : null,
-                /* @__PURE__ */ t(
-                  M,
-                  {
-                    "data-wf-control": "up",
-                    icon: /* @__PURE__ */ t(ye, {}),
-                    size: "sm",
-                    intent: "ghost",
-                    disabled: a || !j,
-                    tabIndex: -1,
-                    "aria-label": m("workflow.editor.moveUp"),
-                    onClick: () => o(e.id, "up")
-                  }
-                ),
-                /* @__PURE__ */ t(
-                  M,
-                  {
-                    "data-wf-control": "down",
-                    icon: /* @__PURE__ */ t(be, {}),
-                    size: "sm",
-                    intent: "ghost",
-                    disabled: a || !A,
-                    tabIndex: -1,
-                    "aria-label": m("workflow.editor.moveDown"),
-                    onClick: () => o(e.id, "down")
-                  }
-                ),
-                n ? /* @__PURE__ */ t(
-                  M,
-                  {
-                    "data-wf-control": "delete",
-                    icon: /* @__PURE__ */ t(de, {}),
-                    size: "sm",
-                    intent: "destructive",
-                    disabled: a,
-                    tabIndex: -1,
-                    "aria-label": m("workflow.editor.deleteAction"),
-                    onClick: () => n(e.id)
-                  }
-                ) : null
-              ]
+              className: "ds:text-[length:var(--font-size-sm)] ds:text-[color:var(--muted-foreground)] ds:[overflow-wrap:anywhere] ds:break-words",
+              title: w.full,
+              children: w.text
             }
-          )
-        ] }) }),
-        v ? /* @__PURE__ */ t(_.Body, { className: "ds:pt-0", children: /* @__PURE__ */ t(
-          "p",
-          {
-            className: "ds:text-[length:var(--font-size-sm)] ds:text-[color:var(--muted-foreground)] ds:[overflow-wrap:anywhere] ds:break-words",
-            title: v.full,
-            children: v.text
-          }
-        ) }) : null,
-        e.settings.kind === "update_patient_field" && Ve(e.settings.fieldId) ? /* @__PURE__ */ t(_.Body, { className: "ds:pt-0", children: /* @__PURE__ */ t(
-          W,
-          {
-            variant: "error",
-            "data-testid": "workflow-editor-invalid-field",
-            children: m("workflow.editor.invalidField")
-          }
-        ) }) : null
-      ] })
-    }
+          ) }) : null,
+          e.settings.kind === "update_patient_field" && Je(e.settings.fieldId) ? /* @__PURE__ */ t(C.Body, { className: "ds:pt-0", children: /* @__PURE__ */ t(V, { variant: "error", "data-testid": "workflow-editor-invalid-field", children: m("workflow.editor.invalidField") }) }) : null
+        ] })
+      }
+    )
   );
 }
-function Z({
+function oe({
   availableActions: e,
   onSelect: s,
   disabled: r,
-  label: a,
+  label: o,
   compact: i = !0
 }) {
   const { t: n } = z();
-  return /* @__PURE__ */ c(N.Root, { children: [
-    /* @__PURE__ */ t(N.Trigger, { asChild: !0, children: /* @__PURE__ */ c(
+  return /* @__PURE__ */ u(N.Root, { children: [
+    /* @__PURE__ */ t(N.Trigger, { asChild: !0, children: /* @__PURE__ */ u(
       "button",
       {
         type: "button",
         disabled: r,
-        "aria-label": a,
-        className: He,
+        "aria-label": o,
+        className: tt,
         children: [
-          /* @__PURE__ */ t(ee, { "aria-hidden": "true", className: "ds:size-4" }),
-          i ? null : /* @__PURE__ */ t("span", { className: "ds:text-[length:var(--font-size-sm)]", children: a })
+          /* @__PURE__ */ t(ae, { "aria-hidden": "true", className: "ds:size-4" }),
+          i ? null : /* @__PURE__ */ t("span", { className: "ds:text-[length:var(--font-size-sm)]", children: o })
         ]
       }
     ) }),
-    /* @__PURE__ */ c(N.Content, { align: "start", sideOffset: 6, children: [
+    /* @__PURE__ */ u(N.Content, { align: "start", sideOffset: 6, children: [
       /* @__PURE__ */ t(N.Label, { children: n("workflow.editor.addAction") }),
-      e.map((o) => {
-        const p = D[o];
+      e.map((a) => {
+        const p = D[a];
         return /* @__PURE__ */ t(
           N.Item,
           {
-            startIcon: /* @__PURE__ */ t(U, { iconName: p.iconName }),
-            onSelect: () => s(o),
+            startIcon: /* @__PURE__ */ t(Y, { iconName: p.iconName }),
+            onSelect: () => s(a),
             children: n(p.labelKey)
           },
-          o
+          a
         );
       })
     ] })
   ] });
 }
-function Ze({ criteria: e, onEdit: s, disabled: r }) {
-  const { t: a } = z(), i = (e == null ? void 0 : e.ruleCount) ?? 0, n = i > 0 ? a("workflow.editor.criteriaCount", { count: i }) : a("workflow.editor.noCriteria");
-  return /* @__PURE__ */ t(_, { variant: "outlined", children: /* @__PURE__ */ t(_.Header, { className: "ds:pb-[var(--spacing-sm)]", children: /* @__PURE__ */ c("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
-    /* @__PURE__ */ c("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col", children: [
-      /* @__PURE__ */ t("span", { className: "ds:text-[length:var(--font-size-sm)] ds:font-[var(--font-weight-semibold)] ds:text-[color:var(--foreground)]", children: a("workflow.editor.enrollmentCriteria") }),
+function it({ criteria: e, onEdit: s, disabled: r }) {
+  const { t: o } = z(), i = (e == null ? void 0 : e.ruleCount) ?? 0, n = i > 0 ? o("workflow.editor.criteriaCount", { count: i }) : o("workflow.editor.noCriteria");
+  return /* @__PURE__ */ t(C, { variant: "outlined", children: /* @__PURE__ */ t(C.Header, { className: "ds:pb-[var(--spacing-sm)]", children: /* @__PURE__ */ u("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+    /* @__PURE__ */ u("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col", children: [
+      /* @__PURE__ */ t("span", { className: "ds:text-[length:var(--font-size-sm)] ds:font-[var(--font-weight-semibold)] ds:text-[color:var(--foreground)]", children: o("workflow.editor.enrollmentCriteria") }),
       /* @__PURE__ */ t("span", { className: "ds:text-[length:var(--font-size-sm)] ds:text-[color:var(--muted-foreground)] ds:[overflow-wrap:anywhere] ds:break-words", children: (e == null ? void 0 : e.summary) ?? n })
     ] }),
     s ? /* @__PURE__ */ t(
-      M,
+      S,
       {
-        icon: /* @__PURE__ */ t(O, {}),
+        icon: /* @__PURE__ */ t(U, {}),
         size: "sm",
         intent: "ghost",
         disabled: r,
-        "aria-label": a("workflow.editor.editCriteria"),
+        "aria-label": o("workflow.editor.editCriteria"),
         onClick: s
       }
     ) : null
   ] }) }) });
 }
-const et = P(
+const lt = O(
   function({
     graph: s,
     onChange: r,
-    enrollmentCriteria: a,
+    enrollmentCriteria: o,
     onEditEnrollmentCriteria: i,
     isActive: n = !1,
-    availableActions: o,
+    availableActions: a,
     onEditNode: p,
     onDeleteNode: m,
-    className: u
+    className: c
   }, d) {
-    const { t: l } = z(), y = o ?? Ge, h = V(() => H(s), [s]), k = B(/* @__PURE__ */ new Map()), x = B(null), v = K(
+    const { t: l } = z(), v = a ?? rt, h = R(() => G(s), [s]), b = j(/* @__PURE__ */ new Map()), x = j(null), w = W(
       (f) => {
         n || r(f);
       },
       [n, r]
-    ), g = K(
-      (f, b) => {
-        b ? k.current.set(f, b) : k.current.delete(f);
-      },
-      []
+    ), y = W((f, k) => {
+      k ? b.current.set(f, k) : b.current.delete(f);
+    }, []), [A, I] = ge(null), K = j(null);
+    K.current = A;
+    const T = j(null);
+    ke(d, () => T.current, []);
+    const g = R(
+      () => ({
+        getTotalSteps: () => h.length,
+        getCurrentStep: () => K.current,
+        gotoStep: (f) => {
+          const k = b.current.get(f);
+          k && (k.focus(), I(f));
+        }
+      }),
+      [h.length]
     );
-    me(() => {
+    Ce(Ue, g, void 0), ye(() => {
       const f = x.current;
       if (!f) return;
-      const b = k.current.get(f);
-      b && (b.focus(), x.current = null);
+      const k = b.current.get(f);
+      k && (k.focus(), x.current = null);
     });
-    const j = (f, b) => {
+    const M = (f, k) => {
       if (n) return;
-      const E = {
-        id: Ye(),
-        type: b,
-        settings: Je(b)
+      const $ = {
+        id: ot(),
+        type: k,
+        settings: at(k)
       };
-      x.current = E.id, v(F(s, f, E));
-    }, A = (f, b) => {
-      n || (x.current = f, v(qe(s, f, b)));
-    }, $ = (f) => {
-      n || !p || p(f);
+      x.current = $.id, w(H(s, f, $));
+    }, B = (f, k) => {
+      n || (x.current = f, w(Ge(s, f, k)));
     }, q = (f) => {
+      n || !p || p(f);
+    }, P = (f) => {
       n || !m || m(f);
-    }, w = () => n ? /* @__PURE__ */ t(W, { variant: "warning", children: /* @__PURE__ */ t(W.Title, { as: "p", children: l("workflow.editor.activeLock") }) }) : null, S = () => a || i ? /* @__PURE__ */ c(fe, { children: [
+    }, J = () => n ? /* @__PURE__ */ t(V, { variant: "warning", children: /* @__PURE__ */ t(V.Title, { as: "p", children: l("workflow.editor.activeLock") }) }) : null, Q = () => o || i ? /* @__PURE__ */ u(ve, { children: [
       /* @__PURE__ */ t(
-        Ze,
+        it,
         {
-          criteria: a,
+          criteria: o,
           onEdit: i,
           disabled: n
         }
       ),
-      /* @__PURE__ */ t("span", { "aria-hidden": "true", className: R })
-    ] }) : null, I = h.length;
-    return I === 0 ? /* @__PURE__ */ c(
+      /* @__PURE__ */ t("span", { "aria-hidden": "true", className: F })
+    ] }) : null, X = h.length;
+    return X === 0 ? /* @__PURE__ */ u(
       "div",
       {
-        ref: d,
-        className: [Q, u].filter(Boolean).join(" "),
+        ref: T,
+        className: [se, c].filter(Boolean).join(" "),
         children: [
-          w(),
-          S(),
-          /* @__PURE__ */ c(
-            T,
+          J(),
+          Q(),
+          /* @__PURE__ */ u(
+            E,
             {
               variant: "first-use",
               title: l("workflow.editor.addFirstAction"),
               description: l("workflow.editor.empty"),
               children: [
-                /* @__PURE__ */ t(T.Illustration, { children: /* @__PURE__ */ c(
+                /* @__PURE__ */ t(E.Illustration, { children: /* @__PURE__ */ u(
                   "svg",
                   {
                     viewBox: "0 0 120 120",
@@ -880,23 +964,23 @@ const et = P(
                     ]
                   }
                 ) }),
-                /* @__PURE__ */ t(T.Title, { children: l("workflow.editor.addFirstAction") }),
-                /* @__PURE__ */ t(T.Description, { children: l("workflow.editor.empty") }),
-                /* @__PURE__ */ t(T.Actions, { children: /* @__PURE__ */ c(N.Root, { children: [
-                  /* @__PURE__ */ t(N.Trigger, { asChild: !0, children: /* @__PURE__ */ c(we, { intent: "primary", disabled: n, children: [
-                    /* @__PURE__ */ t(ee, { "aria-hidden": "true", className: "ds:size-4" }),
+                /* @__PURE__ */ t(E.Title, { children: l("workflow.editor.addFirstAction") }),
+                /* @__PURE__ */ t(E.Description, { children: l("workflow.editor.empty") }),
+                /* @__PURE__ */ t(E.Actions, { children: /* @__PURE__ */ u(N.Root, { children: [
+                  /* @__PURE__ */ t(N.Trigger, { asChild: !0, children: /* @__PURE__ */ u(_e, { intent: "primary", disabled: n, children: [
+                    /* @__PURE__ */ t(ae, { "aria-hidden": "true", className: "ds:size-4" }),
                     /* @__PURE__ */ t("span", { children: l("workflow.editor.addFirstAction") })
                   ] }) }),
-                  /* @__PURE__ */ c(N.Content, { align: "center", sideOffset: 6, children: [
+                  /* @__PURE__ */ u(N.Content, { align: "center", sideOffset: 6, children: [
                     /* @__PURE__ */ t(N.Label, { children: l("workflow.editor.addAction") }),
-                    y.map((f) => {
-                      const b = D[f];
+                    v.map((f) => {
+                      const k = D[f];
                       return /* @__PURE__ */ t(
                         N.Item,
                         {
-                          startIcon: /* @__PURE__ */ t(U, { iconName: b.iconName }),
-                          onSelect: () => j(null, f),
-                          children: l(b.labelKey)
+                          startIcon: /* @__PURE__ */ t(Y, { iconName: k.iconName }),
+                          onSelect: () => M(null, f),
+                          children: l(k.labelKey)
                         },
                         f
                       );
@@ -908,22 +992,22 @@ const et = P(
           )
         ]
       }
-    ) : /* @__PURE__ */ c(
+    ) : /* @__PURE__ */ u(
       "div",
       {
-        ref: d,
+        ref: T,
         "data-component": "workflow-editor",
-        className: [Q, u].filter(Boolean).join(" "),
+        className: [se, c].filter(Boolean).join(" "),
         children: [
-          w(),
-          S(),
+          J(),
+          Q(),
           /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
-            Z,
+            oe,
             {
-              availableActions: y,
+              availableActions: v,
               disabled: n,
               label: l("workflow.editor.addAction"),
-              onSelect: (f) => j(null, f)
+              onSelect: (f) => M(null, f)
             }
           ) }),
           /* @__PURE__ */ t(
@@ -932,29 +1016,29 @@ const et = P(
               role: "list",
               "aria-label": l("workflow.editor.pipeline"),
               className: "ds:list-none ds:m-0 ds:p-0 ds:flex ds:flex-col",
-              children: h.map((f, b) => /* @__PURE__ */ c("li", { className: "ds:list-none ds:flex ds:flex-col", children: [
-                /* @__PURE__ */ t("span", { "aria-hidden": "true", className: R }),
+              children: h.map((f, k) => /* @__PURE__ */ u("li", { className: "ds:list-none ds:flex ds:flex-col", children: [
+                /* @__PURE__ */ t("span", { "aria-hidden": "true", className: F }),
                 /* @__PURE__ */ t(
-                  Xe,
+                  dt,
                   {
                     node: f,
-                    position: b,
-                    total: I,
+                    position: k,
+                    total: X,
                     disabled: n,
-                    onEdit: p ? $ : void 0,
-                    onDelete: m ? q : void 0,
-                    onMove: A,
-                    registerRef: g
+                    onEdit: p ? q : void 0,
+                    onDelete: m ? P : void 0,
+                    onMove: B,
+                    registerRef: y
                   }
                 ),
-                /* @__PURE__ */ t("span", { "aria-hidden": "true", className: R }),
+                /* @__PURE__ */ t("span", { "aria-hidden": "true", className: F }),
                 /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
-                  Z,
+                  oe,
                   {
-                    availableActions: y,
+                    availableActions: v,
                     disabled: n,
                     label: l("workflow.editor.addActionAfter"),
-                    onSelect: (E) => j(f.id, E)
+                    onSelect: ($) => M(f.id, $)
                   }
                 ) })
               ] }, f.id))
@@ -965,16 +1049,16 @@ const et = P(
     );
   }
 );
-et.displayName = "WorkflowEditor";
-const tt = {
-  Clock: ae,
-  Mail: re,
-  Smartphone: ne,
-  CheckSquare: se,
-  MessageCircle: oe,
-  UserCog: ie,
-  Globe: te
-}, st = L(
+lt.displayName = "WorkflowEditor";
+const ct = {
+  Clock: le,
+  Mail: ie,
+  Smartphone: ue,
+  CheckSquare: de,
+  MessageCircle: ce,
+  UserCog: me,
+  Globe: ne
+}, ut = L(
   // The map is a list of steps — never a list of meaningful controls.
   // Layout via logical properties only; connectors are sibling spacers
   // styled with border-inline-start / border-block-end (see node/spacer).
@@ -995,14 +1079,14 @@ const tt = {
       compact: !1
     }
   }
-), le = L("ds:flex", {
+), pe = L("ds:flex", {
   variants: {
     orientation: {
       vertical: "ds:flex-col ds:items-stretch",
       horizontal: "ds:flex-row ds:items-center"
     }
   }
-}), ce = L(
+}), he = L(
   [
     "ds:relative ds:flex ds:items-center",
     "ds:gap-[var(--spacing-sm)]",
@@ -1047,12 +1131,8 @@ const tt = {
       }
     }
   }
-), ue = L(
-  [
-    "ds:block",
-    "ds:border-solid",
-    "ds:border-[color:var(--border)]"
-  ].join(" "),
+), we = L(
+  ["ds:block", "ds:border-solid", "ds:border-[color:var(--border)]"].join(" "),
   {
     variants: {
       orientation: {
@@ -1100,7 +1180,7 @@ const tt = {
     ]
   }
 );
-function rt(e) {
+function ft(e) {
   switch (e.kind) {
     case "add_delay":
       return typeof e.days == "number" && e.days > 0 ? {
@@ -1129,100 +1209,104 @@ function rt(e) {
       return;
   }
 }
-function at(e, s) {
+function mt(e, s) {
   if (e !== void 0)
     return typeof e == "string" ? e : s(e.key, e.options);
 }
-const ot = P(
+const pt = O(
   function({
     graph: s,
     activeNodeId: r,
-    onNodeClick: a,
+    onNodeClick: o,
     enrollmentCriteria: i,
     orientation: n = "vertical",
-    compact: o = !1,
+    compact: a = !1,
     className: p,
     "aria-label": m,
-    ...u
+    ...c
   }, d) {
-    const { t: l } = z(), y = V(() => H(s), [s]), h = V(
-      () => r ? y.findIndex((v) => v.id === r) : -1,
-      [y, r]
-    ), k = m ?? l("workflow.map.label", { count: y.length }), x = (v) => h === -1 ? "neutral" : v === h ? "current" : v < h ? "completed" : "pending";
-    return /* @__PURE__ */ c(
-      "ol",
-      {
-        ref: d,
-        role: "list",
-        "aria-label": k,
-        "data-component": "workflow-map",
-        className: st({ orientation: n, compact: o, className: p }),
-        ...u,
-        children: [
-          i ? /* @__PURE__ */ t(
-            dt,
-            {
-              orientation: n,
-              compact: o,
-              criteria: i
-            }
-          ) : null,
-          y.map((v, g) => {
-            const j = x(g), A = g === y.length - 1;
-            return /* @__PURE__ */ t(
-              nt,
+    const { t: l } = z(), v = R(() => G(s), [s]), h = R(
+      () => r ? v.findIndex((w) => w.id === r) : -1,
+      [v, r]
+    ), b = m ?? l("workflow.map.label", { count: v.length }), x = (w) => h === -1 ? "neutral" : w === h ? "current" : w < h ? "completed" : "pending";
+    return (
+      // eslint-disable-next-line jsx-a11y/no-redundant-roles -- Safari strips the implicit list role on <ol> with list-style:none; this guard puts it back in the accessibility tree
+      /* @__PURE__ */ u(
+        "ol",
+        {
+          ref: d,
+          role: "list",
+          "aria-label": b,
+          "data-component": "workflow-map",
+          "data-component-id": c.id,
+          className: ut({ orientation: n, compact: a, className: p }),
+          ...c,
+          children: [
+            i ? /* @__PURE__ */ t(
+              wt,
               {
-                node: v,
-                state: j,
                 orientation: n,
-                compact: o,
-                isLast: A,
-                onNodeClick: a
-              },
-              v.id
-            );
-          })
-        ]
-      }
+                compact: a,
+                criteria: i
+              }
+            ) : null,
+            v.map((w, y) => {
+              const A = x(y), I = y === v.length - 1;
+              return /* @__PURE__ */ t(
+                ht,
+                {
+                  node: w,
+                  state: A,
+                  orientation: n,
+                  compact: a,
+                  isLast: I,
+                  onNodeClick: o
+                },
+                w.id
+              );
+            })
+          ]
+        }
+      )
     );
   }
 );
-ot.displayName = "WorkflowMap";
-function nt({
+pt.displayName = "WorkflowMap";
+function ht({
   node: e,
   state: s,
   orientation: r,
-  compact: a,
+  compact: o,
   isLast: i,
   onNodeClick: n
 }) {
-  const { t: o } = z(), p = D[e.type], m = tt[p.iconName], u = o(p.labelKey), d = at(rt(e.settings), o), l = typeof n == "function", y = s === "current", h = s === "completed", k = (g) => {
-    l && (g.preventDefault(), n == null || n(e.id));
-  }, x = (g) => {
-    l && (g.key === "Enter" || g.key === " ") && (g.preventDefault(), n == null || n(e.id));
-  }, v = y ? o("workflow.map.current") : h ? o("workflow.map.completed") : s === "pending" ? o("workflow.map.pending") : null;
+  const { t: a } = z(), p = D[e.type], m = ct[p.iconName], c = a(p.labelKey), d = mt(ft(e.settings), a), l = typeof n == "function", v = s === "current", h = s === "completed", b = (y) => {
+    l && (y.preventDefault(), n == null || n(e.id));
+  }, x = (y) => {
+    l && (y.key === "Enter" || y.key === " ") && (y.preventDefault(), n == null || n(e.id));
+  }, w = v ? a("workflow.map.current") : h ? a("workflow.map.completed") : s === "pending" ? a("workflow.map.pending") : null;
   return (
     // `<li>` has implicit role="listitem"; no explicit role needed.
-    /* @__PURE__ */ c("li", { className: le({ orientation: r }), children: [
-      /* @__PURE__ */ c(
+    /* @__PURE__ */ u("li", { "data-node-id": e.id, className: pe({ orientation: r }), children: [
+      /* @__PURE__ */ u(
         "div",
         {
           role: l ? "button" : void 0,
           tabIndex: l ? 0 : void 0,
-          "aria-current": y ? "step" : void 0,
-          "aria-label": l && a ? d ? o("workflow.map.nodeLabelWithSummary", {
-            type: u,
+          "aria-current": v ? "step" : void 0,
+          "aria-label": l && o ? d ? a("workflow.map.nodeLabelWithSummary", {
+            type: c,
             summary: d
-          }) : o("workflow.map.nodeLabel", { type: u }) : void 0,
-          title: a && d ? o("workflow.map.nodeLabelWithSummary", {
-            type: u,
+          }) : a("workflow.map.nodeLabel", { type: c }) : void 0,
+          title: o && d ? a("workflow.map.nodeLabelWithSummary", {
+            type: c,
             summary: d
           }) : void 0,
-          onClick: l ? k : void 0,
+          onClick: l ? b : void 0,
           onKeyDown: l ? x : void 0,
-          className: ce({
+          className: he({
             orientation: r,
-            compact: a,
+            compact: o,
             state: s,
             interactive: l
           }),
@@ -1235,7 +1319,7 @@ function nt({
                 "aria-hidden": "true",
                 className: "ds:flex ds:items-center ds:justify-center ds:shrink-0 ds:size-[var(--spacing-md)] ds:text-[var(--muted-foreground)]",
                 children: h ? /* @__PURE__ */ t(
-                  ge,
+                  ze,
                   {
                     className: "ds:size-[var(--spacing-md)] ds:text-[color:var(--success)]",
                     "data-testid": "workflow-map-check"
@@ -1243,15 +1327,9 @@ function nt({
                 ) : /* @__PURE__ */ t(m, { className: "ds:size-[var(--spacing-md)]" })
               }
             ),
-            /* @__PURE__ */ c("span", { className: "ds:flex ds:flex-col ds:min-w-0 ds:flex-1", children: [
-              /* @__PURE__ */ t(
-                "span",
-                {
-                  className: a ? "type-meta ds:truncate" : "type-body-sm",
-                  children: u
-                }
-              ),
-              !a && d ? /* @__PURE__ */ t(
+            /* @__PURE__ */ u("span", { className: "ds:flex ds:flex-col ds:min-w-0 ds:flex-1", children: [
+              /* @__PURE__ */ t("span", { className: o ? "type-meta ds:truncate" : "type-body-sm", children: c }),
+              !o && d ? /* @__PURE__ */ t(
                 "span",
                 {
                   className: "type-meta ds:text-[var(--muted-foreground)]",
@@ -1260,7 +1338,7 @@ function nt({
                 }
               ) : null
             ] }),
-            v ? /* @__PURE__ */ t("span", { className: "ds:sr-only", children: v }) : null
+            w ? /* @__PURE__ */ t("span", { className: "ds:sr-only", children: w }) : null
           ]
         }
       ),
@@ -1268,24 +1346,24 @@ function nt({
         "span",
         {
           "aria-hidden": "true",
-          className: ue({ orientation: r, compact: a }),
+          className: we({ orientation: r, compact: o }),
           "data-testid": "workflow-map-connector"
         }
       )
     ] })
   );
 }
-function dt({
+function wt({
   orientation: e,
   compact: s,
   criteria: r
 }) {
-  const { t: a } = z();
-  return /* @__PURE__ */ c("li", { className: le({ orientation: e }), children: [
-    /* @__PURE__ */ c(
+  const { t: o } = z();
+  return /* @__PURE__ */ u("li", { className: pe({ orientation: e }), children: [
+    /* @__PURE__ */ u(
       "div",
       {
-        className: ce({
+        className: he({
           orientation: e,
           compact: s,
           state: "neutral",
@@ -1298,18 +1376,12 @@ function dt({
             {
               "aria-hidden": "true",
               className: "ds:flex ds:items-center ds:justify-center ds:shrink-0 ds:size-[var(--spacing-md)] ds:text-[var(--muted-foreground)]",
-              children: /* @__PURE__ */ t(Me, { className: "ds:size-[var(--spacing-md)]" })
+              children: /* @__PURE__ */ t(Le, { className: "ds:size-[var(--spacing-md)]" })
             }
           ),
-          /* @__PURE__ */ c("span", { className: "ds:flex ds:flex-col ds:min-w-0 ds:flex-1", children: [
-            /* @__PURE__ */ t(
-              "span",
-              {
-                className: s ? "type-meta ds:truncate" : "type-body-sm",
-                children: a("workflow.editor.enrollmentCriteria")
-              }
-            ),
-            s ? null : /* @__PURE__ */ t("span", { className: "type-meta ds:text-[var(--muted-foreground)]", children: r.summary ?? a("workflow.editor.criteriaCount", {
+          /* @__PURE__ */ u("span", { className: "ds:flex ds:flex-col ds:min-w-0 ds:flex-1", children: [
+            /* @__PURE__ */ t("span", { className: s ? "type-meta ds:truncate" : "type-body-sm", children: o("workflow.editor.enrollmentCriteria") }),
+            s ? null : /* @__PURE__ */ t("span", { className: "type-meta ds:text-[var(--muted-foreground)]", children: r.summary ?? o("workflow.editor.criteriaCount", {
               count: r.ruleCount
             }) })
           ] })
@@ -1320,21 +1392,24 @@ function dt({
       "span",
       {
         "aria-hidden": "true",
-        className: ue({ orientation: e, compact: s })
+        className: we({ orientation: e, compact: s })
       }
     )
   ] });
 }
 export {
-  Re as C,
-  $e as W,
-  et as a,
-  ot as b,
-  F as c,
-  Ve as i,
-  H as l,
-  qe as m,
-  Y as r,
+  Ye as C,
+  Oe as W,
+  lt as a,
+  pt as b,
+  H as c,
+  Rt as d,
+  Ue as e,
+  Wt as f,
+  Je as i,
+  G as l,
+  Ge as m,
+  ee as r,
   D as w
 };
-//# sourceMappingURL=workflow-map-XeqHDFvp.js.map
+//# sourceMappingURL=workflow-map-C-nlogPC.js.map