@datatechsolutions/ui 2.11.62 → 2.11.63

package/dist/{chunk-MV27AY4F.js → chunk-KTGWGJZ6.js}

@@ -16454,11 +16454,14 @@ function DepartmentWorkflowDemo({
   workflow,
   stepDurationMs = 1100,
   autoPlay = false,
-  className
+  className,
+  hideHeader = false,
+  onComplete
 }) {
   const { graph, steps, title, description, accentBadge = "bg-indigo-500/15 text-indigo-300", completionSummary } = workflow;
   const [stepIndex, setStepIndex] = React12.useState(-1);
   const intervalRef = React12.useRef(null);
+  const completedRef = React12.useRef(false);
   const total = steps.length;
   const isIdle = stepIndex === -1;
   const isRunning = stepIndex >= 0 && stepIndex < total - 1;
@@ -16485,6 +16488,7 @@ function DepartmentWorkflowDemo({
   );
   const handleRun = React12.useCallback(() => {
     if (intervalRef.current) clearInterval(intervalRef.current);
+    completedRef.current = false;
     setStepIndex(0);
     let index = 0;
     intervalRef.current = setInterval(() => {
@@ -16492,11 +16496,15 @@ function DepartmentWorkflowDemo({
       if (index >= total) {
         if (intervalRef.current) clearInterval(intervalRef.current);
         setStepIndex(total - 1);
+        if (!completedRef.current) {
+          completedRef.current = true;
+          onComplete?.();
+        }
       } else {
         setStepIndex(index);
       }
     }, stepDurationMs);
-  }, [stepDurationMs, total]);
+  }, [stepDurationMs, total, onComplete]);
   const handleStop = React12.useCallback(() => {
     if (intervalRef.current) clearInterval(intervalRef.current);
     setStepIndex(-1);
@@ -16519,7 +16527,7 @@ function DepartmentWorkflowDemo({
   }, [graph.nodes]);
   const currentStepLabel = stepIndex >= 0 ? steps[stepIndex]?.label : "Ready to run";
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `liquid-surface rounded-2xl overflow-hidden ${className ?? ""}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-b border-white/5 px-5 py-4 flex items-start gap-4", children: [
+    !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}`, children: [
           /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.BoltIcon, { className: "h-3 w-3" }),
@@ -16926,6 +16934,270 @@ var lgpdWorkflow = {
     step("Filing compliance report\u2026", "report")
   ]
 };
+function DepartmentAssistantDemo({
+  flows,
+  initialIndex = 0,
+  autoRotate = true,
+  dashboardHoldMs = 1e4,
+  typingSpeedMs = 32,
+  workflowStepMs = 1050,
+  className
+}) {
+  const [flowIndex, setFlowIndex] = React12.useState(initialIndex);
+  const [stage, setStage] = React12.useState("input");
+  const [typed, setTyped] = React12.useState("");
+  const rotateTimerRef = React12.useRef(null);
+  const flow = flows[flowIndex];
+  React12.useEffect(() => {
+    if (stage !== "input") return void 0;
+    setTyped("");
+    let i = 0;
+    const interval = setInterval(() => {
+      i += 1;
+      if (i <= flow.prompt.length) {
+        setTyped(flow.prompt.slice(0, i));
+      } else {
+        clearInterval(interval);
+        const t = setTimeout(() => setStage("workflow"), 700);
+        return () => clearTimeout(t);
+      }
+      return void 0;
+    }, typingSpeedMs);
+    return () => clearInterval(interval);
+  }, [stage, flow.prompt, typingSpeedMs]);
+  const handleWorkflowComplete = React12.useCallback(() => {
+    const t = setTimeout(() => setStage("dashboard"), 1200);
+    rotateTimerRef.current = t;
+  }, []);
+  React12.useEffect(() => {
+    if (stage !== "dashboard") return void 0;
+    if (!autoRotate) return void 0;
+    const t = setTimeout(() => {
+      setFlowIndex((prev) => (prev + 1) % flows.length);
+      setStage("input");
+    }, dashboardHoldMs);
+    return () => clearTimeout(t);
+  }, [stage, autoRotate, dashboardHoldMs, flows.length]);
+  const handleDepartmentSelect = React12.useCallback((next) => {
+    if (rotateTimerRef.current) clearTimeout(rotateTimerRef.current);
+    setFlowIndex(next);
+    setStage("input");
+  }, []);
+  const stageIndex = React12.useMemo(() => stage === "input" ? 0 : stage === "workflow" ? 1 : 2, [stage]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `liquid-surface rounded-3xl overflow-hidden ${className ?? ""}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-b border-white/5 px-4 py-3 flex flex-wrap items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 pr-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-7 w-7 items-center justify-center rounded-lg bg-gradient-to-br from-blue-500 to-purple-600", children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.CpuChipIcon, { className: "h-4 w-4 text-white" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-bold text-gray-900 dark:text-white", children: "Kori AI Assistant" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap items-center gap-1.5", children: flows.map((entry, index) => {
+        const isActive = index === flowIndex;
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => handleDepartmentSelect(index),
+            className: `group inline-flex items-center gap-1.5 rounded-full px-3 py-1.5 text-[11px] font-semibold transition-all ${isActive ? `bg-gradient-to-r ${entry.accent} text-white shadow-lg shadow-indigo-500/20 scale-105` : "text-gray-600 dark:text-gray-400 hover:bg-white/5 hover:text-gray-900 dark:hover:text-white"}`,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(entry.icon, { className: "h-3.5 w-3.5" }),
+              entry.name
+            ]
+          },
+          entry.id
+        );
+      }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-b border-white/5 px-6 py-3 flex items-center gap-3 text-[11px]", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(StageChip, { label: "Ask", stageIndex, mine: 0 }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-px flex-1 bg-gradient-to-r from-white/10 to-white/5" }),
+      /* @__PURE__ */ jsxRuntime.jsx(StageChip, { label: "Orchestrate", stageIndex, mine: 1 }),
+      /* @__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 })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative", style: { minHeight: 600 }, children: /* @__PURE__ */ jsxRuntime.jsxs(framerMotion.AnimatePresence, { mode: "wait", children: [
+      stage === "input" && /* @__PURE__ */ jsxRuntime.jsx(
+        framerMotion.motion.div,
+        {
+          initial: { opacity: 0, y: 12 },
+          animate: { opacity: 1, y: 0 },
+          exit: { opacity: 0, y: -12 },
+          transition: { duration: 0.45 },
+          className: "flex items-center justify-center p-10",
+          children: /* @__PURE__ */ jsxRuntime.jsx(InputStage3, { prompt: typed, department: flow.name, agents: flow.agents })
+        },
+        `input-${flow.id}`
+      ),
+      stage === "workflow" && /* @__PURE__ */ jsxRuntime.jsx(
+        framerMotion.motion.div,
+        {
+          initial: { opacity: 0, scale: 0.98 },
+          animate: { opacity: 1, scale: 1 },
+          exit: { opacity: 0, scale: 0.98 },
+          transition: { duration: 0.45 },
+          className: "p-6",
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            DepartmentWorkflowDemo,
+            {
+              workflow: flow.workflow,
+              autoPlay: true,
+              hideHeader: true,
+              stepDurationMs: workflowStepMs,
+              onComplete: handleWorkflowComplete
+            },
+            `wf-${flow.id}`
+          )
+        },
+        `workflow-${flow.id}`
+      ),
+      stage === "dashboard" && /* @__PURE__ */ jsxRuntime.jsx(
+        framerMotion.motion.div,
+        {
+          initial: { opacity: 0, y: 12 },
+          animate: { opacity: 1, y: 0 },
+          exit: { opacity: 0, y: -12 },
+          transition: { duration: 0.45 },
+          className: "p-4",
+          children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-2xl border border-white/10 bg-white dark:bg-zinc-950 shadow-2xl overflow-hidden", style: { height: 580 }, children: flow.dashboard })
+        },
+        `dashboard-${flow.id}`
+      )
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between border-t border-white/5 px-5 py-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-[11px] text-gray-500 dark:text-gray-400", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.BoltIcon, { className: "h-3.5 w-3.5 text-indigo-500" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-medium", children: [
+          stage === "input" && "Usu\xE1rio envia um pedido ao assistente\u2026",
+          stage === "workflow" && "Astrlabe orquestrando agentes e datasources\u2026",
+          stage === "dashboard" && "Pronto \u2014 dashboard do ERP atualizado."
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1", children: flows.map((entry, index) => /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: `h-1 rounded-full transition-all duration-500 ${index === flowIndex ? "w-8 bg-indigo-500" : "w-1.5 bg-gray-300 dark:bg-white/10"}`
+        },
+        entry.id
+      )) })
+    ] })
+  ] });
+}
+function StageChip({ label, stageIndex, mine }) {
+  const isActive = stageIndex === mine;
+  const isDone = stageIndex > mine;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: `inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 font-semibold transition-colors ${isActive ? "bg-indigo-500/15 text-indigo-600 dark:text-indigo-300" : isDone ? "bg-emerald-500/10 text-emerald-600 dark:text-emerald-300" : "bg-white/5 text-gray-500 dark:text-gray-500"}`,
+      children: [
+        isDone ? /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.CheckCircleIcon, { className: "h-3.5 w-3.5" }) : isActive ? /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.BoltIcon, { className: "h-3.5 w-3.5 animate-pulse" }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-1.5 w-1.5 rounded-full bg-current" }),
+        label
+      ]
+    }
+  );
+}
+function InputStage3({ prompt, department, agents }) {
+  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 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.jsxs("h3", { className: "text-base font-bold text-gray-900 dark:text-white", 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("div", { className: "rounded-xl border-2 border-indigo-300/40 bg-indigo-50/50 dark:border-indigo-400/30 dark:bg-indigo-500/5 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 bg-indigo-500 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 text-indigo-500" }),
+      "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-indigo-200 bg-indigo-50 px-2 py-0.5 text-[10px] font-semibold text-indigo-700 dark:border-indigo-500/30 dark:bg-indigo-500/10 dark:text-indigo-300",
+          children: agent
+        },
+        agent
+      )) })
+    ] })
+  ] }) });
+}
+var koriDepartmentFlows = [
+  {
+    id: "sales",
+    name: "Vendas",
+    icon: HeroIcons.ShoppingCartIcon,
+    accent: "from-blue-500 to-indigo-500",
+    prompt: "Qualificar lead empresa XPTO e preparar proposta comercial",
+    agents: ["Sales", "CRM", "Scoring", "Proposal"],
+    workflow: salesWorkflow,
+    dashboard: /* @__PURE__ */ jsxRuntime.jsx(SalesDemo, {})
+  },
+  {
+    id: "financial",
+    name: "Financeiro",
+    icon: HeroIcons.BanknotesIcon,
+    accent: "from-emerald-500 to-teal-500",
+    prompt: "Gerar relat\xF3rio financeiro e calcular impostos do trimestre",
+    agents: ["Finance", "Tax", "Reports", "Compliance"],
+    workflow: financialWorkflow,
+    dashboard: /* @__PURE__ */ jsxRuntime.jsx(FinancialDemo, {})
+  },
+  {
+    id: "marketing",
+    name: "Marketing",
+    icon: HeroIcons.MegaphoneIcon,
+    accent: "from-pink-500 to-rose-500",
+    prompt: "Criar campanha de Black Friday para e-commerce",
+    agents: ["Marketing", "Design", "E-commerce", "Email"],
+    workflow: marketingWorkflow,
+    dashboard: /* @__PURE__ */ jsxRuntime.jsx(MarketingDemo, {})
+  },
+  {
+    id: "inventory",
+    name: "Estoque",
+    icon: HeroIcons.CubeIcon,
+    accent: "from-orange-500 to-amber-500",
+    prompt: "Verificar estoque e sugerir reposi\xE7\xF5es autom\xE1ticas",
+    agents: ["Inventory", "Supply", "Forecast", "Logistics"],
+    workflow: inventoryWorkflow,
+    dashboard: /* @__PURE__ */ jsxRuntime.jsx(InventoryDemo, {})
+  },
+  {
+    id: "hr",
+    name: "RH",
+    icon: HeroIcons.UsersIcon,
+    accent: "from-green-500 to-emerald-500",
+    prompt: "Processar candidaturas para vaga de Desenvolvedor Senior",
+    agents: ["HR", "Recruiter", "Skills", "Interview"],
+    workflow: hrWorkflow,
+    dashboard: /* @__PURE__ */ jsxRuntime.jsx(HRRecruitmentDemo, {})
+  },
+  {
+    id: "analytics",
+    name: "Analytics",
+    icon: HeroIcons.DocumentTextIcon,
+    accent: "from-indigo-500 to-violet-500",
+    prompt: "Analisar comportamento dos clientes e identificar oportunidades",
+    agents: ["Analytics", "CRM", "Insights", "Reports"],
+    workflow: customerAnalyticsWorkflow,
+    dashboard: /* @__PURE__ */ jsxRuntime.jsx(CustomerAnalyticsDemo, {})
+  },
+  {
+    id: "lgpd",
+    name: "LGPD",
+    icon: HeroIcons.ShieldCheckIcon,
+    accent: "from-red-500 to-rose-500",
+    prompt: "Auditar dados pessoais e verificar conformidade LGPD",
+    agents: ["LGPD", "Privacy", "Audit", "Security"],
+    workflow: lgpdWorkflow,
+    dashboard: /* @__PURE__ */ jsxRuntime.jsx(LGPDComplianceDemo, {})
+  }
+];
 function EntityDrawer({
   open,
   onClose,
@@ -24215,6 +24487,7 @@ exports.DashboardView = DashboardView;
 exports.DataPagination = DataPagination;
 exports.DatePicker = DatePicker;
 exports.DeleteSwipeAction = DeleteSwipeAction;
+exports.DepartmentAssistantDemo = DepartmentAssistantDemo;
 exports.DepartmentWorkflowDemo = DepartmentWorkflowDemo;
 exports.Description = Description4;
 exports.DetailsPopover = DetailsPopover;
@@ -24818,6 +25091,7 @@ exports.isValidThailandProvince = isValidThailandProvince;
 exports.isValidTurkeyProvince = isValidTurkeyProvince;
 exports.isValidUKNation = isValidUKNation;
 exports.isValidUsState = isValidUsState;
+exports.koriDepartmentFlows = koriDepartmentFlows;
 exports.lgpdWorkflow = lgpdWorkflow;
 exports.listItem = listItem;
 exports.listItemReduced = listItemReduced;
@@ -24851,5 +25125,5 @@ exports.usePullToRefresh = usePullToRefresh;
 exports.validateDashboardSpec = validateDashboardSpec;
 exports.xScale = xScale;
 exports.yScale = yScale;
-//# sourceMappingURL=chunk-MV27AY4F.js.map
-//# sourceMappingURL=chunk-MV27AY4F.js.map
+//# sourceMappingURL=chunk-KTGWGJZ6.js.map
+//# sourceMappingURL=chunk-KTGWGJZ6.js.map