@datatechsolutions/ui 2.11.12 → 2.11.14

package/dist/astrlabe/workflow-canvas.d.mts

@@ -1,5 +1,5 @@
 import 'react/jsx-runtime';
 import 'react';
-export { i as Workspace, h as WorkspaceProps } from '../workflow-canvas-CJwGehdk.mjs';
+export { j as Workspace, h as WorkspaceProps } from '../workflow-canvas-CooSZh-g.mjs';
 import '@xyflow/react';
 import './contracts.mjs';

package/dist/astrlabe/workflow-canvas.d.ts

@@ -1,5 +1,5 @@
 import 'react/jsx-runtime';
 import 'react';
-export { i as Workspace, h as WorkspaceProps } from '../workflow-canvas-DSm0iyof.js';
+export { j as Workspace, h as WorkspaceProps } from '../workflow-canvas-BUpiBzxZ.js';
 import '@xyflow/react';
 import './contracts.js';

package/dist/astrlabe/workflow-canvas.js

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkLFWRE3A3_js = require('../chunk-LFWRE3A3.js');
+var chunkJT2JCLN5_js = require('../chunk-JT2JCLN5.js');
 require('../chunk-4XID6LOC.js');
 require('../chunk-S7KHTUHA.js');
 require('../chunk-UZ3CMNUJ.js');
@@ -13,7 +13,7 @@ require('../chunk-YXN2K77G.js');
 
 Object.defineProperty(exports, "Workspace", {
   enumerable: true,
-  get: function () { return chunkLFWRE3A3_js.Workspace; }
+  get: function () { return chunkJT2JCLN5_js.Workspace; }
 });
 //# sourceMappingURL=workflow-canvas.js.map
 //# sourceMappingURL=workflow-canvas.js.map

package/dist/astrlabe/workflow-canvas.mjs

@@ -1,5 +1,5 @@
 "use client";
-export { Workspace } from '../chunk-VWKBMTTC.mjs';
+export { Workspace } from '../chunk-OL7PEDJG.mjs';
 import '../chunk-46ZM5VJJ.mjs';
 import '../chunk-QWG2FMUN.mjs';
 import '../chunk-D2JF6C3E.mjs';

package/dist/{chunk-LFWRE3A3.js → chunk-JT2JCLN5.js}

@@ -219,7 +219,7 @@ var EMPTY_STATE = {
 var useModalStore = zustand.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,
@@ -230,7 +230,7 @@ var useModalStore = zustand.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
@@ -1422,6 +1422,17 @@ var AgentFlowNode = react.memo(function AgentFlowNode2({ id, data, selected }) {
           "v",
           data.agent.activePromptVersion
         ] }),
+        data.agentTools && data.agentTools.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full items-center gap-1 border-t border-gray-200/20 pt-1 dark:border-white/5", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(outline.CommandLineIcon, { className: "h-3 w-3 shrink-0 text-amber-500 dark:text-amber-400" }),
+            data.agentTools.slice(0, 3).map((tool) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("span", { className: "text-[9px] text-gray-400 dark:text-gray-500", children: [
+              "+",
+              data.agentTools.length - 3
+            ] })
+          ] })
+        ] }),
         data.onRemoveFromCanvas && /* @__PURE__ */ jsxRuntime.jsx(
           "span",
           {
@@ -5620,9 +5631,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
               }
@@ -5973,7 +5986,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;
@@ -6464,7 +6477,7 @@ function WorkflowCanvasInner({
             selected: false,
             onSelect: () => {
               setSelectedAgentId(agent.agentId);
-              openAgentModalAction(agent, models);
+              openAgentModalAction(agent, models, false, agentTools);
             },
             onRemoveFromCanvas: handleRemoveNodeFromCanvas
           }
@@ -7143,5 +7156,5 @@ exports.useModalStore = useModalStore;
 exports.useWorkflowBuilderClient = useWorkflowBuilderClient;
 exports.useWorkflowBuilderClientOptional = useWorkflowBuilderClientOptional;
 exports.useWorkflowStore = useWorkflowStore;
-//# sourceMappingURL=chunk-LFWRE3A3.js.map
-//# sourceMappingURL=chunk-LFWRE3A3.js.map
+//# sourceMappingURL=chunk-JT2JCLN5.js.map
+//# sourceMappingURL=chunk-JT2JCLN5.js.map