@datatechsolutions/ui 3.2.1 → 3.4.0

package/dist/{chunk-RL35XATZ.js → chunk-ERCDMBRT.js}

@@ -1,26 +1,112 @@
 "use client";
 'use strict';
 
-var chunkEFOXN3LC_js = require('./chunk-EFOXN3LC.js');
-var chunkI2NZGVBG_js = require('./chunk-I2NZGVBG.js');
+var chunkM7KSEUZR_js = require('./chunk-M7KSEUZR.js');
+var chunkFSBR4RCK_js = require('./chunk-FSBR4RCK.js');
 var chunkYXN2K77G_js = require('./chunk-YXN2K77G.js');
-var chunkC3H4FM4A_js = require('./chunk-C3H4FM4A.js');
+var chunk72SWXOD5_js = require('./chunk-72SWXOD5.js');
 var react = require('react');
 var react$1 = require('@xyflow/react');
 var outline = require('@heroicons/react/24/outline');
 var jsxRuntime = require('react/jsx-runtime');
 var zustand = require('zustand');
 
+var SI = (slug, color) => `https://cdn.simpleicons.org/${slug}/${color}`;
+var PROVIDER_LOGOS = {
+  aws_bedrock: "https://www.svgrepo.com/show/448266/aws.svg",
+  openai_api: "https://www.svgrepo.com/show/306500/openai.svg",
+  google_vertex: SI("googlegemini", "8E75B2"),
+  azure_openai: SI("microsoftazure", "0078D4"),
+  anthropic_api: SI("anthropic", "D4A27F"),
+  groq: SI("groq", "000000"),
+  mistral: SI("mistralai", "FF7000"),
+  huggingface: SI("huggingface", "FFD21E"),
+  ollama: SI("ollama", "FFFFFF")
+};
+var PROVIDER_TYPE_LABELS = {
+  aws_bedrock: "AWS Bedrock",
+  openai_api: "OpenAI API",
+  google_vertex: "Google Vertex AI",
+  azure_openai: "Azure OpenAI",
+  anthropic_api: "Anthropic API",
+  groq: "Groq Cloud",
+  mistral: "Mistral AI",
+  huggingface: "Hugging Face",
+  ollama: "Ollama (Local)",
+  custom: "Custom"
+};
+var ModelProviderFlowNode = react.memo(function ModelProviderFlowNode2({ id, data, selected }) {
+  const config = data.config;
+  const isCompact = data.displayMode === "compact";
+  if (!config) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(chunkM7KSEUZR_js.NodeRunningIndicator, { nodeId: id }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkM7KSEUZR_js.WorkflowHandle, { type: "target", position: react$1.Position.Left, id: "left-in", colorClass: "!bg-gray-400 dark:!bg-gray-500" }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkM7KSEUZR_js.WorkflowHandle, { type: "target", position: react$1.Position.Top, id: "top-in", colorClass: "!bg-gray-400 dark:!bg-gray-500" }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkM7KSEUZR_js.NodeCard, { variant: "error", nodeType: "model_provider", width: "w-[280px]", children: /* @__PURE__ */ jsxRuntime.jsx(
+        chunkM7KSEUZR_js.NodeCardHeader,
+        {
+          icon: /* @__PURE__ */ jsxRuntime.jsx(outline.ExclamationTriangleIcon, { className: "h-6 w-6 text-white" }),
+          title: data.label || "Model Provider",
+          description: "Not configured",
+          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(chunkM7KSEUZR_js.WorkflowHandle, { type: "source", position: react$1.Position.Right, id: "right-out", colorClass: "!bg-slate-500" }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkM7KSEUZR_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;
+  const displayName = config.name || providerLabel;
+  const regionLabel = config.region ? config.region : void 0;
+  const isConfigured = !!(config.credentialRef || config.apiKeyRef);
+  const logo = PROVIDER_LOGOS[config.providerType];
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkM7KSEUZR_js.NodeRunningIndicator, { nodeId: id }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkM7KSEUZR_js.WorkflowHandle, { type: "target", position: react$1.Position.Left, id: "left-in", colorClass: "!bg-gray-400 dark:!bg-gray-500" }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkM7KSEUZR_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(chunkM7KSEUZR_js.NodeCard, { compact: isCompact, selected, nodeType: "model_provider", width: "w-[280px]", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            chunkM7KSEUZR_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,
+              description: providerLabel,
+              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(chunkM7KSEUZR_js.NodeCardMeta, { compact: isCompact, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(chunkM7KSEUZR_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(chunkM7KSEUZR_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(chunkM7KSEUZR_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(chunkM7KSEUZR_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: [
+              config.modelFilter.length,
+              " models"
+            ] })
+          ] }) })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkM7KSEUZR_js.WorkflowHandle, { type: "source", position: react$1.Position.Right, id: "right-out", colorClass: "!bg-slate-500" }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkM7KSEUZR_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 }) {
   const t = chunkYXN2K77G_js.useTranslations("agents.workflow");
   const { config, label, onDelete, onEdit } = data;
   const isCompact = data.displayMode === "compact";
   const keyPreview = config.key ? config.key.slice(0, 30) : "";
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkEFOXN3LC_js.NodeRunningIndicator, { nodeId: id }),
-    /* @__PURE__ */ jsxRuntime.jsx(chunkEFOXN3LC_js.WorkflowHandle, { type: "target", position: react$1.Position.Left, id: "left-in", colorClass: "!bg-cyan-500" }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkM7KSEUZR_js.NodeRunningIndicator, { nodeId: id }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkM7KSEUZR_js.WorkflowHandle, { type: "target", position: react$1.Position.Left, id: "left-in", colorClass: "!bg-cyan-500" }),
     /* @__PURE__ */ jsxRuntime.jsxs(
-      chunkEFOXN3LC_js.NodeInteractiveCard,
+      chunkM7KSEUZR_js.NodeInteractiveCard,
       {
         nodeId: id,
         onEdit,
@@ -29,27 +115,27 @@ var S3WriteFlowNode = react.memo(function S3WriteFlowNode2({ id, data, selected
         nodeType: "s3_write",
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkEFOXN3LC_js.NodeCardHeader,
+            chunkM7KSEUZR_js.NodeCardHeader,
             {
-              icon: /* @__PURE__ */ jsxRuntime.jsx(chunkEFOXN3LC_js.NodeIconBubble, { tone: "s3_write", children: /* @__PURE__ */ jsxRuntime.jsx(outline.CloudArrowUpIcon, { className: "h-5 w-5 text-white" }) }),
+              icon: /* @__PURE__ */ jsxRuntime.jsx(chunkM7KSEUZR_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(chunkEFOXN3LC_js.NodeCardMeta, { compact: isCompact, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(chunkM7KSEUZR_js.NodeCardMeta, { compact: isCompact, children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(chunkEFOXN3LC_js.NodeCardBadge, { tone: "s3_write", children: t("s3WriteNode") }),
-              config.bucket && /* @__PURE__ */ jsxRuntime.jsx(chunkEFOXN3LC_js.NodeCardBadge, { tone: "s3_write", soft: true, children: config.bucket }),
+              /* @__PURE__ */ jsxRuntime.jsx(chunkM7KSEUZR_js.NodeCardBadge, { tone: "s3_write", children: t("s3WriteNode") }),
+              config.bucket && /* @__PURE__ */ jsxRuntime.jsx(chunkM7KSEUZR_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(chunkEFOXN3LC_js.NodeCardDeleteAction, { nodeId: id, onDelete })
+            /* @__PURE__ */ jsxRuntime.jsx(chunkM7KSEUZR_js.NodeCardDeleteAction, { nodeId: id, onDelete })
           ] })
         ]
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx(chunkEFOXN3LC_js.WorkflowHandle, { type: "source", position: react$1.Position.Right, id: "right-out", colorClass: "!bg-cyan-500" })
+    /* @__PURE__ */ jsxRuntime.jsx(chunkM7KSEUZR_js.WorkflowHandle, { type: "source", position: react$1.Position.Right, id: "right-out", colorClass: "!bg-cyan-500" })
   ] });
 });
 function AnthropicModelIcon({ className }) {
@@ -113,7 +199,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(
-        chunkI2NZGVBG_js.Button,
+        chunkFSBR4RCK_js.Button,
         {
           type: "button",
           outline: true,
@@ -177,7 +263,7 @@ function OutputSchemaBuilder({ value, onChange, depth = 0 }) {
         },
         index
       )),
-      /* @__PURE__ */ jsxRuntime.jsx(chunkI2NZGVBG_js.Button, { type: "button", outline: true, onClick: addField, children: "+ Add field" })
+      /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.Button, { type: "button", outline: true, onClick: addField, children: "+ Add field" })
     ] })
   ] });
 }
@@ -200,7 +286,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(
-        chunkI2NZGVBG_js.FormInput,
+        chunkFSBR4RCK_js.FormInput,
         {
           label: "Name",
           value: field.name,
@@ -209,7 +295,7 @@ function FieldEditor({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkI2NZGVBG_js.FormSelect,
+        chunkFSBR4RCK_js.FormSelect,
         {
           label: "Type",
           value: field.type,
@@ -229,10 +315,10 @@ function FieldEditor({
         ),
         "Required"
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(chunkI2NZGVBG_js.Button, { type: "button", plain: true, onClick: onRemove, children: "Remove" })
+      /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.Button, { type: "button", plain: true, onClick: onRemove, children: "Remove" })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI2NZGVBG_js.FormInput,
+      chunkFSBR4RCK_js.FormInput,
       {
         label: "Description (optional)",
         value: field.description,
@@ -298,94 +384,6 @@ function rowsToSchema(rows) {
 function defaultAgentOutputSchema() {
   return { type: "object", properties: {}, required: [] };
 }
-function StatusBadge({ status }) {
-  const colorMap = {
-    pending: "bg-gray-100 text-gray-700 dark:bg-gray-800 dark:text-gray-300",
-    running: "bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-300",
-    success: "bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-300",
-    error: "bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-300"
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: `inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-semibold ${colorMap[status] ?? colorMap.pending}`, children: status });
-}
-function formatDuration(ms) {
-  if (ms < 1e3) return `${ms}ms`;
-  return `${(ms / 1e3).toFixed(2)}s`;
-}
-function isRecord(value) {
-  return typeof value === "object" && value !== null && !Array.isArray(value);
-}
-function OutputCard({ label, value }) {
-  const displayValue = typeof value === "string" ? value : JSON.stringify(value, null, 2);
-  const isLong = typeof displayValue === "string" && displayValue.length > 120;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-white/20 bg-white/40 p-3 dark:border-white/10 dark:bg-white/5", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-1 text-[10px] font-semibold uppercase tracking-wider text-gray-500 dark:text-gray-400", children: label }),
-    isLong ? /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "max-h-40 overflow-auto whitespace-pre-wrap text-xs text-gray-800 dark:text-gray-200", children: displayValue }) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-gray-900 dark:text-white", children: displayValue })
-  ] });
-}
-function AgentProfileHeader({ agent, models, t, selectedModelId, setSelectedModelId, selectedFramework, temperature, setTemperature, elo, setElo, onChanged }) {
-  const modelName = models.find((model) => model.id === selectedModelId)?.name ?? selectedModelId ?? "\u2014";
-  const avatarUrl = agent.avatar;
-  const frameworkMeta = chunkEFOXN3LC_js.getFrameworkMeta(selectedFramework);
-  const tierInfo = getEloTier(elo);
-  const difficultyConfig = {
-    beginner: { color: "bg-cyan-100 text-cyan-700 dark:bg-cyan-900/30 dark:text-cyan-400", labelKey: "agentDrawer.tierBeginner" },
-    intermediate: { color: "bg-pink-100 text-pink-700 dark:bg-pink-900/30 dark:text-pink-400", labelKey: "agentDrawer.tierIntermediate" },
-    advanced: { color: "bg-amber-100 text-amber-700 dark:bg-amber-900/30 dark:text-amber-400", labelKey: "agentDrawer.tierAdvanced" },
-    expert: { color: "bg-emerald-100 text-emerald-700 dark:bg-emerald-900/30 dark:text-emerald-400", labelKey: "agentDrawer.tierExpert" }
-  };
-  const levelConfig = difficultyConfig[tierInfo.tierKey];
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative overflow-hidden bg-gradient-to-br from-indigo-500/20 via-purple-500/10 to-transparent px-6 pb-6 pt-4 dark:from-indigo-500/10 dark:via-purple-500/5", children: [
-    levelConfig && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${levelConfig.color} rounded-full px-4 py-1.5 text-xs font-bold shadow-sm transition-colors`, children: t(levelConfig.labelKey) }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 rounded-full bg-gradient-to-br from-purple-500 to-blue-500 opacity-40 blur-lg" }),
-      avatarUrl ? /* @__PURE__ */ jsxRuntime.jsx(
-        "img",
-        {
-          src: avatarUrl,
-          alt: agent.name,
-          loading: "lazy",
-          className: "relative h-20 w-20 rounded-full bg-white object-cover shadow-xl ring-4 ring-white dark:bg-gray-800 dark:ring-gray-800"
-        }
-      ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex h-20 w-20 items-center justify-center rounded-full bg-gradient-to-br from-indigo-400 to-purple-500 shadow-xl ring-4 ring-white dark:ring-gray-800", children: /* @__PURE__ */ jsxRuntime.jsx(outline.CpuChipIcon, { className: "h-10 w-10 text-white" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute -bottom-1 -right-1 flex h-6 w-6 items-center justify-center rounded-full bg-indigo-500 ring-2 ring-white dark:ring-gray-900", children: /* @__PURE__ */ jsxRuntime.jsx(outline.CpuChipIcon, { className: "h-3.5 w-3.5 text-white" }) })
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-2 text-center text-lg font-bold text-gray-900 dark:text-white", children: agent.name }),
-    agent.role && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-3 flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5 rounded-full bg-white/60 px-3 py-1.5 text-xs font-medium text-gray-600 ring-1 ring-gray-200/50 dark:bg-gray-800/60 dark:text-gray-400 dark:ring-gray-700/50", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "h-3 w-3", fill: "currentColor", viewBox: "0 0 20 20", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: "M6 6V5a3 3 0 013-3h2a3 3 0 013 3v1h2a2 2 0 012 2v3.57A22.952 22.952 0 0110 13a22.95 22.95 0 01-8-1.43V8a2 2 0 012-2h2zm2-1a1 1 0 011-1h2a1 1 0 011 1v1H8V5zm1 5a1 1 0 011-1h.01a1 1 0 110 2H10a1 1 0 01-1-1z", clipRule: "evenodd" }),
-        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 13.692V16a2 2 0 002 2h12a2 2 0 002-2v-2.308A24.974 24.974 0 0110 15c-2.796 0-5.487-.46-8-1.308z" })
-      ] }),
-      agent.role
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-flex items-center gap-1.5 rounded bg-white/50 px-2.5 py-1 text-[10px] text-gray-600 dark:bg-gray-800/50 dark:text-gray-400", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(outline.CpuChipIcon, { className: "h-3 w-3" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold", children: modelName })
-      ] }),
-      elo != null && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-flex items-center gap-1 rounded bg-white/50 px-2 py-1 text-[10px] text-gray-600 dark:bg-gray-800/50 dark:text-gray-400", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "opacity-60", children: "ELO:" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-bold tabular-nums", children: elo })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `inline-flex items-center gap-1.5 rounded-full px-3 py-1 text-[10px] font-semibold ${frameworkMeta.badgeColor}`, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(frameworkMeta.IconComponent, { className: "h-3.5 w-3.5" }),
-      frameworkMeta.label
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(AgentCapabilityCard, { elo, setElo, models, selectedModelId, setSelectedModelId, temperature, setTemperature, onChanged, t }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 flex items-center justify-center gap-2 text-[10px] text-gray-400 dark:text-gray-500", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-        "v",
-        agent.activePromptVersion
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\xB7" }),
-      /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-        agent.promptCount,
-        " prompt",
-        agent.promptCount === 1 ? "" : "s"
-      ] })
-    ] })
-  ] });
-}
 var MODEL_FAMILIES = {
   anthropic: [
     { prefix: "anthropic.claude-haiku", maxTokens: 8192, contextWindow: "200K" },
@@ -412,8 +410,20 @@ function getProviderFromModelId(modelId) {
   if (modelId.startsWith("anthropic.")) return "anthropic";
   if (modelId.startsWith("amazon.")) return "amazon";
   if (modelId.startsWith("meta.")) return "meta";
+  if (modelId.startsWith("openai.")) return "openai";
+  if (modelId.startsWith("google.")) return "google";
   return "anthropic";
 }
+function getModelFamily(modelId) {
+  return getProviderFromModelId(modelId);
+}
+function findCompatibleProviders(modelId, providers) {
+  const family = getModelFamily(modelId);
+  return providers.filter((p) => {
+    const families = p.servedFamilies ?? [p.provider];
+    return families.includes(family);
+  });
+}
 function getEloTier(elo) {
   if (elo < 1200) return {
     tierKey: "beginner",
@@ -601,13 +611,13 @@ function AgentCapabilityCard({ elo, setElo, models, selectedModelId, setSelected
   ] });
 }
 function ConfigTab({ models, t, selectedModelId, setSelectedModelId, selectedFramework, setSelectedFramework, markDirty, connectedProviderTypes }) {
-  const frameworkKeys = Object.keys(chunkEFOXN3LC_js.FRAMEWORK_META);
+  const frameworkKeys = Object.keys(chunkM7KSEUZR_js.FRAMEWORK_META);
   const hasProviderConstraints = connectedProviderTypes.length > 0;
-  const compatibleModels = chunkEFOXN3LC_js.getCompatibleModels(models, selectedFramework);
+  const compatibleModels = chunkM7KSEUZR_js.getCompatibleModels(models, selectedFramework);
   const handleFrameworkChange = react.useCallback((newFramework) => {
     setSelectedFramework(newFramework);
-    if (!chunkEFOXN3LC_js.isModelCompatibleWithFramework(selectedModelId, newFramework)) {
-      const compatible = chunkEFOXN3LC_js.getCompatibleModels(models, newFramework);
+    if (!chunkM7KSEUZR_js.isModelCompatibleWithFramework(selectedModelId, newFramework)) {
+      const compatible = chunkM7KSEUZR_js.getCompatibleModels(models, newFramework);
       if (compatible.length > 0) {
         setSelectedModelId(compatible[0].id);
       }
@@ -618,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 = chunkEFOXN3LC_js.FRAMEWORK_META[key];
+        const meta = chunkM7KSEUZR_js.FRAMEWORK_META[key];
         const isSelected = key === selectedFramework;
-        const compatCount = chunkEFOXN3LC_js.getCompatibleModels(models, key).length;
-        const isCompatibleWithProviders = !hasProviderConstraints || chunkEFOXN3LC_js.isFrameworkCompatibleWithProviders(key, connectedProviderTypes);
+        const compatCount = chunkM7KSEUZR_js.getCompatibleModels(models, key).length;
+        const isCompatibleWithProviders = !hasProviderConstraints || chunkM7KSEUZR_js.isFrameworkCompatibleWithProviders(key, connectedProviderTypes);
         return /* @__PURE__ */ jsxRuntime.jsxs(
           "button",
           {
@@ -653,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 = chunkEFOXN3LC_js.isModelCompatibleWithFramework(model.id, selectedFramework);
+        const isCompatible = chunkM7KSEUZR_js.isModelCompatibleWithFramework(model.id, selectedFramework);
         const { IconComponent, color, providerLabel } = getModelIcon(model.id);
         return /* @__PURE__ */ jsxRuntime.jsxs(
           "button",
@@ -776,138 +786,6 @@ function PromptTab({
     ] })
   ] });
 }
-function ResultsTab({ agentId, t }) {
-  const nodeResults = chunkEFOXN3LC_js.useWorkflowStore((state) => state.nodeResults);
-  const agentResult = react.useMemo(() => {
-    return nodeResults[agentId] ?? null;
-  }, [nodeResults, agentId]);
-  if (!agentResult) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-center justify-center px-4 py-12 text-center", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: t("agentDrawer.noResults") }) });
-  }
-  const outputs = isRecord(agentResult.data) ? agentResult.data : null;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4 p-4", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-gray-500 dark:text-gray-400", children: t("agentDrawer.status") }),
-        /* @__PURE__ */ jsxRuntime.jsx(StatusBadge, { status: agentResult.status })
-      ] }),
-      agentResult.durationMs != null && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-gray-500 dark:text-gray-400", children: [
-        t("agentDrawer.duration"),
-        ": ",
-        formatDuration(agentResult.durationMs)
-      ] })
-    ] }),
-    agentResult.error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-xl border border-red-200 bg-red-50 p-3 dark:border-red-900/30 dark:bg-red-900/10", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium text-red-800 dark:text-red-300", children: agentResult.error }) }),
-    outputs && Object.keys(outputs).length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-xs font-semibold uppercase tracking-wider text-gray-500 dark:text-gray-400", children: t("agentDrawer.outputVariables") }),
-      Object.entries(outputs).map(([key, value]) => /* @__PURE__ */ jsxRuntime.jsx(OutputCard, { label: key, value }, key))
-    ] })
-  ] });
-}
-var SI = (slug, color) => `https://cdn.simpleicons.org/${slug}/${color}`;
-var PROVIDER_LOGOS = {
-  anthropic: SI("anthropic", "D4A27F"),
-  amazon: "https://www.svgrepo.com/show/448266/aws.svg",
-  google: SI("googlegemini", "8E75B2"),
-  openai: "https://www.svgrepo.com/show/306500/openai.svg",
-  meta: SI("meta", "0668E1"),
-  aws_bedrock: "https://www.svgrepo.com/show/448266/aws.svg",
-  openai_api: "https://www.svgrepo.com/show/306500/openai.svg",
-  google_vertex: SI("googlegemini", "8E75B2"),
-  azure_openai: SI("microsoftazure", "0078D4"),
-  anthropic_api: SI("anthropic", "D4A27F")
-};
-function ModelsTab({ modelProviders, selectedProviderId, onSelectProvider, models, selectedModelId, onSelectModel, agentFramework, t }) {
-  if (modelProviders.length === 0) {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center px-4 py-12 text-center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(outline.KeyIcon, { className: "mb-2 h-8 w-8 text-gray-400 dark:text-gray-500" }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: t("agentDrawer.noProvidersAvailable") }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-gray-400 dark:text-gray-500", children: t("agentDrawer.dragProviderHint") })
-    ] });
-  }
-  const modelsByProvider = modelProviders.map((provider) => ({
-    provider,
-    models: models.filter((m) => {
-      const modelProvider = m.id.split(".")[0];
-      return provider.provider === modelProvider || provider.provider === "amazon" && modelProvider === "anthropic" || provider.provider === "amazon" && modelProvider === "amazon" || provider.provider === "amazon" && modelProvider === "meta";
-    })
-  }));
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4 p-4", children: [
-    /* @__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.selectProvider") }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1.5", children: modelProviders.map((provider) => {
-        const isSelected = selectedProviderId === provider.id;
-        const logo = PROVIDER_LOGOS[provider.provider];
-        return /* @__PURE__ */ jsxRuntime.jsxs(
-          "button",
-          {
-            type: "button",
-            onClick: () => onSelectProvider(provider.id),
-            className: `flex w-full items-center gap-3 rounded-xl border px-3 py-2.5 text-left transition-all ${isSelected ? "border-indigo-500/30 bg-indigo-50/50 ring-1 ring-indigo-500/20 dark:border-indigo-400/20 dark:bg-indigo-500/5" : "border-gray-200/50 bg-gray-50/30 hover:border-gray-300 dark:border-white/10 dark:bg-white/[0.02] dark:hover:border-white/20"}`,
-            children: [
-              logo ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-white/10 p-1", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: logo, alt: "", className: "h-5 w-5 object-contain", loading: "lazy" }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-gradient-to-br from-slate-500 to-gray-600", children: /* @__PURE__ */ jsxRuntime.jsx(outline.KeyIcon, { className: "h-4 w-4 text-white" }) }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: `text-xs font-medium ${isSelected ? "text-gray-900 dark:text-white" : "text-gray-600 dark:text-gray-400"}`, children: provider.name }),
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 text-[10px] text-gray-400 dark:text-gray-500", children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-                    provider.modelCount,
-                    " models"
-                  ] }),
-                  provider.configured && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-1.5 w-1.5 rounded-full bg-green-500" })
-                ] })
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex h-4 w-4 shrink-0 items-center justify-center rounded-full transition-all ${isSelected ? "bg-indigo-500 text-white" : "border border-gray-300 dark:border-gray-600"}`, children: isSelected && /* @__PURE__ */ jsxRuntime.jsx(outline.CheckIcon, { className: "h-2.5 w-2.5" }) })
-            ]
-          },
-          provider.id
-        );
-      }) })
-    ] }),
-    selectedProviderId && (() => {
-      const providerModels = modelsByProvider.find((p) => p.provider.id === selectedProviderId);
-      if (!providerModels || providerModels.models.length === 0) return /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-400 dark:text-gray-500", children: t("agentDrawer.noModelsForProvider") });
-      const compatibleModels = providerModels.models.filter(
-        (m) => chunkEFOXN3LC_js.isModelCompatibleWithFramework(m.id, agentFramework)
-      );
-      const incompatibleModels = providerModels.models.filter(
-        (m) => !chunkEFOXN3LC_js.isModelCompatibleWithFramework(m.id, agentFramework)
-      );
-      return /* @__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.selectModel") }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
-          compatibleModels.map((model) => {
-            const isSelected = selectedModelId === model.id;
-            const { IconComponent, color, providerLabel } = getModelIcon(model.id);
-            return /* @__PURE__ */ jsxRuntime.jsxs(
-              "button",
-              {
-                type: "button",
-                onClick: () => onSelectModel(model.id),
-                className: `flex w-full items-center gap-2.5 rounded-lg border px-3 py-2 text-left transition-all ${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-gray-200/50 bg-gray-50/50 hover:border-gray-300 dark:border-white/10 dark:bg-white/5 dark:hover:border-white/20"}`,
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(IconComponent, { className: `h-4 w-4 flex-shrink-0 ${isSelected ? color : "text-gray-400 dark:text-gray-500"}` }),
-                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: `text-xs font-semibold ${isSelected ? "text-gray-900 dark:text-white" : "text-gray-600 dark:text-gray-300"}`, children: model.name }),
-                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-gray-400 dark:text-gray-500", children: providerLabel })
-                  ] }),
-                  isSelected && /* @__PURE__ */ jsxRuntime.jsx(outline.CheckIcon, { className: "h-3.5 w-3.5 shrink-0 text-indigo-500" })
-                ]
-              },
-              model.id
-            );
-          }),
-          incompatibleModels.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 mb-1 text-[9px] font-medium text-gray-400 dark:text-gray-500", children: t("agentDrawer.incompatibleWithFramework") }),
-            incompatibleModels.map((model) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2.5 rounded-lg border border-gray-200/30 px-3 py-2 opacity-40 dark:border-white/5", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(outline.CpuChipIcon, { className: "h-4 w-4 text-gray-400" }),
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-500", children: model.name })
-            ] }, model.id))
-          ] })
-        ] })
-      ] });
-    })()
-  ] });
-}
 function ToolsTab({ agentTools, enabledToolIds, onToggle, agentFramework, t }) {
   if (agentTools.length === 0) {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center px-4 py-12 text-center", children: [
@@ -943,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 = chunkEFOXN3LC_js.getFrameworkMeta(framework);
+                const meta = chunkM7KSEUZR_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" }),
@@ -960,7 +838,7 @@ function ToolsTab({ agentTools, enabledToolIds, onToggle, agentFramework, t }) {
                   event.stopPropagation();
                 },
                 children: /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkI2NZGVBG_js.ToggleSwitch,
+                  chunkFSBR4RCK_js.ToggleSwitch,
                   {
                     checked: isEnabled,
                     onChange: () => onToggle(tool.agentToolId),
@@ -979,155 +857,188 @@ function ToolsTab({ agentTools, enabledToolIds, onToggle, agentFramework, t }) {
     })
   ] });
 }
-function AdvancedTab({
-  displayName,
-  setDisplayName,
-  description,
-  setDescription,
+function EngineTab({
+  agent,
+  models,
+  t,
+  selectedModelId,
+  setSelectedModelId,
+  selectedFramework,
+  setSelectedFramework,
+  temperature,
+  setTemperature,
+  elo,
+  setElo,
   maxOutputTokens,
   setMaxOutputTokens,
   topP,
   setTopP,
   topK,
   setTopK,
-  tags,
-  setTags,
-  status,
-  setStatus,
-  avatarUrl,
-  setAvatarUrl,
-  markDirty,
-  t
+  modelProviders,
+  selectedProviderId,
+  onSelectProvider,
+  markDirty
 }) {
-  const wrap = "w-full rounded-lg border border-gray-200/50 bg-gray-50/50 px-3 py-2 text-sm text-gray-800 outline-none transition-colors focus:border-indigo-300/50 focus:ring-1 focus:ring-indigo-300/30 dark:border-white/10 dark:bg-white/5 dark:text-gray-200";
-  const labelCls = "mb-1 block text-xs font-medium text-gray-500 dark:text-gray-400";
-  const touch = () => markDirty();
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4 p-4", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: labelCls, children: t("agentDrawer.displayName", { _: "Display name" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("input", { className: wrap, value: displayName, onChange: (e) => {
-          setDisplayName(e.target.value);
-          touch();
-        } })
+  const modelObj = models.find((m) => m.id === selectedModelId);
+  const modelName = modelObj?.name ?? selectedModelId ?? "\u2014";
+  const family = getModelFamily(selectedModelId);
+  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 = chunkM7KSEUZR_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(
+      AgentCapabilityCard,
+      {
+        elo,
+        setElo,
+        models,
+        selectedModelId,
+        setSelectedModelId,
+        temperature,
+        setTemperature,
+        onChanged: markDirty,
+        t
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 px-4 text-[9px] font-semibold uppercase tracking-wider text-indigo-500/70 dark:text-indigo-400/70", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-px flex-1 bg-gradient-to-r from-transparent via-indigo-500/30 to-transparent" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+        "\u2193 ",
+        t("agentDrawer.derives", { _: "deriva" })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: labelCls, children: t("agentDrawer.status", { _: "Status" }) }),
-        /* @__PURE__ */ jsxRuntime.jsxs("select", { className: wrap, value: status, onChange: (e) => {
-          setStatus(e.target.value);
-          touch();
-        }, children: [
-          /* @__PURE__ */ jsxRuntime.jsx("option", { value: "draft", children: "draft" }),
-          /* @__PURE__ */ jsxRuntime.jsx("option", { value: "active", children: "active" }),
-          /* @__PURE__ */ jsxRuntime.jsx("option", { value: "archived", children: "archived" })
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "block", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: labelCls, children: t("agentDrawer.description", { _: "Description" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "textarea",
-        {
-          className: wrap,
-          rows: 3,
-          value: description,
-          onChange: (e) => {
-            setDescription(e.target.value);
-            touch();
-          },
-          placeholder: t("agentDrawer.descriptionPlaceholder", { _: "What this agent does, which tasks it's good at" })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "block", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: labelCls, children: t("agentDrawer.avatarUrl", { _: "Avatar URL" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("input", { className: wrap, value: avatarUrl, onChange: (e) => {
-        setAvatarUrl(e.target.value);
-        touch();
-      }, placeholder: "https://\u2026" })
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-px flex-1 bg-gradient-to-r from-transparent via-indigo-500/30 to-transparent" })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-3", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: labelCls, children: t("agentDrawer.maxOutputTokens", { _: "Max output tokens" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "input",
-          {
-            type: "number",
-            min: 1,
-            max: 32768,
-            className: wrap,
-            value: maxOutputTokens,
-            onChange: (e) => {
-              setMaxOutputTokens(Number(e.target.value) || 0);
-              touch();
-            }
-          }
-        )
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 py-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(outline.CpuChipIcon, { className: "mt-0.5 h-5 w-5 text-indigo-500 dark:text-indigo-400" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-semibold text-gray-900 dark:text-white", children: modelName }),
+          compatibleProviders.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-amber-600 dark:text-amber-400", children: t("agentDrawer.noProviderForFamily", { _: "Nenhum provedor configurado serve a fam\xEDlia " + family }) }) : configuredCompatible.length > 1 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1 flex items-center gap-1.5", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-gray-500 dark:text-gray-400", children: t("agentDrawer.servedVia", { _: "via" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "select",
+              {
+                value: effectiveProvider?.id ?? "",
+                onChange: (event) => {
+                  onSelectProvider(event.target.value);
+                  markDirty();
+                },
+                className: "liquid-surface rounded-md px-2 py-0.5 text-[10px] font-semibold text-gray-900 outline-none focus:ring-1 focus:ring-indigo-300/40 dark:text-white",
+                children: configuredCompatible.map((p) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: p.id, children: p.name }, p.id))
+              }
+            ),
+            effectiveProvider && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `inline-flex items-center gap-1 rounded-full px-1.5 py-0.5 text-[9px] font-semibold ${effectiveProvider.configured ? "bg-emerald-500/10 text-emerald-600 dark:text-emerald-400" : "bg-amber-500/10 text-amber-600 dark:text-amber-400"}`, children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: `h-1 w-1 rounded-full ${effectiveProvider.configured ? "bg-emerald-500" : "bg-amber-500"}` }),
+              effectiveProvider.configured ? t("agentDrawer.configured", { _: "connected" }) : t("agentDrawer.setup", { _: "setup" })
+            ] })
+          ] }) : /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-[10px] text-gray-500 dark:text-gray-400", children: [
+            t("agentDrawer.servedVia", { _: "via" }),
+            " ",
+            effectiveProvider?.name ?? family,
+            effectiveProvider && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `ml-2 inline-flex items-center gap-1 rounded-full px-1.5 py-0.5 text-[9px] font-semibold ${effectiveProvider.configured ? "bg-emerald-500/10 text-emerald-600 dark:text-emerald-400" : "bg-amber-500/10 text-amber-600 dark:text-amber-400"}`, children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: `h-1 w-1 rounded-full ${effectiveProvider.configured ? "bg-emerald-500" : "bg-amber-500"}` }),
+              effectiveProvider.configured ? t("agentDrawer.configured", { _: "connected" }) : t("agentDrawer.setup", { _: "setup" })
+            ] })
+          ] })
+        ] })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: labelCls, children: t("agentDrawer.topP", { _: "Top-p" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "input",
-          {
-            type: "number",
-            step: 0.05,
-            min: 0,
-            max: 1,
-            className: wrap,
-            value: topP,
-            onChange: (e) => {
-              setTopP(Number(e.target.value) || 0);
-              touch();
-            }
-          }
-        )
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `inline-flex shrink-0 items-center gap-1.5 rounded-full px-3 py-1 text-[10px] font-semibold ${frameworkMeta.badgeColor}`, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(frameworkMeta.IconComponent, { className: "h-3.5 w-3.5" }),
+        frameworkMeta.label
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("details", { className: "group border-t border-indigo-500/15 bg-white/30 px-4 py-2.5 dark:border-indigo-400/15 dark:bg-white/[0.02]", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("summary", { className: "flex cursor-pointer items-center gap-2 text-[10px] font-semibold uppercase tracking-wider text-gray-500 dark:text-gray-400", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(outline.Cog6ToothIcon, { className: "h-3 w-3" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: t("agentDrawer.overrideDerivation", { _: "Override \xB7 ajustes avan\xE7ados" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-auto font-normal text-gray-400 group-open:hidden", children: "\u25BE" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-auto hidden font-normal text-gray-400 group-open:inline", children: "\u25B4" })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: labelCls, children: t("agentDrawer.topK", { _: "Top-k" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-[10px] italic text-gray-400 dark:text-gray-500", children: t("agentDrawer.overrideHint", { _: "Mude framework, modelo manual ou tokens s\xF3 se a deriva\xE7\xE3o por ELO n\xE3o atender." }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3 space-y-4", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          "input",
+          ConfigTab,
           {
-            type: "number",
-            min: 0,
-            max: 500,
-            className: wrap,
-            value: topK,
-            onChange: (e) => {
-              setTopK(Number(e.target.value) || 0);
-              touch();
-            }
+            models,
+            t,
+            selectedModelId,
+            setSelectedModelId,
+            selectedFramework,
+            setSelectedFramework,
+            markDirty,
+            connectedProviderTypes: modelProviders.map((p) => p.provider)
           }
-        )
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-2 text-[10px] font-semibold uppercase tracking-wider text-gray-500 dark:text-gray-400", children: t("agentDrawer.generationParams", { _: "Par\xE2metros de gera\xE7\xE3o" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-3 gap-2", children: [
+            { key: "max", labelKey: "agentDrawer.maxOutputTokens", label: "Max output", value: maxOutputTokens, setter: setMaxOutputTokens, step: 1, min: 1, max: 32768 },
+            { key: "topP", labelKey: "agentDrawer.topP", label: "Top-p", value: topP, setter: setTopP, step: 0.05, min: 0, max: 1 },
+            { key: "topK", labelKey: "agentDrawer.topK", label: "Top-k", value: topK, setter: setTopK, step: 1, min: 0, max: 500 }
+          ].map((field) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${inputCard} flex flex-col items-center !py-2`, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[8px] font-semibold uppercase tracking-wider text-gray-500 dark:text-gray-400", children: t(field.labelKey, { _: field.label }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "number",
+                step: field.step,
+                min: field.min,
+                max: field.max,
+                value: field.value,
+                onChange: (event) => {
+                  field.setter(Number(event.target.value) || 0);
+                  markDirty();
+                },
+                className: "w-full bg-transparent text-center text-sm font-semibold tabular-nums text-gray-900 outline-none dark:text-white"
+              }
+            )
+          ] }, field.key)) })
+        ] }),
+        modelProviders.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2 flex items-center justify-between", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] font-semibold uppercase tracking-wider text-gray-500 dark:text-gray-400", children: t("agentDrawer.providerCredentials", { _: "Credenciais do provedor" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "a",
+              {
+                href: "/settings/integrations",
+                className: "text-[10px] font-medium text-indigo-600 hover:text-indigo-700 dark:text-indigo-400 dark:hover:text-indigo-300",
+                children: t("agentDrawer.manageCredentials", { _: "Gerenciar \u2192" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1", children: modelProviders.map((provider) => /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: "flex items-center gap-2 rounded-lg border border-gray-200/50 bg-white/40 px-3 py-1.5 dark:border-white/10 dark:bg-white/[0.03]",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(outline.KeyIcon, { className: "h-3 w-3 shrink-0 text-gray-500 dark:text-gray-400" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] font-semibold text-gray-900 dark:text-white", children: provider.name }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: `shrink-0 rounded-full px-1.5 py-0.5 text-[8px] font-semibold uppercase ${provider.configured ? "bg-emerald-500/10 text-emerald-600 dark:text-emerald-400" : "bg-amber-500/10 text-amber-600 dark:text-amber-400"}`, 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-gray-400 dark:text-gray-500", title: provider.credentialRef, children: provider.apiKeyMasked })
+              ]
+            },
+            provider.id
+          )) }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-[10px] text-gray-400 dark:text-gray-500", children: selectedProviderId ? "" : t("agentDrawer.providerHint", { _: "Credenciais s\xE3o configuradas no n\xEDvel da conta. Aqui voc\xEA s\xF3 confere o que est\xE1 conectado." }) })
+        ] })
       ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "block", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: labelCls, children: t("agentDrawer.tags", { _: "Tags (comma-separated)" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "input",
-        {
-          className: wrap,
-          value: tags,
-          onChange: (e) => {
-            setTags(e.target.value);
-            touch();
-          },
-          placeholder: "pricing, research, internal"
-        }
-      )
     ] })
-  ] });
+  ] }) });
 }
 function AgentModal({ onSaved, onPersist }) {
   const t = chunkYXN2K77G_js.useTranslations("agents.workflow");
-  const activeModal = chunkEFOXN3LC_js.useModalStore((s) => s.activeModal);
-  const agentData = chunkEFOXN3LC_js.useModalStore((s) => s.agentData);
-  const closeModal = chunkEFOXN3LC_js.useModalStore((s) => s.closeModal);
+  const activeModal = chunkM7KSEUZR_js.useModalStore((s) => s.activeModal);
+  const agentData = chunkM7KSEUZR_js.useModalStore((s) => s.agentData);
+  const closeModal = chunkM7KSEUZR_js.useModalStore((s) => s.closeModal);
   const open = activeModal === "agent";
   const agent = agentData?.agent ?? null;
   const models = agentData?.models ?? [];
   const availableAgentTools = agentData?.agentTools ?? [];
   const isCreateMode = agentData?.isCreateMode ?? false;
-  const [activeTab, setActiveTab] = react.useState("profile");
+  const [activeTab, setActiveTab] = react.useState("config");
   const [selectedModelId, setSelectedModelId] = react.useState("");
   const [selectedFramework, setSelectedFramework] = react.useState("custom");
   const [temperature, setTemperature] = react.useState(0.7);
@@ -1155,7 +1066,7 @@ function AgentModal({ onSaved, onPersist }) {
     setTemperature(agent.temperature ?? 0.7);
     setElo(Number(agent.elo ?? 1e3));
     setSaved(!isCreateMode);
-    setActiveTab("profile");
+    setActiveTab("config");
     const agentToolIds = agent.agentToolIds;
     setEnabledToolIds(new Set(agentToolIds ?? availableAgentTools.filter((t2) => t2.enabled).map((t2) => t2.agentToolId)));
     setSelectedProviderId(agent.modelProviderId ?? "");
@@ -1228,7 +1139,6 @@ function AgentModal({ onSaved, onPersist }) {
       setPersisting(true);
       if (onPersist) await onPersist(payload);
       markSaved();
-      onSaved?.();
     } catch (error) {
       console.error("[AgentModal] onPersist failed", error);
     } finally {
@@ -1256,113 +1166,208 @@ function AgentModal({ onSaved, onPersist }) {
     onSaved,
     onPersist
   ]);
+  react.useEffect(() => {
+    if (!dirty || persisting) return;
+    const handle = setTimeout(() => {
+      void handleMarkSaved();
+    }, 700);
+    return () => clearTimeout(handle);
+  }, [dirty, persisting, handleMarkSaved]);
   if (!agent) return null;
-  const sections = [
-    { id: "profile", label: t("agentDrawer.profileSection"), icon: outline.UserCircleIcon, group: t("agentDrawer.agentGroup") },
-    { id: "framework", label: t("agentDrawer.frameworkSection"), icon: outline.Cog6ToothIcon, group: t("agentDrawer.agentGroup") },
-    { id: "prompt", label: t("agentDrawer.promptSection"), icon: outline.SparklesIcon, group: t("agentDrawer.agentGroup") },
-    { id: "tools", label: `${t("agentDrawer.toolsTab")}${enabledToolIds.size > 0 ? ` (${enabledToolIds.size})` : ""}`, icon: outline.CommandLineIcon, group: t("agentDrawer.configGroup") },
-    { id: "models", label: `${t("agentDrawer.modelsTab")}${selectedProviderId ? " \u2713" : ""}`, icon: outline.KeyIcon, group: t("agentDrawer.configGroup") },
-    { id: "advanced", label: t("agentDrawer.advancedTab", { _: "Advanced" }), icon: outline.Cog6ToothIcon, group: t("agentDrawer.configGroup") },
-    { id: "results", label: t("agentDrawer.resultsTab"), icon: outline.PlayCircleIcon, group: t("agentDrawer.executionGroup") }
-  ];
+  const sections = [];
   const effectiveAvatarUrl = avatarUrl || agent.avatar;
-  const sidebarFooter = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 px-4 py-3", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { role: "status", "aria-live": "polite", className: "flex-1 text-xs", children: dirty ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-amber-500 dark:text-amber-400", children: t("agentDrawer.unsavedChanges") }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-emerald-500 dark:text-emerald-400", children: t("agentDrawer.saved") }) }),
+  const fieldCard = "liquid-surface w-full rounded-lg px-2.5 py-1.5 text-xs 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";
+  const fieldLabel = "text-[9px] font-semibold uppercase tracking-wider text-slate-500 dark:text-slate-400";
+  const avatarNode = effectiveAvatarUrl ? /* @__PURE__ */ jsxRuntime.jsx(
+    "img",
+    {
+      src: effectiveAvatarUrl,
+      alt: displayName || agent.name,
+      className: "h-full w-full rounded-full bg-white object-cover ring-2 ring-white shadow-sm dark:bg-gray-800 dark:ring-gray-800",
+      loading: "lazy"
+    }
+  ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-full w-full items-center justify-center rounded-full bg-gradient-to-br from-indigo-400 to-purple-500 text-sm font-bold text-white ring-2 ring-white shadow-sm dark:ring-gray-800", children: (displayName || agent.name).charAt(0).toUpperCase() });
+  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(
-      "button",
+      chunkFSBR4RCK_js.ToggleSwitch,
       {
-        type: "button",
-        onClick: () => {
-          void handleMarkSaved();
+        size: "sm",
+        color: "green",
+        checked: status === "active",
+        onChange: (checked) => {
+          setStatus(checked ? "active" : "draft");
+          markDirty();
         },
-        disabled: !dirty || persisting,
-        className: `rounded-lg px-3 py-1.5 text-xs font-semibold text-white shadow-sm transition-all ${dirty && !persisting ? "bg-gradient-to-r from-indigo-500 to-purple-500 hover:from-indigo-600 hover:to-purple-600" : "cursor-not-allowed bg-gray-300 dark:bg-gray-700"}`,
-        children: persisting ? "\u2026" : t("agentDrawer.save")
+        label: t("agentDrawer.status", { _: "Status" })
       }
     )
   ] });
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkI2NZGVBG_js.GlassModal,
+  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(
+    chunkFSBR4RCK_js.HeroBlock,
+    {
+      icon: avatarNode,
+      iconShape: "round",
+      iconBackground: "none",
+      iconSize: "lg",
+      headingLevel: "h2",
+      title: displayName,
+      onTitleChange: (next) => {
+        setDisplayName(next);
+        markDirty();
+      },
+      titlePlaceholder: agent.name,
+      subtitle: agent.role,
+      rightContent: statusPill,
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: fieldLabel, children: t("agentDrawer.description", { _: "Description" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "textarea",
+            {
+              rows: 2,
+              value: description,
+              onChange: (event) => {
+                setDescription(event.target.value);
+                markDirty();
+              },
+              placeholder: t("agentDrawer.descriptionPlaceholder", { _: "What this agent does, which tasks it's good at" }),
+              className: `${fieldCard} resize-none`
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: fieldLabel, children: t("agentDrawer.tags", { _: "Tags" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              type: "text",
+              value: tagsText,
+              onChange: (event) => {
+                setTagsText(event.target.value);
+                markDirty();
+              },
+              placeholder: t("agentDrawer.tagsPlaceholder", { _: "pricing, research, internal" }),
+              className: fieldCard
+            }
+          )
+        ] })
+      ] })
+    }
+  ) });
+  const autosaveLabel = persisting ? t("agentDrawer.saving", { _: "Saving\u2026" }) : dirty ? t("agentDrawer.pendingAutosave", { _: "Saving in a moment\u2026" }) : t("agentDrawer.autoSaved", { _: "Auto-saved" });
+  const autosaveColor = persisting ? "text-indigo-500 dark:text-indigo-400" : dirty ? "text-amber-500 dark:text-amber-400" : "text-emerald-500 dark:text-emerald-400";
+  const sidebarFooter = /* @__PURE__ */ jsxRuntime.jsxs("div", { role: "status", "aria-live": "polite", className: "flex items-center gap-1.5 px-1 py-2 text-xs", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: `relative inline-flex h-1.5 w-1.5 shrink-0 rounded-full ${persisting ? "bg-indigo-500" : dirty ? "bg-amber-500" : "bg-emerald-500"}`, children: persisting && /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        "aria-hidden": "true",
+        className: "absolute inset-0 motion-safe:animate-ping rounded-full bg-indigo-500/60"
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: `font-medium ${autosaveColor}`, children: autosaveLabel })
+  ] });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkFSBR4RCK_js.GlassModal,
     {
       open,
       onClose: handleClose,
       title: agent.name,
-      subtitle: isCreateMode ? t("agentDrawer.createAgent") : t("agentDrawer.editAgent"),
       gradient: "from-indigo-500 to-purple-600",
-      icon: /* @__PURE__ */ jsxRuntime.jsx(outline.CpuChipIcon, { className: "h-5 w-5 text-white" }),
+      icon: /* @__PURE__ */ jsxRuntime.jsx(outline.CpuChipIcon, { className: "h-5 w-5 text-slate-700 dark:text-white" }),
       label: isCreateMode ? t("agentDrawer.createAgent") : t("agentDrawer.editAgent"),
       sidebar: {
         sections,
         activeSectionId: activeTab,
         onSectionChange: (sectionId) => setActiveTab(sectionId),
-        identity: {
-          displayName: displayName || agent.name,
-          profileInitial: (displayName || agent.name).charAt(0).toUpperCase(),
-          avatarUrl: effectiveAvatarUrl,
-          role: agent.role
-        },
+        identityCard,
         footer: sidebarFooter
       },
-      children: [
-        activeTab === "profile" && /* @__PURE__ */ jsxRuntime.jsx(AgentProfileHeader, { agent, models, t, selectedModelId, setSelectedModelId, selectedFramework, temperature, setTemperature, elo, setElo, onChanged: markDirty }),
-        activeTab === "framework" && /* @__PURE__ */ jsxRuntime.jsx(ConfigTab, { models, t, selectedModelId, setSelectedModelId, selectedFramework, setSelectedFramework: (fw) => setSelectedFramework(fw), markDirty, connectedProviderTypes: availableModelProviders.map((p) => p.provider) }),
-        activeTab === "prompt" && /* @__PURE__ */ jsxRuntime.jsx(
-          PromptTab,
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-5", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkFSBR4RCK_js.SectionCard,
           {
-            agent,
-            temperature,
-            setTemperature,
-            markDirty,
-            t,
-            promptText: systemPrompt,
-            setPromptText: setSystemPrompt,
-            outputSchema,
-            setOutputSchema
+            variant: "glass",
+            padded: false,
+            collapsible: true,
+            defaultOpen: true,
+            header: {
+              icon: /* @__PURE__ */ jsxRuntime.jsx(outline.Cog6ToothIcon, { className: "h-5 w-5 text-slate-700 dark:text-white" }),
+              title: t("agentDrawer.engineTab"),
+              subtitle: t("agentDrawer.engineSubtitle", { _: "Como o agente roda \u2014 capacidade, modelo, credenciais" })
+            },
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              EngineTab,
+              {
+                agent,
+                models,
+                t,
+                selectedModelId,
+                setSelectedModelId,
+                selectedFramework,
+                setSelectedFramework: (fw) => setSelectedFramework(fw),
+                temperature,
+                setTemperature,
+                elo,
+                setElo,
+                maxOutputTokens,
+                setMaxOutputTokens,
+                topP,
+                setTopP,
+                topK,
+                setTopK,
+                modelProviders: availableModelProviders,
+                selectedProviderId,
+                onSelectProvider: handleSelectProvider,
+                markDirty
+              }
+            )
           }
         ),
-        activeTab === "advanced" && /* @__PURE__ */ jsxRuntime.jsx(
-          AdvancedTab,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkFSBR4RCK_js.SectionCard,
           {
-            displayName,
-            setDisplayName,
-            description,
-            setDescription,
-            maxOutputTokens,
-            setMaxOutputTokens,
-            topP,
-            setTopP,
-            topK,
-            setTopK,
-            tags: tagsText,
-            setTags: setTagsText,
-            status,
-            setStatus,
-            avatarUrl,
-            setAvatarUrl: setAvatarUrlState,
-            markDirty,
-            t
+            variant: "glass",
+            padded: false,
+            collapsible: true,
+            defaultOpen: true,
+            header: {
+              icon: /* @__PURE__ */ jsxRuntime.jsx(outline.SparklesIcon, { className: "h-5 w-5 text-slate-700 dark:text-white" }),
+              title: t("agentDrawer.brainTab"),
+              subtitle: t("agentDrawer.brainSubtitle", { _: "Como o agente pensa \u2014 prompt + criatividade" })
+            },
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              PromptTab,
+              {
+                agent,
+                temperature,
+                setTemperature,
+                markDirty,
+                t,
+                promptText: systemPrompt,
+                setPromptText: setSystemPrompt,
+                outputSchema,
+                setOutputSchema
+              }
+            )
           }
         ),
-        activeTab === "tools" && /* @__PURE__ */ jsxRuntime.jsx(ToolsTab, { agentTools: availableAgentTools, enabledToolIds, onToggle: handleToggleTool, agentFramework: selectedFramework, t }),
-        activeTab === "models" && /* @__PURE__ */ jsxRuntime.jsx(
-          ModelsTab,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkFSBR4RCK_js.SectionCard,
           {
-            modelProviders: availableModelProviders,
-            selectedProviderId,
-            onSelectProvider: handleSelectProvider,
-            models,
-            selectedModelId,
-            onSelectModel: (modelId) => {
-              setSelectedModelId(modelId);
-              markDirty();
+            variant: "glass",
+            padded: false,
+            collapsible: true,
+            defaultOpen: true,
+            header: {
+              icon: /* @__PURE__ */ jsxRuntime.jsx(outline.WrenchScrewdriverIcon, { className: "h-5 w-5 text-slate-700 dark:text-white" }),
+              title: `${t("agentDrawer.toolsTab")}${enabledToolIds.size > 0 ? ` (${enabledToolIds.size})` : ""}`,
+              subtitle: t("agentDrawer.toolsSubtitle", { _: "O que o agente pode invocar durante a execu\xE7\xE3o" })
             },
-            agentFramework: selectedFramework,
-            t
+            children: /* @__PURE__ */ jsxRuntime.jsx(ToolsTab, { agentTools: availableAgentTools, enabledToolIds, onToggle: handleToggleTool, agentFramework: selectedFramework, t })
           }
-        ),
-        activeTab === "results" && /* @__PURE__ */ jsxRuntime.jsx(ResultsTab, { agentId: agent.agentId, t })
-      ]
+        )
+      ] })
     }
   );
 }
@@ -1471,7 +1476,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 = chunkEFOXN3LC_js.useModalStore((s) => s.activeModal === "agent" ? s.agentData?.agent?.name : null);
+  const agentBehind = chunkM7KSEUZR_js.useModalStore((s) => s.activeModal === "agent" ? s.agentData?.agent?.name : null);
   const isCreateMode = !tool?.toolId;
   const initialGraph = react.useMemo(() => {
     const config = tool?.config;
@@ -1500,9 +1505,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 ?? chunkEFOXN3LC_js.CATEGORY_COLORS[categoryKey] ?? chunkEFOXN3LC_js.CATEGORY_COLORS.external;
-  const categoryPill = chunkEFOXN3LC_js.CATEGORY_PILL_COLORS[categoryKey] ?? chunkEFOXN3LC_js.CATEGORY_PILL_COLORS.external;
-  const IconComponent = chunkEFOXN3LC_js.ICON_MAP[tool.icon ?? ""] ?? outline.ArrowPathRoundedSquareIcon;
+  const gradient = tool.color ?? chunkM7KSEUZR_js.CATEGORY_COLORS[categoryKey] ?? chunkM7KSEUZR_js.CATEGORY_COLORS.external;
+  const categoryPill = chunkM7KSEUZR_js.CATEGORY_PILL_COLORS[categoryKey] ?? chunkM7KSEUZR_js.CATEGORY_PILL_COLORS.external;
+  const IconComponent = chunkM7KSEUZR_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");
@@ -1535,7 +1540,7 @@ function SubworkflowModal({ onSaved, onMaximize }) {
     ] })
   ] });
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkI2NZGVBG_js.GlassModal,
+    chunkFSBR4RCK_js.GlassModal,
     {
       open,
       onClose: closeModal,
@@ -1567,7 +1572,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 ? `${chunkEFOXN3LC_js.CATEGORY_PILL_COLORS[cat] ?? chunkEFOXN3LC_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 ? `${chunkM7KSEUZR_js.CATEGORY_PILL_COLORS[cat] ?? chunkM7KSEUZR_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
@@ -1654,7 +1659,7 @@ function SubworkflowModal({ onSaved, onMaximize }) {
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-auto" })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(
-          chunkEFOXN3LC_js.WorkflowCanvas,
+          chunkM7KSEUZR_js.WorkflowCanvas,
           {
             initialGraph,
             agents: [],
@@ -1670,9 +1675,9 @@ function SubworkflowModal({ onSaved, onMaximize }) {
 }
 function PipelineSettingsModal({ onSave }) {
   const t = chunkYXN2K77G_js.useTranslations("agents.workflow");
-  const activeModal = chunkEFOXN3LC_js.useModalStore((s) => s.activeModal);
-  const data = chunkEFOXN3LC_js.useModalStore((s) => s.pipelineSettingsData);
-  const closeModal = chunkEFOXN3LC_js.useModalStore((s) => s.closeModal);
+  const activeModal = chunkM7KSEUZR_js.useModalStore((s) => s.activeModal);
+  const data = chunkM7KSEUZR_js.useModalStore((s) => s.pipelineSettingsData);
+  const closeModal = chunkM7KSEUZR_js.useModalStore((s) => s.closeModal);
   const open = activeModal === "pipeline-settings";
   const [nameValue, setNameValue] = react.useState("");
   const [descriptionValue, setDescriptionValue] = react.useState("");
@@ -1734,7 +1739,7 @@ function PipelineSettingsModal({ onSave }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsxs(
-      chunkI2NZGVBG_js.Button,
+      chunkFSBR4RCK_js.Button,
       {
         type: "submit",
         form: "pipeline-settings-form",
@@ -1749,7 +1754,7 @@ function PipelineSettingsModal({ onSave }) {
     )
   ] });
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkI2NZGVBG_js.GlassModal,
+    chunkFSBR4RCK_js.GlassModal,
     {
       open,
       onClose: closeModal,
@@ -1763,7 +1768,7 @@ function PipelineSettingsModal({ onSave }) {
       onSubmit: handleSubmit,
       children: /* @__PURE__ */ jsxRuntime.jsxs("form", { id: "pipeline-settings-form", onSubmit: handleSubmit, className: "space-y-5", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkI2NZGVBG_js.FormInput,
+          chunkFSBR4RCK_js.FormInput,
           {
             label: t("pipelineName"),
             value: nameValue,
@@ -1773,7 +1778,7 @@ function PipelineSettingsModal({ onSave }) {
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkI2NZGVBG_js.FormTextarea,
+          chunkFSBR4RCK_js.FormTextarea,
           {
             label: t("pipelineDescription"),
             value: descriptionValue,
@@ -1784,7 +1789,7 @@ function PipelineSettingsModal({ onSave }) {
         ),
         lifecycleAvailable && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkI2NZGVBG_js.FormInput,
+            chunkFSBR4RCK_js.FormInput,
             {
               label: t("pipelineSlug", { _: "Slug" }),
               value: slugValue,
@@ -1911,7 +1916,7 @@ function RunReplayModal({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsxs(
-        chunkI2NZGVBG_js.Button,
+        chunkFSBR4RCK_js.Button,
         {
           type: "submit",
           form: "run-replay-form",
@@ -1926,7 +1931,7 @@ function RunReplayModal({
     ] })
   ] });
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkI2NZGVBG_js.GlassModal,
+    chunkFSBR4RCK_js.GlassModal,
     {
       open,
       onClose,
@@ -2000,7 +2005,7 @@ function RowEditor({
         ]
       }
     ) : isJson ? /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI2NZGVBG_js.FormTextarea,
+      chunkFSBR4RCK_js.FormTextarea,
       {
         value: row.value,
         onValueChange: (v) => onChange({ value: v }),
@@ -2008,7 +2013,7 @@ function RowEditor({
         className: "font-mono"
       }
     ) : /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI2NZGVBG_js.FormInput,
+      chunkFSBR4RCK_js.FormInput,
       {
         type: row.kind === "number" ? "number" : "text",
         value: row.value,
@@ -2112,13 +2117,13 @@ 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(chunkI2NZGVBG_js.Badge, { color: meta.color, children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(chunkFSBR4RCK_js.Badge, { color: meta.color, children: [
                   /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "mr-1 h-3 w-3" }),
                   labels[entry.status]
                 ] })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 flex items-center gap-3 text-xs text-slate-500 dark:text-slate-400", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("span", { children: formatDuration2(entry.durationMs) }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: formatDuration(entry.durationMs) }),
                 /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\xB7" }),
                 /* @__PURE__ */ jsxRuntime.jsx("span", { children: formatTimestamp(entry.startedAt) })
               ] })
@@ -2142,7 +2147,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(chunkI2NZGVBG_js.Badge, { color: meta.color, children: labels[entry.status] })
+      /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_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: [
@@ -2155,7 +2160,7 @@ function NodeInspector({
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
         /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "font-semibold", children: labels.duration }),
-        /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "mt-0.5 text-slate-700 dark:text-slate-200", children: formatDuration2(entry.durationMs) })
+        /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "mt-0.5 text-slate-700 dark:text-slate-200", children: formatDuration(entry.durationMs) })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
         /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "font-semibold", children: labels.status }),
@@ -2209,7 +2214,7 @@ function hasMetrics(metrics) {
     metrics.model || metrics.tokensIn !== void 0 || metrics.tokensOut !== void 0 || metrics.costUsd !== void 0
   );
 }
-function formatDuration2(ms) {
+function formatDuration(ms) {
   if (ms === null) return "\u2014";
   if (ms < 1e3) return `${ms}ms`;
   if (ms < 6e4) return `${(ms / 1e3).toFixed(1)}s`;
@@ -2312,7 +2317,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(
-      chunkI2NZGVBG_js.FormSelect,
+      chunkFSBR4RCK_js.FormSelect,
       {
         label: "Operator",
         value: value.operator,
@@ -2335,7 +2340,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(
-      chunkI2NZGVBG_js.FormInput,
+      chunkFSBR4RCK_js.FormInput,
       {
         label: "Field",
         hint: "Dotted reference into the variable pool \u2014 e.g. `parse-pricing.margin`, `inputs.category`",
@@ -2345,7 +2350,7 @@ function SimpleEditor({
       }
     ),
     !isTruthy && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI2NZGVBG_js.FormInput,
+      chunkFSBR4RCK_js.FormInput,
       {
         label: "Value",
         hint: "Literal. Numeric operators coerce via `as f64`.",
@@ -2361,7 +2366,7 @@ function ThresholdEditor({
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-3", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI2NZGVBG_js.FormInput,
+      chunkFSBR4RCK_js.FormInput,
       {
         label: "Field",
         value: value.field ?? "",
@@ -2370,7 +2375,7 @@ function ThresholdEditor({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI2NZGVBG_js.FormSelect,
+      chunkFSBR4RCK_js.FormSelect,
       {
         label: "Direction",
         value: value.comparison ?? "gte",
@@ -2384,7 +2389,7 @@ function ThresholdEditor({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI2NZGVBG_js.FormInput,
+      chunkFSBR4RCK_js.FormInput,
       {
         label: "Threshold",
         type: "number",
@@ -2401,7 +2406,7 @@ function RegexEditor({
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI2NZGVBG_js.FormInput,
+      chunkFSBR4RCK_js.FormInput,
       {
         label: "Field",
         value: value.field ?? "",
@@ -2410,7 +2415,7 @@ function RegexEditor({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI2NZGVBG_js.FormInput,
+      chunkFSBR4RCK_js.FormInput,
       {
         label: "Pattern",
         hint: "Rust regex syntax \u2014 `(?i)` etc. supported.",
@@ -2438,7 +2443,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(
-        chunkI2NZGVBG_js.FormSelect,
+        chunkFSBR4RCK_js.FormSelect,
         {
           label: "Timezone",
           value: value.timezone ?? "UTC",
@@ -2447,7 +2452,7 @@ function TimeWindowEditor({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkI2NZGVBG_js.FormInput,
+        chunkFSBR4RCK_js.FormInput,
         {
           label: "Timestamp field (optional)",
           hint: "Pulls a timestamp from the pool. Leave blank to use the run's wall-clock.",
@@ -2460,7 +2465,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(
-          chunkI2NZGVBG_js.FormInput,
+          chunkFSBR4RCK_js.FormInput,
           {
             label: `Start (hour)`,
             type: "number",
@@ -2471,7 +2476,7 @@ function TimeWindowEditor({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkI2NZGVBG_js.FormInput,
+          chunkFSBR4RCK_js.FormInput,
           {
             label: `End (hour)`,
             type: "number",
@@ -2481,9 +2486,9 @@ function TimeWindowEditor({
             onValueChange: (raw) => update(index, { endHour: clampHour(raw, 24) })
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkI2NZGVBG_js.Button, { type: "button", plain: true, onClick: () => remove(index), children: "Remove" })
+        /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.Button, { type: "button", plain: true, onClick: () => remove(index), children: "Remove" })
       ] }, index)),
-      /* @__PURE__ */ jsxRuntime.jsx(chunkI2NZGVBG_js.Button, { type: "button", outline: true, onClick: add, children: "+ Add window" })
+      /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.Button, { type: "button", outline: true, onClick: add, children: "+ Add window" })
     ] })
   ] });
 }
@@ -2506,7 +2511,7 @@ function BooleanGroupEditor({
   });
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI2NZGVBG_js.FormSelect,
+      chunkFSBR4RCK_js.FormSelect,
       {
         label: "Combinator",
         value: value.combinator ?? "and",
@@ -2524,9 +2529,9 @@ function BooleanGroupEditor({
             depth
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 text-right", children: /* @__PURE__ */ jsxRuntime.jsx(chunkI2NZGVBG_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(chunkFSBR4RCK_js.Button, { type: "button", plain: true, onClick: () => remove(index), children: "Remove operand" }) })
       ] }, index)),
-      /* @__PURE__ */ jsxRuntime.jsx(chunkI2NZGVBG_js.Button, { type: "button", outline: true, onClick: add, children: "+ Add operand" })
+      /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.Button, { type: "button", outline: true, onClick: add, children: "+ Add operand" })
     ] })
   ] });
 }
@@ -2562,7 +2567,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(
-      chunkI2NZGVBG_js.FormSelect,
+      chunkFSBR4RCK_js.FormSelect,
       {
         label: "Action type",
         value: type,
@@ -2572,7 +2577,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(
-        chunkI2NZGVBG_js.FormInput,
+        chunkFSBR4RCK_js.FormInput,
         {
           label: "Multiplier",
           type: "number",
@@ -2582,7 +2587,7 @@ function RuleActionBuilder({ value, onChange }) {
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkI2NZGVBG_js.FormInput,
+        chunkFSBR4RCK_js.FormInput,
         {
           label: "Reason code",
           value: stringParam(params.reason),
@@ -2592,7 +2597,7 @@ function RuleActionBuilder({ value, onChange }) {
       )
     ] }),
     type === "enforce_min_margin" && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI2NZGVBG_js.FormInput,
+      chunkFSBR4RCK_js.FormInput,
       {
         label: "Floor (fraction, e.g. 0.08)",
         type: "number",
@@ -2602,7 +2607,7 @@ function RuleActionBuilder({ value, onChange }) {
       }
     ),
     type === "realign_to_competitor" && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI2NZGVBG_js.FormInput,
+      chunkFSBR4RCK_js.FormInput,
       {
         label: "Tolerance (fraction)",
         type: "number",
@@ -2612,7 +2617,7 @@ function RuleActionBuilder({ value, onChange }) {
       }
     ),
     type === "request_manager_approval" && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI2NZGVBG_js.FormInput,
+      chunkFSBR4RCK_js.FormInput,
       {
         label: "Approval limit (fraction)",
         type: "number",
@@ -2622,7 +2627,7 @@ function RuleActionBuilder({ value, onChange }) {
       }
     ),
     type === "round_to" && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkI2NZGVBG_js.FormInput,
+      chunkFSBR4RCK_js.FormInput,
       {
         label: "Step (e.g. 0.009)",
         type: "number",
@@ -2633,7 +2638,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(
-        chunkI2NZGVBG_js.FormInput,
+        chunkFSBR4RCK_js.FormInput,
         {
           label: "Channel",
           value: stringParam(params.channel),
@@ -2642,7 +2647,7 @@ function RuleActionBuilder({ value, onChange }) {
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkI2NZGVBG_js.FormInput,
+        chunkFSBR4RCK_js.FormInput,
         {
           label: "Severity",
           value: stringParam(params.severity),
@@ -2680,7 +2685,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(
-        chunkI2NZGVBG_js.FormInput,
+        chunkFSBR4RCK_js.FormInput,
         {
           label: "Key",
           value: key,
@@ -2688,16 +2693,16 @@ function CustomParamsEditor({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkI2NZGVBG_js.FormInput,
+        chunkFSBR4RCK_js.FormInput,
         {
           label: "Value",
           value: String(value ?? ""),
           onValueChange: (raw) => update(index, key, raw)
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx(chunkI2NZGVBG_js.Button, { type: "button", plain: true, onClick: () => remove(index), children: "Remove" })
+      /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.Button, { type: "button", plain: true, onClick: () => remove(index), children: "Remove" })
     ] }, index)),
-    /* @__PURE__ */ jsxRuntime.jsx(chunkI2NZGVBG_js.Button, { type: "button", outline: true, onClick: add, children: "+ Add param" })
+    /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.Button, { type: "button", outline: true, onClick: add, children: "+ Add param" })
   ] });
 }
 function numberParam(value, fallback) {
@@ -2727,9 +2732,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(chunkI2NZGVBG_js.FormGrid, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(chunkFSBR4RCK_js.FormGrid, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkI2NZGVBG_js.FormInput,
+        chunkFSBR4RCK_js.FormInput,
         {
           label: "Name",
           required: true,
@@ -2738,7 +2743,7 @@ function RuleForm({ value, onChange }) {
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkI2NZGVBG_js.FormInput,
+        chunkFSBR4RCK_js.FormInput,
         {
           label: "Priority",
           type: "number",
@@ -2748,7 +2753,7 @@ function RuleForm({ value, onChange }) {
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkI2NZGVBG_js.FormSelect,
+        chunkFSBR4RCK_js.FormSelect,
         {
           label: "Enabled",
           value: value.enabled ? "true" : "false",
@@ -2760,7 +2765,7 @@ function RuleForm({ value, onChange }) {
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkI2NZGVBG_js.FormTextarea,
+        chunkFSBR4RCK_js.FormTextarea,
         {
           label: "Description",
           rows: 2,
@@ -2772,7 +2777,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(chunkI2NZGVBG_js.Badge, { color: "indigo", children: value.condition.operator })
+        /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.Badge, { color: "indigo", children: value.condition.operator })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(
         RuleConditionBuilder,
@@ -2785,7 +2790,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(chunkI2NZGVBG_js.Badge, { color: "fuchsia", children: value.action.type })
+        /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.Badge, { color: "fuchsia", children: value.action.type })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(
         RuleActionBuilder,
@@ -2807,7 +2812,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(
-          chunkI2NZGVBG_js.FormInput,
+          chunkFSBR4RCK_js.FormInput,
           {
             label: "Valid from (ISO 8601)",
             type: "datetime-local",
@@ -2816,7 +2821,7 @@ function RuleForm({ value, onChange }) {
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkI2NZGVBG_js.FormInput,
+          chunkFSBR4RCK_js.FormInput,
           {
             label: "Valid until (ISO 8601)",
             type: "datetime-local",
@@ -2825,7 +2830,7 @@ function RuleForm({ value, onChange }) {
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkI2NZGVBG_js.FormSelect,
+          chunkFSBR4RCK_js.FormSelect,
           {
             label: "Status",
             value: value.status ?? "active",
@@ -2834,7 +2839,7 @@ function RuleForm({ value, onChange }) {
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkI2NZGVBG_js.FormInput,
+          chunkFSBR4RCK_js.FormInput,
           {
             label: "Tags (comma-separated)",
             value: (value.tags ?? []).join(", "),
@@ -2909,7 +2914,7 @@ function getDatasourceLogo(entityId) {
   }
   return null;
 }
-var PROVIDER_LOGOS2 = {
+var PROVIDER_LOGOS3 = {
   anthropic: "/logos/providers/anthropic.svg",
   amazon: "/logos/providers/aws.svg",
   google: "/logos/providers/google-gemini.svg",
@@ -2951,6 +2956,8 @@ var LOGIC_NODE_ITEMS = [
   { nodeType: "answer", nameKey: "answerNode", descriptionKey: "answerNodeDescription", subcategory: "ai_ml" },
   { nodeType: "question_classifier", nameKey: "questionClassifierNode", descriptionKey: "questionClassifierNodeDescription", subcategory: "ai_ml" },
   { nodeType: "parameter_extractor", nameKey: "parameterExtractorNode", descriptionKey: "parameterExtractorNodeDescription", subcategory: "ai_ml" },
+  { nodeType: "audio_input", nameKey: "audioInputNode", descriptionKey: "audioInputNodeDescription", subcategory: "ai_ml" },
+  { nodeType: "speech_transcriber", nameKey: "speechTranscriberNode", descriptionKey: "speechTranscriberNodeDescription", subcategory: "ai_ml" },
   // Annotation
   { nodeType: "note", nameKey: "noteNode", descriptionKey: "noteNodeDescription", subcategory: "annotation" },
   // Output
@@ -3019,9 +3026,9 @@ function CollapsibleSection({ title, icon, colorClass, defaultOpen = true, count
   ] });
 }
 function LogicNodeItemCard({ item, translationFunction }) {
-  const IconComponent = chunkEFOXN3LC_js.LOGIC_ICON_MAP[item.nodeType];
-  const gradient = chunkEFOXN3LC_js.LOGIC_NODE_GRADIENTS[item.nodeType] ?? "from-gray-400 to-gray-500";
-  const defaultConfig = chunkC3H4FM4A_js.createDefaultLogicNodeConfig(item.nodeType);
+  const IconComponent = chunkM7KSEUZR_js.LOGIC_ICON_MAP[item.nodeType];
+  const gradient = chunkM7KSEUZR_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(
     "div",
@@ -3091,7 +3098,7 @@ function NodePalette({ agents, tools, agentTools = [], rules, entities = [], mod
     [entityTypes, normalizedQuery]
   );
   const filteredLogicItems = react.useMemo(() => {
-    const visibleByDefault = LOGIC_NODE_ITEMS.filter((item) => !chunkEFOXN3LC_js.EXPERIMENTAL_NODE_TYPES.has(item.nodeType));
+    const visibleByDefault = LOGIC_NODE_ITEMS.filter((item) => !chunkM7KSEUZR_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)
@@ -3140,31 +3147,70 @@ function NodePalette({ agents, tools, agentTools = [], rules, entities = [], mod
         onAdd: onCreateAgent,
         addLabel: t("newAgent"),
         count: filteredAgents.length,
-        children: filteredAgents.length === 0 && filteredAgentTools.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-gray-400 dark:text-gray-500", children: t("noAgents") }) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: filteredAgents.map((agent) => /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            draggable: true,
-            onDragStart: (event) => onDragStart(event, "agent", agent.agentId, agent.name),
-            className: "liquid-surface group flex items-center gap-2 rounded-lg px-3 py-2 transition-all cursor-grab hover:shadow-md active:cursor-grabbing",
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex-shrink-0", children: [
-                agent.avatar ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: agent.avatar, alt: agent.name, className: "h-7 w-7 rounded-full bg-white shadow-sm ring-1 ring-gray-200/50 dark:bg-gray-800 dark:ring-white/10" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-7 w-7 items-center justify-center rounded-full bg-gradient-to-br from-indigo-400 to-purple-500 shadow-sm", children: /* @__PURE__ */ jsxRuntime.jsx(outline.CpuChipIcon, { className: "h-3.5 w-3.5 text-white" }) }),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute -bottom-0.5 -right-0.5 flex h-3.5 w-3.5 items-center justify-center rounded-full bg-indigo-500 ring-1.5 ring-white dark:ring-gray-900", children: /* @__PURE__ */ jsxRuntime.jsx(outline.CpuChipIcon, { className: "h-2 w-2 text-white" }) })
-              ] }),
-              /* @__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: "truncate text-xs font-medium text-gray-900 dark:text-white", children: agent.name }),
-                  (() => {
-                    const tier = chunkC3H4FM4A_js.getAgentTier(Number(agent.elo ?? 0));
-                    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: `shrink-0 rounded-full px-1.5 py-px text-[8px] font-bold ${tier.pillColor}`, children: t(`agentDrawer.tier${tier.key.charAt(0).toUpperCase()}${tier.key.slice(1)}`) });
-                  })()
+        children: filteredAgents.length === 0 && filteredAgentTools.length === 0 && filteredProviders.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-gray-400 dark:text-gray-500", children: t("noAgents") }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          filteredAgents.map((agent) => /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              draggable: true,
+              onDragStart: (event) => onDragStart(event, "agent", agent.agentId, agent.name),
+              className: "liquid-surface group flex items-center gap-2 rounded-lg px-3 py-2 transition-all cursor-grab hover:shadow-md active:cursor-grabbing",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex-shrink-0", children: [
+                  agent.avatar ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: agent.avatar, alt: agent.name, className: "h-7 w-7 rounded-full bg-white shadow-sm ring-1 ring-gray-200/50 dark:bg-gray-800 dark:ring-white/10" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-7 w-7 items-center justify-center rounded-full bg-gradient-to-br from-indigo-400 to-purple-500 shadow-sm", children: /* @__PURE__ */ jsxRuntime.jsx(outline.CpuChipIcon, { className: "h-3.5 w-3.5 text-white" }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute -bottom-0.5 -right-0.5 flex h-3.5 w-3.5 items-center justify-center rounded-full bg-indigo-500 ring-1.5 ring-white dark:ring-gray-900", children: /* @__PURE__ */ jsxRuntime.jsx(outline.CpuChipIcon, { className: "h-2 w-2 text-white" }) })
                 ] }),
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-[10px] text-gray-400 dark:text-gray-500", children: agent.role ?? agent.agentId })
-              ] })
-            ]
-          },
-          agent.agentId
-        )) })
+                /* @__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: "truncate text-xs font-medium text-gray-900 dark:text-white", children: agent.name }),
+                    (() => {
+                      const tier = chunk72SWXOD5_js.getAgentTier(Number(agent.elo ?? 0));
+                      return /* @__PURE__ */ jsxRuntime.jsx("span", { className: `shrink-0 rounded-full px-1.5 py-px text-[8px] font-bold ${tier.pillColor}`, children: t(`agentDrawer.tier${tier.key.charAt(0).toUpperCase()}${tier.key.slice(1)}`) });
+                    })()
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-[10px] text-gray-400 dark:text-gray-500", children: agent.role ?? agent.agentId })
+                ] })
+              ]
+            },
+            agent.agentId
+          )),
+          filteredProviders.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 border-t border-gray-200/40 pt-2 dark:border-white/5", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-1.5 px-1 text-[9px] font-semibold uppercase tracking-wider text-slate-500 dark:text-slate-400", children: t("connectionsSection") }),
+            filteredProviders.map((provider) => {
+              const providerLogo = PROVIDER_LOGOS3[provider.provider];
+              return /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  draggable: true,
+                  onDragStart: (event) => {
+                    const defaultConfig = JSON.stringify({
+                      type: "model_provider",
+                      providerType: provider.provider === "amazon" ? "aws_bedrock" : provider.provider === "google" ? "google_vertex" : provider.provider === "meta" ? "custom" : `${provider.provider}_api`,
+                      name: provider.name,
+                      modelFilter: []
+                    });
+                    onDragStart(event, "model_provider", provider.id, provider.name, defaultConfig);
+                  },
+                  onClick: () => onConfigureProvider?.(provider.id),
+                  className: "liquid-surface group mb-1 flex items-center gap-2 rounded-lg px-3 py-2 transition-all cursor-grab hover:shadow-md active:cursor-grabbing",
+                  role: "button",
+                  tabIndex: 0,
+                  children: [
+                    providerLogo ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-6 w-6 shrink-0 items-center justify-center rounded-md bg-white/10 p-1", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: providerLogo, alt: "", className: "h-4 w-4 object-contain", loading: "lazy" }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-6 w-6 items-center justify-center rounded-md bg-gradient-to-br from-rose-400 to-pink-500 shadow-sm", children: /* @__PURE__ */ jsxRuntime.jsx(outline.KeyIcon, { className: "h-3.5 w-3.5 text-white" }) }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-xs font-medium text-gray-900 dark:text-white", children: provider.name }),
+                      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "truncate text-[10px] text-gray-400 dark:text-gray-500", children: [
+                        provider.modelCount,
+                        " models"
+                      ] })
+                    ] }),
+                    provider.configured ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-full bg-green-100 px-1.5 py-0.5 text-[9px] font-medium text-green-600 dark:bg-green-500/10 dark:text-green-400", children: t("configured") }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-full bg-amber-100 px-1.5 py-0.5 text-[9px] font-medium text-amber-600 dark:bg-amber-500/10 dark:text-amber-400", children: t("setup") })
+                  ]
+                },
+                provider.id
+              );
+            })
+          ] })
+        ] })
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -3188,7 +3234,7 @@ function NodePalette({ agents, tools, agentTools = [], rules, entities = [], mod
                 /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-[10px] text-gray-400 dark:text-gray-500", children: tool.category })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkI2NZGVBG_js.ToggleSwitch,
+                chunkFSBR4RCK_js.ToggleSwitch,
                 {
                   checked: Boolean(tool.enabled),
                   onChange: () => {
@@ -3229,7 +3275,7 @@ function NodePalette({ agents, tools, agentTools = [], rules, entities = [], mod
                 ] })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkI2NZGVBG_js.ToggleSwitch,
+                chunkFSBR4RCK_js.ToggleSwitch,
                 {
                   checked: Boolean(rule.enabled),
                   onChange: () => {
@@ -3265,8 +3311,8 @@ function NodePalette({ agents, tools, agentTools = [], rules, entities = [], mod
             limit: entity.defaultLimit
           });
           const dsLogo = getDatasourceLogo(entity.id);
-          const EntityIcon = chunkEFOXN3LC_js.getEntityIcon(entity.id);
-          const entityGradient = chunkEFOXN3LC_js.getEntityGradient(entity.id);
+          const EntityIcon = chunkM7KSEUZR_js.getEntityIcon(entity.id);
+          const entityGradient = chunkM7KSEUZR_js.getEntityGradient(entity.id);
           return /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
@@ -3286,7 +3332,7 @@ function NodePalette({ agents, tools, agentTools = [], rules, entities = [], mod
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-full bg-slate-100 px-1.5 py-0.5 text-[9px] font-medium text-slate-600 dark:bg-white/10 dark:text-slate-300", children: "Read only" }),
                   /* @__PURE__ */ jsxRuntime.jsx(
-                    chunkI2NZGVBG_js.ToggleSwitch,
+                    chunkFSBR4RCK_js.ToggleSwitch,
                     {
                       checked: true,
                       onChange: () => {
@@ -3305,49 +3351,6 @@ function NodePalette({ agents, tools, agentTools = [], rules, entities = [], mod
         })
       }
     ),
-    filteredProviders.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-      CollapsibleSection,
-      {
-        title: t("connectionsSection"),
-        icon: /* @__PURE__ */ jsxRuntime.jsx(outline.KeyIcon, { className: "h-3 w-3" }),
-        colorClass: "text-slate-600 dark:text-slate-400",
-        count: filteredProviders.length,
-        children: filteredProviders.map((provider) => {
-          const providerLogo = PROVIDER_LOGOS2[provider.provider];
-          return /* @__PURE__ */ jsxRuntime.jsxs(
-            "div",
-            {
-              draggable: true,
-              onDragStart: (event) => {
-                const defaultConfig = JSON.stringify({
-                  type: "model_provider",
-                  providerType: provider.provider === "amazon" ? "aws_bedrock" : provider.provider === "google" ? "google_vertex" : provider.provider === "meta" ? "custom" : `${provider.provider}_api`,
-                  name: provider.name,
-                  modelFilter: []
-                });
-                onDragStart(event, "model_provider", provider.id, provider.name, defaultConfig);
-              },
-              onClick: () => onConfigureProvider?.(provider.id),
-              className: "liquid-surface group flex items-center gap-2 rounded-lg px-3 py-2 transition-all cursor-grab hover:shadow-md active:cursor-grabbing",
-              role: "button",
-              tabIndex: 0,
-              children: [
-                providerLogo ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-6 w-6 shrink-0 items-center justify-center rounded-md bg-white/10 p-1", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: providerLogo, alt: "", className: "h-4 w-4 object-contain", loading: "lazy" }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-6 w-6 items-center justify-center rounded-md bg-gradient-to-br from-rose-400 to-pink-500 shadow-sm", children: /* @__PURE__ */ jsxRuntime.jsx(outline.KeyIcon, { className: "h-3.5 w-3.5 text-white" }) }),
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-xs font-medium text-gray-900 dark:text-white", children: provider.name }),
-                  /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "truncate text-[10px] text-gray-400 dark:text-gray-500", children: [
-                    provider.modelCount,
-                    " models"
-                  ] })
-                ] }),
-                provider.configured ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-full bg-green-100 px-1.5 py-0.5 text-[9px] font-medium text-green-600 dark:bg-green-500/10 dark:text-green-400", children: t("configured") }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-full bg-amber-100 px-1.5 py-0.5 text-[9px] font-medium text-amber-600 dark:bg-amber-500/10 dark:text-amber-400", children: t("setup") })
-              ]
-            },
-            provider.id
-          );
-        })
-      }
-    ),
     /* @__PURE__ */ jsxRuntime.jsxs(
       CollapsibleSection,
       {
@@ -3542,7 +3545,7 @@ function VersionHistoryPanel({
           )
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 overflow-y-auto", children: [
-          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 rounded-full border-2 border-blue-500 border-t-transparent" }) }),
+          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(
@@ -3655,7 +3658,7 @@ var STATUS_CONFIG = {
     label: "error"
   }
 };
-function formatDuration3(durationMs) {
+function formatDuration2(durationMs) {
   if (durationMs < 1e3) {
     return `${durationMs}ms`;
   }
@@ -3664,9 +3667,9 @@ function formatDuration3(durationMs) {
 }
 function RunPanel({ open, onClose, onRun, onStop }) {
   const translations = chunkYXN2K77G_js.useTranslations("agents.workflow.runPanel");
-  const nodes = chunkEFOXN3LC_js.useWorkflowStore((state) => state.nodes);
-  const isRunning = chunkEFOXN3LC_js.useWorkflowStore((state) => state.isRunning);
-  const nodeResults = chunkEFOXN3LC_js.useWorkflowStore((state) => state.nodeResults);
+  const nodes = chunkM7KSEUZR_js.useWorkflowStore((state) => state.nodes);
+  const isRunning = chunkM7KSEUZR_js.useWorkflowStore((state) => state.isRunning);
+  const nodeResults = chunkM7KSEUZR_js.useWorkflowStore((state) => state.nodeResults);
   const startNode = nodes.find((node) => node.type === "start");
   const hasEndNode = nodes.some((node) => node.type === "end");
   const hasValidStartConfig = Boolean(
@@ -3685,10 +3688,24 @@ function RunPanel({ open, onClose, onRun, onStop }) {
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(outline.PlayIcon, { className: "h-4 w-4 text-gray-500 dark:text-gray-400" }),
             /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-gray-900 dark:text-white", children: translations("title") }),
-            isRunning && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1 rounded-full bg-blue-100 px-2 py-0.5 text-[10px] font-medium text-blue-700 dark:bg-blue-500/20 dark:text-blue-300", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-1.5 w-1.5 animate-pulse rounded-full bg-blue-500" }),
-              translations("executing")
-            ] })
+            isRunning && /* @__PURE__ */ jsxRuntime.jsxs(
+              "span",
+              {
+                role: "status",
+                "aria-live": "polite",
+                className: "flex items-center gap-1 rounded-full bg-blue-100 px-2 py-0.5 text-[11px] font-medium text-blue-800 dark:bg-blue-500/20 dark:text-blue-200",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "span",
+                    {
+                      "aria-hidden": "true",
+                      className: "h-1.5 w-1.5 motion-safe:animate-pulse rounded-full bg-blue-500"
+                    }
+                  ),
+                  translations("executing")
+                ]
+              }
+            )
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
             isRunning ? /* @__PURE__ */ jsxRuntime.jsxs(
@@ -3749,7 +3766,7 @@ function RunPanel({ open, onClose, onRun, onStop }) {
                   ] }),
                   result?.error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 truncate text-xs text-red-500 dark:text-red-400", children: result.error })
                 ] }),
-                result?.durationMs !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-shrink-0 text-xs text-gray-500 dark:text-gray-400", children: formatDuration3(result.durationMs) })
+                result?.durationMs !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-shrink-0 text-xs text-gray-500 dark:text-gray-400", children: formatDuration2(result.durationMs) })
               ]
             },
             node.id
@@ -3763,7 +3780,7 @@ function SpinnerIcon({ className }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     {
-      className: `animate-spin ${className ?? ""}`,
+      className: `animate-spin motion-reduce:animate-none ${className ?? ""}`,
       viewBox: "0 0 24 24",
       fill: "none",
       stroke: "currentColor",
@@ -3849,6 +3866,21 @@ function inferVariables(config, nodeType) {
         variables.push({ name: "body", direction: "input", variableType: "string" });
       }
       break;
+    case "audio_input":
+      variables.push({ name: "url", direction: "input", variableType: "string" });
+      variables.push({ name: "url", direction: "output", variableType: "string" });
+      variables.push({ name: "format", direction: "output", variableType: "string" });
+      variables.push({ name: "sourceType", direction: "output", variableType: "string" });
+      break;
+    case "speech_transcriber":
+      variables.push({ name: "audioUrl", direction: "input", variableType: "string" });
+      variables.push({ name: "text", direction: "output", variableType: "string" });
+      variables.push({ name: "language", direction: "output", variableType: "string" });
+      variables.push({ name: "durationMs", direction: "output", variableType: "number" });
+      variables.push({ name: "segments", direction: "output", variableType: "array" });
+      variables.push({ name: "model", direction: "output", variableType: "string" });
+      variables.push({ name: "provider", direction: "output", variableType: "string" });
+      break;
     case "s3_write":
       variables.push({ name: "key", direction: "input", variableType: "string" });
       if (config.sourceUrl) {
@@ -3968,8 +4000,8 @@ function inferVariables(config, nodeType) {
 }
 function VariableInspector({ open, onClose }) {
   const translations = chunkYXN2K77G_js.useTranslations("agents.workflow.variableInspector");
-  const nodes = chunkEFOXN3LC_js.useWorkflowStore((state) => state.nodes);
-  const edges = chunkEFOXN3LC_js.useWorkflowStore((state) => state.edges);
+  const nodes = chunkM7KSEUZR_js.useWorkflowStore((state) => state.nodes);
+  const edges = chunkM7KSEUZR_js.useWorkflowStore((state) => state.edges);
   const [expandedNodes, setExpandedNodes] = react.useState(/* @__PURE__ */ new Set());
   const toggleNodeExpansion = react.useCallback((nodeId) => {
     setExpandedNodes((current) => {
@@ -4031,8 +4063,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 = chunkEFOXN3LC_js.LOGIC_ICON_MAP[entry.nodeType];
-          const gradient = chunkEFOXN3LC_js.LOGIC_NODE_GRADIENTS[entry.nodeType] ?? "from-gray-400 to-gray-500";
+          const IconComponent = chunkM7KSEUZR_js.LOGIC_ICON_MAP[entry.nodeType];
+          const gradient = chunkM7KSEUZR_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: [
@@ -4098,7 +4130,7 @@ function RunInputDialog({
   onRun
 }) {
   const t = chunkYXN2K77G_js.useTranslations("agents.workflow.runInputDialog");
-  const nodes = chunkEFOXN3LC_js.useWorkflowStore((state) => state.nodes);
+  const nodes = chunkM7KSEUZR_js.useWorkflowStore((state) => state.nodes);
   const [values, setValues] = react.useState({});
   const inputVariableNames = react.useMemo(() => {
     const storeStartNode = nodes.find((node) => node.type === "start");
@@ -4125,7 +4157,7 @@ function RunInputDialog({
   }, [onClose]);
   if (!open) return null;
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkI2NZGVBG_js.GlassModal,
+    chunkFSBR4RCK_js.GlassModal,
     {
       open,
       onClose: handleClose,
@@ -4136,7 +4168,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(
-            chunkI2NZGVBG_js.Input,
+            chunkFSBR4RCK_js.Input,
             {
               value: values[variableName] ?? "",
               onChange: (event) => handleValueChange(variableName, event.target.value),
@@ -4145,8 +4177,8 @@ function RunInputDialog({
           )
         ] }, variableName)) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-4 flex items-center justify-end gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkI2NZGVBG_js.Button, { size: "sm", plain: true, onClick: handleClose, children: t("cancel") }),
-          /* @__PURE__ */ jsxRuntime.jsxs(chunkI2NZGVBG_js.Button, { size: "sm", gradient: true, onClick: handleSubmit, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.Button, { size: "sm", plain: true, onClick: handleClose, children: t("cancel") }),
+          /* @__PURE__ */ jsxRuntime.jsxs(chunkFSBR4RCK_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")
           ] })
@@ -4158,13 +4190,13 @@ function RunInputDialog({
 var STATUS_STYLES = {
   completed: { icon: outline.CheckCircleIcon, colorClass: "text-green-500" },
   failed: { icon: outline.ExclamationCircleIcon, colorClass: "text-red-500" },
-  running: { icon: outline.ArrowPathIcon, colorClass: "text-blue-500 animate-spin" },
+  running: { icon: outline.ArrowPathIcon, colorClass: "text-blue-500 animate-spin motion-reduce:animate-none" },
   pending: { icon: outline.ClockIcon, colorClass: "text-gray-400" },
   success: { icon: outline.CheckCircleIcon, colorClass: "text-green-500" },
   error: { icon: outline.ExclamationCircleIcon, colorClass: "text-red-500" },
   skipped: { icon: outline.ClockIcon, colorClass: "text-gray-400" }
 };
-function formatDuration4(durationMs) {
+function formatDuration3(durationMs) {
   if (durationMs === null) return "\u2014";
   if (durationMs < 1e3) return `${durationMs}ms`;
   return `${(durationMs / 1e3).toFixed(1)}s`;
@@ -4179,8 +4211,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 = chunkEFOXN3LC_js.useWorkflowStore((state) => state.isRunning);
-  const nodeResults = chunkEFOXN3LC_js.useWorkflowStore((state) => state.nodeResults);
+  const isRunning = chunkM7KSEUZR_js.useWorkflowStore((state) => state.isRunning);
+  const nodeResults = chunkM7KSEUZR_js.useWorkflowStore((state) => state.nodeResults);
   const refreshRuns = react.useCallback(async () => {
     setIsLoadingRuns(true);
     try {
@@ -4215,7 +4247,7 @@ function PreviewPanel({ open, onClose, workflowId, loadRuns }) {
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full flex-col overflow-hidden", children: [
         isRunning && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-b border-gray-200/50 px-4 py-3 dark:border-gray-700/50", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2 flex items-center gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(outline.ArrowPathIcon, { className: "h-4 w-4 animate-spin text-blue-500" }),
+            /* @__PURE__ */ jsxRuntime.jsx(outline.ArrowPathIcon, { className: "h-4 w-4 animate-spin motion-reduce:animate-none text-blue-500" }),
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-semibold text-blue-600 dark:text-blue-400", children: t("activeRun") })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-60 space-y-1 overflow-y-auto", children: Object.entries(nodeResults).map(([nodeId, result]) => {
@@ -4226,7 +4258,7 @@ function PreviewPanel({ open, onClose, workflowId, loadRuns }) {
                 /* @__PURE__ */ jsxRuntime.jsx(StatusIcon, { className: `h-3.5 w-3.5 ${statusStyle.colorClass}` }),
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-gray-700 dark:text-gray-300", children: nodeId.slice(0, 8) })
               ] }),
-              result.durationMs !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-400", children: formatDuration4(result.durationMs) })
+              result.durationMs !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-400", children: formatDuration3(result.durationMs) })
             ] }, nodeId);
           }) })
         ] }),
@@ -4242,7 +4274,7 @@ function PreviewPanel({ open, onClose, workflowId, loadRuns }) {
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between", children: [
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-500", children: t("duration") }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-700 dark:text-gray-300", children: formatDuration4(selectedNode.durationMs) })
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-700 dark:text-gray-300", children: formatDuration3(selectedNode.durationMs) })
             ] }),
             selectedNode.error && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-red-500", children: t("error") }),
@@ -4281,7 +4313,7 @@ function PreviewPanel({ open, onClose, workflowId, loadRuns }) {
                       /* @__PURE__ */ jsxRuntime.jsx(StatusIcon, { className: `h-3.5 w-3.5 ${statusStyle.colorClass}` }),
                       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-gray-900 dark:text-white", children: formatTimestamp2(run.createdAt) })
                     ] }),
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-gray-400", children: formatDuration4(run.totalDurationMs) })
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-gray-400", children: formatDuration3(run.totalDurationMs) })
                   ] }),
                   run.error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 truncate text-[10px] text-red-500", children: run.error })
                 ]
@@ -4305,7 +4337,7 @@ function PreviewPanel({ open, onClose, workflowId, loadRuns }) {
                       /* @__PURE__ */ jsxRuntime.jsx(NodeStatusIcon, { className: `h-3 w-3 ${nodeStatusStyle.colorClass}` }),
                       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-700 dark:text-gray-300", children: nodeResult.nodeType })
                     ] }),
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-gray-400", children: formatDuration4(nodeResult.durationMs) })
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-gray-400", children: formatDuration3(nodeResult.durationMs) })
                   ]
                 },
                 nodeResult.nodeId
@@ -4317,12 +4349,34 @@ function PreviewPanel({ open, onClose, workflowId, loadRuns }) {
     ] })
   ] });
 }
-function SaveStatusBadge({ status }) {
+function SaveStatusBadge({ status, labels }) {
+  const savingLabel = labels?.saving ?? "Salvando\u2026";
+  const savedLabel = labels?.saved ?? "Salvo";
   if (status === "saving") {
-    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "animate-pulse text-[10px] text-gray-400 dark:text-gray-500", children: "\u2022" });
+    return /* @__PURE__ */ jsxRuntime.jsxs("span", { role: "status", "aria-live": "polite", className: "inline-flex items-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: "motion-safe:animate-pulse text-[11px] text-gray-500 dark:text-gray-400",
+          children: "\u2022"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: savingLabel })
+    ] });
   }
   if (status === "saved") {
-    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-green-500/60 dark:text-green-400/50", children: "\u2713" });
+    return /* @__PURE__ */ jsxRuntime.jsxs("span", { role: "status", "aria-live": "polite", className: "inline-flex items-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: "text-[11px] text-emerald-600 dark:text-emerald-400",
+          children: "\u2713"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: savedLabel })
+    ] });
   }
   return null;
 }
@@ -4336,7 +4390,7 @@ var AutoSaveWorkspace = react.memo(function AutoSaveWorkspace2({
     onAutoSaveGraph(graph);
   }, [onAutoSaveGraph, onGraphSnapshot]);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkEFOXN3LC_js.Workspace,
+    chunkM7KSEUZR_js.Workspace,
     {
       ...workspaceProps,
       onGraphChange: handleGraphChange
@@ -4344,7 +4398,7 @@ var AutoSaveWorkspace = react.memo(function AutoSaveWorkspace2({
   );
 });
 function DynamicIslandConfirm2(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkI2NZGVBG_js.DynamicIslandConfirm, { ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.DynamicIslandConfirm, { ...props });
 }
 var JSON_PREVIEW_LINE_LIMIT = 50;
 function DslExportModal({ open, onClose, workflow, graph }) {
@@ -4398,7 +4452,7 @@ function DslExportModal({ open, onClose, workflow, graph }) {
   }, [jsonString, workflow.name, workflow.version]);
   if (!open) return null;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkI2NZGVBG_js.GlassModal,
+    chunkFSBR4RCK_js.GlassModal,
     {
       open,
       onClose,
@@ -4440,7 +4494,7 @@ function DslExportModal({ open, onClose, workflow, graph }) {
         ] }),
         /* @__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(
-            chunkI2NZGVBG_js.Button,
+            chunkFSBR4RCK_js.Button,
             {
               type: "button",
               onClick: handleCopyToClipboard,
@@ -4457,7 +4511,7 @@ function DslExportModal({ open, onClose, workflow, graph }) {
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsxs(
-            chunkI2NZGVBG_js.Button,
+            chunkFSBR4RCK_js.Button,
             {
               type: "button",
               onClick: handleDownloadJson,
@@ -4616,7 +4670,7 @@ function DslImportModal({ open, onClose, onImport }) {
   }, []);
   if (!open) return null;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkI2NZGVBG_js.GlassModal,
+    chunkFSBR4RCK_js.GlassModal,
     {
       open,
       onClose,
@@ -4656,7 +4710,7 @@ 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(chunkI2NZGVBG_js.Button, { type: "button", plain: true, size: "sm", onClick: handleReset, children: translations("chooseAnother") })
+            /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_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: [
@@ -4684,9 +4738,9 @@ function DslImportModal({ open, onClose, onImport }) {
           ] })
         ] }) }),
         /* @__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(chunkI2NZGVBG_js.Button, { type: "button", onClick: onClose, outline: true, size: "sm", "data-testid": "import-cancel-button", children: translations("cancel") }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.Button, { type: "button", onClick: onClose, outline: true, size: "sm", "data-testid": "import-cancel-button", children: translations("cancel") }),
           /* @__PURE__ */ jsxRuntime.jsxs(
-            chunkI2NZGVBG_js.Button,
+            chunkFSBR4RCK_js.Button,
             {
               type: "button",
               onClick: handleImport,
@@ -4707,14 +4761,14 @@ function DslImportModal({ open, onClose, onImport }) {
 }
 
 // src/astrlabe/store/selectors.ts
-var useCanUndo = () => chunkEFOXN3LC_js.useWorkflowStore((state) => state.past.length > 0);
-var useCanRedo = () => chunkEFOXN3LC_js.useWorkflowStore((state) => state.future.length > 0);
-var useHasCopied = () => chunkEFOXN3LC_js.useWorkflowStore((state) => state.clipboard !== null);
-var useContextMenu = () => chunkEFOXN3LC_js.useWorkflowStore((state) => state.contextMenu);
-var useEditingNodeId = () => chunkEFOXN3LC_js.useWorkflowStore((state) => state.editingNodeId);
-var useSelectedNodeCount = () => chunkEFOXN3LC_js.useWorkflowStore((state) => state.nodes.filter((node) => node.selected).length);
-var useIsRunning = () => chunkEFOXN3LC_js.useWorkflowStore((state) => state.isRunning);
-var useNodeResults = () => chunkEFOXN3LC_js.useWorkflowStore((state) => state.nodeResults);
+var useCanUndo = () => chunkM7KSEUZR_js.useWorkflowStore((state) => state.past.length > 0);
+var useCanRedo = () => chunkM7KSEUZR_js.useWorkflowStore((state) => state.future.length > 0);
+var useHasCopied = () => chunkM7KSEUZR_js.useWorkflowStore((state) => state.clipboard !== null);
+var useContextMenu = () => chunkM7KSEUZR_js.useWorkflowStore((state) => state.contextMenu);
+var useEditingNodeId = () => chunkM7KSEUZR_js.useWorkflowStore((state) => state.editingNodeId);
+var useSelectedNodeCount = () => chunkM7KSEUZR_js.useWorkflowStore((state) => state.nodes.filter((node) => node.selected).length);
+var useIsRunning = () => chunkM7KSEUZR_js.useWorkflowStore((state) => state.isRunning);
+var useNodeResults = () => chunkM7KSEUZR_js.useWorkflowStore((state) => state.nodeResults);
 var DEFAULT_MAX_HISTORY = 50;
 function useUndoRedo(nodes, edges, setNodes, setEdges, maxHistory = DEFAULT_MAX_HISTORY) {
   const pastRef = react.useRef([]);
@@ -5001,6 +5055,7 @@ exports.DslImportModal = DslImportModal;
 exports.DynamicIslandConfirm = DynamicIslandConfirm2;
 exports.ExecutionTimelinePanel = ExecutionTimelinePanel;
 exports.MetaLlamaIcon = MetaLlamaIcon;
+exports.ModelProviderFlowNode = ModelProviderFlowNode;
 exports.NodePalette = NodePalette;
 exports.OutputSchemaBuilder = OutputSchemaBuilder;
 exports.PipelineSettingsModal = PipelineSettingsModal;
@@ -5037,5 +5092,5 @@ exports.useNodeResults = useNodeResults;
 exports.useSelectedNodeCount = useSelectedNodeCount;
 exports.useSubworkflowStore = useSubworkflowStore;
 exports.useUndoRedo = useUndoRedo;
-//# sourceMappingURL=chunk-RL35XATZ.js.map
-//# sourceMappingURL=chunk-RL35XATZ.js.map
+//# sourceMappingURL=chunk-ERCDMBRT.js.map
+//# sourceMappingURL=chunk-ERCDMBRT.js.map