@alfadocs/ui-kit-debug 0.71.0 → 0.72.0

package/dist/_chunks/workflow-map-qWsgCldq.js

@@ -0,0 +1,1356 @@
+import { jsx as t, jsxs as u, Fragment as ve } from "react/jsx-runtime";
+import { forwardRef as H, useMemo as F, useRef as z, useCallback as q, useState as ge, useImperativeHandle as be, useEffect as ke } from "react";
+import { c as j } from "./index-D2ZczOXr.js";
+import { useTranslation as M } from "react-i18next";
+import { C } from "./card-DPmk26CL.js";
+import { B as ye } from "./badge-DCOqV9mI.js";
+import { a as Z } from "./key-value-pair-Byyyc_9J.js";
+import { T as xe } from "./timestamp-BV2lC-wV.js";
+import { I as S } from "./icon-button-LqoiKcUN.js";
+import { P as U } from "./pencil-B1sKKyuT.js";
+import { c as D } from "./createLucideIcon-DhHxpK9K.js";
+import { T as ae } from "./trash-2-uumy3fy1.js";
+import { C as Ne } from "./circle-j7oZoouK.js";
+import { u as Ce } from "./registry-DvAUVLHh.js";
+import { A as $ } from "./alert-KJbsPYkI.js";
+import { B as _e } from "./button-DD_0Xdmr.js";
+import { D as N } from "./dropdown-menu-DU-Hrf33.js";
+import { E } from "./empty-state-BLy7tigq.js";
+import { P as ne } from "./plus-DzMQ_c6b.js";
+import { G as ie } from "./globe-sHBW1JN5.js";
+import { U as de } from "./user-cog-BTn98Arm.js";
+import { M as le } from "./message-circle-Bepl9JT5.js";
+import { S as ce } from "./square-check-big-dj0o8yA3.js";
+import { M as ue } from "./mail-BqXVF2zH.js";
+import { C as fe } from "./clock-Drd4Wtis.js";
+import { C as Se } from "./chevron-up-umRGgtJA.js";
+import { C as Me } from "./chevron-down-DWE7GSq9.js";
+import { C as ze } from "./clipboard-check-BeAGxDVT.js";
+import { C as Ae } from "./check-DrFSN__t.js";
+/**
+ * @license lucide-react v1.22.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 = [
+  ["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" }],
+  ["path", { d: "M2.182 13.9a10 10 0 0 1 0-3.8", key: "c0bmvh" }],
+  ["path", { d: "M20.279 17.609a10 10 0 0 1-2.7 2.69", key: "1ruxm7" }],
+  ["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" }]
+], Te = D("circle-dashed", Ie);
+/**
+ * @license lucide-react v1.22.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 = [
+  ["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 = D("circle-pause", Ee);
+/**
+ * @license lucide-react v1.22.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 = [
+  ["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" }]
+], Le = D("power-off", De);
+/**
+ * @license lucide-react v1.22.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 = [
+  ["path", { d: "M12 2v10", key: "mnfbl" }],
+  ["path", { d: "M18.4 6.6a9 9 0 1 1-12.77.04", key: "obofu9" }]
+], Be = D("power", Ke);
+/**
+ * @license lucide-react v1.22.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 = [
+  ["rect", { width: "14", height: "20", x: "5", y: "2", rx: "2", ry: "2", key: "1yt0o3" }],
+  ["path", { d: "M12 18h.01", key: "mhygvu" }]
+], me = D("smartphone", Pe), Re = j("ds:relative ds:w-full", {
+  variants: {
+    density: {
+      comfortable: "",
+      compact: ""
+    }
+  },
+  defaultVariants: {
+    density: "comfortable"
+  }
+});
+function We(e) {
+  switch (e) {
+    case "active":
+      return {
+        badgeVariant: "success",
+        icon: /* @__PURE__ */ t(Ne, { className: "ds:fill-current", "aria-hidden": "true" })
+      };
+    case "paused":
+      return {
+        badgeVariant: "warning",
+        icon: /* @__PURE__ */ t(je, { "aria-hidden": "true" })
+      };
+    case "inactive":
+    default:
+      return {
+        badgeVariant: "neutral",
+        icon: /* @__PURE__ */ t(Te, { "aria-hidden": "true" })
+      };
+  }
+}
+const Fe = H(
+  function({
+    workflow: r,
+    density: s = "comfortable",
+    onView: o,
+    onEdit: d,
+    onDelete: n,
+    onToggleActive: a,
+    className: p
+  }, m) {
+    const { t: c } = M(), i = We(r.status), l = r.status === "active", v = s === "compact", h = (w) => (k) => {
+      k.stopPropagation(), w == null || w();
+    }, y = /* @__PURE__ */ t(
+      ye,
+      {
+        variant: i.badgeVariant,
+        leading: i.icon,
+        withDot: !1,
+        children: c(`workflow.status.${r.status}`)
+      }
+    ), x = c("workflow.card.activeEnrollments");
+    return /* @__PURE__ */ u(
+      C,
+      {
+        ref: m,
+        variant: "default",
+        className: Re({ density: s, className: p }),
+        "data-component": "workflow-card",
+        "data-component-id": r.id,
+        children: [
+          /* @__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: () => o(r.id),
+                  className: [
+                    "ds:text-start ds:font-inherit ds:text-inherit",
+                    // Inset overlay that turns the whole card into a
+                    // click target without nesting buttons. The
+                    // IconButton cluster in the footer paints above
+                    // this pseudo via `position: relative` + z-10.
+                    'ds:after:absolute ds:after:inset-0 ds:after:content-[""]',
+                    "ds:after:rounded-[var(--radius-lg)]",
+                    "ds:focus-visible:outline-none",
+                    "ds:focus-visible:after:outline-[length:var(--focus-ring-width)]",
+                    "ds:focus-visible:after:outline-solid",
+                    "ds:focus-visible:after:outline-[color:var(--ring)]",
+                    "ds:focus-visible:after:outline-offset-[length:var(--focus-ring-offset)]"
+                  ].join(" "),
+                  children: r.name
+                }
+              ) : r.name }),
+              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: r.stats.activeEnrollments })
+              ] })
+            ] }),
+            /* @__PURE__ */ t("div", { className: "ds:shrink-0", children: y })
+          ] }) }),
+          !v && /* @__PURE__ */ u(C.Body, { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+            /* @__PURE__ */ t(
+              Z,
+              {
+                label: c("workflow.card.activeEnrollments"),
+                value: r.stats.activeEnrollments
+              }
+            ),
+            /* @__PURE__ */ t(
+              Z,
+              {
+                label: c("workflow.card.totalEnrollments"),
+                value: r.stats.totalEnrollments
+              }
+            )
+          ] }),
+          /* @__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: r.createdBy, children: c("workflow.createdBy", { name: r.createdBy }) }),
+              r.updatedAt && /* @__PURE__ */ t(
+                xe,
+                {
+                  value: r.updatedAt,
+                  format: "absolute",
+                  shape: "bare",
+                  absoluteFormat: { dateStyle: "medium" },
+                  className: "ds:truncate"
+                }
+              )
+            ] }),
+            /* @__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: [
+              d && /* @__PURE__ */ t(
+                S,
+                {
+                  icon: /* @__PURE__ */ t(U, {}),
+                  size: "sm",
+                  intent: "ghost",
+                  "aria-label": c("workflow.card.edit"),
+                  onClick: h(() => d(r.id))
+                }
+              ),
+              a && /* @__PURE__ */ t(
+                S,
+                {
+                  icon: l ? /* @__PURE__ */ t(Le, {}) : /* @__PURE__ */ t(Be, {}),
+                  size: "sm",
+                  intent: "ghost",
+                  "aria-label": c(
+                    l ? "workflow.card.deactivate" : "workflow.card.activate"
+                  ),
+                  onClick: h(() => a(r.id, !l))
+                }
+              ),
+              n && /* @__PURE__ */ t(
+                S,
+                {
+                  icon: /* @__PURE__ */ t(ae, {}),
+                  size: "sm",
+                  intent: "destructive",
+                  "aria-label": c("workflow.card.delete"),
+                  onClick: h(() => n(r.id))
+                }
+              )
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+Fe.displayName = "WorkflowCard";
+const Ft = {
+  id: "workflow-card",
+  // Presentational summary card — no agent-facing action or state. Navigation
+  // is owned by the host pattern, so no capability is declared here.
+  capabilities: [],
+  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."
+    }
+  }
+}, qt = {
+  id: "workflow-map",
+  // Presentational linear visualisation — no agent-facing action or state.
+  capabilities: [],
+  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."
+    }
+  }
+}, qe = {
+  id: "workflow-editor",
+  // `goto_step` focuses a node (navigation). No `expand` capability: the
+  // WorkflowEditorHandle exposes no expand/collapse method to back it.
+  capabilities: ["navigate"],
+  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 }",
+      argsSchema: {
+        type: "object",
+        properties: { id: { type: "string" } },
+        required: ["id"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.workflowEditor.actions.gotoStep",
+      description: "Focus a node by its opaque id.",
+      invoke: (e, r) => {
+        e.gotoStep(r.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 r = e.edges.filter((i) => i.condition == null), s = new Set(r.map((i) => i.to)), d = e.nodes.filter((i) => !s.has(i.id))[0] ?? e.nodes[0], n = new Map(e.nodes.map((i) => [i.id, i])), a = /* @__PURE__ */ new Map();
+  for (const i of r) {
+    const l = a.get(i.from) ?? [];
+    l.push(i), a.set(i.from, l);
+  }
+  const p = /* @__PURE__ */ new Set(), m = [];
+  let c = d;
+  for (; c && !p.has(c.id); ) {
+    p.add(c.id), m.push(c);
+    const i = a.get(c.id) ?? [];
+    i.length > 1 && typeof console < "u" && console.warn(
+      `[workflow] node ${c.id} has ${i.length} outgoing linear edges; v1 walks the first only.`
+    ), c = i[0] ? n.get(i[0].to) : void 0;
+  }
+  for (const i of e.nodes)
+    p.has(i.id) || m.push(i);
+  return m;
+}
+function V(e, r, s) {
+  const o = [...e.nodes, s];
+  if (r === null) {
+    const a = e.nodes[0];
+    return a ? {
+      nodes: o,
+      edges: [
+        { from: s.id, to: a.id, condition: null },
+        ...e.edges
+      ]
+    } : { nodes: o, edges: [] };
+  }
+  const d = e.edges.find(
+    (a) => a.from === r && a.condition == null
+  );
+  if (!d)
+    return {
+      nodes: o,
+      edges: [
+        ...e.edges,
+        { from: r, to: s.id, condition: null }
+      ]
+    };
+  const n = e.edges.filter((a) => a !== d);
+  return {
+    nodes: o,
+    edges: [
+      ...n,
+      { from: r, to: s.id, condition: null },
+      { from: s.id, to: d.to, condition: null }
+    ]
+  };
+}
+function ee(e, r) {
+  const s = e.edges.find(
+    (a) => a.to === r && a.condition == null
+  ), o = e.edges.find(
+    (a) => a.from === r && a.condition == null
+  ), d = e.edges.filter((a) => a.from !== r && a.to !== r), n = s && o ? [...d, { from: s.from, to: o.to, condition: null }] : d;
+  return {
+    nodes: e.nodes.filter((a) => a.id !== r),
+    edges: n
+  };
+}
+function Oe(e, r, s) {
+  var h;
+  const o = G(e), d = o.findIndex((y) => y.id === r);
+  if (d === -1) return e;
+  const n = s === "up" ? d - 1 : d + 1;
+  if (n < 0 || n >= o.length) return e;
+  const a = o[d], p = o[n];
+  if (!a || !p) return e;
+  const m = ee(ee(e, a.id), p.id), c = s === "up" ? a : p, i = s === "up" ? p : a, l = ((h = o[Math.min(d, n) - 1]) == null ? void 0 : h.id) ?? null, v = V(m, l, c);
+  return V(v, c.id, i);
+}
+const $e = /* @__PURE__ */ new Set([
+  "dateOfBirth",
+  "date_of_birth",
+  "firstName",
+  "first_name",
+  "lastName",
+  "last_name",
+  "name",
+  "email",
+  "phone",
+  "phoneNumber",
+  "phone_number",
+  "fiscalCode",
+  "fiscal_code",
+  "taxId",
+  "tax_id",
+  "gender",
+  "address",
+  "id"
+]);
+function Ve(e) {
+  return $e.has(e);
+}
+const L = {
+  add_delay: {
+    labelKey: "workflow.action.addDelay",
+    iconName: "Clock"
+  },
+  send_email: {
+    labelKey: "workflow.action.sendEmail",
+    iconName: "Mail"
+  },
+  send_sms: {
+    labelKey: "workflow.action.sendSms",
+    iconName: "Smartphone"
+  },
+  create_task: {
+    labelKey: "workflow.action.createTask",
+    iconName: "CheckSquare"
+  },
+  send_whatsapp: {
+    labelKey: "workflow.action.sendWhatsapp",
+    iconName: "MessageCircle"
+  },
+  update_patient_field: {
+    labelKey: "workflow.action.updateField",
+    iconName: "UserCog"
+  },
+  webhook: {
+    labelKey: "workflow.action.webhook",
+    iconName: "Globe"
+  }
+}, He = {
+  Clock: fe,
+  Mail: ue,
+  Smartphone: me,
+  CheckSquare: ce,
+  MessageCircle: le,
+  UserCog: de,
+  Globe: ie
+};
+function Y({
+  iconName: e,
+  className: r
+}) {
+  const s = He[e];
+  return /* @__PURE__ */ t(s, { "aria-hidden": "true", className: r ?? "ds:size-4" });
+}
+const Ue = 40, Ge = 60;
+function te(e, r) {
+  return e.length <= r ? e : `${e.slice(0, r - 1)}…`;
+}
+function Ye(e, r) {
+  switch (e.kind) {
+    case "add_delay": {
+      const s = e.days ?? 0, o = r("workflow.delay.summary", { count: s });
+      return { text: o, full: o };
+    }
+    case "send_email": {
+      const s = e.subject ?? "", d = `${r("workflow.action.sendEmail")}: ${s}`;
+      return { text: te(d, Ue), full: d };
+    }
+    case "send_sms": {
+      const s = e.body ?? "";
+      return { text: te(s, Ge), full: s };
+    }
+    case "create_task": {
+      const s = e.title ?? "";
+      return { text: s, full: s };
+    }
+    // v2 types — generic fallback (no bespoke summariser yet).
+    case "send_whatsapp":
+    case "update_patient_field":
+    case "webhook":
+    default:
+      return null;
+  }
+}
+const re = [
+  "ds:flex ds:flex-col",
+  "ds:w-full",
+  "ds:text-start",
+  "ds:gap-[var(--spacing-sm)]"
+].join(" "), O = [
+  "ds:block",
+  "ds:self-start",
+  "ds:h-[var(--spacing-md)]",
+  "ds:ms-[calc(var(--min-target-size)/2)]",
+  "ds:border-inline-start-[var(--border-width-hairline)]",
+  "ds:border-solid",
+  "ds:border-[color:var(--border)]"
+].join(" "), Je = [
+  "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)]",
+  "ds:border ds:border-dashed ds:border-[color:var(--border)]",
+  "ds:bg-[color:var(--background)]",
+  "ds:text-[color:var(--muted-foreground)]",
+  "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
+  "ds:text-[length:var(--font-size-sm)]",
+  "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+  "ds:hover:bg-[color:var(--muted)]/20 ds:hover:text-[color:var(--foreground)]",
+  "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:disabled:opacity-50 ds:disabled:cursor-not-allowed"
+].join(" "), Qe = [
+  "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(" "), Xe = Object.keys(
+  L
+);
+let se = 0;
+function Ze() {
+  se += 1;
+  const e = Math.random().toString(36).slice(2, 8);
+  return `wf-node-${Date.now()}-${se}-${e}`;
+}
+function et(e) {
+  switch (e) {
+    case "add_delay":
+      return { kind: "add_delay", days: 1 };
+    case "send_email":
+      return { kind: "send_email", subject: "" };
+    case "send_sms":
+      return { kind: "send_sms", body: "" };
+    case "create_task":
+      return { kind: "create_task", title: "" };
+    case "send_whatsapp":
+      return { kind: "send_whatsapp", templateName: "" };
+    case "update_patient_field":
+      return {
+        kind: "update_patient_field",
+        fieldId: "",
+        fieldLabel: "",
+        value: ""
+      };
+    case "webhook":
+      return { kind: "webhook", url: "", method: "POST" };
+  }
+}
+function tt(e = 0) {
+  const r = z(e), s = q((o) => {
+    r.current = o;
+  }, []);
+  return [r, s];
+}
+function rt({
+  node: e,
+  position: r,
+  total: s,
+  disabled: o,
+  onEdit: d,
+  onDelete: n,
+  onMove: a,
+  registerRef: p
+}) {
+  const { t: m } = M(), c = L[e.type], i = z(null), [l, v] = tt(0), h = q(
+    (g) => {
+      var P, R;
+      const _ = (P = i.current) == null ? void 0 : P.querySelectorAll(
+        "button[data-wf-control]:not([disabled])"
+      );
+      if (!_ || _.length === 0) return;
+      const B = Math.max(0, Math.min(g, _.length - 1));
+      (R = _[B]) == null || R.focus(), v(B);
+    },
+    [v]
+  ), y = (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 = Ye(e.settings, m), k = m(c.labelKey), A = r > 0, I = r < s - 1, K = m("workflow.editor.position", {
+    current: r + 1,
+    total: s
+  }), T = m("workflow.editor.nodeAriaLabel", {
+    type: k,
+    current: r + 1,
+    total: s
+  });
+  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: y,
+        "aria-label": T,
+        "data-node-id": e.id,
+        className: Qe,
+        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: k }),
+              /* @__PURE__ */ t("span", { className: "ds:text-[length:var(--font-size-xs)] ds:text-[color:var(--muted-foreground)]", children: K })
+            ] }),
+            /* @__PURE__ */ u(
+              "div",
+              {
+                ref: i,
+                onKeyDown: x,
+                className: "ds:flex ds:shrink-0 ds:items-center ds:gap-[var(--spacing-xs)] ds:ms-auto",
+                children: [
+                  d ? /* @__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: () => d(e.id)
+                    }
+                  ) : null,
+                  /* @__PURE__ */ t(
+                    S,
+                    {
+                      "data-wf-control": "up",
+                      icon: /* @__PURE__ */ t(Se, {}),
+                      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(Me, {}),
+                      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(ae, {}),
+                      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" && Ve(e.settings.fieldId) ? /* @__PURE__ */ t(C.Body, { className: "ds:pt-0", children: /* @__PURE__ */ t($, { variant: "error", "data-testid": "workflow-editor-invalid-field", children: m("workflow.editor.invalidField") }) }) : null
+        ] })
+      }
+    )
+  );
+}
+function oe({
+  availableActions: e,
+  onSelect: r,
+  disabled: s,
+  label: o,
+  compact: d = !0
+}) {
+  const { t: n } = M();
+  return /* @__PURE__ */ u(N.Root, { children: [
+    /* @__PURE__ */ t(N.Trigger, { asChild: !0, children: /* @__PURE__ */ u(
+      "button",
+      {
+        type: "button",
+        disabled: s,
+        "aria-label": o,
+        className: Je,
+        children: [
+          /* @__PURE__ */ t(ne, { "aria-hidden": "true", className: "ds:size-4" }),
+          d ? null : /* @__PURE__ */ t("span", { className: "ds:text-[length:var(--font-size-sm)]", children: o })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ u(N.Content, { align: "start", sideOffset: 6, children: [
+      /* @__PURE__ */ t(N.Label, { children: n("workflow.editor.addAction") }),
+      e.map((a) => {
+        const p = L[a];
+        return /* @__PURE__ */ t(
+          N.Item,
+          {
+            startIcon: /* @__PURE__ */ t(Y, { iconName: p.iconName }),
+            onSelect: () => r(a),
+            children: n(p.labelKey)
+          },
+          a
+        );
+      })
+    ] })
+  ] });
+}
+function st({ criteria: e, onEdit: r, disabled: s }) {
+  const { t: o } = M(), d = (e == null ? void 0 : e.ruleCount) ?? 0, n = d > 0 ? o("workflow.editor.criteriaCount", { count: d }) : 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 })
+    ] }),
+    r ? /* @__PURE__ */ t(
+      S,
+      {
+        icon: /* @__PURE__ */ t(U, {}),
+        size: "sm",
+        intent: "ghost",
+        disabled: s,
+        "aria-label": o("workflow.editor.editCriteria"),
+        onClick: r
+      }
+    ) : null
+  ] }) }) });
+}
+const ot = H(
+  function({
+    graph: r,
+    onChange: s,
+    enrollmentCriteria: o,
+    onEditEnrollmentCriteria: d,
+    isActive: n = !1,
+    availableActions: a,
+    onEditNode: p,
+    onDeleteNode: m,
+    className: c
+  }, i) {
+    const { t: l } = M(), v = a ?? Xe, h = F(() => G(r), [r]), y = z(/* @__PURE__ */ new Map()), x = z(null), w = q(
+      (f) => {
+        n || s(f);
+      },
+      [n, s]
+    ), k = q((f, b) => {
+      b ? y.current.set(f, b) : y.current.delete(f);
+    }, []), [A, I] = ge(null), K = z(null);
+    K.current = A;
+    const T = z(null);
+    be(i, () => T.current, []);
+    const g = F(
+      () => ({
+        getTotalSteps: () => h.length,
+        getCurrentStep: () => K.current,
+        gotoStep: (f) => {
+          const b = y.current.get(f);
+          b && (b.focus(), I(f));
+        }
+      }),
+      [h.length]
+    );
+    Ce(qe, g, void 0), ke(() => {
+      const f = x.current;
+      if (!f) return;
+      const b = y.current.get(f);
+      b && (b.focus(), x.current = null);
+    });
+    const _ = (f, b) => {
+      if (n) return;
+      const W = {
+        id: Ze(),
+        type: b,
+        settings: et(b)
+      };
+      x.current = W.id, w(V(r, f, W));
+    }, B = (f, b) => {
+      n || (x.current = f, w(Oe(r, f, b)));
+    }, P = (f) => {
+      n || !p || p(f);
+    }, R = (f) => {
+      n || !m || m(f);
+    }, J = () => n ? /* @__PURE__ */ t($, { variant: "warning", children: /* @__PURE__ */ t($.Title, { as: "p", children: l("workflow.editor.activeLock") }) }) : null, Q = () => o || d ? /* @__PURE__ */ u(ve, { children: [
+      /* @__PURE__ */ t(
+        st,
+        {
+          criteria: o,
+          onEdit: d,
+          disabled: n
+        }
+      ),
+      /* @__PURE__ */ t("span", { "aria-hidden": "true", className: O })
+    ] }) : null, X = h.length;
+    return X === 0 ? /* @__PURE__ */ u(
+      "div",
+      {
+        ref: T,
+        className: [re, c].filter(Boolean).join(" "),
+        children: [
+          J(),
+          Q(),
+          /* @__PURE__ */ u(
+            E,
+            {
+              variant: "first-use",
+              title: l("workflow.editor.addFirstAction"),
+              description: l("workflow.editor.empty"),
+              children: [
+                /* @__PURE__ */ t(E.Illustration, { children: /* @__PURE__ */ u(
+                  "svg",
+                  {
+                    viewBox: "0 0 120 120",
+                    fill: "none",
+                    "aria-hidden": "true",
+                    className: "ds:w-full ds:h-full",
+                    children: [
+                      /* @__PURE__ */ t(
+                        "circle",
+                        {
+                          cx: "60",
+                          cy: "60",
+                          r: "50",
+                          fill: "var(--muted)",
+                          stroke: "var(--border)",
+                          strokeWidth: "2"
+                        }
+                      ),
+                      /* @__PURE__ */ t(
+                        "rect",
+                        {
+                          x: "55",
+                          y: "30",
+                          width: "10",
+                          height: "60",
+                          rx: "5",
+                          fill: "var(--primary)"
+                        }
+                      ),
+                      /* @__PURE__ */ t(
+                        "rect",
+                        {
+                          x: "30",
+                          y: "55",
+                          width: "60",
+                          height: "10",
+                          rx: "5",
+                          fill: "var(--primary)"
+                        }
+                      )
+                    ]
+                  }
+                ) }),
+                /* @__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(ne, { "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 b = L[f];
+                      return /* @__PURE__ */ t(
+                        N.Item,
+                        {
+                          startIcon: /* @__PURE__ */ t(Y, { iconName: b.iconName }),
+                          onSelect: () => _(null, f),
+                          children: l(b.labelKey)
+                        },
+                        f
+                      );
+                    })
+                  ] })
+                ] }) })
+              ]
+            }
+          )
+        ]
+      }
+    ) : /* @__PURE__ */ u(
+      "div",
+      {
+        ref: T,
+        "data-component": "workflow-editor",
+        className: [re, c].filter(Boolean).join(" "),
+        children: [
+          J(),
+          Q(),
+          /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
+            oe,
+            {
+              availableActions: v,
+              disabled: n,
+              label: l("workflow.editor.addAction"),
+              onSelect: (f) => _(null, f)
+            }
+          ) }),
+          /* @__PURE__ */ t(
+            "ol",
+            {
+              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__ */ u("li", { className: "ds:list-none ds:flex ds:flex-col", children: [
+                /* @__PURE__ */ t("span", { "aria-hidden": "true", className: O }),
+                /* @__PURE__ */ t(
+                  rt,
+                  {
+                    node: f,
+                    position: b,
+                    total: X,
+                    disabled: n,
+                    onEdit: p ? P : void 0,
+                    onDelete: m ? R : void 0,
+                    onMove: B,
+                    registerRef: k
+                  }
+                ),
+                /* @__PURE__ */ t("span", { "aria-hidden": "true", className: O }),
+                /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
+                  oe,
+                  {
+                    availableActions: v,
+                    disabled: n,
+                    label: l("workflow.editor.addActionAfter"),
+                    onSelect: (W) => _(f.id, W)
+                  }
+                ) })
+              ] }, f.id))
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+ot.displayName = "WorkflowEditor";
+const at = {
+  Clock: fe,
+  Mail: ue,
+  Smartphone: me,
+  CheckSquare: ce,
+  MessageCircle: le,
+  UserCog: de,
+  Globe: ie
+}, nt = j(
+  // 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).
+  "ds:flex ds:list-none ds:p-0 ds:m-0",
+  {
+    variants: {
+      orientation: {
+        vertical: "ds:flex-col ds:items-stretch",
+        horizontal: "ds:flex-row ds:items-stretch ds:flex-wrap"
+      },
+      compact: {
+        true: "ds:gap-0",
+        false: "ds:gap-0"
+      }
+    },
+    defaultVariants: {
+      orientation: "vertical",
+      compact: !1
+    }
+  }
+), pe = j("ds:flex", {
+  variants: {
+    orientation: {
+      vertical: "ds:flex-col ds:items-stretch",
+      horizontal: "ds:flex-row ds:items-center"
+    }
+  }
+}), he = j(
+  [
+    "ds:relative ds:flex ds:items-center",
+    "ds:gap-[var(--spacing-sm)]",
+    "ds:rounded-[var(--radius-md)]",
+    // Flat-hairline: 1px card-border, no shadow; accessible theme bumps to 2px.
+    "ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2",
+    "ds:bg-[var(--card)] ds:text-[var(--card-foreground)]",
+    // Motion honours the accessible theme (--animation-duration → 0ms).
+    "ds:transition-[box-shadow,transform,opacity] ds:duration-[var(--animation-duration)]",
+    "ds:motion-reduce:transition-none",
+    // Content wraps instead of pushing siblings off-screen (DE / CJK story contract).
+    "ds:[word-break:break-word] ds:[overflow-wrap:anywhere]"
+  ].join(" "),
+  {
+    variants: {
+      orientation: {
+        vertical: "ds:inline-size-full",
+        horizontal: "ds:block-size-full"
+      },
+      compact: {
+        true: "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-xs)] ds:min-h-[var(--spacing-xl)]",
+        false: "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:py-[var(--spacing-sm)]"
+      },
+      state: {
+        completed: "",
+        current: "ds:ring-2 ds:ring-[color:var(--ring)] ds:font-[var(--font-weight-semibold)]",
+        // Pending state uses a dashed border + muted foreground so the
+        // step reads as "upcoming" without dropping text contrast below
+        // the 4.5:1 AA floor in dark-accessible. Applying opacity to
+        // text that is already on --muted-foreground fails axe on the
+        // dark themes (contrast ~3.6:1 after a 50 % dim).
+        pending: "ds:border-dashed ds:text-[color:var(--muted-foreground)] ds:[&_[data-testid=workflow-map-summary]]:text-[color:var(--muted-foreground)]",
+        neutral: ""
+      },
+      interactive: {
+        true: [
+          "ds:cursor-pointer",
+          "ds:hover:shadow-[var(--shadow-sm)]",
+          "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)]"
+        ].join(" "),
+        false: ""
+      }
+    }
+  }
+), we = j(
+  ["ds:block", "ds:border-solid", "ds:border-[color:var(--border)]"].join(" "),
+  {
+    variants: {
+      orientation: {
+        vertical: [
+          // Single edge: `border-s-[length:…]` maps to
+          // `border-inline-start-width` in Tailwind v4, so only the
+          // inline-start side renders — the other three stay at 0.
+          // `ms-[…]` aligns the line under the icon column.
+          "ds:ms-[calc(var(--spacing-md)+var(--spacing-sm))]",
+          "ds:border-s-[length:var(--border-width-hairline)]",
+          "ds:border-inline-start"
+        ].join(" "),
+        horizontal: [
+          "ds:self-center",
+          "ds:border-b-[length:var(--border-width-hairline)]",
+          "ds:border-block-end"
+        ].join(" ")
+      },
+      compact: {
+        true: "",
+        false: ""
+      }
+    },
+    compoundVariants: [
+      {
+        orientation: "vertical",
+        compact: !1,
+        class: "ds:h-[var(--spacing-md)]"
+      },
+      {
+        orientation: "vertical",
+        compact: !0,
+        class: "ds:h-[var(--spacing-sm)]"
+      },
+      {
+        orientation: "horizontal",
+        compact: !1,
+        class: "ds:w-[var(--spacing-md)]"
+      },
+      {
+        orientation: "horizontal",
+        compact: !0,
+        class: "ds:w-[var(--spacing-sm)]"
+      }
+    ]
+  }
+);
+function it(e) {
+  switch (e.kind) {
+    case "add_delay":
+      return typeof e.days == "number" && e.days > 0 ? {
+        key: "workflow.delay.days",
+        options: { count: e.days }
+      } : typeof e.hours == "number" && e.hours > 0 ? {
+        key: "workflow.delay.hours",
+        options: { count: e.hours }
+      } : typeof e.minutes == "number" && e.minutes > 0 ? {
+        key: "workflow.delay.minutes",
+        options: { count: e.minutes }
+      } : void 0;
+    case "send_email":
+      return e.subject || void 0;
+    case "send_sms":
+      return e.body || void 0;
+    case "create_task":
+      return e.title || void 0;
+    case "send_whatsapp":
+      return e.templateName || void 0;
+    case "update_patient_field":
+      return e.fieldLabel || void 0;
+    case "webhook":
+      return e.url || void 0;
+    default:
+      return;
+  }
+}
+function dt(e, r) {
+  if (e !== void 0)
+    return typeof e == "string" ? e : r(e.key, e.options);
+}
+const lt = H(
+  function({
+    graph: r,
+    activeNodeId: s,
+    onNodeClick: o,
+    enrollmentCriteria: d,
+    orientation: n = "vertical",
+    compact: a = !1,
+    className: p,
+    "aria-label": m,
+    ...c
+  }, i) {
+    const { t: l } = M(), v = F(() => G(r), [r]), h = F(
+      () => s ? v.findIndex((w) => w.id === s) : -1,
+      [v, s]
+    ), y = m ?? l("workflow.map.label", { count: v.length }), x = (w) => h === -1 ? "neutral" : w === h ? "current" : w < h ? "completed" : "pending";
+    return (
+      // eslint-disable-next-line jsx-a11y/no-redundant-roles -- Safari strips the implicit list role on <ol> with list-style:none; this guard puts it back in the accessibility tree
+      /* @__PURE__ */ u(
+        "ol",
+        {
+          ref: i,
+          role: "list",
+          "aria-label": y,
+          "data-component": "workflow-map",
+          "data-component-id": c.id,
+          className: nt({ orientation: n, compact: a, className: p }),
+          ...c,
+          children: [
+            d ? /* @__PURE__ */ t(
+              ut,
+              {
+                orientation: n,
+                compact: a,
+                criteria: d
+              }
+            ) : null,
+            v.map((w, k) => {
+              const A = x(k), I = k === v.length - 1;
+              return /* @__PURE__ */ t(
+                ct,
+                {
+                  node: w,
+                  state: A,
+                  orientation: n,
+                  compact: a,
+                  isLast: I,
+                  onNodeClick: o
+                },
+                w.id
+              );
+            })
+          ]
+        }
+      )
+    );
+  }
+);
+lt.displayName = "WorkflowMap";
+function ct({
+  node: e,
+  state: r,
+  orientation: s,
+  compact: o,
+  isLast: d,
+  onNodeClick: n
+}) {
+  const { t: a } = M(), p = L[e.type], m = at[p.iconName], c = a(p.labelKey), i = dt(it(e.settings), a), l = typeof n == "function", v = r === "current", h = r === "completed", y = (k) => {
+    l && (k.preventDefault(), n == null || n(e.id));
+  }, x = (k) => {
+    l && (k.key === "Enter" || k.key === " ") && (k.preventDefault(), n == null || n(e.id));
+  }, w = v ? a("workflow.map.current") : h ? a("workflow.map.completed") : r === "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: pe({ orientation: s }), children: [
+      /* @__PURE__ */ u(
+        "div",
+        {
+          role: l ? "button" : void 0,
+          tabIndex: l ? 0 : void 0,
+          "aria-current": v ? "step" : void 0,
+          "aria-label": l && o ? i ? a("workflow.map.nodeLabelWithSummary", {
+            type: c,
+            summary: i
+          }) : a("workflow.map.nodeLabel", { type: c }) : void 0,
+          title: o && i ? a("workflow.map.nodeLabelWithSummary", {
+            type: c,
+            summary: i
+          }) : void 0,
+          onClick: l ? y : void 0,
+          onKeyDown: l ? x : void 0,
+          className: he({
+            orientation: s,
+            compact: o,
+            state: r,
+            interactive: l
+          }),
+          "data-node-id": e.id,
+          "data-state": r,
+          children: [
+            /* @__PURE__ */ t(
+              "span",
+              {
+                "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(
+                  Ae,
+                  {
+                    className: "ds:size-[var(--spacing-md)] ds:text-[color:var(--success)]",
+                    "data-testid": "workflow-map-check"
+                  }
+                ) : /* @__PURE__ */ t(m, { 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: o ? "type-meta ds:truncate" : "type-body-sm", children: c }),
+              !o && i ? /* @__PURE__ */ t(
+                "span",
+                {
+                  className: "type-meta ds:text-[var(--muted-foreground)]",
+                  "data-testid": "workflow-map-summary",
+                  children: i
+                }
+              ) : null
+            ] }),
+            w ? /* @__PURE__ */ t("span", { className: "ds:sr-only", children: w }) : null
+          ]
+        }
+      ),
+      d ? null : /* @__PURE__ */ t(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: we({ orientation: s, compact: o }),
+          "data-testid": "workflow-map-connector"
+        }
+      )
+    ] })
+  );
+}
+function ut({
+  orientation: e,
+  compact: r,
+  criteria: s
+}) {
+  const { t: o } = M();
+  return /* @__PURE__ */ u("li", { className: pe({ orientation: e }), children: [
+    /* @__PURE__ */ u(
+      "div",
+      {
+        className: he({
+          orientation: e,
+          compact: r,
+          state: "neutral",
+          interactive: !1
+        }),
+        "data-testid": "workflow-map-criteria",
+        children: [
+          /* @__PURE__ */ t(
+            "span",
+            {
+              "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(ze, { 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: r ? "type-meta ds:truncate" : "type-body-sm", children: o("workflow.editor.enrollmentCriteria") }),
+            r ? null : /* @__PURE__ */ t("span", { className: "type-meta ds:text-[var(--muted-foreground)]", children: s.summary ?? o("workflow.editor.criteriaCount", {
+              count: s.ruleCount
+            }) })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ t(
+      "span",
+      {
+        "aria-hidden": "true",
+        className: we({ orientation: e, compact: r })
+      }
+    )
+  ] });
+}
+export {
+  $e as C,
+  Fe as W,
+  ot as a,
+  lt as b,
+  V as c,
+  Ft as d,
+  qe as e,
+  qt as f,
+  Ve as i,
+  G as l,
+  Oe as m,
+  ee as r,
+  L as w
+};
+//# sourceMappingURL=workflow-map-qWsgCldq.js.map