@datatechsolutions/ui 3.11.2 → 3.13.0

package/dist/platform/pages/index.js

@@ -2,14 +2,14 @@
 'use strict';
 
 var chunk3T2WGL47_js = require('../../chunk-3T2WGL47.js');
-var chunkGDVB7QDZ_js = require('../../chunk-GDVB7QDZ.js');
-var chunkTXI3QDYE_js = require('../../chunk-TXI3QDYE.js');
-var chunkY4YIGEX6_js = require('../../chunk-Y4YIGEX6.js');
+var chunkIIRS5XZY_js = require('../../chunk-IIRS5XZY.js');
+var chunkAMCFAGK3_js = require('../../chunk-AMCFAGK3.js');
+var chunkMQDCUBVW_js = require('../../chunk-MQDCUBVW.js');
 require('../../chunk-55H6WZQP.js');
 require('../../chunk-DJDZIRM6.js');
-require('../../chunk-3BFQ3SVG.js');
-var chunk6R5Z2IQ5_js = require('../../chunk-6R5Z2IQ5.js');
-require('../../chunk-YXN2K77G.js');
+require('../../chunk-D5OTZGA2.js');
+var chunk5ETT54QS_js = require('../../chunk-5ETT54QS.js');
+require('../../chunk-Y5VN4SPH.js');
 require('../../chunk-22XPYFHJ.js');
 require('../../chunk-2OZZH2IO.js');
 require('../../chunk-EZQ2D47U.js');
@@ -23,11 +23,54 @@ var jsxRuntime = require('react/jsx-runtime');
 
 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 [filtersOpen, setFiltersOpen] = react.useState(false);
+  const [selectedProviders, setSelectedProviders] = react.useState([]);
+  const [enabledFilter, setEnabledFilter] = react.useState("all");
+  const isEmpty = models.length === 0;
+  const filteredModels = react.useMemo(() => {
+    const term = searchTerm.trim().toLowerCase();
+    return models.filter((model) => {
+      if (term && !model.name.toLowerCase().includes(term)) return false;
+      if (selectedProviders.length > 0 && !selectedProviders.includes(model.provider)) return false;
+      if (enabledFilter === "enabled" && !model.enabled) return false;
+      if (enabledFilter === "disabled" && model.enabled) return false;
+      return true;
+    });
+  }, [models, searchTerm, selectedProviders, enabledFilter]);
+  const providerChipItems = react.useMemo(
+    () => [...new Set(models.map((m) => m.provider))].sort().map((p) => ({
+      id: p,
+      name: p,
+      style: { bg: "bg-emerald-500/15 text-emerald-700 dark:text-emerald-300", text: "" }
+    })),
+    [models]
+  );
+  const statusLabelFor = (value) => {
+    if (value === "enabled") return labels.statusEnabled ?? labels.enabled;
+    if (value === "disabled") return labels.statusDisabled ?? labels.disabled;
+    return labels.statusAll ?? "Todos";
+  };
+  const activeFilters = react.useMemo(() => {
+    const chips = [];
+    for (const value of selectedProviders) {
+      chips.push({ type: "provider", value, label: providerChipItems.find((i) => i.id === value)?.name ?? value });
+    }
+    if (enabledFilter !== "all") {
+      chips.push({ type: "enabled", value: enabledFilter, label: statusLabelFor(enabledFilter) });
+    }
+    return chips;
+  }, [selectedProviders, enabledFilter, providerChipItems]);
+  const filterCount = activeFilters.length;
+  const removeFilter = (filter) => {
+    if (filter.type === "provider") setSelectedProviders((prev) => prev.filter((v) => v !== filter.value));
+    if (filter.type === "enabled") setEnabledFilter("all");
+  };
+  const clearAllFilters = () => {
+    setSelectedProviders([]);
+    setEnabledFilter("all");
+  };
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunk6R5Z2IQ5_js.HeroSection,
+    chunk5ETT54QS_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.CubeTransparentIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -35,18 +78,43 @@ function AgentsModelsPageView({ labels, models, loading }) {
       subtitle: labels.subtitle,
       gradient: "from-emerald-500 to-teal-700",
       toolbar: !isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
-        chunk6R5Z2IQ5_js.SearchBar,
+        chunk5ETT54QS_js.SearchBar,
         {
           searchTerm,
           onSearchChange: setSearchTerm,
           placeholder: labels.searchPlaceholder ?? labels.title,
-          noBorder: true
+          noBorder: true,
+          activeFilters,
+          onRemoveFilter: removeFilter,
+          onClearAll: filterCount > 0 ? clearAllFilters : void 0,
+          filtersModal: {
+            open: filtersOpen,
+            onOpen: () => setFiltersOpen(true),
+            onClose: () => setFiltersOpen(false),
+            title: labels.filtersTitle ?? "Filtros",
+            count: filterCount,
+            onClear: filterCount > 0 ? clearAllFilters : void 0,
+            children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-5", children: [
+              providerChipItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.FormSection, { title: labels.filterByProvider ?? "Provedor", children: /* @__PURE__ */ jsxRuntime.jsx(
+                chunk5ETT54QS_js.ChipPicker,
+                {
+                  items: providerChipItems,
+                  selectedIds: selectedProviders,
+                  onChange: setSelectedProviders,
+                  selectedLabel: labels.selected ?? "selecionados",
+                  selectAllLabel: labels.selectAll ?? "Selecionar todos",
+                  clearLabel: labels.clear ?? "Limpar"
+                }
+              ) }),
+              /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.FormSection, { title: labels.filterByStatus ?? "Status", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: ["all", "enabled", "disabled"].map((value) => enabledFilter === value ? /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "button", size: "sm", color: "ios-glass-blue", onClick: () => setEnabledFilter(value), children: statusLabelFor(value) }, value) : /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setEnabledFilter(value), children: statusLabelFor(value) }, value)) }) })
+            ] })
+          }
         }
       ) : void 0
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_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(
-    chunk6R5Z2IQ5_js.EntityCard,
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_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(
+    chunk5ETT54QS_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" }) }),
@@ -65,12 +133,57 @@ function AgentsConfigPageView({ labels, agents, models, loading, onCreate, onUpd
   const [editing, setEditing] = react.useState(null);
   const [createOpen, setCreateOpen] = react.useState(false);
   const [searchTerm, setSearchTerm] = react.useState("");
+  const [filtersOpen, setFiltersOpen] = react.useState(false);
+  const [selectedModelIds, setSelectedModelIds] = react.useState([]);
+  const [hasActiveVersion, setHasActiveVersion] = react.useState("all");
+  const isEmpty = agents.length === 0;
   const modelOptions = models.map((model) => ({ value: model.id, label: `${model.name} (${model.provider})` }));
-  const allAgents = agents;
-  const filteredAgents = searchTerm.trim() ? allAgents.filter((agent) => String(agent.name ?? "").toLowerCase().includes(searchTerm.trim().toLowerCase())) : allAgents;
-  const isEmpty = allAgents.length === 0;
+  const filteredAgents = react.useMemo(() => {
+    const term = searchTerm.trim().toLowerCase();
+    return agents.filter((agent) => {
+      const name = String(agent.name ?? "").toLowerCase();
+      if (term && !name.includes(term)) return false;
+      const modelId = String(agent.modelId ?? "");
+      if (selectedModelIds.length > 0 && !selectedModelIds.includes(modelId)) return false;
+      if (hasActiveVersion === "with" && !(agent.activePromptVersion > 0)) return false;
+      if (hasActiveVersion === "without" && agent.activePromptVersion > 0) return false;
+      return true;
+    });
+  }, [agents, searchTerm, selectedModelIds, hasActiveVersion]);
+  const modelChipItems = react.useMemo(
+    () => models.map((m) => ({
+      id: m.id,
+      name: m.name,
+      style: { bg: "bg-violet-500/15 text-violet-700 dark:text-violet-300", text: "" }
+    })),
+    [models]
+  );
+  const versionLabelFor = (value) => {
+    if (value === "with") return labels.versionWith ?? "Com vers\xE3o ativa";
+    if (value === "without") return labels.versionWithout ?? "Sem vers\xE3o ativa";
+    return labels.versionAll ?? "Todos";
+  };
+  const activeFilters = react.useMemo(() => {
+    const chips = [];
+    for (const value of selectedModelIds) {
+      chips.push({ type: "model", value, label: modelChipItems.find((i) => i.id === value)?.name ?? value });
+    }
+    if (hasActiveVersion !== "all") {
+      chips.push({ type: "activeVersion", value: hasActiveVersion, label: versionLabelFor(hasActiveVersion) });
+    }
+    return chips;
+  }, [selectedModelIds, hasActiveVersion, modelChipItems]);
+  const filterCount = activeFilters.length;
+  const removeFilter = (filter) => {
+    if (filter.type === "model") setSelectedModelIds((prev) => prev.filter((v) => v !== filter.value));
+    if (filter.type === "activeVersion") setHasActiveVersion("all");
+  };
+  const clearAllFilters = () => {
+    setSelectedModelIds([]);
+    setHasActiveVersion("all");
+  };
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunk6R5Z2IQ5_js.HeroSection,
+    chunk5ETT54QS_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.CpuChipIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -78,16 +191,41 @@ function AgentsConfigPageView({ labels, agents, models, loading, onCreate, onUpd
       subtitle: labels.subtitle,
       gradient: "from-violet-500 to-indigo-700",
       toolbar: !isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
-        chunk6R5Z2IQ5_js.SearchBar,
+        chunk5ETT54QS_js.SearchBar,
         {
           searchTerm,
           onSearchChange: setSearchTerm,
           placeholder: labels.searchPlaceholder ?? labels.title,
-          noBorder: true
+          noBorder: true,
+          activeFilters,
+          onRemoveFilter: removeFilter,
+          onClearAll: filterCount > 0 ? clearAllFilters : void 0,
+          filtersModal: {
+            open: filtersOpen,
+            onOpen: () => setFiltersOpen(true),
+            onClose: () => setFiltersOpen(false),
+            title: labels.filtersTitle ?? "Filtros",
+            count: filterCount,
+            onClear: filterCount > 0 ? clearAllFilters : void 0,
+            children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-5", children: [
+              modelChipItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.FormSection, { title: labels.filterByModel ?? "Modelo", children: /* @__PURE__ */ jsxRuntime.jsx(
+                chunk5ETT54QS_js.ChipPicker,
+                {
+                  items: modelChipItems,
+                  selectedIds: selectedModelIds,
+                  onChange: setSelectedModelIds,
+                  selectedLabel: labels.selected ?? "selecionados",
+                  selectAllLabel: labels.selectAll ?? "Selecionar todos",
+                  clearLabel: labels.clear ?? "Limpar"
+                }
+              ) }),
+              /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.FormSection, { title: labels.filterByActiveVersion ?? "Vers\xE3o ativa", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: ["all", "with", "without"].map((value) => hasActiveVersion === value ? /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "button", size: "sm", color: "ios-glass-blue", onClick: () => setHasActiveVersion(value), children: versionLabelFor(value) }, value) : /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setHasActiveVersion(value), children: versionLabelFor(value) }, value)) }) })
+            ] })
+          }
         }
       ) : void 0,
       actions: /* @__PURE__ */ jsxRuntime.jsx(
-        chunk6R5Z2IQ5_js.CreateActionButton,
+        chunk5ETT54QS_js.CreateActionButton,
         {
           mode: "desktop",
           label: labels.addAgent,
@@ -98,7 +236,7 @@ function AgentsConfigPageView({ labels, agents, models, loading, onCreate, onUpd
     }
   );
   const mobileAction = /* @__PURE__ */ jsxRuntime.jsx(
-    chunk6R5Z2IQ5_js.CreateActionButton,
+    chunk5ETT54QS_js.CreateActionButton,
     {
       mode: "mobile",
       label: labels.addAgent,
@@ -106,10 +244,10 @@ function AgentsConfigPageView({ labels, agents, models, loading, onCreate, onUpd
       accent: "violet"
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_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(chunk5ETT54QS_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_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(
-      chunk6R5Z2IQ5_js.EntityCard,
+      chunk5ETT54QS_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" }) }),
@@ -146,7 +284,7 @@ function AgentsConfigPageView({ labels, agents, models, loading, onCreate, onUpd
     );
   }) });
   const renderForm = (initial, onSubmit) => /* @__PURE__ */ jsxRuntime.jsx(
-    chunk6R5Z2IQ5_js.GlassModal,
+    chunk5ETT54QS_js.GlassModal,
     {
       open: true,
       onClose: () => {
@@ -169,13 +307,13 @@ function AgentsConfigPageView({ labels, agents, models, loading, onCreate, onUpd
           outputSchema: String(form.get("outputSchema") ?? "").trim() || void 0
         });
       },
-      children: /* @__PURE__ */ jsxRuntime.jsxs(chunk6R5Z2IQ5_js.FormGrid, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.FormInput, { name: "name", label: labels.name, defaultValue: initial.name ?? "", required: true }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.FormSelect, { name: "modelId", label: labels.model, options: modelOptions, defaultValue: initial.modelId ?? modelOptions[0]?.value ?? "", required: true }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.FormInput, { name: "maxTokens", label: String(labels.maxTokens), type: "number", defaultValue: String(initial.maxTokens ?? 2048) }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_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(chunk6R5Z2IQ5_js.FormTextarea, { name: "systemPrompt", label: labels.systemPrompt, defaultValue: initial.systemPrompt ?? "", rows: 4 }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.FormTextarea, { name: "outputSchema", label: labels.outputSchema, placeholder: labels.outputSchemaPlaceholder, defaultValue: initial.outputSchema ?? "", rows: 4 })
+      children: /* @__PURE__ */ jsxRuntime.jsxs(chunk5ETT54QS_js.FormGrid, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.FormInput, { name: "name", label: labels.name, defaultValue: initial.name ?? "", required: true }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.FormSelect, { name: "modelId", label: labels.model, options: modelOptions, defaultValue: initial.modelId ?? modelOptions[0]?.value ?? "", required: true }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.FormInput, { name: "maxTokens", label: String(labels.maxTokens), type: "number", defaultValue: String(initial.maxTokens ?? 2048) }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_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(chunk5ETT54QS_js.FormTextarea, { name: "systemPrompt", label: labels.systemPrompt, defaultValue: initial.systemPrompt ?? "", rows: 4 }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.FormTextarea, { name: "outputSchema", label: labels.outputSchema, placeholder: labels.outputSchemaPlaceholder, defaultValue: initial.outputSchema ?? "", rows: 4 })
       ] })
     }
   );
@@ -218,6 +356,11 @@ var LOCALE_OPTIONS = [
 function AgentsPromptsPageView({ labels, agents, prompts, loading, onCreate, onActivate, onDelete }) {
   const [createOpen, setCreateOpen] = react.useState(false);
   const [searchTerm, setSearchTerm] = react.useState("");
+  const [filtersOpen, setFiltersOpen] = react.useState(false);
+  const [selectedAgentIds, setSelectedAgentIds] = react.useState([]);
+  const [selectedLocales, setSelectedLocales] = react.useState([]);
+  const [activeFilter, setActiveFilter] = react.useState("all");
+  const isEmpty = prompts.length === 0;
   const agentOptions = react.useMemo(
     () => agents.map((agent) => ({
       value: String(agent.agentId ?? agent.id ?? ""),
@@ -233,24 +376,121 @@ function AgentsPromptsPageView({ labels, agents, prompts, loading, onCreate, onA
     }
     return map;
   }, [agents]);
-  const allPrompts = prompts;
-  const filteredPrompts = searchTerm.trim() ? allPrompts.filter((prompt) => {
+  const filteredPrompts = react.useMemo(() => {
     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;
+    return prompts.filter((prompt) => {
+      if (term) {
+        const agentName = (agentNameById.get(prompt.agentId) ?? prompt.agentId).toLowerCase();
+        const promptText = (prompt.prompt ?? "").toLowerCase();
+        if (!agentName.includes(term) && !promptText.includes(term)) return false;
+      }
+      if (selectedAgentIds.length > 0 && !selectedAgentIds.includes(prompt.agentId)) return false;
+      if (selectedLocales.length > 0 && !selectedLocales.includes(prompt.locale)) return false;
+      if (activeFilter === "active" && !prompt.isActive) return false;
+      if (activeFilter === "inactive" && prompt.isActive) return false;
+      return true;
+    });
+  }, [prompts, searchTerm, selectedAgentIds, selectedLocales, activeFilter, agentNameById]);
+  const agentChipItems = react.useMemo(
+    () => agents.map((agent) => ({
+      id: String(agent.agentId ?? agent.id ?? ""),
+      name: String(agent.name ?? agent.agentId ?? agent.id ?? ""),
+      style: { bg: "bg-sky-500/15 text-sky-700 dark:text-sky-300", text: "" }
+    })).filter((item) => item.id.length > 0),
+    [agents]
+  );
+  const localeChipItems = react.useMemo(
+    () => LOCALE_OPTIONS.map((opt) => ({
+      id: opt.value,
+      name: opt.label,
+      style: { bg: "bg-indigo-500/15 text-indigo-700 dark:text-indigo-300", text: "" }
+    })),
+    []
+  );
+  const activeLabelFor = (value) => {
+    if (value === "active") return labels.activeYes ?? labels.isActive;
+    if (value === "inactive") return labels.activeNo ?? "Inativo";
+    return labels.activeAll ?? "Todos";
+  };
+  const activeFilters = react.useMemo(() => {
+    const chips = [];
+    for (const value of selectedAgentIds) {
+      chips.push({ type: "agent", value, label: agentChipItems.find((i) => i.id === value)?.name ?? value });
+    }
+    for (const value of selectedLocales) {
+      chips.push({ type: "locale", value, label: localeChipItems.find((i) => i.id === value)?.name ?? value });
+    }
+    if (activeFilter !== "all") {
+      chips.push({ type: "active", value: activeFilter, label: activeLabelFor(activeFilter) });
+    }
+    return chips;
+  }, [selectedAgentIds, selectedLocales, activeFilter, agentChipItems, localeChipItems]);
+  const filterCount = activeFilters.length;
+  const removeFilter = (filter) => {
+    if (filter.type === "agent") setSelectedAgentIds((prev) => prev.filter((v) => v !== filter.value));
+    if (filter.type === "locale") setSelectedLocales((prev) => prev.filter((v) => v !== filter.value));
+    if (filter.type === "active") setActiveFilter("all");
+  };
+  const clearAllFilters = () => {
+    setSelectedAgentIds([]);
+    setSelectedLocales([]);
+    setActiveFilter("all");
+  };
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunk6R5Z2IQ5_js.HeroSection,
+    chunk5ETT54QS_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.ChatBubbleLeftEllipsisIcon, { className: "h-5 w-5" }),
       label: labels.title,
       title: labels.title,
       subtitle: labels.subtitle,
       gradient: "from-sky-500 to-blue-700",
-      toolbar: /* @__PURE__ */ jsxRuntime.jsx(
-        chunk6R5Z2IQ5_js.CreateActionButton,
+      toolbar: !isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
+        chunk5ETT54QS_js.SearchBar,
+        {
+          searchTerm,
+          onSearchChange: setSearchTerm,
+          placeholder: labels.searchPlaceholder ?? labels.title,
+          noBorder: true,
+          activeFilters,
+          onRemoveFilter: removeFilter,
+          onClearAll: filterCount > 0 ? clearAllFilters : void 0,
+          filtersModal: {
+            open: filtersOpen,
+            onOpen: () => setFiltersOpen(true),
+            onClose: () => setFiltersOpen(false),
+            title: labels.filtersTitle ?? "Filtros",
+            count: filterCount,
+            onClear: filterCount > 0 ? clearAllFilters : void 0,
+            children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-5", children: [
+              agentChipItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.FormSection, { title: labels.filterByAgent ?? "Agente", children: /* @__PURE__ */ jsxRuntime.jsx(
+                chunk5ETT54QS_js.ChipPicker,
+                {
+                  items: agentChipItems,
+                  selectedIds: selectedAgentIds,
+                  onChange: setSelectedAgentIds,
+                  selectedLabel: labels.selected ?? "selecionados",
+                  selectAllLabel: labels.selectAll ?? "Selecionar todos",
+                  clearLabel: labels.clear ?? "Limpar"
+                }
+              ) }),
+              /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.FormSection, { title: labels.filterByLocale ?? "Idioma", children: /* @__PURE__ */ jsxRuntime.jsx(
+                chunk5ETT54QS_js.ChipPicker,
+                {
+                  items: localeChipItems,
+                  selectedIds: selectedLocales,
+                  onChange: setSelectedLocales,
+                  selectedLabel: labels.selected ?? "selecionados",
+                  selectAllLabel: labels.selectAll ?? "Selecionar todos",
+                  clearLabel: labels.clear ?? "Limpar"
+                }
+              ) }),
+              /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.FormSection, { title: labels.filterByActive ?? "Status", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: ["all", "active", "inactive"].map((value) => activeFilter === value ? /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "button", size: "sm", color: "ios-glass-blue", onClick: () => setActiveFilter(value), children: activeLabelFor(value) }, value) : /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setActiveFilter(value), children: activeLabelFor(value) }, value)) }) })
+            ] })
+          }
+        }
+      ) : void 0,
+      actions: /* @__PURE__ */ jsxRuntime.jsx(
+        chunk5ETT54QS_js.CreateActionButton,
         {
           mode: "desktop",
           label: labels.addPrompt,
@@ -261,7 +501,7 @@ function AgentsPromptsPageView({ labels, agents, prompts, loading, onCreate, onA
     }
   );
   const mobileAction = /* @__PURE__ */ jsxRuntime.jsx(
-    chunk6R5Z2IQ5_js.CreateActionButton,
+    chunk5ETT54QS_js.CreateActionButton,
     {
       mode: "mobile",
       label: labels.addPrompt,
@@ -269,47 +509,37 @@ function AgentsPromptsPageView({ labels, agents, prompts, loading, onCreate, onA
       accent: "sky"
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      chunk6R5Z2IQ5_js.SearchBar,
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_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(
+      chunk5ETT54QS_js.EntityCard,
       {
-        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: filteredPrompts.map((prompt) => {
-      const agentName = agentNameById.get(prompt.agentId) ?? prompt.agentId;
-      const key = `${prompt.agentId}:${prompt.locale}:${prompt.version}`;
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        chunk6R5Z2IQ5_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(chunkBHOT22QL_js.Badge, { color: "emerald", children: labels.isActive }) : null,
-          footer: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
-            !prompt.isActive && /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "button", size: "sm", outline: true, onClick: () => onActivate(prompt), children: labels.activate }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              chunkBHOT22QL_js.Button,
-              {
-                type: "button",
-                size: "sm",
-                color: "rose",
-                onClick: () => {
-                  if (window.confirm(labels.deleteConfirm)) onDelete(prompt);
-                },
-                children: labels.delete
-              }
-            )
-          ] }),
-          children: prompt.prompt && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 line-clamp-3 text-xs text-slate-500 dark:text-slate-400", children: prompt.prompt })
-        },
-        key
-      );
-    }) })
-  ] });
+        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(chunkBHOT22QL_js.Badge, { color: "emerald", children: labels.isActive }) : null,
+        footer: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
+          !prompt.isActive && /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "button", size: "sm", outline: true, onClick: () => onActivate(prompt), children: labels.activate }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            chunkBHOT22QL_js.Button,
+            {
+              type: "button",
+              size: "sm",
+              color: "rose",
+              onClick: () => {
+                if (window.confirm(labels.deleteConfirm)) onDelete(prompt);
+              },
+              children: labels.delete
+            }
+          )
+        ] }),
+        children: prompt.prompt && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 line-clamp-3 text-xs text-slate-500 dark:text-slate-400", children: prompt.prompt })
+      },
+      key
+    );
+  }) });
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
       hero,
@@ -317,7 +547,7 @@ function AgentsPromptsPageView({ labels, agents, prompts, loading, onCreate, onA
       mobileAction
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunk6R5Z2IQ5_js.GlassModal,
+      chunk5ETT54QS_js.GlassModal,
       {
         open: createOpen,
         onClose: () => setCreateOpen(false),
@@ -341,11 +571,11 @@ function AgentsPromptsPageView({ labels, agents, prompts, loading, onCreate, onA
           });
           setCreateOpen(false);
         },
-        children: /* @__PURE__ */ jsxRuntime.jsxs(chunk6R5Z2IQ5_js.FormGrid, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.FormSelect, { name: "agentId", label: labels.agent, options: agentOptions, required: true }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.FormSelect, { name: "locale", label: labels.locale, options: LOCALE_OPTIONS, defaultValue: "en" }),
+        children: /* @__PURE__ */ jsxRuntime.jsxs(chunk5ETT54QS_js.FormGrid, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.FormSelect, { name: "agentId", label: labels.agent, options: agentOptions, required: true }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.FormSelect, { name: "locale", label: labels.locale, options: LOCALE_OPTIONS, defaultValue: "en" }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunk6R5Z2IQ5_js.FormSelect,
+            chunk5ETT54QS_js.FormSelect,
             {
               name: "isActive",
               label: labels.isActive,
@@ -353,10 +583,10 @@ function AgentsPromptsPageView({ labels, agents, prompts, loading, onCreate, onA
               defaultValue: "true"
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.FormInput, { name: "reason", label: labels.reason }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.FormTextarea, { name: "systemPrompt", label: labels.systemPrompt, rows: 3 }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.FormTextarea, { name: "userTemplate", label: labels.userTemplate, rows: 3 }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.FormTextarea, { name: "prompt", label: labels.prompt, rows: 6, required: true })
+          /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.FormInput, { name: "reason", label: labels.reason }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.FormTextarea, { name: "systemPrompt", label: labels.systemPrompt, rows: 3 }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.FormTextarea, { name: "userTemplate", label: labels.userTemplate, rows: 3 }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.FormTextarea, { name: "prompt", label: labels.prompt, rows: 6, required: true })
         ] })
       }
     )
@@ -387,19 +617,88 @@ function AgentsToolDefinitionsPageView({ labels, tools, loading, onCreate, onUpd
   const [editing, setEditing] = react.useState(null);
   const [createOpen, setCreateOpen] = react.useState(false);
   const [searchTerm, setSearchTerm] = react.useState("");
+  const [filtersOpen, setFiltersOpen] = react.useState(false);
+  const [selectedToolTypes, setSelectedToolTypes] = 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 toolTypeOf = (tool) => {
+    const raw = tool;
+    const t = raw.toolType ?? raw.tool_type ?? tool.category;
+    return typeof t === "string" ? t : "";
+  };
+  const filteredTools = react.useMemo(() => {
+    const term = searchTerm.trim().toLowerCase();
+    return allTools.filter((tool) => {
+      if (term && !tool.name.toLowerCase().includes(term)) return false;
+      if (selectedToolTypes.length > 0) {
+        const t = toolTypeOf(tool);
+        if (!selectedToolTypes.includes(t)) return false;
+      }
+      return true;
+    });
+  }, [allTools, searchTerm, selectedToolTypes]);
+  const toolTypeChipItems = react.useMemo(
+    () => TOOL_TYPE_OPTIONS.map((opt) => ({
+      id: opt.value,
+      name: opt.label,
+      style: { bg: "bg-amber-500/15 text-amber-700 dark:text-amber-300", text: "" }
+    })),
+    []
+  );
+  const activeFilters = react.useMemo(() => {
+    return selectedToolTypes.map((value) => {
+      const label = toolTypeChipItems.find((i) => i.id === value)?.name ?? value;
+      return { type: "toolType", value, label };
+    });
+  }, [selectedToolTypes, toolTypeChipItems]);
+  const filterCount = activeFilters.length;
+  const removeFilter = (filter) => {
+    if (filter.type === "toolType") setSelectedToolTypes((prev) => prev.filter((t) => t !== filter.value));
+  };
+  const clearAllFilters = () => {
+    setSelectedToolTypes([]);
+  };
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunk6R5Z2IQ5_js.HeroSection,
+    chunk5ETT54QS_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.WrenchScrewdriverIcon, { className: "h-5 w-5" }),
       label: labels.title,
       title: labels.title,
       subtitle: labels.subtitle,
       gradient: "from-amber-500 to-orange-700",
-      toolbar: /* @__PURE__ */ jsxRuntime.jsx(
-        chunk6R5Z2IQ5_js.CreateActionButton,
+      toolbar: !isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
+        chunk5ETT54QS_js.SearchBar,
+        {
+          searchTerm,
+          onSearchChange: setSearchTerm,
+          placeholder: labels.searchPlaceholder ?? labels.title,
+          noBorder: true,
+          activeFilters,
+          onRemoveFilter: removeFilter,
+          onClearAll: filterCount > 0 ? clearAllFilters : void 0,
+          filtersModal: {
+            open: filtersOpen,
+            onOpen: () => setFiltersOpen(true),
+            onClose: () => setFiltersOpen(false),
+            title: labels.filtersTitle ?? "Filtros",
+            count: filterCount,
+            onClear: filterCount > 0 ? clearAllFilters : void 0,
+            children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-5", children: /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.FormSection, { title: labels.filterByToolType ?? "Tipo de ferramenta", children: /* @__PURE__ */ jsxRuntime.jsx(
+              chunk5ETT54QS_js.ChipPicker,
+              {
+                items: toolTypeChipItems,
+                selectedIds: selectedToolTypes,
+                onChange: setSelectedToolTypes,
+                selectedLabel: labels.selected ?? "selecionados",
+                selectAllLabel: labels.selectAll ?? "Selecionar todos",
+                clearLabel: labels.clear ?? "Limpar"
+              }
+            ) }) })
+          }
+        }
+      ) : void 0,
+      actions: /* @__PURE__ */ jsxRuntime.jsx(
+        chunk5ETT54QS_js.CreateActionButton,
         {
           mode: "desktop",
           label: labels.addTool,
@@ -410,7 +709,7 @@ function AgentsToolDefinitionsPageView({ labels, tools, loading, onCreate, onUpd
     }
   );
   const mobileAction = /* @__PURE__ */ jsxRuntime.jsx(
-    chunk6R5Z2IQ5_js.CreateActionButton,
+    chunk5ETT54QS_js.CreateActionButton,
     {
       mode: "mobile",
       label: labels.addTool,
@@ -418,43 +717,33 @@ function AgentsToolDefinitionsPageView({ labels, tools, loading, onCreate, onUpd
       accent: "amber"
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      chunk6R5Z2IQ5_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: filteredTools.map((tool) => /* @__PURE__ */ jsxRuntime.jsx(
-      chunk6R5Z2IQ5_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(chunkBHOT22QL_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(chunkBHOT22QL_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setEditing(tool), children: labels.edit }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            chunkBHOT22QL_js.Button,
-            {
-              type: "button",
-              size: "sm",
-              color: "rose",
-              onClick: () => {
-                if (window.confirm(labels.deleteConfirm)) onDelete(tool);
-              },
-              children: labels.delete
-            }
-          )
-        ] }),
-        children: tool.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-slate-500 dark:text-slate-400", children: tool.description })
-      },
-      tool.agentToolId
-    )) })
-  ] });
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_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(
+    chunk5ETT54QS_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(chunkBHOT22QL_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(chunkBHOT22QL_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setEditing(tool), children: labels.edit }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkBHOT22QL_js.Button,
+          {
+            type: "button",
+            size: "sm",
+            color: "rose",
+            onClick: () => {
+              if (window.confirm(labels.deleteConfirm)) onDelete(tool);
+            },
+            children: labels.delete
+          }
+        )
+      ] }),
+      children: tool.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-slate-500 dark:text-slate-400", children: tool.description })
+    },
+    tool.agentToolId
+  )) });
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
       hero,
@@ -518,7 +807,7 @@ function ToolEditor({
     setValue((v) => ({ ...v, [key]: next }));
   };
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk6R5Z2IQ5_js.GlassModal,
+    chunk5ETT54QS_js.GlassModal,
     {
       open: true,
       onClose,
@@ -531,9 +820,9 @@ function ToolEditor({
         handleSubmit();
       },
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-5", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(chunk6R5Z2IQ5_js.FormGrid, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunk5ETT54QS_js.FormGrid, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunk6R5Z2IQ5_js.FormInput,
+            chunk5ETT54QS_js.FormInput,
             {
               label: "Name",
               required: true,
@@ -543,7 +832,7 @@ function ToolEditor({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunk6R5Z2IQ5_js.FormSelect,
+            chunk5ETT54QS_js.FormSelect,
             {
               label: "Tool type",
               value: value.toolType,
@@ -553,7 +842,7 @@ function ToolEditor({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunk6R5Z2IQ5_js.FormSelect,
+            chunk5ETT54QS_js.FormSelect,
             {
               label: "Enabled",
               value: value.enabled ? "true" : "false",
@@ -562,7 +851,7 @@ function ToolEditor({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunk6R5Z2IQ5_js.FormInput,
+            chunk5ETT54QS_js.FormInput,
             {
               label: "Icon (optional)",
               value: value.icon ?? "",
@@ -572,7 +861,7 @@ function ToolEditor({
           )
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunk6R5Z2IQ5_js.FormTextarea,
+          chunk5ETT54QS_js.FormTextarea,
           {
             label: "Description",
             rows: 2,
@@ -620,7 +909,7 @@ function ParametersEditor({
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
       parameters.map((param, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-[1fr_160px_1fr_110px_auto] items-end gap-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunk6R5Z2IQ5_js.FormInput,
+          chunk5ETT54QS_js.FormInput,
           {
             label: "Name",
             value: param.name,
@@ -629,7 +918,7 @@ function ParametersEditor({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunk6R5Z2IQ5_js.FormSelect,
+          chunk5ETT54QS_js.FormSelect,
           {
             label: "Type",
             value: param.type,
@@ -638,7 +927,7 @@ function ParametersEditor({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunk6R5Z2IQ5_js.FormInput,
+          chunk5ETT54QS_js.FormInput,
           {
             label: "Description",
             value: param.description,
@@ -672,9 +961,9 @@ function HandlerConfigEditor({
   if (toolType === "http") {
     return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "rounded-xl border border-slate-200 bg-slate-50/60 p-3 dark:border-slate-700 dark:bg-slate-900/40", children: [
       /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-2 text-sm font-semibold text-slate-700 dark:text-slate-200", children: "HTTP handler" }),
-      /* @__PURE__ */ jsxRuntime.jsxs(chunk6R5Z2IQ5_js.FormGrid, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(chunk5ETT54QS_js.FormGrid, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunk6R5Z2IQ5_js.FormSelect,
+          chunk5ETT54QS_js.FormSelect,
           {
             label: "Method",
             value: stringProp(config, "method", "GET"),
@@ -683,7 +972,7 @@ function HandlerConfigEditor({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunk6R5Z2IQ5_js.FormInput,
+          chunk5ETT54QS_js.FormInput,
           {
             label: "URL template",
             value: stringProp(config, "url"),
@@ -693,7 +982,7 @@ function HandlerConfigEditor({
         )
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunk6R5Z2IQ5_js.FormTextarea,
+        chunk5ETT54QS_js.FormTextarea,
         {
           label: "Headers (JSON)",
           rows: 3,
@@ -703,7 +992,7 @@ function HandlerConfigEditor({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunk6R5Z2IQ5_js.FormTextarea,
+        chunk5ETT54QS_js.FormTextarea,
         {
           label: "Body template",
           rows: 3,
@@ -718,7 +1007,7 @@ function HandlerConfigEditor({
     return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "rounded-xl border border-slate-200 bg-slate-50/60 p-3 dark:border-slate-700 dark:bg-slate-900/40", children: [
       /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-2 text-sm font-semibold text-slate-700 dark:text-slate-200", children: "Function handler" }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunk6R5Z2IQ5_js.FormInput,
+        chunk5ETT54QS_js.FormInput,
         {
           label: "Implementation key",
           value: stringProp(config, "implementationKey"),
@@ -732,9 +1021,9 @@ function HandlerConfigEditor({
   if (toolType === "database_query") {
     return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "rounded-xl border border-slate-200 bg-slate-50/60 p-3 dark:border-slate-700 dark:bg-slate-900/40", children: [
       /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-2 text-sm font-semibold text-slate-700 dark:text-slate-200", children: "Database query handler" }),
-      /* @__PURE__ */ jsxRuntime.jsxs(chunk6R5Z2IQ5_js.FormGrid, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(chunk5ETT54QS_js.FormGrid, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunk6R5Z2IQ5_js.FormInput,
+          chunk5ETT54QS_js.FormInput,
           {
             label: "Datasource ID",
             value: stringProp(config, "datasourceId"),
@@ -743,7 +1032,7 @@ function HandlerConfigEditor({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunk6R5Z2IQ5_js.FormInput,
+          chunk5ETT54QS_js.FormInput,
           {
             label: "Max rows",
             type: "number",
@@ -753,7 +1042,7 @@ function HandlerConfigEditor({
         )
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunk6R5Z2IQ5_js.FormTextarea,
+        chunk5ETT54QS_js.FormTextarea,
         {
           label: "Query template",
           rows: 4,
@@ -769,7 +1058,7 @@ function HandlerConfigEditor({
       /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-2 text-sm font-semibold text-slate-700 dark:text-slate-200", children: "Code execution handler" }),
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-2 text-xs text-amber-600 dark:text-amber-400", children: "Experimental \u2014 sandbox is not yet enforced. Only enable for trusted tools." }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunk6R5Z2IQ5_js.FormSelect,
+        chunk5ETT54QS_js.FormSelect,
         {
           label: "Language",
           value: stringProp(config, "language", "javascript"),
@@ -781,7 +1070,7 @@ function HandlerConfigEditor({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunk6R5Z2IQ5_js.FormTextarea,
+        chunk5ETT54QS_js.FormTextarea,
         {
           label: "Code",
           rows: 6,
@@ -794,9 +1083,9 @@ function HandlerConfigEditor({
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "rounded-xl border border-slate-200 bg-slate-50/60 p-3 dark:border-slate-700 dark:bg-slate-900/40", children: [
     /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-2 text-sm font-semibold text-slate-700 dark:text-slate-200", children: "API call handler" }),
-    /* @__PURE__ */ jsxRuntime.jsxs(chunk6R5Z2IQ5_js.FormGrid, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(chunk5ETT54QS_js.FormGrid, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunk6R5Z2IQ5_js.FormInput,
+        chunk5ETT54QS_js.FormInput,
         {
           label: "URL",
           value: stringProp(config, "url"),
@@ -804,7 +1093,7 @@ function HandlerConfigEditor({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunk6R5Z2IQ5_js.FormSelect,
+        chunk5ETT54QS_js.FormSelect,
         {
           label: "Auth",
           value: stringProp(config, "authType", "bearer"),
@@ -818,7 +1107,7 @@ function HandlerConfigEditor({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunk6R5Z2IQ5_js.FormInput,
+        chunk5ETT54QS_js.FormInput,
         {
           label: "Credential secret id",
           value: stringProp(config, "credentialRef"),
@@ -943,19 +1232,57 @@ function setFromJson(set, key, raw) {
     set(key, raw);
   }
 }
-function RulesPageView({ labels, rules, loading, onCreate, onUpdate, onDelete, onAddClick }) {
+function RulesPageView({ labels, rules, loading, onCreate, onUpdate, onDelete }) {
   const [createOpen, setCreateOpen] = react.useState(false);
-  const openCreate = () => {
-    if (onAddClick) onAddClick();
-    else setCreateOpen(true);
-  };
   const [editing, setEditing] = react.useState(null);
   const [searchTerm, setSearchTerm] = react.useState("");
-  const allRules = rules;
-  const filteredRules = searchTerm.trim() ? allRules.filter((rule) => (rule.name ?? "").toLowerCase().includes(searchTerm.trim().toLowerCase())) : allRules;
-  const isEmpty = allRules.length === 0;
+  const [filtersOpen, setFiltersOpen] = react.useState(false);
+  const [enabledFilter, setEnabledFilter] = react.useState("all");
+  const [expiryFilter, setExpiryFilter] = react.useState("all");
+  const isEmpty = rules.length === 0;
+  const filteredRules = react.useMemo(() => {
+    const term = searchTerm.trim().toLowerCase();
+    return rules.filter((rule) => {
+      if (term && !rule.name.toLowerCase().includes(term)) return false;
+      if (enabledFilter === "enabled" && !rule.enabled) return false;
+      if (enabledFilter === "disabled" && rule.enabled) return false;
+      const hasExpiry = typeof rule.validUntil === "string" && rule.validUntil.length > 0;
+      if (expiryFilter === "expiring" && !hasExpiry) return false;
+      if (expiryFilter === "noExpiry" && hasExpiry) return false;
+      return true;
+    });
+  }, [rules, searchTerm, enabledFilter, expiryFilter]);
+  const statusLabelFor = (value) => {
+    if (value === "enabled") return labels.statusEnabled ?? labels.enabled;
+    if (value === "disabled") return labels.statusDisabled ?? labels.disabled;
+    return labels.statusAll ?? "Todos";
+  };
+  const expiryLabelFor = (value) => {
+    if (value === "expiring") return labels.expiryExpiring ?? "Com validade";
+    if (value === "noExpiry") return labels.expiryNoExpiry ?? "Sem validade";
+    return labels.expiryAll ?? "Todos";
+  };
+  const activeFilters = react.useMemo(() => {
+    const chips = [];
+    if (enabledFilter !== "all") {
+      chips.push({ type: "enabled", value: enabledFilter, label: statusLabelFor(enabledFilter) });
+    }
+    if (expiryFilter !== "all") {
+      chips.push({ type: "expiry", value: expiryFilter, label: expiryLabelFor(expiryFilter) });
+    }
+    return chips;
+  }, [enabledFilter, expiryFilter]);
+  const filterCount = activeFilters.length;
+  const removeFilter = (filter) => {
+    if (filter.type === "enabled") setEnabledFilter("all");
+    if (filter.type === "expiry") setExpiryFilter("all");
+  };
+  const clearAllFilters = () => {
+    setEnabledFilter("all");
+    setExpiryFilter("all");
+  };
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunk6R5Z2IQ5_js.HeroSection,
+    chunk5ETT54QS_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.AdjustmentsHorizontalIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -963,36 +1290,51 @@ function RulesPageView({ labels, rules, loading, onCreate, onUpdate, onDelete, o
       subtitle: labels.subtitle,
       gradient: "from-fuchsia-500 to-purple-700",
       toolbar: !isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
-        chunk6R5Z2IQ5_js.SearchBar,
+        chunk5ETT54QS_js.SearchBar,
         {
           searchTerm,
           onSearchChange: setSearchTerm,
           placeholder: labels.searchPlaceholder ?? labels.title,
-          noBorder: true
+          noBorder: true,
+          activeFilters,
+          onRemoveFilter: removeFilter,
+          onClearAll: filterCount > 0 ? clearAllFilters : void 0,
+          filtersModal: {
+            open: filtersOpen,
+            onOpen: () => setFiltersOpen(true),
+            onClose: () => setFiltersOpen(false),
+            title: labels.filtersTitle ?? "Filtros",
+            count: filterCount,
+            onClear: filterCount > 0 ? clearAllFilters : void 0,
+            children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-5", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.FormSection, { title: labels.filterByStatus ?? "Status", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: ["all", "enabled", "disabled"].map((value) => enabledFilter === value ? /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "button", size: "sm", color: "ios-glass-blue", onClick: () => setEnabledFilter(value), children: statusLabelFor(value) }, value) : /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setEnabledFilter(value), children: statusLabelFor(value) }, value)) }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.FormSection, { title: labels.filterByExpiry ?? "Validade", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: ["all", "expiring", "noExpiry"].map((value) => expiryFilter === value ? /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "button", size: "sm", color: "ios-glass-blue", onClick: () => setExpiryFilter(value), children: expiryLabelFor(value) }, value) : /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setExpiryFilter(value), children: expiryLabelFor(value) }, value)) }) })
+            ] })
+          }
         }
       ) : void 0,
       actions: /* @__PURE__ */ jsxRuntime.jsx(
-        chunk6R5Z2IQ5_js.CreateActionButton,
+        chunk5ETT54QS_js.CreateActionButton,
         {
           mode: "desktop",
           label: labels.addRule,
-          onClick: openCreate,
+          onClick: () => setCreateOpen(true),
           accent: "fuchsia"
         }
       )
     }
   );
   const mobileAction = /* @__PURE__ */ jsxRuntime.jsx(
-    chunk6R5Z2IQ5_js.CreateActionButton,
+    chunk5ETT54QS_js.CreateActionButton,
     {
       mode: "mobile",
       label: labels.addRule,
-      onClick: openCreate,
+      onClick: () => setCreateOpen(true),
       accent: "fuchsia"
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_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(
-    chunk6R5Z2IQ5_js.EntityCard,
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_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(
+    chunk5ETT54QS_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" }) }),
@@ -1029,7 +1371,7 @@ function RulesPageView({ labels, rules, loading, onCreate, onUpdate, onDelete, o
       {
         title: labels.createTitle,
         saveLabel: labels.save,
-        initial: chunkY4YIGEX6_js.defaultRuleForm(),
+        initial: chunkMQDCUBVW_js.defaultRuleForm(),
         onClose: () => setCreateOpen(false),
         onSubmit: (value) => {
           onCreate(value);
@@ -1061,7 +1403,7 @@ function RuleEditor({
 }) {
   const [value, setValue] = react.useState(initial);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk6R5Z2IQ5_js.GlassModal,
+    chunk5ETT54QS_js.GlassModal,
     {
       open: true,
       onClose,
@@ -1073,12 +1415,12 @@ function RuleEditor({
         event.preventDefault();
         onSubmit(value);
       },
-      children: /* @__PURE__ */ jsxRuntime.jsx(chunkY4YIGEX6_js.RuleForm, { value, onChange: setValue })
+      children: /* @__PURE__ */ jsxRuntime.jsx(chunkMQDCUBVW_js.RuleForm, { value, onChange: setValue })
     }
   );
 }
 function ruleToFormValue(rule) {
-  const base = chunkY4YIGEX6_js.defaultRuleForm();
+  const base = chunkMQDCUBVW_js.defaultRuleForm();
   const rawCondition = rule.condition ?? rule.conditions;
   const rawAction = pickAction(rule);
   return {
@@ -1093,10 +1435,7 @@ 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,
-    // Round-trip recurrence (Fallback 4) — backend persists it as the
-    // structured `{ kind, ... }` blob the wizard sends.
-    recurrence: rule.recurrence ?? null
+    tags: Array.isArray(rule.tags) ? rule.tags.filter((tag) => typeof tag === "string") : base.tags
   };
 }
 function pickAction(rule) {
@@ -1218,7 +1557,7 @@ var SAMPLE_DATASOURCES = [
 ];
 function getDialectLabel(dialect) {
   if (!dialect) return "Unknown";
-  for (const category of chunkTXI3QDYE_js.DIALECT_CATEGORIES) {
+  for (const category of chunkAMCFAGK3_js.DIALECT_CATEGORIES) {
     const found = category.dialects.find((d) => d.value === dialect);
     if (found) return found.label;
   }
@@ -1226,12 +1565,12 @@ function getDialectLabel(dialect) {
 }
 function getDialectGradient(dialect) {
   if (!dialect) return "from-gray-400 to-gray-500";
-  const category = chunkTXI3QDYE_js.findCategory(dialect);
+  const category = chunkAMCFAGK3_js.findCategory(dialect);
   return category?.gradient ?? "from-gray-400 to-gray-500";
 }
 function getDialectIcon(dialect) {
   if (!dialect) return outline.CircleStackIcon;
-  const category = chunkTXI3QDYE_js.findCategory(dialect);
+  const category = chunkAMCFAGK3_js.findCategory(dialect);
   return category?.icon ?? outline.CircleStackIcon;
 }
 var DIALECT_LOGO = {
@@ -1256,11 +1595,7 @@ var DIALECT_LOGO = {
   cockroachdb: "/logos/datasources/cockroachdb.svg",
   supabase: "/logos/datasources/supabase.svg",
   firebase: "/logos/datasources/firebase.svg",
-  neo4j: "/logos/datasources/neo4j.svg",
-  // AWS managed services (icepanel.io / official AWS Architecture Icons)
-  neptune: "/logos/datasources/neptune.svg",
-  timestream: "/logos/datasources/timestream.svg",
-  opensearch: "/logos/datasources/opensearch.svg"
+  neo4j: "/logos/datasources/neo4j.svg"
 };
 function getDialectLogoSrc(dialect) {
   if (!dialect) return null;
@@ -1270,21 +1605,76 @@ function DatasourcesPageView({
   labels,
   datasources: externalDatasources,
   useSampleData = false,
-  onCreate,
-  onAddClick
+  onCreate
 }) {
   const [modalOpen, setModalOpen] = react.useState(false);
-  const openCreate = () => {
-    if (onAddClick) onAddClick();
-    else setModalOpen(true);
-  };
-  const [searchTerm, setSearchTerm] = react.useState("");
   const [localDatasources, setLocalDatasources] = react.useState(
     useSampleData ? SAMPLE_DATASOURCES : []
   );
-  const allDatasources = externalDatasources ?? localDatasources;
-  const datasources = searchTerm.trim() ? allDatasources.filter((ds) => (ds.name ?? "").toLowerCase().includes(searchTerm.trim().toLowerCase())) : allDatasources;
-  const isEmpty = allDatasources.length === 0;
+  const [searchTerm, setSearchTerm] = react.useState("");
+  const [filtersOpen, setFiltersOpen] = react.useState(false);
+  const [selectedDialects, setSelectedDialects] = react.useState([]);
+  const [enabledFilter, setEnabledFilter] = react.useState("all");
+  const [readOnlyFilter, setReadOnlyFilter] = react.useState("all");
+  const datasources = externalDatasources ?? localDatasources;
+  const isEmpty = datasources.length === 0;
+  const filteredDatasources = react.useMemo(() => {
+    const term = searchTerm.trim().toLowerCase();
+    return datasources.filter((ds) => {
+      const name = (ds.name ?? "").toLowerCase();
+      if (term && !name.includes(term)) return false;
+      if (selectedDialects.length > 0 && (!ds.dialect || !selectedDialects.includes(ds.dialect))) return false;
+      if (enabledFilter === "enabled" && !ds.enabled) return false;
+      if (enabledFilter === "disabled" && ds.enabled) return false;
+      if (readOnlyFilter === "readOnly" && !ds.readOnly) return false;
+      if (readOnlyFilter === "writable" && ds.readOnly) return false;
+      return true;
+    });
+  }, [datasources, searchTerm, selectedDialects, enabledFilter, readOnlyFilter]);
+  const dialectChipItems = react.useMemo(
+    () => chunkAMCFAGK3_js.DIALECT_CATEGORIES.flatMap(
+      (cat) => cat.dialects.map((d) => ({
+        id: d.value,
+        name: d.label,
+        style: { bg: `bg-gradient-to-br ${cat.gradient} text-white`, text: "" }
+      }))
+    ),
+    []
+  );
+  const enabledLabelFor = (value) => {
+    if (value === "enabled") return labels.statusEnabled ?? labels.enabled ?? "Ativos";
+    if (value === "disabled") return labels.statusDisabled ?? labels.disabled ?? "Inativos";
+    return labels.statusAll ?? "Todos";
+  };
+  const readOnlyLabelFor = (value) => {
+    if (value === "readOnly") return labels.readOnlyOnly ?? "Somente leitura";
+    if (value === "writable") return labels.writable ?? "Grava\xE7\xE3o";
+    return labels.readOnlyAll ?? "Todos";
+  };
+  const activeFilters = react.useMemo(() => {
+    const chips = [];
+    for (const value of selectedDialects) {
+      chips.push({ type: "dialect", value, label: dialectChipItems.find((i) => i.id === value)?.name ?? value });
+    }
+    if (enabledFilter !== "all") {
+      chips.push({ type: "enabled", value: enabledFilter, label: enabledLabelFor(enabledFilter) });
+    }
+    if (readOnlyFilter !== "all") {
+      chips.push({ type: "readOnly", value: readOnlyFilter, label: readOnlyLabelFor(readOnlyFilter) });
+    }
+    return chips;
+  }, [selectedDialects, enabledFilter, readOnlyFilter, dialectChipItems]);
+  const filterCount = activeFilters.length;
+  const removeFilter = (filter) => {
+    if (filter.type === "dialect") setSelectedDialects((prev) => prev.filter((v) => v !== filter.value));
+    if (filter.type === "enabled") setEnabledFilter("all");
+    if (filter.type === "readOnly") setReadOnlyFilter("all");
+  };
+  const clearAllFilters = () => {
+    setSelectedDialects([]);
+    setEnabledFilter("all");
+    setReadOnlyFilter("all");
+  };
   function handleCreate(data) {
     if (onCreate) {
       onCreate(data);
@@ -1311,7 +1701,7 @@ function DatasourcesPageView({
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunk6R5Z2IQ5_js.HeroSection,
+      chunk5ETT54QS_js.HeroSection,
       {
         icon: /* @__PURE__ */ jsxRuntime.jsx(outline.CircleStackIcon, { className: "h-5 w-5" }),
         label: labels.title,
@@ -1319,70 +1709,96 @@ function DatasourcesPageView({
         subtitle: labels.subtitle,
         gradient: "from-amber-500 to-orange-600",
         toolbar: !isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
-          chunk6R5Z2IQ5_js.SearchBar,
+          chunk5ETT54QS_js.SearchBar,
           {
             searchTerm,
             onSearchChange: setSearchTerm,
             placeholder: labels.searchPlaceholder ?? labels.title,
-            noBorder: true
+            noBorder: true,
+            activeFilters,
+            onRemoveFilter: removeFilter,
+            onClearAll: filterCount > 0 ? clearAllFilters : void 0,
+            filtersModal: {
+              open: filtersOpen,
+              onOpen: () => setFiltersOpen(true),
+              onClose: () => setFiltersOpen(false),
+              title: labels.filtersTitle ?? "Filtros",
+              count: filterCount,
+              onClear: filterCount > 0 ? clearAllFilters : void 0,
+              children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-5", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.FormSection, { title: labels.filterByDialect ?? labels.dialect ?? "Dialeto", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  chunk5ETT54QS_js.ChipPicker,
+                  {
+                    items: dialectChipItems,
+                    selectedIds: selectedDialects,
+                    onChange: setSelectedDialects,
+                    selectedLabel: labels.selected ?? "selecionados",
+                    selectAllLabel: labels.selectAll ?? "Selecionar todos",
+                    clearLabel: labels.clear ?? "Limpar"
+                  }
+                ) }),
+                /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.FormSection, { title: labels.filterByStatus ?? "Status", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: ["all", "enabled", "disabled"].map((value) => enabledFilter === value ? /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "button", size: "sm", color: "ios-glass-blue", onClick: () => setEnabledFilter(value), children: enabledLabelFor(value) }, value) : /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setEnabledFilter(value), children: enabledLabelFor(value) }, value)) }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.FormSection, { title: labels.filterByReadOnly ?? "Modo de acesso", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: ["all", "readOnly", "writable"].map((value) => readOnlyFilter === value ? /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "button", size: "sm", color: "ios-glass-blue", onClick: () => setReadOnlyFilter(value), children: readOnlyLabelFor(value) }, value) : /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setReadOnlyFilter(value), children: readOnlyLabelFor(value) }, value)) }) })
+              ] })
+            }
           }
         ) : void 0,
         actions: /* @__PURE__ */ jsxRuntime.jsx(
-          chunk6R5Z2IQ5_js.CreateActionButton,
+          chunk5ETT54QS_js.CreateActionButton,
           {
             mode: "desktop",
             label: labels.addDatasource,
-            onClick: openCreate,
+            onClick: () => setModalOpen(true),
             accent: "amber"
           }
         )
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunk6R5Z2IQ5_js.CreateActionButton,
+      chunk5ETT54QS_js.CreateActionButton,
       {
         mode: "mobile",
         label: labels.addDatasource,
-        onClick: openCreate,
+        onClick: () => setModalOpen(true),
         accent: "amber"
       }
     ),
     isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
-      chunk6R5Z2IQ5_js.PageEmptyState,
+      chunk5ETT54QS_js.PageEmptyState,
       {
         title: labels.emptyTitle,
         message: labels.emptyDescription,
         iconName: "link",
         customIcon: /* @__PURE__ */ jsxRuntime.jsx(outline.CircleStackIcon, { className: "h-10 w-10 text-amber-500 dark:text-amber-400" })
       }
-    ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: datasources.map((ds) => {
+    ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: filteredDatasources.map((ds) => {
       const Icon = getDialectIcon(ds.dialect);
       const gradient = getDialectGradient(ds.dialect);
       const dialectLabel = getDialectLabel(ds.dialect);
       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" }) });
+      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(
-        chunk6R5Z2IQ5_js.EntityCard,
+        chunk5ETT54QS_js.EntityCard,
         {
           accentGradient: gradient,
           icon: iconElement,
           title: ds.name ?? ds.id,
           subtitle: dialectLabel,
           status: /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Badge, { color: ds.enabled ? "emerald" : "zinc", children: ds.enabled ? labels.enabled : labels.disabled }),
-          footer: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-xs text-slate-500 dark:text-slate-400", children: [
-            ds.readOnly && /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Badge, { color: "blue", size: "xs", children: "Read-only" }),
+          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: [
               ds.timeoutMs / 1e3,
               "s timeout"
             ] })
           ] }),
-          children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 text-xs text-slate-500 dark:text-slate-400", children: [
+          children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 text-xs text-gray-500 dark:text-gray-400", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
               labels.dialect,
               ": ",
               dialectLabel
             ] }),
-            ds.slug && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "truncate text-slate-400 dark:text-slate-500", children: [
+            ds.slug && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "truncate text-gray-400", children: [
               "/",
               ds.slug
             ] })
@@ -1392,7 +1808,7 @@ function DatasourcesPageView({
       );
     }) }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkTXI3QDYE_js.DatasourceModal,
+      chunkAMCFAGK3_js.DatasourceModal,
       {
         open: modalOpen,
         onClose: () => setModalOpen(false),
@@ -1421,7 +1837,7 @@ function AgentsIndexPageView({ labels }) {
   const filteredTiles = searchTerm.trim() ? allTiles.filter((tile) => tile.title.toLowerCase().includes(searchTerm.trim().toLowerCase())) : allTiles;
   const isEmpty = allTiles.length === 0;
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunk6R5Z2IQ5_js.HeroSection,
+    chunk5ETT54QS_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.CpuChipIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -1429,7 +1845,7 @@ function AgentsIndexPageView({ labels }) {
       subtitle: labels.subtitle,
       gradient: "from-violet-500 to-indigo-700",
       toolbar: !isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
-        chunk6R5Z2IQ5_js.SearchBar,
+        chunk5ETT54QS_js.SearchBar,
         {
           searchTerm,
           onSearchChange: setSearchTerm,
@@ -1442,7 +1858,7 @@ function AgentsIndexPageView({ labels }) {
   const content = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4", children: filteredTiles.map((tile) => {
     const Icon = tile.icon;
     return /* @__PURE__ */ jsxRuntime.jsx(Link, { href: tile.href, className: "block focus:outline-none", children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunk6R5Z2IQ5_js.EntityCard,
+      chunk5ETT54QS_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" }) }),
@@ -1460,7 +1876,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(
-      chunk6R5Z2IQ5_js.SectionHeader,
+      chunk5ETT54QS_js.SectionHeader,
       {
         icon: /* @__PURE__ */ jsxRuntime.jsx(outline.RectangleStackIcon, { className: "h-5 w-5 text-white" }),
         title: labels.title,
@@ -1469,9 +1885,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(chunk6R5Z2IQ5_js.Text, { className: "font-semibold text-slate-900 dark:text-slate-100", children: labels.add }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.Text, { className: "font-semibold text-slate-900 dark:text-slate-100", children: labels.add }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunk6R5Z2IQ5_js.Form,
+        chunk5ETT54QS_js.Form,
         {
           onSubmit: (event) => {
             event.preventDefault();
@@ -1482,32 +1898,32 @@ function WorkflowsPageView({ labels, workflows, onCreate, onUpdateMeta, onPublis
             onCreate({ name, description });
             event.currentTarget.reset();
           },
-          children: /* @__PURE__ */ jsxRuntime.jsxs(chunk6R5Z2IQ5_js.FormGrid, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.FormInput, { name: "name", label: labels.workflowName, placeholder: labels.workflowNamePlaceholder, required: true }),
-            /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.FormTextarea, { name: "description", label: labels.description, placeholder: labels.workflowDescriptionPlaceholder, rows: 3 }),
-            /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.FormActionsRow, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "submit", children: labels.create }) })
+          children: /* @__PURE__ */ jsxRuntime.jsxs(chunk5ETT54QS_js.FormGrid, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.FormInput, { name: "name", label: labels.workflowName, placeholder: labels.workflowNamePlaceholder, required: true }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.FormTextarea, { name: "description", label: labels.description, placeholder: labels.workflowDescriptionPlaceholder, rows: 3 }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_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(chunk6R5Z2IQ5_js.Text, { className: "font-semibold text-slate-900 dark:text-slate-100", children: labels.registry }),
-      /* @__PURE__ */ jsxRuntime.jsxs(chunk6R5Z2IQ5_js.Table, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.TableHead, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunk6R5Z2IQ5_js.TableRow, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.TableHeader, { children: labels.name }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.TableHeader, { children: labels.description }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.TableHeader, { children: labels.version }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.TableHeader, { children: labels.status }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.TableHeader, { children: labels.actions })
+      /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.Text, { className: "font-semibold text-slate-900 dark:text-slate-100", children: labels.registry }),
+      /* @__PURE__ */ jsxRuntime.jsxs(chunk5ETT54QS_js.Table, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.TableHead, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunk5ETT54QS_js.TableRow, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.TableHeader, { children: labels.name }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.TableHeader, { children: labels.description }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.TableHeader, { children: labels.version }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.TableHeader, { children: labels.status }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.TableHeader, { children: labels.actions })
         ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.TableBody, { children: workflows.map((workflow) => /* @__PURE__ */ jsxRuntime.jsxs(chunk6R5Z2IQ5_js.TableRow, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.TableCell, { children: workflow.name }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.TableCell, { children: workflow.description }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.TableCell, { children: String(workflow.version) }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Badge, { children: workflow.isDraft ? labels.statusDraft : labels.statusPublished }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.TableBody, { children: workflows.map((workflow) => /* @__PURE__ */ jsxRuntime.jsxs(chunk5ETT54QS_js.TableRow, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.TableCell, { children: workflow.name }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.TableCell, { children: workflow.description }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.TableCell, { children: String(workflow.version) }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Badge, { children: workflow.isDraft ? labels.statusDraft : labels.statusPublished }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunk6R5Z2IQ5_js.Form,
+              chunk5ETT54QS_js.Form,
               {
                 onSubmit: (event) => {
                   event.preventDefault();
@@ -1517,7 +1933,7 @@ function WorkflowsPageView({ labels, workflows, onCreate, onUpdateMeta, onPublis
                     description: workflow.description ?? ""
                   });
                 },
-                children: /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.InlineForm, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "submit", outline: true, children: labels.saveMeta }) })
+                children: /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_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 })
@@ -1526,8 +1942,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(chunk6R5Z2IQ5_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(chunkGDVB7QDZ_js.WorkflowWorkspace, { graph: chunk3T2WGL47_js.adaptWorkflowGraphToUi(selectedWorkflow.graph) }) }) : /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.Text, { children: labels.empty })
+      /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_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(chunkIIRS5XZY_js.WorkflowWorkspace, { graph: chunk3T2WGL47_js.adaptWorkflowGraphToUi(selectedWorkflow.graph) }) }) : /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.Text, { children: labels.empty })
     ] })
   ] });
 }
@@ -1577,7 +1993,7 @@ function WorkflowRunsPageView({ labels, runs, loading, onCancel, onReplay, onVie
   });
   const isEmpty = allRuns.length === 0;
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunk6R5Z2IQ5_js.HeroSection,
+    chunk5ETT54QS_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.ClockIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -1585,7 +2001,7 @@ function WorkflowRunsPageView({ labels, runs, loading, onCancel, onReplay, onVie
       subtitle: labels.subtitle,
       gradient: "from-indigo-500 to-sky-700",
       toolbar: !isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
-        chunk6R5Z2IQ5_js.SearchBar,
+        chunk5ETT54QS_js.SearchBar,
         {
           searchTerm,
           onSearchChange: setSearchTerm,
@@ -1599,7 +2015,7 @@ function WorkflowRunsPageView({ labels, runs, loading, onCancel, onReplay, onVie
             count: statusFilter !== "all" ? 1 : 0,
             onClear: statusFilter !== "all" ? () => setStatusFilter("all") : void 0,
             children: /* @__PURE__ */ jsxRuntime.jsx(
-              chunk6R5Z2IQ5_js.FormSelect,
+              chunk5ETT54QS_js.FormSelect,
               {
                 name: "statusFilter",
                 label: labels.filterStatus,
@@ -1613,8 +2029,8 @@ function WorkflowRunsPageView({ labels, runs, loading, onCancel, onReplay, onVie
       ) : void 0
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.PageLoadingState, {}) : filteredRuns.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_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(
-    chunk6R5Z2IQ5_js.EntityCard,
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.PageLoadingState, {}) : filteredRuns.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_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(
+    chunk5ETT54QS_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" }) }),
@@ -1646,7 +2062,7 @@ function WorkflowRunsPageView({ labels, runs, loading, onCancel, onReplay, onVie
 }
 function RunTimelinePageView({ labels, entries, loading, runId }) {
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunk6R5Z2IQ5_js.HeroSection,
+    chunk5ETT54QS_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.ClockIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -1658,19 +2074,19 @@ function RunTimelinePageView({ labels, entries, loading, runId }) {
   if (loading) {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
       hero,
-      /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.PageLoadingState, {})
+      /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.PageLoadingState, {})
     ] });
   }
   if (entries.length === 0) {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
       hero,
-      /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.PageEmptyState, { title: labels.empty ?? "", message: "", iconName: "folder-open" })
+      /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.PageEmptyState, { title: labels.empty ?? "", message: "", iconName: "folder-open" })
     ] });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     hero,
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkY4YIGEX6_js.ExecutionTimelinePanel,
+      chunkMQDCUBVW_js.ExecutionTimelinePanel,
       {
         entries,
         labels
@@ -1746,16 +2162,74 @@ function ConnectionsPageView({
   onUpdate,
   onDelete,
   onCreateSecret,
-  secretNamePrefix = "platform"
+  secretNamePrefix = "platform",
+  onAddClick
 }) {
+  const openCreate = () => {
+    if (onAddClick) onAddClick();
+    else setCreateOpen(true);
+  };
   const [createOpen, setCreateOpen] = react.useState(false);
   const [editing, setEditing] = react.useState(null);
   const [searchTerm, setSearchTerm] = react.useState("");
+  const [filtersOpen, setFiltersOpen] = react.useState(false);
+  const [selectedProviders, setSelectedProviders] = react.useState([]);
+  const [selectedRegions, setSelectedRegions] = 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 filteredConnections = react.useMemo(() => {
+    const term = searchTerm.trim().toLowerCase();
+    return allConnections.filter((conn) => {
+      if (term && !conn.name.toLowerCase().includes(term)) return false;
+      if (selectedProviders.length > 0) {
+        const provider = conn.providerSlug ?? "";
+        if (!selectedProviders.includes(provider)) return false;
+      }
+      if (selectedRegions.length > 0) {
+        const region = conn.region ?? "";
+        if (!selectedRegions.includes(region)) return false;
+      }
+      return true;
+    });
+  }, [allConnections, searchTerm, selectedProviders, selectedRegions]);
+  const providerChipItems = react.useMemo(
+    () => [...new Set(allConnections.map((c) => c.providerSlug ?? "").filter((p) => p.length > 0))].sort().map((slug) => ({
+      id: slug,
+      name: providerLabel(slug),
+      style: { bg: "bg-sky-500/15 text-sky-700 dark:text-sky-300", text: "" }
+    })),
+    [allConnections]
+  );
+  const regionChipItems = react.useMemo(
+    () => [...new Set(allConnections.map((c) => c.region ?? "").filter((r) => r.length > 0))].sort().map((region) => ({
+      id: region,
+      name: region,
+      style: { bg: "bg-indigo-500/15 text-indigo-700 dark:text-indigo-300", text: "" }
+    })),
+    [allConnections]
+  );
+  const activeFilters = react.useMemo(() => {
+    const chips = [];
+    for (const value of selectedProviders) {
+      const label = providerChipItems.find((i) => i.id === value)?.name ?? providerLabel(value);
+      chips.push({ type: "provider", value, label });
+    }
+    for (const value of selectedRegions) {
+      chips.push({ type: "region", value, label: value });
+    }
+    return chips;
+  }, [selectedProviders, selectedRegions, providerChipItems]);
+  const filterCount = activeFilters.length;
+  const removeFilter = (filter) => {
+    if (filter.type === "provider") setSelectedProviders((prev) => prev.filter((p) => p !== filter.value));
+    if (filter.type === "region") setSelectedRegions((prev) => prev.filter((r) => r !== filter.value));
+  };
+  const clearAllFilters = () => {
+    setSelectedProviders([]);
+    setSelectedRegions([]);
+  };
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunk6R5Z2IQ5_js.HeroSection,
+    chunk5ETT54QS_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.LinkIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -1763,27 +2237,62 @@ function ConnectionsPageView({
       subtitle: labels.subtitle,
       gradient: "from-sky-500 to-indigo-600",
       toolbar: !isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
-        chunk6R5Z2IQ5_js.SearchBar,
+        chunk5ETT54QS_js.SearchBar,
         {
           searchTerm,
           onSearchChange: setSearchTerm,
           placeholder: labels.searchPlaceholder ?? labels.title,
-          noBorder: true
+          noBorder: true,
+          activeFilters,
+          onRemoveFilter: removeFilter,
+          onClearAll: filterCount > 0 ? clearAllFilters : void 0,
+          filtersModal: {
+            open: filtersOpen,
+            onOpen: () => setFiltersOpen(true),
+            onClose: () => setFiltersOpen(false),
+            title: labels.filtersTitle ?? "Filtros",
+            count: filterCount,
+            onClear: filterCount > 0 ? clearAllFilters : void 0,
+            children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-5", children: [
+              providerChipItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.FormSection, { title: labels.filterByProvider ?? "Provedor", children: /* @__PURE__ */ jsxRuntime.jsx(
+                chunk5ETT54QS_js.ChipPicker,
+                {
+                  items: providerChipItems,
+                  selectedIds: selectedProviders,
+                  onChange: setSelectedProviders,
+                  selectedLabel: labels.selected ?? "selecionados",
+                  selectAllLabel: labels.selectAll ?? "Selecionar todos",
+                  clearLabel: labels.clear ?? "Limpar"
+                }
+              ) }),
+              regionChipItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.FormSection, { title: labels.filterByRegion ?? "Regi\xE3o", children: /* @__PURE__ */ jsxRuntime.jsx(
+                chunk5ETT54QS_js.ChipPicker,
+                {
+                  items: regionChipItems,
+                  selectedIds: selectedRegions,
+                  onChange: setSelectedRegions,
+                  selectedLabel: labels.selected ?? "selecionados",
+                  selectAllLabel: labels.selectAll ?? "Selecionar todos",
+                  clearLabel: labels.clear ?? "Limpar"
+                }
+              ) })
+            ] })
+          }
         }
       ) : void 0,
       actions: /* @__PURE__ */ jsxRuntime.jsx(
-        chunk6R5Z2IQ5_js.CreateActionButton,
+        chunk5ETT54QS_js.CreateActionButton,
         {
           mode: "desktop",
           label: labels.add,
-          onClick: () => setCreateOpen(true),
+          onClick: openCreate,
           accent: "sky"
         }
       )
     }
   );
   const mobileAction = /* @__PURE__ */ jsxRuntime.jsx(
-    chunk6R5Z2IQ5_js.CreateActionButton,
+    chunk5ETT54QS_js.CreateActionButton,
     {
       mode: "mobile",
       label: labels.add,
@@ -1791,8 +2300,8 @@ function ConnectionsPageView({
       accent: "sky"
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_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(
-    chunk6R5Z2IQ5_js.EntityCard,
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_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(
+    chunk5ETT54QS_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" }) }),
@@ -1944,7 +2453,7 @@ function ConnectionEditor({
     return preset.exampleModels?.join(", ") ?? "";
   }, [preset]);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk6R5Z2IQ5_js.GlassModal,
+    chunk5ETT54QS_js.GlassModal,
     {
       open: true,
       onClose,
@@ -1957,9 +2466,9 @@ function ConnectionEditor({
         void handleSubmit();
       },
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(chunk6R5Z2IQ5_js.FormGrid, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunk5ETT54QS_js.FormGrid, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunk6R5Z2IQ5_js.FormSelect,
+            chunk5ETT54QS_js.FormSelect,
             {
               label: "Provider",
               value: value.providerSlug,
@@ -1970,7 +2479,7 @@ function ConnectionEditor({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunk6R5Z2IQ5_js.FormInput,
+            chunk5ETT54QS_js.FormInput,
             {
               label: "Display name",
               required: true,
@@ -1980,7 +2489,7 @@ function ConnectionEditor({
             }
           ),
           preset.needsRegion && /* @__PURE__ */ jsxRuntime.jsx(
-            chunk6R5Z2IQ5_js.FormInput,
+            chunk5ETT54QS_js.FormInput,
             {
               label: "Region",
               value: value.region,
@@ -1989,7 +2498,7 @@ function ConnectionEditor({
             }
           ),
           preset.needsEndpoint && /* @__PURE__ */ jsxRuntime.jsx(
-            chunk6R5Z2IQ5_js.FormInput,
+            chunk5ETT54QS_js.FormInput,
             {
               label: "Endpoint URL",
               value: value.endpoint,
@@ -1999,7 +2508,7 @@ function ConnectionEditor({
           )
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunk6R5Z2IQ5_js.FormInput,
+          chunk5ETT54QS_js.FormInput,
           {
             label: value.credentialRef ? "Rotate API key (leave blank to keep current)" : "API key",
             type: "password",
@@ -2010,7 +2519,7 @@ function ConnectionEditor({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunk6R5Z2IQ5_js.FormInput,
+          chunk5ETT54QS_js.FormInput,
           {
             label: "Model filter (comma-separated, optional)",
             value: value.modelFilter,
@@ -2022,7 +2531,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(
-            chunk6R5Z2IQ5_js.FormTextarea,
+            chunk5ETT54QS_js.FormTextarea,
             {
               rows: 4,
               value: value.configJson,
@@ -2082,25 +2591,110 @@ function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate,
   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 [filtersOpen, setFiltersOpen] = react.useState(false);
+  const [selectedTypes, setSelectedTypes] = react.useState([]);
+  const [disabledFilter, setDisabledFilter] = react.useState("all");
+  const isEmpty = credentials.length === 0;
   const typeOptions = [
     { value: "generic", label: labels.typeGeneric },
     { value: "api_key", label: labels.typeApiKey },
     { value: "oauth", label: labels.typeOAuth },
     { value: "password", label: labels.typePassword }
   ];
+  const typeLabelMap = {
+    generic: labels.typeGeneric,
+    api_key: labels.typeApiKey,
+    oauth: labels.typeOAuth,
+    password: labels.typePassword
+  };
+  const filteredCredentials = react.useMemo(() => {
+    const term = searchTerm.trim().toLowerCase();
+    return credentials.filter((secret) => {
+      if (term && !secret.name.toLowerCase().includes(term)) return false;
+      if (selectedTypes.length > 0 && !selectedTypes.includes(secret.secretType)) return false;
+      if (disabledFilter === "active" && secret.disabled) return false;
+      if (disabledFilter === "disabled" && !secret.disabled) return false;
+      return true;
+    });
+  }, [credentials, searchTerm, selectedTypes, disabledFilter]);
+  const typeChipItems = react.useMemo(
+    () => [...new Set(credentials.map((c) => c.secretType).filter((t) => t.length > 0))].sort().map((type) => ({
+      id: type,
+      name: typeLabelMap[type] ?? type,
+      style: { bg: "bg-rose-500/15 text-rose-700 dark:text-rose-300", text: "" }
+    })),
+    // typeLabelMap is derived from `labels` props — re-derive when those change
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [credentials, labels.typeGeneric, labels.typeApiKey, labels.typeOAuth, labels.typePassword]
+  );
+  const statusLabelFor = (value) => {
+    if (value === "active") return labels.statusActive ?? "Ativo";
+    if (value === "disabled") return labels.statusDisabled ?? labels.disable;
+    return labels.statusAll ?? "Todos";
+  };
+  const activeFilters = react.useMemo(() => {
+    const chips = [];
+    for (const value of selectedTypes) {
+      chips.push({ type: "secretType", value, label: typeChipItems.find((i) => i.id === value)?.name ?? value });
+    }
+    if (disabledFilter !== "all") {
+      chips.push({ type: "disabled", value: disabledFilter, label: statusLabelFor(disabledFilter) });
+    }
+    return chips;
+  }, [selectedTypes, disabledFilter, typeChipItems]);
+  const filterCount = activeFilters.length;
+  const removeFilter = (filter) => {
+    if (filter.type === "secretType") setSelectedTypes((prev) => prev.filter((v) => v !== filter.value));
+    if (filter.type === "disabled") setDisabledFilter("all");
+  };
+  const clearAllFilters = () => {
+    setSelectedTypes([]);
+    setDisabledFilter("all");
+  };
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunk6R5Z2IQ5_js.HeroSection,
+    chunk5ETT54QS_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.KeyIcon, { className: "h-5 w-5" }),
       label: labels.title,
       title: labels.title,
       subtitle: labels.subtitle,
       gradient: "from-rose-500 to-orange-600",
-      toolbar: /* @__PURE__ */ jsxRuntime.jsx(
-        chunk6R5Z2IQ5_js.CreateActionButton,
+      toolbar: !isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
+        chunk5ETT54QS_js.SearchBar,
+        {
+          searchTerm,
+          onSearchChange: setSearchTerm,
+          placeholder: labels.searchPlaceholder ?? labels.title,
+          noBorder: true,
+          activeFilters,
+          onRemoveFilter: removeFilter,
+          onClearAll: filterCount > 0 ? clearAllFilters : void 0,
+          filtersModal: {
+            open: filtersOpen,
+            onOpen: () => setFiltersOpen(true),
+            onClose: () => setFiltersOpen(false),
+            title: labels.filtersTitle ?? "Filtros",
+            count: filterCount,
+            onClear: filterCount > 0 ? clearAllFilters : void 0,
+            children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-5", children: [
+              typeChipItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.FormSection, { title: labels.filterByType ?? "Tipo", children: /* @__PURE__ */ jsxRuntime.jsx(
+                chunk5ETT54QS_js.ChipPicker,
+                {
+                  items: typeChipItems,
+                  selectedIds: selectedTypes,
+                  onChange: setSelectedTypes,
+                  selectedLabel: labels.selected ?? "selecionados",
+                  selectAllLabel: labels.selectAll ?? "Selecionar todos",
+                  clearLabel: labels.clear ?? "Limpar"
+                }
+              ) }),
+              /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.FormSection, { title: labels.filterByStatus ?? "Status", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: ["all", "active", "disabled"].map((value) => disabledFilter === value ? /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "button", size: "sm", color: "ios-glass-blue", onClick: () => setDisabledFilter(value), children: statusLabelFor(value) }, value) : /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setDisabledFilter(value), children: statusLabelFor(value) }, value)) }) })
+            ] })
+          }
+        }
+      ) : void 0,
+      actions: /* @__PURE__ */ jsxRuntime.jsx(
+        chunk5ETT54QS_js.CreateActionButton,
         {
           mode: "desktop",
           label: labels.addCredential,
@@ -2111,7 +2705,7 @@ function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate,
     }
   );
   const mobileAction = /* @__PURE__ */ jsxRuntime.jsx(
-    chunk6R5Z2IQ5_js.CreateActionButton,
+    chunk5ETT54QS_js.CreateActionButton,
     {
       mode: "mobile",
       label: labels.addCredential,
@@ -2119,60 +2713,50 @@ function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate,
       accent: "rose"
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      chunk6R5Z2IQ5_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: filteredCredentials.map((secret) => /* @__PURE__ */ jsxRuntime.jsxs(
-      chunk6R5Z2IQ5_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(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(chunk6R5Z2IQ5_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" }),
-              labels.rotate
-            ] }),
-            !secret.disabled && /* @__PURE__ */ jsxRuntime.jsxs(
-              chunkBHOT22QL_js.Button,
-              {
-                type: "button",
-                size: "sm",
-                color: "rose",
-                onClick: () => {
-                  if (window.confirm(labels.disableConfirm)) onDisable(secret);
-                },
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(outline.TrashIcon, { className: "mr-1 h-3.5 w-3.5" }),
-                  labels.disable
-                ]
-              }
-            )
-          ] })
-        ] }),
-        children: [
-          secret.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-slate-500 dark:text-slate-400", children: secret.description }),
-          /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "mt-2 grid grid-cols-2 gap-1 text-xs text-slate-500 dark:text-slate-400", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("dt", { children: labels.createdAt }),
-            /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "text-right", children: new Date(secret.createdAt).toLocaleDateString() }),
-            /* @__PURE__ */ jsxRuntime.jsx("dt", { children: labels.expiresAt }),
-            /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "text-right", children: secret.expiresAt ? new Date(secret.expiresAt).toLocaleDateString() : labels.neverExpires })
-          ] })
-        ]
-      },
-      secret.secretId
-    )) })
-  ] });
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_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(
+    chunk5ETT54QS_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(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(chunk5ETT54QS_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" }),
+            labels.rotate
+          ] }),
+          !secret.disabled && /* @__PURE__ */ jsxRuntime.jsxs(
+            chunkBHOT22QL_js.Button,
+            {
+              type: "button",
+              size: "sm",
+              color: "rose",
+              onClick: () => {
+                if (window.confirm(labels.disableConfirm)) onDisable(secret);
+              },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(outline.TrashIcon, { className: "mr-1 h-3.5 w-3.5" }),
+                labels.disable
+              ]
+            }
+          )
+        ] })
+      ] }),
+      children: [
+        secret.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-slate-500 dark:text-slate-400", children: secret.description }),
+        /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "mt-2 grid grid-cols-2 gap-1 text-xs text-slate-500 dark:text-slate-400", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("dt", { children: labels.createdAt }),
+          /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "text-right", children: new Date(secret.createdAt).toLocaleDateString() }),
+          /* @__PURE__ */ jsxRuntime.jsx("dt", { children: labels.expiresAt }),
+          /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "text-right", children: secret.expiresAt ? new Date(secret.expiresAt).toLocaleDateString() : labels.neverExpires })
+        ] })
+      ]
+    },
+    secret.secretId
+  )) });
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
       hero,
@@ -2180,7 +2764,7 @@ function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate,
       mobileAction
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunk6R5Z2IQ5_js.GlassModal,
+      chunk5ETT54QS_js.GlassModal,
       {
         open: createOpen,
         onClose: () => setCreateOpen(false),
@@ -2198,16 +2782,16 @@ function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate,
           onCreate({ name, value, secretType, description });
           setCreateOpen(false);
         },
-        children: /* @__PURE__ */ jsxRuntime.jsxs(chunk6R5Z2IQ5_js.FormGrid, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.FormInput, { name: "name", label: labels.name, placeholder: labels.namePlaceholder, required: true }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.FormSelect, { name: "secretType", label: labels.type, options: typeOptions, defaultValue: "generic" }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.FormInput, { name: "value", label: labels.value, placeholder: labels.valuePlaceholder, required: true, type: "password" }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.FormTextarea, { name: "description", label: labels.description, placeholder: labels.descriptionPlaceholder, rows: 2 })
+        children: /* @__PURE__ */ jsxRuntime.jsxs(chunk5ETT54QS_js.FormGrid, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.FormInput, { name: "name", label: labels.name, placeholder: labels.namePlaceholder, required: true }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.FormSelect, { name: "secretType", label: labels.type, options: typeOptions, defaultValue: "generic" }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.FormInput, { name: "value", label: labels.value, placeholder: labels.valuePlaceholder, required: true, type: "password" }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.FormTextarea, { name: "description", label: labels.description, placeholder: labels.descriptionPlaceholder, rows: 2 })
         ] })
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunk6R5Z2IQ5_js.GlassModal,
+      chunk5ETT54QS_js.GlassModal,
       {
         open: rotateFor !== null,
         onClose: () => setRotateFor(null),
@@ -2222,7 +2806,7 @@ function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate,
           onRotate(rotateFor, value);
           setRotateFor(null);
         },
-        children: /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.FormGrid, { children: /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.FormInput, { name: "value", label: labels.value, placeholder: labels.valuePlaceholder, required: true, type: "password" }) })
+        children: /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.FormGrid, { children: /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.FormInput, { name: "value", label: labels.value, placeholder: labels.valuePlaceholder, required: true, type: "password" }) })
       }
     )
   ] });
@@ -2275,7 +2859,7 @@ function AgentsWorkspacePageView({
   }, [agents, selectedId]);
   const isEmpty = agents.length === 0;
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunk6R5Z2IQ5_js.HeroSection,
+    chunk5ETT54QS_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.CpuChipIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -2283,7 +2867,7 @@ function AgentsWorkspacePageView({
       subtitle: labels.subtitle,
       gradient: "from-violet-500 to-indigo-700",
       toolbar: !isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
-        chunk6R5Z2IQ5_js.SearchBar,
+        chunk5ETT54QS_js.SearchBar,
         {
           searchTerm,
           onSearchChange: setSearchTerm,
@@ -2292,7 +2876,7 @@ function AgentsWorkspacePageView({
         }
       ) : void 0,
       actions: /* @__PURE__ */ jsxRuntime.jsx(
-        chunk6R5Z2IQ5_js.CreateActionButton,
+        chunk5ETT54QS_js.CreateActionButton,
         {
           mode: "desktop",
           label: labels.addAgent,
@@ -2303,7 +2887,7 @@ function AgentsWorkspacePageView({
     }
   );
   const mobileAction = /* @__PURE__ */ jsxRuntime.jsx(
-    chunk6R5Z2IQ5_js.CreateActionButton,
+    chunk5ETT54QS_js.CreateActionButton,
     {
       mode: "mobile",
       label: labels.addAgent,
@@ -2311,23 +2895,23 @@ function AgentsWorkspacePageView({
       accent: "violet"
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
-    chunk6R5Z2IQ5_js.PageEmptyState,
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
+    chunk5ETT54QS_js.PageEmptyState,
     {
       title: labels.empty,
       message: labels.emptyMessage,
       iconName: "folder-open"
     }
   ) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-4 lg:grid-cols-[20rem_minmax(0,1fr)]", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:sticky lg:top-4", children: /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.ListCard, { variant: "glass", children: filteredAgents.map((agent) => {
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:sticky lg:top-4", children: /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_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(
-        chunk6R5Z2IQ5_js.ListCardItem,
+        chunk5ETT54QS_js.ListCardItem,
         {
-          leading: /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.Avatar, { tone: active ? "violet" : "slate", initials }),
+          leading: /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.Avatar, { tone: active ? "violet" : "slate", initials }),
           trailing: agent.activePromptVersion > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(chunkBHOT22QL_js.Badge, { color: "emerald", children: [
             "v",
             agent.activePromptVersion
@@ -2369,7 +2953,7 @@ function AgentsWorkspacePageView({
       },
       String(selectedAgent.agentId ?? selectedAgent.id ?? "")
     ) : /* @__PURE__ */ jsxRuntime.jsx(
-      chunk6R5Z2IQ5_js.SectionCard,
+      chunk5ETT54QS_js.SectionCard,
       {
         header: {
           icon: /* @__PURE__ */ jsxRuntime.jsx(outline.CpuChipIcon, { className: "h-4 w-4" }),
@@ -2377,7 +2961,7 @@ function AgentsWorkspacePageView({
           subtitle: labels.noSelectionMessage
         },
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          chunk6R5Z2IQ5_js.PageEmptyState,
+          chunk5ETT54QS_js.PageEmptyState,
           {
             title: labels.noSelection,
             message: labels.noSelectionMessage,
@@ -2411,7 +2995,7 @@ function AgentDetail({
 }) {
   const agentId = String(agent.agentId ?? agent.id ?? "");
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk6R5Z2IQ5_js.SectionCard,
+    chunk5ETT54QS_js.SectionCard,
     {
       header: {
         icon: /* @__PURE__ */ jsxRuntime.jsx(outline.CpuChipIcon, { className: "h-4 w-4" }),
@@ -2436,15 +3020,15 @@ function AgentDetail({
           ]
         }
       ),
-      children: /* @__PURE__ */ jsxRuntime.jsxs(chunk6R5Z2IQ5_js.Tabs, { defaultValue: "general", className: "w-full", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(chunk6R5Z2IQ5_js.TabsList, { className: "bg-white/40 dark:bg-white/[0.06]", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.TabsTrigger, { value: "general", children: labels.generalTab }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.TabsTrigger, { value: "prompt", children: labels.promptTab }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.TabsTrigger, { value: "tools", children: labels.toolsTab }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.TabsTrigger, { value: "model", children: labels.modelTab })
+      children: /* @__PURE__ */ jsxRuntime.jsxs(chunk5ETT54QS_js.Tabs, { defaultValue: "general", className: "w-full", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunk5ETT54QS_js.TabsList, { className: "bg-white/40 dark:bg-white/[0.06]", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.TabsTrigger, { value: "general", children: labels.generalTab }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.TabsTrigger, { value: "prompt", children: labels.promptTab }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.TabsTrigger, { value: "tools", children: labels.toolsTab }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.TabsTrigger, { value: "model", children: labels.modelTab })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_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(chunk6R5Z2IQ5_js.TabsContent, { value: "prompt", className: "space-y-4 pt-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_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(chunk5ETT54QS_js.TabsContent, { value: "prompt", className: "space-y-4 pt-4", children: /* @__PURE__ */ jsxRuntime.jsx(
           PromptTab,
           {
             agent,
@@ -2454,7 +3038,7 @@ function AgentDetail({
             onActivate: (promptId) => onActivatePrompt(agentId, promptId)
           }
         ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.TabsContent, { value: "tools", className: "space-y-4 pt-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.TabsContent, { value: "tools", className: "space-y-4 pt-4", children: /* @__PURE__ */ jsxRuntime.jsx(
           ToolsTab,
           {
             agent,
@@ -2464,7 +3048,7 @@ function AgentDetail({
             onDetach: (toolId) => onDetachTool(agentId, toolId)
           }
         ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.TabsContent, { value: "model", className: "space-y-4 pt-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.TabsContent, { value: "model", className: "space-y-4 pt-4", children: /* @__PURE__ */ jsxRuntime.jsx(
           ModelTab,
           {
             agent,
@@ -2496,7 +3080,7 @@ function GeneralTab({
   const initialRole = String(agent.role ?? "");
   const initialStatus = String(agent.status ?? "draft");
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk6R5Z2IQ5_js.SectionCard,
+    chunk5ETT54QS_js.SectionCard,
     {
       variant: "glass",
       header: {
@@ -2525,10 +3109,10 @@ function GeneralTab({
           },
           className: "space-y-4",
           children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(chunk6R5Z2IQ5_js.FormGrid, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.FormInput, { name: "name", label: labels.name, defaultValue: initial.name, required: true }),
+            /* @__PURE__ */ jsxRuntime.jsxs(chunk5ETT54QS_js.FormGrid, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.FormInput, { name: "name", label: labels.name, defaultValue: initial.name, required: true }),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunk6R5Z2IQ5_js.FormSelect,
+                chunk5ETT54QS_js.FormSelect,
                 {
                   name: "status",
                   label: labels.status,
@@ -2540,9 +3124,9 @@ function GeneralTab({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.FormInput, { name: "role", label: labels.role, placeholder: labels.rolePlaceholder, defaultValue: initialRole }),
+              /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.FormInput, { name: "role", label: labels.role, placeholder: labels.rolePlaceholder, defaultValue: initialRole }),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunk6R5Z2IQ5_js.FormInput,
+                chunk5ETT54QS_js.FormInput,
                 {
                   name: "maxTokens",
                   label: labels.maxTokens,
@@ -2551,7 +3135,7 @@ function GeneralTab({
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunk6R5Z2IQ5_js.FormInput,
+                chunk5ETT54QS_js.FormInput,
                 {
                   name: "temperature",
                   label: labels.temperature,
@@ -2563,7 +3147,7 @@ function GeneralTab({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.FormTextarea, { name: "description", label: labels.description, defaultValue: initialDescription, rows: 3 }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_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 }) })
           ]
         }
@@ -2583,7 +3167,7 @@ function PromptTab({
   const currentSystem = String(agent.systemPrompt ?? "");
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunk6R5Z2IQ5_js.SectionCard,
+      chunk5ETT54QS_js.SectionCard,
       {
         variant: "glass",
         header: {
@@ -2595,7 +3179,7 @@ function PromptTab({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunk6R5Z2IQ5_js.SectionCard,
+      chunk5ETT54QS_js.SectionCard,
       {
         variant: "glass",
         header: {
@@ -2606,10 +3190,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(chunk6R5Z2IQ5_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(chunk5ETT54QS_js.ListCard, { children: prompts.map((prompt) => {
           const id = `${prompt.agentId}:${prompt.locale}:${prompt.version}`;
           return /* @__PURE__ */ jsxRuntime.jsxs(
-            chunk6R5Z2IQ5_js.ListCardItem,
+            chunk5ETT54QS_js.ListCardItem,
             {
               leading: /* @__PURE__ */ jsxRuntime.jsxs(chunkBHOT22QL_js.Badge, { color: prompt.isActive ? "emerald" : "zinc", children: [
                 "v",
@@ -2627,7 +3211,7 @@ function PromptTab({
       }
     ),
     addOpen && /* @__PURE__ */ jsxRuntime.jsx(
-      chunk6R5Z2IQ5_js.GlassModal,
+      chunk5ETT54QS_js.GlassModal,
       {
         open: true,
         onClose: () => setAddOpen(false),
@@ -2648,10 +3232,10 @@ function PromptTab({
           });
           setAddOpen(false);
         },
-        children: /* @__PURE__ */ jsxRuntime.jsxs(chunk6R5Z2IQ5_js.FormGrid, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.FormSelect, { name: "locale", label: labels.promptLocale, options: LOCALE_OPTIONS2, defaultValue: "en" }),
+        children: /* @__PURE__ */ jsxRuntime.jsxs(chunk5ETT54QS_js.FormGrid, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.FormSelect, { name: "locale", label: labels.promptLocale, options: LOCALE_OPTIONS2, defaultValue: "en" }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunk6R5Z2IQ5_js.FormSelect,
+            chunk5ETT54QS_js.FormSelect,
             {
               name: "isActive",
               label: labels.promptIsActive,
@@ -2662,10 +3246,10 @@ function PromptTab({
               defaultValue: "true"
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.FormInput, { name: "reason", label: labels.promptReason }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.FormTextarea, { name: "systemPrompt", label: labels.promptSystemPrompt, rows: 3 }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.FormTextarea, { name: "userTemplate", label: labels.promptUserTemplate, rows: 3 }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.FormTextarea, { name: "prompt", label: labels.promptText, rows: 6, required: true })
+          /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.FormInput, { name: "reason", label: labels.promptReason }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.FormTextarea, { name: "systemPrompt", label: labels.promptSystemPrompt, rows: 3 }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.FormTextarea, { name: "userTemplate", label: labels.promptUserTemplate, rows: 3 }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.FormTextarea, { name: "prompt", label: labels.promptText, rows: 6, required: true })
         ] })
       }
     )
@@ -2688,15 +3272,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(
-      chunk6R5Z2IQ5_js.SectionCard,
+      chunk5ETT54QS_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(chunk6R5Z2IQ5_js.ListCard, { children: attachedTools.map((tool) => /* @__PURE__ */ jsxRuntime.jsxs(
-          chunk6R5Z2IQ5_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(chunk5ETT54QS_js.ListCard, { children: attachedTools.map((tool) => /* @__PURE__ */ jsxRuntime.jsxs(
+          chunk5ETT54QS_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 }),
@@ -2710,15 +3294,15 @@ function ToolsTab({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunk6R5Z2IQ5_js.SectionCard,
+      chunk5ETT54QS_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(chunk6R5Z2IQ5_js.ListCard, { children: availableTools.map((tool) => /* @__PURE__ */ jsxRuntime.jsxs(
-          chunk6R5Z2IQ5_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(chunk5ETT54QS_js.ListCard, { children: availableTools.map((tool) => /* @__PURE__ */ jsxRuntime.jsxs(
+          chunk5ETT54QS_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: [
@@ -2759,7 +3343,7 @@ function ModelTab({
     return matches.length > 0 ? matches : connections;
   }, [selectedModel, connections]);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk6R5Z2IQ5_js.SectionCard,
+    chunk5ETT54QS_js.SectionCard,
     {
       variant: "glass",
       header: {
@@ -2780,9 +3364,9 @@ function ModelTab({
           },
           className: "space-y-4",
           children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(chunk6R5Z2IQ5_js.FormGrid, { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(chunk5ETT54QS_js.FormGrid, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunk6R5Z2IQ5_js.FormSelect,
+                chunk5ETT54QS_js.FormSelect,
                 {
                   label: labels.model,
                   value: modelId,
@@ -2791,7 +3375,7 @@ function ModelTab({
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunk6R5Z2IQ5_js.FormSelect,
+                chunk5ETT54QS_js.FormSelect,
                 {
                   label: labels.connection,
                   value: connectionId,
@@ -3081,7 +3665,7 @@ function AgentNewWizardPageView({
   }
   const counter = labels.wizardStepCounter.replace("{current}", String(step)).replace("{total}", String(TOTAL_STEPS));
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunk6R5Z2IQ5_js.HeroSection,
+    chunk5ETT54QS_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(
         "div",
@@ -3096,7 +3680,7 @@ function AgentNewWizardPageView({
       subtitle: stepSubtitles[step - 1],
       gradient: activePreset.accent,
       children: /* @__PURE__ */ jsxRuntime.jsx(
-        chunk6R5Z2IQ5_js.StepIndicator,
+        chunk5ETT54QS_js.StepIndicator,
         {
           accent: "indigo",
           currentStep: step - 1,
@@ -3109,7 +3693,7 @@ function AgentNewWizardPageView({
   );
   function renderStep1() {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunk6R5Z2IQ5_js.SectionCard,
+      chunk5ETT54QS_js.SectionCard,
       {
         variant: "glass",
         header: {
@@ -3125,7 +3709,7 @@ function AgentNewWizardPageView({
             children: AGENT_PRESETS.map((preset) => {
               const selected = preset.id === presetId;
               return /* @__PURE__ */ jsxRuntime.jsx(
-                chunk6R5Z2IQ5_js.FilterTileButton,
+                chunk5ETT54QS_js.FilterTileButton,
                 {
                   isActive: selected,
                   color: preset.tileColor,
@@ -3144,7 +3728,7 @@ function AgentNewWizardPageView({
   }
   function renderStep2() {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunk6R5Z2IQ5_js.SectionCard,
+      chunk5ETT54QS_js.SectionCard,
       {
         variant: "glass",
         header: {
@@ -3172,9 +3756,9 @@ function AgentNewWizardPageView({
               e
             )) })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs(chunk6R5Z2IQ5_js.FormGrid, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(chunk5ETT54QS_js.FormGrid, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunk6R5Z2IQ5_js.FormInput,
+              chunk5ETT54QS_js.FormInput,
               {
                 label: labels.name,
                 value: name,
@@ -3187,7 +3771,7 @@ function AgentNewWizardPageView({
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunk6R5Z2IQ5_js.FormInput,
+              chunk5ETT54QS_js.FormInput,
               {
                 label: labels.role,
                 value: role,
@@ -3200,7 +3784,7 @@ function AgentNewWizardPageView({
             )
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunk6R5Z2IQ5_js.FormTextarea,
+            chunk5ETT54QS_js.FormTextarea,
             {
               label: labels.descriptionLabel,
               value: description,
@@ -3218,7 +3802,7 @@ function AgentNewWizardPageView({
   }
   function renderStep3() {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunk6R5Z2IQ5_js.SectionCard,
+      chunk5ETT54QS_js.SectionCard,
       {
         variant: "glass",
         header: {
@@ -3226,9 +3810,9 @@ function AgentNewWizardPageView({
           subtitle: labels.connectionPickPrompt
         },
         children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(chunk6R5Z2IQ5_js.FormGrid, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(chunk5ETT54QS_js.FormGrid, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunk6R5Z2IQ5_js.FormSelect,
+              chunk5ETT54QS_js.FormSelect,
               {
                 label: labels.connectionLabel,
                 value: connectionId,
@@ -3241,7 +3825,7 @@ function AgentNewWizardPageView({
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunk6R5Z2IQ5_js.FormSelect,
+              chunk5ETT54QS_js.FormSelect,
               {
                 label: labels.frameworkLabel,
                 value: framework,
@@ -3253,7 +3837,7 @@ function AgentNewWizardPageView({
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunk6R5Z2IQ5_js.FormSelect,
+              chunk5ETT54QS_js.FormSelect,
               {
                 label: labels.model,
                 value: modelId,
@@ -3266,7 +3850,7 @@ function AgentNewWizardPageView({
             )
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunk6R5Z2IQ5_js.FormTextarea,
+            chunk5ETT54QS_js.FormTextarea,
             {
               label: labels.outputSchemaLabel,
               value: outputSchema,
@@ -3285,7 +3869,7 @@ function AgentNewWizardPageView({
   function renderStep4() {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunk6R5Z2IQ5_js.SectionCard,
+        chunk5ETT54QS_js.SectionCard,
         {
           variant: "glass",
           header: {
@@ -3445,7 +4029,7 @@ function AgentNewWizardPageView({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunk6R5Z2IQ5_js.SectionCard,
+        chunk5ETT54QS_js.SectionCard,
         {
           variant: "glass",
           header: {
@@ -3488,7 +4072,7 @@ function AgentNewWizardPageView({
               }) })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunk6R5Z2IQ5_js.FormInput,
+              chunk5ETT54QS_js.FormInput,
               {
                 label: labels.tagsLabel,
                 value: tagsInput,
@@ -3509,7 +4093,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(
-        chunk6R5Z2IQ5_js.SectionCard,
+        chunk5ETT54QS_js.SectionCard,
         {
           variant: "glass",
           header: {
@@ -3524,7 +4108,7 @@ function AgentNewWizardPageView({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunk6R5Z2IQ5_js.SectionCard,
+        chunk5ETT54QS_js.SectionCard,
         {
           variant: "glass",
           header: {
@@ -3553,7 +4137,7 @@ function AgentNewWizardPageView({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunk6R5Z2IQ5_js.SectionCard,
+        chunk5ETT54QS_js.SectionCard,
         {
           variant: "glass",
           header: {
@@ -3573,7 +4157,7 @@ function AgentNewWizardPageView({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsxs(
-        chunk6R5Z2IQ5_js.SectionCard,
+        chunk5ETT54QS_js.SectionCard,
         {
           variant: "glass",
           header: {
@@ -3722,8 +4306,8 @@ function DatasourceNewWizardPageView({
   const [submitting, setSubmitting] = react.useState(false);
   const [touched, setTouched] = react.useState(false);
   const [testStatus, setTestStatus] = react.useState("idle");
-  const dialectOption = react.useMemo(() => dialect ? chunkTXI3QDYE_js.findDialect(dialect) : null, [dialect]);
-  const category = react.useMemo(() => dialect ? chunkTXI3QDYE_js.findCategory(dialect) : null, [dialect]);
+  const dialectOption = react.useMemo(() => dialect ? chunkAMCFAGK3_js.findDialect(dialect) : null, [dialect]);
+  const category = react.useMemo(() => dialect ? chunkAMCFAGK3_js.findCategory(dialect) : null, [dialect]);
   react.useEffect(() => {
     if (dialectOption?.defaultPort && (port === "" || /^[0-9]+$/.test(port))) {
       setPort(String(dialectOption.defaultPort));
@@ -3848,7 +4432,7 @@ function DatasourceNewWizardPageView({
   }));
   const counter = labels.wizardStepCounter.replace("{current}", String(step)).replace("{total}", String(TOTAL_STEPS2));
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunk6R5Z2IQ5_js.HeroSection,
+    chunk5ETT54QS_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.CircleStackIcon, { className: "h-5 w-5" }),
       label: counter,
@@ -3856,7 +4440,7 @@ function DatasourceNewWizardPageView({
       subtitle: stepSubtitles[step - 1] ?? labels.pageSubtitle,
       gradient: category?.gradient ?? "from-amber-500 to-orange-600",
       children: /* @__PURE__ */ jsxRuntime.jsx(
-        chunk6R5Z2IQ5_js.StepIndicator,
+        chunk5ETT54QS_js.StepIndicator,
         {
           accent: "indigo",
           currentStep: step - 1,
@@ -3868,11 +4452,11 @@ function DatasourceNewWizardPageView({
     }
   );
   function renderStep1() {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-6", children: chunkTXI3QDYE_js.DIALECT_CATEGORIES.map((cat) => {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-6", children: chunkAMCFAGK3_js.DIALECT_CATEGORIES.map((cat) => {
       const color = CATEGORY_COLOR[cat.id] ?? "slate";
       const categoryLabel = labels[cat.labelKey] ?? cat.id;
       return /* @__PURE__ */ jsxRuntime.jsx(
-        chunk6R5Z2IQ5_js.SectionCard,
+        chunk5ETT54QS_js.SectionCard,
         {
           variant: "glass",
           header: {
@@ -3890,7 +4474,7 @@ function DatasourceNewWizardPageView({
                 const selected = opt.value === dialect;
                 const logoSrc = DIALECT_LOGO_SRC[opt.value.toLowerCase()];
                 return /* @__PURE__ */ jsxRuntime.jsx(
-                  chunk6R5Z2IQ5_js.FilterTileButton,
+                  chunk5ETT54QS_js.FilterTileButton,
                   {
                     isActive: selected,
                     color,
@@ -3918,7 +4502,7 @@ function DatasourceNewWizardPageView({
       case "standard":
         return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunk6R5Z2IQ5_js.FormInput,
+            chunk5ETT54QS_js.FormInput,
             {
               label: labels.fieldHost,
               value: host,
@@ -3931,7 +4515,7 @@ function DatasourceNewWizardPageView({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunk6R5Z2IQ5_js.FormInput,
+            chunk5ETT54QS_js.FormInput,
             {
               label: labels.fieldPort,
               type: "number",
@@ -3943,7 +4527,7 @@ function DatasourceNewWizardPageView({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunk6R5Z2IQ5_js.FormInput,
+            chunk5ETT54QS_js.FormInput,
             {
               label: labels.fieldDatabase,
               value: database,
@@ -3956,7 +4540,7 @@ function DatasourceNewWizardPageView({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunk6R5Z2IQ5_js.FormInput,
+            chunk5ETT54QS_js.FormInput,
             {
               label: labels.fieldUsername,
               value: username,
@@ -3968,7 +4552,7 @@ function DatasourceNewWizardPageView({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunk6R5Z2IQ5_js.FormInput,
+            chunk5ETT54QS_js.FormInput,
             {
               label: labels.fieldPassword,
               type: "password",
@@ -3981,7 +4565,7 @@ function DatasourceNewWizardPageView({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunk6R5Z2IQ5_js.FormInput,
+            chunk5ETT54QS_js.FormInput,
             {
               label: labels.fieldSchema,
               value: schema,
@@ -3995,7 +4579,7 @@ function DatasourceNewWizardPageView({
         ] });
       case "connection-string":
         return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-full", children: /* @__PURE__ */ jsxRuntime.jsx(
-          chunk6R5Z2IQ5_js.FormInput,
+          chunk5ETT54QS_js.FormInput,
           {
             label: labels.fieldConnectionString,
             value: connectionString,
@@ -4010,7 +4594,7 @@ function DatasourceNewWizardPageView({
       case "cloud-bigquery":
         return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunk6R5Z2IQ5_js.FormInput,
+            chunk5ETT54QS_js.FormInput,
             {
               label: labels.fieldProjectId,
               value: projectId,
@@ -4023,7 +4607,7 @@ function DatasourceNewWizardPageView({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunk6R5Z2IQ5_js.FormInput,
+            chunk5ETT54QS_js.FormInput,
             {
               label: labels.fieldDataset,
               value: dataset,
@@ -4036,7 +4620,7 @@ function DatasourceNewWizardPageView({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-full", children: /* @__PURE__ */ jsxRuntime.jsx(
-            chunk6R5Z2IQ5_js.FormInput,
+            chunk5ETT54QS_js.FormInput,
             {
               label: labels.fieldKeyFile,
               value: keyFile,
@@ -4051,7 +4635,7 @@ function DatasourceNewWizardPageView({
       case "cloud-snowflake":
         return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunk6R5Z2IQ5_js.FormInput,
+            chunk5ETT54QS_js.FormInput,
             {
               label: labels.fieldAccount,
               value: account,
@@ -4064,7 +4648,7 @@ function DatasourceNewWizardPageView({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunk6R5Z2IQ5_js.FormInput,
+            chunk5ETT54QS_js.FormInput,
             {
               label: labels.fieldWarehouse,
               value: warehouseField,
@@ -4077,7 +4661,7 @@ function DatasourceNewWizardPageView({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunk6R5Z2IQ5_js.FormInput,
+            chunk5ETT54QS_js.FormInput,
             {
               label: labels.fieldDatabase,
               value: database,
@@ -4090,7 +4674,7 @@ function DatasourceNewWizardPageView({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunk6R5Z2IQ5_js.FormInput,
+            chunk5ETT54QS_js.FormInput,
             {
               label: labels.fieldUsername,
               value: username,
@@ -4103,7 +4687,7 @@ function DatasourceNewWizardPageView({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunk6R5Z2IQ5_js.FormInput,
+            chunk5ETT54QS_js.FormInput,
             {
               label: labels.fieldPassword,
               type: "password",
@@ -4116,7 +4700,7 @@ function DatasourceNewWizardPageView({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunk6R5Z2IQ5_js.FormInput,
+            chunk5ETT54QS_js.FormInput,
             {
               label: labels.fieldSchema,
               value: schema,
@@ -4131,7 +4715,7 @@ function DatasourceNewWizardPageView({
       case "cloud-key":
         return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunk6R5Z2IQ5_js.FormInput,
+            chunk5ETT54QS_js.FormInput,
             {
               label: labels.fieldRegion,
               value: region,
@@ -4144,7 +4728,7 @@ function DatasourceNewWizardPageView({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunk6R5Z2IQ5_js.FormInput,
+            chunk5ETT54QS_js.FormInput,
             {
               label: labels.fieldToken,
               type: "password",
@@ -4158,7 +4742,7 @@ function DatasourceNewWizardPageView({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunk6R5Z2IQ5_js.FormInput,
+            chunk5ETT54QS_js.FormInput,
             {
               label: labels.fieldBucket,
               value: bucket,
@@ -4173,7 +4757,7 @@ function DatasourceNewWizardPageView({
       case "vector-key":
         return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunk6R5Z2IQ5_js.FormInput,
+            chunk5ETT54QS_js.FormInput,
             {
               label: labels.fieldApiKey,
               type: "password",
@@ -4187,7 +4771,7 @@ function DatasourceNewWizardPageView({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunk6R5Z2IQ5_js.FormInput,
+            chunk5ETT54QS_js.FormInput,
             {
               label: labels.fieldEnvironment,
               value: environment,
@@ -4200,7 +4784,7 @@ function DatasourceNewWizardPageView({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunk6R5Z2IQ5_js.FormInput,
+            chunk5ETT54QS_js.FormInput,
             {
               label: labels.fieldIndex,
               value: index,
@@ -4216,13 +4800,13 @@ function DatasourceNewWizardPageView({
   }
   function renderStep2() {
     if (!dialectOption) {
-      return /* @__PURE__ */ jsxRuntime.jsxs(chunk6R5Z2IQ5_js.SectionCard, { variant: "glass", header: { title: labels.wizardStep1Title }, children: [
+      return /* @__PURE__ */ jsxRuntime.jsxs(chunk5ETT54QS_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(
-      chunk6R5Z2IQ5_js.SectionCard,
+      chunk5ETT54QS_js.SectionCard,
       {
         variant: "glass",
         header: {
@@ -4233,7 +4817,7 @@ function DatasourceNewWizardPageView({
         },
         children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunk6R5Z2IQ5_js.FormInput,
+            chunk5ETT54QS_js.FormInput,
             {
               label: labels.fieldName,
               value: name,
@@ -4245,10 +4829,10 @@ function DatasourceNewWizardPageView({
               required: true
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.FormGrid, { children: renderConnectionFields() }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.FormGrid, { children: renderConnectionFields() }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-6 pt-1", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunk6R5Z2IQ5_js.FormToggle,
+              chunk5ETT54QS_js.FormToggle,
               {
                 checked: ssl,
                 onChange: (v) => {
@@ -4260,7 +4844,7 @@ function DatasourceNewWizardPageView({
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunk6R5Z2IQ5_js.FormToggle,
+              chunk5ETT54QS_js.FormToggle,
               {
                 checked: readOnly,
                 onChange: (v) => {
@@ -4282,13 +4866,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(chunk6R5Z2IQ5_js.Spinner, { size: "xs" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.Spinner, { size: "xs" }),
                   labels.testing
                 ] }) : labels.testConnection
               }
             ),
-            testStatus === "success" && /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.StatusBadge, { status: "success", label: labels.connectionSuccess }),
-            testStatus === "failed" && /* @__PURE__ */ jsxRuntime.jsx(chunk6R5Z2IQ5_js.StatusBadge, { status: "error", label: labels.connectionFailed })
+            testStatus === "success" && /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.StatusBadge, { status: "success", label: labels.connectionSuccess }),
+            testStatus === "failed" && /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.StatusBadge, { status: "error", label: labels.connectionFailed })
           ] })
         ] })
       }
@@ -4296,7 +4880,7 @@ function DatasourceNewWizardPageView({
   }
   function renderStep3() {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunk6R5Z2IQ5_js.SectionCard,
+      chunk5ETT54QS_js.SectionCard,
       {
         variant: "glass",
         header: {
@@ -4304,9 +4888,9 @@ function DatasourceNewWizardPageView({
           subtitle: labels.governanceSectionSubtitle
         },
         children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(chunk6R5Z2IQ5_js.FormGrid, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(chunk5ETT54QS_js.FormGrid, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunk6R5Z2IQ5_js.FormInput,
+              chunk5ETT54QS_js.FormInput,
               {
                 label: labels.fieldMaxPoolSize,
                 type: "number",
@@ -4321,7 +4905,7 @@ function DatasourceNewWizardPageView({
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunk6R5Z2IQ5_js.FormInput,
+              chunk5ETT54QS_js.FormInput,
               {
                 label: labels.fieldTimeoutMs,
                 type: "number",
@@ -4338,7 +4922,7 @@ 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(
-              chunk6R5Z2IQ5_js.ChipPicker,
+              chunk5ETT54QS_js.ChipPicker,
               {
                 items: allowedTablesItems,
                 selectedIds: allowedTablesSelected,
@@ -4362,7 +4946,7 @@ 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.fieldBlockedColumns }),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunk6R5Z2IQ5_js.ChipPicker,
+              chunk5ETT54QS_js.ChipPicker,
               {
                 items: blockedColumnsItems,
                 selectedIds: blockedColumnsSelected,
@@ -4384,7 +4968,7 @@ function DatasourceNewWizardPageView({
             /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[11px] text-slate-500 dark:text-slate-400", children: labels.fieldBlockedColumnsHint })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunk6R5Z2IQ5_js.FormCheckbox,
+            chunk5ETT54QS_js.FormCheckbox,
             {
               checked: maskPii,
               onChange: (v) => {
@@ -4406,7 +4990,7 @@ function DatasourceNewWizardPageView({
     const blocked = blockedColumnsSelected;
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunk6R5Z2IQ5_js.SectionCard,
+        chunk5ETT54QS_js.SectionCard,
         {
           variant: "glass",
           header: {
@@ -4424,7 +5008,7 @@ function DatasourceNewWizardPageView({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunk6R5Z2IQ5_js.SectionCard,
+        chunk5ETT54QS_js.SectionCard,
         {
           variant: "glass",
           header: {
@@ -4444,7 +5028,7 @@ function DatasourceNewWizardPageView({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunk6R5Z2IQ5_js.SectionCard,
+        chunk5ETT54QS_js.SectionCard,
         {
           variant: "glass",
           header: {
@@ -4633,9 +5217,9 @@ function RuleNewWizardPageView({
     text: "text-fuchsia-700 dark:text-fuchsia-300"
   };
   const [combinator, setCombinator] = react.useState("and");
-  const [condition, setCondition] = react.useState(chunkY4YIGEX6_js.defaultRuleCondition());
+  const [condition, setCondition] = react.useState(chunkMQDCUBVW_js.defaultRuleCondition());
   const [actionTileId, setActionTileId] = react.useState("");
-  const [action, setAction] = react.useState(chunkY4YIGEX6_js.defaultRuleAction());
+  const [action, setAction] = react.useState(chunkMQDCUBVW_js.defaultRuleAction());
   const [validFromDate, setValidFromDate] = react.useState(null);
   const [validFromTime, setValidFromTime] = react.useState(null);
   const [validUntilDate, setValidUntilDate] = react.useState(null);
@@ -4764,7 +5348,7 @@ function RuleNewWizardPageView({
   }));
   const counter = labels.wizardStepCounter.replace("{current}", String(step)).replace("{total}", String(TOTAL_STEPS3));
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunk6R5Z2IQ5_js.HeroSection,
+    chunk5ETT54QS_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.AdjustmentsHorizontalIcon, { className: "h-5 w-5" }),
       label: counter,
@@ -4772,7 +5356,7 @@ function RuleNewWizardPageView({
       subtitle: stepSubtitles[step - 1] ?? labels.pageSubtitle,
       gradient: "from-fuchsia-500 to-purple-700",
       children: /* @__PURE__ */ jsxRuntime.jsx(
-        chunk6R5Z2IQ5_js.StepIndicator,
+        chunk5ETT54QS_js.StepIndicator,
         {
           accent: "violet",
           currentStep: step - 1,
@@ -4785,7 +5369,7 @@ function RuleNewWizardPageView({
   );
   function renderStep1() {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunk6R5Z2IQ5_js.SectionCard,
+      chunk5ETT54QS_js.SectionCard,
       {
         variant: "glass",
         header: {
@@ -4794,7 +5378,7 @@ function RuleNewWizardPageView({
         },
         children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunk6R5Z2IQ5_js.FormInput,
+            chunk5ETT54QS_js.FormInput,
             {
               label: labels.nameLabel,
               value: name,
@@ -4807,7 +5391,7 @@ function RuleNewWizardPageView({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunk6R5Z2IQ5_js.FormTextarea,
+            chunk5ETT54QS_js.FormTextarea,
             {
               label: labels.descriptionLabel,
               value: description,
@@ -4843,7 +5427,7 @@ function RuleNewWizardPageView({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunk6R5Z2IQ5_js.FormToggle,
+            chunk5ETT54QS_js.FormToggle,
             {
               checked: enabled,
               onChange: (v) => {
@@ -4860,7 +5444,7 @@ function RuleNewWizardPageView({
   }
   function renderStep2() {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunk6R5Z2IQ5_js.SectionCard,
+      chunk5ETT54QS_js.SectionCard,
       {
         variant: "glass",
         header: {
@@ -4871,7 +5455,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(
-              chunk6R5Z2IQ5_js.SegmentedControl,
+              chunk5ETT54QS_js.SegmentedControl,
               {
                 segments: [
                   { value: "and", label: labels.combinatorAnd },
@@ -4888,7 +5472,7 @@ function RuleNewWizardPageView({
             )
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkY4YIGEX6_js.RuleConditionBuilder,
+            chunkMQDCUBVW_js.RuleConditionBuilder,
             {
               value: condition,
               onChange: (next) => {
@@ -4904,7 +5488,7 @@ function RuleNewWizardPageView({
   function renderStep3() {
     const selectedTile = ACTION_TILES.find((t) => t.id === actionTileId) ?? null;
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunk6R5Z2IQ5_js.SectionCard,
+      chunk5ETT54QS_js.SectionCard,
       {
         variant: "glass",
         header: {
@@ -4924,7 +5508,7 @@ function RuleNewWizardPageView({
                 const label = labels[tile.labelKey] ?? tile.id;
                 const description2 = labels[tile.descriptionKey] ?? "";
                 return /* @__PURE__ */ jsxRuntime.jsx(
-                  chunk6R5Z2IQ5_js.FilterTileButton,
+                  chunk5ETT54QS_js.FilterTileButton,
                   {
                     isActive: selected,
                     color: tile.color,
@@ -4942,7 +5526,7 @@ function RuleNewWizardPageView({
             }
           ),
           selectedTile && /* @__PURE__ */ jsxRuntime.jsx(
-            chunk6R5Z2IQ5_js.SectionCard,
+            chunk5ETT54QS_js.SectionCard,
             {
               variant: "glass",
               header: {
@@ -4950,7 +5534,7 @@ function RuleNewWizardPageView({
                 subtitle: labels.actionConfigSubtitle
               },
               children: /* @__PURE__ */ jsxRuntime.jsx(
-                chunkY4YIGEX6_js.RuleActionBuilder,
+                chunkMQDCUBVW_js.RuleActionBuilder,
                 {
                   value: action,
                   onChange: (next) => {
@@ -4967,7 +5551,7 @@ function RuleNewWizardPageView({
   }
   function renderStep4() {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4", children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunk6R5Z2IQ5_js.SectionCard,
+      chunk5ETT54QS_js.SectionCard,
       {
         variant: "glass",
         header: {
@@ -4975,12 +5559,12 @@ function RuleNewWizardPageView({
           subtitle: labels.scheduleSectionSubtitle
         },
         children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-5", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(chunk6R5Z2IQ5_js.FormGrid, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(chunk5ETT54QS_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(
-                  chunk6R5Z2IQ5_js.DatePicker,
+                  chunk5ETT54QS_js.DatePicker,
                   {
                     value: validFromDate,
                     onChange: (d) => {
@@ -4991,7 +5575,7 @@ function RuleNewWizardPageView({
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  chunk6R5Z2IQ5_js.TimePicker,
+                  chunk5ETT54QS_js.TimePicker,
                   {
                     value: validFromTime,
                     onChange: (t) => {
@@ -5007,7 +5591,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(
-                  chunk6R5Z2IQ5_js.DatePicker,
+                  chunk5ETT54QS_js.DatePicker,
                   {
                     value: validUntilDate,
                     onChange: (d) => {
@@ -5018,7 +5602,7 @@ function RuleNewWizardPageView({
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  chunk6R5Z2IQ5_js.TimePicker,
+                  chunk5ETT54QS_js.TimePicker,
                   {
                     value: validUntilTime,
                     onChange: (t) => {
@@ -5032,7 +5616,7 @@ function RuleNewWizardPageView({
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunk6R5Z2IQ5_js.FormCheckbox,
+            chunk5ETT54QS_js.FormCheckbox,
             {
               checked: noExpiry,
               onChange: (v) => {
@@ -5046,7 +5630,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(
-              chunk6R5Z2IQ5_js.SegmentedControl,
+              chunk5ETT54QS_js.SegmentedControl,
               {
                 segments: [
                   { value: "active", label: labels.statusActive },
@@ -5065,7 +5649,7 @@ function RuleNewWizardPageView({
           /* @__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(
-              chunk6R5Z2IQ5_js.ChipPicker,
+              chunk5ETT54QS_js.ChipPicker,
               {
                 items: tagsItems,
                 selectedIds: tagsSelected,
@@ -5089,7 +5673,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.recurrenceLabel }),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunk6R5Z2IQ5_js.SegmentedControl,
+              chunk5ETT54QS_js.SegmentedControl,
               {
                 segments: [
                   { value: "one-off", label: labels.recurrenceOneOff },
@@ -5106,7 +5690,7 @@ function RuleNewWizardPageView({
             )
           ] }),
           recurrence === "cron" && /* @__PURE__ */ jsxRuntime.jsx(
-            chunk6R5Z2IQ5_js.FormInput,
+            chunk5ETT54QS_js.FormInput,
             {
               label: labels.cronExpressionLabel,
               value: cronExpression,
@@ -5122,7 +5706,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.weekdaysLabel }),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunk6R5Z2IQ5_js.ChipPicker,
+                chunk5ETT54QS_js.ChipPicker,
                 {
                   items: WEEKDAYS.map((d) => ({
                     id: d.id,
@@ -5144,7 +5728,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.timeOfDayLabel }),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunk6R5Z2IQ5_js.TimePicker,
+                chunk5ETT54QS_js.TimePicker,
                 {
                   value: recurringTime,
                   onChange: (t) => {
@@ -5166,7 +5750,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(
-        chunk6R5Z2IQ5_js.SectionCard,
+        chunk5ETT54QS_js.SectionCard,
         {
           variant: "glass",
           header: {
@@ -5192,7 +5776,7 @@ function RuleNewWizardPageView({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsxs(
-        chunk6R5Z2IQ5_js.SectionCard,
+        chunk5ETT54QS_js.SectionCard,
         {
           variant: "glass",
           header: {
@@ -5211,7 +5795,7 @@ function RuleNewWizardPageView({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsxs(
-        chunk6R5Z2IQ5_js.SectionCard,
+        chunk5ETT54QS_js.SectionCard,
         {
           variant: "glass",
           header: {
@@ -5229,7 +5813,7 @@ function RuleNewWizardPageView({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunk6R5Z2IQ5_js.SectionCard,
+        chunk5ETT54QS_js.SectionCard,
         {
           variant: "glass",
           header: {
@@ -5363,31 +5947,31 @@ function humanReadableAction(action, labels, tiles, actionTileId) {
 
 Object.defineProperty(exports, "RolesPageView", {
   enumerable: true,
-  get: function () { return chunkGDVB7QDZ_js.RolesPageView; }
+  get: function () { return chunkIIRS5XZY_js.RolesPageView; }
 });
 Object.defineProperty(exports, "UsersPageView", {
   enumerable: true,
-  get: function () { return chunkGDVB7QDZ_js.UsersPageView; }
+  get: function () { return chunkIIRS5XZY_js.UsersPageView; }
 });
 Object.defineProperty(exports, "DIALECT_CATEGORIES", {
   enumerable: true,
-  get: function () { return chunkTXI3QDYE_js.DIALECT_CATEGORIES; }
+  get: function () { return chunkAMCFAGK3_js.DIALECT_CATEGORIES; }
 });
 Object.defineProperty(exports, "DatasourceFormModal", {
   enumerable: true,
-  get: function () { return chunkTXI3QDYE_js.DatasourceFormModal; }
+  get: function () { return chunkAMCFAGK3_js.DatasourceFormModal; }
 });
 Object.defineProperty(exports, "DatasourceModal", {
   enumerable: true,
-  get: function () { return chunkTXI3QDYE_js.DatasourceModal; }
+  get: function () { return chunkAMCFAGK3_js.DatasourceModal; }
 });
 Object.defineProperty(exports, "findCategory", {
   enumerable: true,
-  get: function () { return chunkTXI3QDYE_js.findCategory; }
+  get: function () { return chunkAMCFAGK3_js.findCategory; }
 });
 Object.defineProperty(exports, "findDialect", {
   enumerable: true,
-  get: function () { return chunkTXI3QDYE_js.findDialect; }
+  get: function () { return chunkAMCFAGK3_js.findDialect; }
 });
 exports.AgentNewWizardPageView = AgentNewWizardPageView;
 exports.AgentsConfigPageView = AgentsConfigPageView;