@datatechsolutions/ui 3.9.1 → 3.11.0

package/dist/platform/pages/index.js

@@ -2,16 +2,16 @@
 'use strict';
 
 var chunk3T2WGL47_js = require('../../chunk-3T2WGL47.js');
-var chunkIVKFXPLO_js = require('../../chunk-IVKFXPLO.js');
-var chunkR6GEJBFC_js = require('../../chunk-R6GEJBFC.js');
-var chunkU6VFS3RD_js = require('../../chunk-U6VFS3RD.js');
+var chunkZ6FZQOTW_js = require('../../chunk-Z6FZQOTW.js');
+var chunk62BD4WLW_js = require('../../chunk-62BD4WLW.js');
+var chunkH475T2N7_js = require('../../chunk-H475T2N7.js');
 require('../../chunk-55H6WZQP.js');
 require('../../chunk-DJDZIRM6.js');
-require('../../chunk-7AM2SXEF.js');
-var chunkMT66VKLS_js = require('../../chunk-MT66VKLS.js');
-require('../../chunk-YXN2K77G.js');
-require('../../chunk-SY4MUT5V.js');
+require('../../chunk-6TKCMQ75.js');
+var chunkZGVN23J4_js = require('../../chunk-ZGVN23J4.js');
+require('../../chunk-ZUU7G3PC.js');
 require('../../chunk-2OZZH2IO.js');
+require('../../chunk-YXN2K77G.js');
 require('../../chunk-EZQ2D47U.js');
 var chunkBHOT22QL_js = require('../../chunk-BHOT22QL.js');
 require('../../chunk-UZ3CMNUJ.js');
@@ -27,36 +27,35 @@ function AgentsModelsPageView({ labels, models, loading }) {
   const filteredModels = searchTerm.trim() ? allModels.filter((model) => model.name.toLowerCase().includes(searchTerm.trim().toLowerCase())) : allModels;
   const isEmpty = allModels.length === 0;
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkMT66VKLS_js.HeroSection,
+    chunkZGVN23J4_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.CubeTransparentIcon, { className: "h-5 w-5" }),
       label: labels.title,
       title: labels.title,
       subtitle: labels.subtitle,
-      gradient: "from-emerald-500 to-teal-700"
+      gradient: "from-emerald-500 to-teal-700",
+      toolbar: !isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
+        chunkZGVN23J4_js.SearchBar,
+        {
+          searchTerm,
+          onSearchChange: setSearchTerm,
+          placeholder: labels.searchPlaceholder ?? labels.title,
+          noBorder: true
+        }
+      ) : void 0
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      chunkMT66VKLS_js.SearchBar,
-      {
-        searchTerm,
-        onSearchChange: setSearchTerm,
-        placeholder: labels.searchPlaceholder ?? labels.title
-      }
-    ),
-    /* @__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(
-      chunkMT66VKLS_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(chunkBHOT22QL_js.Badge, { color: model.enabled ? "emerald" : "zinc", children: model.enabled ? labels.enabled : labels.disabled })
-      },
-      model.id
-    )) })
-  ] });
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_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(
+    chunkZGVN23J4_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(chunkBHOT22QL_js.Badge, { color: model.enabled ? "emerald" : "zinc", children: model.enabled ? labels.enabled : labels.disabled })
+    },
+    model.id
+  )) });
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     hero,
     content
@@ -71,7 +70,7 @@ function AgentsConfigPageView({ labels, agents, models, loading, onCreate, onUpd
   const filteredAgents = searchTerm.trim() ? allAgents.filter((agent) => String(agent.name ?? "").toLowerCase().includes(searchTerm.trim().toLowerCase())) : allAgents;
   const isEmpty = allAgents.length === 0;
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkMT66VKLS_js.HeroSection,
+    chunkZGVN23J4_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.CpuChipIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -79,7 +78,7 @@ function AgentsConfigPageView({ labels, agents, models, loading, onCreate, onUpd
       subtitle: labels.subtitle,
       gradient: "from-violet-500 to-indigo-700",
       toolbar: !isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
-        chunkMT66VKLS_js.SearchBar,
+        chunkZGVN23J4_js.SearchBar,
         {
           searchTerm,
           onSearchChange: setSearchTerm,
@@ -88,7 +87,7 @@ function AgentsConfigPageView({ labels, agents, models, loading, onCreate, onUpd
         }
       ) : void 0,
       actions: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkMT66VKLS_js.CreateActionButton,
+        chunkZGVN23J4_js.CreateActionButton,
         {
           mode: "desktop",
           label: labels.addAgent,
@@ -99,7 +98,7 @@ function AgentsConfigPageView({ labels, agents, models, loading, onCreate, onUpd
     }
   );
   const mobileAction = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkMT66VKLS_js.CreateActionButton,
+    chunkZGVN23J4_js.CreateActionButton,
     {
       mode: "mobile",
       label: labels.addAgent,
@@ -107,10 +106,10 @@ function AgentsConfigPageView({ labels, agents, models, loading, onCreate, onUpd
       accent: "violet"
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_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(chunkZGVN23J4_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_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(
-      chunkMT66VKLS_js.EntityCard,
+      chunkZGVN23J4_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" }) }),
@@ -147,7 +146,7 @@ function AgentsConfigPageView({ labels, agents, models, loading, onCreate, onUpd
     );
   }) });
   const renderForm = (initial, onSubmit) => /* @__PURE__ */ jsxRuntime.jsx(
-    chunkMT66VKLS_js.GlassModal,
+    chunkZGVN23J4_js.GlassModal,
     {
       open: true,
       onClose: () => {
@@ -170,13 +169,13 @@ function AgentsConfigPageView({ labels, agents, models, loading, onCreate, onUpd
           outputSchema: String(form.get("outputSchema") ?? "").trim() || void 0
         });
       },
-      children: /* @__PURE__ */ jsxRuntime.jsxs(chunkMT66VKLS_js.FormGrid, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.FormInput, { name: "name", label: labels.name, defaultValue: initial.name ?? "", required: true }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.FormSelect, { name: "modelId", label: labels.model, options: modelOptions, defaultValue: initial.modelId ?? modelOptions[0]?.value ?? "", required: true }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.FormInput, { name: "maxTokens", label: String(labels.maxTokens), type: "number", defaultValue: String(initial.maxTokens ?? 2048) }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_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(chunkMT66VKLS_js.FormTextarea, { name: "systemPrompt", label: labels.systemPrompt, defaultValue: initial.systemPrompt ?? "", rows: 4 }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.FormTextarea, { name: "outputSchema", label: labels.outputSchema, placeholder: labels.outputSchemaPlaceholder, defaultValue: initial.outputSchema ?? "", rows: 4 })
+      children: /* @__PURE__ */ jsxRuntime.jsxs(chunkZGVN23J4_js.FormGrid, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.FormInput, { name: "name", label: labels.name, defaultValue: initial.name ?? "", required: true }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.FormSelect, { name: "modelId", label: labels.model, options: modelOptions, defaultValue: initial.modelId ?? modelOptions[0]?.value ?? "", required: true }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.FormInput, { name: "maxTokens", label: String(labels.maxTokens), type: "number", defaultValue: String(initial.maxTokens ?? 2048) }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_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(chunkZGVN23J4_js.FormTextarea, { name: "systemPrompt", label: labels.systemPrompt, defaultValue: initial.systemPrompt ?? "", rows: 4 }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.FormTextarea, { name: "outputSchema", label: labels.outputSchema, placeholder: labels.outputSchemaPlaceholder, defaultValue: initial.outputSchema ?? "", rows: 4 })
       ] })
     }
   );
@@ -243,7 +242,7 @@ function AgentsPromptsPageView({ labels, agents, prompts, loading, onCreate, onA
   }) : allPrompts;
   const isEmpty = allPrompts.length === 0;
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkMT66VKLS_js.HeroSection,
+    chunkZGVN23J4_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.ChatBubbleLeftEllipsisIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -251,7 +250,7 @@ function AgentsPromptsPageView({ labels, agents, prompts, loading, onCreate, onA
       subtitle: labels.subtitle,
       gradient: "from-sky-500 to-blue-700",
       toolbar: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkMT66VKLS_js.CreateActionButton,
+        chunkZGVN23J4_js.CreateActionButton,
         {
           mode: "desktop",
           label: labels.addPrompt,
@@ -262,7 +261,7 @@ function AgentsPromptsPageView({ labels, agents, prompts, loading, onCreate, onA
     }
   );
   const mobileAction = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkMT66VKLS_js.CreateActionButton,
+    chunkZGVN23J4_js.CreateActionButton,
     {
       mode: "mobile",
       label: labels.addPrompt,
@@ -270,9 +269,9 @@ function AgentsPromptsPageView({ labels, agents, prompts, loading, onCreate, onA
       accent: "sky"
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkMT66VKLS_js.SearchBar,
+      chunkZGVN23J4_js.SearchBar,
       {
         searchTerm,
         onSearchChange: setSearchTerm,
@@ -283,7 +282,7 @@ function AgentsPromptsPageView({ labels, agents, prompts, loading, onCreate, onA
       const agentName = agentNameById.get(prompt.agentId) ?? prompt.agentId;
       const key = `${prompt.agentId}:${prompt.locale}:${prompt.version}`;
       return /* @__PURE__ */ jsxRuntime.jsx(
-        chunkMT66VKLS_js.EntityCard,
+        chunkZGVN23J4_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" }) }),
@@ -318,7 +317,7 @@ function AgentsPromptsPageView({ labels, agents, prompts, loading, onCreate, onA
       mobileAction
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkMT66VKLS_js.GlassModal,
+      chunkZGVN23J4_js.GlassModal,
       {
         open: createOpen,
         onClose: () => setCreateOpen(false),
@@ -342,11 +341,11 @@ function AgentsPromptsPageView({ labels, agents, prompts, loading, onCreate, onA
           });
           setCreateOpen(false);
         },
-        children: /* @__PURE__ */ jsxRuntime.jsxs(chunkMT66VKLS_js.FormGrid, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.FormSelect, { name: "agentId", label: labels.agent, options: agentOptions, required: true }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.FormSelect, { name: "locale", label: labels.locale, options: LOCALE_OPTIONS, defaultValue: "en" }),
+        children: /* @__PURE__ */ jsxRuntime.jsxs(chunkZGVN23J4_js.FormGrid, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.FormSelect, { name: "agentId", label: labels.agent, options: agentOptions, required: true }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.FormSelect, { name: "locale", label: labels.locale, options: LOCALE_OPTIONS, defaultValue: "en" }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkMT66VKLS_js.FormSelect,
+            chunkZGVN23J4_js.FormSelect,
             {
               name: "isActive",
               label: labels.isActive,
@@ -354,10 +353,10 @@ function AgentsPromptsPageView({ labels, agents, prompts, loading, onCreate, onA
               defaultValue: "true"
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.FormInput, { name: "reason", label: labels.reason }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.FormTextarea, { name: "systemPrompt", label: labels.systemPrompt, rows: 3 }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.FormTextarea, { name: "userTemplate", label: labels.userTemplate, rows: 3 }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.FormTextarea, { name: "prompt", label: labels.prompt, rows: 6, required: true })
+          /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.FormInput, { name: "reason", label: labels.reason }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.FormTextarea, { name: "systemPrompt", label: labels.systemPrompt, rows: 3 }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.FormTextarea, { name: "userTemplate", label: labels.userTemplate, rows: 3 }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.FormTextarea, { name: "prompt", label: labels.prompt, rows: 6, required: true })
         ] })
       }
     )
@@ -392,7 +391,7 @@ function AgentsToolDefinitionsPageView({ labels, tools, loading, onCreate, onUpd
   const filteredTools = searchTerm.trim() ? allTools.filter((tool) => tool.name.toLowerCase().includes(searchTerm.trim().toLowerCase())) : allTools;
   const isEmpty = allTools.length === 0;
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkMT66VKLS_js.HeroSection,
+    chunkZGVN23J4_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.WrenchScrewdriverIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -400,7 +399,7 @@ function AgentsToolDefinitionsPageView({ labels, tools, loading, onCreate, onUpd
       subtitle: labels.subtitle,
       gradient: "from-amber-500 to-orange-700",
       toolbar: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkMT66VKLS_js.CreateActionButton,
+        chunkZGVN23J4_js.CreateActionButton,
         {
           mode: "desktop",
           label: labels.addTool,
@@ -411,7 +410,7 @@ function AgentsToolDefinitionsPageView({ labels, tools, loading, onCreate, onUpd
     }
   );
   const mobileAction = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkMT66VKLS_js.CreateActionButton,
+    chunkZGVN23J4_js.CreateActionButton,
     {
       mode: "mobile",
       label: labels.addTool,
@@ -419,9 +418,9 @@ function AgentsToolDefinitionsPageView({ labels, tools, loading, onCreate, onUpd
       accent: "amber"
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkMT66VKLS_js.SearchBar,
+      chunkZGVN23J4_js.SearchBar,
       {
         searchTerm,
         onSearchChange: setSearchTerm,
@@ -429,7 +428,7 @@ function AgentsToolDefinitionsPageView({ labels, tools, loading, onCreate, onUpd
       }
     ),
     /* @__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(
-      chunkMT66VKLS_js.EntityCard,
+      chunkZGVN23J4_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" }) }),
@@ -519,7 +518,7 @@ function ToolEditor({
     setValue((v) => ({ ...v, [key]: next }));
   };
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkMT66VKLS_js.GlassModal,
+    chunkZGVN23J4_js.GlassModal,
     {
       open: true,
       onClose,
@@ -532,9 +531,9 @@ function ToolEditor({
         handleSubmit();
       },
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-5", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(chunkMT66VKLS_js.FormGrid, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkZGVN23J4_js.FormGrid, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkMT66VKLS_js.FormInput,
+            chunkZGVN23J4_js.FormInput,
             {
               label: "Name",
               required: true,
@@ -544,7 +543,7 @@ function ToolEditor({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkMT66VKLS_js.FormSelect,
+            chunkZGVN23J4_js.FormSelect,
             {
               label: "Tool type",
               value: value.toolType,
@@ -554,7 +553,7 @@ function ToolEditor({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkMT66VKLS_js.FormSelect,
+            chunkZGVN23J4_js.FormSelect,
             {
               label: "Enabled",
               value: value.enabled ? "true" : "false",
@@ -563,7 +562,7 @@ function ToolEditor({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkMT66VKLS_js.FormInput,
+            chunkZGVN23J4_js.FormInput,
             {
               label: "Icon (optional)",
               value: value.icon ?? "",
@@ -573,7 +572,7 @@ function ToolEditor({
           )
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkMT66VKLS_js.FormTextarea,
+          chunkZGVN23J4_js.FormTextarea,
           {
             label: "Description",
             rows: 2,
@@ -621,7 +620,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(
-          chunkMT66VKLS_js.FormInput,
+          chunkZGVN23J4_js.FormInput,
           {
             label: "Name",
             value: param.name,
@@ -630,7 +629,7 @@ function ParametersEditor({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkMT66VKLS_js.FormSelect,
+          chunkZGVN23J4_js.FormSelect,
           {
             label: "Type",
             value: param.type,
@@ -639,7 +638,7 @@ function ParametersEditor({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkMT66VKLS_js.FormInput,
+          chunkZGVN23J4_js.FormInput,
           {
             label: "Description",
             value: param.description,
@@ -673,9 +672,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(chunkMT66VKLS_js.FormGrid, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkZGVN23J4_js.FormGrid, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkMT66VKLS_js.FormSelect,
+          chunkZGVN23J4_js.FormSelect,
           {
             label: "Method",
             value: stringProp(config, "method", "GET"),
@@ -684,7 +683,7 @@ function HandlerConfigEditor({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkMT66VKLS_js.FormInput,
+          chunkZGVN23J4_js.FormInput,
           {
             label: "URL template",
             value: stringProp(config, "url"),
@@ -694,7 +693,7 @@ function HandlerConfigEditor({
         )
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkMT66VKLS_js.FormTextarea,
+        chunkZGVN23J4_js.FormTextarea,
         {
           label: "Headers (JSON)",
           rows: 3,
@@ -704,7 +703,7 @@ function HandlerConfigEditor({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkMT66VKLS_js.FormTextarea,
+        chunkZGVN23J4_js.FormTextarea,
         {
           label: "Body template",
           rows: 3,
@@ -719,7 +718,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(
-        chunkMT66VKLS_js.FormInput,
+        chunkZGVN23J4_js.FormInput,
         {
           label: "Implementation key",
           value: stringProp(config, "implementationKey"),
@@ -733,9 +732,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(chunkMT66VKLS_js.FormGrid, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkZGVN23J4_js.FormGrid, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkMT66VKLS_js.FormInput,
+          chunkZGVN23J4_js.FormInput,
           {
             label: "Datasource ID",
             value: stringProp(config, "datasourceId"),
@@ -744,7 +743,7 @@ function HandlerConfigEditor({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkMT66VKLS_js.FormInput,
+          chunkZGVN23J4_js.FormInput,
           {
             label: "Max rows",
             type: "number",
@@ -754,7 +753,7 @@ function HandlerConfigEditor({
         )
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkMT66VKLS_js.FormTextarea,
+        chunkZGVN23J4_js.FormTextarea,
         {
           label: "Query template",
           rows: 4,
@@ -770,7 +769,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(
-        chunkMT66VKLS_js.FormSelect,
+        chunkZGVN23J4_js.FormSelect,
         {
           label: "Language",
           value: stringProp(config, "language", "javascript"),
@@ -782,7 +781,7 @@ function HandlerConfigEditor({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkMT66VKLS_js.FormTextarea,
+        chunkZGVN23J4_js.FormTextarea,
         {
           label: "Code",
           rows: 6,
@@ -795,9 +794,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(chunkMT66VKLS_js.FormGrid, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(chunkZGVN23J4_js.FormGrid, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkMT66VKLS_js.FormInput,
+        chunkZGVN23J4_js.FormInput,
         {
           label: "URL",
           value: stringProp(config, "url"),
@@ -805,7 +804,7 @@ function HandlerConfigEditor({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkMT66VKLS_js.FormSelect,
+        chunkZGVN23J4_js.FormSelect,
         {
           label: "Auth",
           value: stringProp(config, "authType", "bearer"),
@@ -819,7 +818,7 @@ function HandlerConfigEditor({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkMT66VKLS_js.FormInput,
+        chunkZGVN23J4_js.FormInput,
         {
           label: "Credential secret id",
           value: stringProp(config, "credentialRef"),
@@ -944,15 +943,19 @@ function setFromJson(set, key, raw) {
     set(key, raw);
   }
 }
-function RulesPageView({ labels, rules, loading, onCreate, onUpdate, onDelete }) {
+function RulesPageView({ labels, rules, loading, onCreate, onUpdate, onDelete, onAddClick }) {
   const [createOpen, setCreateOpen] = react.useState(false);
+  const openCreate = () => {
+    if (onAddClick) onAddClick();
+    else setCreateOpen(true);
+  };
   const [editing, setEditing] = react.useState(null);
   const [searchTerm, setSearchTerm] = react.useState("");
   const allRules = rules;
   const filteredRules = searchTerm.trim() ? allRules.filter((rule) => (rule.name ?? "").toLowerCase().includes(searchTerm.trim().toLowerCase())) : allRules;
   const isEmpty = allRules.length === 0;
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkMT66VKLS_js.HeroSection,
+    chunkZGVN23J4_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.AdjustmentsHorizontalIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -960,28 +963,28 @@ function RulesPageView({ labels, rules, loading, onCreate, onUpdate, onDelete })
       subtitle: labels.subtitle,
       gradient: "from-fuchsia-500 to-purple-700",
       toolbar: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkMT66VKLS_js.CreateActionButton,
+        chunkZGVN23J4_js.CreateActionButton,
         {
           mode: "desktop",
           label: labels.addRule,
-          onClick: () => setCreateOpen(true),
+          onClick: openCreate,
           accent: "fuchsia"
         }
       )
     }
   );
   const mobileAction = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkMT66VKLS_js.CreateActionButton,
+    chunkZGVN23J4_js.CreateActionButton,
     {
       mode: "mobile",
       label: labels.addRule,
-      onClick: () => setCreateOpen(true),
+      onClick: openCreate,
       accent: "fuchsia"
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkMT66VKLS_js.SearchBar,
+      chunkZGVN23J4_js.SearchBar,
       {
         searchTerm,
         onSearchChange: setSearchTerm,
@@ -989,7 +992,7 @@ function RulesPageView({ labels, rules, loading, onCreate, onUpdate, onDelete })
       }
     ),
     /* @__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(
-      chunkMT66VKLS_js.EntityCard,
+      chunkZGVN23J4_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" }) }),
@@ -1027,7 +1030,7 @@ function RulesPageView({ labels, rules, loading, onCreate, onUpdate, onDelete })
       {
         title: labels.createTitle,
         saveLabel: labels.save,
-        initial: chunkU6VFS3RD_js.defaultRuleForm(),
+        initial: chunkH475T2N7_js.defaultRuleForm(),
         onClose: () => setCreateOpen(false),
         onSubmit: (value) => {
           onCreate(value);
@@ -1059,7 +1062,7 @@ function RuleEditor({
 }) {
   const [value, setValue] = react.useState(initial);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkMT66VKLS_js.GlassModal,
+    chunkZGVN23J4_js.GlassModal,
     {
       open: true,
       onClose,
@@ -1071,12 +1074,12 @@ function RuleEditor({
         event.preventDefault();
         onSubmit(value);
       },
-      children: /* @__PURE__ */ jsxRuntime.jsx(chunkU6VFS3RD_js.RuleForm, { value, onChange: setValue })
+      children: /* @__PURE__ */ jsxRuntime.jsx(chunkH475T2N7_js.RuleForm, { value, onChange: setValue })
     }
   );
 }
 function ruleToFormValue(rule) {
-  const base = chunkU6VFS3RD_js.defaultRuleForm();
+  const base = chunkH475T2N7_js.defaultRuleForm();
   const rawCondition = rule.condition ?? rule.conditions;
   const rawAction = pickAction(rule);
   return {
@@ -1091,7 +1094,10 @@ function ruleToFormValue(rule) {
     status: typeof rule.status === "string" ? rule.status : base.status,
     validFrom: typeof rule.validFrom === "string" ? rule.validFrom : base.validFrom,
     validUntil: typeof rule.validUntil === "string" ? rule.validUntil : base.validUntil,
-    tags: Array.isArray(rule.tags) ? rule.tags.filter((tag) => typeof tag === "string") : base.tags
+    tags: Array.isArray(rule.tags) ? rule.tags.filter((tag) => typeof tag === "string") : base.tags,
+    // Round-trip recurrence (Fallback 4) — backend persists it as the
+    // structured `{ kind, ... }` blob the wizard sends.
+    recurrence: rule.recurrence ?? null
   };
 }
 function pickAction(rule) {
@@ -1119,6 +1125,7 @@ var SAMPLE_DATASOURCES = [
     timeoutMs: 3e4,
     allowedTables: null,
     blockedColumns: null,
+    maskPii: null,
     enabled: true,
     createdAt: "2026-03-20T10:00:00Z",
     updatedAt: "2026-03-20T10:00:00Z",
@@ -1135,6 +1142,7 @@ var SAMPLE_DATASOURCES = [
     timeoutMs: 15e3,
     allowedTables: null,
     blockedColumns: null,
+    maskPii: null,
     enabled: true,
     createdAt: "2026-03-18T08:30:00Z",
     updatedAt: "2026-03-22T14:00:00Z",
@@ -1151,6 +1159,7 @@ var SAMPLE_DATASOURCES = [
     timeoutMs: 3e4,
     allowedTables: null,
     blockedColumns: null,
+    maskPii: null,
     enabled: true,
     createdAt: "2026-03-15T09:00:00Z",
     updatedAt: "2026-03-21T11:00:00Z",
@@ -1167,6 +1176,7 @@ var SAMPLE_DATASOURCES = [
     timeoutMs: 1e4,
     allowedTables: null,
     blockedColumns: null,
+    maskPii: null,
     enabled: false,
     createdAt: "2026-03-10T12:00:00Z",
     updatedAt: "2026-03-19T16:00:00Z",
@@ -1183,6 +1193,7 @@ var SAMPLE_DATASOURCES = [
     timeoutMs: 5e3,
     allowedTables: null,
     blockedColumns: null,
+    maskPii: null,
     enabled: true,
     createdAt: "2026-03-12T07:00:00Z",
     updatedAt: "2026-03-23T09:00:00Z",
@@ -1199,6 +1210,7 @@ var SAMPLE_DATASOURCES = [
     timeoutMs: 2e4,
     allowedTables: null,
     blockedColumns: null,
+    maskPii: null,
     enabled: true,
     createdAt: "2026-03-22T15:00:00Z",
     updatedAt: "2026-03-25T10:00:00Z",
@@ -1207,7 +1219,7 @@ var SAMPLE_DATASOURCES = [
 ];
 function getDialectLabel(dialect) {
   if (!dialect) return "Unknown";
-  for (const category of chunkR6GEJBFC_js.DIALECT_CATEGORIES) {
+  for (const category of chunk62BD4WLW_js.DIALECT_CATEGORIES) {
     const found = category.dialects.find((d) => d.value === dialect);
     if (found) return found.label;
   }
@@ -1215,12 +1227,12 @@ function getDialectLabel(dialect) {
 }
 function getDialectGradient(dialect) {
   if (!dialect) return "from-gray-400 to-gray-500";
-  const category = chunkR6GEJBFC_js.findCategory(dialect);
+  const category = chunk62BD4WLW_js.findCategory(dialect);
   return category?.gradient ?? "from-gray-400 to-gray-500";
 }
 function getDialectIcon(dialect) {
   if (!dialect) return outline.CircleStackIcon;
-  const category = chunkR6GEJBFC_js.findCategory(dialect);
+  const category = chunk62BD4WLW_js.findCategory(dialect);
   return category?.icon ?? outline.CircleStackIcon;
 }
 var DIALECT_LOGO = {
@@ -1259,9 +1271,14 @@ function DatasourcesPageView({
   labels,
   datasources: externalDatasources,
   useSampleData = false,
-  onCreate
+  onCreate,
+  onAddClick
 }) {
   const [modalOpen, setModalOpen] = react.useState(false);
+  const openCreate = () => {
+    if (onAddClick) onAddClick();
+    else setModalOpen(true);
+  };
   const [searchTerm, setSearchTerm] = react.useState("");
   const [localDatasources, setLocalDatasources] = react.useState(
     useSampleData ? SAMPLE_DATASOURCES : []
@@ -1285,6 +1302,7 @@ function DatasourcesPageView({
       timeoutMs: 3e4,
       allowedTables: null,
       blockedColumns: null,
+      maskPii: null,
       enabled: true,
       createdAt: (/* @__PURE__ */ new Date()).toISOString(),
       updatedAt: (/* @__PURE__ */ new Date()).toISOString(),
@@ -1294,7 +1312,7 @@ function DatasourcesPageView({
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkMT66VKLS_js.HeroSection,
+      chunkZGVN23J4_js.HeroSection,
       {
         icon: /* @__PURE__ */ jsxRuntime.jsx(outline.CircleStackIcon, { className: "h-5 w-5" }),
         label: labels.title,
@@ -1302,27 +1320,27 @@ function DatasourcesPageView({
         subtitle: labels.subtitle,
         gradient: "from-amber-500 to-orange-600",
         toolbar: /* @__PURE__ */ jsxRuntime.jsx(
-          chunkMT66VKLS_js.CreateActionButton,
+          chunkZGVN23J4_js.CreateActionButton,
           {
             mode: "desktop",
             label: labels.addDatasource,
-            onClick: () => setModalOpen(true),
+            onClick: openCreate,
             accent: "amber"
           }
         )
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkMT66VKLS_js.CreateActionButton,
+      chunkZGVN23J4_js.CreateActionButton,
       {
         mode: "mobile",
         label: labels.addDatasource,
-        onClick: () => setModalOpen(true),
+        onClick: openCreate,
         accent: "amber"
       }
     ),
     !isEmpty && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkMT66VKLS_js.SearchBar,
+      chunkZGVN23J4_js.SearchBar,
       {
         searchTerm,
         onSearchChange: setSearchTerm,
@@ -1330,7 +1348,7 @@ function DatasourcesPageView({
       }
     ),
     isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
-      chunkMT66VKLS_js.PageEmptyState,
+      chunkZGVN23J4_js.PageEmptyState,
       {
         title: labels.emptyTitle,
         message: labels.emptyDescription,
@@ -1344,7 +1362,7 @@ function DatasourcesPageView({
       const logoSrc = getDialectLogoSrc(ds.dialect);
       const iconElement = logoSrc ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liquid-surface flex h-11 w-11 items-center justify-center rounded-lg", 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(
-        chunkMT66VKLS_js.EntityCard,
+        chunkZGVN23J4_js.EntityCard,
         {
           accentGradient: gradient,
           icon: iconElement,
@@ -1374,7 +1392,7 @@ function DatasourcesPageView({
       );
     }) }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkR6GEJBFC_js.DatasourceModal,
+      chunk62BD4WLW_js.DatasourceModal,
       {
         open: modalOpen,
         onClose: () => setModalOpen(false),
@@ -1403,37 +1421,36 @@ 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(
-    chunkMT66VKLS_js.HeroSection,
+    chunkZGVN23J4_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.CpuChipIcon, { className: "h-5 w-5" }),
       label: labels.title,
       title: labels.title,
       subtitle: labels.subtitle,
-      gradient: "from-violet-500 to-indigo-700"
+      gradient: "from-violet-500 to-indigo-700",
+      toolbar: !isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
+        chunkZGVN23J4_js.SearchBar,
+        {
+          searchTerm,
+          onSearchChange: setSearchTerm,
+          placeholder: labels.searchPlaceholder ?? labels.title,
+          noBorder: true
+        }
+      ) : void 0
     }
   );
-  const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    !isEmpty && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkMT66VKLS_js.SearchBar,
+  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(
+      chunkZGVN23J4_js.EntityCard,
       {
-        searchTerm,
-        onSearchChange: setSearchTerm,
-        placeholder: labels.searchPlaceholder ?? labels.title
+        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" }) }),
+        title: tile.title,
+        children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-slate-500 dark:text-slate-400", children: tile.subtitle })
       }
-    ),
-    /* @__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(
-        chunkMT66VKLS_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" }) }),
-          title: tile.title,
-          children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-slate-500 dark:text-slate-400", children: tile.subtitle })
-        }
-      ) }, tile.id);
-    }) })
-  ] });
+    ) }, tile.id);
+  }) });
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     hero,
     content
@@ -1443,7 +1460,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(
-      chunkMT66VKLS_js.SectionHeader,
+      chunkZGVN23J4_js.SectionHeader,
       {
         icon: /* @__PURE__ */ jsxRuntime.jsx(outline.RectangleStackIcon, { className: "h-5 w-5 text-white" }),
         title: labels.title,
@@ -1452,9 +1469,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(chunkMT66VKLS_js.Text, { className: "font-semibold text-slate-900 dark:text-slate-100", children: labels.add }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.Text, { className: "font-semibold text-slate-900 dark:text-slate-100", children: labels.add }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkMT66VKLS_js.Form,
+        chunkZGVN23J4_js.Form,
         {
           onSubmit: (event) => {
             event.preventDefault();
@@ -1465,32 +1482,32 @@ function WorkflowsPageView({ labels, workflows, onCreate, onUpdateMeta, onPublis
             onCreate({ name, description });
             event.currentTarget.reset();
           },
-          children: /* @__PURE__ */ jsxRuntime.jsxs(chunkMT66VKLS_js.FormGrid, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.FormInput, { name: "name", label: labels.workflowName, placeholder: labels.workflowNamePlaceholder, required: true }),
-            /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.FormTextarea, { name: "description", label: labels.description, placeholder: labels.workflowDescriptionPlaceholder, rows: 3 }),
-            /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.FormActionsRow, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "submit", children: labels.create }) })
+          children: /* @__PURE__ */ jsxRuntime.jsxs(chunkZGVN23J4_js.FormGrid, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.FormInput, { name: "name", label: labels.workflowName, placeholder: labels.workflowNamePlaceholder, required: true }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.FormTextarea, { name: "description", label: labels.description, placeholder: labels.workflowDescriptionPlaceholder, rows: 3 }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.FormActionsRow, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_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(chunkMT66VKLS_js.Text, { className: "font-semibold text-slate-900 dark:text-slate-100", children: labels.registry }),
-      /* @__PURE__ */ jsxRuntime.jsxs(chunkMT66VKLS_js.Table, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.TableHead, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkMT66VKLS_js.TableRow, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.TableHeader, { children: labels.name }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.TableHeader, { children: labels.description }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.TableHeader, { children: labels.version }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.TableHeader, { children: labels.status }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.TableHeader, { children: labels.actions })
+      /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.Text, { className: "font-semibold text-slate-900 dark:text-slate-100", children: labels.registry }),
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkZGVN23J4_js.Table, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.TableHead, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkZGVN23J4_js.TableRow, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.TableHeader, { children: labels.name }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.TableHeader, { children: labels.description }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.TableHeader, { children: labels.version }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.TableHeader, { children: labels.status }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.TableHeader, { children: labels.actions })
         ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.TableBody, { children: workflows.map((workflow) => /* @__PURE__ */ jsxRuntime.jsxs(chunkMT66VKLS_js.TableRow, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.TableCell, { children: workflow.name }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.TableCell, { children: workflow.description }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.TableCell, { children: String(workflow.version) }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Badge, { children: workflow.isDraft ? labels.statusDraft : labels.statusPublished }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.TableBody, { children: workflows.map((workflow) => /* @__PURE__ */ jsxRuntime.jsxs(chunkZGVN23J4_js.TableRow, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.TableCell, { children: workflow.name }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.TableCell, { children: workflow.description }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.TableCell, { children: String(workflow.version) }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Badge, { children: workflow.isDraft ? labels.statusDraft : labels.statusPublished }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkMT66VKLS_js.Form,
+              chunkZGVN23J4_js.Form,
               {
                 onSubmit: (event) => {
                   event.preventDefault();
@@ -1500,7 +1517,7 @@ function WorkflowsPageView({ labels, workflows, onCreate, onUpdateMeta, onPublis
                     description: workflow.description ?? ""
                   });
                 },
-                children: /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.InlineForm, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "submit", outline: true, children: labels.saveMeta }) })
+                children: /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.InlineForm, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "submit", outline: true, children: labels.saveMeta }) })
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "button", color: "sky", onClick: () => onPublish(workflow.id), children: labels.publish })
@@ -1509,8 +1526,8 @@ 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(chunkMT66VKLS_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(chunkIVKFXPLO_js.WorkflowWorkspace, { graph: chunk3T2WGL47_js.adaptWorkflowGraphToUi(selectedWorkflow.graph) }) }) : /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.Text, { children: labels.empty })
+      /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_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(chunkZ6FZQOTW_js.WorkflowWorkspace, { graph: chunk3T2WGL47_js.adaptWorkflowGraphToUi(selectedWorkflow.graph) }) }) : /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.Text, { children: labels.empty })
     ] })
   ] });
 }
@@ -1524,6 +1541,7 @@ var BADGE_COLOR = {
 function WorkflowRunsPageView({ labels, runs, loading, onCancel, onReplay, onView, onViewTimeline }) {
   const [statusFilter, setStatusFilter] = react.useState("all");
   const [searchTerm, setSearchTerm] = react.useState("");
+  const [filtersOpen, setFiltersOpen] = react.useState(false);
   const statusOptions = react.useMemo(() => [
     { value: "all", label: labels.filterAll },
     { value: "pending", label: labels.statusPending },
@@ -1559,61 +1577,68 @@ function WorkflowRunsPageView({ labels, runs, loading, onCancel, onReplay, onVie
   });
   const isEmpty = allRuns.length === 0;
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkMT66VKLS_js.HeroSection,
+    chunkZGVN23J4_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.ClockIcon, { className: "h-5 w-5" }),
       label: labels.title,
       title: labels.title,
       subtitle: labels.subtitle,
       gradient: "from-indigo-500 to-sky-700",
-      toolbar: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full sm:w-48", children: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkMT66VKLS_js.FormSelect,
+      toolbar: !isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
+        chunkZGVN23J4_js.SearchBar,
         {
-          name: "statusFilter",
-          label: labels.filterStatus,
-          options: statusOptions,
-          value: statusFilter,
-          onValueChange: setStatusFilter
+          searchTerm,
+          onSearchChange: setSearchTerm,
+          placeholder: labels.searchPlaceholder ?? labels.title,
+          noBorder: true,
+          filtersModal: {
+            open: filtersOpen,
+            onOpen: () => setFiltersOpen(true),
+            onClose: () => setFiltersOpen(false),
+            title: labels.filterStatus,
+            count: statusFilter !== "all" ? 1 : 0,
+            onClear: statusFilter !== "all" ? () => setStatusFilter("all") : void 0,
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              chunkZGVN23J4_js.FormSelect,
+              {
+                name: "statusFilter",
+                label: labels.filterStatus,
+                options: statusOptions,
+                value: statusFilter,
+                onValueChange: setStatusFilter
+              }
+            )
+          }
         }
-      ) })
+      ) : void 0
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.PageLoadingState, {}) : filteredRuns.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    !isEmpty && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkMT66VKLS_js.SearchBar,
-      {
-        searchTerm,
-        onSearchChange: setSearchTerm,
-        placeholder: labels.searchPlaceholder ?? labels.title
-      }
-    ),
-    /* @__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(
-      chunkMT66VKLS_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(chunkBHOT22QL_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(chunkBHOT22QL_js.Button, { type: "button", size: "sm", outline: true, onClick: () => onView(run), children: labels.view }),
-          onViewTimeline && labels.timeline && /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "button", size: "sm", outline: true, onClick: () => onViewTimeline(run), children: labels.timeline }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "button", size: "sm", outline: true, onClick: () => onReplay(run), children: labels.replay }),
-          run.status === "running" && /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "button", size: "sm", color: "rose", onClick: () => onCancel(run), children: labels.cancel })
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.PageLoadingState, {}) : filteredRuns.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_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(
+    chunkZGVN23J4_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(chunkBHOT22QL_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(chunkBHOT22QL_js.Button, { type: "button", size: "sm", outline: true, onClick: () => onView(run), children: labels.view }),
+        onViewTimeline && labels.timeline && /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "button", size: "sm", outline: true, onClick: () => onViewTimeline(run), children: labels.timeline }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "button", size: "sm", outline: true, onClick: () => onReplay(run), children: labels.replay }),
+        run.status === "running" && /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_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: [
+          /* @__PURE__ */ jsxRuntime.jsx("dt", { children: labels.duration }),
+          /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "text-right", children: chunk3T2WGL47_js.formatDurationMs(run.totalDurationMs) }),
+          /* @__PURE__ */ jsxRuntime.jsx("dt", { children: labels.triggeredBy }),
+          /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "text-right truncate", children: run.triggeredBy || "\u2014" })
         ] }),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "mt-1 grid grid-cols-2 gap-1 text-xs text-slate-500 dark:text-slate-400", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("dt", { children: labels.duration }),
-            /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "text-right", children: chunk3T2WGL47_js.formatDurationMs(run.totalDurationMs) }),
-            /* @__PURE__ */ jsxRuntime.jsx("dt", { children: labels.triggeredBy }),
-            /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "text-right truncate", children: run.triggeredBy || "\u2014" })
-          ] }),
-          run.error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 line-clamp-2 text-xs text-rose-600 dark:text-rose-400", children: run.error })
-        ]
-      },
-      run.id
-    )) })
-  ] });
+        run.error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 line-clamp-2 text-xs text-rose-600 dark:text-rose-400", children: run.error })
+      ]
+    },
+    run.id
+  )) });
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     hero,
     content
@@ -1621,7 +1646,7 @@ function WorkflowRunsPageView({ labels, runs, loading, onCancel, onReplay, onVie
 }
 function RunTimelinePageView({ labels, entries, loading, runId }) {
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkMT66VKLS_js.HeroSection,
+    chunkZGVN23J4_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.ClockIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -1633,19 +1658,19 @@ function RunTimelinePageView({ labels, entries, loading, runId }) {
   if (loading) {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
       hero,
-      /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.PageLoadingState, {})
+      /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.PageLoadingState, {})
     ] });
   }
   if (entries.length === 0) {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
       hero,
-      /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.PageEmptyState, { title: labels.empty ?? "", message: "", iconName: "folder-open" })
+      /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.PageEmptyState, { title: labels.empty ?? "", message: "", iconName: "folder-open" })
     ] });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     hero,
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkU6VFS3RD_js.ExecutionTimelinePanel,
+      chunkH475T2N7_js.ExecutionTimelinePanel,
       {
         entries,
         labels
@@ -1730,7 +1755,7 @@ function ConnectionsPageView({
   const filteredConnections = searchTerm.trim() ? allConnections.filter((conn) => conn.name.toLowerCase().includes(searchTerm.trim().toLowerCase())) : allConnections;
   const isEmpty = allConnections.length === 0;
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkMT66VKLS_js.HeroSection,
+    chunkZGVN23J4_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.LinkIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -1738,7 +1763,7 @@ function ConnectionsPageView({
       subtitle: labels.subtitle,
       gradient: "from-sky-500 to-indigo-600",
       toolbar: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkMT66VKLS_js.CreateActionButton,
+        chunkZGVN23J4_js.CreateActionButton,
         {
           mode: "desktop",
           label: labels.add,
@@ -1749,7 +1774,7 @@ function ConnectionsPageView({
     }
   );
   const mobileAction = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkMT66VKLS_js.CreateActionButton,
+    chunkZGVN23J4_js.CreateActionButton,
     {
       mode: "mobile",
       label: labels.add,
@@ -1757,9 +1782,9 @@ function ConnectionsPageView({
       accent: "sky"
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkMT66VKLS_js.SearchBar,
+      chunkZGVN23J4_js.SearchBar,
       {
         searchTerm,
         onSearchChange: setSearchTerm,
@@ -1767,7 +1792,7 @@ function ConnectionsPageView({
       }
     ),
     /* @__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(
-      chunkMT66VKLS_js.EntityCard,
+      chunkZGVN23J4_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" }) }),
@@ -1920,7 +1945,7 @@ function ConnectionEditor({
     return preset.exampleModels?.join(", ") ?? "";
   }, [preset]);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkMT66VKLS_js.GlassModal,
+    chunkZGVN23J4_js.GlassModal,
     {
       open: true,
       onClose,
@@ -1933,9 +1958,9 @@ function ConnectionEditor({
         void handleSubmit();
       },
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(chunkMT66VKLS_js.FormGrid, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkZGVN23J4_js.FormGrid, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkMT66VKLS_js.FormSelect,
+            chunkZGVN23J4_js.FormSelect,
             {
               label: "Provider",
               value: value.providerSlug,
@@ -1946,7 +1971,7 @@ function ConnectionEditor({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkMT66VKLS_js.FormInput,
+            chunkZGVN23J4_js.FormInput,
             {
               label: "Display name",
               required: true,
@@ -1956,7 +1981,7 @@ function ConnectionEditor({
             }
           ),
           preset.needsRegion && /* @__PURE__ */ jsxRuntime.jsx(
-            chunkMT66VKLS_js.FormInput,
+            chunkZGVN23J4_js.FormInput,
             {
               label: "Region",
               value: value.region,
@@ -1965,7 +1990,7 @@ function ConnectionEditor({
             }
           ),
           preset.needsEndpoint && /* @__PURE__ */ jsxRuntime.jsx(
-            chunkMT66VKLS_js.FormInput,
+            chunkZGVN23J4_js.FormInput,
             {
               label: "Endpoint URL",
               value: value.endpoint,
@@ -1975,7 +2000,7 @@ function ConnectionEditor({
           )
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkMT66VKLS_js.FormInput,
+          chunkZGVN23J4_js.FormInput,
           {
             label: value.credentialRef ? "Rotate API key (leave blank to keep current)" : "API key",
             type: "password",
@@ -1986,7 +2011,7 @@ function ConnectionEditor({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkMT66VKLS_js.FormInput,
+          chunkZGVN23J4_js.FormInput,
           {
             label: "Model filter (comma-separated, optional)",
             value: value.modelFilter,
@@ -1998,7 +2023,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(
-            chunkMT66VKLS_js.FormTextarea,
+            chunkZGVN23J4_js.FormTextarea,
             {
               rows: 4,
               value: value.configJson,
@@ -2068,7 +2093,7 @@ function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate,
     { value: "password", label: labels.typePassword }
   ];
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkMT66VKLS_js.HeroSection,
+    chunkZGVN23J4_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.KeyIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -2076,7 +2101,7 @@ function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate,
       subtitle: labels.subtitle,
       gradient: "from-rose-500 to-orange-600",
       toolbar: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkMT66VKLS_js.CreateActionButton,
+        chunkZGVN23J4_js.CreateActionButton,
         {
           mode: "desktop",
           label: labels.addCredential,
@@ -2087,7 +2112,7 @@ function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate,
     }
   );
   const mobileAction = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkMT66VKLS_js.CreateActionButton,
+    chunkZGVN23J4_js.CreateActionButton,
     {
       mode: "mobile",
       label: labels.addCredential,
@@ -2095,9 +2120,9 @@ function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate,
       accent: "rose"
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkMT66VKLS_js.SearchBar,
+      chunkZGVN23J4_js.SearchBar,
       {
         searchTerm,
         onSearchChange: setSearchTerm,
@@ -2105,7 +2130,7 @@ function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate,
       }
     ),
     /* @__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(
-      chunkMT66VKLS_js.EntityCard,
+      chunkZGVN23J4_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" }) }),
@@ -2113,7 +2138,7 @@ function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate,
         subtitle: secret.secretType,
         status: /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_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(chunkMT66VKLS_js.CopyableId, { id: secret.secretId }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.CopyableId, { id: secret.secretId }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
             /* @__PURE__ */ jsxRuntime.jsxs(chunkBHOT22QL_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" }),
@@ -2156,7 +2181,7 @@ function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate,
       mobileAction
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkMT66VKLS_js.GlassModal,
+      chunkZGVN23J4_js.GlassModal,
       {
         open: createOpen,
         onClose: () => setCreateOpen(false),
@@ -2174,16 +2199,16 @@ function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate,
           onCreate({ name, value, secretType, description });
           setCreateOpen(false);
         },
-        children: /* @__PURE__ */ jsxRuntime.jsxs(chunkMT66VKLS_js.FormGrid, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.FormInput, { name: "name", label: labels.name, placeholder: labels.namePlaceholder, required: true }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.FormSelect, { name: "secretType", label: labels.type, options: typeOptions, defaultValue: "generic" }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.FormInput, { name: "value", label: labels.value, placeholder: labels.valuePlaceholder, required: true, type: "password" }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.FormTextarea, { name: "description", label: labels.description, placeholder: labels.descriptionPlaceholder, rows: 2 })
+        children: /* @__PURE__ */ jsxRuntime.jsxs(chunkZGVN23J4_js.FormGrid, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.FormInput, { name: "name", label: labels.name, placeholder: labels.namePlaceholder, required: true }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.FormSelect, { name: "secretType", label: labels.type, options: typeOptions, defaultValue: "generic" }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.FormInput, { name: "value", label: labels.value, placeholder: labels.valuePlaceholder, required: true, type: "password" }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.FormTextarea, { name: "description", label: labels.description, placeholder: labels.descriptionPlaceholder, rows: 2 })
         ] })
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkMT66VKLS_js.GlassModal,
+      chunkZGVN23J4_js.GlassModal,
       {
         open: rotateFor !== null,
         onClose: () => setRotateFor(null),
@@ -2198,7 +2223,7 @@ function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate,
           onRotate(rotateFor, value);
           setRotateFor(null);
         },
-        children: /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.FormGrid, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.FormInput, { name: "value", label: labels.value, placeholder: labels.valuePlaceholder, required: true, type: "password" }) })
+        children: /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.FormGrid, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.FormInput, { name: "value", label: labels.value, placeholder: labels.valuePlaceholder, required: true, type: "password" }) })
       }
     )
   ] });
@@ -2251,7 +2276,7 @@ function AgentsWorkspacePageView({
   }, [agents, selectedId]);
   const isEmpty = agents.length === 0;
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkMT66VKLS_js.HeroSection,
+    chunkZGVN23J4_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.CpuChipIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -2259,7 +2284,7 @@ function AgentsWorkspacePageView({
       subtitle: labels.subtitle,
       gradient: "from-violet-500 to-indigo-700",
       actions: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkMT66VKLS_js.CreateActionButton,
+        chunkZGVN23J4_js.CreateActionButton,
         {
           mode: "desktop",
           label: labels.addAgent,
@@ -2270,7 +2295,7 @@ function AgentsWorkspacePageView({
     }
   );
   const mobileAction = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkMT66VKLS_js.CreateActionButton,
+    chunkZGVN23J4_js.CreateActionButton,
     {
       mode: "mobile",
       label: labels.addAgent,
@@ -2278,8 +2303,8 @@ function AgentsWorkspacePageView({
       accent: "violet"
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
-    chunkMT66VKLS_js.PageEmptyState,
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
+    chunkZGVN23J4_js.PageEmptyState,
     {
       title: labels.empty,
       message: labels.emptyMessage,
@@ -2287,7 +2312,7 @@ function AgentsWorkspacePageView({
     }
   ) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkMT66VKLS_js.SearchBar,
+      chunkZGVN23J4_js.SearchBar,
       {
         searchTerm,
         onSearchChange: setSearchTerm,
@@ -2295,15 +2320,15 @@ function AgentsWorkspacePageView({
       }
     ),
     /* @__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(chunkMT66VKLS_js.ListCard, { variant: "glass", children: filteredAgents.map((agent) => {
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:sticky lg:top-4", children: /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_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(
-          chunkMT66VKLS_js.ListCardItem,
+          chunkZGVN23J4_js.ListCardItem,
           {
-            leading: /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.Avatar, { tone: active ? "violet" : "slate", initials }),
+            leading: /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.Avatar, { tone: active ? "violet" : "slate", initials }),
             trailing: agent.activePromptVersion > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(chunkBHOT22QL_js.Badge, { color: "emerald", children: [
               "v",
               agent.activePromptVersion
@@ -2345,7 +2370,7 @@ function AgentsWorkspacePageView({
         },
         String(selectedAgent.agentId ?? selectedAgent.id ?? "")
       ) : /* @__PURE__ */ jsxRuntime.jsx(
-        chunkMT66VKLS_js.SectionCard,
+        chunkZGVN23J4_js.SectionCard,
         {
           header: {
             icon: /* @__PURE__ */ jsxRuntime.jsx(outline.CpuChipIcon, { className: "h-4 w-4" }),
@@ -2353,7 +2378,7 @@ function AgentsWorkspacePageView({
             subtitle: labels.noSelectionMessage
           },
           children: /* @__PURE__ */ jsxRuntime.jsx(
-            chunkMT66VKLS_js.PageEmptyState,
+            chunkZGVN23J4_js.PageEmptyState,
             {
               title: labels.noSelection,
               message: labels.noSelectionMessage,
@@ -2388,7 +2413,7 @@ function AgentDetail({
 }) {
   const agentId = String(agent.agentId ?? agent.id ?? "");
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkMT66VKLS_js.SectionCard,
+    chunkZGVN23J4_js.SectionCard,
     {
       header: {
         icon: /* @__PURE__ */ jsxRuntime.jsx(outline.CpuChipIcon, { className: "h-4 w-4" }),
@@ -2413,15 +2438,15 @@ function AgentDetail({
           ]
         }
       ),
-      children: /* @__PURE__ */ jsxRuntime.jsxs(chunkMT66VKLS_js.Tabs, { defaultValue: "general", className: "w-full", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(chunkMT66VKLS_js.TabsList, { className: "bg-white/40 dark:bg-white/[0.06]", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.TabsTrigger, { value: "general", children: labels.generalTab }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.TabsTrigger, { value: "prompt", children: labels.promptTab }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.TabsTrigger, { value: "tools", children: labels.toolsTab }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.TabsTrigger, { value: "model", children: labels.modelTab })
+      children: /* @__PURE__ */ jsxRuntime.jsxs(chunkZGVN23J4_js.Tabs, { defaultValue: "general", className: "w-full", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkZGVN23J4_js.TabsList, { className: "bg-white/40 dark:bg-white/[0.06]", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.TabsTrigger, { value: "general", children: labels.generalTab }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.TabsTrigger, { value: "prompt", children: labels.promptTab }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.TabsTrigger, { value: "tools", children: labels.toolsTab }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.TabsTrigger, { value: "model", children: labels.modelTab })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_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(chunkMT66VKLS_js.TabsContent, { value: "prompt", className: "space-y-4 pt-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_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(chunkZGVN23J4_js.TabsContent, { value: "prompt", className: "space-y-4 pt-4", children: /* @__PURE__ */ jsxRuntime.jsx(
           PromptTab,
           {
             agent,
@@ -2431,7 +2456,7 @@ function AgentDetail({
             onActivate: (promptId) => onActivatePrompt(agentId, promptId)
           }
         ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.TabsContent, { value: "tools", className: "space-y-4 pt-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.TabsContent, { value: "tools", className: "space-y-4 pt-4", children: /* @__PURE__ */ jsxRuntime.jsx(
           ToolsTab,
           {
             agent,
@@ -2441,7 +2466,7 @@ function AgentDetail({
             onDetach: (toolId) => onDetachTool(agentId, toolId)
           }
         ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.TabsContent, { value: "model", className: "space-y-4 pt-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.TabsContent, { value: "model", className: "space-y-4 pt-4", children: /* @__PURE__ */ jsxRuntime.jsx(
           ModelTab,
           {
             agent,
@@ -2473,7 +2498,7 @@ function GeneralTab({
   const initialRole = String(agent.role ?? "");
   const initialStatus = String(agent.status ?? "draft");
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkMT66VKLS_js.SectionCard,
+    chunkZGVN23J4_js.SectionCard,
     {
       variant: "glass",
       header: {
@@ -2502,10 +2527,10 @@ function GeneralTab({
           },
           className: "space-y-4",
           children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(chunkMT66VKLS_js.FormGrid, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.FormInput, { name: "name", label: labels.name, defaultValue: initial.name, required: true }),
+            /* @__PURE__ */ jsxRuntime.jsxs(chunkZGVN23J4_js.FormGrid, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.FormInput, { name: "name", label: labels.name, defaultValue: initial.name, required: true }),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkMT66VKLS_js.FormSelect,
+                chunkZGVN23J4_js.FormSelect,
                 {
                   name: "status",
                   label: labels.status,
@@ -2517,9 +2542,9 @@ function GeneralTab({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.FormInput, { name: "role", label: labels.role, placeholder: labels.rolePlaceholder, defaultValue: initialRole }),
+              /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.FormInput, { name: "role", label: labels.role, placeholder: labels.rolePlaceholder, defaultValue: initialRole }),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkMT66VKLS_js.FormInput,
+                chunkZGVN23J4_js.FormInput,
                 {
                   name: "maxTokens",
                   label: labels.maxTokens,
@@ -2528,7 +2553,7 @@ function GeneralTab({
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkMT66VKLS_js.FormInput,
+                chunkZGVN23J4_js.FormInput,
                 {
                   name: "temperature",
                   label: labels.temperature,
@@ -2540,7 +2565,7 @@ function GeneralTab({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.FormTextarea, { name: "description", label: labels.description, defaultValue: initialDescription, rows: 3 }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.FormTextarea, { name: "description", label: labels.description, defaultValue: initialDescription, rows: 3 }),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "submit", color: "indigo", disabled: submitting, children: submitting ? labels.saving : labels.save }) })
           ]
         }
@@ -2560,7 +2585,7 @@ function PromptTab({
   const currentSystem = String(agent.systemPrompt ?? "");
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkMT66VKLS_js.SectionCard,
+      chunkZGVN23J4_js.SectionCard,
       {
         variant: "glass",
         header: {
@@ -2572,7 +2597,7 @@ function PromptTab({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkMT66VKLS_js.SectionCard,
+      chunkZGVN23J4_js.SectionCard,
       {
         variant: "glass",
         header: {
@@ -2583,10 +2608,10 @@ function PromptTab({
           /* @__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(chunkMT66VKLS_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(chunkZGVN23J4_js.ListCard, { children: prompts.map((prompt) => {
           const id = `${prompt.agentId}:${prompt.locale}:${prompt.version}`;
           return /* @__PURE__ */ jsxRuntime.jsxs(
-            chunkMT66VKLS_js.ListCardItem,
+            chunkZGVN23J4_js.ListCardItem,
             {
               leading: /* @__PURE__ */ jsxRuntime.jsxs(chunkBHOT22QL_js.Badge, { color: prompt.isActive ? "emerald" : "zinc", children: [
                 "v",
@@ -2604,7 +2629,7 @@ function PromptTab({
       }
     ),
     addOpen && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkMT66VKLS_js.GlassModal,
+      chunkZGVN23J4_js.GlassModal,
       {
         open: true,
         onClose: () => setAddOpen(false),
@@ -2625,10 +2650,10 @@ function PromptTab({
           });
           setAddOpen(false);
         },
-        children: /* @__PURE__ */ jsxRuntime.jsxs(chunkMT66VKLS_js.FormGrid, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.FormSelect, { name: "locale", label: labels.promptLocale, options: LOCALE_OPTIONS2, defaultValue: "en" }),
+        children: /* @__PURE__ */ jsxRuntime.jsxs(chunkZGVN23J4_js.FormGrid, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.FormSelect, { name: "locale", label: labels.promptLocale, options: LOCALE_OPTIONS2, defaultValue: "en" }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkMT66VKLS_js.FormSelect,
+            chunkZGVN23J4_js.FormSelect,
             {
               name: "isActive",
               label: labels.promptIsActive,
@@ -2639,10 +2664,10 @@ function PromptTab({
               defaultValue: "true"
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.FormInput, { name: "reason", label: labels.promptReason }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.FormTextarea, { name: "systemPrompt", label: labels.promptSystemPrompt, rows: 3 }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.FormTextarea, { name: "userTemplate", label: labels.promptUserTemplate, rows: 3 }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.FormTextarea, { name: "prompt", label: labels.promptText, rows: 6, required: true })
+          /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.FormInput, { name: "reason", label: labels.promptReason }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.FormTextarea, { name: "systemPrompt", label: labels.promptSystemPrompt, rows: 3 }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.FormTextarea, { name: "userTemplate", label: labels.promptUserTemplate, rows: 3 }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.FormTextarea, { name: "prompt", label: labels.promptText, rows: 6, required: true })
         ] })
       }
     )
@@ -2665,15 +2690,15 @@ function ToolsTab({
   const availableTools = tools.filter((tool) => !attachedSet.has(tool.agentToolId));
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkMT66VKLS_js.SectionCard,
+      chunkZGVN23J4_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(chunkMT66VKLS_js.ListCard, { children: attachedTools.map((tool) => /* @__PURE__ */ jsxRuntime.jsxs(
-          chunkMT66VKLS_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(chunkZGVN23J4_js.ListCard, { children: attachedTools.map((tool) => /* @__PURE__ */ jsxRuntime.jsxs(
+          chunkZGVN23J4_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(chunkBHOT22QL_js.Button, { type: "button", size: "sm", outline: true, onClick: () => onDetach(tool.agentToolId), children: labels.detachTool }),
@@ -2687,15 +2712,15 @@ function ToolsTab({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkMT66VKLS_js.SectionCard,
+      chunkZGVN23J4_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(chunkMT66VKLS_js.ListCard, { children: availableTools.map((tool) => /* @__PURE__ */ jsxRuntime.jsxs(
-          chunkMT66VKLS_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(chunkZGVN23J4_js.ListCard, { children: availableTools.map((tool) => /* @__PURE__ */ jsxRuntime.jsxs(
+          chunkZGVN23J4_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(chunkBHOT22QL_js.Button, { type: "button", size: "sm", color: "indigo", onClick: () => onAttach(tool.agentToolId), children: [
@@ -2736,7 +2761,7 @@ function ModelTab({
     return matches.length > 0 ? matches : connections;
   }, [selectedModel, connections]);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkMT66VKLS_js.SectionCard,
+    chunkZGVN23J4_js.SectionCard,
     {
       variant: "glass",
       header: {
@@ -2757,9 +2782,9 @@ function ModelTab({
           },
           className: "space-y-4",
           children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(chunkMT66VKLS_js.FormGrid, { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(chunkZGVN23J4_js.FormGrid, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkMT66VKLS_js.FormSelect,
+                chunkZGVN23J4_js.FormSelect,
                 {
                   label: labels.model,
                   value: modelId,
@@ -2768,7 +2793,7 @@ function ModelTab({
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkMT66VKLS_js.FormSelect,
+                chunkZGVN23J4_js.FormSelect,
                 {
                   label: labels.connection,
                   value: connectionId,
@@ -2820,14 +2845,14 @@ function RangeSliderField({
   step,
   zones,
   trackGradient,
-  formatValue,
+  formatValue: formatValue2,
   ariaLabel
 }) {
   const percent = (value - min) / (max - min) * 100;
   const activeZone = zones?.find((z) => value <= z.max) ?? zones?.[zones.length - 1];
   const thumbColor = activeZone?.thumbColor ?? "#6366f1";
   const glow = hexToGlow(thumbColor);
-  const displayValue = formatValue ? formatValue(value) : value.toString();
+  const displayValue = formatValue2 ? formatValue2(value) : value.toString();
   const ariaText = activeZone ? `${displayValue} \u2014 ${activeZone.label}` : displayValue;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2 flex items-center justify-between", children: [
@@ -2970,11 +2995,9 @@ function AgentNewWizardPageView({
     labels.wizardStep4Subtitle,
     labels.wizardStep5Subtitle
   ];
-  const timelineSteps = stepTitles.map((title, idx) => ({
+  const indicatorSteps = stepTitles.map((title, idx) => ({
     id: String(idx + 1),
-    name: title,
-    description: stepSubtitles[idx],
-    status: idx + 1 < step ? "complete" : idx + 1 === step ? "current" : "upcoming"
+    title
   }));
   function markTouched() {
     if (!touched) setTouched(true);
@@ -3060,7 +3083,7 @@ function AgentNewWizardPageView({
   }
   const counter = labels.wizardStepCounter.replace("{current}", String(step)).replace("{total}", String(TOTAL_STEPS));
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkMT66VKLS_js.HeroSection,
+    chunkZGVN23J4_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(
         "div",
@@ -3073,12 +3096,22 @@ function AgentNewWizardPageView({
       label: counter,
       title: labels.pageTitle,
       subtitle: stepSubtitles[step - 1],
-      gradient: activePreset.accent
+      gradient: activePreset.accent,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        chunkZGVN23J4_js.StepIndicator,
+        {
+          accent: "indigo",
+          currentStep: step - 1,
+          onStepChange: (idx) => goToStep(idx + 1),
+          progressLabel: labels.pageTitle,
+          steps: indicatorSteps
+        }
+      )
     }
   );
   function renderStep1() {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkMT66VKLS_js.SectionCard,
+      chunkZGVN23J4_js.SectionCard,
       {
         variant: "glass",
         header: {
@@ -3094,7 +3127,7 @@ function AgentNewWizardPageView({
             children: AGENT_PRESETS.map((preset) => {
               const selected = preset.id === presetId;
               return /* @__PURE__ */ jsxRuntime.jsx(
-                chunkMT66VKLS_js.FilterTileButton,
+                chunkZGVN23J4_js.FilterTileButton,
                 {
                   isActive: selected,
                   color: preset.tileColor,
@@ -3113,7 +3146,7 @@ function AgentNewWizardPageView({
   }
   function renderStep2() {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkMT66VKLS_js.SectionCard,
+      chunkZGVN23J4_js.SectionCard,
       {
         variant: "glass",
         header: {
@@ -3141,9 +3174,9 @@ function AgentNewWizardPageView({
               e
             )) })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs(chunkMT66VKLS_js.FormGrid, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(chunkZGVN23J4_js.FormGrid, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkMT66VKLS_js.FormInput,
+              chunkZGVN23J4_js.FormInput,
               {
                 label: labels.name,
                 value: name,
@@ -3156,7 +3189,7 @@ function AgentNewWizardPageView({
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkMT66VKLS_js.FormInput,
+              chunkZGVN23J4_js.FormInput,
               {
                 label: labels.role,
                 value: role,
@@ -3169,7 +3202,7 @@ function AgentNewWizardPageView({
             )
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkMT66VKLS_js.FormTextarea,
+            chunkZGVN23J4_js.FormTextarea,
             {
               label: labels.descriptionLabel,
               value: description,
@@ -3187,7 +3220,7 @@ function AgentNewWizardPageView({
   }
   function renderStep3() {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkMT66VKLS_js.SectionCard,
+      chunkZGVN23J4_js.SectionCard,
       {
         variant: "glass",
         header: {
@@ -3195,9 +3228,9 @@ function AgentNewWizardPageView({
           subtitle: labels.connectionPickPrompt
         },
         children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(chunkMT66VKLS_js.FormGrid, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(chunkZGVN23J4_js.FormGrid, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkMT66VKLS_js.FormSelect,
+              chunkZGVN23J4_js.FormSelect,
               {
                 label: labels.connectionLabel,
                 value: connectionId,
@@ -3210,7 +3243,7 @@ function AgentNewWizardPageView({
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkMT66VKLS_js.FormSelect,
+              chunkZGVN23J4_js.FormSelect,
               {
                 label: labels.frameworkLabel,
                 value: framework,
@@ -3222,7 +3255,7 @@ function AgentNewWizardPageView({
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkMT66VKLS_js.FormSelect,
+              chunkZGVN23J4_js.FormSelect,
               {
                 label: labels.model,
                 value: modelId,
@@ -3235,7 +3268,7 @@ function AgentNewWizardPageView({
             )
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkMT66VKLS_js.FormTextarea,
+            chunkZGVN23J4_js.FormTextarea,
             {
               label: labels.outputSchemaLabel,
               value: outputSchema,
@@ -3254,7 +3287,7 @@ function AgentNewWizardPageView({
   function renderStep4() {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkMT66VKLS_js.SectionCard,
+        chunkZGVN23J4_js.SectionCard,
         {
           variant: "glass",
           header: {
@@ -3414,7 +3447,7 @@ function AgentNewWizardPageView({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkMT66VKLS_js.SectionCard,
+        chunkZGVN23J4_js.SectionCard,
         {
           variant: "glass",
           header: {
@@ -3457,7 +3490,7 @@ function AgentNewWizardPageView({
               }) })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkMT66VKLS_js.FormInput,
+              chunkZGVN23J4_js.FormInput,
               {
                 label: labels.tagsLabel,
                 value: tagsInput,
@@ -3478,7 +3511,7 @@ function AgentNewWizardPageView({
     const connectionLabel = connectionId ? connections.find((c) => c.id === connectionId)?.name ?? labels.connectionInline : labels.connectionInline;
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkMT66VKLS_js.SectionCard,
+        chunkZGVN23J4_js.SectionCard,
         {
           variant: "glass",
           header: {
@@ -3493,7 +3526,7 @@ function AgentNewWizardPageView({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkMT66VKLS_js.SectionCard,
+        chunkZGVN23J4_js.SectionCard,
         {
           variant: "glass",
           header: {
@@ -3522,7 +3555,7 @@ function AgentNewWizardPageView({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkMT66VKLS_js.SectionCard,
+        chunkZGVN23J4_js.SectionCard,
         {
           variant: "glass",
           header: {
@@ -3542,7 +3575,7 @@ function AgentNewWizardPageView({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsxs(
-        chunkMT66VKLS_js.SectionCard,
+        chunkZGVN23J4_js.SectionCard,
         {
           variant: "glass",
           header: {
@@ -3586,22 +3619,10 @@ function AgentNewWizardPageView({
         if (step < TOTAL_STEPS) goNext();
         else void submit();
       },
-      className: "space-y-5",
+      className: "space-y-4",
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          chunkMT66VKLS_js.StepTimeline,
-          {
-            steps: timelineSteps,
-            progressLabel: labels.pageTitle,
-            onStepClick: (idx) => {
-              goToStep(idx + 1);
-            }
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full space-y-5", children: [
-          stepBody,
-          footer
-        ] })
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liquid-surface rounded-2xl p-5 sm:p-8", children: stepBody }),
+        footer
       ]
     }
   );
@@ -3616,34 +3637,1759 @@ function ReviewRow({ label, value }) {
     /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "mt-0.5 truncate text-xs font-semibold text-gray-900 dark:text-white", children: value })
   ] });
 }
+var DIALECT_LOGO_SRC = {
+  bigquery: "/logos/datasources/bigquery.svg",
+  postgres: "/logos/datasources/postgres.svg",
+  postgresql: "/logos/datasources/postgres.svg",
+  mysql: "/logos/datasources/mysql.svg",
+  mariadb: "/logos/datasources/mariadb.svg",
+  snowflake: "/logos/datasources/snowflake.svg",
+  mongodb: "/logos/datasources/mongodb.svg",
+  redis: "/logos/datasources/redis.svg",
+  clickhouse: "/logos/datasources/clickhouse.svg",
+  elasticsearch: "/logos/datasources/elasticsearch.svg",
+  duckdb: "/logos/datasources/duckdb.svg",
+  sqlite: "/logos/datasources/sqlite.svg",
+  oracle: "/logos/datasources/oracle.svg",
+  mssql: "/logos/datasources/mssql.svg",
+  sqlserver: "/logos/datasources/mssql.svg",
+  cassandra: "/logos/datasources/cassandra.svg",
+  dynamodb: "/logos/datasources/dynamodb.svg",
+  cockroach: "/logos/datasources/cockroachdb.svg",
+  cockroachdb: "/logos/datasources/cockroachdb.svg",
+  supabase: "/logos/datasources/supabase.svg",
+  firebase: "/logos/datasources/firebase.svg",
+  neo4j: "/logos/datasources/neo4j.svg",
+  neptune: "/logos/datasources/neptune.svg",
+  timestream: "/logos/datasources/timestream.svg",
+  opensearch: "/logos/datasources/opensearch.svg"
+};
+var CATEGORY_COLOR = {
+  relational: "blue",
+  nosql: "emerald",
+  warehouse: "purple",
+  timeseries: "sky",
+  graph: "pink",
+  keyvalue: "red",
+  search: "amber"
+};
+var TOTAL_STEPS2 = 4;
+function DatasourceNewWizardPageView({
+  labels,
+  initialStep,
+  onStepChange,
+  onSubmit,
+  onCancel,
+  onTestConnection
+}) {
+  const clampedInitial = Math.min(TOTAL_STEPS2, Math.max(1, initialStep ?? 1));
+  const [step, setStep] = react.useState(clampedInitial);
+  const [dialect, setDialect] = react.useState("");
+  const [name, setName] = react.useState("");
+  const [host, setHost] = react.useState("");
+  const [port, setPort] = react.useState("");
+  const [database, setDatabase] = react.useState("");
+  const [username, setUsername] = react.useState("");
+  const [password, setPassword] = react.useState("");
+  const [schema, setSchema] = react.useState("");
+  const [connectionString, setConnectionString] = react.useState("");
+  const [projectId, setProjectId] = react.useState("");
+  const [dataset, setDataset] = react.useState("");
+  const [keyFile, setKeyFile] = react.useState("");
+  const [account, setAccount] = react.useState("");
+  const [warehouseField, setWarehouseField] = react.useState("");
+  const [region, setRegion] = react.useState("");
+  const [bucket, setBucket] = react.useState("");
+  const [token, setToken] = react.useState("");
+  const [apiKey, setApiKey] = react.useState("");
+  const [environment, setEnvironment] = react.useState("");
+  const [index, setIndex] = react.useState("");
+  const [ssl, setSsl] = react.useState(true);
+  const [readOnly, setReadOnly] = react.useState(true);
+  const [maxPoolSize, setMaxPoolSize] = react.useState("5");
+  const [timeoutMs, setTimeoutMs] = react.useState("5000");
+  const [allowedTablesItems, setAllowedTablesItems] = react.useState([]);
+  const [allowedTablesSelected, setAllowedTablesSelected] = react.useState([]);
+  const [blockedColumnsItems, setBlockedColumnsItems] = react.useState([]);
+  const [blockedColumnsSelected, setBlockedColumnsSelected] = react.useState([]);
+  const [maskPii, setMaskPii] = react.useState(false);
+  const allowedTablesStyle = {
+    bg: "bg-amber-500/15",
+    text: "text-amber-700 dark:text-amber-300"
+  };
+  const blockedColumnsStyle = {
+    bg: "bg-rose-500/15",
+    text: "text-rose-700 dark:text-rose-300"
+  };
+  const [submitting, setSubmitting] = react.useState(false);
+  const [touched, setTouched] = react.useState(false);
+  const [testStatus, setTestStatus] = react.useState("idle");
+  const dialectOption = react.useMemo(() => dialect ? chunk62BD4WLW_js.findDialect(dialect) : null, [dialect]);
+  const category = react.useMemo(() => dialect ? chunk62BD4WLW_js.findCategory(dialect) : null, [dialect]);
+  react.useEffect(() => {
+    if (dialectOption?.defaultPort && (port === "" || /^[0-9]+$/.test(port))) {
+      setPort(String(dialectOption.defaultPort));
+    }
+  }, [dialect]);
+  react.useEffect(() => {
+    const next = Math.min(TOTAL_STEPS2, 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_STEPS2, Math.max(1, next));
+    setStep(clamped);
+    onStepChange?.(clamped);
+  }, [onStepChange]);
+  function canAdvance(from) {
+    if (from === 1) return Boolean(dialect);
+    if (from === 2) return name.trim().length > 0;
+    return true;
+  }
+  const goNext = react.useCallback(() => {
+    if (!canAdvance(step)) return;
+    if (step < TOTAL_STEPS2) goToStep(step + 1);
+  }, [step, dialect, 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() {
+    const payload = {
+      name: name.trim(),
+      dialect,
+      ssl,
+      readOnly
+    };
+    if (host.trim()) payload.host = host.trim();
+    const portNum = Number(port);
+    if (Number.isFinite(portNum) && portNum > 0) payload.port = portNum;
+    if (database.trim()) payload.database = database.trim();
+    if (username.trim()) payload.username = username.trim();
+    if (password) payload.password = password;
+    if (schema.trim()) payload.schema = schema.trim();
+    if (connectionString.trim()) payload.connectionString = connectionString.trim();
+    if (projectId.trim()) payload.projectId = projectId.trim();
+    if (dataset.trim()) payload.dataset = dataset.trim();
+    if (keyFile.trim()) payload.keyFile = keyFile.trim();
+    if (account.trim()) payload.account = account.trim();
+    if (warehouseField.trim()) payload.warehouse = warehouseField.trim();
+    if (region.trim()) payload.region = region.trim();
+    if (bucket.trim()) payload.bucket = bucket.trim();
+    if (token) payload.token = token;
+    if (apiKey) payload.apiKey = apiKey;
+    if (environment.trim()) payload.environment = environment.trim();
+    if (index.trim()) payload.index = index.trim();
+    const pool = Number(maxPoolSize);
+    if (Number.isFinite(pool) && pool > 0) payload.maxPoolSize = pool;
+    const timeout = Number(timeoutMs);
+    if (Number.isFinite(timeout) && timeout > 0) payload.timeoutMs = timeout;
+    if (allowedTablesSelected.length > 0) payload.allowedTables = [...allowedTablesSelected];
+    if (blockedColumnsSelected.length > 0) payload.blockedColumns = [...blockedColumnsSelected];
+    if (maskPii) payload.maskPii = true;
+    return payload;
+  }
+  async function handleTestConnection() {
+    setTestStatus("testing");
+    try {
+      const ok = onTestConnection ? await onTestConnection(buildPayload()) : await simulateTest();
+      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);
+    }
+  }
+  react.useEffect(() => {
+    function onKey(e) {
+      if (e.key === "Escape") {
+        e.preventDefault();
+        cancelWithConfirm();
+        return;
+      }
+      if (e.key === "Enter") {
+        const target = e.target;
+        const tag = target?.tagName?.toLowerCase();
+        if (tag === "textarea" || tag === "select" || tag === "input" || tag === "button") return;
+        e.preventDefault();
+        if (step < TOTAL_STEPS2) goNext();
+        else void submit();
+      }
+    }
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, [step, dialect, name, touched]);
+  const stepTitles = [
+    labels.wizardStep1Title,
+    labels.wizardStep2Title,
+    labels.wizardStep3Title,
+    labels.wizardStep4Title
+  ];
+  const stepSubtitles = [
+    labels.wizardStep1Subtitle,
+    labels.wizardStep2Subtitle,
+    labels.wizardStep3Subtitle,
+    labels.wizardStep4Subtitle
+  ];
+  const indicatorSteps = stepTitles.map((title, idx) => ({
+    id: String(idx + 1),
+    title
+  }));
+  const counter = labels.wizardStepCounter.replace("{current}", String(step)).replace("{total}", String(TOTAL_STEPS2));
+  const hero = /* @__PURE__ */ jsxRuntime.jsx(
+    chunkZGVN23J4_js.HeroSection,
+    {
+      icon: /* @__PURE__ */ jsxRuntime.jsx(outline.CircleStackIcon, { className: "h-5 w-5" }),
+      label: counter,
+      title: labels.pageTitle,
+      subtitle: stepSubtitles[step - 1] ?? labels.pageSubtitle,
+      gradient: category?.gradient ?? "from-amber-500 to-orange-600",
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        chunkZGVN23J4_js.StepIndicator,
+        {
+          accent: "indigo",
+          currentStep: step - 1,
+          onStepChange: (idx) => goToStep(idx + 1),
+          progressLabel: labels.pageTitle,
+          steps: indicatorSteps
+        }
+      )
+    }
+  );
+  function renderStep1() {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-6", children: chunk62BD4WLW_js.DIALECT_CATEGORIES.map((cat) => {
+      const color = CATEGORY_COLOR[cat.id] ?? "slate";
+      const categoryLabel = labels[cat.labelKey] ?? cat.id;
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        chunkZGVN23J4_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(
+                  chunkZGVN23J4_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() {
+    if (!dialectOption) return null;
+    switch (dialectOption.formType) {
+      case "standard":
+        return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            chunkZGVN23J4_js.FormInput,
+            {
+              label: labels.fieldHost,
+              value: host,
+              onValueChange: (v) => {
+                setHost(v);
+                markTouched();
+              },
+              placeholder: labels.fieldHostPlaceholder,
+              required: true
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            chunkZGVN23J4_js.FormInput,
+            {
+              label: labels.fieldPort,
+              type: "number",
+              value: port,
+              onValueChange: (v) => {
+                setPort(v);
+                markTouched();
+              }
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            chunkZGVN23J4_js.FormInput,
+            {
+              label: labels.fieldDatabase,
+              value: database,
+              onValueChange: (v) => {
+                setDatabase(v);
+                markTouched();
+              },
+              placeholder: labels.fieldDatabasePlaceholder,
+              required: true
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            chunkZGVN23J4_js.FormInput,
+            {
+              label: labels.fieldUsername,
+              value: username,
+              onValueChange: (v) => {
+                setUsername(v);
+                markTouched();
+              },
+              placeholder: labels.fieldUsernamePlaceholder
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            chunkZGVN23J4_js.FormInput,
+            {
+              label: labels.fieldPassword,
+              type: "password",
+              value: password,
+              onValueChange: (v) => {
+                setPassword(v);
+                markTouched();
+              },
+              placeholder: labels.fieldPasswordPlaceholder
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            chunkZGVN23J4_js.FormInput,
+            {
+              label: labels.fieldSchema,
+              value: schema,
+              onValueChange: (v) => {
+                setSchema(v);
+                markTouched();
+              },
+              placeholder: labels.fieldSchemaPlaceholder
+            }
+          )
+        ] });
+      case "connection-string":
+        return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-full", children: /* @__PURE__ */ jsxRuntime.jsx(
+          chunkZGVN23J4_js.FormInput,
+          {
+            label: labels.fieldConnectionString,
+            value: connectionString,
+            onValueChange: (v) => {
+              setConnectionString(v);
+              markTouched();
+            },
+            placeholder: labels.fieldConnectionStringPlaceholder,
+            required: true
+          }
+        ) });
+      case "cloud-bigquery":
+        return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            chunkZGVN23J4_js.FormInput,
+            {
+              label: labels.fieldProjectId,
+              value: projectId,
+              onValueChange: (v) => {
+                setProjectId(v);
+                markTouched();
+              },
+              placeholder: labels.fieldProjectIdPlaceholder,
+              required: true
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            chunkZGVN23J4_js.FormInput,
+            {
+              label: labels.fieldDataset,
+              value: dataset,
+              onValueChange: (v) => {
+                setDataset(v);
+                markTouched();
+              },
+              placeholder: labels.fieldDatasetPlaceholder,
+              required: true
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-full", children: /* @__PURE__ */ jsxRuntime.jsx(
+            chunkZGVN23J4_js.FormInput,
+            {
+              label: labels.fieldKeyFile,
+              value: keyFile,
+              onValueChange: (v) => {
+                setKeyFile(v);
+                markTouched();
+              },
+              placeholder: labels.fieldKeyFilePlaceholder
+            }
+          ) })
+        ] });
+      case "cloud-snowflake":
+        return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            chunkZGVN23J4_js.FormInput,
+            {
+              label: labels.fieldAccount,
+              value: account,
+              onValueChange: (v) => {
+                setAccount(v);
+                markTouched();
+              },
+              placeholder: labels.fieldAccountPlaceholder,
+              required: true
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            chunkZGVN23J4_js.FormInput,
+            {
+              label: labels.fieldWarehouse,
+              value: warehouseField,
+              onValueChange: (v) => {
+                setWarehouseField(v);
+                markTouched();
+              },
+              placeholder: labels.fieldWarehousePlaceholder,
+              required: true
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            chunkZGVN23J4_js.FormInput,
+            {
+              label: labels.fieldDatabase,
+              value: database,
+              onValueChange: (v) => {
+                setDatabase(v);
+                markTouched();
+              },
+              placeholder: labels.fieldDatabasePlaceholder,
+              required: true
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            chunkZGVN23J4_js.FormInput,
+            {
+              label: labels.fieldUsername,
+              value: username,
+              onValueChange: (v) => {
+                setUsername(v);
+                markTouched();
+              },
+              placeholder: labels.fieldUsernamePlaceholder,
+              required: true
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            chunkZGVN23J4_js.FormInput,
+            {
+              label: labels.fieldPassword,
+              type: "password",
+              value: password,
+              onValueChange: (v) => {
+                setPassword(v);
+                markTouched();
+              },
+              placeholder: labels.fieldPasswordPlaceholder
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            chunkZGVN23J4_js.FormInput,
+            {
+              label: labels.fieldSchema,
+              value: schema,
+              onValueChange: (v) => {
+                setSchema(v);
+                markTouched();
+              },
+              placeholder: labels.fieldSchemaPlaceholder
+            }
+          )
+        ] });
+      case "cloud-key":
+        return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            chunkZGVN23J4_js.FormInput,
+            {
+              label: labels.fieldRegion,
+              value: region,
+              onValueChange: (v) => {
+                setRegion(v);
+                markTouched();
+              },
+              placeholder: labels.fieldRegionPlaceholder,
+              required: true
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            chunkZGVN23J4_js.FormInput,
+            {
+              label: labels.fieldToken,
+              type: "password",
+              value: token,
+              onValueChange: (v) => {
+                setToken(v);
+                markTouched();
+              },
+              placeholder: labels.fieldTokenPlaceholder,
+              required: true
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            chunkZGVN23J4_js.FormInput,
+            {
+              label: labels.fieldBucket,
+              value: bucket,
+              onValueChange: (v) => {
+                setBucket(v);
+                markTouched();
+              },
+              placeholder: labels.fieldBucketPlaceholder
+            }
+          )
+        ] });
+      case "vector-key":
+        return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            chunkZGVN23J4_js.FormInput,
+            {
+              label: labels.fieldApiKey,
+              type: "password",
+              value: apiKey,
+              onValueChange: (v) => {
+                setApiKey(v);
+                markTouched();
+              },
+              placeholder: labels.fieldApiKeyPlaceholder,
+              required: true
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            chunkZGVN23J4_js.FormInput,
+            {
+              label: labels.fieldEnvironment,
+              value: environment,
+              onValueChange: (v) => {
+                setEnvironment(v);
+                markTouched();
+              },
+              placeholder: labels.fieldEnvironmentPlaceholder,
+              required: true
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            chunkZGVN23J4_js.FormInput,
+            {
+              label: labels.fieldIndex,
+              value: index,
+              onValueChange: (v) => {
+                setIndex(v);
+                markTouched();
+              },
+              placeholder: labels.fieldIndexPlaceholder
+            }
+          )
+        ] });
+    }
+  }
+  function renderStep2() {
+    if (!dialectOption) {
+      return /* @__PURE__ */ jsxRuntime.jsxs(chunkZGVN23J4_js.SectionCard, { variant: "glass", header: { title: labels.wizardStep1Title }, 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(chunkBHOT22QL_js.Button, { type: "button", outline: true, onClick: () => goToStep(1), children: labels.wizardBack }) })
+      ] });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      chunkZGVN23J4_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(
+            chunkZGVN23J4_js.FormInput,
+            {
+              label: labels.fieldName,
+              value: name,
+              onValueChange: (v) => {
+                setName(v);
+                markTouched();
+              },
+              placeholder: labels.fieldNamePlaceholder,
+              required: true
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.FormGrid, { children: renderConnectionFields() }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-6 pt-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              chunkZGVN23J4_js.FormToggle,
+              {
+                checked: ssl,
+                onChange: (v) => {
+                  setSsl(v);
+                  markTouched();
+                },
+                label: labels.fieldSsl,
+                variant: "inline"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              chunkZGVN23J4_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(
+              chunkBHOT22QL_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(chunkZGVN23J4_js.Spinner, { size: "xs" }),
+                  labels.testing
+                ] }) : labels.testConnection
+              }
+            ),
+            testStatus === "success" && /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.StatusBadge, { status: "success", label: labels.connectionSuccess }),
+            testStatus === "failed" && /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.StatusBadge, { status: "error", label: labels.connectionFailed })
+          ] })
+        ] })
+      }
+    );
+  }
+  function renderStep3() {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      chunkZGVN23J4_js.SectionCard,
+      {
+        variant: "glass",
+        header: {
+          title: labels.governanceSectionTitle,
+          subtitle: labels.governanceSectionSubtitle
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(chunkZGVN23J4_js.FormGrid, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              chunkZGVN23J4_js.FormInput,
+              {
+                label: labels.fieldMaxPoolSize,
+                type: "number",
+                min: 1,
+                max: 100,
+                value: maxPoolSize,
+                onValueChange: (v) => {
+                  setMaxPoolSize(v);
+                  markTouched();
+                },
+                hint: labels.fieldMaxPoolSizeHint
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              chunkZGVN23J4_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(
+              chunkZGVN23J4_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(
+              chunkZGVN23J4_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(
+            chunkZGVN23J4_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: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        chunkZGVN23J4_js.SectionCard,
+        {
+          variant: "glass",
+          header: {
+            title: labels.wizardStep1Title,
+            subtitle: labels.wizardStep1Subtitle
+          },
+          actions: /* @__PURE__ */ jsxRuntime.jsxs(chunkBHOT22QL_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 })
+          ] }),
+          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 })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        chunkZGVN23J4_js.SectionCard,
+        {
+          variant: "glass",
+          header: {
+            title: labels.wizardStep2Title,
+            subtitle: labels.wizardStep2Subtitle
+          },
+          actions: /* @__PURE__ */ jsxRuntime.jsxs(chunkBHOT22QL_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 })
+          ] }),
+          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 }),
+            /* @__PURE__ */ jsxRuntime.jsx(ReviewRow2, { label: labels.reviewSslLabel, value: ssl ? labels.reviewYes : labels.reviewNo }),
+            /* @__PURE__ */ jsxRuntime.jsx(ReviewRow2, { label: labels.reviewReadOnlyLabel, value: readOnly ? labels.reviewYes : labels.reviewNo })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        chunkZGVN23J4_js.SectionCard,
+        {
+          variant: "glass",
+          header: {
+            title: labels.wizardStep3Title,
+            subtitle: labels.wizardStep3Subtitle
+          },
+          actions: /* @__PURE__ */ jsxRuntime.jsxs(chunkBHOT22QL_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.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 }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ReviewRow2,
+              {
+                label: labels.reviewAllowedTablesLabel,
+                value: allowed.length > 0 ? allowed.join(", ") : labels.reviewNoneValue
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ReviewRow2,
+              {
+                label: labels.reviewBlockedColumnsLabel,
+                value: blocked.length > 0 ? blocked.join(", ") : labels.reviewNoneValue
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(ReviewRow2, { label: labels.reviewMaskPiiLabel, value: maskPii ? labels.reviewYes : labels.reviewNo })
+          ] })
+        }
+      )
+    ] });
+  }
+  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(chunkBHOT22QL_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(chunkBHOT22QL_js.Button, { type: "button", outline: true, onClick: cancelWithConfirm, disabled: submitting, children: labels.wizardCancel }),
+      step < TOTAL_STEPS2 ? /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "button", color: "amber", onClick: goNext, disabled: advanceDisabled || submitting, children: labels.wizardNext }) : /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "button", color: "amber", onClick: () => void submit(), disabled: submitting || !dialect || !name.trim(), children: submitting ? labels.wizardCreate + "\u2026" : labels.wizardCreate })
+    ] })
+  ] });
+  const content = /* @__PURE__ */ jsxRuntime.jsxs(
+    "form",
+    {
+      onSubmit: (e) => {
+        e.preventDefault();
+        if (step < TOTAL_STEPS2) goNext();
+        else void submit();
+      },
+      className: "space-y-4",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liquid-surface rounded-2xl p-5 sm:p-8", 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 })
+  ] });
+}
+async function simulateTest() {
+  await new Promise((r) => setTimeout(r, 1500));
+  return true;
+}
+function RangeSliderField2({
+  sliderId,
+  label,
+  value,
+  onChange,
+  min,
+  max,
+  step,
+  zones,
+  trackGradient,
+  formatValue: formatValue2,
+  ariaLabel
+}) {
+  const percent = (value - min) / (max - min) * 100;
+  const activeZone = zones?.find((z) => value <= z.max) ?? zones?.[zones.length - 1];
+  const thumbColor = activeZone?.thumbColor ?? "#6366f1";
+  const glow = hexToGlow2(thumbColor);
+  const displayValue = formatValue2 ? formatValue2(value) : value.toString();
+  const ariaText = activeZone ? `${displayValue} \u2014 ${activeZone.label}` : displayValue;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2 flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: sliderId, className: "text-xs font-medium text-gray-500 dark:text-gray-400", children: label }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-bold tabular-nums text-gray-900 dark:text-white", children: displayValue })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-x-0 top-1/2 h-2 -translate-y-1/2 overflow-hidden rounded-full bg-gray-200 dark:bg-gray-700", children: /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: "h-full rounded-full transition-all duration-300 ease-out motion-reduce:transition-none",
+          style: {
+            width: `${Math.max(0, Math.min(100, percent))}%`,
+            background: trackGradient ?? `linear-gradient(90deg, ${thumbColor}, ${thumbColor})`
+          }
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          id: sliderId,
+          "data-slider-id": sliderId,
+          type: "range",
+          min,
+          max,
+          step,
+          value,
+          onChange: (e) => onChange(parseFloat(e.target.value)),
+          "aria-label": ariaLabel ?? label,
+          "aria-valuemin": min,
+          "aria-valuemax": max,
+          "aria-valuenow": value,
+          "aria-valuetext": ariaText,
+          className: "relative z-10 h-5 w-full cursor-pointer appearance-none bg-transparent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 focus-visible:ring-offset-2 [&::-webkit-slider-thumb]:h-5 [&::-webkit-slider-thumb]:w-5 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:border-2 [&::-webkit-slider-thumb]:border-white [&::-webkit-slider-thumb]:shadow-lg dark:[&::-webkit-slider-thumb]:border-gray-900"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("style", { children: `[data-slider-id="${sliderId}"]::-webkit-slider-thumb { background: ${thumbColor}; box-shadow: 0 0 8px ${glow}; } [data-slider-id="${sliderId}"]::-moz-range-thumb { background: ${thumbColor}; border: 2px solid white; box-shadow: 0 0 8px ${glow}; }` })
+    ] }),
+    zones && zones.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 flex items-center justify-between", children: zones.map((z) => {
+      const isActive = z.label === activeZone?.label;
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: `text-[10px] font-medium transition-colors motion-reduce:transition-none ${isActive ? z.color : "text-gray-400 dark:text-gray-500"}`,
+          children: z.label
+        },
+        z.label
+      );
+    }) })
+  ] });
+}
+function hexToGlow2(hex) {
+  const m = /^#?([0-9a-f]{6})$/i.exec(hex);
+  if (!m) return "rgba(99,102,241,0.5)";
+  const int = parseInt(m[1], 16);
+  const r = int >> 16 & 255;
+  const g = int >> 8 & 255;
+  const b = int & 255;
+  return `rgba(${r},${g},${b},0.5)`;
+}
+var ACTION_TILES = [
+  { id: "notify", color: "sky", icon: outline.BellAlertIcon, labelKey: "actionNotifyLabel", descriptionKey: "actionNotifyDescription" },
+  { id: "call-webhook", color: "indigo", icon: outline.GlobeAltIcon, labelKey: "actionWebhookLabel", descriptionKey: "actionWebhookDescription" },
+  { id: "mutate", color: "amber", icon: outline.PencilIcon, labelKey: "actionMutateLabel", descriptionKey: "actionMutateDescription" },
+  { id: "escalate", color: "rose", icon: outline.ArrowUpCircleIcon, labelKey: "actionEscalateLabel", descriptionKey: "actionEscalateDescription" },
+  { id: "route-to-agent", color: "violet", icon: outline.SparklesIcon, labelKey: "actionRouteLabel", descriptionKey: "actionRouteDescription" }
+];
+var WEEKDAYS = [
+  { id: "mon", labelKey: "weekdayMon" },
+  { id: "tue", labelKey: "weekdayTue" },
+  { id: "wed", labelKey: "weekdayWed" },
+  { id: "thu", labelKey: "weekdayThu" },
+  { id: "fri", labelKey: "weekdayFri" },
+  { id: "sat", labelKey: "weekdaySat" },
+  { id: "sun", labelKey: "weekdaySun" }
+];
+var TOTAL_STEPS3 = 5;
+function RuleNewWizardPageView({
+  labels,
+  initialStep,
+  onStepChange,
+  onSubmit,
+  onCancel
+}) {
+  const clampedInitial = Math.min(TOTAL_STEPS3, Math.max(1, initialStep ?? 1));
+  const [step, setStep] = react.useState(clampedInitial);
+  const [name, setName] = react.useState("");
+  const [description, setDescription] = react.useState("");
+  const [priority, setPriority] = react.useState(50);
+  const [enabled, setEnabled] = react.useState(true);
+  const [status, setStatus] = react.useState("active");
+  const [tagsItems, setTagsItems] = react.useState([]);
+  const [tagsSelected, setTagsSelected] = react.useState([]);
+  const tagsStyle = {
+    bg: "bg-fuchsia-500/15",
+    text: "text-fuchsia-700 dark:text-fuchsia-300"
+  };
+  const [combinator, setCombinator] = react.useState("and");
+  const [condition, setCondition] = react.useState(chunkH475T2N7_js.defaultRuleCondition());
+  const [actionTileId, setActionTileId] = react.useState("");
+  const [action, setAction] = react.useState(chunkH475T2N7_js.defaultRuleAction());
+  const [validFromDate, setValidFromDate] = react.useState(null);
+  const [validFromTime, setValidFromTime] = react.useState(null);
+  const [validUntilDate, setValidUntilDate] = react.useState(null);
+  const [validUntilTime, setValidUntilTime] = react.useState(null);
+  const [noExpiry, setNoExpiry] = react.useState(true);
+  const [recurrence, setRecurrence] = react.useState("one-off");
+  const [cronExpression, setCronExpression] = react.useState("");
+  const [weekdays, setWeekdays] = react.useState([]);
+  const [recurringTime, setRecurringTime] = react.useState(null);
+  const [submitting, setSubmitting] = react.useState(false);
+  const [touched, setTouched] = react.useState(false);
+  function markTouched() {
+    if (!touched) setTouched(true);
+  }
+  react.useEffect(() => {
+    const next = Math.min(TOTAL_STEPS3, Math.max(1, initialStep ?? 1));
+    if (next !== step) setStep(next);
+  }, [initialStep]);
+  const goToStep = react.useCallback((next) => {
+    const clamped = Math.min(TOTAL_STEPS3, Math.max(1, next));
+    setStep(clamped);
+    onStepChange?.(clamped);
+  }, [onStepChange]);
+  function canAdvance(from) {
+    if (from === 1) return name.trim().length > 0;
+    if (from === 3) return actionTileId.length > 0;
+    return true;
+  }
+  const goNext = react.useCallback(() => {
+    if (!canAdvance(step)) return;
+    if (step < TOTAL_STEPS3) goToStep(step + 1);
+  }, [step, name, actionTileId]);
+  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 combineDateTime(date, time) {
+    if (!date) return null;
+    const next = new Date(date);
+    next.setHours(time?.hours ?? 0, time?.minutes ?? 0, 0, 0);
+    return next.toISOString();
+  }
+  const tags = react.useMemo(() => [...tagsSelected], [tagsSelected]);
+  function buildPayload() {
+    const validFrom = combineDateTime(validFromDate, validFromTime);
+    const validUntil = noExpiry ? null : combineDateTime(validUntilDate, validUntilTime);
+    const conditionWithCombinator = combinator === "and" ? condition : {
+      operator: "boolean_expression",
+      combinator,
+      operands: [condition]
+    };
+    const finalAction = {
+      type: action.type,
+      params: {
+        ...action.params ?? {},
+        actionVariant: actionTileId
+      }
+    };
+    const recurrencePayload = recurrence === "cron" ? { kind: "cron", expression: cronExpression.trim() } : recurrence === "recurring" ? {
+      kind: "recurring",
+      weekdays: [...weekdays],
+      timeOfDay: recurringTime ? `${pad(recurringTime.hours)}:${pad(recurringTime.minutes)}` : "00:00"
+    } : { kind: "one-off" };
+    return {
+      name: name.trim() || "Untitled Rule",
+      description: description.trim() || void 0,
+      enabled,
+      priority,
+      // `paused` ships as-is — backend understands it natively (Fallback 2).
+      status,
+      validFrom,
+      validUntil,
+      tags,
+      condition: conditionWithCombinator,
+      action: finalAction,
+      recurrence: recurrencePayload
+    };
+  }
+  async function submit() {
+    setSubmitting(true);
+    try {
+      await onSubmit(buildPayload());
+    } finally {
+      setSubmitting(false);
+    }
+  }
+  react.useEffect(() => {
+    function onKey(e) {
+      if (e.key === "Escape") {
+        e.preventDefault();
+        cancelWithConfirm();
+        return;
+      }
+      if (e.key === "Enter") {
+        const target = e.target;
+        const tag = target?.tagName?.toLowerCase();
+        if (tag === "textarea" || tag === "select" || tag === "input" || tag === "button") return;
+        e.preventDefault();
+        if (step < TOTAL_STEPS3) goNext();
+        else void submit();
+      }
+    }
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, [step, name, actionTileId, touched]);
+  const stepTitles = [
+    labels.wizardStep1Title,
+    labels.wizardStep2Title,
+    labels.wizardStep3Title,
+    labels.wizardStep4Title,
+    labels.wizardStep5Title
+  ];
+  const stepSubtitles = [
+    labels.wizardStep1Subtitle,
+    labels.wizardStep2Subtitle,
+    labels.wizardStep3Subtitle,
+    labels.wizardStep4Subtitle,
+    labels.wizardStep5Subtitle
+  ];
+  const indicatorSteps = stepTitles.map((title, idx) => ({
+    id: String(idx + 1),
+    title
+  }));
+  const counter = labels.wizardStepCounter.replace("{current}", String(step)).replace("{total}", String(TOTAL_STEPS3));
+  const hero = /* @__PURE__ */ jsxRuntime.jsx(
+    chunkZGVN23J4_js.HeroSection,
+    {
+      icon: /* @__PURE__ */ jsxRuntime.jsx(outline.AdjustmentsHorizontalIcon, { className: "h-5 w-5" }),
+      label: counter,
+      title: labels.pageTitle,
+      subtitle: stepSubtitles[step - 1] ?? labels.pageSubtitle,
+      gradient: "from-fuchsia-500 to-purple-700",
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        chunkZGVN23J4_js.StepIndicator,
+        {
+          accent: "violet",
+          currentStep: step - 1,
+          onStepChange: (idx) => goToStep(idx + 1),
+          progressLabel: labels.pageTitle,
+          steps: indicatorSteps
+        }
+      )
+    }
+  );
+  function renderStep1() {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      chunkZGVN23J4_js.SectionCard,
+      {
+        variant: "glass",
+        header: {
+          title: labels.wizardStep1Title,
+          subtitle: labels.wizardStep1Subtitle
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            chunkZGVN23J4_js.FormInput,
+            {
+              label: labels.nameLabel,
+              value: name,
+              onValueChange: (v) => {
+                setName(v);
+                markTouched();
+              },
+              placeholder: labels.namePlaceholder,
+              required: true
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            chunkZGVN23J4_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(
+            chunkZGVN23J4_js.FormToggle,
+            {
+              checked: enabled,
+              onChange: (v) => {
+                setEnabled(v);
+                markTouched();
+              },
+              label: labels.enabledLabel,
+              variant: "card"
+            }
+          )
+        ] })
+      }
+    );
+  }
+  function renderStep2() {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      chunkZGVN23J4_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(
+              chunkZGVN23J4_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(
+            chunkH475T2N7_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(
+      chunkZGVN23J4_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(
+                  chunkZGVN23J4_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(
+            chunkZGVN23J4_js.SectionCard,
+            {
+              variant: "glass",
+              header: {
+                title: labels[selectedTile.labelKey] ?? selectedTile.id,
+                subtitle: labels.actionConfigSubtitle
+              },
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                chunkH475T2N7_js.RuleActionBuilder,
+                {
+                  value: action,
+                  onChange: (next) => {
+                    setAction(next);
+                    markTouched();
+                  }
+                }
+              )
+            }
+          )
+        ] })
+      }
+    );
+  }
+  function renderStep4() {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+      chunkZGVN23J4_js.SectionCard,
+      {
+        variant: "glass",
+        header: {
+          title: labels.scheduleSectionTitle,
+          subtitle: labels.scheduleSectionSubtitle
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-5", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(chunkZGVN23J4_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(
+                  chunkZGVN23J4_js.DatePicker,
+                  {
+                    value: validFromDate,
+                    onChange: (d) => {
+                      setValidFromDate(d);
+                      markTouched();
+                    },
+                    placeholder: labels.validFromDateLabel
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  chunkZGVN23J4_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(
+                  chunkZGVN23J4_js.DatePicker,
+                  {
+                    value: validUntilDate,
+                    onChange: (d) => {
+                      setValidUntilDate(d);
+                      markTouched();
+                    },
+                    placeholder: labels.validUntilDateLabel
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  chunkZGVN23J4_js.TimePicker,
+                  {
+                    value: validUntilTime,
+                    onChange: (t) => {
+                      setValidUntilTime(t);
+                      markTouched();
+                    },
+                    placeholder: labels.validUntilTimeLabel
+                  }
+                )
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            chunkZGVN23J4_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(
+              chunkZGVN23J4_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(
+              chunkZGVN23J4_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(
+              chunkZGVN23J4_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(
+            chunkZGVN23J4_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(
+                chunkZGVN23J4_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(
+                chunkZGVN23J4_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: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        chunkZGVN23J4_js.SectionCard,
+        {
+          variant: "glass",
+          header: {
+            title: labels.wizardStep1Title,
+            subtitle: labels.wizardStep1Subtitle
+          },
+          actions: /* @__PURE__ */ jsxRuntime.jsxs(chunkBHOT22QL_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 })
+          ] }),
+          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) }),
+            /* @__PURE__ */ jsxRuntime.jsx(ReviewRow3, { label: labels.reviewEnabledLabel, value: payload.enabled ? labels.reviewYes : labels.reviewNo }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ReviewRow3,
+              {
+                label: labels.reviewDescriptionLabel,
+                value: payload.description ?? labels.reviewNoneValue
+              }
+            )
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        chunkZGVN23J4_js.SectionCard,
+        {
+          variant: "glass",
+          header: {
+            title: labels.wizardStep2Title,
+            subtitle: labels.wizardStep2Subtitle
+          },
+          actions: /* @__PURE__ */ jsxRuntime.jsxs(chunkBHOT22QL_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 })
+          ] }),
+          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.jsxs(
+        chunkZGVN23J4_js.SectionCard,
+        {
+          variant: "glass",
+          header: {
+            title: labels.wizardStep3Title,
+            subtitle: labels.wizardStep3Subtitle
+          },
+          actions: /* @__PURE__ */ jsxRuntime.jsxs(chunkBHOT22QL_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) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        chunkZGVN23J4_js.SectionCard,
+        {
+          variant: "glass",
+          header: {
+            title: labels.wizardStep4Title,
+            subtitle: labels.wizardStep4Subtitle
+          },
+          actions: /* @__PURE__ */ jsxRuntime.jsxs(chunkBHOT22QL_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 })
+          ] }),
+          children: /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "grid grid-cols-1 gap-2 sm:grid-cols-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ReviewRow3,
+              {
+                label: labels.reviewValidFromLabel,
+                value: payload.validFrom ?? labels.reviewNoneValue
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ReviewRow3,
+              {
+                label: labels.reviewValidUntilLabel,
+                value: payload.validUntil ?? (noExpiry ? labels.noExpiryLabel : labels.reviewNoneValue)
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(ReviewRow3, { label: labels.reviewStatusLabel, value: payload.status ?? "active" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ReviewRow3,
+              {
+                label: labels.reviewTagsLabel,
+                value: payload.tags && payload.tags.length > 0 ? payload.tags.join(", ") : labels.reviewNoneValue
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(ReviewRow3, { label: labels.reviewRecurrenceLabel, value: recurrence })
+          ] })
+        }
+      )
+    ] });
+  }
+  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(chunkBHOT22QL_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(chunkBHOT22QL_js.Button, { type: "button", outline: true, onClick: cancelWithConfirm, disabled: submitting, children: labels.wizardCancel }),
+      step < TOTAL_STEPS3 ? /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "button", color: "fuchsia", onClick: goNext, disabled: advanceDisabled || submitting, children: labels.wizardNext }) : /* @__PURE__ */ jsxRuntime.jsx(
+        chunkBHOT22QL_js.Button,
+        {
+          type: "button",
+          color: "fuchsia",
+          onClick: () => void submit(),
+          disabled: submitting || !name.trim() || !actionTileId,
+          children: submitting ? labels.wizardCreate + "\u2026" : labels.wizardCreate
+        }
+      )
+    ] })
+  ] });
+  const content = /* @__PURE__ */ jsxRuntime.jsxs(
+    "form",
+    {
+      onSubmit: (e) => {
+        e.preventDefault();
+        if (step < TOTAL_STEPS3) goNext();
+        else void submit();
+      },
+      className: "space-y-4",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liquid-surface rounded-2xl p-5 sm:p-8", 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: [
+    /* @__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 whitespace-pre-wrap break-words text-xs font-semibold text-gray-900 dark:text-white", children: value })
+  ] });
+}
+function pad(n) {
+  return String(n).padStart(2, "0");
+}
+function humanReadableCondition(cond, labels) {
+  if (!cond) return labels.reviewNoneValue;
+  if (cond.operator === "boolean_expression" && Array.isArray(cond.operands)) {
+    const inner = cond.operands.map((o) => humanReadableCondition(o, labels)).join(` ${cond.combinator?.toUpperCase() ?? "AND"} `);
+    return `(${inner})`;
+  }
+  const field = cond.field ?? "?";
+  switch (cond.operator) {
+    case "truthy":
+      return `${field} is set`;
+    case "eq":
+      return `${field} = ${formatValue(cond.value)}`;
+    case "neq":
+      return `${field} \u2260 ${formatValue(cond.value)}`;
+    case "gt":
+      return `${field} > ${formatValue(cond.value)}`;
+    case "gte":
+      return `${field} \u2265 ${formatValue(cond.value)}`;
+    case "lt":
+      return `${field} < ${formatValue(cond.value)}`;
+    case "lte":
+      return `${field} \u2264 ${formatValue(cond.value)}`;
+    case "contains":
+      return `${field} contains "${formatValue(cond.value)}"`;
+    case "regex_match":
+      return `${field} matches /${cond.pattern ?? ""}/`;
+    case "threshold":
+      return `${field} ${cond.comparison ?? "gte"} ${formatValue(cond.value)}`;
+    case "time_window":
+      return `${field} within time-window(${(cond.windows ?? []).length})`;
+    default:
+      return `${cond.operator}(${field})`;
+  }
+}
+function formatValue(v) {
+  if (v === null || v === void 0) return "";
+  return String(v);
+}
+function humanReadableAction(action, labels, tiles, actionTileId) {
+  const tile = tiles.find((t) => t.id === actionTileId);
+  const tileLabel = tile ? labels[tile.labelKey] ?? tile.id : action.type;
+  const paramSummary = action.params ? Object.entries(action.params).slice(0, 3).map(([k, v]) => `${k}=${String(v)}`).join(", ") : "";
+  return paramSummary ? `${tileLabel} \u2014 ${paramSummary}` : tileLabel;
+}
 
 Object.defineProperty(exports, "RolesPageView", {
   enumerable: true,
-  get: function () { return chunkIVKFXPLO_js.RolesPageView; }
+  get: function () { return chunkZ6FZQOTW_js.RolesPageView; }
 });
 Object.defineProperty(exports, "UsersPageView", {
   enumerable: true,
-  get: function () { return chunkIVKFXPLO_js.UsersPageView; }
+  get: function () { return chunkZ6FZQOTW_js.UsersPageView; }
 });
 Object.defineProperty(exports, "DIALECT_CATEGORIES", {
   enumerable: true,
-  get: function () { return chunkR6GEJBFC_js.DIALECT_CATEGORIES; }
+  get: function () { return chunk62BD4WLW_js.DIALECT_CATEGORIES; }
 });
 Object.defineProperty(exports, "DatasourceFormModal", {
   enumerable: true,
-  get: function () { return chunkR6GEJBFC_js.DatasourceFormModal; }
+  get: function () { return chunk62BD4WLW_js.DatasourceFormModal; }
 });
 Object.defineProperty(exports, "DatasourceModal", {
   enumerable: true,
-  get: function () { return chunkR6GEJBFC_js.DatasourceModal; }
+  get: function () { return chunk62BD4WLW_js.DatasourceModal; }
 });
 Object.defineProperty(exports, "findCategory", {
   enumerable: true,
-  get: function () { return chunkR6GEJBFC_js.findCategory; }
+  get: function () { return chunk62BD4WLW_js.findCategory; }
 });
 Object.defineProperty(exports, "findDialect", {
   enumerable: true,
-  get: function () { return chunkR6GEJBFC_js.findDialect; }
+  get: function () { return chunk62BD4WLW_js.findDialect; }
 });
 exports.AgentNewWizardPageView = AgentNewWizardPageView;
 exports.AgentsConfigPageView = AgentsConfigPageView;
@@ -3655,7 +5401,9 @@ exports.AgentsWorkspacePageView = AgentsWorkspacePageView;
 exports.ConnectionsPageView = ConnectionsPageView;
 exports.CredentialsPageView = CredentialsPageView;
 exports.DashboardPageView = DashboardPageView;
+exports.DatasourceNewWizardPageView = DatasourceNewWizardPageView;
 exports.DatasourcesPageView = DatasourcesPageView;
+exports.RuleNewWizardPageView = RuleNewWizardPageView;
 exports.RulesPageView = RulesPageView;
 exports.RunTimelinePageView = RunTimelinePageView;
 exports.TOOL_TYPES = TOOL_TYPES;