@datatechsolutions/ui 2.11.74 → 2.11.75

package/dist/{chunk-NIGFMRWC.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);
@@ -16605,14 +16605,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 +16624,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 +16644,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 +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),
@@ -16724,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),
@@ -16763,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),
@@ -16803,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),
@@ -16840,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),
@@ -16877,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),
@@ -16914,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),
@@ -16954,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),
@@ -16994,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),
@@ -17031,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),
@@ -17068,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),
@@ -25414,5 +25528,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-4VUNR53L.js.map
+//# sourceMappingURL=chunk-4VUNR53L.js.map