@datatechsolutions/ui 2.11.12 → 2.11.14

package/dist/{chunk-VWKBMTTC.mjs → chunk-OL7PEDJG.mjs}

@@ -217,7 +217,7 @@ var EMPTY_STATE = {
 var useModalStore = create((set, get) => ({
   ...EMPTY_STATE,
   stack: [],
-  openAgentModal: (agent, models, isCreateMode = false) => {
+  openAgentModal: (agent, models, isCreateMode = false, agentTools, modelProviders) => {
     const current = get();
     const entry = {
       type: current.activeModal,
@@ -228,7 +228,7 @@ var useModalStore = create((set, get) => ({
     const newStack = current.activeModal ? [...current.stack, entry] : current.stack;
     set({
       activeModal: "agent",
-      agentData: { agent, models, isCreateMode },
+      agentData: { agent, models, isCreateMode, agentTools, modelProviders },
       logicNodeData: null,
       pipelineSettingsData: null,
       stack: newStack
@@ -1420,6 +1420,17 @@ var AgentFlowNode = memo(function AgentFlowNode2({ id, data, selected }) {
           "v",
           data.agent.activePromptVersion
         ] }),
+        data.agentTools && data.agentTools.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("div", { className: "w-full" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center gap-1 border-t border-gray-200/20 pt-1 dark:border-white/5", children: [
+            /* @__PURE__ */ jsx(CommandLineIcon, { className: "h-3 w-3 shrink-0 text-amber-500 dark:text-amber-400" }),
+            data.agentTools.slice(0, 3).map((tool) => /* @__PURE__ */ jsx(NodeCardBadge, { className: `rounded px-1.5 py-px text-[9px] font-medium ${tool.enabled ? "bg-amber-100 text-amber-700 dark:bg-amber-500/15 dark:text-amber-300" : "bg-gray-100 text-gray-400 line-through dark:bg-white/5 dark:text-gray-500"}`, children: tool.name }, tool.id)),
+            data.agentTools.length > 3 && /* @__PURE__ */ jsxs("span", { className: "text-[9px] text-gray-400 dark:text-gray-500", children: [
+              "+",
+              data.agentTools.length - 3
+            ] })
+          ] })
+        ] }),
         data.onRemoveFromCanvas && /* @__PURE__ */ jsx(
           "span",
           {
@@ -5618,9 +5629,11 @@ function WorkflowCanvasInner({
                 agent,
                 order: agent.order ?? 0,
                 selected: selectedAgentId === savedNode.id,
+                agentTools: agentTools.map((at) => ({ id: at.agentToolId, name: at.name, category: at.category, enabled: at.enabled })),
+                providerName: models.find((m) => m.id === agent.modelId)?.provider,
                 onSelect: () => {
                   setSelectedAgentId(agent.agentId);
-                  openAgentModalAction(agent, models);
+                  openAgentModalAction(agent, models, false, agentTools);
                 },
                 onRemoveFromCanvas: handleRemoveNodeFromCanvas
               }
@@ -5971,7 +5984,7 @@ function WorkflowCanvasInner({
       const agent = targetNode.data?.agent;
       if (agent) {
         setSelectedAgentId(agent.agentId ?? agent.id ?? null);
-        openAgentModalAction(agent, models);
+        openAgentModalAction(agent, models, false, agentTools);
       }
     } else if (targetNode.type === "tool") {
       const tool = targetNode.data?.tool;
@@ -6462,7 +6475,7 @@ function WorkflowCanvasInner({
             selected: false,
             onSelect: () => {
               setSelectedAgentId(agent.agentId);
-              openAgentModalAction(agent, models);
+              openAgentModalAction(agent, models, false, agentTools);
             },
             onRemoveFromCanvas: handleRemoveNodeFromCanvas
           }
@@ -7083,5 +7096,5 @@ function Workspace({
 }
 
 export { AgentFlowNode, AgentToolFlowNode, AnswerFlowNode, AnthropicIcon, CATEGORY_COLORS, CATEGORY_PILL_COLORS, CodeFlowNode, CrewAIIcon, DocumentExtractorFlowNode, EndFlowNode, EntityFlowNode, FRAMEWORK_META, GoogleADKIcon, GroupFlowNode, HttpRequestFlowNode, ICON_MAP, IfElseFlowNode, IterationFlowNode, IterationStartFlowNode, KnowledgeBaseFlowNode, LOGIC_ICON_MAP, LOGIC_NODE_BADGE_COLORS, LOGIC_NODE_GRADIENTS, LOGIC_NODE_HANDLE_COLORS, LangChainIcon, ListOperatorFlowNode, LogicNodeModal, MINIMAP_NODE_COLORS, NodeCard, NodeContextMenu, NoteFlowNode, OpenAIIcon, PanelContextMenu, ParameterExtractorFlowNode, QuestionClassifierFlowNode, RuleFlowNode, SelectionContextMenu, StartFlowNode, StrandsIcon, TemplateTransformFlowNode, ToolFlowNode, VariableAggregatorFlowNode, VariableAssignerFlowNode, WorkflowBuilderProvider, WorkflowCanvas, Workspace, getCompatibleModels, getDefaultFrameworkForModel, getEntityBadgeColor, getEntityGradient, getEntityHandleColor, getEntityIcon, getEntityMinimapColor, getFrameworkMeta, isModelCompatibleWithFramework, useModalStore, useWorkflowBuilderClient, useWorkflowBuilderClientOptional, useWorkflowStore };
-//# sourceMappingURL=chunk-VWKBMTTC.mjs.map
-//# sourceMappingURL=chunk-VWKBMTTC.mjs.map
+//# sourceMappingURL=chunk-OL7PEDJG.mjs.map
+//# sourceMappingURL=chunk-OL7PEDJG.mjs.map