@datatechsolutions/ui 2.11.11 → 2.11.12

package/dist/astrlabe/index.mjs

@@ -1,7 +1,7 @@
 "use client";
 import '../chunk-JB6RNAD2.mjs';
 export { topologicalSortAgents, validateWorkflowGraph } from '../chunk-BLNXRUC4.mjs';
-import { Workspace, useModalStore, CATEGORY_COLORS, CATEGORY_PILL_COLORS, ICON_MAP, WorkflowCanvas, getEntityIcon, useWorkflowStore, LOGIC_ICON_MAP, LOGIC_NODE_GRADIENTS, getFrameworkMeta, getCompatibleModels, isModelCompatibleWithFramework, FRAMEWORK_META, getEntityGradient } from '../chunk-VWKBMTTC.mjs';
+import { Workspace, useModalStore, CATEGORY_COLORS, CATEGORY_PILL_COLORS, ICON_MAP, WorkflowCanvas, getEntityIcon, getEntityGradient, useWorkflowStore, LOGIC_ICON_MAP, LOGIC_NODE_GRADIENTS, getFrameworkMeta, getCompatibleModels, isModelCompatibleWithFramework, FRAMEWORK_META } from '../chunk-VWKBMTTC.mjs';
 export { AgentFlowNode, AgentToolFlowNode, AnswerFlowNode, AnthropicIcon, CodeFlowNode, CrewAIIcon, DocumentExtractorFlowNode, EndFlowNode, EntityFlowNode, FRAMEWORK_META, GoogleADKIcon, GroupFlowNode, HttpRequestFlowNode, IfElseFlowNode, IterationFlowNode, IterationStartFlowNode, KnowledgeBaseFlowNode, LOGIC_ICON_MAP, LOGIC_NODE_BADGE_COLORS, LOGIC_NODE_GRADIENTS, LOGIC_NODE_HANDLE_COLORS, LangChainIcon, ListOperatorFlowNode, LogicNodeModal, MINIMAP_NODE_COLORS, NodeCard, NodeContextMenu, NoteFlowNode, OpenAIIcon, PanelContextMenu, ParameterExtractorFlowNode, QuestionClassifierFlowNode, RuleFlowNode, SelectionContextMenu, StartFlowNode, StrandsIcon, TemplateTransformFlowNode, ToolFlowNode, VariableAggregatorFlowNode, VariableAssignerFlowNode, WorkflowBuilderProvider, Workspace, getCompatibleModels, getDefaultFrameworkForModel, getEntityBadgeColor, getEntityGradient, getEntityHandleColor, getEntityIcon, getEntityMinimapColor, getFrameworkMeta, isModelCompatibleWithFramework, useModalStore, useWorkflowBuilderClient, useWorkflowBuilderClientOptional, useWorkflowStore } from '../chunk-VWKBMTTC.mjs';
 import { GlassModalShell, Button, FormInput, FormTextarea, GlassFormModal, Input, DynamicIslandConfirm } from '../chunk-46ZM5VJJ.mjs';
 import '../chunk-QWG2FMUN.mjs';
@@ -1073,30 +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"
+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 getDatasourceGradient(entityId) {
+function getDatasourceLogo(entityId) {
   const lower = entityId.toLowerCase();
-  for (const [key, gradient] of Object.entries(DATASOURCE_GRADIENTS)) {
-    if (lower.includes(key)) return gradient;
+  for (const [key, url] of Object.entries(DATASOURCE_LOGOS)) {
+    if (lower.includes(key)) return url;
   }
-  return getEntityGradient(entityId);
+  return null;
 }
-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"
+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);
@@ -1438,8 +1439,9 @@ 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 = getDatasourceGradient(entity.id);
+          const entityGradient = getEntityGradient(entity.id);
           return /* @__PURE__ */ jsxs(
             "div",
             {
@@ -1447,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: [
@@ -1471,9 +1473,7 @@ function NodePalette({ agents, tools, agentTools = [], rules, entities = [], mod
         colorClass: "text-rose-600 dark:text-rose-400",
         count: filteredProviders.length,
         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";
+          const providerLogo = PROVIDER_LOGOS[provider.provider];
           return /* @__PURE__ */ jsxs(
             "div",
             {
@@ -1482,7 +1482,7 @@ function NodePalette({ agents, tools, agentTools = [], rules, entities = [], mod
               role: "button",
               tabIndex: 0,
               children: [
-                /* @__PURE__ */ jsx("div", { className: `flex h-6 w-6 items-center justify-center rounded-md bg-gradient-to-br ${providerGradient} shadow-sm`, children: /* @__PURE__ */ jsx(ProviderIcon, { className: "h-3.5 w-3.5 text-white" }) }),
+                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: [