@datatechsolutions/ui 2.11.10 → 2.11.12

package/dist/astrlabe/index.mjs

@@ -1073,6 +1073,32 @@ function PipelineSettingsModal({ onSave }) {
     }
   );
 }
+var SI = (slug, color) => `https://cdn.simpleicons.org/${slug}/${color}`;
+var DATASOURCE_LOGOS = {
+  bigquery: "https://www.svgrepo.com/show/375546/bigquery.svg",
+  postgres: "https://www.svgrepo.com/show/354200/postgresql.svg",
+  snowflake: "https://www.svgrepo.com/show/354381/snowflake-icon.svg",
+  mongodb: "https://www.svgrepo.com/show/373845/mongo.svg",
+  redis: "https://www.svgrepo.com/show/354272/redis.svg",
+  mysql: "https://www.svgrepo.com/show/373848/mysql.svg",
+  clickhouse: SI("clickhouse", "FFCC01"),
+  elasticsearch: "https://www.svgrepo.com/show/353735/elasticsearch.svg",
+  duckdb: SI("duckdb", "FFF000")
+};
+function getDatasourceLogo(entityId) {
+  const lower = entityId.toLowerCase();
+  for (const [key, url] of Object.entries(DATASOURCE_LOGOS)) {
+    if (lower.includes(key)) return url;
+  }
+  return null;
+}
+var PROVIDER_LOGOS = {
+  anthropic: SI("anthropic", "D4A27F"),
+  amazon: "https://www.svgrepo.com/show/448266/aws.svg",
+  google: SI("googlegemini", "8E75B2"),
+  openai: "https://www.svgrepo.com/show/306500/openai.svg",
+  meta: SI("meta", "0668E1")
+};
 function onDragStart(event, nodeType, entityId, label, config) {
   event.dataTransfer.setData("nodeType", nodeType);
   event.dataTransfer.setData("entityId", entityId);
@@ -1413,6 +1439,7 @@ function NodePalette({ agents, tools, agentTools = [], rules, entities = [], mod
             outputVariable: `${entity.label.replace(/\s+/g, "")}Data`,
             limit: entity.defaultLimit
           });
+          const dsLogo = getDatasourceLogo(entity.id);
           const EntityIcon = getEntityIcon(entity.id);
           const entityGradient = getEntityGradient(entity.id);
           return /* @__PURE__ */ jsxs(
@@ -1422,7 +1449,7 @@ function NodePalette({ agents, tools, agentTools = [], rules, entities = [], mod
               onDragStart: (event) => onDragStart(event, "entity", entity.id, entity.label, defaultConfig),
               className: "liquid-surface group flex items-center gap-2 rounded-lg px-3 py-2 transition-all cursor-grab hover:shadow-md active:cursor-grabbing",
               children: [
-                /* @__PURE__ */ jsx("div", { className: `flex h-6 w-6 items-center justify-center rounded-md bg-gradient-to-br ${entityGradient} shadow-sm`, children: /* @__PURE__ */ jsx(EntityIcon, { className: "h-3.5 w-3.5 text-white" }) }),
+                dsLogo ? /* @__PURE__ */ jsx("div", { className: "flex h-6 w-6 shrink-0 items-center justify-center rounded-md bg-white/10 p-1", children: /* @__PURE__ */ jsx("img", { src: dsLogo, alt: "", className: "h-4 w-4 object-contain", loading: "lazy" }) }) : /* @__PURE__ */ jsx("div", { className: `flex h-6 w-6 items-center justify-center rounded-md bg-gradient-to-br ${entityGradient} shadow-sm`, children: /* @__PURE__ */ jsx(EntityIcon, { className: "h-3.5 w-3.5 text-white" }) }),
                 /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
                   /* @__PURE__ */ jsx("p", { className: "truncate text-xs font-medium text-gray-900 dark:text-white", children: entity.label }),
                   /* @__PURE__ */ jsxs("p", { className: "truncate text-[10px] text-gray-400 dark:text-gray-500", children: [
@@ -1445,27 +1472,30 @@ function NodePalette({ agents, tools, agentTools = [], rules, entities = [], mod
         icon: /* @__PURE__ */ jsx(KeyIcon, { className: "h-3 w-3" }),
         colorClass: "text-rose-600 dark:text-rose-400",
         count: filteredProviders.length,
-        children: filteredProviders.map((provider) => /* @__PURE__ */ 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__ */ 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__ */ jsx(KeyIcon, { className: "h-3.5 w-3.5 text-white" }) }),
-              /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-                /* @__PURE__ */ jsx("p", { className: "truncate text-xs font-medium text-gray-900 dark:text-white", children: provider.name }),
-                /* @__PURE__ */ jsxs("p", { className: "truncate text-[10px] text-gray-400 dark:text-gray-500", children: [
-                  provider.modelCount,
-                  " models"
-                ] })
-              ] }),
-              provider.configured ? /* @__PURE__ */ 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__ */ 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 providerLogo = PROVIDER_LOGOS[provider.provider];
+          return /* @__PURE__ */ 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: [
+                providerLogo ? /* @__PURE__ */ jsx("div", { className: "flex h-6 w-6 shrink-0 items-center justify-center rounded-md bg-white/10 p-1", children: /* @__PURE__ */ jsx("img", { src: providerLogo, alt: "", className: "h-4 w-4 object-contain", loading: "lazy" }) }) : /* @__PURE__ */ 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__ */ jsx(KeyIcon, { className: "h-3.5 w-3.5 text-white" }) }),
+                /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+                  /* @__PURE__ */ jsx("p", { className: "truncate text-xs font-medium text-gray-900 dark:text-white", children: provider.name }),
+                  /* @__PURE__ */ jsxs("p", { className: "truncate text-[10px] text-gray-400 dark:text-gray-500", children: [
+                    provider.modelCount,
+                    " models"
+                  ] })
+                ] }),
+                provider.configured ? /* @__PURE__ */ 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__ */ 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__ */ jsxs(