@datatechsolutions/ui 2.11.10 → 2.11.11

package/dist/astrlabe/index.js

@@ -1073,6 +1073,31 @@ function PipelineSettingsModal({ onSave }) {
     }
   );
 }
+var DATASOURCE_GRADIENTS = {
+  bigquery: "from-blue-500 to-indigo-600",
+  postgres: "from-sky-500 to-blue-600",
+  snowflake: "from-cyan-400 to-blue-500",
+  mongodb: "from-green-500 to-emerald-600",
+  redis: "from-red-500 to-rose-600",
+  mysql: "from-blue-600 to-indigo-700",
+  clickhouse: "from-amber-500 to-yellow-600",
+  elasticsearch: "from-teal-500 to-cyan-600",
+  duckdb: "from-yellow-500 to-amber-600"
+};
+function getDatasourceGradient(entityId) {
+  const lower = entityId.toLowerCase();
+  for (const [key, gradient] of Object.entries(DATASOURCE_GRADIENTS)) {
+    if (lower.includes(key)) return gradient;
+  }
+  return chunkLFWRE3A3_js.getEntityGradient(entityId);
+}
+var PROVIDER_GRADIENTS = {
+  anthropic: "from-amber-500 to-orange-600",
+  amazon: "from-orange-500 to-amber-600",
+  google: "from-blue-500 to-cyan-600",
+  openai: "from-emerald-500 to-teal-600",
+  meta: "from-blue-600 to-indigo-700"
+};
 function onDragStart(event, nodeType, entityId, label, config) {
   event.dataTransfer.setData("nodeType", nodeType);
   event.dataTransfer.setData("entityId", entityId);
@@ -1414,7 +1439,7 @@ function NodePalette({ agents, tools, agentTools = [], rules, entities = [], mod
             limit: entity.defaultLimit
           });
           const EntityIcon = chunkLFWRE3A3_js.getEntityIcon(entity.id);
-          const entityGradient = chunkLFWRE3A3_js.getEntityGradient(entity.id);
+          const entityGradient = getDatasourceGradient(entity.id);
           return /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
@@ -1445,27 +1470,32 @@ function NodePalette({ agents, tools, agentTools = [], rules, entities = [], mod
         icon: /* @__PURE__ */ jsxRuntime.jsx(outline.KeyIcon, { className: "h-3 w-3" }),
         colorClass: "text-rose-600 dark:text-rose-400",
         count: filteredProviders.length,
-        children: filteredProviders.map((provider) => /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            className: "liquid-surface group flex items-center gap-2 rounded-lg px-3 py-2 transition-all cursor-pointer hover:shadow-md",
-            onClick: () => onConfigureProvider?.(provider.id),
-            role: "button",
-            tabIndex: 0,
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-6 w-6 items-center justify-center rounded-md bg-gradient-to-br from-rose-400 to-pink-500 shadow-sm", children: /* @__PURE__ */ jsxRuntime.jsx(outline.KeyIcon, { className: "h-3.5 w-3.5 text-white" }) }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-xs font-medium text-gray-900 dark:text-white", children: provider.name }),
-                /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "truncate text-[10px] text-gray-400 dark:text-gray-500", children: [
-                  provider.modelCount,
-                  " models"
-                ] })
-              ] }),
-              provider.configured ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-full bg-green-100 px-1.5 py-0.5 text-[9px] font-medium text-green-600 dark:bg-green-500/10 dark:text-green-400", children: t("configured") }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-full bg-amber-100 px-1.5 py-0.5 text-[9px] font-medium text-amber-600 dark:bg-amber-500/10 dark:text-amber-400", children: t("setup") })
-            ]
-          },
-          provider.id
-        ))
+        children: filteredProviders.map((provider) => {
+          const providerIcon = getModelIcon(`${provider.provider}.placeholder`);
+          const ProviderIcon = providerIcon.IconComponent;
+          const providerGradient = PROVIDER_GRADIENTS[provider.provider] ?? "from-rose-400 to-pink-500";
+          return /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: "liquid-surface group flex items-center gap-2 rounded-lg px-3 py-2 transition-all cursor-pointer hover:shadow-md",
+              onClick: () => onConfigureProvider?.(provider.id),
+              role: "button",
+              tabIndex: 0,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex h-6 w-6 items-center justify-center rounded-md bg-gradient-to-br ${providerGradient} shadow-sm`, children: /* @__PURE__ */ jsxRuntime.jsx(ProviderIcon, { className: "h-3.5 w-3.5 text-white" }) }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-xs font-medium text-gray-900 dark:text-white", children: provider.name }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "truncate text-[10px] text-gray-400 dark:text-gray-500", children: [
+                    provider.modelCount,
+                    " models"
+                  ] })
+                ] }),
+                provider.configured ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-full bg-green-100 px-1.5 py-0.5 text-[9px] font-medium text-green-600 dark:bg-green-500/10 dark:text-green-400", children: t("configured") }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-full bg-amber-100 px-1.5 py-0.5 text-[9px] font-medium text-amber-600 dark:bg-amber-500/10 dark:text-amber-400", children: t("setup") })
+              ]
+            },
+            provider.id
+          );
+        })
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsxs(