@datatechsolutions/ui 2.11.60 → 2.11.61

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

@@ -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();
@@ -14319,69 +14319,2165 @@ 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,
-  "de": flag_de,
-  "it": flag_it,
+  }
+);
+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"
+        )
+      ] })
+    }
+  );
+};
+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
   "pt-BR": flag_br,
   "pt": flag_br,
@@ -20512,25 +22608,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 +23605,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,7 +23695,10 @@ 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;
@@ -21680,6 +23761,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 +23792,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 +23822,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 +23832,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 +23855,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 +23970,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;
@@ -22245,5 +24332,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-3BR5TG34.js.map
+//# sourceMappingURL=chunk-3BR5TG34.js.map