@alfadocs/ui-kit 1.52.0 → 1.54.0

package/dist/_chunks/{workflow-map-C7fHKTXL.js → workflow-map-PzamnfJK.js}

@@ -1,12 +1,12 @@
-import { jsx as t, jsxs as u, Fragment as ve } from "react/jsx-runtime";
+import { jsx as t, jsxs as c, Fragment as ve } from "react/jsx-runtime";
 import { forwardRef as H, useMemo as W, useRef as M, useCallback as F, useState as ge, useImperativeHandle as be, useEffect as ke } from "react";
 import { c as j } from "./index-D2ZczOXr.js";
 import { useTranslation as z } from "react-i18next";
 import { C } from "./card-DPmk26CL.js";
 import { B as ye } from "./badge-hnBt8o7n.js";
-import { a as Z } from "./key-value-pair-DZH8ESsc.js";
+import { a as Z } from "./key-value-pair-BkXjt88Z.js";
 import { T as xe } from "./timestamp-DPLDWdxA.js";
-import { I as S } from "./icon-button-JAXAkqWC.js";
+import { I as S } from "./icon-button-mKIvw90h.js";
 import { P as $ } from "./pencil-B1sKKyuT.js";
 import { c as U } from "./createLucideIcon-DhHxpK9K.js";
 import { T as ae } from "./trash-2-uumy3fy1.js";
@@ -16,7 +16,7 @@ import { u as _e } from "./registry-DvAUVLHh.js";
 import { A as V } from "./alert-BhCstf2h.js";
 import { B as Se } from "./button-CYPx2xFq.js";
 import { D as N } from "./dropdown-menu-B5mgV1kV.js";
-import { E } from "./empty-state-DActfjdn.js";
+import { E } from "./empty-state-CgvmPPvW.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";
@@ -27,8 +27,8 @@ import { M as fe } from "./mail-BqXVF2zH.js";
 import { C as me } from "./clock-Drd4Wtis.js";
 import { C as ze } from "./chevron-up-umRGgtJA.js";
 import { C as Me } from "./chevron-down-DWE7GSq9.js";
-import { C as Ae } from "./clipboard-check-BeAGxDVT.js";
-import { C as Ie } from "./check-DrFSN__t.js";
+import { C as Ie } from "./clipboard-check-BeAGxDVT.js";
+import { C as Ae } from "./check-DrFSN__t.js";
 /**
  * @license lucide-react v1.22.0 - ISC
  *
@@ -102,18 +102,18 @@ const Re = H(
     onToggleActive: a,
     className: p
   }, m) {
-    const { t: c } = z("ui"), i = Pe(r.status), l = r.status === "active", v = s === "compact", w = (h) => (k) => {
-      k.stopPropagation(), h == null || h();
+    const { t: l } = z("ui"), i = Pe(r.status), u = 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}`)
+        children: l(`workflow.status.${r.status}`)
       }
-    ), x = c("workflow.card.activeEnrollments");
-    return /* @__PURE__ */ u(
+    ), x = l("workflow.card.activeEnrollments");
+    return /* @__PURE__ */ c(
       C,
       {
         ref: m,
@@ -122,8 +122,8 @@ const Re = H(
         "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(C.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: o ? /* @__PURE__ */ t(
                 "button",
                 {
@@ -146,32 +146,32 @@ const Re = H(
                   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: [
+              v && /* @__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: 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: [
+          !v && /* @__PURE__ */ c(C.Body, { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
             /* @__PURE__ */ t(
               Z,
               {
-                label: c("workflow.card.activeEnrollments"),
+                label: l("workflow.card.activeEnrollments"),
                 value: r.stats.activeEnrollments
               }
             ),
             /* @__PURE__ */ t(
               Z,
               {
-                label: c("workflow.card.totalEnrollments"),
+                label: l("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 }) }),
+          /* @__PURE__ */ c(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: r.createdBy, children: l("workflow.createdBy", { name: r.createdBy }) }),
               r.updatedAt && /* @__PURE__ */ t(
                 xe,
                 {
@@ -183,27 +183,27 @@ const Re = H(
                 }
               )
             ] }),
-            /* @__PURE__ */ u("div", { className: "ds:relative ds:z-10 ds:flex ds:shrink-0 ds:items-center ds:gap-[var(--spacing-xs)] ds:ms-auto", children: [
+            /* @__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: [
               d && /* @__PURE__ */ t(
                 S,
                 {
                   icon: /* @__PURE__ */ t($, {}),
                   size: "sm",
                   intent: "ghost",
-                  "aria-label": c("workflow.card.edit"),
-                  onClick: w(() => d(r.id))
+                  "aria-label": l("workflow.card.edit"),
+                  onClick: h(() => d(r.id))
                 }
               ),
               a && /* @__PURE__ */ t(
                 S,
                 {
-                  icon: l ? /* @__PURE__ */ t(De, {}) : /* @__PURE__ */ t(Ke, {}),
+                  icon: u ? /* @__PURE__ */ t(De, {}) : /* @__PURE__ */ t(Ke, {}),
                   size: "sm",
                   intent: "ghost",
-                  "aria-label": c(
-                    l ? "workflow.card.deactivate" : "workflow.card.activate"
+                  "aria-label": l(
+                    u ? "workflow.card.deactivate" : "workflow.card.activate"
                   ),
-                  onClick: w(() => a(r.id, !l))
+                  onClick: h(() => a(r.id, !u))
                 }
               ),
               n && /* @__PURE__ */ t(
@@ -212,8 +212,8 @@ const Re = H(
                   icon: /* @__PURE__ */ t(ae, {}),
                   size: "sm",
                   intent: "destructive",
-                  "aria-label": c("workflow.card.delete"),
-                  onClick: w(() => n(r.id))
+                  "aria-label": l("workflow.card.delete"),
+                  onClick: h(() => n(r.id))
                 }
               )
             ] })
@@ -322,17 +322,17 @@ 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 u = a.get(i.from) ?? [];
+    u.push(i), a.set(i.from, u);
   }
   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) ?? [];
+  let l = d;
+  for (; l && !p.has(l.id); ) {
+    p.add(l.id), m.push(l);
+    const i = a.get(l.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;
+      `[workflow] node ${l.id} has ${i.length} outgoing linear edges; v1 walks the first only.`
+    ), l = i[0] ? n.get(i[0].to) : void 0;
   }
   for (const i of e.nodes)
     p.has(i.id) || m.push(i);
@@ -383,15 +383,15 @@ function ee(e, r) {
   };
 }
 function Fe(e, r, s) {
-  var w;
+  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 = ((w = o[Math.min(d, n) - 1]) == null ? void 0 : w.id) ?? null, v = q(m, l, c);
-  return q(v, c.id, i);
+  const m = ee(ee(e, a.id), p.id), l = s === "up" ? a : p, i = s === "up" ? p : a, u = ((h = o[Math.min(d, n) - 1]) == null ? void 0 : h.id) ?? null, v = q(m, u, l);
+  return q(v, l.id, i);
 }
 const Oe = /* @__PURE__ */ new Set([
   "dateOfBirth",
@@ -572,7 +572,7 @@ function et({
   onMove: a,
   registerRef: p
 }) {
-  const { t: m } = z("ui"), c = D[e.type], i = M(null), [l, v] = Ze(0), w = F(
+  const { t: m } = z("ui"), l = D[e.type], i = M(null), [u, v] = Ze(0), h = F(
     (g) => {
       var B, P;
       const _ = (B = i.current) == null ? void 0 : B.querySelectorAll(
@@ -584,10 +584,10 @@ function et({
     },
     [v]
   ), y = (g) => {
-    g.target === g.currentTarget && (g.key === "ArrowRight" || g.key === "ArrowDown") && (g.preventDefault(), w(0));
+    g.target === g.currentTarget && (g.key === "ArrowRight" || g.key === "ArrowDown") && (g.preventDefault(), h(0));
   }, x = (g) => {
-    g.key === "ArrowRight" ? (g.preventDefault(), w(l.current + 1)) : g.key === "ArrowLeft" ? (g.preventDefault(), w(l.current - 1)) : g.key === "Home" ? (g.preventDefault(), w(0)) : g.key === "End" && (g.preventDefault(), w(Number.POSITIVE_INFINITY));
-  }, h = Ue(e.settings, m), k = m(c.labelKey), A = r > 0, I = r < s - 1, L = m("workflow.editor.position", {
+    g.key === "ArrowRight" ? (g.preventDefault(), h(u.current + 1)) : g.key === "ArrowLeft" ? (g.preventDefault(), h(u.current - 1)) : g.key === "Home" ? (g.preventDefault(), h(0)) : g.key === "End" && (g.preventDefault(), h(Number.POSITIVE_INFINITY));
+  }, w = Ue(e.settings, m), k = m(l.labelKey), I = r > 0, A = r < s - 1, L = m("workflow.editor.position", {
     current: r + 1,
     total: s
   }), T = m("workflow.editor.nodeAriaLabel", {
@@ -606,21 +606,21 @@ function et({
         "aria-label": T,
         "data-node-id": e.id,
         className: Ye,
-        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: [
+        children: /* @__PURE__ */ c(C, { variant: "outlined", children: [
+          /* @__PURE__ */ t(C.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(Y, { iconName: c.iconName, className: "ds:size-4" })
+                children: /* @__PURE__ */ t(Y, { iconName: l.iconName, className: "ds:size-4" })
               }
             ),
-            /* @__PURE__ */ u("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col", 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)] 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: L })
             ] }),
-            /* @__PURE__ */ u(
+            /* @__PURE__ */ c(
               "div",
               {
                 ref: i,
@@ -647,7 +647,7 @@ function et({
                       icon: /* @__PURE__ */ t(ze, {}),
                       size: "sm",
                       intent: "ghost",
-                      disabled: o || !A,
+                      disabled: o || !I,
                       tabIndex: -1,
                       "aria-label": m("workflow.editor.moveUp"),
                       onClick: () => a(e.id, "up")
@@ -660,7 +660,7 @@ function et({
                       icon: /* @__PURE__ */ t(Me, {}),
                       size: "sm",
                       intent: "ghost",
-                      disabled: o || !I,
+                      disabled: o || !A,
                       tabIndex: -1,
                       "aria-label": m("workflow.editor.moveDown"),
                       onClick: () => a(e.id, "down")
@@ -683,12 +683,12 @@ function et({
               }
             )
           ] }) }),
-          h ? /* @__PURE__ */ t(C.Body, { className: "ds:pt-0", children: /* @__PURE__ */ t(
+          w ? /* @__PURE__ */ t(C.Body, { className: "ds:pt-0", children: /* @__PURE__ */ t(
             "p",
             {
               className: "ds:text-[length:var(--font-size-sm)] ds:text-[color:var(--muted-foreground)] ds:[overflow-wrap:anywhere] ds:break-words",
-              title: h.full,
-              children: h.text
+              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(V, { variant: "error", "data-testid": "workflow-editor-invalid-field", children: m("workflow.editor.invalidField") }) }) : null
@@ -705,8 +705,8 @@ function oe({
   compact: d = !0
 }) {
   const { t: n } = z("ui");
-  return /* @__PURE__ */ u(N.Root, { children: [
-    /* @__PURE__ */ t(N.Trigger, { asChild: !0, children: /* @__PURE__ */ u(
+  return /* @__PURE__ */ c(N.Root, { children: [
+    /* @__PURE__ */ t(N.Trigger, { asChild: !0, children: /* @__PURE__ */ c(
       "button",
       {
         type: "button",
@@ -719,7 +719,7 @@ function oe({
         ]
       }
     ) }),
-    /* @__PURE__ */ u(N.Content, { align: "start", sideOffset: 6, children: [
+    /* @__PURE__ */ c(N.Content, { align: "start", sideOffset: 6, children: [
       /* @__PURE__ */ t(N.Label, { children: n("workflow.editor.addAction") }),
       e.map((a) => {
         const p = D[a];
@@ -738,8 +738,8 @@ function oe({
 }
 function tt({ criteria: e, onEdit: r, disabled: s }) {
   const { t: o } = z("ui"), 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: [
+  return /* @__PURE__ */ t(C, { variant: "outlined", children: /* @__PURE__ */ t(C.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: 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 })
     ] }),
@@ -766,29 +766,29 @@ const rt = H(
     availableActions: a,
     onEditNode: p,
     onDeleteNode: m,
-    className: c
+    className: l
   }, i) {
-    const { t: l } = z("ui"), v = a ?? Je, w = W(() => G(r), [r]), y = M(/* @__PURE__ */ new Map()), x = M(null), h = F(
+    const { t: u } = z("ui"), v = a ?? Je, h = W(() => G(r), [r]), y = M(/* @__PURE__ */ new Map()), x = M(null), w = F(
       (f) => {
         n || s(f);
       },
       [n, s]
     ), k = F((f, b) => {
       b ? y.current.set(f, b) : y.current.delete(f);
-    }, []), [A, I] = ge(null), L = M(null);
-    L.current = A;
+    }, []), [I, A] = ge(null), L = M(null);
+    L.current = I;
     const T = M(null);
     be(i, () => T.current, []);
     const g = W(
       () => ({
-        getTotalSteps: () => w.length,
+        getTotalSteps: () => h.length,
         getCurrentStep: () => L.current,
         gotoStep: (f) => {
           const b = y.current.get(f);
-          b && (b.focus(), I(f));
+          b && (b.focus(), A(f));
         }
       }),
-      [w.length]
+      [h.length]
     );
     _e(We, g, void 0), ke(() => {
       const f = x.current;
@@ -803,14 +803,14 @@ const rt = H(
         type: b,
         settings: Xe(b)
       };
-      x.current = R.id, h(q(r, f, R));
+      x.current = R.id, w(q(r, f, R));
     }, K = (f, b) => {
-      n || (x.current = f, h(Fe(r, f, b)));
+      n || (x.current = f, w(Fe(r, f, b)));
     }, B = (f) => {
       n || !p || p(f);
     }, P = (f) => {
       n || !m || m(f);
-    }, J = () => n ? /* @__PURE__ */ t(V, { variant: "warning", children: /* @__PURE__ */ t(V.Title, { as: "p", children: l("workflow.editor.activeLock") }) }) : null, Q = () => o || d ? /* @__PURE__ */ u(ve, { children: [
+    }, J = () => n ? /* @__PURE__ */ t(V, { variant: "warning", children: /* @__PURE__ */ t(V.Title, { as: "p", children: u("workflow.editor.activeLock") }) }) : null, Q = () => o || d ? /* @__PURE__ */ c(ve, { children: [
       /* @__PURE__ */ t(
         tt,
         {
@@ -820,100 +820,92 @@ const rt = H(
         }
       ),
       /* @__PURE__ */ t("span", { "aria-hidden": "true", className: O })
-    ] }) : null, X = w.length;
-    return X === 0 ? /* @__PURE__ */ u(
+    ] }) : null, X = h.length;
+    return X === 0 ? /* @__PURE__ */ c(
       "div",
       {
         ref: T,
-        className: [re, c].filter(Boolean).join(" "),
+        className: [re, l].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(Se, { 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 = D[f];
-                      return /* @__PURE__ */ t(
-                        N.Item,
-                        {
-                          startIcon: /* @__PURE__ */ t(Y, { iconName: b.iconName }),
-                          onSelect: () => _(null, f),
-                          children: l(b.labelKey)
-                        },
-                        f
-                      );
-                    })
-                  ] })
-                ] }) })
-              ]
-            }
-          )
+          /* @__PURE__ */ c(E, { variant: "first-use", children: [
+            /* @__PURE__ */ t(E.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(E.Title, { children: u("workflow.editor.addFirstAction") }),
+            /* @__PURE__ */ t(E.Description, { children: u("workflow.editor.empty") }),
+            /* @__PURE__ */ t(E.Actions, { children: /* @__PURE__ */ c(N.Root, { children: [
+              /* @__PURE__ */ t(N.Trigger, { asChild: !0, children: /* @__PURE__ */ c(Se, { intent: "primary", disabled: n, children: [
+                /* @__PURE__ */ t(ne, { "aria-hidden": "true", className: "ds:size-4" }),
+                /* @__PURE__ */ t("span", { children: u("workflow.editor.addFirstAction") })
+              ] }) }),
+              /* @__PURE__ */ c(N.Content, { align: "center", sideOffset: 6, children: [
+                /* @__PURE__ */ t(N.Label, { children: u("workflow.editor.addAction") }),
+                v.map((f) => {
+                  const b = D[f];
+                  return /* @__PURE__ */ t(
+                    N.Item,
+                    {
+                      startIcon: /* @__PURE__ */ t(Y, { iconName: b.iconName }),
+                      onSelect: () => _(null, f),
+                      children: u(b.labelKey)
+                    },
+                    f
+                  );
+                })
+              ] })
+            ] }) })
+          ] })
         ]
       }
-    ) : /* @__PURE__ */ u(
+    ) : /* @__PURE__ */ c(
       "div",
       {
         ref: T,
         "data-component": "workflow-editor",
-        className: [re, c].filter(Boolean).join(" "),
+        className: [re, l].filter(Boolean).join(" "),
         children: [
           J(),
           Q(),
@@ -922,7 +914,7 @@ const rt = H(
             {
               availableActions: v,
               disabled: n,
-              label: l("workflow.editor.addAction"),
+              label: u("workflow.editor.addAction"),
               onSelect: (f) => _(null, f)
             }
           ) }),
@@ -930,9 +922,9 @@ const rt = H(
             "ol",
             {
               role: "list",
-              "aria-label": l("workflow.editor.pipeline"),
+              "aria-label": u("workflow.editor.pipeline"),
               className: "ds:list-none ds:m-0 ds:p-0 ds:flex ds:flex-col",
-              children: w.map((f, b) => /* @__PURE__ */ u("li", { className: "ds:list-none ds:flex ds:flex-col", children: [
+              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: O }),
                 /* @__PURE__ */ t(
                   et,
@@ -953,7 +945,7 @@ const rt = H(
                   {
                     availableActions: v,
                     disabled: n,
-                    label: l("workflow.editor.addActionAfter"),
+                    label: u("workflow.editor.addActionAfter"),
                     onSelect: (R) => _(f.id, R)
                   }
                 ) })
@@ -1002,7 +994,7 @@ const st = {
       horizontal: "ds:flex-row ds:items-center"
     }
   }
-}), we = j(
+}), he = j(
   [
     "ds:relative ds:flex ds:items-center",
     "ds:gap-[var(--spacing-sm)]",
@@ -1048,7 +1040,7 @@ const st = {
       }
     }
   }
-), he = j(
+), we = j(
   ["ds:block", "ds:border-solid", "ds:border-[color:var(--border)]"].join(" "),
   {
     variants: {
@@ -1140,24 +1132,24 @@ const it = H(
     compact: a = !1,
     className: p,
     "aria-label": m,
-    ...c
+    ...l
   }, i) {
-    const { t: l } = z("ui"), v = W(() => G(r), [r]), w = W(
-      () => s ? v.findIndex((h) => h.id === s) : -1,
+    const { t: u } = z("ui"), v = W(() => G(r), [r]), h = W(
+      () => s ? v.findIndex((w) => w.id === s) : -1,
       [v, s]
-    ), y = m ?? l("workflow.map.label", { count: v.length }), x = (h) => w === -1 ? "neutral" : h === w ? "current" : h < w ? "completed" : "pending";
+    ), y = m ?? u("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(
+      /* @__PURE__ */ c(
         "ol",
         {
           ref: i,
           role: "list",
           "aria-label": y,
           "data-component": "workflow-map",
-          "data-component-id": c.id,
+          "data-component-id": l.id,
           className: ot({ orientation: n, compact: a, className: p }),
-          ...c,
+          ...l,
           children: [
             d ? /* @__PURE__ */ t(
               lt,
@@ -1167,19 +1159,19 @@ const it = H(
                 criteria: d
               }
             ) : null,
-            v.map((h, k) => {
-              const A = x(k), I = k === v.length - 1;
+            v.map((w, k) => {
+              const I = x(k), A = k === v.length - 1;
               return /* @__PURE__ */ t(
                 dt,
                 {
-                  node: h,
-                  state: A,
+                  node: w,
+                  state: I,
                   orientation: n,
                   compact: a,
-                  isLast: I,
+                  isLast: A,
                   onNodeClick: o
                 },
-                h.id
+                w.id
               );
             })
           ]
@@ -1197,35 +1189,35 @@ function dt({
   isLast: d,
   onNodeClick: n
 }) {
-  const { t: a } = z("ui"), p = D[e.type], m = st[p.iconName], c = a(p.labelKey), i = nt(at(e.settings), a), l = typeof n == "function", v = r === "current", w = r === "completed", y = (k) => {
-    l && (k.preventDefault(), n == null || n(e.id));
+  const { t: a } = z("ui"), p = D[e.type], m = st[p.iconName], l = a(p.labelKey), i = nt(at(e.settings), a), u = typeof n == "function", v = r === "current", h = r === "completed", y = (k) => {
+    u && (k.preventDefault(), n == null || n(e.id));
   }, x = (k) => {
-    l && (k.key === "Enter" || k.key === " ") && (k.preventDefault(), n == null || n(e.id));
-  }, h = v ? a("workflow.map.current") : w ? a("workflow.map.completed") : r === "pending" ? a("workflow.map.pending") : null;
+    u && (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(
+    /* @__PURE__ */ c("li", { "data-node-id": e.id, className: pe({ orientation: s }), children: [
+      /* @__PURE__ */ c(
         "div",
         {
-          role: l ? "button" : void 0,
-          tabIndex: l ? 0 : void 0,
+          role: u ? "button" : void 0,
+          tabIndex: u ? 0 : void 0,
           "aria-current": v ? "step" : void 0,
-          "aria-label": l && o ? i ? a("workflow.map.nodeLabelWithSummary", {
-            type: c,
+          "aria-label": u && o ? i ? a("workflow.map.nodeLabelWithSummary", {
+            type: l,
             summary: i
-          }) : a("workflow.map.nodeLabel", { type: c }) : void 0,
+          }) : a("workflow.map.nodeLabel", { type: l }) : void 0,
           title: o && i ? a("workflow.map.nodeLabelWithSummary", {
-            type: c,
+            type: l,
             summary: i
           }) : void 0,
-          onClick: l ? y : void 0,
-          onKeyDown: l ? x : void 0,
-          className: we({
+          onClick: u ? y : void 0,
+          onKeyDown: u ? x : void 0,
+          className: he({
             orientation: s,
             compact: o,
             state: r,
-            interactive: l
+            interactive: u
           }),
           "data-node-id": e.id,
           "data-state": r,
@@ -1235,8 +1227,8 @@ function dt({
               {
                 "aria-hidden": "true",
                 className: "ds:flex ds:items-center ds:justify-center ds:shrink-0 ds:size-[var(--spacing-md)] ds:text-[var(--muted-foreground)]",
-                children: w ? /* @__PURE__ */ t(
-                  Ie,
+                children: h ? /* @__PURE__ */ t(
+                  Ae,
                   {
                     className: "ds:size-[var(--spacing-md)] ds:text-[color:var(--success)]",
                     "data-testid": "workflow-map-check"
@@ -1244,8 +1236,8 @@ function dt({
                 ) : /* @__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 }),
+            /* @__PURE__ */ c("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: l }),
               !o && i ? /* @__PURE__ */ t(
                 "span",
                 {
@@ -1255,7 +1247,7 @@ function dt({
                 }
               ) : null
             ] }),
-            h ? /* @__PURE__ */ t("span", { className: "ds:sr-only", children: h }) : null
+            w ? /* @__PURE__ */ t("span", { className: "ds:sr-only", children: w }) : null
           ]
         }
       ),
@@ -1263,7 +1255,7 @@ function dt({
         "span",
         {
           "aria-hidden": "true",
-          className: he({ orientation: s, compact: o }),
+          className: we({ orientation: s, compact: o }),
           "data-testid": "workflow-map-connector"
         }
       )
@@ -1276,11 +1268,11 @@ function lt({
   criteria: s
 }) {
   const { t: o } = z("ui");
-  return /* @__PURE__ */ u("li", { className: pe({ orientation: e }), children: [
-    /* @__PURE__ */ u(
+  return /* @__PURE__ */ c("li", { className: pe({ orientation: e }), children: [
+    /* @__PURE__ */ c(
       "div",
       {
-        className: we({
+        className: he({
           orientation: e,
           compact: r,
           state: "neutral",
@@ -1293,10 +1285,10 @@ function lt({
             {
               "aria-hidden": "true",
               className: "ds:flex ds:items-center ds:justify-center ds:shrink-0 ds:size-[var(--spacing-md)] ds:text-[var(--muted-foreground)]",
-              children: /* @__PURE__ */ t(Ae, { className: "ds:size-[var(--spacing-md)]" })
+              children: /* @__PURE__ */ t(Ie, { className: "ds:size-[var(--spacing-md)]" })
             }
           ),
-          /* @__PURE__ */ u("span", { className: "ds:flex ds:flex-col ds:min-w-0 ds:flex-1", children: [
+          /* @__PURE__ */ c("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
@@ -1309,7 +1301,7 @@ function lt({
       "span",
       {
         "aria-hidden": "true",
-        className: he({ orientation: e, compact: r })
+        className: we({ orientation: e, compact: r })
       }
     )
   ] });
@@ -1329,4 +1321,4 @@ export {
   ee as r,
   D as w
 };
-//# sourceMappingURL=workflow-map-C7fHKTXL.js.map
+//# sourceMappingURL=workflow-map-PzamnfJK.js.map