@datatechsolutions/ui 2.11.73 → 2.11.75

package/dist/{chunk-EBVEKRQB.js → chunk-4VUNR53L.js}

@@ -16467,7 +16467,7 @@ function DepartmentWorkflowDemo({
   nodeAvatars
 }) {
   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);
@@ -16600,71 +16600,66 @@ function DepartmentWorkflowDemo({
           @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: "mx-auto flex items-stretch gap-0", children: columns.map((col, colIdx) => {
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto flex items-center gap-0", children: columns.map((col, colIdx) => {
         const isStepActive = stepIndex === col.stepIndex;
         const isStepDone = stepIndex > col.stepIndex;
         const showsConnector = colIdx > 0;
-        return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 items-stretch", children: [
-          showsConnector && /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "24", height: "100", className: "self-center shrink-0", viewBox: "0 0 24 100", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "line",
+        const isParallel = col.nodes.length > 1;
+        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: "28", height: "2", className: "mx-1 shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(
+            "line",
+            {
+              x1: "0",
+              y1: "1",
+              x2: "28",
+              y2: "1",
+              stroke: isStepDone ? t.completeEdgeStroke : isStepActive ? t.activeEdgeStroke : "#334155",
+              strokeWidth: "2",
+              strokeDasharray: "5 3",
+              style: { animation: isStepActive ? "deptEdge 0.8s linear infinite" : "none" }
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex ${isParallel ? "flex-col gap-2" : ""}`, children: col.nodes.map((node2) => {
+            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(
+              "div",
               {
-                x1: "0",
-                y1: "50",
-                x2: "24",
-                y2: "50",
-                stroke: isStepDone ? t.completeEdgeStroke : isStepActive ? t.activeEdgeStroke : "#334155",
-                strokeWidth: "2",
-                strokeDasharray: "5 3",
-                style: { animation: isStepActive ? "deptEdge 0.8s linear infinite" : "none" }
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "22", cy: "50", r: "2.5", fill: isStepDone ? t.completeEdgeStroke : isStepActive ? t.activeEdgeStroke : "#334155" })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-[148px] flex-col gap-2 shrink-0", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-[8px] font-bold uppercase tracking-wider text-gray-400 dark:text-gray-500 text-center", children: [
-              "Step ",
-              col.stepIndex + 1
-            ] }),
-            col.nodes.map((node2) => {
-              const status = getStatus(node2);
-              const meta = getNodeMeta(node2.type);
-              const avatar = nodeAvatars?.[node2.id];
-              const statusClass = status === "running" ? `scale-[1.04] ring-2 ${t.activeRing}` : status === "complete" ? "ring-1 ring-emerald-500/40" : "opacity-50";
-              return /* @__PURE__ */ jsxRuntime.jsx(
-                "div",
-                {
-                  className: `liquid-surface rounded-xl p-2.5 transition-all duration-500 ${statusClass}`,
-                  style: status === "running" ? { "--glow": meta.glow, animation: "deptGlow 1.4s ease-in-out infinite" } : void 0,
-                  children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                className: `liquid-surface rounded-2xl px-3.5 py-3 transition-all duration-500 ${nodeWidth} ${statusClass}`,
+                style: status === "running" ? { "--glow": meta.glow, animation: "deptGlow 1.4s ease-in-out infinite" } : void 0,
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2 flex items-center gap-2.5", children: [
                     avatar ? /* @__PURE__ */ jsxRuntime.jsx(
                       "img",
                       {
                         src: avatar,
                         alt: "",
-                        className: `h-10 w-10 shrink-0 rounded-xl bg-white/40 dark:bg-white/[0.06] ${status === "running" ? "ring-2 ring-white/40" : ""}`
+                        className: `h-9 w-9 shrink-0 rounded-xl bg-white/40 dark:bg-white/[0.06] ${status === "running" ? "ring-2 ring-white/40" : ""}`
                       }
                     ) : /* @__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-[11px] font-semibold text-gray-900 dark:text-white", children: node2.data.label }),
-                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 text-[8px] text-gray-500 dark:text-gray-500", children: [
-                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate font-mono", children: meta.tag }),
-                        status === "running" && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `flex items-center gap-0.5 ${t.stepActiveBg.replace("bg-", "text-")}`, children: [
-                          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-1 w-1 rounded-full bg-current animate-pulse" }),
-                          "ativo"
-                        ] }),
-                        status === "complete" && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-0.5 text-emerald-500", children: [
-                          /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.CheckCircleIcon, { className: "h-2.5 w-2.5" }),
-                          "ok"
-                        ] })
-                      ] })
+                      /* @__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: "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" })
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-1", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: `rounded-full px-2 py-0.5 text-[8.5px] font-semibold ${tagBadge}`, children: meta.tag }),
+                    status === "running" && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `rounded-full px-2 py-0.5 text-[8.5px] font-semibold ${t.stepActiveBg.replace("bg-", "bg-")}/20 ${t.stepActiveBg.replace("bg-", "text-")}`, children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mr-0.5 inline-block h-1 w-1 rounded-full bg-current animate-pulse" }),
+                      "executando"
                     ] })
                   ] })
-                },
-                node2.id
-              );
-            })
-          ] })
+                ]
+              },
+              node2.id
+            );
+          }) })
         ] }, col.stepIndex);
       }) })
     ] }),
@@ -16693,6 +16688,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),
@@ -16730,6 +16735,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),
@@ -16769,6 +16785,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),
@@ -16809,6 +16836,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),
@@ -16846,6 +16883,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),
@@ -16883,6 +16930,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),
@@ -16920,6 +16977,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),
@@ -16960,6 +17028,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),
@@ -17000,6 +17079,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),
@@ -17037,6 +17126,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),
@@ -17074,6 +17173,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),
@@ -25420,5 +25528,5 @@ exports.usePullToRefresh = usePullToRefresh;
 exports.validateDashboardSpec = validateDashboardSpec;
 exports.xScale = xScale;
 exports.yScale = yScale;
-//# sourceMappingURL=chunk-EBVEKRQB.js.map
-//# sourceMappingURL=chunk-EBVEKRQB.js.map
+//# sourceMappingURL=chunk-4VUNR53L.js.map
+//# sourceMappingURL=chunk-4VUNR53L.js.map