@datatechsolutions/ui 3.6.1 → 3.7.0

package/dist/platform/pages/index.js

@@ -2,19 +2,20 @@
 'use strict';
 
 var chunk3T2WGL47_js = require('../../chunk-3T2WGL47.js');
-var chunkMUOTTGCX_js = require('../../chunk-MUOTTGCX.js');
-var chunkLVK7VXW7_js = require('../../chunk-LVK7VXW7.js');
-var chunk6ZMTJSQF_js = require('../../chunk-6ZMTJSQF.js');
+var chunkUDYEUTJC_js = require('../../chunk-UDYEUTJC.js');
+var chunkDMPBNWJB_js = require('../../chunk-DMPBNWJB.js');
+var chunkFUHNEP3Y_js = require('../../chunk-FUHNEP3Y.js');
 require('../../chunk-55H6WZQP.js');
 require('../../chunk-DJDZIRM6.js');
-require('../../chunk-SQZGQOKU.js');
-var chunkGCYYGSHU_js = require('../../chunk-GCYYGSHU.js');
-require('../../chunk-UZ3CMNUJ.js');
+require('../../chunk-RWYG7QHP.js');
+var chunkR4EKPXX3_js = require('../../chunk-R4EKPXX3.js');
 require('../../chunk-YXN2K77G.js');
-var chunkS7KHTUHA_js = require('../../chunk-S7KHTUHA.js');
 require('../../chunk-SY4MUT5V.js');
 require('../../chunk-2OZZH2IO.js');
-require('../../chunk-P4YYEM4B.js');
+require('../../chunk-EZQ2D47U.js');
+var chunkBHOT22QL_js = require('../../chunk-BHOT22QL.js');
+require('../../chunk-UZ3CMNUJ.js');
+var chunkS7KHTUHA_js = require('../../chunk-S7KHTUHA.js');
 require('../../chunk-72SWXOD5.js');
 var react = require('react');
 var outline = require('@heroicons/react/24/outline');
@@ -26,7 +27,7 @@ function AgentsModelsPageView({ labels, models, loading }) {
   const filteredModels = searchTerm.trim() ? allModels.filter((model) => model.name.toLowerCase().includes(searchTerm.trim().toLowerCase())) : allModels;
   const isEmpty = allModels.length === 0;
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkGCYYGSHU_js.HeroSection,
+    chunkR4EKPXX3_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.CubeTransparentIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -35,9 +36,9 @@ function AgentsModelsPageView({ labels, models, loading }) {
       gradient: "from-emerald-500 to-teal-700"
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGCYYGSHU_js.SearchBar,
+      chunkR4EKPXX3_js.SearchBar,
       {
         searchTerm,
         onSearchChange: setSearchTerm,
@@ -45,18 +46,18 @@ function AgentsModelsPageView({ labels, models, loading }) {
       }
     ),
     /* @__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(
-      chunkGCYYGSHU_js.EntityCard,
+      chunkR4EKPXX3_js.EntityCard,
       {
         accentGradient: "from-emerald-500 to-teal-700",
         icon: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-11 w-11 items-center justify-center rounded-lg bg-emerald-500/10 text-emerald-600 dark:bg-emerald-500/20 dark:text-emerald-400", children: /* @__PURE__ */ jsxRuntime.jsx(outline.CubeTransparentIcon, { className: "h-6 w-6" }) }),
         title: model.name,
         subtitle: `${labels.provider}: ${model.provider}`,
-        status: /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.Badge, { color: model.enabled ? "emerald" : "zinc", children: model.enabled ? labels.enabled : labels.disabled })
+        status: /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Badge, { color: model.enabled ? "emerald" : "zinc", children: model.enabled ? labels.enabled : labels.disabled })
       },
       model.id
     )) })
   ] });
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.ManagementPageLayout, { hero, content });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.ManagementPageLayout, { hero, content });
 }
 function AgentsConfigPageView({ labels, agents, models, loading, onCreate, onUpdate, onDelete }) {
   const [editing, setEditing] = react.useState(null);
@@ -67,7 +68,7 @@ function AgentsConfigPageView({ labels, agents, models, loading, onCreate, onUpd
   const filteredAgents = searchTerm.trim() ? allAgents.filter((agent) => String(agent.name ?? "").toLowerCase().includes(searchTerm.trim().toLowerCase())) : allAgents;
   const isEmpty = allAgents.length === 0;
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkGCYYGSHU_js.HeroSection,
+    chunkR4EKPXX3_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.CpuChipIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -75,7 +76,7 @@ function AgentsConfigPageView({ labels, agents, models, loading, onCreate, onUpd
       subtitle: labels.subtitle,
       gradient: "from-violet-500 to-indigo-700",
       toolbar: !isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
-        chunkGCYYGSHU_js.SearchBar,
+        chunkR4EKPXX3_js.SearchBar,
         {
           searchTerm,
           onSearchChange: setSearchTerm,
@@ -84,7 +85,7 @@ function AgentsConfigPageView({ labels, agents, models, loading, onCreate, onUpd
         }
       ) : void 0,
       actions: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkGCYYGSHU_js.CreateActionButton,
+        chunkR4EKPXX3_js.CreateActionButton,
         {
           mode: "desktop",
           label: labels.addAgent,
@@ -95,7 +96,7 @@ function AgentsConfigPageView({ labels, agents, models, loading, onCreate, onUpd
     }
   );
   const mobileAction = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkGCYYGSHU_js.CreateActionButton,
+    chunkR4EKPXX3_js.CreateActionButton,
     {
       mode: "mobile",
       label: labels.addAgent,
@@ -103,23 +104,23 @@ function AgentsConfigPageView({ labels, agents, models, loading, onCreate, onUpd
       accent: "violet"
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_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(chunkR4EKPXX3_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_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(
-      chunkGCYYGSHU_js.EntityCard,
+      chunkR4EKPXX3_js.EntityCard,
       {
         accentGradient: "from-violet-500 to-indigo-700",
         icon: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-11 w-11 items-center justify-center rounded-lg bg-violet-500/10 text-violet-600 dark:bg-violet-500/20 dark:text-violet-400", children: /* @__PURE__ */ jsxRuntime.jsx(outline.CpuChipIcon, { className: "h-6 w-6" }) }),
         title: String(agent.name ?? ""),
         subtitle: String(modelRecord?.name ?? agent.modelId ?? ""),
-        status: agent.activePromptVersion > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(chunkGCYYGSHU_js.Badge, { color: "emerald", children: [
+        status: agent.activePromptVersion > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(chunkBHOT22QL_js.Badge, { color: "emerald", children: [
           "v",
           agent.activePromptVersion
         ] }) : null,
         footer: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setEditing(agent), children: labels.edit }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setEditing(agent), children: labels.edit }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkGCYYGSHU_js.Button,
+            chunkBHOT22QL_js.Button,
             {
               type: "button",
               size: "sm",
@@ -143,7 +144,7 @@ function AgentsConfigPageView({ labels, agents, models, loading, onCreate, onUpd
     );
   }) });
   const renderForm = (initial, onSubmit) => /* @__PURE__ */ jsxRuntime.jsx(
-    chunkGCYYGSHU_js.GlassModal,
+    chunkR4EKPXX3_js.GlassModal,
     {
       open: true,
       onClose: () => {
@@ -166,18 +167,18 @@ function AgentsConfigPageView({ labels, agents, models, loading, onCreate, onUpd
           outputSchema: String(form.get("outputSchema") ?? "").trim() || void 0
         });
       },
-      children: /* @__PURE__ */ jsxRuntime.jsxs(chunkGCYYGSHU_js.FormGrid, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.FormInput, { name: "name", label: labels.name, defaultValue: initial.name ?? "", required: true }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.FormSelect, { name: "modelId", label: labels.model, options: modelOptions, defaultValue: initial.modelId ?? modelOptions[0]?.value ?? "", required: true }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.FormInput, { name: "maxTokens", label: String(labels.maxTokens), type: "number", defaultValue: String(initial.maxTokens ?? 2048) }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_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(chunkGCYYGSHU_js.FormTextarea, { name: "systemPrompt", label: labels.systemPrompt, defaultValue: initial.systemPrompt ?? "", rows: 4 }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.FormTextarea, { name: "outputSchema", label: labels.outputSchema, placeholder: labels.outputSchemaPlaceholder, defaultValue: initial.outputSchema ?? "", rows: 4 })
+      children: /* @__PURE__ */ jsxRuntime.jsxs(chunkR4EKPXX3_js.FormGrid, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.FormInput, { name: "name", label: labels.name, defaultValue: initial.name ?? "", required: true }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.FormSelect, { name: "modelId", label: labels.model, options: modelOptions, defaultValue: initial.modelId ?? modelOptions[0]?.value ?? "", required: true }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.FormInput, { name: "maxTokens", label: String(labels.maxTokens), type: "number", defaultValue: String(initial.maxTokens ?? 2048) }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_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(chunkR4EKPXX3_js.FormTextarea, { name: "systemPrompt", label: labels.systemPrompt, defaultValue: initial.systemPrompt ?? "", rows: 4 }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.FormTextarea, { name: "outputSchema", label: labels.outputSchema, placeholder: labels.outputSchemaPlaceholder, defaultValue: initial.outputSchema ?? "", rows: 4 })
       ] })
     }
   );
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.ManagementPageLayout, { hero, content, mobileAction }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.ManagementPageLayout, { hero, content, mobileAction }),
     createOpen && renderForm({ title: labels.createTitle }, (input) => {
       onCreate(input);
       setCreateOpen(false);
@@ -235,7 +236,7 @@ function AgentsPromptsPageView({ labels, agents, prompts, loading, onCreate, onA
   }) : allPrompts;
   const isEmpty = allPrompts.length === 0;
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkGCYYGSHU_js.HeroSection,
+    chunkR4EKPXX3_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.ChatBubbleLeftEllipsisIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -243,7 +244,7 @@ function AgentsPromptsPageView({ labels, agents, prompts, loading, onCreate, onA
       subtitle: labels.subtitle,
       gradient: "from-sky-500 to-blue-700",
       toolbar: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkGCYYGSHU_js.CreateActionButton,
+        chunkR4EKPXX3_js.CreateActionButton,
         {
           mode: "desktop",
           label: labels.addPrompt,
@@ -254,7 +255,7 @@ function AgentsPromptsPageView({ labels, agents, prompts, loading, onCreate, onA
     }
   );
   const mobileAction = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkGCYYGSHU_js.CreateActionButton,
+    chunkR4EKPXX3_js.CreateActionButton,
     {
       mode: "mobile",
       label: labels.addPrompt,
@@ -262,9 +263,9 @@ function AgentsPromptsPageView({ labels, agents, prompts, loading, onCreate, onA
       accent: "sky"
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGCYYGSHU_js.SearchBar,
+      chunkR4EKPXX3_js.SearchBar,
       {
         searchTerm,
         onSearchChange: setSearchTerm,
@@ -275,17 +276,17 @@ function AgentsPromptsPageView({ labels, agents, prompts, loading, onCreate, onA
       const agentName = agentNameById.get(prompt.agentId) ?? prompt.agentId;
       const key = `${prompt.agentId}:${prompt.locale}:${prompt.version}`;
       return /* @__PURE__ */ jsxRuntime.jsx(
-        chunkGCYYGSHU_js.EntityCard,
+        chunkR4EKPXX3_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(chunkGCYYGSHU_js.Badge, { color: "emerald", children: labels.isActive }) : null,
+          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(chunkGCYYGSHU_js.Button, { type: "button", size: "sm", outline: true, onClick: () => onActivate(prompt), children: labels.activate }),
+            !prompt.isActive && /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "button", size: "sm", outline: true, onClick: () => onActivate(prompt), children: labels.activate }),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkGCYYGSHU_js.Button,
+              chunkBHOT22QL_js.Button,
               {
                 type: "button",
                 size: "sm",
@@ -304,9 +305,9 @@ function AgentsPromptsPageView({ labels, agents, prompts, loading, onCreate, onA
     }) })
   ] });
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.ManagementPageLayout, { hero, content, mobileAction }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.ManagementPageLayout, { hero, content, mobileAction }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGCYYGSHU_js.GlassModal,
+      chunkR4EKPXX3_js.GlassModal,
       {
         open: createOpen,
         onClose: () => setCreateOpen(false),
@@ -330,11 +331,11 @@ function AgentsPromptsPageView({ labels, agents, prompts, loading, onCreate, onA
           });
           setCreateOpen(false);
         },
-        children: /* @__PURE__ */ jsxRuntime.jsxs(chunkGCYYGSHU_js.FormGrid, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.FormSelect, { name: "agentId", label: labels.agent, options: agentOptions, required: true }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.FormSelect, { name: "locale", label: labels.locale, options: LOCALE_OPTIONS, defaultValue: "en" }),
+        children: /* @__PURE__ */ jsxRuntime.jsxs(chunkR4EKPXX3_js.FormGrid, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.FormSelect, { name: "agentId", label: labels.agent, options: agentOptions, required: true }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.FormSelect, { name: "locale", label: labels.locale, options: LOCALE_OPTIONS, defaultValue: "en" }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkGCYYGSHU_js.FormSelect,
+            chunkR4EKPXX3_js.FormSelect,
             {
               name: "isActive",
               label: labels.isActive,
@@ -342,10 +343,10 @@ function AgentsPromptsPageView({ labels, agents, prompts, loading, onCreate, onA
               defaultValue: "true"
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.FormInput, { name: "reason", label: labels.reason }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.FormTextarea, { name: "systemPrompt", label: labels.systemPrompt, rows: 3 }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.FormTextarea, { name: "userTemplate", label: labels.userTemplate, rows: 3 }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.FormTextarea, { name: "prompt", label: labels.prompt, rows: 6, required: true })
+          /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.FormInput, { name: "reason", label: labels.reason }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.FormTextarea, { name: "systemPrompt", label: labels.systemPrompt, rows: 3 }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.FormTextarea, { name: "userTemplate", label: labels.userTemplate, rows: 3 }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.FormTextarea, { name: "prompt", label: labels.prompt, rows: 6, required: true })
         ] })
       }
     )
@@ -380,7 +381,7 @@ function AgentsToolDefinitionsPageView({ labels, tools, loading, onCreate, onUpd
   const filteredTools = searchTerm.trim() ? allTools.filter((tool) => tool.name.toLowerCase().includes(searchTerm.trim().toLowerCase())) : allTools;
   const isEmpty = allTools.length === 0;
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkGCYYGSHU_js.HeroSection,
+    chunkR4EKPXX3_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.WrenchScrewdriverIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -388,7 +389,7 @@ function AgentsToolDefinitionsPageView({ labels, tools, loading, onCreate, onUpd
       subtitle: labels.subtitle,
       gradient: "from-amber-500 to-orange-700",
       toolbar: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkGCYYGSHU_js.CreateActionButton,
+        chunkR4EKPXX3_js.CreateActionButton,
         {
           mode: "desktop",
           label: labels.addTool,
@@ -399,7 +400,7 @@ function AgentsToolDefinitionsPageView({ labels, tools, loading, onCreate, onUpd
     }
   );
   const mobileAction = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkGCYYGSHU_js.CreateActionButton,
+    chunkR4EKPXX3_js.CreateActionButton,
     {
       mode: "mobile",
       label: labels.addTool,
@@ -407,9 +408,9 @@ function AgentsToolDefinitionsPageView({ labels, tools, loading, onCreate, onUpd
       accent: "amber"
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGCYYGSHU_js.SearchBar,
+      chunkR4EKPXX3_js.SearchBar,
       {
         searchTerm,
         onSearchChange: setSearchTerm,
@@ -417,17 +418,17 @@ function AgentsToolDefinitionsPageView({ labels, tools, loading, onCreate, onUpd
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: filteredTools.map((tool) => /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGCYYGSHU_js.EntityCard,
+      chunkR4EKPXX3_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(chunkGCYYGSHU_js.Badge, { color: tool.enabled ? "emerald" : "zinc", children: tool.enabled ? labels.enabled : labels.disabled }),
+        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(chunkGCYYGSHU_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setEditing(tool), children: labels.edit }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setEditing(tool), children: labels.edit }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkGCYYGSHU_js.Button,
+            chunkBHOT22QL_js.Button,
             {
               type: "button",
               size: "sm",
@@ -445,7 +446,7 @@ function AgentsToolDefinitionsPageView({ labels, tools, loading, onCreate, onUpd
     )) })
   ] });
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.ManagementPageLayout, { hero, content, mobileAction }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.ManagementPageLayout, { hero, content, mobileAction }),
     createOpen && /* @__PURE__ */ jsxRuntime.jsx(
       ToolEditor,
       {
@@ -503,7 +504,7 @@ function ToolEditor({
     setValue((v) => ({ ...v, [key]: next }));
   };
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkGCYYGSHU_js.GlassModal,
+    chunkR4EKPXX3_js.GlassModal,
     {
       open: true,
       onClose,
@@ -516,9 +517,9 @@ function ToolEditor({
         handleSubmit();
       },
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-5", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(chunkGCYYGSHU_js.FormGrid, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkR4EKPXX3_js.FormGrid, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkGCYYGSHU_js.FormInput,
+            chunkR4EKPXX3_js.FormInput,
             {
               label: "Name",
               required: true,
@@ -528,7 +529,7 @@ function ToolEditor({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkGCYYGSHU_js.FormSelect,
+            chunkR4EKPXX3_js.FormSelect,
             {
               label: "Tool type",
               value: value.toolType,
@@ -538,7 +539,7 @@ function ToolEditor({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkGCYYGSHU_js.FormSelect,
+            chunkR4EKPXX3_js.FormSelect,
             {
               label: "Enabled",
               value: value.enabled ? "true" : "false",
@@ -547,7 +548,7 @@ function ToolEditor({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkGCYYGSHU_js.FormInput,
+            chunkR4EKPXX3_js.FormInput,
             {
               label: "Icon (optional)",
               value: value.icon ?? "",
@@ -557,7 +558,7 @@ function ToolEditor({
           )
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkGCYYGSHU_js.FormTextarea,
+          chunkR4EKPXX3_js.FormTextarea,
           {
             label: "Description",
             rows: 2,
@@ -605,7 +606,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(
-          chunkGCYYGSHU_js.FormInput,
+          chunkR4EKPXX3_js.FormInput,
           {
             label: "Name",
             value: param.name,
@@ -614,7 +615,7 @@ function ParametersEditor({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkGCYYGSHU_js.FormSelect,
+          chunkR4EKPXX3_js.FormSelect,
           {
             label: "Type",
             value: param.type,
@@ -623,7 +624,7 @@ function ParametersEditor({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkGCYYGSHU_js.FormInput,
+          chunkR4EKPXX3_js.FormInput,
           {
             label: "Description",
             value: param.description,
@@ -642,9 +643,9 @@ function ParametersEditor({
           ),
           "Required"
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.Button, { type: "button", plain: true, onClick: () => remove(index), children: "Remove" })
+        /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "button", plain: true, onClick: () => remove(index), children: "Remove" })
       ] }, index)),
-      /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.Button, { type: "button", outline: true, onClick: add, children: "+ Add parameter" })
+      /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "button", outline: true, onClick: add, children: "+ Add parameter" })
     ] })
   ] });
 }
@@ -657,9 +658,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(chunkGCYYGSHU_js.FormGrid, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkR4EKPXX3_js.FormGrid, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkGCYYGSHU_js.FormSelect,
+          chunkR4EKPXX3_js.FormSelect,
           {
             label: "Method",
             value: stringProp(config, "method", "GET"),
@@ -668,7 +669,7 @@ function HandlerConfigEditor({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkGCYYGSHU_js.FormInput,
+          chunkR4EKPXX3_js.FormInput,
           {
             label: "URL template",
             value: stringProp(config, "url"),
@@ -678,7 +679,7 @@ function HandlerConfigEditor({
         )
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkGCYYGSHU_js.FormTextarea,
+        chunkR4EKPXX3_js.FormTextarea,
         {
           label: "Headers (JSON)",
           rows: 3,
@@ -688,7 +689,7 @@ function HandlerConfigEditor({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkGCYYGSHU_js.FormTextarea,
+        chunkR4EKPXX3_js.FormTextarea,
         {
           label: "Body template",
           rows: 3,
@@ -703,7 +704,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(
-        chunkGCYYGSHU_js.FormInput,
+        chunkR4EKPXX3_js.FormInput,
         {
           label: "Implementation key",
           value: stringProp(config, "implementationKey"),
@@ -717,9 +718,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(chunkGCYYGSHU_js.FormGrid, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkR4EKPXX3_js.FormGrid, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkGCYYGSHU_js.FormInput,
+          chunkR4EKPXX3_js.FormInput,
           {
             label: "Datasource ID",
             value: stringProp(config, "datasourceId"),
@@ -728,7 +729,7 @@ function HandlerConfigEditor({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkGCYYGSHU_js.FormInput,
+          chunkR4EKPXX3_js.FormInput,
           {
             label: "Max rows",
             type: "number",
@@ -738,7 +739,7 @@ function HandlerConfigEditor({
         )
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkGCYYGSHU_js.FormTextarea,
+        chunkR4EKPXX3_js.FormTextarea,
         {
           label: "Query template",
           rows: 4,
@@ -754,7 +755,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(
-        chunkGCYYGSHU_js.FormSelect,
+        chunkR4EKPXX3_js.FormSelect,
         {
           label: "Language",
           value: stringProp(config, "language", "javascript"),
@@ -766,7 +767,7 @@ function HandlerConfigEditor({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkGCYYGSHU_js.FormTextarea,
+        chunkR4EKPXX3_js.FormTextarea,
         {
           label: "Code",
           rows: 6,
@@ -779,9 +780,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(chunkGCYYGSHU_js.FormGrid, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(chunkR4EKPXX3_js.FormGrid, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkGCYYGSHU_js.FormInput,
+        chunkR4EKPXX3_js.FormInput,
         {
           label: "URL",
           value: stringProp(config, "url"),
@@ -789,7 +790,7 @@ function HandlerConfigEditor({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkGCYYGSHU_js.FormSelect,
+        chunkR4EKPXX3_js.FormSelect,
         {
           label: "Auth",
           value: stringProp(config, "authType", "bearer"),
@@ -803,7 +804,7 @@ function HandlerConfigEditor({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkGCYYGSHU_js.FormInput,
+        chunkR4EKPXX3_js.FormInput,
         {
           label: "Credential secret id",
           value: stringProp(config, "credentialRef"),
@@ -936,7 +937,7 @@ function RulesPageView({ labels, rules, loading, onCreate, onUpdate, onDelete })
   const filteredRules = searchTerm.trim() ? allRules.filter((rule) => (rule.name ?? "").toLowerCase().includes(searchTerm.trim().toLowerCase())) : allRules;
   const isEmpty = allRules.length === 0;
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkGCYYGSHU_js.HeroSection,
+    chunkR4EKPXX3_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.AdjustmentsHorizontalIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -944,7 +945,7 @@ function RulesPageView({ labels, rules, loading, onCreate, onUpdate, onDelete })
       subtitle: labels.subtitle,
       gradient: "from-fuchsia-500 to-purple-700",
       toolbar: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkGCYYGSHU_js.CreateActionButton,
+        chunkR4EKPXX3_js.CreateActionButton,
         {
           mode: "desktop",
           label: labels.addRule,
@@ -955,7 +956,7 @@ function RulesPageView({ labels, rules, loading, onCreate, onUpdate, onDelete })
     }
   );
   const mobileAction = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkGCYYGSHU_js.CreateActionButton,
+    chunkR4EKPXX3_js.CreateActionButton,
     {
       mode: "mobile",
       label: labels.addRule,
@@ -963,9 +964,9 @@ function RulesPageView({ labels, rules, loading, onCreate, onUpdate, onDelete })
       accent: "fuchsia"
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGCYYGSHU_js.SearchBar,
+      chunkR4EKPXX3_js.SearchBar,
       {
         searchTerm,
         onSearchChange: setSearchTerm,
@@ -973,17 +974,17 @@ function RulesPageView({ labels, rules, loading, onCreate, onUpdate, onDelete })
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: filteredRules.map((rule) => /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGCYYGSHU_js.EntityCard,
+      chunkR4EKPXX3_js.EntityCard,
       {
         accentGradient: "from-fuchsia-500 to-purple-700",
         icon: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-11 w-11 items-center justify-center rounded-lg bg-fuchsia-500/10 text-fuchsia-600 dark:bg-fuchsia-500/20 dark:text-fuchsia-400", children: /* @__PURE__ */ jsxRuntime.jsx(outline.AdjustmentsHorizontalIcon, { className: "h-6 w-6" }) }),
         title: rule.name,
         subtitle: `${labels.order}: ${rule.order ?? 0}`,
-        status: /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.Badge, { color: rule.enabled ? "emerald" : "zinc", children: rule.enabled ? labels.enabled : labels.disabled }),
+        status: /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Badge, { color: rule.enabled ? "emerald" : "zinc", children: rule.enabled ? labels.enabled : labels.disabled }),
         footer: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setEditing(rule), children: labels.edit }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setEditing(rule), children: labels.edit }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkGCYYGSHU_js.Button,
+            chunkBHOT22QL_js.Button,
             {
               type: "button",
               size: "sm",
@@ -1001,13 +1002,13 @@ function RulesPageView({ labels, rules, loading, onCreate, onUpdate, onDelete })
     )) })
   ] });
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.ManagementPageLayout, { hero, content, mobileAction }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.ManagementPageLayout, { hero, content, mobileAction }),
     createOpen && /* @__PURE__ */ jsxRuntime.jsx(
       RuleEditor,
       {
         title: labels.createTitle,
         saveLabel: labels.save,
-        initial: chunk6ZMTJSQF_js.defaultRuleForm(),
+        initial: chunkFUHNEP3Y_js.defaultRuleForm(),
         onClose: () => setCreateOpen(false),
         onSubmit: (value) => {
           onCreate(value);
@@ -1039,7 +1040,7 @@ function RuleEditor({
 }) {
   const [value, setValue] = react.useState(initial);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkGCYYGSHU_js.GlassModal,
+    chunkR4EKPXX3_js.GlassModal,
     {
       open: true,
       onClose,
@@ -1051,12 +1052,12 @@ function RuleEditor({
         event.preventDefault();
         onSubmit(value);
       },
-      children: /* @__PURE__ */ jsxRuntime.jsx(chunk6ZMTJSQF_js.RuleForm, { value, onChange: setValue })
+      children: /* @__PURE__ */ jsxRuntime.jsx(chunkFUHNEP3Y_js.RuleForm, { value, onChange: setValue })
     }
   );
 }
 function ruleToFormValue(rule) {
-  const base = chunk6ZMTJSQF_js.defaultRuleForm();
+  const base = chunkFUHNEP3Y_js.defaultRuleForm();
   const rawCondition = rule.condition ?? rule.conditions;
   const rawAction = pickAction(rule);
   return {
@@ -1187,7 +1188,7 @@ var SAMPLE_DATASOURCES = [
 ];
 function getDialectLabel(dialect) {
   if (!dialect) return "Unknown";
-  for (const category of chunkLVK7VXW7_js.DIALECT_CATEGORIES) {
+  for (const category of chunkDMPBNWJB_js.DIALECT_CATEGORIES) {
     const found = category.dialects.find((d) => d.value === dialect);
     if (found) return found.label;
   }
@@ -1195,12 +1196,12 @@ function getDialectLabel(dialect) {
 }
 function getDialectGradient(dialect) {
   if (!dialect) return "from-gray-400 to-gray-500";
-  const category = chunkLVK7VXW7_js.findCategory(dialect);
+  const category = chunkDMPBNWJB_js.findCategory(dialect);
   return category?.gradient ?? "from-gray-400 to-gray-500";
 }
 function getDialectIcon(dialect) {
   if (!dialect) return outline.CircleStackIcon;
-  const category = chunkLVK7VXW7_js.findCategory(dialect);
+  const category = chunkDMPBNWJB_js.findCategory(dialect);
   return category?.icon ?? outline.CircleStackIcon;
 }
 var DIALECT_LOGO = {
@@ -1270,7 +1271,7 @@ function DatasourcesPageView({
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGCYYGSHU_js.HeroSection,
+      chunkR4EKPXX3_js.HeroSection,
       {
         icon: /* @__PURE__ */ jsxRuntime.jsx(outline.CircleStackIcon, { className: "h-5 w-5" }),
         label: labels.title,
@@ -1278,7 +1279,7 @@ function DatasourcesPageView({
         subtitle: labels.subtitle,
         gradient: "from-amber-500 to-orange-600",
         toolbar: /* @__PURE__ */ jsxRuntime.jsx(
-          chunkGCYYGSHU_js.CreateActionButton,
+          chunkR4EKPXX3_js.CreateActionButton,
           {
             mode: "desktop",
             label: labels.addDatasource,
@@ -1289,7 +1290,7 @@ function DatasourcesPageView({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGCYYGSHU_js.CreateActionButton,
+      chunkR4EKPXX3_js.CreateActionButton,
       {
         mode: "mobile",
         label: labels.addDatasource,
@@ -1298,7 +1299,7 @@ function DatasourcesPageView({
       }
     ),
     !isEmpty && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGCYYGSHU_js.SearchBar,
+      chunkR4EKPXX3_js.SearchBar,
       {
         searchTerm,
         onSearchChange: setSearchTerm,
@@ -1306,7 +1307,7 @@ function DatasourcesPageView({
       }
     ),
     isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGCYYGSHU_js.PageEmptyState,
+      chunkR4EKPXX3_js.PageEmptyState,
       {
         title: labels.emptyTitle,
         message: labels.emptyDescription,
@@ -1320,15 +1321,15 @@ function DatasourcesPageView({
       const logoSrc = getDialectLogoSrc(ds.dialect);
       const iconElement = logoSrc ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liquid-surface flex h-11 w-11 items-center justify-center rounded-lg", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: logoSrc, alt: dialectLabel, className: "h-7 w-7 object-contain" }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex h-11 w-11 items-center justify-center rounded-lg bg-gradient-to-br ${gradient} shadow-lg`, children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-6 w-6 text-white" }) });
       return /* @__PURE__ */ jsxRuntime.jsx(
-        chunkGCYYGSHU_js.EntityCard,
+        chunkR4EKPXX3_js.EntityCard,
         {
           accentGradient: gradient,
           icon: iconElement,
           title: ds.name ?? ds.id,
           subtitle: dialectLabel,
-          status: /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.Badge, { color: ds.enabled ? "emerald" : "zinc", children: ds.enabled ? labels.enabled : labels.disabled }),
+          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(chunkGCYYGSHU_js.Badge, { color: "blue", size: "xs", children: "Read-only" }),
+            ds.readOnly && /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Badge, { color: "blue", size: "xs", children: "Read-only" }),
             ds.timeoutMs && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
               ds.timeoutMs / 1e3,
               "s timeout"
@@ -1350,7 +1351,7 @@ function DatasourcesPageView({
       );
     }) }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkLVK7VXW7_js.DatasourceModal,
+      chunkDMPBNWJB_js.DatasourceModal,
       {
         open: modalOpen,
         onClose: () => setModalOpen(false),
@@ -1365,7 +1366,7 @@ function DashboardPageView({ labels, appLogo }) {
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center mb-6", children: appLogo }),
     /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-3 text-base text-slate-600 dark:text-slate-300", children: labels.subtitle })
   ] });
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.ManagementPageLayout, { hero, content: null });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.ManagementPageLayout, { hero, content: null });
 }
 function AgentsIndexPageView({ labels }) {
   const Link = chunkS7KHTUHA_js.useLink();
@@ -1379,7 +1380,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(
-    chunkGCYYGSHU_js.HeroSection,
+    chunkR4EKPXX3_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.CpuChipIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -1390,7 +1391,7 @@ function AgentsIndexPageView({ labels }) {
   );
   const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     !isEmpty && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGCYYGSHU_js.SearchBar,
+      chunkR4EKPXX3_js.SearchBar,
       {
         searchTerm,
         onSearchChange: setSearchTerm,
@@ -1400,7 +1401,7 @@ function AgentsIndexPageView({ labels }) {
     /* @__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(
-        chunkGCYYGSHU_js.EntityCard,
+        chunkR4EKPXX3_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" }) }),
@@ -1410,13 +1411,13 @@ function AgentsIndexPageView({ labels }) {
       ) }, tile.id);
     }) })
   ] });
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.ManagementPageLayout, { hero, content });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.ManagementPageLayout, { hero, content });
 }
 function WorkflowsPageView({ labels, workflows, onCreate, onUpdateMeta, onPublish }) {
   const selectedWorkflow = workflows[0] ?? null;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGCYYGSHU_js.SectionHeader,
+      chunkR4EKPXX3_js.SectionHeader,
       {
         icon: /* @__PURE__ */ jsxRuntime.jsx(outline.RectangleStackIcon, { className: "h-5 w-5 text-white" }),
         title: labels.title,
@@ -1425,9 +1426,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(chunkGCYYGSHU_js.Text, { className: "font-semibold text-slate-900 dark:text-slate-100", children: labels.add }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.Text, { className: "font-semibold text-slate-900 dark:text-slate-100", children: labels.add }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkGCYYGSHU_js.Form,
+        chunkR4EKPXX3_js.Form,
         {
           onSubmit: (event) => {
             event.preventDefault();
@@ -1438,32 +1439,32 @@ function WorkflowsPageView({ labels, workflows, onCreate, onUpdateMeta, onPublis
             onCreate({ name, description });
             event.currentTarget.reset();
           },
-          children: /* @__PURE__ */ jsxRuntime.jsxs(chunkGCYYGSHU_js.FormGrid, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.FormInput, { name: "name", label: labels.workflowName, placeholder: labels.workflowNamePlaceholder, required: true }),
-            /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.FormTextarea, { name: "description", label: labels.description, placeholder: labels.workflowDescriptionPlaceholder, rows: 3 }),
-            /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.FormActionsRow, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.Button, { type: "submit", children: labels.create }) })
+          children: /* @__PURE__ */ jsxRuntime.jsxs(chunkR4EKPXX3_js.FormGrid, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.FormInput, { name: "name", label: labels.workflowName, placeholder: labels.workflowNamePlaceholder, required: true }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.FormTextarea, { name: "description", label: labels.description, placeholder: labels.workflowDescriptionPlaceholder, rows: 3 }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_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(chunkGCYYGSHU_js.Text, { className: "font-semibold text-slate-900 dark:text-slate-100", children: labels.registry }),
-      /* @__PURE__ */ jsxRuntime.jsxs(chunkGCYYGSHU_js.Table, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.TableHead, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkGCYYGSHU_js.TableRow, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.TableHeader, { children: labels.name }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.TableHeader, { children: labels.description }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.TableHeader, { children: labels.version }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.TableHeader, { children: labels.status }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.TableHeader, { children: labels.actions })
+      /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.Text, { className: "font-semibold text-slate-900 dark:text-slate-100", children: labels.registry }),
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkR4EKPXX3_js.Table, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.TableHead, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkR4EKPXX3_js.TableRow, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.TableHeader, { children: labels.name }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.TableHeader, { children: labels.description }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.TableHeader, { children: labels.version }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.TableHeader, { children: labels.status }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.TableHeader, { children: labels.actions })
         ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.TableBody, { children: workflows.map((workflow) => /* @__PURE__ */ jsxRuntime.jsxs(chunkGCYYGSHU_js.TableRow, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.TableCell, { children: workflow.name }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.TableCell, { children: workflow.description }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.TableCell, { children: String(workflow.version) }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.Badge, { children: workflow.isDraft ? labels.statusDraft : labels.statusPublished }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.TableBody, { children: workflows.map((workflow) => /* @__PURE__ */ jsxRuntime.jsxs(chunkR4EKPXX3_js.TableRow, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.TableCell, { children: workflow.name }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.TableCell, { children: workflow.description }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.TableCell, { children: String(workflow.version) }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Badge, { children: workflow.isDraft ? labels.statusDraft : labels.statusPublished }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkGCYYGSHU_js.Form,
+              chunkR4EKPXX3_js.Form,
               {
                 onSubmit: (event) => {
                   event.preventDefault();
@@ -1473,17 +1474,17 @@ function WorkflowsPageView({ labels, workflows, onCreate, onUpdateMeta, onPublis
                     description: workflow.description ?? ""
                   });
                 },
-                children: /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.InlineForm, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.Button, { type: "submit", outline: true, children: labels.saveMeta }) })
+                children: /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.InlineForm, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "submit", outline: true, children: labels.saveMeta }) })
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.Button, { type: "button", color: "sky", onClick: () => onPublish(workflow.id), children: labels.publish })
+            /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "button", color: "sky", onClick: () => onPublish(workflow.id), children: labels.publish })
           ] }) })
         ] }, workflow.id)) })
       ] })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "liquid-surface rounded-2xl p-4 space-y-3", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_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(chunkMUOTTGCX_js.WorkflowWorkspace, { graph: chunk3T2WGL47_js.adaptWorkflowGraphToUi(selectedWorkflow.graph) }) }) : /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.Text, { children: labels.empty })
+      /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_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(chunkUDYEUTJC_js.WorkflowWorkspace, { graph: chunk3T2WGL47_js.adaptWorkflowGraphToUi(selectedWorkflow.graph) }) }) : /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.Text, { children: labels.empty })
     ] })
   ] });
 }
@@ -1532,7 +1533,7 @@ function WorkflowRunsPageView({ labels, runs, loading, onCancel, onReplay, onVie
   });
   const isEmpty = allRuns.length === 0;
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkGCYYGSHU_js.HeroSection,
+    chunkR4EKPXX3_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.ClockIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -1540,7 +1541,7 @@ function WorkflowRunsPageView({ labels, runs, loading, onCancel, onReplay, onVie
       subtitle: labels.subtitle,
       gradient: "from-indigo-500 to-sky-700",
       toolbar: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full sm:w-48", children: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkGCYYGSHU_js.FormSelect,
+        chunkR4EKPXX3_js.FormSelect,
         {
           name: "statusFilter",
           label: labels.filterStatus,
@@ -1551,9 +1552,9 @@ function WorkflowRunsPageView({ labels, runs, loading, onCancel, onReplay, onVie
       ) })
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.PageLoadingState, {}) : filteredRuns.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.PageLoadingState, {}) : filteredRuns.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     !isEmpty && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGCYYGSHU_js.SearchBar,
+      chunkR4EKPXX3_js.SearchBar,
       {
         searchTerm,
         onSearchChange: setSearchTerm,
@@ -1561,18 +1562,18 @@ function WorkflowRunsPageView({ labels, runs, loading, onCancel, onReplay, onVie
       }
     ),
     /* @__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(
-      chunkGCYYGSHU_js.EntityCard,
+      chunkR4EKPXX3_js.EntityCard,
       {
         accentGradient: "from-indigo-500 to-sky-700",
         icon: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-11 w-11 items-center justify-center rounded-lg bg-indigo-500/10 text-indigo-600 dark:bg-indigo-500/20 dark:text-indigo-400", children: /* @__PURE__ */ jsxRuntime.jsx(outline.ClockIcon, { className: "h-6 w-6" }) }),
         title: run.id.slice(0, 8),
         subtitle: `${labels.startedAt}: ${new Date(run.createdAt).toLocaleString()}`,
-        status: /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.Badge, { color: BADGE_COLOR[run.status] ?? "zinc", children: statusLabelFor(run.status) }),
+        status: /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Badge, { color: BADGE_COLOR[run.status] ?? "zinc", children: statusLabelFor(run.status) }),
         footer: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
-          onView && /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.Button, { type: "button", size: "sm", outline: true, onClick: () => onView(run), children: labels.view }),
-          onViewTimeline && labels.timeline && /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.Button, { type: "button", size: "sm", outline: true, onClick: () => onViewTimeline(run), children: labels.timeline }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.Button, { type: "button", size: "sm", outline: true, onClick: () => onReplay(run), children: labels.replay }),
-          run.status === "running" && /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.Button, { type: "button", size: "sm", color: "rose", onClick: () => onCancel(run), children: labels.cancel })
+          onView && /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "button", size: "sm", outline: true, onClick: () => onView(run), children: labels.view }),
+          onViewTimeline && labels.timeline && /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "button", size: "sm", outline: true, onClick: () => onViewTimeline(run), children: labels.timeline }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "button", size: "sm", outline: true, onClick: () => onReplay(run), children: labels.replay }),
+          run.status === "running" && /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "button", size: "sm", color: "rose", onClick: () => onCancel(run), children: labels.cancel })
         ] }),
         children: [
           /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "mt-1 grid grid-cols-2 gap-1 text-xs text-slate-500 dark:text-slate-400", children: [
@@ -1587,11 +1588,11 @@ function WorkflowRunsPageView({ labels, runs, loading, onCancel, onReplay, onVie
       run.id
     )) })
   ] });
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.ManagementPageLayout, { hero, content });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.ManagementPageLayout, { hero, content });
 }
 function RunTimelinePageView({ labels, entries, loading, runId }) {
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkGCYYGSHU_js.HeroSection,
+    chunkR4EKPXX3_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.ClockIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -1601,23 +1602,23 @@ function RunTimelinePageView({ labels, entries, loading, runId }) {
     }
   );
   if (loading) {
-    return /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.ManagementPageLayout, { hero, content: /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.PageLoadingState, {}) });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.ManagementPageLayout, { hero, content: /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.PageLoadingState, {}) });
   }
   if (entries.length === 0) {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGCYYGSHU_js.ManagementPageLayout,
+      chunkR4EKPXX3_js.ManagementPageLayout,
       {
         hero,
-        content: /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.PageEmptyState, { title: labels.empty ?? "", message: "", iconName: "folder-open" })
+        content: /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.PageEmptyState, { title: labels.empty ?? "", message: "", iconName: "folder-open" })
       }
     );
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkGCYYGSHU_js.ManagementPageLayout,
+    chunkR4EKPXX3_js.ManagementPageLayout,
     {
       hero,
       content: /* @__PURE__ */ jsxRuntime.jsx(
-        chunk6ZMTJSQF_js.ExecutionTimelinePanel,
+        chunkFUHNEP3Y_js.ExecutionTimelinePanel,
         {
           entries,
           labels
@@ -1703,7 +1704,7 @@ function ConnectionsPageView({
   const filteredConnections = searchTerm.trim() ? allConnections.filter((conn) => conn.name.toLowerCase().includes(searchTerm.trim().toLowerCase())) : allConnections;
   const isEmpty = allConnections.length === 0;
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkGCYYGSHU_js.HeroSection,
+    chunkR4EKPXX3_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.LinkIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -1711,7 +1712,7 @@ function ConnectionsPageView({
       subtitle: labels.subtitle,
       gradient: "from-sky-500 to-indigo-600",
       toolbar: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkGCYYGSHU_js.CreateActionButton,
+        chunkR4EKPXX3_js.CreateActionButton,
         {
           mode: "desktop",
           label: labels.add,
@@ -1722,7 +1723,7 @@ function ConnectionsPageView({
     }
   );
   const mobileAction = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkGCYYGSHU_js.CreateActionButton,
+    chunkR4EKPXX3_js.CreateActionButton,
     {
       mode: "mobile",
       label: labels.add,
@@ -1730,9 +1731,9 @@ function ConnectionsPageView({
       accent: "sky"
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGCYYGSHU_js.SearchBar,
+      chunkR4EKPXX3_js.SearchBar,
       {
         searchTerm,
         onSearchChange: setSearchTerm,
@@ -1740,20 +1741,20 @@ function ConnectionsPageView({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: filteredConnections.map((conn) => /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGCYYGSHU_js.EntityCard,
+      chunkR4EKPXX3_js.EntityCard,
       {
         accentGradient: "from-sky-500 to-indigo-600",
         icon: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-11 w-11 items-center justify-center rounded-lg bg-sky-500/10 text-sky-600 dark:bg-sky-500/20 dark:text-sky-400", children: /* @__PURE__ */ jsxRuntime.jsx(outline.LinkIcon, { className: "h-6 w-6" }) }),
         title: conn.name,
         subtitle: providerLabel(conn.providerSlug),
         status: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.Badge, { color: conn.enabled ? "emerald" : "zinc", children: conn.enabled ? labels.enable : labels.disable }),
-          conn.credentialRef ? /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.Badge, { color: "indigo", children: "Secret set" }) : /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.Badge, { color: "amber", children: "No secret" })
+          /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Badge, { color: conn.enabled ? "emerald" : "zinc", children: conn.enabled ? labels.enable : labels.disable }),
+          conn.credentialRef ? /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Badge, { color: "indigo", children: "Secret set" }) : /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Badge, { color: "amber", children: "No secret" })
         ] }),
         footer: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setEditing(conn), children: labels.edit }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setEditing(conn), children: labels.edit }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkGCYYGSHU_js.Button,
+            chunkBHOT22QL_js.Button,
             {
               type: "button",
               size: "sm",
@@ -1775,7 +1776,7 @@ function ConnectionsPageView({
     )) })
   ] });
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.ManagementPageLayout, { hero, content, mobileAction }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.ManagementPageLayout, { hero, content, mobileAction }),
     createOpen && /* @__PURE__ */ jsxRuntime.jsx(
       ConnectionEditor,
       {
@@ -1889,7 +1890,7 @@ function ConnectionEditor({
     return preset.exampleModels?.join(", ") ?? "";
   }, [preset]);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkGCYYGSHU_js.GlassModal,
+    chunkR4EKPXX3_js.GlassModal,
     {
       open: true,
       onClose,
@@ -1902,9 +1903,9 @@ function ConnectionEditor({
         void handleSubmit();
       },
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(chunkGCYYGSHU_js.FormGrid, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkR4EKPXX3_js.FormGrid, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkGCYYGSHU_js.FormSelect,
+            chunkR4EKPXX3_js.FormSelect,
             {
               label: "Provider",
               value: value.providerSlug,
@@ -1915,7 +1916,7 @@ function ConnectionEditor({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkGCYYGSHU_js.FormInput,
+            chunkR4EKPXX3_js.FormInput,
             {
               label: "Display name",
               required: true,
@@ -1925,7 +1926,7 @@ function ConnectionEditor({
             }
           ),
           preset.needsRegion && /* @__PURE__ */ jsxRuntime.jsx(
-            chunkGCYYGSHU_js.FormInput,
+            chunkR4EKPXX3_js.FormInput,
             {
               label: "Region",
               value: value.region,
@@ -1934,7 +1935,7 @@ function ConnectionEditor({
             }
           ),
           preset.needsEndpoint && /* @__PURE__ */ jsxRuntime.jsx(
-            chunkGCYYGSHU_js.FormInput,
+            chunkR4EKPXX3_js.FormInput,
             {
               label: "Endpoint URL",
               value: value.endpoint,
@@ -1944,7 +1945,7 @@ function ConnectionEditor({
           )
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkGCYYGSHU_js.FormInput,
+          chunkR4EKPXX3_js.FormInput,
           {
             label: value.credentialRef ? "Rotate API key (leave blank to keep current)" : "API key",
             type: "password",
@@ -1955,7 +1956,7 @@ function ConnectionEditor({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkGCYYGSHU_js.FormInput,
+          chunkR4EKPXX3_js.FormInput,
           {
             label: "Model filter (comma-separated, optional)",
             value: value.modelFilter,
@@ -1967,7 +1968,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(
-            chunkGCYYGSHU_js.FormTextarea,
+            chunkR4EKPXX3_js.FormTextarea,
             {
               rows: 4,
               value: value.configJson,
@@ -2037,7 +2038,7 @@ function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate,
     { value: "password", label: labels.typePassword }
   ];
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkGCYYGSHU_js.HeroSection,
+    chunkR4EKPXX3_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.KeyIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -2045,7 +2046,7 @@ function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate,
       subtitle: labels.subtitle,
       gradient: "from-rose-500 to-orange-600",
       toolbar: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkGCYYGSHU_js.CreateActionButton,
+        chunkR4EKPXX3_js.CreateActionButton,
         {
           mode: "desktop",
           label: labels.addCredential,
@@ -2056,7 +2057,7 @@ function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate,
     }
   );
   const mobileAction = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkGCYYGSHU_js.CreateActionButton,
+    chunkR4EKPXX3_js.CreateActionButton,
     {
       mode: "mobile",
       label: labels.addCredential,
@@ -2064,9 +2065,9 @@ function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate,
       accent: "rose"
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGCYYGSHU_js.SearchBar,
+      chunkR4EKPXX3_js.SearchBar,
       {
         searchTerm,
         onSearchChange: setSearchTerm,
@@ -2074,22 +2075,22 @@ function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate,
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: filteredCredentials.map((secret) => /* @__PURE__ */ jsxRuntime.jsxs(
-      chunkGCYYGSHU_js.EntityCard,
+      chunkR4EKPXX3_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(chunkGCYYGSHU_js.Badge, { color: secret.disabled ? "zinc" : "emerald", children: secret.disabled ? labels.disable : "Active" }),
+        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(chunkGCYYGSHU_js.CopyableId, { id: secret.secretId }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.CopyableId, { id: secret.secretId }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(chunkGCYYGSHU_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setRotateFor(secret), 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(
-              chunkGCYYGSHU_js.Button,
+              chunkBHOT22QL_js.Button,
               {
                 type: "button",
                 size: "sm",
@@ -2119,9 +2120,9 @@ function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate,
     )) })
   ] });
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.ManagementPageLayout, { hero, content, mobileAction }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.ManagementPageLayout, { hero, content, mobileAction }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGCYYGSHU_js.GlassModal,
+      chunkR4EKPXX3_js.GlassModal,
       {
         open: createOpen,
         onClose: () => setCreateOpen(false),
@@ -2139,16 +2140,16 @@ function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate,
           onCreate({ name, value, secretType, description });
           setCreateOpen(false);
         },
-        children: /* @__PURE__ */ jsxRuntime.jsxs(chunkGCYYGSHU_js.FormGrid, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.FormInput, { name: "name", label: labels.name, placeholder: labels.namePlaceholder, required: true }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.FormSelect, { name: "secretType", label: labels.type, options: typeOptions, defaultValue: "generic" }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.FormInput, { name: "value", label: labels.value, placeholder: labels.valuePlaceholder, required: true, type: "password" }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.FormTextarea, { name: "description", label: labels.description, placeholder: labels.descriptionPlaceholder, rows: 2 })
+        children: /* @__PURE__ */ jsxRuntime.jsxs(chunkR4EKPXX3_js.FormGrid, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.FormInput, { name: "name", label: labels.name, placeholder: labels.namePlaceholder, required: true }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.FormSelect, { name: "secretType", label: labels.type, options: typeOptions, defaultValue: "generic" }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.FormInput, { name: "value", label: labels.value, placeholder: labels.valuePlaceholder, required: true, type: "password" }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.FormTextarea, { name: "description", label: labels.description, placeholder: labels.descriptionPlaceholder, rows: 2 })
         ] })
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGCYYGSHU_js.GlassModal,
+      chunkR4EKPXX3_js.GlassModal,
       {
         open: rotateFor !== null,
         onClose: () => setRotateFor(null),
@@ -2163,45 +2164,703 @@ function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate,
           onRotate(rotateFor, value);
           setRotateFor(null);
         },
-        children: /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.FormGrid, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkGCYYGSHU_js.FormInput, { name: "value", label: labels.value, placeholder: labels.valuePlaceholder, required: true, type: "password" }) })
+        children: /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.FormGrid, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.FormInput, { name: "value", label: labels.value, placeholder: labels.valuePlaceholder, required: true, type: "password" }) })
+      }
+    )
+  ] });
+}
+var LOCALE_OPTIONS2 = [
+  { value: "en", label: "English" },
+  { value: "pt-BR", label: "Portugu\xEAs (Brasil)" },
+  { value: "es", label: "Espa\xF1ol" },
+  { value: "fr", label: "Fran\xE7ais" },
+  { value: "de", label: "Deutsch" },
+  { value: "it", label: "Italiano" }
+];
+function AgentsWorkspacePageView({
+  labels,
+  agents,
+  models,
+  tools,
+  connections,
+  loading,
+  promptsByAgent = {},
+  onSelectAgent,
+  onCreateAgent,
+  onUpdateAgent,
+  onDeleteAgent,
+  onCreatePrompt,
+  onActivatePrompt,
+  onAttachTool,
+  onDetachTool,
+  onUpdateModel
+}) {
+  const [searchTerm, setSearchTerm] = react.useState("");
+  const [createOpen, setCreateOpen] = react.useState(false);
+  const [selectedId, setSelectedId] = react.useState(null);
+  react.useEffect(() => {
+    if (!selectedId && agents.length > 0) {
+      const first = String(agents[0].agentId ?? agents[0].id ?? "");
+      if (first) {
+        setSelectedId(first);
+        onSelectAgent?.(first);
+      }
+    }
+  }, [agents, selectedId, onSelectAgent]);
+  const filteredAgents = react.useMemo(() => {
+    const term = searchTerm.trim().toLowerCase();
+    if (!term) return agents;
+    return agents.filter((a) => String(a.name ?? "").toLowerCase().includes(term));
+  }, [agents, searchTerm]);
+  const selectedAgent = react.useMemo(() => {
+    if (!selectedId) return null;
+    return agents.find((a) => String(a.agentId ?? a.id ?? "") === selectedId) ?? null;
+  }, [agents, selectedId]);
+  const isEmpty = agents.length === 0;
+  const hero = /* @__PURE__ */ jsxRuntime.jsx(
+    chunkR4EKPXX3_js.HeroSection,
+    {
+      icon: /* @__PURE__ */ jsxRuntime.jsx(outline.CpuChipIcon, { className: "h-5 w-5" }),
+      label: labels.title,
+      title: labels.title,
+      subtitle: labels.subtitle,
+      gradient: "from-violet-500 to-indigo-700",
+      actions: /* @__PURE__ */ jsxRuntime.jsx(
+        chunkR4EKPXX3_js.CreateActionButton,
+        {
+          mode: "desktop",
+          label: labels.addAgent,
+          onClick: () => setCreateOpen(true),
+          accent: "violet"
+        }
+      )
+    }
+  );
+  const mobileAction = /* @__PURE__ */ jsxRuntime.jsx(
+    chunkR4EKPXX3_js.CreateActionButton,
+    {
+      mode: "mobile",
+      label: labels.addAgent,
+      onClick: () => setCreateOpen(true),
+      accent: "violet"
+    }
+  );
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
+    chunkR4EKPXX3_js.PageEmptyState,
+    {
+      title: labels.empty,
+      message: labels.emptyMessage,
+      iconName: "folder-open"
+    }
+  ) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkR4EKPXX3_js.SearchBar,
+      {
+        searchTerm,
+        onSearchChange: setSearchTerm,
+        placeholder: labels.searchPlaceholder
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-4 lg:grid-cols-[20rem_minmax(0,1fr)]", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:sticky lg:top-4", children: /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_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(
+          chunkR4EKPXX3_js.ListCardItem,
+          {
+            leading: /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.Avatar, { tone: active ? "violet" : "slate", initials }),
+            trailing: agent.activePromptVersion > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(chunkBHOT22QL_js.Badge, { color: "emerald", children: [
+              "v",
+              agent.activePromptVersion
+            ] }) : /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Badge, { color: "zinc", children: "draft" }),
+            pressable: true,
+            onPress: () => {
+              setSelectedId(id);
+              onSelectAgent?.(id);
+            },
+            className: active ? "bg-violet-500/5 dark:bg-violet-400/10" : "",
+            children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-sm font-semibold text-slate-900 dark:text-slate-100", children: String(agent.name ?? id) }),
+              modelName && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-xs text-slate-500 dark:text-slate-400", children: modelName })
+            ] })
+          },
+          id
+        );
+      }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { children: selectedAgent ? /* @__PURE__ */ jsxRuntime.jsx(
+        AgentDetail,
+        {
+          agent: selectedAgent,
+          labels,
+          models,
+          tools,
+          connections,
+          prompts: promptsByAgent[String(selectedAgent.agentId ?? selectedAgent.id ?? "")] ?? [],
+          onUpdateAgent,
+          onDeleteAgent,
+          onCreatePrompt,
+          onActivatePrompt,
+          onAttachTool,
+          onDetachTool,
+          onUpdateModel,
+          onCleared: () => {
+            setSelectedId(null);
+            onSelectAgent?.(null);
+          }
+        },
+        String(selectedAgent.agentId ?? selectedAgent.id ?? "")
+      ) : /* @__PURE__ */ jsxRuntime.jsx(
+        chunkR4EKPXX3_js.SectionCard,
+        {
+          header: {
+            icon: /* @__PURE__ */ jsxRuntime.jsx(outline.CpuChipIcon, { className: "h-4 w-4" }),
+            title: labels.noSelection,
+            subtitle: labels.noSelectionMessage
+          },
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            chunkR4EKPXX3_js.PageEmptyState,
+            {
+              title: labels.noSelection,
+              message: labels.noSelectionMessage,
+              iconName: "folder-open"
+            }
+          )
+        }
+      ) })
+    ] })
+  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.ManagementPageLayout, { hero, content, mobileAction }),
+    createOpen && /* @__PURE__ */ jsxRuntime.jsx(
+      CreateAgentDialog,
+      {
+        labels,
+        models,
+        onClose: () => setCreateOpen(false),
+        onSubmit: async (input) => {
+          await onCreateAgent(input);
+          setCreateOpen(false);
+        }
+      }
+    )
+  ] });
+}
+function AgentDetail({
+  agent,
+  labels,
+  models,
+  tools,
+  connections,
+  prompts,
+  onUpdateAgent,
+  onDeleteAgent,
+  onCreatePrompt,
+  onActivatePrompt,
+  onAttachTool,
+  onDetachTool,
+  onUpdateModel,
+  onCleared
+}) {
+  const agentId = String(agent.agentId ?? agent.id ?? "");
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkR4EKPXX3_js.SectionCard,
+    {
+      header: {
+        icon: /* @__PURE__ */ jsxRuntime.jsx(outline.CpuChipIcon, { className: "h-4 w-4" }),
+        title: String(agent.name ?? agentId),
+        subtitle: String(agent.description ?? "")
+      },
+      actions: /* @__PURE__ */ jsxRuntime.jsxs(
+        chunkBHOT22QL_js.Button,
+        {
+          type: "button",
+          size: "sm",
+          color: "rose",
+          onClick: async () => {
+            if (window.confirm(labels.deleteConfirm)) {
+              await onDeleteAgent(agentId);
+              onCleared();
+            }
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(outline.TrashIcon, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1.5", children: labels.deleteAgent })
+          ]
+        }
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsxs(chunkR4EKPXX3_js.Tabs, { defaultValue: "general", className: "w-full", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkR4EKPXX3_js.TabsList, { className: "bg-white/40 dark:bg-white/[0.06]", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.TabsTrigger, { value: "general", children: labels.generalTab }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.TabsTrigger, { value: "prompt", children: labels.promptTab }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.TabsTrigger, { value: "tools", children: labels.toolsTab }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.TabsTrigger, { value: "model", children: labels.modelTab })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_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(chunkR4EKPXX3_js.TabsContent, { value: "prompt", className: "space-y-4 pt-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+          PromptTab,
+          {
+            agent,
+            labels,
+            prompts,
+            onCreate: (input) => onCreatePrompt(agentId, input),
+            onActivate: (promptId) => onActivatePrompt(agentId, promptId)
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.TabsContent, { value: "tools", className: "space-y-4 pt-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+          ToolsTab,
+          {
+            agent,
+            labels,
+            tools,
+            onAttach: (toolId) => onAttachTool(agentId, toolId),
+            onDetach: (toolId) => onDetachTool(agentId, toolId)
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.TabsContent, { value: "model", className: "space-y-4 pt-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+          ModelTab,
+          {
+            agent,
+            labels,
+            models,
+            connections,
+            onSubmit: (modelId, connectionId) => onUpdateModel(agentId, modelId, connectionId)
+          }
+        ) })
+      ] })
+    }
+  );
+}
+function GeneralTab({
+  agent,
+  labels,
+  onSubmit
+}) {
+  const [submitting, setSubmitting] = react.useState(false);
+  const initial = {
+    agentId: String(agent.agentId ?? agent.id ?? ""),
+    name: String(agent.name ?? ""),
+    modelId: String(agent.modelId ?? ""),
+    systemPrompt: String(agent.systemPrompt ?? ""),
+    maxTokens: Number(agent.maxTokens ?? 2048),
+    temperature: Number(agent.temperature ?? 0.2)
+  };
+  const initialDescription = String(agent.description ?? "");
+  const initialRole = String(agent.role ?? "");
+  const initialStatus = String(agent.status ?? "draft");
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkR4EKPXX3_js.SectionCard,
+    {
+      variant: "glass",
+      header: {
+        icon: /* @__PURE__ */ jsxRuntime.jsx(outline.CpuChipIcon, { className: "h-4 w-4" }),
+        title: labels.generalSection
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "form",
+        {
+          onSubmit: async (event) => {
+            event.preventDefault();
+            setSubmitting(true);
+            try {
+              const form = new FormData(event.currentTarget);
+              await onSubmit({
+                agentId: initial.agentId,
+                name: String(form.get("name") ?? "").trim() || initial.name,
+                modelId: String(form.get("modelId") ?? initial.modelId),
+                systemPrompt: initial.systemPrompt,
+                maxTokens: Number(form.get("maxTokens") ?? initial.maxTokens),
+                temperature: Number(form.get("temperature") ?? initial.temperature)
+              });
+            } finally {
+              setSubmitting(false);
+            }
+          },
+          className: "space-y-4",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(chunkR4EKPXX3_js.FormGrid, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.FormInput, { name: "name", label: labels.name, defaultValue: initial.name, required: true }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                chunkR4EKPXX3_js.FormSelect,
+                {
+                  name: "status",
+                  label: labels.status,
+                  defaultValue: initialStatus,
+                  options: [
+                    { value: "draft", label: labels.statusDraft },
+                    { value: "active", label: labels.statusActive },
+                    { value: "archived", label: labels.statusArchived }
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.FormInput, { name: "role", label: labels.role, placeholder: labels.rolePlaceholder, defaultValue: initialRole }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                chunkR4EKPXX3_js.FormInput,
+                {
+                  name: "maxTokens",
+                  label: labels.maxTokens,
+                  type: "number",
+                  defaultValue: String(initial.maxTokens)
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                chunkR4EKPXX3_js.FormInput,
+                {
+                  name: "temperature",
+                  label: labels.temperature,
+                  type: "number",
+                  step: 0.1,
+                  min: 0,
+                  max: 2,
+                  defaultValue: String(initial.temperature)
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_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 }) })
+          ]
+        }
+      )
+    }
+  );
+}
+function PromptTab({
+  agent,
+  labels,
+  prompts,
+  onCreate,
+  onActivate
+}) {
+  const [addOpen, setAddOpen] = react.useState(false);
+  const agentId = String(agent.agentId ?? agent.id ?? "");
+  const currentSystem = String(agent.systemPrompt ?? "");
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkR4EKPXX3_js.SectionCard,
+      {
+        variant: "glass",
+        header: {
+          icon: /* @__PURE__ */ jsxRuntime.jsx(outline.ChatBubbleLeftEllipsisIcon, { className: "h-4 w-4" }),
+          title: labels.promptSection,
+          subtitle: labels.promptCurrent
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "whitespace-pre-wrap rounded-lg border border-slate-200/70 bg-slate-50/60 p-3 text-xs text-slate-700 dark:border-slate-700 dark:bg-slate-900/40 dark:text-slate-200", children: currentSystem || "\u2014" })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkR4EKPXX3_js.SectionCard,
+      {
+        variant: "glass",
+        header: {
+          icon: /* @__PURE__ */ jsxRuntime.jsx(outline.ChatBubbleLeftEllipsisIcon, { className: "h-4 w-4" }),
+          title: labels.promptVersions
+        },
+        actions: /* @__PURE__ */ jsxRuntime.jsxs(chunkBHOT22QL_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setAddOpen(true), children: [
+          /* @__PURE__ */ jsxRuntime.jsx(outline.PlusIcon, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1.5", children: labels.addPrompt })
+        ] }),
+        children: prompts.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-slate-500 dark:text-slate-400", children: labels.promptVersionsEmpty }) : /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.ListCard, { children: prompts.map((prompt) => {
+          const id = `${prompt.agentId}:${prompt.locale}:${prompt.version}`;
+          return /* @__PURE__ */ jsxRuntime.jsxs(
+            chunkR4EKPXX3_js.ListCardItem,
+            {
+              leading: /* @__PURE__ */ jsxRuntime.jsxs(chunkBHOT22QL_js.Badge, { color: prompt.isActive ? "emerald" : "zinc", children: [
+                "v",
+                prompt.version
+              ] }),
+              trailing: prompt.isActive ? /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Badge, { color: "emerald", children: labels.activated }) : /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "button", size: "sm", outline: true, onClick: () => onActivate(id), children: labels.activate }),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-slate-700 dark:text-slate-200", children: prompt.locale }),
+                prompt.prompt && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 line-clamp-2 text-xs text-slate-500 dark:text-slate-400", children: prompt.prompt })
+              ]
+            },
+            id
+          );
+        }) })
+      }
+    ),
+    addOpen && /* @__PURE__ */ jsxRuntime.jsx(
+      chunkR4EKPXX3_js.GlassModal,
+      {
+        open: true,
+        onClose: () => setAddOpen(false),
+        title: labels.addPrompt,
+        maxWidth: "2xl",
+        showFormFooter: true,
+        submitLabel: labels.save,
+        onSubmit: async (event) => {
+          const form = new FormData(event.currentTarget);
+          await onCreate({
+            agentId,
+            locale: String(form.get("locale") ?? "en"),
+            prompt: String(form.get("prompt") ?? "").trim(),
+            systemPrompt: String(form.get("systemPrompt") ?? "").trim() || void 0,
+            userTemplate: String(form.get("userTemplate") ?? "").trim() || void 0,
+            reason: String(form.get("reason") ?? "").trim() || void 0,
+            isActive: String(form.get("isActive") ?? "true") === "true"
+          });
+          setAddOpen(false);
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsxs(chunkR4EKPXX3_js.FormGrid, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.FormSelect, { name: "locale", label: labels.promptLocale, options: LOCALE_OPTIONS2, defaultValue: "en" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            chunkR4EKPXX3_js.FormSelect,
+            {
+              name: "isActive",
+              label: labels.promptIsActive,
+              options: [
+                { value: "true", label: labels.promptIsActive },
+                { value: "false", label: "\u2014" }
+              ],
+              defaultValue: "true"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.FormInput, { name: "reason", label: labels.promptReason }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.FormTextarea, { name: "systemPrompt", label: labels.promptSystemPrompt, rows: 3 }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.FormTextarea, { name: "userTemplate", label: labels.promptUserTemplate, rows: 3 }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.FormTextarea, { name: "prompt", label: labels.promptText, rows: 6, required: true })
+        ] })
       }
     )
   ] });
 }
+function ToolsTab({
+  agent,
+  labels,
+  tools,
+  onAttach,
+  onDetach
+}) {
+  const raw = agent;
+  const attached = react.useMemo(() => {
+    const ids = raw.enabledToolIds ?? raw.toolIds;
+    return Array.isArray(ids) ? ids.filter((id) => typeof id === "string") : [];
+  }, [raw]);
+  const attachedSet = react.useMemo(() => new Set(attached), [attached]);
+  const attachedTools = tools.filter((tool) => attachedSet.has(tool.agentToolId));
+  const availableTools = tools.filter((tool) => !attachedSet.has(tool.agentToolId));
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkR4EKPXX3_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(chunkR4EKPXX3_js.ListCard, { children: attachedTools.map((tool) => /* @__PURE__ */ jsxRuntime.jsxs(
+          chunkR4EKPXX3_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 }),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-slate-700 dark:text-slate-200", children: tool.name }),
+              tool.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 line-clamp-1 text-xs text-slate-500 dark:text-slate-400", children: tool.description })
+            ]
+          },
+          tool.agentToolId
+        )) })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkR4EKPXX3_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(chunkR4EKPXX3_js.ListCard, { children: availableTools.map((tool) => /* @__PURE__ */ jsxRuntime.jsxs(
+          chunkR4EKPXX3_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: [
+              /* @__PURE__ */ jsxRuntime.jsx(outline.PlusIcon, { className: "h-4 w-4" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1.5", children: labels.attachTool })
+            ] }),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-slate-700 dark:text-slate-200", children: tool.name }),
+              tool.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 line-clamp-1 text-xs text-slate-500 dark:text-slate-400", children: tool.description })
+            ]
+          },
+          tool.agentToolId
+        )) })
+      }
+    )
+  ] });
+}
+function ModelTab({
+  agent,
+  labels,
+  models,
+  connections,
+  onSubmit
+}) {
+  const initialModelId = String(agent.modelId ?? "");
+  const initialConnectionId = String(agent.connectionId ?? "");
+  const [modelId, setModelId] = react.useState(initialModelId);
+  const [connectionId, setConnectionId] = react.useState(initialConnectionId);
+  const [submitting, setSubmitting] = react.useState(false);
+  const selectedModel = models.find((m) => m.id === modelId) ?? null;
+  const matchingConnections = react.useMemo(() => {
+    if (!selectedModel) return connections;
+    const slug = selectedModel.provider;
+    if (!slug) return connections;
+    const matches = connections.filter(
+      (c) => (c.providerSlug ?? "") === slug || (c.providerSlug ?? "").startsWith(String(slug))
+    );
+    return matches.length > 0 ? matches : connections;
+  }, [selectedModel, connections]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkR4EKPXX3_js.SectionCard,
+    {
+      variant: "glass",
+      header: {
+        icon: /* @__PURE__ */ jsxRuntime.jsx(outline.CubeTransparentIcon, { className: "h-4 w-4" }),
+        title: labels.modelSection
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "form",
+        {
+          onSubmit: async (event) => {
+            event.preventDefault();
+            setSubmitting(true);
+            try {
+              await onSubmit(modelId, connectionId);
+            } finally {
+              setSubmitting(false);
+            }
+          },
+          className: "space-y-4",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(chunkR4EKPXX3_js.FormGrid, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                chunkR4EKPXX3_js.FormSelect,
+                {
+                  label: labels.model,
+                  value: modelId,
+                  onValueChange: setModelId,
+                  options: models.length > 0 ? models.map((m) => ({ value: m.id, label: `${m.name} (${m.provider})` })) : [{ value: "", label: labels.modelEmpty }]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                chunkR4EKPXX3_js.FormSelect,
+                {
+                  label: labels.connection,
+                  value: connectionId,
+                  onValueChange: setConnectionId,
+                  options: matchingConnections.length > 0 ? matchingConnections.map((c) => ({
+                    value: c.id,
+                    label: `${c.name}${c.providerSlug ? " \xB7 " + c.providerSlug : ""}`
+                  })) : [{ value: "", label: labels.connectionEmpty }],
+                  icon: /* @__PURE__ */ jsxRuntime.jsx(outline.LinkIcon, { className: "h-4 w-4" })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "submit", color: "indigo", disabled: submitting || !modelId, children: submitting ? labels.saving : labels.save }) })
+          ]
+        }
+      )
+    }
+  );
+}
+function CreateAgentDialog({
+  labels,
+  models,
+  onClose,
+  onSubmit
+}) {
+  const modelOptions = models.map((m) => ({ value: m.id, label: `${m.name} (${m.provider})` }));
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkR4EKPXX3_js.GlassModal,
+    {
+      open: true,
+      onClose,
+      title: labels.createAgentTitle,
+      maxWidth: "lg",
+      showFormFooter: true,
+      submitLabel: labels.save,
+      onSubmit: async (event) => {
+        const form = new FormData(event.currentTarget);
+        await onSubmit({
+          name: String(form.get("name") ?? "").trim(),
+          modelId: String(form.get("modelId") ?? modelOptions[0]?.value ?? ""),
+          systemPrompt: "",
+          maxTokens: Number(form.get("maxTokens") ?? 2048),
+          temperature: Number(form.get("temperature") ?? 0.2)
+        });
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsxs(chunkR4EKPXX3_js.FormGrid, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.FormInput, { name: "name", label: labels.name, required: true }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkR4EKPXX3_js.FormSelect,
+          {
+            name: "modelId",
+            label: labels.model,
+            options: modelOptions.length > 0 ? modelOptions : [{ value: "", label: labels.modelEmpty }],
+            defaultValue: modelOptions[0]?.value ?? ""
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkR4EKPXX3_js.FormInput, { name: "maxTokens", label: labels.maxTokens, type: "number", defaultValue: "2048" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkR4EKPXX3_js.FormInput,
+          {
+            name: "temperature",
+            label: labels.temperature,
+            type: "number",
+            step: 0.1,
+            min: 0,
+            max: 2,
+            defaultValue: "0.2"
+          }
+        )
+      ] })
+    }
+  );
+}
+function deriveInitials(name) {
+  const trimmed = name.trim();
+  if (!trimmed) return "?";
+  const parts = trimmed.split(/\s+/);
+  if (parts.length === 1) return parts[0].slice(0, 2).toUpperCase();
+  return (parts[0][0] + parts[parts.length - 1][0]).toUpperCase();
+}
 
 Object.defineProperty(exports, "RolesPageView", {
   enumerable: true,
-  get: function () { return chunkMUOTTGCX_js.RolesPageView; }
+  get: function () { return chunkUDYEUTJC_js.RolesPageView; }
 });
 Object.defineProperty(exports, "UsersPageView", {
   enumerable: true,
-  get: function () { return chunkMUOTTGCX_js.UsersPageView; }
+  get: function () { return chunkUDYEUTJC_js.UsersPageView; }
 });
 Object.defineProperty(exports, "DIALECT_CATEGORIES", {
   enumerable: true,
-  get: function () { return chunkLVK7VXW7_js.DIALECT_CATEGORIES; }
+  get: function () { return chunkDMPBNWJB_js.DIALECT_CATEGORIES; }
 });
 Object.defineProperty(exports, "DatasourceFormModal", {
   enumerable: true,
-  get: function () { return chunkLVK7VXW7_js.DatasourceFormModal; }
+  get: function () { return chunkDMPBNWJB_js.DatasourceFormModal; }
 });
 Object.defineProperty(exports, "DatasourceModal", {
   enumerable: true,
-  get: function () { return chunkLVK7VXW7_js.DatasourceModal; }
+  get: function () { return chunkDMPBNWJB_js.DatasourceModal; }
 });
 Object.defineProperty(exports, "findCategory", {
   enumerable: true,
-  get: function () { return chunkLVK7VXW7_js.findCategory; }
+  get: function () { return chunkDMPBNWJB_js.findCategory; }
 });
 Object.defineProperty(exports, "findDialect", {
   enumerable: true,
-  get: function () { return chunkLVK7VXW7_js.findDialect; }
+  get: function () { return chunkDMPBNWJB_js.findDialect; }
 });
 exports.AgentsConfigPageView = AgentsConfigPageView;
 exports.AgentsIndexPageView = AgentsIndexPageView;
 exports.AgentsModelsPageView = AgentsModelsPageView;
 exports.AgentsPromptsPageView = AgentsPromptsPageView;
 exports.AgentsToolDefinitionsPageView = AgentsToolDefinitionsPageView;
+exports.AgentsWorkspacePageView = AgentsWorkspacePageView;
 exports.ConnectionsPageView = ConnectionsPageView;
 exports.CredentialsPageView = CredentialsPageView;
 exports.DashboardPageView = DashboardPageView;