@alfadocs/ui-kit 0.1.8 → 0.1.9

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

@@ -1,33 +1,33 @@
-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 { 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 { jsx as t, jsxs as u, Fragment as he } from "react/jsx-runtime";
+import { forwardRef as H, useMemo as F, useRef as D, useCallback as W, useState as we, useImperativeHandle as ve, useEffect as ge } from "react";
+import { c as K } from "./index-D2ZczOXr.js";
+import { useTranslation as S } from "react-i18next";
+import { C } from "./card-BEy58ZKp.js";
+import { B as ke } from "./badge-mrstWxve.js";
+import { K as Q } from "./key-value-pair-JRFS9Xrh.js";
+import { T as ye } 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 as _ } from "./createLucideIcon-CrFbzy84.js";
+import { C as be } from "./circle-BkqTgYmt.js";
+import { A as V } from "./alert-BlOUMkXj.js";
+import { B as xe } from "./button-7mLWcMp_.js";
+import { D as N } from "./dropdown-menu-C7AZipNz.js";
+import { E as L } from "./empty-state-DQPtRp2b.js";
+import { P as re } from "./plus-CYKNmfuA.js";
+import { G as oe } from "./globe-BkEFMNSg.js";
+import { S as ae } from "./square-check-big-Jr-0202D.js";
+import { M as ne } from "./mail-C8irm52s.js";
+import { C as de } from "./clock-21AGPWJ5.js";
+import { C as Ne } from "./chevron-up-zOEDrmBB.js";
+import { C as Ce } from "./chevron-down-BX_NP2Yh.js";
+import { C as _e } 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 Me = [
   ["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 +36,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);
+], Se = _("circle-dashed", Me);
 /**
  * @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 ze = [
   ["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);
+], je = _("circle-pause", ze);
 /**
  * @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 Ie = [
   ["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);
+], Ae = _("list-checks", 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 ze = [
+const Te = [
   [
     "path",
     {
@@ -75,14 +75,14 @@ const ze = [
       key: "1sd12s"
     }
   ]
-], oe = C("message-circle", ze);
+], ie = _("message-circle", Te);
 /**
  * @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 Ee = [
   [
     "path",
     {
@@ -91,59 +91,59 @@ const je = [
     }
   ],
   ["path", { d: "m15 5 4 4", key: "1mk7zo" }]
-], O = C("pencil", je);
+], U = _("pencil", 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 Se = [
+const Le = [
   ["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);
+], De = _("power-off", Le);
 /**
  * @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 Ke = [
   ["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);
+], Be = _("power", 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 Le = [
+const qe = [
   ["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);
+], le = _("smartphone", qe);
 /**
  * @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 Pe = [
   ["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);
+], ce = _("trash-2", 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 Ee = [
+const $e = [
   ["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 +155,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", {
+], ue = _("user-cog", $e), We = K("ds:relative ds:w-full", {
   variants: {
     density: {
       comfortable: "",
@@ -166,62 +166,63 @@ const Ee = [
     density: "comfortable"
   }
 });
-function Ke(e) {
+function Re(e) {
   switch (e) {
     case "active":
       return {
         badgeVariant: "success",
-        icon: /* @__PURE__ */ t(ve, { className: "ds:fill-current", "aria-hidden": "true" })
+        icon: /* @__PURE__ */ t(be, { className: "ds:fill-current", "aria-hidden": "true" })
       };
     case "paused":
       return {
         badgeVariant: "warning",
-        icon: /* @__PURE__ */ t(_e, { "aria-hidden": "true" })
+        icon: /* @__PURE__ */ t(je, { "aria-hidden": "true" })
       };
     case "inactive":
     default:
       return {
         badgeVariant: "neutral",
-        icon: /* @__PURE__ */ t(xe, { "aria-hidden": "true" })
+        icon: /* @__PURE__ */ t(Se, { "aria-hidden": "true" })
       };
   }
 }
-const $e = P(
+const Fe = H(
   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 } = S(), d = Re(s.status), l = s.status === "active", v = r === "compact", h = (w) => (y) => {
+      y.stopPropagation(), w == null || w();
+    }, b = /* @__PURE__ */ t(
+      ke,
       {
         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: We({ 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 +240,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,
+              Q,
               {
-                label: u("workflow.card.activeEnrollments"),
+                label: c("workflow.card.activeEnrollments"),
                 value: s.stats.activeEnrollments
               }
             ),
             /* @__PURE__ */ t(
-              G,
+              Q,
               {
-                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,
+                ye,
                 {
                   value: s.updatedAt,
                   format: "absolute",
@@ -276,38 +277,38 @@ 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,
                 {
-                  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(
+              a && /* @__PURE__ */ t(
                 M,
                 {
-                  icon: l ? /* @__PURE__ */ t(Ae, {}) : /* @__PURE__ */ t(Te, {}),
+                  icon: l ? /* @__PURE__ */ t(De, {}) : /* @__PURE__ */ t(Be, {}),
                   size: "sm",
                   intent: "ghost",
-                  "aria-label": u(
+                  "aria-label": c(
                     l ? "workflow.card.deactivate" : "workflow.card.activate"
                   ),
                   onClick: h(
-                    () => o(s.id, !l)
+                    () => a(s.id, !l)
                   )
                 }
               ),
               n && /* @__PURE__ */ t(
                 M,
                 {
-                  icon: /* @__PURE__ */ t(de, {}),
+                  icon: /* @__PURE__ */ t(ce, {}),
                   size: "sm",
                   intent: "destructive",
-                  "aria-label": u("workflow.card.delete"),
+                  "aria-label": c("workflow.card.delete"),
                   onClick: h(() => n(s.id))
                 }
               )
@@ -318,55 +319,55 @@ const $e = P(
     );
   }
 );
-$e.displayName = "WorkflowCard";
-function H(e) {
+Fe.displayName = "WorkflowCard";
+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();
+  ), 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 O(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 +375,34 @@ function F(e, s, r) {
     ]
   };
 }
-function Y(e, s) {
+function X(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
+    (a) => a.to === s && a.condition == null
+  ), o = e.edges.find(
+    (a) => a.from === s && a.condition == null
   ), i = e.edges.filter(
-    (o) => o.from !== s && o.to !== s
-  ), n = r && a ? [
+    (a) => a.from !== s && a.to !== s
+  ), n = r && o ? [
     ...i,
-    { from: r.from, to: a.to, condition: null }
+    { 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 Ve(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 = X(X(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 = O(m, l, c);
+  return O(v, c.id, d);
 }
-const Re = /* @__PURE__ */ new Set([
+const Oe = /* @__PURE__ */ new Set([
   "dateOfBirth",
   "date_of_birth",
   "firstName",
@@ -421,10 +422,10 @@ const Re = /* @__PURE__ */ new Set([
   "address",
   "id"
 ]);
-function Ve(e) {
-  return Re.has(e);
+function He(e) {
+  return Oe.has(e);
 }
-const D = {
+const B = {
   add_delay: {
     labelKey: "workflow.action.addDelay",
     iconName: "Clock"
@@ -453,39 +454,39 @@ const D = {
     labelKey: "workflow.action.webhook",
     iconName: "Globe"
   }
-}, We = {
-  Clock: ae,
-  Mail: re,
-  Smartphone: ne,
-  CheckSquare: se,
-  MessageCircle: oe,
-  UserCog: ie,
-  Globe: te
+}, Ue = {
+  Clock: de,
+  Mail: ne,
+  Smartphone: le,
+  CheckSquare: ae,
+  MessageCircle: ie,
+  UserCog: ue,
+  Globe: oe
 };
-function U({
+function Y({
   iconName: e,
   className: s
 }) {
-  const r = We[e];
+  const r = Ue[e];
   return /* @__PURE__ */ t(r, { "aria-hidden": "true", className: s ?? "ds:size-4" });
 }
-const Fe = 40, Pe = 60;
-function J(e, s) {
+const Ge = 40, Ye = 60;
+function Z(e, s) {
   return e.length <= s ? e : `${e.slice(0, s - 1)}…`;
 }
-function Oe(e, s) {
+function Je(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: Z(i, Ge), full: i };
     }
     case "send_sms": {
       const r = e.body ?? "";
-      return { text: J(r, Pe), full: r };
+      return { text: Z(r, Ye), full: r };
     }
     case "create_task": {
       const r = e.title ?? "";
@@ -499,7 +500,7 @@ function Oe(e, s) {
       return null;
   }
 }
-const Q = [
+const ee = [
   "ds:flex ds:flex-col",
   "ds:w-full",
   "ds:text-start",
@@ -512,7 +513,7 @@ const Q = [
   "ds:border-inline-start-[var(--border-width-hairline)]",
   "ds:border-solid",
   "ds:border-[color:var(--border)]"
-].join(" "), He = [
+].join(" "), Qe = [
   "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 +528,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(" "), Xe = [
   "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(
-  D
+].join(" "), Ze = Object.keys(
+  B
 );
-let X = 0;
-function Ye() {
-  X += 1;
+let te = 0;
+function et() {
+  te += 1;
   const e = Math.random().toString(36).slice(2, 8);
-  return `wf-node-${Date.now()}-${X}-${e}`;
+  return `wf-node-${Date.now()}-${te}-${e}`;
 }
-function Je(e) {
+function tt(e) {
   switch (e) {
     case "add_delay":
       return { kind: "add_delay", days: 1 };
@@ -564,68 +565,69 @@ function Je(e) {
       return { kind: "webhook", url: "", method: "POST" };
   }
 }
-function Qe(e = 0) {
-  const s = B(e), r = K((a) => {
-    s.current = a;
+function st(e = 0) {
+  const s = D(e), r = W((o) => {
+    s.current = o;
   }, []);
   return [s, r];
 }
-function Xe({
+function rt({
   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 } = S(), c = B[e.type], d = D(null), [l, v] = st(0), h = W(
+    (g) => {
+      var T, E;
+      const z = (T = d.current) == null ? void 0 : T.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 (!z || z.length === 0) return;
+      const P = Math.max(0, Math.min(g, z.length - 1));
+      (E = z[P]) == null || E.focus(), v(P);
     },
-    [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 = Je(e.settings, m), y = m(c.labelKey), j = s > 0, I = s < r - 1, q = m("workflow.editor.position", {
     current: s + 1,
     total: r
-  }), q = m("workflow.editor.nodeAriaLabel", {
-    type: g,
+  }), A = 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: [
+      ref: (g) => p(e.id, g),
+      tabIndex: o ? -1 : 0,
+      onKeyDown: b,
+      "aria-label": A,
+      "data-node-id": e.id,
+      className: Xe,
+      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(U, { iconName: u.iconName, className: "ds:size-4" })
+              children: /* @__PURE__ */ t(Y, { iconName: c.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__ */ 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: q })
           ] }),
-          /* @__PURE__ */ c(
+          /* @__PURE__ */ u(
             "div",
             {
               ref: d,
@@ -636,10 +638,10 @@ function Xe({
                   M,
                   {
                     "data-wf-control": "edit",
-                    icon: /* @__PURE__ */ t(O, {}),
+                    icon: /* @__PURE__ */ t(U, {}),
                     size: "sm",
                     intent: "ghost",
-                    disabled: a,
+                    disabled: o,
                     tabIndex: -1,
                     "aria-label": m("workflow.editor.editAction"),
                     onClick: () => i(e.id)
@@ -649,36 +651,36 @@ function Xe({
                   M,
                   {
                     "data-wf-control": "up",
-                    icon: /* @__PURE__ */ t(ye, {}),
+                    icon: /* @__PURE__ */ t(Ne, {}),
                     size: "sm",
                     intent: "ghost",
-                    disabled: a || !j,
+                    disabled: o || !j,
                     tabIndex: -1,
                     "aria-label": m("workflow.editor.moveUp"),
-                    onClick: () => o(e.id, "up")
+                    onClick: () => a(e.id, "up")
                   }
                 ),
                 /* @__PURE__ */ t(
                   M,
                   {
                     "data-wf-control": "down",
-                    icon: /* @__PURE__ */ t(be, {}),
+                    icon: /* @__PURE__ */ t(Ce, {}),
                     size: "sm",
                     intent: "ghost",
-                    disabled: a || !A,
+                    disabled: o || !I,
                     tabIndex: -1,
                     "aria-label": m("workflow.editor.moveDown"),
-                    onClick: () => o(e.id, "down")
+                    onClick: () => a(e.id, "down")
                   }
                 ),
                 n ? /* @__PURE__ */ t(
                   M,
                   {
                     "data-wf-control": "delete",
-                    icon: /* @__PURE__ */ t(de, {}),
+                    icon: /* @__PURE__ */ t(ce, {}),
                     size: "sm",
                     intent: "destructive",
-                    disabled: a,
+                    disabled: o,
                     tabIndex: -1,
                     "aria-label": m("workflow.editor.deleteAction"),
                     onClick: () => n(e.id)
@@ -688,16 +690,16 @@ function Xe({
             }
           )
         ] }) }),
-        v ? /* @__PURE__ */ t(_.Body, { className: "ds:pt-0", children: /* @__PURE__ */ t(
+        w ? /* @__PURE__ */ t(C.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
+            title: w.full,
+            children: w.text
           }
         ) }) : null,
-        e.settings.kind === "update_patient_field" && Ve(e.settings.fieldId) ? /* @__PURE__ */ t(_.Body, { className: "ds:pt-0", children: /* @__PURE__ */ t(
-          W,
+        e.settings.kind === "update_patient_field" && He(e.settings.fieldId) ? /* @__PURE__ */ t(C.Body, { className: "ds:pt-0", children: /* @__PURE__ */ t(
+          V,
           {
             variant: "error",
             "data-testid": "workflow-editor-invalid-field",
@@ -708,135 +710,145 @@ function Xe({
     }
   );
 }
-function Z({
+function se({
   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(
+  const { t: n } = S();
+  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: Qe,
         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(re, { "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 = B[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 ot({ criteria: e, onEdit: s, disabled: r }) {
+  const { t: o } = S(), 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,
       {
-        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 at = H(
   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 } = S(), v = a ?? Ze, h = F(() => G(s), [s]), b = D(/* @__PURE__ */ new Map()), x = D(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);
       },
       []
-    );
-    me(() => {
+    ), [j, I] = we(null), q = D(null);
+    q.current = j, ve(
+      d,
+      () => ({
+        getTotalSteps: () => h.length,
+        getCurrentStep: () => q.current,
+        gotoStep: (f) => {
+          const k = b.current.get(f);
+          k && (k.focus(), I(f));
+        }
+      }),
+      [h.length]
+    ), ge(() => {
       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 A = (f, k) => {
       if (n) return;
-      const E = {
-        id: Ye(),
-        type: b,
-        settings: Je(b)
+      const $ = {
+        id: et(),
+        type: k,
+        settings: tt(k)
       };
-      x.current = E.id, v(F(s, f, E));
-    }, A = (f, b) => {
-      n || (x.current = f, v(qe(s, f, b)));
-    }, $ = (f) => {
+      x.current = $.id, w(O(s, f, $));
+    }, g = (f, k) => {
+      n || (x.current = f, w(Ve(s, f, k)));
+    }, z = (f) => {
       n || !p || p(f);
-    }, q = (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: [
+    }, T = () => n ? /* @__PURE__ */ t(V, { variant: "warning", children: /* @__PURE__ */ t(V.Title, { as: "p", children: l("workflow.editor.activeLock") }) }) : null, E = () => o || i ? /* @__PURE__ */ u(he, { children: [
       /* @__PURE__ */ t(
-        Ze,
+        ot,
         {
-          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(
+    ] }) : null, J = h.length;
+    return J === 0 ? /* @__PURE__ */ u(
       "div",
       {
-        ref: d,
-        className: [Q, u].filter(Boolean).join(" "),
+        className: [ee, c].filter(Boolean).join(" "),
         children: [
-          w(),
-          S(),
-          /* @__PURE__ */ c(
-            T,
+          T(),
+          E(),
+          /* @__PURE__ */ u(
+            L,
             {
               variant: "first-use",
               title: l("workflow.editor.addFirstAction"),
               description: l("workflow.editor.empty"),
               children: [
-                /* @__PURE__ */ t(T.Illustration, { children: /* @__PURE__ */ c(
+                /* @__PURE__ */ t(L.Illustration, { children: /* @__PURE__ */ u(
                   "svg",
                   {
                     viewBox: "0 0 120 120",
@@ -880,23 +892,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(L.Title, { children: l("workflow.editor.addFirstAction") }),
+                /* @__PURE__ */ t(L.Description, { children: l("workflow.editor.empty") }),
+                /* @__PURE__ */ t(L.Actions, { children: /* @__PURE__ */ u(N.Root, { children: [
+                  /* @__PURE__ */ t(N.Trigger, { asChild: !0, children: /* @__PURE__ */ u(xe, { intent: "primary", disabled: n, children: [
+                    /* @__PURE__ */ t(re, { "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 = B[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: () => A(null, f),
+                          children: l(k.labelKey)
                         },
                         f
                       );
@@ -908,22 +920,21 @@ const et = P(
           )
         ]
       }
-    ) : /* @__PURE__ */ c(
+    ) : /* @__PURE__ */ u(
       "div",
       {
-        ref: d,
         "data-component": "workflow-editor",
-        className: [Q, u].filter(Boolean).join(" "),
+        className: [ee, c].filter(Boolean).join(" "),
         children: [
-          w(),
-          S(),
+          T(),
+          E(),
           /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
-            Z,
+            se,
             {
-              availableActions: y,
+              availableActions: v,
               disabled: n,
               label: l("workflow.editor.addAction"),
-              onSelect: (f) => j(null, f)
+              onSelect: (f) => A(null, f)
             }
           ) }),
           /* @__PURE__ */ t(
@@ -932,29 +943,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: [
+              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: R }),
                 /* @__PURE__ */ t(
-                  Xe,
+                  rt,
                   {
                     node: f,
-                    position: b,
-                    total: I,
+                    position: k,
+                    total: J,
                     disabled: n,
-                    onEdit: p ? $ : void 0,
-                    onDelete: m ? q : void 0,
-                    onMove: A,
-                    registerRef: g
+                    onEdit: p ? z : void 0,
+                    onDelete: m ? P : void 0,
+                    onMove: g,
+                    registerRef: y
                   }
                 ),
                 /* @__PURE__ */ t("span", { "aria-hidden": "true", className: R }),
                 /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
-                  Z,
+                  se,
                   {
-                    availableActions: y,
+                    availableActions: v,
                     disabled: n,
                     label: l("workflow.editor.addActionAfter"),
-                    onSelect: (E) => j(f.id, E)
+                    onSelect: ($) => A(f.id, $)
                   }
                 ) })
               ] }, f.id))
@@ -965,16 +976,98 @@ const et = P(
     );
   }
 );
-et.displayName = "WorkflowEditor";
-const tt = {
-  Clock: ae,
-  Mail: re,
-  Smartphone: ne,
-  CheckSquare: se,
-  MessageCircle: oe,
-  UserCog: ie,
-  Globe: te
-}, st = L(
+at.displayName = "WorkflowEditor";
+const Kt = {
+  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."
+    }
+  }
+}, Bt = {
+  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."
+    }
+  }
+}, qt = {
+  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."
+    }
+  }
+}, nt = {
+  Clock: de,
+  Mail: ne,
+  Smartphone: le,
+  CheckSquare: ae,
+  MessageCircle: ie,
+  UserCog: ue,
+  Globe: oe
+}, dt = K(
   // 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 +1088,14 @@ const tt = {
       compact: !1
     }
   }
-), le = L("ds:flex", {
+), fe = K("ds:flex", {
   variants: {
     orientation: {
       vertical: "ds:flex-col ds:items-stretch",
       horizontal: "ds:flex-row ds:items-center"
     }
   }
-}), ce = L(
+}), me = K(
   [
     "ds:relative ds:flex ds:items-center",
     "ds:gap-[var(--spacing-sm)]",
@@ -1047,7 +1140,7 @@ const tt = {
       }
     }
   }
-), ue = L(
+), pe = K(
   [
     "ds:block",
     "ds:border-solid",
@@ -1100,7 +1193,7 @@ const tt = {
     ]
   }
 );
-function rt(e) {
+function it(e) {
   switch (e.kind) {
     case "add_delay":
       return typeof e.days == "number" && e.days > 0 ? {
@@ -1129,57 +1222,58 @@ function rt(e) {
       return;
   }
 }
-function at(e, s) {
+function lt(e, s) {
   if (e !== void 0)
     return typeof e == "string" ? e : s(e.key, e.options);
 }
-const ot = P(
+const ct = H(
   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(
+    const { t: l } = S(), v = F(() => G(s), [s]), h = F(
+      () => 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 /* @__PURE__ */ u(
       "ol",
       {
         ref: d,
         role: "list",
-        "aria-label": k,
+        "aria-label": b,
         "data-component": "workflow-map",
-        className: st({ orientation: n, compact: o, className: p }),
-        ...u,
+        "data-component-id": c.id,
+        className: dt({ orientation: n, compact: a, className: p }),
+        ...c,
         children: [
           i ? /* @__PURE__ */ t(
-            dt,
+            ft,
             {
               orientation: n,
-              compact: o,
+              compact: a,
               criteria: i
             }
           ) : null,
-          y.map((v, g) => {
-            const j = x(g), A = g === y.length - 1;
+          v.map((w, y) => {
+            const j = x(y), I = y === v.length - 1;
             return /* @__PURE__ */ t(
-              nt,
+              ut,
               {
-                node: v,
+                node: w,
                 state: j,
                 orientation: n,
-                compact: o,
-                isLast: A,
-                onNodeClick: a
+                compact: a,
+                isLast: I,
+                onNodeClick: o
               },
-              v.id
+              w.id
             );
           })
         ]
@@ -1187,42 +1281,42 @@ const ot = P(
     );
   }
 );
-ot.displayName = "WorkflowMap";
-function nt({
+ct.displayName = "WorkflowMap";
+function ut({
   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 } = S(), p = B[e.type], m = nt[p.iconName], c = a(p.labelKey), d = lt(it(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: fe({ 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: me({
             orientation: r,
-            compact: a,
+            compact: o,
             state: s,
             interactive: l
           }),
@@ -1235,7 +1329,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,
+                  _e,
                   {
                     className: "ds:size-[var(--spacing-md)] ds:text-[color:var(--success)]",
                     "data-testid": "workflow-map-check"
@@ -1243,15 +1337,15 @@ 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__ */ u("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
+                  className: o ? "type-meta ds:truncate" : "type-body-sm",
+                  children: c
                 }
               ),
-              !a && d ? /* @__PURE__ */ t(
+              !o && d ? /* @__PURE__ */ t(
                 "span",
                 {
                   className: "type-meta ds:text-[var(--muted-foreground)]",
@@ -1260,7 +1354,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 +1362,24 @@ function nt({
         "span",
         {
           "aria-hidden": "true",
-          className: ue({ orientation: r, compact: a }),
+          className: pe({ orientation: r, compact: o }),
           "data-testid": "workflow-map-connector"
         }
       )
     ] })
   );
 }
-function dt({
+function ft({
   orientation: e,
   compact: s,
   criteria: r
 }) {
-  const { t: a } = z();
-  return /* @__PURE__ */ c("li", { className: le({ orientation: e }), children: [
-    /* @__PURE__ */ c(
+  const { t: o } = S();
+  return /* @__PURE__ */ u("li", { className: fe({ orientation: e }), children: [
+    /* @__PURE__ */ u(
       "div",
       {
-        className: ce({
+        className: me({
           orientation: e,
           compact: s,
           state: "neutral",
@@ -1298,18 +1392,18 @@ 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(Ae, { className: "ds:size-[var(--spacing-md)]" })
             }
           ),
-          /* @__PURE__ */ c("span", { className: "ds:flex ds:flex-col ds:min-w-0 ds:flex-1", children: [
+          /* @__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: a("workflow.editor.enrollmentCriteria")
+                children: o("workflow.editor.enrollmentCriteria")
               }
             ),
-            s ? null : /* @__PURE__ */ t("span", { className: "type-meta ds:text-[var(--muted-foreground)]", children: r.summary ?? a("workflow.editor.criteriaCount", {
+            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 +1414,24 @@ function dt({
       "span",
       {
         "aria-hidden": "true",
-        className: ue({ orientation: e, compact: s })
+        className: pe({ 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,
-  D as w
+  Oe as C,
+  Fe as W,
+  at as a,
+  ct as b,
+  O as c,
+  Kt as d,
+  qt as e,
+  Bt as f,
+  He as i,
+  G as l,
+  Ve as m,
+  X as r,
+  B as w
 };
-//# sourceMappingURL=workflow-map-XeqHDFvp.js.map
+//# sourceMappingURL=workflow-map-D2A7rTEG.js.map