@datatechsolutions/ui 2.7.118 → 2.7.120

package/dist/{chunk-4ESKCNPI.mjs → chunk-PAOGPMVC.mjs}

@@ -1399,6 +1399,99 @@ var AgentFlowNode = memo(function AgentFlowNode2({ id, data, selected }) {
     /* @__PURE__ */ jsx(WorkflowHandle, { type: "source", position: Position.Right, id: "rule-out", style: { top: "75%" }, colorClass: "!bg-violet-500" })
   ] });
 });
+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 = memo(function AgentToolFlowNode2({ id, data, selected }) {
+  const t = useTranslations("agents.workflow");
+  const { agentTool, onRemoveFromCanvas } = data;
+  const isCompact = data.displayMode === "compact";
+  if (!agentTool?.name) {
+    const label = data.label;
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(NodeRunningIndicator, { nodeId: id }),
+      /* @__PURE__ */ jsx(WorkflowHandle, { type: "target", position: Position.Left, id: "left-in", colorClass: "!bg-amber-400" }),
+      /* @__PURE__ */ jsx(NodeCard, { variant: "error", nodeType: "agent_tool", children: /* @__PURE__ */ jsx(
+        NodeCardHeader,
+        {
+          icon: /* @__PURE__ */ jsx(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__ */ jsx(WorkflowHandle, { type: "source", position: 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__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(NodeRunningIndicator, { nodeId: id }),
+    /* @__PURE__ */ jsx(WorkflowHandle, { type: "target", position: Position.Left, id: "left-in", colorClass: "!bg-amber-400" }),
+    /* @__PURE__ */ jsxs(NodeCard, { compact: isCompact, selected, nodeType: "agent_tool", width: "w-[280px]", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+          /* @__PURE__ */ jsx("div", { className: `flex h-10 w-10 items-center justify-center rounded-xl bg-gradient-to-br ${gradient} shadow-lg`, children: /* @__PURE__ */ jsx(CommandLineIcon, { className: "h-5 w-5 text-white" }) }),
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-gray-900 dark:text-white", children: agentTool.name }),
+            !isCompact && agentTool.description && /* @__PURE__ */ jsx("p", { className: "mt-0.5 truncate text-xs text-gray-500 dark:text-gray-400", children: agentTool.description })
+          ] })
+        ] }),
+        data.onToggle && /* @__PURE__ */ 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__ */ 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__ */ jsx(NodeCardMeta, { compact: isCompact, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx(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__ */ jsx(NodeCardBadge, { className: `rounded-full px-2 py-0.5 text-[10px] font-medium ${pill}`, children: category }),
+        agentTool.parameters && agentTool.parameters.length > 0 && /* @__PURE__ */ jsxs(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__ */ 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__ */ jsx(TrashIcon, { className: "h-3.5 w-3.5 text-red-600 dark:text-red-400" })
+          }
+        )
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsx(WorkflowHandle, { type: "source", position: Position.Right, id: "right-out", colorClass: "!bg-amber-500" })
+  ] });
+});
 var ToolFlowNode = memo(function ToolFlowNode2({ id, data, selected }) {
   const t = useTranslations("admin.tools");
   const { tool, onRemoveFromCanvas } = data;
@@ -4955,6 +5048,7 @@ var MiniMap = dynamic(
 );
 var BUILT_IN_NODE_TYPES = {
   agent: AgentFlowNode,
+  agent_tool: AgentToolFlowNode,
   tool: ToolFlowNode,
   rule: RuleFlowNode,
   entity: EntityFlowNode,
@@ -5024,6 +5118,7 @@ function WorkflowCanvasInner({
   agents,
   models,
   tools,
+  agentTools = [],
   rules,
   entities = [],
   initialGraph,
@@ -5117,6 +5212,13 @@ function WorkflowCanvasInner({
     }
     return map;
   }, [allTools]);
+  const agentToolMap = useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const at of agentTools) {
+      map.set(at.agentToolId, at);
+    }
+    return map;
+  }, [agentTools]);
   const ruleMap = useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const rule of allRules) {
@@ -6050,6 +6152,20 @@ function WorkflowCanvasInner({
           }
         };
         setNodes((currentNodes) => [...currentNodes, newNode]);
+      } else if (nodeType === "agent_tool") {
+        const agentTool = agentToolMap.get(entityId);
+        if (!agentTool) return;
+        const newNode = {
+          id: newNodeId,
+          type: "agent_tool",
+          position,
+          data: {
+            agentTool,
+            order: 0,
+            onRemoveFromCanvas: handleRemoveNodeFromCanvas
+          }
+        };
+        setNodes((currentNodes) => [...currentNodes, newNode]);
       } else if (nodeType === "rule") {
         const rule = ruleMap.get(entityId);
         if (!rule) return;
@@ -6644,6 +6760,6 @@ function Workspace({
   ) });
 }
 
-export { AgentFlowNode, 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, LogicNodeDrawer, MINIMAP_NODE_COLORS, NodeCard, NodeCardBadge, NodeCardHeader, NodeCardMeta, NodeContextMenu, NodeRunningIndicator, NoteFlowNode, OpenAIIcon, PanelContextMenu, ParameterExtractorFlowNode, QuestionClassifierFlowNode, RuleFlowNode, SelectionContextMenu, StartFlowNode, StrandsIcon, TemplateTransformFlowNode, ToolFlowNode, VariableAggregatorFlowNode, VariableAssignerFlowNode, WorkflowBuilderProvider, WorkflowCanvas, WorkflowHandle, Workspace, WorkspaceDrawer, getCompatibleModels, getDefaultFrameworkForModel, getEntityBadgeColor, getEntityGradient, getEntityHandleColor, getEntityIcon, getEntityMinimapColor, getFrameworkMeta, isModelCompatibleWithFramework, useDrawerStore, useWorkflowBuilderClient, useWorkflowBuilderClientOptional, useWorkflowStore };
-//# sourceMappingURL=chunk-4ESKCNPI.mjs.map
-//# sourceMappingURL=chunk-4ESKCNPI.mjs.map
+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, LogicNodeDrawer, MINIMAP_NODE_COLORS, NodeCard, NodeContextMenu, NoteFlowNode, OpenAIIcon, PanelContextMenu, ParameterExtractorFlowNode, QuestionClassifierFlowNode, RuleFlowNode, SelectionContextMenu, StartFlowNode, StrandsIcon, TemplateTransformFlowNode, ToolFlowNode, VariableAggregatorFlowNode, VariableAssignerFlowNode, WorkflowBuilderProvider, WorkflowCanvas, Workspace, WorkspaceDrawer, getCompatibleModels, getDefaultFrameworkForModel, getEntityBadgeColor, getEntityGradient, getEntityHandleColor, getEntityIcon, getEntityMinimapColor, getFrameworkMeta, isModelCompatibleWithFramework, useDrawerStore, useWorkflowBuilderClient, useWorkflowBuilderClientOptional, useWorkflowStore };
+//# sourceMappingURL=chunk-PAOGPMVC.mjs.map
+//# sourceMappingURL=chunk-PAOGPMVC.mjs.map