@datatechsolutions/ui 2.11.61 → 2.11.62

package/dist/{chunk-3BR5TG34.js → chunk-MV27AY4F.js}

@@ -1,9 +1,9 @@
 "use client";
 'use strict';
 
+var chunkUZ3CMNUJ_js = require('./chunk-UZ3CMNUJ.js');
 var chunkYXN2K77G_js = require('./chunk-YXN2K77G.js');
 var chunkS7KHTUHA_js = require('./chunk-S7KHTUHA.js');
-var chunkUZ3CMNUJ_js = require('./chunk-UZ3CMNUJ.js');
 var Headless6 = require('@headlessui/react');
 var clsx = require('clsx');
 var React12 = require('react');
@@ -2182,10 +2182,10 @@ function ChartRenderer({ spec, width = 640, height = 280, className }) {
   ] });
 }
 function buildTicks(min, max, count) {
-  const step = (max - min) / (count - 1);
+  const step2 = (max - min) / (count - 1);
   const ticks = [];
   for (let index = 0; index < count; index += 1) {
-    ticks.push(min + step * index);
+    ticks.push(min + step2 * index);
   }
   return ticks;
 }
@@ -6031,8 +6031,8 @@ function SidebarLayout({
   const identityEl = findSlot(sidebarChildren, IDENTITY_TYPE);
   const sidebarFooterEl = findSlot(sidebarChildren, SIDEBAR_FOOTER_TYPE);
   const sections = [];
-  function collectSections(node, group) {
-    React12.Children.forEach(node, (child) => {
+  function collectSections(node2, group) {
+    React12.Children.forEach(node2, (child) => {
       if (!React12.isValidElement(child)) return;
       if (isSlotType(child, GROUP_TYPE)) {
         const groupProps = child.props;
@@ -7290,20 +7290,20 @@ function StepTimeline({
     {
       role: "list",
       className: "overflow-hidden rounded-md lg:flex lg:rounded-none lg:border-r lg:border-l lg:border-gray-200 dark:lg:border-white/15",
-      children: steps.map((step, stepIndex) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "relative overflow-hidden lg:flex-1", children: /* @__PURE__ */ jsxRuntime.jsxs(
+      children: steps.map((step2, stepIndex) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "relative overflow-hidden lg:flex-1", children: /* @__PURE__ */ jsxRuntime.jsxs(
         "button",
         {
           type: "button",
           onClick: () => onStepClick?.(stepIndex),
-          disabled: step.status === "upcoming",
+          disabled: step2.status === "upcoming",
           className: classNames(
-            step.status === "upcoming" ? "cursor-not-allowed" : "cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800",
+            step2.status === "upcoming" ? "cursor-not-allowed" : "cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800",
             stepIndex === 0 ? "rounded-t-md border-b-0" : "",
             stepIndex === steps.length - 1 ? "rounded-b-md border-t-0" : "",
             "w-full overflow-hidden border border-gray-200 text-left transition-colors lg:border-0 dark:border-white/15"
           ),
           children: [
-            step.status === "complete" ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "group", children: [
+            step2.status === "complete" ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "group", children: [
               /* @__PURE__ */ jsxRuntime.jsx(
                 "span",
                 {
@@ -7311,14 +7311,14 @@ function StepTimeline({
                   className: "absolute top-0 left-0 h-full w-1 bg-transparent group-hover:bg-gray-200 lg:top-auto lg:bottom-0 lg:h-1 lg:w-full dark:group-hover:bg-white/20"
                 }
               ),
-              renderCompleteContent ? renderCompleteContent(step) : /* @__PURE__ */ jsxRuntime.jsxs("span", { className: classNames(stepIndex !== 0 ? "lg:pl-9" : "", "flex items-start px-6 py-5 text-sm font-medium"), children: [
+              renderCompleteContent ? renderCompleteContent(step2) : /* @__PURE__ */ jsxRuntime.jsxs("span", { className: classNames(stepIndex !== 0 ? "lg:pl-9" : "", "flex items-start px-6 py-5 text-sm font-medium"), children: [
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-9 w-9 items-center justify-center rounded-full bg-blue-600 dark:bg-blue-500", children: /* @__PURE__ */ jsxRuntime.jsx(solid$1.CheckIcon, { "aria-hidden": "true", className: "h-5 w-5 text-white" }) }) }),
                 /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "mt-0.5 ml-4 flex min-w-0 flex-col", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-gray-900 dark:text-white", children: step.name }),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-gray-500 dark:text-gray-400", children: step.description })
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-gray-900 dark:text-white", children: step2.name }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-gray-500 dark:text-gray-400", children: step2.description })
                 ] })
               ] })
-            ] }) : step.status === "current" ? /* @__PURE__ */ jsxRuntime.jsxs("div", { "aria-current": "step", children: [
+            ] }) : step2.status === "current" ? /* @__PURE__ */ jsxRuntime.jsxs("div", { "aria-current": "step", children: [
               /* @__PURE__ */ jsxRuntime.jsx(
                 "span",
                 {
@@ -7327,10 +7327,10 @@ function StepTimeline({
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsxs("span", { className: classNames(stepIndex !== 0 ? "lg:pl-9" : "", "flex items-start px-6 py-5 text-sm font-medium"), children: [
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-10 w-10 items-center justify-center rounded-full border-2 border-blue-600 dark:border-blue-500", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-blue-600 dark:text-blue-400", children: step.id }) }) }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-10 w-10 items-center justify-center rounded-full border-2 border-blue-600 dark:border-blue-500", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-blue-600 dark:text-blue-400", children: step2.id }) }) }),
                 /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "mt-0.5 ml-4 flex min-w-0 flex-col", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-blue-600 dark:text-blue-400", children: step.name }),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-gray-500 dark:text-gray-400", children: step.description })
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-blue-600 dark:text-blue-400", children: step2.name }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-gray-500 dark:text-gray-400", children: step2.description })
                 ] })
               ] })
             ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "group", children: [
@@ -7342,10 +7342,10 @@ function StepTimeline({
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsxs("span", { className: classNames(stepIndex !== 0 ? "lg:pl-9" : "", "flex items-start px-6 py-5 text-sm font-medium"), children: [
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-10 w-10 items-center justify-center rounded-full border-2 border-gray-300 dark:border-white/15", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-500 dark:text-gray-400", children: step.id }) }) }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-10 w-10 items-center justify-center rounded-full border-2 border-gray-300 dark:border-white/15", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-500 dark:text-gray-400", children: step2.id }) }) }),
                 /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "mt-0.5 ml-4 flex min-w-0 flex-col", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-gray-500 dark:text-gray-400", children: step.name }),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-gray-500 dark:text-gray-400", children: step.description })
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-gray-500 dark:text-gray-400", children: step2.name }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-gray-500 dark:text-gray-400", children: step2.description })
                 ] })
               ] })
             ] }),
@@ -7361,7 +7361,7 @@ function StepTimeline({
             ) }) : null
           ]
         }
-      ) }, step.id))
+      ) }, step2.id))
     }
   ) }) });
 }
@@ -7511,7 +7511,7 @@ function FormPriceInput({
   currencySymbol,
   value,
   onValueChange,
-  step = "0.01",
+  step: step2 = "0.01",
   placeholder = "0.00",
   colorClass,
   disabled,
@@ -7544,7 +7544,7 @@ function FormPriceInput({
         {
           id: inputId,
           type: "number",
-          step,
+          step: step2,
           value,
           onChange: (event) => onValueChange?.(event.target.value),
           placeholder,
@@ -8005,7 +8005,7 @@ function StepFormPage({
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "mt-2 text-2xl font-bold tracking-tight text-slate-900 dark:text-white sm:text-3xl", children: steps[currentStep]?.title ?? title }),
         steps[currentStep]?.description ?? subtitle ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 max-w-xl text-sm text-slate-500 dark:text-white/60 sm:text-base", children: steps[currentStep]?.description ?? subtitle }) : null,
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-6 flex items-center gap-2", children: steps.map((step, index) => {
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-6 flex items-center gap-2", children: steps.map((step2, index) => {
           const isCompleted = index < currentStep;
           const isCurrent = index === currentStep;
           const isClickable = index < currentStep;
@@ -8019,12 +8019,12 @@ function StepFormPage({
                 className: `flex items-center gap-2 rounded-full px-3 py-1.5 text-xs font-medium transition-all duration-200 ${isCurrent ? "bg-blue-500/15 text-blue-700 shadow-sm backdrop-blur-sm dark:bg-blue-500/25 dark:text-blue-300" : isCompleted ? "bg-emerald-500/10 text-emerald-700 cursor-pointer hover:bg-emerald-500/20 backdrop-blur-sm dark:bg-emerald-500/20 dark:text-emerald-300" : "bg-slate-500/8 text-slate-400 dark:bg-white/5 dark:text-white/30"}`,
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx("span", { className: `flex h-5 w-5 items-center justify-center rounded-full text-[10px] font-bold ${isCurrent ? "bg-blue-500 text-white" : isCompleted ? "bg-emerald-500 text-white" : "bg-slate-200 text-slate-400 dark:bg-white/10 dark:text-white/30"}`, children: isCompleted ? /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.CheckIcon, { className: "h-3 w-3" }) : index + 1 }),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden sm:inline", children: step.title })
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden sm:inline", children: step2.title })
                 ]
               }
             ),
             index < steps.length - 1 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: `h-px flex-1 transition-colors duration-200 ${index < currentStep ? "bg-emerald-500/30 dark:bg-emerald-500/20" : "bg-slate-200 dark:bg-white/10"}` }) : null
-          ] }, step.id);
+          ] }, step2.id);
         }) })
       ] })
     ] }),
@@ -13466,16 +13466,16 @@ function PipelinePreview({ activeFuel, activeState, activeStation, onActiveFuelC
     if (intervalRef.current) clearInterval(intervalRef.current);
     setActiveStep(0);
     onStepChange?.(0);
-    let step = 0;
+    let step2 = 0;
     intervalRef.current = setInterval(() => {
-      step += 1;
-      if (step > 7) {
+      step2 += 1;
+      if (step2 > 7) {
         if (intervalRef.current) clearInterval(intervalRef.current);
         setActiveStep(7);
         onStepChange?.(7);
       } else {
-        setActiveStep(step);
-        onStepChange?.(step);
+        setActiveStep(step2);
+        onStepChange?.(step2);
       }
     }, 1400);
   }, [onStepChange]);
@@ -13487,21 +13487,21 @@ function PipelinePreview({ activeFuel, activeState, activeStation, onActiveFuelC
   React12.useEffect(() => () => {
     if (intervalRef.current) clearInterval(intervalRef.current);
   }, []);
-  const getStatus = (node) => {
+  const getStatus = (node2) => {
     if (activeStep < 0) return "idle";
-    if (node.step < activeStep) return "complete";
-    if (node.step === activeStep) return "active";
+    if (node2.step < activeStep) return "complete";
+    if (node2.step === activeStep) return "active";
     return "idle";
   };
   const rows = React12.useMemo(() => {
     const result = [];
-    let step = -1;
-    for (const node of pipelineNodes) {
-      if (node.step !== step) {
+    let step2 = -1;
+    for (const node2 of pipelineNodes) {
+      if (node2.step !== step2) {
         result.push([]);
-        step = node.step;
+        step2 = node2.step;
       }
-      result[result.length - 1].push(node);
+      result[result.length - 1].push(node2);
     }
     return result;
   }, [pipelineNodes]);
@@ -13615,26 +13615,26 @@ function PipelinePreview({ activeFuel, activeState, activeStation, onActiveFuelC
         ` }),
       rows.map((row, rowIndex) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-0 shrink-0", children: [
         rowIndex > 0 && row[0] && /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "40", height: "2", className: "shrink-0 mx-1.5", children: /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "0", y1: "1", x2: "40", y2: "1", stroke: activeStep >= row[0].step ? "#10b981" : "#374151", strokeWidth: "2", strokeDasharray: "4 3", style: { animation: activeStep === row[0].step ? "edgeFlow 0.8s linear infinite" : "none" } }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex ${row.length > 1 ? "flex-col gap-2" : ""}`, children: row.map((node) => {
-          const status = getStatus(node);
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex ${row.length > 1 ? "flex-col gap-2" : ""}`, children: row.map((node2) => {
+          const status = getStatus(node2);
           return /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
               className: `liquid-surface rounded-2xl px-4 py-3 transition-all duration-500 ${row.length > 1 ? "w-[180px]" : "w-[220px]"} ${status === "active" ? "ring-2 ring-blue-500/50 scale-[1.03]" : status === "complete" ? "ring-1 ring-emerald-500/30" : "opacity-40"}`,
-              style: status === "active" ? { "--glow": node.glow, animation: "nodeGlow 1.5s ease-in-out infinite" } : void 0,
+              style: status === "active" ? { "--glow": node2.glow, animation: "nodeGlow 1.5s ease-in-out infinite" } : void 0,
               children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2.5 mb-1.5", children: [
-                  node.avatar ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: node.avatar, alt: "", className: "h-9 w-9 rounded-xl shrink-0" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex h-9 w-9 items-center justify-center rounded-xl shrink-0 ${node.bg}`, children: /* @__PURE__ */ jsxRuntime.jsx(node.icon, { className: `h-5 w-5 ${node.color}` }) }),
+                  node2.avatar ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: node2.avatar, alt: "", className: "h-9 w-9 rounded-xl shrink-0" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex h-9 w-9 items-center justify-center rounded-xl shrink-0 ${node2.bg}`, children: /* @__PURE__ */ jsxRuntime.jsx(node2.icon, { className: `h-5 w-5 ${node2.color}` }) }),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[13px] font-semibold text-white truncate", children: node.label }),
-                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[9px] text-gray-500 truncate", children: node.subtitle })
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[13px] font-semibold text-white truncate", children: node2.label }),
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[9px] text-gray-500 truncate", children: node2.subtitle })
                   ] }),
                   status === "complete" ? /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.CheckCircleIcon, { className: "h-5 w-5 text-emerald-400 shrink-0" }) : null
                 ] }),
-                node.badges && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1 mt-1", children: node.badges.map((badge) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: `rounded-full px-2 py-0.5 text-[8px] font-semibold ${badge.color}`, children: badge.text }, badge.text)) })
+                node2.badges && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1 mt-1", children: node2.badges.map((badge) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: `rounded-full px-2 py-0.5 text-[8px] font-semibold ${badge.color}`, children: badge.text }, badge.text)) })
               ]
             },
-            node.id
+            node2.id
           );
         }) })
       ] }, rowIndex))
@@ -13975,14 +13975,14 @@ function IncidentPipelineDemo({
   const handleRun = React12.useCallback(() => {
     if (intervalRef.current) clearInterval(intervalRef.current);
     setActiveStep(0);
-    let step = 0;
+    let step2 = 0;
     intervalRef.current = setInterval(() => {
-      step += 1;
-      if (step > 7) {
+      step2 += 1;
+      if (step2 > 7) {
         if (intervalRef.current) clearInterval(intervalRef.current);
         setActiveStep(7);
       } else {
-        setActiveStep(step);
+        setActiveStep(step2);
       }
     }, 1200);
   }, []);
@@ -13998,21 +13998,21 @@ function IncidentPipelineDemo({
   React12.useEffect(() => () => {
     if (intervalRef.current) clearInterval(intervalRef.current);
   }, []);
-  const getStatus = (node) => {
+  const getStatus = (node2) => {
     if (activeStep < 0) return "idle";
-    if (node.step < activeStep) return "complete";
-    if (node.step === activeStep) return "active";
+    if (node2.step < activeStep) return "complete";
+    if (node2.step === activeStep) return "active";
     return "idle";
   };
   const rows = React12.useMemo(() => {
     const result = [];
-    let step = -1;
-    for (const node of nodes) {
-      if (node.step !== step) {
+    let step2 = -1;
+    for (const node2 of nodes) {
+      if (node2.step !== step2) {
         result.push([]);
-        step = node.step;
+        step2 = node2.step;
       }
-      result[result.length - 1].push(node);
+      result[result.length - 1].push(node2);
     }
     return result;
   }, [nodes]);
@@ -14058,26 +14058,26 @@ function IncidentPipelineDemo({
           ` }),
       rows.map((row, rowIndex) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center gap-0", children: [
         rowIndex > 0 && /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "40", height: "2", className: "mx-1.5 shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "0", y1: "1", x2: "40", y2: "1", stroke: activeStep >= rows[rowIndex][0].step ? "#10b981" : "#374151", strokeWidth: "2", strokeDasharray: "4 3", style: { animation: activeStep === rows[rowIndex][0].step ? "edgeFlow 0.8s linear infinite" : "none" } }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex ${row.length > 1 ? "flex-col gap-2" : ""}`, children: row.map((node) => {
-          const status = getStatus(node);
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex ${row.length > 1 ? "flex-col gap-2" : ""}`, children: row.map((node2) => {
+          const status = getStatus(node2);
           return /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
               className: `liquid-surface rounded-2xl px-4 py-3 transition-all duration-500 ${row.length > 1 ? "w-[180px]" : "w-[220px]"} ${status === "active" ? "scale-[1.03] ring-2 ring-red-500/50" : status === "complete" ? "ring-1 ring-emerald-500/30" : "opacity-40"}`,
-              style: status === "active" ? { "--glow": node.glow, animation: "nodeGlow 1.5s ease-in-out infinite" } : void 0,
+              style: status === "active" ? { "--glow": node2.glow, animation: "nodeGlow 1.5s ease-in-out infinite" } : void 0,
               children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-1.5 flex items-center gap-2.5", children: [
-                  node.avatar ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: node.avatar, alt: "", className: "h-9 w-9 rounded-xl shrink-0" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex h-9 w-9 items-center justify-center rounded-xl shrink-0 ${node.bg}`, children: /* @__PURE__ */ jsxRuntime.jsx(node.icon, { className: `h-5 w-5 ${node.color}` }) }),
+                  node2.avatar ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: node2.avatar, alt: "", className: "h-9 w-9 rounded-xl shrink-0" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex h-9 w-9 items-center justify-center rounded-xl shrink-0 ${node2.bg}`, children: /* @__PURE__ */ jsxRuntime.jsx(node2.icon, { className: `h-5 w-5 ${node2.color}` }) }),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate text-[13px] font-semibold text-white", children: node.label }),
-                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate text-[9px] text-gray-500", children: node.subtitle })
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate text-[13px] font-semibold text-white", children: node2.label }),
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate text-[9px] text-gray-500", children: node2.subtitle })
                   ] }),
                   status === "complete" && /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.CheckCircleIcon, { className: "h-5 w-5 shrink-0 text-emerald-400" })
                 ] }),
-                node.badges && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1 mt-1", children: node.badges.map((badge) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: `rounded-full px-2 py-0.5 text-[8px] font-semibold ${badge.color}`, children: badge.text }, badge.text)) })
+                node2.badges && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1 mt-1", children: node2.badges.map((badge) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: `rounded-full px-2 py-0.5 text-[8px] font-semibold ${badge.color}`, children: badge.text }, badge.text)) })
               ]
             },
-            node.id
+            node2.id
           );
         }) })
       ] }, rowIndex))
@@ -16415,6 +16415,517 @@ var DashboardDemo = ({
     }
   );
 };
+var NODE_TYPE_META = {
+  start: { icon: HeroIcons.PlayIcon, color: "text-emerald-300", bg: "bg-emerald-500/15", glow: "rgba(16,185,129,0.45)" },
+  end: { icon: HeroIcons.CheckCircleIcon, color: "text-emerald-300", bg: "bg-emerald-500/15", glow: "rgba(16,185,129,0.45)" },
+  datasource: { icon: HeroIcons.CircleStackIcon, color: "text-sky-300", bg: "bg-sky-500/15", glow: "rgba(14,165,233,0.45)" },
+  entity: { icon: HeroIcons.RectangleStackIcon, color: "text-sky-300", bg: "bg-sky-500/15", glow: "rgba(14,165,233,0.45)" },
+  http_request: { icon: HeroIcons.CloudIcon, color: "text-cyan-300", bg: "bg-cyan-500/15", glow: "rgba(34,211,238,0.45)" },
+  knowledge_base: { icon: HeroIcons.ServerStackIcon, color: "text-cyan-300", bg: "bg-cyan-500/15", glow: "rgba(34,211,238,0.45)" },
+  agent: { icon: HeroIcons.CpuChipIcon, color: "text-purple-300", bg: "bg-purple-500/15", glow: "rgba(168,85,247,0.5)" },
+  agent_tool: { icon: HeroIcons.BeakerIcon, color: "text-violet-300", bg: "bg-violet-500/15", glow: "rgba(139,92,246,0.5)" },
+  tool: { icon: HeroIcons.BeakerIcon, color: "text-violet-300", bg: "bg-violet-500/15", glow: "rgba(139,92,246,0.5)" },
+  code: { icon: HeroIcons.CodeBracketIcon, color: "text-amber-300", bg: "bg-amber-500/15", glow: "rgba(245,158,11,0.45)" },
+  template_transform: { icon: HeroIcons.DocumentTextIcon, color: "text-amber-300", bg: "bg-amber-500/15", glow: "rgba(245,158,11,0.45)" },
+  if_else: { icon: HeroIcons.BoltIcon, color: "text-orange-300", bg: "bg-orange-500/15", glow: "rgba(251,146,60,0.5)" },
+  question_classifier: { icon: HeroIcons.BoltIcon, color: "text-orange-300", bg: "bg-orange-500/15", glow: "rgba(251,146,60,0.5)" },
+  parameter_extractor: { icon: HeroIcons.AdjustmentsHorizontalIcon, color: "text-orange-300", bg: "bg-orange-500/15", glow: "rgba(251,146,60,0.5)" },
+  variable_aggregator: { icon: HeroIcons.AdjustmentsHorizontalIcon, color: "text-yellow-300", bg: "bg-yellow-500/15", glow: "rgba(234,179,8,0.45)" },
+  variable_assigner: { icon: HeroIcons.AdjustmentsHorizontalIcon, color: "text-yellow-300", bg: "bg-yellow-500/15", glow: "rgba(234,179,8,0.45)" },
+  iteration: { icon: HeroIcons.ArrowPathIcon, color: "text-fuchsia-300", bg: "bg-fuchsia-500/15", glow: "rgba(232,121,249,0.5)" },
+  iteration_start: { icon: HeroIcons.ArrowPathIcon, color: "text-fuchsia-300", bg: "bg-fuchsia-500/15", glow: "rgba(232,121,249,0.5)" },
+  list_operator: { icon: HeroIcons.AdjustmentsHorizontalIcon, color: "text-fuchsia-300", bg: "bg-fuchsia-500/15", glow: "rgba(232,121,249,0.5)" },
+  answer: { icon: HeroIcons.ChartBarIcon, color: "text-emerald-300", bg: "bg-emerald-500/15", glow: "rgba(16,185,129,0.45)" },
+  dashboard_output: { icon: HeroIcons.ChartBarIcon, color: "text-emerald-300", bg: "bg-emerald-500/15", glow: "rgba(16,185,129,0.45)" },
+  rule: { icon: HeroIcons.BoltIcon, color: "text-rose-300", bg: "bg-rose-500/15", glow: "rgba(244,63,94,0.5)" },
+  document_extractor: { icon: HeroIcons.DocumentTextIcon, color: "text-amber-300", bg: "bg-amber-500/15", glow: "rgba(245,158,11,0.45)" },
+  model_provider: { icon: HeroIcons.CpuChipIcon, color: "text-violet-300", bg: "bg-violet-500/15", glow: "rgba(139,92,246,0.5)" },
+  note: { icon: HeroIcons.DocumentTextIcon, color: "text-slate-300", bg: "bg-slate-500/15", glow: "rgba(100,116,139,0.4)" },
+  group: { icon: HeroIcons.RectangleStackIcon, color: "text-slate-300", bg: "bg-slate-500/15", glow: "rgba(100,116,139,0.4)" }
+};
+var FALLBACK_META = { icon: HeroIcons.BoltIcon, color: "text-gray-300", bg: "bg-gray-500/15", glow: "rgba(100,116,139,0.4)" };
+function getNodeMeta(type) {
+  return NODE_TYPE_META[type] ?? FALLBACK_META;
+}
+var NODE_W = 180;
+var NODE_H = 80;
+var PADDING = 24;
+function DepartmentWorkflowDemo({
+  workflow,
+  stepDurationMs = 1100,
+  autoPlay = false,
+  className
+}) {
+  const { graph, steps, title, description, accentBadge = "bg-indigo-500/15 text-indigo-300", completionSummary } = workflow;
+  const [stepIndex, setStepIndex] = React12.useState(-1);
+  const intervalRef = React12.useRef(null);
+  const total = steps.length;
+  const isIdle = stepIndex === -1;
+  const isRunning = stepIndex >= 0 && stepIndex < total - 1;
+  const isComplete = stepIndex === total - 1 && total > 0;
+  const activeNodeIds = React12.useMemo(() => {
+    if (stepIndex < 0) return /* @__PURE__ */ new Set();
+    return new Set(steps[stepIndex]?.nodes ?? []);
+  }, [stepIndex, steps]);
+  const completedNodeIds = React12.useMemo(() => {
+    if (stepIndex < 0) return /* @__PURE__ */ new Set();
+    const ids = /* @__PURE__ */ new Set();
+    for (let i = 0; i < stepIndex; i++) {
+      for (const id of steps[i]?.nodes ?? []) ids.add(id);
+    }
+    return ids;
+  }, [stepIndex, steps]);
+  const getStatus = React12.useCallback(
+    (node2) => {
+      if (activeNodeIds.has(node2.id)) return "running";
+      if (completedNodeIds.has(node2.id)) return "complete";
+      return "idle";
+    },
+    [activeNodeIds, completedNodeIds]
+  );
+  const handleRun = React12.useCallback(() => {
+    if (intervalRef.current) clearInterval(intervalRef.current);
+    setStepIndex(0);
+    let index = 0;
+    intervalRef.current = setInterval(() => {
+      index += 1;
+      if (index >= total) {
+        if (intervalRef.current) clearInterval(intervalRef.current);
+        setStepIndex(total - 1);
+      } else {
+        setStepIndex(index);
+      }
+    }, stepDurationMs);
+  }, [stepDurationMs, total]);
+  const handleStop = React12.useCallback(() => {
+    if (intervalRef.current) clearInterval(intervalRef.current);
+    setStepIndex(-1);
+  }, []);
+  React12.useEffect(() => {
+    if (autoPlay) handleRun();
+    return () => {
+      if (intervalRef.current) clearInterval(intervalRef.current);
+    };
+  }, [autoPlay, handleRun]);
+  const bounds = React12.useMemo(() => {
+    if (graph.nodes.length === 0) return { width: 800, height: 400 };
+    let maxX = 0;
+    let maxY = 0;
+    for (const node2 of graph.nodes) {
+      if (node2.position.x > maxX) maxX = node2.position.x;
+      if (node2.position.y > maxY) maxY = node2.position.y;
+    }
+    return { width: maxX + NODE_W + PADDING * 2, height: maxY + NODE_H + PADDING * 2 };
+  }, [graph.nodes]);
+  const currentStepLabel = stepIndex >= 0 ? steps[stepIndex]?.label : "Ready to run";
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `liquid-surface rounded-2xl overflow-hidden ${className ?? ""}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-b border-white/5 px-5 py-4 flex items-start gap-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-[10px] font-semibold uppercase tracking-wider ${accentBadge}`, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.BoltIcon, { className: "h-3 w-3" }),
+          "Astrlabe workflow"
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mt-2 text-lg font-bold text-white", children: title }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-xs text-gray-400", children: description })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 shrink-0", children: [
+        stepIndex >= 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-0.5", children: steps.map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: `h-1 w-3 rounded-full transition-all duration-500 ${index < stepIndex || isComplete ? "bg-emerald-500" : index === stepIndex ? "bg-indigo-500 animate-pulse" : "bg-white/10"}`
+          },
+          index
+        )) }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "max-w-[180px] truncate text-[10px] text-gray-400", children: currentStepLabel }),
+        isIdle ? /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: handleRun,
+            className: "flex items-center gap-1 rounded-lg bg-gradient-to-r from-indigo-600 to-violet-600 px-3 py-1 text-[11px] font-semibold text-white shadow-lg shadow-indigo-500/20 hover:shadow-indigo-500/30 hover:scale-105 active:scale-95 transition-all",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.PlayIcon, { className: "h-3 w-3" }),
+              " Run"
+            ]
+          }
+        ) : isRunning ? /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: handleStop,
+            className: "flex items-center gap-1 rounded-lg bg-rose-600/80 px-3 py-1 text-[11px] font-semibold text-white",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.StopIcon, { className: "h-3 w-3" }),
+              " Stop"
+            ]
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: handleRun,
+            className: "flex items-center gap-1 rounded-lg border border-white/10 px-3 py-1 text-[11px] font-medium text-gray-300 hover:bg-white/5",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ArrowPathIcon, { className: "h-3 w-3" }),
+              " Replay"
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative overflow-auto p-6", style: { minHeight: bounds.height + PADDING * 2 }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("style", { children: `
+          @keyframes astGlow { 0%, 100% { box-shadow: 0 0 12px var(--glow); } 50% { box-shadow: 0 0 28px var(--glow); } }
+          @keyframes astEdge { to { stroke-dashoffset: -16; } }
+        ` }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", style: { width: bounds.width, height: bounds.height }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "absolute inset-0 pointer-events-none", width: bounds.width, height: bounds.height, children: graph.edges.map((edge2) => {
+          const source = graph.nodes.find((n) => n.id === edge2.source);
+          const target = graph.nodes.find((n) => n.id === edge2.target);
+          if (!source || !target) return null;
+          const x1 = source.position.x + NODE_W;
+          const y1 = source.position.y + NODE_H / 2;
+          const x2 = target.position.x;
+          const y2 = target.position.y + NODE_H / 2;
+          const midX = (x1 + x2) / 2;
+          const isActive = activeNodeIds.has(edge2.source) || completedNodeIds.has(edge2.source) && (activeNodeIds.has(edge2.target) || completedNodeIds.has(edge2.target));
+          const isComplete2 = completedNodeIds.has(edge2.source) && completedNodeIds.has(edge2.target);
+          const stroke = isComplete2 ? "#10b981" : isActive ? "#818cf8" : "#334155";
+          return /* @__PURE__ */ jsxRuntime.jsxs("g", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "path",
+              {
+                d: `M ${x1} ${y1} C ${midX} ${y1}, ${midX} ${y2}, ${x2} ${y2}`,
+                fill: "none",
+                stroke,
+                strokeWidth: 2,
+                strokeDasharray: "6 4",
+                style: { animation: isActive && !isComplete2 ? "astEdge 0.8s linear infinite" : "none" }
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: x2, cy: y2, r: "3", fill: stroke })
+          ] }, edge2.id);
+        }) }),
+        graph.nodes.map((node2) => {
+          const status = getStatus(node2);
+          const meta = getNodeMeta(node2.type);
+          const statusBorder = status === "running" ? "ring-2 ring-indigo-500/60 scale-[1.04]" : status === "complete" ? "ring-1 ring-emerald-500/40" : "opacity-60";
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: `absolute liquid-surface rounded-2xl px-3 py-2.5 transition-all duration-500 ${statusBorder}`,
+              style: {
+                left: node2.position.x,
+                top: node2.position.y,
+                width: NODE_W,
+                height: NODE_H,
+                ...status === "running" ? { "--glow": meta.glow, animation: "astGlow 1.4s ease-in-out infinite" } : {}
+              },
+              children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2.5", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex h-8 w-8 shrink-0 items-center justify-center rounded-lg ${meta.bg}`, children: /* @__PURE__ */ jsxRuntime.jsx(meta.icon, { className: `h-4 w-4 ${meta.color}` }) }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate text-[12px] font-semibold text-white", children: node2.data.label }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 text-[9px] text-gray-500 font-mono", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: node2.type }),
+                    status === "running" && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-0.5 text-indigo-300", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ArrowRightIcon, { className: "h-2.5 w-2.5 animate-pulse" }),
+                      "running"
+                    ] }),
+                    status === "complete" && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-0.5 text-emerald-400", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.CheckCircleIcon, { className: "h-2.5 w-2.5" }),
+                      "done"
+                    ] })
+                  ] })
+                ] })
+              ] })
+            },
+            node2.id
+          );
+        })
+      ] })
+    ] }),
+    isComplete && completionSummary && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-t border-white/5 bg-emerald-500/[0.06] px-5 py-3 flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.CheckCircleIcon, { className: "h-4 w-4 shrink-0 text-emerald-400" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] font-semibold text-emerald-300", children: completionSummary })
+    ] })
+  ] });
+}
+
+// src/components/department-workflow-demo/workflows.ts
+function node(id, type, label, x, y) {
+  return { id, type, position: { x, y }, data: { entityId: id, label } };
+}
+function edge(from, to) {
+  return { id: `${from}->${to}`, source: from, target: to, sourceHandle: null, targetHandle: null };
+}
+function buildGraph(nodes, edges) {
+  return { nodes, edges };
+}
+function step(label, ...nodes) {
+  return { nodes, label };
+}
+var financialWorkflow = {
+  title: "Financial planning & tax compliance",
+  description: "Q4 close \u2014 aggregate transactions, compute Brazilian taxes in parallel, audit for compliance, publish report.",
+  accentBadge: "bg-emerald-500/15 text-emerald-300",
+  completionSummary: "Quarterly report published \xB7 R$ 387k taxes calculated \xB7 0 compliance violations",
+  graph: buildGraph(
+    [
+      node("start", "start", "Trigger Q4 close", 0, 120),
+      node("fetch-tx", "datasource", "Fetch transactions", 220, 120),
+      node("icms", "code", "Calculate ICMS", 460, 10),
+      node("pis-cofins", "code", "Calculate PIS/COFINS", 460, 120),
+      node("iss", "code", "Calculate ISS", 460, 230),
+      node("aggregate", "variable_aggregator", "Aggregate taxes", 700, 120),
+      node("audit", "agent", "Compliance audit", 940, 120),
+      node("report", "dashboard_output", "Publish report", 1180, 120)
+    ],
+    [
+      edge("start", "fetch-tx"),
+      edge("fetch-tx", "icms"),
+      edge("fetch-tx", "pis-cofins"),
+      edge("fetch-tx", "iss"),
+      edge("icms", "aggregate"),
+      edge("pis-cofins", "aggregate"),
+      edge("iss", "aggregate"),
+      edge("aggregate", "audit"),
+      edge("audit", "report")
+    ]
+  ),
+  steps: [
+    step("Triggering quarterly close\u2026", "start"),
+    step("Fetching Q4 transactions\u2026", "fetch-tx"),
+    step("Calculating ICMS / PIS / ISS in parallel\u2026", "icms", "pis-cofins", "iss"),
+    step("Aggregating tax breakdown\u2026", "aggregate"),
+    step("Agent auditing compliance rules\u2026", "audit"),
+    step("Publishing financial report\u2026", "report")
+  ]
+};
+var salesWorkflow = {
+  title: "Sales pipeline \u2014 lead to close",
+  description: "Lead arrives \u2192 agents score, qualify, draft proposal, and drive negotiation to close.",
+  accentBadge: "bg-blue-500/15 text-blue-300",
+  completionSummary: "Deal closed \xB7 R$ 45k/m\xEAs \xB7 14-day cycle \xB7 Score 85/100",
+  graph: buildGraph(
+    [
+      node("start", "start", "New lead (XPTO)", 0, 120),
+      node("intake", "datasource", "CRM intake", 220, 120),
+      node("score", "agent", "Lead scoring agent", 460, 120),
+      node("gate", "if_else", "Score \u2265 80?", 700, 120),
+      node("qualify", "agent", "Qualify SQL", 940, 10),
+      node("nurture", "agent", "Nurture queue", 940, 230),
+      node("proposal", "template_transform", "Draft proposal", 1180, 10),
+      node("negotiate", "agent", "Negotiation agent", 1420, 10),
+      node("close", "dashboard_output", "Deal closed", 1660, 10)
+    ],
+    [
+      edge("start", "intake"),
+      edge("intake", "score"),
+      edge("score", "gate"),
+      edge("gate", "qualify"),
+      edge("gate", "nurture"),
+      edge("qualify", "proposal"),
+      edge("proposal", "negotiate"),
+      edge("negotiate", "close")
+    ]
+  ),
+  steps: [
+    step("New lead arrived \u2014 XPTO Ltda\u2026", "start"),
+    step("CRM intake and enrichment\u2026", "intake"),
+    step("Scoring agent analyzing fit\u2026", "score"),
+    step("Routing by score (85/100 \u2192 qualify)\u2026", "gate"),
+    step("Qualifying as SQL\u2026", "qualify"),
+    step("Generating proposal from template\u2026", "proposal"),
+    step("Negotiation agent driving deal\u2026", "negotiate"),
+    step("Deal closed \u2014 booking revenue\u2026", "close")
+  ]
+};
+var marketingWorkflow = {
+  title: "Marketing campaign \u2014 Black Friday",
+  description: "Brief \u2192 parallel design, copy, audience \u2192 assemble \u2192 schedule \u2192 ship \u2192 measure.",
+  accentBadge: "bg-pink-500/15 text-pink-300",
+  completionSummary: "Campaign shipped \xB7 142k emails \xB7 6.8% CTR \xB7 +18% ROAS vs. target",
+  graph: buildGraph(
+    [
+      node("start", "start", "Campaign brief", 0, 120),
+      node("strategist", "agent", "Strategy agent", 220, 120),
+      node("design", "agent", "Design agent", 460, 10),
+      node("copy", "agent", "Copy agent", 460, 120),
+      node("audience", "agent", "Audience builder", 460, 230),
+      node("assemble", "variable_aggregator", "Assemble campaign", 700, 120),
+      node("schedule", "agent", "Schedule blast", 940, 120),
+      node("send", "http_request", "Send via email", 1180, 120),
+      node("metrics", "dashboard_output", "Campaign metrics", 1420, 120)
+    ],
+    [
+      edge("start", "strategist"),
+      edge("strategist", "design"),
+      edge("strategist", "copy"),
+      edge("strategist", "audience"),
+      edge("design", "assemble"),
+      edge("copy", "assemble"),
+      edge("audience", "assemble"),
+      edge("assemble", "schedule"),
+      edge("schedule", "send"),
+      edge("send", "metrics")
+    ]
+  ),
+  steps: [
+    step("Receiving campaign brief\u2026", "start"),
+    step("Strategist decomposing brief\u2026", "strategist"),
+    step("Design, copy, and audience agents working in parallel\u2026", "design", "copy", "audience"),
+    step("Assembling final campaign package\u2026", "assemble"),
+    step("Scheduling send window\u2026", "schedule"),
+    step("Dispatching through email provider\u2026", "send"),
+    step("Measuring reach and engagement\u2026", "metrics")
+  ]
+};
+var inventoryWorkflow = {
+  title: "Inventory \u2014 predictive reorder",
+  description: "Read stock \u2192 forecast demand \u2192 filter low-stock SKUs \u2192 iterate orders \u2192 publish report.",
+  accentBadge: "bg-orange-500/15 text-orange-300",
+  completionSummary: "12 SKUs reordered \xB7 R$ 84k committed \xB7 projected stockout avoided",
+  graph: buildGraph(
+    [
+      node("start", "start", "Daily sweep", 0, 120),
+      node("stock", "datasource", "Read stock levels", 220, 120),
+      node("forecast", "agent", "Demand forecaster", 460, 120),
+      node("filter", "list_operator", "Filter low-stock", 700, 120),
+      node("loop", "iteration", "Per SKU", 940, 120),
+      node("supplier", "agent", "Supplier selection", 1180, 120),
+      node("order", "http_request", "Place purchase order", 1420, 120),
+      node("report", "dashboard_output", "Reorder report", 1660, 120)
+    ],
+    [
+      edge("start", "stock"),
+      edge("stock", "forecast"),
+      edge("forecast", "filter"),
+      edge("filter", "loop"),
+      edge("loop", "supplier"),
+      edge("supplier", "order"),
+      edge("order", "report")
+    ]
+  ),
+  steps: [
+    step("Kicking off daily inventory sweep\u2026", "start"),
+    step("Reading current stock levels\u2026", "stock"),
+    step("Forecasting demand with seasonality\u2026", "forecast"),
+    step("Filtering SKUs below reorder threshold\u2026", "filter"),
+    step("Iterating over flagged SKUs\u2026", "loop"),
+    step("Selecting supplier per SKU\u2026", "supplier"),
+    step("Placing purchase orders\u2026", "order"),
+    step("Publishing reorder report\u2026", "report")
+  ]
+};
+var hrWorkflow = {
+  title: "HR \u2014 recruitment pipeline",
+  description: "Screen resumes \u2192 rank by fit \u2192 interview scheduling \u2192 decision \u2192 hiring dashboard.",
+  accentBadge: "bg-green-500/15 text-green-300",
+  completionSummary: "3 offers extended \xB7 48 candidates processed \xB7 avg cycle 6 days",
+  graph: buildGraph(
+    [
+      node("start", "start", "New posting", 0, 120),
+      node("pool", "datasource", "Resume pool", 220, 120),
+      node("screen", "agent", "Resume screener", 460, 120),
+      node("rank", "list_operator", "Rank by fit", 700, 120),
+      node("schedule", "agent", "Schedule interviews", 940, 120),
+      node("assess", "agent", "Skills assessment", 1180, 120),
+      node("decide", "agent", "Decision engine", 1420, 120),
+      node("hire", "dashboard_output", "Hiring dashboard", 1660, 120)
+    ],
+    [
+      edge("start", "pool"),
+      edge("pool", "screen"),
+      edge("screen", "rank"),
+      edge("rank", "schedule"),
+      edge("schedule", "assess"),
+      edge("assess", "decide"),
+      edge("decide", "hire")
+    ]
+  ),
+  steps: [
+    step("Job posting published\u2026", "start"),
+    step("Pulling resume pool\u2026", "pool"),
+    step("Screener agent filtering candidates\u2026", "screen"),
+    step("Ranking candidates by role fit\u2026", "rank"),
+    step("Scheduling interviews with top tier\u2026", "schedule"),
+    step("Running skills assessment\u2026", "assess"),
+    step("Decision engine producing offers\u2026", "decide"),
+    step("Publishing to hiring dashboard\u2026", "hire")
+  ]
+};
+var customerAnalyticsWorkflow = {
+  title: "Customer analytics \u2014 churn & LTV",
+  description: "Segment customers \u2192 parallel churn and LTV models \u2192 combine \u2192 recommend retention plays.",
+  accentBadge: "bg-indigo-500/15 text-indigo-300",
+  completionSummary: "4 at-risk segments identified \xB7 17 retention plays ranked by expected LTV lift",
+  graph: buildGraph(
+    [
+      node("start", "start", "Nightly analytics", 0, 120),
+      node("events", "datasource", "Customer events", 220, 120),
+      node("segment", "agent", "Segmentation agent", 460, 120),
+      node("churn", "agent", "Churn model", 700, 10),
+      node("ltv", "agent", "LTV model", 700, 230),
+      node("combine", "variable_aggregator", "Combine insights", 940, 120),
+      node("actions", "agent", "Action recommender", 1180, 120),
+      node("dashboard", "dashboard_output", "Analytics dashboard", 1420, 120)
+    ],
+    [
+      edge("start", "events"),
+      edge("events", "segment"),
+      edge("segment", "churn"),
+      edge("segment", "ltv"),
+      edge("churn", "combine"),
+      edge("ltv", "combine"),
+      edge("combine", "actions"),
+      edge("actions", "dashboard")
+    ]
+  ),
+  steps: [
+    step("Triggering nightly analytics\u2026", "start"),
+    step("Pulling customer event stream\u2026", "events"),
+    step("Segmentation agent clustering customers\u2026", "segment"),
+    step("Churn and LTV models scoring in parallel\u2026", "churn", "ltv"),
+    step("Combining predictions per segment\u2026", "combine"),
+    step("Recommender ranking retention plays\u2026", "actions"),
+    step("Publishing analytics dashboard\u2026", "dashboard")
+  ]
+};
+var lgpdWorkflow = {
+  title: "LGPD compliance \u2014 privacy sweep",
+  description: "Scan audit logs \u2192 detect PII access violations \u2192 remediate \u2192 notify DPO \u2192 report.",
+  accentBadge: "bg-red-500/15 text-red-300",
+  completionSummary: "2 violations remediated \xB7 DPO notified \xB7 compliance report filed",
+  graph: buildGraph(
+    [
+      node("start", "start", "Daily privacy sweep", 0, 120),
+      node("logs", "datasource", "Audit logs", 220, 120),
+      node("scan", "agent", "PII access scanner", 460, 120),
+      node("gate", "if_else", "Violations?", 700, 120),
+      node("remediate", "agent", "Remediation agent", 940, 10),
+      node("notify", "http_request", "Notify DPO", 1180, 10),
+      node("report", "dashboard_output", "Compliance report", 1420, 120)
+    ],
+    [
+      edge("start", "logs"),
+      edge("logs", "scan"),
+      edge("scan", "gate"),
+      edge("gate", "remediate"),
+      edge("gate", "report"),
+      edge("remediate", "notify"),
+      edge("notify", "report")
+    ]
+  ),
+  steps: [
+    step("Starting daily privacy sweep\u2026", "start"),
+    step("Pulling access audit logs\u2026", "logs"),
+    step("Scanning for PII access violations\u2026", "scan"),
+    step("Branching on findings\u2026", "gate"),
+    step("Remediation agent applying fixes\u2026", "remediate"),
+    step("Notifying data protection officer\u2026", "notify"),
+    step("Filing compliance report\u2026", "report")
+  ]
+};
 function EntityDrawer({
   open,
   onClose,
@@ -23704,6 +24215,7 @@ exports.DashboardView = DashboardView;
 exports.DataPagination = DataPagination;
 exports.DatePicker = DatePicker;
 exports.DeleteSwipeAction = DeleteSwipeAction;
+exports.DepartmentWorkflowDemo = DepartmentWorkflowDemo;
 exports.Description = Description4;
 exports.DetailsPopover = DetailsPopover;
 exports.DevModeBanner = DevModeBanner;
@@ -24068,12 +24580,14 @@ exports.cardPress = cardPress;
 exports.computeDomain = computeDomain;
 exports.computeSeries = computeSeries;
 exports.createMotionProps = createMotionProps;
+exports.customerAnalyticsWorkflow = customerAnalyticsWorkflow;
 exports.durations = durations;
 exports.durationsReduced = durationsReduced;
 exports.easings = easings;
 exports.fadeOnly = fadeOnly;
 exports.fadeScale = fadeScale;
 exports.filterByPermission = filterByPermission;
+exports.financialWorkflow = financialWorkflow;
 exports.formatAddress = formatAddress;
 exports.formatCurrency = formatCurrency;
 exports.formatCurrency2 = formatCurrency2;
@@ -24270,6 +24784,8 @@ exports.getUsGradient = getUsGradient;
 exports.getUsHexColor = getUsHexColor;
 exports.getUsPalette = getUsPalette;
 exports.getVariants = getVariants;
+exports.hrWorkflow = hrWorkflow;
+exports.inventoryWorkflow = inventoryWorkflow;
 exports.iosColors = iosColors;
 exports.isValidArgentinaProvince = isValidArgentinaProvince;
 exports.isValidAustraliaState = isValidAustraliaState;
@@ -24302,8 +24818,10 @@ exports.isValidThailandProvince = isValidThailandProvince;
 exports.isValidTurkeyProvince = isValidTurkeyProvince;
 exports.isValidUKNation = isValidUKNation;
 exports.isValidUsState = isValidUsState;
+exports.lgpdWorkflow = lgpdWorkflow;
 exports.listItem = listItem;
 exports.listItemReduced = listItemReduced;
+exports.marketingWorkflow = marketingWorkflow;
 exports.notificationBanner = notificationBanner;
 exports.notificationBannerReduced = notificationBannerReduced;
 exports.pageControlDot = pageControlDot;
@@ -24311,6 +24829,7 @@ exports.prefersReducedMotion = prefersReducedMotion;
 exports.registerCountry = registerCountry;
 exports.registerSubdivisionTheme = registerSubdivisionTheme;
 exports.resolveGlassAccentRgb = resolveGlassAccentRgb;
+exports.salesWorkflow = salesWorkflow;
 exports.selectIsAuthenticated = selectIsAuthenticated;
 exports.selectShowShellChrome = selectShowShellChrome;
 exports.selectUserInitial = selectUserInitial;
@@ -24332,5 +24851,5 @@ exports.usePullToRefresh = usePullToRefresh;
 exports.validateDashboardSpec = validateDashboardSpec;
 exports.xScale = xScale;
 exports.yScale = yScale;
-//# sourceMappingURL=chunk-3BR5TG34.js.map
-//# sourceMappingURL=chunk-3BR5TG34.js.map
+//# sourceMappingURL=chunk-MV27AY4F.js.map
+//# sourceMappingURL=chunk-MV27AY4F.js.map