@datatechsolutions/ui 2.7.118 → 2.7.120

package/dist/workflow/index.js

@@ -3,7 +3,7 @@
 
 require('../chunk-2HUN5ZXT.js');
 var chunkE42PD4X6_js = require('../chunk-E42PD4X6.js');
-var chunkJOLZ453P_js = require('../chunk-JOLZ453P.js');
+var chunk6XPZOAE7_js = require('../chunk-6XPZOAE7.js');
 var chunkYRY7HFKG_js = require('../chunk-YRY7HFKG.js');
 var chunkNJ6PBGQM_js = require('../chunk-NJ6PBGQM.js');
 var chunkF4FMGGHO_js = require('../chunk-F4FMGGHO.js');
@@ -13,7 +13,6 @@ var nextIntl = require('next-intl');
 var outline = require('@heroicons/react/24/outline');
 var jsxRuntime = require('react/jsx-runtime');
 var zustand = require('zustand');
-var react$1 = require('@xyflow/react');
 
 function AnthropicModelIcon({ className }) {
   return /* @__PURE__ */ jsxRuntime.jsx("svg", { role: "img", viewBox: "0 0 24 24", fill: "currentColor", className, "aria-label": "Anthropic", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M17.3041 3.541h-3.6718l6.696 16.918H24Zm-10.6082 0L0 20.459h3.7442l1.3693-3.5527h7.0052l1.3693 3.5528h3.7442L10.5363 3.5409Zm-.3712 10.2232 2.2914-5.9456 2.2914 5.9456Z" }) });
@@ -83,7 +82,7 @@ function OutputCard({ label, value }) {
 function AgentProfileHeader({ agent, models, t, selectedModelId, setSelectedModelId, selectedFramework, temperature, setTemperature, elo, setElo, onChanged }) {
   const modelName = models.find((model) => model.id === selectedModelId)?.name ?? selectedModelId ?? "\u2014";
   const avatarUrl = agent.avatar;
-  const frameworkMeta = chunkJOLZ453P_js.getFrameworkMeta(selectedFramework);
+  const frameworkMeta = chunk6XPZOAE7_js.getFrameworkMeta(selectedFramework);
   const tierInfo = getEloTier(elo);
   const difficultyConfig = {
     beginner: { color: "bg-cyan-100 text-cyan-700 dark:bg-cyan-900/30 dark:text-cyan-400", labelKey: "agentDrawer.tierBeginner" },
@@ -368,12 +367,12 @@ function ConfigTab({ agent, models, t, selectedModelId, setSelectedModelId, sele
   const isPrecise = temperature <= 0.3;
   const isBalanced = temperature > 0.3 && temperature <= 0.7;
   const isCreative = temperature > 0.7;
-  const frameworkKeys = Object.keys(chunkJOLZ453P_js.FRAMEWORK_META);
-  const compatibleModels = chunkJOLZ453P_js.getCompatibleModels(models, selectedFramework);
+  const frameworkKeys = Object.keys(chunk6XPZOAE7_js.FRAMEWORK_META);
+  const compatibleModels = chunk6XPZOAE7_js.getCompatibleModels(models, selectedFramework);
   const handleFrameworkChange = react.useCallback((newFramework) => {
     setSelectedFramework(newFramework);
-    if (!chunkJOLZ453P_js.isModelCompatibleWithFramework(selectedModelId, newFramework)) {
-      const compatible = chunkJOLZ453P_js.getCompatibleModels(models, newFramework);
+    if (!chunk6XPZOAE7_js.isModelCompatibleWithFramework(selectedModelId, newFramework)) {
+      const compatible = chunk6XPZOAE7_js.getCompatibleModels(models, newFramework);
       if (compatible.length > 0) {
         setSelectedModelId(compatible[0].id);
       }
@@ -384,9 +383,9 @@ function ConfigTab({ agent, models, t, selectedModelId, setSelectedModelId, sele
     /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
       /* @__PURE__ */ jsxRuntime.jsx("label", { className: "mb-2 block text-xs font-medium text-gray-500 dark:text-gray-400", children: t("agentDrawer.framework") }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1.5", children: frameworkKeys.map((key) => {
-        const meta = chunkJOLZ453P_js.FRAMEWORK_META[key];
+        const meta = chunk6XPZOAE7_js.FRAMEWORK_META[key];
         const isSelected = key === selectedFramework;
-        const compatCount = chunkJOLZ453P_js.getCompatibleModels(models, key).length;
+        const compatCount = chunk6XPZOAE7_js.getCompatibleModels(models, key).length;
         return /* @__PURE__ */ jsxRuntime.jsxs(
           "button",
           {
@@ -416,7 +415,7 @@ function ConfigTab({ agent, models, t, selectedModelId, setSelectedModelId, sele
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-2", children: models.map((model) => {
         const isSelected = model.id === selectedModelId;
-        const isCompatible = chunkJOLZ453P_js.isModelCompatibleWithFramework(model.id, selectedFramework);
+        const isCompatible = chunk6XPZOAE7_js.isModelCompatibleWithFramework(model.id, selectedFramework);
         const { IconComponent, color, providerLabel } = getModelIcon(model.id);
         return /* @__PURE__ */ jsxRuntime.jsxs(
           "button",
@@ -520,7 +519,7 @@ function ConfigTab({ agent, models, t, selectedModelId, setSelectedModelId, sele
   ] });
 }
 function ResultsTab({ agentId, t }) {
-  const nodeResults = chunkJOLZ453P_js.useWorkflowStore((state) => state.nodeResults);
+  const nodeResults = chunk6XPZOAE7_js.useWorkflowStore((state) => state.nodeResults);
   const agentResult = react.useMemo(() => {
     return nodeResults[agentId] ?? null;
   }, [nodeResults, agentId]);
@@ -549,9 +548,9 @@ function ResultsTab({ agentId, t }) {
 }
 function AgentDrawer({ onSaved }) {
   const t = nextIntl.useTranslations("agents.workflow");
-  const activeDrawer = chunkJOLZ453P_js.useDrawerStore((s) => s.activeDrawer);
-  const agentData = chunkJOLZ453P_js.useDrawerStore((s) => s.agentData);
-  const closeDrawer = chunkJOLZ453P_js.useDrawerStore((s) => s.closeDrawer);
+  const activeDrawer = chunk6XPZOAE7_js.useDrawerStore((s) => s.activeDrawer);
+  const agentData = chunk6XPZOAE7_js.useDrawerStore((s) => s.agentData);
+  const closeDrawer = chunk6XPZOAE7_js.useDrawerStore((s) => s.closeDrawer);
   const open = activeDrawer === "agent";
   const agent = agentData?.agent ?? null;
   const models = agentData?.models ?? [];
@@ -594,7 +593,7 @@ function AgentDrawer({ onSaved }) {
     tab
   )) });
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkJOLZ453P_js.WorkspaceDrawer,
+    chunk6XPZOAE7_js.WorkspaceDrawer,
     {
       open,
       onClose: handleClose,
@@ -742,9 +741,9 @@ function SubworkflowDrawer({ onSaved, onMaximize }) {
   }, [tool, onSaved, name, category, description, timeoutMs, latestGraphRef, markSaved]);
   if (!tool) return null;
   const categoryKey = category ?? "external";
-  const gradient = tool.color ?? chunkJOLZ453P_js.CATEGORY_COLORS[categoryKey] ?? chunkJOLZ453P_js.CATEGORY_COLORS.external;
-  const categoryPill = chunkJOLZ453P_js.CATEGORY_PILL_COLORS[categoryKey] ?? chunkJOLZ453P_js.CATEGORY_PILL_COLORS.external;
-  const IconComponent = chunkJOLZ453P_js.ICON_MAP[tool.icon ?? ""] ?? outline.ArrowPathRoundedSquareIcon;
+  const gradient = tool.color ?? chunk6XPZOAE7_js.CATEGORY_COLORS[categoryKey] ?? chunk6XPZOAE7_js.CATEGORY_COLORS.external;
+  const categoryPill = chunk6XPZOAE7_js.CATEGORY_PILL_COLORS[categoryKey] ?? chunk6XPZOAE7_js.CATEGORY_PILL_COLORS.external;
+  const IconComponent = chunk6XPZOAE7_js.ICON_MAP[tool.icon ?? ""] ?? outline.ArrowPathRoundedSquareIcon;
   const graph = latestGraphRef.current;
   const startNode = graph.nodes.find((n) => n.type === "start");
   const endNode = graph.nodes.find((n) => n.type === "end");
@@ -753,7 +752,7 @@ function SubworkflowDrawer({ onSaved, onMaximize }) {
   const inputVariables = (startConfig?.inputVariables ?? []).map((v) => ({ name: v, type: "string" }));
   const outputVariables = (endConfig?.outputVariables ?? []).map((v) => ({ name: v, type: "string" }));
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkJOLZ453P_js.WorkspaceDrawer,
+    chunk6XPZOAE7_js.WorkspaceDrawer,
     {
       open,
       onClose: closeDrawer,
@@ -782,7 +781,7 @@ function SubworkflowDrawer({ onSaved, onMaximize }) {
               {
                 type: "button",
                 onClick: () => setCategory(cat),
-                className: `rounded-full px-2 py-1 text-[9px] font-semibold transition-all ${cat === category ? `${chunkJOLZ453P_js.CATEGORY_PILL_COLORS[cat] ?? chunkJOLZ453P_js.CATEGORY_PILL_COLORS.external} ring-1 ring-current/20` : "bg-white/30 text-gray-500 hover:bg-white/50 dark:bg-white/5 dark:text-gray-400"}`,
+                className: `rounded-full px-2 py-1 text-[9px] font-semibold transition-all ${cat === category ? `${chunk6XPZOAE7_js.CATEGORY_PILL_COLORS[cat] ?? chunk6XPZOAE7_js.CATEGORY_PILL_COLORS.external} ring-1 ring-current/20` : "bg-white/30 text-gray-500 hover:bg-white/50 dark:bg-white/5 dark:text-gray-400"}`,
                 children: cat
               },
               cat
@@ -873,7 +872,7 @@ function SubworkflowDrawer({ onSaved, onMaximize }) {
           ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center text-[10px] font-medium text-emerald-500", children: t("subworkflowDrawer.saved") }) })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(
-          chunkJOLZ453P_js.WorkflowCanvas,
+          chunk6XPZOAE7_js.WorkflowCanvas,
           {
             initialGraph,
             agents: [],
@@ -889,9 +888,9 @@ function SubworkflowDrawer({ onSaved, onMaximize }) {
 }
 function PipelineSettingsDrawer({ onSave }) {
   const t = nextIntl.useTranslations("agents.workflow");
-  const activeDrawer = chunkJOLZ453P_js.useDrawerStore((s) => s.activeDrawer);
-  const data = chunkJOLZ453P_js.useDrawerStore((s) => s.pipelineSettingsData);
-  const closeDrawer = chunkJOLZ453P_js.useDrawerStore((s) => s.closeDrawer);
+  const activeDrawer = chunk6XPZOAE7_js.useDrawerStore((s) => s.activeDrawer);
+  const data = chunk6XPZOAE7_js.useDrawerStore((s) => s.pipelineSettingsData);
+  const closeDrawer = chunk6XPZOAE7_js.useDrawerStore((s) => s.closeDrawer);
   const open = activeDrawer === "pipeline-settings";
   const [nameValue, setNameValue] = react.useState("");
   const [descriptionValue, setDescriptionValue] = react.useState("");
@@ -916,7 +915,7 @@ function PipelineSettingsDrawer({ onSave }) {
     }
   };
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkJOLZ453P_js.WorkspaceDrawer,
+    chunk6XPZOAE7_js.WorkspaceDrawer,
     {
       open,
       onClose: closeDrawer,
@@ -1058,8 +1057,8 @@ function CollapsibleSection({ title, icon, colorClass, defaultOpen = true, count
   ] });
 }
 function LogicNodeItemCard({ item, translationFunction }) {
-  const IconComponent = chunkJOLZ453P_js.LOGIC_ICON_MAP[item.nodeType];
-  const gradient = chunkJOLZ453P_js.LOGIC_NODE_GRADIENTS[item.nodeType] ?? "from-gray-400 to-gray-500";
+  const IconComponent = chunk6XPZOAE7_js.LOGIC_ICON_MAP[item.nodeType];
+  const gradient = chunk6XPZOAE7_js.LOGIC_NODE_GRADIENTS[item.nodeType] ?? "from-gray-400 to-gray-500";
   const defaultConfig = chunkF4FMGGHO_js.createDefaultLogicNodeConfig(item.nodeType);
   const configJson = defaultConfig ? JSON.stringify(defaultConfig) : void 0;
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1297,8 +1296,8 @@ function NodePalette({ agents, tools, agentTools = [], rules, entities = [], onC
             outputVariable: `${entity.label.replace(/\s+/g, "")}Data`,
             limit: entity.defaultLimit
           });
-          const EntityIcon = chunkJOLZ453P_js.getEntityIcon(entity.id);
-          const entityGradient = chunkJOLZ453P_js.getEntityGradient(entity.id);
+          const EntityIcon = chunk6XPZOAE7_js.getEntityIcon(entity.id);
+          const entityGradient = chunk6XPZOAE7_js.getEntityGradient(entity.id);
           return /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
@@ -1637,9 +1636,9 @@ function formatDuration2(durationMs) {
 }
 function RunPanel({ open, onClose, onRun, onStop }) {
   const translations = nextIntl.useTranslations("agents.workflow.runPanel");
-  const nodes = chunkJOLZ453P_js.useWorkflowStore((state) => state.nodes);
-  const isRunning = chunkJOLZ453P_js.useWorkflowStore((state) => state.isRunning);
-  const nodeResults = chunkJOLZ453P_js.useWorkflowStore((state) => state.nodeResults);
+  const nodes = chunk6XPZOAE7_js.useWorkflowStore((state) => state.nodes);
+  const isRunning = chunk6XPZOAE7_js.useWorkflowStore((state) => state.isRunning);
+  const nodeResults = chunk6XPZOAE7_js.useWorkflowStore((state) => state.nodeResults);
   const startNode = nodes.find((node) => node.type === "start");
   const hasEndNode = nodes.some((node) => node.type === "end");
   const hasValidStartConfig = Boolean(
@@ -1924,8 +1923,8 @@ function inferVariables(config, nodeType) {
 }
 function VariableInspector({ open, onClose }) {
   const translations = nextIntl.useTranslations("agents.workflow.variableInspector");
-  const nodes = chunkJOLZ453P_js.useWorkflowStore((state) => state.nodes);
-  const edges = chunkJOLZ453P_js.useWorkflowStore((state) => state.edges);
+  const nodes = chunk6XPZOAE7_js.useWorkflowStore((state) => state.nodes);
+  const edges = chunk6XPZOAE7_js.useWorkflowStore((state) => state.edges);
   const [expandedNodes, setExpandedNodes] = react.useState(/* @__PURE__ */ new Set());
   const toggleNodeExpansion = react.useCallback((nodeId) => {
     setExpandedNodes((current) => {
@@ -1987,8 +1986,8 @@ function VariableInspector({ open, onClose }) {
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm text-gray-500 dark:text-gray-400", children: translations("noNodes") })
         ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y divide-gray-100 dark:divide-gray-800", children: nodeVariableEntries.map((entry) => {
           const isExpanded = expandedNodes.has(entry.nodeId);
-          const IconComponent = chunkJOLZ453P_js.LOGIC_ICON_MAP[entry.nodeType];
-          const gradient = chunkJOLZ453P_js.LOGIC_NODE_GRADIENTS[entry.nodeType] ?? "from-gray-400 to-gray-500";
+          const IconComponent = chunk6XPZOAE7_js.LOGIC_ICON_MAP[entry.nodeType];
+          const gradient = chunk6XPZOAE7_js.LOGIC_NODE_GRADIENTS[entry.nodeType] ?? "from-gray-400 to-gray-500";
           const inputVariables = entry.variables.filter((variable) => variable.direction === "input");
           const outputVariables = entry.variables.filter((variable) => variable.direction === "output");
           return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-testid": `variable-node-${entry.nodeId}`, children: [
@@ -2054,7 +2053,7 @@ function RunInputDialog({
   onRun
 }) {
   const t = nextIntl.useTranslations("agents.workflow.runInputDialog");
-  const nodes = chunkJOLZ453P_js.useWorkflowStore((state) => state.nodes);
+  const nodes = chunk6XPZOAE7_js.useWorkflowStore((state) => state.nodes);
   const [values, setValues] = react.useState({});
   const inputVariableNames = react.useMemo(() => {
     const storeStartNode = nodes.find((node) => node.type === "start");
@@ -2136,8 +2135,8 @@ function PreviewPanel({ open, onClose, workflowId, loadRuns }) {
   const [isLoadingRuns, setIsLoadingRuns] = react.useState(false);
   const [selectedRun, setSelectedRun] = react.useState(null);
   const [selectedNode, setSelectedNode] = react.useState(null);
-  const isRunning = chunkJOLZ453P_js.useWorkflowStore((state) => state.isRunning);
-  const nodeResults = chunkJOLZ453P_js.useWorkflowStore((state) => state.nodeResults);
+  const isRunning = chunk6XPZOAE7_js.useWorkflowStore((state) => state.isRunning);
+  const nodeResults = chunk6XPZOAE7_js.useWorkflowStore((state) => state.nodeResults);
   const refreshRuns = react.useCallback(async () => {
     setIsLoadingRuns(true);
     try {
@@ -2293,7 +2292,7 @@ var AutoSaveWorkspace = react.memo(function AutoSaveWorkspace2({
     onAutoSaveGraph(graph);
   }, [onAutoSaveGraph, onGraphSnapshot]);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkJOLZ453P_js.Workspace,
+    chunk6XPZOAE7_js.Workspace,
     {
       ...workspaceProps,
       onGraphChange: handleGraphChange
@@ -2663,14 +2662,14 @@ function DslImportModal({ open, onClose, onImport }) {
 }
 
 // src/workflow/store/selectors.ts
-var useCanUndo = () => chunkJOLZ453P_js.useWorkflowStore((state) => state.past.length > 0);
-var useCanRedo = () => chunkJOLZ453P_js.useWorkflowStore((state) => state.future.length > 0);
-var useHasCopied = () => chunkJOLZ453P_js.useWorkflowStore((state) => state.clipboard !== null);
-var useContextMenu = () => chunkJOLZ453P_js.useWorkflowStore((state) => state.contextMenu);
-var useEditingNodeId = () => chunkJOLZ453P_js.useWorkflowStore((state) => state.editingNodeId);
-var useSelectedNodeCount = () => chunkJOLZ453P_js.useWorkflowStore((state) => state.nodes.filter((node) => node.selected).length);
-var useIsRunning = () => chunkJOLZ453P_js.useWorkflowStore((state) => state.isRunning);
-var useNodeResults = () => chunkJOLZ453P_js.useWorkflowStore((state) => state.nodeResults);
+var useCanUndo = () => chunk6XPZOAE7_js.useWorkflowStore((state) => state.past.length > 0);
+var useCanRedo = () => chunk6XPZOAE7_js.useWorkflowStore((state) => state.future.length > 0);
+var useHasCopied = () => chunk6XPZOAE7_js.useWorkflowStore((state) => state.clipboard !== null);
+var useContextMenu = () => chunk6XPZOAE7_js.useWorkflowStore((state) => state.contextMenu);
+var useEditingNodeId = () => chunk6XPZOAE7_js.useWorkflowStore((state) => state.editingNodeId);
+var useSelectedNodeCount = () => chunk6XPZOAE7_js.useWorkflowStore((state) => state.nodes.filter((node) => node.selected).length);
+var useIsRunning = () => chunk6XPZOAE7_js.useWorkflowStore((state) => state.isRunning);
+var useNodeResults = () => chunk6XPZOAE7_js.useWorkflowStore((state) => state.nodeResults);
 var DEFAULT_MAX_HISTORY = 50;
 function useUndoRedo(nodes, edges, setNodes, setEdges, maxHistory = DEFAULT_MAX_HISTORY) {
   const pastRef = react.useRef([]);
@@ -2947,99 +2946,6 @@ function useHelpLines() {
     onNodeDragStop
   };
 }
-var CATEGORY_ICONS = {
-  search: "from-sky-400 to-blue-500",
-  code: "from-cyan-400 to-sky-500",
-  file: "from-violet-400 to-purple-500",
-  web: "from-orange-400 to-amber-500",
-  math: "from-emerald-400 to-green-500",
-  custom: "from-amber-400 to-orange-500"
-};
-var CATEGORY_PILL = {
-  search: "bg-sky-100 text-sky-700 dark:bg-sky-500/20 dark:text-sky-300",
-  code: "bg-cyan-100 text-cyan-700 dark:bg-cyan-500/20 dark:text-cyan-300",
-  file: "bg-violet-100 text-violet-700 dark:bg-violet-500/20 dark:text-violet-300",
-  web: "bg-orange-100 text-orange-700 dark:bg-orange-500/20 dark:text-orange-300",
-  math: "bg-emerald-100 text-emerald-700 dark:bg-emerald-500/20 dark:text-emerald-300",
-  custom: "bg-amber-100 text-amber-700 dark:bg-amber-500/20 dark:text-amber-300"
-};
-var AgentToolFlowNode = react.memo(function AgentToolFlowNode2({ id, data, selected }) {
-  const t = nextIntl.useTranslations("agents.workflow");
-  const { agentTool, onRemoveFromCanvas } = data;
-  const isCompact = data.displayMode === "compact";
-  if (!agentTool?.name) {
-    const label = data.label;
-    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(chunkJOLZ453P_js.NodeRunningIndicator, { nodeId: id }),
-      /* @__PURE__ */ jsxRuntime.jsx(chunkJOLZ453P_js.WorkflowHandle, { type: "target", position: react$1.Position.Left, id: "left-in", colorClass: "!bg-amber-400" }),
-      /* @__PURE__ */ jsxRuntime.jsx(chunkJOLZ453P_js.NodeCard, { variant: "error", nodeType: "agent_tool", children: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkJOLZ453P_js.NodeCardHeader,
-        {
-          icon: /* @__PURE__ */ jsxRuntime.jsx(outline.ExclamationTriangleIcon, { className: "h-5 w-5 text-white" }),
-          title: label || "Agent Tool",
-          description: t("agentToolNotFound"),
-          iconClassName: "flex h-10 w-10 items-center justify-center rounded-xl bg-gradient-to-br from-amber-400 to-orange-500 shadow-lg"
-        }
-      ) }),
-      /* @__PURE__ */ jsxRuntime.jsx(chunkJOLZ453P_js.WorkflowHandle, { type: "source", position: react$1.Position.Right, id: "right-out", colorClass: "!bg-amber-500" })
-    ] });
-  }
-  const category = agentTool.category ?? "custom";
-  const gradient = CATEGORY_ICONS[category] ?? CATEGORY_ICONS.custom;
-  const pill = CATEGORY_PILL[category] ?? CATEGORY_PILL.custom;
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkJOLZ453P_js.NodeRunningIndicator, { nodeId: id }),
-    /* @__PURE__ */ jsxRuntime.jsx(chunkJOLZ453P_js.WorkflowHandle, { type: "target", position: react$1.Position.Left, id: "left-in", colorClass: "!bg-amber-400" }),
-    /* @__PURE__ */ jsxRuntime.jsxs(chunkJOLZ453P_js.NodeCard, { compact: isCompact, selected, nodeType: "agent_tool", width: "w-[280px]", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex h-10 w-10 items-center justify-center rounded-xl bg-gradient-to-br ${gradient} shadow-lg`, children: /* @__PURE__ */ jsxRuntime.jsx(outline.CommandLineIcon, { className: "h-5 w-5 text-white" }) }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-gray-900 dark:text-white", children: agentTool.name }),
-            !isCompact && agentTool.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 truncate text-xs text-gray-500 dark:text-gray-400", children: agentTool.description })
-          ] })
-        ] }),
-        data.onToggle && /* @__PURE__ */ jsxRuntime.jsx(
-          "span",
-          {
-            role: "switch",
-            "aria-checked": agentTool.enabled,
-            className: `nodrag nopan relative inline-flex h-5 w-9 flex-shrink-0 cursor-pointer items-center rounded-full border border-white/50 px-0.5 shadow-[inset_0_1px_0_rgba(255,255,255,0.5)] transition duration-200 dark:border-white/15 ${agentTool.enabled ? "bg-amber-500/90" : "bg-slate-300/80 dark:bg-slate-700/80"}`,
-            onClick: (event) => {
-              event.stopPropagation();
-              data.onToggle(agentTool);
-            },
-            children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: `pointer-events-none inline-block h-4 w-4 transform rounded-full bg-white shadow transition duration-200 ${agentTool.enabled ? "translate-x-4" : "translate-x-0"}` })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(chunkJOLZ453P_js.NodeCardMeta, { compact: isCompact, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkJOLZ453P_js.NodeCardBadge, { className: "rounded-full bg-amber-100 px-2 py-0.5 text-[10px] font-semibold text-amber-700 dark:bg-amber-500/20 dark:text-amber-300", children: t("agentToolNode") }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkJOLZ453P_js.NodeCardBadge, { className: `rounded-full px-2 py-0.5 text-[10px] font-medium ${pill}`, children: category }),
-        agentTool.parameters && agentTool.parameters.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(chunkJOLZ453P_js.NodeCardBadge, { className: "rounded-full bg-gray-100 px-2 py-0.5 text-[10px] font-medium text-gray-600 dark:bg-white/10 dark:text-gray-300", children: [
-          agentTool.parameters.length,
-          " params"
-        ] }),
-        onRemoveFromCanvas && /* @__PURE__ */ jsxRuntime.jsx(
-          "span",
-          {
-            role: "button",
-            tabIndex: 0,
-            onClick: (event) => {
-              event.stopPropagation();
-              event.preventDefault();
-              onRemoveFromCanvas(id);
-            },
-            className: "nodrag nopan ml-auto cursor-pointer rounded-lg p-1 opacity-0 transition hover:bg-red-50 group-hover:opacity-100 dark:hover:bg-red-900/20",
-            "aria-label": t("removeFromCanvas"),
-            children: /* @__PURE__ */ jsxRuntime.jsx(outline.TrashIcon, { className: "h-3.5 w-3.5 text-red-600 dark:text-red-400" })
-          }
-        )
-      ] }) })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(chunkJOLZ453P_js.WorkflowHandle, { type: "source", position: react$1.Position.Right, id: "right-out", colorClass: "!bg-amber-500" })
-  ] });
-});
 
 Object.defineProperty(exports, "topologicalSortAgents", {
   enumerable: true,
@@ -3051,223 +2957,227 @@ Object.defineProperty(exports, "validateWorkflowGraph", {
 });
 Object.defineProperty(exports, "AgentFlowNode", {
   enumerable: true,
-  get: function () { return chunkJOLZ453P_js.AgentFlowNode; }
+  get: function () { return chunk6XPZOAE7_js.AgentFlowNode; }
+});
+Object.defineProperty(exports, "AgentToolFlowNode", {
+  enumerable: true,
+  get: function () { return chunk6XPZOAE7_js.AgentToolFlowNode; }
 });
 Object.defineProperty(exports, "AnswerFlowNode", {
   enumerable: true,
-  get: function () { return chunkJOLZ453P_js.AnswerFlowNode; }
+  get: function () { return chunk6XPZOAE7_js.AnswerFlowNode; }
 });
 Object.defineProperty(exports, "AnthropicIcon", {
   enumerable: true,
-  get: function () { return chunkJOLZ453P_js.AnthropicIcon; }
+  get: function () { return chunk6XPZOAE7_js.AnthropicIcon; }
 });
 Object.defineProperty(exports, "CodeFlowNode", {
   enumerable: true,
-  get: function () { return chunkJOLZ453P_js.CodeFlowNode; }
+  get: function () { return chunk6XPZOAE7_js.CodeFlowNode; }
 });
 Object.defineProperty(exports, "CrewAIIcon", {
   enumerable: true,
-  get: function () { return chunkJOLZ453P_js.CrewAIIcon; }
+  get: function () { return chunk6XPZOAE7_js.CrewAIIcon; }
 });
 Object.defineProperty(exports, "DocumentExtractorFlowNode", {
   enumerable: true,
-  get: function () { return chunkJOLZ453P_js.DocumentExtractorFlowNode; }
+  get: function () { return chunk6XPZOAE7_js.DocumentExtractorFlowNode; }
 });
 Object.defineProperty(exports, "EndFlowNode", {
   enumerable: true,
-  get: function () { return chunkJOLZ453P_js.EndFlowNode; }
+  get: function () { return chunk6XPZOAE7_js.EndFlowNode; }
 });
 Object.defineProperty(exports, "EntityFlowNode", {
   enumerable: true,
-  get: function () { return chunkJOLZ453P_js.EntityFlowNode; }
+  get: function () { return chunk6XPZOAE7_js.EntityFlowNode; }
 });
 Object.defineProperty(exports, "FRAMEWORK_META", {
   enumerable: true,
-  get: function () { return chunkJOLZ453P_js.FRAMEWORK_META; }
+  get: function () { return chunk6XPZOAE7_js.FRAMEWORK_META; }
 });
 Object.defineProperty(exports, "GoogleADKIcon", {
   enumerable: true,
-  get: function () { return chunkJOLZ453P_js.GoogleADKIcon; }
+  get: function () { return chunk6XPZOAE7_js.GoogleADKIcon; }
 });
 Object.defineProperty(exports, "GroupFlowNode", {
   enumerable: true,
-  get: function () { return chunkJOLZ453P_js.GroupFlowNode; }
+  get: function () { return chunk6XPZOAE7_js.GroupFlowNode; }
 });
 Object.defineProperty(exports, "HttpRequestFlowNode", {
   enumerable: true,
-  get: function () { return chunkJOLZ453P_js.HttpRequestFlowNode; }
+  get: function () { return chunk6XPZOAE7_js.HttpRequestFlowNode; }
 });
 Object.defineProperty(exports, "IfElseFlowNode", {
   enumerable: true,
-  get: function () { return chunkJOLZ453P_js.IfElseFlowNode; }
+  get: function () { return chunk6XPZOAE7_js.IfElseFlowNode; }
 });
 Object.defineProperty(exports, "IterationFlowNode", {
   enumerable: true,
-  get: function () { return chunkJOLZ453P_js.IterationFlowNode; }
+  get: function () { return chunk6XPZOAE7_js.IterationFlowNode; }
 });
 Object.defineProperty(exports, "IterationStartFlowNode", {
   enumerable: true,
-  get: function () { return chunkJOLZ453P_js.IterationStartFlowNode; }
+  get: function () { return chunk6XPZOAE7_js.IterationStartFlowNode; }
 });
 Object.defineProperty(exports, "KnowledgeBaseFlowNode", {
   enumerable: true,
-  get: function () { return chunkJOLZ453P_js.KnowledgeBaseFlowNode; }
+  get: function () { return chunk6XPZOAE7_js.KnowledgeBaseFlowNode; }
 });
 Object.defineProperty(exports, "LOGIC_ICON_MAP", {
   enumerable: true,
-  get: function () { return chunkJOLZ453P_js.LOGIC_ICON_MAP; }
+  get: function () { return chunk6XPZOAE7_js.LOGIC_ICON_MAP; }
 });
 Object.defineProperty(exports, "LOGIC_NODE_BADGE_COLORS", {
   enumerable: true,
-  get: function () { return chunkJOLZ453P_js.LOGIC_NODE_BADGE_COLORS; }
+  get: function () { return chunk6XPZOAE7_js.LOGIC_NODE_BADGE_COLORS; }
 });
 Object.defineProperty(exports, "LOGIC_NODE_GRADIENTS", {
   enumerable: true,
-  get: function () { return chunkJOLZ453P_js.LOGIC_NODE_GRADIENTS; }
+  get: function () { return chunk6XPZOAE7_js.LOGIC_NODE_GRADIENTS; }
 });
 Object.defineProperty(exports, "LOGIC_NODE_HANDLE_COLORS", {
   enumerable: true,
-  get: function () { return chunkJOLZ453P_js.LOGIC_NODE_HANDLE_COLORS; }
+  get: function () { return chunk6XPZOAE7_js.LOGIC_NODE_HANDLE_COLORS; }
 });
 Object.defineProperty(exports, "LangChainIcon", {
   enumerable: true,
-  get: function () { return chunkJOLZ453P_js.LangChainIcon; }
+  get: function () { return chunk6XPZOAE7_js.LangChainIcon; }
 });
 Object.defineProperty(exports, "ListOperatorFlowNode", {
   enumerable: true,
-  get: function () { return chunkJOLZ453P_js.ListOperatorFlowNode; }
+  get: function () { return chunk6XPZOAE7_js.ListOperatorFlowNode; }
 });
 Object.defineProperty(exports, "LogicNodeDrawer", {
   enumerable: true,
-  get: function () { return chunkJOLZ453P_js.LogicNodeDrawer; }
+  get: function () { return chunk6XPZOAE7_js.LogicNodeDrawer; }
 });
 Object.defineProperty(exports, "MINIMAP_NODE_COLORS", {
   enumerable: true,
-  get: function () { return chunkJOLZ453P_js.MINIMAP_NODE_COLORS; }
+  get: function () { return chunk6XPZOAE7_js.MINIMAP_NODE_COLORS; }
 });
 Object.defineProperty(exports, "NodeCard", {
   enumerable: true,
-  get: function () { return chunkJOLZ453P_js.NodeCard; }
+  get: function () { return chunk6XPZOAE7_js.NodeCard; }
 });
 Object.defineProperty(exports, "NodeContextMenu", {
   enumerable: true,
-  get: function () { return chunkJOLZ453P_js.NodeContextMenu; }
+  get: function () { return chunk6XPZOAE7_js.NodeContextMenu; }
 });
 Object.defineProperty(exports, "NoteFlowNode", {
   enumerable: true,
-  get: function () { return chunkJOLZ453P_js.NoteFlowNode; }
+  get: function () { return chunk6XPZOAE7_js.NoteFlowNode; }
 });
 Object.defineProperty(exports, "OpenAIIcon", {
   enumerable: true,
-  get: function () { return chunkJOLZ453P_js.OpenAIIcon; }
+  get: function () { return chunk6XPZOAE7_js.OpenAIIcon; }
 });
 Object.defineProperty(exports, "PanelContextMenu", {
   enumerable: true,
-  get: function () { return chunkJOLZ453P_js.PanelContextMenu; }
+  get: function () { return chunk6XPZOAE7_js.PanelContextMenu; }
 });
 Object.defineProperty(exports, "ParameterExtractorFlowNode", {
   enumerable: true,
-  get: function () { return chunkJOLZ453P_js.ParameterExtractorFlowNode; }
+  get: function () { return chunk6XPZOAE7_js.ParameterExtractorFlowNode; }
 });
 Object.defineProperty(exports, "QuestionClassifierFlowNode", {
   enumerable: true,
-  get: function () { return chunkJOLZ453P_js.QuestionClassifierFlowNode; }
+  get: function () { return chunk6XPZOAE7_js.QuestionClassifierFlowNode; }
 });
 Object.defineProperty(exports, "RuleFlowNode", {
   enumerable: true,
-  get: function () { return chunkJOLZ453P_js.RuleFlowNode; }
+  get: function () { return chunk6XPZOAE7_js.RuleFlowNode; }
 });
 Object.defineProperty(exports, "SelectionContextMenu", {
   enumerable: true,
-  get: function () { return chunkJOLZ453P_js.SelectionContextMenu; }
+  get: function () { return chunk6XPZOAE7_js.SelectionContextMenu; }
 });
 Object.defineProperty(exports, "StartFlowNode", {
   enumerable: true,
-  get: function () { return chunkJOLZ453P_js.StartFlowNode; }
+  get: function () { return chunk6XPZOAE7_js.StartFlowNode; }
 });
 Object.defineProperty(exports, "StrandsIcon", {
   enumerable: true,
-  get: function () { return chunkJOLZ453P_js.StrandsIcon; }
+  get: function () { return chunk6XPZOAE7_js.StrandsIcon; }
 });
 Object.defineProperty(exports, "TemplateTransformFlowNode", {
   enumerable: true,
-  get: function () { return chunkJOLZ453P_js.TemplateTransformFlowNode; }
+  get: function () { return chunk6XPZOAE7_js.TemplateTransformFlowNode; }
 });
 Object.defineProperty(exports, "ToolFlowNode", {
   enumerable: true,
-  get: function () { return chunkJOLZ453P_js.ToolFlowNode; }
+  get: function () { return chunk6XPZOAE7_js.ToolFlowNode; }
 });
 Object.defineProperty(exports, "VariableAggregatorFlowNode", {
   enumerable: true,
-  get: function () { return chunkJOLZ453P_js.VariableAggregatorFlowNode; }
+  get: function () { return chunk6XPZOAE7_js.VariableAggregatorFlowNode; }
 });
 Object.defineProperty(exports, "VariableAssignerFlowNode", {
   enumerable: true,
-  get: function () { return chunkJOLZ453P_js.VariableAssignerFlowNode; }
+  get: function () { return chunk6XPZOAE7_js.VariableAssignerFlowNode; }
 });
 Object.defineProperty(exports, "WorkflowBuilderProvider", {
   enumerable: true,
-  get: function () { return chunkJOLZ453P_js.WorkflowBuilderProvider; }
+  get: function () { return chunk6XPZOAE7_js.WorkflowBuilderProvider; }
 });
 Object.defineProperty(exports, "Workspace", {
   enumerable: true,
-  get: function () { return chunkJOLZ453P_js.Workspace; }
+  get: function () { return chunk6XPZOAE7_js.Workspace; }
 });
 Object.defineProperty(exports, "WorkspaceDrawer", {
   enumerable: true,
-  get: function () { return chunkJOLZ453P_js.WorkspaceDrawer; }
+  get: function () { return chunk6XPZOAE7_js.WorkspaceDrawer; }
 });
 Object.defineProperty(exports, "getCompatibleModels", {
   enumerable: true,
-  get: function () { return chunkJOLZ453P_js.getCompatibleModels; }
+  get: function () { return chunk6XPZOAE7_js.getCompatibleModels; }
 });
 Object.defineProperty(exports, "getDefaultFrameworkForModel", {
   enumerable: true,
-  get: function () { return chunkJOLZ453P_js.getDefaultFrameworkForModel; }
+  get: function () { return chunk6XPZOAE7_js.getDefaultFrameworkForModel; }
 });
 Object.defineProperty(exports, "getEntityBadgeColor", {
   enumerable: true,
-  get: function () { return chunkJOLZ453P_js.getEntityBadgeColor; }
+  get: function () { return chunk6XPZOAE7_js.getEntityBadgeColor; }
 });
 Object.defineProperty(exports, "getEntityGradient", {
   enumerable: true,
-  get: function () { return chunkJOLZ453P_js.getEntityGradient; }
+  get: function () { return chunk6XPZOAE7_js.getEntityGradient; }
 });
 Object.defineProperty(exports, "getEntityHandleColor", {
   enumerable: true,
-  get: function () { return chunkJOLZ453P_js.getEntityHandleColor; }
+  get: function () { return chunk6XPZOAE7_js.getEntityHandleColor; }
 });
 Object.defineProperty(exports, "getEntityIcon", {
   enumerable: true,
-  get: function () { return chunkJOLZ453P_js.getEntityIcon; }
+  get: function () { return chunk6XPZOAE7_js.getEntityIcon; }
 });
 Object.defineProperty(exports, "getEntityMinimapColor", {
   enumerable: true,
-  get: function () { return chunkJOLZ453P_js.getEntityMinimapColor; }
+  get: function () { return chunk6XPZOAE7_js.getEntityMinimapColor; }
 });
 Object.defineProperty(exports, "getFrameworkMeta", {
   enumerable: true,
-  get: function () { return chunkJOLZ453P_js.getFrameworkMeta; }
+  get: function () { return chunk6XPZOAE7_js.getFrameworkMeta; }
 });
 Object.defineProperty(exports, "isModelCompatibleWithFramework", {
   enumerable: true,
-  get: function () { return chunkJOLZ453P_js.isModelCompatibleWithFramework; }
+  get: function () { return chunk6XPZOAE7_js.isModelCompatibleWithFramework; }
 });
 Object.defineProperty(exports, "useDrawerStore", {
   enumerable: true,
-  get: function () { return chunkJOLZ453P_js.useDrawerStore; }
+  get: function () { return chunk6XPZOAE7_js.useDrawerStore; }
 });
 Object.defineProperty(exports, "useWorkflowBuilderClient", {
   enumerable: true,
-  get: function () { return chunkJOLZ453P_js.useWorkflowBuilderClient; }
+  get: function () { return chunk6XPZOAE7_js.useWorkflowBuilderClient; }
 });
 Object.defineProperty(exports, "useWorkflowBuilderClientOptional", {
   enumerable: true,
-  get: function () { return chunkJOLZ453P_js.useWorkflowBuilderClientOptional; }
+  get: function () { return chunk6XPZOAE7_js.useWorkflowBuilderClientOptional; }
 });
 Object.defineProperty(exports, "useWorkflowStore", {
   enumerable: true,
-  get: function () { return chunkJOLZ453P_js.useWorkflowStore; }
+  get: function () { return chunk6XPZOAE7_js.useWorkflowStore; }
 });
 Object.defineProperty(exports, "GraphNodeBadge", {
   enumerable: true,
@@ -3298,7 +3208,6 @@ Object.defineProperty(exports, "getAgentTier", {
   get: function () { return chunkF4FMGGHO_js.getAgentTier; }
 });
 exports.AgentDrawer = AgentDrawer;
-exports.AgentToolFlowNode = AgentToolFlowNode;
 exports.AmazonNovaIcon = AmazonNovaIcon;
 exports.AnthropicModelIcon = AnthropicModelIcon;
 exports.AutoSaveWorkspace = AutoSaveWorkspace;