@datatechsolutions/ui 2.11.13 → 2.11.15

package/dist/{chunk-RUH6YJXW.js → chunk-WB5CWGXD.js}

@@ -340,6 +340,7 @@ var LOGIC_NODE_GRADIENTS = {
   note: "from-yellow-400 to-amber-500",
   entity: "from-blue-400 to-cyan-500",
   datasource: "from-cyan-500 to-blue-600",
+  model_provider: "from-rose-500 to-pink-600",
   group: "from-slate-400 to-gray-500"
 };
 var LOGIC_NODE_BADGE_COLORS = {
@@ -362,6 +363,7 @@ var LOGIC_NODE_BADGE_COLORS = {
   note: "bg-yellow-100 text-yellow-700 dark:bg-yellow-500/20 dark:text-yellow-300",
   entity: "bg-blue-100 text-blue-700 dark:bg-blue-500/20 dark:text-blue-300",
   datasource: "bg-cyan-100 text-cyan-700 dark:bg-cyan-500/20 dark:text-cyan-300",
+  model_provider: "bg-rose-100 text-rose-700 dark:bg-rose-500/20 dark:text-rose-300",
   group: "bg-slate-100 text-slate-700 dark:bg-slate-500/20 dark:text-slate-300"
 };
 var LOGIC_NODE_BADGE_SOFT_COLORS = {
@@ -384,6 +386,7 @@ var LOGIC_NODE_BADGE_SOFT_COLORS = {
   note: "bg-yellow-50 text-yellow-600 dark:bg-yellow-500/20 dark:text-yellow-400",
   entity: "bg-blue-50 text-blue-600 dark:bg-blue-500/20 dark:text-blue-400",
   datasource: "bg-cyan-50 text-cyan-600 dark:bg-cyan-500/20 dark:text-cyan-400",
+  model_provider: "bg-rose-50 text-rose-600 dark:bg-rose-500/20 dark:text-rose-400",
   group: "bg-slate-50 text-slate-600 dark:bg-slate-500/20 dark:text-slate-400"
 };
 var LOGIC_ICON_MAP = {
@@ -406,6 +409,7 @@ var LOGIC_ICON_MAP = {
   note: outline.PencilSquareIcon,
   entity: outline.CircleStackIcon,
   datasource: outline.ServerStackIcon,
+  model_provider: outline.KeyIcon,
   group: outline.RectangleGroupIcon
 };
 var NODE_SELECTED_CLASS = "node-card-selected";
@@ -433,7 +437,8 @@ var NODE_BORDER_COLORS = {
   document_extractor: "border-rose-300/50 dark:border-rose-600/50",
   list_operator: "border-lime-300/50 dark:border-lime-600/50",
   note: "border-gray-200/50 dark:border-gray-700/50",
-  datasource: "border-cyan-300/50 dark:border-cyan-600/50"
+  datasource: "border-cyan-300/50 dark:border-cyan-600/50",
+  model_provider: "border-rose-300/50 dark:border-rose-600/50"
 };
 function getNodeStateClass(selected, nodeType, customBorder) {
   if (selected) return NODE_SELECTED_CLASS;
@@ -464,6 +469,7 @@ var MINIMAP_NODE_COLORS = {
   note: "#eab308",
   entity: "#3b82f6",
   datasource: "#06b6d4",
+  model_provider: "#f43f5e",
   group: "#64748b"
 };
 var LOGIC_NODE_HANDLE_COLORS = {
@@ -486,6 +492,7 @@ var LOGIC_NODE_HANDLE_COLORS = {
   note: "!bg-yellow-500",
   entity: "!bg-blue-500",
   datasource: "!bg-cyan-500",
+  model_provider: "!bg-rose-500",
   group: "!bg-slate-500"
 };
 var INSERTABLE_NODES = [
@@ -2760,6 +2767,75 @@ var DatasourceFlowNode = react.memo(function DatasourceFlowNode2({ id, data, sel
     /* @__PURE__ */ jsxRuntime.jsx(WorkflowHandle, { type: "source", position: react$1.Position.Right, id: "right-out", colorClass: "!bg-cyan-400" })
   ] });
 });
+var PROVIDER_TYPE_LABELS = {
+  aws_bedrock: "AWS Bedrock",
+  openai_api: "OpenAI API",
+  google_vertex: "Google Vertex AI",
+  azure_openai: "Azure OpenAI",
+  anthropic_api: "Anthropic API",
+  custom: "Custom"
+};
+var ModelProviderFlowNode = react.memo(function ModelProviderFlowNode2({ id, data, selected }) {
+  const config = data.config;
+  const isCompact = data.displayMode === "compact";
+  if (!config) {
+    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-gray-400 dark:!bg-gray-500" }),
+      /* @__PURE__ */ jsxRuntime.jsx(WorkflowHandle, { type: "target", position: react$1.Position.Top, id: "top-in", colorClass: "!bg-gray-400 dark:!bg-gray-500" }),
+      /* @__PURE__ */ jsxRuntime.jsx(NodeCard, { variant: "error", nodeType: "model_provider", width: "w-[280px]", children: /* @__PURE__ */ jsxRuntime.jsx(
+        NodeCardHeader,
+        {
+          icon: /* @__PURE__ */ jsxRuntime.jsx(outline.ExclamationTriangleIcon, { className: "h-6 w-6 text-white" }),
+          title: data.label || "Model Provider",
+          description: "Not configured",
+          iconClassName: "flex h-11 w-11 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-rose-500" }),
+      /* @__PURE__ */ jsxRuntime.jsx(WorkflowHandle, { type: "source", position: react$1.Position.Bottom, id: "bottom-out", colorClass: "!bg-rose-500" })
+    ] });
+  }
+  const providerLabel = PROVIDER_TYPE_LABELS[config.providerType] ?? config.providerType;
+  const displayName = config.name || providerLabel;
+  const regionLabel = config.region ? config.region : void 0;
+  const isConfigured = !!(config.credentialRef || config.apiKeyRef);
+  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-gray-400 dark:!bg-gray-500" }),
+    /* @__PURE__ */ jsxRuntime.jsx(WorkflowHandle, { type: "target", position: react$1.Position.Top, id: "top-in", colorClass: "!bg-gray-400 dark:!bg-gray-500" }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => data.onEdit?.(id),
+        className: "w-full text-left",
+        children: /* @__PURE__ */ jsxRuntime.jsxs(NodeCard, { compact: isCompact, selected, nodeType: "model_provider", width: "w-[280px]", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            NodeCardHeader,
+            {
+              icon: /* @__PURE__ */ jsxRuntime.jsx(outline.KeyIcon, { className: "h-6 w-6 text-white" }),
+              title: displayName,
+              description: providerLabel,
+              iconClassName: "flex h-11 w-11 items-center justify-center rounded-xl bg-gradient-to-br from-rose-500 to-pink-600 shadow-lg"
+            }
+          ),
+          /* @__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-rose-100 px-2 py-0.5 text-[10px] font-semibold text-rose-700 dark:bg-rose-500/20 dark:text-rose-300", children: providerLabel }),
+            regionLabel && /* @__PURE__ */ jsxRuntime.jsx(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: regionLabel }),
+            /* @__PURE__ */ jsxRuntime.jsx(NodeCardBadge, { className: `rounded-full px-2 py-0.5 text-[10px] font-medium ${isConfigured ? "bg-green-100 text-green-700 dark:bg-green-500/20 dark:text-green-300" : "bg-amber-100 text-amber-700 dark:bg-amber-500/20 dark:text-amber-300"}`, children: isConfigured ? "Configured" : "Setup needed" }),
+            config.modelFilter && config.modelFilter.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: [
+              config.modelFilter.length,
+              " models"
+            ] })
+          ] }) })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(WorkflowHandle, { type: "source", position: react$1.Position.Right, id: "right-out", colorClass: "!bg-rose-500" }),
+    /* @__PURE__ */ jsxRuntime.jsx(WorkflowHandle, { type: "source", position: react$1.Position.Bottom, id: "bottom-out", colorClass: "!bg-rose-500" })
+  ] });
+});
 var GROUP_COLORS = {
   indigo: {
     border: "border-indigo-300/50 dark:border-indigo-600/50",
@@ -4953,6 +5029,135 @@ function GroupNodeConfigForm({ config, onSave, onCancel }) {
     )
   ] });
 }
+var PROVIDER_TYPES = [
+  { value: "aws_bedrock", label: "AWS Bedrock" },
+  { value: "openai_api", label: "OpenAI API" },
+  { value: "google_vertex", label: "Google Vertex AI" },
+  { value: "azure_openai", label: "Azure OpenAI" },
+  { value: "anthropic_api", label: "Anthropic API" },
+  { value: "custom", label: "Custom" }
+];
+var REGION_OPTIONS = {
+  aws_bedrock: [
+    { value: "us-east-1", label: "US East (N. Virginia)" },
+    { value: "us-west-2", label: "US West (Oregon)" },
+    { value: "eu-west-1", label: "Europe (Ireland)" },
+    { value: "eu-central-1", label: "Europe (Frankfurt)" },
+    { value: "ap-northeast-1", label: "Asia Pacific (Tokyo)" },
+    { value: "ap-southeast-1", label: "Asia Pacific (Singapore)" },
+    { value: "sa-east-1", label: "South America (S\xE3o Paulo)" }
+  ],
+  google_vertex: [
+    { value: "us-central1", label: "US Central (Iowa)" },
+    { value: "us-east4", label: "US East (Virginia)" },
+    { value: "europe-west4", label: "Europe West (Netherlands)" },
+    { value: "asia-northeast1", label: "Asia NE (Tokyo)" }
+  ],
+  azure_openai: [
+    { value: "eastus", label: "East US" },
+    { value: "westeurope", label: "West Europe" },
+    { value: "swedencentral", label: "Sweden Central" },
+    { value: "japaneast", label: "Japan East" }
+  ]
+};
+function ModelProviderNodeConfigForm({ config, onSave, onCancel }) {
+  const t = chunkYXN2K77G_js.useTranslations("agents.workflow.modelProviderNodeConfig");
+  const [providerType, setProviderType] = react.useState(config.providerType);
+  const [name, setName] = react.useState(config.name ?? "");
+  const [region, setRegion] = react.useState(config.region ?? "");
+  const [endpoint, setEndpoint] = react.useState(config.endpoint ?? "");
+  const [credentialRef, setCredentialRef] = react.useState(config.credentialRef ?? "");
+  const [apiKeyRef, setApiKeyRef] = react.useState(config.apiKeyRef ?? "");
+  const regions = REGION_OPTIONS[providerType] ?? [];
+  const showRegion = regions.length > 0;
+  const showEndpoint = providerType === "custom" || providerType === "azure_openai";
+  const showApiKey = providerType === "openai_api" || providerType === "anthropic_api" || providerType === "custom";
+  const showCredentialRef = providerType === "aws_bedrock" || providerType === "google_vertex";
+  const handleSave = () => {
+    onSave({
+      ...config,
+      providerType,
+      name: name.trim() || void 0,
+      region: region || void 0,
+      endpoint: endpoint.trim() || void 0,
+      credentialRef: credentialRef.trim() || void 0,
+      apiKeyRef: apiKeyRef.trim() || void 0
+    });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunk4XID6LOC_js.FormInput,
+      {
+        type: "text",
+        label: t("nameLabel"),
+        value: name,
+        onValueChange: setName,
+        placeholder: t("namePlaceholder")
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunk4XID6LOC_js.FormSelect,
+      {
+        label: t("providerTypeLabel"),
+        value: providerType,
+        onValueChange: (value) => {
+          setProviderType(value);
+          setRegion("");
+        },
+        options: PROVIDER_TYPES.map((pt) => ({ value: pt.value, label: pt.label }))
+      }
+    ),
+    showRegion && /* @__PURE__ */ jsxRuntime.jsx(
+      chunk4XID6LOC_js.FormSelect,
+      {
+        label: t("regionLabel"),
+        value: region,
+        onValueChange: setRegion,
+        options: [{ value: "", label: t("selectRegion") }, ...regions]
+      }
+    ),
+    showEndpoint && /* @__PURE__ */ jsxRuntime.jsx(
+      chunk4XID6LOC_js.FormInput,
+      {
+        type: "text",
+        label: t("endpointLabel"),
+        value: endpoint,
+        onValueChange: setEndpoint,
+        placeholder: t("endpointPlaceholder")
+      }
+    ),
+    showApiKey && /* @__PURE__ */ jsxRuntime.jsx(
+      chunk4XID6LOC_js.FormInput,
+      {
+        type: "password",
+        label: t("apiKeyLabel"),
+        value: apiKeyRef,
+        onValueChange: setApiKeyRef,
+        placeholder: t("apiKeyPlaceholder")
+      }
+    ),
+    showCredentialRef && /* @__PURE__ */ jsxRuntime.jsx(
+      chunk4XID6LOC_js.FormInput,
+      {
+        type: "text",
+        label: t("credentialRefLabel"),
+        value: credentialRef,
+        onValueChange: setCredentialRef,
+        placeholder: t("credentialRefPlaceholder")
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ConfigFormActions,
+      {
+        cancelLabel: t("cancel"),
+        saveLabel: t("save"),
+        onCancel,
+        onSave: handleSave,
+        saveDisabled: !providerType
+      }
+    )
+  ] });
+}
 var NODE_TITLE_KEYS = {
   start: "startNodeConfig",
   end: "endNodeConfig",
@@ -4972,7 +5177,8 @@ var NODE_TITLE_KEYS = {
   iteration_start: "iterationStartNodeConfig",
   entity: "entityNodeConfig",
   datasource: "datasourceNodeConfig",
-  group: "groupNodeConfig"
+  group: "groupNodeConfig",
+  model_provider: "modelProviderNodeConfig"
 };
 function LogicNodeModal({ onSave, entities = [], datasources = [], onLoadTables, onLoadSchema }) {
   const t = chunkYXN2K77G_js.useTranslations("agents.workflow");
@@ -5043,6 +5249,8 @@ function LogicNodeModal({ onSave, entities = [], datasources = [], onLoadTables,
         return /* @__PURE__ */ jsxRuntime.jsx(EntityNodeConfigForm, { config, entities, onSave: handleSave, onCancel: closeModal });
       case "group":
         return /* @__PURE__ */ jsxRuntime.jsx(GroupNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
+      case "model_provider":
+        return /* @__PURE__ */ jsxRuntime.jsx(ModelProviderNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
       default:
         return null;
     }
@@ -5413,6 +5621,7 @@ var BUILT_IN_NODE_TYPES = {
   iteration_start: IterationStartFlowNode,
   note: NoteFlowNode,
   datasource: DatasourceFlowNode,
+  model_provider: ModelProviderFlowNode,
   group: GroupFlowNode
 };
 var ALL_LOGIC_NODE_TYPES = [
@@ -5438,6 +5647,7 @@ var ALL_LOGIC_NODE_TYPES = [
   "rule",
   "entity",
   "datasource",
+  "model_provider",
   "group"
 ];
 function isLogicNodeType(nodeType) {
@@ -5631,9 +5841,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
               }
@@ -5984,7 +6196,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;
@@ -6475,7 +6687,7 @@ function WorkflowCanvasInner({
             selected: false,
             onSelect: () => {
               setSelectedAgentId(agent.agentId);
-              openAgentModalAction(agent, models);
+              openAgentModalAction(agent, models, false, agentTools);
             },
             onRemoveFromCanvas: handleRemoveNodeFromCanvas
           }
@@ -7123,6 +7335,7 @@ exports.LangChainIcon = LangChainIcon;
 exports.ListOperatorFlowNode = ListOperatorFlowNode;
 exports.LogicNodeModal = LogicNodeModal;
 exports.MINIMAP_NODE_COLORS = MINIMAP_NODE_COLORS;
+exports.ModelProviderFlowNode = ModelProviderFlowNode;
 exports.NodeCard = NodeCard;
 exports.NodeContextMenu = NodeContextMenu;
 exports.NoteFlowNode = NoteFlowNode;
@@ -7154,5 +7367,5 @@ exports.useModalStore = useModalStore;
 exports.useWorkflowBuilderClient = useWorkflowBuilderClient;
 exports.useWorkflowBuilderClientOptional = useWorkflowBuilderClientOptional;
 exports.useWorkflowStore = useWorkflowStore;
-//# sourceMappingURL=chunk-RUH6YJXW.js.map
-//# sourceMappingURL=chunk-RUH6YJXW.js.map
+//# sourceMappingURL=chunk-WB5CWGXD.js.map
+//# sourceMappingURL=chunk-WB5CWGXD.js.map