@datatechsolutions/ui 2.11.74 → 2.11.76

package/dist/{chunk-NIGFMRWC.js → chunk-KNXAOJAK.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');
@@ -16464,10 +16464,11 @@ function DepartmentWorkflowDemo({
   hideHeader = false,
   onComplete,
   theme,
-  nodeAvatars
+  nodeAvatars,
+  onStepChange
 }) {
   const t = { ...DEFAULT_THEME, ...theme };
-  const { graph, steps, title, description, accentBadge, completionSummary } = workflow;
+  const { graph, steps, title, description, accentBadge, completionSummary, nodeSubtitles } = workflow;
   const [stepIndex, setStepIndex] = React12.useState(-1);
   const intervalRef = React12.useRef(null);
   const completedRef = React12.useRef(false);
@@ -16538,6 +16539,11 @@ function DepartmentWorkflowDemo({
       if (intervalRef.current) clearInterval(intervalRef.current);
     };
   }, [autoPlay, handleRun]);
+  React12.useEffect(() => {
+    if (stepIndex >= 0 && onStepChange) {
+      onStepChange(stepIndex, steps[stepIndex]?.label ?? "");
+    }
+  }, [stepIndex, steps, onStepChange]);
   const currentStepLabel = stepIndex >= 0 ? steps[stepIndex]?.label : "Ready to run";
   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: [
@@ -16605,14 +16611,14 @@ function DepartmentWorkflowDemo({
         const isStepDone = stepIndex > col.stepIndex;
         const showsConnector = colIdx > 0;
         const isParallel = col.nodes.length > 1;
-        const nodeWidth = isParallel ? "w-[170px]" : "w-[200px]";
+        const nodeWidth = isParallel ? "w-[160px]" : "w-[180px]";
         return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center gap-0", children: [
-          showsConnector && /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "40", height: "2", className: "mx-1 shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(
+          showsConnector && /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "28", height: "2", className: "mx-1 shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(
             "line",
             {
               x1: "0",
               y1: "1",
-              x2: "40",
+              x2: "28",
               y2: "1",
               stroke: isStepDone ? t.completeEdgeStroke : isStepActive ? t.activeEdgeStroke : "#334155",
               strokeWidth: "2",
@@ -16624,6 +16630,7 @@ function DepartmentWorkflowDemo({
             const status = getStatus(node2);
             const meta = getNodeMeta(node2.type);
             const avatar = nodeAvatars?.[node2.id];
+            const subtitle = nodeSubtitles?.[node2.id] ?? meta.tag;
             const statusClass = status === "running" ? `scale-[1.03] ring-2 ${t.activeRing}` : status === "complete" ? "ring-1 ring-emerald-500/40" : "opacity-50";
             const tagBadge = meta.tag === "agent" || meta.tag === "agent.tool" ? "bg-purple-500/20 text-purple-700 dark:text-purple-300" : meta.tag === "datasource" || meta.tag === "kb" || meta.tag === "entity" ? "bg-sky-500/20 text-sky-700 dark:text-sky-300" : meta.tag === "http" ? "bg-cyan-500/20 text-cyan-700 dark:text-cyan-300" : meta.tag === "code" || meta.tag === "template" ? "bg-amber-500/20 text-amber-700 dark:text-amber-300" : meta.tag === "branch" || meta.tag === "classifier" ? "bg-orange-500/20 text-orange-700 dark:text-orange-300" : meta.tag === "aggregate" || meta.tag === "assign" ? "bg-yellow-500/20 text-yellow-700 dark:text-yellow-300" : meta.tag === "iterate" || meta.tag === "list" ? "bg-fuchsia-500/20 text-fuchsia-700 dark:text-fuchsia-300" : meta.tag === "dashboard" || meta.tag === "answer" || meta.tag === "start" || meta.tag === "end" ? "bg-emerald-500/20 text-emerald-700 dark:text-emerald-300" : "bg-slate-500/20 text-slate-700 dark:text-slate-300";
             return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -16643,7 +16650,7 @@ function DepartmentWorkflowDemo({
                     ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex h-9 w-9 shrink-0 items-center justify-center rounded-xl ${meta.bg}`, children: /* @__PURE__ */ jsxRuntime.jsx(meta.icon, { className: `h-5 w-5 ${meta.color}` }) }),
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
                       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate text-[12px] font-semibold leading-tight text-gray-900 dark:text-white", children: node2.data.label }),
-                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate text-[9px] text-gray-500 dark:text-gray-500 mt-0.5 font-mono", children: meta.tag })
+                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "line-clamp-2 text-[9.5px] text-gray-500 dark:text-gray-400 mt-0.5 leading-snug", children: subtitle })
                     ] }),
                     status === "complete" && /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.CheckCircleIcon, { className: "h-4 w-4 shrink-0 text-emerald-500" })
                   ] }),
@@ -16687,6 +16694,16 @@ var financialWorkflow = {
   description: "Q4 close \u2014 aggregate transactions, compute Brazilian taxes in parallel, audit for compliance, publish report.",
   accentBadge: "bg-emerald-500/15 text-emerald-300",
   completionSummary: "Quarterly report published \xB7 R$ 387k taxes calculated \xB7 0 compliance violations",
+  nodeSubtitles: {
+    start: "Trigger Q4",
+    "fetch-tx": "Aurora \xB7 12k linhas",
+    icms: "estadual",
+    "pis-cofins": "federal",
+    iss: "municipal",
+    aggregate: "3 fontes \u2192 consolidado",
+    audit: "Carlos \xB7 regras Receita",
+    report: "PDF + dashboard"
+  },
   graph: buildGraph(
     [
       node("start", "start", "Trigger Q4 close", 0, 120),
@@ -16724,6 +16741,17 @@ var salesWorkflow = {
   description: "Lead arrives \u2192 agents score, qualify, draft proposal, and drive negotiation to close.",
   accentBadge: "bg-blue-500/15 text-blue-300",
   completionSummary: "Deal closed \xB7 R$ 45k/m\xEAs \xB7 14-day cycle \xB7 Score 85/100",
+  nodeSubtitles: {
+    start: "XPTO Ltda",
+    intake: "CRM \xB7 enriquecimento",
+    score: "modelo \xB7 0-100",
+    gate: "fork \xB7 \u226580",
+    qualify: "Beatriz \xB7 SQL/MQL",
+    nurture: "fila de nutri\xE7\xE3o",
+    proposal: "CPQ \xB7 template",
+    negotiate: "Beatriz \xB7 desconto",
+    close: "fatura \xB7 CRM"
+  },
   graph: buildGraph(
     [
       node("start", "start", "New lead (XPTO)", 0, 120),
@@ -16763,6 +16791,17 @@ var marketingWorkflow = {
   description: "Brief \u2192 parallel design, copy, audience \u2192 assemble \u2192 schedule \u2192 ship \u2192 measure.",
   accentBadge: "bg-pink-500/15 text-pink-300",
   completionSummary: "Campaign shipped \xB7 142k emails \xB7 6.8% CTR \xB7 +18% ROAS vs. target",
+  nodeSubtitles: {
+    start: "brief recebido",
+    strategist: "decompor objetivos",
+    design: "creative \xB7 4 pe\xE7as",
+    copy: "headline \xB7 CTA",
+    audience: "segmenta\xE7\xE3o \xB7 142k",
+    assemble: "pacote final",
+    schedule: "janela ideal",
+    send: "SES \xB7 142k disparos",
+    metrics: "CTR \xB7 ROAS \xB7 conv"
+  },
   graph: buildGraph(
     [
       node("start", "start", "Campaign brief", 0, 120),
@@ -16803,6 +16842,16 @@ var inventoryWorkflow = {
   description: "Read stock \u2192 forecast demand \u2192 filter low-stock SKUs \u2192 iterate orders \u2192 publish report.",
   accentBadge: "bg-orange-500/15 text-orange-300",
   completionSummary: "12 SKUs reordered \xB7 R$ 84k committed \xB7 projected stockout avoided",
+  nodeSubtitles: {
+    start: "cron di\xE1rio 06:00",
+    stock: "1.847 SKUs \xB7 ABC",
+    forecast: "Paulo \xB7 sazonalidade",
+    filter: "abaixo do m\xEDn",
+    loop: "por SKU \xB7 12 itens",
+    supplier: "cota\xE7\xE3o \xB7 3 fornec",
+    order: "PO \xB7 ERP/SAP",
+    report: "painel reposi\xE7\xE3o"
+  },
   graph: buildGraph(
     [
       node("start", "start", "Daily sweep", 0, 120),
@@ -16840,6 +16889,16 @@ var hrWorkflow = {
   description: "Screen resumes \u2192 rank by fit \u2192 interview scheduling \u2192 decision \u2192 hiring dashboard.",
   accentBadge: "bg-green-500/15 text-green-300",
   completionSummary: "3 offers extended \xB7 48 candidates processed \xB7 avg cycle 6 days",
+  nodeSubtitles: {
+    start: "vaga publicada",
+    pool: "47 curr\xEDculos",
+    screen: "triagem por skill",
+    rank: "fit score \xB7 top 5",
+    schedule: "agenda integrada",
+    assess: "teste t\xE9cnico",
+    decide: "recomenda\xE7\xE3o",
+    hire: "painel admiss\xE3o"
+  },
   graph: buildGraph(
     [
       node("start", "start", "New posting", 0, 120),
@@ -16877,6 +16936,16 @@ var customerAnalyticsWorkflow = {
   description: "Segment customers \u2192 parallel churn and LTV models \u2192 combine \u2192 recommend retention plays.",
   accentBadge: "bg-indigo-500/15 text-indigo-300",
   completionSummary: "4 at-risk segments identified \xB7 17 retention plays ranked by expected LTV lift",
+  nodeSubtitles: {
+    start: "cron noturno",
+    events: "12k eventos \xB7 30d",
+    segment: "clusters \xB7 k=8",
+    churn: "modelo \xB7 risco%",
+    ltv: "modelo \xB7 R$/cliente",
+    combine: "matriz risco \xD7 LTV",
+    actions: "plays priorizados",
+    dashboard: "painel reten\xE7\xE3o"
+  },
   graph: buildGraph(
     [
       node("start", "start", "Nightly analytics", 0, 120),
@@ -16914,6 +16983,17 @@ var payrollWorkflow = {
   description: "Ponto \u2192 c\xE1lculos paralelos (FGTS / INSS / IRRF) \u2192 encargos \u2192 S-1200 \u2192 dashboard.",
   accentBadge: "bg-cyan-500/15 text-cyan-300",
   completionSummary: "142 holerites processados \xB7 R$ 890k bruto \xB7 eSocial S-1200 transmitido",
+  nodeSubtitles: {
+    start: "m\xEAs fechado",
+    attendance: "ponto \xB7 142 colab",
+    fgts: "8% \xB7 GRRF",
+    inss: "tabela progressiva",
+    irrf: "tabela vigente",
+    aggregate: "Laura \xB7 holerites",
+    esocial: "evento S-1200",
+    transmit: "TXT \xB7 governo",
+    report: "painel folha"
+  },
   graph: buildGraph(
     [
       node("start", "start", "Fechamento mensal", 0, 120),
@@ -16954,6 +17034,17 @@ var supportWorkflow = {
   description: "Ticket \u2192 paralelo (hist\xF3rico do cliente, status do pedido, base de conhecimento) \u2192 classificar \u2192 rascunhar \u2192 revisar \u2192 responder.",
   accentBadge: "bg-teal-500/15 text-teal-300",
   completionSummary: "Ticket respondido em 2min \xB7 CSAT esperado 4.8/5 \xB7 SLA cumprido",
+  nodeSubtitles: {
+    start: "Maria \xB7 #847",
+    history: "CRM \xB7 18 meses",
+    order: "rastreio Correios",
+    kb: "FAQ \xB7 embeddings",
+    classify: "intent \xB7 prioridade",
+    gate: "urgente?",
+    draft: "Camila \xB7 resposta",
+    review: "humano (opt)",
+    send: "WhatsApp \xB7 email"
+  },
   graph: buildGraph(
     [
       node("start", "start", "Ticket #847", 0, 120),
@@ -16994,6 +17085,16 @@ var manufacturingWorkflow = {
   description: "Demanda \u2192 BOM \u2192 verificar estoque \u2192 alocar centros de trabalho \u2192 QC \u2192 liberar OPs.",
   accentBadge: "bg-violet-500/15 text-violet-300",
   completionSummary: "34 OPs liberadas \xB7 OEE 87% \xB7 3 desvios de QC tratados automaticamente",
+  nodeSubtitles: {
+    start: "cron semanal",
+    demand: "forecast S&OP",
+    bom: "componentes \xB7 280",
+    stock: "mat\xE9ria-prima",
+    schedule: "MRP \xB7 5 centros",
+    release: "34 OPs",
+    qc: "amostragem \xB7 99.4%",
+    report: "painel produ\xE7\xE3o"
+  },
   graph: buildGraph(
     [
       node("start", "start", "Trigger MRP semanal", 0, 120),
@@ -17031,6 +17132,16 @@ var logisticsWorkflow = {
   description: "Pedidos \u2192 paralelo (tr\xE2nsito, frota, janelas) \u2192 otimizador \u2192 despacho \u2192 tracking.",
   accentBadge: "bg-sky-500/15 text-sky-300",
   completionSummary: "28 entregas roteirizadas \xB7 -12% km \xB7 94% on-time esperado",
+  nodeSubtitles: {
+    start: "28 pedidos SP",
+    traffic: "Google Maps API",
+    fleet: "4 ve\xEDculos \xB7 disp",
+    windows: "janelas \xB7 cliente",
+    optimize: "TSP \xB7 OR-tools",
+    dispatch: "app motorista",
+    notify: "WhatsApp Bus",
+    track: "painel ao vivo"
+  },
   graph: buildGraph(
     [
       node("start", "start", "28 pedidos SP", 0, 120),
@@ -17068,6 +17179,15 @@ var lgpdWorkflow = {
   description: "Scan audit logs \u2192 detect PII access violations \u2192 remediate \u2192 notify DPO \u2192 report.",
   accentBadge: "bg-red-500/15 text-red-300",
   completionSummary: "2 violations remediated \xB7 DPO notified \xB7 compliance report filed",
+  nodeSubtitles: {
+    start: "sweep di\xE1rio",
+    logs: "CloudTrail \xB7 24h",
+    scan: "Roberta \xB7 regex PII",
+    gate: "viola\xE7\xF5es?",
+    remediate: "mascarar \xB7 notificar",
+    notify: "email DPO",
+    report: "painel ANPD"
+  },
   graph: buildGraph(
     [
       node("start", "start", "Daily privacy sweep", 0, 120),
@@ -17124,6 +17244,20 @@ var koriAssistantTheme = {
     badge: "bg-amber-500/15 text-amber-700 dark:text-amber-300"
   }
 };
+var DEFAULT_LABELS = {
+  conversation: (persona, department) => `Conversa \u2014 ${persona} \xB7 ${department}`,
+  composerHint: "Mensagem para Kori AI\u2026",
+  composerEnter: "\u23CE enviar",
+  personaTag: (persona) => persona.toUpperCase(),
+  assistantResponse: (count) => `Entendi. Vou ativar ${count} agentes especializados e orquestrar o fluxo no Astrlabe.`,
+  stageAsk: "Ask",
+  stageOrchestrate: "Orchestrate",
+  stageDeliver: "Deliver",
+  footerInput: "Usu\xE1rio envia um pedido ao assistente\u2026",
+  footerWorkflow: "Astrlabe orquestrando agentes e datasources\u2026",
+  footerDashboard: "Pronto \u2014 dashboard do ERP atualizado.",
+  workflowStep: (current, total) => `Etapa ${current} de ${total}`
+};
 function DepartmentAssistantDemo({
   flows,
   initialIndex = 0,
@@ -17133,20 +17267,29 @@ function DepartmentAssistantDemo({
   workflowStepMs = 1050,
   theme,
   brandName = "Kori AI Assistant",
+  labels,
   className
 }) {
   const t = { ...DEFAULT_ASSISTANT_THEME, ...theme, workflow: { ...DEFAULT_ASSISTANT_THEME.workflow, ...theme?.workflow } };
+  const L = { ...DEFAULT_LABELS, ...labels };
   const [flowIndex, setFlowIndex] = React12.useState(initialIndex);
   const [stage, setStage] = React12.useState("input");
   const [userTyped, setUserTyped] = React12.useState("");
   const [assistantTyped, setAssistantTyped] = React12.useState("");
   const [inputPhase, setInputPhase] = React12.useState("user");
+  const [workflowStepIndex, setWorkflowStepIndex] = React12.useState(-1);
+  const [workflowStepLabel, setWorkflowStepLabel] = React12.useState("");
   const rotateTimerRef = React12.useRef(null);
   const flow = flows[flowIndex];
+  const totalSteps = flow.workflow.steps.length;
   const assistantMessage = React12.useMemo(
-    () => `Entendi. Vou ativar ${flow.agents.length} agentes especializados e orquestrar o fluxo no Astrlabe.`,
-    [flow.agents.length]
+    () => L.assistantResponse(flow.agents.length),
+    [flow.agents.length, L]
   );
+  React12.useEffect(() => {
+    setWorkflowStepIndex(-1);
+    setWorkflowStepLabel("");
+  }, [flow.id]);
   React12.useEffect(() => {
     if (stage === "input") {
       setInputPhase("user");
@@ -17233,11 +17376,22 @@ function DepartmentAssistantDemo({
       }) })
     ] }),
     /* @__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, activeBadge: t.stageActiveBadge }),
+      /* @__PURE__ */ jsxRuntime.jsx(StageChip, { label: L.stageAsk, stageIndex, mine: 0, activeBadge: t.stageActiveBadge }),
       /* @__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, activeBadge: t.stageActiveBadge }),
+      /* @__PURE__ */ jsxRuntime.jsx(StageChip, { label: L.stageOrchestrate, stageIndex, mine: 1, activeBadge: t.stageActiveBadge }),
       /* @__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(StageChip, { label: L.stageDeliver, stageIndex, mine: 2, activeBadge: t.stageActiveBadge })
+    ] }),
+    stage === "workflow" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-b border-white/5 px-6 py-2.5 flex items-center gap-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1", children: flow.workflow.steps.map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: `h-1 w-3.5 rounded-full transition-all duration-500 ${workflowStepIndex < 0 ? "bg-white/10" : index < workflowStepIndex ? "bg-emerald-500" : index === workflowStepIndex ? `${t.progressActiveBar} animate-pulse` : "bg-white/10"}`
+        },
+        index
+      )) }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-bold uppercase tracking-wider text-gray-500 dark:text-gray-400", children: L.workflowStep(workflowStepIndex + 1, totalSteps) }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-[11px] text-gray-700 dark:text-gray-200 flex-1", children: workflowStepLabel || flow.workflow.steps[0]?.label })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative", style: { height: 620 }, children: /* @__PURE__ */ jsxRuntime.jsxs(framerMotion.AnimatePresence, { mode: "wait", children: [
       stage === "input" && /* @__PURE__ */ jsxRuntime.jsx(
@@ -17261,7 +17415,11 @@ function DepartmentAssistantDemo({
               agents: flow.agents,
               agentAvatars: flow.agentAvatars,
               avatarGradient: t.inputAvatar,
-              cursorClass: t.inputCursor
+              cursorClass: t.inputCursor,
+              conversationLabel: L.conversation,
+              personaTagFn: L.personaTag,
+              composerHint: L.composerHint,
+              composerEnter: L.composerEnter
             }
           )
         },
@@ -17283,6 +17441,10 @@ function DepartmentAssistantDemo({
               hideHeader: true,
               stepDurationMs: workflowStepMs,
               onComplete: handleWorkflowComplete,
+              onStepChange: (idx, label) => {
+                setWorkflowStepIndex(idx);
+                setWorkflowStepLabel(label);
+              },
               theme: t.workflow,
               nodeAvatars: flow.nodeAvatars
             },
@@ -17308,9 +17470,9 @@ function DepartmentAssistantDemo({
       /* @__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 ${t.progressActiveBar.replace("bg-", "text-")}` }),
         /* @__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."
+          stage === "input" && L.footerInput,
+          stage === "workflow" && L.footerWorkflow,
+          stage === "dashboard" && L.footerDashboard
         ] })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1", children: flows.map((entry, index) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -17348,7 +17510,11 @@ function InputStage3({
   agents,
   agentAvatars,
   avatarGradient,
-  cursorClass
+  cursorClass,
+  conversationLabel,
+  personaTagFn,
+  composerHint,
+  composerEnter
 }) {
   const cursor = /* @__PURE__ */ jsxRuntime.jsx("span", { className: `ml-0.5 inline-block w-[2px] h-4 align-middle ${cursorClass} animate-pulse` });
   const showAssistant = phase === "assistant";
@@ -17356,10 +17522,7 @@ function InputStage3({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full flex-col px-4 py-6 sm:px-8", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-5 flex items-center justify-center gap-2 text-[10px] font-semibold uppercase tracking-wider text-gray-400 dark:text-gray-500", children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-1 w-1 rounded-full bg-emerald-500 animate-pulse" }),
-      "Conversa \u2014 ",
-      personaName,
-      " \xB7 ",
-      department
+      conversationLabel(personaName, department)
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto flex w-full max-w-3xl flex-1 flex-col justify-end gap-4 overflow-hidden", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liquid-surface max-w-[88%] rounded-2xl rounded-tr-md px-5 py-3.5", children: /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-base leading-relaxed text-gray-900 dark:text-white", children: [
@@ -17376,7 +17539,7 @@ function InputStage3({
           }
         ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex h-11 w-11 shrink-0 items-center justify-center rounded-2xl bg-gradient-to-br ${avatarGradient} shadow-md`, children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.SparklesIcon, { className: "h-5 w-5 text-white" }) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liquid-surface max-w-[88%] rounded-2xl rounded-bl-md px-5 py-3.5", children: [
-          assistantMessage.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-1 text-[10px] font-bold uppercase tracking-wider text-gray-500 dark:text-gray-400", children: personaName }),
+          assistantMessage.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-1 text-[10px] font-bold uppercase tracking-wider text-gray-500 dark:text-gray-400", children: personaTagFn(personaName) }),
           assistantMessage.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 py-1", children: [
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: `h-1.5 w-1.5 rounded-full ${cursorClass} animate-pulse` }),
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: `h-1.5 w-1.5 rounded-full ${cursorClass} animate-pulse`, style: { animationDelay: "150ms" } }),
@@ -17405,8 +17568,8 @@ function InputStage3({
       ] })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto mt-5 w-full max-w-3xl", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liquid-surface flex items-center gap-3 rounded-full px-4 py-2.5 opacity-60", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs italic text-gray-500 dark:text-gray-400", children: "Mensagem para Kori AI\u2026" }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-auto flex items-center gap-1 text-[10px] text-gray-400 dark:text-gray-500", children: "\u23CE enviar" })
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs italic text-gray-500 dark:text-gray-400", children: composerHint }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-auto flex items-center gap-1 text-[10px] text-gray-400 dark:text-gray-500", children: composerEnter })
     ] }) })
   ] });
 }
@@ -25414,5 +25577,5 @@ exports.usePullToRefresh = usePullToRefresh;
 exports.validateDashboardSpec = validateDashboardSpec;
 exports.xScale = xScale;
 exports.yScale = yScale;
-//# sourceMappingURL=chunk-NIGFMRWC.js.map
-//# sourceMappingURL=chunk-NIGFMRWC.js.map
+//# sourceMappingURL=chunk-KNXAOJAK.js.map
+//# sourceMappingURL=chunk-KNXAOJAK.js.map