@datatechsolutions/ui 3.4.0 → 3.5.1

package/dist/platform/pages/index.js

@@ -2,13 +2,13 @@
 'use strict';
 
 var chunk3T2WGL47_js = require('../../chunk-3T2WGL47.js');
-var chunkRLLP7VQJ_js = require('../../chunk-RLLP7VQJ.js');
-var chunkYV7F7IXG_js = require('../../chunk-YV7F7IXG.js');
-var chunkERCDMBRT_js = require('../../chunk-ERCDMBRT.js');
+var chunkU6XA2OYE_js = require('../../chunk-U6XA2OYE.js');
+var chunkSFFSXC5E_js = require('../../chunk-SFFSXC5E.js');
+var chunkPYQLY2RH_js = require('../../chunk-PYQLY2RH.js');
 require('../../chunk-55H6WZQP.js');
 require('../../chunk-DJDZIRM6.js');
-require('../../chunk-M7KSEUZR.js');
-var chunkFSBR4RCK_js = require('../../chunk-FSBR4RCK.js');
+require('../../chunk-F5UDX6JA.js');
+var chunkK4M4B6ME_js = require('../../chunk-K4M4B6ME.js');
 require('../../chunk-UZ3CMNUJ.js');
 require('../../chunk-YXN2K77G.js');
 var chunkS7KHTUHA_js = require('../../chunk-S7KHTUHA.js');
@@ -16,13 +16,17 @@ require('../../chunk-SY4MUT5V.js');
 require('../../chunk-2OZZH2IO.js');
 require('../../chunk-P4YYEM4B.js');
 require('../../chunk-72SWXOD5.js');
+var react = require('react');
 var outline = require('@heroicons/react/24/outline');
 var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
 
 function AgentsModelsPageView({ labels, models, loading }) {
+  const [searchTerm, setSearchTerm] = react.useState("");
+  const allModels = models;
+  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(
-    chunkFSBR4RCK_js.HeroSection,
+    chunkK4M4B6ME_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.CubeTransparentIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -31,25 +35,33 @@ function AgentsModelsPageView({ labels, models, loading }) {
       gradient: "from-emerald-500 to-teal-700"
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.PageLoadingState, {}) : models.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_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: models.map((model) => /* @__PURE__ */ jsxRuntime.jsx(
-    chunkFSBR4RCK_js.EntityCard,
+  const summary = !isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
+    chunkK4M4B6ME_js.SearchBar,
+    {
+      searchTerm,
+      onSearchChange: setSearchTerm,
+      placeholder: labels.searchPlaceholder ?? labels.title
+    }
+  ) : void 0;
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_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(
+    chunkK4M4B6ME_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(chunkFSBR4RCK_js.Badge, { color: model.enabled ? "emerald" : "zinc", children: model.enabled ? labels.enabled : labels.disabled })
+      status: /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.Badge, { color: model.enabled ? "emerald" : "zinc", children: model.enabled ? labels.enabled : labels.disabled })
     },
     model.id
   )) });
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.ManagementPageLayout, { hero, content });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.ManagementPageLayout, { hero, summary, content });
 }
 function AgentsConfigPageView({ labels, agents, models, loading, onCreate, onUpdate, onDelete }) {
   const [editing, setEditing] = react.useState(null);
   const [createOpen, setCreateOpen] = react.useState(false);
   const modelOptions = models.map((model) => ({ value: model.id, label: `${model.name} (${model.provider})` }));
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkFSBR4RCK_js.HeroSection,
+    chunkK4M4B6ME_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.CpuChipIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -57,7 +69,7 @@ function AgentsConfigPageView({ labels, agents, models, loading, onCreate, onUpd
       subtitle: labels.subtitle,
       gradient: "from-violet-500 to-indigo-700",
       toolbar: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkFSBR4RCK_js.CreateActionButton,
+        chunkK4M4B6ME_js.CreateActionButton,
         {
           mode: "desktop",
           label: labels.addAgent,
@@ -68,7 +80,7 @@ function AgentsConfigPageView({ labels, agents, models, loading, onCreate, onUpd
     }
   );
   const mobileAction = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkFSBR4RCK_js.CreateActionButton,
+    chunkK4M4B6ME_js.CreateActionButton,
     {
       mode: "mobile",
       label: labels.addAgent,
@@ -76,23 +88,23 @@ function AgentsConfigPageView({ labels, agents, models, loading, onCreate, onUpd
       accent: "violet"
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.PageLoadingState, {}) : agents.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_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: agents.map((agent) => {
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.PageLoadingState, {}) : agents.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_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: agents.map((agent) => {
     const modelRecord = models.find((model) => model.id === String(agent.modelId ?? ""));
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkFSBR4RCK_js.EntityCard,
+      chunkK4M4B6ME_js.EntityCard,
       {
         accentGradient: "from-violet-500 to-indigo-700",
         icon: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-11 w-11 items-center justify-center rounded-lg bg-violet-500/10 text-violet-600 dark:bg-violet-500/20 dark:text-violet-400", children: /* @__PURE__ */ jsxRuntime.jsx(outline.CpuChipIcon, { className: "h-6 w-6" }) }),
         title: String(agent.name ?? ""),
         subtitle: String(modelRecord?.name ?? agent.modelId ?? ""),
-        status: agent.activePromptVersion > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(chunkFSBR4RCK_js.Badge, { color: "emerald", children: [
+        status: agent.activePromptVersion > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(chunkK4M4B6ME_js.Badge, { color: "emerald", children: [
           "v",
           agent.activePromptVersion
         ] }) : null,
         footer: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setEditing(agent), children: labels.edit }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setEditing(agent), children: labels.edit }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkFSBR4RCK_js.Button,
+            chunkK4M4B6ME_js.Button,
             {
               type: "button",
               size: "sm",
@@ -116,7 +128,7 @@ function AgentsConfigPageView({ labels, agents, models, loading, onCreate, onUpd
     );
   }) });
   const renderForm = (initial, onSubmit) => /* @__PURE__ */ jsxRuntime.jsx(
-    chunkFSBR4RCK_js.GlassModal,
+    chunkK4M4B6ME_js.GlassModal,
     {
       open: true,
       onClose: () => {
@@ -139,18 +151,18 @@ function AgentsConfigPageView({ labels, agents, models, loading, onCreate, onUpd
           outputSchema: String(form.get("outputSchema") ?? "").trim() || void 0
         });
       },
-      children: /* @__PURE__ */ jsxRuntime.jsxs(chunkFSBR4RCK_js.FormGrid, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.FormInput, { name: "name", label: labels.name, defaultValue: initial.name ?? "", required: true }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.FormSelect, { name: "modelId", label: labels.model, options: modelOptions, defaultValue: initial.modelId ?? modelOptions[0]?.value ?? "", required: true }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.FormInput, { name: "maxTokens", label: String(labels.maxTokens), type: "number", defaultValue: String(initial.maxTokens ?? 2048) }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_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(chunkFSBR4RCK_js.FormTextarea, { name: "systemPrompt", label: labels.systemPrompt, defaultValue: initial.systemPrompt ?? "", rows: 4 }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.FormTextarea, { name: "outputSchema", label: labels.outputSchema, placeholder: labels.outputSchemaPlaceholder, defaultValue: initial.outputSchema ?? "", rows: 4 })
+      children: /* @__PURE__ */ jsxRuntime.jsxs(chunkK4M4B6ME_js.FormGrid, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.FormInput, { name: "name", label: labels.name, defaultValue: initial.name ?? "", required: true }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.FormSelect, { name: "modelId", label: labels.model, options: modelOptions, defaultValue: initial.modelId ?? modelOptions[0]?.value ?? "", required: true }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.FormInput, { name: "maxTokens", label: String(labels.maxTokens), type: "number", defaultValue: String(initial.maxTokens ?? 2048) }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_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(chunkK4M4B6ME_js.FormTextarea, { name: "systemPrompt", label: labels.systemPrompt, defaultValue: initial.systemPrompt ?? "", rows: 4 }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.FormTextarea, { name: "outputSchema", label: labels.outputSchema, placeholder: labels.outputSchemaPlaceholder, defaultValue: initial.outputSchema ?? "", rows: 4 })
       ] })
     }
   );
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.ManagementPageLayout, { hero, content, mobileAction }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.ManagementPageLayout, { hero, content, mobileAction }),
     createOpen && renderForm({ title: labels.createTitle }, (input) => {
       onCreate(input);
       setCreateOpen(false);
@@ -183,6 +195,7 @@ var LOCALE_OPTIONS = [
 ];
 function AgentsPromptsPageView({ labels, agents, prompts, loading, onCreate, onActivate, onDelete }) {
   const [createOpen, setCreateOpen] = react.useState(false);
+  const [searchTerm, setSearchTerm] = react.useState("");
   const agentOptions = react.useMemo(
     () => agents.map((agent) => ({
       value: String(agent.agentId ?? agent.id ?? ""),
@@ -199,7 +212,7 @@ function AgentsPromptsPageView({ labels, agents, prompts, loading, onCreate, onA
     return map;
   }, [agents]);
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkFSBR4RCK_js.HeroSection,
+    chunkK4M4B6ME_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.ChatBubbleLeftEllipsisIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -207,7 +220,7 @@ function AgentsPromptsPageView({ labels, agents, prompts, loading, onCreate, onA
       subtitle: labels.subtitle,
       gradient: "from-sky-500 to-blue-700",
       toolbar: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkFSBR4RCK_js.CreateActionButton,
+        chunkK4M4B6ME_js.CreateActionButton,
         {
           mode: "desktop",
           label: labels.addPrompt,
@@ -218,7 +231,7 @@ function AgentsPromptsPageView({ labels, agents, prompts, loading, onCreate, onA
     }
   );
   const mobileAction = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkFSBR4RCK_js.CreateActionButton,
+    chunkK4M4B6ME_js.CreateActionButton,
     {
       mode: "mobile",
       label: labels.addPrompt,
@@ -226,21 +239,37 @@ function AgentsPromptsPageView({ labels, agents, prompts, loading, onCreate, onA
       accent: "sky"
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.PageLoadingState, {}) : prompts.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_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: prompts.map((prompt) => {
+  const allPrompts = prompts;
+  const filteredPrompts = searchTerm.trim() ? allPrompts.filter((prompt) => {
+    const term = searchTerm.trim().toLowerCase();
+    const agentName = agentNameById.get(prompt.agentId) ?? prompt.agentId;
+    const promptText = prompt.prompt ?? "";
+    return agentName.toLowerCase().includes(term) || promptText.toLowerCase().includes(term);
+  }) : allPrompts;
+  const isEmpty = allPrompts.length === 0;
+  const summary = !isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
+    chunkK4M4B6ME_js.SearchBar,
+    {
+      searchTerm,
+      onSearchChange: setSearchTerm,
+      placeholder: labels.searchPlaceholder ?? labels.title
+    }
+  ) : void 0;
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: filteredPrompts.map((prompt) => {
     const agentName = agentNameById.get(prompt.agentId) ?? prompt.agentId;
     const key = `${prompt.agentId}:${prompt.locale}:${prompt.version}`;
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkFSBR4RCK_js.EntityCard,
+      chunkK4M4B6ME_js.EntityCard,
       {
         accentGradient: "from-sky-500 to-blue-700",
         icon: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-11 w-11 items-center justify-center rounded-lg bg-sky-500/10 text-sky-600 dark:bg-sky-500/20 dark:text-sky-400", children: /* @__PURE__ */ jsxRuntime.jsx(outline.ChatBubbleLeftEllipsisIcon, { className: "h-6 w-6" }) }),
         title: agentName,
         subtitle: `${prompt.locale} \xB7 v${prompt.version}`,
-        status: prompt.isActive ? /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.Badge, { color: "emerald", children: labels.isActive }) : null,
+        status: prompt.isActive ? /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.Badge, { color: "emerald", children: labels.isActive }) : null,
         footer: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
-          !prompt.isActive && /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.Button, { type: "button", size: "sm", outline: true, onClick: () => onActivate(prompt), children: labels.activate }),
+          !prompt.isActive && /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.Button, { type: "button", size: "sm", outline: true, onClick: () => onActivate(prompt), children: labels.activate }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkFSBR4RCK_js.Button,
+            chunkK4M4B6ME_js.Button,
             {
               type: "button",
               size: "sm",
@@ -258,9 +287,9 @@ function AgentsPromptsPageView({ labels, agents, prompts, loading, onCreate, onA
     );
   }) });
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.ManagementPageLayout, { hero, content, mobileAction }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.ManagementPageLayout, { hero, summary, content, mobileAction }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkFSBR4RCK_js.GlassModal,
+      chunkK4M4B6ME_js.GlassModal,
       {
         open: createOpen,
         onClose: () => setCreateOpen(false),
@@ -284,11 +313,11 @@ function AgentsPromptsPageView({ labels, agents, prompts, loading, onCreate, onA
           });
           setCreateOpen(false);
         },
-        children: /* @__PURE__ */ jsxRuntime.jsxs(chunkFSBR4RCK_js.FormGrid, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.FormSelect, { name: "agentId", label: labels.agent, options: agentOptions, required: true }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.FormSelect, { name: "locale", label: labels.locale, options: LOCALE_OPTIONS, defaultValue: "en" }),
+        children: /* @__PURE__ */ jsxRuntime.jsxs(chunkK4M4B6ME_js.FormGrid, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.FormSelect, { name: "agentId", label: labels.agent, options: agentOptions, required: true }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.FormSelect, { name: "locale", label: labels.locale, options: LOCALE_OPTIONS, defaultValue: "en" }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkFSBR4RCK_js.FormSelect,
+            chunkK4M4B6ME_js.FormSelect,
             {
               name: "isActive",
               label: labels.isActive,
@@ -296,10 +325,10 @@ function AgentsPromptsPageView({ labels, agents, prompts, loading, onCreate, onA
               defaultValue: "true"
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.FormInput, { name: "reason", label: labels.reason }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.FormTextarea, { name: "systemPrompt", label: labels.systemPrompt, rows: 3 }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.FormTextarea, { name: "userTemplate", label: labels.userTemplate, rows: 3 }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.FormTextarea, { name: "prompt", label: labels.prompt, rows: 6, required: true })
+          /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.FormInput, { name: "reason", label: labels.reason }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.FormTextarea, { name: "systemPrompt", label: labels.systemPrompt, rows: 3 }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.FormTextarea, { name: "userTemplate", label: labels.userTemplate, rows: 3 }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.FormTextarea, { name: "prompt", label: labels.prompt, rows: 6, required: true })
         ] })
       }
     )
@@ -329,8 +358,20 @@ var PARAMETER_TYPE_OPTIONS = [
 function AgentsToolDefinitionsPageView({ labels, tools, loading, onCreate, onUpdate, onDelete }) {
   const [editing, setEditing] = react.useState(null);
   const [createOpen, setCreateOpen] = react.useState(false);
+  const [searchTerm, setSearchTerm] = react.useState("");
+  const allTools = tools;
+  const filteredTools = searchTerm.trim() ? allTools.filter((tool) => tool.name.toLowerCase().includes(searchTerm.trim().toLowerCase())) : allTools;
+  const isEmpty = allTools.length === 0;
+  const summary = !isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
+    chunkK4M4B6ME_js.SearchBar,
+    {
+      searchTerm,
+      onSearchChange: setSearchTerm,
+      placeholder: labels.searchPlaceholder ?? labels.title
+    }
+  ) : void 0;
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkFSBR4RCK_js.HeroSection,
+    chunkK4M4B6ME_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.WrenchScrewdriverIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -338,7 +379,7 @@ function AgentsToolDefinitionsPageView({ labels, tools, loading, onCreate, onUpd
       subtitle: labels.subtitle,
       gradient: "from-amber-500 to-orange-700",
       toolbar: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkFSBR4RCK_js.CreateActionButton,
+        chunkK4M4B6ME_js.CreateActionButton,
         {
           mode: "desktop",
           label: labels.addTool,
@@ -349,7 +390,7 @@ function AgentsToolDefinitionsPageView({ labels, tools, loading, onCreate, onUpd
     }
   );
   const mobileAction = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkFSBR4RCK_js.CreateActionButton,
+    chunkK4M4B6ME_js.CreateActionButton,
     {
       mode: "mobile",
       label: labels.addTool,
@@ -357,18 +398,18 @@ function AgentsToolDefinitionsPageView({ labels, tools, loading, onCreate, onUpd
       accent: "amber"
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.PageLoadingState, {}) : tools.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_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: tools.map((tool) => /* @__PURE__ */ jsxRuntime.jsx(
-    chunkFSBR4RCK_js.EntityCard,
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: filteredTools.map((tool) => /* @__PURE__ */ jsxRuntime.jsx(
+    chunkK4M4B6ME_js.EntityCard,
     {
       accentGradient: "from-amber-500 to-orange-700",
       icon: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-11 w-11 items-center justify-center rounded-lg bg-amber-500/10 text-amber-600 dark:bg-amber-500/20 dark:text-amber-400", children: /* @__PURE__ */ jsxRuntime.jsx(outline.WrenchScrewdriverIcon, { className: "h-6 w-6" }) }),
       title: tool.name,
       subtitle: toolTypeLabel(tool),
-      status: /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.Badge, { color: tool.enabled ? "emerald" : "zinc", children: tool.enabled ? labels.enabled : labels.disabled }),
+      status: /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.Badge, { color: tool.enabled ? "emerald" : "zinc", children: tool.enabled ? labels.enabled : labels.disabled }),
       footer: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setEditing(tool), children: labels.edit }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setEditing(tool), children: labels.edit }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkFSBR4RCK_js.Button,
+          chunkK4M4B6ME_js.Button,
           {
             type: "button",
             size: "sm",
@@ -385,7 +426,7 @@ function AgentsToolDefinitionsPageView({ labels, tools, loading, onCreate, onUpd
     tool.agentToolId
   )) });
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.ManagementPageLayout, { hero, content, mobileAction }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.ManagementPageLayout, { hero, summary, content, mobileAction }),
     createOpen && /* @__PURE__ */ jsxRuntime.jsx(
       ToolEditor,
       {
@@ -443,7 +484,7 @@ function ToolEditor({
     setValue((v) => ({ ...v, [key]: next }));
   };
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkFSBR4RCK_js.GlassModal,
+    chunkK4M4B6ME_js.GlassModal,
     {
       open: true,
       onClose,
@@ -456,9 +497,9 @@ function ToolEditor({
         handleSubmit();
       },
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-5", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(chunkFSBR4RCK_js.FormGrid, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkK4M4B6ME_js.FormGrid, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkFSBR4RCK_js.FormInput,
+            chunkK4M4B6ME_js.FormInput,
             {
               label: "Name",
               required: true,
@@ -468,7 +509,7 @@ function ToolEditor({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkFSBR4RCK_js.FormSelect,
+            chunkK4M4B6ME_js.FormSelect,
             {
               label: "Tool type",
               value: value.toolType,
@@ -478,7 +519,7 @@ function ToolEditor({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkFSBR4RCK_js.FormSelect,
+            chunkK4M4B6ME_js.FormSelect,
             {
               label: "Enabled",
               value: value.enabled ? "true" : "false",
@@ -487,7 +528,7 @@ function ToolEditor({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkFSBR4RCK_js.FormInput,
+            chunkK4M4B6ME_js.FormInput,
             {
               label: "Icon (optional)",
               value: value.icon ?? "",
@@ -497,7 +538,7 @@ function ToolEditor({
           )
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkFSBR4RCK_js.FormTextarea,
+          chunkK4M4B6ME_js.FormTextarea,
           {
             label: "Description",
             rows: 2,
@@ -545,7 +586,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(
-          chunkFSBR4RCK_js.FormInput,
+          chunkK4M4B6ME_js.FormInput,
           {
             label: "Name",
             value: param.name,
@@ -554,7 +595,7 @@ function ParametersEditor({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkFSBR4RCK_js.FormSelect,
+          chunkK4M4B6ME_js.FormSelect,
           {
             label: "Type",
             value: param.type,
@@ -563,7 +604,7 @@ function ParametersEditor({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkFSBR4RCK_js.FormInput,
+          chunkK4M4B6ME_js.FormInput,
           {
             label: "Description",
             value: param.description,
@@ -582,9 +623,9 @@ function ParametersEditor({
           ),
           "Required"
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.Button, { type: "button", plain: true, onClick: () => remove(index), children: "Remove" })
+        /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.Button, { type: "button", plain: true, onClick: () => remove(index), children: "Remove" })
       ] }, index)),
-      /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.Button, { type: "button", outline: true, onClick: add, children: "+ Add parameter" })
+      /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.Button, { type: "button", outline: true, onClick: add, children: "+ Add parameter" })
     ] })
   ] });
 }
@@ -597,9 +638,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(chunkFSBR4RCK_js.FormGrid, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkK4M4B6ME_js.FormGrid, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkFSBR4RCK_js.FormSelect,
+          chunkK4M4B6ME_js.FormSelect,
           {
             label: "Method",
             value: stringProp(config, "method", "GET"),
@@ -608,7 +649,7 @@ function HandlerConfigEditor({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkFSBR4RCK_js.FormInput,
+          chunkK4M4B6ME_js.FormInput,
           {
             label: "URL template",
             value: stringProp(config, "url"),
@@ -618,7 +659,7 @@ function HandlerConfigEditor({
         )
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkFSBR4RCK_js.FormTextarea,
+        chunkK4M4B6ME_js.FormTextarea,
         {
           label: "Headers (JSON)",
           rows: 3,
@@ -628,7 +669,7 @@ function HandlerConfigEditor({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkFSBR4RCK_js.FormTextarea,
+        chunkK4M4B6ME_js.FormTextarea,
         {
           label: "Body template",
           rows: 3,
@@ -643,7 +684,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(
-        chunkFSBR4RCK_js.FormInput,
+        chunkK4M4B6ME_js.FormInput,
         {
           label: "Implementation key",
           value: stringProp(config, "implementationKey"),
@@ -657,9 +698,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(chunkFSBR4RCK_js.FormGrid, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkK4M4B6ME_js.FormGrid, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkFSBR4RCK_js.FormInput,
+          chunkK4M4B6ME_js.FormInput,
           {
             label: "Datasource ID",
             value: stringProp(config, "datasourceId"),
@@ -668,7 +709,7 @@ function HandlerConfigEditor({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkFSBR4RCK_js.FormInput,
+          chunkK4M4B6ME_js.FormInput,
           {
             label: "Max rows",
             type: "number",
@@ -678,7 +719,7 @@ function HandlerConfigEditor({
         )
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkFSBR4RCK_js.FormTextarea,
+        chunkK4M4B6ME_js.FormTextarea,
         {
           label: "Query template",
           rows: 4,
@@ -694,7 +735,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(
-        chunkFSBR4RCK_js.FormSelect,
+        chunkK4M4B6ME_js.FormSelect,
         {
           label: "Language",
           value: stringProp(config, "language", "javascript"),
@@ -706,7 +747,7 @@ function HandlerConfigEditor({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkFSBR4RCK_js.FormTextarea,
+        chunkK4M4B6ME_js.FormTextarea,
         {
           label: "Code",
           rows: 6,
@@ -719,9 +760,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(chunkFSBR4RCK_js.FormGrid, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(chunkK4M4B6ME_js.FormGrid, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkFSBR4RCK_js.FormInput,
+        chunkK4M4B6ME_js.FormInput,
         {
           label: "URL",
           value: stringProp(config, "url"),
@@ -729,7 +770,7 @@ function HandlerConfigEditor({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkFSBR4RCK_js.FormSelect,
+        chunkK4M4B6ME_js.FormSelect,
         {
           label: "Auth",
           value: stringProp(config, "authType", "bearer"),
@@ -743,7 +784,7 @@ function HandlerConfigEditor({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkFSBR4RCK_js.FormInput,
+        chunkK4M4B6ME_js.FormInput,
         {
           label: "Credential secret id",
           value: stringProp(config, "credentialRef"),
@@ -871,8 +912,20 @@ function setFromJson(set, key, raw) {
 function RulesPageView({ labels, rules, loading, onCreate, onUpdate, onDelete }) {
   const [createOpen, setCreateOpen] = react.useState(false);
   const [editing, setEditing] = react.useState(null);
+  const [searchTerm, setSearchTerm] = react.useState("");
+  const allRules = rules;
+  const filteredRules = searchTerm.trim() ? allRules.filter((rule) => (rule.name ?? "").toLowerCase().includes(searchTerm.trim().toLowerCase())) : allRules;
+  const isEmpty = allRules.length === 0;
+  const summary = !isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
+    chunkK4M4B6ME_js.SearchBar,
+    {
+      searchTerm,
+      onSearchChange: setSearchTerm,
+      placeholder: labels.searchPlaceholder ?? labels.title
+    }
+  ) : void 0;
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkFSBR4RCK_js.HeroSection,
+    chunkK4M4B6ME_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.AdjustmentsHorizontalIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -880,7 +933,7 @@ function RulesPageView({ labels, rules, loading, onCreate, onUpdate, onDelete })
       subtitle: labels.subtitle,
       gradient: "from-fuchsia-500 to-purple-700",
       toolbar: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkFSBR4RCK_js.CreateActionButton,
+        chunkK4M4B6ME_js.CreateActionButton,
         {
           mode: "desktop",
           label: labels.addRule,
@@ -891,7 +944,7 @@ function RulesPageView({ labels, rules, loading, onCreate, onUpdate, onDelete })
     }
   );
   const mobileAction = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkFSBR4RCK_js.CreateActionButton,
+    chunkK4M4B6ME_js.CreateActionButton,
     {
       mode: "mobile",
       label: labels.addRule,
@@ -899,18 +952,18 @@ function RulesPageView({ labels, rules, loading, onCreate, onUpdate, onDelete })
       accent: "fuchsia"
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.PageLoadingState, {}) : rules.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_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: rules.map((rule) => /* @__PURE__ */ jsxRuntime.jsx(
-    chunkFSBR4RCK_js.EntityCard,
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_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(
+    chunkK4M4B6ME_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(chunkFSBR4RCK_js.Badge, { color: rule.enabled ? "emerald" : "zinc", children: rule.enabled ? labels.enabled : labels.disabled }),
+      status: /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_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(chunkFSBR4RCK_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setEditing(rule), children: labels.edit }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setEditing(rule), children: labels.edit }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkFSBR4RCK_js.Button,
+          chunkK4M4B6ME_js.Button,
           {
             type: "button",
             size: "sm",
@@ -927,13 +980,13 @@ function RulesPageView({ labels, rules, loading, onCreate, onUpdate, onDelete })
     rule.ruleId
   )) });
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.ManagementPageLayout, { hero, content, mobileAction }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.ManagementPageLayout, { hero, summary, content, mobileAction }),
     createOpen && /* @__PURE__ */ jsxRuntime.jsx(
       RuleEditor,
       {
         title: labels.createTitle,
         saveLabel: labels.save,
-        initial: chunkERCDMBRT_js.defaultRuleForm(),
+        initial: chunkPYQLY2RH_js.defaultRuleForm(),
         onClose: () => setCreateOpen(false),
         onSubmit: (value) => {
           onCreate(value);
@@ -965,7 +1018,7 @@ function RuleEditor({
 }) {
   const [value, setValue] = react.useState(initial);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkFSBR4RCK_js.GlassModal,
+    chunkK4M4B6ME_js.GlassModal,
     {
       open: true,
       onClose,
@@ -977,12 +1030,12 @@ function RuleEditor({
         event.preventDefault();
         onSubmit(value);
       },
-      children: /* @__PURE__ */ jsxRuntime.jsx(chunkERCDMBRT_js.RuleForm, { value, onChange: setValue })
+      children: /* @__PURE__ */ jsxRuntime.jsx(chunkPYQLY2RH_js.RuleForm, { value, onChange: setValue })
     }
   );
 }
 function ruleToFormValue(rule) {
-  const base = chunkERCDMBRT_js.defaultRuleForm();
+  const base = chunkPYQLY2RH_js.defaultRuleForm();
   const rawCondition = rule.condition ?? rule.conditions;
   const rawAction = pickAction(rule);
   return {
@@ -1113,7 +1166,7 @@ var SAMPLE_DATASOURCES = [
 ];
 function getDialectLabel(dialect) {
   if (!dialect) return "Unknown";
-  for (const category of chunkYV7F7IXG_js.DIALECT_CATEGORIES) {
+  for (const category of chunkSFFSXC5E_js.DIALECT_CATEGORIES) {
     const found = category.dialects.find((d) => d.value === dialect);
     if (found) return found.label;
   }
@@ -1121,12 +1174,12 @@ function getDialectLabel(dialect) {
 }
 function getDialectGradient(dialect) {
   if (!dialect) return "from-gray-400 to-gray-500";
-  const category = chunkYV7F7IXG_js.findCategory(dialect);
+  const category = chunkSFFSXC5E_js.findCategory(dialect);
   return category?.gradient ?? "from-gray-400 to-gray-500";
 }
 function getDialectIcon(dialect) {
   if (!dialect) return outline.CircleStackIcon;
-  const category = chunkYV7F7IXG_js.findCategory(dialect);
+  const category = chunkSFFSXC5E_js.findCategory(dialect);
   return category?.icon ?? outline.CircleStackIcon;
 }
 var DIALECT_LOGO = {
@@ -1164,11 +1217,13 @@ function DatasourcesPageView({
   onCreate
 }) {
   const [modalOpen, setModalOpen] = react.useState(false);
+  const [searchTerm, setSearchTerm] = react.useState("");
   const [localDatasources, setLocalDatasources] = react.useState(
     useSampleData ? SAMPLE_DATASOURCES : []
   );
-  const datasources = externalDatasources ?? localDatasources;
-  const isEmpty = datasources.length === 0;
+  const allDatasources = externalDatasources ?? localDatasources;
+  const datasources = searchTerm.trim() ? allDatasources.filter((ds) => (ds.name ?? "").toLowerCase().includes(searchTerm.trim().toLowerCase())) : allDatasources;
+  const isEmpty = allDatasources.length === 0;
   function handleCreate(data) {
     if (onCreate) {
       onCreate(data);
@@ -1194,7 +1249,7 @@ function DatasourcesPageView({
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkFSBR4RCK_js.HeroSection,
+      chunkK4M4B6ME_js.HeroSection,
       {
         icon: /* @__PURE__ */ jsxRuntime.jsx(outline.CircleStackIcon, { className: "h-5 w-5" }),
         label: labels.title,
@@ -1202,7 +1257,7 @@ function DatasourcesPageView({
         subtitle: labels.subtitle,
         gradient: "from-amber-500 to-orange-600",
         toolbar: /* @__PURE__ */ jsxRuntime.jsx(
-          chunkFSBR4RCK_js.CreateActionButton,
+          chunkK4M4B6ME_js.CreateActionButton,
           {
             mode: "desktop",
             label: labels.addDatasource,
@@ -1213,7 +1268,7 @@ function DatasourcesPageView({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkFSBR4RCK_js.CreateActionButton,
+      chunkK4M4B6ME_js.CreateActionButton,
       {
         mode: "mobile",
         label: labels.addDatasource,
@@ -1221,8 +1276,16 @@ function DatasourcesPageView({
         accent: "amber"
       }
     ),
+    !isEmpty && /* @__PURE__ */ jsxRuntime.jsx(
+      chunkK4M4B6ME_js.SearchBar,
+      {
+        searchTerm,
+        onSearchChange: setSearchTerm,
+        placeholder: labels.searchPlaceholder ?? labels.title
+      }
+    ),
     isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
-      chunkFSBR4RCK_js.PageEmptyState,
+      chunkK4M4B6ME_js.PageEmptyState,
       {
         title: labels.emptyTitle,
         message: labels.emptyDescription,
@@ -1236,13 +1299,13 @@ function DatasourcesPageView({
       const logoSrc = getDialectLogoSrc(ds.dialect);
       const iconElement = logoSrc ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-11 w-11 items-center justify-center rounded-lg bg-white shadow-sm ring-1 ring-black/5 dark:bg-white/10 dark:ring-white/10", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: logoSrc, alt: dialectLabel, className: "h-7 w-7 object-contain" }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex h-11 w-11 items-center justify-center rounded-lg bg-gradient-to-br ${gradient} shadow-lg`, children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-6 w-6 text-white" }) });
       return /* @__PURE__ */ jsxRuntime.jsx(
-        chunkFSBR4RCK_js.EntityCard,
+        chunkK4M4B6ME_js.EntityCard,
         {
           accentGradient: gradient,
           icon: iconElement,
           title: ds.name ?? ds.id,
           subtitle: dialectLabel,
-          status: /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.Badge, { color: ds.enabled ? "emerald" : "zinc", children: ds.enabled ? labels.enabled : labels.disabled }),
+          status: /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.Badge, { color: ds.enabled ? "emerald" : "zinc", children: ds.enabled ? labels.enabled : labels.disabled }),
           footer: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-xs text-gray-400 dark:text-gray-500", children: [
             ds.readOnly && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-full bg-blue-100 px-2 py-0.5 text-[10px] font-semibold text-blue-700 dark:bg-blue-900/30 dark:text-blue-300", children: "Read-only" }),
             ds.timeoutMs && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
@@ -1266,7 +1329,7 @@ function DatasourcesPageView({
       );
     }) }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkYV7F7IXG_js.DatasourceModal,
+      chunkSFFSXC5E_js.DatasourceModal,
       {
         open: modalOpen,
         onClose: () => setModalOpen(false),
@@ -1281,18 +1344,21 @@ function DashboardPageView({ labels, appLogo }) {
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center mb-6", children: appLogo }),
     /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-3 text-base text-gray-500 dark:text-gray-400", children: labels.subtitle })
   ] });
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.ManagementPageLayout, { hero, content: null });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.ManagementPageLayout, { hero, content: null });
 }
 function AgentsIndexPageView({ labels }) {
   const Link = chunkS7KHTUHA_js.useLink();
-  const tiles = [
+  const [searchTerm, setSearchTerm] = react.useState("");
+  const allTiles = [
     { id: "config", title: labels.configTitle, subtitle: labels.configSubtitle, href: "/agents/config", gradient: "from-violet-500 to-indigo-700", icon: outline.CpuChipIcon },
     { id: "tools", title: labels.toolDefinitionsTitle, subtitle: labels.toolDefinitionsSubtitle, href: "/agents/tool-definitions", gradient: "from-amber-500 to-orange-700", icon: outline.WrenchScrewdriverIcon },
     { id: "models", title: labels.modelsTitle, subtitle: labels.modelsSubtitle, href: "/agents/models", gradient: "from-emerald-500 to-teal-700", icon: outline.CubeTransparentIcon },
     { id: "prompts", title: labels.promptsTitle, subtitle: labels.promptsSubtitle, href: "/agents/prompts", gradient: "from-sky-500 to-blue-700", icon: outline.ChatBubbleLeftEllipsisIcon }
   ];
+  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(
-    chunkFSBR4RCK_js.HeroSection,
+    chunkK4M4B6ME_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.CpuChipIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -1301,10 +1367,18 @@ function AgentsIndexPageView({ labels }) {
       gradient: "from-violet-500 to-indigo-700"
     }
   );
-  const content = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4", children: tiles.map((tile) => {
+  const summary = !isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
+    chunkK4M4B6ME_js.SearchBar,
+    {
+      searchTerm,
+      onSearchChange: setSearchTerm,
+      placeholder: labels.searchPlaceholder ?? labels.title
+    }
+  ) : void 0;
+  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(
-      chunkFSBR4RCK_js.EntityCard,
+      chunkK4M4B6ME_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" }) }),
@@ -1313,13 +1387,13 @@ function AgentsIndexPageView({ labels }) {
       }
     ) }, tile.id);
   }) });
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.ManagementPageLayout, { hero, content });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.ManagementPageLayout, { hero, summary, content });
 }
 function WorkflowsPageView({ labels, workflows, onCreate, onUpdateMeta, onPublish }) {
   const selectedWorkflow = workflows[0] ?? null;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkFSBR4RCK_js.SectionHeader,
+      chunkK4M4B6ME_js.SectionHeader,
       {
         icon: /* @__PURE__ */ jsxRuntime.jsx(outline.RectangleStackIcon, { className: "h-5 w-5 text-white" }),
         title: labels.title,
@@ -1328,9 +1402,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(chunkFSBR4RCK_js.Text, { className: "font-semibold text-slate-900 dark:text-slate-100", children: labels.add }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.Text, { className: "font-semibold text-slate-900 dark:text-slate-100", children: labels.add }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkFSBR4RCK_js.Form,
+        chunkK4M4B6ME_js.Form,
         {
           onSubmit: (event) => {
             event.preventDefault();
@@ -1341,32 +1415,32 @@ function WorkflowsPageView({ labels, workflows, onCreate, onUpdateMeta, onPublis
             onCreate({ name, description });
             event.currentTarget.reset();
           },
-          children: /* @__PURE__ */ jsxRuntime.jsxs(chunkFSBR4RCK_js.FormGrid, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.FormInput, { name: "name", label: labels.workflowName, placeholder: labels.workflowNamePlaceholder, required: true }),
-            /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.FormTextarea, { name: "description", label: labels.description, placeholder: labels.workflowDescriptionPlaceholder, rows: 3 }),
-            /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.FormActionsRow, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.Button, { type: "submit", children: labels.create }) })
+          children: /* @__PURE__ */ jsxRuntime.jsxs(chunkK4M4B6ME_js.FormGrid, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.FormInput, { name: "name", label: labels.workflowName, placeholder: labels.workflowNamePlaceholder, required: true }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.FormTextarea, { name: "description", label: labels.description, placeholder: labels.workflowDescriptionPlaceholder, rows: 3 }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.FormActionsRow, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_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(chunkFSBR4RCK_js.Text, { className: "font-semibold text-slate-900 dark:text-slate-100", children: labels.registry }),
-      /* @__PURE__ */ jsxRuntime.jsxs(chunkFSBR4RCK_js.Table, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.TableHead, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkFSBR4RCK_js.TableRow, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.TableHeader, { children: labels.name }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.TableHeader, { children: labels.description }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.TableHeader, { children: labels.version }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.TableHeader, { children: labels.status }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.TableHeader, { children: labels.actions })
+      /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.Text, { className: "font-semibold text-slate-900 dark:text-slate-100", children: labels.registry }),
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkK4M4B6ME_js.Table, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.TableHead, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkK4M4B6ME_js.TableRow, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.TableHeader, { children: labels.name }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.TableHeader, { children: labels.description }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.TableHeader, { children: labels.version }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.TableHeader, { children: labels.status }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.TableHeader, { children: labels.actions })
         ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.TableBody, { children: workflows.map((workflow) => /* @__PURE__ */ jsxRuntime.jsxs(chunkFSBR4RCK_js.TableRow, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.TableCell, { children: workflow.name }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.TableCell, { children: workflow.description }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.TableCell, { children: String(workflow.version) }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.Badge, { children: workflow.isDraft ? labels.statusDraft : labels.statusPublished }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.TableBody, { children: workflows.map((workflow) => /* @__PURE__ */ jsxRuntime.jsxs(chunkK4M4B6ME_js.TableRow, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.TableCell, { children: workflow.name }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.TableCell, { children: workflow.description }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.TableCell, { children: String(workflow.version) }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.Badge, { children: workflow.isDraft ? labels.statusDraft : labels.statusPublished }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkFSBR4RCK_js.Form,
+              chunkK4M4B6ME_js.Form,
               {
                 onSubmit: (event) => {
                   event.preventDefault();
@@ -1376,17 +1450,17 @@ function WorkflowsPageView({ labels, workflows, onCreate, onUpdateMeta, onPublis
                     description: workflow.description ?? ""
                   });
                 },
-                children: /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.InlineForm, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.Button, { type: "submit", outline: true, children: labels.saveMeta }) })
+                children: /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.InlineForm, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.Button, { type: "submit", outline: true, children: labels.saveMeta }) })
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.Button, { type: "button", color: "sky", onClick: () => onPublish(workflow.id), children: labels.publish })
+            /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.Button, { type: "button", color: "sky", onClick: () => onPublish(workflow.id), children: labels.publish })
           ] }) })
         ] }, workflow.id)) })
       ] })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "liquid-surface rounded-2xl p-4 space-y-3", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_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(chunkRLLP7VQJ_js.WorkflowWorkspace, { graph: chunk3T2WGL47_js.adaptWorkflowGraphToUi(selectedWorkflow.graph) }) }) : /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.Text, { children: labels.empty })
+      /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_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(chunkU6XA2OYE_js.WorkflowWorkspace, { graph: chunk3T2WGL47_js.adaptWorkflowGraphToUi(selectedWorkflow.graph) }) }) : /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.Text, { children: labels.empty })
     ] })
   ] });
 }
@@ -1399,6 +1473,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 statusOptions = react.useMemo(() => [
     { value: "all", label: labels.filterAll },
     { value: "pending", label: labels.statusPending },
@@ -1423,9 +1498,18 @@ function WorkflowRunsPageView({ labels, runs, loading, onCancel, onReplay, onVie
         return status;
     }
   };
-  const filteredRuns = statusFilter === "all" ? runs : runs.filter((run) => run.status === statusFilter);
+  const allRuns = runs;
+  const term = searchTerm.trim().toLowerCase();
+  const filteredRuns = allRuns.filter((run) => {
+    if (statusFilter !== "all" && run.status !== statusFilter) return false;
+    if (term && !run.id.toLowerCase().includes(term) && !run.workflowId.toLowerCase().includes(term)) {
+      return false;
+    }
+    return true;
+  });
+  const isEmpty = allRuns.length === 0;
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkFSBR4RCK_js.HeroSection,
+    chunkK4M4B6ME_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.ClockIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -1433,7 +1517,7 @@ function WorkflowRunsPageView({ labels, runs, loading, onCancel, onReplay, onVie
       subtitle: labels.subtitle,
       gradient: "from-indigo-500 to-sky-700",
       toolbar: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-48", children: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkFSBR4RCK_js.FormSelect,
+        chunkK4M4B6ME_js.FormSelect,
         {
           name: "statusFilter",
           label: labels.filterStatus,
@@ -1444,19 +1528,27 @@ function WorkflowRunsPageView({ labels, runs, loading, onCancel, onReplay, onVie
       ) })
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.PageLoadingState, {}) : filteredRuns.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_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(
-    chunkFSBR4RCK_js.EntityCard,
+  const summary = !isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
+    chunkK4M4B6ME_js.SearchBar,
+    {
+      searchTerm,
+      onSearchChange: setSearchTerm,
+      placeholder: labels.searchPlaceholder ?? labels.title
+    }
+  ) : void 0;
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.PageLoadingState, {}) : filteredRuns.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_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(
+    chunkK4M4B6ME_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(chunkFSBR4RCK_js.Badge, { color: BADGE_COLOR[run.status] ?? "zinc", children: statusLabelFor(run.status) }),
+      status: /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_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(chunkFSBR4RCK_js.Button, { type: "button", size: "sm", outline: true, onClick: () => onView(run), children: labels.view }),
-        onViewTimeline && labels.timeline && /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.Button, { type: "button", size: "sm", outline: true, onClick: () => onViewTimeline(run), children: labels.timeline }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.Button, { type: "button", size: "sm", outline: true, onClick: () => onReplay(run), children: labels.replay }),
-        run.status === "running" && /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.Button, { type: "button", size: "sm", color: "rose", onClick: () => onCancel(run), children: labels.cancel })
+        onView && /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.Button, { type: "button", size: "sm", outline: true, onClick: () => onView(run), children: labels.view }),
+        onViewTimeline && labels.timeline && /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.Button, { type: "button", size: "sm", outline: true, onClick: () => onViewTimeline(run), children: labels.timeline }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.Button, { type: "button", size: "sm", outline: true, onClick: () => onReplay(run), children: labels.replay }),
+        run.status === "running" && /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_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: [
@@ -1470,11 +1562,11 @@ function WorkflowRunsPageView({ labels, runs, loading, onCancel, onReplay, onVie
     },
     run.id
   )) });
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.ManagementPageLayout, { hero, content });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.ManagementPageLayout, { hero, summary, content });
 }
 function RunTimelinePageView({ labels, entries, loading, runId }) {
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkFSBR4RCK_js.HeroSection,
+    chunkK4M4B6ME_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.ClockIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -1484,23 +1576,23 @@ function RunTimelinePageView({ labels, entries, loading, runId }) {
     }
   );
   if (loading) {
-    return /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.ManagementPageLayout, { hero, content: /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.PageLoadingState, {}) });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.ManagementPageLayout, { hero, content: /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.PageLoadingState, {}) });
   }
   if (entries.length === 0) {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkFSBR4RCK_js.ManagementPageLayout,
+      chunkK4M4B6ME_js.ManagementPageLayout,
       {
         hero,
-        content: /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.PageEmptyState, { title: labels.empty ?? "", message: "", iconName: "folder-open" })
+        content: /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.PageEmptyState, { title: labels.empty ?? "", message: "", iconName: "folder-open" })
       }
     );
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkFSBR4RCK_js.ManagementPageLayout,
+    chunkK4M4B6ME_js.ManagementPageLayout,
     {
       hero,
       content: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkERCDMBRT_js.ExecutionTimelinePanel,
+        chunkPYQLY2RH_js.ExecutionTimelinePanel,
         {
           entries,
           labels
@@ -1581,8 +1673,20 @@ function ConnectionsPageView({
 }) {
   const [createOpen, setCreateOpen] = react.useState(false);
   const [editing, setEditing] = react.useState(null);
+  const [searchTerm, setSearchTerm] = react.useState("");
+  const allConnections = connections;
+  const filteredConnections = searchTerm.trim() ? allConnections.filter((conn) => conn.name.toLowerCase().includes(searchTerm.trim().toLowerCase())) : allConnections;
+  const isEmpty = allConnections.length === 0;
+  const summary = !isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
+    chunkK4M4B6ME_js.SearchBar,
+    {
+      searchTerm,
+      onSearchChange: setSearchTerm,
+      placeholder: labels.searchPlaceholder ?? labels.title
+    }
+  ) : void 0;
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkFSBR4RCK_js.HeroSection,
+    chunkK4M4B6ME_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.LinkIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -1590,7 +1694,7 @@ function ConnectionsPageView({
       subtitle: labels.subtitle,
       gradient: "from-sky-500 to-indigo-600",
       toolbar: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkFSBR4RCK_js.CreateActionButton,
+        chunkK4M4B6ME_js.CreateActionButton,
         {
           mode: "desktop",
           label: labels.add,
@@ -1601,7 +1705,7 @@ function ConnectionsPageView({
     }
   );
   const mobileAction = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkFSBR4RCK_js.CreateActionButton,
+    chunkK4M4B6ME_js.CreateActionButton,
     {
       mode: "mobile",
       label: labels.add,
@@ -1609,21 +1713,21 @@ function ConnectionsPageView({
       accent: "sky"
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.PageLoadingState, {}) : connections.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_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: connections.map((conn) => /* @__PURE__ */ jsxRuntime.jsx(
-    chunkFSBR4RCK_js.EntityCard,
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_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(
+    chunkK4M4B6ME_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(chunkFSBR4RCK_js.Badge, { color: conn.enabled ? "emerald" : "zinc", children: conn.enabled ? labels.enable : labels.disable }),
-        conn.credentialRef ? /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.Badge, { color: "indigo", children: "Secret set" }) : /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.Badge, { color: "amber", children: "No secret" })
+        /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.Badge, { color: conn.enabled ? "emerald" : "zinc", children: conn.enabled ? labels.enable : labels.disable }),
+        conn.credentialRef ? /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.Badge, { color: "indigo", children: "Secret set" }) : /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.Badge, { color: "amber", children: "No secret" })
       ] }),
       footer: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setEditing(conn), children: labels.edit }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setEditing(conn), children: labels.edit }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkFSBR4RCK_js.Button,
+          chunkK4M4B6ME_js.Button,
           {
             type: "button",
             size: "sm",
@@ -1644,7 +1748,7 @@ function ConnectionsPageView({
     conn.id
   )) });
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.ManagementPageLayout, { hero, content, mobileAction }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.ManagementPageLayout, { hero, summary, content, mobileAction }),
     createOpen && /* @__PURE__ */ jsxRuntime.jsx(
       ConnectionEditor,
       {
@@ -1758,7 +1862,7 @@ function ConnectionEditor({
     return preset.exampleModels?.join(", ") ?? "";
   }, [preset]);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkFSBR4RCK_js.GlassModal,
+    chunkK4M4B6ME_js.GlassModal,
     {
       open: true,
       onClose,
@@ -1771,9 +1875,9 @@ function ConnectionEditor({
         void handleSubmit();
       },
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(chunkFSBR4RCK_js.FormGrid, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkK4M4B6ME_js.FormGrid, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkFSBR4RCK_js.FormSelect,
+            chunkK4M4B6ME_js.FormSelect,
             {
               label: "Provider",
               value: value.providerSlug,
@@ -1784,7 +1888,7 @@ function ConnectionEditor({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkFSBR4RCK_js.FormInput,
+            chunkK4M4B6ME_js.FormInput,
             {
               label: "Display name",
               required: true,
@@ -1794,7 +1898,7 @@ function ConnectionEditor({
             }
           ),
           preset.needsRegion && /* @__PURE__ */ jsxRuntime.jsx(
-            chunkFSBR4RCK_js.FormInput,
+            chunkK4M4B6ME_js.FormInput,
             {
               label: "Region",
               value: value.region,
@@ -1803,7 +1907,7 @@ function ConnectionEditor({
             }
           ),
           preset.needsEndpoint && /* @__PURE__ */ jsxRuntime.jsx(
-            chunkFSBR4RCK_js.FormInput,
+            chunkK4M4B6ME_js.FormInput,
             {
               label: "Endpoint URL",
               value: value.endpoint,
@@ -1813,7 +1917,7 @@ function ConnectionEditor({
           )
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkFSBR4RCK_js.FormInput,
+          chunkK4M4B6ME_js.FormInput,
           {
             label: value.credentialRef ? "Rotate API key (leave blank to keep current)" : "API key",
             type: "password",
@@ -1824,7 +1928,7 @@ function ConnectionEditor({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkFSBR4RCK_js.FormInput,
+          chunkK4M4B6ME_js.FormInput,
           {
             label: "Model filter (comma-separated, optional)",
             value: value.modelFilter,
@@ -1836,7 +1940,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(
-            chunkFSBR4RCK_js.FormTextarea,
+            chunkK4M4B6ME_js.FormTextarea,
             {
               rows: 4,
               value: value.configJson,
@@ -1895,6 +1999,18 @@ function modelToFormValue(conn) {
 function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate, onDisable }) {
   const [createOpen, setCreateOpen] = react.useState(false);
   const [rotateFor, setRotateFor] = react.useState(null);
+  const [searchTerm, setSearchTerm] = react.useState("");
+  const allCredentials = credentials;
+  const filteredCredentials = searchTerm.trim() ? allCredentials.filter((secret) => secret.name.toLowerCase().includes(searchTerm.trim().toLowerCase())) : allCredentials;
+  const isEmpty = allCredentials.length === 0;
+  const summary = !isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
+    chunkK4M4B6ME_js.SearchBar,
+    {
+      searchTerm,
+      onSearchChange: setSearchTerm,
+      placeholder: labels.searchPlaceholder ?? labels.title
+    }
+  ) : void 0;
   const typeOptions = [
     { value: "generic", label: labels.typeGeneric },
     { value: "api_key", label: labels.typeApiKey },
@@ -1902,7 +2018,7 @@ function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate,
     { value: "password", label: labels.typePassword }
   ];
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkFSBR4RCK_js.HeroSection,
+    chunkK4M4B6ME_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.KeyIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -1910,7 +2026,7 @@ function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate,
       subtitle: labels.subtitle,
       gradient: "from-rose-500 to-orange-600",
       toolbar: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkFSBR4RCK_js.CreateActionButton,
+        chunkK4M4B6ME_js.CreateActionButton,
         {
           mode: "desktop",
           label: labels.addCredential,
@@ -1921,7 +2037,7 @@ function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate,
     }
   );
   const mobileAction = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkFSBR4RCK_js.CreateActionButton,
+    chunkK4M4B6ME_js.CreateActionButton,
     {
       mode: "mobile",
       label: labels.addCredential,
@@ -1929,23 +2045,23 @@ function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate,
       accent: "rose"
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.PageLoadingState, {}) : credentials.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_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: credentials.map((secret) => /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkFSBR4RCK_js.EntityCard,
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: filteredCredentials.map((secret) => /* @__PURE__ */ jsxRuntime.jsxs(
+    chunkK4M4B6ME_js.EntityCard,
     {
       accentGradient: "from-rose-500 to-orange-700",
       icon: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-11 w-11 items-center justify-center rounded-lg bg-rose-500/10 text-rose-600 dark:bg-rose-500/20 dark:text-rose-400", children: /* @__PURE__ */ jsxRuntime.jsx(outline.KeyIcon, { className: "h-6 w-6" }) }),
       title: secret.name,
       subtitle: secret.secretType,
-      status: /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.Badge, { color: secret.disabled ? "zinc" : "emerald", children: secret.disabled ? labels.disable : "Active" }),
+      status: /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_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(chunkFSBR4RCK_js.CopyableId, { id: secret.secretId }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.CopyableId, { id: secret.secretId }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(chunkFSBR4RCK_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setRotateFor(secret), children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(chunkK4M4B6ME_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setRotateFor(secret), children: [
             /* @__PURE__ */ jsxRuntime.jsx(outline.ArrowPathIcon, { className: "mr-1 h-3.5 w-3.5" }),
             labels.rotate
           ] }),
           !secret.disabled && /* @__PURE__ */ jsxRuntime.jsxs(
-            chunkFSBR4RCK_js.Button,
+            chunkK4M4B6ME_js.Button,
             {
               type: "button",
               size: "sm",
@@ -1974,9 +2090,9 @@ function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate,
     secret.secretId
   )) });
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.ManagementPageLayout, { hero, content, mobileAction }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.ManagementPageLayout, { hero, summary, content, mobileAction }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkFSBR4RCK_js.GlassModal,
+      chunkK4M4B6ME_js.GlassModal,
       {
         open: createOpen,
         onClose: () => setCreateOpen(false),
@@ -1994,16 +2110,16 @@ function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate,
           onCreate({ name, value, secretType, description });
           setCreateOpen(false);
         },
-        children: /* @__PURE__ */ jsxRuntime.jsxs(chunkFSBR4RCK_js.FormGrid, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.FormInput, { name: "name", label: labels.name, placeholder: labels.namePlaceholder, required: true }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.FormSelect, { name: "secretType", label: labels.type, options: typeOptions, defaultValue: "generic" }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.FormInput, { name: "value", label: labels.value, placeholder: labels.valuePlaceholder, required: true, type: "password" }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.FormTextarea, { name: "description", label: labels.description, placeholder: labels.descriptionPlaceholder, rows: 2 })
+        children: /* @__PURE__ */ jsxRuntime.jsxs(chunkK4M4B6ME_js.FormGrid, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.FormInput, { name: "name", label: labels.name, placeholder: labels.namePlaceholder, required: true }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.FormSelect, { name: "secretType", label: labels.type, options: typeOptions, defaultValue: "generic" }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.FormInput, { name: "value", label: labels.value, placeholder: labels.valuePlaceholder, required: true, type: "password" }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.FormTextarea, { name: "description", label: labels.description, placeholder: labels.descriptionPlaceholder, rows: 2 })
         ] })
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkFSBR4RCK_js.GlassModal,
+      chunkK4M4B6ME_js.GlassModal,
       {
         open: rotateFor !== null,
         onClose: () => setRotateFor(null),
@@ -2018,7 +2134,7 @@ function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate,
           onRotate(rotateFor, value);
           setRotateFor(null);
         },
-        children: /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.FormGrid, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkFSBR4RCK_js.FormInput, { name: "value", label: labels.value, placeholder: labels.valuePlaceholder, required: true, type: "password" }) })
+        children: /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.FormGrid, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkK4M4B6ME_js.FormInput, { name: "value", label: labels.value, placeholder: labels.valuePlaceholder, required: true, type: "password" }) })
       }
     )
   ] });
@@ -2026,31 +2142,31 @@ function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate,
 
 Object.defineProperty(exports, "RolesPageView", {
   enumerable: true,
-  get: function () { return chunkRLLP7VQJ_js.RolesPageView; }
+  get: function () { return chunkU6XA2OYE_js.RolesPageView; }
 });
 Object.defineProperty(exports, "UsersPageView", {
   enumerable: true,
-  get: function () { return chunkRLLP7VQJ_js.UsersPageView; }
+  get: function () { return chunkU6XA2OYE_js.UsersPageView; }
 });
 Object.defineProperty(exports, "DIALECT_CATEGORIES", {
   enumerable: true,
-  get: function () { return chunkYV7F7IXG_js.DIALECT_CATEGORIES; }
+  get: function () { return chunkSFFSXC5E_js.DIALECT_CATEGORIES; }
 });
 Object.defineProperty(exports, "DatasourceFormModal", {
   enumerable: true,
-  get: function () { return chunkYV7F7IXG_js.DatasourceFormModal; }
+  get: function () { return chunkSFFSXC5E_js.DatasourceFormModal; }
 });
 Object.defineProperty(exports, "DatasourceModal", {
   enumerable: true,
-  get: function () { return chunkYV7F7IXG_js.DatasourceModal; }
+  get: function () { return chunkSFFSXC5E_js.DatasourceModal; }
 });
 Object.defineProperty(exports, "findCategory", {
   enumerable: true,
-  get: function () { return chunkYV7F7IXG_js.findCategory; }
+  get: function () { return chunkSFFSXC5E_js.findCategory; }
 });
 Object.defineProperty(exports, "findDialect", {
   enumerable: true,
-  get: function () { return chunkYV7F7IXG_js.findDialect; }
+  get: function () { return chunkSFFSXC5E_js.findDialect; }
 });
 exports.AgentsConfigPageView = AgentsConfigPageView;
 exports.AgentsIndexPageView = AgentsIndexPageView;