@datatechsolutions/ui 2.11.71 → 2.11.73

package/dist/astrlabe/index.mjs

@@ -1,13 +1,13 @@
 "use client";
-import { Workspace, useModalStore, CATEGORY_COLORS, CATEGORY_PILL_COLORS, ICON_MAP, WorkflowCanvas, getEntityIcon, getEntityGradient, useWorkflowStore, LOGIC_ICON_MAP, LOGIC_NODE_GRADIENTS, getFrameworkMeta, getCompatibleModels, isModelCompatibleWithFramework, FRAMEWORK_META, isFrameworkCompatibleWithProviders } from '../chunk-TMVBROBQ.mjs';
-export { AgentFlowNode, AgentToolFlowNode, AnswerFlowNode, AnthropicIcon, CodeFlowNode, CrewAIIcon, DocumentExtractorFlowNode, EndFlowNode, EntityFlowNode, FRAMEWORK_META, GoogleADKIcon, GroupFlowNode, HttpRequestFlowNode, IfElseFlowNode, IterationFlowNode, IterationStartFlowNode, KnowledgeBaseFlowNode, LOGIC_ICON_MAP, LOGIC_NODE_BADGE_COLORS, LOGIC_NODE_GRADIENTS, LOGIC_NODE_HANDLE_COLORS, LangChainIcon, ListOperatorFlowNode, LogicNodeModal, MINIMAP_NODE_COLORS, ModelProviderFlowNode, NODE_EXECUTION_ACCENT_COLORS, NodeCard, NodeContextMenu, NoteFlowNode, OpenAIIcon, PanelContextMenu, ParameterExtractorFlowNode, QuestionClassifierFlowNode, RuleFlowNode, SelectionContextMenu, StartFlowNode, StrandsIcon, TemplateTransformFlowNode, ToolFlowNode, VariableAggregatorFlowNode, VariableAssignerFlowNode, WorkflowBuilderProvider, Workspace, getCompatibleModels, getDefaultFrameworkForModel, getEntityBadgeColor, getEntityGradient, getEntityHandleColor, getEntityIcon, getEntityMinimapColor, getFrameworkMeta, getNodeExecutionAccent, getNodeExecutionAccentRgb, isModelCompatibleWithFramework, useModalStore, useWorkflowBuilderClient, useWorkflowBuilderClientOptional, useWorkflowStore } from '../chunk-TMVBROBQ.mjs';
-import { GlassModal, Button, FormInput, FormTextarea, ToggleSwitch, Input, DynamicIslandConfirm } from '../chunk-ULNKKVDK.mjs';
-import '../chunk-D2JF6C3E.mjs';
+import '../chunk-JB6RNAD2.mjs';
+export { topologicalSortAgents, validateGraphNodeConfigs, validateNodeConfig, validateWorkflowGraph } from '../chunk-53SRKVKQ.mjs';
+import { Workspace, useModalStore, CATEGORY_COLORS, CATEGORY_PILL_COLORS, ICON_MAP, WorkflowCanvas, getEntityIcon, getEntityGradient, useWorkflowStore, LOGIC_ICON_MAP, LOGIC_NODE_GRADIENTS, getFrameworkMeta, getCompatibleModels, isModelCompatibleWithFramework, FRAMEWORK_META, isFrameworkCompatibleWithProviders } from '../chunk-TP7H2NQN.mjs';
+export { AgentFlowNode, AgentToolFlowNode, AnswerFlowNode, AnthropicIcon, CodeFlowNode, CrewAIIcon, DocumentExtractorFlowNode, EndFlowNode, EntityFlowNode, FRAMEWORK_META, GoogleADKIcon, GroupFlowNode, HttpRequestFlowNode, IfElseFlowNode, IterationFlowNode, IterationStartFlowNode, KnowledgeBaseFlowNode, LOGIC_ICON_MAP, LOGIC_NODE_BADGE_COLORS, LOGIC_NODE_GRADIENTS, LOGIC_NODE_HANDLE_COLORS, LangChainIcon, ListOperatorFlowNode, LogicNodeModal, MINIMAP_NODE_COLORS, ModelProviderFlowNode, NODE_EXECUTION_ACCENT_COLORS, NodeCard, NodeContextMenu, NoteFlowNode, OpenAIIcon, PanelContextMenu, ParameterExtractorFlowNode, QuestionClassifierFlowNode, RuleFlowNode, SelectionContextMenu, StartFlowNode, StrandsIcon, TemplateTransformFlowNode, ToolFlowNode, VariableAggregatorFlowNode, VariableAssignerFlowNode, WorkflowBuilderProvider, Workspace, getCompatibleModels, getDefaultFrameworkForModel, getEntityBadgeColor, getEntityGradient, getEntityHandleColor, getEntityIcon, getEntityMinimapColor, getFrameworkMeta, getNodeExecutionAccent, getNodeExecutionAccentRgb, isModelCompatibleWithFramework, useModalStore, useWorkflowBuilderClient, useWorkflowBuilderClientOptional, useWorkflowStore } from '../chunk-TP7H2NQN.mjs';
+import { GlassModal, Button, FormInput, FormTextarea, ToggleSwitch, Input, DynamicIslandConfirm } from '../chunk-Z47UM6TC.mjs';
 import { useTranslations } from '../chunk-7VJ7CMMT.mjs';
 import '../chunk-QWG2FMUN.mjs';
-import '../chunk-JB6RNAD2.mjs';
+import '../chunk-D2JF6C3E.mjs';
 export { GraphNodeBadge, GraphNodeHeader, GraphNodeIconBubble, GraphNodeMeta } from '../chunk-OZNTQROP.mjs';
-export { topologicalSortAgents, validateGraphNodeConfigs, validateNodeConfig, validateWorkflowGraph } from '../chunk-53SRKVKQ.mjs';
 import { getAgentTier, createDefaultLogicNodeConfig } from '../chunk-WNCPAWLC.mjs';
 export { applyDagreLayout, createDefaultLogicNodeConfig, getAgentTier } from '../chunk-WNCPAWLC.mjs';
 import { memo, useCallback, useState, useEffect, useMemo, useRef, Children } from 'react';

package/dist/astrlabe/workflow-canvas.js

@@ -1,11 +1,11 @@
 "use client";
 'use strict';
 
-var chunkKMJG6A4K_js = require('../chunk-KMJG6A4K.js');
-require('../chunk-UOKLJT2P.js');
-require('../chunk-UZ3CMNUJ.js');
+var chunkQ5W4CGXP_js = require('../chunk-Q5W4CGXP.js');
+require('../chunk-EBVEKRQB.js');
 require('../chunk-YXN2K77G.js');
 require('../chunk-S7KHTUHA.js');
+require('../chunk-UZ3CMNUJ.js');
 require('../chunk-P4YYEM4B.js');
 require('../chunk-C7BI5LQ6.js');
 
@@ -13,7 +13,7 @@ require('../chunk-C7BI5LQ6.js');
 
 Object.defineProperty(exports, "Workspace", {
   enumerable: true,
-  get: function () { return chunkKMJG6A4K_js.Workspace; }
+  get: function () { return chunkQ5W4CGXP_js.Workspace; }
 });
 //# sourceMappingURL=workflow-canvas.js.map
 //# sourceMappingURL=workflow-canvas.js.map

package/dist/astrlabe/workflow-canvas.mjs

@@ -1,9 +1,9 @@
 "use client";
-export { Workspace } from '../chunk-TMVBROBQ.mjs';
-import '../chunk-ULNKKVDK.mjs';
-import '../chunk-D2JF6C3E.mjs';
+export { Workspace } from '../chunk-TP7H2NQN.mjs';
+import '../chunk-Z47UM6TC.mjs';
 import '../chunk-7VJ7CMMT.mjs';
 import '../chunk-QWG2FMUN.mjs';
+import '../chunk-D2JF6C3E.mjs';
 import '../chunk-OZNTQROP.mjs';
 import '../chunk-WNCPAWLC.mjs';
 //# sourceMappingURL=workflow-canvas.mjs.map

package/dist/{chunk-UOKLJT2P.js → chunk-EBVEKRQB.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,33 +16595,33 @@ 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-stretch 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: [
+          showsConnector && /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "24", height: "100", className: "self-center shrink-0", viewBox: "0 0 24 100", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               "line",
               {
                 x1: "0",
                 y1: "50",
-                x2: "36",
+                x2: "24",
                 y2: "50",
                 stroke: isStepDone ? t.completeEdgeStroke : isStepActive ? t.activeEdgeStroke : "#334155",
                 strokeWidth: "2",
-                strokeDasharray: "6 4",
+                strokeDasharray: "5 3",
                 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.jsx("circle", { cx: "22", cy: "50", r: "2.5", 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: "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
@@ -17262,6 +17262,8 @@ function DepartmentAssistantDemo({
               phase: inputPhase,
               assistantComplete: assistantTyped.length === assistantMessage.length,
               department: flow.name,
+              assistantAvatar: flow.assistantAvatar,
+              assistantName: flow.assistantName,
               agents: flow.agents,
               agentAvatars: flow.agentAvatars,
               avatarGradient: t.inputAvatar,
@@ -17347,6 +17349,8 @@ function InputStage3({
   phase,
   assistantComplete,
   department,
+  assistantAvatar,
+  assistantName,
   agents,
   agentAvatars,
   avatarGradient,
@@ -17354,10 +17358,13 @@ function InputStage3({
 }) {
   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";
+  const personaName = assistantName ?? department;
   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
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto flex w-full max-w-3xl flex-1 flex-col justify-end gap-4 overflow-hidden", children: [
@@ -17366,31 +17373,41 @@ function InputStage3({
         phase === "user" && cursor
       ] }) }) }),
       showAssistant && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-end gap-2.5", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br ${avatarGradient} shadow-md`, children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.SparklesIcon, { className: "h-5 w-5 text-white" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liquid-surface max-w-[88%] rounded-2xl rounded-bl-md px-5 py-3.5", children: 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" } }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: `h-1.5 w-1.5 rounded-full ${cursorClass} animate-pulse`, style: { animationDelay: "300ms" } })
-        ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-base leading-relaxed text-gray-900 dark:text-white", children: [
-            assistantMessage,
-            !assistantComplete && cursor
-          ] }),
-          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
-            );
-          }) })
-        ] }) })
+        assistantAvatar ? /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: assistantAvatar,
+            alt: personaName,
+            className: `h-11 w-11 shrink-0 rounded-2xl bg-white/40 dark:bg-white/[0.06] ring-2 ring-white/30 dark:ring-white/10 shadow-md`
+          }
+        ) : /* @__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.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" } }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: `h-1.5 w-1.5 rounded-full ${cursorClass} animate-pulse`, style: { animationDelay: "300ms" } })
+          ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-base leading-relaxed text-gray-900 dark:text-white", children: [
+              assistantMessage,
+              !assistantComplete && cursor
+            ] }),
+            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
+              );
+            }) })
+          ] })
+        ] })
       ] })
     ] }),
     /* @__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: [
@@ -25403,5 +25420,5 @@ exports.usePullToRefresh = usePullToRefresh;
 exports.validateDashboardSpec = validateDashboardSpec;
 exports.xScale = xScale;
 exports.yScale = yScale;
-//# sourceMappingURL=chunk-UOKLJT2P.js.map
-//# sourceMappingURL=chunk-UOKLJT2P.js.map
+//# sourceMappingURL=chunk-EBVEKRQB.js.map
+//# sourceMappingURL=chunk-EBVEKRQB.js.map