@datatechsolutions/ui 2.11.67 → 2.11.69

package/dist/{chunk-WMATNSF6.js → chunk-WBYNJTQN.js}

@@ -1,9 +1,9 @@
 "use client";
 'use strict';
 
-var chunkUZ3CMNUJ_js = require('./chunk-UZ3CMNUJ.js');
 var chunkYXN2K77G_js = require('./chunk-YXN2K77G.js');
 var chunkS7KHTUHA_js = require('./chunk-S7KHTUHA.js');
+var chunkUZ3CMNUJ_js = require('./chunk-UZ3CMNUJ.js');
 var Headless6 = require('@headlessui/react');
 var clsx = require('clsx');
 var React12 = require('react');
@@ -16538,7 +16538,8 @@ function DepartmentWorkflowDemo({
     };
   }, [autoPlay, handleRun]);
   const currentStepLabel = stepIndex >= 0 ? steps[stepIndex]?.label : "Ready to run";
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `liquid-surface rounded-2xl overflow-hidden ${className ?? ""}`, children: [
+  const Shell = hideHeader ? ({ children: c }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className, children: c }) : ({ children: c }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: `liquid-surface rounded-2xl overflow-hidden ${className ?? ""}`, children: c });
+  return /* @__PURE__ */ jsxRuntime.jsxs(Shell, { children: [
     !hideHeader && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-b border-white/5 px-5 py-4 flex items-start gap-4", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-[10px] font-semibold uppercase tracking-wider ${accentBadge ?? t.badge}`, children: [
@@ -16593,12 +16594,12 @@ function DepartmentWorkflowDemo({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "overflow-x-auto px-4 py-5", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full items-center overflow-x-auto px-6 py-8", children: [
       /* @__PURE__ */ jsxRuntime.jsx("style", { children: `
           @keyframes deptGlow { 0%, 100% { box-shadow: 0 0 12px var(--glow); } 50% { box-shadow: 0 0 28px var(--glow); } }
           @keyframes deptEdge { to { stroke-dashoffset: -16; } }
         ` }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-stretch gap-0 min-w-full", children: columns.map((col, colIdx) => {
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-stretch gap-0 min-w-full justify-center", children: columns.map((col, colIdx) => {
         const isStepActive = stepIndex === col.stepIndex;
         const isStepDone = stepIndex > col.stepIndex;
         const showsConnector = colIdx > 0;
@@ -17204,7 +17205,7 @@ function DepartmentAssistantDemo({
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-px flex-1 bg-gradient-to-r from-white/5 to-white/10" }),
       /* @__PURE__ */ jsxRuntime.jsx(StageChip, { label: "Deliver", stageIndex, mine: 2, activeBadge: t.stageActiveBadge })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative", style: { minHeight: 600 }, children: /* @__PURE__ */ jsxRuntime.jsxs(framerMotion.AnimatePresence, { mode: "wait", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative", style: { height: 620 }, children: /* @__PURE__ */ jsxRuntime.jsxs(framerMotion.AnimatePresence, { mode: "wait", children: [
       stage === "input" && /* @__PURE__ */ jsxRuntime.jsx(
         framerMotion.motion.div,
         {
@@ -17212,7 +17213,7 @@ function DepartmentAssistantDemo({
           animate: { opacity: 1, y: 0 },
           exit: { opacity: 0, y: -12 },
           transition: { duration: 0.45 },
-          className: "flex items-center justify-center p-10",
+          className: "h-full",
           children: /* @__PURE__ */ jsxRuntime.jsx(
             InputStage3,
             {
@@ -17234,7 +17235,7 @@ function DepartmentAssistantDemo({
           animate: { opacity: 1, scale: 1 },
           exit: { opacity: 0, scale: 0.98 },
           transition: { duration: 0.45 },
-          className: "p-6",
+          className: "h-full",
           children: /* @__PURE__ */ jsxRuntime.jsx(
             DepartmentWorkflowDemo,
             {
@@ -17257,8 +17258,8 @@ function DepartmentAssistantDemo({
           animate: { opacity: 1, y: 0 },
           exit: { opacity: 0, y: -12 },
           transition: { duration: 0.45 },
-          className: "px-0 pb-0",
-          children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden", style: { height: 580 }, children: flow.dashboard })
+          className: "h-full",
+          children: flow.dashboard
         },
         `dashboard-${flow.id}`
       )
@@ -17301,37 +17302,39 @@ function InputStage3({
   department,
   agents,
   avatarGradient,
-  borderClass,
   cursorClass
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full max-w-2xl", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-2xl border border-white/10 bg-white/70 dark:bg-zinc-900/70 p-8 shadow-2xl backdrop-blur-sm", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-6 flex items-center gap-3", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: `h-12 w-12 rounded-xl bg-gradient-to-br ${avatarGradient} 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.jsxs("h3", { className: "text-base font-bold text-gray-900 dark:text-white", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full flex-col items-center justify-center px-6 py-10 sm:px-12", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-8 flex items-center gap-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: `h-14 w-14 rounded-2xl bg-gradient-to-br ${avatarGradient} flex items-center justify-center shadow-lg`, children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.SparklesIcon, { className: "h-7 w-7 text-white" }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-left", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-[10px] font-bold uppercase tracking-wider text-gray-500 dark:text-gray-400", children: [
           "Assistente \u2014 ",
           department
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: "Digite um pedido e veja os agentes atuarem." })
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xl font-bold text-gray-900 dark:text-white", children: "Como posso ajudar hoje?" })
       ] })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: `rounded-xl border-2 ${borderClass} bg-white/40 dark:bg-white/[0.02] p-4 min-h-[120px]`, children: /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-base font-medium text-gray-900 dark:text-white", children: [
-      prompt,
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: `ml-1 inline-block w-0.5 h-5 ${cursorClass} animate-pulse` })
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-4 flex items-center gap-2 text-xs text-gray-500 dark:text-gray-400", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.BoltIcon, { className: `h-3.5 w-3.5 ${cursorClass.replace("bg-", "text-")}` }),
-      "Agentes prontos:",
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1.5", children: agents.map((agent) => /* @__PURE__ */ jsxRuntime.jsx(
-        "span",
-        {
-          className: "inline-flex items-center rounded-full border border-white/10 bg-white/60 dark:bg-white/[0.04] px-2 py-0.5 text-[10px] font-semibold text-gray-700 dark:text-gray-200",
-          children: agent
-        },
-        agent
-      )) })
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full max-w-3xl", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liquid-surface rounded-2xl px-6 py-6 min-h-[140px] flex items-center", children: /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xl font-medium leading-relaxed text-gray-900 dark:text-white", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: `mr-1 inline-block h-1.5 w-1.5 rounded-full ${cursorClass}` }),
+        prompt,
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: `ml-1 inline-block w-0.5 h-6 align-middle ${cursorClass} animate-pulse` })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-5 flex flex-wrap items-center justify-center gap-2 text-xs text-gray-500 dark:text-gray-400", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.BoltIcon, { className: `h-3.5 w-3.5 ${cursorClass.replace("bg-", "text-")}` }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold", children: "Agentes prontos:" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1.5", children: agents.map((agent) => /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: "liquid-surface inline-flex items-center rounded-full px-3 py-1 text-[11px] font-semibold text-gray-700 dark:text-gray-200",
+            children: agent
+          },
+          agent
+        )) })
+      ] })
     ] })
-  ] }) });
+  ] });
 }
 var koriDepartmentFlows = [
   {
@@ -25337,5 +25340,5 @@ exports.usePullToRefresh = usePullToRefresh;
 exports.validateDashboardSpec = validateDashboardSpec;
 exports.xScale = xScale;
 exports.yScale = yScale;
-//# sourceMappingURL=chunk-WMATNSF6.js.map
-//# sourceMappingURL=chunk-WMATNSF6.js.map
+//# sourceMappingURL=chunk-WBYNJTQN.js.map
+//# sourceMappingURL=chunk-WBYNJTQN.js.map