@datatechsolutions/ui 3.13.1 → 3.15.0

package/dist/platform/pages/index.js

@@ -2,18 +2,18 @@
 'use strict';
 
 var chunk3T2WGL47_js = require('../../chunk-3T2WGL47.js');
-var chunk7IAWXG43_js = require('../../chunk-7IAWXG43.js');
-var chunkVCL5LDS5_js = require('../../chunk-VCL5LDS5.js');
-var chunkUPWJRCAD_js = require('../../chunk-UPWJRCAD.js');
+var chunkOQM252SM_js = require('../../chunk-OQM252SM.js');
+var chunkPADXORD2_js = require('../../chunk-PADXORD2.js');
+var chunkKRS2CLPR_js = require('../../chunk-KRS2CLPR.js');
 require('../../chunk-55H6WZQP.js');
 require('../../chunk-DJDZIRM6.js');
-require('../../chunk-4Z5NZINA.js');
-var chunkRWZ2PLMQ_js = require('../../chunk-RWZ2PLMQ.js');
+require('../../chunk-C4UYEHPY.js');
+var chunkKZDABEML_js = require('../../chunk-KZDABEML.js');
 require('../../chunk-Y5VN4SPH.js');
 require('../../chunk-22XPYFHJ.js');
 require('../../chunk-2OZZH2IO.js');
-require('../../chunk-CVEI4RQP.js');
-var chunkEBARYRSA_js = require('../../chunk-EBARYRSA.js');
+require('../../chunk-6NEESZVO.js');
+var chunkMXQ2EYG2_js = require('../../chunk-MXQ2EYG2.js');
 require('../../chunk-UZ3CMNUJ.js');
 var chunkS7KHTUHA_js = require('../../chunk-S7KHTUHA.js');
 require('../../chunk-72SWXOD5.js');
@@ -70,7 +70,7 @@ function AgentsModelsPageView({ labels, models, loading }) {
     setEnabledFilter("all");
   };
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRWZ2PLMQ_js.HeroSection,
+    chunkKZDABEML_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.CubeTransparentIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -78,7 +78,7 @@ function AgentsModelsPageView({ labels, models, loading }) {
       subtitle: labels.subtitle,
       gradient: "from-emerald-500 to-teal-700",
       toolbar: !isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.SearchBar,
+        chunkKZDABEML_js.SearchBar,
         {
           searchTerm,
           onSearchChange: setSearchTerm,
@@ -95,8 +95,8 @@ function AgentsModelsPageView({ labels, models, loading }) {
             count: filterCount,
             onClear: filterCount > 0 ? clearAllFilters : void 0,
             children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-5", children: [
-              providerChipItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.FormSection, { title: labels.filterByProvider ?? "Provedor", children: /* @__PURE__ */ jsxRuntime.jsx(
-                chunkRWZ2PLMQ_js.ChipPicker,
+              providerChipItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.FormSection, { title: labels.filterByProvider ?? "Provedor", children: /* @__PURE__ */ jsxRuntime.jsx(
+                chunkKZDABEML_js.ChipPicker,
                 {
                   items: providerChipItems,
                   selectedIds: selectedProviders,
@@ -106,21 +106,21 @@ function AgentsModelsPageView({ labels, models, loading }) {
                   clearLabel: labels.clear ?? "Limpar"
                 }
               ) }),
-              /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.FormSection, { title: labels.filterByStatus ?? "Status", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: ["all", "enabled", "disabled"].map((value) => enabledFilter === value ? /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", size: "sm", color: "ios-glass-blue", onClick: () => setEnabledFilter(value), children: statusLabelFor(value) }, value) : /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setEnabledFilter(value), children: statusLabelFor(value) }, value)) }) })
+              /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.FormSection, { title: labels.filterByStatus ?? "Status", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: ["all", "enabled", "disabled"].map((value) => enabledFilter === value ? /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", size: "sm", color: "ios-glass-blue", onClick: () => setEnabledFilter(value), children: statusLabelFor(value) }, value) : /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setEnabledFilter(value), children: statusLabelFor(value) }, value)) }) })
             ] })
           }
         }
       ) : void 0
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: filteredModels.map((model) => /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRWZ2PLMQ_js.EntityCard,
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: filteredModels.map((model) => /* @__PURE__ */ jsxRuntime.jsx(
+    chunkKZDABEML_js.EntityCard,
     {
       accentGradient: "from-emerald-500 to-teal-700",
       icon: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-11 w-11 items-center justify-center rounded-lg bg-emerald-500/10 text-emerald-600 dark:bg-emerald-500/20 dark:text-emerald-400", children: /* @__PURE__ */ jsxRuntime.jsx(outline.CubeTransparentIcon, { className: "h-6 w-6" }) }),
       title: model.name,
       subtitle: `${labels.provider}: ${model.provider}`,
-      status: /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Badge, { color: model.enabled ? "emerald" : "zinc", children: model.enabled ? labels.enabled : labels.disabled })
+      status: /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Badge, { color: model.enabled ? "emerald" : "zinc", children: model.enabled ? labels.enabled : labels.disabled })
     },
     model.id
   )) });
@@ -183,7 +183,7 @@ function AgentsConfigPageView({ labels, agents, models, loading, onCreate, onUpd
     setHasActiveVersion("all");
   };
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRWZ2PLMQ_js.HeroSection,
+    chunkKZDABEML_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.CpuChipIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -191,7 +191,7 @@ function AgentsConfigPageView({ labels, agents, models, loading, onCreate, onUpd
       subtitle: labels.subtitle,
       gradient: "from-violet-500 to-indigo-700",
       toolbar: !isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.SearchBar,
+        chunkKZDABEML_js.SearchBar,
         {
           searchTerm,
           onSearchChange: setSearchTerm,
@@ -208,8 +208,8 @@ function AgentsConfigPageView({ labels, agents, models, loading, onCreate, onUpd
             count: filterCount,
             onClear: filterCount > 0 ? clearAllFilters : void 0,
             children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-5", children: [
-              modelChipItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.FormSection, { title: labels.filterByModel ?? "Modelo", children: /* @__PURE__ */ jsxRuntime.jsx(
-                chunkRWZ2PLMQ_js.ChipPicker,
+              modelChipItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.FormSection, { title: labels.filterByModel ?? "Modelo", children: /* @__PURE__ */ jsxRuntime.jsx(
+                chunkKZDABEML_js.ChipPicker,
                 {
                   items: modelChipItems,
                   selectedIds: selectedModelIds,
@@ -219,13 +219,13 @@ function AgentsConfigPageView({ labels, agents, models, loading, onCreate, onUpd
                   clearLabel: labels.clear ?? "Limpar"
                 }
               ) }),
-              /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.FormSection, { title: labels.filterByActiveVersion ?? "Vers\xE3o ativa", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: ["all", "with", "without"].map((value) => hasActiveVersion === value ? /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", size: "sm", color: "ios-glass-blue", onClick: () => setHasActiveVersion(value), children: versionLabelFor(value) }, value) : /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setHasActiveVersion(value), children: versionLabelFor(value) }, value)) }) })
+              /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.FormSection, { title: labels.filterByActiveVersion ?? "Vers\xE3o ativa", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: ["all", "with", "without"].map((value) => hasActiveVersion === value ? /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", size: "sm", color: "ios-glass-blue", onClick: () => setHasActiveVersion(value), children: versionLabelFor(value) }, value) : /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setHasActiveVersion(value), children: versionLabelFor(value) }, value)) }) })
             ] })
           }
         }
       ) : void 0,
       actions: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.CreateActionButton,
+        chunkKZDABEML_js.CreateActionButton,
         {
           mode: "desktop",
           label: labels.addAgent,
@@ -236,7 +236,7 @@ function AgentsConfigPageView({ labels, agents, models, loading, onCreate, onUpd
     }
   );
   const mobileAction = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRWZ2PLMQ_js.CreateActionButton,
+    chunkKZDABEML_js.CreateActionButton,
     {
       mode: "mobile",
       label: labels.addAgent,
@@ -244,23 +244,23 @@ function AgentsConfigPageView({ labels, agents, models, loading, onCreate, onUpd
       accent: "violet"
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: filteredAgents.map((agent) => {
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: filteredAgents.map((agent) => {
     const modelRecord = models.find((model) => model.id === String(agent.modelId ?? ""));
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkRWZ2PLMQ_js.EntityCard,
+      chunkKZDABEML_js.EntityCard,
       {
         accentGradient: "from-violet-500 to-indigo-700",
         icon: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-11 w-11 items-center justify-center rounded-lg bg-violet-500/10 text-violet-600 dark:bg-violet-500/20 dark:text-violet-400", children: /* @__PURE__ */ jsxRuntime.jsx(outline.CpuChipIcon, { className: "h-6 w-6" }) }),
         title: String(agent.name ?? ""),
         subtitle: String(modelRecord?.name ?? agent.modelId ?? ""),
-        status: agent.activePromptVersion > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(chunkEBARYRSA_js.Badge, { color: "emerald", children: [
+        status: agent.activePromptVersion > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(chunkMXQ2EYG2_js.Badge, { color: "emerald", children: [
           "v",
           agent.activePromptVersion
         ] }) : null,
         footer: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setEditing(agent), children: labels.edit }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setEditing(agent), children: labels.edit }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkEBARYRSA_js.Button,
+            chunkMXQ2EYG2_js.Button,
             {
               type: "button",
               size: "sm",
@@ -284,7 +284,7 @@ function AgentsConfigPageView({ labels, agents, models, loading, onCreate, onUpd
     );
   }) });
   const renderForm = (initial, onSubmit) => /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRWZ2PLMQ_js.GlassModal,
+    chunkKZDABEML_js.GlassModal,
     {
       open: true,
       onClose: () => {
@@ -307,13 +307,13 @@ function AgentsConfigPageView({ labels, agents, models, loading, onCreate, onUpd
           outputSchema: String(form.get("outputSchema") ?? "").trim() || void 0
         });
       },
-      children: /* @__PURE__ */ jsxRuntime.jsxs(chunkRWZ2PLMQ_js.FormGrid, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.FormInput, { name: "name", label: labels.name, defaultValue: initial.name ?? "", required: true }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.FormSelect, { name: "modelId", label: labels.model, options: modelOptions, defaultValue: initial.modelId ?? modelOptions[0]?.value ?? "", required: true }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.FormInput, { name: "maxTokens", label: String(labels.maxTokens), type: "number", defaultValue: String(initial.maxTokens ?? 2048) }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.FormInput, { name: "temperature", label: labels.temperature, type: "number", step: 0.1, min: 0, max: 2, defaultValue: String(initial.temperature ?? 0.2) }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.FormTextarea, { name: "systemPrompt", label: labels.systemPrompt, defaultValue: initial.systemPrompt ?? "", rows: 4 }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.FormTextarea, { name: "outputSchema", label: labels.outputSchema, placeholder: labels.outputSchemaPlaceholder, defaultValue: initial.outputSchema ?? "", rows: 4 })
+      children: /* @__PURE__ */ jsxRuntime.jsxs(chunkKZDABEML_js.FormGrid, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.FormInput, { name: "name", label: labels.name, defaultValue: initial.name ?? "", required: true }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.FormSelect, { name: "modelId", label: labels.model, options: modelOptions, defaultValue: initial.modelId ?? modelOptions[0]?.value ?? "", required: true }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.FormInput, { name: "maxTokens", label: String(labels.maxTokens), type: "number", defaultValue: String(initial.maxTokens ?? 2048) }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.FormInput, { name: "temperature", label: labels.temperature, type: "number", step: 0.1, min: 0, max: 2, defaultValue: String(initial.temperature ?? 0.2) }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.FormTextarea, { name: "systemPrompt", label: labels.systemPrompt, defaultValue: initial.systemPrompt ?? "", rows: 4 }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.FormTextarea, { name: "outputSchema", label: labels.outputSchema, placeholder: labels.outputSchemaPlaceholder, defaultValue: initial.outputSchema ?? "", rows: 4 })
       ] })
     }
   );
@@ -437,7 +437,7 @@ function AgentsPromptsPageView({ labels, agents, prompts, loading, onCreate, onA
     setActiveFilter("all");
   };
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRWZ2PLMQ_js.HeroSection,
+    chunkKZDABEML_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.ChatBubbleLeftEllipsisIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -445,7 +445,7 @@ function AgentsPromptsPageView({ labels, agents, prompts, loading, onCreate, onA
       subtitle: labels.subtitle,
       gradient: "from-sky-500 to-blue-700",
       toolbar: !isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.SearchBar,
+        chunkKZDABEML_js.SearchBar,
         {
           searchTerm,
           onSearchChange: setSearchTerm,
@@ -462,8 +462,8 @@ function AgentsPromptsPageView({ labels, agents, prompts, loading, onCreate, onA
             count: filterCount,
             onClear: filterCount > 0 ? clearAllFilters : void 0,
             children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-5", children: [
-              agentChipItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.FormSection, { title: labels.filterByAgent ?? "Agente", children: /* @__PURE__ */ jsxRuntime.jsx(
-                chunkRWZ2PLMQ_js.ChipPicker,
+              agentChipItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.FormSection, { title: labels.filterByAgent ?? "Agente", children: /* @__PURE__ */ jsxRuntime.jsx(
+                chunkKZDABEML_js.ChipPicker,
                 {
                   items: agentChipItems,
                   selectedIds: selectedAgentIds,
@@ -473,8 +473,8 @@ function AgentsPromptsPageView({ labels, agents, prompts, loading, onCreate, onA
                   clearLabel: labels.clear ?? "Limpar"
                 }
               ) }),
-              /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.FormSection, { title: labels.filterByLocale ?? "Idioma", children: /* @__PURE__ */ jsxRuntime.jsx(
-                chunkRWZ2PLMQ_js.ChipPicker,
+              /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.FormSection, { title: labels.filterByLocale ?? "Idioma", children: /* @__PURE__ */ jsxRuntime.jsx(
+                chunkKZDABEML_js.ChipPicker,
                 {
                   items: localeChipItems,
                   selectedIds: selectedLocales,
@@ -484,13 +484,13 @@ function AgentsPromptsPageView({ labels, agents, prompts, loading, onCreate, onA
                   clearLabel: labels.clear ?? "Limpar"
                 }
               ) }),
-              /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.FormSection, { title: labels.filterByActive ?? "Status", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: ["all", "active", "inactive"].map((value) => activeFilter === value ? /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", size: "sm", color: "ios-glass-blue", onClick: () => setActiveFilter(value), children: activeLabelFor(value) }, value) : /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setActiveFilter(value), children: activeLabelFor(value) }, value)) }) })
+              /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.FormSection, { title: labels.filterByActive ?? "Status", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: ["all", "active", "inactive"].map((value) => activeFilter === value ? /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", size: "sm", color: "ios-glass-blue", onClick: () => setActiveFilter(value), children: activeLabelFor(value) }, value) : /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setActiveFilter(value), children: activeLabelFor(value) }, value)) }) })
             ] })
           }
         }
       ) : void 0,
       actions: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.CreateActionButton,
+        chunkKZDABEML_js.CreateActionButton,
         {
           mode: "desktop",
           label: labels.addPrompt,
@@ -501,7 +501,7 @@ function AgentsPromptsPageView({ labels, agents, prompts, loading, onCreate, onA
     }
   );
   const mobileAction = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRWZ2PLMQ_js.CreateActionButton,
+    chunkKZDABEML_js.CreateActionButton,
     {
       mode: "mobile",
       label: labels.addPrompt,
@@ -509,21 +509,21 @@ function AgentsPromptsPageView({ labels, agents, prompts, loading, onCreate, onA
       accent: "sky"
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: filteredPrompts.map((prompt) => {
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: filteredPrompts.map((prompt) => {
     const agentName = agentNameById.get(prompt.agentId) ?? prompt.agentId;
     const key = `${prompt.agentId}:${prompt.locale}:${prompt.version}`;
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkRWZ2PLMQ_js.EntityCard,
+      chunkKZDABEML_js.EntityCard,
       {
         accentGradient: "from-sky-500 to-blue-700",
         icon: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-11 w-11 items-center justify-center rounded-lg bg-sky-500/10 text-sky-600 dark:bg-sky-500/20 dark:text-sky-400", children: /* @__PURE__ */ jsxRuntime.jsx(outline.ChatBubbleLeftEllipsisIcon, { className: "h-6 w-6" }) }),
         title: agentName,
         subtitle: `${prompt.locale} \xB7 v${prompt.version}`,
-        status: prompt.isActive ? /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Badge, { color: "emerald", children: labels.isActive }) : null,
+        status: prompt.isActive ? /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Badge, { color: "emerald", children: labels.isActive }) : null,
         footer: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
-          !prompt.isActive && /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", size: "sm", outline: true, onClick: () => onActivate(prompt), children: labels.activate }),
+          !prompt.isActive && /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", size: "sm", outline: true, onClick: () => onActivate(prompt), children: labels.activate }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkEBARYRSA_js.Button,
+            chunkMXQ2EYG2_js.Button,
             {
               type: "button",
               size: "sm",
@@ -547,7 +547,7 @@ function AgentsPromptsPageView({ labels, agents, prompts, loading, onCreate, onA
       mobileAction
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkRWZ2PLMQ_js.GlassModal,
+      chunkKZDABEML_js.GlassModal,
       {
         open: createOpen,
         onClose: () => setCreateOpen(false),
@@ -571,11 +571,11 @@ function AgentsPromptsPageView({ labels, agents, prompts, loading, onCreate, onA
           });
           setCreateOpen(false);
         },
-        children: /* @__PURE__ */ jsxRuntime.jsxs(chunkRWZ2PLMQ_js.FormGrid, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.FormSelect, { name: "agentId", label: labels.agent, options: agentOptions, required: true }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.FormSelect, { name: "locale", label: labels.locale, options: LOCALE_OPTIONS, defaultValue: "en" }),
+        children: /* @__PURE__ */ jsxRuntime.jsxs(chunkKZDABEML_js.FormGrid, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.FormSelect, { name: "agentId", label: labels.agent, options: agentOptions, required: true }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.FormSelect, { name: "locale", label: labels.locale, options: LOCALE_OPTIONS, defaultValue: "en" }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkRWZ2PLMQ_js.FormSelect,
+            chunkKZDABEML_js.FormSelect,
             {
               name: "isActive",
               label: labels.isActive,
@@ -583,10 +583,10 @@ function AgentsPromptsPageView({ labels, agents, prompts, loading, onCreate, onA
               defaultValue: "true"
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.FormInput, { name: "reason", label: labels.reason }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.FormTextarea, { name: "systemPrompt", label: labels.systemPrompt, rows: 3 }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.FormTextarea, { name: "userTemplate", label: labels.userTemplate, rows: 3 }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.FormTextarea, { name: "prompt", label: labels.prompt, rows: 6, required: true })
+          /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.FormInput, { name: "reason", label: labels.reason }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.FormTextarea, { name: "systemPrompt", label: labels.systemPrompt, rows: 3 }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.FormTextarea, { name: "userTemplate", label: labels.userTemplate, rows: 3 }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.FormTextarea, { name: "prompt", label: labels.prompt, rows: 6, required: true })
         ] })
       }
     )
@@ -659,7 +659,7 @@ function AgentsToolDefinitionsPageView({ labels, tools, loading, onCreate, onUpd
     setSelectedToolTypes([]);
   };
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRWZ2PLMQ_js.HeroSection,
+    chunkKZDABEML_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.WrenchScrewdriverIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -667,7 +667,7 @@ function AgentsToolDefinitionsPageView({ labels, tools, loading, onCreate, onUpd
       subtitle: labels.subtitle,
       gradient: "from-amber-500 to-orange-700",
       toolbar: !isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.SearchBar,
+        chunkKZDABEML_js.SearchBar,
         {
           searchTerm,
           onSearchChange: setSearchTerm,
@@ -683,8 +683,8 @@ function AgentsToolDefinitionsPageView({ labels, tools, loading, onCreate, onUpd
             title: labels.filtersTitle ?? "Filtros",
             count: filterCount,
             onClear: filterCount > 0 ? clearAllFilters : void 0,
-            children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-5", children: /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.FormSection, { title: labels.filterByToolType ?? "Tipo de ferramenta", children: /* @__PURE__ */ jsxRuntime.jsx(
-              chunkRWZ2PLMQ_js.ChipPicker,
+            children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-5", children: /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.FormSection, { title: labels.filterByToolType ?? "Tipo de ferramenta", children: /* @__PURE__ */ jsxRuntime.jsx(
+              chunkKZDABEML_js.ChipPicker,
               {
                 items: toolTypeChipItems,
                 selectedIds: selectedToolTypes,
@@ -698,7 +698,7 @@ function AgentsToolDefinitionsPageView({ labels, tools, loading, onCreate, onUpd
         }
       ) : void 0,
       actions: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.CreateActionButton,
+        chunkKZDABEML_js.CreateActionButton,
         {
           mode: "desktop",
           label: labels.addTool,
@@ -709,7 +709,7 @@ function AgentsToolDefinitionsPageView({ labels, tools, loading, onCreate, onUpd
     }
   );
   const mobileAction = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRWZ2PLMQ_js.CreateActionButton,
+    chunkKZDABEML_js.CreateActionButton,
     {
       mode: "mobile",
       label: labels.addTool,
@@ -717,18 +717,18 @@ function AgentsToolDefinitionsPageView({ labels, tools, loading, onCreate, onUpd
       accent: "amber"
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: filteredTools.map((tool) => /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRWZ2PLMQ_js.EntityCard,
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: filteredTools.map((tool) => /* @__PURE__ */ jsxRuntime.jsx(
+    chunkKZDABEML_js.EntityCard,
     {
       accentGradient: "from-amber-500 to-orange-700",
       icon: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-11 w-11 items-center justify-center rounded-lg bg-amber-500/10 text-amber-600 dark:bg-amber-500/20 dark:text-amber-400", children: /* @__PURE__ */ jsxRuntime.jsx(outline.WrenchScrewdriverIcon, { className: "h-6 w-6" }) }),
       title: tool.name,
       subtitle: toolTypeLabel(tool),
-      status: /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Badge, { color: tool.enabled ? "emerald" : "zinc", children: tool.enabled ? labels.enabled : labels.disabled }),
+      status: /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Badge, { color: tool.enabled ? "emerald" : "zinc", children: tool.enabled ? labels.enabled : labels.disabled }),
       footer: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setEditing(tool), children: labels.edit }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setEditing(tool), children: labels.edit }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkEBARYRSA_js.Button,
+          chunkMXQ2EYG2_js.Button,
           {
             type: "button",
             size: "sm",
@@ -807,7 +807,7 @@ function ToolEditor({
     setValue((v) => ({ ...v, [key]: next }));
   };
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRWZ2PLMQ_js.GlassModal,
+    chunkKZDABEML_js.GlassModal,
     {
       open: true,
       onClose,
@@ -820,9 +820,9 @@ function ToolEditor({
         handleSubmit();
       },
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-5", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(chunkRWZ2PLMQ_js.FormGrid, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkKZDABEML_js.FormGrid, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkRWZ2PLMQ_js.FormInput,
+            chunkKZDABEML_js.FormInput,
             {
               label: "Name",
               required: true,
@@ -832,7 +832,7 @@ function ToolEditor({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkRWZ2PLMQ_js.FormSelect,
+            chunkKZDABEML_js.FormSelect,
             {
               label: "Tool type",
               value: value.toolType,
@@ -842,7 +842,7 @@ function ToolEditor({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkRWZ2PLMQ_js.FormSelect,
+            chunkKZDABEML_js.FormSelect,
             {
               label: "Enabled",
               value: value.enabled ? "true" : "false",
@@ -851,7 +851,7 @@ function ToolEditor({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkRWZ2PLMQ_js.FormInput,
+            chunkKZDABEML_js.FormInput,
             {
               label: "Icon (optional)",
               value: value.icon ?? "",
@@ -861,7 +861,7 @@ function ToolEditor({
           )
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkRWZ2PLMQ_js.FormTextarea,
+          chunkKZDABEML_js.FormTextarea,
           {
             label: "Description",
             rows: 2,
@@ -909,7 +909,7 @@ function ParametersEditor({
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
       parameters.map((param, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-[1fr_160px_1fr_110px_auto] items-end gap-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkRWZ2PLMQ_js.FormInput,
+          chunkKZDABEML_js.FormInput,
           {
             label: "Name",
             value: param.name,
@@ -918,7 +918,7 @@ function ParametersEditor({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkRWZ2PLMQ_js.FormSelect,
+          chunkKZDABEML_js.FormSelect,
           {
             label: "Type",
             value: param.type,
@@ -927,7 +927,7 @@ function ParametersEditor({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkRWZ2PLMQ_js.FormInput,
+          chunkKZDABEML_js.FormInput,
           {
             label: "Description",
             value: param.description,
@@ -946,9 +946,9 @@ function ParametersEditor({
           ),
           "Required"
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", plain: true, onClick: () => remove(index), children: "Remove" })
+        /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", plain: true, onClick: () => remove(index), children: "Remove" })
       ] }, index)),
-      /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", outline: true, onClick: add, children: "+ Add parameter" })
+      /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", outline: true, onClick: add, children: "+ Add parameter" })
     ] })
   ] });
 }
@@ -961,9 +961,9 @@ function HandlerConfigEditor({
   if (toolType === "http") {
     return /* @__PURE__ */ jsxRuntime.jsxs("section", { 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.jsx("h3", { className: "mb-2 text-sm font-semibold text-slate-700 dark:text-slate-200", children: "HTTP handler" }),
-      /* @__PURE__ */ jsxRuntime.jsxs(chunkRWZ2PLMQ_js.FormGrid, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkKZDABEML_js.FormGrid, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkRWZ2PLMQ_js.FormSelect,
+          chunkKZDABEML_js.FormSelect,
           {
             label: "Method",
             value: stringProp(config, "method", "GET"),
@@ -972,7 +972,7 @@ function HandlerConfigEditor({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkRWZ2PLMQ_js.FormInput,
+          chunkKZDABEML_js.FormInput,
           {
             label: "URL template",
             value: stringProp(config, "url"),
@@ -982,7 +982,7 @@ function HandlerConfigEditor({
         )
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.FormTextarea,
+        chunkKZDABEML_js.FormTextarea,
         {
           label: "Headers (JSON)",
           rows: 3,
@@ -992,7 +992,7 @@ function HandlerConfigEditor({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.FormTextarea,
+        chunkKZDABEML_js.FormTextarea,
         {
           label: "Body template",
           rows: 3,
@@ -1007,7 +1007,7 @@ function HandlerConfigEditor({
     return /* @__PURE__ */ jsxRuntime.jsxs("section", { 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.jsx("h3", { className: "mb-2 text-sm font-semibold text-slate-700 dark:text-slate-200", children: "Function handler" }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.FormInput,
+        chunkKZDABEML_js.FormInput,
         {
           label: "Implementation key",
           value: stringProp(config, "implementationKey"),
@@ -1021,9 +1021,9 @@ function HandlerConfigEditor({
   if (toolType === "database_query") {
     return /* @__PURE__ */ jsxRuntime.jsxs("section", { 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.jsx("h3", { className: "mb-2 text-sm font-semibold text-slate-700 dark:text-slate-200", children: "Database query handler" }),
-      /* @__PURE__ */ jsxRuntime.jsxs(chunkRWZ2PLMQ_js.FormGrid, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkKZDABEML_js.FormGrid, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkRWZ2PLMQ_js.FormInput,
+          chunkKZDABEML_js.FormInput,
           {
             label: "Datasource ID",
             value: stringProp(config, "datasourceId"),
@@ -1032,7 +1032,7 @@ function HandlerConfigEditor({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkRWZ2PLMQ_js.FormInput,
+          chunkKZDABEML_js.FormInput,
           {
             label: "Max rows",
             type: "number",
@@ -1042,7 +1042,7 @@ function HandlerConfigEditor({
         )
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.FormTextarea,
+        chunkKZDABEML_js.FormTextarea,
         {
           label: "Query template",
           rows: 4,
@@ -1058,7 +1058,7 @@ function HandlerConfigEditor({
       /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-2 text-sm font-semibold text-slate-700 dark:text-slate-200", children: "Code execution handler" }),
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-2 text-xs text-amber-600 dark:text-amber-400", children: "Experimental \u2014 sandbox is not yet enforced. Only enable for trusted tools." }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.FormSelect,
+        chunkKZDABEML_js.FormSelect,
         {
           label: "Language",
           value: stringProp(config, "language", "javascript"),
@@ -1070,7 +1070,7 @@ function HandlerConfigEditor({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.FormTextarea,
+        chunkKZDABEML_js.FormTextarea,
         {
           label: "Code",
           rows: 6,
@@ -1083,9 +1083,9 @@ function HandlerConfigEditor({
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("section", { 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.jsx("h3", { className: "mb-2 text-sm font-semibold text-slate-700 dark:text-slate-200", children: "API call handler" }),
-    /* @__PURE__ */ jsxRuntime.jsxs(chunkRWZ2PLMQ_js.FormGrid, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(chunkKZDABEML_js.FormGrid, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.FormInput,
+        chunkKZDABEML_js.FormInput,
         {
           label: "URL",
           value: stringProp(config, "url"),
@@ -1093,7 +1093,7 @@ function HandlerConfigEditor({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.FormSelect,
+        chunkKZDABEML_js.FormSelect,
         {
           label: "Auth",
           value: stringProp(config, "authType", "bearer"),
@@ -1107,7 +1107,7 @@ function HandlerConfigEditor({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.FormInput,
+        chunkKZDABEML_js.FormInput,
         {
           label: "Credential secret id",
           value: stringProp(config, "credentialRef"),
@@ -1282,7 +1282,7 @@ function RulesPageView({ labels, rules, loading, onCreate, onUpdate, onDelete, o
     setExpiryFilter("all");
   };
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRWZ2PLMQ_js.HeroSection,
+    chunkKZDABEML_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.AdjustmentsHorizontalIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -1290,7 +1290,7 @@ function RulesPageView({ labels, rules, loading, onCreate, onUpdate, onDelete, o
       subtitle: labels.subtitle,
       gradient: "from-fuchsia-500 to-purple-700",
       toolbar: !isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.SearchBar,
+        chunkKZDABEML_js.SearchBar,
         {
           searchTerm,
           onSearchChange: setSearchTerm,
@@ -1307,14 +1307,14 @@ function RulesPageView({ labels, rules, loading, onCreate, onUpdate, onDelete, o
             count: filterCount,
             onClear: filterCount > 0 ? clearAllFilters : void 0,
             children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-5", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.FormSection, { title: labels.filterByStatus ?? "Status", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: ["all", "enabled", "disabled"].map((value) => enabledFilter === value ? /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", size: "sm", color: "ios-glass-blue", onClick: () => setEnabledFilter(value), children: statusLabelFor(value) }, value) : /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setEnabledFilter(value), children: statusLabelFor(value) }, value)) }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.FormSection, { title: labels.filterByExpiry ?? "Validade", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: ["all", "expiring", "noExpiry"].map((value) => expiryFilter === value ? /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", size: "sm", color: "ios-glass-blue", onClick: () => setExpiryFilter(value), children: expiryLabelFor(value) }, value) : /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setExpiryFilter(value), children: expiryLabelFor(value) }, value)) }) })
+              /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.FormSection, { title: labels.filterByStatus ?? "Status", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: ["all", "enabled", "disabled"].map((value) => enabledFilter === value ? /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", size: "sm", color: "ios-glass-blue", onClick: () => setEnabledFilter(value), children: statusLabelFor(value) }, value) : /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setEnabledFilter(value), children: statusLabelFor(value) }, value)) }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.FormSection, { title: labels.filterByExpiry ?? "Validade", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: ["all", "expiring", "noExpiry"].map((value) => expiryFilter === value ? /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", size: "sm", color: "ios-glass-blue", onClick: () => setExpiryFilter(value), children: expiryLabelFor(value) }, value) : /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setExpiryFilter(value), children: expiryLabelFor(value) }, value)) }) })
             ] })
           }
         }
       ) : void 0,
       actions: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.CreateActionButton,
+        chunkKZDABEML_js.CreateActionButton,
         {
           mode: "desktop",
           label: labels.addRule,
@@ -1325,7 +1325,7 @@ function RulesPageView({ labels, rules, loading, onCreate, onUpdate, onDelete, o
     }
   );
   const mobileAction = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRWZ2PLMQ_js.CreateActionButton,
+    chunkKZDABEML_js.CreateActionButton,
     {
       mode: "mobile",
       label: labels.addRule,
@@ -1333,18 +1333,18 @@ function RulesPageView({ labels, rules, loading, onCreate, onUpdate, onDelete, o
       accent: "fuchsia"
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: filteredRules.map((rule) => /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRWZ2PLMQ_js.EntityCard,
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: filteredRules.map((rule) => /* @__PURE__ */ jsxRuntime.jsx(
+    chunkKZDABEML_js.EntityCard,
     {
       accentGradient: "from-fuchsia-500 to-purple-700",
       icon: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-11 w-11 items-center justify-center rounded-lg bg-fuchsia-500/10 text-fuchsia-600 dark:bg-fuchsia-500/20 dark:text-fuchsia-400", children: /* @__PURE__ */ jsxRuntime.jsx(outline.AdjustmentsHorizontalIcon, { className: "h-6 w-6" }) }),
       title: rule.name,
       subtitle: `${labels.order}: ${rule.order ?? 0}`,
-      status: /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Badge, { color: rule.enabled ? "emerald" : "zinc", children: rule.enabled ? labels.enabled : labels.disabled }),
+      status: /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Badge, { color: rule.enabled ? "emerald" : "zinc", children: rule.enabled ? labels.enabled : labels.disabled }),
       footer: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setEditing(rule), children: labels.edit }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setEditing(rule), children: labels.edit }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkEBARYRSA_js.Button,
+          chunkMXQ2EYG2_js.Button,
           {
             type: "button",
             size: "sm",
@@ -1371,7 +1371,7 @@ function RulesPageView({ labels, rules, loading, onCreate, onUpdate, onDelete, o
       {
         title: labels.createTitle,
         saveLabel: labels.save,
-        initial: chunkUPWJRCAD_js.defaultRuleForm(),
+        initial: chunkKRS2CLPR_js.defaultRuleForm(),
         onClose: () => setCreateOpen(false),
         onSubmit: (value) => {
           onCreate(value);
@@ -1403,7 +1403,7 @@ function RuleEditor({
 }) {
   const [value, setValue] = react.useState(initial);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRWZ2PLMQ_js.GlassModal,
+    chunkKZDABEML_js.GlassModal,
     {
       open: true,
       onClose,
@@ -1415,12 +1415,12 @@ function RuleEditor({
         event.preventDefault();
         onSubmit(value);
       },
-      children: /* @__PURE__ */ jsxRuntime.jsx(chunkUPWJRCAD_js.RuleForm, { value, onChange: setValue })
+      children: /* @__PURE__ */ jsxRuntime.jsx(chunkKRS2CLPR_js.RuleForm, { value, onChange: setValue })
     }
   );
 }
 function ruleToFormValue(rule) {
-  const base = chunkUPWJRCAD_js.defaultRuleForm();
+  const base = chunkKRS2CLPR_js.defaultRuleForm();
   const rawCondition = rule.condition ?? rule.conditions;
   const rawAction = pickAction(rule);
   return {
@@ -1557,7 +1557,7 @@ var SAMPLE_DATASOURCES = [
 ];
 function getDialectLabel(dialect) {
   if (!dialect) return "Unknown";
-  for (const category of chunkVCL5LDS5_js.DIALECT_CATEGORIES) {
+  for (const category of chunkPADXORD2_js.DIALECT_CATEGORIES) {
     const found = category.dialects.find((d) => d.value === dialect);
     if (found) return found.label;
   }
@@ -1565,12 +1565,12 @@ function getDialectLabel(dialect) {
 }
 function getDialectGradient(dialect) {
   if (!dialect) return "from-gray-400 to-gray-500";
-  const category = chunkVCL5LDS5_js.findCategory(dialect);
+  const category = chunkPADXORD2_js.findCategory(dialect);
   return category?.gradient ?? "from-gray-400 to-gray-500";
 }
 function getDialectIcon(dialect) {
   if (!dialect) return outline.CircleStackIcon;
-  const category = chunkVCL5LDS5_js.findCategory(dialect);
+  const category = chunkPADXORD2_js.findCategory(dialect);
   return category?.icon ?? outline.CircleStackIcon;
 }
 var DIALECT_LOGO = {
@@ -1633,7 +1633,7 @@ function DatasourcesPageView({
     });
   }, [datasources, searchTerm, selectedDialects, enabledFilter, readOnlyFilter]);
   const dialectChipItems = react.useMemo(
-    () => chunkVCL5LDS5_js.DIALECT_CATEGORIES.flatMap(
+    () => chunkPADXORD2_js.DIALECT_CATEGORIES.flatMap(
       (cat) => cat.dialects.map((d) => ({
         id: d.value,
         name: d.label,
@@ -1702,7 +1702,7 @@ function DatasourcesPageView({
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkRWZ2PLMQ_js.HeroSection,
+      chunkKZDABEML_js.HeroSection,
       {
         icon: /* @__PURE__ */ jsxRuntime.jsx(outline.CircleStackIcon, { className: "h-5 w-5" }),
         label: labels.title,
@@ -1710,7 +1710,7 @@ function DatasourcesPageView({
         subtitle: labels.subtitle,
         gradient: "from-amber-500 to-orange-600",
         toolbar: !isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
-          chunkRWZ2PLMQ_js.SearchBar,
+          chunkKZDABEML_js.SearchBar,
           {
             searchTerm,
             onSearchChange: setSearchTerm,
@@ -1727,8 +1727,8 @@ function DatasourcesPageView({
               count: filterCount,
               onClear: filterCount > 0 ? clearAllFilters : void 0,
               children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-5", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.FormSection, { title: labels.filterByDialect ?? labels.dialect ?? "Dialeto", children: /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkRWZ2PLMQ_js.ChipPicker,
+                /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.FormSection, { title: labels.filterByDialect ?? labels.dialect ?? "Dialeto", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  chunkKZDABEML_js.ChipPicker,
                   {
                     items: dialectChipItems,
                     selectedIds: selectedDialects,
@@ -1738,14 +1738,14 @@ function DatasourcesPageView({
                     clearLabel: labels.clear ?? "Limpar"
                   }
                 ) }),
-                /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.FormSection, { title: labels.filterByStatus ?? "Status", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: ["all", "enabled", "disabled"].map((value) => enabledFilter === value ? /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", size: "sm", color: "ios-glass-blue", onClick: () => setEnabledFilter(value), children: enabledLabelFor(value) }, value) : /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setEnabledFilter(value), children: enabledLabelFor(value) }, value)) }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.FormSection, { title: labels.filterByReadOnly ?? "Modo de acesso", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: ["all", "readOnly", "writable"].map((value) => readOnlyFilter === value ? /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", size: "sm", color: "ios-glass-blue", onClick: () => setReadOnlyFilter(value), children: readOnlyLabelFor(value) }, value) : /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setReadOnlyFilter(value), children: readOnlyLabelFor(value) }, value)) }) })
+                /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.FormSection, { title: labels.filterByStatus ?? "Status", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: ["all", "enabled", "disabled"].map((value) => enabledFilter === value ? /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", size: "sm", color: "ios-glass-blue", onClick: () => setEnabledFilter(value), children: enabledLabelFor(value) }, value) : /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setEnabledFilter(value), children: enabledLabelFor(value) }, value)) }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.FormSection, { title: labels.filterByReadOnly ?? "Modo de acesso", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: ["all", "readOnly", "writable"].map((value) => readOnlyFilter === value ? /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", size: "sm", color: "ios-glass-blue", onClick: () => setReadOnlyFilter(value), children: readOnlyLabelFor(value) }, value) : /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setReadOnlyFilter(value), children: readOnlyLabelFor(value) }, value)) }) })
               ] })
             }
           }
         ) : void 0,
         actions: /* @__PURE__ */ jsxRuntime.jsx(
-          chunkRWZ2PLMQ_js.CreateActionButton,
+          chunkKZDABEML_js.CreateActionButton,
           {
             mode: "desktop",
             label: labels.addDatasource,
@@ -1756,7 +1756,7 @@ function DatasourcesPageView({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkRWZ2PLMQ_js.CreateActionButton,
+      chunkKZDABEML_js.CreateActionButton,
       {
         mode: "mobile",
         label: labels.addDatasource,
@@ -1765,7 +1765,7 @@ function DatasourcesPageView({
       }
     ),
     isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
-      chunkRWZ2PLMQ_js.PageEmptyState,
+      chunkKZDABEML_js.PageEmptyState,
       {
         title: labels.emptyTitle,
         message: labels.emptyDescription,
@@ -1779,27 +1779,27 @@ function DatasourcesPageView({
       const logoSrc = getDialectLogoSrc(ds.dialect);
       const iconElement = logoSrc ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-11 w-11 items-center justify-center rounded-lg bg-white shadow-sm ring-1 ring-black/5 dark:bg-white/10 dark:ring-white/10", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: logoSrc, alt: dialectLabel, className: "h-7 w-7 object-contain" }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex h-11 w-11 items-center justify-center rounded-lg bg-gradient-to-br ${gradient} shadow-lg`, children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-6 w-6 text-white" }) });
       return /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.EntityCard,
+        chunkKZDABEML_js.EntityCard,
         {
           accentGradient: gradient,
           icon: iconElement,
           title: ds.name ?? ds.id,
           subtitle: dialectLabel,
-          status: /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Badge, { color: ds.enabled ? "emerald" : "zinc", children: ds.enabled ? labels.enabled : labels.disabled }),
-          footer: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-xs text-gray-400 dark:text-gray-500", children: [
+          status: /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Badge, { color: ds.enabled ? "emerald" : "zinc", children: ds.enabled ? labels.enabled : labels.disabled }),
+          footer: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-xs text-slate-400 dark:text-slate-500", children: [
             ds.readOnly && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-full bg-blue-100 px-2 py-0.5 text-[10px] font-semibold text-blue-700 dark:bg-blue-900/30 dark:text-blue-300", children: "Read-only" }),
             ds.timeoutMs && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
               ds.timeoutMs / 1e3,
               "s timeout"
             ] })
           ] }),
-          children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 text-xs text-gray-500 dark:text-gray-400", children: [
+          children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 text-xs text-slate-500 dark:text-slate-400", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
               labels.dialect,
               ": ",
               dialectLabel
             ] }),
-            ds.slug && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "truncate text-gray-400", children: [
+            ds.slug && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "truncate text-slate-400", children: [
               "/",
               ds.slug
             ] })
@@ -1809,7 +1809,7 @@ function DatasourcesPageView({
       );
     }) }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkVCL5LDS5_js.DatasourceModal,
+      chunkPADXORD2_js.DatasourceModal,
       {
         open: modalOpen,
         onClose: () => setModalOpen(false),
@@ -1838,7 +1838,7 @@ function AgentsIndexPageView({ labels }) {
   const filteredTiles = searchTerm.trim() ? allTiles.filter((tile) => tile.title.toLowerCase().includes(searchTerm.trim().toLowerCase())) : allTiles;
   const isEmpty = allTiles.length === 0;
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRWZ2PLMQ_js.HeroSection,
+    chunkKZDABEML_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.CpuChipIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -1846,7 +1846,7 @@ function AgentsIndexPageView({ labels }) {
       subtitle: labels.subtitle,
       gradient: "from-violet-500 to-indigo-700",
       toolbar: !isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.SearchBar,
+        chunkKZDABEML_js.SearchBar,
         {
           searchTerm,
           onSearchChange: setSearchTerm,
@@ -1859,7 +1859,7 @@ function AgentsIndexPageView({ labels }) {
   const content = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4", children: filteredTiles.map((tile) => {
     const Icon = tile.icon;
     return /* @__PURE__ */ jsxRuntime.jsx(Link, { href: tile.href, className: "block focus:outline-none", children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkRWZ2PLMQ_js.EntityCard,
+      chunkKZDABEML_js.EntityCard,
       {
         accentGradient: tile.gradient,
         icon: /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex h-11 w-11 items-center justify-center rounded-lg bg-gradient-to-br ${tile.gradient} shadow-lg`, children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-6 w-6 text-white" }) }),
@@ -1877,7 +1877,7 @@ function WorkflowsPageView({ labels, workflows, onCreate, onUpdateMeta, onPublis
   const selectedWorkflow = workflows[0] ?? null;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkRWZ2PLMQ_js.SectionHeader,
+      chunkKZDABEML_js.SectionHeader,
       {
         icon: /* @__PURE__ */ jsxRuntime.jsx(outline.RectangleStackIcon, { className: "h-5 w-5 text-white" }),
         title: labels.title,
@@ -1886,9 +1886,9 @@ function WorkflowsPageView({ labels, workflows, onCreate, onUpdateMeta, onPublis
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "liquid-surface rounded-2xl p-4 space-y-3", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.Text, { className: "font-semibold text-slate-900 dark:text-slate-100", children: labels.add }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.Text, { className: "font-semibold text-slate-900 dark:text-slate-100", children: labels.add }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.Form,
+        chunkKZDABEML_js.Form,
         {
           onSubmit: (event) => {
             event.preventDefault();
@@ -1899,32 +1899,32 @@ function WorkflowsPageView({ labels, workflows, onCreate, onUpdateMeta, onPublis
             onCreate({ name, description });
             event.currentTarget.reset();
           },
-          children: /* @__PURE__ */ jsxRuntime.jsxs(chunkRWZ2PLMQ_js.FormGrid, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.FormInput, { name: "name", label: labels.workflowName, placeholder: labels.workflowNamePlaceholder, required: true }),
-            /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.FormTextarea, { name: "description", label: labels.description, placeholder: labels.workflowDescriptionPlaceholder, rows: 3 }),
-            /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.FormActionsRow, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "submit", children: labels.create }) })
+          children: /* @__PURE__ */ jsxRuntime.jsxs(chunkKZDABEML_js.FormGrid, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.FormInput, { name: "name", label: labels.workflowName, placeholder: labels.workflowNamePlaceholder, required: true }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.FormTextarea, { name: "description", label: labels.description, placeholder: labels.workflowDescriptionPlaceholder, rows: 3 }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.FormActionsRow, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "submit", children: labels.create }) })
           ] })
         }
       )
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "liquid-surface rounded-2xl p-4 space-y-3", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.Text, { className: "font-semibold text-slate-900 dark:text-slate-100", children: labels.registry }),
-      /* @__PURE__ */ jsxRuntime.jsxs(chunkRWZ2PLMQ_js.Table, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.TableHead, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkRWZ2PLMQ_js.TableRow, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.TableHeader, { children: labels.name }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.TableHeader, { children: labels.description }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.TableHeader, { children: labels.version }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.TableHeader, { children: labels.status }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.TableHeader, { children: labels.actions })
+      /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.Text, { className: "font-semibold text-slate-900 dark:text-slate-100", children: labels.registry }),
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkKZDABEML_js.Table, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.TableHead, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkKZDABEML_js.TableRow, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.TableHeader, { children: labels.name }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.TableHeader, { children: labels.description }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.TableHeader, { children: labels.version }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.TableHeader, { children: labels.status }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.TableHeader, { children: labels.actions })
         ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.TableBody, { children: workflows.map((workflow) => /* @__PURE__ */ jsxRuntime.jsxs(chunkRWZ2PLMQ_js.TableRow, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.TableCell, { children: workflow.name }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.TableCell, { children: workflow.description }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.TableCell, { children: String(workflow.version) }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Badge, { children: workflow.isDraft ? labels.statusDraft : labels.statusPublished }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.TableBody, { children: workflows.map((workflow) => /* @__PURE__ */ jsxRuntime.jsxs(chunkKZDABEML_js.TableRow, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.TableCell, { children: workflow.name }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.TableCell, { children: workflow.description }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.TableCell, { children: String(workflow.version) }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Badge, { children: workflow.isDraft ? labels.statusDraft : labels.statusPublished }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkRWZ2PLMQ_js.Form,
+              chunkKZDABEML_js.Form,
               {
                 onSubmit: (event) => {
                   event.preventDefault();
@@ -1934,17 +1934,17 @@ function WorkflowsPageView({ labels, workflows, onCreate, onUpdateMeta, onPublis
                     description: workflow.description ?? ""
                   });
                 },
-                children: /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.InlineForm, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "submit", outline: true, children: labels.saveMeta }) })
+                children: /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.InlineForm, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "submit", outline: true, children: labels.saveMeta }) })
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", color: "sky", onClick: () => onPublish(workflow.id), children: labels.publish })
+            /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", color: "sky", onClick: () => onPublish(workflow.id), children: labels.publish })
           ] }) })
         ] }, workflow.id)) })
       ] })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "liquid-surface rounded-2xl p-4 space-y-3", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.Text, { className: "font-semibold text-slate-900 dark:text-slate-100", children: labels.workspace }),
-      selectedWorkflow ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-[680px] rounded-2xl border border-white/65 dark:border-white/12 overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(chunk7IAWXG43_js.WorkflowWorkspace, { graph: chunk3T2WGL47_js.adaptWorkflowGraphToUi(selectedWorkflow.graph) }) }) : /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.Text, { children: labels.empty })
+      /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.Text, { className: "font-semibold text-slate-900 dark:text-slate-100", children: labels.workspace }),
+      selectedWorkflow ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-[680px] rounded-2xl border border-white/65 dark:border-white/12 overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(chunkOQM252SM_js.WorkflowWorkspace, { graph: chunk3T2WGL47_js.adaptWorkflowGraphToUi(selectedWorkflow.graph) }) }) : /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.Text, { children: labels.empty })
     ] })
   ] });
 }
@@ -1994,7 +1994,7 @@ function WorkflowRunsPageView({ labels, runs, loading, onCancel, onReplay, onVie
   });
   const isEmpty = allRuns.length === 0;
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRWZ2PLMQ_js.HeroSection,
+    chunkKZDABEML_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.ClockIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -2002,7 +2002,7 @@ function WorkflowRunsPageView({ labels, runs, loading, onCancel, onReplay, onVie
       subtitle: labels.subtitle,
       gradient: "from-indigo-500 to-sky-700",
       toolbar: !isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.SearchBar,
+        chunkKZDABEML_js.SearchBar,
         {
           searchTerm,
           onSearchChange: setSearchTerm,
@@ -2016,7 +2016,7 @@ function WorkflowRunsPageView({ labels, runs, loading, onCancel, onReplay, onVie
             count: statusFilter !== "all" ? 1 : 0,
             onClear: statusFilter !== "all" ? () => setStatusFilter("all") : void 0,
             children: /* @__PURE__ */ jsxRuntime.jsx(
-              chunkRWZ2PLMQ_js.FormSelect,
+              chunkKZDABEML_js.FormSelect,
               {
                 name: "statusFilter",
                 label: labels.filterStatus,
@@ -2030,19 +2030,19 @@ function WorkflowRunsPageView({ labels, runs, loading, onCancel, onReplay, onVie
       ) : void 0
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.PageLoadingState, {}) : filteredRuns.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: filteredRuns.map((run) => /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkRWZ2PLMQ_js.EntityCard,
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.PageLoadingState, {}) : filteredRuns.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: filteredRuns.map((run) => /* @__PURE__ */ jsxRuntime.jsxs(
+    chunkKZDABEML_js.EntityCard,
     {
       accentGradient: "from-indigo-500 to-sky-700",
       icon: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-11 w-11 items-center justify-center rounded-lg bg-indigo-500/10 text-indigo-600 dark:bg-indigo-500/20 dark:text-indigo-400", children: /* @__PURE__ */ jsxRuntime.jsx(outline.ClockIcon, { className: "h-6 w-6" }) }),
       title: run.id.slice(0, 8),
       subtitle: `${labels.startedAt}: ${new Date(run.createdAt).toLocaleString()}`,
-      status: /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Badge, { color: BADGE_COLOR[run.status] ?? "zinc", children: statusLabelFor(run.status) }),
+      status: /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Badge, { color: BADGE_COLOR[run.status] ?? "zinc", children: statusLabelFor(run.status) }),
       footer: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
-        onView && /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", size: "sm", outline: true, onClick: () => onView(run), children: labels.view }),
-        onViewTimeline && labels.timeline && /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", size: "sm", outline: true, onClick: () => onViewTimeline(run), children: labels.timeline }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", size: "sm", outline: true, onClick: () => onReplay(run), children: labels.replay }),
-        run.status === "running" && /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", size: "sm", color: "rose", onClick: () => onCancel(run), children: labels.cancel })
+        onView && /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", size: "sm", outline: true, onClick: () => onView(run), children: labels.view }),
+        onViewTimeline && labels.timeline && /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", size: "sm", outline: true, onClick: () => onViewTimeline(run), children: labels.timeline }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", size: "sm", outline: true, onClick: () => onReplay(run), children: labels.replay }),
+        run.status === "running" && /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", size: "sm", color: "rose", onClick: () => onCancel(run), children: labels.cancel })
       ] }),
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "mt-1 grid grid-cols-2 gap-1 text-xs text-slate-500 dark:text-slate-400", children: [
@@ -2063,7 +2063,7 @@ function WorkflowRunsPageView({ labels, runs, loading, onCancel, onReplay, onVie
 }
 function RunTimelinePageView({ labels, entries, loading, runId }) {
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRWZ2PLMQ_js.HeroSection,
+    chunkKZDABEML_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.ClockIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -2075,19 +2075,19 @@ function RunTimelinePageView({ labels, entries, loading, runId }) {
   if (loading) {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
       hero,
-      /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.PageLoadingState, {})
+      /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.PageLoadingState, {})
     ] });
   }
   if (entries.length === 0) {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
       hero,
-      /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.PageEmptyState, { title: labels.empty ?? "", message: "", iconName: "folder-open" })
+      /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.PageEmptyState, { title: labels.empty ?? "", message: "", iconName: "folder-open" })
     ] });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     hero,
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkUPWJRCAD_js.ExecutionTimelinePanel,
+      chunkKRS2CLPR_js.ExecutionTimelinePanel,
       {
         entries,
         labels
@@ -2230,7 +2230,7 @@ function ConnectionsPageView({
     setSelectedRegions([]);
   };
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRWZ2PLMQ_js.HeroSection,
+    chunkKZDABEML_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.LinkIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -2238,7 +2238,7 @@ function ConnectionsPageView({
       subtitle: labels.subtitle,
       gradient: "from-sky-500 to-indigo-600",
       toolbar: !isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.SearchBar,
+        chunkKZDABEML_js.SearchBar,
         {
           searchTerm,
           onSearchChange: setSearchTerm,
@@ -2255,8 +2255,8 @@ function ConnectionsPageView({
             count: filterCount,
             onClear: filterCount > 0 ? clearAllFilters : void 0,
             children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-5", children: [
-              providerChipItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.FormSection, { title: labels.filterByProvider ?? "Provedor", children: /* @__PURE__ */ jsxRuntime.jsx(
-                chunkRWZ2PLMQ_js.ChipPicker,
+              providerChipItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.FormSection, { title: labels.filterByProvider ?? "Provedor", children: /* @__PURE__ */ jsxRuntime.jsx(
+                chunkKZDABEML_js.ChipPicker,
                 {
                   items: providerChipItems,
                   selectedIds: selectedProviders,
@@ -2266,8 +2266,8 @@ function ConnectionsPageView({
                   clearLabel: labels.clear ?? "Limpar"
                 }
               ) }),
-              regionChipItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.FormSection, { title: labels.filterByRegion ?? "Regi\xE3o", children: /* @__PURE__ */ jsxRuntime.jsx(
-                chunkRWZ2PLMQ_js.ChipPicker,
+              regionChipItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.FormSection, { title: labels.filterByRegion ?? "Regi\xE3o", children: /* @__PURE__ */ jsxRuntime.jsx(
+                chunkKZDABEML_js.ChipPicker,
                 {
                   items: regionChipItems,
                   selectedIds: selectedRegions,
@@ -2282,7 +2282,7 @@ function ConnectionsPageView({
         }
       ) : void 0,
       actions: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.CreateActionButton,
+        chunkKZDABEML_js.CreateActionButton,
         {
           mode: "desktop",
           label: labels.add,
@@ -2293,7 +2293,7 @@ function ConnectionsPageView({
     }
   );
   const mobileAction = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRWZ2PLMQ_js.CreateActionButton,
+    chunkKZDABEML_js.CreateActionButton,
     {
       mode: "mobile",
       label: labels.add,
@@ -2301,21 +2301,21 @@ function ConnectionsPageView({
       accent: "sky"
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: filteredConnections.map((conn) => /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRWZ2PLMQ_js.EntityCard,
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: filteredConnections.map((conn) => /* @__PURE__ */ jsxRuntime.jsx(
+    chunkKZDABEML_js.EntityCard,
     {
       accentGradient: "from-sky-500 to-indigo-600",
       icon: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-11 w-11 items-center justify-center rounded-lg bg-sky-500/10 text-sky-600 dark:bg-sky-500/20 dark:text-sky-400", children: /* @__PURE__ */ jsxRuntime.jsx(outline.LinkIcon, { className: "h-6 w-6" }) }),
       title: conn.name,
       subtitle: providerLabel(conn.providerSlug),
       status: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Badge, { color: conn.enabled ? "emerald" : "zinc", children: conn.enabled ? labels.enable : labels.disable }),
-        conn.credentialRef ? /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Badge, { color: "indigo", children: "Secret set" }) : /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Badge, { color: "amber", children: "No secret" })
+        /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Badge, { color: conn.enabled ? "emerald" : "zinc", children: conn.enabled ? labels.enable : labels.disable }),
+        conn.credentialRef ? /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Badge, { color: "indigo", children: "Secret set" }) : /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Badge, { color: "amber", children: "No secret" })
       ] }),
       footer: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setEditing(conn), children: labels.edit }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setEditing(conn), children: labels.edit }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkEBARYRSA_js.Button,
+          chunkMXQ2EYG2_js.Button,
           {
             type: "button",
             size: "sm",
@@ -2454,7 +2454,7 @@ function ConnectionEditor({
     return preset.exampleModels?.join(", ") ?? "";
   }, [preset]);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRWZ2PLMQ_js.GlassModal,
+    chunkKZDABEML_js.GlassModal,
     {
       open: true,
       onClose,
@@ -2467,9 +2467,9 @@ function ConnectionEditor({
         void handleSubmit();
       },
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(chunkRWZ2PLMQ_js.FormGrid, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkKZDABEML_js.FormGrid, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkRWZ2PLMQ_js.FormSelect,
+            chunkKZDABEML_js.FormSelect,
             {
               label: "Provider",
               value: value.providerSlug,
@@ -2480,7 +2480,7 @@ function ConnectionEditor({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkRWZ2PLMQ_js.FormInput,
+            chunkKZDABEML_js.FormInput,
             {
               label: "Display name",
               required: true,
@@ -2490,7 +2490,7 @@ function ConnectionEditor({
             }
           ),
           preset.needsRegion && /* @__PURE__ */ jsxRuntime.jsx(
-            chunkRWZ2PLMQ_js.FormInput,
+            chunkKZDABEML_js.FormInput,
             {
               label: "Region",
               value: value.region,
@@ -2499,7 +2499,7 @@ function ConnectionEditor({
             }
           ),
           preset.needsEndpoint && /* @__PURE__ */ jsxRuntime.jsx(
-            chunkRWZ2PLMQ_js.FormInput,
+            chunkKZDABEML_js.FormInput,
             {
               label: "Endpoint URL",
               value: value.endpoint,
@@ -2509,7 +2509,7 @@ function ConnectionEditor({
           )
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkRWZ2PLMQ_js.FormInput,
+          chunkKZDABEML_js.FormInput,
           {
             label: value.credentialRef ? "Rotate API key (leave blank to keep current)" : "API key",
             type: "password",
@@ -2520,7 +2520,7 @@ function ConnectionEditor({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkRWZ2PLMQ_js.FormInput,
+          chunkKZDABEML_js.FormInput,
           {
             label: "Model filter (comma-separated, optional)",
             value: value.modelFilter,
@@ -2532,7 +2532,7 @@ function ConnectionEditor({
         /* @__PURE__ */ jsxRuntime.jsxs("details", { className: "rounded-xl border border-slate-200 bg-slate-50/60 p-3 text-sm dark:border-slate-700 dark:bg-slate-900/40", children: [
           /* @__PURE__ */ jsxRuntime.jsx("summary", { className: "cursor-pointer font-medium text-slate-700 dark:text-slate-200", children: "Advanced config (JSON)" }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3", children: /* @__PURE__ */ jsxRuntime.jsx(
-            chunkRWZ2PLMQ_js.FormTextarea,
+            chunkKZDABEML_js.FormTextarea,
             {
               rows: 4,
               value: value.configJson,
@@ -2653,7 +2653,7 @@ function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate,
     setDisabledFilter("all");
   };
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRWZ2PLMQ_js.HeroSection,
+    chunkKZDABEML_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.KeyIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -2661,7 +2661,7 @@ function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate,
       subtitle: labels.subtitle,
       gradient: "from-rose-500 to-orange-600",
       toolbar: !isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.SearchBar,
+        chunkKZDABEML_js.SearchBar,
         {
           searchTerm,
           onSearchChange: setSearchTerm,
@@ -2678,8 +2678,8 @@ function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate,
             count: filterCount,
             onClear: filterCount > 0 ? clearAllFilters : void 0,
             children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-5", children: [
-              typeChipItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.FormSection, { title: labels.filterByType ?? "Tipo", children: /* @__PURE__ */ jsxRuntime.jsx(
-                chunkRWZ2PLMQ_js.ChipPicker,
+              typeChipItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.FormSection, { title: labels.filterByType ?? "Tipo", children: /* @__PURE__ */ jsxRuntime.jsx(
+                chunkKZDABEML_js.ChipPicker,
                 {
                   items: typeChipItems,
                   selectedIds: selectedTypes,
@@ -2689,13 +2689,13 @@ function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate,
                   clearLabel: labels.clear ?? "Limpar"
                 }
               ) }),
-              /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.FormSection, { title: labels.filterByStatus ?? "Status", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: ["all", "active", "disabled"].map((value) => disabledFilter === value ? /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", size: "sm", color: "ios-glass-blue", onClick: () => setDisabledFilter(value), children: statusLabelFor(value) }, value) : /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setDisabledFilter(value), children: statusLabelFor(value) }, value)) }) })
+              /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.FormSection, { title: labels.filterByStatus ?? "Status", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: ["all", "active", "disabled"].map((value) => disabledFilter === value ? /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", size: "sm", color: "ios-glass-blue", onClick: () => setDisabledFilter(value), children: statusLabelFor(value) }, value) : /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setDisabledFilter(value), children: statusLabelFor(value) }, value)) }) })
             ] })
           }
         }
       ) : void 0,
       actions: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.CreateActionButton,
+        chunkKZDABEML_js.CreateActionButton,
         {
           mode: "desktop",
           label: labels.addCredential,
@@ -2706,7 +2706,7 @@ function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate,
     }
   );
   const mobileAction = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRWZ2PLMQ_js.CreateActionButton,
+    chunkKZDABEML_js.CreateActionButton,
     {
       mode: "mobile",
       label: labels.addCredential,
@@ -2714,23 +2714,23 @@ function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate,
       accent: "rose"
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: filteredCredentials.map((secret) => /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkRWZ2PLMQ_js.EntityCard,
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: filteredCredentials.map((secret) => /* @__PURE__ */ jsxRuntime.jsxs(
+    chunkKZDABEML_js.EntityCard,
     {
       accentGradient: "from-rose-500 to-orange-700",
       icon: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-11 w-11 items-center justify-center rounded-lg bg-rose-500/10 text-rose-600 dark:bg-rose-500/20 dark:text-rose-400", children: /* @__PURE__ */ jsxRuntime.jsx(outline.KeyIcon, { className: "h-6 w-6" }) }),
       title: secret.name,
       subtitle: secret.secretType,
-      status: /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Badge, { color: secret.disabled ? "zinc" : "emerald", children: secret.disabled ? labels.disable : "Active" }),
+      status: /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Badge, { color: secret.disabled ? "zinc" : "emerald", children: secret.disabled ? labels.disable : "Active" }),
       footer: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.CopyableId, { id: secret.secretId }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.CopyableId, { id: secret.secretId }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(chunkEBARYRSA_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setRotateFor(secret), children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(chunkMXQ2EYG2_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setRotateFor(secret), children: [
             /* @__PURE__ */ jsxRuntime.jsx(outline.ArrowPathIcon, { className: "mr-1 h-3.5 w-3.5" }),
             labels.rotate
           ] }),
           !secret.disabled && /* @__PURE__ */ jsxRuntime.jsxs(
-            chunkEBARYRSA_js.Button,
+            chunkMXQ2EYG2_js.Button,
             {
               type: "button",
               size: "sm",
@@ -2765,7 +2765,7 @@ function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate,
       mobileAction
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkRWZ2PLMQ_js.GlassModal,
+      chunkKZDABEML_js.GlassModal,
       {
         open: createOpen,
         onClose: () => setCreateOpen(false),
@@ -2783,16 +2783,16 @@ function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate,
           onCreate({ name, value, secretType, description });
           setCreateOpen(false);
         },
-        children: /* @__PURE__ */ jsxRuntime.jsxs(chunkRWZ2PLMQ_js.FormGrid, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.FormInput, { name: "name", label: labels.name, placeholder: labels.namePlaceholder, required: true }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.FormSelect, { name: "secretType", label: labels.type, options: typeOptions, defaultValue: "generic" }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.FormInput, { name: "value", label: labels.value, placeholder: labels.valuePlaceholder, required: true, type: "password" }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.FormTextarea, { name: "description", label: labels.description, placeholder: labels.descriptionPlaceholder, rows: 2 })
+        children: /* @__PURE__ */ jsxRuntime.jsxs(chunkKZDABEML_js.FormGrid, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.FormInput, { name: "name", label: labels.name, placeholder: labels.namePlaceholder, required: true }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.FormSelect, { name: "secretType", label: labels.type, options: typeOptions, defaultValue: "generic" }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.FormInput, { name: "value", label: labels.value, placeholder: labels.valuePlaceholder, required: true, type: "password" }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.FormTextarea, { name: "description", label: labels.description, placeholder: labels.descriptionPlaceholder, rows: 2 })
         ] })
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkRWZ2PLMQ_js.GlassModal,
+      chunkKZDABEML_js.GlassModal,
       {
         open: rotateFor !== null,
         onClose: () => setRotateFor(null),
@@ -2807,7 +2807,7 @@ function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate,
           onRotate(rotateFor, value);
           setRotateFor(null);
         },
-        children: /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.FormGrid, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.FormInput, { name: "value", label: labels.value, placeholder: labels.valuePlaceholder, required: true, type: "password" }) })
+        children: /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.FormGrid, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.FormInput, { name: "value", label: labels.value, placeholder: labels.valuePlaceholder, required: true, type: "password" }) })
       }
     )
   ] });
@@ -2860,7 +2860,7 @@ function AgentsWorkspacePageView({
   }, [agents, selectedId]);
   const isEmpty = agents.length === 0;
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRWZ2PLMQ_js.HeroSection,
+    chunkKZDABEML_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.CpuChipIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -2868,7 +2868,7 @@ function AgentsWorkspacePageView({
       subtitle: labels.subtitle,
       gradient: "from-violet-500 to-indigo-700",
       toolbar: !isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.SearchBar,
+        chunkKZDABEML_js.SearchBar,
         {
           searchTerm,
           onSearchChange: setSearchTerm,
@@ -2877,7 +2877,7 @@ function AgentsWorkspacePageView({
         }
       ) : void 0,
       actions: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.CreateActionButton,
+        chunkKZDABEML_js.CreateActionButton,
         {
           mode: "desktop",
           label: labels.addAgent,
@@ -2888,7 +2888,7 @@ function AgentsWorkspacePageView({
     }
   );
   const mobileAction = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRWZ2PLMQ_js.CreateActionButton,
+    chunkKZDABEML_js.CreateActionButton,
     {
       mode: "mobile",
       label: labels.addAgent,
@@ -2896,27 +2896,27 @@ function AgentsWorkspacePageView({
       accent: "violet"
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRWZ2PLMQ_js.PageEmptyState,
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
+    chunkKZDABEML_js.PageEmptyState,
     {
       title: labels.empty,
       message: labels.emptyMessage,
       iconName: "folder-open"
     }
   ) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-4 lg:grid-cols-[20rem_minmax(0,1fr)]", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:sticky lg:top-4", children: /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.ListCard, { variant: "glass", children: filteredAgents.map((agent) => {
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:sticky lg:top-4", children: /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.ListCard, { variant: "glass", children: filteredAgents.map((agent) => {
       const id = String(agent.agentId ?? agent.id ?? "");
       const active = id === selectedId;
       const initials = deriveInitials(String(agent.name ?? id));
       const modelName = models.find((m) => m.id === String(agent.modelId ?? ""))?.name ?? String(agent.modelId ?? "");
       return /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.ListCardItem,
+        chunkKZDABEML_js.ListCardItem,
         {
-          leading: /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.Avatar, { tone: active ? "violet" : "slate", initials }),
-          trailing: agent.activePromptVersion > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(chunkEBARYRSA_js.Badge, { color: "emerald", children: [
+          leading: /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.Avatar, { tone: active ? "violet" : "slate", initials }),
+          trailing: agent.activePromptVersion > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(chunkMXQ2EYG2_js.Badge, { color: "emerald", children: [
             "v",
             agent.activePromptVersion
-          ] }) : /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Badge, { color: "zinc", children: "draft" }),
+          ] }) : /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Badge, { color: "zinc", children: "draft" }),
           pressable: true,
           onPress: () => {
             setSelectedId(id);
@@ -2954,7 +2954,7 @@ function AgentsWorkspacePageView({
       },
       String(selectedAgent.agentId ?? selectedAgent.id ?? "")
     ) : /* @__PURE__ */ jsxRuntime.jsx(
-      chunkRWZ2PLMQ_js.SectionCard,
+      chunkKZDABEML_js.SectionCard,
       {
         header: {
           icon: /* @__PURE__ */ jsxRuntime.jsx(outline.CpuChipIcon, { className: "h-4 w-4" }),
@@ -2962,7 +2962,7 @@ function AgentsWorkspacePageView({
           subtitle: labels.noSelectionMessage
         },
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          chunkRWZ2PLMQ_js.PageEmptyState,
+          chunkKZDABEML_js.PageEmptyState,
           {
             title: labels.noSelection,
             message: labels.noSelectionMessage,
@@ -2996,7 +2996,7 @@ function AgentDetail({
 }) {
   const agentId = String(agent.agentId ?? agent.id ?? "");
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRWZ2PLMQ_js.SectionCard,
+    chunkKZDABEML_js.SectionCard,
     {
       header: {
         icon: /* @__PURE__ */ jsxRuntime.jsx(outline.CpuChipIcon, { className: "h-4 w-4" }),
@@ -3004,7 +3004,7 @@ function AgentDetail({
         subtitle: String(agent.description ?? "")
       },
       actions: /* @__PURE__ */ jsxRuntime.jsxs(
-        chunkEBARYRSA_js.Button,
+        chunkMXQ2EYG2_js.Button,
         {
           type: "button",
           size: "sm",
@@ -3021,15 +3021,15 @@ function AgentDetail({
           ]
         }
       ),
-      children: /* @__PURE__ */ jsxRuntime.jsxs(chunkRWZ2PLMQ_js.Tabs, { defaultValue: "general", className: "w-full", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(chunkRWZ2PLMQ_js.TabsList, { className: "bg-white/40 dark:bg-white/[0.06]", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.TabsTrigger, { value: "general", children: labels.generalTab }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.TabsTrigger, { value: "prompt", children: labels.promptTab }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.TabsTrigger, { value: "tools", children: labels.toolsTab }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.TabsTrigger, { value: "model", children: labels.modelTab })
+      children: /* @__PURE__ */ jsxRuntime.jsxs(chunkKZDABEML_js.Tabs, { defaultValue: "general", className: "w-full", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkKZDABEML_js.TabsList, { className: "bg-white/40 dark:bg-white/[0.06]", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.TabsTrigger, { value: "general", children: labels.generalTab }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.TabsTrigger, { value: "prompt", children: labels.promptTab }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.TabsTrigger, { value: "tools", children: labels.toolsTab }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.TabsTrigger, { value: "model", children: labels.modelTab })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.TabsContent, { value: "general", className: "space-y-4 pt-4", children: /* @__PURE__ */ jsxRuntime.jsx(GeneralTab, { agent, labels, onSubmit: (input) => onUpdateAgent(agentId, input) }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.TabsContent, { value: "prompt", className: "space-y-4 pt-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.TabsContent, { value: "general", className: "space-y-4 pt-4", children: /* @__PURE__ */ jsxRuntime.jsx(GeneralTab, { agent, labels, onSubmit: (input) => onUpdateAgent(agentId, input) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.TabsContent, { value: "prompt", className: "space-y-4 pt-4", children: /* @__PURE__ */ jsxRuntime.jsx(
           PromptTab,
           {
             agent,
@@ -3039,7 +3039,7 @@ function AgentDetail({
             onActivate: (promptId) => onActivatePrompt(agentId, promptId)
           }
         ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.TabsContent, { value: "tools", className: "space-y-4 pt-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.TabsContent, { value: "tools", className: "space-y-4 pt-4", children: /* @__PURE__ */ jsxRuntime.jsx(
           ToolsTab,
           {
             agent,
@@ -3049,7 +3049,7 @@ function AgentDetail({
             onDetach: (toolId) => onDetachTool(agentId, toolId)
           }
         ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.TabsContent, { value: "model", className: "space-y-4 pt-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.TabsContent, { value: "model", className: "space-y-4 pt-4", children: /* @__PURE__ */ jsxRuntime.jsx(
           ModelTab,
           {
             agent,
@@ -3081,7 +3081,7 @@ function GeneralTab({
   const initialRole = String(agent.role ?? "");
   const initialStatus = String(agent.status ?? "draft");
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRWZ2PLMQ_js.SectionCard,
+    chunkKZDABEML_js.SectionCard,
     {
       variant: "glass",
       header: {
@@ -3110,10 +3110,10 @@ function GeneralTab({
           },
           className: "space-y-4",
           children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(chunkRWZ2PLMQ_js.FormGrid, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.FormInput, { name: "name", label: labels.name, defaultValue: initial.name, required: true }),
+            /* @__PURE__ */ jsxRuntime.jsxs(chunkKZDABEML_js.FormGrid, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.FormInput, { name: "name", label: labels.name, defaultValue: initial.name, required: true }),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkRWZ2PLMQ_js.FormSelect,
+                chunkKZDABEML_js.FormSelect,
                 {
                   name: "status",
                   label: labels.status,
@@ -3125,9 +3125,9 @@ function GeneralTab({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.FormInput, { name: "role", label: labels.role, placeholder: labels.rolePlaceholder, defaultValue: initialRole }),
+              /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.FormInput, { name: "role", label: labels.role, placeholder: labels.rolePlaceholder, defaultValue: initialRole }),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkRWZ2PLMQ_js.FormInput,
+                chunkKZDABEML_js.FormInput,
                 {
                   name: "maxTokens",
                   label: labels.maxTokens,
@@ -3136,7 +3136,7 @@ function GeneralTab({
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkRWZ2PLMQ_js.FormInput,
+                chunkKZDABEML_js.FormInput,
                 {
                   name: "temperature",
                   label: labels.temperature,
@@ -3148,8 +3148,8 @@ function GeneralTab({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.FormTextarea, { name: "description", label: labels.description, defaultValue: initialDescription, rows: 3 }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "submit", color: "indigo", disabled: submitting, children: submitting ? labels.saving : labels.save }) })
+            /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.FormTextarea, { name: "description", label: labels.description, defaultValue: initialDescription, rows: 3 }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "submit", color: "indigo", disabled: submitting, children: submitting ? labels.saving : labels.save }) })
           ]
         }
       )
@@ -3168,7 +3168,7 @@ function PromptTab({
   const currentSystem = String(agent.systemPrompt ?? "");
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkRWZ2PLMQ_js.SectionCard,
+      chunkKZDABEML_js.SectionCard,
       {
         variant: "glass",
         header: {
@@ -3180,27 +3180,27 @@ function PromptTab({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkRWZ2PLMQ_js.SectionCard,
+      chunkKZDABEML_js.SectionCard,
       {
         variant: "glass",
         header: {
           icon: /* @__PURE__ */ jsxRuntime.jsx(outline.ChatBubbleLeftEllipsisIcon, { className: "h-4 w-4" }),
           title: labels.promptVersions
         },
-        actions: /* @__PURE__ */ jsxRuntime.jsxs(chunkEBARYRSA_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setAddOpen(true), children: [
+        actions: /* @__PURE__ */ jsxRuntime.jsxs(chunkMXQ2EYG2_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setAddOpen(true), children: [
           /* @__PURE__ */ jsxRuntime.jsx(outline.PlusIcon, { className: "h-4 w-4" }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1.5", children: labels.addPrompt })
         ] }),
-        children: prompts.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-slate-500 dark:text-slate-400", children: labels.promptVersionsEmpty }) : /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.ListCard, { children: prompts.map((prompt) => {
+        children: prompts.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-slate-500 dark:text-slate-400", children: labels.promptVersionsEmpty }) : /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.ListCard, { children: prompts.map((prompt) => {
           const id = `${prompt.agentId}:${prompt.locale}:${prompt.version}`;
           return /* @__PURE__ */ jsxRuntime.jsxs(
-            chunkRWZ2PLMQ_js.ListCardItem,
+            chunkKZDABEML_js.ListCardItem,
             {
-              leading: /* @__PURE__ */ jsxRuntime.jsxs(chunkEBARYRSA_js.Badge, { color: prompt.isActive ? "emerald" : "zinc", children: [
+              leading: /* @__PURE__ */ jsxRuntime.jsxs(chunkMXQ2EYG2_js.Badge, { color: prompt.isActive ? "emerald" : "zinc", children: [
                 "v",
                 prompt.version
               ] }),
-              trailing: prompt.isActive ? /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Badge, { color: "emerald", children: labels.activated }) : /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", size: "sm", outline: true, onClick: () => onActivate(id), children: labels.activate }),
+              trailing: prompt.isActive ? /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Badge, { color: "emerald", children: labels.activated }) : /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", size: "sm", outline: true, onClick: () => onActivate(id), children: labels.activate }),
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-slate-700 dark:text-slate-200", children: prompt.locale }),
                 prompt.prompt && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 line-clamp-2 text-xs text-slate-500 dark:text-slate-400", children: prompt.prompt })
@@ -3212,7 +3212,7 @@ function PromptTab({
       }
     ),
     addOpen && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkRWZ2PLMQ_js.GlassModal,
+      chunkKZDABEML_js.GlassModal,
       {
         open: true,
         onClose: () => setAddOpen(false),
@@ -3233,10 +3233,10 @@ function PromptTab({
           });
           setAddOpen(false);
         },
-        children: /* @__PURE__ */ jsxRuntime.jsxs(chunkRWZ2PLMQ_js.FormGrid, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.FormSelect, { name: "locale", label: labels.promptLocale, options: LOCALE_OPTIONS2, defaultValue: "en" }),
+        children: /* @__PURE__ */ jsxRuntime.jsxs(chunkKZDABEML_js.FormGrid, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.FormSelect, { name: "locale", label: labels.promptLocale, options: LOCALE_OPTIONS2, defaultValue: "en" }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkRWZ2PLMQ_js.FormSelect,
+            chunkKZDABEML_js.FormSelect,
             {
               name: "isActive",
               label: labels.promptIsActive,
@@ -3247,10 +3247,10 @@ function PromptTab({
               defaultValue: "true"
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.FormInput, { name: "reason", label: labels.promptReason }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.FormTextarea, { name: "systemPrompt", label: labels.promptSystemPrompt, rows: 3 }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.FormTextarea, { name: "userTemplate", label: labels.promptUserTemplate, rows: 3 }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.FormTextarea, { name: "prompt", label: labels.promptText, rows: 6, required: true })
+          /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.FormInput, { name: "reason", label: labels.promptReason }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.FormTextarea, { name: "systemPrompt", label: labels.promptSystemPrompt, rows: 3 }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.FormTextarea, { name: "userTemplate", label: labels.promptUserTemplate, rows: 3 }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.FormTextarea, { name: "prompt", label: labels.promptText, rows: 6, required: true })
         ] })
       }
     )
@@ -3273,18 +3273,18 @@ function ToolsTab({
   const availableTools = tools.filter((tool) => !attachedSet.has(tool.agentToolId));
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkRWZ2PLMQ_js.SectionCard,
+      chunkKZDABEML_js.SectionCard,
       {
         variant: "glass",
         header: {
           icon: /* @__PURE__ */ jsxRuntime.jsx(outline.WrenchScrewdriverIcon, { className: "h-4 w-4" }),
           title: labels.toolsAttached
         },
-        children: attachedTools.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-slate-500 dark:text-slate-400", children: labels.toolsEmpty }) : /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.ListCard, { children: attachedTools.map((tool) => /* @__PURE__ */ jsxRuntime.jsxs(
-          chunkRWZ2PLMQ_js.ListCardItem,
+        children: attachedTools.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-slate-500 dark:text-slate-400", children: labels.toolsEmpty }) : /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.ListCard, { children: attachedTools.map((tool) => /* @__PURE__ */ jsxRuntime.jsxs(
+          chunkKZDABEML_js.ListCardItem,
           {
             leading: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-9 w-9 items-center justify-center rounded-lg bg-amber-500/10 text-amber-600 dark:bg-amber-500/20 dark:text-amber-400", children: /* @__PURE__ */ jsxRuntime.jsx(outline.WrenchScrewdriverIcon, { className: "h-5 w-5" }) }),
-            trailing: /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", size: "sm", outline: true, onClick: () => onDetach(tool.agentToolId), children: labels.detachTool }),
+            trailing: /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", size: "sm", outline: true, onClick: () => onDetach(tool.agentToolId), children: labels.detachTool }),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-slate-700 dark:text-slate-200", children: tool.name }),
               tool.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 line-clamp-1 text-xs text-slate-500 dark:text-slate-400", children: tool.description })
@@ -3295,18 +3295,18 @@ function ToolsTab({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkRWZ2PLMQ_js.SectionCard,
+      chunkKZDABEML_js.SectionCard,
       {
         variant: "glass",
         header: {
           icon: /* @__PURE__ */ jsxRuntime.jsx(outline.WrenchScrewdriverIcon, { className: "h-4 w-4" }),
           title: labels.toolsAvailable
         },
-        children: availableTools.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-slate-500 dark:text-slate-400", children: labels.toolsEmpty }) : /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.ListCard, { children: availableTools.map((tool) => /* @__PURE__ */ jsxRuntime.jsxs(
-          chunkRWZ2PLMQ_js.ListCardItem,
+        children: availableTools.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-slate-500 dark:text-slate-400", children: labels.toolsEmpty }) : /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.ListCard, { children: availableTools.map((tool) => /* @__PURE__ */ jsxRuntime.jsxs(
+          chunkKZDABEML_js.ListCardItem,
           {
             leading: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-9 w-9 items-center justify-center rounded-lg bg-slate-500/10 text-slate-600 dark:bg-slate-500/20 dark:text-slate-300", children: /* @__PURE__ */ jsxRuntime.jsx(outline.WrenchScrewdriverIcon, { className: "h-5 w-5" }) }),
-            trailing: /* @__PURE__ */ jsxRuntime.jsxs(chunkEBARYRSA_js.Button, { type: "button", size: "sm", color: "indigo", onClick: () => onAttach(tool.agentToolId), children: [
+            trailing: /* @__PURE__ */ jsxRuntime.jsxs(chunkMXQ2EYG2_js.Button, { type: "button", size: "sm", color: "indigo", onClick: () => onAttach(tool.agentToolId), children: [
               /* @__PURE__ */ jsxRuntime.jsx(outline.PlusIcon, { className: "h-4 w-4" }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1.5", children: labels.attachTool })
             ] }),
@@ -3344,7 +3344,7 @@ function ModelTab({
     return matches.length > 0 ? matches : connections;
   }, [selectedModel, connections]);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRWZ2PLMQ_js.SectionCard,
+    chunkKZDABEML_js.SectionCard,
     {
       variant: "glass",
       header: {
@@ -3365,9 +3365,9 @@ function ModelTab({
           },
           className: "space-y-4",
           children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(chunkRWZ2PLMQ_js.FormGrid, { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(chunkKZDABEML_js.FormGrid, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkRWZ2PLMQ_js.FormSelect,
+                chunkKZDABEML_js.FormSelect,
                 {
                   label: labels.model,
                   value: modelId,
@@ -3376,7 +3376,7 @@ function ModelTab({
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkRWZ2PLMQ_js.FormSelect,
+                chunkKZDABEML_js.FormSelect,
                 {
                   label: labels.connection,
                   value: connectionId,
@@ -3389,7 +3389,7 @@ function ModelTab({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "submit", color: "indigo", disabled: submitting || !modelId, children: submitting ? labels.saving : labels.save }) })
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "submit", color: "indigo", disabled: submitting || !modelId, children: submitting ? labels.saving : labels.save }) })
           ]
         }
       )
@@ -3664,9 +3664,8 @@ function AgentNewWizardPageView({
       setSubmitting(false);
     }
   }
-  const counter = labels.wizardStepCounter.replace("{current}", String(step)).replace("{total}", String(TOTAL_STEPS));
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRWZ2PLMQ_js.HeroSection,
+    chunkKZDABEML_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(
         "div",
@@ -3676,12 +3675,21 @@ function AgentNewWizardPageView({
           children: emoji
         }
       ),
-      label: counter,
-      title: labels.pageTitle,
+      label: labels.pageTitle,
+      title: stepTitles[step - 1],
       subtitle: stepSubtitles[step - 1],
       gradient: activePreset.accent,
+      actions: /* @__PURE__ */ jsxRuntime.jsx(
+        chunkMXQ2EYG2_js.IconButton,
+        {
+          label: labels.wizardCancel,
+          icon: /* @__PURE__ */ jsxRuntime.jsx(outline.XMarkIcon, { className: "h-5 w-5" }),
+          variant: "ghost",
+          onClick: cancelWithConfirm
+        }
+      ),
       children: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.StepIndicator,
+        chunkKZDABEML_js.StepIndicator,
         {
           accent: "indigo",
           currentStep: step - 1,
@@ -3694,432 +3702,326 @@ function AgentNewWizardPageView({
   );
   function renderStep1() {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkRWZ2PLMQ_js.SectionCard,
+      "div",
       {
-        variant: "glass",
-        header: {
-          title: labels.presetTitle,
-          subtitle: labels.presetSubtitle
-        },
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            role: "radiogroup",
-            "aria-label": labels.presetTitle,
-            className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3",
-            children: AGENT_PRESETS.map((preset) => {
-              const selected = preset.id === presetId;
-              return /* @__PURE__ */ jsxRuntime.jsx(
-                chunkRWZ2PLMQ_js.FilterTileButton,
-                {
-                  isActive: selected,
-                  color: preset.tileColor,
-                  icon: /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "text-base leading-none", children: preset.emoji }),
-                  label: preset.id === "custom" ? labels.presetCustom : preset.name,
-                  count: preset.role || labels.presetCustomHint,
-                  onClick: () => applyPreset(preset)
-                },
-                preset.id
-              );
-            })
-          }
-        )
+        role: "radiogroup",
+        "aria-label": labels.presetTitle,
+        className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3",
+        children: AGENT_PRESETS.map((preset) => {
+          const selected = preset.id === presetId;
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            chunkKZDABEML_js.FilterTileButton,
+            {
+              isActive: selected,
+              color: preset.tileColor,
+              icon: /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "text-base leading-none", children: preset.emoji }),
+              label: preset.id === "custom" ? labels.presetCustom : preset.name,
+              count: preset.role || labels.presetCustomHint,
+              onClick: () => applyPreset(preset)
+            },
+            preset.id
+          );
+        })
       }
     );
   }
   function renderStep2() {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkRWZ2PLMQ_js.SectionCard,
-      {
-        variant: "glass",
-        header: {
-          title: labels.identitySection,
-          subtitle: labels.identitySubtitle
-        },
-        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mb-2 block text-xs font-semibold uppercase tracking-wider text-slate-600 dark:text-slate-400", children: labels.avatarLabel }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1.5", children: EMOJI_PALETTE.map((e) => /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
-              {
-                type: "button",
-                onClick: () => {
-                  setEmoji(e);
-                  markTouched();
-                },
-                "aria-pressed": emoji === e,
-                className: [
-                  "flex h-9 w-9 items-center justify-center rounded-lg text-base transition-all",
-                  emoji === e ? `bg-gradient-to-br ${activePreset.accent} shadow-sm ring-2 ring-indigo-500/70 ring-offset-1 ring-offset-transparent` : "liquid-surface hover:border-indigo-400/40 focus-visible:ring-2 focus-visible:ring-indigo-500/70 focus-visible:ring-offset-1"
-                ].join(" "),
-                children: e
-              },
-              e
-            )) })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs(chunkRWZ2PLMQ_js.FormGrid, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              chunkRWZ2PLMQ_js.FormInput,
-              {
-                label: labels.name,
-                value: name,
-                onValueChange: (v) => {
-                  setName(v);
-                  markTouched();
-                },
-                required: true,
-                placeholder: labels.namePlaceholder
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              chunkRWZ2PLMQ_js.FormInput,
-              {
-                label: labels.role,
-                value: role,
-                onValueChange: (v) => {
-                  setRole(v);
-                  markTouched();
-                },
-                placeholder: labels.rolePlaceholder
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            chunkRWZ2PLMQ_js.FormTextarea,
-            {
-              label: labels.descriptionLabel,
-              value: description,
-              onValueChange: (v) => {
-                setDescription(v);
-                markTouched();
-              },
-              rows: 3,
-              placeholder: labels.descriptionPlaceholder
-            }
-          )
-        ] })
-      }
-    );
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mb-2 block text-xs font-semibold uppercase tracking-wider text-slate-600 dark:text-slate-400", children: labels.avatarLabel }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1.5", children: EMOJI_PALETTE.map((e) => /* @__PURE__ */ jsxRuntime.jsx(
+          chunkKZDABEML_js.PickerTile,
+          {
+            onClick: () => {
+              setEmoji(e);
+              markTouched();
+            },
+            selected: emoji === e,
+            className: [
+              "flex h-9 w-9 items-center justify-center rounded-lg text-base transition-all",
+              emoji === e ? `bg-gradient-to-br ${activePreset.accent} shadow-sm ring-2 ring-indigo-500/70 ring-offset-1 ring-offset-transparent` : "liquid-surface hover:border-indigo-400/40 focus-visible:ring-2 focus-visible:ring-indigo-500/70 focus-visible:ring-offset-1"
+            ].join(" "),
+            children: e
+          },
+          e
+        )) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkKZDABEML_js.FormGrid, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkKZDABEML_js.FormInput,
+          {
+            label: labels.name,
+            value: name,
+            onValueChange: (v) => {
+              setName(v);
+              markTouched();
+            },
+            required: true,
+            placeholder: labels.namePlaceholder
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkKZDABEML_js.FormInput,
+          {
+            label: labels.role,
+            value: role,
+            onValueChange: (v) => {
+              setRole(v);
+              markTouched();
+            },
+            placeholder: labels.rolePlaceholder
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        chunkKZDABEML_js.FormTextarea,
+        {
+          label: labels.descriptionLabel,
+          value: description,
+          onValueChange: (v) => {
+            setDescription(v);
+            markTouched();
+          },
+          rows: 3,
+          placeholder: labels.descriptionPlaceholder
+        }
+      )
+    ] });
   }
   function renderStep3() {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkRWZ2PLMQ_js.SectionCard,
-      {
-        variant: "glass",
-        header: {
-          title: labels.modelSection,
-          subtitle: labels.connectionPickPrompt
-        },
-        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(chunkRWZ2PLMQ_js.FormGrid, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              chunkRWZ2PLMQ_js.FormSelect,
-              {
-                label: labels.connectionLabel,
-                value: connectionId,
-                onValueChange: (v) => {
-                  setConnectionId(v);
-                  markTouched();
-                },
-                options: connectionOptions,
-                icon: /* @__PURE__ */ jsxRuntime.jsx(outline.LinkIcon, { className: "h-4 w-4" })
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              chunkRWZ2PLMQ_js.FormSelect,
-              {
-                label: labels.frameworkLabel,
-                value: framework,
-                onValueChange: (v) => {
-                  setFramework(v);
-                  markTouched();
-                },
-                options: frameworkOptions
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              chunkRWZ2PLMQ_js.FormSelect,
-              {
-                label: labels.model,
-                value: modelId,
-                onValueChange: (v) => {
-                  setModelId(v);
-                  markTouched();
-                },
-                options: modelOptions.length > 0 ? modelOptions : [{ value: "", label: labels.modelEmpty }]
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            chunkRWZ2PLMQ_js.FormTextarea,
-            {
-              label: labels.outputSchemaLabel,
-              value: outputSchema,
-              onValueChange: (v) => {
-                setOutputSchema(v);
-                markTouched();
-              },
-              rows: 5,
-              placeholder: labels.outputSchemaPlaceholder
-            }
-          )
-        ] })
-      }
-    );
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkKZDABEML_js.FormGrid, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkKZDABEML_js.FormSelect,
+          {
+            label: labels.connectionLabel,
+            value: connectionId,
+            onValueChange: (v) => {
+              setConnectionId(v);
+              markTouched();
+            },
+            options: connectionOptions,
+            icon: /* @__PURE__ */ jsxRuntime.jsx(outline.LinkIcon, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkKZDABEML_js.FormSelect,
+          {
+            label: labels.frameworkLabel,
+            value: framework,
+            onValueChange: (v) => {
+              setFramework(v);
+              markTouched();
+            },
+            options: frameworkOptions
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkKZDABEML_js.FormSelect,
+          {
+            label: labels.model,
+            value: modelId,
+            onValueChange: (v) => {
+              setModelId(v);
+              markTouched();
+            },
+            options: modelOptions.length > 0 ? modelOptions : [{ value: "", label: labels.modelEmpty }]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        chunkKZDABEML_js.FormTextarea,
+        {
+          label: labels.outputSchemaLabel,
+          value: outputSchema,
+          onValueChange: (v) => {
+            setOutputSchema(v);
+            markTouched();
+          },
+          rows: 5,
+          placeholder: labels.outputSchemaPlaceholder
+        }
+      )
+    ] });
   }
   function renderStep4() {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.SectionCard,
+        chunkKZDABEML_js.FormTextarea,
         {
-          variant: "glass",
-          header: {
-            title: labels.behaviorSection,
-            subtitle: labels.behaviorSubtitle
+          label: labels.promptSystemPrompt,
+          value: systemPrompt,
+          onValueChange: (v) => {
+            setSystemPrompt(v);
+            markTouched();
           },
-          children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-1 flex items-center justify-between", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: "wizard-system-prompt", className: "text-xs font-medium text-slate-500 dark:text-slate-400", children: labels.promptSystemPrompt }),
-                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-[10px] text-slate-400 dark:text-slate-500", children: [
-                  systemPrompt.length,
-                  " chars"
-                ] })
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "textarea",
-                {
-                  id: "wizard-system-prompt",
-                  value: systemPrompt,
-                  onChange: (e) => {
-                    setSystemPrompt(e.target.value);
-                    markTouched();
-                  },
-                  rows: 8,
-                  className: "w-full resize-y rounded-lg bg-white/40 dark:bg-white/[0.04] backdrop-blur-sm border border-slate-200/50 dark:border-white/10 px-3 py-2.5 font-mono text-xs leading-relaxed text-slate-700 outline-none transition-colors placeholder:text-slate-400 focus:ring-indigo-500/70 focus:ring-offset-1 motion-reduce:transition-none dark:text-slate-300 dark:placeholder:text-slate-500",
-                  placeholder: labels.promptPlaceholder
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-1 flex items-center justify-between", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: "wizard-user-prompt", className: "text-xs font-medium text-slate-500 dark:text-slate-400", children: labels.userPromptLabel }),
-                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-[10px] text-slate-400 dark:text-slate-500", children: [
-                  userPrompt.length,
-                  " chars"
-                ] })
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "textarea",
-                {
-                  id: "wizard-user-prompt",
-                  value: userPrompt,
-                  onChange: (e) => {
-                    setUserPrompt(e.target.value);
-                    markTouched();
-                  },
-                  rows: 5,
-                  className: "w-full resize-y rounded-lg bg-white/40 dark:bg-white/[0.04] backdrop-blur-sm border border-slate-200/50 dark:border-white/10 px-3 py-2.5 font-mono text-xs leading-relaxed text-slate-700 outline-none transition-colors placeholder:text-slate-400 focus:ring-indigo-500/70 focus:ring-offset-1 motion-reduce:transition-none dark:text-slate-300 dark:placeholder:text-slate-500",
-                  placeholder: labels.userPromptPlaceholder
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              RangeSliderField,
-              {
-                sliderId: "wizard-temperature",
-                label: labels.temperature,
-                value: temperature,
-                onChange: (v) => {
-                  setTemperature(v);
-                  markTouched();
-                },
-                min: 0,
-                max: 1,
-                step: 0.05,
-                trackGradient: "linear-gradient(90deg, #3b82f6, #8b5cf6 50%, #ec4899)",
-                formatValue: (v) => v.toFixed(2),
-                zones: [
-                  { label: "Precise", max: 0.3, color: "text-blue-500", thumbColor: "#3b82f6" },
-                  { label: "Balanced", max: 0.7, color: "text-purple-500", thumbColor: "#8b5cf6" },
-                  { label: "Creative", max: 1, color: "text-pink-500", thumbColor: "#ec4899" }
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              RangeSliderField,
-              {
-                sliderId: "wizard-top-p",
-                label: labels.topPLabel,
-                value: topP,
-                onChange: (v) => {
-                  setTopP(v);
-                  markTouched();
-                },
-                min: 0,
-                max: 1,
-                step: 0.05,
-                trackGradient: "linear-gradient(90deg, #6366f1, #8b5cf6)",
-                formatValue: (v) => v.toFixed(2),
-                zones: [
-                  { label: "Top-P", max: 1, color: "text-violet-500", thumbColor: "#8b5cf6" }
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              RangeSliderField,
-              {
-                sliderId: "wizard-top-k",
-                label: labels.topKLabel,
-                value: topK,
-                onChange: (v) => {
-                  setTopK(Math.max(0, Math.floor(v)));
-                  markTouched();
-                },
-                min: 0,
-                max: 500,
-                step: 1,
-                trackGradient: "linear-gradient(90deg, #10b981, #14b8a6)",
-                formatValue: (v) => v.toString(),
-                zones: [
-                  { label: "Top-K", max: 500, color: "text-emerald-500", thumbColor: "#10b981" }
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2 flex items-center justify-between", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: "wizard-max-tokens", className: "text-xs font-medium text-slate-500 dark:text-slate-400", children: labels.maxTokens }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-bold tabular-nums text-slate-900 dark:text-white", children: maxTokens.toLocaleString() })
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "input",
-                {
-                  id: "wizard-max-tokens",
-                  type: "number",
-                  value: maxTokens,
-                  onChange: (e) => {
-                    setMaxTokens(Math.max(1, Math.floor(Number(e.target.value) || 0)));
-                    markTouched();
-                  },
-                  min: 1,
-                  max: 32e3,
-                  step: 1,
-                  className: "w-full rounded-lg bg-white/40 dark:bg-white/[0.04] backdrop-blur-sm border border-slate-200/50 dark:border-white/10 px-3 py-2.5 text-sm tabular-nums text-slate-700 outline-none transition-colors focus:ring-indigo-500/70 focus:ring-offset-1 motion-reduce:transition-none dark:text-slate-300"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden rounded-lg border border-slate-200/30 dark:border-white/10", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-3 gap-px bg-slate-200/30 dark:bg-white/10", children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white/60 px-3 py-2 dark:bg-slate-900/60", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[9px] uppercase tracking-wider text-slate-400 dark:text-slate-500", children: labels.model }),
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-xs font-semibold text-slate-900 dark:text-white", children: matchingModels.find((m) => m.id === modelId)?.name ?? labels.modelEmpty })
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white/60 px-3 py-2 dark:bg-slate-900/60", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[9px] uppercase tracking-wider text-slate-400 dark:text-slate-500", children: labels.maxTokens }),
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-semibold text-slate-900 dark:text-white", children: maxTokens.toLocaleString() })
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white/60 px-3 py-2 dark:bg-slate-900/60", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[9px] uppercase tracking-wider text-slate-400 dark:text-slate-500", children: labels.temperature }),
-                /* @__PURE__ */ jsxRuntime.jsxs("p", { className: `text-xs font-semibold ${temperature <= 0.3 ? "text-blue-500" : temperature <= 0.7 ? "text-purple-500" : "text-pink-500"}`, children: [
-                  temperature.toFixed(2),
-                  " \xB7 ",
-                  temperature <= 0.3 ? "Precise" : temperature <= 0.7 ? "Balanced" : "Creative"
-                ] })
-              ] })
-            ] }) })
-          ] })
+          rows: 6,
+          placeholder: labels.promptPlaceholder,
+          hint: `${systemPrompt.length} chars`
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.SectionCard,
+        chunkKZDABEML_js.FormTextarea,
         {
-          variant: "glass",
-          header: {
-            title: labels.metadataSection,
-            subtitle: labels.metadataSubtitle
+          label: labels.userPromptLabel,
+          value: userPrompt,
+          onValueChange: (v) => {
+            setUserPrompt(v);
+            markTouched();
           },
-          children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mb-2 block text-xs font-semibold uppercase tracking-wider text-slate-600 dark:text-slate-400", children: labels.difficultyLabel }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-2 sm:grid-cols-4", children: DIFFICULTY_OPTIONS.map((opt) => {
-                const selected = difficulty === opt.id;
-                const label = opt.id === "beginner" ? labels.difficultyBeginner : opt.id === "intermediate" ? labels.difficultyIntermediate : opt.id === "advanced" ? labels.difficultyAdvanced : labels.difficultyExpert;
-                return /* @__PURE__ */ jsxRuntime.jsxs(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: () => {
-                      setDifficulty(opt.id);
-                      markTouched();
-                    },
-                    "aria-pressed": selected,
-                    className: [
-                      "liquid-surface flex items-center gap-2 rounded-xl px-3 py-2 text-left transition-all",
-                      selected ? "ring-2 ring-indigo-500/70 ring-offset-1 ring-offset-transparent" : "hover:border-indigo-400/40 focus-visible:ring-2 focus-visible:ring-indigo-500/70 focus-visible:ring-offset-1"
-                    ].join(" "),
-                    children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(
-                        "span",
-                        {
-                          "aria-hidden": "true",
-                          className: `flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-gradient-to-br ${opt.accent} text-base shadow-sm`,
-                          children: opt.emoji
-                        }
-                      ),
-                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-semibold text-slate-900 dark:text-white", children: label })
-                    ]
-                  },
-                  opt.id
-                );
-              }) })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              chunkRWZ2PLMQ_js.FormInput,
-              {
-                label: labels.tagsLabel,
-                value: tagsInput,
-                onValueChange: (v) => {
-                  setTagsInput(v);
-                  markTouched();
-                },
-                placeholder: labels.tagsPlaceholder
-              }
-            )
-          ] })
+          rows: 4,
+          placeholder: labels.userPromptPlaceholder,
+          hint: `${userPrompt.length} chars`
         }
-      )
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        RangeSliderField,
+        {
+          sliderId: "wizard-temperature",
+          label: labels.temperature,
+          value: temperature,
+          onChange: (v) => {
+            setTemperature(v);
+            markTouched();
+          },
+          min: 0,
+          max: 1,
+          step: 0.05,
+          trackGradient: "linear-gradient(90deg, #3b82f6, #8b5cf6 50%, #ec4899)",
+          formatValue: (v) => v.toFixed(2),
+          zones: [
+            { label: "Precise", max: 0.3, color: "text-blue-500", thumbColor: "#3b82f6" },
+            { label: "Balanced", max: 0.7, color: "text-purple-500", thumbColor: "#8b5cf6" },
+            { label: "Creative", max: 1, color: "text-pink-500", thumbColor: "#ec4899" }
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        RangeSliderField,
+        {
+          sliderId: "wizard-top-p",
+          label: labels.topPLabel,
+          value: topP,
+          onChange: (v) => {
+            setTopP(v);
+            markTouched();
+          },
+          min: 0,
+          max: 1,
+          step: 0.05,
+          trackGradient: "linear-gradient(90deg, #6366f1, #8b5cf6)",
+          formatValue: (v) => v.toFixed(2),
+          zones: [
+            { label: "Top-P", max: 1, color: "text-violet-500", thumbColor: "#8b5cf6" }
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        RangeSliderField,
+        {
+          sliderId: "wizard-top-k",
+          label: labels.topKLabel,
+          value: topK,
+          onChange: (v) => {
+            setTopK(Math.max(0, Math.floor(v)));
+            markTouched();
+          },
+          min: 0,
+          max: 500,
+          step: 1,
+          trackGradient: "linear-gradient(90deg, #10b981, #14b8a6)",
+          formatValue: (v) => v.toString(),
+          zones: [
+            { label: "Top-K", max: 500, color: "text-emerald-500", thumbColor: "#10b981" }
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkKZDABEML_js.FormGrid, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkKZDABEML_js.FormInput,
+          {
+            label: labels.maxTokens,
+            type: "number",
+            value: String(maxTokens),
+            onValueChange: (v) => {
+              setMaxTokens(Math.max(1, Math.floor(Number(v) || 0)));
+              markTouched();
+            },
+            min: 1,
+            max: 32e3,
+            step: 1,
+            hint: maxTokens.toLocaleString()
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkKZDABEML_js.FormInput,
+          {
+            label: labels.tagsLabel,
+            value: tagsInput,
+            onValueChange: (v) => {
+              setTagsInput(v);
+              markTouched();
+            },
+            placeholder: labels.tagsPlaceholder
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mb-2 block text-xs font-semibold uppercase tracking-wider text-slate-600 dark:text-slate-400", children: labels.difficultyLabel }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-2 sm:grid-cols-4", children: DIFFICULTY_OPTIONS.map((opt) => {
+          const selected = difficulty === opt.id;
+          const label = opt.id === "beginner" ? labels.difficultyBeginner : opt.id === "intermediate" ? labels.difficultyIntermediate : opt.id === "advanced" ? labels.difficultyAdvanced : labels.difficultyExpert;
+          return /* @__PURE__ */ jsxRuntime.jsxs(
+            chunkKZDABEML_js.PickerTile,
+            {
+              onClick: () => {
+                setDifficulty(opt.id);
+                markTouched();
+              },
+              selected,
+              className: [
+                "liquid-surface flex items-center gap-2 rounded-xl px-3 py-2 text-left transition-all",
+                selected ? "ring-2 ring-indigo-500/70 ring-offset-1 ring-offset-transparent" : "hover:border-indigo-400/40 focus-visible:ring-2 focus-visible:ring-indigo-500/70 focus-visible:ring-offset-1"
+              ].join(" "),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "span",
+                  {
+                    "aria-hidden": "true",
+                    className: `flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-gradient-to-br ${opt.accent} text-base shadow-sm`,
+                    children: opt.emoji
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-semibold text-slate-900 dark:text-white", children: label })
+              ]
+            },
+            opt.id
+          );
+        }) })
+      ] })
     ] });
   }
   function renderStep5() {
     const modelLabel = models.find((m) => m.id === modelId)?.name ?? labels.modelEmpty;
     const connectionLabel = connectionId ? connections.find((c) => c.id === connectionId)?.name ?? labels.connectionInline : labels.connectionInline;
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-5", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.SectionCard,
+        ReviewBlock,
         {
-          variant: "glass",
-          header: {
-            title: labels.wizardStep1Title,
-            subtitle: labels.wizardStep1Subtitle
-          },
-          actions: /* @__PURE__ */ jsxRuntime.jsxs(chunkEBARYRSA_js.Button, { type: "button", size: "sm", outline: true, onClick: () => goToStep(1), children: [
-            /* @__PURE__ */ jsxRuntime.jsx(outline.PencilSquareIcon, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1.5", children: labels.wizardReviewEdit })
-          ] }),
+          stepTitle: labels.wizardStep1Title,
+          stepSubtitle: labels.wizardStep1Subtitle,
+          editLabel: labels.wizardReviewEdit,
+          onEdit: () => goToStep(1),
           children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-slate-700 dark:text-slate-200", children: presetId === "custom" ? labels.presetCustom : AGENT_PRESETS.find((p) => p.id === presetId)?.name ?? labels.presetCustom })
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.SectionCard,
+        ReviewBlock,
         {
-          variant: "glass",
-          header: {
-            title: labels.wizardStep2Title,
-            subtitle: labels.wizardStep2Subtitle
-          },
-          actions: /* @__PURE__ */ jsxRuntime.jsxs(chunkEBARYRSA_js.Button, { type: "button", size: "sm", outline: true, onClick: () => goToStep(2), children: [
-            /* @__PURE__ */ jsxRuntime.jsx(outline.PencilSquareIcon, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1.5", children: labels.wizardReviewEdit })
-          ] }),
+          stepTitle: labels.wizardStep2Title,
+          stepSubtitle: labels.wizardStep2Subtitle,
+          editLabel: labels.wizardReviewEdit,
+          onEdit: () => goToStep(2),
           children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               "span",
@@ -4138,17 +4040,12 @@ function AgentNewWizardPageView({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.SectionCard,
+        ReviewBlock,
         {
-          variant: "glass",
-          header: {
-            title: labels.wizardStep3Title,
-            subtitle: labels.wizardStep3Subtitle
-          },
-          actions: /* @__PURE__ */ jsxRuntime.jsxs(chunkEBARYRSA_js.Button, { type: "button", size: "sm", outline: true, onClick: () => goToStep(3), children: [
-            /* @__PURE__ */ jsxRuntime.jsx(outline.PencilSquareIcon, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1.5", children: labels.wizardReviewEdit })
-          ] }),
+          stepTitle: labels.wizardStep3Title,
+          stepSubtitle: labels.wizardStep3Subtitle,
+          editLabel: labels.wizardReviewEdit,
+          onEdit: () => goToStep(3),
           children: /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "grid grid-cols-1 gap-2 sm:grid-cols-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(ReviewRow, { label: labels.connectionLabel, value: connectionLabel }),
             /* @__PURE__ */ jsxRuntime.jsx(ReviewRow, { label: labels.frameworkLabel, value: framework || "\u2014" }),
@@ -4158,17 +4055,12 @@ function AgentNewWizardPageView({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsxs(
-        chunkRWZ2PLMQ_js.SectionCard,
+        ReviewBlock,
         {
-          variant: "glass",
-          header: {
-            title: labels.wizardStep4Title,
-            subtitle: labels.wizardStep4Subtitle
-          },
-          actions: /* @__PURE__ */ jsxRuntime.jsxs(chunkEBARYRSA_js.Button, { type: "button", size: "sm", outline: true, onClick: () => goToStep(4), children: [
-            /* @__PURE__ */ jsxRuntime.jsx(outline.PencilSquareIcon, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1.5", children: labels.wizardReviewEdit })
-          ] }),
+          stepTitle: labels.wizardStep4Title,
+          stepSubtitle: labels.wizardStep4Subtitle,
+          editLabel: labels.wizardReviewEdit,
+          onEdit: () => goToStep(4),
           children: [
             /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "grid grid-cols-2 gap-2 sm:grid-cols-4", children: [
               /* @__PURE__ */ jsxRuntime.jsx(ReviewRow, { label: labels.temperature, value: temperature.toFixed(2) }),
@@ -4187,14 +4079,14 @@ function AgentNewWizardPageView({
   }
   const stepBody = step === 1 ? renderStep1() : step === 2 ? renderStep2() : step === 3 ? renderStep3() : step === 4 ? renderStep4() : renderStep5();
   const advanceDisabled = !canAdvance(step);
-  const footer = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2 border-t border-slate-200/60 pt-4 dark:border-white/10", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", outline: true, onClick: goBack, disabled: step === 1 || submitting, children: labels.wizardBack }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", outline: true, onClick: cancelWithConfirm, disabled: submitting, children: labels.wizardCancel }),
-      step < TOTAL_STEPS ? /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", color: "indigo", onClick: goNext, disabled: advanceDisabled || submitting, children: labels.wizardNext }) : /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", color: "indigo", onClick: () => void submit(), disabled: submitting, children: submitting ? labels.wizardCreate + "\u2026" : labels.wizardCreate })
-    ] })
+  const isLast = step === TOTAL_STEPS;
+  const scrollableStep = step === 4 || step === 5;
+  const bodyClass = scrollableStep ? "p-5 pt-5 sm:p-8 sm:pt-8 max-h-[60vh] overflow-y-auto" : "p-5 pt-5 sm:p-8 sm:pt-8";
+  const footer = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liquid-divider flex items-center justify-between border-t pt-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", outline: true, onClick: step === 1 ? cancelWithConfirm : goBack, disabled: submitting, children: step === 1 ? labels.wizardCancel : labels.wizardBack }),
+    isLast ? /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", color: "ios-glass-blue", onClick: () => void submit(), disabled: submitting || !name.trim(), children: submitting ? labels.wizardCreate + "\u2026" : labels.wizardCreate }) : /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", color: "ios-glass-blue", onClick: goNext, disabled: advanceDisabled || submitting, children: labels.wizardNext })
   ] });
-  const content = /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ jsxRuntime.jsxs(
     "form",
     {
       onSubmit: (e) => {
@@ -4204,15 +4096,12 @@ function AgentNewWizardPageView({
       },
       className: "space-y-4",
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liquid-surface rounded-2xl p-5 sm:p-8", children: stepBody }),
+        hero,
+        /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.Card, { variant: "default", children: /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.CardContent, { className: bodyClass, children: stepBody }) }),
         footer
       ]
     }
   );
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-    hero,
-    content
-  ] });
 }
 function ReviewRow({ label, value }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-slate-200/60 bg-white/40 px-3 py-2 dark:border-white/10 dark:bg-white/[0.04]", children: [
@@ -4220,6 +4109,27 @@ function ReviewRow({ label, value }) {
     /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "mt-0.5 truncate text-xs font-semibold text-slate-900 dark:text-white", children: value })
   ] });
 }
+function ReviewBlock({
+  stepTitle,
+  stepSubtitle,
+  editLabel,
+  onEdit,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "border-b liquid-divider pb-4 last:border-b-0 last:pb-0", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "mb-2 flex items-start justify-between gap-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "truncate text-sm font-semibold text-slate-900 dark:text-white", children: stepTitle }),
+        stepSubtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-xs text-slate-500 dark:text-slate-400", children: stepSubtitle })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkMXQ2EYG2_js.Button, { type: "button", size: "sm", outline: true, onClick: onEdit, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(outline.PencilSquareIcon, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1.5", children: editLabel })
+      ] })
+    ] }),
+    children
+  ] });
+}
 var DIALECT_LOGO_SRC = {
   bigquery: "/logos/datasources/bigquery.svg",
   postgres: "/logos/datasources/postgres.svg",
@@ -4307,8 +4217,8 @@ function DatasourceNewWizardPageView({
   const [submitting, setSubmitting] = react.useState(false);
   const [touched, setTouched] = react.useState(false);
   const [testStatus, setTestStatus] = react.useState("idle");
-  const dialectOption = react.useMemo(() => dialect ? chunkVCL5LDS5_js.findDialect(dialect) : null, [dialect]);
-  const category = react.useMemo(() => dialect ? chunkVCL5LDS5_js.findCategory(dialect) : null, [dialect]);
+  const dialectOption = react.useMemo(() => dialect ? chunkPADXORD2_js.findDialect(dialect) : null, [dialect]);
+  const category = react.useMemo(() => dialect ? chunkPADXORD2_js.findCategory(dialect) : null, [dialect]);
   react.useEffect(() => {
     if (dialectOption?.defaultPort && (port === "" || /^[0-9]+$/.test(port))) {
       setPort(String(dialectOption.defaultPort));
@@ -4431,17 +4341,25 @@ function DatasourceNewWizardPageView({
     id: String(idx + 1),
     title
   }));
-  const counter = labels.wizardStepCounter.replace("{current}", String(step)).replace("{total}", String(TOTAL_STEPS2));
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRWZ2PLMQ_js.HeroSection,
+    chunkKZDABEML_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.CircleStackIcon, { className: "h-5 w-5" }),
-      label: counter,
-      title: labels.pageTitle,
+      label: labels.pageTitle,
+      title: stepTitles[step - 1] ?? labels.pageTitle,
       subtitle: stepSubtitles[step - 1] ?? labels.pageSubtitle,
       gradient: category?.gradient ?? "from-amber-500 to-orange-600",
+      actions: /* @__PURE__ */ jsxRuntime.jsx(
+        chunkMXQ2EYG2_js.IconButton,
+        {
+          label: labels.wizardCancel,
+          icon: /* @__PURE__ */ jsxRuntime.jsx(outline.XMarkIcon, { className: "h-5 w-5" }),
+          variant: "ghost",
+          onClick: cancelWithConfirm
+        }
+      ),
       children: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.StepIndicator,
+        chunkKZDABEML_js.StepIndicator,
         {
           accent: "indigo",
           currentStep: step - 1,
@@ -4453,48 +4371,42 @@ function DatasourceNewWizardPageView({
     }
   );
   function renderStep1() {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-6", children: chunkVCL5LDS5_js.DIALECT_CATEGORIES.map((cat) => {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-5", children: chunkPADXORD2_js.DIALECT_CATEGORIES.map((cat) => {
       const color = CATEGORY_COLOR[cat.id] ?? "slate";
       const categoryLabel = labels[cat.labelKey] ?? cat.id;
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.SectionCard,
-        {
-          variant: "glass",
-          header: {
-            title: categoryLabel,
-            icon: /* @__PURE__ */ jsxRuntime.jsx(cat.icon, { className: "h-4 w-4" }),
-            gradient: cat.gradient
-          },
-          children: /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              role: "radiogroup",
-              "aria-label": categoryLabel,
-              className: "grid grid-cols-2 gap-2 sm:grid-cols-3 lg:grid-cols-4",
-              children: cat.dialects.map((opt) => {
-                const selected = opt.value === dialect;
-                const logoSrc = DIALECT_LOGO_SRC[opt.value.toLowerCase()];
-                return /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkRWZ2PLMQ_js.FilterTileButton,
-                  {
-                    isActive: selected,
-                    color,
-                    icon: logoSrc ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: logoSrc, alt: opt.label, className: "h-5 w-5 object-contain" }) : /* @__PURE__ */ jsxRuntime.jsx(outline.CircleStackIcon, { className: "h-5 w-5" }),
-                    label: opt.label,
-                    count: opt.formType.replace("-", " "),
-                    onClick: () => {
-                      setDialect(opt.value);
-                      markTouched();
-                    }
-                  },
-                  opt.value
-                );
-              })
-            }
-          )
-        },
-        cat.id
-      );
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2 flex items-center gap-2 text-xs font-semibold uppercase tracking-wider text-slate-600 dark:text-slate-400", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(cat.icon, { className: "h-3.5 w-3.5" }),
+          categoryLabel
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            role: "radiogroup",
+            "aria-label": categoryLabel,
+            className: "grid grid-cols-2 gap-2 sm:grid-cols-3 lg:grid-cols-4",
+            children: cat.dialects.map((opt) => {
+              const selected = opt.value === dialect;
+              const logoSrc = DIALECT_LOGO_SRC[opt.value.toLowerCase()];
+              return /* @__PURE__ */ jsxRuntime.jsx(
+                chunkKZDABEML_js.FilterTileButton,
+                {
+                  isActive: selected,
+                  color,
+                  icon: logoSrc ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: logoSrc, alt: opt.label, className: "h-5 w-5 object-contain" }) : /* @__PURE__ */ jsxRuntime.jsx(outline.CircleStackIcon, { className: "h-5 w-5" }),
+                  label: opt.label,
+                  count: opt.formType.replace("-", " "),
+                  onClick: () => {
+                    setDialect(opt.value);
+                    markTouched();
+                  }
+                },
+                opt.value
+              );
+            })
+          }
+        )
+      ] }, cat.id);
     }) });
   }
   function renderConnectionFields() {
@@ -4503,7 +4415,7 @@ function DatasourceNewWizardPageView({
       case "standard":
         return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkRWZ2PLMQ_js.FormInput,
+            chunkKZDABEML_js.FormInput,
             {
               label: labels.fieldHost,
               value: host,
@@ -4516,7 +4428,7 @@ function DatasourceNewWizardPageView({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkRWZ2PLMQ_js.FormInput,
+            chunkKZDABEML_js.FormInput,
             {
               label: labels.fieldPort,
               type: "number",
@@ -4528,7 +4440,7 @@ function DatasourceNewWizardPageView({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkRWZ2PLMQ_js.FormInput,
+            chunkKZDABEML_js.FormInput,
             {
               label: labels.fieldDatabase,
               value: database,
@@ -4541,7 +4453,7 @@ function DatasourceNewWizardPageView({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkRWZ2PLMQ_js.FormInput,
+            chunkKZDABEML_js.FormInput,
             {
               label: labels.fieldUsername,
               value: username,
@@ -4553,7 +4465,7 @@ function DatasourceNewWizardPageView({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkRWZ2PLMQ_js.FormInput,
+            chunkKZDABEML_js.FormInput,
             {
               label: labels.fieldPassword,
               type: "password",
@@ -4566,7 +4478,7 @@ function DatasourceNewWizardPageView({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkRWZ2PLMQ_js.FormInput,
+            chunkKZDABEML_js.FormInput,
             {
               label: labels.fieldSchema,
               value: schema,
@@ -4580,7 +4492,7 @@ function DatasourceNewWizardPageView({
         ] });
       case "connection-string":
         return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-full", children: /* @__PURE__ */ jsxRuntime.jsx(
-          chunkRWZ2PLMQ_js.FormInput,
+          chunkKZDABEML_js.FormInput,
           {
             label: labels.fieldConnectionString,
             value: connectionString,
@@ -4595,7 +4507,7 @@ function DatasourceNewWizardPageView({
       case "cloud-bigquery":
         return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkRWZ2PLMQ_js.FormInput,
+            chunkKZDABEML_js.FormInput,
             {
               label: labels.fieldProjectId,
               value: projectId,
@@ -4608,7 +4520,7 @@ function DatasourceNewWizardPageView({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkRWZ2PLMQ_js.FormInput,
+            chunkKZDABEML_js.FormInput,
             {
               label: labels.fieldDataset,
               value: dataset,
@@ -4621,7 +4533,7 @@ function DatasourceNewWizardPageView({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-full", children: /* @__PURE__ */ jsxRuntime.jsx(
-            chunkRWZ2PLMQ_js.FormInput,
+            chunkKZDABEML_js.FormInput,
             {
               label: labels.fieldKeyFile,
               value: keyFile,
@@ -4636,7 +4548,7 @@ function DatasourceNewWizardPageView({
       case "cloud-snowflake":
         return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkRWZ2PLMQ_js.FormInput,
+            chunkKZDABEML_js.FormInput,
             {
               label: labels.fieldAccount,
               value: account,
@@ -4649,7 +4561,7 @@ function DatasourceNewWizardPageView({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkRWZ2PLMQ_js.FormInput,
+            chunkKZDABEML_js.FormInput,
             {
               label: labels.fieldWarehouse,
               value: warehouseField,
@@ -4662,7 +4574,7 @@ function DatasourceNewWizardPageView({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkRWZ2PLMQ_js.FormInput,
+            chunkKZDABEML_js.FormInput,
             {
               label: labels.fieldDatabase,
               value: database,
@@ -4675,7 +4587,7 @@ function DatasourceNewWizardPageView({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkRWZ2PLMQ_js.FormInput,
+            chunkKZDABEML_js.FormInput,
             {
               label: labels.fieldUsername,
               value: username,
@@ -4688,7 +4600,7 @@ function DatasourceNewWizardPageView({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkRWZ2PLMQ_js.FormInput,
+            chunkKZDABEML_js.FormInput,
             {
               label: labels.fieldPassword,
               type: "password",
@@ -4701,7 +4613,7 @@ function DatasourceNewWizardPageView({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkRWZ2PLMQ_js.FormInput,
+            chunkKZDABEML_js.FormInput,
             {
               label: labels.fieldSchema,
               value: schema,
@@ -4716,7 +4628,7 @@ function DatasourceNewWizardPageView({
       case "cloud-key":
         return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkRWZ2PLMQ_js.FormInput,
+            chunkKZDABEML_js.FormInput,
             {
               label: labels.fieldRegion,
               value: region,
@@ -4729,7 +4641,7 @@ function DatasourceNewWizardPageView({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkRWZ2PLMQ_js.FormInput,
+            chunkKZDABEML_js.FormInput,
             {
               label: labels.fieldToken,
               type: "password",
@@ -4743,7 +4655,7 @@ function DatasourceNewWizardPageView({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkRWZ2PLMQ_js.FormInput,
+            chunkKZDABEML_js.FormInput,
             {
               label: labels.fieldBucket,
               value: bucket,
@@ -4758,7 +4670,7 @@ function DatasourceNewWizardPageView({
       case "vector-key":
         return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkRWZ2PLMQ_js.FormInput,
+            chunkKZDABEML_js.FormInput,
             {
               label: labels.fieldApiKey,
               type: "password",
@@ -4772,7 +4684,7 @@ function DatasourceNewWizardPageView({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkRWZ2PLMQ_js.FormInput,
+            chunkKZDABEML_js.FormInput,
             {
               label: labels.fieldEnvironment,
               value: environment,
@@ -4785,7 +4697,7 @@ function DatasourceNewWizardPageView({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkRWZ2PLMQ_js.FormInput,
+            chunkKZDABEML_js.FormInput,
             {
               label: labels.fieldIndex,
               value: index,
@@ -4801,207 +4713,180 @@ function DatasourceNewWizardPageView({
   }
   function renderStep2() {
     if (!dialectOption) {
-      return /* @__PURE__ */ jsxRuntime.jsxs(chunkRWZ2PLMQ_js.SectionCard, { variant: "glass", header: { title: labels.wizardStep1Title }, children: [
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
         /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-slate-700 dark:text-slate-200", children: labels.wizardStep1Subtitle }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3", children: /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", outline: true, onClick: () => goToStep(1), children: labels.wizardBack }) })
+        /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", outline: true, onClick: () => goToStep(1), children: labels.wizardBack })
       ] });
     }
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkRWZ2PLMQ_js.SectionCard,
-      {
-        variant: "glass",
-        header: {
-          title: dialectOption.label,
-          subtitle: labels.wizardStep2Subtitle,
-          icon: category?.icon ? /* @__PURE__ */ jsxRuntime.jsx(category.icon, { className: "h-4 w-4" }) : /* @__PURE__ */ jsxRuntime.jsx(outline.CircleStackIcon, { className: "h-4 w-4" }),
-          gradient: category?.gradient
-        },
-        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            chunkRWZ2PLMQ_js.FormInput,
-            {
-              label: labels.fieldName,
-              value: name,
-              onValueChange: (v) => {
-                setName(v);
-                markTouched();
-              },
-              placeholder: labels.fieldNamePlaceholder,
-              required: true
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.FormGrid, { children: renderConnectionFields() }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-6 pt-1", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              chunkRWZ2PLMQ_js.FormToggle,
-              {
-                checked: ssl,
-                onChange: (v) => {
-                  setSsl(v);
-                  markTouched();
-                },
-                label: labels.fieldSsl,
-                variant: "inline"
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              chunkRWZ2PLMQ_js.FormToggle,
-              {
-                checked: readOnly,
-                onChange: (v) => {
-                  setReadOnly(v);
-                  markTouched();
-                },
-                label: labels.fieldReadOnly,
-                variant: "inline"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-slate-500 dark:text-slate-400", children: labels.fieldReadOnlyHelp }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-3 border-t border-slate-200/60 pt-4 dark:border-white/10", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              chunkEBARYRSA_js.Button,
-              {
-                type: "button",
-                outline: true,
-                onClick: () => void handleTestConnection(),
-                disabled: testStatus === "testing",
-                children: testStatus === "testing" ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.Spinner, { size: "xs" }),
-                  labels.testing
-                ] }) : labels.testConnection
-              }
-            ),
-            testStatus === "success" && /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.StatusBadge, { status: "success", label: labels.connectionSuccess }),
-            testStatus === "failed" && /* @__PURE__ */ jsxRuntime.jsx(chunkRWZ2PLMQ_js.StatusBadge, { status: "error", label: labels.connectionFailed })
-          ] })
-        ] })
-      }
-    );
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        chunkKZDABEML_js.FormInput,
+        {
+          label: labels.fieldName,
+          value: name,
+          onValueChange: (v) => {
+            setName(v);
+            markTouched();
+          },
+          placeholder: labels.fieldNamePlaceholder,
+          required: true
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.FormGrid, { children: renderConnectionFields() }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-6 pt-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkKZDABEML_js.FormToggle,
+          {
+            checked: ssl,
+            onChange: (v) => {
+              setSsl(v);
+              markTouched();
+            },
+            label: labels.fieldSsl,
+            variant: "inline"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkKZDABEML_js.FormToggle,
+          {
+            checked: readOnly,
+            onChange: (v) => {
+              setReadOnly(v);
+              markTouched();
+            },
+            label: labels.fieldReadOnly,
+            variant: "inline"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-slate-500 dark:text-slate-400", children: labels.fieldReadOnlyHelp }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liquid-divider flex flex-wrap items-center gap-3 border-t pt-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkMXQ2EYG2_js.Button,
+          {
+            type: "button",
+            outline: true,
+            onClick: () => void handleTestConnection(),
+            disabled: testStatus === "testing",
+            children: testStatus === "testing" ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.Spinner, { size: "xs" }),
+              labels.testing
+            ] }) : labels.testConnection
+          }
+        ),
+        testStatus === "success" && /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.StatusBadge, { status: "success", label: labels.connectionSuccess }),
+        testStatus === "failed" && /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.StatusBadge, { status: "error", label: labels.connectionFailed })
+      ] })
+    ] });
   }
   function renderStep3() {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkRWZ2PLMQ_js.SectionCard,
-      {
-        variant: "glass",
-        header: {
-          title: labels.governanceSectionTitle,
-          subtitle: labels.governanceSectionSubtitle
-        },
-        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(chunkRWZ2PLMQ_js.FormGrid, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              chunkRWZ2PLMQ_js.FormInput,
-              {
-                label: labels.fieldMaxPoolSize,
-                type: "number",
-                min: 1,
-                max: 100,
-                value: maxPoolSize,
-                onValueChange: (v) => {
-                  setMaxPoolSize(v);
-                  markTouched();
-                },
-                hint: labels.fieldMaxPoolSizeHint
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              chunkRWZ2PLMQ_js.FormInput,
-              {
-                label: labels.fieldTimeoutMs,
-                type: "number",
-                min: 100,
-                value: timeoutMs,
-                onValueChange: (v) => {
-                  setTimeoutMs(v);
-                  markTouched();
-                },
-                hint: labels.fieldTimeoutMsHint
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("label", { className: "block text-xs font-medium text-gray-500 dark:text-gray-400", children: labels.fieldAllowedTables }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              chunkRWZ2PLMQ_js.ChipPicker,
-              {
-                items: allowedTablesItems,
-                selectedIds: allowedTablesSelected,
-                onChange: (ids) => {
-                  setAllowedTablesSelected(ids);
-                  markTouched();
-                },
-                onItemsChange: (items) => {
-                  setAllowedTablesItems(items);
-                  markTouched();
-                },
-                allowCustom: true,
-                unselectedStyle: allowedTablesStyle,
-                showActions: false,
-                addPlaceholder: labels.fieldAllowedTablesPlaceholder,
-                addAriaLabel: labels.fieldAllowedTables
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[11px] text-slate-500 dark:text-slate-400", children: labels.fieldAllowedTablesHint })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("label", { className: "block text-xs font-medium text-gray-500 dark:text-gray-400", children: labels.fieldBlockedColumns }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              chunkRWZ2PLMQ_js.ChipPicker,
-              {
-                items: blockedColumnsItems,
-                selectedIds: blockedColumnsSelected,
-                onChange: (ids) => {
-                  setBlockedColumnsSelected(ids);
-                  markTouched();
-                },
-                onItemsChange: (items) => {
-                  setBlockedColumnsItems(items);
-                  markTouched();
-                },
-                allowCustom: true,
-                unselectedStyle: blockedColumnsStyle,
-                showActions: false,
-                addPlaceholder: labels.fieldBlockedColumnsPlaceholder,
-                addAriaLabel: labels.fieldBlockedColumns
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[11px] text-slate-500 dark:text-slate-400", children: labels.fieldBlockedColumnsHint })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            chunkRWZ2PLMQ_js.FormCheckbox,
-            {
-              checked: maskPii,
-              onChange: (v) => {
-                setMaskPii(v);
-                markTouched();
-              },
-              label: labels.fieldMaskPii,
-              description: labels.fieldMaskPiiDescription
-            }
-          )
-        ] })
-      }
-    );
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkKZDABEML_js.FormGrid, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkKZDABEML_js.FormInput,
+          {
+            label: labels.fieldMaxPoolSize,
+            type: "number",
+            min: 1,
+            max: 100,
+            value: maxPoolSize,
+            onValueChange: (v) => {
+              setMaxPoolSize(v);
+              markTouched();
+            },
+            hint: labels.fieldMaxPoolSizeHint
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkKZDABEML_js.FormInput,
+          {
+            label: labels.fieldTimeoutMs,
+            type: "number",
+            min: 100,
+            value: timeoutMs,
+            onValueChange: (v) => {
+              setTimeoutMs(v);
+              markTouched();
+            },
+            hint: labels.fieldTimeoutMsHint
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "block text-xs font-medium text-slate-500 dark:text-slate-400", children: labels.fieldAllowedTables }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkKZDABEML_js.ChipPicker,
+          {
+            items: allowedTablesItems,
+            selectedIds: allowedTablesSelected,
+            onChange: (ids) => {
+              setAllowedTablesSelected(ids);
+              markTouched();
+            },
+            onItemsChange: (items) => {
+              setAllowedTablesItems(items);
+              markTouched();
+            },
+            allowCustom: true,
+            unselectedStyle: allowedTablesStyle,
+            showActions: false,
+            addPlaceholder: labels.fieldAllowedTablesPlaceholder,
+            addAriaLabel: labels.fieldAllowedTables
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[11px] text-slate-500 dark:text-slate-400", children: labels.fieldAllowedTablesHint })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "block text-xs font-medium text-slate-500 dark:text-slate-400", children: labels.fieldBlockedColumns }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkKZDABEML_js.ChipPicker,
+          {
+            items: blockedColumnsItems,
+            selectedIds: blockedColumnsSelected,
+            onChange: (ids) => {
+              setBlockedColumnsSelected(ids);
+              markTouched();
+            },
+            onItemsChange: (items) => {
+              setBlockedColumnsItems(items);
+              markTouched();
+            },
+            allowCustom: true,
+            unselectedStyle: blockedColumnsStyle,
+            showActions: false,
+            addPlaceholder: labels.fieldBlockedColumnsPlaceholder,
+            addAriaLabel: labels.fieldBlockedColumns
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[11px] text-slate-500 dark:text-slate-400", children: labels.fieldBlockedColumnsHint })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        chunkKZDABEML_js.FormCheckbox,
+        {
+          checked: maskPii,
+          onChange: (v) => {
+            setMaskPii(v);
+            markTouched();
+          },
+          label: labels.fieldMaskPii,
+          description: labels.fieldMaskPiiDescription
+        }
+      )
+    ] });
   }
   function renderStep4() {
     const categoryLabel = category ? labels[category.labelKey] ?? category.id : labels.reviewNoneValue;
     const dialectLabel = dialectOption?.label ?? labels.reviewNoneValue;
     const allowed = allowedTablesSelected;
     const blocked = blockedColumnsSelected;
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-5", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.SectionCard,
+        ReviewBlock2,
         {
-          variant: "glass",
-          header: {
-            title: labels.wizardStep1Title,
-            subtitle: labels.wizardStep1Subtitle
-          },
-          actions: /* @__PURE__ */ jsxRuntime.jsxs(chunkEBARYRSA_js.Button, { type: "button", size: "sm", outline: true, onClick: () => goToStep(1), children: [
-            /* @__PURE__ */ jsxRuntime.jsx(outline.PencilSquareIcon, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1.5", children: labels.wizardReviewEdit })
-          ] }),
+          stepTitle: labels.wizardStep1Title,
+          stepSubtitle: labels.wizardStep1Subtitle,
+          editLabel: labels.wizardReviewEdit,
+          onEdit: () => goToStep(1),
           children: /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "grid grid-cols-1 gap-2 sm:grid-cols-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(ReviewRow2, { label: labels.reviewCategoryLabel, value: categoryLabel }),
             /* @__PURE__ */ jsxRuntime.jsx(ReviewRow2, { label: labels.reviewDialectLabel, value: dialectLabel })
@@ -5009,17 +4894,12 @@ function DatasourceNewWizardPageView({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.SectionCard,
+        ReviewBlock2,
         {
-          variant: "glass",
-          header: {
-            title: labels.wizardStep2Title,
-            subtitle: labels.wizardStep2Subtitle
-          },
-          actions: /* @__PURE__ */ jsxRuntime.jsxs(chunkEBARYRSA_js.Button, { type: "button", size: "sm", outline: true, onClick: () => goToStep(2), children: [
-            /* @__PURE__ */ jsxRuntime.jsx(outline.PencilSquareIcon, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1.5", children: labels.wizardReviewEdit })
-          ] }),
+          stepTitle: labels.wizardStep2Title,
+          stepSubtitle: labels.wizardStep2Subtitle,
+          editLabel: labels.wizardReviewEdit,
+          onEdit: () => goToStep(2),
           children: /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "grid grid-cols-1 gap-2 sm:grid-cols-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(ReviewRow2, { label: labels.reviewNameLabel, value: name || labels.reviewNoneValue }),
             /* @__PURE__ */ jsxRuntime.jsx(ReviewRow2, { label: labels.reviewCredentialsLabel, value: labels.reviewCredentialsRedacted }),
@@ -5029,17 +4909,12 @@ function DatasourceNewWizardPageView({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.SectionCard,
+        ReviewBlock2,
         {
-          variant: "glass",
-          header: {
-            title: labels.wizardStep3Title,
-            subtitle: labels.wizardStep3Subtitle
-          },
-          actions: /* @__PURE__ */ jsxRuntime.jsxs(chunkEBARYRSA_js.Button, { type: "button", size: "sm", outline: true, onClick: () => goToStep(3), children: [
-            /* @__PURE__ */ jsxRuntime.jsx(outline.PencilSquareIcon, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1.5", children: labels.wizardReviewEdit })
-          ] }),
+          stepTitle: labels.wizardStep3Title,
+          stepSubtitle: labels.wizardStep3Subtitle,
+          editLabel: labels.wizardReviewEdit,
+          onEdit: () => goToStep(3),
           children: /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "grid grid-cols-1 gap-2 sm:grid-cols-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(ReviewRow2, { label: labels.reviewPoolLabel, value: maxPoolSize || labels.reviewNoneValue }),
             /* @__PURE__ */ jsxRuntime.jsx(ReviewRow2, { label: labels.reviewTimeoutLabel, value: timeoutMs ? `${timeoutMs}ms` : labels.reviewNoneValue }),
@@ -5065,14 +4940,14 @@ function DatasourceNewWizardPageView({
   }
   const stepBody = step === 1 ? renderStep1() : step === 2 ? renderStep2() : step === 3 ? renderStep3() : renderStep4();
   const advanceDisabled = !canAdvance(step);
-  const footer = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2 border-t border-slate-200/60 pt-4 dark:border-white/10", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", outline: true, onClick: goBack, disabled: step === 1 || submitting, children: labels.wizardBack }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", outline: true, onClick: cancelWithConfirm, disabled: submitting, children: labels.wizardCancel }),
-      step < TOTAL_STEPS2 ? /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", color: "amber", onClick: goNext, disabled: advanceDisabled || submitting, children: labels.wizardNext }) : /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", color: "amber", onClick: () => void submit(), disabled: submitting || !dialect || !name.trim(), children: submitting ? labels.wizardCreate + "\u2026" : labels.wizardCreate })
-    ] })
+  const isLast = step === TOTAL_STEPS2;
+  const scrollableStep = step === 1 || step === 4;
+  const bodyClass = scrollableStep ? "p-5 pt-5 sm:p-8 sm:pt-8 max-h-[60vh] overflow-y-auto" : "p-5 pt-5 sm:p-8 sm:pt-8";
+  const footer = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liquid-divider flex items-center justify-between border-t pt-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", outline: true, onClick: step === 1 ? cancelWithConfirm : goBack, disabled: submitting, children: step === 1 ? labels.wizardCancel : labels.wizardBack }),
+    isLast ? /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", color: "ios-glass-blue", onClick: () => void submit(), disabled: submitting || !dialect || !name.trim(), children: submitting ? labels.wizardCreate + "\u2026" : labels.wizardCreate }) : /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", color: "ios-glass-blue", onClick: goNext, disabled: advanceDisabled || submitting, children: labels.wizardNext })
   ] });
-  const content = /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ jsxRuntime.jsxs(
     "form",
     {
       onSubmit: (e) => {
@@ -5082,20 +4957,38 @@ function DatasourceNewWizardPageView({
       },
       className: "space-y-4",
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liquid-surface rounded-2xl p-5 sm:p-8", children: stepBody }),
+        hero,
+        /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.Card, { variant: "default", children: /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.CardContent, { className: bodyClass, children: stepBody }) }),
         footer
       ]
     }
   );
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-    hero,
-    content
-  ] });
 }
 function ReviewRow2({ label, value }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-slate-200/60 bg-white/40 px-3 py-2 dark:border-white/10 dark:bg-white/[0.04]", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-[10px] uppercase tracking-wider text-gray-400 dark:text-gray-500", children: label }),
-    /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "mt-0.5 truncate text-xs font-semibold text-gray-900 dark:text-white", children: value })
+    /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-[10px] uppercase tracking-wider text-slate-400 dark:text-slate-500", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "mt-0.5 truncate text-xs font-semibold text-slate-900 dark:text-white", children: value })
+  ] });
+}
+function ReviewBlock2({
+  stepTitle,
+  stepSubtitle,
+  editLabel,
+  onEdit,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "border-b liquid-divider pb-4 last:border-b-0 last:pb-0", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "mb-2 flex items-start justify-between gap-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "truncate text-sm font-semibold text-slate-900 dark:text-white", children: stepTitle }),
+        stepSubtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-xs text-slate-500 dark:text-slate-400", children: stepSubtitle })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkMXQ2EYG2_js.Button, { type: "button", size: "sm", outline: true, onClick: onEdit, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(outline.PencilSquareIcon, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1.5", children: editLabel })
+      ] })
+    ] }),
+    children
   ] });
 }
 async function simulateTest() {
@@ -5218,9 +5111,9 @@ function RuleNewWizardPageView({
     text: "text-fuchsia-700 dark:text-fuchsia-300"
   };
   const [combinator, setCombinator] = react.useState("and");
-  const [condition, setCondition] = react.useState(chunkUPWJRCAD_js.defaultRuleCondition());
+  const [condition, setCondition] = react.useState(chunkKRS2CLPR_js.defaultRuleCondition());
   const [actionTileId, setActionTileId] = react.useState("");
-  const [action, setAction] = react.useState(chunkUPWJRCAD_js.defaultRuleAction());
+  const [action, setAction] = react.useState(chunkKRS2CLPR_js.defaultRuleAction());
   const [validFromDate, setValidFromDate] = react.useState(null);
   const [validFromTime, setValidFromTime] = react.useState(null);
   const [validUntilDate, setValidUntilDate] = react.useState(null);
@@ -5347,17 +5240,25 @@ function RuleNewWizardPageView({
     id: String(idx + 1),
     title
   }));
-  const counter = labels.wizardStepCounter.replace("{current}", String(step)).replace("{total}", String(TOTAL_STEPS3));
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRWZ2PLMQ_js.HeroSection,
+    chunkKZDABEML_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.AdjustmentsHorizontalIcon, { className: "h-5 w-5" }),
-      label: counter,
-      title: labels.pageTitle,
+      label: labels.pageTitle,
+      title: stepTitles[step - 1] ?? labels.pageTitle,
       subtitle: stepSubtitles[step - 1] ?? labels.pageSubtitle,
       gradient: "from-fuchsia-500 to-purple-700",
+      actions: /* @__PURE__ */ jsxRuntime.jsx(
+        chunkMXQ2EYG2_js.IconButton,
+        {
+          label: labels.wizardCancel,
+          icon: /* @__PURE__ */ jsxRuntime.jsx(outline.XMarkIcon, { className: "h-5 w-5" }),
+          variant: "ghost",
+          onClick: cancelWithConfirm
+        }
+      ),
       children: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.StepIndicator,
+        chunkKZDABEML_js.StepIndicator,
         {
           accent: "violet",
           currentStep: step - 1,
@@ -5369,399 +5270,346 @@ function RuleNewWizardPageView({
     }
   );
   function renderStep1() {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkRWZ2PLMQ_js.SectionCard,
-      {
-        variant: "glass",
-        header: {
-          title: labels.wizardStep1Title,
-          subtitle: labels.wizardStep1Subtitle
-        },
-        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            chunkRWZ2PLMQ_js.FormInput,
-            {
-              label: labels.nameLabel,
-              value: name,
-              onValueChange: (v) => {
-                setName(v);
-                markTouched();
-              },
-              placeholder: labels.namePlaceholder,
-              required: true
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            chunkRWZ2PLMQ_js.FormTextarea,
-            {
-              label: labels.descriptionLabel,
-              value: description,
-              onValueChange: (v) => {
-                setDescription(v);
-                markTouched();
-              },
-              placeholder: labels.descriptionPlaceholder,
-              rows: 3
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            RangeSliderField2,
-            {
-              sliderId: "wizard-rule-priority",
-              label: labels.priorityLabel,
-              value: priority,
-              onChange: (v) => {
-                setPriority(Math.round(v));
-                markTouched();
-              },
-              min: 0,
-              max: 100,
-              step: 1,
-              trackGradient: "linear-gradient(90deg, #10b981, #38bdf8 33%, #f59e0b 66%, #f43f5e)",
-              formatValue: (v) => String(Math.round(v)),
-              zones: [
-                { label: labels.priorityLow, max: 25, color: "text-emerald-500", thumbColor: "#10b981" },
-                { label: labels.priorityNormal, max: 50, color: "text-sky-500", thumbColor: "#38bdf8" },
-                { label: labels.priorityHigh, max: 75, color: "text-amber-500", thumbColor: "#f59e0b" },
-                { label: labels.priorityCritical, max: 100, color: "text-rose-500", thumbColor: "#f43f5e" }
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            chunkRWZ2PLMQ_js.FormToggle,
-            {
-              checked: enabled,
-              onChange: (v) => {
-                setEnabled(v);
-                markTouched();
-              },
-              label: labels.enabledLabel,
-              variant: "card"
-            }
-          )
-        ] })
-      }
-    );
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        chunkKZDABEML_js.FormInput,
+        {
+          label: labels.nameLabel,
+          value: name,
+          onValueChange: (v) => {
+            setName(v);
+            markTouched();
+          },
+          placeholder: labels.namePlaceholder,
+          required: true
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        chunkKZDABEML_js.FormTextarea,
+        {
+          label: labels.descriptionLabel,
+          value: description,
+          onValueChange: (v) => {
+            setDescription(v);
+            markTouched();
+          },
+          placeholder: labels.descriptionPlaceholder,
+          rows: 3
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        RangeSliderField2,
+        {
+          sliderId: "wizard-rule-priority",
+          label: labels.priorityLabel,
+          value: priority,
+          onChange: (v) => {
+            setPriority(Math.round(v));
+            markTouched();
+          },
+          min: 0,
+          max: 100,
+          step: 1,
+          trackGradient: "linear-gradient(90deg, #10b981, #38bdf8 33%, #f59e0b 66%, #f43f5e)",
+          formatValue: (v) => String(Math.round(v)),
+          zones: [
+            { label: labels.priorityLow, max: 25, color: "text-emerald-500", thumbColor: "#10b981" },
+            { label: labels.priorityNormal, max: 50, color: "text-sky-500", thumbColor: "#38bdf8" },
+            { label: labels.priorityHigh, max: 75, color: "text-amber-500", thumbColor: "#f59e0b" },
+            { label: labels.priorityCritical, max: 100, color: "text-rose-500", thumbColor: "#f43f5e" }
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        chunkKZDABEML_js.FormToggle,
+        {
+          checked: enabled,
+          onChange: (v) => {
+            setEnabled(v);
+            markTouched();
+          },
+          label: labels.enabledLabel,
+          variant: "card"
+        }
+      )
+    ] });
   }
   function renderStep2() {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkRWZ2PLMQ_js.SectionCard,
-      {
-        variant: "glass",
-        header: {
-          title: labels.conditionSectionTitle,
-          subtitle: labels.conditionSectionSubtitle
-        },
-        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mb-2 block text-xs font-semibold uppercase tracking-wider text-slate-600 dark:text-slate-400", children: labels.combinatorLabel }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              chunkRWZ2PLMQ_js.SegmentedControl,
-              {
-                segments: [
-                  { value: "and", label: labels.combinatorAnd },
-                  { value: "or", label: labels.combinatorOr },
-                  { value: "not", label: labels.combinatorNot }
-                ],
-                value: combinator,
-                onChange: (v) => {
-                  setCombinator(v);
-                  markTouched();
-                },
-                size: "sm"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            chunkUPWJRCAD_js.RuleConditionBuilder,
-            {
-              value: condition,
-              onChange: (next) => {
-                setCondition(next);
-                markTouched();
-              }
-            }
-          )
-        ] })
-      }
-    );
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mb-2 block text-xs font-semibold uppercase tracking-wider text-slate-600 dark:text-slate-400", children: labels.combinatorLabel }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkKZDABEML_js.SegmentedControl,
+          {
+            segments: [
+              { value: "and", label: labels.combinatorAnd },
+              { value: "or", label: labels.combinatorOr },
+              { value: "not", label: labels.combinatorNot }
+            ],
+            value: combinator,
+            onChange: (v) => {
+              setCombinator(v);
+              markTouched();
+            },
+            size: "sm"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        chunkKRS2CLPR_js.RuleConditionBuilder,
+        {
+          value: condition,
+          onChange: (next) => {
+            setCondition(next);
+            markTouched();
+          }
+        }
+      )
+    ] });
   }
   function renderStep3() {
-    const selectedTile = ACTION_TILES.find((t) => t.id === actionTileId) ?? null;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkRWZ2PLMQ_js.SectionCard,
-      {
-        variant: "glass",
-        header: {
-          title: labels.actionSectionTitle,
-          subtitle: labels.actionSectionSubtitle
-        },
-        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-5", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              role: "radiogroup",
-              "aria-label": labels.actionSectionTitle,
-              className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3",
-              children: ACTION_TILES.map((tile) => {
-                const Icon = tile.icon;
-                const selected = tile.id === actionTileId;
-                const label = labels[tile.labelKey] ?? tile.id;
-                const description2 = labels[tile.descriptionKey] ?? "";
-                return /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkRWZ2PLMQ_js.FilterTileButton,
-                  {
-                    isActive: selected,
-                    color: tile.color,
-                    icon: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-5 w-5" }),
-                    label,
-                    count: description2,
-                    onClick: () => {
-                      setActionTileId(tile.id);
-                      markTouched();
-                    }
-                  },
-                  tile.id
-                );
-              })
-            }
-          ),
-          selectedTile && /* @__PURE__ */ jsxRuntime.jsx(
-            chunkRWZ2PLMQ_js.SectionCard,
-            {
-              variant: "glass",
-              header: {
-                title: labels[selectedTile.labelKey] ?? selectedTile.id,
-                subtitle: labels.actionConfigSubtitle
-              },
-              children: /* @__PURE__ */ jsxRuntime.jsx(
-                chunkUPWJRCAD_js.RuleActionBuilder,
-                {
-                  value: action,
-                  onChange: (next) => {
-                    setAction(next);
-                    markTouched();
-                  }
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          role: "radiogroup",
+          "aria-label": labels.actionSectionTitle,
+          className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3",
+          children: ACTION_TILES.map((tile) => {
+            const Icon = tile.icon;
+            const selected = tile.id === actionTileId;
+            const label = labels[tile.labelKey] ?? tile.id;
+            const description2 = labels[tile.descriptionKey] ?? "";
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              chunkKZDABEML_js.FilterTileButton,
+              {
+                isActive: selected,
+                color: tile.color,
+                icon: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-5 w-5" }),
+                label,
+                count: description2,
+                onClick: () => {
+                  setActionTileId(tile.id);
+                  markTouched();
                 }
-              )
+              },
+              tile.id
+            );
+          })
+        }
+      ),
+      actionTileId && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-t liquid-divider pt-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-2 text-xs text-slate-500 dark:text-slate-400", children: labels.actionConfigSubtitle }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkKRS2CLPR_js.RuleActionBuilder,
+          {
+            value: action,
+            onChange: (next) => {
+              setAction(next);
+              markTouched();
             }
-          )
-        ] })
-      }
-    );
+          }
+        )
+      ] })
+    ] });
   }
   function renderStep4() {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4", children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkRWZ2PLMQ_js.SectionCard,
-      {
-        variant: "glass",
-        header: {
-          title: labels.scheduleSectionTitle,
-          subtitle: labels.scheduleSectionSubtitle
-        },
-        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-5", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(chunkRWZ2PLMQ_js.FormGrid, { children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block text-xs font-semibold uppercase tracking-wider text-slate-600 dark:text-slate-400", children: labels.validFromLabel }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkRWZ2PLMQ_js.DatePicker,
-                  {
-                    value: validFromDate,
-                    onChange: (d) => {
-                      setValidFromDate(d);
-                      markTouched();
-                    },
-                    placeholder: labels.validFromDateLabel
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkRWZ2PLMQ_js.TimePicker,
-                  {
-                    value: validFromTime,
-                    onChange: (t) => {
-                      setValidFromTime(t);
-                      markTouched();
-                    },
-                    placeholder: labels.validFromTimeLabel
-                  }
-                )
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block text-xs font-semibold uppercase tracking-wider text-slate-600 dark:text-slate-400", children: labels.validUntilLabel }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkRWZ2PLMQ_js.DatePicker,
-                  {
-                    value: validUntilDate,
-                    onChange: (d) => {
-                      setValidUntilDate(d);
-                      markTouched();
-                    },
-                    placeholder: labels.validUntilDateLabel
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkRWZ2PLMQ_js.TimePicker,
-                  {
-                    value: validUntilTime,
-                    onChange: (t) => {
-                      setValidUntilTime(t);
-                      markTouched();
-                    },
-                    placeholder: labels.validUntilTimeLabel
-                  }
-                )
-              ] })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            chunkRWZ2PLMQ_js.FormCheckbox,
-            {
-              checked: noExpiry,
-              onChange: (v) => {
-                setNoExpiry(v);
-                markTouched();
-              },
-              label: labels.noExpiryLabel,
-              description: labels.noExpiryDescription
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mb-2 block text-xs font-semibold uppercase tracking-wider text-slate-600 dark:text-slate-400", children: labels.statusLabel }),
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-5", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkKZDABEML_js.FormGrid, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block text-xs font-semibold uppercase tracking-wider text-slate-600 dark:text-slate-400", children: labels.validFromLabel }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkRWZ2PLMQ_js.SegmentedControl,
+              chunkKZDABEML_js.DatePicker,
               {
-                segments: [
-                  { value: "active", label: labels.statusActive },
-                  { value: "paused", label: labels.statusPaused },
-                  { value: "archived", label: labels.statusArchived }
-                ],
-                value: status,
-                onChange: (v) => {
-                  setStatus(v);
+                value: validFromDate,
+                onChange: (d) => {
+                  setValidFromDate(d);
                   markTouched();
                 },
-                size: "sm"
+                placeholder: labels.validFromDateLabel
               }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("label", { className: "block text-xs font-semibold uppercase tracking-wider text-slate-600 dark:text-slate-400", children: labels.tagsLabel }),
+            ),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkRWZ2PLMQ_js.ChipPicker,
+              chunkKZDABEML_js.TimePicker,
               {
-                items: tagsItems,
-                selectedIds: tagsSelected,
-                onChange: (ids) => {
-                  setTagsSelected(ids);
+                value: validFromTime,
+                onChange: (t) => {
+                  setValidFromTime(t);
                   markTouched();
                 },
-                onItemsChange: (items) => {
-                  setTagsItems(items);
+                placeholder: labels.validFromTimeLabel
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block text-xs font-semibold uppercase tracking-wider text-slate-600 dark:text-slate-400", children: labels.validUntilLabel }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              chunkKZDABEML_js.DatePicker,
+              {
+                value: validUntilDate,
+                onChange: (d) => {
+                  setValidUntilDate(d);
                   markTouched();
                 },
-                allowCustom: true,
-                unselectedStyle: tagsStyle,
-                showActions: false,
-                addPlaceholder: labels.tagsPlaceholder,
-                addAriaLabel: labels.tagsLabel
+                placeholder: labels.validUntilDateLabel
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[11px] text-slate-500 dark:text-slate-400", children: labels.tagsHint })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mb-2 block text-xs font-semibold uppercase tracking-wider text-slate-600 dark:text-slate-400", children: labels.recurrenceLabel }),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkRWZ2PLMQ_js.SegmentedControl,
+              chunkKZDABEML_js.TimePicker,
               {
-                segments: [
-                  { value: "one-off", label: labels.recurrenceOneOff },
-                  { value: "cron", label: labels.recurrenceCron },
-                  { value: "recurring", label: labels.recurrenceRecurring }
-                ],
-                value: recurrence,
-                onChange: (v) => {
-                  setRecurrence(v);
+                value: validUntilTime,
+                onChange: (t) => {
+                  setValidUntilTime(t);
                   markTouched();
                 },
-                size: "sm"
+                placeholder: labels.validUntilTimeLabel
               }
             )
-          ] }),
-          recurrence === "cron" && /* @__PURE__ */ jsxRuntime.jsx(
-            chunkRWZ2PLMQ_js.FormInput,
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        chunkKZDABEML_js.FormCheckbox,
+        {
+          checked: noExpiry,
+          onChange: (v) => {
+            setNoExpiry(v);
+            markTouched();
+          },
+          label: labels.noExpiryLabel,
+          description: labels.noExpiryDescription
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mb-2 block text-xs font-semibold uppercase tracking-wider text-slate-600 dark:text-slate-400", children: labels.statusLabel }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkKZDABEML_js.SegmentedControl,
+          {
+            segments: [
+              { value: "active", label: labels.statusActive },
+              { value: "paused", label: labels.statusPaused },
+              { value: "archived", label: labels.statusArchived }
+            ],
+            value: status,
+            onChange: (v) => {
+              setStatus(v);
+              markTouched();
+            },
+            size: "sm"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "block text-xs font-semibold uppercase tracking-wider text-slate-600 dark:text-slate-400", children: labels.tagsLabel }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkKZDABEML_js.ChipPicker,
+          {
+            items: tagsItems,
+            selectedIds: tagsSelected,
+            onChange: (ids) => {
+              setTagsSelected(ids);
+              markTouched();
+            },
+            onItemsChange: (items) => {
+              setTagsItems(items);
+              markTouched();
+            },
+            allowCustom: true,
+            unselectedStyle: tagsStyle,
+            showActions: false,
+            addPlaceholder: labels.tagsPlaceholder,
+            addAriaLabel: labels.tagsLabel
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[11px] text-slate-500 dark:text-slate-400", children: labels.tagsHint })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mb-2 block text-xs font-semibold uppercase tracking-wider text-slate-600 dark:text-slate-400", children: labels.recurrenceLabel }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkKZDABEML_js.SegmentedControl,
+          {
+            segments: [
+              { value: "one-off", label: labels.recurrenceOneOff },
+              { value: "cron", label: labels.recurrenceCron },
+              { value: "recurring", label: labels.recurrenceRecurring }
+            ],
+            value: recurrence,
+            onChange: (v) => {
+              setRecurrence(v);
+              markTouched();
+            },
+            size: "sm"
+          }
+        )
+      ] }),
+      recurrence === "cron" && /* @__PURE__ */ jsxRuntime.jsx(
+        chunkKZDABEML_js.FormInput,
+        {
+          label: labels.cronExpressionLabel,
+          value: cronExpression,
+          onValueChange: (v) => {
+            setCronExpression(v);
+            markTouched();
+          },
+          placeholder: labels.cronExpressionPlaceholder,
+          hint: labels.cronExpressionHint
+        }
+      ),
+      recurrence === "recurring" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mb-2 block text-xs font-semibold uppercase tracking-wider text-slate-600 dark:text-slate-400", children: labels.weekdaysLabel }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            chunkKZDABEML_js.ChipPicker,
             {
-              label: labels.cronExpressionLabel,
-              value: cronExpression,
-              onValueChange: (v) => {
-                setCronExpression(v);
+              items: WEEKDAYS.map((d) => ({
+                id: d.id,
+                name: labels[d.labelKey] ?? d.id,
+                style: {
+                  bg: "bg-fuchsia-500/15",
+                  text: "text-fuchsia-700 dark:text-fuchsia-300"
+                }
+              })),
+              selectedIds: weekdays,
+              onChange: (ids) => {
+                setWeekdays(ids);
                 markTouched();
               },
-              placeholder: labels.cronExpressionPlaceholder,
-              hint: labels.cronExpressionHint
+              showActions: false
             }
-          ),
-          recurrence === "recurring" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mb-2 block text-xs font-semibold uppercase tracking-wider text-slate-600 dark:text-slate-400", children: labels.weekdaysLabel }),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                chunkRWZ2PLMQ_js.ChipPicker,
-                {
-                  items: WEEKDAYS.map((d) => ({
-                    id: d.id,
-                    name: labels[d.labelKey] ?? d.id,
-                    style: {
-                      bg: "bg-fuchsia-500/15",
-                      text: "text-fuchsia-700 dark:text-fuchsia-300"
-                    }
-                  })),
-                  selectedIds: weekdays,
-                  onChange: (ids) => {
-                    setWeekdays(ids);
-                    markTouched();
-                  },
-                  showActions: false
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mb-2 block text-xs font-semibold uppercase tracking-wider text-slate-600 dark:text-slate-400", children: labels.timeOfDayLabel }),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                chunkRWZ2PLMQ_js.TimePicker,
-                {
-                  value: recurringTime,
-                  onChange: (t) => {
-                    setRecurringTime(t);
-                    markTouched();
-                  },
-                  placeholder: labels.timeOfDayLabel
-                }
-              )
-            ] })
-          ] })
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mb-2 block text-xs font-semibold uppercase tracking-wider text-slate-600 dark:text-slate-400", children: labels.timeOfDayLabel }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            chunkKZDABEML_js.TimePicker,
+            {
+              value: recurringTime,
+              onChange: (t) => {
+                setRecurringTime(t);
+                markTouched();
+              },
+              placeholder: labels.timeOfDayLabel
+            }
+          )
         ] })
-      }
-    ) });
+      ] })
+    ] });
   }
   function renderStep5() {
     const payload = buildPayload();
     const conditionSentence = humanReadableCondition(payload.condition, labels);
     const actionSentence = humanReadableAction(payload.action, labels, ACTION_TILES, actionTileId);
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-5", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.SectionCard,
+        ReviewBlock3,
         {
-          variant: "glass",
-          header: {
-            title: labels.wizardStep1Title,
-            subtitle: labels.wizardStep1Subtitle
-          },
-          actions: /* @__PURE__ */ jsxRuntime.jsxs(chunkEBARYRSA_js.Button, { type: "button", size: "sm", outline: true, onClick: () => goToStep(1), children: [
-            /* @__PURE__ */ jsxRuntime.jsx(outline.PencilSquareIcon, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1.5", children: labels.wizardReviewEdit })
-          ] }),
+          stepTitle: labels.wizardStep1Title,
+          stepSubtitle: labels.wizardStep1Subtitle,
+          editLabel: labels.wizardReviewEdit,
+          onEdit: () => goToStep(1),
           children: /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "grid grid-cols-1 gap-2 sm:grid-cols-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(ReviewRow3, { label: labels.reviewNameLabel, value: payload.name }),
             /* @__PURE__ */ jsxRuntime.jsx(ReviewRow3, { label: labels.reviewPriorityLabel, value: String(payload.priority) }),
@@ -5777,54 +5625,35 @@ function RuleNewWizardPageView({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsxs(
-        chunkRWZ2PLMQ_js.SectionCard,
+        ReviewBlock3,
         {
-          variant: "glass",
-          header: {
-            title: labels.wizardStep2Title,
-            subtitle: labels.wizardStep2Subtitle
-          },
-          actions: /* @__PURE__ */ jsxRuntime.jsxs(chunkEBARYRSA_js.Button, { type: "button", size: "sm", outline: true, onClick: () => goToStep(2), children: [
-            /* @__PURE__ */ jsxRuntime.jsx(outline.PencilSquareIcon, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1.5", children: labels.wizardReviewEdit })
-          ] }),
+          stepTitle: labels.wizardStep2Title,
+          stepSubtitle: labels.wizardStep2Subtitle,
+          editLabel: labels.wizardReviewEdit,
+          onEdit: () => goToStep(2),
           children: [
             /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-2 text-sm text-slate-700 dark:text-slate-200", children: conditionSentence }),
-            /* @__PURE__ */ jsxRuntime.jsx(ReviewRow3, { label: labels.reviewCombinatorLabel, value: combinator.toUpperCase() }),
-            /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "mt-3 max-h-48 overflow-auto rounded-lg border border-slate-200/70 bg-slate-50/60 p-2 text-xs text-slate-700 dark:border-slate-700 dark:bg-slate-900/40 dark:text-slate-200", children: JSON.stringify(payload.condition, null, 2) })
+            /* @__PURE__ */ jsxRuntime.jsx(ReviewRow3, { label: labels.reviewCombinatorLabel, value: combinator.toUpperCase() })
           ]
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        chunkRWZ2PLMQ_js.SectionCard,
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ReviewBlock3,
         {
-          variant: "glass",
-          header: {
-            title: labels.wizardStep3Title,
-            subtitle: labels.wizardStep3Subtitle
-          },
-          actions: /* @__PURE__ */ jsxRuntime.jsxs(chunkEBARYRSA_js.Button, { type: "button", size: "sm", outline: true, onClick: () => goToStep(3), children: [
-            /* @__PURE__ */ jsxRuntime.jsx(outline.PencilSquareIcon, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1.5", children: labels.wizardReviewEdit })
-          ] }),
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-2 text-sm text-slate-700 dark:text-slate-200", children: actionSentence }),
-            /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "mt-3 max-h-48 overflow-auto rounded-lg border border-slate-200/70 bg-slate-50/60 p-2 text-xs text-slate-700 dark:border-slate-700 dark:bg-slate-900/40 dark:text-slate-200", children: JSON.stringify(payload.action, null, 2) })
-          ]
+          stepTitle: labels.wizardStep3Title,
+          stepSubtitle: labels.wizardStep3Subtitle,
+          editLabel: labels.wizardReviewEdit,
+          onEdit: () => goToStep(3),
+          children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-slate-700 dark:text-slate-200", children: actionSentence })
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRWZ2PLMQ_js.SectionCard,
+        ReviewBlock3,
         {
-          variant: "glass",
-          header: {
-            title: labels.wizardStep4Title,
-            subtitle: labels.wizardStep4Subtitle
-          },
-          actions: /* @__PURE__ */ jsxRuntime.jsxs(chunkEBARYRSA_js.Button, { type: "button", size: "sm", outline: true, onClick: () => goToStep(4), children: [
-            /* @__PURE__ */ jsxRuntime.jsx(outline.PencilSquareIcon, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1.5", children: labels.wizardReviewEdit })
-          ] }),
+          stepTitle: labels.wizardStep4Title,
+          stepSubtitle: labels.wizardStep4Subtitle,
+          editLabel: labels.wizardReviewEdit,
+          onEdit: () => goToStep(4),
           children: /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "grid grid-cols-1 gap-2 sm:grid-cols-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               ReviewRow3,
@@ -5856,23 +5685,23 @@ function RuleNewWizardPageView({
   }
   const stepBody = step === 1 ? renderStep1() : step === 2 ? renderStep2() : step === 3 ? renderStep3() : step === 4 ? renderStep4() : renderStep5();
   const advanceDisabled = !canAdvance(step);
-  const footer = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2 border-t border-slate-200/60 pt-4 dark:border-white/10", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", outline: true, onClick: goBack, disabled: step === 1 || submitting, children: labels.wizardBack }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", outline: true, onClick: cancelWithConfirm, disabled: submitting, children: labels.wizardCancel }),
-      step < TOTAL_STEPS3 ? /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", color: "fuchsia", onClick: goNext, disabled: advanceDisabled || submitting, children: labels.wizardNext }) : /* @__PURE__ */ jsxRuntime.jsx(
-        chunkEBARYRSA_js.Button,
-        {
-          type: "button",
-          color: "fuchsia",
-          onClick: () => void submit(),
-          disabled: submitting || !name.trim() || !actionTileId,
-          children: submitting ? labels.wizardCreate + "\u2026" : labels.wizardCreate
-        }
-      )
-    ] })
+  const isLast = step === TOTAL_STEPS3;
+  const scrollableStep = step === 2 || step === 3 || step === 4 || step === 5;
+  const bodyClass = scrollableStep ? "p-5 pt-5 sm:p-8 sm:pt-8 max-h-[60vh] overflow-y-auto" : "p-5 pt-5 sm:p-8 sm:pt-8";
+  const footer = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liquid-divider flex items-center justify-between border-t pt-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", outline: true, onClick: step === 1 ? cancelWithConfirm : goBack, disabled: submitting, children: step === 1 ? labels.wizardCancel : labels.wizardBack }),
+    isLast ? /* @__PURE__ */ jsxRuntime.jsx(
+      chunkMXQ2EYG2_js.Button,
+      {
+        type: "button",
+        color: "ios-glass-blue",
+        onClick: () => void submit(),
+        disabled: submitting || !name.trim() || !actionTileId,
+        children: submitting ? labels.wizardCreate + "\u2026" : labels.wizardCreate
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", color: "ios-glass-blue", onClick: goNext, disabled: advanceDisabled || submitting, children: labels.wizardNext })
   ] });
-  const content = /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ jsxRuntime.jsxs(
     "form",
     {
       onSubmit: (e) => {
@@ -5882,15 +5711,12 @@ function RuleNewWizardPageView({
       },
       className: "space-y-4",
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liquid-surface rounded-2xl p-5 sm:p-8", children: stepBody }),
+        hero,
+        /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.Card, { variant: "default", children: /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.CardContent, { className: bodyClass, children: stepBody }) }),
         footer
       ]
     }
   );
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-    hero,
-    content
-  ] });
 }
 function ReviewRow3({ label, value }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-slate-200/60 bg-white/40 px-3 py-2 dark:border-white/10 dark:bg-white/[0.04]", children: [
@@ -5898,6 +5724,27 @@ function ReviewRow3({ label, value }) {
     /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "mt-0.5 whitespace-pre-wrap break-words text-xs font-semibold text-slate-900 dark:text-white", children: value })
   ] });
 }
+function ReviewBlock3({
+  stepTitle,
+  stepSubtitle,
+  editLabel,
+  onEdit,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "border-b liquid-divider pb-4 last:border-b-0 last:pb-0", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "mb-2 flex items-start justify-between gap-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "truncate text-sm font-semibold text-slate-900 dark:text-white", children: stepTitle }),
+        stepSubtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-xs text-slate-500 dark:text-slate-400", children: stepSubtitle })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkMXQ2EYG2_js.Button, { type: "button", size: "sm", outline: true, onClick: onEdit, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(outline.PencilSquareIcon, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1.5", children: editLabel })
+      ] })
+    ] }),
+    children
+  ] });
+}
 function pad(n) {
   return String(n).padStart(2, "0");
 }
@@ -5945,35 +5792,510 @@ function humanReadableAction(action, labels, tiles, actionTileId) {
   const paramSummary = action.params ? Object.entries(action.params).slice(0, 3).map(([k, v]) => `${k}=${String(v)}`).join(", ") : "";
   return paramSummary ? `${tileLabel} \u2014 ${paramSummary}` : tileLabel;
 }
+function AgentNewModal({ open, onClose, ...wizardProps }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkKZDABEML_js.GlassModal,
+    {
+      open,
+      onClose,
+      maxWidth: "2xl",
+      closeOnBackdrop: false,
+      closeLabel: wizardProps.labels.wizardCancel,
+      children: /* @__PURE__ */ jsxRuntime.jsx(AgentNewWizardPageView, { ...wizardProps })
+    }
+  );
+}
+function DatasourceNewModal({ open, onClose, ...wizardProps }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkKZDABEML_js.GlassModal,
+    {
+      open,
+      onClose,
+      maxWidth: "2xl",
+      closeOnBackdrop: false,
+      closeLabel: wizardProps.labels.wizardCancel,
+      children: /* @__PURE__ */ jsxRuntime.jsx(DatasourceNewWizardPageView, { ...wizardProps })
+    }
+  );
+}
+function RuleNewModal({ open, onClose, ...wizardProps }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkKZDABEML_js.GlassModal,
+    {
+      open,
+      onClose,
+      maxWidth: "2xl",
+      closeOnBackdrop: false,
+      closeLabel: wizardProps.labels.wizardCancel,
+      children: /* @__PURE__ */ jsxRuntime.jsx(RuleNewWizardPageView, { ...wizardProps })
+    }
+  );
+}
+var AWS_REGIONS = [
+  { value: "us-east-1", label: "us-east-1 (N. Virginia)" },
+  { value: "us-east-2", label: "us-east-2 (Ohio)" },
+  { value: "us-west-2", label: "us-west-2 (Oregon)" },
+  { value: "eu-west-1", label: "eu-west-1 (Ireland)" },
+  { value: "eu-central-1", label: "eu-central-1 (Frankfurt)" },
+  { value: "ap-southeast-1", label: "ap-southeast-1 (Singapore)" },
+  { value: "sa-east-1", label: "sa-east-1 (S\xE3o Paulo)" }
+];
+var GCP_REGIONS = [
+  { value: "us-central1", label: "us-central1 (Iowa)" },
+  { value: "us-east1", label: "us-east1 (S. Carolina)" },
+  { value: "us-west1", label: "us-west1 (Oregon)" },
+  { value: "europe-west1", label: "europe-west1 (Belgium)" },
+  { value: "europe-west4", label: "europe-west4 (Netherlands)" },
+  { value: "asia-southeast1", label: "asia-southeast1 (Singapore)" },
+  { value: "southamerica-east1", label: "southamerica-east1 (S\xE3o Paulo)" }
+];
+var AZURE_REGIONS = [
+  { value: "eastus", label: "eastus" },
+  { value: "westus2", label: "westus2" },
+  { value: "northeurope", label: "northeurope" },
+  { value: "westeurope", label: "westeurope" },
+  { value: "brazilsouth", label: "brazilsouth" }
+];
+var MODEL_PROVIDERS = [
+  { value: "anthropic_api", label: "Anthropic API", category: "managed" },
+  { value: "openai_api", label: "OpenAI API", category: "managed" },
+  { value: "aws_bedrock", label: "AWS Bedrock", category: "cloud", needsRegion: true, defaultRegion: "us-east-1", regions: AWS_REGIONS },
+  { value: "google_vertex", label: "Google Vertex AI", category: "cloud", needsRegion: true, defaultRegion: "us-central1", regions: GCP_REGIONS },
+  { value: "azure_openai", label: "Azure OpenAI", category: "cloud", needsRegion: true, needsEndpoint: true, defaultRegion: "eastus", regions: AZURE_REGIONS },
+  { value: "groq", label: "Groq", category: "managed" },
+  { value: "mistral", label: "Mistral API", category: "managed" },
+  { value: "huggingface", label: "Hugging Face", category: "hosted", needsEndpoint: true },
+  { value: "ollama", label: "Ollama", category: "local", needsEndpoint: true },
+  { value: "custom", label: "Custom / OpenAI-compatible", category: "custom", needsEndpoint: true }
+];
+var PROVIDER_ICON = {
+  anthropic_api: outline.SparklesIcon,
+  openai_api: outline.BeakerIcon,
+  aws_bedrock: outline.CloudIcon,
+  google_vertex: outline.CloudIcon,
+  azure_openai: outline.CloudIcon,
+  groq: outline.BoltIcon,
+  mistral: outline.SparklesIcon,
+  huggingface: outline.ServerStackIcon,
+  ollama: outline.CpuChipIcon,
+  custom: outline.CodeBracketIcon
+};
+var PROVIDER_COLOR = {
+  anthropic_api: "amber",
+  openai_api: "emerald",
+  aws_bedrock: "amber",
+  google_vertex: "blue",
+  azure_openai: "sky",
+  groq: "purple",
+  mistral: "pink",
+  huggingface: "amber",
+  ollama: "slate",
+  custom: "slate"
+};
+var TOTAL_STEPS4 = 4;
+function ModelNewWizardPageView({
+  labels,
+  initialStep,
+  onStepChange,
+  onSubmit,
+  onCancel,
+  onTestConnection
+}) {
+  const clampedInitial = Math.min(TOTAL_STEPS4, Math.max(1, initialStep ?? 1));
+  const [step, setStep] = react.useState(clampedInitial);
+  const [providerSlug, setProviderSlug] = react.useState("anthropic_api");
+  const [name, setName] = react.useState("");
+  const [region, setRegion] = react.useState("");
+  const [endpoint, setEndpoint] = react.useState("");
+  const [apiKey, setApiKey] = react.useState("");
+  const [modelFilterItems, setModelFilterItems] = react.useState([]);
+  const [modelFilterSelected, setModelFilterSelected] = react.useState([]);
+  const [submitting, setSubmitting] = react.useState(false);
+  const [touched, setTouched] = react.useState(false);
+  const [testStatus, setTestStatus] = react.useState("idle");
+  const preset = react.useMemo(
+    () => MODEL_PROVIDERS.find((p) => p.value === providerSlug) ?? MODEL_PROVIDERS[0],
+    [providerSlug]
+  );
+  react.useEffect(() => {
+    if (preset.defaultRegion && !region) setRegion(preset.defaultRegion);
+  }, [providerSlug]);
+  react.useEffect(() => {
+    const next = Math.min(TOTAL_STEPS4, Math.max(1, initialStep ?? 1));
+    if (next !== step) setStep(next);
+  }, [initialStep]);
+  function markTouched() {
+    if (!touched) setTouched(true);
+  }
+  const goToStep = react.useCallback((next) => {
+    const clamped = Math.min(TOTAL_STEPS4, Math.max(1, next));
+    setStep(clamped);
+    onStepChange?.(clamped);
+  }, [onStepChange]);
+  function canAdvance(from) {
+    if (from === 1) return Boolean(providerSlug);
+    if (from === 2) return name.trim().length > 0;
+    return true;
+  }
+  const goNext = react.useCallback(() => {
+    if (!canAdvance(step)) return;
+    if (step < TOTAL_STEPS4) goToStep(step + 1);
+  }, [step, providerSlug, name]);
+  const goBack = react.useCallback(() => {
+    if (step > 1) goToStep(step - 1);
+  }, [step, goToStep]);
+  const cancelWithConfirm = react.useCallback(() => {
+    if (touched && !window.confirm(labels.wizardCancelConfirm)) return;
+    onCancel();
+  }, [touched, labels.wizardCancelConfirm, onCancel]);
+  function buildPayload() {
+    return {
+      providerSlug,
+      name: name.trim(),
+      region: region.trim() || void 0,
+      endpoint: endpoint.trim() || void 0,
+      apiKey: apiKey || void 0,
+      modelFilters: modelFilterSelected.length > 0 ? [...modelFilterSelected] : void 0
+    };
+  }
+  async function handleTestConnection() {
+    if (!onTestConnection) return;
+    setTestStatus("testing");
+    try {
+      const ok = await onTestConnection(buildPayload());
+      setTestStatus(ok ? "success" : "failed");
+      setTimeout(() => setTestStatus("idle"), 3500);
+    } catch {
+      setTestStatus("failed");
+      setTimeout(() => setTestStatus("idle"), 3500);
+    }
+  }
+  async function submit() {
+    setSubmitting(true);
+    try {
+      await onSubmit(buildPayload());
+    } finally {
+      setSubmitting(false);
+    }
+  }
+  const stepTitles = [labels.step1Title, labels.step2Title, labels.step3Title, labels.step4Title];
+  const stepSubtitles = [labels.step1Subtitle, labels.step2Subtitle, labels.step3Subtitle, labels.step4Subtitle];
+  const indicatorSteps = stepTitles.map((title, idx) => ({ id: String(idx + 1), title }));
+  const hero = /* @__PURE__ */ jsxRuntime.jsx(
+    chunkKZDABEML_js.HeroSection,
+    {
+      icon: /* @__PURE__ */ jsxRuntime.jsx(outline.CubeTransparentIcon, { className: "h-5 w-5" }),
+      label: labels.pageTitle,
+      title: stepTitles[step - 1] ?? labels.pageTitle,
+      subtitle: stepSubtitles[step - 1] ?? labels.pageSubtitle,
+      gradient: "from-emerald-500 to-teal-700",
+      actions: /* @__PURE__ */ jsxRuntime.jsx(
+        chunkMXQ2EYG2_js.IconButton,
+        {
+          label: labels.wizardCancel,
+          icon: /* @__PURE__ */ jsxRuntime.jsx(outline.XMarkIcon, { className: "h-5 w-5" }),
+          variant: "ghost",
+          onClick: cancelWithConfirm
+        }
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        chunkKZDABEML_js.StepIndicator,
+        {
+          accent: "indigo",
+          currentStep: step - 1,
+          onStepChange: (idx) => goToStep(idx + 1),
+          progressLabel: labels.pageTitle,
+          steps: indicatorSteps
+        }
+      )
+    }
+  );
+  function renderStep1() {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        role: "radiogroup",
+        "aria-label": labels.providerLabel,
+        className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3",
+        children: MODEL_PROVIDERS.map((p) => {
+          const Icon = PROVIDER_ICON[p.value] ?? outline.GlobeAltIcon;
+          const color = PROVIDER_COLOR[p.value] ?? "slate";
+          const selected = providerSlug === p.value;
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            chunkKZDABEML_js.FilterTileButton,
+            {
+              isActive: selected,
+              color,
+              icon: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-5 w-5" }),
+              label: p.label,
+              count: p.category,
+              onClick: () => {
+                setProviderSlug(p.value);
+                markTouched();
+              }
+            },
+            p.value
+          );
+        })
+      }
+    );
+  }
+  function renderStep2() {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4", children: /* @__PURE__ */ jsxRuntime.jsxs(chunkKZDABEML_js.FormGrid, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        chunkKZDABEML_js.FormInput,
+        {
+          label: labels.nameLabel,
+          value: name,
+          onValueChange: (v) => {
+            setName(v);
+            markTouched();
+          },
+          placeholder: labels.namePlaceholder || `${preset.label} \u2014 produ\xE7\xE3o`,
+          required: true
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        chunkKZDABEML_js.FormInput,
+        {
+          label: labels.apiKeyLabel,
+          type: "password",
+          value: apiKey,
+          onValueChange: (v) => {
+            setApiKey(v);
+            markTouched();
+          },
+          placeholder: labels.apiKeyPlaceholder
+        }
+      )
+    ] }) });
+  }
+  function renderStep3() {
+    const showRegion = preset.needsRegion === true;
+    const showEndpoint = preset.needsEndpoint === true;
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkKZDABEML_js.FormGrid, { children: [
+        showRegion && (preset.regions ? /* @__PURE__ */ jsxRuntime.jsx(
+          chunkKZDABEML_js.FormSelect,
+          {
+            label: labels.regionLabel,
+            value: region,
+            onValueChange: (v) => {
+              setRegion(v);
+              markTouched();
+            },
+            options: [...preset.regions]
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx(
+          chunkKZDABEML_js.FormInput,
+          {
+            label: labels.regionLabel,
+            value: region,
+            onValueChange: (v) => {
+              setRegion(v);
+              markTouched();
+            },
+            placeholder: labels.regionPlaceholder ?? preset.defaultRegion
+          }
+        )),
+        showEndpoint && /* @__PURE__ */ jsxRuntime.jsx(
+          chunkKZDABEML_js.FormInput,
+          {
+            label: labels.endpointLabel,
+            type: "url",
+            value: endpoint,
+            onValueChange: (v) => {
+              setEndpoint(v);
+              markTouched();
+            },
+            placeholder: labels.endpointPlaceholder ?? "https://\u2026"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "block text-xs font-medium text-slate-500 dark:text-slate-400", children: labels.modelFilterLabel }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkKZDABEML_js.ChipPicker,
+          {
+            items: modelFilterItems,
+            selectedIds: modelFilterSelected,
+            onChange: (ids) => {
+              setModelFilterSelected(ids);
+              markTouched();
+            },
+            onItemsChange: (items) => {
+              setModelFilterItems(items);
+              markTouched();
+            },
+            allowCustom: true,
+            showActions: false,
+            addPlaceholder: labels.modelFilterPlaceholder,
+            addAriaLabel: labels.modelFilterLabel
+          }
+        )
+      ] }),
+      onTestConnection && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liquid-divider flex flex-wrap items-center gap-3 border-t pt-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkMXQ2EYG2_js.Button,
+          {
+            type: "button",
+            outline: true,
+            onClick: () => void handleTestConnection(),
+            disabled: testStatus === "testing",
+            children: testStatus === "testing" ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.Spinner, { size: "xs" }),
+              labels.testing
+            ] }) : labels.testConnection
+          }
+        ),
+        testStatus === "success" && /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.StatusBadge, { status: "success", label: labels.connectionSuccess }),
+        testStatus === "failed" && /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.StatusBadge, { status: "error", label: labels.connectionFailed })
+      ] })
+    ] });
+  }
+  function renderStep4() {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ReviewBlock4,
+        {
+          stepTitle: labels.step1Title,
+          stepSubtitle: labels.step1Subtitle,
+          editLabel: labels.wizardReviewEdit,
+          onEdit: () => goToStep(1),
+          children: /* @__PURE__ */ jsxRuntime.jsx("dl", { className: "grid grid-cols-1 gap-2 sm:grid-cols-2", children: /* @__PURE__ */ jsxRuntime.jsx(ReviewRow4, { label: labels.reviewProviderLabel, value: preset.label }) })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ReviewBlock4,
+        {
+          stepTitle: labels.step2Title,
+          stepSubtitle: labels.step2Subtitle,
+          editLabel: labels.wizardReviewEdit,
+          onEdit: () => goToStep(2),
+          children: /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "grid grid-cols-1 gap-2 sm:grid-cols-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ReviewRow4, { label: labels.reviewNameLabel, value: name || labels.reviewNoneValue }),
+            /* @__PURE__ */ jsxRuntime.jsx(ReviewRow4, { label: labels.reviewApiKeyLabel, value: apiKey ? labels.reviewApiKeyRedacted : labels.reviewNoneValue })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ReviewBlock4,
+        {
+          stepTitle: labels.step3Title,
+          stepSubtitle: labels.step3Subtitle,
+          editLabel: labels.wizardReviewEdit,
+          onEdit: () => goToStep(3),
+          children: /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "grid grid-cols-1 gap-2 sm:grid-cols-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ReviewRow4, { label: labels.reviewRegionLabel, value: region || labels.reviewNoneValue }),
+            /* @__PURE__ */ jsxRuntime.jsx(ReviewRow4, { label: labels.reviewEndpointLabel, value: endpoint || labels.reviewNoneValue }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ReviewRow4,
+              {
+                label: labels.reviewModelsLabel,
+                value: modelFilterSelected.length > 0 ? modelFilterSelected.join(", ") : labels.reviewNoneValue
+              }
+            )
+          ] })
+        }
+      )
+    ] });
+  }
+  const stepBody = step === 1 ? renderStep1() : step === 2 ? renderStep2() : step === 3 ? renderStep3() : renderStep4();
+  const advanceDisabled = !canAdvance(step);
+  const isLast = step === TOTAL_STEPS4;
+  const scrollableStep = step === 1 || step === 4;
+  const bodyClass = scrollableStep ? "p-5 pt-5 sm:p-8 sm:pt-8 max-h-[60vh] overflow-y-auto" : "p-5 pt-5 sm:p-8 sm:pt-8";
+  const footer = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liquid-divider flex items-center justify-between border-t pt-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", outline: true, onClick: step === 1 ? cancelWithConfirm : goBack, disabled: submitting, children: step === 1 ? labels.wizardCancel : labels.wizardBack }),
+    isLast ? /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", color: "ios-glass-blue", onClick: () => void submit(), disabled: submitting || !name.trim(), children: submitting ? labels.wizardCreate + "\u2026" : labels.wizardCreate }) : /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", color: "ios-glass-blue", onClick: goNext, disabled: advanceDisabled || submitting, children: labels.wizardNext })
+  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "form",
+    {
+      onSubmit: (e) => {
+        e.preventDefault();
+        if (step < TOTAL_STEPS4) goNext();
+        else void submit();
+      },
+      className: "space-y-4",
+      children: [
+        hero,
+        /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.Card, { variant: "default", children: /* @__PURE__ */ jsxRuntime.jsx(chunkKZDABEML_js.CardContent, { className: bodyClass, children: stepBody }) }),
+        footer
+      ]
+    }
+  );
+}
+function ReviewRow4({ label, value }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-slate-200/60 bg-white/40 px-3 py-2 dark:border-white/10 dark:bg-white/[0.04]", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-[10px] uppercase tracking-wider text-slate-400 dark:text-slate-500", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "mt-0.5 truncate text-xs font-semibold text-slate-900 dark:text-white", children: value })
+  ] });
+}
+function ReviewBlock4({
+  stepTitle,
+  stepSubtitle,
+  editLabel,
+  onEdit,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "border-b liquid-divider pb-4 last:border-b-0 last:pb-0", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "mb-2 flex items-start justify-between gap-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "truncate text-sm font-semibold text-slate-900 dark:text-white", children: stepTitle }),
+        stepSubtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-xs text-slate-500 dark:text-slate-400", children: stepSubtitle })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkMXQ2EYG2_js.Button, { type: "button", size: "sm", outline: true, onClick: onEdit, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(outline.PencilSquareIcon, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1.5", children: editLabel })
+      ] })
+    ] }),
+    children
+  ] });
+}
+function ModelNewModal({ open, onClose, ...wizardProps }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkKZDABEML_js.GlassModal,
+    {
+      open,
+      onClose,
+      maxWidth: "2xl",
+      closeOnBackdrop: false,
+      closeLabel: wizardProps.labels.wizardCancel,
+      children: /* @__PURE__ */ jsxRuntime.jsx(ModelNewWizardPageView, { ...wizardProps })
+    }
+  );
+}
 
 Object.defineProperty(exports, "RolesPageView", {
   enumerable: true,
-  get: function () { return chunk7IAWXG43_js.RolesPageView; }
+  get: function () { return chunkOQM252SM_js.RolesPageView; }
 });
 Object.defineProperty(exports, "UsersPageView", {
   enumerable: true,
-  get: function () { return chunk7IAWXG43_js.UsersPageView; }
+  get: function () { return chunkOQM252SM_js.UsersPageView; }
 });
 Object.defineProperty(exports, "DIALECT_CATEGORIES", {
   enumerable: true,
-  get: function () { return chunkVCL5LDS5_js.DIALECT_CATEGORIES; }
+  get: function () { return chunkPADXORD2_js.DIALECT_CATEGORIES; }
 });
 Object.defineProperty(exports, "DatasourceFormModal", {
   enumerable: true,
-  get: function () { return chunkVCL5LDS5_js.DatasourceFormModal; }
+  get: function () { return chunkPADXORD2_js.DatasourceFormModal; }
 });
 Object.defineProperty(exports, "DatasourceModal", {
   enumerable: true,
-  get: function () { return chunkVCL5LDS5_js.DatasourceModal; }
+  get: function () { return chunkPADXORD2_js.DatasourceModal; }
 });
 Object.defineProperty(exports, "findCategory", {
   enumerable: true,
-  get: function () { return chunkVCL5LDS5_js.findCategory; }
+  get: function () { return chunkPADXORD2_js.findCategory; }
 });
 Object.defineProperty(exports, "findDialect", {
   enumerable: true,
-  get: function () { return chunkVCL5LDS5_js.findDialect; }
+  get: function () { return chunkPADXORD2_js.findDialect; }
 });
+exports.AgentNewModal = AgentNewModal;
 exports.AgentNewWizardPageView = AgentNewWizardPageView;
 exports.AgentsConfigPageView = AgentsConfigPageView;
 exports.AgentsIndexPageView = AgentsIndexPageView;
@@ -5984,8 +6306,13 @@ exports.AgentsWorkspacePageView = AgentsWorkspacePageView;
 exports.ConnectionsPageView = ConnectionsPageView;
 exports.CredentialsPageView = CredentialsPageView;
 exports.DashboardPageView = DashboardPageView;
+exports.DatasourceNewModal = DatasourceNewModal;
 exports.DatasourceNewWizardPageView = DatasourceNewWizardPageView;
 exports.DatasourcesPageView = DatasourcesPageView;
+exports.MODEL_PROVIDERS = MODEL_PROVIDERS;
+exports.ModelNewModal = ModelNewModal;
+exports.ModelNewWizardPageView = ModelNewWizardPageView;
+exports.RuleNewModal = RuleNewModal;
 exports.RuleNewWizardPageView = RuleNewWizardPageView;
 exports.RulesPageView = RulesPageView;
 exports.RunTimelinePageView = RunTimelinePageView;