@datatechsolutions/ui 2.11.16 → 2.11.18

package/dist/astrlabe/workflow-canvas.js

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunk2JK7GQYA_js = require('../chunk-2JK7GQYA.js');
+var chunk4X7ITYP2_js = require('../chunk-4X7ITYP2.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 chunk2JK7GQYA_js.Workspace; }
+  get: function () { return chunk4X7ITYP2_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-4B47R7VI.mjs';
+export { Workspace } from '../chunk-LIYKHVLG.mjs';
 import '../chunk-46ZM5VJJ.mjs';
 import '../chunk-QWG2FMUN.mjs';
 import '../chunk-D2JF6C3E.mjs';

package/dist/{chunk-2JK7GQYA.js → chunk-4X7ITYP2.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 = [
@@ -2773,7 +2773,11 @@ var PROVIDER_LOGOS = {
   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")
+  anthropic_api: SI("anthropic", "D4A27F"),
+  groq: SI("groq", "000000"),
+  mistral: SI("mistralai", "FF7000"),
+  huggingface: SI("huggingface", "FFD21E"),
+  ollama: SI("ollama", "FFFFFF")
 };
 var PROVIDER_TYPE_LABELS = {
   aws_bedrock: "AWS Bedrock",
@@ -2781,6 +2785,10 @@ var PROVIDER_TYPE_LABELS = {
   google_vertex: "Google Vertex AI",
   azure_openai: "Azure OpenAI",
   anthropic_api: "Anthropic API",
+  groq: "Groq Cloud",
+  mistral: "Mistral AI",
+  huggingface: "Hugging Face",
+  ollama: "Ollama (Local)",
   custom: "Custom"
 };
 var ModelProviderFlowNode = react.memo(function ModelProviderFlowNode2({ id, data, selected }) {
@@ -2800,8 +2808,8 @@ 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;
@@ -2826,11 +2834,11 @@ var ModelProviderFlowNode = react.memo(function ModelProviderFlowNode2({ id, dat
               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 p-1.5"
+              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: [
@@ -2841,8 +2849,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 = {
@@ -5044,7 +5052,11 @@ var PROVIDER_TYPES = [
   { value: "google_vertex", label: "Google Vertex AI" },
   { value: "azure_openai", label: "Azure OpenAI" },
   { value: "anthropic_api", label: "Anthropic API" },
-  { value: "custom", label: "Custom" }
+  { value: "groq", label: "Groq Cloud" },
+  { value: "mistral", label: "Mistral AI" },
+  { value: "huggingface", label: "Hugging Face Inference" },
+  { value: "ollama", label: "Ollama (Local)" },
+  { value: "custom", label: "Custom OpenAI-compatible" }
 ];
 var REGION_OPTIONS = {
   aws_bedrock: [
@@ -5054,19 +5066,53 @@ var REGION_OPTIONS = {
     { value: "eu-central-1", label: "Europe (Frankfurt)" },
     { value: "ap-northeast-1", label: "Asia Pacific (Tokyo)" },
     { value: "ap-southeast-1", label: "Asia Pacific (Singapore)" },
-    { value: "sa-east-1", label: "South America (S\xE3o Paulo)" }
+    { value: "ap-south-1", label: "Asia Pacific (Mumbai)" },
+    { value: "sa-east-1", label: "South America (S\xE3o Paulo)" },
+    { value: "ca-central-1", label: "Canada (Central)" }
   ],
   google_vertex: [
     { value: "us-central1", label: "US Central (Iowa)" },
     { value: "us-east4", label: "US East (Virginia)" },
     { value: "europe-west4", label: "Europe West (Netherlands)" },
-    { value: "asia-northeast1", label: "Asia NE (Tokyo)" }
+    { value: "europe-west1", label: "Europe West (Belgium)" },
+    { value: "asia-northeast1", label: "Asia NE (Tokyo)" },
+    { value: "asia-southeast1", label: "Asia SE (Singapore)" },
+    { value: "southamerica-east1", label: "South America (S\xE3o Paulo)" }
   ],
   azure_openai: [
     { value: "eastus", label: "East US" },
+    { value: "eastus2", label: "East US 2" },
     { value: "westeurope", label: "West Europe" },
     { value: "swedencentral", label: "Sweden Central" },
-    { value: "japaneast", label: "Japan East" }
+    { value: "japaneast", label: "Japan East" },
+    { value: "australiaeast", label: "Australia East" },
+    { value: "canadaeast", label: "Canada East" },
+    { value: "uksouth", label: "UK South" }
+  ]
+};
+var MODEL_FAMILIES = {
+  aws_bedrock: [
+    { id: "claude", label: "Anthropic Claude", models: ["anthropic.claude-haiku-4-5-v1:0", "anthropic.claude-sonnet-4-6-v1:0", "anthropic.claude-opus-4-6-v1:0"] },
+    { id: "nova", label: "Amazon Nova", models: ["amazon.nova-lite-v1:0", "amazon.nova-pro-v1:0"] },
+    { id: "llama", label: "Meta Llama", models: ["meta.llama3-3-70b-instruct-v1:0"] },
+    { id: "mistral-bedrock", label: "Mistral AI", models: ["mistral.mistral-large-2411-v1:0"] }
+  ],
+  openai_api: [
+    { id: "gpt5", label: "GPT-5 Family", models: ["openai.gpt-5-v1:0", "openai.gpt-5-mini-v1:0"] }
+  ],
+  google_vertex: [
+    { id: "gemini", label: "Gemini Family", models: ["google.gemini-3-flash-v1:0", "google.gemini-3-1-pro-v1:0"] }
+  ],
+  anthropic_api: [
+    { id: "claude-direct", label: "Claude Family", models: ["anthropic.claude-haiku-4-5-v1:0", "anthropic.claude-sonnet-4-6-v1:0", "anthropic.claude-opus-4-6-v1:0"] }
+  ],
+  groq: [
+    { id: "groq-llama", label: "Llama (Groq)", models: ["meta.llama3-3-70b-instruct-v1:0"] },
+    { id: "groq-mixtral", label: "Mixtral (Groq)", models: ["mistral.mixtral-8x7b-v1:0"] }
+  ],
+  mistral: [
+    { id: "mistral-large", label: "Mistral Large", models: ["mistral.mistral-large-2411-v1:0"] },
+    { id: "mistral-small", label: "Mistral Small", models: ["mistral.mistral-small-v1:0"] }
   ]
 };
 function ModelProviderNodeConfigForm({ config, onSave, onCancel }) {
@@ -5077,12 +5123,40 @@ function ModelProviderNodeConfigForm({ config, onSave, onCancel }) {
   const [endpoint, setEndpoint] = react.useState(config.endpoint ?? "");
   const [credentialRef, setCredentialRef] = react.useState(config.credentialRef ?? "");
   const [apiKeyRef, setApiKeyRef] = react.useState(config.apiKeyRef ?? "");
+  const [selectedFamilies, setSelectedFamilies] = react.useState(() => {
+    const families2 = MODEL_FAMILIES[config.providerType] ?? [];
+    const filter = new Set(config.modelFilter ?? []);
+    const selected = /* @__PURE__ */ new Set();
+    for (const family of families2) {
+      if (family.models.some((m) => filter.has(m)) || filter.size === 0) {
+        selected.add(family.id);
+      }
+    }
+    return selected;
+  });
   const regions = REGION_OPTIONS[providerType] ?? [];
+  const families = MODEL_FAMILIES[providerType] ?? [];
   const showRegion = regions.length > 0;
-  const showEndpoint = providerType === "custom" || providerType === "azure_openai";
-  const showApiKey = providerType === "openai_api" || providerType === "anthropic_api" || providerType === "custom";
+  const showEndpoint = providerType === "custom" || providerType === "azure_openai" || providerType === "ollama";
+  const showApiKey = ["openai_api", "anthropic_api", "groq", "mistral", "huggingface", "custom"].includes(providerType);
   const showCredentialRef = providerType === "aws_bedrock" || providerType === "google_vertex";
+  const handleToggleFamily = (familyId) => {
+    setSelectedFamilies((previous) => {
+      const next = new Set(previous);
+      if (next.has(familyId)) next.delete(familyId);
+      else next.add(familyId);
+      return next;
+    });
+  };
+  const handleProviderChange = (value) => {
+    const newType = value;
+    setProviderType(newType);
+    setRegion("");
+    const newFamilies = MODEL_FAMILIES[newType] ?? [];
+    setSelectedFamilies(new Set(newFamilies.map((f) => f.id)));
+  };
   const handleSave = () => {
+    const modelFilter = families.filter((f) => selectedFamilies.has(f.id)).flatMap((f) => f.models);
     onSave({
       ...config,
       providerType,
@@ -5090,7 +5164,8 @@ function ModelProviderNodeConfigForm({ config, onSave, onCancel }) {
       region: region || void 0,
       endpoint: endpoint.trim() || void 0,
       credentialRef: credentialRef.trim() || void 0,
-      apiKeyRef: apiKeyRef.trim() || void 0
+      apiKeyRef: apiKeyRef.trim() || void 0,
+      modelFilter
     });
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
@@ -5109,10 +5184,7 @@ function ModelProviderNodeConfigForm({ config, onSave, onCancel }) {
       {
         label: t("providerTypeLabel"),
         value: providerType,
-        onValueChange: (value) => {
-          setProviderType(value);
-          setRegion("");
-        },
+        onValueChange: handleProviderChange,
         options: PROVIDER_TYPES.map((pt) => ({ value: pt.value, label: pt.label }))
       }
     ),
@@ -5132,7 +5204,7 @@ function ModelProviderNodeConfigForm({ config, onSave, onCancel }) {
         label: t("endpointLabel"),
         value: endpoint,
         onValueChange: setEndpoint,
-        placeholder: t("endpointPlaceholder")
+        placeholder: providerType === "ollama" ? "http://localhost:11434" : t("endpointPlaceholder")
       }
     ),
     showApiKey && /* @__PURE__ */ jsxRuntime.jsx(
@@ -5152,9 +5224,34 @@ function ModelProviderNodeConfigForm({ config, onSave, onCancel }) {
         label: t("credentialRefLabel"),
         value: credentialRef,
         onValueChange: setCredentialRef,
-        placeholder: t("credentialRefPlaceholder")
+        placeholder: providerType === "aws_bedrock" ? "arn:aws:iam::role/bedrock-role" : t("credentialRefPlaceholder")
       }
     ),
+    families.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("label", { className: "mb-2 block text-sm font-medium text-gray-700 dark:text-gray-300", children: t("modelFamiliesLabel") }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1.5", children: families.map((family) => {
+        const isSelected = selectedFamilies.has(family.id);
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => handleToggleFamily(family.id),
+            className: `flex w-full items-center gap-3 rounded-lg border px-3 py-2 text-left transition-all ${isSelected ? "border-indigo-500/30 bg-indigo-50/50 dark:border-indigo-400/20 dark:bg-indigo-500/5" : "border-gray-200/50 hover:border-gray-300 dark:border-white/10 dark:hover:border-white/20"}`,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex h-4 w-4 shrink-0 items-center justify-center rounded ${isSelected ? "bg-indigo-500 text-white" : "border border-gray-300 dark:border-gray-600"}`, children: isSelected && /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "h-3 w-3", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-gray-900 dark:text-white", children: family.label }),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ml-2 text-[10px] text-gray-400 dark:text-gray-500", children: [
+                  family.models.length,
+                  " models"
+                ] })
+              ] })
+            ]
+          },
+          family.id
+        );
+      }) })
+    ] }),
     /* @__PURE__ */ jsxRuntime.jsx(
       ConfigFormActions,
       {
@@ -7376,5 +7473,5 @@ exports.useModalStore = useModalStore;
 exports.useWorkflowBuilderClient = useWorkflowBuilderClient;
 exports.useWorkflowBuilderClientOptional = useWorkflowBuilderClientOptional;
 exports.useWorkflowStore = useWorkflowStore;
-//# sourceMappingURL=chunk-2JK7GQYA.js.map
-//# sourceMappingURL=chunk-2JK7GQYA.js.map
+//# sourceMappingURL=chunk-4X7ITYP2.js.map
+//# sourceMappingURL=chunk-4X7ITYP2.js.map