@datatechsolutions/ui 3.6.0 → 3.6.1

package/dist/{chunk-UWSMHKOF.js → chunk-6ZMTJSQF.js}

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkS7AV6XEY_js = require('./chunk-S7AV6XEY.js');
+var chunkSQZGQOKU_js = require('./chunk-SQZGQOKU.js');
 var chunkGCYYGSHU_js = require('./chunk-GCYYGSHU.js');
 var chunkYXN2K77G_js = require('./chunk-YXN2K77G.js');
 var chunk72SWXOD5_js = require('./chunk-72SWXOD5.js');
@@ -40,11 +40,11 @@ var ModelProviderFlowNode = react.memo(function ModelProviderFlowNode2({ id, dat
   const isCompact = data.displayMode === "compact";
   if (!config) {
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(chunkS7AV6XEY_js.NodeRunningIndicator, { nodeId: id }),
-      /* @__PURE__ */ jsxRuntime.jsx(chunkS7AV6XEY_js.WorkflowHandle, { type: "target", position: react$1.Position.Left, id: "left-in", colorClass: "!bg-gray-400 dark:!bg-gray-500" }),
-      /* @__PURE__ */ jsxRuntime.jsx(chunkS7AV6XEY_js.WorkflowHandle, { type: "target", position: react$1.Position.Top, id: "top-in", colorClass: "!bg-gray-400 dark:!bg-gray-500" }),
-      /* @__PURE__ */ jsxRuntime.jsx(chunkS7AV6XEY_js.NodeCard, { variant: "error", nodeType: "model_provider", width: "w-[280px]", children: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkS7AV6XEY_js.NodeCardHeader,
+      /* @__PURE__ */ jsxRuntime.jsx(chunkSQZGQOKU_js.NodeRunningIndicator, { nodeId: id }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkSQZGQOKU_js.WorkflowHandle, { type: "target", position: react$1.Position.Left, id: "left-in", colorClass: "!bg-gray-400 dark:!bg-gray-500" }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkSQZGQOKU_js.WorkflowHandle, { type: "target", position: react$1.Position.Top, id: "top-in", colorClass: "!bg-gray-400 dark:!bg-gray-500" }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkSQZGQOKU_js.NodeCard, { variant: "error", nodeType: "model_provider", width: "w-[280px]", children: /* @__PURE__ */ jsxRuntime.jsx(
+        chunkSQZGQOKU_js.NodeCardHeader,
         {
           icon: /* @__PURE__ */ jsxRuntime.jsx(outline.ExclamationTriangleIcon, { className: "h-6 w-6 text-white" }),
           title: data.label || "Model Provider",
@@ -52,8 +52,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(chunkS7AV6XEY_js.WorkflowHandle, { type: "source", position: react$1.Position.Right, id: "right-out", colorClass: "!bg-slate-500" }),
-      /* @__PURE__ */ jsxRuntime.jsx(chunkS7AV6XEY_js.WorkflowHandle, { type: "source", position: react$1.Position.Bottom, id: "bottom-out", colorClass: "!bg-slate-500" })
+      /* @__PURE__ */ jsxRuntime.jsx(chunkSQZGQOKU_js.WorkflowHandle, { type: "source", position: react$1.Position.Right, id: "right-out", colorClass: "!bg-slate-500" }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkSQZGQOKU_js.WorkflowHandle, { type: "source", position: react$1.Position.Bottom, id: "bottom-out", colorClass: "!bg-slate-500" })
     ] });
   }
   const providerLabel = PROVIDER_TYPE_LABELS[config.providerType] ?? config.providerType;
@@ -62,18 +62,18 @@ var ModelProviderFlowNode = react.memo(function ModelProviderFlowNode2({ id, dat
   const isConfigured = !!(config.credentialRef || config.apiKeyRef);
   const logo = PROVIDER_LOGOS[config.providerType];
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkS7AV6XEY_js.NodeRunningIndicator, { nodeId: id }),
-    /* @__PURE__ */ jsxRuntime.jsx(chunkS7AV6XEY_js.WorkflowHandle, { type: "target", position: react$1.Position.Left, id: "left-in", colorClass: "!bg-gray-400 dark:!bg-gray-500" }),
-    /* @__PURE__ */ jsxRuntime.jsx(chunkS7AV6XEY_js.WorkflowHandle, { type: "target", position: react$1.Position.Top, id: "top-in", colorClass: "!bg-gray-400 dark:!bg-gray-500" }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkSQZGQOKU_js.NodeRunningIndicator, { nodeId: id }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkSQZGQOKU_js.WorkflowHandle, { type: "target", position: react$1.Position.Left, id: "left-in", colorClass: "!bg-gray-400 dark:!bg-gray-500" }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkSQZGQOKU_js.WorkflowHandle, { type: "target", position: react$1.Position.Top, id: "top-in", colorClass: "!bg-gray-400 dark:!bg-gray-500" }),
     /* @__PURE__ */ jsxRuntime.jsx(
       "button",
       {
         type: "button",
         onClick: () => data.onEdit?.(id),
         className: "w-full text-left",
-        children: /* @__PURE__ */ jsxRuntime.jsxs(chunkS7AV6XEY_js.NodeCard, { compact: isCompact, selected, nodeType: "model_provider", width: "w-[280px]", children: [
+        children: /* @__PURE__ */ jsxRuntime.jsxs(chunkSQZGQOKU_js.NodeCard, { compact: isCompact, selected, nodeType: "model_provider", width: "w-[280px]", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkS7AV6XEY_js.NodeCardHeader,
+            chunkSQZGQOKU_js.NodeCardHeader,
             {
               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,
@@ -81,11 +81,11 @@ var ModelProviderFlowNode = react.memo(function ModelProviderFlowNode2({ id, dat
               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(chunkS7AV6XEY_js.NodeCardMeta, { compact: isCompact, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(chunkS7AV6XEY_js.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(chunkS7AV6XEY_js.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(chunkS7AV6XEY_js.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(chunkS7AV6XEY_js.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: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkSQZGQOKU_js.NodeCardMeta, { compact: isCompact, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.Badge, { color: "zinc", size: "xs", children: providerLabel }),
+            regionLabel && /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.Badge, { color: "zinc", size: "xs", children: regionLabel }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.Badge, { color: isConfigured ? "green" : "amber", size: "xs", children: isConfigured ? "Configured" : "Setup needed" }),
+            config.modelFilter && config.modelFilter.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(chunkGCYYGSHU_js.Badge, { color: "zinc", size: "xs", children: [
               config.modelFilter.length,
               " models"
             ] })
@@ -93,8 +93,8 @@ var ModelProviderFlowNode = react.memo(function ModelProviderFlowNode2({ id, dat
         ] })
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx(chunkS7AV6XEY_js.WorkflowHandle, { type: "source", position: react$1.Position.Right, id: "right-out", colorClass: "!bg-slate-500" }),
-    /* @__PURE__ */ jsxRuntime.jsx(chunkS7AV6XEY_js.WorkflowHandle, { type: "source", position: react$1.Position.Bottom, id: "bottom-out", colorClass: "!bg-slate-500" })
+    /* @__PURE__ */ jsxRuntime.jsx(chunkSQZGQOKU_js.WorkflowHandle, { type: "source", position: react$1.Position.Right, id: "right-out", colorClass: "!bg-slate-500" }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkSQZGQOKU_js.WorkflowHandle, { type: "source", position: react$1.Position.Bottom, id: "bottom-out", colorClass: "!bg-slate-500" })
   ] });
 });
 var S3WriteFlowNode = react.memo(function S3WriteFlowNode2({ id, data, selected }) {
@@ -103,10 +103,10 @@ var S3WriteFlowNode = react.memo(function S3WriteFlowNode2({ id, data, selected
   const isCompact = data.displayMode === "compact";
   const keyPreview = config.key ? config.key.slice(0, 30) : "";
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkS7AV6XEY_js.NodeRunningIndicator, { nodeId: id }),
-    /* @__PURE__ */ jsxRuntime.jsx(chunkS7AV6XEY_js.WorkflowHandle, { type: "target", position: react$1.Position.Left, id: "left-in", colorClass: "!bg-cyan-500" }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkSQZGQOKU_js.NodeRunningIndicator, { nodeId: id }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkSQZGQOKU_js.WorkflowHandle, { type: "target", position: react$1.Position.Left, id: "left-in", colorClass: "!bg-cyan-500" }),
     /* @__PURE__ */ jsxRuntime.jsxs(
-      chunkS7AV6XEY_js.NodeInteractiveCard,
+      chunkSQZGQOKU_js.NodeInteractiveCard,
       {
         nodeId: id,
         onEdit,
@@ -115,27 +115,27 @@ var S3WriteFlowNode = react.memo(function S3WriteFlowNode2({ id, data, selected
         nodeType: "s3_write",
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkS7AV6XEY_js.NodeCardHeader,
+            chunkSQZGQOKU_js.NodeCardHeader,
             {
-              icon: /* @__PURE__ */ jsxRuntime.jsx(chunkS7AV6XEY_js.NodeIconBubble, { tone: "s3_write", children: /* @__PURE__ */ jsxRuntime.jsx(outline.CloudArrowUpIcon, { className: "h-5 w-5 text-white" }) }),
+              icon: /* @__PURE__ */ jsxRuntime.jsx(chunkSQZGQOKU_js.NodeIconBubble, { tone: "s3_write", children: /* @__PURE__ */ jsxRuntime.jsx(outline.CloudArrowUpIcon, { className: "h-5 w-5 text-white" }) }),
               title: label,
               description: t("s3WriteNodeDescription"),
               compact: isCompact,
               iconClassName: ""
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsxs(chunkS7AV6XEY_js.NodeCardMeta, { compact: isCompact, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(chunkSQZGQOKU_js.NodeCardMeta, { compact: isCompact, children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(chunkS7AV6XEY_js.NodeCardBadge, { tone: "s3_write", children: t("s3WriteNode") }),
-              config.bucket && /* @__PURE__ */ jsxRuntime.jsx(chunkS7AV6XEY_js.NodeCardBadge, { tone: "s3_write", soft: true, children: config.bucket }),
+              /* @__PURE__ */ jsxRuntime.jsx(chunkSQZGQOKU_js.NodeCardBadge, { tone: "s3_write", children: t("s3WriteNode") }),
+              config.bucket && /* @__PURE__ */ jsxRuntime.jsx(chunkSQZGQOKU_js.NodeCardBadge, { tone: "s3_write", soft: true, children: config.bucket }),
               keyPreview && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-[10px] text-gray-400 dark:text-gray-500", children: keyPreview })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(chunkS7AV6XEY_js.NodeCardDeleteAction, { nodeId: id, onDelete })
+            /* @__PURE__ */ jsxRuntime.jsx(chunkSQZGQOKU_js.NodeCardDeleteAction, { nodeId: id, onDelete })
           ] })
         ]
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx(chunkS7AV6XEY_js.WorkflowHandle, { type: "source", position: react$1.Position.Right, id: "right-out", colorClass: "!bg-cyan-500" })
+    /* @__PURE__ */ jsxRuntime.jsx(chunkSQZGQOKU_js.WorkflowHandle, { type: "source", position: react$1.Position.Right, id: "right-out", colorClass: "!bg-cyan-500" })
   ] });
 });
 function AnthropicModelIcon({ className }) {
@@ -611,13 +611,13 @@ function AgentCapabilityCard({ elo, setElo, models, selectedModelId, setSelected
   ] });
 }
 function ConfigTab({ models, t, selectedModelId, setSelectedModelId, selectedFramework, setSelectedFramework, markDirty, connectedProviderTypes }) {
-  const frameworkKeys = Object.keys(chunkS7AV6XEY_js.FRAMEWORK_META);
+  const frameworkKeys = Object.keys(chunkSQZGQOKU_js.FRAMEWORK_META);
   const hasProviderConstraints = connectedProviderTypes.length > 0;
-  const compatibleModels = chunkS7AV6XEY_js.getCompatibleModels(models, selectedFramework);
+  const compatibleModels = chunkSQZGQOKU_js.getCompatibleModels(models, selectedFramework);
   const handleFrameworkChange = react.useCallback((newFramework) => {
     setSelectedFramework(newFramework);
-    if (!chunkS7AV6XEY_js.isModelCompatibleWithFramework(selectedModelId, newFramework)) {
-      const compatible = chunkS7AV6XEY_js.getCompatibleModels(models, newFramework);
+    if (!chunkSQZGQOKU_js.isModelCompatibleWithFramework(selectedModelId, newFramework)) {
+      const compatible = chunkSQZGQOKU_js.getCompatibleModels(models, newFramework);
       if (compatible.length > 0) {
         setSelectedModelId(compatible[0].id);
       }
@@ -628,10 +628,10 @@ function ConfigTab({ models, t, selectedModelId, setSelectedModelId, selectedFra
     /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
       /* @__PURE__ */ jsxRuntime.jsx("label", { className: "mb-2 block text-xs font-medium text-gray-500 dark:text-gray-400", children: t("agentDrawer.framework") }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1.5", children: frameworkKeys.map((key) => {
-        const meta = chunkS7AV6XEY_js.FRAMEWORK_META[key];
+        const meta = chunkSQZGQOKU_js.FRAMEWORK_META[key];
         const isSelected = key === selectedFramework;
-        const compatCount = chunkS7AV6XEY_js.getCompatibleModels(models, key).length;
-        const isCompatibleWithProviders = !hasProviderConstraints || chunkS7AV6XEY_js.isFrameworkCompatibleWithProviders(key, connectedProviderTypes);
+        const compatCount = chunkSQZGQOKU_js.getCompatibleModels(models, key).length;
+        const isCompatibleWithProviders = !hasProviderConstraints || chunkSQZGQOKU_js.isFrameworkCompatibleWithProviders(key, connectedProviderTypes);
         return /* @__PURE__ */ jsxRuntime.jsxs(
           "button",
           {
@@ -663,7 +663,7 @@ function ConfigTab({ models, t, selectedModelId, setSelectedModelId, selectedFra
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-2", children: models.map((model) => {
         const isSelected = model.id === selectedModelId;
-        const isCompatible = chunkS7AV6XEY_js.isModelCompatibleWithFramework(model.id, selectedFramework);
+        const isCompatible = chunkSQZGQOKU_js.isModelCompatibleWithFramework(model.id, selectedFramework);
         const { IconComponent, color, providerLabel } = getModelIcon(model.id);
         return /* @__PURE__ */ jsxRuntime.jsxs(
           "button",
@@ -821,7 +821,7 @@ function ToolsTab({ agentTools, enabledToolIds, onToggle, agentFramework, t }) {
               ] }),
               tool.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-[10px] text-gray-400 dark:text-gray-500", children: tool.description }),
               tool.compatibleFrameworks && tool.compatibleFrameworks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 flex flex-wrap gap-0.5", children: tool.compatibleFrameworks.map((framework) => {
-                const meta = chunkS7AV6XEY_js.getFrameworkMeta(framework);
+                const meta = chunkSQZGQOKU_js.getFrameworkMeta(framework);
                 const isCurrentFw = framework === agentFramework;
                 return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `inline-flex items-center gap-0.5 rounded px-1.5 py-0.5 text-[8px] font-medium ${isCurrentFw ? meta.badgeColor : "bg-gray-100 text-gray-500 dark:bg-white/5 dark:text-gray-400"}`, children: [
                   /* @__PURE__ */ jsxRuntime.jsx(meta.IconComponent, { className: "h-2.5 w-2.5" }),
@@ -886,7 +886,7 @@ function EngineTab({
   const compatibleProviders = findCompatibleProviders(selectedModelId, modelProviders);
   const configuredCompatible = compatibleProviders.filter((p) => p.configured);
   const effectiveProvider = compatibleProviders.find((p) => p.id === selectedProviderId) ?? configuredCompatible[0] ?? compatibleProviders[0];
-  const frameworkMeta = chunkS7AV6XEY_js.getFrameworkMeta(selectedFramework);
+  const frameworkMeta = chunkSQZGQOKU_js.getFrameworkMeta(selectedFramework);
   const inputCard = "liquid-surface w-full rounded-lg px-3 py-1.5 text-sm text-gray-800 outline-none transition-colors focus:ring-1 focus:ring-indigo-300/40 dark:text-gray-200 dark:focus:ring-indigo-500/20";
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-5", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "overflow-hidden rounded-2xl border border-indigo-500/20 bg-gradient-to-b from-indigo-500/[0.04] via-violet-500/[0.03] to-purple-500/[0.04] dark:border-indigo-400/20 dark:from-indigo-500/[0.10] dark:via-violet-500/[0.06] dark:to-purple-500/[0.08]", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 pb-3 pt-4", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -1030,9 +1030,9 @@ function EngineTab({
 }
 function AgentModal({ onSaved, onPersist }) {
   const t = chunkYXN2K77G_js.useTranslations("agents.workflow");
-  const activeModal = chunkS7AV6XEY_js.useModalStore((s) => s.activeModal);
-  const agentData = chunkS7AV6XEY_js.useModalStore((s) => s.agentData);
-  const closeModal = chunkS7AV6XEY_js.useModalStore((s) => s.closeModal);
+  const activeModal = chunkSQZGQOKU_js.useModalStore((s) => s.activeModal);
+  const agentData = chunkSQZGQOKU_js.useModalStore((s) => s.agentData);
+  const closeModal = chunkSQZGQOKU_js.useModalStore((s) => s.closeModal);
   const open = activeModal === "agent";
   const agent = agentData?.agent ?? null;
   const models = agentData?.models ?? [];
@@ -1477,7 +1477,7 @@ function SubworkflowModal({ onSaved, onMaximize }) {
   const markDirty = useSubworkflowStore((s) => s.markDirty);
   const markSaved = useSubworkflowStore((s) => s.markSaved);
   const closeModal = useSubworkflowStore((s) => s.closeModal);
-  const agentBehind = chunkS7AV6XEY_js.useModalStore((s) => s.activeModal === "agent" ? s.agentData?.agent?.name : null);
+  const agentBehind = chunkSQZGQOKU_js.useModalStore((s) => s.activeModal === "agent" ? s.agentData?.agent?.name : null);
   const isCreateMode = !tool?.toolId;
   const initialGraph = react.useMemo(() => {
     const config = tool?.config;
@@ -1506,9 +1506,9 @@ function SubworkflowModal({ onSaved, onMaximize }) {
   }, [tool, onSaved, name, category, description, timeoutMs, latestGraphRef, markSaved]);
   if (!tool) return null;
   const categoryKey = category ?? "external";
-  const gradient = tool.color ?? chunkS7AV6XEY_js.CATEGORY_COLORS[categoryKey] ?? chunkS7AV6XEY_js.CATEGORY_COLORS.external;
-  const categoryPill = chunkS7AV6XEY_js.CATEGORY_PILL_COLORS[categoryKey] ?? chunkS7AV6XEY_js.CATEGORY_PILL_COLORS.external;
-  const IconComponent = chunkS7AV6XEY_js.ICON_MAP[tool.icon ?? ""] ?? outline.ArrowPathRoundedSquareIcon;
+  const gradient = tool.color ?? chunkSQZGQOKU_js.CATEGORY_COLORS[categoryKey] ?? chunkSQZGQOKU_js.CATEGORY_COLORS.external;
+  const categoryPill = chunkSQZGQOKU_js.CATEGORY_PILL_COLORS[categoryKey] ?? chunkSQZGQOKU_js.CATEGORY_PILL_COLORS.external;
+  const IconComponent = chunkSQZGQOKU_js.ICON_MAP[tool.icon ?? ""] ?? outline.ArrowPathRoundedSquareIcon;
   const graph = latestGraphRef.current;
   const startNode = graph.nodes.find((n) => n.type === "start");
   const endNode = graph.nodes.find((n) => n.type === "end");
@@ -1573,7 +1573,7 @@ function SubworkflowModal({ onSaved, onMaximize }) {
               {
                 type: "button",
                 onClick: () => setCategory(cat),
-                className: `rounded-full px-2 py-1 text-[9px] font-semibold transition-all ${cat === category ? `${chunkS7AV6XEY_js.CATEGORY_PILL_COLORS[cat] ?? chunkS7AV6XEY_js.CATEGORY_PILL_COLORS.external} ring-1 ring-current/20` : "bg-white/30 text-gray-500 hover:bg-white/50 dark:bg-white/5 dark:text-gray-400"}`,
+                className: `rounded-full px-2 py-1 text-[9px] font-semibold transition-all ${cat === category ? `${chunkSQZGQOKU_js.CATEGORY_PILL_COLORS[cat] ?? chunkSQZGQOKU_js.CATEGORY_PILL_COLORS.external} ring-1 ring-current/20` : "bg-white/30 text-gray-500 hover:bg-white/50 dark:bg-white/5 dark:text-gray-400"}`,
                 children: cat
               },
               cat
@@ -1660,7 +1660,7 @@ function SubworkflowModal({ onSaved, onMaximize }) {
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-auto" })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(
-          chunkS7AV6XEY_js.WorkflowCanvas,
+          chunkSQZGQOKU_js.WorkflowCanvas,
           {
             initialGraph,
             agents: [],
@@ -1676,9 +1676,9 @@ function SubworkflowModal({ onSaved, onMaximize }) {
 }
 function PipelineSettingsModal({ onSave }) {
   const t = chunkYXN2K77G_js.useTranslations("agents.workflow");
-  const activeModal = chunkS7AV6XEY_js.useModalStore((s) => s.activeModal);
-  const data = chunkS7AV6XEY_js.useModalStore((s) => s.pipelineSettingsData);
-  const closeModal = chunkS7AV6XEY_js.useModalStore((s) => s.closeModal);
+  const activeModal = chunkSQZGQOKU_js.useModalStore((s) => s.activeModal);
+  const data = chunkSQZGQOKU_js.useModalStore((s) => s.pipelineSettingsData);
+  const closeModal = chunkSQZGQOKU_js.useModalStore((s) => s.closeModal);
   const open = activeModal === "pipeline-settings";
   const [nameValue, setNameValue] = react.useState("");
   const [descriptionValue, setDescriptionValue] = react.useState("");
@@ -3027,8 +3027,8 @@ function CollapsibleSection({ title, icon, colorClass, defaultOpen = true, count
   ] });
 }
 function LogicNodeItemCard({ item, translationFunction }) {
-  const IconComponent = chunkS7AV6XEY_js.LOGIC_ICON_MAP[item.nodeType];
-  const gradient = chunkS7AV6XEY_js.LOGIC_NODE_GRADIENTS[item.nodeType] ?? "from-gray-400 to-gray-500";
+  const IconComponent = chunkSQZGQOKU_js.LOGIC_ICON_MAP[item.nodeType];
+  const gradient = chunkSQZGQOKU_js.LOGIC_NODE_GRADIENTS[item.nodeType] ?? "from-gray-400 to-gray-500";
   const defaultConfig = chunk72SWXOD5_js.createDefaultLogicNodeConfig(item.nodeType);
   const configJson = defaultConfig ? JSON.stringify(defaultConfig) : void 0;
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -3099,7 +3099,7 @@ function NodePalette({ agents, tools, agentTools = [], rules, entities = [], mod
     [entityTypes, normalizedQuery]
   );
   const filteredLogicItems = react.useMemo(() => {
-    const visibleByDefault = LOGIC_NODE_ITEMS.filter((item) => !chunkS7AV6XEY_js.EXPERIMENTAL_NODE_TYPES.has(item.nodeType));
+    const visibleByDefault = LOGIC_NODE_ITEMS.filter((item) => !chunkSQZGQOKU_js.EXPERIMENTAL_NODE_TYPES.has(item.nodeType));
     if (!normalizedQuery) return visibleByDefault;
     return visibleByDefault.filter(
       (item) => t(item.nameKey).toLowerCase().includes(normalizedQuery) || t(item.descriptionKey).toLowerCase().includes(normalizedQuery)
@@ -3312,8 +3312,8 @@ function NodePalette({ agents, tools, agentTools = [], rules, entities = [], mod
             limit: entity.defaultLimit
           });
           const dsLogo = getDatasourceLogo(entity.id);
-          const EntityIcon = chunkS7AV6XEY_js.getEntityIcon(entity.id);
-          const entityGradient = chunkS7AV6XEY_js.getEntityGradient(entity.id);
+          const EntityIcon = chunkSQZGQOKU_js.getEntityIcon(entity.id);
+          const entityGradient = chunkSQZGQOKU_js.getEntityGradient(entity.id);
           return /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
@@ -3668,9 +3668,9 @@ function formatDuration2(durationMs) {
 }
 function RunPanel({ open, onClose, onRun, onStop }) {
   const translations = chunkYXN2K77G_js.useTranslations("agents.workflow.runPanel");
-  const nodes = chunkS7AV6XEY_js.useWorkflowStore((state) => state.nodes);
-  const isRunning = chunkS7AV6XEY_js.useWorkflowStore((state) => state.isRunning);
-  const nodeResults = chunkS7AV6XEY_js.useWorkflowStore((state) => state.nodeResults);
+  const nodes = chunkSQZGQOKU_js.useWorkflowStore((state) => state.nodes);
+  const isRunning = chunkSQZGQOKU_js.useWorkflowStore((state) => state.isRunning);
+  const nodeResults = chunkSQZGQOKU_js.useWorkflowStore((state) => state.nodeResults);
   const startNode = nodes.find((node) => node.type === "start");
   const hasEndNode = nodes.some((node) => node.type === "end");
   const hasValidStartConfig = Boolean(
@@ -4001,8 +4001,8 @@ function inferVariables(config, nodeType) {
 }
 function VariableInspector({ open, onClose }) {
   const translations = chunkYXN2K77G_js.useTranslations("agents.workflow.variableInspector");
-  const nodes = chunkS7AV6XEY_js.useWorkflowStore((state) => state.nodes);
-  const edges = chunkS7AV6XEY_js.useWorkflowStore((state) => state.edges);
+  const nodes = chunkSQZGQOKU_js.useWorkflowStore((state) => state.nodes);
+  const edges = chunkSQZGQOKU_js.useWorkflowStore((state) => state.edges);
   const [expandedNodes, setExpandedNodes] = react.useState(/* @__PURE__ */ new Set());
   const toggleNodeExpansion = react.useCallback((nodeId) => {
     setExpandedNodes((current) => {
@@ -4064,8 +4064,8 @@ function VariableInspector({ open, onClose }) {
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm text-gray-500 dark:text-gray-400", children: translations("noNodes") })
         ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y divide-gray-100 dark:divide-gray-800", children: nodeVariableEntries.map((entry) => {
           const isExpanded = expandedNodes.has(entry.nodeId);
-          const IconComponent = chunkS7AV6XEY_js.LOGIC_ICON_MAP[entry.nodeType];
-          const gradient = chunkS7AV6XEY_js.LOGIC_NODE_GRADIENTS[entry.nodeType] ?? "from-gray-400 to-gray-500";
+          const IconComponent = chunkSQZGQOKU_js.LOGIC_ICON_MAP[entry.nodeType];
+          const gradient = chunkSQZGQOKU_js.LOGIC_NODE_GRADIENTS[entry.nodeType] ?? "from-gray-400 to-gray-500";
           const inputVariables = entry.variables.filter((variable) => variable.direction === "input");
           const outputVariables = entry.variables.filter((variable) => variable.direction === "output");
           return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-testid": `variable-node-${entry.nodeId}`, children: [
@@ -4131,7 +4131,7 @@ function RunInputDialog({
   onRun
 }) {
   const t = chunkYXN2K77G_js.useTranslations("agents.workflow.runInputDialog");
-  const nodes = chunkS7AV6XEY_js.useWorkflowStore((state) => state.nodes);
+  const nodes = chunkSQZGQOKU_js.useWorkflowStore((state) => state.nodes);
   const [values, setValues] = react.useState({});
   const inputVariableNames = react.useMemo(() => {
     const storeStartNode = nodes.find((node) => node.type === "start");
@@ -4212,8 +4212,8 @@ function PreviewPanel({ open, onClose, workflowId, loadRuns }) {
   const [isLoadingRuns, setIsLoadingRuns] = react.useState(false);
   const [selectedRun, setSelectedRun] = react.useState(null);
   const [selectedNode, setSelectedNode] = react.useState(null);
-  const isRunning = chunkS7AV6XEY_js.useWorkflowStore((state) => state.isRunning);
-  const nodeResults = chunkS7AV6XEY_js.useWorkflowStore((state) => state.nodeResults);
+  const isRunning = chunkSQZGQOKU_js.useWorkflowStore((state) => state.isRunning);
+  const nodeResults = chunkSQZGQOKU_js.useWorkflowStore((state) => state.nodeResults);
   const refreshRuns = react.useCallback(async () => {
     setIsLoadingRuns(true);
     try {
@@ -4391,7 +4391,7 @@ var AutoSaveWorkspace = react.memo(function AutoSaveWorkspace2({
     onAutoSaveGraph(graph);
   }, [onAutoSaveGraph, onGraphSnapshot]);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkS7AV6XEY_js.Workspace,
+    chunkSQZGQOKU_js.Workspace,
     {
       ...workspaceProps,
       onGraphChange: handleGraphChange
@@ -4762,14 +4762,14 @@ function DslImportModal({ open, onClose, onImport }) {
 }
 
 // src/astrlabe/store/selectors.ts
-var useCanUndo = () => chunkS7AV6XEY_js.useWorkflowStore((state) => state.past.length > 0);
-var useCanRedo = () => chunkS7AV6XEY_js.useWorkflowStore((state) => state.future.length > 0);
-var useHasCopied = () => chunkS7AV6XEY_js.useWorkflowStore((state) => state.clipboard !== null);
-var useContextMenu = () => chunkS7AV6XEY_js.useWorkflowStore((state) => state.contextMenu);
-var useEditingNodeId = () => chunkS7AV6XEY_js.useWorkflowStore((state) => state.editingNodeId);
-var useSelectedNodeCount = () => chunkS7AV6XEY_js.useWorkflowStore((state) => state.nodes.filter((node) => node.selected).length);
-var useIsRunning = () => chunkS7AV6XEY_js.useWorkflowStore((state) => state.isRunning);
-var useNodeResults = () => chunkS7AV6XEY_js.useWorkflowStore((state) => state.nodeResults);
+var useCanUndo = () => chunkSQZGQOKU_js.useWorkflowStore((state) => state.past.length > 0);
+var useCanRedo = () => chunkSQZGQOKU_js.useWorkflowStore((state) => state.future.length > 0);
+var useHasCopied = () => chunkSQZGQOKU_js.useWorkflowStore((state) => state.clipboard !== null);
+var useContextMenu = () => chunkSQZGQOKU_js.useWorkflowStore((state) => state.contextMenu);
+var useEditingNodeId = () => chunkSQZGQOKU_js.useWorkflowStore((state) => state.editingNodeId);
+var useSelectedNodeCount = () => chunkSQZGQOKU_js.useWorkflowStore((state) => state.nodes.filter((node) => node.selected).length);
+var useIsRunning = () => chunkSQZGQOKU_js.useWorkflowStore((state) => state.isRunning);
+var useNodeResults = () => chunkSQZGQOKU_js.useWorkflowStore((state) => state.nodeResults);
 var DEFAULT_MAX_HISTORY = 50;
 function useUndoRedo(nodes, edges, setNodes, setEdges, maxHistory = DEFAULT_MAX_HISTORY) {
   const pastRef = react.useRef([]);
@@ -5093,5 +5093,5 @@ exports.useNodeResults = useNodeResults;
 exports.useSelectedNodeCount = useSelectedNodeCount;
 exports.useSubworkflowStore = useSubworkflowStore;
 exports.useUndoRedo = useUndoRedo;
-//# sourceMappingURL=chunk-UWSMHKOF.js.map
-//# sourceMappingURL=chunk-UWSMHKOF.js.map
+//# sourceMappingURL=chunk-6ZMTJSQF.js.map
+//# sourceMappingURL=chunk-6ZMTJSQF.js.map