@datatechsolutions/ui 3.13.1 → 3.15.0

package/dist/{chunk-UPWJRCAD.js → chunk-KRS2CLPR.js}

@@ -1,10 +1,10 @@
 "use client";
 'use strict';
 
-var chunk4Z5NZINA_js = require('./chunk-4Z5NZINA.js');
-var chunkRWZ2PLMQ_js = require('./chunk-RWZ2PLMQ.js');
+var chunkC4UYEHPY_js = require('./chunk-C4UYEHPY.js');
+var chunkKZDABEML_js = require('./chunk-KZDABEML.js');
 var chunkY5VN4SPH_js = require('./chunk-Y5VN4SPH.js');
-var chunkEBARYRSA_js = require('./chunk-EBARYRSA.js');
+var chunkMXQ2EYG2_js = require('./chunk-MXQ2EYG2.js');
 var chunk72SWXOD5_js = require('./chunk-72SWXOD5.js');
 var react = require('react');
 var react$1 = require('@xyflow/react');
@@ -41,11 +41,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(chunk4Z5NZINA_js.NodeRunningIndicator, { nodeId: id }),
-      /* @__PURE__ */ jsxRuntime.jsx(chunk4Z5NZINA_js.WorkflowHandle, { type: "target", position: react$1.Position.Left, id: "left-in", colorClass: "!bg-gray-400 dark:!bg-gray-500" }),
-      /* @__PURE__ */ jsxRuntime.jsx(chunk4Z5NZINA_js.WorkflowHandle, { type: "target", position: react$1.Position.Top, id: "top-in", colorClass: "!bg-gray-400 dark:!bg-gray-500" }),
-      /* @__PURE__ */ jsxRuntime.jsx(chunk4Z5NZINA_js.NodeCard, { variant: "error", nodeType: "model_provider", width: "w-[280px]", children: /* @__PURE__ */ jsxRuntime.jsx(
-        chunk4Z5NZINA_js.NodeCardHeader,
+      /* @__PURE__ */ jsxRuntime.jsx(chunkC4UYEHPY_js.NodeRunningIndicator, { nodeId: id }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkC4UYEHPY_js.WorkflowHandle, { type: "target", position: react$1.Position.Left, id: "left-in", colorClass: "!bg-slate-400 dark:!bg-slate-500" }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkC4UYEHPY_js.WorkflowHandle, { type: "target", position: react$1.Position.Top, id: "top-in", colorClass: "!bg-slate-400 dark:!bg-slate-500" }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkC4UYEHPY_js.NodeCard, { variant: "error", nodeType: "model_provider", width: "w-[280px]", children: /* @__PURE__ */ jsxRuntime.jsx(
+        chunkC4UYEHPY_js.NodeCardHeader,
         {
           icon: /* @__PURE__ */ jsxRuntime.jsx(outline.ExclamationTriangleIcon, { className: "h-6 w-6 text-white" }),
           title: data.label || "Model Provider",
@@ -53,8 +53,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(chunk4Z5NZINA_js.WorkflowHandle, { type: "source", position: react$1.Position.Right, id: "right-out", colorClass: "!bg-slate-500" }),
-      /* @__PURE__ */ jsxRuntime.jsx(chunk4Z5NZINA_js.WorkflowHandle, { type: "source", position: react$1.Position.Bottom, id: "bottom-out", colorClass: "!bg-slate-500" })
+      /* @__PURE__ */ jsxRuntime.jsx(chunkC4UYEHPY_js.WorkflowHandle, { type: "source", position: react$1.Position.Right, id: "right-out", colorClass: "!bg-slate-500" }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkC4UYEHPY_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;
@@ -63,18 +63,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(chunk4Z5NZINA_js.NodeRunningIndicator, { nodeId: id }),
-    /* @__PURE__ */ jsxRuntime.jsx(chunk4Z5NZINA_js.WorkflowHandle, { type: "target", position: react$1.Position.Left, id: "left-in", colorClass: "!bg-gray-400 dark:!bg-gray-500" }),
-    /* @__PURE__ */ jsxRuntime.jsx(chunk4Z5NZINA_js.WorkflowHandle, { type: "target", position: react$1.Position.Top, id: "top-in", colorClass: "!bg-gray-400 dark:!bg-gray-500" }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkC4UYEHPY_js.NodeRunningIndicator, { nodeId: id }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkC4UYEHPY_js.WorkflowHandle, { type: "target", position: react$1.Position.Left, id: "left-in", colorClass: "!bg-slate-400 dark:!bg-slate-500" }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkC4UYEHPY_js.WorkflowHandle, { type: "target", position: react$1.Position.Top, id: "top-in", colorClass: "!bg-slate-400 dark:!bg-slate-500" }),
     /* @__PURE__ */ jsxRuntime.jsx(
       "button",
       {
         type: "button",
         onClick: () => data.onEdit?.(id),
         className: "w-full text-left",
-        children: /* @__PURE__ */ jsxRuntime.jsxs(chunk4Z5NZINA_js.NodeCard, { compact: isCompact, selected, nodeType: "model_provider", width: "w-[280px]", children: [
+        children: /* @__PURE__ */ jsxRuntime.jsxs(chunkC4UYEHPY_js.NodeCard, { compact: isCompact, selected, nodeType: "model_provider", width: "w-[280px]", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunk4Z5NZINA_js.NodeCardHeader,
+            chunkC4UYEHPY_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,
@@ -82,11 +82,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(chunk4Z5NZINA_js.NodeCardMeta, { compact: isCompact, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Badge, { color: "zinc", size: "xs", children: providerLabel }),
-            regionLabel && /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Badge, { color: "zinc", size: "xs", children: regionLabel }),
-            /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Badge, { color: isConfigured ? "green" : "amber", size: "xs", children: isConfigured ? "Configured" : "Setup needed" }),
-            config.modelFilter && config.modelFilter.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(chunkEBARYRSA_js.Badge, { color: "zinc", size: "xs", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkC4UYEHPY_js.NodeCardMeta, { compact: isCompact, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Badge, { color: "zinc", size: "xs", children: providerLabel }),
+            regionLabel && /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Badge, { color: "zinc", size: "xs", children: regionLabel }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Badge, { color: isConfigured ? "green" : "amber", size: "xs", children: isConfigured ? "Configured" : "Setup needed" }),
+            config.modelFilter && config.modelFilter.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(chunkMXQ2EYG2_js.Badge, { color: "zinc", size: "xs", children: [
               config.modelFilter.length,
               " models"
             ] })
@@ -94,8 +94,8 @@ var ModelProviderFlowNode = react.memo(function ModelProviderFlowNode2({ id, dat
         ] })
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx(chunk4Z5NZINA_js.WorkflowHandle, { type: "source", position: react$1.Position.Right, id: "right-out", colorClass: "!bg-slate-500" }),
-    /* @__PURE__ */ jsxRuntime.jsx(chunk4Z5NZINA_js.WorkflowHandle, { type: "source", position: react$1.Position.Bottom, id: "bottom-out", colorClass: "!bg-slate-500" })
+    /* @__PURE__ */ jsxRuntime.jsx(chunkC4UYEHPY_js.WorkflowHandle, { type: "source", position: react$1.Position.Right, id: "right-out", colorClass: "!bg-slate-500" }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkC4UYEHPY_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 }) {
@@ -104,10 +104,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(chunk4Z5NZINA_js.NodeRunningIndicator, { nodeId: id }),
-    /* @__PURE__ */ jsxRuntime.jsx(chunk4Z5NZINA_js.WorkflowHandle, { type: "target", position: react$1.Position.Left, id: "left-in", colorClass: "!bg-cyan-500" }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkC4UYEHPY_js.NodeRunningIndicator, { nodeId: id }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkC4UYEHPY_js.WorkflowHandle, { type: "target", position: react$1.Position.Left, id: "left-in", colorClass: "!bg-cyan-500" }),
     /* @__PURE__ */ jsxRuntime.jsxs(
-      chunk4Z5NZINA_js.NodeInteractiveCard,
+      chunkC4UYEHPY_js.NodeInteractiveCard,
       {
         nodeId: id,
         onEdit,
@@ -116,27 +116,27 @@ var S3WriteFlowNode = react.memo(function S3WriteFlowNode2({ id, data, selected
         nodeType: "s3_write",
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunk4Z5NZINA_js.NodeCardHeader,
+            chunkC4UYEHPY_js.NodeCardHeader,
             {
-              icon: /* @__PURE__ */ jsxRuntime.jsx(chunk4Z5NZINA_js.NodeIconBubble, { tone: "s3_write", children: /* @__PURE__ */ jsxRuntime.jsx(outline.CloudArrowUpIcon, { className: "h-5 w-5 text-white" }) }),
+              icon: /* @__PURE__ */ jsxRuntime.jsx(chunkC4UYEHPY_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(chunk4Z5NZINA_js.NodeCardMeta, { compact: isCompact, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(chunkC4UYEHPY_js.NodeCardMeta, { compact: isCompact, children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(chunk4Z5NZINA_js.NodeCardBadge, { tone: "s3_write", children: t("s3WriteNode") }),
-              config.bucket && /* @__PURE__ */ jsxRuntime.jsx(chunk4Z5NZINA_js.NodeCardBadge, { tone: "s3_write", soft: true, children: config.bucket }),
+              /* @__PURE__ */ jsxRuntime.jsx(chunkC4UYEHPY_js.NodeCardBadge, { tone: "s3_write", children: t("s3WriteNode") }),
+              config.bucket && /* @__PURE__ */ jsxRuntime.jsx(chunkC4UYEHPY_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(chunk4Z5NZINA_js.NodeCardDeleteAction, { nodeId: id, onDelete })
+            /* @__PURE__ */ jsxRuntime.jsx(chunkC4UYEHPY_js.NodeCardDeleteAction, { nodeId: id, onDelete })
           ] })
         ]
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx(chunk4Z5NZINA_js.WorkflowHandle, { type: "source", position: react$1.Position.Right, id: "right-out", colorClass: "!bg-cyan-500" })
+    /* @__PURE__ */ jsxRuntime.jsx(chunkC4UYEHPY_js.WorkflowHandle, { type: "source", position: react$1.Position.Right, id: "right-out", colorClass: "!bg-cyan-500" })
   ] });
 });
 function AnthropicModelIcon({ className }) {
@@ -200,7 +200,7 @@ function OutputSchemaBuilder({ value, onChange, depth = 0 }) {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-dashed border-slate-300 bg-slate-50/40 p-4 text-center dark:border-slate-700 dark:bg-slate-900/30", children: [
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-3 text-xs text-slate-500 dark:text-slate-400", children: "No schema yet \u2014 agent text is exposed as a raw string. Add a schema to enforce structured output." }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkEBARYRSA_js.Button,
+        chunkMXQ2EYG2_js.Button,
         {
           type: "button",
           outline: true,
@@ -264,7 +264,7 @@ function OutputSchemaBuilder({ value, onChange, depth = 0 }) {
         },
         index
       )),
-      /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", outline: true, onClick: addField, children: "+ Add field" })
+      /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", outline: true, onClick: addField, children: "+ Add field" })
     ] })
   ] });
 }
@@ -287,7 +287,7 @@ function FieldEditor({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-slate-200 bg-slate-50/60 p-3 dark:border-slate-700 dark:bg-slate-900/40", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-[1fr_140px_auto_auto] items-end gap-2", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.FormInput,
+        chunkKZDABEML_js.FormInput,
         {
           label: "Name",
           value: field.name,
@@ -296,7 +296,7 @@ function FieldEditor({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.FormSelect,
+        chunkKZDABEML_js.FormSelect,
         {
           label: "Type",
           value: field.type,
@@ -316,10 +316,10 @@ function FieldEditor({
         ),
         "Required"
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", plain: true, onClick: onRemove, children: "Remove" })
+      /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", plain: true, onClick: onRemove, children: "Remove" })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkRWZ2PLMQ_js.FormInput,
+      chunkKZDABEML_js.FormInput,
       {
         label: "Description (optional)",
         value: field.description,
@@ -612,13 +612,13 @@ function AgentCapabilityCard({ elo, setElo, models, selectedModelId, setSelected
   ] });
 }
 function ConfigTab({ models, t, selectedModelId, setSelectedModelId, selectedFramework, setSelectedFramework, markDirty, connectedProviderTypes }) {
-  const frameworkKeys = Object.keys(chunk4Z5NZINA_js.FRAMEWORK_META);
+  const frameworkKeys = Object.keys(chunkC4UYEHPY_js.FRAMEWORK_META);
   const hasProviderConstraints = connectedProviderTypes.length > 0;
-  const compatibleModels = chunk4Z5NZINA_js.getCompatibleModels(models, selectedFramework);
+  const compatibleModels = chunkC4UYEHPY_js.getCompatibleModels(models, selectedFramework);
   const handleFrameworkChange = react.useCallback((newFramework) => {
     setSelectedFramework(newFramework);
-    if (!chunk4Z5NZINA_js.isModelCompatibleWithFramework(selectedModelId, newFramework)) {
-      const compatible = chunk4Z5NZINA_js.getCompatibleModels(models, newFramework);
+    if (!chunkC4UYEHPY_js.isModelCompatibleWithFramework(selectedModelId, newFramework)) {
+      const compatible = chunkC4UYEHPY_js.getCompatibleModels(models, newFramework);
       if (compatible.length > 0) {
         setSelectedModelId(compatible[0].id);
       }
@@ -629,10 +629,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-slate-500 dark:text-slate-400", children: t("agentDrawer.framework") }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1.5", children: frameworkKeys.map((key) => {
-        const meta = chunk4Z5NZINA_js.FRAMEWORK_META[key];
+        const meta = chunkC4UYEHPY_js.FRAMEWORK_META[key];
         const isSelected = key === selectedFramework;
-        const compatCount = chunk4Z5NZINA_js.getCompatibleModels(models, key).length;
-        const isCompatibleWithProviders = !hasProviderConstraints || chunk4Z5NZINA_js.isFrameworkCompatibleWithProviders(key, connectedProviderTypes);
+        const compatCount = chunkC4UYEHPY_js.getCompatibleModels(models, key).length;
+        const isCompatibleWithProviders = !hasProviderConstraints || chunkC4UYEHPY_js.isFrameworkCompatibleWithProviders(key, connectedProviderTypes);
         return /* @__PURE__ */ jsxRuntime.jsxs(
           "button",
           {
@@ -664,25 +664,21 @@ 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 = chunk4Z5NZINA_js.isModelCompatibleWithFramework(model.id, selectedFramework);
+        const isCompatible = chunkC4UYEHPY_js.isModelCompatibleWithFramework(model.id, selectedFramework);
         const { IconComponent, color, providerLabel } = getModelIcon(model.id);
-        return /* @__PURE__ */ jsxRuntime.jsxs(
-          "button",
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          chunkKZDABEML_js.SelectionCard,
           {
-            type: "button",
-            disabled: !isCompatible,
+            selected: isSelected,
             onClick: () => {
               setSelectedModelId(model.id);
               markDirty();
             },
-            className: `flex items-center gap-2.5 rounded-xl border px-3 py-2.5 text-left transition-all focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500/70 focus-visible:ring-offset-1 ${!isCompatible ? "cursor-not-allowed border-slate-200/30 opacity-35 dark:border-white/5" : isSelected ? "border-indigo-500/50 bg-indigo-50/50 ring-1 ring-indigo-500/30 dark:border-indigo-400/40 dark:bg-indigo-500/10" : "border-slate-200/50 bg-white/40 backdrop-blur-sm hover:border-slate-300 dark:border-white/10 dark:bg-white/[0.04] dark:hover:border-white/20"}`,
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(IconComponent, { className: `h-5 w-5 flex-shrink-0 ${isSelected && isCompatible ? color : "text-slate-400 dark:text-slate-500"}` }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: `truncate text-xs font-semibold ${isSelected && isCompatible ? "text-slate-900 dark:text-white" : "text-slate-600 dark:text-slate-300"}`, children: model.name }),
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-[10px] text-slate-400 dark:text-slate-500", children: providerLabel })
-              ] })
-            ]
+            layout: "card",
+            compatibility: isCompatible ? "compatible" : "incompatible",
+            icon: /* @__PURE__ */ jsxRuntime.jsx(IconComponent, { className: `h-5 w-5 ${isSelected && isCompatible ? color : ""}` }),
+            label: model.name,
+            description: providerLabel
           },
           model.id
         );
@@ -818,11 +814,11 @@ function ToolsTab({ agentTools, enabledToolIds, onToggle, agentFramework, t }) {
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", children: [
                 /* @__PURE__ */ jsxRuntime.jsx("p", { className: `text-sm font-medium ${isEnabled ? "text-slate-900 dark:text-white" : "text-slate-600 dark:text-slate-400"}`, children: tool.name }),
-                !isCompatible && /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Badge, { color: "zinc", size: "xs", children: "incompatible" })
+                !isCompatible && /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Badge, { color: "zinc", size: "xs", children: "incompatible" })
               ] }),
               tool.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-[10px] text-slate-400 dark:text-slate-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 = chunk4Z5NZINA_js.getFrameworkMeta(framework);
+                const meta = chunkC4UYEHPY_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-slate-100 text-slate-500 dark:bg-white/5 dark:text-slate-400"}`, children: [
                   /* @__PURE__ */ jsxRuntime.jsx(meta.IconComponent, { className: "h-2.5 w-2.5" }),
@@ -839,7 +835,7 @@ function ToolsTab({ agentTools, enabledToolIds, onToggle, agentFramework, t }) {
                   event.stopPropagation();
                 },
                 children: /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkRWZ2PLMQ_js.ToggleSwitch,
+                  chunkKZDABEML_js.ToggleSwitch,
                   {
                     checked: isEnabled,
                     onChange: () => onToggle(tool.agentToolId),
@@ -887,7 +883,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 = chunk4Z5NZINA_js.getFrameworkMeta(selectedFramework);
+  const frameworkMeta = chunkC4UYEHPY_js.getFrameworkMeta(selectedFramework);
   const inputCard = "liquid-surface w-full rounded-lg px-3 py-1.5 text-sm text-slate-800 outline-none transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500/70 focus-visible:ring-offset-1 dark:text-slate-200";
   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(
@@ -932,12 +928,12 @@ function EngineTab({
                 children: configuredCompatible.map((p) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: p.id, children: p.name }, p.id))
               }
             ),
-            effectiveProvider && /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Badge, { color: effectiveProvider.configured ? "emerald" : "amber", size: "xs", children: effectiveProvider.configured ? t("agentDrawer.configured", { _: "connected" }) : t("agentDrawer.setup", { _: "setup" }) })
+            effectiveProvider && /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Badge, { color: effectiveProvider.configured ? "emerald" : "amber", size: "xs", children: effectiveProvider.configured ? t("agentDrawer.configured", { _: "connected" }) : t("agentDrawer.setup", { _: "setup" }) })
           ] }) : /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-[10px] text-slate-500 dark:text-slate-400", children: [
             t("agentDrawer.servedVia", { _: "via" }),
             " ",
             effectiveProvider?.name ?? family,
-            effectiveProvider && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-2 inline-flex", children: /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Badge, { color: effectiveProvider.configured ? "emerald" : "amber", size: "xs", children: effectiveProvider.configured ? t("agentDrawer.configured", { _: "connected" }) : t("agentDrawer.setup", { _: "setup" }) }) })
+            effectiveProvider && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-2 inline-flex", children: /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Badge, { color: effectiveProvider.configured ? "emerald" : "amber", size: "xs", children: effectiveProvider.configured ? t("agentDrawer.configured", { _: "connected" }) : t("agentDrawer.setup", { _: "setup" }) }) })
           ] })
         ] })
       ] }),
@@ -1012,7 +1008,7 @@ function EngineTab({
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(outline.KeyIcon, { className: "h-3 w-3 shrink-0 text-slate-500 dark:text-slate-400" }),
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] font-semibold text-slate-900 dark:text-white", children: provider.name }),
-                /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Badge, { color: provider.configured ? "emerald" : "amber", size: "xs", children: provider.configured ? t("agentDrawer.configured", { _: "connected" }) : t("agentDrawer.setup", { _: "setup" }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Badge, { color: provider.configured ? "emerald" : "amber", size: "xs", children: provider.configured ? t("agentDrawer.configured", { _: "connected" }) : t("agentDrawer.setup", { _: "setup" }) }),
                 provider.apiKeyMasked && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-auto truncate font-mono text-[9px] text-slate-400 dark:text-slate-500", title: provider.credentialRef, children: provider.apiKeyMasked })
               ]
             },
@@ -1026,9 +1022,9 @@ function EngineTab({
 }
 function AgentModal({ onSaved, onPersist }) {
   const t = chunkY5VN4SPH_js.useTranslations("agents.workflow");
-  const activeModal = chunk4Z5NZINA_js.useModalStore((s) => s.activeModal);
-  const agentData = chunk4Z5NZINA_js.useModalStore((s) => s.agentData);
-  const closeModal = chunk4Z5NZINA_js.useModalStore((s) => s.closeModal);
+  const activeModal = chunkC4UYEHPY_js.useModalStore((s) => s.activeModal);
+  const agentData = chunkC4UYEHPY_js.useModalStore((s) => s.agentData);
+  const closeModal = chunkC4UYEHPY_js.useModalStore((s) => s.closeModal);
   const open = activeModal === "agent";
   const agent = agentData?.agent ?? null;
   const models = agentData?.models ?? [];
@@ -1176,7 +1172,7 @@ function AgentModal({ onSaved, onPersist }) {
   const fieldLabel = "text-[9px] font-semibold uppercase tracking-wider text-slate-500 dark:text-slate-400";
   const avatarInitial = (displayName || agent.name).charAt(0).toUpperCase();
   const avatarNode = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRWZ2PLMQ_js.Avatar,
+    chunkKZDABEML_js.Avatar,
     {
       src: effectiveAvatarUrl || void 0,
       alt: displayName || agent.name,
@@ -1188,7 +1184,7 @@ function AgentModal({ onSaved, onPersist }) {
   const statusPill = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: `text-[9px] font-semibold ${status === "active" ? "text-emerald-600 dark:text-emerald-400" : "text-slate-500"}`, children: status === "active" ? t("agentDrawer.statusActive", { _: "Active" }) : t("agentDrawer.statusInactive", { _: "Inactive" }) }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkRWZ2PLMQ_js.ToggleSwitch,
+      chunkKZDABEML_js.ToggleSwitch,
       {
         size: "sm",
         color: "green",
@@ -1202,7 +1198,7 @@ function AgentModal({ onSaved, onPersist }) {
     )
   ] });
   const identityCard = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liquid-surface rounded-2xl p-3 ring-1 ring-slate-200/50 dark:ring-white/10", children: /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRWZ2PLMQ_js.HeroBlock,
+    chunkKZDABEML_js.HeroBlock,
     {
       icon: avatarNode,
       iconBackground: "none",
@@ -1265,7 +1261,7 @@ function AgentModal({ onSaved, onPersist }) {
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: `font-medium ${autosaveColor}`, children: autosaveLabel })
   ] });
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRWZ2PLMQ_js.GlassModal,
+    chunkKZDABEML_js.GlassModal,
     {
       open,
       onClose: handleClose,
@@ -1282,7 +1278,7 @@ function AgentModal({ onSaved, onPersist }) {
       },
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-5", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkRWZ2PLMQ_js.SectionCard,
+          chunkKZDABEML_js.SectionCard,
           {
             variant: "glass",
             padded: false,
@@ -1322,7 +1318,7 @@ function AgentModal({ onSaved, onPersist }) {
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkRWZ2PLMQ_js.SectionCard,
+          chunkKZDABEML_js.SectionCard,
           {
             variant: "glass",
             padded: false,
@@ -1350,7 +1346,7 @@ function AgentModal({ onSaved, onPersist }) {
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkRWZ2PLMQ_js.SectionCard,
+          chunkKZDABEML_js.SectionCard,
           {
             variant: "glass",
             padded: false,
@@ -1473,7 +1469,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 = chunk4Z5NZINA_js.useModalStore((s) => s.activeModal === "agent" ? s.agentData?.agent?.name : null);
+  const agentBehind = chunkC4UYEHPY_js.useModalStore((s) => s.activeModal === "agent" ? s.agentData?.agent?.name : null);
   const isCreateMode = !tool?.toolId;
   const initialGraph = react.useMemo(() => {
     const config = tool?.config;
@@ -1502,9 +1498,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 ?? chunk4Z5NZINA_js.CATEGORY_COLORS[categoryKey] ?? chunk4Z5NZINA_js.CATEGORY_COLORS.external;
-  const categoryPill = chunk4Z5NZINA_js.CATEGORY_PILL_COLORS[categoryKey] ?? chunk4Z5NZINA_js.CATEGORY_PILL_COLORS.external;
-  const IconComponent = chunk4Z5NZINA_js.ICON_MAP[tool.icon ?? ""] ?? outline.ArrowPathRoundedSquareIcon;
+  const gradient = tool.color ?? chunkC4UYEHPY_js.CATEGORY_COLORS[categoryKey] ?? chunkC4UYEHPY_js.CATEGORY_COLORS.external;
+  const categoryPill = chunkC4UYEHPY_js.CATEGORY_PILL_COLORS[categoryKey] ?? chunkC4UYEHPY_js.CATEGORY_PILL_COLORS.external;
+  const IconComponent = chunkC4UYEHPY_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");
@@ -1515,9 +1511,9 @@ function SubworkflowModal({ onSaved, onMaximize }) {
   const footer = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { role: "status", "aria-live": "polite", className: "text-xs", children: dirty ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-amber-500 dark:text-amber-400", children: t("subworkflowDrawer.unsavedChanges") }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-emerald-500 dark:text-emerald-400", children: t("subworkflowDrawer.saved") }) }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", outline: true, size: "sm", onClick: closeModal, children: t("subworkflowDrawer.cancel") }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", outline: true, size: "sm", onClick: closeModal, children: t("subworkflowDrawer.cancel") }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkEBARYRSA_js.Button,
+        chunkMXQ2EYG2_js.Button,
         {
           type: "button",
           color: "ios-teal",
@@ -1530,7 +1526,7 @@ function SubworkflowModal({ onSaved, onMaximize }) {
     ] })
   ] });
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRWZ2PLMQ_js.GlassModal,
+    chunkKZDABEML_js.GlassModal,
     {
       open,
       onClose: closeModal,
@@ -1562,7 +1558,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 ? `${chunk4Z5NZINA_js.CATEGORY_PILL_COLORS[cat] ?? chunk4Z5NZINA_js.CATEGORY_PILL_COLORS.external} ring-1 ring-current/20` : "bg-white/30 text-slate-500 hover:bg-white/50 dark:bg-white/5 dark:text-slate-400"}`,
+                className: `rounded-full px-2 py-1 text-[9px] font-semibold transition-all ${cat === category ? `${chunkC4UYEHPY_js.CATEGORY_PILL_COLORS[cat] ?? chunkC4UYEHPY_js.CATEGORY_PILL_COLORS.external} ring-1 ring-current/20` : "bg-white/30 text-slate-500 hover:bg-white/50 dark:bg-white/5 dark:text-slate-400"}`,
                 children: cat
               },
               cat
@@ -1577,13 +1573,14 @@ function SubworkflowModal({ onSaved, onMaximize }) {
               ] })
             ] }),
             onMaximize && tool.toolId && /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
+              chunkMXQ2EYG2_js.IconButton,
               {
-                type: "button",
+                label: t("subworkflowDrawer.openFullEditor"),
+                variant: "ghost",
+                size: "sm",
+                color: "ios-teal",
                 onClick: () => onMaximize(tool.toolId),
-                title: t("subworkflowDrawer.openFullEditor"),
-                className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-lg text-slate-400 transition-colors hover:bg-white/10 hover:text-teal-500 dark:hover:text-teal-400",
-                children: /* @__PURE__ */ jsxRuntime.jsx(outline.ArrowsPointingOutIcon, { className: "h-4 w-4" })
+                icon: /* @__PURE__ */ jsxRuntime.jsx(outline.ArrowsPointingOutIcon, { className: "h-4 w-4" })
               }
             )
           ] }) }),
@@ -1649,7 +1646,7 @@ function SubworkflowModal({ onSaved, onMaximize }) {
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-auto" })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(
-          chunk4Z5NZINA_js.WorkflowCanvas,
+          chunkC4UYEHPY_js.WorkflowCanvas,
           {
             initialGraph,
             agents: [],
@@ -1665,9 +1662,9 @@ function SubworkflowModal({ onSaved, onMaximize }) {
 }
 function PipelineSettingsModal({ onSave }) {
   const t = chunkY5VN4SPH_js.useTranslations("agents.workflow");
-  const activeModal = chunk4Z5NZINA_js.useModalStore((s) => s.activeModal);
-  const data = chunk4Z5NZINA_js.useModalStore((s) => s.pipelineSettingsData);
-  const closeModal = chunk4Z5NZINA_js.useModalStore((s) => s.closeModal);
+  const activeModal = chunkC4UYEHPY_js.useModalStore((s) => s.activeModal);
+  const data = chunkC4UYEHPY_js.useModalStore((s) => s.pipelineSettingsData);
+  const closeModal = chunkC4UYEHPY_js.useModalStore((s) => s.closeModal);
   const open = activeModal === "pipeline-settings";
   const [nameValue, setNameValue] = react.useState("");
   const [descriptionValue, setDescriptionValue] = react.useState("");
@@ -1718,9 +1715,9 @@ function PipelineSettingsModal({ onSave }) {
     }
   };
   const footer = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-end gap-2", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", outline: true, size: "sm", onClick: closeModal, children: t("cancel") }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", outline: true, size: "sm", onClick: closeModal, children: t("cancel") }),
     /* @__PURE__ */ jsxRuntime.jsxs(
-      chunkEBARYRSA_js.Button,
+      chunkMXQ2EYG2_js.Button,
       {
         type: "button",
         onClick: () => {
@@ -1737,7 +1734,7 @@ function PipelineSettingsModal({ onSave }) {
     )
   ] });
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRWZ2PLMQ_js.GlassModal,
+    chunkKZDABEML_js.GlassModal,
     {
       open,
       onClose: closeModal,
@@ -1760,7 +1757,7 @@ function PipelineSettingsModal({ onSave }) {
           },
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkRWZ2PLMQ_js.FormInput,
+              chunkKZDABEML_js.FormInput,
               {
                 label: t("pipelineName"),
                 value: nameValue,
@@ -1770,7 +1767,7 @@ function PipelineSettingsModal({ onSave }) {
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkRWZ2PLMQ_js.FormTextarea,
+              chunkKZDABEML_js.FormTextarea,
               {
                 label: t("pipelineDescription"),
                 value: descriptionValue,
@@ -1781,7 +1778,7 @@ function PipelineSettingsModal({ onSave }) {
             ),
             lifecycleAvailable && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkRWZ2PLMQ_js.FormInput,
+                chunkKZDABEML_js.FormInput,
                 {
                   label: t("pipelineSlug", { _: "Slug" }),
                   value: slugValue,
@@ -1893,16 +1890,16 @@ function RunReplayModal({
     }
   };
   const footer = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-[11px] text-gray-400", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-[11px] text-slate-400", children: [
       "run ",
       /* @__PURE__ */ jsxRuntime.jsx("code", { children: runId.slice(0, 8) }),
       " \xB7 wf ",
       /* @__PURE__ */ jsxRuntime.jsx("code", { children: workflowId.slice(0, 8) })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", outline: true, size: "sm", onClick: onClose, children: t("cancel") }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", outline: true, size: "sm", onClick: onClose, children: t("cancel") }),
       /* @__PURE__ */ jsxRuntime.jsxs(
-        chunkEBARYRSA_js.Button,
+        chunkMXQ2EYG2_js.Button,
         {
           type: "submit",
           form: "run-replay-form",
@@ -1917,7 +1914,7 @@ function RunReplayModal({
     ] })
   ] });
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRWZ2PLMQ_js.GlassModal,
+    chunkKZDABEML_js.GlassModal,
     {
       open,
       onClose,
@@ -1941,7 +1938,7 @@ function RunReplayModal({
           },
           className: "space-y-3",
           children: [
-            rows.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: t("replayNoInputs", { _: "This run had no input variables \u2014 replaying will execute the workflow as-is." }) }) : rows.map((row, index) => /* @__PURE__ */ jsxRuntime.jsx(
+            rows.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-slate-500 dark:text-slate-400", children: t("replayNoInputs", { _: "This run had no input variables \u2014 replaying will execute the workflow as-is." }) }) : rows.map((row, index) => /* @__PURE__ */ jsxRuntime.jsx(
               RowEditor,
               {
                 row,
@@ -1963,12 +1960,12 @@ function RowEditor({
   onReset
 }) {
   const isJson = row.kind === "json";
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-gray-200/60 bg-gray-50/60 p-3 dark:border-white/10 dark:bg-white/5", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-slate-200/60 bg-slate-50/60 p-3 dark:border-white/10 dark:bg-white/5", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2 flex items-center justify-between gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono text-xs text-gray-700 dark:text-gray-200", children: row.key }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono text-xs text-slate-700 dark:text-slate-200", children: row.key }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Badge, { color: "zinc", size: "xs", className: "uppercase tracking-wider", children: row.kind }),
-        row.touched && /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", plain: true, size: "xs", onClick: onReset, children: "reset" })
+        /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Badge, { color: "zinc", size: "xs", className: "uppercase tracking-wider", children: row.kind }),
+        row.touched && /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", plain: true, size: "xs", onClick: onReset, children: "reset" })
       ] })
     ] }),
     row.kind === "boolean" ? /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1976,14 +1973,14 @@ function RowEditor({
       {
         value: row.value,
         onChange: (event) => onChange({ value: event.target.value }),
-        className: "w-full rounded-lg border border-gray-200/50 bg-white/70 px-3 py-2 text-sm text-gray-900 dark:border-white/10 dark:bg-gray-800/70 dark:text-gray-100",
+        className: "w-full rounded-lg border border-slate-200/50 bg-white/70 px-3 py-2 text-sm text-slate-900 dark:border-white/10 dark:bg-slate-800/70 dark:text-slate-100",
         children: [
           /* @__PURE__ */ jsxRuntime.jsx("option", { value: "true", children: "true" }),
           /* @__PURE__ */ jsxRuntime.jsx("option", { value: "false", children: "false" })
         ]
       }
     ) : isJson ? /* @__PURE__ */ jsxRuntime.jsx(
-      chunkRWZ2PLMQ_js.FormTextarea,
+      chunkKZDABEML_js.FormTextarea,
       {
         value: row.value,
         onValueChange: (v) => onChange({ value: v }),
@@ -1991,7 +1988,7 @@ function RowEditor({
         className: "font-mono"
       }
     ) : /* @__PURE__ */ jsxRuntime.jsx(
-      chunkRWZ2PLMQ_js.FormInput,
+      chunkKZDABEML_js.FormInput,
       {
         type: row.kind === "number" ? "number" : "text",
         value: row.value,
@@ -2095,7 +2092,7 @@ function ExecutionTimelinePanel({
                   /* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate font-medium text-slate-900 dark:text-white", children: entry.nodeId }),
                   /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-slate-500 dark:text-slate-400", children: entry.nodeType })
                 ] }),
-                /* @__PURE__ */ jsxRuntime.jsxs(chunkEBARYRSA_js.Badge, { color: meta.color, children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(chunkMXQ2EYG2_js.Badge, { color: meta.color, children: [
                   /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "mr-1 h-3 w-3" }),
                   labels[entry.status]
                 ] })
@@ -2125,7 +2122,7 @@ function NodeInspector({
         /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "truncate text-base font-semibold text-slate-900 dark:text-white", children: entry.nodeId }),
         /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-slate-500 dark:text-slate-400", children: entry.nodeType })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Badge, { color: meta.color, children: labels[entry.status] })
+      /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Badge, { color: meta.color, children: labels[entry.status] })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "grid grid-cols-2 gap-3 text-xs text-slate-500 dark:text-slate-400", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
@@ -2295,7 +2292,7 @@ function RuleConditionBuilder({ value, onChange, depth = 0 }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3 rounded-xl border border-slate-200 bg-slate-50/60 p-3 dark:border-slate-700 dark:bg-slate-900/40", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkRWZ2PLMQ_js.FormSelect,
+      chunkKZDABEML_js.FormSelect,
       {
         label: "Operator",
         value: value.operator,
@@ -2318,7 +2315,7 @@ function SimpleEditor({
   const isTruthy = value.operator === "truthy";
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkRWZ2PLMQ_js.FormInput,
+      chunkKZDABEML_js.FormInput,
       {
         label: "Field",
         hint: "Dotted reference into the variable pool \u2014 e.g. `parse-pricing.margin`, `inputs.category`",
@@ -2328,7 +2325,7 @@ function SimpleEditor({
       }
     ),
     !isTruthy && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkRWZ2PLMQ_js.FormInput,
+      chunkKZDABEML_js.FormInput,
       {
         label: "Value",
         hint: "Literal. Numeric operators coerce via `as f64`.",
@@ -2344,7 +2341,7 @@ function ThresholdEditor({
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-3", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkRWZ2PLMQ_js.FormInput,
+      chunkKZDABEML_js.FormInput,
       {
         label: "Field",
         value: value.field ?? "",
@@ -2353,7 +2350,7 @@ function ThresholdEditor({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkRWZ2PLMQ_js.FormSelect,
+      chunkKZDABEML_js.FormSelect,
       {
         label: "Direction",
         value: value.comparison ?? "gte",
@@ -2367,7 +2364,7 @@ function ThresholdEditor({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkRWZ2PLMQ_js.FormInput,
+      chunkKZDABEML_js.FormInput,
       {
         label: "Threshold",
         type: "number",
@@ -2384,7 +2381,7 @@ function RegexEditor({
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkRWZ2PLMQ_js.FormInput,
+      chunkKZDABEML_js.FormInput,
       {
         label: "Field",
         value: value.field ?? "",
@@ -2393,7 +2390,7 @@ function RegexEditor({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkRWZ2PLMQ_js.FormInput,
+      chunkKZDABEML_js.FormInput,
       {
         label: "Pattern",
         hint: "Rust regex syntax \u2014 `(?i)` etc. supported.",
@@ -2421,7 +2418,7 @@ function TimeWindowEditor({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.FormSelect,
+        chunkKZDABEML_js.FormSelect,
         {
           label: "Timezone",
           value: value.timezone ?? "UTC",
@@ -2430,7 +2427,7 @@ function TimeWindowEditor({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.FormInput,
+        chunkKZDABEML_js.FormInput,
         {
           label: "Timestamp field (optional)",
           hint: "Pulls a timestamp from the pool. Leave blank to use the run's wall-clock.",
@@ -2443,7 +2440,7 @@ function TimeWindowEditor({
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
       windows.map((win, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-[1fr_1fr_auto] items-end gap-2 rounded-lg border border-slate-200 p-2 dark:border-slate-700", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkRWZ2PLMQ_js.FormInput,
+          chunkKZDABEML_js.FormInput,
           {
             label: `Start (hour)`,
             type: "number",
@@ -2454,7 +2451,7 @@ function TimeWindowEditor({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkRWZ2PLMQ_js.FormInput,
+          chunkKZDABEML_js.FormInput,
           {
             label: `End (hour)`,
             type: "number",
@@ -2464,9 +2461,9 @@ function TimeWindowEditor({
             onValueChange: (raw) => update(index, { endHour: clampHour(raw, 24) })
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", plain: true, onClick: () => remove(index), children: "Remove" })
+        /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", plain: true, onClick: () => remove(index), children: "Remove" })
       ] }, index)),
-      /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", outline: true, onClick: add, children: "+ Add window" })
+      /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", outline: true, onClick: add, children: "+ Add window" })
     ] })
   ] });
 }
@@ -2489,7 +2486,7 @@ function BooleanGroupEditor({
   });
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkRWZ2PLMQ_js.FormSelect,
+      chunkKZDABEML_js.FormSelect,
       {
         label: "Combinator",
         value: value.combinator ?? "and",
@@ -2507,9 +2504,9 @@ function BooleanGroupEditor({
             depth
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 text-right", children: /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", plain: true, onClick: () => remove(index), children: "Remove operand" }) })
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 text-right", children: /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", plain: true, onClick: () => remove(index), children: "Remove operand" }) })
       ] }, index)),
-      /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", outline: true, onClick: add, children: "+ Add operand" })
+      /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", outline: true, onClick: add, children: "+ Add operand" })
     ] })
   ] });
 }
@@ -2545,7 +2542,7 @@ function RuleActionBuilder({ value, onChange }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3 rounded-xl border border-slate-200 bg-slate-50/60 p-3 dark:border-slate-700 dark:bg-slate-900/40", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkRWZ2PLMQ_js.FormSelect,
+      chunkKZDABEML_js.FormSelect,
       {
         label: "Action type",
         value: type,
@@ -2555,7 +2552,7 @@ function RuleActionBuilder({ value, onChange }) {
     ),
     type === "adjust_price" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.FormInput,
+        chunkKZDABEML_js.FormInput,
         {
           label: "Multiplier",
           type: "number",
@@ -2565,7 +2562,7 @@ function RuleActionBuilder({ value, onChange }) {
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.FormInput,
+        chunkKZDABEML_js.FormInput,
         {
           label: "Reason code",
           value: stringParam(params.reason),
@@ -2575,7 +2572,7 @@ function RuleActionBuilder({ value, onChange }) {
       )
     ] }),
     type === "enforce_min_margin" && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkRWZ2PLMQ_js.FormInput,
+      chunkKZDABEML_js.FormInput,
       {
         label: "Floor (fraction, e.g. 0.08)",
         type: "number",
@@ -2585,7 +2582,7 @@ function RuleActionBuilder({ value, onChange }) {
       }
     ),
     type === "realign_to_competitor" && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkRWZ2PLMQ_js.FormInput,
+      chunkKZDABEML_js.FormInput,
       {
         label: "Tolerance (fraction)",
         type: "number",
@@ -2595,7 +2592,7 @@ function RuleActionBuilder({ value, onChange }) {
       }
     ),
     type === "request_manager_approval" && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkRWZ2PLMQ_js.FormInput,
+      chunkKZDABEML_js.FormInput,
       {
         label: "Approval limit (fraction)",
         type: "number",
@@ -2605,7 +2602,7 @@ function RuleActionBuilder({ value, onChange }) {
       }
     ),
     type === "round_to" && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkRWZ2PLMQ_js.FormInput,
+      chunkKZDABEML_js.FormInput,
       {
         label: "Step (e.g. 0.009)",
         type: "number",
@@ -2616,7 +2613,7 @@ function RuleActionBuilder({ value, onChange }) {
     ),
     type === "alert" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.FormInput,
+        chunkKZDABEML_js.FormInput,
         {
           label: "Channel",
           value: stringParam(params.channel),
@@ -2625,7 +2622,7 @@ function RuleActionBuilder({ value, onChange }) {
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.FormInput,
+        chunkKZDABEML_js.FormInput,
         {
           label: "Severity",
           value: stringParam(params.severity),
@@ -2663,7 +2660,7 @@ function CustomParamsEditor({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
     entries.map(([key, value], index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-[1fr_1fr_auto] items-end gap-2", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.FormInput,
+        chunkKZDABEML_js.FormInput,
         {
           label: "Key",
           value: key,
@@ -2671,16 +2668,16 @@ function CustomParamsEditor({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.FormInput,
+        chunkKZDABEML_js.FormInput,
         {
           label: "Value",
           value: String(value ?? ""),
           onValueChange: (raw) => update(index, key, raw)
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", plain: true, onClick: () => remove(index), children: "Remove" })
+      /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", plain: true, onClick: () => remove(index), children: "Remove" })
     ] }, index)),
-    /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", outline: true, onClick: add, children: "+ Add param" })
+    /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", outline: true, onClick: add, children: "+ Add param" })
   ] });
 }
 function numberParam(value, fallback) {
@@ -2710,9 +2707,9 @@ function RuleForm({ value, onChange }) {
   );
   const update = (key, v) => onChange({ ...value, [key]: v });
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-5", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(chunkRWZ2PLMQ_js.FormGrid, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(chunkKZDABEML_js.FormGrid, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.FormInput,
+        chunkKZDABEML_js.FormInput,
         {
           label: "Name",
           required: true,
@@ -2721,7 +2718,7 @@ function RuleForm({ value, onChange }) {
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.FormInput,
+        chunkKZDABEML_js.FormInput,
         {
           label: "Priority",
           type: "number",
@@ -2731,7 +2728,7 @@ function RuleForm({ value, onChange }) {
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.FormSelect,
+        chunkKZDABEML_js.FormSelect,
         {
           label: "Enabled",
           value: value.enabled ? "true" : "false",
@@ -2743,7 +2740,7 @@ function RuleForm({ value, onChange }) {
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.FormTextarea,
+        chunkKZDABEML_js.FormTextarea,
         {
           label: "Description",
           rows: 2,
@@ -2755,7 +2752,7 @@ function RuleForm({ value, onChange }) {
     /* @__PURE__ */ jsxRuntime.jsxs("section", { children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2 flex items-center justify-between", children: [
         /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-slate-700 dark:text-slate-200", children: "Condition" }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Badge, { color: "indigo", children: value.condition.operator })
+        /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Badge, { color: "indigo", children: value.condition.operator })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(
         RuleConditionBuilder,
@@ -2768,7 +2765,7 @@ function RuleForm({ value, onChange }) {
     /* @__PURE__ */ jsxRuntime.jsxs("section", { children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2 flex items-center justify-between", children: [
         /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-slate-700 dark:text-slate-200", children: "Action on match" }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Badge, { color: "fuchsia", children: value.action.type })
+        /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Badge, { color: "fuchsia", children: value.action.type })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(
         RuleActionBuilder,
@@ -2790,7 +2787,7 @@ function RuleForm({ value, onChange }) {
       ),
       showAdvanced && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3 grid grid-cols-1 gap-3 sm:grid-cols-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkRWZ2PLMQ_js.FormInput,
+          chunkKZDABEML_js.FormInput,
           {
             label: "Valid from (ISO 8601)",
             type: "datetime-local",
@@ -2799,7 +2796,7 @@ function RuleForm({ value, onChange }) {
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkRWZ2PLMQ_js.FormInput,
+          chunkKZDABEML_js.FormInput,
           {
             label: "Valid until (ISO 8601)",
             type: "datetime-local",
@@ -2808,7 +2805,7 @@ function RuleForm({ value, onChange }) {
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkRWZ2PLMQ_js.FormSelect,
+          chunkKZDABEML_js.FormSelect,
           {
             label: "Status",
             value: value.status ?? "active",
@@ -2817,7 +2814,7 @@ function RuleForm({ value, onChange }) {
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkRWZ2PLMQ_js.FormInput,
+          chunkKZDABEML_js.FormInput,
           {
             label: "Tags (comma-separated)",
             value: (value.tags ?? []).join(", "),
@@ -3004,8 +3001,8 @@ function CollapsibleSection({ title, icon, colorClass, defaultOpen = true, count
   ] });
 }
 function LogicNodeItemCard({ item, translationFunction }) {
-  const IconComponent = chunk4Z5NZINA_js.LOGIC_ICON_MAP[item.nodeType];
-  const gradient = chunk4Z5NZINA_js.LOGIC_NODE_GRADIENTS[item.nodeType] ?? "from-slate-400 to-slate-500";
+  const IconComponent = chunkC4UYEHPY_js.LOGIC_ICON_MAP[item.nodeType];
+  const gradient = chunkC4UYEHPY_js.LOGIC_NODE_GRADIENTS[item.nodeType] ?? "from-slate-400 to-slate-500";
   const defaultConfig = chunk72SWXOD5_js.createDefaultLogicNodeConfig(item.nodeType);
   const configJson = defaultConfig ? JSON.stringify(defaultConfig) : void 0;
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -3076,7 +3073,7 @@ function NodePalette({ agents, tools, agentTools = [], rules, entities = [], mod
     [entityTypes, normalizedQuery]
   );
   const filteredLogicItems = react.useMemo(() => {
-    const visibleByDefault = LOGIC_NODE_ITEMS.filter((item) => !chunk4Z5NZINA_js.EXPERIMENTAL_NODE_TYPES.has(item.nodeType));
+    const visibleByDefault = LOGIC_NODE_ITEMS.filter((item) => !chunkC4UYEHPY_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)
@@ -3181,7 +3178,7 @@ function NodePalette({ agents, tools, agentTools = [], rules, entities = [], mod
                         " models"
                       ] })
                     ] }),
-                    provider.configured ? /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Badge, { color: "emerald", size: "xs", children: t("configured") }) : /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Badge, { color: "amber", size: "xs", children: t("setup") })
+                    provider.configured ? /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Badge, { color: "emerald", size: "xs", children: t("configured") }) : /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Badge, { color: "amber", size: "xs", children: t("setup") })
                   ]
                 },
                 provider.id
@@ -3212,7 +3209,7 @@ function NodePalette({ agents, tools, agentTools = [], rules, entities = [], mod
                 /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-[10px] text-slate-400 dark:text-slate-500", children: tool.category })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkRWZ2PLMQ_js.ToggleSwitch,
+                chunkKZDABEML_js.ToggleSwitch,
                 {
                   checked: Boolean(tool.enabled),
                   onChange: () => {
@@ -3253,7 +3250,7 @@ function NodePalette({ agents, tools, agentTools = [], rules, entities = [], mod
                 ] })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkRWZ2PLMQ_js.ToggleSwitch,
+                chunkKZDABEML_js.ToggleSwitch,
                 {
                   checked: Boolean(rule.enabled),
                   onChange: () => {
@@ -3289,8 +3286,8 @@ function NodePalette({ agents, tools, agentTools = [], rules, entities = [], mod
             limit: entity.defaultLimit
           });
           const dsLogo = getDatasourceLogo(entity.id);
-          const EntityIcon = chunk4Z5NZINA_js.getEntityIcon(entity.id);
-          const entityGradient = chunk4Z5NZINA_js.getEntityGradient(entity.id);
+          const EntityIcon = chunkC4UYEHPY_js.getEntityIcon(entity.id);
+          const entityGradient = chunkC4UYEHPY_js.getEntityGradient(entity.id);
           return /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
@@ -3308,9 +3305,9 @@ function NodePalette({ agents, tools, agentTools = [], rules, entities = [], mod
                   ] })
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Badge, { color: "zinc", size: "xs", children: "Read only" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Badge, { color: "zinc", size: "xs", children: "Read only" }),
                   /* @__PURE__ */ jsxRuntime.jsx(
-                    chunkRWZ2PLMQ_js.ToggleSwitch,
+                    chunkKZDABEML_js.ToggleSwitch,
                     {
                       checked: true,
                       onChange: () => {
@@ -3396,32 +3393,29 @@ function WorkflowListBar({
           children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: `truncate text-sm font-medium ${isActive ? "text-indigo-700 dark:text-indigo-300" : "text-gray-700 dark:text-gray-300"}`, children: workflow.name }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: `truncate text-sm font-medium ${isActive ? "text-indigo-700 dark:text-indigo-300" : "text-slate-700 dark:text-slate-300"}`, children: workflow.name }),
                 /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "shrink-0 rounded-full bg-slate-500/15 px-1.5 py-0.5 text-[10px] font-medium text-slate-700 dark:bg-slate-500/20 dark:text-slate-300", children: [
                   "v",
                   workflow.version
                 ] }),
                 workflow.isDraft ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 rounded-full bg-amber-500/15 px-1.5 py-0.5 text-[10px] font-semibold text-amber-700 dark:bg-amber-500/20 dark:text-amber-300", children: tWorkflow("draftBadge") }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 rounded-full bg-emerald-500/15 px-1.5 py-0.5 text-[10px] font-semibold text-emerald-700 dark:bg-emerald-500/20 dark:text-emerald-300", children: tWorkflow("published") })
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-[10px] text-gray-400 dark:text-gray-500", children: workflow.updatedAt ? formatRelativeTime(typeof workflow.updatedAt === "string" ? workflow.updatedAt : workflow.updatedAt.toISOString()) : "" })
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-[10px] text-slate-400 dark:text-slate-500", children: workflow.updatedAt ? formatRelativeTime(typeof workflow.updatedAt === "string" ? workflow.updatedAt : workflow.updatedAt.toISOString()) : "" })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center gap-0.5 opacity-0 transition-opacity group-hover:opacity-100", children: [
-              onConvertToSubworkflow && /* @__PURE__ */ jsxRuntime.jsx(
-                "button",
+              onConvertToSubworkflow && /* @__PURE__ */ jsxRuntime.jsx("div", { onClick: (event) => event.stopPropagation(), children: /* @__PURE__ */ jsxRuntime.jsx(
+                chunkMXQ2EYG2_js.IconButton,
                 {
-                  type: "button",
-                  onClick: (event) => {
-                    event.stopPropagation();
-                    onConvertToSubworkflow(workflow);
-                  },
-                  className: "rounded-md p-1 text-gray-400 transition-colors hover:bg-teal-50 hover:text-teal-600 dark:hover:bg-teal-950/30 dark:hover:text-teal-400",
-                  "aria-label": `${tWorkflow("convertToSubworkflow")} ${workflow.name}`,
-                  title: tWorkflow("convertToSubworkflow"),
-                  children: /* @__PURE__ */ jsxRuntime.jsx(outline.ArrowPathRoundedSquareIcon, { className: "h-3.5 w-3.5" })
+                  label: `${tWorkflow("convertToSubworkflow")} ${workflow.name}`,
+                  variant: "ghost",
+                  size: "sm",
+                  color: "ios-teal",
+                  onClick: () => onConvertToSubworkflow(workflow),
+                  icon: /* @__PURE__ */ jsxRuntime.jsx(outline.ArrowPathRoundedSquareIcon, { className: "h-3.5 w-3.5" })
                 }
-              ),
+              ) }),
               workflows.length > 1 && /* @__PURE__ */ jsxRuntime.jsx("div", { onClick: (event) => event.stopPropagation(), children: /* @__PURE__ */ jsxRuntime.jsx(
-                chunkEBARYRSA_js.IconButton,
+                chunkMXQ2EYG2_js.IconButton,
                 {
                   label: `${tWorkflow("deleteWorkflow")} ${workflow.name}`,
                   variant: "ghost",
@@ -3442,7 +3436,7 @@ function WorkflowListBar({
       {
         type: "button",
         onClick: onCreate,
-        className: "liquid-surface flex shrink-0 items-center gap-1.5 rounded-xl !border-dashed px-3 py-2 text-xs font-medium text-gray-500 transition-all hover:shadow-md hover:text-indigo-600 dark:text-gray-400 dark:hover:text-indigo-400",
+        className: "liquid-surface flex shrink-0 items-center gap-1.5 rounded-xl !border-dashed px-3 py-2 text-xs font-medium text-slate-500 transition-all hover:shadow-md hover:text-indigo-600 dark:text-slate-400 dark:hover:text-indigo-400",
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(outline.PlusIcon, { className: "h-3.5 w-3.5" }),
           tWorkflow("newWorkflow")
@@ -3510,7 +3504,7 @@ function VersionHistoryPanel({
             /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-slate-900 dark:text-white", children: translations("title") })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkEBARYRSA_js.IconButton,
+            chunkMXQ2EYG2_js.IconButton,
             {
               label: translations("close"),
               variant: "ghost",
@@ -3525,7 +3519,7 @@ function VersionHistoryPanel({
           isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center py-12", "data-testid": "version-history-loading", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-6 w-6 animate-spin motion-reduce:animate-none rounded-full border-2 border-blue-500 border-t-transparent" }) }),
           loadError && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-4 py-8 text-center", "data-testid": "version-history-error", children: [
             /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-red-500 dark:text-red-400", children: loadError }),
-            /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", plain: true, size: "xs", onClick: loadVersions, children: translations("retry") })
+            /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", plain: true, size: "xs", onClick: loadVersions, children: translations("retry") })
           ] }),
           !isLoading && !loadError && versions.length === 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-4 py-12 text-center", "data-testid": "version-history-empty", children: [
             /* @__PURE__ */ jsxRuntime.jsx(outline.ClockIcon, { className: "mx-auto h-8 w-8 text-slate-300 dark:text-slate-600" }),
@@ -3544,7 +3538,7 @@ function VersionHistoryPanel({
                       "v",
                       version.version
                     ] }),
-                    isCurrentVersion && /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Badge, { color: "blue", size: "xs", children: translations("current") })
+                    isCurrentVersion && /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Badge, { color: "blue", size: "xs", children: translations("current") })
                   ] }) }),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1 text-xs text-slate-500 dark:text-slate-400", children: [
                     /* @__PURE__ */ jsxRuntime.jsx("div", { children: formatTimestamp3(version.publishedAt) }),
@@ -3565,7 +3559,7 @@ function VersionHistoryPanel({
                   ] }),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 flex gap-2", children: [
                     /* @__PURE__ */ jsxRuntime.jsxs(
-                      chunkEBARYRSA_js.Button,
+                      chunkMXQ2EYG2_js.Button,
                       {
                         type: "button",
                         outline: true,
@@ -3579,7 +3573,7 @@ function VersionHistoryPanel({
                       }
                     ),
                     !isCurrentVersion && /* @__PURE__ */ jsxRuntime.jsxs(
-                      chunkEBARYRSA_js.Button,
+                      chunkMXQ2EYG2_js.Button,
                       {
                         type: "button",
                         outline: true,
@@ -3638,9 +3632,9 @@ function formatDuration2(durationMs) {
 }
 function RunPanel({ open, onClose, onRun, onStop }) {
   const translations = chunkY5VN4SPH_js.useTranslations("agents.workflow.runPanel");
-  const nodes = chunk4Z5NZINA_js.useWorkflowStore((state) => state.nodes);
-  const isRunning = chunk4Z5NZINA_js.useWorkflowStore((state) => state.isRunning);
-  const nodeResults = chunk4Z5NZINA_js.useWorkflowStore((state) => state.nodeResults);
+  const nodes = chunkC4UYEHPY_js.useWorkflowStore((state) => state.nodes);
+  const isRunning = chunkC4UYEHPY_js.useWorkflowStore((state) => state.isRunning);
+  const nodeResults = chunkC4UYEHPY_js.useWorkflowStore((state) => state.nodeResults);
   const startNode = nodes.find((node) => node.type === "start");
   const hasEndNode = nodes.some((node) => node.type === "end");
   const hasValidStartConfig = Boolean(
@@ -3680,7 +3674,7 @@ function RunPanel({ open, onClose, onRun, onStop }) {
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
             isRunning ? /* @__PURE__ */ jsxRuntime.jsxs(
-              chunkEBARYRSA_js.Button,
+              chunkMXQ2EYG2_js.Button,
               {
                 type: "button",
                 destructive: true,
@@ -3693,7 +3687,7 @@ function RunPanel({ open, onClose, onRun, onStop }) {
                 ]
               }
             ) : /* @__PURE__ */ jsxRuntime.jsxs(
-              chunkEBARYRSA_js.Button,
+              chunkMXQ2EYG2_js.Button,
               {
                 type: "button",
                 color: "ios-green",
@@ -3708,7 +3702,7 @@ function RunPanel({ open, onClose, onRun, onStop }) {
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkEBARYRSA_js.IconButton,
+              chunkMXQ2EYG2_js.IconButton,
               {
                 label: translations("close"),
                 variant: "ghost",
@@ -3974,8 +3968,8 @@ function inferVariables(config, nodeType) {
 }
 function VariableInspector({ open, onClose }) {
   const translations = chunkY5VN4SPH_js.useTranslations("agents.workflow.variableInspector");
-  const nodes = chunk4Z5NZINA_js.useWorkflowStore((state) => state.nodes);
-  const edges = chunk4Z5NZINA_js.useWorkflowStore((state) => state.edges);
+  const nodes = chunkC4UYEHPY_js.useWorkflowStore((state) => state.nodes);
+  const edges = chunkC4UYEHPY_js.useWorkflowStore((state) => state.edges);
   const [expandedNodes, setExpandedNodes] = react.useState(/* @__PURE__ */ new Set());
   const toggleNodeExpansion = react.useCallback((nodeId) => {
     setExpandedNodes((current) => {
@@ -4022,7 +4016,7 @@ function VariableInspector({ open, onClose }) {
             /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-slate-900 dark:text-white", children: translations("title") })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkEBARYRSA_js.IconButton,
+            chunkMXQ2EYG2_js.IconButton,
             {
               label: translations("close"),
               variant: "ghost",
@@ -4038,8 +4032,8 @@ function VariableInspector({ open, onClose }) {
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm text-slate-500 dark:text-slate-400", children: translations("noNodes") })
         ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y divide-slate-100 dark:divide-slate-800", children: nodeVariableEntries.map((entry) => {
           const isExpanded = expandedNodes.has(entry.nodeId);
-          const IconComponent = chunk4Z5NZINA_js.LOGIC_ICON_MAP[entry.nodeType];
-          const gradient = chunk4Z5NZINA_js.LOGIC_NODE_GRADIENTS[entry.nodeType] ?? "from-slate-400 to-slate-500";
+          const IconComponent = chunkC4UYEHPY_js.LOGIC_ICON_MAP[entry.nodeType];
+          const gradient = chunkC4UYEHPY_js.LOGIC_NODE_GRADIENTS[entry.nodeType] ?? "from-slate-400 to-slate-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: [
@@ -4105,7 +4099,7 @@ function RunInputDialog({
   onRun
 }) {
   const t = chunkY5VN4SPH_js.useTranslations("agents.workflow.runInputDialog");
-  const nodes = chunk4Z5NZINA_js.useWorkflowStore((state) => state.nodes);
+  const nodes = chunkC4UYEHPY_js.useWorkflowStore((state) => state.nodes);
   const [values, setValues] = react.useState({});
   const inputVariableNames = react.useMemo(() => {
     const storeStartNode = nodes.find((node) => node.type === "start");
@@ -4132,7 +4126,7 @@ function RunInputDialog({
   }, [onClose]);
   if (!open) return null;
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkRWZ2PLMQ_js.GlassModal,
+    chunkKZDABEML_js.GlassModal,
     {
       open,
       onClose: handleClose,
@@ -4143,7 +4137,7 @@ function RunInputDialog({
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: inputVariableNames.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-center text-sm text-gray-500 dark:text-gray-400", children: t("noInputs") }) : inputVariableNames.map((variableName) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
           /* @__PURE__ */ jsxRuntime.jsx("label", { className: "mb-1 block text-xs font-medium text-gray-700 dark:text-gray-300", children: variableName }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkRWZ2PLMQ_js.Input,
+            chunkKZDABEML_js.Input,
             {
               value: values[variableName] ?? "",
               onChange: (event) => handleValueChange(variableName, event.target.value),
@@ -4152,8 +4146,8 @@ function RunInputDialog({
           )
         ] }, variableName)) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-4 flex items-center justify-end gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { size: "sm", plain: true, onClick: handleClose, children: t("cancel") }),
-          /* @__PURE__ */ jsxRuntime.jsxs(chunkEBARYRSA_js.Button, { size: "sm", gradient: true, onClick: handleSubmit, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { size: "sm", plain: true, onClick: handleClose, children: t("cancel") }),
+          /* @__PURE__ */ jsxRuntime.jsxs(chunkMXQ2EYG2_js.Button, { size: "sm", gradient: true, onClick: handleSubmit, children: [
             /* @__PURE__ */ jsxRuntime.jsx(outline.PlayIcon, { className: "h-3.5 w-3.5", "data-slot": "icon" }),
             t("run")
           ] })
@@ -4186,8 +4180,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 = chunk4Z5NZINA_js.useWorkflowStore((state) => state.isRunning);
-  const nodeResults = chunk4Z5NZINA_js.useWorkflowStore((state) => state.nodeResults);
+  const isRunning = chunkC4UYEHPY_js.useWorkflowStore((state) => state.isRunning);
+  const nodeResults = chunkC4UYEHPY_js.useWorkflowStore((state) => state.nodeResults);
   const refreshRuns = react.useCallback(async () => {
     setIsLoadingRuns(true);
     try {
@@ -4210,7 +4204,7 @@ function PreviewPanel({ open, onClose, workflowId, loadRuns }) {
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liquid-divider flex items-center justify-between border-b px-4 py-3", children: [
         /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-slate-900 dark:text-white", children: t("title") }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkEBARYRSA_js.IconButton,
+          chunkMXQ2EYG2_js.IconButton,
           {
             label: t("close"),
             variant: "ghost",
@@ -4241,7 +4235,7 @@ function PreviewPanel({ open, onClose, workflowId, loadRuns }) {
         selectedNode && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liquid-divider border-b px-4 py-3", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2 flex items-center justify-between", children: [
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-semibold text-slate-900 dark:text-white", children: t("nodeDetail") }),
-            /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", plain: true, size: "xs", onClick: () => setSelectedNode(null), children: t("close") })
+            /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", plain: true, size: "xs", onClick: () => setSelectedNode(null), children: t("close") })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2 text-xs", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between", children: [
@@ -4366,7 +4360,7 @@ var AutoSaveWorkspace = react.memo(function AutoSaveWorkspace2({
     onAutoSaveGraph(graph);
   }, [onAutoSaveGraph, onGraphSnapshot]);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk4Z5NZINA_js.Workspace,
+    chunkC4UYEHPY_js.Workspace,
     {
       ...workspaceProps,
       onGraphChange: handleGraphChange
@@ -4374,7 +4368,7 @@ var AutoSaveWorkspace = react.memo(function AutoSaveWorkspace2({
   );
 });
 function DynamicIslandConfirm2(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.DynamicIslandConfirm, { ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.DynamicIslandConfirm, { ...props });
 }
 var JSON_PREVIEW_LINE_LIMIT = 50;
 function DslExportModal({ open, onClose, workflow, graph }) {
@@ -4428,7 +4422,7 @@ function DslExportModal({ open, onClose, workflow, graph }) {
   }, [jsonString, workflow.name, workflow.version]);
   if (!open) return null;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRWZ2PLMQ_js.GlassModal,
+    chunkKZDABEML_js.GlassModal,
     {
       open,
       onClose,
@@ -4470,7 +4464,7 @@ function DslExportModal({ open, onClose, workflow, graph }) {
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-end gap-3 border-t border-slate-200 px-1 py-4 dark:border-slate-700", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkEBARYRSA_js.Button,
+            chunkMXQ2EYG2_js.Button,
             {
               type: "button",
               onClick: handleCopyToClipboard,
@@ -4487,7 +4481,7 @@ function DslExportModal({ open, onClose, workflow, graph }) {
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsxs(
-            chunkEBARYRSA_js.Button,
+            chunkMXQ2EYG2_js.Button,
             {
               type: "button",
               onClick: handleDownloadJson,
@@ -4646,7 +4640,7 @@ function DslImportModal({ open, onClose, onImport }) {
   }, []);
   if (!open) return null;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRWZ2PLMQ_js.GlassModal,
+    chunkKZDABEML_js.GlassModal,
     {
       open,
       onClose,
@@ -4661,15 +4655,15 @@ function DslImportModal({ open, onClose, onImport }) {
             onDragLeave: handleDragLeave,
             onDrop: handleDrop,
             onClick: handleClickUpload,
-            className: `cursor-pointer rounded-xl border-2 border-dashed p-8 text-center transition-colors duration-200 ${isDragActive ? "border-blue-400 bg-blue-50 dark:border-blue-500 dark:bg-blue-500/10" : "border-gray-300 hover:border-gray-400 dark:border-gray-600 dark:hover:border-gray-500"}`,
+            className: `cursor-pointer rounded-xl border-2 border-dashed p-8 text-center transition-colors duration-200 ${isDragActive ? "border-blue-400 bg-blue-50 dark:border-blue-500 dark:bg-blue-500/10" : "border-slate-300 hover:border-slate-400 dark:border-slate-600 dark:hover:border-slate-500"}`,
             "data-testid": "import-dropzone",
             role: "button",
             tabIndex: 0,
             "aria-label": translations("dropzone"),
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx(outline.ArrowUpTrayIcon, { className: "mx-auto h-10 w-10 text-gray-400 dark:text-gray-500" }),
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-3 text-sm font-medium text-gray-700 dark:text-gray-300", children: translations("dropzone") }),
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-gray-500 dark:text-gray-400", children: translations("dropzoneHint") }),
+              /* @__PURE__ */ jsxRuntime.jsx(outline.ArrowUpTrayIcon, { className: "mx-auto h-10 w-10 text-slate-400 dark:text-slate-500" }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-3 text-sm font-medium text-slate-700 dark:text-slate-300", children: translations("dropzone") }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-slate-500 dark:text-slate-400", children: translations("dropzoneHint") }),
               /* @__PURE__ */ jsxRuntime.jsx(
                 "input",
                 {
@@ -4685,8 +4679,8 @@ function DslImportModal({ open, onClose, onImport }) {
           }
         ) : /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-testid": "import-validation-result", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-4 flex items-center justify-between", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: fileName }),
-            /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", plain: true, size: "sm", onClick: handleReset, children: translations("chooseAnother") })
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-slate-700 dark:text-slate-300", children: fileName }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", plain: true, size: "sm", onClick: handleReset, children: translations("chooseAnother") })
           ] }),
           validationResult.isValid ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-green-200 bg-green-50 p-4 dark:border-green-800 dark:bg-green-900/20", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
@@ -4713,10 +4707,10 @@ function DslImportModal({ open, onClose, onImport }) {
             /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "mt-2 space-y-1", children: validationResult.errors.map((validationError, index) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "text-xs text-red-600 dark:text-red-400", children: validationError }, index)) })
           ] })
         ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-end gap-3 border-t border-gray-200 px-1 py-4 dark:border-gray-700", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", onClick: onClose, outline: true, size: "sm", "data-testid": "import-cancel-button", children: translations("cancel") }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-end gap-3 border-t border-slate-200 px-1 py-4 dark:border-slate-700", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", onClick: onClose, outline: true, size: "sm", "data-testid": "import-cancel-button", children: translations("cancel") }),
           /* @__PURE__ */ jsxRuntime.jsxs(
-            chunkEBARYRSA_js.Button,
+            chunkMXQ2EYG2_js.Button,
             {
               type: "button",
               onClick: handleImport,
@@ -4737,14 +4731,14 @@ function DslImportModal({ open, onClose, onImport }) {
 }
 
 // src/astrlabe/store/selectors.ts
-var useCanUndo = () => chunk4Z5NZINA_js.useWorkflowStore((state) => state.past.length > 0);
-var useCanRedo = () => chunk4Z5NZINA_js.useWorkflowStore((state) => state.future.length > 0);
-var useHasCopied = () => chunk4Z5NZINA_js.useWorkflowStore((state) => state.clipboard !== null);
-var useContextMenu = () => chunk4Z5NZINA_js.useWorkflowStore((state) => state.contextMenu);
-var useEditingNodeId = () => chunk4Z5NZINA_js.useWorkflowStore((state) => state.editingNodeId);
-var useSelectedNodeCount = () => chunk4Z5NZINA_js.useWorkflowStore((state) => state.nodes.filter((node) => node.selected).length);
-var useIsRunning = () => chunk4Z5NZINA_js.useWorkflowStore((state) => state.isRunning);
-var useNodeResults = () => chunk4Z5NZINA_js.useWorkflowStore((state) => state.nodeResults);
+var useCanUndo = () => chunkC4UYEHPY_js.useWorkflowStore((state) => state.past.length > 0);
+var useCanRedo = () => chunkC4UYEHPY_js.useWorkflowStore((state) => state.future.length > 0);
+var useHasCopied = () => chunkC4UYEHPY_js.useWorkflowStore((state) => state.clipboard !== null);
+var useContextMenu = () => chunkC4UYEHPY_js.useWorkflowStore((state) => state.contextMenu);
+var useEditingNodeId = () => chunkC4UYEHPY_js.useWorkflowStore((state) => state.editingNodeId);
+var useSelectedNodeCount = () => chunkC4UYEHPY_js.useWorkflowStore((state) => state.nodes.filter((node) => node.selected).length);
+var useIsRunning = () => chunkC4UYEHPY_js.useWorkflowStore((state) => state.isRunning);
+var useNodeResults = () => chunkC4UYEHPY_js.useWorkflowStore((state) => state.nodeResults);
 var DEFAULT_MAX_HISTORY = 50;
 function useUndoRedo(nodes, edges, setNodes, setEdges, maxHistory = DEFAULT_MAX_HISTORY) {
   const pastRef = react.useRef([]);
@@ -5068,5 +5062,5 @@ exports.useNodeResults = useNodeResults;
 exports.useSelectedNodeCount = useSelectedNodeCount;
 exports.useSubworkflowStore = useSubworkflowStore;
 exports.useUndoRedo = useUndoRedo;
-//# sourceMappingURL=chunk-UPWJRCAD.js.map
-//# sourceMappingURL=chunk-UPWJRCAD.js.map
+//# sourceMappingURL=chunk-KRS2CLPR.js.map
+//# sourceMappingURL=chunk-KRS2CLPR.js.map