@alfadocs/ui-kit 0.1.9 → 0.2.0

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

@@ -1,33 +1,34 @@
-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 { 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 } 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 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";
+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 Me = [
+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 Me = [
   ["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" }]
-], Se = _("circle-dashed", Me);
+], 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 ze = [
+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" }]
-], je = _("circle-pause", ze);
+], 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 Ie = [
+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" }]
-], Ae = _("list-checks", Ie);
+], 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 Te = [
+const De = [
   [
     "path",
     {
@@ -75,14 +76,14 @@ const Te = [
       key: "1sd12s"
     }
   ]
-], ie = _("message-circle", Te);
+], 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 Ee = [
+const Ke = [
   [
     "path",
     {
@@ -91,59 +92,59 @@ const Ee = [
     }
   ],
   ["path", { d: "m15 5 4 4", key: "1mk7zo" }]
-], U = _("pencil", Ee);
+], 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 Le = [
+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" }]
-], De = _("power-off", Le);
+], 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 Ke = [
+const Pe = [
   ["path", { d: "M12 2v10", key: "mnfbl" }],
   ["path", { d: "M18.4 6.6a9 9 0 1 1-12.77.04", key: "obofu9" }]
-], Be = _("power", Ke);
+], $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 qe = [
+const Re = [
   ["rect", { width: "14", height: "20", x: "5", y: "2", rx: "2", ry: "2", key: "1yt0o3" }],
   ["path", { d: "M12 18h.01", key: "mhygvu" }]
-], le = _("smartphone", qe);
+], 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 Pe = [
+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" }]
-], ce = _("trash-2", Pe);
+], 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 $e = [
+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 $e = [
   ["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" }]
-], ue = _("user-cog", $e), We = K("ds:relative ds:w-full", {
+], me = _("user-cog", Fe), Ve = L("ds:relative ds:w-full", {
   variants: {
     density: {
       comfortable: "",
@@ -166,27 +167,27 @@ const $e = [
     density: "comfortable"
   }
 });
-function Re(e) {
+function He(e) {
   switch (e) {
     case "active":
       return {
         badgeVariant: "success",
-        icon: /* @__PURE__ */ t(be, { 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(je, { "aria-hidden": "true" })
+        icon: /* @__PURE__ */ t(Te, { "aria-hidden": "true" })
       };
     case "inactive":
     default:
       return {
         badgeVariant: "neutral",
-        icon: /* @__PURE__ */ t(Se, { "aria-hidden": "true" })
+        icon: /* @__PURE__ */ t(Ae, { "aria-hidden": "true" })
       };
   }
 }
-const Fe = H(
+const Oe = O(
   function({
     workflow: s,
     density: r = "comfortable",
@@ -196,10 +197,10 @@ const Fe = H(
     onToggleActive: a,
     className: p
   }, m) {
-    const { t: c } = S(), d = Re(s.status), l = s.status === "active", v = r === "compact", h = (w) => (y) => {
+    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(
-      ke,
+      be,
       {
         variant: d.badgeVariant,
         leading: d.icon,
@@ -212,7 +213,7 @@ const Fe = H(
       {
         ref: m,
         variant: "default",
-        className: We({ density: r, className: p }),
+        className: Ve({ density: r, className: p }),
         "data-component": "workflow-card",
         "data-component-id": s.id,
         children: [
@@ -249,14 +250,14 @@ const Fe = H(
           ] }) }),
           !v && /* @__PURE__ */ u(C.Body, { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
             /* @__PURE__ */ t(
-              Q,
+              Z,
               {
                 label: c("workflow.card.activeEnrollments"),
                 value: s.stats.activeEnrollments
               }
             ),
             /* @__PURE__ */ t(
-              Q,
+              Z,
               {
                 label: c("workflow.card.totalEnrollments"),
                 value: s.stats.totalEnrollments
@@ -267,7 +268,7 @@ const Fe = H(
             /* @__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(
-                ye,
+                xe,
                 {
                   value: s.updatedAt,
                   format: "absolute",
@@ -279,7 +280,7 @@ const Fe = H(
             ] }),
             /* @__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(U, {}),
                   size: "sm",
@@ -289,23 +290,21 @@ const Fe = H(
                 }
               ),
               a && /* @__PURE__ */ t(
-                M,
+                S,
                 {
-                  icon: l ? /* @__PURE__ */ t(De, {}) : /* @__PURE__ */ t(Be, {}),
+                  icon: l ? /* @__PURE__ */ t(qe, {}) : /* @__PURE__ */ t($e, {}),
                   size: "sm",
                   intent: "ghost",
                   "aria-label": c(
                     l ? "workflow.card.deactivate" : "workflow.card.activate"
                   ),
-                  onClick: h(
-                    () => a(s.id, !l)
-                  )
+                  onClick: h(() => a(s.id, !l))
                 }
               ),
               n && /* @__PURE__ */ t(
-                M,
+                S,
                 {
-                  icon: /* @__PURE__ */ t(ce, {}),
+                  icon: /* @__PURE__ */ t(fe, {}),
                   size: "sm",
                   intent: "destructive",
                   "aria-label": c("workflow.card.delete"),
@@ -319,12 +318,93 @@ const Fe = H(
     );
   }
 );
-Fe.displayName = "WorkflowCard";
+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])), a = /* @__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 = a.get(d.from) ?? [];
     l.push(d), a.set(d.from, l);
@@ -342,7 +422,7 @@ function G(e) {
     p.has(d.id) || m.push(d);
   return m;
 }
-function O(e, s, r) {
+function H(e, s, r) {
   const o = [...e.nodes, r];
   if (s === null) {
     const a = e.nodes[0];
@@ -375,23 +455,18 @@ function O(e, s, r) {
     ]
   };
 }
-function X(e, s) {
+function ee(e, s) {
   const r = e.edges.find(
     (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;
+  ), 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((a) => a.id !== s),
     edges: n
   };
 }
-function Ve(e, s, r) {
+function Ge(e, s, r) {
   var h;
   const o = G(e), i = o.findIndex((b) => b.id === s);
   if (i === -1) return e;
@@ -399,10 +474,10 @@ function Ve(e, s, r) {
   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 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 Oe = /* @__PURE__ */ new Set([
+const Ye = /* @__PURE__ */ new Set([
   "dateOfBirth",
   "date_of_birth",
   "firstName",
@@ -422,10 +497,10 @@ const Oe = /* @__PURE__ */ new Set([
   "address",
   "id"
 ]);
-function He(e) {
-  return Oe.has(e);
+function Je(e) {
+  return Ye.has(e);
 }
-const B = {
+const D = {
   add_delay: {
     labelKey: "workflow.action.addDelay",
     iconName: "Clock"
@@ -454,27 +529,27 @@ const B = {
     labelKey: "workflow.action.webhook",
     iconName: "Globe"
   }
-}, Ue = {
-  Clock: de,
-  Mail: ne,
-  Smartphone: le,
-  CheckSquare: ae,
-  MessageCircle: ie,
-  UserCog: ue,
-  Globe: oe
+}, Qe = {
+  Clock: le,
+  Mail: ie,
+  Smartphone: ue,
+  CheckSquare: de,
+  MessageCircle: ce,
+  UserCog: me,
+  Globe: ne
 };
 function Y({
   iconName: e,
   className: s
 }) {
-  const r = Ue[e];
+  const r = Qe[e];
   return /* @__PURE__ */ t(r, { "aria-hidden": "true", className: s ?? "ds:size-4" });
 }
-const Ge = 40, Ye = 60;
-function Z(e, s) {
+const Xe = 40, Ze = 60;
+function te(e, s) {
   return e.length <= s ? e : `${e.slice(0, s - 1)}…`;
 }
-function Je(e, s) {
+function et(e, s) {
   switch (e.kind) {
     case "add_delay": {
       const r = e.days ?? 0, o = s("workflow.delay.summary", { count: r });
@@ -482,11 +557,11 @@ function Je(e, s) {
     }
     case "send_email": {
       const r = e.subject ?? "", i = `${s("workflow.action.sendEmail")}: ${r}`;
-      return { text: Z(i, Ge), full: i };
+      return { text: te(i, Xe), full: i };
     }
     case "send_sms": {
       const r = e.body ?? "";
-      return { text: Z(r, Ye), full: r };
+      return { text: te(r, Ze), full: r };
     }
     case "create_task": {
       const r = e.title ?? "";
@@ -500,12 +575,12 @@ function Je(e, s) {
       return null;
   }
 }
-const ee = [
+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)]",
@@ -513,7 +588,7 @@ const ee = [
   "ds:border-inline-start-[var(--border-width-hairline)]",
   "ds:border-solid",
   "ds:border-[color:var(--border)]"
-].join(" "), Qe = [
+].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)]",
@@ -528,21 +603,21 @@ const ee = [
   "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(" "), Xe = [
+].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(" "), Ze = Object.keys(
-  B
+].join(" "), rt = Object.keys(
+  D
 );
-let te = 0;
-function et() {
-  te += 1;
+let re = 0;
+function ot() {
+  re += 1;
   const e = Math.random().toString(36).slice(2, 8);
-  return `wf-node-${Date.now()}-${te}-${e}`;
+  return `wf-node-${Date.now()}-${re}-${e}`;
 }
-function tt(e) {
+function at(e) {
   switch (e) {
     case "add_delay":
       return { kind: "add_delay", days: 1 };
@@ -565,13 +640,13 @@ function tt(e) {
       return { kind: "webhook", url: "", method: "POST" };
   }
 }
-function st(e = 0) {
-  const s = D(e), r = W((o) => {
+function nt(e = 0) {
+  const s = j(e), r = W((o) => {
     s.current = o;
   }, []);
   return [s, r];
 }
-function rt({
+function dt({
   node: e,
   position: s,
   total: r,
@@ -581,143 +656,139 @@ function rt({
   onMove: a,
   registerRef: p
 }) {
-  const { t: m } = S(), c = B[e.type], d = D(null), [l, v] = st(0), h = W(
+  const { t: m } = z(), c = D[e.type], d = j(null), [l, v] = nt(0), h = W(
     (g) => {
-      var T, E;
-      const z = (T = d.current) == null ? void 0 : T.querySelectorAll(
+      var q, P;
+      const M = (q = d.current) == null ? void 0 : q.querySelectorAll(
         "button[data-wf-control]:not([disabled])"
       );
-      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);
+      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);
     },
     [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", {
+  }, 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
-  }), A = m("workflow.editor.nodeAriaLabel", {
+  }), T = m("workflow.editor.nodeAriaLabel", {
     type: y,
     current: s + 1,
     total: r
   });
-  return /* @__PURE__ */ t(
-    "div",
-    {
-      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",
+  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",
             {
-              "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" })
+              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
             }
-          ),
-          /* @__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__ */ 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(
-                  M,
-                  {
-                    "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(
-                  M,
-                  {
-                    "data-wf-control": "up",
-                    icon: /* @__PURE__ */ t(Ne, {}),
-                    size: "sm",
-                    intent: "ghost",
-                    disabled: o || !j,
-                    tabIndex: -1,
-                    "aria-label": m("workflow.editor.moveUp"),
-                    onClick: () => a(e.id, "up")
-                  }
-                ),
-                /* @__PURE__ */ t(
-                  M,
-                  {
-                    "data-wf-control": "down",
-                    icon: /* @__PURE__ */ t(Ce, {}),
-                    size: "sm",
-                    intent: "ghost",
-                    disabled: o || !I,
-                    tabIndex: -1,
-                    "aria-label": m("workflow.editor.moveDown"),
-                    onClick: () => a(e.id, "down")
-                  }
-                ),
-                n ? /* @__PURE__ */ t(
-                  M,
-                  {
-                    "data-wf-control": "delete",
-                    icon: /* @__PURE__ */ t(ce, {}),
-                    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",
-          {
-            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
-          }
-        ) }) : null,
-        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",
-            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 se({
+function oe({
   availableActions: e,
   onSelect: s,
   disabled: r,
   label: o,
   compact: i = !0
 }) {
-  const { t: n } = S();
+  const { t: n } = z();
   return /* @__PURE__ */ u(N.Root, { children: [
     /* @__PURE__ */ t(N.Trigger, { asChild: !0, children: /* @__PURE__ */ u(
       "button",
@@ -725,9 +796,9 @@ function se({
         type: "button",
         disabled: r,
         "aria-label": o,
-        className: Qe,
+        className: tt,
         children: [
-          /* @__PURE__ */ t(re, { "aria-hidden": "true", className: "ds:size-4" }),
+          /* @__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 })
         ]
       }
@@ -735,7 +806,7 @@ function se({
     /* @__PURE__ */ u(N.Content, { align: "start", sideOffset: 6, children: [
       /* @__PURE__ */ t(N.Label, { children: n("workflow.editor.addAction") }),
       e.map((a) => {
-        const p = B[a];
+        const p = D[a];
         return /* @__PURE__ */ t(
           N.Item,
           {
@@ -749,15 +820,15 @@ function se({
     ] })
   ] });
 }
-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");
+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(U, {}),
         size: "sm",
@@ -769,7 +840,7 @@ function ot({ criteria: e, onEdit: s, disabled: r }) {
     ) : null
   ] }) }) });
 }
-const at = H(
+const lt = O(
   function({
     graph: s,
     onChange: r,
@@ -781,74 +852,75 @@ const at = H(
     onDeleteNode: m,
     className: c
   }, d) {
-    const { t: l } = S(), v = a ?? Ze, h = F(() => G(s), [s]), b = D(/* @__PURE__ */ new Map()), x = D(null), w = W(
+    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]
-    ), y = W(
-      (f, k) => {
-        k ? b.current.set(f, k) : b.current.delete(f);
-      },
-      []
-    ), [j, I] = we(null), q = D(null);
-    q.current = j, ve(
-      d,
+    ), 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: () => q.current,
+        getCurrentStep: () => K.current,
         gotoStep: (f) => {
           const k = b.current.get(f);
           k && (k.focus(), I(f));
         }
       }),
       [h.length]
-    ), ge(() => {
+    );
+    Ce(Ue, g, void 0), ye(() => {
       const f = x.current;
       if (!f) return;
       const k = b.current.get(f);
       k && (k.focus(), x.current = null);
     });
-    const A = (f, k) => {
+    const M = (f, k) => {
       if (n) return;
       const $ = {
-        id: et(),
+        id: ot(),
         type: k,
-        settings: tt(k)
+        settings: at(k)
       };
-      x.current = $.id, w(O(s, f, $));
-    }, g = (f, k) => {
-      n || (x.current = f, w(Ve(s, f, k)));
-    }, z = (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);
-    }, 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: [
+    }, 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(
-        ot,
+        it,
         {
           criteria: o,
           onEdit: i,
           disabled: n
         }
       ),
-      /* @__PURE__ */ t("span", { "aria-hidden": "true", className: R })
-    ] }) : null, J = h.length;
-    return J === 0 ? /* @__PURE__ */ u(
+      /* @__PURE__ */ t("span", { "aria-hidden": "true", className: F })
+    ] }) : null, X = h.length;
+    return X === 0 ? /* @__PURE__ */ u(
       "div",
       {
-        className: [ee, c].filter(Boolean).join(" "),
+        ref: T,
+        className: [se, c].filter(Boolean).join(" "),
         children: [
-          T(),
-          E(),
+          J(),
+          Q(),
           /* @__PURE__ */ u(
-            L,
+            E,
             {
               variant: "first-use",
               title: l("workflow.editor.addFirstAction"),
               description: l("workflow.editor.empty"),
               children: [
-                /* @__PURE__ */ t(L.Illustration, { children: /* @__PURE__ */ u(
+                /* @__PURE__ */ t(E.Illustration, { children: /* @__PURE__ */ u(
                   "svg",
                   {
                     viewBox: "0 0 120 120",
@@ -892,22 +964,22 @@ const at = H(
                     ]
                   }
                 ) }),
-                /* @__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(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__ */ u(N.Content, { align: "center", sideOffset: 6, children: [
                     /* @__PURE__ */ t(N.Label, { children: l("workflow.editor.addAction") }),
                     v.map((f) => {
-                      const k = B[f];
+                      const k = D[f];
                       return /* @__PURE__ */ t(
                         N.Item,
                         {
                           startIcon: /* @__PURE__ */ t(Y, { iconName: k.iconName }),
-                          onSelect: () => A(null, f),
+                          onSelect: () => M(null, f),
                           children: l(k.labelKey)
                         },
                         f
@@ -923,18 +995,19 @@ const at = H(
     ) : /* @__PURE__ */ u(
       "div",
       {
+        ref: T,
         "data-component": "workflow-editor",
-        className: [ee, c].filter(Boolean).join(" "),
+        className: [se, c].filter(Boolean).join(" "),
         children: [
-          T(),
-          E(),
+          J(),
+          Q(),
           /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
-            se,
+            oe,
             {
               availableActions: v,
               disabled: n,
               label: l("workflow.editor.addAction"),
-              onSelect: (f) => A(null, f)
+              onSelect: (f) => M(null, f)
             }
           ) }),
           /* @__PURE__ */ t(
@@ -944,28 +1017,28 @@ const at = H(
               "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, k) => /* @__PURE__ */ u("li", { className: "ds:list-none ds:flex ds:flex-col", children: [
-                /* @__PURE__ */ t("span", { "aria-hidden": "true", className: R }),
+                /* @__PURE__ */ t("span", { "aria-hidden": "true", className: F }),
                 /* @__PURE__ */ t(
-                  rt,
+                  dt,
                   {
                     node: f,
                     position: k,
-                    total: J,
+                    total: X,
                     disabled: n,
-                    onEdit: p ? z : void 0,
+                    onEdit: p ? q : void 0,
                     onDelete: m ? P : void 0,
-                    onMove: g,
+                    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(
-                  se,
+                  oe,
                   {
                     availableActions: v,
                     disabled: n,
                     label: l("workflow.editor.addActionAfter"),
-                    onSelect: ($) => A(f.id, $)
+                    onSelect: ($) => M(f.id, $)
                   }
                 ) })
               ] }, f.id))
@@ -976,98 +1049,16 @@ const at = H(
     );
   }
 );
-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(
+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).
@@ -1088,14 +1079,14 @@ const Kt = {
       compact: !1
     }
   }
-), fe = K("ds:flex", {
+), pe = L("ds:flex", {
   variants: {
     orientation: {
       vertical: "ds:flex-col ds:items-stretch",
       horizontal: "ds:flex-row ds:items-center"
     }
   }
-}), me = K(
+}), he = L(
   [
     "ds:relative ds:flex ds:items-center",
     "ds:gap-[var(--spacing-sm)]",
@@ -1140,12 +1131,8 @@ const Kt = {
       }
     }
   }
-), pe = K(
-  [
-    "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: {
@@ -1193,7 +1180,7 @@ const Kt = {
     ]
   }
 );
-function it(e) {
+function ft(e) {
   switch (e.kind) {
     case "add_delay":
       return typeof e.days == "number" && e.days > 0 ? {
@@ -1222,11 +1209,11 @@ function it(e) {
       return;
   }
 }
-function lt(e, s) {
+function mt(e, s) {
   if (e !== void 0)
     return typeof e == "string" ? e : s(e.key, e.options);
 }
-const ct = H(
+const pt = O(
   function({
     graph: s,
     activeNodeId: r,
@@ -1238,51 +1225,54 @@ const ct = H(
     "aria-label": m,
     ...c
   }, d) {
-    const { t: l } = S(), v = F(() => G(s), [s]), h = F(
+    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 /* @__PURE__ */ u(
-      "ol",
-      {
-        ref: d,
-        role: "list",
-        "aria-label": b,
-        "data-component": "workflow-map",
-        "data-component-id": c.id,
-        className: dt({ orientation: n, compact: a, className: p }),
-        ...c,
-        children: [
-          i ? /* @__PURE__ */ t(
-            ft,
-            {
-              orientation: n,
-              compact: a,
-              criteria: i
-            }
-          ) : null,
-          v.map((w, y) => {
-            const j = x(y), I = y === v.length - 1;
-            return /* @__PURE__ */ t(
-              ut,
+    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: w,
-                state: j,
                 orientation: n,
                 compact: a,
-                isLast: I,
-                onNodeClick: o
-              },
-              w.id
-            );
-          })
-        ]
-      }
+                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
+              );
+            })
+          ]
+        }
+      )
     );
   }
 );
-ct.displayName = "WorkflowMap";
-function ut({
+pt.displayName = "WorkflowMap";
+function ht({
   node: e,
   state: s,
   orientation: r,
@@ -1290,14 +1280,14 @@ function ut({
   isLast: i,
   onNodeClick: n
 }) {
-  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) => {
+  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__ */ u("li", { "data-node-id": e.id, className: fe({ orientation: r }), children: [
+    /* @__PURE__ */ u("li", { "data-node-id": e.id, className: pe({ orientation: r }), children: [
       /* @__PURE__ */ u(
         "div",
         {
@@ -1314,7 +1304,7 @@ function ut({
           }) : void 0,
           onClick: l ? b : void 0,
           onKeyDown: l ? x : void 0,
-          className: me({
+          className: he({
             orientation: r,
             compact: o,
             state: s,
@@ -1329,7 +1319,7 @@ function ut({
                 "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(
-                  _e,
+                  ze,
                   {
                     className: "ds:size-[var(--spacing-md)] ds:text-[color:var(--success)]",
                     "data-testid": "workflow-map-check"
@@ -1338,13 +1328,7 @@ function ut({
               }
             ),
             /* @__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
-                }
-              ),
+              /* @__PURE__ */ t("span", { className: o ? "type-meta ds:truncate" : "type-body-sm", children: c }),
               !o && d ? /* @__PURE__ */ t(
                 "span",
                 {
@@ -1362,24 +1346,24 @@ function ut({
         "span",
         {
           "aria-hidden": "true",
-          className: pe({ orientation: r, compact: o }),
+          className: we({ orientation: r, compact: o }),
           "data-testid": "workflow-map-connector"
         }
       )
     ] })
   );
 }
-function ft({
+function wt({
   orientation: e,
   compact: s,
   criteria: r
 }) {
-  const { t: o } = S();
-  return /* @__PURE__ */ u("li", { className: fe({ orientation: e }), children: [
+  const { t: o } = z();
+  return /* @__PURE__ */ u("li", { className: pe({ orientation: e }), children: [
     /* @__PURE__ */ u(
       "div",
       {
-        className: me({
+        className: he({
           orientation: e,
           compact: s,
           state: "neutral",
@@ -1392,17 +1376,11 @@ function ft({
             {
               "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(Ae, { className: "ds:size-[var(--spacing-md)]" })
+              children: /* @__PURE__ */ t(Le, { className: "ds:size-[var(--spacing-md)]" })
             }
           ),
           /* @__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")
-              }
-            ),
+            /* @__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
             }) })
@@ -1414,24 +1392,24 @@ function ft({
       "span",
       {
         "aria-hidden": "true",
-        className: pe({ orientation: e, compact: s })
+        className: we({ orientation: e, compact: s })
       }
     )
   ] });
 }
 export {
-  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,
+  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,
-  Ve as m,
-  X as r,
-  B as w
+  Ge as m,
+  ee as r,
+  D as w
 };
-//# sourceMappingURL=workflow-map-D2A7rTEG.js.map
+//# sourceMappingURL=workflow-map-C-nlogPC.js.map