@datatechsolutions/ui 2.7.118 → 2.7.120

package/dist/{chunk-JOLZ453P.js → chunk-6XPZOAE7.js}

@@ -1405,6 +1405,99 @@ var AgentFlowNode = react.memo(function AgentFlowNode2({ id, data, selected }) {
     /* @__PURE__ */ jsxRuntime.jsx(WorkflowHandle, { type: "source", position: react$1.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 = 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(NodeRunningIndicator, { nodeId: id }),
+      /* @__PURE__ */ jsxRuntime.jsx(WorkflowHandle, { type: "target", position: react$1.Position.Left, id: "left-in", colorClass: "!bg-amber-400" }),
+      /* @__PURE__ */ jsxRuntime.jsx(NodeCard, { variant: "error", nodeType: "agent_tool", children: /* @__PURE__ */ jsxRuntime.jsx(
+        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(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(NodeRunningIndicator, { nodeId: id }),
+    /* @__PURE__ */ jsxRuntime.jsx(WorkflowHandle, { type: "target", position: react$1.Position.Left, id: "left-in", colorClass: "!bg-amber-400" }),
+    /* @__PURE__ */ jsxRuntime.jsxs(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(NodeCardMeta, { compact: isCompact, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(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(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(WorkflowHandle, { type: "source", position: react$1.Position.Right, id: "right-out", colorClass: "!bg-amber-500" })
+  ] });
+});
 var ToolFlowNode = react.memo(function ToolFlowNode2({ id, data, selected }) {
   const t = nextIntl.useTranslations("admin.tools");
   const { tool, onRemoveFromCanvas } = data;
@@ -4961,6 +5054,7 @@ var MiniMap = dynamic__default.default(
 );
 var BUILT_IN_NODE_TYPES = {
   agent: AgentFlowNode,
+  agent_tool: AgentToolFlowNode,
   tool: ToolFlowNode,
   rule: RuleFlowNode,
   entity: EntityFlowNode,
@@ -5030,6 +5124,7 @@ function WorkflowCanvasInner({
   agents,
   models,
   tools,
+  agentTools = [],
   rules,
   entities = [],
   initialGraph,
@@ -5123,6 +5218,13 @@ function WorkflowCanvasInner({
     }
     return map;
   }, [allTools]);
+  const agentToolMap = react.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const at of agentTools) {
+      map.set(at.agentToolId, at);
+    }
+    return map;
+  }, [agentTools]);
   const ruleMap = react.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const rule of allRules) {
@@ -6056,6 +6158,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;
@@ -6651,6 +6767,7 @@ function Workspace({
 }
 
 exports.AgentFlowNode = AgentFlowNode;
+exports.AgentToolFlowNode = AgentToolFlowNode;
 exports.AnswerFlowNode = AnswerFlowNode;
 exports.AnthropicIcon = AnthropicIcon;
 exports.CATEGORY_COLORS = CATEGORY_COLORS;
@@ -6678,11 +6795,7 @@ exports.ListOperatorFlowNode = ListOperatorFlowNode;
 exports.LogicNodeDrawer = LogicNodeDrawer;
 exports.MINIMAP_NODE_COLORS = MINIMAP_NODE_COLORS;
 exports.NodeCard = NodeCard;
-exports.NodeCardBadge = NodeCardBadge;
-exports.NodeCardHeader = NodeCardHeader;
-exports.NodeCardMeta = NodeCardMeta;
 exports.NodeContextMenu = NodeContextMenu;
-exports.NodeRunningIndicator = NodeRunningIndicator;
 exports.NoteFlowNode = NoteFlowNode;
 exports.OpenAIIcon = OpenAIIcon;
 exports.PanelContextMenu = PanelContextMenu;
@@ -6698,7 +6811,6 @@ exports.VariableAggregatorFlowNode = VariableAggregatorFlowNode;
 exports.VariableAssignerFlowNode = VariableAssignerFlowNode;
 exports.WorkflowBuilderProvider = WorkflowBuilderProvider;
 exports.WorkflowCanvas = WorkflowCanvas;
-exports.WorkflowHandle = WorkflowHandle;
 exports.Workspace = Workspace;
 exports.WorkspaceDrawer = WorkspaceDrawer;
 exports.getCompatibleModels = getCompatibleModels;
@@ -6714,5 +6826,5 @@ exports.useDrawerStore = useDrawerStore;
 exports.useWorkflowBuilderClient = useWorkflowBuilderClient;
 exports.useWorkflowBuilderClientOptional = useWorkflowBuilderClientOptional;
 exports.useWorkflowStore = useWorkflowStore;
-//# sourceMappingURL=chunk-JOLZ453P.js.map
-//# sourceMappingURL=chunk-JOLZ453P.js.map
+//# sourceMappingURL=chunk-6XPZOAE7.js.map
+//# sourceMappingURL=chunk-6XPZOAE7.js.map