@datatechsolutions/ui 2.11.72 → 2.11.74

package/dist/{chunk-6TL7IE36.js → chunk-NIGFMRWC.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');
@@ -16595,76 +16595,70 @@ function DepartmentWorkflowDemo({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full items-center overflow-x-auto px-6 py-8", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full items-center overflow-x-auto px-4 py-6", 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 justify-center", 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: "36", height: "100", className: "self-center shrink-0", viewBox: "0 0 36 100", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "line",
+        const isParallel = col.nodes.length > 1;
+        const nodeWidth = isParallel ? "w-[170px]" : "w-[200px]";
+        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(
+            "line",
+            {
+              x1: "0",
+              y1: "1",
+              x2: "40",
+              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 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: "36",
-                y2: "50",
-                stroke: isStepDone ? t.completeEdgeStroke : isStepActive ? t.activeEdgeStroke : "#334155",
-                strokeWidth: "2",
-                strokeDasharray: "6 4",
-                style: { animation: isStepActive ? "deptEdge 0.8s linear infinite" : "none" }
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "34", cy: "50", r: "3", fill: isStepDone ? t.completeEdgeStroke : isStepActive ? t.activeEdgeStroke : "#334155" })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-[160px] 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: "truncate text-[9px] text-gray-500 dark:text-gray-500 mt-0.5 font-mono", children: meta.tag })
+                    ] }),
+                    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);
       }) })
     ] }),
@@ -25420,5 +25414,5 @@ exports.usePullToRefresh = usePullToRefresh;
 exports.validateDashboardSpec = validateDashboardSpec;
 exports.xScale = xScale;
 exports.yScale = yScale;
-//# sourceMappingURL=chunk-6TL7IE36.js.map
-//# sourceMappingURL=chunk-6TL7IE36.js.map
+//# sourceMappingURL=chunk-NIGFMRWC.js.map
+//# sourceMappingURL=chunk-NIGFMRWC.js.map