@datatechsolutions/ui 2.11.15 → 2.11.17

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

@@ -340,7 +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",
+  model_provider: "from-slate-500 to-gray-600",
   group: "from-slate-400 to-gray-500"
 };
 var LOGIC_NODE_BADGE_COLORS = {
@@ -363,7 +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",
+  model_provider: "bg-slate-100 text-slate-700 dark:bg-slate-500/20 dark:text-slate-300",
   group: "bg-slate-100 text-slate-700 dark:bg-slate-500/20 dark:text-slate-300"
 };
 var LOGIC_NODE_BADGE_SOFT_COLORS = {
@@ -386,7 +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",
+  model_provider: "bg-slate-50 text-slate-600 dark:bg-slate-500/20 dark:text-slate-400",
   group: "bg-slate-50 text-slate-600 dark:bg-slate-500/20 dark:text-slate-400"
 };
 var LOGIC_ICON_MAP = {
@@ -438,7 +438,7 @@ var NODE_BORDER_COLORS = {
   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",
-  model_provider: "border-rose-300/50 dark:border-rose-600/50"
+  model_provider: "border-slate-300/50 dark:border-slate-600/50"
 };
 function getNodeStateClass(selected, nodeType, customBorder) {
   if (selected) return NODE_SELECTED_CLASS;
@@ -469,7 +469,7 @@ var MINIMAP_NODE_COLORS = {
   note: "#eab308",
   entity: "#3b82f6",
   datasource: "#06b6d4",
-  model_provider: "#f43f5e",
+  model_provider: "#64748b",
   group: "#64748b"
 };
 var LOGIC_NODE_HANDLE_COLORS = {
@@ -492,7 +492,7 @@ var LOGIC_NODE_HANDLE_COLORS = {
   note: "!bg-yellow-500",
   entity: "!bg-blue-500",
   datasource: "!bg-cyan-500",
-  model_provider: "!bg-rose-500",
+  model_provider: "!bg-slate-500",
   group: "!bg-slate-500"
 };
 var INSERTABLE_NODES = [
@@ -2767,6 +2767,14 @@ 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 SI = (slug, color) => `https://cdn.simpleicons.org/${slug}/${color}`;
+var PROVIDER_LOGOS = {
+  aws_bedrock: "https://www.svgrepo.com/show/448266/aws.svg",
+  openai_api: "https://www.svgrepo.com/show/306500/openai.svg",
+  google_vertex: SI("googlegemini", "8E75B2"),
+  azure_openai: SI("microsoftazure", "0078D4"),
+  anthropic_api: SI("anthropic", "D4A27F")
+};
 var PROVIDER_TYPE_LABELS = {
   aws_bedrock: "AWS Bedrock",
   openai_api: "OpenAI API",
@@ -2792,14 +2800,15 @@ var ModelProviderFlowNode = react.memo(function ModelProviderFlowNode2({ id, dat
           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" })
+      /* @__PURE__ */ jsxRuntime.jsx(WorkflowHandle, { type: "source", position: react$1.Position.Right, id: "right-out", colorClass: "!bg-slate-500" }),
+      /* @__PURE__ */ jsxRuntime.jsx(WorkflowHandle, { type: "source", position: react$1.Position.Bottom, id: "bottom-out", colorClass: "!bg-slate-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);
+  const logo = PROVIDER_LOGOS[config.providerType];
   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" }),
@@ -2814,14 +2823,14 @@ var ModelProviderFlowNode = react.memo(function ModelProviderFlowNode2({ id, dat
           /* @__PURE__ */ jsxRuntime.jsx(
             NodeCardHeader,
             {
-              icon: /* @__PURE__ */ jsxRuntime.jsx(outline.KeyIcon, { className: "h-6 w-6 text-white" }),
+              icon: logo ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: logo, alt: providerLabel, className: "h-6 w-6 object-contain", loading: "lazy" }) : /* @__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"
+              iconClassName: `flex h-11 w-11 items-center justify-center rounded-xl shadow-lg ${logo ? "bg-white/10 dark:bg-white/5 p-2" : "bg-gradient-to-br from-slate-600 to-slate-700 p-1.5"}`
             }
           ),
           /* @__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 }),
+            /* @__PURE__ */ jsxRuntime.jsx(NodeCardBadge, { className: "rounded-full bg-slate-100 px-2 py-0.5 text-[10px] font-semibold text-slate-700 dark:bg-slate-500/20 dark:text-slate-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: [
@@ -2832,8 +2841,8 @@ var ModelProviderFlowNode = react.memo(function ModelProviderFlowNode2({ id, dat
         ] })
       }
     ),
-    /* @__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" })
+    /* @__PURE__ */ jsxRuntime.jsx(WorkflowHandle, { type: "source", position: react$1.Position.Right, id: "right-out", colorClass: "!bg-slate-500" }),
+    /* @__PURE__ */ jsxRuntime.jsx(WorkflowHandle, { type: "source", position: react$1.Position.Bottom, id: "bottom-out", colorClass: "!bg-slate-500" })
   ] });
 });
 var GROUP_COLORS = {
@@ -7367,5 +7376,5 @@ exports.useModalStore = useModalStore;
 exports.useWorkflowBuilderClient = useWorkflowBuilderClient;
 exports.useWorkflowBuilderClientOptional = useWorkflowBuilderClientOptional;
 exports.useWorkflowStore = useWorkflowStore;
-//# sourceMappingURL=chunk-WB5CWGXD.js.map
-//# sourceMappingURL=chunk-WB5CWGXD.js.map
+//# sourceMappingURL=chunk-PNN6KWXQ.js.map
+//# sourceMappingURL=chunk-PNN6KWXQ.js.map