@datatechsolutions/ui 2.11.60 → 2.11.62

package/dist/{chunk-7ZC6KI76.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');
@@ -19,9 +19,9 @@ var solid$1 = require('@heroicons/react/24/solid');
 var reactTransitionProgress = require('react-transition-progress');
 var lucideReact = require('lucide-react');
 var d3Geo = require('d3-geo');
+var ProgressPrimitive = require('@radix-ui/react-progress');
 var TabsPrimitive = require('@radix-ui/react-tabs');
 var nextIntl = require('next-intl');
-var ProgressPrimitive = require('@radix-ui/react-progress');
 var zustand = require('zustand');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -49,8 +49,8 @@ var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 var React12__namespace = /*#__PURE__*/_interopNamespace(React12);
 var HeroIcons__namespace = /*#__PURE__*/_interopNamespace(HeroIcons);
 var Popover__namespace = /*#__PURE__*/_interopNamespace(Popover);
-var TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
 var ProgressPrimitive__namespace = /*#__PURE__*/_interopNamespace(ProgressPrimitive);
+var TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
 
 var Link = React12.forwardRef(function Link2(props, ref) {
   const RouterLink = chunkS7KHTUHA_js.useLink();
@@ -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))
@@ -14319,67 +14319,2674 @@ function BentoFeatureGrid({
     )
   ] }) }) });
 }
-function EntityDrawer({
-  open,
-  onClose,
-  title,
-  subtitle,
-  icon,
-  gradient = "from-gray-400 to-gray-500",
-  maxWidth = "max-w-xl",
-  tabs,
-  children
-}) {
-  if (!open) return null;
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
+var CustomerAnalyticsDemo = () => /* @__PURE__ */ jsxRuntime.jsx(
+  framerMotion.motion.div,
+  {
+    initial: { opacity: 0 },
+    animate: { opacity: 1 },
+    exit: { opacity: 0 },
+    transition: { duration: 0.5 },
+    className: "flex flex-col h-full overflow-hidden",
+    children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col overflow-hidden", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        framerMotion.motion.div,
+        {
+          initial: { y: -20, opacity: 0 },
+          animate: { y: 0, opacity: 1 },
+          transition: { duration: 0.5, delay: 0.3 },
+          className: "h-14 border-b bg-background/95 backdrop-blur-sm flex items-center justify-between px-4",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-sm font-semibold", children: "An\xE1lise de Clientes" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs px-2 py-1 rounded-full bg-blue-500/10 text-blue-600 dark:text-blue-400 font-medium", children: "IA Analytics" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.BellIcon, { className: "h-4 w-4 text-muted-foreground" }),
+              /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.MagnifyingGlassIcon, { className: "h-4 w-4 text-muted-foreground" })
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 overflow-y-auto p-4 space-y-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          framerMotion.motion.div,
+          {
+            initial: { opacity: 0, y: 20 },
+            animate: { opacity: 1, y: 0 },
+            transition: { delay: 0.5 },
+            className: "grid grid-cols-2 gap-3",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "p-3 bg-gradient-to-br from-blue-500 to-cyan-500 text-white", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-2", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.UsersIcon, { className: "h-5 w-5" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "bg-white/20 text-white border-white/30 h-5 text-xs", children: "+12%" })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-2xl font-bold", children: "2.547" }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs opacity-90", children: "Clientes Ativos" })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "p-3 bg-gradient-to-br from-purple-500 to-pink-500 text-white", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-2", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ArrowTrendingUpIcon, { className: "h-5 w-5" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "bg-white/20 text-white border-white/30 h-5 text-xs", children: "+28%" })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-2xl font-bold", children: "R$ 485k" }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs opacity-90", children: "Receita Mensal" })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          framerMotion.motion.div,
+          {
+            initial: { opacity: 0, y: 20 },
+            animate: { opacity: 1, y: 0 },
+            transition: { delay: 0.7 },
+            children: /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "border-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-3 border-b bg-gradient-to-r from-blue-600 to-cyan-600 text-white", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.SparklesIcon, { className: "h-4 w-4" }),
+                /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-bold", children: "Insights IA" })
+              ] }) }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-3 space-y-3", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  framerMotion.motion.div,
+                  {
+                    initial: { opacity: 0, x: -10 },
+                    animate: { opacity: 1, x: 0 },
+                    transition: { delay: 0.9 },
+                    className: "flex items-start gap-2",
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-6 w-6 rounded-full bg-green-500/10 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.CheckCircleIcon, { className: "h-3 w-3 text-green-500" }) }),
+                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium", children: "Segmento Premium crescendo" }),
+                        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-muted-foreground", children: "+45% de convers\xE3o em produtos acima de R$ 500" })
+                      ] })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  framerMotion.motion.div,
+                  {
+                    initial: { opacity: 0, x: -10 },
+                    animate: { opacity: 1, x: 0 },
+                    transition: { delay: 1.1 },
+                    className: "flex items-start gap-2",
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-6 w-6 rounded-full bg-blue-500/10 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ArrowTrendingUpIcon, { className: "h-3 w-3 text-blue-500" }) }),
+                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium", children: "Reten\xE7\xE3o melhorou 32%" }),
+                        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-muted-foreground", children: "Ap\xF3s implementa\xE7\xE3o do programa de fidelidade" })
+                      ] })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  framerMotion.motion.div,
+                  {
+                    initial: { opacity: 0, x: -10 },
+                    animate: { opacity: 1, x: 0 },
+                    transition: { delay: 1.3 },
+                    className: "flex items-start gap-2",
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-6 w-6 rounded-full bg-purple-500/10 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.UsersIcon, { className: "h-3 w-3 text-purple-500" }) }),
+                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium", children: "847 clientes em risco" }),
+                        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-muted-foreground", children: "Sem compras h\xE1 60+ dias - recomendar campanha" })
+                      ] })
+                    ]
+                  }
+                )
+              ] })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          framerMotion.motion.div,
+          {
+            initial: { opacity: 0, y: 20 },
+            animate: { opacity: 1, y: 0 },
+            transition: { delay: 1.5 },
+            children: /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "p-3", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-xs font-semibold mb-2", children: "Top Clientes (\xDAltimo M\xEAs)" }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: ["Maria Silva", "Jo\xE3o Santos", "Ana Costa"].map((name, i) => /* @__PURE__ */ jsxRuntime.jsxs(
+                framerMotion.motion.div,
+                {
+                  initial: { opacity: 0, x: -10 },
+                  animate: { opacity: 1, x: 0 },
+                  transition: { delay: 1.7 + i * 0.2 },
+                  className: "flex items-center justify-between",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-6 w-6 rounded-full bg-gradient-to-br from-gray-400 to-gray-600 flex items-center justify-center text-white text-[10px] font-bold", children: name.charAt(0) }),
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium", children: name })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-muted-foreground", children: [
+                      "R$ ",
+                      Math.floor(Math.random() * 50 + 10),
+                      "k"
+                    ] })
+                  ]
+                },
+                name
+              )) })
+            ] })
+          }
+        )
+      ] })
+    ] })
+  }
+);
+var FinancialDemo = () => /* @__PURE__ */ jsxRuntime.jsx(
+  framerMotion.motion.div,
+  {
+    initial: { opacity: 0 },
+    animate: { opacity: 1 },
+    exit: { opacity: 0 },
+    transition: { duration: 0.5 },
+    className: "flex flex-col h-full overflow-hidden",
+    children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col overflow-hidden", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        framerMotion.motion.div,
+        {
+          initial: { y: -20, opacity: 0 },
+          animate: { y: 0, opacity: 1 },
+          transition: { duration: 0.5, delay: 0.3 },
+          className: "h-14 border-b bg-background/95 backdrop-blur-sm flex items-center justify-between px-4",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-sm font-semibold", children: "Planejamento Financeiro" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs px-2 py-1 rounded-full bg-green-500/10 text-green-600 dark:text-green-400 font-medium", children: "Q4 2024" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.BellIcon, { className: "h-4 w-4 text-muted-foreground" }),
+              /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.MagnifyingGlassIcon, { className: "h-4 w-4 text-muted-foreground" })
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 overflow-y-auto p-4 space-y-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          framerMotion.motion.div,
+          {
+            initial: { opacity: 0, y: 20 },
+            animate: { opacity: 1, y: 0 },
+            transition: { delay: 0.5 },
+            className: "grid grid-cols-2 gap-3",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "p-3 bg-gradient-to-br from-green-500 to-emerald-500 text-white", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-2", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ArrowTrendingUpIcon, { className: "h-5 w-5" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "bg-white/20 text-white border-white/30 h-5 text-xs", children: "+18%" })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-2xl font-bold", children: "R$ 1.2M" }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs opacity-90", children: "Receita do Trimestre" })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "p-3 bg-gradient-to-br from-red-500 to-orange-500 text-white", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-2", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.DocumentTextIcon, { className: "h-5 w-5" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "bg-white/20 text-white border-white/30 h-5 text-xs", children: "Auto" })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-2xl font-bold", children: "R$ 387k" }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs opacity-90", children: "Impostos Calculados" })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          framerMotion.motion.div,
+          {
+            initial: { opacity: 0, y: 20 },
+            animate: { opacity: 1, y: 0 },
+            transition: { delay: 0.7 },
+            children: /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "border-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-3 border-b bg-gradient-to-r from-green-600 to-emerald-600 text-white", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.DocumentTextIcon, { className: "h-4 w-4" }),
+                /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-bold", children: "Impostos Brasileiros" })
+              ] }) }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-3 space-y-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  framerMotion.motion.div,
+                  {
+                    initial: { opacity: 0, x: -10 },
+                    animate: { opacity: 1, x: 0 },
+                    transition: { delay: 0.9 },
+                    className: "flex items-center justify-between p-2 bg-blue-50 dark:bg-blue-950/20 rounded-lg border border-blue-200 dark:border-blue-800",
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.CheckCircleIcon, { className: "h-4 w-4 text-blue-500" }),
+                        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium", children: "ICMS" }),
+                          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-muted-foreground", children: "Estadual" })
+                        ] })
+                      ] }),
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-bold", children: "R$ 185k" })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  framerMotion.motion.div,
+                  {
+                    initial: { opacity: 0, x: -10 },
+                    animate: { opacity: 1, x: 0 },
+                    transition: { delay: 1.1 },
+                    className: "flex items-center justify-between p-2 bg-green-50 dark:bg-green-950/20 rounded-lg border border-green-200 dark:border-green-800",
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.CheckCircleIcon, { className: "h-4 w-4 text-green-500" }),
+                        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium", children: "PIS/COFINS" }),
+                          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-muted-foreground", children: "Federal" })
+                        ] })
+                      ] }),
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-bold", children: "R$ 142k" })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  framerMotion.motion.div,
+                  {
+                    initial: { opacity: 0, x: -10 },
+                    animate: { opacity: 1, x: 0 },
+                    transition: { delay: 1.3 },
+                    className: "flex items-center justify-between p-2 bg-purple-50 dark:bg-purple-950/20 rounded-lg border border-purple-200 dark:border-purple-800",
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.CheckCircleIcon, { className: "h-4 w-4 text-purple-500" }),
+                        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium", children: "ISS" }),
+                          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-muted-foreground", children: "Municipal" })
+                        ] })
+                      ] }),
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-bold", children: "R$ 60k" })
+                    ]
+                  }
+                )
+              ] })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          framerMotion.motion.div,
+          {
+            initial: { opacity: 0, y: 20 },
+            animate: { opacity: 1, y: 0 },
+            transition: { delay: 1.5 },
+            children: /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "p-3", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-3", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.CpuChipIcon, { className: "h-4 w-4 text-green-500" }),
+                /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-xs font-semibold", children: "4 Agentes Financeiros" })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-2", children: ["Finance", "Tax", "Reports", "Compliance"].map((agent, i) => /* @__PURE__ */ jsxRuntime.jsx(
+                framerMotion.motion.div,
+                {
+                  initial: { opacity: 0, scale: 0.9 },
+                  animate: { opacity: 1, scale: 1 },
+                  transition: { delay: 1.7 + i * 0.1 },
+                  children: /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "w-full justify-center bg-green-500/10 text-green-600 dark:text-green-400 text-xs", children: agent })
+                },
+                agent
+              )) })
+            ] })
+          }
+        )
+      ] })
+    ] })
+  }
+);
+var Progress = React12__namespace.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  ProgressPrimitive__namespace.Root,
+  {
+    ref,
+    className: clsx__default.default(
+      "relative h-4 w-full overflow-hidden rounded-full bg-secondary",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx(
+      ProgressPrimitive__namespace.Indicator,
       {
-        className: "fixed inset-0 z-40 bg-black/20 backdrop-blur-[2px] transition-opacity",
-        onClick: onClose,
-        "data-testid": "entity-drawer-backdrop"
+        className: "h-full w-full flex-1 bg-primary transition-all",
+        style: { transform: `translateX(-${100 - (value || 0)}%)` }
       }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `fixed top-[64px] right-2 bottom-2 z-50 flex w-full ${maxWidth} flex-col overflow-hidden rounded-2xl border border-white/60 bg-white/80 shadow-[0_8px_60px_-12px_rgba(0,0,0,0.25),0_0_0_1px_rgba(255,255,255,0.1)] backdrop-blur-2xl dark:border-white/[0.12] dark:bg-gray-900/85 dark:shadow-[0_8px_60px_-12px_rgba(0,0,0,0.6),0_0_0_1px_rgba(255,255,255,0.06)]`, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: `absolute inset-y-0 left-0 w-[3px] bg-gradient-to-b ${gradient} opacity-80` }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-6 py-5", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3.5", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex h-11 w-11 items-center justify-center rounded-[14px] bg-gradient-to-br ${gradient} shadow-lg shadow-black/20 ring-1 ring-white/25`, children: icon }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-base font-bold tracking-tight text-gray-900 dark:text-white", children: title }),
-            subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-[13px] text-gray-500 dark:text-gray-400", children: subtitle })
-          ] })
-        ] }),
+    )
+  }
+));
+Progress.displayName = ProgressPrimitive__namespace.Root.displayName;
+var HRRecruitmentDemo = () => /* @__PURE__ */ jsxRuntime.jsx(
+  framerMotion.motion.div,
+  {
+    initial: { opacity: 0 },
+    animate: { opacity: 1 },
+    exit: { opacity: 0 },
+    transition: { duration: 0.5 },
+    className: "flex flex-col h-full overflow-hidden",
+    children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col overflow-hidden", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        framerMotion.motion.div,
+        {
+          initial: { y: -20, opacity: 0 },
+          animate: { y: 0, opacity: 1 },
+          transition: { duration: 0.5, delay: 0.3 },
+          className: "h-14 border-b bg-background/95 backdrop-blur-sm flex items-center justify-between px-4",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-sm font-semibold", children: "Recrutamento RH" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs px-2 py-1 rounded-full bg-purple-500/10 text-purple-600 dark:text-purple-400 font-medium", children: "47 candidatos" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.BellIcon, { className: "h-4 w-4 text-muted-foreground" }),
+              /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.MagnifyingGlassIcon, { className: "h-4 w-4 text-muted-foreground" })
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 overflow-y-auto p-4 space-y-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          framerMotion.motion.div,
+          {
+            initial: { opacity: 0, y: 20 },
+            animate: { opacity: 1, y: 0 },
+            transition: { delay: 0.5 },
+            className: "grid grid-cols-2 gap-3",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "p-3 bg-gradient-to-br from-purple-500 to-indigo-500 text-white", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-2", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.UsersIcon, { className: "h-5 w-5" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "bg-white/20 text-white border-white/30 h-5 text-xs", children: "IA" })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-2xl font-bold", children: "12" }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs opacity-90", children: "Candidatos Qualificados" })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "p-3 bg-gradient-to-br from-green-500 to-emerald-500 text-white", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-2", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.CheckCircleIcon, { className: "h-5 w-5" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "bg-white/20 text-white border-white/30 h-5 text-xs", children: "+25%" })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-2xl font-bold", children: "85%" }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs opacity-90", children: "Taxa de Match" })
+              ] })
+            ]
+          }
+        ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
+          framerMotion.motion.div,
           {
-            onClick: onClose,
-            "aria-label": "Close",
-            className: "rounded-xl p-2 text-gray-400 transition-all hover:bg-black/5 hover:text-gray-600 active:scale-95 dark:text-gray-500 dark:hover:bg-white/10 dark:hover:text-gray-300",
-            "data-testid": "entity-drawer-close",
-            children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.XMarkIcon, { className: "h-5 w-5" })
+            initial: { opacity: 0, y: 20 },
+            animate: { opacity: 1, y: 0 },
+            transition: { delay: 0.7 },
+            children: /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "border-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-3 border-b bg-gradient-to-r from-purple-600 to-indigo-600 text-white", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.SparklesIcon, { className: "h-4 w-4" }),
+                /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-bold", children: "Vaga: Desenvolvedor Senior" })
+              ] }) }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-3 space-y-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  framerMotion.motion.div,
+                  {
+                    initial: { opacity: 0, x: -10 },
+                    animate: { opacity: 1, x: 0 },
+                    transition: { delay: 0.9 },
+                    className: "p-2 bg-green-50 dark:bg-green-950/20 rounded-lg border border-green-200 dark:border-green-800",
+                    children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-8 w-8 rounded-full bg-gradient-to-br from-purple-500 to-indigo-500 flex items-center justify-center text-white text-xs font-bold flex-shrink-0", children: "AS" }),
+                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium", children: "Ana Silva" }),
+                        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-muted-foreground", children: "Score: 95/100 - React, TypeScript, 8 anos exp." }),
+                        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1", children: /* @__PURE__ */ jsxRuntime.jsx(Progress, { value: 95, className: "h-1" }) })
+                      ] })
+                    ] })
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  framerMotion.motion.div,
+                  {
+                    initial: { opacity: 0, x: -10 },
+                    animate: { opacity: 1, x: 0 },
+                    transition: { delay: 1.1 },
+                    className: "p-2 bg-blue-50 dark:bg-blue-950/20 rounded-lg border border-blue-200 dark:border-blue-800",
+                    children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-8 w-8 rounded-full bg-gradient-to-br from-blue-500 to-cyan-500 flex items-center justify-center text-white text-xs font-bold flex-shrink-0", children: "PM" }),
+                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium", children: "Pedro Martins" }),
+                        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-muted-foreground", children: "Score: 88/100 - Node.js, AWS, 6 anos exp." }),
+                        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1", children: /* @__PURE__ */ jsxRuntime.jsx(Progress, { value: 88, className: "h-1" }) })
+                      ] })
+                    ] })
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  framerMotion.motion.div,
+                  {
+                    initial: { opacity: 0, x: -10 },
+                    animate: { opacity: 1, x: 0 },
+                    transition: { delay: 1.3 },
+                    className: "p-2 bg-purple-50 dark:bg-purple-950/20 rounded-lg border border-purple-200 dark:border-purple-800",
+                    children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-8 w-8 rounded-full bg-gradient-to-br from-pink-500 to-purple-500 flex items-center justify-center text-white text-xs font-bold flex-shrink-0", children: "JO" }),
+                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium", children: "Juliana Oliveira" }),
+                        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-muted-foreground", children: "Score: 82/100 - Python, Django, 5 anos exp." }),
+                        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1", children: /* @__PURE__ */ jsxRuntime.jsx(Progress, { value: 82, className: "h-1" }) })
+                      ] })
+                    ] })
+                  }
+                )
+              ] })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          framerMotion.motion.div,
+          {
+            initial: { opacity: 0, y: 20 },
+            animate: { opacity: 1, y: 0 },
+            transition: { delay: 1.5 },
+            children: /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "p-3", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-3", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.CpuChipIcon, { className: "h-4 w-4 text-purple-500" }),
+                /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-xs font-semibold", children: "4 Agentes Coordenados" })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-2", children: ["HR", "Recruiter", "Skills", "Interview"].map((agent, i) => /* @__PURE__ */ jsxRuntime.jsx(
+                framerMotion.motion.div,
+                {
+                  initial: { opacity: 0, scale: 0.9 },
+                  animate: { opacity: 1, scale: 1 },
+                  transition: { delay: 1.7 + i * 0.1 },
+                  children: /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "w-full justify-center bg-purple-500/10 text-purple-600 dark:text-purple-400 text-xs", children: agent })
+                },
+                agent
+              )) })
+            ] })
           }
         )
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-5 h-px bg-gradient-to-r from-transparent via-gray-200/80 to-transparent dark:via-white/10" }),
-      tabs,
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-y-auto px-6 py-5", children })
+      ] })
     ] })
-  ] });
-}
-
-// src/lib/locale-flags.ts
-var flag_br = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%0A%3C!--%20Uploaded%20to%3A%20SVG%20Repo%2C%20www.svgrepo.com%2C%20Generator%3A%20SVG%20Repo%20Mixer%20Tools%20--%3E%0A%3Csvg%20height%3D%22800px%22%20width%3D%22800px%22%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20%0A%09%20viewBox%3D%220%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20style%3D%22fill%3A%23259245%3B%22%20d%3D%22M395.901%2C7.286H116.099C56.003%2C7.286%2C7.286%2C56.003%2C7.286%2C116.099v279.803%0A%09c0%2C60.095%2C48.717%2C108.812%2C108.812%2C108.812h279.803c60.095%2C0%2C108.812-48.717%2C108.812-108.812V116.099%0A%09C504.714%2C56.003%2C455.997%2C7.286%2C395.901%2C7.286z%22%2F%3E%0A%3Cpath%20d%3D%22M395.901%2C512H116.099C52.082%2C512%2C0%2C459.918%2C0%2C395.901V116.099C0%2C52.082%2C52.082%2C0%2C116.099%2C0h279.803%0A%09C459.918%2C0%2C512%2C52.082%2C512%2C116.099v279.803C512%2C459.918%2C459.918%2C512%2C395.901%2C512z%20M116.099%2C14.573%0A%09c-55.981%2C0-101.526%2C45.544-101.526%2C101.526v279.803c0%2C55.981%2C45.544%2C101.526%2C101.526%2C101.526h279.803%0A%09c55.981%2C0%2C101.526-45.545%2C101.526-101.526V116.099c0-55.981-45.545-101.526-101.526-101.526%0A%09C395.902%2C14.573%2C116.099%2C14.573%2C116.099%2C14.573z%22%2F%3E%0A%3Cpolygon%20style%3D%22fill%3A%23FFE000%3B%22%20points%3D%22256%2C374.81%2051.502%2C256%20256%2C137.19%20460.498%2C256%20%22%2F%3E%0A%3Cpath%20d%3D%22M256%2C382.097c-1.265%2C0-2.529-0.328-3.66-0.986L47.842%2C262.301c-2.245-1.305-3.626-3.705-3.626-6.301%0A%09s1.381-4.996%2C3.626-6.301l204.498-118.81c2.264-1.315%2C5.057-1.315%2C7.321%2C0l204.498%2C118.81c2.245%2C1.305%2C3.626%2C3.705%2C3.626%2C6.301%0A%09c0%2C2.596-1.381%2C4.996-3.626%2C6.301l-32.303%2C18.767c-3.48%2C2.02-7.939%2C0.841-9.961-2.64c-2.021-3.479-0.84-7.939%2C2.64-9.961%0A%09L445.993%2C256L256%2C145.617L66.007%2C256L256%2C366.383l139.861-81.258c3.478-2.021%2C7.938-0.841%2C9.961%2C2.64%0A%09c2.021%2C3.479%2C0.84%2C7.939-2.64%2C9.961L259.66%2C381.111C258.529%2C381.768%2C257.265%2C382.097%2C256%2C382.097z%22%2F%3E%0A%3Ccircle%20style%3D%22fill%3A%23103B9B%3B%22%20cx%3D%22256%22%20cy%3D%22256%22%20r%3D%2267.47%22%2F%3E%0A%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M316.265%2C293.777c-2.7%2C0-5.294-1.507-6.556-4.097c-10.094-20.712-27.403-36.941-48.741-45.697%0A%09c-21.334-8.755-45.052-9.367-66.782-1.72c-3.794%2C1.333-7.955-0.659-9.292-4.455c-1.335-3.796%2C0.659-7.956%2C4.455-9.292%0A%09c25.106-8.835%2C52.506-8.129%2C77.152%2C1.986c24.649%2C10.116%2C44.646%2C28.865%2C56.308%2C52.796c1.763%2C3.617%2C0.259%2C7.979-3.359%2C9.742%0A%09C318.423%2C293.54%2C317.336%2C293.777%2C316.265%2C293.777z%22%2F%3E%0A%3Cpath%20d%3D%22M256%2C330.753c-41.219%2C0-74.753-33.534-74.753-74.753s33.534-74.753%2C74.753-74.753s74.753%2C33.534%2C74.753%2C74.753%0A%09S297.219%2C330.753%2C256%2C330.753z%20M256%2C195.82c-33.183%2C0-60.18%2C26.997-60.18%2C60.18s26.997%2C60.18%2C60.18%2C60.18s60.18-26.997%2C60.18-60.18%0A%09S289.183%2C195.82%2C256%2C195.82z%22%2F%3E%0A%3C%2Fsvg%3E";
-var flag_us = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%0A%3C!--%20Uploaded%20to%3A%20SVG%20Repo%2C%20www.svgrepo.com%2C%20Generator%3A%20SVG%20Repo%20Mixer%20Tools%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20%0A%09%20viewBox%3D%220%200%20512.001%20512.001%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M395.901%2C7.287H116.099C56.003%2C7.287%2C7.286%2C56.004%2C7.286%2C116.1v279.803%0A%09c0%2C60.095%2C48.717%2C108.812%2C108.812%2C108.812h279.803c60.095%2C0%2C108.812-48.717%2C108.812-108.812V116.1%0A%09C504.714%2C56.004%2C455.997%2C7.287%2C395.901%2C7.287z%22%2F%3E%0A%3Cg%3E%0A%09%3Crect%20x%3D%227.286%22%20y%3D%22338.901%22%20style%3D%22fill%3A%23ED1F34%3B%22%20width%3D%22497.43%22%20height%3D%2255.26%22%2F%3E%0A%09%3Crect%20x%3D%22225.79%22%20y%3D%22228.361%22%20style%3D%22fill%3A%23ED1F34%3B%22%20width%3D%22278.92%22%20height%3D%2255.28%22%2F%3E%0A%09%3Crect%20x%3D%22236.17%22%20y%3D%22117.831%22%20style%3D%22fill%3A%23ED1F34%3B%22%20width%3D%22268.55%22%20height%3D%2255.26%22%2F%3E%0A%09%3Cpath%20style%3D%22fill%3A%23ED1F34%3B%22%20d%3D%22M116.099%2C504.715h279.803c40.628%2C0%2C76.05-22.27%2C94.739-55.264H21.36%0A%09%09C40.049%2C482.445%2C75.471%2C504.715%2C116.099%2C504.715z%22%2F%3E%0A%09%3Cpath%20style%3D%22fill%3A%23ED1F34%3B%22%20d%3D%22M490.64%2C62.552c-18.689-32.995-54.111-55.264-94.739-55.264H225.79v55.264H490.64z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cpath%20style%3D%22fill%3A%23164FCE%3B%22%20d%3D%22M335.041%2C7.287H116.099C56.003%2C7.287%2C7.286%2C56.004%2C7.286%2C116.1v167.541h327.755L335.041%2C7.287%0A%09L335.041%2C7.287z%22%2F%3E%0A%3Cg%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2272.55%22%20cy%3D%22217.091%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22121.86%22%20cy%3D%22217.091%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22171.16%22%20cy%3D%22217.091%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22220.47%22%20cy%3D%22217.091%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22269.77%22%20cy%3D%22217.091%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2247.902%22%20cy%3D%22240.971%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2297.21%22%20cy%3D%22240.971%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22146.51%22%20cy%3D%22240.971%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22195.82%22%20cy%3D%22240.971%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22245.12%22%20cy%3D%22240.971%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22294.43%22%20cy%3D%22240.971%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2247.902%22%20cy%3D%22193.221%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2297.21%22%20cy%3D%22193.221%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22146.51%22%20cy%3D%22193.221%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22195.82%22%20cy%3D%22193.221%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22245.12%22%20cy%3D%22193.221%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22294.43%22%20cy%3D%22193.221%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2272.55%22%20cy%3D%22169.341%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22121.86%22%20cy%3D%22169.341%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22171.16%22%20cy%3D%22169.341%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22220.47%22%20cy%3D%22169.341%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22269.77%22%20cy%3D%22169.341%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2247.902%22%20cy%3D%22145.461%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2297.21%22%20cy%3D%22145.461%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22146.51%22%20cy%3D%22145.461%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22195.82%22%20cy%3D%22145.461%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22245.12%22%20cy%3D%22145.461%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22294.43%22%20cy%3D%22145.461%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2272.55%22%20cy%3D%22121.591%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22121.86%22%20cy%3D%22121.591%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22171.16%22%20cy%3D%22121.591%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22220.47%22%20cy%3D%22121.591%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22269.77%22%20cy%3D%22121.591%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2247.902%22%20cy%3D%2297.711%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2297.21%22%20cy%3D%2297.711%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22146.51%22%20cy%3D%2297.711%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22195.82%22%20cy%3D%2297.711%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22245.12%22%20cy%3D%2297.711%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22294.43%22%20cy%3D%2297.711%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2272.55%22%20cy%3D%2273.835%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22121.86%22%20cy%3D%2273.835%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22171.16%22%20cy%3D%2273.835%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22220.47%22%20cy%3D%2273.835%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22269.77%22%20cy%3D%2273.835%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2247.902%22%20cy%3D%2249.958%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2297.21%22%20cy%3D%2249.958%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22146.51%22%20cy%3D%2249.958%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22195.82%22%20cy%3D%2249.958%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22245.12%22%20cy%3D%2249.958%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22294.43%22%20cy%3D%2249.958%22%20r%3D%228.953%22%2F%3E%0A%3C%2Fg%3E%0A%3Cpath%20d%3D%22M497.341%2C59.688c-0.199-0.465-0.447-0.902-0.734-1.311C476.551%2C23.521%2C438.921%2C0.001%2C395.901%2C0.001H116.099%0A%09C52.082%2C0.001%2C0%2C52.083%2C0%2C116.1v279.803c0%2C20.462%2C5.328%2C39.7%2C14.659%2C56.412c0.199%2C0.464%2C0.447%2C0.902%2C0.734%2C1.311%0A%09C35.449%2C488.481%2C73.079%2C512%2C116.099%2C512h279.803c43.02%2C0%2C80.65-23.52%2C100.706-58.376c0.287-0.409%2C0.535-0.846%2C0.734-1.311%0A%09c9.331-16.712%2C14.659-35.95%2C14.659-56.412V116.1C512%2C95.638%2C506.672%2C76.4%2C497.341%2C59.688z%20M438.39%2C386.883%0A%09c-4.024%2C0-7.286%2C3.262-7.286%2C7.287s3.262%2C7.286%2C7.286%2C7.286h58.883c-0.791%2C14.595-4.676%2C28.38-11.013%2C40.708H25.74%0A%09c-6.337-12.328-10.222-26.113-11.013-40.708h390.501c4.024%2C0%2C7.286-3.262%2C7.286-7.286c0-4.025-3.262-7.287-7.286-7.287H14.573%0A%09v-40.692h482.854v40.692L438.39%2C386.883L438.39%2C386.883z%20M497.273%2C110.546H342.328V69.838H486.26%0A%09C492.597%2C82.166%2C496.482%2C95.951%2C497.273%2C110.546z%20M389.101%2C180.383h108.326v40.691H342.328v-40.691h19.156%0A%09c4.024%2C0%2C7.286-3.262%2C7.286-7.287c0-4.025-3.262-7.286-7.286-7.286h-19.156v-40.692h155.099v40.692H389.101%0A%09c-4.024%2C0-7.287%2C3.262-7.287%2C7.286C381.814%2C177.121%2C385.076%2C180.383%2C389.101%2C180.383z%20M342.328%2C235.647h155.099v40.708H342.328%0A%09V235.647z%20M497.427%2C290.928v40.691H14.573v-40.691H497.427z%20M477.132%2C55.265H342.328V14.574h53.574%0A%09C429.082%2C14.574%2C458.594%2C30.575%2C477.132%2C55.265z%20M116.099%2C14.574h211.656v261.781H14.573V116.1%0A%09C14.573%2C60.119%2C60.117%2C14.574%2C116.099%2C14.574z%20M395.901%2C497.428H116.099c-33.181%2C0-62.693-16.001-81.231-40.691h442.264%0A%09C458.594%2C481.427%2C429.082%2C497.428%2C395.901%2C497.428z%22%2F%3E%0A%3C%2Fsvg%3E";
-var flag_es = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%0A%3C!--%20Uploaded%20to%3A%20SVG%20Repo%2C%20www.svgrepo.com%2C%20Generator%3A%20SVG%20Repo%20Mixer%20Tools%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20%0A%09%20viewBox%3D%220%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Crect%20x%3D%227.286%22%20y%3D%22131.64%22%20style%3D%22fill%3A%23FFE000%3B%22%20width%3D%22497.43%22%20height%3D%22248.71%22%2F%3E%0A%3Cg%3E%0A%09%3Cpath%20style%3D%22fill%3A%23ED1F34%3B%22%20d%3D%22M395.901%2C7.287H116.099C56.003%2C7.287%2C7.286%2C56.003%2C7.286%2C116.099v15.545h497.427v-15.545%0A%09%09C504.714%2C56.003%2C455.997%2C7.287%2C395.901%2C7.287z%22%2F%3E%0A%09%3Cpath%20style%3D%22fill%3A%23ED1F34%3B%22%20d%3D%22M7.286%2C395.901c0%2C60.095%2C48.717%2C108.812%2C108.812%2C108.812h279.803%0A%09%09c60.095%2C0%2C108.812-48.717%2C108.812-108.812v-15.545H7.286V395.901z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cpath%20d%3D%22M395.901%2C0H116.099C52.082%2C0%2C0%2C52.082%2C0%2C116.099v279.803C0%2C459.918%2C52.082%2C512%2C116.099%2C512h279.803%0A%09C459.918%2C512%2C512%2C459.918%2C512%2C395.901V116.099C512%2C52.082%2C459.918%2C0%2C395.901%2C0z%20M116.099%2C14.573h279.803%0A%09c55.981%2C0%2C101.526%2C45.544%2C101.526%2C101.526v8.258H14.573v-8.258C14.573%2C60.117%2C60.117%2C14.573%2C116.099%2C14.573z%20M395.901%2C497.427%0A%09H116.099c-55.982%2C0-101.526-45.544-101.526-101.526v-8.258h390.655c4.024%2C0%2C7.286-3.262%2C7.286-7.287s-3.262-7.286-7.286-7.286%0A%09H14.573V138.93h482.854v234.14H438.39c-4.024%2C0-7.286%2C3.262-7.286%2C7.286s3.262%2C7.287%2C7.286%2C7.287h59.037v8.258%0A%09C497.427%2C451.883%2C451.883%2C497.427%2C395.901%2C497.427z%22%2F%3E%0A%3C%2Fsvg%3E";
-var flag_fr = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%0A%3C!--%20Uploaded%20to%3A%20SVG%20Repo%2C%20www.svgrepo.com%2C%20Generator%3A%20SVG%20Repo%20Mixer%20Tools%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20%0A%09%20viewBox%3D%220%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Crect%20x%3D%22173.1%22%20y%3D%227.287%22%20style%3D%22fill%3A%23FFFFFF%3B%22%20width%3D%22165.81%22%20height%3D%22497.43%22%2F%3E%0A%3Cpath%20style%3D%22fill%3A%23164FCE%3B%22%20d%3D%22M116.099%2C7.287C56.003%2C7.287%2C7.286%2C56.003%2C7.286%2C116.099v279.803%0A%09c0%2C60.095%2C48.717%2C108.812%2C108.812%2C108.812h56.997V7.287H116.099z%22%2F%3E%0A%3Cpath%20style%3D%22fill%3A%23ED1F34%3B%22%20d%3D%22M395.901%2C7.287h-56.997v497.427h56.997c60.095%2C0%2C108.812-48.717%2C108.812-108.812V116.099%0A%09C504.714%2C56.003%2C455.997%2C7.287%2C395.901%2C7.287z%22%2F%3E%0A%3Cpath%20d%3D%22M395.901%2C0H116.099C52.082%2C0%2C0%2C52.082%2C0%2C116.099v279.803C0%2C459.918%2C52.082%2C512%2C116.099%2C512h279.803%0A%09C459.918%2C512%2C512%2C459.918%2C512%2C395.901V116.099C512%2C52.082%2C459.918%2C0%2C395.901%2C0z%20M14.573%2C395.901V116.099%0A%09c0-55.981%2C45.544-101.526%2C101.526-101.526h49.71v482.854h-49.71C60.117%2C497.427%2C14.573%2C451.883%2C14.573%2C395.901z%20M497.427%2C395.901%0A%09c0%2C55.982-45.545%2C101.526-101.526%2C101.526H346.19V156.515c0-4.024-3.262-7.286-7.286-7.286c-4.025%2C0-7.287%2C3.262-7.287%2C7.286%0A%09v340.912H180.382V14.573h151.236v92.199c0%2C4.024%2C3.262%2C7.286%2C7.287%2C7.286s7.286-3.262%2C7.286-7.286V14.573h49.711%0A%09c55.981%2C0%2C101.526%2C45.544%2C101.526%2C101.526L497.427%2C395.901L497.427%2C395.901z%22%2F%3E%0A%3C%2Fsvg%3E";
-var flag_de = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%0A%3C!--%20Uploaded%20to%3A%20SVG%20Repo%2C%20www.svgrepo.com%2C%20Generator%3A%20SVG%20Repo%20Mixer%20Tools%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20%0A%09%20viewBox%3D%220%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Crect%20x%3D%227.286%22%20y%3D%22173.1%22%20style%3D%22fill%3A%23ED1F34%3B%22%20width%3D%22497.43%22%20height%3D%22165.81%22%2F%3E%0A%3Cpath%20style%3D%22fill%3A%23FFE000%3B%22%20d%3D%22M7.286%2C395.901c0%2C60.095%2C48.717%2C108.812%2C108.812%2C108.812h279.803%0A%09c60.095%2C0%2C108.812-48.717%2C108.812-108.812v-56.997H7.286V395.901z%22%2F%3E%0A%3Cpath%20style%3D%22fill%3A%23333333%3B%22%20d%3D%22M395.901%2C7.286H116.099C56.003%2C7.286%2C7.286%2C56.003%2C7.286%2C116.099v56.997h497.427v-56.997%0A%09C504.714%2C56.003%2C455.997%2C7.286%2C395.901%2C7.286z%22%2F%3E%0A%3Cpath%20d%3D%22M395.901%2C0H116.099C52.082%2C0%2C0%2C52.082%2C0%2C116.099v279.803C0%2C459.918%2C52.082%2C512%2C116.099%2C512h279.803%0A%09C459.918%2C512%2C512%2C459.918%2C512%2C395.901V116.099C512%2C52.082%2C459.918%2C0%2C395.901%2C0z%20M116.099%2C14.573h279.803%0A%09c55.981%2C0%2C101.526%2C45.544%2C101.526%2C101.526v49.71H14.573v-49.71C14.573%2C60.117%2C60.117%2C14.573%2C116.099%2C14.573z%20M395.901%2C497.427%0A%09H116.099c-55.982%2C0-101.526-45.544-101.526-101.526v-49.71h390.655c4.025%2C0%2C7.286-3.262%2C7.286-7.286s-3.262-7.286-7.286-7.286%0A%09H14.573V180.382h482.854v151.236H438.39c-4.025%2C0-7.286%2C3.262-7.286%2C7.286s3.262%2C7.286%2C7.286%2C7.286h59.037v49.71%0A%09C497.427%2C451.883%2C451.882%2C497.427%2C395.901%2C497.427z%22%2F%3E%0A%3C%2Fsvg%3E";
-var flag_it = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%0A%3C!--%20Uploaded%20to%3A%20SVG%20Repo%2C%20www.svgrepo.com%2C%20Generator%3A%20SVG%20Repo%20Mixer%20Tools%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20%0A%09%20viewBox%3D%220%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Crect%20x%3D%22173.1%22%20y%3D%227.286%22%20style%3D%22fill%3A%23FFFFFF%3B%22%20width%3D%22165.81%22%20height%3D%22497.43%22%2F%3E%0A%3Cpath%20style%3D%22fill%3A%23259245%3B%22%20d%3D%22M116.099%2C7.286C56.003%2C7.286%2C7.286%2C56.003%2C7.286%2C116.099v279.803%0A%09c0%2C60.095%2C48.717%2C108.812%2C108.812%2C108.812h56.997V7.286H116.099z%22%2F%3E%0A%3Cpath%20style%3D%22fill%3A%23ED1F34%3B%22%20d%3D%22M395.901%2C7.286h-56.997v497.427h56.997c60.095%2C0%2C108.812-48.717%2C108.812-108.812V116.099%0A%09C504.714%2C56.003%2C455.997%2C7.286%2C395.901%2C7.286z%22%2F%3E%0A%3Cpath%20d%3D%22M395.901%2C0H116.099C52.082%2C0%2C0%2C52.082%2C0%2C116.099v279.803C0%2C459.918%2C52.082%2C512%2C116.099%2C512h279.803%0A%09C459.918%2C512%2C512%2C459.918%2C512%2C395.901V116.099C512%2C52.082%2C459.918%2C0%2C395.901%2C0z%20M14.573%2C395.901V116.099%0A%09c0-55.982%2C45.544-101.526%2C101.526-101.526h49.71v482.854h-49.71C60.117%2C497.427%2C14.573%2C451.883%2C14.573%2C395.901z%20M497.427%2C395.901%0A%09c0%2C55.982-45.544%2C101.526-101.526%2C101.526h-49.71V156.515c0-4.024-3.262-7.286-7.287-7.286c-4.024%2C0-7.286%2C3.262-7.286%2C7.286%0A%09v340.912H180.382V14.573h151.236v92.199c0%2C4.024%2C3.262%2C7.286%2C7.286%2C7.286c4.024%2C0%2C7.287-3.262%2C7.287-7.286V14.573h49.71%0A%09c55.981%2C0%2C101.526%2C45.544%2C101.526%2C101.526L497.427%2C395.901L497.427%2C395.901z%22%2F%3E%0A%3C%2Fsvg%3E";
-var LOCALE_FLAGS = {
-  "br": flag_br,
-  "us": flag_us,
-  "es": flag_es,
-  "fr": flag_fr,
+  }
+);
+var InventoryDemo = () => /* @__PURE__ */ jsxRuntime.jsx(
+  framerMotion.motion.div,
+  {
+    initial: { opacity: 0 },
+    animate: { opacity: 1 },
+    exit: { opacity: 0 },
+    transition: { duration: 0.5 },
+    className: "flex flex-col h-full overflow-hidden",
+    children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col overflow-hidden", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        framerMotion.motion.div,
+        {
+          initial: { y: -20, opacity: 0 },
+          animate: { y: 0, opacity: 1 },
+          transition: { duration: 0.5, delay: 0.3 },
+          className: "h-14 border-b bg-background/95 backdrop-blur-sm flex items-center justify-between px-4",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-sm font-semibold", children: "Gest\xE3o de Estoque" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs px-2 py-1 rounded-full bg-orange-500/10 text-orange-600 dark:text-orange-400 font-medium", children: "3 alertas" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.BellIcon, { className: "h-4 w-4 text-muted-foreground" }),
+              /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.MagnifyingGlassIcon, { className: "h-4 w-4 text-muted-foreground" })
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 overflow-y-auto p-4 space-y-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          framerMotion.motion.div,
+          {
+            initial: { opacity: 0, y: 20 },
+            animate: { opacity: 1, y: 0 },
+            transition: { delay: 0.5 },
+            className: "grid grid-cols-2 gap-3",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "p-3 bg-gradient-to-br from-green-500 to-emerald-500 text-white", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-2", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ShoppingCartIcon, { className: "h-5 w-5" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "bg-white/20 text-white border-white/30 h-5 text-xs", children: "OK" })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-2xl font-bold", children: "1.284" }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs opacity-90", children: "Produtos em Estoque" })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "p-3 bg-gradient-to-br from-orange-500 to-red-500 text-white", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-2", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ExclamationTriangleIcon, { className: "h-5 w-5" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "bg-white/20 text-white border-white/30 h-5 text-xs", children: "A\xE7\xE3o" })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-2xl font-bold", children: "23" }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs opacity-90", children: "Estoque Baixo" })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          framerMotion.motion.div,
+          {
+            initial: { opacity: 0, y: 20 },
+            animate: { opacity: 1, y: 0 },
+            transition: { delay: 0.7 },
+            children: /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "border-2 border-orange-200 dark:border-orange-800", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-3 border-b bg-gradient-to-r from-orange-600 to-red-600 text-white", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ExclamationTriangleIcon, { className: "h-4 w-4" }),
+                /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-bold", children: "Alertas IA de Estoque" })
+              ] }) }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-3 space-y-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  framerMotion.motion.div,
+                  {
+                    initial: { opacity: 0, x: -10 },
+                    animate: { opacity: 1, x: 0 },
+                    transition: { delay: 0.9 },
+                    className: "p-2 bg-orange-50 dark:bg-orange-950/20 rounded-lg border border-orange-200 dark:border-orange-800",
+                    children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ExclamationTriangleIcon, { className: "h-4 w-4 text-orange-500 flex-shrink-0 mt-0.5" }),
+                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium", children: "Notebook Dell XPS 15" }),
+                        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-muted-foreground", children: "Apenas 3 unidades - repor urgente" }),
+                        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1", children: /* @__PURE__ */ jsxRuntime.jsx(Progress, { value: 15, className: "h-1" }) })
+                      ] })
+                    ] })
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  framerMotion.motion.div,
+                  {
+                    initial: { opacity: 0, x: -10 },
+                    animate: { opacity: 1, x: 0 },
+                    transition: { delay: 1.1 },
+                    className: "p-2 bg-yellow-50 dark:bg-yellow-950/20 rounded-lg border border-yellow-200 dark:border-yellow-800",
+                    children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ArrowTrendingUpIcon, { className: "h-4 w-4 text-yellow-500 flex-shrink-0 mt-0.5" }),
+                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium", children: "Mouse Logitech MX Master" }),
+                        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-muted-foreground", children: "Vendas +180% - aumentar estoque" }),
+                        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1", children: /* @__PURE__ */ jsxRuntime.jsx(Progress, { value: 40, className: "h-1" }) })
+                      ] })
+                    ] })
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  framerMotion.motion.div,
+                  {
+                    initial: { opacity: 0, x: -10 },
+                    animate: { opacity: 1, x: 0 },
+                    transition: { delay: 1.3 },
+                    className: "p-2 bg-red-50 dark:bg-red-950/20 rounded-lg border border-red-200 dark:border-red-800",
+                    children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.XCircleIcon, { className: "h-4 w-4 text-red-500 flex-shrink-0 mt-0.5" }),
+                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium", children: "Teclado Mec\xE2nico RGB" }),
+                        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-muted-foreground", children: "CR\xCDTICO: 1 unidade restante" }),
+                        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1", children: /* @__PURE__ */ jsxRuntime.jsx(Progress, { value: 5, className: "h-1 bg-red-200" }) })
+                      ] })
+                    ] })
+                  }
+                )
+              ] })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          framerMotion.motion.div,
+          {
+            initial: { opacity: 0, y: 20 },
+            animate: { opacity: 1, y: 0 },
+            transition: { delay: 1.5 },
+            children: /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "p-3", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-3", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.SparklesIcon, { className: "h-4 w-4 text-purple-500" }),
+                /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-xs font-semibold", children: "Recomenda\xE7\xF5es IA" })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  framerMotion.motion.div,
+                  {
+                    initial: { opacity: 0, x: -10 },
+                    animate: { opacity: 1, x: 0 },
+                    transition: { delay: 1.7 },
+                    className: "flex items-start gap-2 text-xs",
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.CheckCircleIcon, { className: "h-3 w-3 text-green-500 flex-shrink-0 mt-0.5" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Pedido autom\xE1tico de 50 unidades Notebook Dell programado" })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  framerMotion.motion.div,
+                  {
+                    initial: { opacity: 0, x: -10 },
+                    animate: { opacity: 1, x: 0 },
+                    transition: { delay: 1.9 },
+                    className: "flex items-start gap-2 text-xs",
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ArrowTrendingUpIcon, { className: "h-3 w-3 text-blue-500 flex-shrink-0 mt-0.5" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Black Friday: aumentar Mouse Logitech em 300%" })
+                    ]
+                  }
+                )
+              ] })
+            ] })
+          }
+        )
+      ] })
+    ] })
+  }
+);
+var LGPDComplianceDemo = () => /* @__PURE__ */ jsxRuntime.jsx(
+  framerMotion.motion.div,
+  {
+    initial: { opacity: 0 },
+    animate: { opacity: 1 },
+    exit: { opacity: 0 },
+    transition: { duration: 0.5 },
+    className: "flex flex-col h-full overflow-hidden",
+    children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col overflow-hidden", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        framerMotion.motion.div,
+        {
+          initial: { y: -20, opacity: 0 },
+          animate: { y: 0, opacity: 1 },
+          transition: { duration: 0.5, delay: 0.3 },
+          className: "h-14 border-b bg-background/95 backdrop-blur-sm flex items-center justify-between px-4",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-sm font-semibold", children: "Conformidade LGPD" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs px-2 py-1 rounded-full bg-blue-500/10 text-blue-600 dark:text-blue-400 font-medium", children: "Auditoria IA" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.BellIcon, { className: "h-4 w-4 text-muted-foreground" }),
+              /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.MagnifyingGlassIcon, { className: "h-4 w-4 text-muted-foreground" })
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 overflow-y-auto p-4 space-y-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          framerMotion.motion.div,
+          {
+            initial: { opacity: 0, y: 20 },
+            animate: { opacity: 1, y: 0 },
+            transition: { delay: 0.5 },
+            className: "grid grid-cols-2 gap-3",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "p-3 bg-gradient-to-br from-blue-500 to-cyan-500 text-white", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-2", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ShieldCheckIcon, { className: "h-5 w-5" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "bg-white/20 text-white border-white/30 h-5 text-xs", children: "Alto" })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-2xl font-bold", children: "98%" }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs opacity-90", children: "Taxa de Conformidade" })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "p-3 bg-gradient-to-br from-purple-500 to-indigo-500 text-white", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-2", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.UsersIcon, { className: "h-5 w-5" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "bg-white/20 text-white border-white/30 h-5 text-xs", children: "LGPD" })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-2xl font-bold", children: "15.4k" }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs opacity-90", children: "Titulares Protegidos" })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          framerMotion.motion.div,
+          {
+            initial: { opacity: 0, y: 20 },
+            animate: { opacity: 1, y: 0 },
+            transition: { delay: 0.7 },
+            children: /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "border-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-3 border-b bg-gradient-to-r from-blue-600 to-cyan-600 text-white", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ShieldCheckIcon, { className: "h-4 w-4" }),
+                /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-bold", children: "Status de Prote\xE7\xE3o" })
+              ] }) }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-3 space-y-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  framerMotion.motion.div,
+                  {
+                    initial: { opacity: 0, x: -10 },
+                    animate: { opacity: 1, x: 0 },
+                    transition: { delay: 0.9 },
+                    className: "p-2 bg-green-50 dark:bg-green-950/20 rounded-lg border border-green-200 dark:border-green-800",
+                    children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.CheckCircleIcon, { className: "h-4 w-4 text-green-500 flex-shrink-0 mt-0.5" }),
+                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium", children: "Consentimentos V\xE1lidos" }),
+                        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-muted-foreground", children: "15.2k titulares com aceite ativo" }),
+                        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1", children: /* @__PURE__ */ jsxRuntime.jsx(Progress, { value: 98, className: "h-1" }) })
+                      ] })
+                    ] })
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  framerMotion.motion.div,
+                  {
+                    initial: { opacity: 0, x: -10 },
+                    animate: { opacity: 1, x: 0 },
+                    transition: { delay: 1.1 },
+                    className: "p-2 bg-blue-50 dark:bg-blue-950/20 rounded-lg border border-blue-200 dark:border-blue-800",
+                    children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.LockClosedIcon, { className: "h-4 w-4 text-blue-500 flex-shrink-0 mt-0.5" }),
+                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium", children: "Dados Criptografados" }),
+                        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-muted-foreground", children: "AES-256 em todos os dados sens\xEDveis" }),
+                        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1", children: /* @__PURE__ */ jsxRuntime.jsx(Progress, { value: 100, className: "h-1" }) })
+                      ] })
+                    ] })
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  framerMotion.motion.div,
+                  {
+                    initial: { opacity: 0, x: -10 },
+                    animate: { opacity: 1, x: 0 },
+                    transition: { delay: 1.3 },
+                    className: "p-2 bg-yellow-50 dark:bg-yellow-950/20 rounded-lg border border-yellow-200 dark:border-yellow-800",
+                    children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ExclamationTriangleIcon, { className: "h-4 w-4 text-yellow-500 flex-shrink-0 mt-0.5" }),
+                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium", children: "Solicita\xE7\xF5es Pendentes" }),
+                        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-muted-foreground", children: "12 pedidos de exclus\xE3o em an\xE1lise" }),
+                        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1", children: /* @__PURE__ */ jsxRuntime.jsx(Progress, { value: 35, className: "h-1" }) })
+                      ] })
+                    ] })
+                  }
+                )
+              ] })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          framerMotion.motion.div,
+          {
+            initial: { opacity: 0, y: 20 },
+            animate: { opacity: 1, y: 0 },
+            transition: { delay: 1.5 },
+            children: /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "p-3", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-3", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.CpuChipIcon, { className: "h-4 w-4 text-blue-500" }),
+                /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-xs font-semibold", children: "4 Agentes LGPD" })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-2", children: ["LGPD", "Privacy", "Audit", "Security"].map((agent, i) => /* @__PURE__ */ jsxRuntime.jsx(
+                framerMotion.motion.div,
+                {
+                  initial: { opacity: 0, scale: 0.9 },
+                  animate: { opacity: 1, scale: 1 },
+                  transition: { delay: 1.7 + i * 0.1 },
+                  children: /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "w-full justify-center bg-blue-500/10 text-blue-600 dark:text-blue-400 text-xs", children: agent })
+                },
+                agent
+              )) })
+            ] })
+          }
+        )
+      ] })
+    ] })
+  }
+);
+var MarketingDemo = () => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  /* @__PURE__ */ jsxRuntime.jsxs(
+    framerMotion.motion.div,
+    {
+      initial: { y: -20, opacity: 0 },
+      animate: { y: 0, opacity: 1 },
+      transition: { duration: 0.5, delay: 0.3 },
+      className: "h-14 border-b bg-background/95 backdrop-blur-sm flex items-center justify-between px-4",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-sm font-semibold", children: "Campanha Black Friday" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs px-2 py-1 rounded-full bg-green-500/10 text-green-600 dark:text-green-400 font-medium", children: "4 agentes ativos" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.BellIcon, { className: "h-4 w-4 text-muted-foreground" }),
+          /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.MagnifyingGlassIcon, { className: "h-4 w-4 text-muted-foreground" })
+        ] })
+      ]
+    }
+  ),
+  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-y-auto p-4 space-y-3", children: /* @__PURE__ */ jsxRuntime.jsx(
+    framerMotion.motion.div,
+    {
+      initial: { opacity: 0, y: 20 },
+      animate: { opacity: 1, y: 0 },
+      transition: { delay: 0.5 },
+      children: /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "border-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-3 border-b bg-gradient-to-r from-purple-600 to-indigo-600 text-white", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2 mb-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ShoppingCartIcon, { className: "h-4 w-4 mt-0.5" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-bold mb-1", children: "Black Friday 2024" }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs opacity-90", children: "Campanha completa com 4 agentes especializados" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Badge,
+              {
+                className: "bg-white/20 text-white border-white/30 text-xs h-5",
+                children: "4 agentes"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Badge,
+              {
+                className: "bg-white/20 text-white border-white/30 text-xs h-5",
+                children: "Ativo"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-3 grid grid-cols-2 gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            framerMotion.motion.div,
+            {
+              initial: { opacity: 0, scale: 0.9 },
+              animate: { opacity: 1, scale: 1 },
+              transition: { delay: 0.7 },
+              children: /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "p-2 bg-purple-50 dark:bg-purple-950/20 border-purple-200 dark:border-purple-800", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-1", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-6 w-6 rounded bg-gradient-to-br from-purple-500 to-pink-500 flex items-center justify-center text-white text-[10px] font-bold", children: "MA" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-xs font-semibold", children: "Marketing" })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-muted-foreground", children: "Estrat\xE9gia de descontos" }),
+                /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "mt-1 h-4 text-[9px] bg-green-500", children: "Ativo" })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            framerMotion.motion.div,
+            {
+              initial: { opacity: 0, scale: 0.9 },
+              animate: { opacity: 1, scale: 1 },
+              transition: { delay: 0.9 },
+              children: /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "p-2 bg-blue-50 dark:bg-blue-950/20 border-blue-200 dark:border-blue-800", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-1", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-6 w-6 rounded bg-gradient-to-br from-blue-500 to-cyan-500 flex items-center justify-center text-white text-[10px] font-bold", children: "DA" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-xs font-semibold", children: "Design" })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-muted-foreground", children: "Gerando banners" }),
+                /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "mt-1 h-4 text-[9px] bg-green-500", children: "Ativo" })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            framerMotion.motion.div,
+            {
+              initial: { opacity: 0, scale: 0.9 },
+              animate: { opacity: 1, scale: 1 },
+              transition: { delay: 1.1 },
+              children: /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "p-2 bg-orange-50 dark:bg-orange-950/20 border-orange-200 dark:border-orange-800", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-1", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-6 w-6 rounded bg-gradient-to-br from-orange-500 to-red-500 flex items-center justify-center text-white text-[10px] font-bold", children: "EA" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-xs font-semibold", children: "E-commerce" })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-muted-foreground mb-1", children: "Automa\xE7\xF5es" }),
+                /* @__PURE__ */ jsxRuntime.jsx(Progress, { value: 65, className: "h-1" })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            framerMotion.motion.div,
+            {
+              initial: { opacity: 0, scale: 0.9 },
+              animate: { opacity: 1, scale: 1 },
+              transition: { delay: 1.3 },
+              children: /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "p-2 bg-green-50 dark:bg-green-950/20 border-green-200 dark:border-green-800", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-1", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-6 w-6 rounded bg-gradient-to-br from-green-500 to-emerald-500 flex items-center justify-center text-white text-[10px] font-bold", children: "EM" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-xs font-semibold", children: "Email" })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-muted-foreground", children: "Sequ\xEAncia de emails" }),
+                /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "mt-1 h-4 text-[9px] bg-green-500", children: "Ativo" })
+              ] })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-3 border-t", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-xs font-semibold mb-2", children: "Progresso" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              framerMotion.motion.div,
+              {
+                initial: { opacity: 0, x: -10 },
+                animate: { opacity: 1, x: 0 },
+                transition: { delay: 1.5 },
+                className: "flex items-center gap-2 text-xs",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.CheckCircleIcon, { className: "h-3 w-3 text-green-500 flex-shrink-0" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "An\xE1lise de produtos" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              framerMotion.motion.div,
+              {
+                initial: { opacity: 0, x: -10 },
+                animate: { opacity: 1, x: 0 },
+                transition: { delay: 1.7 },
+                className: "flex items-center gap-2 text-xs",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    framerMotion.motion.div,
+                    {
+                      animate: { rotate: 360 },
+                      transition: {
+                        duration: 1,
+                        repeat: Infinity,
+                        ease: "linear"
+                      },
+                      children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ArrowPathIcon, { className: "h-3 w-3 text-blue-500" })
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: "12 banners promocionais" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              framerMotion.motion.div,
+              {
+                initial: { opacity: 0, x: -10 },
+                animate: { opacity: 1, x: 0 },
+                transition: { delay: 1.9 },
+                className: "flex items-center gap-2 text-xs",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.EnvelopeIcon, { className: "h-3 w-3 text-muted-foreground flex-shrink-0" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "5 emails autom\xE1ticos" })
+                ]
+              }
+            )
+          ] })
+        ] })
+      ] })
+    }
+  ) })
+] });
+var SalesDemo = () => /* @__PURE__ */ jsxRuntime.jsx(
+  framerMotion.motion.div,
+  {
+    initial: { opacity: 0 },
+    animate: { opacity: 1 },
+    exit: { opacity: 0 },
+    transition: { duration: 0.5 },
+    className: "flex flex-col h-full overflow-hidden",
+    children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col overflow-hidden", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        framerMotion.motion.div,
+        {
+          initial: { y: -20, opacity: 0 },
+          animate: { y: 0, opacity: 1 },
+          transition: { duration: 0.5, delay: 0.3 },
+          className: "h-14 border-b bg-background/95 backdrop-blur-sm flex items-center justify-between px-4",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-sm font-semibold", children: "Funil de Vendas - XPTO" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs px-2 py-1 rounded-full bg-blue-500/10 text-blue-600 dark:text-blue-400 font-medium", children: "4 agentes ativos" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.BellIcon, { className: "h-4 w-4 text-muted-foreground" }),
+              /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.MagnifyingGlassIcon, { className: "h-4 w-4 text-muted-foreground" })
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 overflow-y-auto p-4 space-y-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          framerMotion.motion.div,
+          {
+            initial: { opacity: 0, y: 20 },
+            animate: { opacity: 1, y: 0 },
+            transition: { delay: 0.5 },
+            children: /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "border-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-3 border-b bg-gradient-to-r from-blue-600 to-indigo-600 text-white", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2 mb-2", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ArrowTrendingUpIcon, { className: "h-4 w-4 mt-0.5" }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-bold mb-1", children: "Lead Qualificado: Empresa XPTO" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs opacity-90", children: "Pipeline de vendas com 4 agentes coordenados" })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    Badge,
+                    {
+                      className: "bg-white/20 text-white border-white/30 text-xs h-5",
+                      children: "Score: 85/100"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    Badge,
+                    {
+                      className: "bg-white/20 text-white border-white/30 text-xs h-5",
+                      children: "Em Progresso"
+                    }
+                  )
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-3 space-y-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  framerMotion.motion.div,
+                  {
+                    initial: { opacity: 0, x: -10 },
+                    animate: { opacity: 1, x: 0 },
+                    transition: { delay: 0.7 },
+                    className: "relative",
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 p-2 bg-green-50 dark:bg-green-950/20 rounded-lg border border-green-200 dark:border-green-800", children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-8 w-8 rounded-full bg-gradient-to-br from-green-500 to-emerald-500 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.CheckCircleIcon, { className: "h-4 w-4 text-white" }) }),
+                        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+                          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-semibold", children: "Lead" }),
+                          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-muted-foreground", children: "Novo contato recebido" })
+                        ] }),
+                        /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "bg-green-500 text-white text-[9px] h-4", children: "Completo" })
+                      ] }),
+                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-4 top-10 w-0.5 h-2 bg-gradient-to-b from-green-500 to-blue-500" })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  framerMotion.motion.div,
+                  {
+                    initial: { opacity: 0, x: -10 },
+                    animate: { opacity: 1, x: 0 },
+                    transition: { delay: 0.9 },
+                    className: "relative",
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 p-2 bg-blue-50 dark:bg-blue-950/20 rounded-lg border-2 border-blue-400 dark:border-blue-600", children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-8 w-8 rounded-full bg-gradient-to-br from-blue-500 to-cyan-500 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(
+                          framerMotion.motion.div,
+                          {
+                            animate: { rotate: 360 },
+                            transition: {
+                              duration: 2,
+                              repeat: Infinity,
+                              ease: "linear"
+                            },
+                            children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ArrowPathIcon, { className: "h-4 w-4 text-white" })
+                          }
+                        ) }),
+                        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+                          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-semibold", children: "Qualifica\xE7\xE3o" }),
+                          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-muted-foreground", children: "Score: 85/100 - Alta prioridade" })
+                        ] }),
+                        /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "bg-blue-500 text-white text-[9px] h-4", children: "Em An\xE1lise" })
+                      ] }),
+                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-4 top-10 w-0.5 h-2 bg-gradient-to-b from-blue-500 to-purple-500" })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  framerMotion.motion.div,
+                  {
+                    initial: { opacity: 0, x: -10 },
+                    animate: { opacity: 1, x: 0 },
+                    transition: { delay: 1.1 },
+                    className: "relative",
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 p-2 bg-purple-50 dark:bg-purple-950/20 rounded-lg border border-purple-200 dark:border-purple-800", children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-8 w-8 rounded-full bg-gradient-to-br from-purple-500 to-pink-500 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.DocumentTextIcon, { className: "h-4 w-4 text-white" }) }),
+                        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+                          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-semibold", children: "Proposta" }),
+                          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-muted-foreground", children: "R$ 45k/m\xEAs - Em prepara\xE7\xE3o" })
+                        ] }),
+                        /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "bg-purple-500/20 text-purple-600 dark:text-purple-400 text-[9px] h-4", children: "Pendente" })
+                      ] }),
+                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-4 top-10 w-0.5 h-2 bg-gradient-to-b from-purple-500 to-orange-500" })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  framerMotion.motion.div,
+                  {
+                    initial: { opacity: 0, x: -10 },
+                    animate: { opacity: 1, x: 0 },
+                    transition: { delay: 1.3 },
+                    className: "relative",
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 p-2 bg-orange-50 dark:bg-orange-950/20 rounded-lg border border-orange-200 dark:border-orange-800", children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-8 w-8 rounded-full bg-gradient-to-br from-orange-500 to-red-500 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ChatBubbleLeftIcon, { className: "h-4 w-4 text-white" }) }),
+                        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+                          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-semibold", children: "Negocia\xE7\xE3o" }),
+                          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-muted-foreground", children: "Desconto 10% aprovado" })
+                        ] }),
+                        /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "bg-orange-500/20 text-orange-600 dark:text-orange-400 text-[9px] h-4", children: "Aguardando" })
+                      ] }),
+                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-4 top-10 w-0.5 h-2 bg-gradient-to-b from-orange-500 to-green-600" })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  framerMotion.motion.div,
+                  {
+                    initial: { opacity: 0, x: -10 },
+                    animate: { opacity: 1, x: 0 },
+                    transition: { delay: 1.5 },
+                    children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 p-2 bg-white/[0.04] dark:bg-white/[0.04] rounded-lg border border-white/10 dark:border-white/[0.08]", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-8 w-8 rounded-full bg-gradient-to-br from-gray-400 to-gray-600 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.TrophyIcon, { className: "h-4 w-4 text-white" }) }),
+                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-semibold", children: "Fechamento" }),
+                        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-muted-foreground", children: "Aguardando assinatura" })
+                      ] }),
+                      /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "bg-gray-500/20 text-gray-600 dark:text-gray-400 text-[9px] h-4", children: "Futuro" })
+                    ] })
+                  }
+                )
+              ] })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          framerMotion.motion.div,
+          {
+            initial: { opacity: 0, y: 20 },
+            animate: { opacity: 1, y: 0 },
+            transition: { delay: 1.7 },
+            children: /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "p-3", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-3", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.CpuChipIcon, { className: "h-4 w-4 text-blue-500" }),
+                /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-xs font-semibold", children: "4 Agentes de Vendas" })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-2", children: ["Sales", "CRM", "Scoring", "Proposal"].map((agent, i) => /* @__PURE__ */ jsxRuntime.jsx(
+                framerMotion.motion.div,
+                {
+                  initial: { opacity: 0, scale: 0.9 },
+                  animate: { opacity: 1, scale: 1 },
+                  transition: { delay: 1.9 + i * 0.1 },
+                  children: /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "w-full justify-center bg-blue-500/10 text-blue-600 dark:text-blue-400 text-xs", children: agent })
+                },
+                agent
+              )) })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          framerMotion.motion.div,
+          {
+            initial: { opacity: 0, y: 20 },
+            animate: { opacity: 1, y: 0 },
+            transition: { delay: 2.1 },
+            children: /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "p-3", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-xs font-semibold mb-2", children: "M\xE9tricas do Funil" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between text-xs", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Taxa de Convers\xE3o" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-bold text-green-600 dark:text-green-400", children: "68%" })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between text-xs", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Valor M\xE9dio" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-bold", children: "R$ 45k/m\xEAs" })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between text-xs", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Tempo M\xE9dio" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-bold", children: "14 dias" })
+                ] })
+              ] })
+            ] })
+          }
+        )
+      ] })
+    ] })
+  }
+);
+var InputStage = ({
+  inputText,
+  currentDepartmentTitle: _currentDepartmentTitle
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
+  framerMotion.motion.div,
+  {
+    initial: { opacity: 0, y: 20 },
+    animate: { opacity: 1, y: 0 },
+    exit: { opacity: 0, y: -20 },
+    className: "flex-1 flex flex-col",
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 flex items-center justify-center p-8", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center max-w-md", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex items-center justify-center w-16 h-16 rounded-2xl bg-gradient-to-br from-purple-500 to-blue-500 mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.SparklesIcon, { className: "w-8 h-8 text-white" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-2xl font-bold text-gray-900 dark:text-white mb-2", children: "Orquestrador de IA" }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-gray-600 dark:text-gray-400 text-sm", children: "Descreva o que precisa e veja os agentes colaborarem para executar" })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-white/10 dark:border-white/[0.08] p-4 bg-white/5 dark:bg-white/[0.03]", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-4xl mx-auto", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3 bg-white/[0.02] dark:bg-white/[0.02] rounded-2xl border border-white/10 dark:border-white/[0.08] p-4 shadow-sm hover:shadow-md transition-shadow", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 min-h-[44px] flex items-center", children: /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-gray-900 dark:text-white text-[15px]", children: [
+          inputText,
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "animate-pulse ml-0.5", children: "|" })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("button", { className: "flex-shrink-0 w-9 h-9 rounded-lg bg-gradient-to-br from-purple-500 to-blue-500 hover:from-purple-600 hover:to-blue-600 flex items-center justify-center transition-all shadow-sm hover:shadow-md", "aria-label": "Send message", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "svg",
+          {
+            width: "20",
+            height: "20",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            className: "text-white",
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              "path",
+              {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                strokeWidth: 2,
+                d: "M5 12h14M12 5l7 7-7 7"
+              }
+            )
+          }
+        ) })
+      ] }) }) }) })
+    ]
+  },
+  "input"
+);
+var AIAgentsSidebar = () => {
+  const [activeAgents] = React12.useState([
+    {
+      id: "1",
+      name: "AI Orchestrator",
+      role: "Task Coordination",
+      status: "active",
+      avatar: "\u{1F916}",
+      skills: ["routing", "coordination"]
+    },
+    {
+      id: "2",
+      name: "Data Specialist",
+      role: "Analytics & BI",
+      status: "busy",
+      avatar: "\u{1F4CA}",
+      skills: ["analytics", "visualization"],
+      workload: 45
+    },
+    {
+      id: "3",
+      name: "Content Creator",
+      role: "Creative Solutions",
+      status: "idle",
+      avatar: "\u270D\uFE0F",
+      skills: ["writing", "creativity"]
+    }
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    framerMotion.motion.div,
+    {
+      initial: { x: -20, opacity: 0 },
+      animate: { x: 0, opacity: 1 },
+      transition: { duration: 0.5 },
+      className: "w-80 bg-white/5 dark:bg-white/[0.03] border-r border-white/10 dark:border-white/[0.06] flex flex-col",
+      children: [
+        activeAgents[0] && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-4 bg-gradient-to-br from-purple-500 to-blue-500 text-white", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.SparklesIcon, { className: "h-5 w-5" }),
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-semibold text-sm", children: "Current Agent" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 mt-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-12 h-12 rounded-xl bg-white/20 flex items-center justify-center text-2xl", children: activeAgents[0].avatar }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "font-bold", children: activeAgents[0].name }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-white/80", children: activeAgents[0].role })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-2 py-1 bg-green-500/30 rounded-full text-xs", children: "Active" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-1 mt-3 flex-wrap", children: activeAgents[0].skills.map((skill) => /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: "px-2 py-0.5 bg-white/20 rounded-md text-xs",
+              children: skill
+            },
+            skill
+          )) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 p-4 overflow-y-auto", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.UsersIcon, { className: "h-5 w-5 text-gray-600 dark:text-gray-400" }),
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-semibold text-sm", children: "Agent Team" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: activeAgents.slice(1).map((agent) => /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: "flex items-center gap-2 p-2 rounded-lg bg-white/5 dark:bg-white/5",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-10 h-10 rounded-lg bg-gradient-to-br from-gray-100 to-gray-200 dark:from-zinc-700 dark:to-zinc-600 flex items-center justify-center text-lg", children: agent.avatar }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-xs font-semibold truncate", children: agent.name }),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "span",
+                      {
+                        className: `px-1.5 py-0.5 rounded-full text-xs ${agent.status === "active" ? "bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400" : agent.status === "busy" ? "bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-400" : "bg-white/10 text-gray-600 dark:bg-white/5 dark:text-gray-400"}`,
+                        children: agent.status
+                      }
+                    )
+                  ] }),
+                  agent.workload && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-1 bg-white/10 dark:bg-white/[0.08] rounded-full", children: /* @__PURE__ */ jsxRuntime.jsx(
+                    "div",
+                    {
+                      className: "h-full bg-yellow-500 rounded-full",
+                      style: { width: `${agent.workload}%` }
+                    }
+                  ) }) })
+                ] })
+              ]
+            },
+            agent.id
+          )) })
+        ] })
+      ]
+    }
+  );
+};
+var OrchestratorStage = ({
+  currentDepartment,
+  renderDepartmentDemo
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
+  framerMotion.motion.div,
+  {
+    initial: { opacity: 0 },
+    animate: { opacity: 1 },
+    exit: { opacity: 0 },
+    className: "flex-1 flex flex-col w-full",
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-gradient-to-r from-purple-600 to-blue-600 p-4 flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.SparklesIcon, { className: "w-5 h-5 text-white" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-white font-semibold", children: "AI Agent Ecosystem" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-white/80 text-xs", children: [
+              currentDepartment.title,
+              " \u2022 2 messages \u2022 _Context: 24,001"
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "px-2 py-1 bg-white/20 text-white text-xs rounded", children: "2 agents active" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "px-2 py-1 bg-white/20 text-white text-xs rounded", children: "Task: 25%" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex overflow-hidden", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(AIAgentsSidebar, {}),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col bg-white/[0.02] dark:bg-white/[0.02]", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 overflow-y-auto p-6 space-y-4", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              framerMotion.motion.div,
+              {
+                initial: { opacity: 0, y: 10 },
+                animate: { opacity: 1, y: 0 },
+                transition: { delay: 0.2 },
+                className: "flex gap-3",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0 w-10 h-10 rounded-full bg-gradient-to-br from-purple-500 to-blue-500 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-white text-sm font-bold", children: "AI" }) }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-1", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-gray-900 dark:text-white", children: "Orquestrador de IA" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-gray-500", children: (/* @__PURE__ */ new Date()).toLocaleTimeString("pt-BR", {
+                        hour: "2-digit",
+                        minute: "2-digit"
+                      }) })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-gray-700 dark:text-gray-300 mb-3", children: [
+                      "Analisando sua solicita\xE7\xE3o para ",
+                      currentDepartment.title,
+                      ". Coordenando agentes especializados..."
+                    ] })
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              framerMotion.motion.div,
+              {
+                initial: { opacity: 0, y: 10 },
+                animate: { opacity: 1, y: 0 },
+                transition: { delay: 0.5 },
+                className: "flex gap-3",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0 w-10 h-10 rounded-full bg-gradient-to-br from-purple-500 to-blue-500 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-white text-sm font-bold", children: "AI" }) }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-1", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-gray-900 dark:text-white", children: "Orquestrador de IA" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-gray-500", children: (/* @__PURE__ */ new Date()).toLocaleTimeString("pt-BR", {
+                        hour: "2-digit",
+                        minute: "2-digit"
+                      }) })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-700 dark:text-gray-300 mb-4", children: "Aqui est\xE3o as capacidades dispon\xEDveis. Selecione uma \xE1rea para ver os agentes em a\xE7\xE3o:" }),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      framerMotion.motion.div,
+                      {
+                        initial: { opacity: 0, scale: 0.95 },
+                        animate: { opacity: 1, scale: 1 },
+                        transition: { delay: 0.8 },
+                        children: renderDepartmentDemo()
+                      }
+                    )
+                  ] })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-white/10 dark:border-white/[0.08] p-4 bg-white/5 dark:bg-white/[0.03]", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 bg-white/[0.02] dark:bg-white/[0.02] rounded-xl border border-white/10 dark:border-white/[0.08] p-3 hover:shadow-sm transition-shadow", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "text",
+                placeholder: "Ask follow-up questions or provide more context...",
+                className: "flex-1 bg-transparent border-none outline-none text-sm text-gray-900 dark:text-white placeholder-gray-500",
+                "aria-label": "Follow-up message"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("button", { className: "flex-shrink-0 w-8 h-8 rounded-lg bg-gradient-to-br from-purple-500 to-blue-500 hover:from-purple-600 hover:to-blue-600 flex items-center justify-center transition-all", "aria-label": "Send message", children: /* @__PURE__ */ jsxRuntime.jsx(
+              "svg",
+              {
+                width: "16",
+                height: "16",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                className: "text-white",
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "path",
+                  {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    strokeWidth: 2,
+                    d: "M5 12h14M12 5l7 7-7 7"
+                  }
+                )
+              }
+            ) })
+          ] }) })
+        ] })
+      ] })
+    ]
+  },
+  "orchestrator"
+);
+var ProcessingStage = ({
+  currentDemo
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  framerMotion.motion.div,
+  {
+    initial: { opacity: 0, scale: 0.95 },
+    animate: { opacity: 1, scale: 1 },
+    exit: { opacity: 0, scale: 0.95 },
+    className: "flex-1 flex items-center justify-center p-8",
+    children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex items-center justify-center w-20 h-20 rounded-full bg-gradient-to-br from-purple-500 to-blue-500 mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.CpuChipIcon, { className: "w-10 h-10 text-white animate-pulse" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xl font-bold text-gray-900 dark:text-white mb-2", children: "Coordenando agentes..." }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-gray-600 dark:text-gray-400 mb-6", children: currentDemo.processingText }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-2 justify-center flex-wrap", children: currentDemo.agents.map((agent, idx) => /* @__PURE__ */ jsxRuntime.jsx(
+        framerMotion.motion.div,
+        {
+          initial: { opacity: 0, scale: 0 },
+          animate: { opacity: 1, scale: 1 },
+          transition: { delay: idx * 0.2 },
+          className: "px-3 py-1 bg-purple-100 dark:bg-purple-900/30 rounded-full text-sm text-purple-700 dark:text-purple-300",
+          children: agent
+        },
+        agent
+      )) })
+    ] })
+  },
+  "processing"
+);
+var departments = [
+  {
+    id: "sales",
+    title: "Vendas & E-commerce",
+    description: "WhatsApp Business automatizado, gest\xE3o de produtos e processamento inteligente de pedidos",
+    icon: HeroIcons.ShoppingCartIcon,
+    color: "blue",
+    demoId: 6
+  },
+  {
+    id: "hr",
+    title: "Recursos Humanos",
+    description: "Recrutamento inteligente, gest\xE3o de performance e compliance trabalhista brasileiro",
+    icon: HeroIcons.UsersIcon,
+    color: "green",
+    demoId: 3
+  },
+  {
+    id: "finance",
+    title: "Financeiro",
+    description: "Controle financeiro inteligente com an\xE1lise preditiva e compliance fiscal brasileiro",
+    icon: HeroIcons.BanknotesIcon,
+    color: "purple",
+    demoId: 4
+  },
+  {
+    id: "marketing",
+    title: "Marketing",
+    description: "Campanhas automatizadas, segmenta\xE7\xE3o inteligente e an\xE1lise de ROI em tempo real",
+    icon: HeroIcons.MegaphoneIcon,
+    color: "orange",
+    demoId: 0
+  },
+  {
+    id: "operations",
+    title: "Opera\xE7\xF5es",
+    description: "Gest\xE3o de ativos, manuten\xE7\xE3o preditiva e otimiza\xE7\xE3o de processos operacionais",
+    icon: HeroIcons.CogIcon,
+    color: "teal",
+    demoId: 2
+  },
+  {
+    id: "analytics",
+    title: "Analytics Executivo",
+    description: "Dashboards executivos, KPIs unificados e insights preditivos para tomada de decis\xE3o",
+    icon: HeroIcons.ChartBarIcon,
+    color: "indigo",
+    demoId: 1
+  },
+  {
+    id: "compliance",
+    title: "Compliance LGPD",
+    description: "Prote\xE7\xE3o completa de dados, auditoria autom\xE1tica e conformidade total com LGPD",
+    icon: HeroIcons.DocumentTextIcon,
+    color: "red",
+    demoId: 5
+  }
+];
+var demos = [
+  {
+    id: 0,
+    name: "Marketing Campaign",
+    prompt: "Criar campanha de Black Friday para e-commerce",
+    agents: ["Marketing", "Design", "E-commerce", "Email"],
+    processingText: "Ativando equipe especializada para sua campanha"
+  },
+  {
+    id: 1,
+    name: "Customer Analytics",
+    prompt: "Analisar comportamento dos clientes e identificar oportunidades",
+    agents: ["Analytics", "CRM", "Insights", "Reports"],
+    processingText: "Analisando dados e gerando insights"
+  },
+  {
+    id: 2,
+    name: "Inventory Management",
+    prompt: "Verificar estoque e sugerir reposi\xE7\xF5es autom\xE1ticas",
+    agents: ["Inventory", "Supply", "Forecast", "Logistics"],
+    processingText: "Verificando estoque e planejando reposi\xE7\xE3o"
+  },
+  {
+    id: 3,
+    name: "HR Recruitment",
+    prompt: "Processar candidaturas para vaga de Desenvolvedor Senior",
+    agents: ["HR", "Recruiter", "Skills", "Interview"],
+    processingText: "Processando candidaturas e avaliando perfis"
+  },
+  {
+    id: 4,
+    name: "Financial Planning",
+    prompt: "Gerar relat\xF3rio financeiro e calcular impostos do trimestre",
+    agents: ["Finance", "Tax", "Reports", "Compliance"],
+    processingText: "Calculando impostos e gerando relat\xF3rios"
+  },
+  {
+    id: 5,
+    name: "LGPD Compliance",
+    prompt: "Auditar dados pessoais e verificar conformidade LGPD",
+    agents: ["LGPD", "Privacy", "Audit", "Security"],
+    processingText: "Auditando dados e verificando conformidade"
+  },
+  {
+    id: 6,
+    name: "Sales Demo",
+    prompt: "Qualificar lead empresa XPTO para proposta comercial",
+    agents: ["Sales", "CRM", "Scoring", "Proposal"],
+    processingText: "Qualificando lead e preparando proposta"
+  }
+];
+var AIOrchestratorDemo = ({
+  className,
+  selectedDepartmentIndex = 0
+}) => {
+  const currentDepartmentIndex = selectedDepartmentIndex;
+  const [stage, setStage] = React12.useState(
+    "input"
+  );
+  const [inputText, setInputText] = React12.useState("");
+  const currentDepartment = departments[currentDepartmentIndex];
+  const currentDemo = currentDepartment ? demos[currentDepartment.demoId] : null;
+  React12.useEffect(() => {
+    if (stage === "input" && currentDemo) {
+      setInputText("");
+      let index = 0;
+      const currentPrompt = currentDemo.prompt;
+      const typingInterval = setInterval(() => {
+        if (index <= currentPrompt.length) {
+          setInputText(currentPrompt.slice(0, index));
+          index++;
+        } else {
+          clearInterval(typingInterval);
+          setTimeout(() => setStage("processing"), 500);
+        }
+      }, 50);
+      return () => clearInterval(typingInterval);
+    }
+    return void 0;
+  }, [stage, currentDemo]);
+  React12.useEffect(() => {
+    if (stage === "processing") {
+      const timer = setTimeout(() => setStage("orchestrator"), 2e3);
+      return () => clearTimeout(timer);
+    }
+    return void 0;
+  }, [stage]);
+  React12.useEffect(() => {
+    setStage("input");
+    setInputText("");
+  }, [selectedDepartmentIndex]);
+  const renderDepartmentDemo = () => {
+    if (!currentDepartment) return /* @__PURE__ */ jsxRuntime.jsx(SalesDemo, {});
+    switch (currentDepartment.demoId) {
+      case 0:
+        return /* @__PURE__ */ jsxRuntime.jsx(MarketingDemo, {});
+      case 1:
+        return /* @__PURE__ */ jsxRuntime.jsx(CustomerAnalyticsDemo, {});
+      case 2:
+        return /* @__PURE__ */ jsxRuntime.jsx(InventoryDemo, {});
+      case 3:
+        return /* @__PURE__ */ jsxRuntime.jsx(HRRecruitmentDemo, {});
+      case 4:
+        return /* @__PURE__ */ jsxRuntime.jsx(FinancialDemo, {});
+      case 5:
+        return /* @__PURE__ */ jsxRuntime.jsx(LGPDComplianceDemo, {});
+      case 6:
+        return /* @__PURE__ */ jsxRuntime.jsx(SalesDemo, {});
+      default:
+        return /* @__PURE__ */ jsxRuntime.jsx(SalesDemo, {});
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "section",
+    {
+      className: `min-h-[700px] flex flex-col bg-white/[0.02] dark:bg-white/[0.02] rounded-xl border border-white/10 dark:border-white/[0.06] overflow-hidden ${className || ""}`,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "h-12 bg-white/5 dark:bg-white/[0.03] border-b border-white/10 dark:border-white/[0.06] flex items-center justify-between px-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-base font-bold text-blue-600", children: "Kori ERP" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative w-64", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  type: "text",
+                  placeholder: "Buscar agentes, tarefas...",
+                  className: "w-full pl-8 pr-3 py-1.5 bg-white/[0.02] dark:bg-white/[0.02] border border-white/10 dark:border-white/[0.08] rounded-lg text-xs focus:outline-none focus:ring-1 focus:ring-blue-500",
+                  "aria-label": "Search agents and tasks"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "svg",
+                {
+                  className: "absolute left-2.5 top-2 w-3 h-3 text-gray-400",
+                  fill: "none",
+                  stroke: "currentColor",
+                  viewBox: "0 0 24 24",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(
+                    "path",
+                    {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      strokeWidth: 2,
+                      d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
+                    }
+                  )
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("button", { className: "p-1.5 hover:bg-white/10 dark:hover:bg-white/5 rounded-lg", "aria-label": "Help", children: /* @__PURE__ */ jsxRuntime.jsx(
+              "svg",
+              {
+                className: "w-4 h-4 text-gray-600 dark:text-gray-400",
+                fill: "none",
+                stroke: "currentColor",
+                viewBox: "0 0 24 24",
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "path",
+                  {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    strokeWidth: 2,
+                    d: "M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+                  }
+                )
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx("button", { className: "p-1.5 hover:bg-white/10 dark:hover:bg-white/5 rounded-lg", "aria-label": "Toggle dark mode", children: /* @__PURE__ */ jsxRuntime.jsx(
+              "svg",
+              {
+                className: "w-4 h-4 text-gray-600 dark:text-gray-400",
+                fill: "none",
+                stroke: "currentColor",
+                viewBox: "0 0 24 24",
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "path",
+                  {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    strokeWidth: 2,
+                    d: "M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"
+                  }
+                )
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx("button", { className: "p-1.5 hover:bg-white/10 dark:hover:bg-white/5 rounded-lg", "aria-label": "Notifications", children: /* @__PURE__ */ jsxRuntime.jsx(
+              "svg",
+              {
+                className: "w-4 h-4 text-gray-600 dark:text-gray-400",
+                fill: "none",
+                stroke: "currentColor",
+                viewBox: "0 0 24 24",
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "path",
+                  {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    strokeWidth: 2,
+                    d: "M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"
+                  }
+                )
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-7 h-7 rounded-full bg-purple-600 flex items-center justify-center text-white font-semibold text-xs", children: "N" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex overflow-hidden", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-12 bg-white/5 dark:bg-white/[0.03] border-r border-white/10 dark:border-white/[0.06] flex flex-col items-center py-3 gap-2", children: /* @__PURE__ */ jsxRuntime.jsx("button", { className: "w-8 h-8 flex items-center justify-center text-gray-600 dark:text-gray-400 hover:bg-white/10 dark:hover:bg-white/5 rounded-lg transition-colors", "aria-label": "Home", children: /* @__PURE__ */ jsxRuntime.jsx(
+            "svg",
+            {
+              className: "w-4 h-4",
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24",
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: 2,
+                  d: "M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"
+                }
+              )
+            }
+          ) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-hidden flex", children: /* @__PURE__ */ jsxRuntime.jsxs(framerMotion.AnimatePresence, { mode: "wait", children: [
+            stage === "input" && currentDepartment && /* @__PURE__ */ jsxRuntime.jsx(
+              InputStage,
+              {
+                inputText,
+                currentDepartmentTitle: currentDepartment.title
+              }
+            ),
+            stage === "processing" && currentDemo && /* @__PURE__ */ jsxRuntime.jsx(ProcessingStage, { currentDemo }),
+            stage === "orchestrator" && currentDepartment && /* @__PURE__ */ jsxRuntime.jsx(
+              OrchestratorStage,
+              {
+                currentDepartment,
+                renderDepartmentDemo
+              }
+            )
+          ] }) })
+        ] })
+      ]
+    }
+  );
+};
+var DashboardDemoLayout = ({
+  children
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    framerMotion.motion.div,
+    {
+      initial: { opacity: 0 },
+      animate: { opacity: 1 },
+      exit: { opacity: 0 },
+      transition: { duration: 0.5 },
+      className: "flex h-full",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(DashboardSidebar, {}),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 flex flex-col overflow-hidden", children })
+      ]
+    }
+  );
+};
+var DashboardSidebar = () => /* @__PURE__ */ jsxRuntime.jsxs(
+  framerMotion.motion.div,
+  {
+    initial: { x: -20, opacity: 0 },
+    animate: { x: 0, opacity: 1 },
+    transition: { duration: 0.5, delay: 0.2 },
+    className: "w-16 bg-muted/50 border-r flex flex-col items-center py-4 gap-4",
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-10 w-10 rounded-lg bg-gradient-to-br from-blue-500 to-purple-600 flex items-center justify-center mb-2", children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.CpuChipIcon, { className: "h-5 w-5 text-white" }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        framerMotion.motion.div,
+        {
+          initial: { opacity: 0 },
+          animate: { opacity: 1 },
+          transition: { delay: 0.5 },
+          className: "flex flex-col gap-2 flex-1",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-10 w-10 rounded-lg bg-primary/10 flex items-center justify-center text-primary", children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.HomeIcon, { className: "h-5 w-5" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-10 w-10 rounded-lg hover:bg-muted flex items-center justify-center text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ShoppingCartIcon, { className: "h-5 w-5" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-10 w-10 rounded-lg hover:bg-muted flex items-center justify-center text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.UsersIcon, { className: "h-5 w-5" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-10 w-10 rounded-lg hover:bg-muted flex items-center justify-center text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ArrowTrendingUpIcon, { className: "h-5 w-5" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-10 w-10 rounded-lg hover:bg-muted flex items-center justify-center text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.Cog6ToothIcon, { className: "h-5 w-5" }) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-10 w-10 rounded-full bg-gradient-to-br from-gray-400 to-gray-600 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.UserIcon, { className: "h-5 w-5 text-white" }) })
+    ]
+  }
+);
+var DashboardStage = ({
+  demos: demos2,
+  currentDemo,
+  onDemoSelect
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
+  framerMotion.motion.div,
+  {
+    initial: { opacity: 0, scale: 0.95 },
+    animate: { opacity: 1, scale: 1 },
+    exit: { opacity: 0, scale: 0.95 },
+    className: "w-full max-w-4xl",
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute bottom-8 left-1/2 transform -translate-x-1/2 flex gap-2 z-50", children: demos2.map((demo) => /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          onClick: () => onDemoSelect(demo.id),
+          className: `h-2 rounded-full transition-all duration-300 ${currentDemo === demo.id ? "w-8 bg-primary" : "w-2 bg-muted-foreground/30"}`,
+          "aria-label": `Go to ${demo.name}`
+        },
+        demo.id
+      )) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-[700px] rounded-xl border-2 shadow-2xl bg-background overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "wait", children: demos2[currentDemo]?.component }) })
+    ]
+  }
+);
+var InputStage2 = ({
+  inputText,
+  demoName: _demoName
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  framerMotion.motion.div,
+  {
+    initial: { opacity: 0, scale: 0.95 },
+    animate: { opacity: 1, scale: 1 },
+    exit: { opacity: 0, scale: 0.95 },
+    className: "w-full max-w-2xl",
+    children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-background rounded-2xl shadow-2xl border-2 p-8", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 mb-6", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-12 w-12 rounded-xl bg-gradient-to-br from-blue-500 to-purple-600 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.SparklesIcon, { className: "h-6 w-6 text-white" }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-bold", children: "Kori AI Assistant" }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: "Como posso ajudar hoje?" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-[120px] p-4 rounded-lg border-2 border-primary/20 bg-muted/20", children: /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-lg font-medium", children: [
+          inputText,
+          /* @__PURE__ */ jsxRuntime.jsx(
+            framerMotion.motion.span,
+            {
+              animate: { opacity: [1, 0, 1] },
+              transition: { duration: 0.8, repeat: Infinity },
+              className: "inline-block w-0.5 h-6 bg-primary ml-1"
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-4 flex items-center justify-between text-sm text-muted-foreground", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Processando com IA..." }),
+          /* @__PURE__ */ jsxRuntime.jsxs(Badge, { className: "text-xs border border-border", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.SparklesIcon, { className: "h-3 w-3 mr-1" }),
+            "Multi-Agent"
+          ] })
+        ] })
+      ] })
+    ] })
+  }
+);
+var ProcessingStage2 = ({
+  processingText,
+  agents
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  framerMotion.motion.div,
+  {
+    initial: { opacity: 0, scale: 0.95 },
+    animate: { opacity: 1, scale: 1 },
+    exit: { opacity: 0, scale: 0.95 },
+    className: "w-full max-w-2xl",
+    children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-background rounded-2xl shadow-2xl border-2 p-8", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center space-y-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        framerMotion.motion.div,
+        {
+          animate: { rotate: 360 },
+          transition: { duration: 2, repeat: Infinity, ease: "linear" },
+          className: "inline-flex h-16 w-16 rounded-full bg-gradient-to-br from-purple-600 to-indigo-600 items-center justify-center",
+          children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.SparklesIcon, { className: "h-8 w-8 text-white" })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xl font-bold mb-2", children: "Coordenando Agentes..." }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: processingText })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center gap-2 flex-wrap", children: agents.map((agent, i) => /* @__PURE__ */ jsxRuntime.jsx(
+        framerMotion.motion.div,
+        {
+          initial: { opacity: 0, y: 20 },
+          animate: { opacity: 1, y: 0 },
+          transition: { delay: i * 0.2 },
+          children: /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "bg-primary/10 text-primary", children: agent })
+        },
+        agent
+      )) })
+    ] }) })
+  }
+);
+var DashboardDemo = ({
+  className,
+  initialDemo = 0
+} = {}) => {
+  const [stage, setStage] = React12.useState(
+    "input"
+  );
+  const [currentDemo, setCurrentDemo] = React12.useState(initialDemo);
+  const [inputText, setInputText] = React12.useState("");
+  const demos2 = React12.useMemo(() => [
+    {
+      id: 0,
+      name: "Marketing Campaign",
+      prompt: "Criar campanha de Black Friday para e-commerce",
+      agents: ["Marketing", "Design", "E-commerce", "Email"],
+      processingText: "Ativando equipe especializada para sua campanha",
+      component: /* @__PURE__ */ jsxRuntime.jsx(DashboardDemoLayout, { children: /* @__PURE__ */ jsxRuntime.jsx(MarketingDemo, {}) })
+    },
+    {
+      id: 1,
+      name: "Customer Analytics",
+      prompt: "Analisar comportamento dos clientes e identificar oportunidades",
+      agents: ["Analytics", "CRM", "Insights", "Reports"],
+      processingText: "Analisando dados e gerando insights",
+      component: /* @__PURE__ */ jsxRuntime.jsx(DashboardDemoLayout, { children: /* @__PURE__ */ jsxRuntime.jsx(CustomerAnalyticsDemo, {}) })
+    },
+    {
+      id: 2,
+      name: "Inventory Management",
+      prompt: "Verificar estoque e sugerir reposi\xE7\xF5es autom\xE1ticas",
+      agents: ["Inventory", "Supply", "Forecast", "Logistics"],
+      processingText: "Verificando estoque e planejando reposi\xE7\xE3o",
+      component: /* @__PURE__ */ jsxRuntime.jsx(DashboardDemoLayout, { children: /* @__PURE__ */ jsxRuntime.jsx(InventoryDemo, {}) })
+    },
+    {
+      id: 3,
+      name: "HR Recruitment",
+      prompt: "Processar candidaturas para vaga de Desenvolvedor Senior",
+      agents: ["HR", "Recruiter", "Skills", "Interview"],
+      processingText: "Processando candidaturas e avaliando perfis",
+      component: /* @__PURE__ */ jsxRuntime.jsx(DashboardDemoLayout, { children: /* @__PURE__ */ jsxRuntime.jsx(HRRecruitmentDemo, {}) })
+    },
+    {
+      id: 4,
+      name: "Financial Planning",
+      prompt: "Gerar relat\xF3rio financeiro e calcular impostos do trimestre",
+      agents: ["Finance", "Tax", "Reports", "Compliance"],
+      processingText: "Calculando impostos e gerando relat\xF3rios",
+      component: /* @__PURE__ */ jsxRuntime.jsx(DashboardDemoLayout, { children: /* @__PURE__ */ jsxRuntime.jsx(FinancialDemo, {}) })
+    },
+    {
+      id: 5,
+      name: "LGPD Compliance",
+      prompt: "Auditar dados pessoais e verificar conformidade LGPD",
+      agents: ["LGPD", "Privacy", "Audit", "Security"],
+      processingText: "Auditando dados e verificando conformidade",
+      component: /* @__PURE__ */ jsxRuntime.jsx(DashboardDemoLayout, { children: /* @__PURE__ */ jsxRuntime.jsx(LGPDComplianceDemo, {}) })
+    }
+  ], []);
+  React12.useEffect(() => {
+    if (initialDemo !== void 0) {
+      setCurrentDemo(initialDemo);
+      setStage("input");
+      setInputText("");
+    }
+  }, [initialDemo]);
+  React12.useEffect(() => {
+    if (stage === "input" && demos2[currentDemo]) {
+      setInputText("");
+      let index = 0;
+      const currentPrompt = demos2[currentDemo].prompt;
+      const interval = setInterval(() => {
+        if (index <= currentPrompt.length) {
+          setInputText(currentPrompt.slice(0, index));
+          index++;
+        } else {
+          clearInterval(interval);
+          setTimeout(() => setStage("processing"), 500);
+        }
+      }, 50);
+      return () => clearInterval(interval);
+    }
+    return void 0;
+  }, [stage, currentDemo, demos2]);
+  React12.useEffect(() => {
+    if (stage === "processing") {
+      const timer = setTimeout(() => setStage("dashboard"), 2e3);
+      return () => clearTimeout(timer);
+    }
+    return void 0;
+  }, [stage]);
+  React12.useEffect(() => {
+    if (stage === "dashboard") {
+      const interval = setInterval(() => {
+        setStage("input");
+        setInputText("");
+        setCurrentDemo((prev) => (prev + 1) % demos2.length);
+      }, 12e3);
+      return () => clearInterval(interval);
+    }
+    return void 0;
+  }, [stage, demos2.length]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: className || "hidden lg:flex items-center justify-center bg-muted/30 border-l relative overflow-hidden p-8",
+      children: /* @__PURE__ */ jsxRuntime.jsxs(framerMotion.AnimatePresence, { mode: "wait", children: [
+        stage === "input" && demos2[currentDemo] && /* @__PURE__ */ jsxRuntime.jsx(
+          InputStage2,
+          {
+            inputText,
+            demoName: demos2[currentDemo].name
+          },
+          "input"
+        ),
+        stage === "processing" && demos2[currentDemo] && /* @__PURE__ */ jsxRuntime.jsx(
+          ProcessingStage2,
+          {
+            processingText: demos2[currentDemo].processingText,
+            agents: demos2[currentDemo].agents
+          },
+          "processing"
+        ),
+        stage === "dashboard" && /* @__PURE__ */ jsxRuntime.jsx(
+          DashboardStage,
+          {
+            demos: demos2,
+            currentDemo,
+            onDemoSelect: setCurrentDemo
+          },
+          "dashboard"
+        )
+      ] })
+    }
+  );
+};
+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,
+  title,
+  subtitle,
+  icon,
+  gradient = "from-gray-400 to-gray-500",
+  maxWidth = "max-w-xl",
+  tabs,
+  children
+}) {
+  if (!open) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "fixed inset-0 z-40 bg-black/20 backdrop-blur-[2px] transition-opacity",
+        onClick: onClose,
+        "data-testid": "entity-drawer-backdrop"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `fixed top-[64px] right-2 bottom-2 z-50 flex w-full ${maxWidth} flex-col overflow-hidden rounded-2xl border border-white/60 bg-white/80 shadow-[0_8px_60px_-12px_rgba(0,0,0,0.25),0_0_0_1px_rgba(255,255,255,0.1)] backdrop-blur-2xl dark:border-white/[0.12] dark:bg-gray-900/85 dark:shadow-[0_8px_60px_-12px_rgba(0,0,0,0.6),0_0_0_1px_rgba(255,255,255,0.06)]`, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: `absolute inset-y-0 left-0 w-[3px] bg-gradient-to-b ${gradient} opacity-80` }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-6 py-5", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3.5", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex h-11 w-11 items-center justify-center rounded-[14px] bg-gradient-to-br ${gradient} shadow-lg shadow-black/20 ring-1 ring-white/25`, children: icon }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-base font-bold tracking-tight text-gray-900 dark:text-white", children: title }),
+            subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-[13px] text-gray-500 dark:text-gray-400", children: subtitle })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: onClose,
+            "aria-label": "Close",
+            className: "rounded-xl p-2 text-gray-400 transition-all hover:bg-black/5 hover:text-gray-600 active:scale-95 dark:text-gray-500 dark:hover:bg-white/10 dark:hover:text-gray-300",
+            "data-testid": "entity-drawer-close",
+            children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.XMarkIcon, { className: "h-5 w-5" })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-5 h-px bg-gradient-to-r from-transparent via-gray-200/80 to-transparent dark:via-white/10" }),
+      tabs,
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-y-auto px-6 py-5", children })
+    ] })
+  ] });
+}
+
+// src/lib/locale-flags.ts
+var flag_br = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%0A%3C!--%20Uploaded%20to%3A%20SVG%20Repo%2C%20www.svgrepo.com%2C%20Generator%3A%20SVG%20Repo%20Mixer%20Tools%20--%3E%0A%3Csvg%20height%3D%22800px%22%20width%3D%22800px%22%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20%0A%09%20viewBox%3D%220%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20style%3D%22fill%3A%23259245%3B%22%20d%3D%22M395.901%2C7.286H116.099C56.003%2C7.286%2C7.286%2C56.003%2C7.286%2C116.099v279.803%0A%09c0%2C60.095%2C48.717%2C108.812%2C108.812%2C108.812h279.803c60.095%2C0%2C108.812-48.717%2C108.812-108.812V116.099%0A%09C504.714%2C56.003%2C455.997%2C7.286%2C395.901%2C7.286z%22%2F%3E%0A%3Cpath%20d%3D%22M395.901%2C512H116.099C52.082%2C512%2C0%2C459.918%2C0%2C395.901V116.099C0%2C52.082%2C52.082%2C0%2C116.099%2C0h279.803%0A%09C459.918%2C0%2C512%2C52.082%2C512%2C116.099v279.803C512%2C459.918%2C459.918%2C512%2C395.901%2C512z%20M116.099%2C14.573%0A%09c-55.981%2C0-101.526%2C45.544-101.526%2C101.526v279.803c0%2C55.981%2C45.544%2C101.526%2C101.526%2C101.526h279.803%0A%09c55.981%2C0%2C101.526-45.545%2C101.526-101.526V116.099c0-55.981-45.545-101.526-101.526-101.526%0A%09C395.902%2C14.573%2C116.099%2C14.573%2C116.099%2C14.573z%22%2F%3E%0A%3Cpolygon%20style%3D%22fill%3A%23FFE000%3B%22%20points%3D%22256%2C374.81%2051.502%2C256%20256%2C137.19%20460.498%2C256%20%22%2F%3E%0A%3Cpath%20d%3D%22M256%2C382.097c-1.265%2C0-2.529-0.328-3.66-0.986L47.842%2C262.301c-2.245-1.305-3.626-3.705-3.626-6.301%0A%09s1.381-4.996%2C3.626-6.301l204.498-118.81c2.264-1.315%2C5.057-1.315%2C7.321%2C0l204.498%2C118.81c2.245%2C1.305%2C3.626%2C3.705%2C3.626%2C6.301%0A%09c0%2C2.596-1.381%2C4.996-3.626%2C6.301l-32.303%2C18.767c-3.48%2C2.02-7.939%2C0.841-9.961-2.64c-2.021-3.479-0.84-7.939%2C2.64-9.961%0A%09L445.993%2C256L256%2C145.617L66.007%2C256L256%2C366.383l139.861-81.258c3.478-2.021%2C7.938-0.841%2C9.961%2C2.64%0A%09c2.021%2C3.479%2C0.84%2C7.939-2.64%2C9.961L259.66%2C381.111C258.529%2C381.768%2C257.265%2C382.097%2C256%2C382.097z%22%2F%3E%0A%3Ccircle%20style%3D%22fill%3A%23103B9B%3B%22%20cx%3D%22256%22%20cy%3D%22256%22%20r%3D%2267.47%22%2F%3E%0A%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M316.265%2C293.777c-2.7%2C0-5.294-1.507-6.556-4.097c-10.094-20.712-27.403-36.941-48.741-45.697%0A%09c-21.334-8.755-45.052-9.367-66.782-1.72c-3.794%2C1.333-7.955-0.659-9.292-4.455c-1.335-3.796%2C0.659-7.956%2C4.455-9.292%0A%09c25.106-8.835%2C52.506-8.129%2C77.152%2C1.986c24.649%2C10.116%2C44.646%2C28.865%2C56.308%2C52.796c1.763%2C3.617%2C0.259%2C7.979-3.359%2C9.742%0A%09C318.423%2C293.54%2C317.336%2C293.777%2C316.265%2C293.777z%22%2F%3E%0A%3Cpath%20d%3D%22M256%2C330.753c-41.219%2C0-74.753-33.534-74.753-74.753s33.534-74.753%2C74.753-74.753s74.753%2C33.534%2C74.753%2C74.753%0A%09S297.219%2C330.753%2C256%2C330.753z%20M256%2C195.82c-33.183%2C0-60.18%2C26.997-60.18%2C60.18s26.997%2C60.18%2C60.18%2C60.18s60.18-26.997%2C60.18-60.18%0A%09S289.183%2C195.82%2C256%2C195.82z%22%2F%3E%0A%3C%2Fsvg%3E";
+var flag_us = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%0A%3C!--%20Uploaded%20to%3A%20SVG%20Repo%2C%20www.svgrepo.com%2C%20Generator%3A%20SVG%20Repo%20Mixer%20Tools%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20%0A%09%20viewBox%3D%220%200%20512.001%20512.001%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M395.901%2C7.287H116.099C56.003%2C7.287%2C7.286%2C56.004%2C7.286%2C116.1v279.803%0A%09c0%2C60.095%2C48.717%2C108.812%2C108.812%2C108.812h279.803c60.095%2C0%2C108.812-48.717%2C108.812-108.812V116.1%0A%09C504.714%2C56.004%2C455.997%2C7.287%2C395.901%2C7.287z%22%2F%3E%0A%3Cg%3E%0A%09%3Crect%20x%3D%227.286%22%20y%3D%22338.901%22%20style%3D%22fill%3A%23ED1F34%3B%22%20width%3D%22497.43%22%20height%3D%2255.26%22%2F%3E%0A%09%3Crect%20x%3D%22225.79%22%20y%3D%22228.361%22%20style%3D%22fill%3A%23ED1F34%3B%22%20width%3D%22278.92%22%20height%3D%2255.28%22%2F%3E%0A%09%3Crect%20x%3D%22236.17%22%20y%3D%22117.831%22%20style%3D%22fill%3A%23ED1F34%3B%22%20width%3D%22268.55%22%20height%3D%2255.26%22%2F%3E%0A%09%3Cpath%20style%3D%22fill%3A%23ED1F34%3B%22%20d%3D%22M116.099%2C504.715h279.803c40.628%2C0%2C76.05-22.27%2C94.739-55.264H21.36%0A%09%09C40.049%2C482.445%2C75.471%2C504.715%2C116.099%2C504.715z%22%2F%3E%0A%09%3Cpath%20style%3D%22fill%3A%23ED1F34%3B%22%20d%3D%22M490.64%2C62.552c-18.689-32.995-54.111-55.264-94.739-55.264H225.79v55.264H490.64z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cpath%20style%3D%22fill%3A%23164FCE%3B%22%20d%3D%22M335.041%2C7.287H116.099C56.003%2C7.287%2C7.286%2C56.004%2C7.286%2C116.1v167.541h327.755L335.041%2C7.287%0A%09L335.041%2C7.287z%22%2F%3E%0A%3Cg%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2272.55%22%20cy%3D%22217.091%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22121.86%22%20cy%3D%22217.091%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22171.16%22%20cy%3D%22217.091%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22220.47%22%20cy%3D%22217.091%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22269.77%22%20cy%3D%22217.091%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2247.902%22%20cy%3D%22240.971%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2297.21%22%20cy%3D%22240.971%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22146.51%22%20cy%3D%22240.971%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22195.82%22%20cy%3D%22240.971%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22245.12%22%20cy%3D%22240.971%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22294.43%22%20cy%3D%22240.971%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2247.902%22%20cy%3D%22193.221%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2297.21%22%20cy%3D%22193.221%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22146.51%22%20cy%3D%22193.221%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22195.82%22%20cy%3D%22193.221%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22245.12%22%20cy%3D%22193.221%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22294.43%22%20cy%3D%22193.221%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2272.55%22%20cy%3D%22169.341%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22121.86%22%20cy%3D%22169.341%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22171.16%22%20cy%3D%22169.341%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22220.47%22%20cy%3D%22169.341%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22269.77%22%20cy%3D%22169.341%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2247.902%22%20cy%3D%22145.461%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2297.21%22%20cy%3D%22145.461%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22146.51%22%20cy%3D%22145.461%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22195.82%22%20cy%3D%22145.461%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22245.12%22%20cy%3D%22145.461%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22294.43%22%20cy%3D%22145.461%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2272.55%22%20cy%3D%22121.591%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22121.86%22%20cy%3D%22121.591%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22171.16%22%20cy%3D%22121.591%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22220.47%22%20cy%3D%22121.591%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22269.77%22%20cy%3D%22121.591%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2247.902%22%20cy%3D%2297.711%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2297.21%22%20cy%3D%2297.711%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22146.51%22%20cy%3D%2297.711%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22195.82%22%20cy%3D%2297.711%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22245.12%22%20cy%3D%2297.711%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22294.43%22%20cy%3D%2297.711%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2272.55%22%20cy%3D%2273.835%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22121.86%22%20cy%3D%2273.835%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22171.16%22%20cy%3D%2273.835%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22220.47%22%20cy%3D%2273.835%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22269.77%22%20cy%3D%2273.835%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2247.902%22%20cy%3D%2249.958%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2297.21%22%20cy%3D%2249.958%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22146.51%22%20cy%3D%2249.958%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22195.82%22%20cy%3D%2249.958%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22245.12%22%20cy%3D%2249.958%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22294.43%22%20cy%3D%2249.958%22%20r%3D%228.953%22%2F%3E%0A%3C%2Fg%3E%0A%3Cpath%20d%3D%22M497.341%2C59.688c-0.199-0.465-0.447-0.902-0.734-1.311C476.551%2C23.521%2C438.921%2C0.001%2C395.901%2C0.001H116.099%0A%09C52.082%2C0.001%2C0%2C52.083%2C0%2C116.1v279.803c0%2C20.462%2C5.328%2C39.7%2C14.659%2C56.412c0.199%2C0.464%2C0.447%2C0.902%2C0.734%2C1.311%0A%09C35.449%2C488.481%2C73.079%2C512%2C116.099%2C512h279.803c43.02%2C0%2C80.65-23.52%2C100.706-58.376c0.287-0.409%2C0.535-0.846%2C0.734-1.311%0A%09c9.331-16.712%2C14.659-35.95%2C14.659-56.412V116.1C512%2C95.638%2C506.672%2C76.4%2C497.341%2C59.688z%20M438.39%2C386.883%0A%09c-4.024%2C0-7.286%2C3.262-7.286%2C7.287s3.262%2C7.286%2C7.286%2C7.286h58.883c-0.791%2C14.595-4.676%2C28.38-11.013%2C40.708H25.74%0A%09c-6.337-12.328-10.222-26.113-11.013-40.708h390.501c4.024%2C0%2C7.286-3.262%2C7.286-7.286c0-4.025-3.262-7.287-7.286-7.287H14.573%0A%09v-40.692h482.854v40.692L438.39%2C386.883L438.39%2C386.883z%20M497.273%2C110.546H342.328V69.838H486.26%0A%09C492.597%2C82.166%2C496.482%2C95.951%2C497.273%2C110.546z%20M389.101%2C180.383h108.326v40.691H342.328v-40.691h19.156%0A%09c4.024%2C0%2C7.286-3.262%2C7.286-7.287c0-4.025-3.262-7.286-7.286-7.286h-19.156v-40.692h155.099v40.692H389.101%0A%09c-4.024%2C0-7.287%2C3.262-7.287%2C7.286C381.814%2C177.121%2C385.076%2C180.383%2C389.101%2C180.383z%20M342.328%2C235.647h155.099v40.708H342.328%0A%09V235.647z%20M497.427%2C290.928v40.691H14.573v-40.691H497.427z%20M477.132%2C55.265H342.328V14.574h53.574%0A%09C429.082%2C14.574%2C458.594%2C30.575%2C477.132%2C55.265z%20M116.099%2C14.574h211.656v261.781H14.573V116.1%0A%09C14.573%2C60.119%2C60.117%2C14.574%2C116.099%2C14.574z%20M395.901%2C497.428H116.099c-33.181%2C0-62.693-16.001-81.231-40.691h442.264%0A%09C458.594%2C481.427%2C429.082%2C497.428%2C395.901%2C497.428z%22%2F%3E%0A%3C%2Fsvg%3E";
+var flag_es = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%0A%3C!--%20Uploaded%20to%3A%20SVG%20Repo%2C%20www.svgrepo.com%2C%20Generator%3A%20SVG%20Repo%20Mixer%20Tools%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20%0A%09%20viewBox%3D%220%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Crect%20x%3D%227.286%22%20y%3D%22131.64%22%20style%3D%22fill%3A%23FFE000%3B%22%20width%3D%22497.43%22%20height%3D%22248.71%22%2F%3E%0A%3Cg%3E%0A%09%3Cpath%20style%3D%22fill%3A%23ED1F34%3B%22%20d%3D%22M395.901%2C7.287H116.099C56.003%2C7.287%2C7.286%2C56.003%2C7.286%2C116.099v15.545h497.427v-15.545%0A%09%09C504.714%2C56.003%2C455.997%2C7.287%2C395.901%2C7.287z%22%2F%3E%0A%09%3Cpath%20style%3D%22fill%3A%23ED1F34%3B%22%20d%3D%22M7.286%2C395.901c0%2C60.095%2C48.717%2C108.812%2C108.812%2C108.812h279.803%0A%09%09c60.095%2C0%2C108.812-48.717%2C108.812-108.812v-15.545H7.286V395.901z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cpath%20d%3D%22M395.901%2C0H116.099C52.082%2C0%2C0%2C52.082%2C0%2C116.099v279.803C0%2C459.918%2C52.082%2C512%2C116.099%2C512h279.803%0A%09C459.918%2C512%2C512%2C459.918%2C512%2C395.901V116.099C512%2C52.082%2C459.918%2C0%2C395.901%2C0z%20M116.099%2C14.573h279.803%0A%09c55.981%2C0%2C101.526%2C45.544%2C101.526%2C101.526v8.258H14.573v-8.258C14.573%2C60.117%2C60.117%2C14.573%2C116.099%2C14.573z%20M395.901%2C497.427%0A%09H116.099c-55.982%2C0-101.526-45.544-101.526-101.526v-8.258h390.655c4.024%2C0%2C7.286-3.262%2C7.286-7.287s-3.262-7.286-7.286-7.286%0A%09H14.573V138.93h482.854v234.14H438.39c-4.024%2C0-7.286%2C3.262-7.286%2C7.286s3.262%2C7.287%2C7.286%2C7.287h59.037v8.258%0A%09C497.427%2C451.883%2C451.883%2C497.427%2C395.901%2C497.427z%22%2F%3E%0A%3C%2Fsvg%3E";
+var flag_fr = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%0A%3C!--%20Uploaded%20to%3A%20SVG%20Repo%2C%20www.svgrepo.com%2C%20Generator%3A%20SVG%20Repo%20Mixer%20Tools%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20%0A%09%20viewBox%3D%220%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Crect%20x%3D%22173.1%22%20y%3D%227.287%22%20style%3D%22fill%3A%23FFFFFF%3B%22%20width%3D%22165.81%22%20height%3D%22497.43%22%2F%3E%0A%3Cpath%20style%3D%22fill%3A%23164FCE%3B%22%20d%3D%22M116.099%2C7.287C56.003%2C7.287%2C7.286%2C56.003%2C7.286%2C116.099v279.803%0A%09c0%2C60.095%2C48.717%2C108.812%2C108.812%2C108.812h56.997V7.287H116.099z%22%2F%3E%0A%3Cpath%20style%3D%22fill%3A%23ED1F34%3B%22%20d%3D%22M395.901%2C7.287h-56.997v497.427h56.997c60.095%2C0%2C108.812-48.717%2C108.812-108.812V116.099%0A%09C504.714%2C56.003%2C455.997%2C7.287%2C395.901%2C7.287z%22%2F%3E%0A%3Cpath%20d%3D%22M395.901%2C0H116.099C52.082%2C0%2C0%2C52.082%2C0%2C116.099v279.803C0%2C459.918%2C52.082%2C512%2C116.099%2C512h279.803%0A%09C459.918%2C512%2C512%2C459.918%2C512%2C395.901V116.099C512%2C52.082%2C459.918%2C0%2C395.901%2C0z%20M14.573%2C395.901V116.099%0A%09c0-55.981%2C45.544-101.526%2C101.526-101.526h49.71v482.854h-49.71C60.117%2C497.427%2C14.573%2C451.883%2C14.573%2C395.901z%20M497.427%2C395.901%0A%09c0%2C55.982-45.545%2C101.526-101.526%2C101.526H346.19V156.515c0-4.024-3.262-7.286-7.286-7.286c-4.025%2C0-7.287%2C3.262-7.287%2C7.286%0A%09v340.912H180.382V14.573h151.236v92.199c0%2C4.024%2C3.262%2C7.286%2C7.287%2C7.286s7.286-3.262%2C7.286-7.286V14.573h49.711%0A%09c55.981%2C0%2C101.526%2C45.544%2C101.526%2C101.526L497.427%2C395.901L497.427%2C395.901z%22%2F%3E%0A%3C%2Fsvg%3E";
+var flag_de = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%0A%3C!--%20Uploaded%20to%3A%20SVG%20Repo%2C%20www.svgrepo.com%2C%20Generator%3A%20SVG%20Repo%20Mixer%20Tools%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20%0A%09%20viewBox%3D%220%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Crect%20x%3D%227.286%22%20y%3D%22173.1%22%20style%3D%22fill%3A%23ED1F34%3B%22%20width%3D%22497.43%22%20height%3D%22165.81%22%2F%3E%0A%3Cpath%20style%3D%22fill%3A%23FFE000%3B%22%20d%3D%22M7.286%2C395.901c0%2C60.095%2C48.717%2C108.812%2C108.812%2C108.812h279.803%0A%09c60.095%2C0%2C108.812-48.717%2C108.812-108.812v-56.997H7.286V395.901z%22%2F%3E%0A%3Cpath%20style%3D%22fill%3A%23333333%3B%22%20d%3D%22M395.901%2C7.286H116.099C56.003%2C7.286%2C7.286%2C56.003%2C7.286%2C116.099v56.997h497.427v-56.997%0A%09C504.714%2C56.003%2C455.997%2C7.286%2C395.901%2C7.286z%22%2F%3E%0A%3Cpath%20d%3D%22M395.901%2C0H116.099C52.082%2C0%2C0%2C52.082%2C0%2C116.099v279.803C0%2C459.918%2C52.082%2C512%2C116.099%2C512h279.803%0A%09C459.918%2C512%2C512%2C459.918%2C512%2C395.901V116.099C512%2C52.082%2C459.918%2C0%2C395.901%2C0z%20M116.099%2C14.573h279.803%0A%09c55.981%2C0%2C101.526%2C45.544%2C101.526%2C101.526v49.71H14.573v-49.71C14.573%2C60.117%2C60.117%2C14.573%2C116.099%2C14.573z%20M395.901%2C497.427%0A%09H116.099c-55.982%2C0-101.526-45.544-101.526-101.526v-49.71h390.655c4.025%2C0%2C7.286-3.262%2C7.286-7.286s-3.262-7.286-7.286-7.286%0A%09H14.573V180.382h482.854v151.236H438.39c-4.025%2C0-7.286%2C3.262-7.286%2C7.286s3.262%2C7.286%2C7.286%2C7.286h59.037v49.71%0A%09C497.427%2C451.883%2C451.882%2C497.427%2C395.901%2C497.427z%22%2F%3E%0A%3C%2Fsvg%3E";
+var flag_it = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%0A%3C!--%20Uploaded%20to%3A%20SVG%20Repo%2C%20www.svgrepo.com%2C%20Generator%3A%20SVG%20Repo%20Mixer%20Tools%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20%0A%09%20viewBox%3D%220%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Crect%20x%3D%22173.1%22%20y%3D%227.286%22%20style%3D%22fill%3A%23FFFFFF%3B%22%20width%3D%22165.81%22%20height%3D%22497.43%22%2F%3E%0A%3Cpath%20style%3D%22fill%3A%23259245%3B%22%20d%3D%22M116.099%2C7.286C56.003%2C7.286%2C7.286%2C56.003%2C7.286%2C116.099v279.803%0A%09c0%2C60.095%2C48.717%2C108.812%2C108.812%2C108.812h56.997V7.286H116.099z%22%2F%3E%0A%3Cpath%20style%3D%22fill%3A%23ED1F34%3B%22%20d%3D%22M395.901%2C7.286h-56.997v497.427h56.997c60.095%2C0%2C108.812-48.717%2C108.812-108.812V116.099%0A%09C504.714%2C56.003%2C455.997%2C7.286%2C395.901%2C7.286z%22%2F%3E%0A%3Cpath%20d%3D%22M395.901%2C0H116.099C52.082%2C0%2C0%2C52.082%2C0%2C116.099v279.803C0%2C459.918%2C52.082%2C512%2C116.099%2C512h279.803%0A%09C459.918%2C512%2C512%2C459.918%2C512%2C395.901V116.099C512%2C52.082%2C459.918%2C0%2C395.901%2C0z%20M14.573%2C395.901V116.099%0A%09c0-55.982%2C45.544-101.526%2C101.526-101.526h49.71v482.854h-49.71C60.117%2C497.427%2C14.573%2C451.883%2C14.573%2C395.901z%20M497.427%2C395.901%0A%09c0%2C55.982-45.544%2C101.526-101.526%2C101.526h-49.71V156.515c0-4.024-3.262-7.286-7.287-7.286c-4.024%2C0-7.286%2C3.262-7.286%2C7.286%0A%09v340.912H180.382V14.573h151.236v92.199c0%2C4.024%2C3.262%2C7.286%2C7.286%2C7.286c4.024%2C0%2C7.287-3.262%2C7.287-7.286V14.573h49.71%0A%09c55.981%2C0%2C101.526%2C45.544%2C101.526%2C101.526L497.427%2C395.901L497.427%2C395.901z%22%2F%3E%0A%3C%2Fsvg%3E";
+var LOCALE_FLAGS = {
+  "br": flag_br,
+  "us": flag_us,
+  "es": flag_es,
+  "fr": flag_fr,
   "de": flag_de,
   "it": flag_it,
   // Locale code aliases
@@ -20512,25 +23119,6 @@ var ContactSection = React12__namespace.default.memo(
     ] });
   }
 );
-var Progress = React12__namespace.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  ProgressPrimitive__namespace.Root,
-  {
-    ref,
-    className: clsx__default.default(
-      "relative h-4 w-full overflow-hidden rounded-full bg-secondary",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsxRuntime.jsx(
-      ProgressPrimitive__namespace.Indicator,
-      {
-        className: "h-full w-full flex-1 bg-primary transition-all",
-        style: { transform: `translateX(-${100 - (value || 0)}%)` }
-      }
-    )
-  }
-));
-Progress.displayName = ProgressPrimitive__namespace.Root.displayName;
 function DropdownButton({
   as = Button,
   ...props
@@ -21528,6 +24116,7 @@ function SkipToContent({
   );
 }
 
+exports.AIOrchestratorDemo = AIOrchestratorDemo;
 exports.ARGENTINA_ACCENT_MAP = ARGENTINA_ACCENT_MAP;
 exports.ARGENTINA_MACRO_REGIONS = ARGENTINA_MACRO_REGIONS;
 exports.ARGENTINA_MAP_CENTER = ARGENTINA_MAP_CENTER;
@@ -21617,12 +24206,16 @@ exports.CookieConsent = CookieConsent;
 exports.CopyableId = CopyableId;
 exports.CountPill = CountPill;
 exports.CreateActionButton = CreateActionButton;
+exports.CustomerAnalyticsDemo = CustomerAnalyticsDemo;
 exports.DE_THEME_CONFIG = DE_THEME_CONFIG;
+exports.DashboardDemo = DashboardDemo;
+exports.DashboardDemoLayout = DashboardDemoLayout;
 exports.DashboardProgressShell = DashboardProgressShell;
 exports.DashboardView = DashboardView;
 exports.DataPagination = DataPagination;
 exports.DatePicker = DatePicker;
 exports.DeleteSwipeAction = DeleteSwipeAction;
+exports.DepartmentWorkflowDemo = DepartmentWorkflowDemo;
 exports.Description = Description4;
 exports.DetailsPopover = DetailsPopover;
 exports.DevModeBanner = DevModeBanner;
@@ -21680,6 +24273,7 @@ exports.FilterBadge = FilterBadge;
 exports.FilterPill = FilterPill;
 exports.FilterSectionHeader = FilterSectionHeader;
 exports.FilterTileButton = FilterTileButton;
+exports.FinancialDemo = FinancialDemo;
 exports.FloatingActionButton = FloatingActionButton;
 exports.FlyoutMenu = FlyoutMenu;
 exports.FlyoutNavGrid = FlyoutNavGrid;
@@ -21710,6 +24304,7 @@ exports.GlassModal = GlassModal;
 exports.Gradient = Gradient;
 exports.GradientBackground = GradientBackground;
 exports.GrowthIndicator = GrowthIndicator;
+exports.HRRecruitmentDemo = HRRecruitmentDemo;
 exports.Heading = Heading;
 exports.HeroPanel = HeroPanel;
 exports.HeroSection = HeroSection;
@@ -21739,6 +24334,7 @@ exports.InlineForm = InlineForm;
 exports.InlineSpinner = InlineSpinner;
 exports.Input = Input;
 exports.InteractiveGeoMap = InteractiveGeoMap;
+exports.InventoryDemo = InventoryDemo;
 exports.ItemSummary = ItemSummary;
 exports.JAPAN_ACCENT_MAP = JAPAN_ACCENT_MAP;
 exports.JAPAN_MACRO_REGIONS = JAPAN_MACRO_REGIONS;
@@ -21748,6 +24344,7 @@ exports.JAPAN_PREFECTURE_PALETTES = JAPAN_PREFECTURE_PALETTES;
 exports.JP_THEME_CONFIG = JP_THEME_CONFIG;
 exports.KORI_ERP_LOADER = KORI_ERP_LOADER;
 exports.KR_THEME_CONFIG = KR_THEME_CONFIG;
+exports.LGPDComplianceDemo = LGPDComplianceDemo;
 exports.LOCALE_FLAGS = LOCALE_FLAGS;
 exports.Label = Label2;
 exports.LabeledToggle = LabeledToggle;
@@ -21770,6 +24367,7 @@ exports.ManagementPageLayout = ManagementPageLayout;
 exports.ManagementSurface = ManagementSurface;
 exports.MapZoomControls = MapZoomControls;
 exports.MarketPricesCard = MarketPricesCard;
+exports.MarketingDemo = MarketingDemo;
 exports.MetricCard = MetricCard;
 exports.MonthPicker = MonthPicker;
 exports.MultiColumnPicker = MultiColumnPicker;
@@ -21884,6 +24482,7 @@ exports.SWEDEN_MAP_CENTER = SWEDEN_MAP_CENTER;
 exports.SafeArea = SafeArea;
 exports.SafeAreaSpacer = SafeAreaSpacer;
 exports.SafeAreaView = SafeAreaView;
+exports.SalesDemo = SalesDemo;
 exports.SearchBar = SearchBar;
 exports.SearchFilterToolbar = SearchFilterToolbar;
 exports.SearchInput = SearchInput;
@@ -21981,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;
@@ -22183,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;
@@ -22215,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;
@@ -22224,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;
@@ -22245,5 +24851,5 @@ exports.usePullToRefresh = usePullToRefresh;
 exports.validateDashboardSpec = validateDashboardSpec;
 exports.xScale = xScale;
 exports.yScale = yScale;
-//# sourceMappingURL=chunk-7ZC6KI76.js.map
-//# sourceMappingURL=chunk-7ZC6KI76.js.map
+//# sourceMappingURL=chunk-MV27AY4F.js.map
+//# sourceMappingURL=chunk-MV27AY4F.js.map