@datatechsolutions/ui 2.11.15 → 2.11.17

package/dist/astrlabe/workflow-canvas.js

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkWB5CWGXD_js = require('../chunk-WB5CWGXD.js');
+var chunkPNN6KWXQ_js = require('../chunk-PNN6KWXQ.js');
 require('../chunk-4XID6LOC.js');
 require('../chunk-S7KHTUHA.js');
 require('../chunk-UZ3CMNUJ.js');
@@ -13,7 +13,7 @@ require('../chunk-YXN2K77G.js');
 
 Object.defineProperty(exports, "Workspace", {
   enumerable: true,
-  get: function () { return chunkWB5CWGXD_js.Workspace; }
+  get: function () { return chunkPNN6KWXQ_js.Workspace; }
 });
 //# sourceMappingURL=workflow-canvas.js.map
 //# sourceMappingURL=workflow-canvas.js.map

package/dist/astrlabe/workflow-canvas.mjs

@@ -1,5 +1,5 @@
 "use client";
-export { Workspace } from '../chunk-NTXIFTIQ.mjs';
+export { Workspace } from '../chunk-57OBMWRA.mjs';
 import '../chunk-46ZM5VJJ.mjs';
 import '../chunk-QWG2FMUN.mjs';
 import '../chunk-D2JF6C3E.mjs';

package/dist/{chunk-NTXIFTIQ.mjs → chunk-57OBMWRA.mjs}

@@ -338,7 +338,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 = {
@@ -361,7 +361,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 = {
@@ -384,7 +384,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 = {
@@ -436,7 +436,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;
@@ -467,7 +467,7 @@ var MINIMAP_NODE_COLORS = {
   note: "#eab308",
   entity: "#3b82f6",
   datasource: "#06b6d4",
-  model_provider: "#f43f5e",
+  model_provider: "#64748b",
   group: "#64748b"
 };
 var LOGIC_NODE_HANDLE_COLORS = {
@@ -490,7 +490,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 = [
@@ -2765,6 +2765,14 @@ var DatasourceFlowNode = memo(function DatasourceFlowNode2({ id, data, selected
     /* @__PURE__ */ jsx(WorkflowHandle, { type: "source", position: 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",
@@ -2790,14 +2798,15 @@ var ModelProviderFlowNode = memo(function ModelProviderFlowNode2({ id, data, sel
           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__ */ jsx(WorkflowHandle, { type: "source", position: Position.Right, id: "right-out", colorClass: "!bg-rose-500" }),
-      /* @__PURE__ */ jsx(WorkflowHandle, { type: "source", position: Position.Bottom, id: "bottom-out", colorClass: "!bg-rose-500" })
+      /* @__PURE__ */ jsx(WorkflowHandle, { type: "source", position: Position.Right, id: "right-out", colorClass: "!bg-slate-500" }),
+      /* @__PURE__ */ jsx(WorkflowHandle, { type: "source", position: 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__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(NodeRunningIndicator, { nodeId: id }),
     /* @__PURE__ */ jsx(WorkflowHandle, { type: "target", position: Position.Left, id: "left-in", colorClass: "!bg-gray-400 dark:!bg-gray-500" }),
@@ -2812,14 +2821,14 @@ var ModelProviderFlowNode = memo(function ModelProviderFlowNode2({ id, data, sel
           /* @__PURE__ */ jsx(
             NodeCardHeader,
             {
-              icon: /* @__PURE__ */ jsx(KeyIcon, { className: "h-6 w-6 text-white" }),
+              icon: logo ? /* @__PURE__ */ jsx("img", { src: logo, alt: providerLabel, className: "h-6 w-6 object-contain", loading: "lazy" }) : /* @__PURE__ */ jsx(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__ */ 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-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__ */ 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__ */ 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__ */ 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__ */ 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: [
@@ -2830,8 +2839,8 @@ var ModelProviderFlowNode = memo(function ModelProviderFlowNode2({ id, data, sel
         ] })
       }
     ),
-    /* @__PURE__ */ jsx(WorkflowHandle, { type: "source", position: Position.Right, id: "right-out", colorClass: "!bg-rose-500" }),
-    /* @__PURE__ */ jsx(WorkflowHandle, { type: "source", position: Position.Bottom, id: "bottom-out", colorClass: "!bg-rose-500" })
+    /* @__PURE__ */ jsx(WorkflowHandle, { type: "source", position: Position.Right, id: "right-out", colorClass: "!bg-slate-500" }),
+    /* @__PURE__ */ jsx(WorkflowHandle, { type: "source", position: Position.Bottom, id: "bottom-out", colorClass: "!bg-slate-500" })
   ] });
 });
 var GROUP_COLORS = {
@@ -7306,5 +7315,5 @@ function Workspace({
 }
 
 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, LogicNodeModal, MINIMAP_NODE_COLORS, ModelProviderFlowNode, NodeCard, NodeContextMenu, NoteFlowNode, OpenAIIcon, PanelContextMenu, ParameterExtractorFlowNode, QuestionClassifierFlowNode, RuleFlowNode, SelectionContextMenu, StartFlowNode, StrandsIcon, TemplateTransformFlowNode, ToolFlowNode, VariableAggregatorFlowNode, VariableAssignerFlowNode, WorkflowBuilderProvider, WorkflowCanvas, Workspace, getCompatibleModels, getDefaultFrameworkForModel, getEntityBadgeColor, getEntityGradient, getEntityHandleColor, getEntityIcon, getEntityMinimapColor, getFrameworkMeta, isModelCompatibleWithFramework, useModalStore, useWorkflowBuilderClient, useWorkflowBuilderClientOptional, useWorkflowStore };
-//# sourceMappingURL=chunk-NTXIFTIQ.mjs.map
-//# sourceMappingURL=chunk-NTXIFTIQ.mjs.map
+//# sourceMappingURL=chunk-57OBMWRA.mjs.map
+//# sourceMappingURL=chunk-57OBMWRA.mjs.map