@datatechsolutions/ui 3.10.0 → 3.11.1

package/dist/platform/pages/index.js

@@ -2,15 +2,15 @@
 'use strict';
 
 var chunk3T2WGL47_js = require('../../chunk-3T2WGL47.js');
-var chunkYSYEV2Z6_js = require('../../chunk-YSYEV2Z6.js');
-var chunkFIJMOTP4_js = require('../../chunk-FIJMOTP4.js');
-var chunkEC34PGUO_js = require('../../chunk-EC34PGUO.js');
+var chunkKDVZIDVF_js = require('../../chunk-KDVZIDVF.js');
+var chunkNW32BM3F_js = require('../../chunk-NW32BM3F.js');
+var chunkAPONR6ZM_js = require('../../chunk-APONR6ZM.js');
 require('../../chunk-55H6WZQP.js');
 require('../../chunk-DJDZIRM6.js');
-require('../../chunk-O4HH77A4.js');
-var chunkLVR4SR65_js = require('../../chunk-LVR4SR65.js');
+require('../../chunk-OSXBMLZP.js');
+var chunkTIJXCRM4_js = require('../../chunk-TIJXCRM4.js');
 require('../../chunk-YXN2K77G.js');
-require('../../chunk-SY4MUT5V.js');
+require('../../chunk-ZUU7G3PC.js');
 require('../../chunk-2OZZH2IO.js');
 require('../../chunk-EZQ2D47U.js');
 var chunkBHOT22QL_js = require('../../chunk-BHOT22QL.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(
-    chunkLVR4SR65_js.HeroSection,
+    chunkTIJXCRM4_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(
+        chunkTIJXCRM4_js.SearchBar,
+        {
+          searchTerm,
+          onSearchChange: setSearchTerm,
+          placeholder: labels.searchPlaceholder ?? labels.title,
+          noBorder: true
+        }
+      ) : void 0
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      chunkLVR4SR65_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(
-      chunkLVR4SR65_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(chunkTIJXCRM4_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_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(
+    chunkTIJXCRM4_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(
-    chunkLVR4SR65_js.HeroSection,
+    chunkTIJXCRM4_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(
-        chunkLVR4SR65_js.SearchBar,
+        chunkTIJXCRM4_js.SearchBar,
         {
           searchTerm,
           onSearchChange: setSearchTerm,
@@ -88,7 +87,7 @@ function AgentsConfigPageView({ labels, agents, models, loading, onCreate, onUpd
         }
       ) : void 0,
       actions: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkLVR4SR65_js.CreateActionButton,
+        chunkTIJXCRM4_js.CreateActionButton,
         {
           mode: "desktop",
           label: labels.addAgent,
@@ -99,7 +98,7 @@ function AgentsConfigPageView({ labels, agents, models, loading, onCreate, onUpd
     }
   );
   const mobileAction = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkLVR4SR65_js.CreateActionButton,
+    chunkTIJXCRM4_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(chunkLVR4SR65_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_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(chunkTIJXCRM4_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_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(
-      chunkLVR4SR65_js.EntityCard,
+      chunkTIJXCRM4_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(
-    chunkLVR4SR65_js.GlassModal,
+    chunkTIJXCRM4_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(chunkLVR4SR65_js.FormGrid, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.FormInput, { name: "name", label: labels.name, defaultValue: initial.name ?? "", required: true }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.FormSelect, { name: "modelId", label: labels.model, options: modelOptions, defaultValue: initial.modelId ?? modelOptions[0]?.value ?? "", required: true }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.FormInput, { name: "maxTokens", label: String(labels.maxTokens), type: "number", defaultValue: String(initial.maxTokens ?? 2048) }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_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(chunkLVR4SR65_js.FormTextarea, { name: "systemPrompt", label: labels.systemPrompt, defaultValue: initial.systemPrompt ?? "", rows: 4 }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.FormTextarea, { name: "outputSchema", label: labels.outputSchema, placeholder: labels.outputSchemaPlaceholder, defaultValue: initial.outputSchema ?? "", rows: 4 })
+      children: /* @__PURE__ */ jsxRuntime.jsxs(chunkTIJXCRM4_js.FormGrid, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.FormInput, { name: "name", label: labels.name, defaultValue: initial.name ?? "", required: true }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.FormSelect, { name: "modelId", label: labels.model, options: modelOptions, defaultValue: initial.modelId ?? modelOptions[0]?.value ?? "", required: true }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.FormInput, { name: "maxTokens", label: String(labels.maxTokens), type: "number", defaultValue: String(initial.maxTokens ?? 2048) }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_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(chunkTIJXCRM4_js.FormTextarea, { name: "systemPrompt", label: labels.systemPrompt, defaultValue: initial.systemPrompt ?? "", rows: 4 }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_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(
-    chunkLVR4SR65_js.HeroSection,
+    chunkTIJXCRM4_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(
-        chunkLVR4SR65_js.CreateActionButton,
+        chunkTIJXCRM4_js.CreateActionButton,
         {
           mode: "desktop",
           label: labels.addPrompt,
@@ -262,7 +261,7 @@ function AgentsPromptsPageView({ labels, agents, prompts, loading, onCreate, onA
     }
   );
   const mobileAction = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkLVR4SR65_js.CreateActionButton,
+    chunkTIJXCRM4_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(chunkLVR4SR65_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkLVR4SR65_js.SearchBar,
+      chunkTIJXCRM4_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(
-        chunkLVR4SR65_js.EntityCard,
+        chunkTIJXCRM4_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(
-      chunkLVR4SR65_js.GlassModal,
+      chunkTIJXCRM4_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(chunkLVR4SR65_js.FormGrid, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.FormSelect, { name: "agentId", label: labels.agent, options: agentOptions, required: true }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.FormSelect, { name: "locale", label: labels.locale, options: LOCALE_OPTIONS, defaultValue: "en" }),
+        children: /* @__PURE__ */ jsxRuntime.jsxs(chunkTIJXCRM4_js.FormGrid, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.FormSelect, { name: "agentId", label: labels.agent, options: agentOptions, required: true }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.FormSelect, { name: "locale", label: labels.locale, options: LOCALE_OPTIONS, defaultValue: "en" }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkLVR4SR65_js.FormSelect,
+            chunkTIJXCRM4_js.FormSelect,
             {
               name: "isActive",
               label: labels.isActive,
@@ -354,10 +353,10 @@ function AgentsPromptsPageView({ labels, agents, prompts, loading, onCreate, onA
               defaultValue: "true"
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.FormInput, { name: "reason", label: labels.reason }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.FormTextarea, { name: "systemPrompt", label: labels.systemPrompt, rows: 3 }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.FormTextarea, { name: "userTemplate", label: labels.userTemplate, rows: 3 }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.FormTextarea, { name: "prompt", label: labels.prompt, rows: 6, required: true })
+          /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.FormInput, { name: "reason", label: labels.reason }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.FormTextarea, { name: "systemPrompt", label: labels.systemPrompt, rows: 3 }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.FormTextarea, { name: "userTemplate", label: labels.userTemplate, rows: 3 }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_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(
-    chunkLVR4SR65_js.HeroSection,
+    chunkTIJXCRM4_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(
-        chunkLVR4SR65_js.CreateActionButton,
+        chunkTIJXCRM4_js.CreateActionButton,
         {
           mode: "desktop",
           label: labels.addTool,
@@ -411,7 +410,7 @@ function AgentsToolDefinitionsPageView({ labels, tools, loading, onCreate, onUpd
     }
   );
   const mobileAction = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkLVR4SR65_js.CreateActionButton,
+    chunkTIJXCRM4_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(chunkLVR4SR65_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkLVR4SR65_js.SearchBar,
+      chunkTIJXCRM4_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(
-      chunkLVR4SR65_js.EntityCard,
+      chunkTIJXCRM4_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(
-    chunkLVR4SR65_js.GlassModal,
+    chunkTIJXCRM4_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(chunkLVR4SR65_js.FormGrid, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkTIJXCRM4_js.FormGrid, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkLVR4SR65_js.FormInput,
+            chunkTIJXCRM4_js.FormInput,
             {
               label: "Name",
               required: true,
@@ -544,7 +543,7 @@ function ToolEditor({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkLVR4SR65_js.FormSelect,
+            chunkTIJXCRM4_js.FormSelect,
             {
               label: "Tool type",
               value: value.toolType,
@@ -554,7 +553,7 @@ function ToolEditor({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkLVR4SR65_js.FormSelect,
+            chunkTIJXCRM4_js.FormSelect,
             {
               label: "Enabled",
               value: value.enabled ? "true" : "false",
@@ -563,7 +562,7 @@ function ToolEditor({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkLVR4SR65_js.FormInput,
+            chunkTIJXCRM4_js.FormInput,
             {
               label: "Icon (optional)",
               value: value.icon ?? "",
@@ -573,7 +572,7 @@ function ToolEditor({
           )
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkLVR4SR65_js.FormTextarea,
+          chunkTIJXCRM4_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(
-          chunkLVR4SR65_js.FormInput,
+          chunkTIJXCRM4_js.FormInput,
           {
             label: "Name",
             value: param.name,
@@ -630,7 +629,7 @@ function ParametersEditor({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkLVR4SR65_js.FormSelect,
+          chunkTIJXCRM4_js.FormSelect,
           {
             label: "Type",
             value: param.type,
@@ -639,7 +638,7 @@ function ParametersEditor({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkLVR4SR65_js.FormInput,
+          chunkTIJXCRM4_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(chunkLVR4SR65_js.FormGrid, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkTIJXCRM4_js.FormGrid, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkLVR4SR65_js.FormSelect,
+          chunkTIJXCRM4_js.FormSelect,
           {
             label: "Method",
             value: stringProp(config, "method", "GET"),
@@ -684,7 +683,7 @@ function HandlerConfigEditor({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkLVR4SR65_js.FormInput,
+          chunkTIJXCRM4_js.FormInput,
           {
             label: "URL template",
             value: stringProp(config, "url"),
@@ -694,7 +693,7 @@ function HandlerConfigEditor({
         )
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkLVR4SR65_js.FormTextarea,
+        chunkTIJXCRM4_js.FormTextarea,
         {
           label: "Headers (JSON)",
           rows: 3,
@@ -704,7 +703,7 @@ function HandlerConfigEditor({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkLVR4SR65_js.FormTextarea,
+        chunkTIJXCRM4_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(
-        chunkLVR4SR65_js.FormInput,
+        chunkTIJXCRM4_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(chunkLVR4SR65_js.FormGrid, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkTIJXCRM4_js.FormGrid, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkLVR4SR65_js.FormInput,
+          chunkTIJXCRM4_js.FormInput,
           {
             label: "Datasource ID",
             value: stringProp(config, "datasourceId"),
@@ -744,7 +743,7 @@ function HandlerConfigEditor({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkLVR4SR65_js.FormInput,
+          chunkTIJXCRM4_js.FormInput,
           {
             label: "Max rows",
             type: "number",
@@ -754,7 +753,7 @@ function HandlerConfigEditor({
         )
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkLVR4SR65_js.FormTextarea,
+        chunkTIJXCRM4_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(
-        chunkLVR4SR65_js.FormSelect,
+        chunkTIJXCRM4_js.FormSelect,
         {
           label: "Language",
           value: stringProp(config, "language", "javascript"),
@@ -782,7 +781,7 @@ function HandlerConfigEditor({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkLVR4SR65_js.FormTextarea,
+        chunkTIJXCRM4_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(chunkLVR4SR65_js.FormGrid, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(chunkTIJXCRM4_js.FormGrid, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkLVR4SR65_js.FormInput,
+        chunkTIJXCRM4_js.FormInput,
         {
           label: "URL",
           value: stringProp(config, "url"),
@@ -805,7 +804,7 @@ function HandlerConfigEditor({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkLVR4SR65_js.FormSelect,
+        chunkTIJXCRM4_js.FormSelect,
         {
           label: "Auth",
           value: stringProp(config, "authType", "bearer"),
@@ -819,7 +818,7 @@ function HandlerConfigEditor({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkLVR4SR65_js.FormInput,
+        chunkTIJXCRM4_js.FormInput,
         {
           label: "Credential secret id",
           value: stringProp(config, "credentialRef"),
@@ -956,15 +955,24 @@ function RulesPageView({ labels, rules, loading, onCreate, onUpdate, onDelete, o
   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(
-    chunkLVR4SR65_js.HeroSection,
+    chunkTIJXCRM4_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.AdjustmentsHorizontalIcon, { className: "h-5 w-5" }),
       label: labels.title,
       title: labels.title,
       subtitle: labels.subtitle,
       gradient: "from-fuchsia-500 to-purple-700",
-      toolbar: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkLVR4SR65_js.CreateActionButton,
+      toolbar: !isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
+        chunkTIJXCRM4_js.SearchBar,
+        {
+          searchTerm,
+          onSearchChange: setSearchTerm,
+          placeholder: labels.searchPlaceholder ?? labels.title,
+          noBorder: true
+        }
+      ) : void 0,
+      actions: /* @__PURE__ */ jsxRuntime.jsx(
+        chunkTIJXCRM4_js.CreateActionButton,
         {
           mode: "desktop",
           label: labels.addRule,
@@ -975,7 +983,7 @@ function RulesPageView({ labels, rules, loading, onCreate, onUpdate, onDelete, o
     }
   );
   const mobileAction = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkLVR4SR65_js.CreateActionButton,
+    chunkTIJXCRM4_js.CreateActionButton,
     {
       mode: "mobile",
       label: labels.addRule,
@@ -983,43 +991,33 @@ function RulesPageView({ labels, rules, loading, onCreate, onUpdate, onDelete, o
       accent: "fuchsia"
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      chunkLVR4SR65_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: filteredRules.map((rule) => /* @__PURE__ */ jsxRuntime.jsx(
-      chunkLVR4SR65_js.EntityCard,
-      {
-        accentGradient: "from-fuchsia-500 to-purple-700",
-        icon: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-11 w-11 items-center justify-center rounded-lg bg-fuchsia-500/10 text-fuchsia-600 dark:bg-fuchsia-500/20 dark:text-fuchsia-400", children: /* @__PURE__ */ jsxRuntime.jsx(outline.AdjustmentsHorizontalIcon, { className: "h-6 w-6" }) }),
-        title: rule.name,
-        subtitle: `${labels.order}: ${rule.order ?? 0}`,
-        status: /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Badge, { color: rule.enabled ? "emerald" : "zinc", children: rule.enabled ? labels.enabled : labels.disabled }),
-        footer: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setEditing(rule), children: labels.edit }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            chunkBHOT22QL_js.Button,
-            {
-              type: "button",
-              size: "sm",
-              color: "rose",
-              onClick: () => {
-                if (window.confirm(labels.deleteConfirm)) onDelete(rule);
-              },
-              children: labels.delete
-            }
-          )
-        ] }),
-        children: rule.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-slate-500 dark:text-slate-400", children: rule.description })
-      },
-      rule.ruleId
-    )) })
-  ] });
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: filteredRules.map((rule) => /* @__PURE__ */ jsxRuntime.jsx(
+    chunkTIJXCRM4_js.EntityCard,
+    {
+      accentGradient: "from-fuchsia-500 to-purple-700",
+      icon: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-11 w-11 items-center justify-center rounded-lg bg-fuchsia-500/10 text-fuchsia-600 dark:bg-fuchsia-500/20 dark:text-fuchsia-400", children: /* @__PURE__ */ jsxRuntime.jsx(outline.AdjustmentsHorizontalIcon, { className: "h-6 w-6" }) }),
+      title: rule.name,
+      subtitle: `${labels.order}: ${rule.order ?? 0}`,
+      status: /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Badge, { color: rule.enabled ? "emerald" : "zinc", children: rule.enabled ? labels.enabled : labels.disabled }),
+      footer: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setEditing(rule), children: labels.edit }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkBHOT22QL_js.Button,
+          {
+            type: "button",
+            size: "sm",
+            color: "rose",
+            onClick: () => {
+              if (window.confirm(labels.deleteConfirm)) onDelete(rule);
+            },
+            children: labels.delete
+          }
+        )
+      ] }),
+      children: rule.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-slate-500 dark:text-slate-400", children: rule.description })
+    },
+    rule.ruleId
+  )) });
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
       hero,
@@ -1031,7 +1029,7 @@ function RulesPageView({ labels, rules, loading, onCreate, onUpdate, onDelete, o
       {
         title: labels.createTitle,
         saveLabel: labels.save,
-        initial: chunkEC34PGUO_js.defaultRuleForm(),
+        initial: chunkAPONR6ZM_js.defaultRuleForm(),
         onClose: () => setCreateOpen(false),
         onSubmit: (value) => {
           onCreate(value);
@@ -1063,7 +1061,7 @@ function RuleEditor({
 }) {
   const [value, setValue] = react.useState(initial);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkLVR4SR65_js.GlassModal,
+    chunkTIJXCRM4_js.GlassModal,
     {
       open: true,
       onClose,
@@ -1075,12 +1073,12 @@ function RuleEditor({
         event.preventDefault();
         onSubmit(value);
       },
-      children: /* @__PURE__ */ jsxRuntime.jsx(chunkEC34PGUO_js.RuleForm, { value, onChange: setValue })
+      children: /* @__PURE__ */ jsxRuntime.jsx(chunkAPONR6ZM_js.RuleForm, { value, onChange: setValue })
     }
   );
 }
 function ruleToFormValue(rule) {
-  const base = chunkEC34PGUO_js.defaultRuleForm();
+  const base = chunkAPONR6ZM_js.defaultRuleForm();
   const rawCondition = rule.condition ?? rule.conditions;
   const rawAction = pickAction(rule);
   return {
@@ -1095,7 +1093,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) {
@@ -1123,6 +1124,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",
@@ -1139,6 +1141,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",
@@ -1155,6 +1158,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",
@@ -1171,6 +1175,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",
@@ -1187,6 +1192,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",
@@ -1203,6 +1209,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",
@@ -1211,7 +1218,7 @@ var SAMPLE_DATASOURCES = [
 ];
 function getDialectLabel(dialect) {
   if (!dialect) return "Unknown";
-  for (const category of chunkFIJMOTP4_js.DIALECT_CATEGORIES) {
+  for (const category of chunkNW32BM3F_js.DIALECT_CATEGORIES) {
     const found = category.dialects.find((d) => d.value === dialect);
     if (found) return found.label;
   }
@@ -1219,12 +1226,12 @@ function getDialectLabel(dialect) {
 }
 function getDialectGradient(dialect) {
   if (!dialect) return "from-gray-400 to-gray-500";
-  const category = chunkFIJMOTP4_js.findCategory(dialect);
+  const category = chunkNW32BM3F_js.findCategory(dialect);
   return category?.gradient ?? "from-gray-400 to-gray-500";
 }
 function getDialectIcon(dialect) {
   if (!dialect) return outline.CircleStackIcon;
-  const category = chunkFIJMOTP4_js.findCategory(dialect);
+  const category = chunkNW32BM3F_js.findCategory(dialect);
   return category?.icon ?? outline.CircleStackIcon;
 }
 var DIALECT_LOGO = {
@@ -1294,6 +1301,7 @@ function DatasourcesPageView({
       timeoutMs: 3e4,
       allowedTables: null,
       blockedColumns: null,
+      maskPii: null,
       enabled: true,
       createdAt: (/* @__PURE__ */ new Date()).toISOString(),
       updatedAt: (/* @__PURE__ */ new Date()).toISOString(),
@@ -1303,15 +1311,24 @@ function DatasourcesPageView({
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkLVR4SR65_js.HeroSection,
+      chunkTIJXCRM4_js.HeroSection,
       {
         icon: /* @__PURE__ */ jsxRuntime.jsx(outline.CircleStackIcon, { className: "h-5 w-5" }),
         label: labels.title,
         title: labels.title,
         subtitle: labels.subtitle,
         gradient: "from-amber-500 to-orange-600",
-        toolbar: /* @__PURE__ */ jsxRuntime.jsx(
-          chunkLVR4SR65_js.CreateActionButton,
+        toolbar: !isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
+          chunkTIJXCRM4_js.SearchBar,
+          {
+            searchTerm,
+            onSearchChange: setSearchTerm,
+            placeholder: labels.searchPlaceholder ?? labels.title,
+            noBorder: true
+          }
+        ) : void 0,
+        actions: /* @__PURE__ */ jsxRuntime.jsx(
+          chunkTIJXCRM4_js.CreateActionButton,
           {
             mode: "desktop",
             label: labels.addDatasource,
@@ -1322,7 +1339,7 @@ function DatasourcesPageView({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkLVR4SR65_js.CreateActionButton,
+      chunkTIJXCRM4_js.CreateActionButton,
       {
         mode: "mobile",
         label: labels.addDatasource,
@@ -1330,16 +1347,8 @@ function DatasourcesPageView({
         accent: "amber"
       }
     ),
-    !isEmpty && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkLVR4SR65_js.SearchBar,
-      {
-        searchTerm,
-        onSearchChange: setSearchTerm,
-        placeholder: labels.searchPlaceholder ?? labels.title
-      }
-    ),
     isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
-      chunkLVR4SR65_js.PageEmptyState,
+      chunkTIJXCRM4_js.PageEmptyState,
       {
         title: labels.emptyTitle,
         message: labels.emptyDescription,
@@ -1353,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(
-        chunkLVR4SR65_js.EntityCard,
+        chunkTIJXCRM4_js.EntityCard,
         {
           accentGradient: gradient,
           icon: iconElement,
@@ -1383,7 +1392,7 @@ function DatasourcesPageView({
       );
     }) }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkFIJMOTP4_js.DatasourceModal,
+      chunkNW32BM3F_js.DatasourceModal,
       {
         open: modalOpen,
         onClose: () => setModalOpen(false),
@@ -1412,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(
-    chunkLVR4SR65_js.HeroSection,
+    chunkTIJXCRM4_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(
+        chunkTIJXCRM4_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(
-      chunkLVR4SR65_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(
+      chunkTIJXCRM4_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(
-        chunkLVR4SR65_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
@@ -1452,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(
-      chunkLVR4SR65_js.SectionHeader,
+      chunkTIJXCRM4_js.SectionHeader,
       {
         icon: /* @__PURE__ */ jsxRuntime.jsx(outline.RectangleStackIcon, { className: "h-5 w-5 text-white" }),
         title: labels.title,
@@ -1461,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(chunkLVR4SR65_js.Text, { className: "font-semibold text-slate-900 dark:text-slate-100", children: labels.add }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.Text, { className: "font-semibold text-slate-900 dark:text-slate-100", children: labels.add }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkLVR4SR65_js.Form,
+        chunkTIJXCRM4_js.Form,
         {
           onSubmit: (event) => {
             event.preventDefault();
@@ -1474,32 +1482,32 @@ function WorkflowsPageView({ labels, workflows, onCreate, onUpdateMeta, onPublis
             onCreate({ name, description });
             event.currentTarget.reset();
           },
-          children: /* @__PURE__ */ jsxRuntime.jsxs(chunkLVR4SR65_js.FormGrid, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.FormInput, { name: "name", label: labels.workflowName, placeholder: labels.workflowNamePlaceholder, required: true }),
-            /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.FormTextarea, { name: "description", label: labels.description, placeholder: labels.workflowDescriptionPlaceholder, rows: 3 }),
-            /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.FormActionsRow, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "submit", children: labels.create }) })
+          children: /* @__PURE__ */ jsxRuntime.jsxs(chunkTIJXCRM4_js.FormGrid, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.FormInput, { name: "name", label: labels.workflowName, placeholder: labels.workflowNamePlaceholder, required: true }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.FormTextarea, { name: "description", label: labels.description, placeholder: labels.workflowDescriptionPlaceholder, rows: 3 }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_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(chunkLVR4SR65_js.Text, { className: "font-semibold text-slate-900 dark:text-slate-100", children: labels.registry }),
-      /* @__PURE__ */ jsxRuntime.jsxs(chunkLVR4SR65_js.Table, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.TableHead, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkLVR4SR65_js.TableRow, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.TableHeader, { children: labels.name }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.TableHeader, { children: labels.description }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.TableHeader, { children: labels.version }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.TableHeader, { children: labels.status }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.TableHeader, { children: labels.actions })
+      /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.Text, { className: "font-semibold text-slate-900 dark:text-slate-100", children: labels.registry }),
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkTIJXCRM4_js.Table, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.TableHead, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkTIJXCRM4_js.TableRow, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.TableHeader, { children: labels.name }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.TableHeader, { children: labels.description }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.TableHeader, { children: labels.version }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.TableHeader, { children: labels.status }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.TableHeader, { children: labels.actions })
         ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.TableBody, { children: workflows.map((workflow) => /* @__PURE__ */ jsxRuntime.jsxs(chunkLVR4SR65_js.TableRow, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.TableCell, { children: workflow.name }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.TableCell, { children: workflow.description }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.TableCell, { children: String(workflow.version) }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Badge, { children: workflow.isDraft ? labels.statusDraft : labels.statusPublished }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.TableBody, { children: workflows.map((workflow) => /* @__PURE__ */ jsxRuntime.jsxs(chunkTIJXCRM4_js.TableRow, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.TableCell, { children: workflow.name }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.TableCell, { children: workflow.description }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.TableCell, { children: String(workflow.version) }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Badge, { children: workflow.isDraft ? labels.statusDraft : labels.statusPublished }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkLVR4SR65_js.Form,
+              chunkTIJXCRM4_js.Form,
               {
                 onSubmit: (event) => {
                   event.preventDefault();
@@ -1509,7 +1517,7 @@ function WorkflowsPageView({ labels, workflows, onCreate, onUpdateMeta, onPublis
                     description: workflow.description ?? ""
                   });
                 },
-                children: /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.InlineForm, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "submit", outline: true, children: labels.saveMeta }) })
+                children: /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_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 })
@@ -1518,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(chunkLVR4SR65_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(chunkYSYEV2Z6_js.WorkflowWorkspace, { graph: chunk3T2WGL47_js.adaptWorkflowGraphToUi(selectedWorkflow.graph) }) }) : /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.Text, { children: labels.empty })
+      /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_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(chunkKDVZIDVF_js.WorkflowWorkspace, { graph: chunk3T2WGL47_js.adaptWorkflowGraphToUi(selectedWorkflow.graph) }) }) : /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.Text, { children: labels.empty })
     ] })
   ] });
 }
@@ -1533,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 },
@@ -1568,61 +1577,68 @@ function WorkflowRunsPageView({ labels, runs, loading, onCancel, onReplay, onVie
   });
   const isEmpty = allRuns.length === 0;
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkLVR4SR65_js.HeroSection,
+    chunkTIJXCRM4_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(
-        chunkLVR4SR65_js.FormSelect,
+      toolbar: !isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
+        chunkTIJXCRM4_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(
+              chunkTIJXCRM4_js.FormSelect,
+              {
+                name: "statusFilter",
+                label: labels.filterStatus,
+                options: statusOptions,
+                value: statusFilter,
+                onValueChange: setStatusFilter
+              }
+            )
+          }
         }
-      ) })
+      ) : void 0
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.PageLoadingState, {}) : filteredRuns.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    !isEmpty && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkLVR4SR65_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(
-      chunkLVR4SR65_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(chunkTIJXCRM4_js.PageLoadingState, {}) : filteredRuns.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_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(
+    chunkTIJXCRM4_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
@@ -1630,7 +1646,7 @@ function WorkflowRunsPageView({ labels, runs, loading, onCancel, onReplay, onVie
 }
 function RunTimelinePageView({ labels, entries, loading, runId }) {
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkLVR4SR65_js.HeroSection,
+    chunkTIJXCRM4_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.ClockIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -1642,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(chunkLVR4SR65_js.PageLoadingState, {})
+      /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.PageLoadingState, {})
     ] });
   }
   if (entries.length === 0) {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
       hero,
-      /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.PageEmptyState, { title: labels.empty ?? "", message: "", iconName: "folder-open" })
+      /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.PageEmptyState, { title: labels.empty ?? "", message: "", iconName: "folder-open" })
     ] });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     hero,
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkEC34PGUO_js.ExecutionTimelinePanel,
+      chunkAPONR6ZM_js.ExecutionTimelinePanel,
       {
         entries,
         labels
@@ -1739,15 +1755,24 @@ 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(
-    chunkLVR4SR65_js.HeroSection,
+    chunkTIJXCRM4_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.LinkIcon, { className: "h-5 w-5" }),
       label: labels.title,
       title: labels.title,
       subtitle: labels.subtitle,
       gradient: "from-sky-500 to-indigo-600",
-      toolbar: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkLVR4SR65_js.CreateActionButton,
+      toolbar: !isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
+        chunkTIJXCRM4_js.SearchBar,
+        {
+          searchTerm,
+          onSearchChange: setSearchTerm,
+          placeholder: labels.searchPlaceholder ?? labels.title,
+          noBorder: true
+        }
+      ) : void 0,
+      actions: /* @__PURE__ */ jsxRuntime.jsx(
+        chunkTIJXCRM4_js.CreateActionButton,
         {
           mode: "desktop",
           label: labels.add,
@@ -1758,7 +1783,7 @@ function ConnectionsPageView({
     }
   );
   const mobileAction = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkLVR4SR65_js.CreateActionButton,
+    chunkTIJXCRM4_js.CreateActionButton,
     {
       mode: "mobile",
       label: labels.add,
@@ -1766,50 +1791,40 @@ function ConnectionsPageView({
       accent: "sky"
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      chunkLVR4SR65_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: filteredConnections.map((conn) => /* @__PURE__ */ jsxRuntime.jsx(
-      chunkLVR4SR65_js.EntityCard,
-      {
-        accentGradient: "from-sky-500 to-indigo-600",
-        icon: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-11 w-11 items-center justify-center rounded-lg bg-sky-500/10 text-sky-600 dark:bg-sky-500/20 dark:text-sky-400", children: /* @__PURE__ */ jsxRuntime.jsx(outline.LinkIcon, { className: "h-6 w-6" }) }),
-        title: conn.name,
-        subtitle: providerLabel(conn.providerSlug),
-        status: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Badge, { color: conn.enabled ? "emerald" : "zinc", children: conn.enabled ? labels.enable : labels.disable }),
-          conn.credentialRef ? /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Badge, { color: "indigo", children: "Secret set" }) : /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Badge, { color: "amber", children: "No secret" })
-        ] }),
-        footer: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setEditing(conn), children: labels.edit }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            chunkBHOT22QL_js.Button,
-            {
-              type: "button",
-              size: "sm",
-              color: "rose",
-              onClick: async () => {
-                if (window.confirm(labels.deleteConfirm)) await onDelete(conn);
-              },
-              children: labels.delete
-            }
-          )
-        ] }),
-        children: /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "mt-1 space-y-0.5 text-xs text-slate-500 dark:text-slate-400", children: [
-          conn.region && /* @__PURE__ */ jsxRuntime.jsx(Row, { label: "Region", value: conn.region }),
-          conn.endpoint && /* @__PURE__ */ jsxRuntime.jsx(Row, { label: "Endpoint", value: conn.endpoint }),
-          conn.modelFilter && conn.modelFilter.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Row, { label: "Models", value: conn.modelFilter.join(", ") })
-        ] })
-      },
-      conn.id
-    )) })
-  ] });
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: filteredConnections.map((conn) => /* @__PURE__ */ jsxRuntime.jsx(
+    chunkTIJXCRM4_js.EntityCard,
+    {
+      accentGradient: "from-sky-500 to-indigo-600",
+      icon: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-11 w-11 items-center justify-center rounded-lg bg-sky-500/10 text-sky-600 dark:bg-sky-500/20 dark:text-sky-400", children: /* @__PURE__ */ jsxRuntime.jsx(outline.LinkIcon, { className: "h-6 w-6" }) }),
+      title: conn.name,
+      subtitle: providerLabel(conn.providerSlug),
+      status: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Badge, { color: conn.enabled ? "emerald" : "zinc", children: conn.enabled ? labels.enable : labels.disable }),
+        conn.credentialRef ? /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Badge, { color: "indigo", children: "Secret set" }) : /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Badge, { color: "amber", children: "No secret" })
+      ] }),
+      footer: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setEditing(conn), children: labels.edit }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkBHOT22QL_js.Button,
+          {
+            type: "button",
+            size: "sm",
+            color: "rose",
+            onClick: async () => {
+              if (window.confirm(labels.deleteConfirm)) await onDelete(conn);
+            },
+            children: labels.delete
+          }
+        )
+      ] }),
+      children: /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "mt-1 space-y-0.5 text-xs text-slate-500 dark:text-slate-400", children: [
+        conn.region && /* @__PURE__ */ jsxRuntime.jsx(Row, { label: "Region", value: conn.region }),
+        conn.endpoint && /* @__PURE__ */ jsxRuntime.jsx(Row, { label: "Endpoint", value: conn.endpoint }),
+        conn.modelFilter && conn.modelFilter.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Row, { label: "Models", value: conn.modelFilter.join(", ") })
+      ] })
+    },
+    conn.id
+  )) });
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
       hero,
@@ -1929,7 +1944,7 @@ function ConnectionEditor({
     return preset.exampleModels?.join(", ") ?? "";
   }, [preset]);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkLVR4SR65_js.GlassModal,
+    chunkTIJXCRM4_js.GlassModal,
     {
       open: true,
       onClose,
@@ -1942,9 +1957,9 @@ function ConnectionEditor({
         void handleSubmit();
       },
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(chunkLVR4SR65_js.FormGrid, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkTIJXCRM4_js.FormGrid, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkLVR4SR65_js.FormSelect,
+            chunkTIJXCRM4_js.FormSelect,
             {
               label: "Provider",
               value: value.providerSlug,
@@ -1955,7 +1970,7 @@ function ConnectionEditor({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkLVR4SR65_js.FormInput,
+            chunkTIJXCRM4_js.FormInput,
             {
               label: "Display name",
               required: true,
@@ -1965,7 +1980,7 @@ function ConnectionEditor({
             }
           ),
           preset.needsRegion && /* @__PURE__ */ jsxRuntime.jsx(
-            chunkLVR4SR65_js.FormInput,
+            chunkTIJXCRM4_js.FormInput,
             {
               label: "Region",
               value: value.region,
@@ -1974,7 +1989,7 @@ function ConnectionEditor({
             }
           ),
           preset.needsEndpoint && /* @__PURE__ */ jsxRuntime.jsx(
-            chunkLVR4SR65_js.FormInput,
+            chunkTIJXCRM4_js.FormInput,
             {
               label: "Endpoint URL",
               value: value.endpoint,
@@ -1984,7 +1999,7 @@ function ConnectionEditor({
           )
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkLVR4SR65_js.FormInput,
+          chunkTIJXCRM4_js.FormInput,
           {
             label: value.credentialRef ? "Rotate API key (leave blank to keep current)" : "API key",
             type: "password",
@@ -1995,7 +2010,7 @@ function ConnectionEditor({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkLVR4SR65_js.FormInput,
+          chunkTIJXCRM4_js.FormInput,
           {
             label: "Model filter (comma-separated, optional)",
             value: value.modelFilter,
@@ -2007,7 +2022,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(
-            chunkLVR4SR65_js.FormTextarea,
+            chunkTIJXCRM4_js.FormTextarea,
             {
               rows: 4,
               value: value.configJson,
@@ -2077,7 +2092,7 @@ function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate,
     { value: "password", label: labels.typePassword }
   ];
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkLVR4SR65_js.HeroSection,
+    chunkTIJXCRM4_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.KeyIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -2085,7 +2100,7 @@ function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate,
       subtitle: labels.subtitle,
       gradient: "from-rose-500 to-orange-600",
       toolbar: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkLVR4SR65_js.CreateActionButton,
+        chunkTIJXCRM4_js.CreateActionButton,
         {
           mode: "desktop",
           label: labels.addCredential,
@@ -2096,7 +2111,7 @@ function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate,
     }
   );
   const mobileAction = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkLVR4SR65_js.CreateActionButton,
+    chunkTIJXCRM4_js.CreateActionButton,
     {
       mode: "mobile",
       label: labels.addCredential,
@@ -2104,9 +2119,9 @@ function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate,
       accent: "rose"
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkLVR4SR65_js.SearchBar,
+      chunkTIJXCRM4_js.SearchBar,
       {
         searchTerm,
         onSearchChange: setSearchTerm,
@@ -2114,7 +2129,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(
-      chunkLVR4SR65_js.EntityCard,
+      chunkTIJXCRM4_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" }) }),
@@ -2122,7 +2137,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(chunkLVR4SR65_js.CopyableId, { id: secret.secretId }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_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" }),
@@ -2165,7 +2180,7 @@ function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate,
       mobileAction
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkLVR4SR65_js.GlassModal,
+      chunkTIJXCRM4_js.GlassModal,
       {
         open: createOpen,
         onClose: () => setCreateOpen(false),
@@ -2183,16 +2198,16 @@ function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate,
           onCreate({ name, value, secretType, description });
           setCreateOpen(false);
         },
-        children: /* @__PURE__ */ jsxRuntime.jsxs(chunkLVR4SR65_js.FormGrid, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.FormInput, { name: "name", label: labels.name, placeholder: labels.namePlaceholder, required: true }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.FormSelect, { name: "secretType", label: labels.type, options: typeOptions, defaultValue: "generic" }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.FormInput, { name: "value", label: labels.value, placeholder: labels.valuePlaceholder, required: true, type: "password" }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.FormTextarea, { name: "description", label: labels.description, placeholder: labels.descriptionPlaceholder, rows: 2 })
+        children: /* @__PURE__ */ jsxRuntime.jsxs(chunkTIJXCRM4_js.FormGrid, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.FormInput, { name: "name", label: labels.name, placeholder: labels.namePlaceholder, required: true }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.FormSelect, { name: "secretType", label: labels.type, options: typeOptions, defaultValue: "generic" }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.FormInput, { name: "value", label: labels.value, placeholder: labels.valuePlaceholder, required: true, type: "password" }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.FormTextarea, { name: "description", label: labels.description, placeholder: labels.descriptionPlaceholder, rows: 2 })
         ] })
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkLVR4SR65_js.GlassModal,
+      chunkTIJXCRM4_js.GlassModal,
       {
         open: rotateFor !== null,
         onClose: () => setRotateFor(null),
@@ -2207,7 +2222,7 @@ function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate,
           onRotate(rotateFor, value);
           setRotateFor(null);
         },
-        children: /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.FormGrid, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.FormInput, { name: "value", label: labels.value, placeholder: labels.valuePlaceholder, required: true, type: "password" }) })
+        children: /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.FormGrid, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.FormInput, { name: "value", label: labels.value, placeholder: labels.valuePlaceholder, required: true, type: "password" }) })
       }
     )
   ] });
@@ -2260,15 +2275,24 @@ function AgentsWorkspacePageView({
   }, [agents, selectedId]);
   const isEmpty = agents.length === 0;
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkLVR4SR65_js.HeroSection,
+    chunkTIJXCRM4_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",
+      toolbar: !isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
+        chunkTIJXCRM4_js.SearchBar,
+        {
+          searchTerm,
+          onSearchChange: setSearchTerm,
+          placeholder: labels.searchPlaceholder,
+          noBorder: true
+        }
+      ) : void 0,
       actions: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkLVR4SR65_js.CreateActionButton,
+        chunkTIJXCRM4_js.CreateActionButton,
         {
           mode: "desktop",
           label: labels.addAgent,
@@ -2279,7 +2303,7 @@ function AgentsWorkspacePageView({
     }
   );
   const mobileAction = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkLVR4SR65_js.CreateActionButton,
+    chunkTIJXCRM4_js.CreateActionButton,
     {
       mode: "mobile",
       label: labels.addAgent,
@@ -2287,91 +2311,81 @@ function AgentsWorkspacePageView({
       accent: "violet"
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
-    chunkLVR4SR65_js.PageEmptyState,
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
+    chunkTIJXCRM4_js.PageEmptyState,
     {
       title: labels.empty,
       message: labels.emptyMessage,
       iconName: "folder-open"
     }
-  ) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      chunkLVR4SR65_js.SearchBar,
-      {
-        searchTerm,
-        onSearchChange: setSearchTerm,
-        placeholder: labels.searchPlaceholder
-      }
-    ),
-    /* @__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(chunkLVR4SR65_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(
-          chunkLVR4SR65_js.ListCardItem,
-          {
-            leading: /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.Avatar, { tone: active ? "violet" : "slate", initials }),
-            trailing: agent.activePromptVersion > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(chunkBHOT22QL_js.Badge, { color: "emerald", children: [
-              "v",
-              agent.activePromptVersion
-            ] }) : /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Badge, { color: "zinc", children: "draft" }),
-            pressable: true,
-            onPress: () => {
-              setSelectedId(id);
-              onSelectAgent?.(id);
-            },
-            className: active ? "bg-violet-500/5 dark:bg-violet-400/10" : "",
-            children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-sm font-semibold text-slate-900 dark:text-slate-100", children: String(agent.name ?? id) }),
-              modelName && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-xs text-slate-500 dark:text-slate-400", children: modelName })
-            ] })
-          },
-          id
-        );
-      }) }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { children: selectedAgent ? /* @__PURE__ */ jsxRuntime.jsx(
-        AgentDetail,
-        {
-          agent: selectedAgent,
-          labels,
-          models,
-          tools,
-          connections,
-          prompts: promptsByAgent[String(selectedAgent.agentId ?? selectedAgent.id ?? "")] ?? [],
-          onUpdateAgent,
-          onDeleteAgent,
-          onCreatePrompt,
-          onActivatePrompt,
-          onAttachTool,
-          onDetachTool,
-          onUpdateModel,
-          onCleared: () => {
-            setSelectedId(null);
-            onSelectAgent?.(null);
-          }
-        },
-        String(selectedAgent.agentId ?? selectedAgent.id ?? "")
-      ) : /* @__PURE__ */ jsxRuntime.jsx(
-        chunkLVR4SR65_js.SectionCard,
+  ) : /* @__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(chunkTIJXCRM4_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(
+        chunkTIJXCRM4_js.ListCardItem,
         {
-          header: {
-            icon: /* @__PURE__ */ jsxRuntime.jsx(outline.CpuChipIcon, { className: "h-4 w-4" }),
-            title: labels.noSelection,
-            subtitle: labels.noSelectionMessage
+          leading: /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.Avatar, { tone: active ? "violet" : "slate", initials }),
+          trailing: agent.activePromptVersion > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(chunkBHOT22QL_js.Badge, { color: "emerald", children: [
+            "v",
+            agent.activePromptVersion
+          ] }) : /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Badge, { color: "zinc", children: "draft" }),
+          pressable: true,
+          onPress: () => {
+            setSelectedId(id);
+            onSelectAgent?.(id);
           },
-          children: /* @__PURE__ */ jsxRuntime.jsx(
-            chunkLVR4SR65_js.PageEmptyState,
-            {
-              title: labels.noSelection,
-              message: labels.noSelectionMessage,
-              iconName: "folder-open"
-            }
-          )
+          className: active ? "bg-violet-500/5 dark:bg-violet-400/10" : "",
+          children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-sm font-semibold text-slate-900 dark:text-slate-100", children: String(agent.name ?? id) }),
+            modelName && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-xs text-slate-500 dark:text-slate-400", children: modelName })
+          ] })
+        },
+        id
+      );
+    }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { children: selectedAgent ? /* @__PURE__ */ jsxRuntime.jsx(
+      AgentDetail,
+      {
+        agent: selectedAgent,
+        labels,
+        models,
+        tools,
+        connections,
+        prompts: promptsByAgent[String(selectedAgent.agentId ?? selectedAgent.id ?? "")] ?? [],
+        onUpdateAgent,
+        onDeleteAgent,
+        onCreatePrompt,
+        onActivatePrompt,
+        onAttachTool,
+        onDetachTool,
+        onUpdateModel,
+        onCleared: () => {
+          setSelectedId(null);
+          onSelectAgent?.(null);
         }
-      ) })
-    ] })
+      },
+      String(selectedAgent.agentId ?? selectedAgent.id ?? "")
+    ) : /* @__PURE__ */ jsxRuntime.jsx(
+      chunkTIJXCRM4_js.SectionCard,
+      {
+        header: {
+          icon: /* @__PURE__ */ jsxRuntime.jsx(outline.CpuChipIcon, { className: "h-4 w-4" }),
+          title: labels.noSelection,
+          subtitle: labels.noSelectionMessage
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          chunkTIJXCRM4_js.PageEmptyState,
+          {
+            title: labels.noSelection,
+            message: labels.noSelectionMessage,
+            iconName: "folder-open"
+          }
+        )
+      }
+    ) })
   ] });
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     hero,
@@ -2397,7 +2411,7 @@ function AgentDetail({
 }) {
   const agentId = String(agent.agentId ?? agent.id ?? "");
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkLVR4SR65_js.SectionCard,
+    chunkTIJXCRM4_js.SectionCard,
     {
       header: {
         icon: /* @__PURE__ */ jsxRuntime.jsx(outline.CpuChipIcon, { className: "h-4 w-4" }),
@@ -2422,15 +2436,15 @@ function AgentDetail({
           ]
         }
       ),
-      children: /* @__PURE__ */ jsxRuntime.jsxs(chunkLVR4SR65_js.Tabs, { defaultValue: "general", className: "w-full", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(chunkLVR4SR65_js.TabsList, { className: "bg-white/40 dark:bg-white/[0.06]", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.TabsTrigger, { value: "general", children: labels.generalTab }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.TabsTrigger, { value: "prompt", children: labels.promptTab }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.TabsTrigger, { value: "tools", children: labels.toolsTab }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.TabsTrigger, { value: "model", children: labels.modelTab })
+      children: /* @__PURE__ */ jsxRuntime.jsxs(chunkTIJXCRM4_js.Tabs, { defaultValue: "general", className: "w-full", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkTIJXCRM4_js.TabsList, { className: "bg-white/40 dark:bg-white/[0.06]", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.TabsTrigger, { value: "general", children: labels.generalTab }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.TabsTrigger, { value: "prompt", children: labels.promptTab }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.TabsTrigger, { value: "tools", children: labels.toolsTab }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.TabsTrigger, { value: "model", children: labels.modelTab })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_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(chunkLVR4SR65_js.TabsContent, { value: "prompt", className: "space-y-4 pt-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_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(chunkTIJXCRM4_js.TabsContent, { value: "prompt", className: "space-y-4 pt-4", children: /* @__PURE__ */ jsxRuntime.jsx(
           PromptTab,
           {
             agent,
@@ -2440,7 +2454,7 @@ function AgentDetail({
             onActivate: (promptId) => onActivatePrompt(agentId, promptId)
           }
         ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.TabsContent, { value: "tools", className: "space-y-4 pt-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.TabsContent, { value: "tools", className: "space-y-4 pt-4", children: /* @__PURE__ */ jsxRuntime.jsx(
           ToolsTab,
           {
             agent,
@@ -2450,7 +2464,7 @@ function AgentDetail({
             onDetach: (toolId) => onDetachTool(agentId, toolId)
           }
         ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.TabsContent, { value: "model", className: "space-y-4 pt-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.TabsContent, { value: "model", className: "space-y-4 pt-4", children: /* @__PURE__ */ jsxRuntime.jsx(
           ModelTab,
           {
             agent,
@@ -2482,7 +2496,7 @@ function GeneralTab({
   const initialRole = String(agent.role ?? "");
   const initialStatus = String(agent.status ?? "draft");
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkLVR4SR65_js.SectionCard,
+    chunkTIJXCRM4_js.SectionCard,
     {
       variant: "glass",
       header: {
@@ -2511,10 +2525,10 @@ function GeneralTab({
           },
           className: "space-y-4",
           children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(chunkLVR4SR65_js.FormGrid, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.FormInput, { name: "name", label: labels.name, defaultValue: initial.name, required: true }),
+            /* @__PURE__ */ jsxRuntime.jsxs(chunkTIJXCRM4_js.FormGrid, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.FormInput, { name: "name", label: labels.name, defaultValue: initial.name, required: true }),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkLVR4SR65_js.FormSelect,
+                chunkTIJXCRM4_js.FormSelect,
                 {
                   name: "status",
                   label: labels.status,
@@ -2526,9 +2540,9 @@ function GeneralTab({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.FormInput, { name: "role", label: labels.role, placeholder: labels.rolePlaceholder, defaultValue: initialRole }),
+              /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.FormInput, { name: "role", label: labels.role, placeholder: labels.rolePlaceholder, defaultValue: initialRole }),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkLVR4SR65_js.FormInput,
+                chunkTIJXCRM4_js.FormInput,
                 {
                   name: "maxTokens",
                   label: labels.maxTokens,
@@ -2537,7 +2551,7 @@ function GeneralTab({
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkLVR4SR65_js.FormInput,
+                chunkTIJXCRM4_js.FormInput,
                 {
                   name: "temperature",
                   label: labels.temperature,
@@ -2549,7 +2563,7 @@ function GeneralTab({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.FormTextarea, { name: "description", label: labels.description, defaultValue: initialDescription, rows: 3 }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_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 }) })
           ]
         }
@@ -2569,7 +2583,7 @@ function PromptTab({
   const currentSystem = String(agent.systemPrompt ?? "");
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkLVR4SR65_js.SectionCard,
+      chunkTIJXCRM4_js.SectionCard,
       {
         variant: "glass",
         header: {
@@ -2581,7 +2595,7 @@ function PromptTab({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkLVR4SR65_js.SectionCard,
+      chunkTIJXCRM4_js.SectionCard,
       {
         variant: "glass",
         header: {
@@ -2592,10 +2606,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(chunkLVR4SR65_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(chunkTIJXCRM4_js.ListCard, { children: prompts.map((prompt) => {
           const id = `${prompt.agentId}:${prompt.locale}:${prompt.version}`;
           return /* @__PURE__ */ jsxRuntime.jsxs(
-            chunkLVR4SR65_js.ListCardItem,
+            chunkTIJXCRM4_js.ListCardItem,
             {
               leading: /* @__PURE__ */ jsxRuntime.jsxs(chunkBHOT22QL_js.Badge, { color: prompt.isActive ? "emerald" : "zinc", children: [
                 "v",
@@ -2613,7 +2627,7 @@ function PromptTab({
       }
     ),
     addOpen && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkLVR4SR65_js.GlassModal,
+      chunkTIJXCRM4_js.GlassModal,
       {
         open: true,
         onClose: () => setAddOpen(false),
@@ -2634,10 +2648,10 @@ function PromptTab({
           });
           setAddOpen(false);
         },
-        children: /* @__PURE__ */ jsxRuntime.jsxs(chunkLVR4SR65_js.FormGrid, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.FormSelect, { name: "locale", label: labels.promptLocale, options: LOCALE_OPTIONS2, defaultValue: "en" }),
+        children: /* @__PURE__ */ jsxRuntime.jsxs(chunkTIJXCRM4_js.FormGrid, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.FormSelect, { name: "locale", label: labels.promptLocale, options: LOCALE_OPTIONS2, defaultValue: "en" }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkLVR4SR65_js.FormSelect,
+            chunkTIJXCRM4_js.FormSelect,
             {
               name: "isActive",
               label: labels.promptIsActive,
@@ -2648,10 +2662,10 @@ function PromptTab({
               defaultValue: "true"
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.FormInput, { name: "reason", label: labels.promptReason }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.FormTextarea, { name: "systemPrompt", label: labels.promptSystemPrompt, rows: 3 }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.FormTextarea, { name: "userTemplate", label: labels.promptUserTemplate, rows: 3 }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.FormTextarea, { name: "prompt", label: labels.promptText, rows: 6, required: true })
+          /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.FormInput, { name: "reason", label: labels.promptReason }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.FormTextarea, { name: "systemPrompt", label: labels.promptSystemPrompt, rows: 3 }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.FormTextarea, { name: "userTemplate", label: labels.promptUserTemplate, rows: 3 }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.FormTextarea, { name: "prompt", label: labels.promptText, rows: 6, required: true })
         ] })
       }
     )
@@ -2674,15 +2688,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(
-      chunkLVR4SR65_js.SectionCard,
+      chunkTIJXCRM4_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(chunkLVR4SR65_js.ListCard, { children: attachedTools.map((tool) => /* @__PURE__ */ jsxRuntime.jsxs(
-          chunkLVR4SR65_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(chunkTIJXCRM4_js.ListCard, { children: attachedTools.map((tool) => /* @__PURE__ */ jsxRuntime.jsxs(
+          chunkTIJXCRM4_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 }),
@@ -2696,15 +2710,15 @@ function ToolsTab({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkLVR4SR65_js.SectionCard,
+      chunkTIJXCRM4_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(chunkLVR4SR65_js.ListCard, { children: availableTools.map((tool) => /* @__PURE__ */ jsxRuntime.jsxs(
-          chunkLVR4SR65_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(chunkTIJXCRM4_js.ListCard, { children: availableTools.map((tool) => /* @__PURE__ */ jsxRuntime.jsxs(
+          chunkTIJXCRM4_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: [
@@ -2745,7 +2759,7 @@ function ModelTab({
     return matches.length > 0 ? matches : connections;
   }, [selectedModel, connections]);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkLVR4SR65_js.SectionCard,
+    chunkTIJXCRM4_js.SectionCard,
     {
       variant: "glass",
       header: {
@@ -2766,9 +2780,9 @@ function ModelTab({
           },
           className: "space-y-4",
           children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(chunkLVR4SR65_js.FormGrid, { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(chunkTIJXCRM4_js.FormGrid, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkLVR4SR65_js.FormSelect,
+                chunkTIJXCRM4_js.FormSelect,
                 {
                   label: labels.model,
                   value: modelId,
@@ -2777,7 +2791,7 @@ function ModelTab({
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkLVR4SR65_js.FormSelect,
+                chunkTIJXCRM4_js.FormSelect,
                 {
                   label: labels.connection,
                   value: connectionId,
@@ -2979,11 +2993,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);
@@ -3069,7 +3081,7 @@ function AgentNewWizardPageView({
   }
   const counter = labels.wizardStepCounter.replace("{current}", String(step)).replace("{total}", String(TOTAL_STEPS));
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkLVR4SR65_js.HeroSection,
+    chunkTIJXCRM4_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(
         "div",
@@ -3082,12 +3094,22 @@ function AgentNewWizardPageView({
       label: counter,
       title: labels.pageTitle,
       subtitle: stepSubtitles[step - 1],
-      gradient: activePreset.accent
+      gradient: activePreset.accent,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        chunkTIJXCRM4_js.StepIndicator,
+        {
+          accent: "indigo",
+          currentStep: step - 1,
+          onStepChange: (idx) => goToStep(idx + 1),
+          progressLabel: labels.pageTitle,
+          steps: indicatorSteps
+        }
+      )
     }
   );
   function renderStep1() {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkLVR4SR65_js.SectionCard,
+      chunkTIJXCRM4_js.SectionCard,
       {
         variant: "glass",
         header: {
@@ -3103,7 +3125,7 @@ function AgentNewWizardPageView({
             children: AGENT_PRESETS.map((preset) => {
               const selected = preset.id === presetId;
               return /* @__PURE__ */ jsxRuntime.jsx(
-                chunkLVR4SR65_js.FilterTileButton,
+                chunkTIJXCRM4_js.FilterTileButton,
                 {
                   isActive: selected,
                   color: preset.tileColor,
@@ -3122,7 +3144,7 @@ function AgentNewWizardPageView({
   }
   function renderStep2() {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkLVR4SR65_js.SectionCard,
+      chunkTIJXCRM4_js.SectionCard,
       {
         variant: "glass",
         header: {
@@ -3150,9 +3172,9 @@ function AgentNewWizardPageView({
               e
             )) })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs(chunkLVR4SR65_js.FormGrid, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(chunkTIJXCRM4_js.FormGrid, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkLVR4SR65_js.FormInput,
+              chunkTIJXCRM4_js.FormInput,
               {
                 label: labels.name,
                 value: name,
@@ -3165,7 +3187,7 @@ function AgentNewWizardPageView({
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkLVR4SR65_js.FormInput,
+              chunkTIJXCRM4_js.FormInput,
               {
                 label: labels.role,
                 value: role,
@@ -3178,7 +3200,7 @@ function AgentNewWizardPageView({
             )
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkLVR4SR65_js.FormTextarea,
+            chunkTIJXCRM4_js.FormTextarea,
             {
               label: labels.descriptionLabel,
               value: description,
@@ -3196,7 +3218,7 @@ function AgentNewWizardPageView({
   }
   function renderStep3() {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkLVR4SR65_js.SectionCard,
+      chunkTIJXCRM4_js.SectionCard,
       {
         variant: "glass",
         header: {
@@ -3204,9 +3226,9 @@ function AgentNewWizardPageView({
           subtitle: labels.connectionPickPrompt
         },
         children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(chunkLVR4SR65_js.FormGrid, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(chunkTIJXCRM4_js.FormGrid, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkLVR4SR65_js.FormSelect,
+              chunkTIJXCRM4_js.FormSelect,
               {
                 label: labels.connectionLabel,
                 value: connectionId,
@@ -3219,7 +3241,7 @@ function AgentNewWizardPageView({
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkLVR4SR65_js.FormSelect,
+              chunkTIJXCRM4_js.FormSelect,
               {
                 label: labels.frameworkLabel,
                 value: framework,
@@ -3231,7 +3253,7 @@ function AgentNewWizardPageView({
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkLVR4SR65_js.FormSelect,
+              chunkTIJXCRM4_js.FormSelect,
               {
                 label: labels.model,
                 value: modelId,
@@ -3244,7 +3266,7 @@ function AgentNewWizardPageView({
             )
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkLVR4SR65_js.FormTextarea,
+            chunkTIJXCRM4_js.FormTextarea,
             {
               label: labels.outputSchemaLabel,
               value: outputSchema,
@@ -3263,7 +3285,7 @@ function AgentNewWizardPageView({
   function renderStep4() {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkLVR4SR65_js.SectionCard,
+        chunkTIJXCRM4_js.SectionCard,
         {
           variant: "glass",
           header: {
@@ -3423,7 +3445,7 @@ function AgentNewWizardPageView({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkLVR4SR65_js.SectionCard,
+        chunkTIJXCRM4_js.SectionCard,
         {
           variant: "glass",
           header: {
@@ -3466,7 +3488,7 @@ function AgentNewWizardPageView({
               }) })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkLVR4SR65_js.FormInput,
+              chunkTIJXCRM4_js.FormInput,
               {
                 label: labels.tagsLabel,
                 value: tagsInput,
@@ -3487,7 +3509,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(
-        chunkLVR4SR65_js.SectionCard,
+        chunkTIJXCRM4_js.SectionCard,
         {
           variant: "glass",
           header: {
@@ -3502,7 +3524,7 @@ function AgentNewWizardPageView({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkLVR4SR65_js.SectionCard,
+        chunkTIJXCRM4_js.SectionCard,
         {
           variant: "glass",
           header: {
@@ -3531,7 +3553,7 @@ function AgentNewWizardPageView({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkLVR4SR65_js.SectionCard,
+        chunkTIJXCRM4_js.SectionCard,
         {
           variant: "glass",
           header: {
@@ -3551,7 +3573,7 @@ function AgentNewWizardPageView({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsxs(
-        chunkLVR4SR65_js.SectionCard,
+        chunkTIJXCRM4_js.SectionCard,
         {
           variant: "glass",
           header: {
@@ -3595,22 +3617,10 @@ function AgentNewWizardPageView({
         if (step < TOTAL_STEPS) goNext();
         else void submit();
       },
-      className: "space-y-5",
+      className: "space-y-4",
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          chunkLVR4SR65_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
       ]
     }
   );
@@ -3696,14 +3706,24 @@ function DatasourceNewWizardPageView({
   const [readOnly, setReadOnly] = react.useState(true);
   const [maxPoolSize, setMaxPoolSize] = react.useState("5");
   const [timeoutMs, setTimeoutMs] = react.useState("5000");
-  const [allowedTables, setAllowedTables] = react.useState("");
-  const [blockedColumns, setBlockedColumns] = react.useState("");
+  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 ? chunkFIJMOTP4_js.findDialect(dialect) : null, [dialect]);
-  const category = react.useMemo(() => dialect ? chunkFIJMOTP4_js.findCategory(dialect) : null, [dialect]);
+  const dialectOption = react.useMemo(() => dialect ? chunkNW32BM3F_js.findDialect(dialect) : null, [dialect]);
+  const category = react.useMemo(() => dialect ? chunkNW32BM3F_js.findCategory(dialect) : null, [dialect]);
   react.useEffect(() => {
     if (dialectOption?.defaultPort && (port === "" || /^[0-9]+$/.test(port))) {
       setPort(String(dialectOption.defaultPort));
@@ -3767,10 +3787,9 @@ function DatasourceNewWizardPageView({
     if (Number.isFinite(pool) && pool > 0) payload.maxPoolSize = pool;
     const timeout = Number(timeoutMs);
     if (Number.isFinite(timeout) && timeout > 0) payload.timeoutMs = timeout;
-    const allowed = splitList(allowedTables);
-    if (allowed.length > 0) payload.allowedTables = allowed;
-    const blocked = splitList(blockedColumns);
-    if (blocked.length > 0) payload.blockedColumns = blocked;
+    if (allowedTablesSelected.length > 0) payload.allowedTables = [...allowedTablesSelected];
+    if (blockedColumnsSelected.length > 0) payload.blockedColumns = [...blockedColumnsSelected];
+    if (maskPii) payload.maskPii = true;
     return payload;
   }
   async function handleTestConnection() {
@@ -3787,11 +3806,7 @@ function DatasourceNewWizardPageView({
   async function submit() {
     setSubmitting(true);
     try {
-      const payload = {
-        ...buildPayload(),
-        ...maskPii ? { maskPii: true } : {}
-      };
-      await onSubmit(payload);
+      await onSubmit(buildPayload());
     } finally {
       setSubmitting(false);
     }
@@ -3827,29 +3842,37 @@ function DatasourceNewWizardPageView({
     labels.wizardStep3Subtitle,
     labels.wizardStep4Subtitle
   ];
-  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
   }));
   const counter = labels.wizardStepCounter.replace("{current}", String(step)).replace("{total}", String(TOTAL_STEPS2));
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkLVR4SR65_js.HeroSection,
+    chunkTIJXCRM4_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"
+      gradient: category?.gradient ?? "from-amber-500 to-orange-600",
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        chunkTIJXCRM4_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: chunkFIJMOTP4_js.DIALECT_CATEGORIES.map((cat) => {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-6", children: chunkNW32BM3F_js.DIALECT_CATEGORIES.map((cat) => {
       const color = CATEGORY_COLOR[cat.id] ?? "slate";
       const categoryLabel = labels[cat.labelKey] ?? cat.id;
       return /* @__PURE__ */ jsxRuntime.jsx(
-        chunkLVR4SR65_js.SectionCard,
+        chunkTIJXCRM4_js.SectionCard,
         {
           variant: "glass",
           header: {
@@ -3867,7 +3890,7 @@ function DatasourceNewWizardPageView({
                 const selected = opt.value === dialect;
                 const logoSrc = DIALECT_LOGO_SRC[opt.value.toLowerCase()];
                 return /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkLVR4SR65_js.FilterTileButton,
+                  chunkTIJXCRM4_js.FilterTileButton,
                   {
                     isActive: selected,
                     color,
@@ -3895,7 +3918,7 @@ function DatasourceNewWizardPageView({
       case "standard":
         return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkLVR4SR65_js.FormInput,
+            chunkTIJXCRM4_js.FormInput,
             {
               label: labels.fieldHost,
               value: host,
@@ -3908,7 +3931,7 @@ function DatasourceNewWizardPageView({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkLVR4SR65_js.FormInput,
+            chunkTIJXCRM4_js.FormInput,
             {
               label: labels.fieldPort,
               type: "number",
@@ -3920,7 +3943,7 @@ function DatasourceNewWizardPageView({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkLVR4SR65_js.FormInput,
+            chunkTIJXCRM4_js.FormInput,
             {
               label: labels.fieldDatabase,
               value: database,
@@ -3933,7 +3956,7 @@ function DatasourceNewWizardPageView({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkLVR4SR65_js.FormInput,
+            chunkTIJXCRM4_js.FormInput,
             {
               label: labels.fieldUsername,
               value: username,
@@ -3945,7 +3968,7 @@ function DatasourceNewWizardPageView({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkLVR4SR65_js.FormInput,
+            chunkTIJXCRM4_js.FormInput,
             {
               label: labels.fieldPassword,
               type: "password",
@@ -3958,7 +3981,7 @@ function DatasourceNewWizardPageView({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkLVR4SR65_js.FormInput,
+            chunkTIJXCRM4_js.FormInput,
             {
               label: labels.fieldSchema,
               value: schema,
@@ -3972,7 +3995,7 @@ function DatasourceNewWizardPageView({
         ] });
       case "connection-string":
         return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-full", children: /* @__PURE__ */ jsxRuntime.jsx(
-          chunkLVR4SR65_js.FormInput,
+          chunkTIJXCRM4_js.FormInput,
           {
             label: labels.fieldConnectionString,
             value: connectionString,
@@ -3987,7 +4010,7 @@ function DatasourceNewWizardPageView({
       case "cloud-bigquery":
         return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkLVR4SR65_js.FormInput,
+            chunkTIJXCRM4_js.FormInput,
             {
               label: labels.fieldProjectId,
               value: projectId,
@@ -4000,7 +4023,7 @@ function DatasourceNewWizardPageView({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkLVR4SR65_js.FormInput,
+            chunkTIJXCRM4_js.FormInput,
             {
               label: labels.fieldDataset,
               value: dataset,
@@ -4013,7 +4036,7 @@ function DatasourceNewWizardPageView({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-full", children: /* @__PURE__ */ jsxRuntime.jsx(
-            chunkLVR4SR65_js.FormInput,
+            chunkTIJXCRM4_js.FormInput,
             {
               label: labels.fieldKeyFile,
               value: keyFile,
@@ -4028,7 +4051,7 @@ function DatasourceNewWizardPageView({
       case "cloud-snowflake":
         return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkLVR4SR65_js.FormInput,
+            chunkTIJXCRM4_js.FormInput,
             {
               label: labels.fieldAccount,
               value: account,
@@ -4041,7 +4064,7 @@ function DatasourceNewWizardPageView({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkLVR4SR65_js.FormInput,
+            chunkTIJXCRM4_js.FormInput,
             {
               label: labels.fieldWarehouse,
               value: warehouseField,
@@ -4054,7 +4077,7 @@ function DatasourceNewWizardPageView({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkLVR4SR65_js.FormInput,
+            chunkTIJXCRM4_js.FormInput,
             {
               label: labels.fieldDatabase,
               value: database,
@@ -4067,7 +4090,7 @@ function DatasourceNewWizardPageView({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkLVR4SR65_js.FormInput,
+            chunkTIJXCRM4_js.FormInput,
             {
               label: labels.fieldUsername,
               value: username,
@@ -4080,7 +4103,7 @@ function DatasourceNewWizardPageView({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkLVR4SR65_js.FormInput,
+            chunkTIJXCRM4_js.FormInput,
             {
               label: labels.fieldPassword,
               type: "password",
@@ -4093,7 +4116,7 @@ function DatasourceNewWizardPageView({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkLVR4SR65_js.FormInput,
+            chunkTIJXCRM4_js.FormInput,
             {
               label: labels.fieldSchema,
               value: schema,
@@ -4108,7 +4131,7 @@ function DatasourceNewWizardPageView({
       case "cloud-key":
         return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkLVR4SR65_js.FormInput,
+            chunkTIJXCRM4_js.FormInput,
             {
               label: labels.fieldRegion,
               value: region,
@@ -4121,7 +4144,7 @@ function DatasourceNewWizardPageView({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkLVR4SR65_js.FormInput,
+            chunkTIJXCRM4_js.FormInput,
             {
               label: labels.fieldToken,
               type: "password",
@@ -4135,7 +4158,7 @@ function DatasourceNewWizardPageView({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkLVR4SR65_js.FormInput,
+            chunkTIJXCRM4_js.FormInput,
             {
               label: labels.fieldBucket,
               value: bucket,
@@ -4150,7 +4173,7 @@ function DatasourceNewWizardPageView({
       case "vector-key":
         return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkLVR4SR65_js.FormInput,
+            chunkTIJXCRM4_js.FormInput,
             {
               label: labels.fieldApiKey,
               type: "password",
@@ -4164,7 +4187,7 @@ function DatasourceNewWizardPageView({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkLVR4SR65_js.FormInput,
+            chunkTIJXCRM4_js.FormInput,
             {
               label: labels.fieldEnvironment,
               value: environment,
@@ -4177,7 +4200,7 @@ function DatasourceNewWizardPageView({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkLVR4SR65_js.FormInput,
+            chunkTIJXCRM4_js.FormInput,
             {
               label: labels.fieldIndex,
               value: index,
@@ -4193,13 +4216,13 @@ function DatasourceNewWizardPageView({
   }
   function renderStep2() {
     if (!dialectOption) {
-      return /* @__PURE__ */ jsxRuntime.jsxs(chunkLVR4SR65_js.SectionCard, { variant: "glass", header: { title: labels.wizardStep1Title }, children: [
+      return /* @__PURE__ */ jsxRuntime.jsxs(chunkTIJXCRM4_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(
-      chunkLVR4SR65_js.SectionCard,
+      chunkTIJXCRM4_js.SectionCard,
       {
         variant: "glass",
         header: {
@@ -4210,7 +4233,7 @@ function DatasourceNewWizardPageView({
         },
         children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkLVR4SR65_js.FormInput,
+            chunkTIJXCRM4_js.FormInput,
             {
               label: labels.fieldName,
               value: name,
@@ -4222,10 +4245,10 @@ function DatasourceNewWizardPageView({
               required: true
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.FormGrid, { children: renderConnectionFields() }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.FormGrid, { children: renderConnectionFields() }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-6 pt-1", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkLVR4SR65_js.FormToggle,
+              chunkTIJXCRM4_js.FormToggle,
               {
                 checked: ssl,
                 onChange: (v) => {
@@ -4237,7 +4260,7 @@ function DatasourceNewWizardPageView({
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkLVR4SR65_js.FormToggle,
+              chunkTIJXCRM4_js.FormToggle,
               {
                 checked: readOnly,
                 onChange: (v) => {
@@ -4259,13 +4282,13 @@ function DatasourceNewWizardPageView({
                 onClick: () => void handleTestConnection(),
                 disabled: testStatus === "testing",
                 children: testStatus === "testing" ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.Spinner, { size: "xs" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.Spinner, { size: "xs" }),
                   labels.testing
                 ] }) : labels.testConnection
               }
             ),
-            testStatus === "success" && /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.StatusBadge, { status: "success", label: labels.connectionSuccess }),
-            testStatus === "failed" && /* @__PURE__ */ jsxRuntime.jsx(chunkLVR4SR65_js.StatusBadge, { status: "error", label: labels.connectionFailed })
+            testStatus === "success" && /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.StatusBadge, { status: "success", label: labels.connectionSuccess }),
+            testStatus === "failed" && /* @__PURE__ */ jsxRuntime.jsx(chunkTIJXCRM4_js.StatusBadge, { status: "error", label: labels.connectionFailed })
           ] })
         ] })
       }
@@ -4273,7 +4296,7 @@ function DatasourceNewWizardPageView({
   }
   function renderStep3() {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkLVR4SR65_js.SectionCard,
+      chunkTIJXCRM4_js.SectionCard,
       {
         variant: "glass",
         header: {
@@ -4281,9 +4304,9 @@ function DatasourceNewWizardPageView({
           subtitle: labels.governanceSectionSubtitle
         },
         children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(chunkLVR4SR65_js.FormGrid, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(chunkTIJXCRM4_js.FormGrid, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkLVR4SR65_js.FormInput,
+              chunkTIJXCRM4_js.FormInput,
               {
                 label: labels.fieldMaxPoolSize,
                 type: "number",
@@ -4298,7 +4321,7 @@ function DatasourceNewWizardPageView({
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkLVR4SR65_js.FormInput,
+              chunkTIJXCRM4_js.FormInput,
               {
                 label: labels.fieldTimeoutMs,
                 type: "number",
@@ -4312,34 +4335,56 @@ function DatasourceNewWizardPageView({
               }
             )
           ] }),
+          /* @__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(
+              chunkTIJXCRM4_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(
+              chunkTIJXCRM4_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(
-            chunkLVR4SR65_js.FormInput,
-            {
-              label: labels.fieldAllowedTables,
-              value: allowedTables,
-              onValueChange: (v) => {
-                setAllowedTables(v);
-                markTouched();
-              },
-              placeholder: labels.fieldAllowedTablesPlaceholder,
-              hint: labels.fieldAllowedTablesHint
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            chunkLVR4SR65_js.FormInput,
-            {
-              label: labels.fieldBlockedColumns,
-              value: blockedColumns,
-              onValueChange: (v) => {
-                setBlockedColumns(v);
-                markTouched();
-              },
-              placeholder: labels.fieldBlockedColumnsPlaceholder,
-              hint: labels.fieldBlockedColumnsHint
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            chunkLVR4SR65_js.FormCheckbox,
+            chunkTIJXCRM4_js.FormCheckbox,
             {
               checked: maskPii,
               onChange: (v) => {
@@ -4357,11 +4402,11 @@ function DatasourceNewWizardPageView({
   function renderStep4() {
     const categoryLabel = category ? labels[category.labelKey] ?? category.id : labels.reviewNoneValue;
     const dialectLabel = dialectOption?.label ?? labels.reviewNoneValue;
-    const allowed = splitList(allowedTables);
-    const blocked = splitList(blockedColumns);
+    const allowed = allowedTablesSelected;
+    const blocked = blockedColumnsSelected;
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkLVR4SR65_js.SectionCard,
+        chunkTIJXCRM4_js.SectionCard,
         {
           variant: "glass",
           header: {
@@ -4379,7 +4424,7 @@ function DatasourceNewWizardPageView({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkLVR4SR65_js.SectionCard,
+        chunkTIJXCRM4_js.SectionCard,
         {
           variant: "glass",
           header: {
@@ -4399,7 +4444,7 @@ function DatasourceNewWizardPageView({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkLVR4SR65_js.SectionCard,
+        chunkTIJXCRM4_js.SectionCard,
         {
           variant: "glass",
           header: {
@@ -4450,20 +4495,10 @@ function DatasourceNewWizardPageView({
         if (step < TOTAL_STEPS2) goNext();
         else void submit();
       },
-      className: "space-y-5",
+      className: "space-y-4",
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          chunkLVR4SR65_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
       ]
     }
   );
@@ -4478,9 +4513,6 @@ function ReviewRow2({ label, value }) {
     /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "mt-0.5 truncate text-xs font-semibold text-gray-900 dark:text-white", children: value })
   ] });
 }
-function splitList(raw) {
-  return raw.split(",").map((s) => s.trim()).filter((s) => s.length > 0);
-}
 async function simulateTest() {
   await new Promise((r) => setTimeout(r, 1500));
   return true;
@@ -4594,11 +4626,16 @@ function RuleNewWizardPageView({
   const [priority, setPriority] = react.useState(50);
   const [enabled, setEnabled] = react.useState(true);
   const [status, setStatus] = react.useState("active");
-  const [tagsInput, setTagsInput] = react.useState("");
+  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(chunkEC34PGUO_js.defaultRuleCondition());
+  const [condition, setCondition] = react.useState(chunkAPONR6ZM_js.defaultRuleCondition());
   const [actionTileId, setActionTileId] = react.useState("");
-  const [action, setAction] = react.useState(chunkEC34PGUO_js.defaultRuleAction());
+  const [action, setAction] = react.useState(chunkAPONR6ZM_js.defaultRuleAction());
   const [validFromDate, setValidFromDate] = react.useState(null);
   const [validFromTime, setValidFromTime] = react.useState(null);
   const [validUntilDate, setValidUntilDate] = react.useState(null);
@@ -4644,49 +4681,40 @@ function RuleNewWizardPageView({
     next.setHours(time?.hours ?? 0, time?.minutes ?? 0, 0, 0);
     return next.toISOString();
   }
-  const tags = react.useMemo(
-    () => tagsInput.split(",").map((t) => t.trim()).filter((t) => t.length > 0),
-    [tagsInput]
-  );
+  const tags = react.useMemo(() => [...tagsSelected], [tagsSelected]);
   function buildPayload() {
     const validFrom = combineDateTime(validFromDate, validFromTime);
     const validUntil = noExpiry ? null : combineDateTime(validUntilDate, validUntilTime);
-    const conditionWithCombinator = combinator === "not" ? {
-      operator: "boolean_expression",
-      combinator: "and",
-      operands: [condition],
-      // The engine ignores extra fields, so this is forward-compat.
-      ...{ notFlag: true }
-    } : combinator === "or" ? {
+    const conditionWithCombinator = combinator === "and" ? condition : {
       operator: "boolean_expression",
-      combinator: "or",
+      combinator,
       operands: [condition]
-    } : condition;
+    };
     const finalAction = {
       type: action.type,
       params: {
         ...action.params ?? {},
-        actionVariant: actionTileId,
-        recurrence,
-        ...recurrence === "cron" && cronExpression ? { cronExpression } : {},
-        ...recurrence === "recurring" ? {
-          weekdays,
-          ...recurringTime ? { timeOfDay: `${pad(recurringTime.hours)}:${pad(recurringTime.minutes)}` } : {}
-        } : {}
+        actionVariant: actionTileId
       }
     };
-    const wireStatus = status === "paused" ? "draft" : status;
+    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,
-      status: wireStatus,
+      // `paused` ships as-is — backend understands it natively (Fallback 2).
+      status,
       validFrom,
       validUntil,
       tags,
       condition: conditionWithCombinator,
-      action: finalAction
+      action: finalAction,
+      recurrence: recurrencePayload
     };
   }
   async function submit() {
@@ -4730,26 +4758,34 @@ function RuleNewWizardPageView({
     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
   }));
   const counter = labels.wizardStepCounter.replace("{current}", String(step)).replace("{total}", String(TOTAL_STEPS3));
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkLVR4SR65_js.HeroSection,
+    chunkTIJXCRM4_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"
+      gradient: "from-fuchsia-500 to-purple-700",
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        chunkTIJXCRM4_js.StepIndicator,
+        {
+          accent: "violet",
+          currentStep: step - 1,
+          onStepChange: (idx) => goToStep(idx + 1),
+          progressLabel: labels.pageTitle,
+          steps: indicatorSteps
+        }
+      )
     }
   );
   function renderStep1() {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkLVR4SR65_js.SectionCard,
+      chunkTIJXCRM4_js.SectionCard,
       {
         variant: "glass",
         header: {
@@ -4758,7 +4794,7 @@ function RuleNewWizardPageView({
         },
         children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkLVR4SR65_js.FormInput,
+            chunkTIJXCRM4_js.FormInput,
             {
               label: labels.nameLabel,
               value: name,
@@ -4771,7 +4807,7 @@ function RuleNewWizardPageView({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkLVR4SR65_js.FormTextarea,
+            chunkTIJXCRM4_js.FormTextarea,
             {
               label: labels.descriptionLabel,
               value: description,
@@ -4807,7 +4843,7 @@ function RuleNewWizardPageView({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkLVR4SR65_js.FormToggle,
+            chunkTIJXCRM4_js.FormToggle,
             {
               checked: enabled,
               onChange: (v) => {
@@ -4824,7 +4860,7 @@ function RuleNewWizardPageView({
   }
   function renderStep2() {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkLVR4SR65_js.SectionCard,
+      chunkTIJXCRM4_js.SectionCard,
       {
         variant: "glass",
         header: {
@@ -4835,7 +4871,7 @@ function RuleNewWizardPageView({
           /* @__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(
-              chunkLVR4SR65_js.SegmentedControl,
+              chunkTIJXCRM4_js.SegmentedControl,
               {
                 segments: [
                   { value: "and", label: labels.combinatorAnd },
@@ -4852,7 +4888,7 @@ function RuleNewWizardPageView({
             )
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkEC34PGUO_js.RuleConditionBuilder,
+            chunkAPONR6ZM_js.RuleConditionBuilder,
             {
               value: condition,
               onChange: (next) => {
@@ -4868,7 +4904,7 @@ function RuleNewWizardPageView({
   function renderStep3() {
     const selectedTile = ACTION_TILES.find((t) => t.id === actionTileId) ?? null;
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkLVR4SR65_js.SectionCard,
+      chunkTIJXCRM4_js.SectionCard,
       {
         variant: "glass",
         header: {
@@ -4888,7 +4924,7 @@ function RuleNewWizardPageView({
                 const label = labels[tile.labelKey] ?? tile.id;
                 const description2 = labels[tile.descriptionKey] ?? "";
                 return /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkLVR4SR65_js.FilterTileButton,
+                  chunkTIJXCRM4_js.FilterTileButton,
                   {
                     isActive: selected,
                     color: tile.color,
@@ -4906,7 +4942,7 @@ function RuleNewWizardPageView({
             }
           ),
           selectedTile && /* @__PURE__ */ jsxRuntime.jsx(
-            chunkLVR4SR65_js.SectionCard,
+            chunkTIJXCRM4_js.SectionCard,
             {
               variant: "glass",
               header: {
@@ -4914,7 +4950,7 @@ function RuleNewWizardPageView({
                 subtitle: labels.actionConfigSubtitle
               },
               children: /* @__PURE__ */ jsxRuntime.jsx(
-                chunkEC34PGUO_js.RuleActionBuilder,
+                chunkAPONR6ZM_js.RuleActionBuilder,
                 {
                   value: action,
                   onChange: (next) => {
@@ -4931,7 +4967,7 @@ function RuleNewWizardPageView({
   }
   function renderStep4() {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4", children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkLVR4SR65_js.SectionCard,
+      chunkTIJXCRM4_js.SectionCard,
       {
         variant: "glass",
         header: {
@@ -4939,12 +4975,12 @@ function RuleNewWizardPageView({
           subtitle: labels.scheduleSectionSubtitle
         },
         children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-5", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(chunkLVR4SR65_js.FormGrid, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(chunkTIJXCRM4_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(
-                  chunkLVR4SR65_js.DatePicker,
+                  chunkTIJXCRM4_js.DatePicker,
                   {
                     value: validFromDate,
                     onChange: (d) => {
@@ -4955,7 +4991,7 @@ function RuleNewWizardPageView({
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkLVR4SR65_js.TimePicker,
+                  chunkTIJXCRM4_js.TimePicker,
                   {
                     value: validFromTime,
                     onChange: (t) => {
@@ -4971,7 +5007,7 @@ function RuleNewWizardPageView({
               /* @__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(
-                  chunkLVR4SR65_js.DatePicker,
+                  chunkTIJXCRM4_js.DatePicker,
                   {
                     value: validUntilDate,
                     onChange: (d) => {
@@ -4982,7 +5018,7 @@ function RuleNewWizardPageView({
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkLVR4SR65_js.TimePicker,
+                  chunkTIJXCRM4_js.TimePicker,
                   {
                     value: validUntilTime,
                     onChange: (t) => {
@@ -4996,7 +5032,7 @@ function RuleNewWizardPageView({
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkLVR4SR65_js.FormCheckbox,
+            chunkTIJXCRM4_js.FormCheckbox,
             {
               checked: noExpiry,
               onChange: (v) => {
@@ -5010,7 +5046,7 @@ function RuleNewWizardPageView({
           /* @__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(
-              chunkLVR4SR65_js.SegmentedControl,
+              chunkTIJXCRM4_js.SegmentedControl,
               {
                 segments: [
                   { value: "active", label: labels.statusActive },
@@ -5026,23 +5062,34 @@ function RuleNewWizardPageView({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            chunkLVR4SR65_js.FormInput,
-            {
-              label: labels.tagsLabel,
-              value: tagsInput,
-              onValueChange: (v) => {
-                setTagsInput(v);
-                markTouched();
-              },
-              placeholder: labels.tagsPlaceholder,
-              hint: labels.tagsHint
-            }
-          ),
+          /* @__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(
+              chunkTIJXCRM4_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(
-              chunkLVR4SR65_js.SegmentedControl,
+              chunkTIJXCRM4_js.SegmentedControl,
               {
                 segments: [
                   { value: "one-off", label: labels.recurrenceOneOff },
@@ -5059,7 +5106,7 @@ function RuleNewWizardPageView({
             )
           ] }),
           recurrence === "cron" && /* @__PURE__ */ jsxRuntime.jsx(
-            chunkLVR4SR65_js.FormInput,
+            chunkTIJXCRM4_js.FormInput,
             {
               label: labels.cronExpressionLabel,
               value: cronExpression,
@@ -5074,34 +5121,30 @@ function RuleNewWizardPageView({
           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("div", { className: "flex flex-wrap gap-2", children: WEEKDAYS.map((d) => {
-                const selected = weekdays.includes(d.id);
-                const label = labels[d.labelKey] ?? d.id;
-                return /* @__PURE__ */ jsxRuntime.jsx(
-                  "button",
-                  {
-                    type: "button",
-                    "aria-pressed": selected,
-                    onClick: () => {
-                      setWeekdays(
-                        (current) => current.includes(d.id) ? current.filter((id) => id !== d.id) : [...current, d.id]
-                      );
-                      markTouched();
-                    },
-                    className: [
-                      "inline-flex h-9 min-w-9 items-center justify-center rounded-full px-3 text-xs font-semibold transition",
-                      selected ? "bg-fuchsia-500 text-white shadow ring-2 ring-fuchsia-300/70" : "liquid-surface text-slate-700 dark:text-slate-300 hover:bg-fuchsia-500/10"
-                    ].join(" "),
-                    children: label
+              /* @__PURE__ */ jsxRuntime.jsx(
+                chunkTIJXCRM4_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();
                   },
-                  d.id
-                );
-              }) })
+                  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(
-                chunkLVR4SR65_js.TimePicker,
+                chunkTIJXCRM4_js.TimePicker,
                 {
                   value: recurringTime,
                   onChange: (t) => {
@@ -5123,7 +5166,7 @@ function RuleNewWizardPageView({
     const actionSentence = humanReadableAction(payload.action, labels, ACTION_TILES, actionTileId);
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkLVR4SR65_js.SectionCard,
+        chunkTIJXCRM4_js.SectionCard,
         {
           variant: "glass",
           header: {
@@ -5149,7 +5192,7 @@ function RuleNewWizardPageView({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsxs(
-        chunkLVR4SR65_js.SectionCard,
+        chunkTIJXCRM4_js.SectionCard,
         {
           variant: "glass",
           header: {
@@ -5168,7 +5211,7 @@ function RuleNewWizardPageView({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsxs(
-        chunkLVR4SR65_js.SectionCard,
+        chunkTIJXCRM4_js.SectionCard,
         {
           variant: "glass",
           header: {
@@ -5186,7 +5229,7 @@ function RuleNewWizardPageView({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkLVR4SR65_js.SectionCard,
+        chunkTIJXCRM4_js.SectionCard,
         {
           variant: "glass",
           header: {
@@ -5252,20 +5295,10 @@ function RuleNewWizardPageView({
         if (step < TOTAL_STEPS3) goNext();
         else void submit();
       },
-      className: "space-y-5",
+      className: "space-y-4",
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          chunkLVR4SR65_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
       ]
     }
   );
@@ -5330,31 +5363,31 @@ function humanReadableAction(action, labels, tiles, actionTileId) {
 
 Object.defineProperty(exports, "RolesPageView", {
   enumerable: true,
-  get: function () { return chunkYSYEV2Z6_js.RolesPageView; }
+  get: function () { return chunkKDVZIDVF_js.RolesPageView; }
 });
 Object.defineProperty(exports, "UsersPageView", {
   enumerable: true,
-  get: function () { return chunkYSYEV2Z6_js.UsersPageView; }
+  get: function () { return chunkKDVZIDVF_js.UsersPageView; }
 });
 Object.defineProperty(exports, "DIALECT_CATEGORIES", {
   enumerable: true,
-  get: function () { return chunkFIJMOTP4_js.DIALECT_CATEGORIES; }
+  get: function () { return chunkNW32BM3F_js.DIALECT_CATEGORIES; }
 });
 Object.defineProperty(exports, "DatasourceFormModal", {
   enumerable: true,
-  get: function () { return chunkFIJMOTP4_js.DatasourceFormModal; }
+  get: function () { return chunkNW32BM3F_js.DatasourceFormModal; }
 });
 Object.defineProperty(exports, "DatasourceModal", {
   enumerable: true,
-  get: function () { return chunkFIJMOTP4_js.DatasourceModal; }
+  get: function () { return chunkNW32BM3F_js.DatasourceModal; }
 });
 Object.defineProperty(exports, "findCategory", {
   enumerable: true,
-  get: function () { return chunkFIJMOTP4_js.findCategory; }
+  get: function () { return chunkNW32BM3F_js.findCategory; }
 });
 Object.defineProperty(exports, "findDialect", {
   enumerable: true,
-  get: function () { return chunkFIJMOTP4_js.findDialect; }
+  get: function () { return chunkNW32BM3F_js.findDialect; }
 });
 exports.AgentNewWizardPageView = AgentNewWizardPageView;
 exports.AgentsConfigPageView = AgentsConfigPageView;