@alfadocs/ui-kit-debug 0.1.8

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

@@ -0,0 +1,1340 @@
+import { jsx as t, jsxs as c, Fragment as fe } from "react/jsx-runtime";
+import { forwardRef as P, useMemo as V, useRef as B, useCallback as K, useEffect as me } from "react";
+import { c as L } from "./index-D2ZczOXr.js";
+import { useTranslation as z } from "react-i18next";
+import { C as _ } from "./card-BEy58ZKp.js";
+import { B as pe } from "./badge-mrstWxve.js";
+import { K as G } from "./key-value-pair-JRFS9Xrh.js";
+import { T as he } from "./timestamp-BV2lC-wV.js";
+import { I as M } from "./icon-button-Wnnde5lc.js";
+import { c as C } from "./createLucideIcon-CrFbzy84.js";
+import { C as ve } from "./circle-BkqTgYmt.js";
+import { A as W } from "./alert-BlOUMkXj.js";
+import { B as we } from "./button-7mLWcMp_.js";
+import { D as N } from "./dropdown-menu-Cw3EyPZv.js";
+import { E as T } from "./empty-state-DQPtRp2b.js";
+import { P as ee } from "./plus-CYKNmfuA.js";
+import { G as te } from "./globe-BkEFMNSg.js";
+import { S as se } from "./square-check-big-Jr-0202D.js";
+import { M as re } from "./mail-C8irm52s.js";
+import { C as ae } from "./clock-21AGPWJ5.js";
+import { C as ye } from "./chevron-up-zOEDrmBB.js";
+import { C as be } from "./chevron-down-BX_NP2Yh.js";
+import { C as ge } from "./check-DPdL_Sm7.js";
+/**
+ * @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 = [
+  ["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" }]
+], xe = C("circle-dashed", 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 Ne = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["line", { x1: "10", x2: "10", y1: "15", y2: "9", key: "c1nkhi" }],
+  ["line", { x1: "14", x2: "14", y1: "15", y2: "9", key: "h65svq" }]
+], _e = C("circle-pause", Ne);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ce = [
+  ["path", { d: "M13 5h8", key: "a7qcls" }],
+  ["path", { d: "M13 12h8", key: "h98zly" }],
+  ["path", { d: "M13 19h8", key: "c3s6r1" }],
+  ["path", { d: "m3 17 2 2 4-4", key: "1jhpwq" }],
+  ["path", { d: "m3 7 2 2 4-4", key: "1obspn" }]
+], Me = C("list-checks", Ce);
+/**
+ * @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 = [
+  [
+    "path",
+    {
+      d: "M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719",
+      key: "1sd12s"
+    }
+  ]
+], oe = C("message-circle", ze);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const je = [
+  [
+    "path",
+    {
+      d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",
+      key: "1a8usu"
+    }
+  ],
+  ["path", { d: "m15 5 4 4", key: "1mk7zo" }]
+], O = C("pencil", 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 Se = [
+  ["path", { d: "M18.36 6.64A9 9 0 0 1 20.77 15", key: "dxknvb" }],
+  ["path", { d: "M6.16 6.16a9 9 0 1 0 12.68 12.68", key: "1x7qb5" }],
+  ["path", { d: "M12 2v4", key: "3427ic" }],
+  ["path", { d: "m2 2 20 20", key: "1ooewy" }]
+], Ae = C("power-off", Se);
+/**
+ * @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 = [
+  ["path", { d: "M12 2v10", key: "mnfbl" }],
+  ["path", { d: "M18.4 6.6a9 9 0 1 1-12.77.04", key: "obofu9" }]
+], Te = C("power", Ie);
+/**
+ * @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 = [
+  ["rect", { width: "14", height: "20", x: "5", y: "2", rx: "2", ry: "2", key: "1yt0o3" }],
+  ["path", { d: "M12 18h.01", key: "mhygvu" }]
+], ne = C("smartphone", Le);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const De = [
+  ["path", { d: "M10 11v6", key: "nco0om" }],
+  ["path", { d: "M14 11v6", key: "outv1u" }],
+  ["path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6", key: "miytrc" }],
+  ["path", { d: "M3 6h18", key: "d0wm0j" }],
+  ["path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2", key: "e791ji" }]
+], de = C("trash-2", De);
+/**
+ * @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 = [
+  ["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" }],
+  ["path", { d: "m16.852 12.228-.383-.923", key: "13v3q0" }],
+  ["path", { d: "m16.852 17.772-.383.924", key: "1i8mnm" }],
+  ["path", { d: "m19.148 12.228.383-.923", key: "1q8j1v" }],
+  ["path", { d: "m19.53 18.696-.382-.924", key: "vk1qj3" }],
+  ["path", { d: "m20.772 13.852.924-.383", key: "n880s0" }],
+  ["path", { d: "m20.772 16.148.924.383", key: "1g6xey" }],
+  ["circle", { cx: "18", cy: "15", r: "3", key: "gjjjvw" }],
+  ["circle", { cx: "9", cy: "7", r: "4", key: "nufk8" }]
+], ie = C("user-cog", Ee), Be = L("ds:relative ds:w-full", {
+  variants: {
+    density: {
+      comfortable: "",
+      compact: ""
+    }
+  },
+  defaultVariants: {
+    density: "comfortable"
+  }
+});
+function Ke(e) {
+  switch (e) {
+    case "active":
+      return {
+        badgeVariant: "success",
+        icon: /* @__PURE__ */ t(ve, { className: "ds:fill-current", "aria-hidden": "true" })
+      };
+    case "paused":
+      return {
+        badgeVariant: "warning",
+        icon: /* @__PURE__ */ t(_e, { "aria-hidden": "true" })
+      };
+    case "inactive":
+    default:
+      return {
+        badgeVariant: "neutral",
+        icon: /* @__PURE__ */ t(xe, { "aria-hidden": "true" })
+      };
+  }
+}
+const $e = P(
+  function({
+    workflow: s,
+    density: r = "comfortable",
+    onView: a,
+    onEdit: i,
+    onDelete: n,
+    onToggleActive: o,
+    className: p
+  }, m) {
+    const { t: u } = z(), d = Ke(s.status), l = s.status === "active", y = r === "compact", h = (v) => (g) => {
+      g.stopPropagation(), v == null || v();
+    }, k = /* @__PURE__ */ t(
+      pe,
+      {
+        variant: d.badgeVariant,
+        leading: d.icon,
+        withDot: !1,
+        children: u(`workflow.status.${s.status}`)
+      }
+    ), x = u("workflow.card.activeEnrollments");
+    return /* @__PURE__ */ c(
+      _,
+      {
+        ref: m,
+        variant: "default",
+        className: Be({ density: r, className: p }),
+        "data-component": "workflow-card",
+        children: [
+          /* @__PURE__ */ t(_.Header, { children: /* @__PURE__ */ c("div", { className: "ds:flex ds:items-start ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+            /* @__PURE__ */ c("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+              /* @__PURE__ */ t("h3", { className: "ds:m-0 type-title-card ds:text-[color:var(--foreground)] ds:[overflow-wrap:anywhere] ds:break-words", children: a ? /* @__PURE__ */ t(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => a(s.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: s.name
+                }
+              ) : s.name }),
+              y && /* @__PURE__ */ c("span", { className: "ds:flex ds:items-baseline ds:gap-[var(--spacing-xs)] type-body-sm ds:text-[color:var(--muted-foreground)]", children: [
+                /* @__PURE__ */ t("span", { children: x }),
+                /* @__PURE__ */ t("span", { className: "ds:font-medium ds:text-[color:var(--foreground)]", children: s.stats.activeEnrollments })
+              ] })
+            ] }),
+            /* @__PURE__ */ t("div", { className: "ds:shrink-0", children: k })
+          ] }) }),
+          !y && /* @__PURE__ */ c(_.Body, { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+            /* @__PURE__ */ t(
+              G,
+              {
+                label: u("workflow.card.activeEnrollments"),
+                value: s.stats.activeEnrollments
+              }
+            ),
+            /* @__PURE__ */ t(
+              G,
+              {
+                label: u("workflow.card.totalEnrollments"),
+                value: s.stats.totalEnrollments
+              }
+            )
+          ] }),
+          /* @__PURE__ */ c(_.Footer, { className: "ds:flex-wrap ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+            /* @__PURE__ */ c("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-xs)] type-body-sm ds:text-[color:var(--muted-foreground)]", children: [
+              /* @__PURE__ */ t("span", { className: "ds:truncate", title: s.createdBy, children: u("workflow.createdBy", { name: s.createdBy }) }),
+              s.updatedAt && /* @__PURE__ */ t(
+                he,
+                {
+                  value: s.updatedAt,
+                  format: "absolute",
+                  shape: "bare",
+                  absoluteFormat: { dateStyle: "medium" },
+                  className: "ds:truncate"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ c("div", { className: "ds:relative ds:z-10 ds:flex ds:shrink-0 ds:items-center ds:gap-[var(--spacing-xs)] ds:ms-auto", children: [
+              i && /* @__PURE__ */ t(
+                M,
+                {
+                  icon: /* @__PURE__ */ t(O, {}),
+                  size: "sm",
+                  intent: "ghost",
+                  "aria-label": u("workflow.card.edit"),
+                  onClick: h(() => i(s.id))
+                }
+              ),
+              o && /* @__PURE__ */ t(
+                M,
+                {
+                  icon: l ? /* @__PURE__ */ t(Ae, {}) : /* @__PURE__ */ t(Te, {}),
+                  size: "sm",
+                  intent: "ghost",
+                  "aria-label": u(
+                    l ? "workflow.card.deactivate" : "workflow.card.activate"
+                  ),
+                  onClick: h(
+                    () => o(s.id, !l)
+                  )
+                }
+              ),
+              n && /* @__PURE__ */ t(
+                M,
+                {
+                  icon: /* @__PURE__ */ t(de, {}),
+                  size: "sm",
+                  intent: "destructive",
+                  "aria-label": u("workflow.card.delete"),
+                  onClick: h(() => n(s.id))
+                }
+              )
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+$e.displayName = "WorkflowCard";
+function H(e) {
+  if (e.nodes.length === 0) return [];
+  const s = e.edges.filter(
+    (d) => d.condition == null
+  ), r = new Set(s.map((d) => d.to)), i = e.nodes.filter((d) => !r.has(d.id))[0] ?? e.nodes[0], n = new Map(e.nodes.map((d) => [d.id, d])), o = /* @__PURE__ */ new Map();
+  for (const d of s) {
+    const l = o.get(d.from) ?? [];
+    l.push(d), o.set(d.from, l);
+  }
+  const p = /* @__PURE__ */ new Set(), m = [];
+  let u = i;
+  for (; u && !p.has(u.id); ) {
+    p.add(u.id), m.push(u);
+    const d = o.get(u.id) ?? [];
+    d.length > 1 && typeof console < "u" && console.warn(
+      `[workflow] node ${u.id} has ${d.length} outgoing linear edges; v1 walks the first only.`
+    ), u = d[0] ? n.get(d[0].to) : void 0;
+  }
+  for (const d of e.nodes)
+    p.has(d.id) || m.push(d);
+  return m;
+}
+function F(e, s, r) {
+  const a = [...e.nodes, r];
+  if (s === null) {
+    const o = e.nodes[0];
+    return o ? {
+      nodes: a,
+      edges: [
+        { from: r.id, to: o.id, condition: null },
+        ...e.edges
+      ]
+    } : { nodes: a, edges: [] };
+  }
+  const i = e.edges.find(
+    (o) => o.from === s && o.condition == null
+  );
+  if (!i)
+    return {
+      nodes: a,
+      edges: [
+        ...e.edges,
+        { from: s, to: r.id, condition: null }
+      ]
+    };
+  const n = e.edges.filter((o) => o !== i);
+  return {
+    nodes: a,
+    edges: [
+      ...n,
+      { from: s, to: r.id, condition: null },
+      { from: r.id, to: i.to, condition: null }
+    ]
+  };
+}
+function Y(e, s) {
+  const r = e.edges.find(
+    (o) => o.to === s && o.condition == null
+  ), a = e.edges.find(
+    (o) => o.from === s && o.condition == null
+  ), i = e.edges.filter(
+    (o) => o.from !== s && o.to !== s
+  ), n = r && a ? [
+    ...i,
+    { from: r.from, to: a.to, condition: null }
+  ] : i;
+  return {
+    nodes: e.nodes.filter((o) => o.id !== s),
+    edges: n
+  };
+}
+function qe(e, s, r) {
+  var h;
+  const a = H(e), i = a.findIndex((k) => k.id === s);
+  if (i === -1) return e;
+  const n = r === "up" ? i - 1 : i + 1;
+  if (n < 0 || n >= a.length) return e;
+  const o = a[i], p = a[n];
+  if (!o || !p) return e;
+  const m = Y(Y(e, o.id), p.id), u = r === "up" ? o : p, d = r === "up" ? p : o, l = ((h = a[Math.min(i, n) - 1]) == null ? void 0 : h.id) ?? null, y = F(m, l, u);
+  return F(y, u.id, d);
+}
+const Re = /* @__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 Re.has(e);
+}
+const D = {
+  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"
+  }
+}, We = {
+  Clock: ae,
+  Mail: re,
+  Smartphone: ne,
+  CheckSquare: se,
+  MessageCircle: oe,
+  UserCog: ie,
+  Globe: te
+};
+function U({
+  iconName: e,
+  className: s
+}) {
+  const r = We[e];
+  return /* @__PURE__ */ t(r, { "aria-hidden": "true", className: s ?? "ds:size-4" });
+}
+const Fe = 40, Pe = 60;
+function J(e, s) {
+  return e.length <= s ? e : `${e.slice(0, s - 1)}…`;
+}
+function Oe(e, s) {
+  switch (e.kind) {
+    case "add_delay": {
+      const r = e.days ?? 0, a = s("workflow.delay.summary", { count: r });
+      return { text: a, full: a };
+    }
+    case "send_email": {
+      const r = e.subject ?? "", i = `${s("workflow.action.sendEmail")}: ${r}`;
+      return { text: J(i, Fe), full: i };
+    }
+    case "send_sms": {
+      const r = e.body ?? "";
+      return { text: J(r, Pe), full: r };
+    }
+    case "create_task": {
+      const r = e.title ?? "";
+      return { text: r, full: r };
+    }
+    // v2 types — generic fallback (no bespoke summariser yet).
+    case "send_whatsapp":
+    case "update_patient_field":
+    case "webhook":
+    default:
+      return null;
+  }
+}
+const Q = [
+  "ds:flex ds:flex-col",
+  "ds:w-full",
+  "ds:text-start",
+  "ds:gap-[var(--spacing-sm)]"
+].join(" "), R = [
+  "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(" "), He = [
+  "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(" "), Ue = [
+  "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+  "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+  "ds:forced-colors:focus-visible:outline-[CanvasText]",
+  "ds:rounded-[var(--radius-lg)]"
+].join(" "), Ge = Object.keys(
+  D
+);
+let X = 0;
+function Ye() {
+  X += 1;
+  const e = Math.random().toString(36).slice(2, 8);
+  return `wf-node-${Date.now()}-${X}-${e}`;
+}
+function Je(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 Qe(e = 0) {
+  const s = B(e), r = K((a) => {
+    s.current = a;
+  }, []);
+  return [s, r];
+}
+function Xe({
+  node: e,
+  position: s,
+  total: r,
+  disabled: a,
+  onEdit: i,
+  onDelete: n,
+  onMove: o,
+  registerRef: p
+}) {
+  const { t: m } = z(), u = D[e.type], d = B(null), [l, y] = Qe(0), h = K(
+    (w) => {
+      var f, b;
+      const S = (f = d.current) == null ? void 0 : f.querySelectorAll(
+        "button[data-wf-control]:not([disabled])"
+      );
+      if (!S || S.length === 0) return;
+      const I = Math.max(0, Math.min(w, S.length - 1));
+      (b = S[I]) == null || b.focus(), y(I);
+    },
+    [y]
+  ), k = (w) => {
+    w.target === w.currentTarget && (w.key === "ArrowRight" || w.key === "ArrowDown") && (w.preventDefault(), h(0));
+  }, x = (w) => {
+    w.key === "ArrowRight" ? (w.preventDefault(), h(l.current + 1)) : w.key === "ArrowLeft" ? (w.preventDefault(), h(l.current - 1)) : w.key === "Home" ? (w.preventDefault(), h(0)) : w.key === "End" && (w.preventDefault(), h(Number.POSITIVE_INFINITY));
+  }, v = Oe(e.settings, m), g = m(u.labelKey), j = s > 0, A = s < r - 1, $ = m("workflow.editor.position", {
+    current: s + 1,
+    total: r
+  }), q = m("workflow.editor.nodeAriaLabel", {
+    type: g,
+    current: s + 1,
+    total: r
+  });
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      ref: (w) => p(e.id, w),
+      tabIndex: a ? -1 : 0,
+      onKeyDown: k,
+      "aria-label": q,
+      className: Ue,
+      children: /* @__PURE__ */ c(_, { variant: "outlined", children: [
+        /* @__PURE__ */ t(_.Header, { className: "ds:pb-[var(--spacing-sm)]", children: /* @__PURE__ */ c("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+          /* @__PURE__ */ t(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: "ds:inline-flex ds:size-8 ds:shrink-0 ds:items-center ds:justify-center ds:rounded-[var(--radius-sm)] ds:bg-[color:var(--muted)]/20 ds:text-[color:var(--foreground)]",
+              children: /* @__PURE__ */ t(U, { iconName: u.iconName, className: "ds:size-4" })
+            }
+          ),
+          /* @__PURE__ */ c("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col", children: [
+            /* @__PURE__ */ t("span", { className: "ds:text-[length:var(--font-size-sm)] ds:font-[var(--font-weight-semibold)] ds:text-[color:var(--foreground)] ds:[overflow-wrap:anywhere] ds:break-words", children: g }),
+            /* @__PURE__ */ t("span", { className: "ds:text-[length:var(--font-size-xs)] ds:text-[color:var(--muted-foreground)]", children: $ })
+          ] }),
+          /* @__PURE__ */ c(
+            "div",
+            {
+              ref: d,
+              onKeyDown: x,
+              className: "ds:flex ds:shrink-0 ds:items-center ds:gap-[var(--spacing-xs)] ds:ms-auto",
+              children: [
+                i ? /* @__PURE__ */ t(
+                  M,
+                  {
+                    "data-wf-control": "edit",
+                    icon: /* @__PURE__ */ t(O, {}),
+                    size: "sm",
+                    intent: "ghost",
+                    disabled: a,
+                    tabIndex: -1,
+                    "aria-label": m("workflow.editor.editAction"),
+                    onClick: () => i(e.id)
+                  }
+                ) : null,
+                /* @__PURE__ */ t(
+                  M,
+                  {
+                    "data-wf-control": "up",
+                    icon: /* @__PURE__ */ t(ye, {}),
+                    size: "sm",
+                    intent: "ghost",
+                    disabled: a || !j,
+                    tabIndex: -1,
+                    "aria-label": m("workflow.editor.moveUp"),
+                    onClick: () => o(e.id, "up")
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  M,
+                  {
+                    "data-wf-control": "down",
+                    icon: /* @__PURE__ */ t(be, {}),
+                    size: "sm",
+                    intent: "ghost",
+                    disabled: a || !A,
+                    tabIndex: -1,
+                    "aria-label": m("workflow.editor.moveDown"),
+                    onClick: () => o(e.id, "down")
+                  }
+                ),
+                n ? /* @__PURE__ */ t(
+                  M,
+                  {
+                    "data-wf-control": "delete",
+                    icon: /* @__PURE__ */ t(de, {}),
+                    size: "sm",
+                    intent: "destructive",
+                    disabled: a,
+                    tabIndex: -1,
+                    "aria-label": m("workflow.editor.deleteAction"),
+                    onClick: () => n(e.id)
+                  }
+                ) : null
+              ]
+            }
+          )
+        ] }) }),
+        v ? /* @__PURE__ */ t(_.Body, { className: "ds:pt-0", children: /* @__PURE__ */ t(
+          "p",
+          {
+            className: "ds:text-[length:var(--font-size-sm)] ds:text-[color:var(--muted-foreground)] ds:[overflow-wrap:anywhere] ds:break-words",
+            title: v.full,
+            children: v.text
+          }
+        ) }) : null,
+        e.settings.kind === "update_patient_field" && Ve(e.settings.fieldId) ? /* @__PURE__ */ t(_.Body, { className: "ds:pt-0", children: /* @__PURE__ */ t(
+          W,
+          {
+            variant: "error",
+            "data-testid": "workflow-editor-invalid-field",
+            children: m("workflow.editor.invalidField")
+          }
+        ) }) : null
+      ] })
+    }
+  );
+}
+function Z({
+  availableActions: e,
+  onSelect: s,
+  disabled: r,
+  label: a,
+  compact: i = !0
+}) {
+  const { t: n } = z();
+  return /* @__PURE__ */ c(N.Root, { children: [
+    /* @__PURE__ */ t(N.Trigger, { asChild: !0, children: /* @__PURE__ */ c(
+      "button",
+      {
+        type: "button",
+        disabled: r,
+        "aria-label": a,
+        className: He,
+        children: [
+          /* @__PURE__ */ t(ee, { "aria-hidden": "true", className: "ds:size-4" }),
+          i ? null : /* @__PURE__ */ t("span", { className: "ds:text-[length:var(--font-size-sm)]", children: a })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ c(N.Content, { align: "start", sideOffset: 6, children: [
+      /* @__PURE__ */ t(N.Label, { children: n("workflow.editor.addAction") }),
+      e.map((o) => {
+        const p = D[o];
+        return /* @__PURE__ */ t(
+          N.Item,
+          {
+            startIcon: /* @__PURE__ */ t(U, { iconName: p.iconName }),
+            onSelect: () => s(o),
+            children: n(p.labelKey)
+          },
+          o
+        );
+      })
+    ] })
+  ] });
+}
+function Ze({ criteria: e, onEdit: s, disabled: r }) {
+  const { t: a } = z(), i = (e == null ? void 0 : e.ruleCount) ?? 0, n = i > 0 ? a("workflow.editor.criteriaCount", { count: i }) : a("workflow.editor.noCriteria");
+  return /* @__PURE__ */ t(_, { variant: "outlined", children: /* @__PURE__ */ t(_.Header, { className: "ds:pb-[var(--spacing-sm)]", children: /* @__PURE__ */ c("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+    /* @__PURE__ */ c("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col", children: [
+      /* @__PURE__ */ t("span", { className: "ds:text-[length:var(--font-size-sm)] ds:font-[var(--font-weight-semibold)] ds:text-[color:var(--foreground)]", children: a("workflow.editor.enrollmentCriteria") }),
+      /* @__PURE__ */ t("span", { className: "ds:text-[length:var(--font-size-sm)] ds:text-[color:var(--muted-foreground)] ds:[overflow-wrap:anywhere] ds:break-words", children: (e == null ? void 0 : e.summary) ?? n })
+    ] }),
+    s ? /* @__PURE__ */ t(
+      M,
+      {
+        icon: /* @__PURE__ */ t(O, {}),
+        size: "sm",
+        intent: "ghost",
+        disabled: r,
+        "aria-label": a("workflow.editor.editCriteria"),
+        onClick: s
+      }
+    ) : null
+  ] }) }) });
+}
+const et = P(
+  function({
+    graph: s,
+    onChange: r,
+    enrollmentCriteria: a,
+    onEditEnrollmentCriteria: i,
+    isActive: n = !1,
+    availableActions: o,
+    onEditNode: p,
+    onDeleteNode: m,
+    className: u
+  }, d) {
+    const { t: l } = z(), y = o ?? Ge, h = V(() => H(s), [s]), k = B(/* @__PURE__ */ new Map()), x = B(null), v = K(
+      (f) => {
+        n || r(f);
+      },
+      [n, r]
+    ), g = K(
+      (f, b) => {
+        b ? k.current.set(f, b) : k.current.delete(f);
+      },
+      []
+    );
+    me(() => {
+      const f = x.current;
+      if (!f) return;
+      const b = k.current.get(f);
+      b && (b.focus(), x.current = null);
+    });
+    const j = (f, b) => {
+      if (n) return;
+      const E = {
+        id: Ye(),
+        type: b,
+        settings: Je(b)
+      };
+      x.current = E.id, v(F(s, f, E));
+    }, A = (f, b) => {
+      n || (x.current = f, v(qe(s, f, b)));
+    }, $ = (f) => {
+      n || !p || p(f);
+    }, q = (f) => {
+      n || !m || m(f);
+    }, w = () => n ? /* @__PURE__ */ t(W, { variant: "warning", children: /* @__PURE__ */ t(W.Title, { as: "p", children: l("workflow.editor.activeLock") }) }) : null, S = () => a || i ? /* @__PURE__ */ c(fe, { children: [
+      /* @__PURE__ */ t(
+        Ze,
+        {
+          criteria: a,
+          onEdit: i,
+          disabled: n
+        }
+      ),
+      /* @__PURE__ */ t("span", { "aria-hidden": "true", className: R })
+    ] }) : null, I = h.length;
+    return I === 0 ? /* @__PURE__ */ c(
+      "div",
+      {
+        ref: d,
+        className: [Q, u].filter(Boolean).join(" "),
+        children: [
+          w(),
+          S(),
+          /* @__PURE__ */ c(
+            T,
+            {
+              variant: "first-use",
+              title: l("workflow.editor.addFirstAction"),
+              description: l("workflow.editor.empty"),
+              children: [
+                /* @__PURE__ */ t(T.Illustration, { children: /* @__PURE__ */ c(
+                  "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(T.Title, { children: l("workflow.editor.addFirstAction") }),
+                /* @__PURE__ */ t(T.Description, { children: l("workflow.editor.empty") }),
+                /* @__PURE__ */ t(T.Actions, { children: /* @__PURE__ */ c(N.Root, { children: [
+                  /* @__PURE__ */ t(N.Trigger, { asChild: !0, children: /* @__PURE__ */ c(we, { intent: "primary", disabled: n, children: [
+                    /* @__PURE__ */ t(ee, { "aria-hidden": "true", className: "ds:size-4" }),
+                    /* @__PURE__ */ t("span", { children: l("workflow.editor.addFirstAction") })
+                  ] }) }),
+                  /* @__PURE__ */ c(N.Content, { align: "center", sideOffset: 6, children: [
+                    /* @__PURE__ */ t(N.Label, { children: l("workflow.editor.addAction") }),
+                    y.map((f) => {
+                      const b = D[f];
+                      return /* @__PURE__ */ t(
+                        N.Item,
+                        {
+                          startIcon: /* @__PURE__ */ t(U, { iconName: b.iconName }),
+                          onSelect: () => j(null, f),
+                          children: l(b.labelKey)
+                        },
+                        f
+                      );
+                    })
+                  ] })
+                ] }) })
+              ]
+            }
+          )
+        ]
+      }
+    ) : /* @__PURE__ */ c(
+      "div",
+      {
+        ref: d,
+        "data-component": "workflow-editor",
+        className: [Q, u].filter(Boolean).join(" "),
+        children: [
+          w(),
+          S(),
+          /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
+            Z,
+            {
+              availableActions: y,
+              disabled: n,
+              label: l("workflow.editor.addAction"),
+              onSelect: (f) => j(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__ */ c("li", { className: "ds:list-none ds:flex ds:flex-col", children: [
+                /* @__PURE__ */ t("span", { "aria-hidden": "true", className: R }),
+                /* @__PURE__ */ t(
+                  Xe,
+                  {
+                    node: f,
+                    position: b,
+                    total: I,
+                    disabled: n,
+                    onEdit: p ? $ : void 0,
+                    onDelete: m ? q : void 0,
+                    onMove: A,
+                    registerRef: g
+                  }
+                ),
+                /* @__PURE__ */ t("span", { "aria-hidden": "true", className: R }),
+                /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
+                  Z,
+                  {
+                    availableActions: y,
+                    disabled: n,
+                    label: l("workflow.editor.addActionAfter"),
+                    onSelect: (E) => j(f.id, E)
+                  }
+                ) })
+              ] }, f.id))
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+et.displayName = "WorkflowEditor";
+const tt = {
+  Clock: ae,
+  Mail: re,
+  Smartphone: ne,
+  CheckSquare: se,
+  MessageCircle: oe,
+  UserCog: ie,
+  Globe: te
+}, st = 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).
+  "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
+    }
+  }
+), le = L("ds:flex", {
+  variants: {
+    orientation: {
+      vertical: "ds:flex-col ds:items-stretch",
+      horizontal: "ds:flex-row ds:items-center"
+    }
+  }
+}), ce = L(
+  [
+    "ds:relative ds:flex ds:items-center",
+    "ds:gap-[var(--spacing-sm)]",
+    "ds:rounded-[var(--radius-md)]",
+    "ds:border ds:border-[color:var(--border)]",
+    "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: ""
+      }
+    }
+  }
+), ue = L(
+  [
+    "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 rt(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 at(e, s) {
+  if (e !== void 0)
+    return typeof e == "string" ? e : s(e.key, e.options);
+}
+const ot = P(
+  function({
+    graph: s,
+    activeNodeId: r,
+    onNodeClick: a,
+    enrollmentCriteria: i,
+    orientation: n = "vertical",
+    compact: o = !1,
+    className: p,
+    "aria-label": m,
+    ...u
+  }, d) {
+    const { t: l } = z(), y = V(() => H(s), [s]), h = V(
+      () => r ? y.findIndex((v) => v.id === r) : -1,
+      [y, r]
+    ), k = m ?? l("workflow.map.label", { count: y.length }), x = (v) => h === -1 ? "neutral" : v === h ? "current" : v < h ? "completed" : "pending";
+    return /* @__PURE__ */ c(
+      "ol",
+      {
+        ref: d,
+        role: "list",
+        "aria-label": k,
+        "data-component": "workflow-map",
+        className: st({ orientation: n, compact: o, className: p }),
+        ...u,
+        children: [
+          i ? /* @__PURE__ */ t(
+            dt,
+            {
+              orientation: n,
+              compact: o,
+              criteria: i
+            }
+          ) : null,
+          y.map((v, g) => {
+            const j = x(g), A = g === y.length - 1;
+            return /* @__PURE__ */ t(
+              nt,
+              {
+                node: v,
+                state: j,
+                orientation: n,
+                compact: o,
+                isLast: A,
+                onNodeClick: a
+              },
+              v.id
+            );
+          })
+        ]
+      }
+    );
+  }
+);
+ot.displayName = "WorkflowMap";
+function nt({
+  node: e,
+  state: s,
+  orientation: r,
+  compact: a,
+  isLast: i,
+  onNodeClick: n
+}) {
+  const { t: o } = z(), p = D[e.type], m = tt[p.iconName], u = o(p.labelKey), d = at(rt(e.settings), o), l = typeof n == "function", y = s === "current", h = s === "completed", k = (g) => {
+    l && (g.preventDefault(), n == null || n(e.id));
+  }, x = (g) => {
+    l && (g.key === "Enter" || g.key === " ") && (g.preventDefault(), n == null || n(e.id));
+  }, v = y ? o("workflow.map.current") : h ? o("workflow.map.completed") : s === "pending" ? o("workflow.map.pending") : null;
+  return (
+    // `<li>` has implicit role="listitem"; no explicit role needed.
+    /* @__PURE__ */ c("li", { className: le({ orientation: r }), children: [
+      /* @__PURE__ */ c(
+        "div",
+        {
+          role: l ? "button" : void 0,
+          tabIndex: l ? 0 : void 0,
+          "aria-current": y ? "step" : void 0,
+          "aria-label": l && a ? d ? o("workflow.map.nodeLabelWithSummary", {
+            type: u,
+            summary: d
+          }) : o("workflow.map.nodeLabel", { type: u }) : void 0,
+          title: a && d ? o("workflow.map.nodeLabelWithSummary", {
+            type: u,
+            summary: d
+          }) : void 0,
+          onClick: l ? k : void 0,
+          onKeyDown: l ? x : void 0,
+          className: ce({
+            orientation: r,
+            compact: a,
+            state: s,
+            interactive: l
+          }),
+          "data-node-id": e.id,
+          "data-state": s,
+          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(
+                  ge,
+                  {
+                    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__ */ c("span", { className: "ds:flex ds:flex-col ds:min-w-0 ds:flex-1", children: [
+              /* @__PURE__ */ t(
+                "span",
+                {
+                  className: a ? "type-meta ds:truncate" : "type-body-sm",
+                  children: u
+                }
+              ),
+              !a && d ? /* @__PURE__ */ t(
+                "span",
+                {
+                  className: "type-meta ds:text-[var(--muted-foreground)]",
+                  "data-testid": "workflow-map-summary",
+                  children: d
+                }
+              ) : null
+            ] }),
+            v ? /* @__PURE__ */ t("span", { className: "ds:sr-only", children: v }) : null
+          ]
+        }
+      ),
+      i ? null : /* @__PURE__ */ t(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: ue({ orientation: r, compact: a }),
+          "data-testid": "workflow-map-connector"
+        }
+      )
+    ] })
+  );
+}
+function dt({
+  orientation: e,
+  compact: s,
+  criteria: r
+}) {
+  const { t: a } = z();
+  return /* @__PURE__ */ c("li", { className: le({ orientation: e }), children: [
+    /* @__PURE__ */ c(
+      "div",
+      {
+        className: ce({
+          orientation: e,
+          compact: s,
+          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(Me, { className: "ds:size-[var(--spacing-md)]" })
+            }
+          ),
+          /* @__PURE__ */ c("span", { className: "ds:flex ds:flex-col ds:min-w-0 ds:flex-1", children: [
+            /* @__PURE__ */ t(
+              "span",
+              {
+                className: s ? "type-meta ds:truncate" : "type-body-sm",
+                children: a("workflow.editor.enrollmentCriteria")
+              }
+            ),
+            s ? null : /* @__PURE__ */ t("span", { className: "type-meta ds:text-[var(--muted-foreground)]", children: r.summary ?? a("workflow.editor.criteriaCount", {
+              count: r.ruleCount
+            }) })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ t(
+      "span",
+      {
+        "aria-hidden": "true",
+        className: ue({ orientation: e, compact: s })
+      }
+    )
+  ] });
+}
+export {
+  Re as C,
+  $e as W,
+  et as a,
+  ot as b,
+  F as c,
+  Ve as i,
+  H as l,
+  qe as m,
+  Y as r,
+  D as w
+};
+//# sourceMappingURL=workflow-map-XeqHDFvp.js.map