@datatechsolutions/ui 2.11.70 → 2.11.71

package/dist/{chunk-ZNLDMYBS.js → chunk-UOKLJT2P.js}

@@ -16463,7 +16463,8 @@ function DepartmentWorkflowDemo({
   className,
   hideHeader = false,
   onComplete,
-  theme
+  theme,
+  nodeAvatars
 }) {
   const t = { ...DEFAULT_THEME, ...theme };
   const { graph, steps, title, description, accentBadge, completionSummary } = workflow;
@@ -16628,6 +16629,7 @@ function DepartmentWorkflowDemo({
             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",
@@ -16635,7 +16637,14 @@ function DepartmentWorkflowDemo({
                   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: [
-                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex h-8 w-8 shrink-0 items-center justify-center rounded-lg ${meta.bg}`, children: /* @__PURE__ */ jsxRuntime.jsx(meta.icon, { className: `h-4 w-4 ${meta.color}` }) }),
+                    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" : ""}`
+                      }
+                    ) : /* @__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: [
@@ -17254,6 +17263,7 @@ function DepartmentAssistantDemo({
               assistantComplete: assistantTyped.length === assistantMessage.length,
               department: flow.name,
               agents: flow.agents,
+              agentAvatars: flow.agentAvatars,
               avatarGradient: t.inputAvatar,
               cursorClass: t.inputCursor
             }
@@ -17277,7 +17287,8 @@ function DepartmentAssistantDemo({
               hideHeader: true,
               stepDurationMs: workflowStepMs,
               onComplete: handleWorkflowComplete,
-              theme: t.workflow
+              theme: t.workflow,
+              nodeAvatars: flow.nodeAvatars
             },
             `wf-${flow.id}`
           )
@@ -17337,6 +17348,7 @@ function InputStage3({
   assistantComplete,
   department,
   agents,
+  agentAvatars,
   avatarGradient,
   cursorClass
 }) {
@@ -17364,17 +17376,20 @@ function InputStage3({
             assistantMessage,
             !assistantComplete && cursor
           ] }),
-          assistantComplete && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2.5 flex flex-wrap gap-1.5", children: agents.map((agent) => /* @__PURE__ */ jsxRuntime.jsxs(
-            "span",
-            {
-              className: "inline-flex items-center rounded-full bg-white/40 dark:bg-white/[0.08] px-2.5 py-0.5 text-[10px] font-semibold text-gray-700 dark:text-gray-200",
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.BoltIcon, { className: `mr-1 h-2.5 w-2.5 ${cursorClass.replace("bg-", "text-")}` }),
-                agent
-              ]
-            },
-            agent
-          )) })
+          assistantComplete && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 flex flex-wrap gap-2", children: agents.map((agent) => {
+            const avatar = agentAvatars?.[agent];
+            return /* @__PURE__ */ jsxRuntime.jsxs(
+              "span",
+              {
+                className: "inline-flex items-center gap-1.5 rounded-full bg-white/40 dark:bg-white/[0.08] py-0.5 pl-0.5 pr-3 text-[11px] font-semibold text-gray-700 dark:text-gray-200 shadow-sm",
+                children: [
+                  avatar ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: avatar, alt: "", className: "h-6 w-6 rounded-full bg-white/40 dark:bg-white/[0.06]" }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: `flex h-6 w-6 items-center justify-center rounded-full bg-gradient-to-br ${avatarGradient}`, children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.BoltIcon, { className: "h-3 w-3 text-white" }) }),
+                  agent
+                ]
+              },
+              agent
+            );
+          }) })
         ] }) })
       ] })
     ] }),
@@ -25388,5 +25403,5 @@ exports.usePullToRefresh = usePullToRefresh;
 exports.validateDashboardSpec = validateDashboardSpec;
 exports.xScale = xScale;
 exports.yScale = yScale;
-//# sourceMappingURL=chunk-ZNLDMYBS.js.map
-//# sourceMappingURL=chunk-ZNLDMYBS.js.map
+//# sourceMappingURL=chunk-UOKLJT2P.js.map
+//# sourceMappingURL=chunk-UOKLJT2P.js.map