@datatechsolutions/ui 3.7.5 → 3.8.0

package/dist/platform/pages/index.js

@@ -2,16 +2,16 @@
 'use strict';
 
 var chunk3T2WGL47_js = require('../../chunk-3T2WGL47.js');
-var chunkBEUPW5WS_js = require('../../chunk-BEUPW5WS.js');
-var chunkSUU7XPRX_js = require('../../chunk-SUU7XPRX.js');
-var chunkIYDGO7RW_js = require('../../chunk-IYDGO7RW.js');
+var chunkFKUIVS6I_js = require('../../chunk-FKUIVS6I.js');
+var chunkTJPPZU77_js = require('../../chunk-TJPPZU77.js');
+var chunk3H5CFLVK_js = require('../../chunk-3H5CFLVK.js');
 require('../../chunk-55H6WZQP.js');
 require('../../chunk-DJDZIRM6.js');
-require('../../chunk-QL2JYRBN.js');
-var chunkGD6FHRHV_js = require('../../chunk-GD6FHRHV.js');
+require('../../chunk-3X3IYDG6.js');
+var chunkFNA66TT4_js = require('../../chunk-FNA66TT4.js');
+require('../../chunk-YXN2K77G.js');
 require('../../chunk-SY4MUT5V.js');
 require('../../chunk-2OZZH2IO.js');
-require('../../chunk-YXN2K77G.js');
 require('../../chunk-EZQ2D47U.js');
 var chunkBHOT22QL_js = require('../../chunk-BHOT22QL.js');
 require('../../chunk-UZ3CMNUJ.js');
@@ -27,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(
-    chunkGD6FHRHV_js.HeroSection,
+    chunkFNA66TT4_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.CubeTransparentIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -36,9 +36,9 @@ function AgentsModelsPageView({ labels, models, loading }) {
       gradient: "from-emerald-500 to-teal-700"
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGD6FHRHV_js.SearchBar,
+      chunkFNA66TT4_js.SearchBar,
       {
         searchTerm,
         onSearchChange: setSearchTerm,
@@ -46,7 +46,7 @@ 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(
-      chunkGD6FHRHV_js.EntityCard,
+      chunkFNA66TT4_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" }) }),
@@ -57,7 +57,7 @@ function AgentsModelsPageView({ labels, models, loading }) {
       model.id
     )) })
   ] });
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.ManagementPageLayout, { hero, content });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.ManagementPageLayout, { hero, content });
 }
 function AgentsConfigPageView({ labels, agents, models, loading, onCreate, onUpdate, onDelete }) {
   const [editing, setEditing] = react.useState(null);
@@ -68,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(
-    chunkGD6FHRHV_js.HeroSection,
+    chunkFNA66TT4_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.CpuChipIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -76,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(
-        chunkGD6FHRHV_js.SearchBar,
+        chunkFNA66TT4_js.SearchBar,
         {
           searchTerm,
           onSearchChange: setSearchTerm,
@@ -85,7 +85,7 @@ function AgentsConfigPageView({ labels, agents, models, loading, onCreate, onUpd
         }
       ) : void 0,
       actions: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkGD6FHRHV_js.CreateActionButton,
+        chunkFNA66TT4_js.CreateActionButton,
         {
           mode: "desktop",
           label: labels.addAgent,
@@ -96,7 +96,7 @@ function AgentsConfigPageView({ labels, agents, models, loading, onCreate, onUpd
     }
   );
   const mobileAction = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkGD6FHRHV_js.CreateActionButton,
+    chunkFNA66TT4_js.CreateActionButton,
     {
       mode: "mobile",
       label: labels.addAgent,
@@ -104,10 +104,10 @@ function AgentsConfigPageView({ labels, agents, models, loading, onCreate, onUpd
       accent: "violet"
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_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(chunkFNA66TT4_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_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(
-      chunkGD6FHRHV_js.EntityCard,
+      chunkFNA66TT4_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" }) }),
@@ -144,7 +144,7 @@ function AgentsConfigPageView({ labels, agents, models, loading, onCreate, onUpd
     );
   }) });
   const renderForm = (initial, onSubmit) => /* @__PURE__ */ jsxRuntime.jsx(
-    chunkGD6FHRHV_js.GlassModal,
+    chunkFNA66TT4_js.GlassModal,
     {
       open: true,
       onClose: () => {
@@ -167,18 +167,18 @@ function AgentsConfigPageView({ labels, agents, models, loading, onCreate, onUpd
           outputSchema: String(form.get("outputSchema") ?? "").trim() || void 0
         });
       },
-      children: /* @__PURE__ */ jsxRuntime.jsxs(chunkGD6FHRHV_js.FormGrid, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.FormInput, { name: "name", label: labels.name, defaultValue: initial.name ?? "", required: true }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.FormSelect, { name: "modelId", label: labels.model, options: modelOptions, defaultValue: initial.modelId ?? modelOptions[0]?.value ?? "", required: true }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.FormInput, { name: "maxTokens", label: String(labels.maxTokens), type: "number", defaultValue: String(initial.maxTokens ?? 2048) }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_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(chunkGD6FHRHV_js.FormTextarea, { name: "systemPrompt", label: labels.systemPrompt, defaultValue: initial.systemPrompt ?? "", rows: 4 }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.FormTextarea, { name: "outputSchema", label: labels.outputSchema, placeholder: labels.outputSchemaPlaceholder, defaultValue: initial.outputSchema ?? "", rows: 4 })
+      children: /* @__PURE__ */ jsxRuntime.jsxs(chunkFNA66TT4_js.FormGrid, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.FormInput, { name: "name", label: labels.name, defaultValue: initial.name ?? "", required: true }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.FormSelect, { name: "modelId", label: labels.model, options: modelOptions, defaultValue: initial.modelId ?? modelOptions[0]?.value ?? "", required: true }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.FormInput, { name: "maxTokens", label: String(labels.maxTokens), type: "number", defaultValue: String(initial.maxTokens ?? 2048) }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_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(chunkFNA66TT4_js.FormTextarea, { name: "systemPrompt", label: labels.systemPrompt, defaultValue: initial.systemPrompt ?? "", rows: 4 }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_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(chunkGD6FHRHV_js.ManagementPageLayout, { hero, content, mobileAction }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.ManagementPageLayout, { hero, content, mobileAction }),
     createOpen && renderForm({ title: labels.createTitle }, (input) => {
       onCreate(input);
       setCreateOpen(false);
@@ -236,7 +236,7 @@ function AgentsPromptsPageView({ labels, agents, prompts, loading, onCreate, onA
   }) : allPrompts;
   const isEmpty = allPrompts.length === 0;
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkGD6FHRHV_js.HeroSection,
+    chunkFNA66TT4_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.ChatBubbleLeftEllipsisIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -244,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(
-        chunkGD6FHRHV_js.CreateActionButton,
+        chunkFNA66TT4_js.CreateActionButton,
         {
           mode: "desktop",
           label: labels.addPrompt,
@@ -255,7 +255,7 @@ function AgentsPromptsPageView({ labels, agents, prompts, loading, onCreate, onA
     }
   );
   const mobileAction = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkGD6FHRHV_js.CreateActionButton,
+    chunkFNA66TT4_js.CreateActionButton,
     {
       mode: "mobile",
       label: labels.addPrompt,
@@ -263,9 +263,9 @@ function AgentsPromptsPageView({ labels, agents, prompts, loading, onCreate, onA
       accent: "sky"
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGD6FHRHV_js.SearchBar,
+      chunkFNA66TT4_js.SearchBar,
       {
         searchTerm,
         onSearchChange: setSearchTerm,
@@ -276,7 +276,7 @@ function AgentsPromptsPageView({ labels, agents, prompts, loading, onCreate, onA
       const agentName = agentNameById.get(prompt.agentId) ?? prompt.agentId;
       const key = `${prompt.agentId}:${prompt.locale}:${prompt.version}`;
       return /* @__PURE__ */ jsxRuntime.jsx(
-        chunkGD6FHRHV_js.EntityCard,
+        chunkFNA66TT4_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" }) }),
@@ -305,9 +305,9 @@ function AgentsPromptsPageView({ labels, agents, prompts, loading, onCreate, onA
     }) })
   ] });
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.ManagementPageLayout, { hero, content, mobileAction }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.ManagementPageLayout, { hero, content, mobileAction }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGD6FHRHV_js.GlassModal,
+      chunkFNA66TT4_js.GlassModal,
       {
         open: createOpen,
         onClose: () => setCreateOpen(false),
@@ -331,11 +331,11 @@ function AgentsPromptsPageView({ labels, agents, prompts, loading, onCreate, onA
           });
           setCreateOpen(false);
         },
-        children: /* @__PURE__ */ jsxRuntime.jsxs(chunkGD6FHRHV_js.FormGrid, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.FormSelect, { name: "agentId", label: labels.agent, options: agentOptions, required: true }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.FormSelect, { name: "locale", label: labels.locale, options: LOCALE_OPTIONS, defaultValue: "en" }),
+        children: /* @__PURE__ */ jsxRuntime.jsxs(chunkFNA66TT4_js.FormGrid, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.FormSelect, { name: "agentId", label: labels.agent, options: agentOptions, required: true }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.FormSelect, { name: "locale", label: labels.locale, options: LOCALE_OPTIONS, defaultValue: "en" }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkGD6FHRHV_js.FormSelect,
+            chunkFNA66TT4_js.FormSelect,
             {
               name: "isActive",
               label: labels.isActive,
@@ -343,10 +343,10 @@ function AgentsPromptsPageView({ labels, agents, prompts, loading, onCreate, onA
               defaultValue: "true"
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.FormInput, { name: "reason", label: labels.reason }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.FormTextarea, { name: "systemPrompt", label: labels.systemPrompt, rows: 3 }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.FormTextarea, { name: "userTemplate", label: labels.userTemplate, rows: 3 }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.FormTextarea, { name: "prompt", label: labels.prompt, rows: 6, required: true })
+          /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.FormInput, { name: "reason", label: labels.reason }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.FormTextarea, { name: "systemPrompt", label: labels.systemPrompt, rows: 3 }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.FormTextarea, { name: "userTemplate", label: labels.userTemplate, rows: 3 }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.FormTextarea, { name: "prompt", label: labels.prompt, rows: 6, required: true })
         ] })
       }
     )
@@ -381,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(
-    chunkGD6FHRHV_js.HeroSection,
+    chunkFNA66TT4_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.WrenchScrewdriverIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -389,7 +389,7 @@ function AgentsToolDefinitionsPageView({ labels, tools, loading, onCreate, onUpd
       subtitle: labels.subtitle,
       gradient: "from-amber-500 to-orange-700",
       toolbar: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkGD6FHRHV_js.CreateActionButton,
+        chunkFNA66TT4_js.CreateActionButton,
         {
           mode: "desktop",
           label: labels.addTool,
@@ -400,7 +400,7 @@ function AgentsToolDefinitionsPageView({ labels, tools, loading, onCreate, onUpd
     }
   );
   const mobileAction = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkGD6FHRHV_js.CreateActionButton,
+    chunkFNA66TT4_js.CreateActionButton,
     {
       mode: "mobile",
       label: labels.addTool,
@@ -408,9 +408,9 @@ function AgentsToolDefinitionsPageView({ labels, tools, loading, onCreate, onUpd
       accent: "amber"
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGD6FHRHV_js.SearchBar,
+      chunkFNA66TT4_js.SearchBar,
       {
         searchTerm,
         onSearchChange: setSearchTerm,
@@ -418,7 +418,7 @@ function AgentsToolDefinitionsPageView({ labels, tools, loading, onCreate, onUpd
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: filteredTools.map((tool) => /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGD6FHRHV_js.EntityCard,
+      chunkFNA66TT4_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" }) }),
@@ -446,7 +446,7 @@ function AgentsToolDefinitionsPageView({ labels, tools, loading, onCreate, onUpd
     )) })
   ] });
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.ManagementPageLayout, { hero, content, mobileAction }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.ManagementPageLayout, { hero, content, mobileAction }),
     createOpen && /* @__PURE__ */ jsxRuntime.jsx(
       ToolEditor,
       {
@@ -504,7 +504,7 @@ function ToolEditor({
     setValue((v) => ({ ...v, [key]: next }));
   };
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkGD6FHRHV_js.GlassModal,
+    chunkFNA66TT4_js.GlassModal,
     {
       open: true,
       onClose,
@@ -517,9 +517,9 @@ function ToolEditor({
         handleSubmit();
       },
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-5", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(chunkGD6FHRHV_js.FormGrid, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkFNA66TT4_js.FormGrid, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkGD6FHRHV_js.FormInput,
+            chunkFNA66TT4_js.FormInput,
             {
               label: "Name",
               required: true,
@@ -529,7 +529,7 @@ function ToolEditor({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkGD6FHRHV_js.FormSelect,
+            chunkFNA66TT4_js.FormSelect,
             {
               label: "Tool type",
               value: value.toolType,
@@ -539,7 +539,7 @@ function ToolEditor({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkGD6FHRHV_js.FormSelect,
+            chunkFNA66TT4_js.FormSelect,
             {
               label: "Enabled",
               value: value.enabled ? "true" : "false",
@@ -548,7 +548,7 @@ function ToolEditor({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkGD6FHRHV_js.FormInput,
+            chunkFNA66TT4_js.FormInput,
             {
               label: "Icon (optional)",
               value: value.icon ?? "",
@@ -558,7 +558,7 @@ function ToolEditor({
           )
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkGD6FHRHV_js.FormTextarea,
+          chunkFNA66TT4_js.FormTextarea,
           {
             label: "Description",
             rows: 2,
@@ -606,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(
-          chunkGD6FHRHV_js.FormInput,
+          chunkFNA66TT4_js.FormInput,
           {
             label: "Name",
             value: param.name,
@@ -615,7 +615,7 @@ function ParametersEditor({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkGD6FHRHV_js.FormSelect,
+          chunkFNA66TT4_js.FormSelect,
           {
             label: "Type",
             value: param.type,
@@ -624,7 +624,7 @@ function ParametersEditor({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkGD6FHRHV_js.FormInput,
+          chunkFNA66TT4_js.FormInput,
           {
             label: "Description",
             value: param.description,
@@ -658,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(chunkGD6FHRHV_js.FormGrid, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkFNA66TT4_js.FormGrid, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkGD6FHRHV_js.FormSelect,
+          chunkFNA66TT4_js.FormSelect,
           {
             label: "Method",
             value: stringProp(config, "method", "GET"),
@@ -669,7 +669,7 @@ function HandlerConfigEditor({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkGD6FHRHV_js.FormInput,
+          chunkFNA66TT4_js.FormInput,
           {
             label: "URL template",
             value: stringProp(config, "url"),
@@ -679,7 +679,7 @@ function HandlerConfigEditor({
         )
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkGD6FHRHV_js.FormTextarea,
+        chunkFNA66TT4_js.FormTextarea,
         {
           label: "Headers (JSON)",
           rows: 3,
@@ -689,7 +689,7 @@ function HandlerConfigEditor({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkGD6FHRHV_js.FormTextarea,
+        chunkFNA66TT4_js.FormTextarea,
         {
           label: "Body template",
           rows: 3,
@@ -704,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(
-        chunkGD6FHRHV_js.FormInput,
+        chunkFNA66TT4_js.FormInput,
         {
           label: "Implementation key",
           value: stringProp(config, "implementationKey"),
@@ -718,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(chunkGD6FHRHV_js.FormGrid, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkFNA66TT4_js.FormGrid, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkGD6FHRHV_js.FormInput,
+          chunkFNA66TT4_js.FormInput,
           {
             label: "Datasource ID",
             value: stringProp(config, "datasourceId"),
@@ -729,7 +729,7 @@ function HandlerConfigEditor({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkGD6FHRHV_js.FormInput,
+          chunkFNA66TT4_js.FormInput,
           {
             label: "Max rows",
             type: "number",
@@ -739,7 +739,7 @@ function HandlerConfigEditor({
         )
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkGD6FHRHV_js.FormTextarea,
+        chunkFNA66TT4_js.FormTextarea,
         {
           label: "Query template",
           rows: 4,
@@ -755,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(
-        chunkGD6FHRHV_js.FormSelect,
+        chunkFNA66TT4_js.FormSelect,
         {
           label: "Language",
           value: stringProp(config, "language", "javascript"),
@@ -767,7 +767,7 @@ function HandlerConfigEditor({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkGD6FHRHV_js.FormTextarea,
+        chunkFNA66TT4_js.FormTextarea,
         {
           label: "Code",
           rows: 6,
@@ -780,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(chunkGD6FHRHV_js.FormGrid, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(chunkFNA66TT4_js.FormGrid, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkGD6FHRHV_js.FormInput,
+        chunkFNA66TT4_js.FormInput,
         {
           label: "URL",
           value: stringProp(config, "url"),
@@ -790,7 +790,7 @@ function HandlerConfigEditor({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkGD6FHRHV_js.FormSelect,
+        chunkFNA66TT4_js.FormSelect,
         {
           label: "Auth",
           value: stringProp(config, "authType", "bearer"),
@@ -804,7 +804,7 @@ function HandlerConfigEditor({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkGD6FHRHV_js.FormInput,
+        chunkFNA66TT4_js.FormInput,
         {
           label: "Credential secret id",
           value: stringProp(config, "credentialRef"),
@@ -937,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(
-    chunkGD6FHRHV_js.HeroSection,
+    chunkFNA66TT4_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.AdjustmentsHorizontalIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -945,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(
-        chunkGD6FHRHV_js.CreateActionButton,
+        chunkFNA66TT4_js.CreateActionButton,
         {
           mode: "desktop",
           label: labels.addRule,
@@ -956,7 +956,7 @@ function RulesPageView({ labels, rules, loading, onCreate, onUpdate, onDelete })
     }
   );
   const mobileAction = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkGD6FHRHV_js.CreateActionButton,
+    chunkFNA66TT4_js.CreateActionButton,
     {
       mode: "mobile",
       label: labels.addRule,
@@ -964,9 +964,9 @@ function RulesPageView({ labels, rules, loading, onCreate, onUpdate, onDelete })
       accent: "fuchsia"
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGD6FHRHV_js.SearchBar,
+      chunkFNA66TT4_js.SearchBar,
       {
         searchTerm,
         onSearchChange: setSearchTerm,
@@ -974,7 +974,7 @@ function RulesPageView({ labels, rules, loading, onCreate, onUpdate, onDelete })
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: filteredRules.map((rule) => /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGD6FHRHV_js.EntityCard,
+      chunkFNA66TT4_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" }) }),
@@ -1002,13 +1002,13 @@ function RulesPageView({ labels, rules, loading, onCreate, onUpdate, onDelete })
     )) })
   ] });
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.ManagementPageLayout, { hero, content, mobileAction }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.ManagementPageLayout, { hero, content, mobileAction }),
     createOpen && /* @__PURE__ */ jsxRuntime.jsx(
       RuleEditor,
       {
         title: labels.createTitle,
         saveLabel: labels.save,
-        initial: chunkIYDGO7RW_js.defaultRuleForm(),
+        initial: chunk3H5CFLVK_js.defaultRuleForm(),
         onClose: () => setCreateOpen(false),
         onSubmit: (value) => {
           onCreate(value);
@@ -1040,7 +1040,7 @@ function RuleEditor({
 }) {
   const [value, setValue] = react.useState(initial);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkGD6FHRHV_js.GlassModal,
+    chunkFNA66TT4_js.GlassModal,
     {
       open: true,
       onClose,
@@ -1052,12 +1052,12 @@ function RuleEditor({
         event.preventDefault();
         onSubmit(value);
       },
-      children: /* @__PURE__ */ jsxRuntime.jsx(chunkIYDGO7RW_js.RuleForm, { value, onChange: setValue })
+      children: /* @__PURE__ */ jsxRuntime.jsx(chunk3H5CFLVK_js.RuleForm, { value, onChange: setValue })
     }
   );
 }
 function ruleToFormValue(rule) {
-  const base = chunkIYDGO7RW_js.defaultRuleForm();
+  const base = chunk3H5CFLVK_js.defaultRuleForm();
   const rawCondition = rule.condition ?? rule.conditions;
   const rawAction = pickAction(rule);
   return {
@@ -1188,7 +1188,7 @@ var SAMPLE_DATASOURCES = [
 ];
 function getDialectLabel(dialect) {
   if (!dialect) return "Unknown";
-  for (const category of chunkSUU7XPRX_js.DIALECT_CATEGORIES) {
+  for (const category of chunkTJPPZU77_js.DIALECT_CATEGORIES) {
     const found = category.dialects.find((d) => d.value === dialect);
     if (found) return found.label;
   }
@@ -1196,12 +1196,12 @@ function getDialectLabel(dialect) {
 }
 function getDialectGradient(dialect) {
   if (!dialect) return "from-gray-400 to-gray-500";
-  const category = chunkSUU7XPRX_js.findCategory(dialect);
+  const category = chunkTJPPZU77_js.findCategory(dialect);
   return category?.gradient ?? "from-gray-400 to-gray-500";
 }
 function getDialectIcon(dialect) {
   if (!dialect) return outline.CircleStackIcon;
-  const category = chunkSUU7XPRX_js.findCategory(dialect);
+  const category = chunkTJPPZU77_js.findCategory(dialect);
   return category?.icon ?? outline.CircleStackIcon;
 }
 var DIALECT_LOGO = {
@@ -1275,7 +1275,7 @@ function DatasourcesPageView({
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGD6FHRHV_js.HeroSection,
+      chunkFNA66TT4_js.HeroSection,
       {
         icon: /* @__PURE__ */ jsxRuntime.jsx(outline.CircleStackIcon, { className: "h-5 w-5" }),
         label: labels.title,
@@ -1283,7 +1283,7 @@ function DatasourcesPageView({
         subtitle: labels.subtitle,
         gradient: "from-amber-500 to-orange-600",
         toolbar: /* @__PURE__ */ jsxRuntime.jsx(
-          chunkGD6FHRHV_js.CreateActionButton,
+          chunkFNA66TT4_js.CreateActionButton,
           {
             mode: "desktop",
             label: labels.addDatasource,
@@ -1294,7 +1294,7 @@ function DatasourcesPageView({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGD6FHRHV_js.CreateActionButton,
+      chunkFNA66TT4_js.CreateActionButton,
       {
         mode: "mobile",
         label: labels.addDatasource,
@@ -1303,7 +1303,7 @@ function DatasourcesPageView({
       }
     ),
     !isEmpty && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGD6FHRHV_js.SearchBar,
+      chunkFNA66TT4_js.SearchBar,
       {
         searchTerm,
         onSearchChange: setSearchTerm,
@@ -1311,7 +1311,7 @@ function DatasourcesPageView({
       }
     ),
     isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGD6FHRHV_js.PageEmptyState,
+      chunkFNA66TT4_js.PageEmptyState,
       {
         title: labels.emptyTitle,
         message: labels.emptyDescription,
@@ -1325,7 +1325,7 @@ function DatasourcesPageView({
       const logoSrc = getDialectLogoSrc(ds.dialect);
       const iconElement = logoSrc ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liquid-surface flex h-11 w-11 items-center justify-center rounded-lg", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: logoSrc, alt: dialectLabel, className: "h-7 w-7 object-contain" }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex h-11 w-11 items-center justify-center rounded-lg bg-gradient-to-br ${gradient} shadow-lg`, children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-6 w-6 text-white" }) });
       return /* @__PURE__ */ jsxRuntime.jsx(
-        chunkGD6FHRHV_js.EntityCard,
+        chunkFNA66TT4_js.EntityCard,
         {
           accentGradient: gradient,
           icon: iconElement,
@@ -1355,7 +1355,7 @@ function DatasourcesPageView({
       );
     }) }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkSUU7XPRX_js.DatasourceModal,
+      chunkTJPPZU77_js.DatasourceModal,
       {
         open: modalOpen,
         onClose: () => setModalOpen(false),
@@ -1370,7 +1370,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(chunkGD6FHRHV_js.ManagementPageLayout, { hero, content: null });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.ManagementPageLayout, { hero, content: null });
 }
 function AgentsIndexPageView({ labels }) {
   const Link = chunkS7KHTUHA_js.useLink();
@@ -1384,7 +1384,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(
-    chunkGD6FHRHV_js.HeroSection,
+    chunkFNA66TT4_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.CpuChipIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -1395,7 +1395,7 @@ function AgentsIndexPageView({ labels }) {
   );
   const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     !isEmpty && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGD6FHRHV_js.SearchBar,
+      chunkFNA66TT4_js.SearchBar,
       {
         searchTerm,
         onSearchChange: setSearchTerm,
@@ -1405,7 +1405,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(
-        chunkGD6FHRHV_js.EntityCard,
+        chunkFNA66TT4_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" }) }),
@@ -1415,13 +1415,13 @@ function AgentsIndexPageView({ labels }) {
       ) }, tile.id);
     }) })
   ] });
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.ManagementPageLayout, { hero, content });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_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(
-      chunkGD6FHRHV_js.SectionHeader,
+      chunkFNA66TT4_js.SectionHeader,
       {
         icon: /* @__PURE__ */ jsxRuntime.jsx(outline.RectangleStackIcon, { className: "h-5 w-5 text-white" }),
         title: labels.title,
@@ -1430,9 +1430,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(chunkGD6FHRHV_js.Text, { className: "font-semibold text-slate-900 dark:text-slate-100", children: labels.add }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.Text, { className: "font-semibold text-slate-900 dark:text-slate-100", children: labels.add }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkGD6FHRHV_js.Form,
+        chunkFNA66TT4_js.Form,
         {
           onSubmit: (event) => {
             event.preventDefault();
@@ -1443,32 +1443,32 @@ function WorkflowsPageView({ labels, workflows, onCreate, onUpdateMeta, onPublis
             onCreate({ name, description });
             event.currentTarget.reset();
           },
-          children: /* @__PURE__ */ jsxRuntime.jsxs(chunkGD6FHRHV_js.FormGrid, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.FormInput, { name: "name", label: labels.workflowName, placeholder: labels.workflowNamePlaceholder, required: true }),
-            /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.FormTextarea, { name: "description", label: labels.description, placeholder: labels.workflowDescriptionPlaceholder, rows: 3 }),
-            /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.FormActionsRow, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "submit", children: labels.create }) })
+          children: /* @__PURE__ */ jsxRuntime.jsxs(chunkFNA66TT4_js.FormGrid, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.FormInput, { name: "name", label: labels.workflowName, placeholder: labels.workflowNamePlaceholder, required: true }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.FormTextarea, { name: "description", label: labels.description, placeholder: labels.workflowDescriptionPlaceholder, rows: 3 }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_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(chunkGD6FHRHV_js.Text, { className: "font-semibold text-slate-900 dark:text-slate-100", children: labels.registry }),
-      /* @__PURE__ */ jsxRuntime.jsxs(chunkGD6FHRHV_js.Table, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.TableHead, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkGD6FHRHV_js.TableRow, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.TableHeader, { children: labels.name }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.TableHeader, { children: labels.description }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.TableHeader, { children: labels.version }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.TableHeader, { children: labels.status }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.TableHeader, { children: labels.actions })
+      /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.Text, { className: "font-semibold text-slate-900 dark:text-slate-100", children: labels.registry }),
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkFNA66TT4_js.Table, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.TableHead, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkFNA66TT4_js.TableRow, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.TableHeader, { children: labels.name }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.TableHeader, { children: labels.description }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.TableHeader, { children: labels.version }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.TableHeader, { children: labels.status }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.TableHeader, { children: labels.actions })
         ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.TableBody, { children: workflows.map((workflow) => /* @__PURE__ */ jsxRuntime.jsxs(chunkGD6FHRHV_js.TableRow, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.TableCell, { children: workflow.name }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.TableCell, { children: workflow.description }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.TableCell, { children: String(workflow.version) }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Badge, { children: workflow.isDraft ? labels.statusDraft : labels.statusPublished }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.TableBody, { children: workflows.map((workflow) => /* @__PURE__ */ jsxRuntime.jsxs(chunkFNA66TT4_js.TableRow, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.TableCell, { children: workflow.name }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.TableCell, { children: workflow.description }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.TableCell, { children: String(workflow.version) }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Badge, { children: workflow.isDraft ? labels.statusDraft : labels.statusPublished }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkGD6FHRHV_js.Form,
+              chunkFNA66TT4_js.Form,
               {
                 onSubmit: (event) => {
                   event.preventDefault();
@@ -1478,7 +1478,7 @@ function WorkflowsPageView({ labels, workflows, onCreate, onUpdateMeta, onPublis
                     description: workflow.description ?? ""
                   });
                 },
-                children: /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.InlineForm, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "submit", outline: true, children: labels.saveMeta }) })
+                children: /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.InlineForm, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "submit", outline: true, children: labels.saveMeta }) })
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "button", color: "sky", onClick: () => onPublish(workflow.id), children: labels.publish })
@@ -1487,8 +1487,8 @@ function WorkflowsPageView({ labels, workflows, onCreate, onUpdateMeta, onPublis
       ] })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "liquid-surface rounded-2xl p-4 space-y-3", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_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(chunkBEUPW5WS_js.WorkflowWorkspace, { graph: chunk3T2WGL47_js.adaptWorkflowGraphToUi(selectedWorkflow.graph) }) }) : /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.Text, { children: labels.empty })
+      /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_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(chunkFKUIVS6I_js.WorkflowWorkspace, { graph: chunk3T2WGL47_js.adaptWorkflowGraphToUi(selectedWorkflow.graph) }) }) : /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.Text, { children: labels.empty })
     ] })
   ] });
 }
@@ -1537,7 +1537,7 @@ function WorkflowRunsPageView({ labels, runs, loading, onCancel, onReplay, onVie
   });
   const isEmpty = allRuns.length === 0;
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkGD6FHRHV_js.HeroSection,
+    chunkFNA66TT4_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.ClockIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -1545,7 +1545,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(
-        chunkGD6FHRHV_js.FormSelect,
+        chunkFNA66TT4_js.FormSelect,
         {
           name: "statusFilter",
           label: labels.filterStatus,
@@ -1556,9 +1556,9 @@ function WorkflowRunsPageView({ labels, runs, loading, onCancel, onReplay, onVie
       ) })
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.PageLoadingState, {}) : filteredRuns.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.PageLoadingState, {}) : filteredRuns.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     !isEmpty && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGD6FHRHV_js.SearchBar,
+      chunkFNA66TT4_js.SearchBar,
       {
         searchTerm,
         onSearchChange: setSearchTerm,
@@ -1566,7 +1566,7 @@ 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(
-      chunkGD6FHRHV_js.EntityCard,
+      chunkFNA66TT4_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" }) }),
@@ -1592,11 +1592,11 @@ function WorkflowRunsPageView({ labels, runs, loading, onCancel, onReplay, onVie
       run.id
     )) })
   ] });
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.ManagementPageLayout, { hero, content });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.ManagementPageLayout, { hero, content });
 }
 function RunTimelinePageView({ labels, entries, loading, runId }) {
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkGD6FHRHV_js.HeroSection,
+    chunkFNA66TT4_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.ClockIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -1606,23 +1606,23 @@ function RunTimelinePageView({ labels, entries, loading, runId }) {
     }
   );
   if (loading) {
-    return /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.ManagementPageLayout, { hero, content: /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.PageLoadingState, {}) });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.ManagementPageLayout, { hero, content: /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.PageLoadingState, {}) });
   }
   if (entries.length === 0) {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGD6FHRHV_js.ManagementPageLayout,
+      chunkFNA66TT4_js.ManagementPageLayout,
       {
         hero,
-        content: /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.PageEmptyState, { title: labels.empty ?? "", message: "", iconName: "folder-open" })
+        content: /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.PageEmptyState, { title: labels.empty ?? "", message: "", iconName: "folder-open" })
       }
     );
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkGD6FHRHV_js.ManagementPageLayout,
+    chunkFNA66TT4_js.ManagementPageLayout,
     {
       hero,
       content: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkIYDGO7RW_js.ExecutionTimelinePanel,
+        chunk3H5CFLVK_js.ExecutionTimelinePanel,
         {
           entries,
           labels
@@ -1708,7 +1708,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(
-    chunkGD6FHRHV_js.HeroSection,
+    chunkFNA66TT4_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.LinkIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -1716,7 +1716,7 @@ function ConnectionsPageView({
       subtitle: labels.subtitle,
       gradient: "from-sky-500 to-indigo-600",
       toolbar: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkGD6FHRHV_js.CreateActionButton,
+        chunkFNA66TT4_js.CreateActionButton,
         {
           mode: "desktop",
           label: labels.add,
@@ -1727,7 +1727,7 @@ function ConnectionsPageView({
     }
   );
   const mobileAction = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkGD6FHRHV_js.CreateActionButton,
+    chunkFNA66TT4_js.CreateActionButton,
     {
       mode: "mobile",
       label: labels.add,
@@ -1735,9 +1735,9 @@ function ConnectionsPageView({
       accent: "sky"
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGD6FHRHV_js.SearchBar,
+      chunkFNA66TT4_js.SearchBar,
       {
         searchTerm,
         onSearchChange: setSearchTerm,
@@ -1745,7 +1745,7 @@ function ConnectionsPageView({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: filteredConnections.map((conn) => /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGD6FHRHV_js.EntityCard,
+      chunkFNA66TT4_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" }) }),
@@ -1780,7 +1780,7 @@ function ConnectionsPageView({
     )) })
   ] });
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.ManagementPageLayout, { hero, content, mobileAction }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.ManagementPageLayout, { hero, content, mobileAction }),
     createOpen && /* @__PURE__ */ jsxRuntime.jsx(
       ConnectionEditor,
       {
@@ -1894,7 +1894,7 @@ function ConnectionEditor({
     return preset.exampleModels?.join(", ") ?? "";
   }, [preset]);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkGD6FHRHV_js.GlassModal,
+    chunkFNA66TT4_js.GlassModal,
     {
       open: true,
       onClose,
@@ -1907,9 +1907,9 @@ function ConnectionEditor({
         void handleSubmit();
       },
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(chunkGD6FHRHV_js.FormGrid, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkFNA66TT4_js.FormGrid, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkGD6FHRHV_js.FormSelect,
+            chunkFNA66TT4_js.FormSelect,
             {
               label: "Provider",
               value: value.providerSlug,
@@ -1920,7 +1920,7 @@ function ConnectionEditor({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkGD6FHRHV_js.FormInput,
+            chunkFNA66TT4_js.FormInput,
             {
               label: "Display name",
               required: true,
@@ -1930,7 +1930,7 @@ function ConnectionEditor({
             }
           ),
           preset.needsRegion && /* @__PURE__ */ jsxRuntime.jsx(
-            chunkGD6FHRHV_js.FormInput,
+            chunkFNA66TT4_js.FormInput,
             {
               label: "Region",
               value: value.region,
@@ -1939,7 +1939,7 @@ function ConnectionEditor({
             }
           ),
           preset.needsEndpoint && /* @__PURE__ */ jsxRuntime.jsx(
-            chunkGD6FHRHV_js.FormInput,
+            chunkFNA66TT4_js.FormInput,
             {
               label: "Endpoint URL",
               value: value.endpoint,
@@ -1949,7 +1949,7 @@ function ConnectionEditor({
           )
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkGD6FHRHV_js.FormInput,
+          chunkFNA66TT4_js.FormInput,
           {
             label: value.credentialRef ? "Rotate API key (leave blank to keep current)" : "API key",
             type: "password",
@@ -1960,7 +1960,7 @@ function ConnectionEditor({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkGD6FHRHV_js.FormInput,
+          chunkFNA66TT4_js.FormInput,
           {
             label: "Model filter (comma-separated, optional)",
             value: value.modelFilter,
@@ -1972,7 +1972,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(
-            chunkGD6FHRHV_js.FormTextarea,
+            chunkFNA66TT4_js.FormTextarea,
             {
               rows: 4,
               value: value.configJson,
@@ -2042,7 +2042,7 @@ function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate,
     { value: "password", label: labels.typePassword }
   ];
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkGD6FHRHV_js.HeroSection,
+    chunkFNA66TT4_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.KeyIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -2050,7 +2050,7 @@ function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate,
       subtitle: labels.subtitle,
       gradient: "from-rose-500 to-orange-600",
       toolbar: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkGD6FHRHV_js.CreateActionButton,
+        chunkFNA66TT4_js.CreateActionButton,
         {
           mode: "desktop",
           label: labels.addCredential,
@@ -2061,7 +2061,7 @@ function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate,
     }
   );
   const mobileAction = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkGD6FHRHV_js.CreateActionButton,
+    chunkFNA66TT4_js.CreateActionButton,
     {
       mode: "mobile",
       label: labels.addCredential,
@@ -2069,9 +2069,9 @@ function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate,
       accent: "rose"
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.PageEmptyState, { title: labels.empty, message: labels.subtitle, iconName: "folder-open" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGD6FHRHV_js.SearchBar,
+      chunkFNA66TT4_js.SearchBar,
       {
         searchTerm,
         onSearchChange: setSearchTerm,
@@ -2079,7 +2079,7 @@ function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate,
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: filteredCredentials.map((secret) => /* @__PURE__ */ jsxRuntime.jsxs(
-      chunkGD6FHRHV_js.EntityCard,
+      chunkFNA66TT4_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" }) }),
@@ -2087,7 +2087,7 @@ function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate,
         subtitle: secret.secretType,
         status: /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Badge, { color: secret.disabled ? "zinc" : "emerald", children: secret.disabled ? labels.disable : "Active" }),
         footer: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.CopyableId, { id: secret.secretId }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.CopyableId, { id: secret.secretId }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
             /* @__PURE__ */ jsxRuntime.jsxs(chunkBHOT22QL_js.Button, { type: "button", size: "sm", outline: true, onClick: () => setRotateFor(secret), children: [
               /* @__PURE__ */ jsxRuntime.jsx(outline.ArrowPathIcon, { className: "mr-1 h-3.5 w-3.5" }),
@@ -2124,9 +2124,9 @@ function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate,
     )) })
   ] });
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.ManagementPageLayout, { hero, content, mobileAction }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.ManagementPageLayout, { hero, content, mobileAction }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGD6FHRHV_js.GlassModal,
+      chunkFNA66TT4_js.GlassModal,
       {
         open: createOpen,
         onClose: () => setCreateOpen(false),
@@ -2144,16 +2144,16 @@ function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate,
           onCreate({ name, value, secretType, description });
           setCreateOpen(false);
         },
-        children: /* @__PURE__ */ jsxRuntime.jsxs(chunkGD6FHRHV_js.FormGrid, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.FormInput, { name: "name", label: labels.name, placeholder: labels.namePlaceholder, required: true }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.FormSelect, { name: "secretType", label: labels.type, options: typeOptions, defaultValue: "generic" }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.FormInput, { name: "value", label: labels.value, placeholder: labels.valuePlaceholder, required: true, type: "password" }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.FormTextarea, { name: "description", label: labels.description, placeholder: labels.descriptionPlaceholder, rows: 2 })
+        children: /* @__PURE__ */ jsxRuntime.jsxs(chunkFNA66TT4_js.FormGrid, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.FormInput, { name: "name", label: labels.name, placeholder: labels.namePlaceholder, required: true }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.FormSelect, { name: "secretType", label: labels.type, options: typeOptions, defaultValue: "generic" }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.FormInput, { name: "value", label: labels.value, placeholder: labels.valuePlaceholder, required: true, type: "password" }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.FormTextarea, { name: "description", label: labels.description, placeholder: labels.descriptionPlaceholder, rows: 2 })
         ] })
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGD6FHRHV_js.GlassModal,
+      chunkFNA66TT4_js.GlassModal,
       {
         open: rotateFor !== null,
         onClose: () => setRotateFor(null),
@@ -2168,7 +2168,7 @@ function CredentialsPageView({ labels, credentials, loading, onCreate, onRotate,
           onRotate(rotateFor, value);
           setRotateFor(null);
         },
-        children: /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.FormGrid, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.FormInput, { name: "value", label: labels.value, placeholder: labels.valuePlaceholder, required: true, type: "password" }) })
+        children: /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.FormGrid, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.FormInput, { name: "value", label: labels.value, placeholder: labels.valuePlaceholder, required: true, type: "password" }) })
       }
     )
   ] });
@@ -2222,7 +2222,7 @@ function AgentsWorkspacePageView({
   }, [agents, selectedId]);
   const isEmpty = agents.length === 0;
   const hero = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkGD6FHRHV_js.HeroSection,
+    chunkFNA66TT4_js.HeroSection,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.CpuChipIcon, { className: "h-5 w-5" }),
       label: labels.title,
@@ -2230,7 +2230,7 @@ function AgentsWorkspacePageView({
       subtitle: labels.subtitle,
       gradient: "from-violet-500 to-indigo-700",
       actions: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkGD6FHRHV_js.CreateActionButton,
+        chunkFNA66TT4_js.CreateActionButton,
         {
           mode: "desktop",
           label: labels.addAgent,
@@ -2241,7 +2241,7 @@ function AgentsWorkspacePageView({
     }
   );
   const mobileAction = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkGD6FHRHV_js.CreateActionButton,
+    chunkFNA66TT4_js.CreateActionButton,
     {
       mode: "mobile",
       label: labels.addAgent,
@@ -2249,8 +2249,8 @@ function AgentsWorkspacePageView({
       accent: "violet"
     }
   );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
-    chunkGD6FHRHV_js.PageEmptyState,
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.PageLoadingState, {}) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
+    chunkFNA66TT4_js.PageEmptyState,
     {
       title: labels.empty,
       message: labels.emptyMessage,
@@ -2258,7 +2258,7 @@ function AgentsWorkspacePageView({
     }
   ) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGD6FHRHV_js.SearchBar,
+      chunkFNA66TT4_js.SearchBar,
       {
         searchTerm,
         onSearchChange: setSearchTerm,
@@ -2266,15 +2266,15 @@ function AgentsWorkspacePageView({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-4 lg:grid-cols-[20rem_minmax(0,1fr)]", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:sticky lg:top-4", children: /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.ListCard, { variant: "glass", children: filteredAgents.map((agent) => {
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:sticky lg:top-4", children: /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_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(
-          chunkGD6FHRHV_js.ListCardItem,
+          chunkFNA66TT4_js.ListCardItem,
           {
-            leading: /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.Avatar, { tone: active ? "violet" : "slate", initials }),
+            leading: /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.Avatar, { tone: active ? "violet" : "slate", initials }),
             trailing: agent.activePromptVersion > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(chunkBHOT22QL_js.Badge, { color: "emerald", children: [
               "v",
               agent.activePromptVersion
@@ -2316,7 +2316,7 @@ function AgentsWorkspacePageView({
         },
         String(selectedAgent.agentId ?? selectedAgent.id ?? "")
       ) : /* @__PURE__ */ jsxRuntime.jsx(
-        chunkGD6FHRHV_js.SectionCard,
+        chunkFNA66TT4_js.SectionCard,
         {
           header: {
             icon: /* @__PURE__ */ jsxRuntime.jsx(outline.CpuChipIcon, { className: "h-4 w-4" }),
@@ -2324,7 +2324,7 @@ function AgentsWorkspacePageView({
             subtitle: labels.noSelectionMessage
           },
           children: /* @__PURE__ */ jsxRuntime.jsx(
-            chunkGD6FHRHV_js.PageEmptyState,
+            chunkFNA66TT4_js.PageEmptyState,
             {
               title: labels.noSelection,
               message: labels.noSelectionMessage,
@@ -2336,12 +2336,13 @@ function AgentsWorkspacePageView({
     ] })
   ] });
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.ManagementPageLayout, { hero, content, mobileAction }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.ManagementPageLayout, { hero, content, mobileAction }),
     createOpen && /* @__PURE__ */ jsxRuntime.jsx(
       CreateAgentDialog,
       {
         labels,
         models,
+        connections,
         onClose: () => setCreateOpen(false),
         onSubmit: async (input) => {
           await onCreateAgent(input);
@@ -2369,7 +2370,7 @@ function AgentDetail({
 }) {
   const agentId = String(agent.agentId ?? agent.id ?? "");
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkGD6FHRHV_js.SectionCard,
+    chunkFNA66TT4_js.SectionCard,
     {
       header: {
         icon: /* @__PURE__ */ jsxRuntime.jsx(outline.CpuChipIcon, { className: "h-4 w-4" }),
@@ -2394,15 +2395,15 @@ function AgentDetail({
           ]
         }
       ),
-      children: /* @__PURE__ */ jsxRuntime.jsxs(chunkGD6FHRHV_js.Tabs, { defaultValue: "general", className: "w-full", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(chunkGD6FHRHV_js.TabsList, { className: "bg-white/40 dark:bg-white/[0.06]", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.TabsTrigger, { value: "general", children: labels.generalTab }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.TabsTrigger, { value: "prompt", children: labels.promptTab }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.TabsTrigger, { value: "tools", children: labels.toolsTab }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.TabsTrigger, { value: "model", children: labels.modelTab })
+      children: /* @__PURE__ */ jsxRuntime.jsxs(chunkFNA66TT4_js.Tabs, { defaultValue: "general", className: "w-full", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkFNA66TT4_js.TabsList, { className: "bg-white/40 dark:bg-white/[0.06]", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.TabsTrigger, { value: "general", children: labels.generalTab }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.TabsTrigger, { value: "prompt", children: labels.promptTab }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.TabsTrigger, { value: "tools", children: labels.toolsTab }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.TabsTrigger, { value: "model", children: labels.modelTab })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_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(chunkGD6FHRHV_js.TabsContent, { value: "prompt", className: "space-y-4 pt-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_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(chunkFNA66TT4_js.TabsContent, { value: "prompt", className: "space-y-4 pt-4", children: /* @__PURE__ */ jsxRuntime.jsx(
           PromptTab,
           {
             agent,
@@ -2412,7 +2413,7 @@ function AgentDetail({
             onActivate: (promptId) => onActivatePrompt(agentId, promptId)
           }
         ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.TabsContent, { value: "tools", className: "space-y-4 pt-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.TabsContent, { value: "tools", className: "space-y-4 pt-4", children: /* @__PURE__ */ jsxRuntime.jsx(
           ToolsTab,
           {
             agent,
@@ -2422,7 +2423,7 @@ function AgentDetail({
             onDetach: (toolId) => onDetachTool(agentId, toolId)
           }
         ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.TabsContent, { value: "model", className: "space-y-4 pt-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.TabsContent, { value: "model", className: "space-y-4 pt-4", children: /* @__PURE__ */ jsxRuntime.jsx(
           ModelTab,
           {
             agent,
@@ -2454,7 +2455,7 @@ function GeneralTab({
   const initialRole = String(agent.role ?? "");
   const initialStatus = String(agent.status ?? "draft");
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkGD6FHRHV_js.SectionCard,
+    chunkFNA66TT4_js.SectionCard,
     {
       variant: "glass",
       header: {
@@ -2483,10 +2484,10 @@ function GeneralTab({
           },
           className: "space-y-4",
           children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(chunkGD6FHRHV_js.FormGrid, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.FormInput, { name: "name", label: labels.name, defaultValue: initial.name, required: true }),
+            /* @__PURE__ */ jsxRuntime.jsxs(chunkFNA66TT4_js.FormGrid, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.FormInput, { name: "name", label: labels.name, defaultValue: initial.name, required: true }),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkGD6FHRHV_js.FormSelect,
+                chunkFNA66TT4_js.FormSelect,
                 {
                   name: "status",
                   label: labels.status,
@@ -2498,9 +2499,9 @@ function GeneralTab({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.FormInput, { name: "role", label: labels.role, placeholder: labels.rolePlaceholder, defaultValue: initialRole }),
+              /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.FormInput, { name: "role", label: labels.role, placeholder: labels.rolePlaceholder, defaultValue: initialRole }),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkGD6FHRHV_js.FormInput,
+                chunkFNA66TT4_js.FormInput,
                 {
                   name: "maxTokens",
                   label: labels.maxTokens,
@@ -2509,7 +2510,7 @@ function GeneralTab({
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkGD6FHRHV_js.FormInput,
+                chunkFNA66TT4_js.FormInput,
                 {
                   name: "temperature",
                   label: labels.temperature,
@@ -2521,7 +2522,7 @@ function GeneralTab({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.FormTextarea, { name: "description", label: labels.description, defaultValue: initialDescription, rows: 3 }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_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 }) })
           ]
         }
@@ -2541,7 +2542,7 @@ function PromptTab({
   const currentSystem = String(agent.systemPrompt ?? "");
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGD6FHRHV_js.SectionCard,
+      chunkFNA66TT4_js.SectionCard,
       {
         variant: "glass",
         header: {
@@ -2553,7 +2554,7 @@ function PromptTab({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGD6FHRHV_js.SectionCard,
+      chunkFNA66TT4_js.SectionCard,
       {
         variant: "glass",
         header: {
@@ -2564,10 +2565,10 @@ function PromptTab({
           /* @__PURE__ */ jsxRuntime.jsx(outline.PlusIcon, { className: "h-4 w-4" }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1.5", children: labels.addPrompt })
         ] }),
-        children: prompts.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-slate-500 dark:text-slate-400", children: labels.promptVersionsEmpty }) : /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.ListCard, { children: prompts.map((prompt) => {
+        children: prompts.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-slate-500 dark:text-slate-400", children: labels.promptVersionsEmpty }) : /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.ListCard, { children: prompts.map((prompt) => {
           const id = `${prompt.agentId}:${prompt.locale}:${prompt.version}`;
           return /* @__PURE__ */ jsxRuntime.jsxs(
-            chunkGD6FHRHV_js.ListCardItem,
+            chunkFNA66TT4_js.ListCardItem,
             {
               leading: /* @__PURE__ */ jsxRuntime.jsxs(chunkBHOT22QL_js.Badge, { color: prompt.isActive ? "emerald" : "zinc", children: [
                 "v",
@@ -2585,7 +2586,7 @@ function PromptTab({
       }
     ),
     addOpen && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGD6FHRHV_js.GlassModal,
+      chunkFNA66TT4_js.GlassModal,
       {
         open: true,
         onClose: () => setAddOpen(false),
@@ -2606,10 +2607,10 @@ function PromptTab({
           });
           setAddOpen(false);
         },
-        children: /* @__PURE__ */ jsxRuntime.jsxs(chunkGD6FHRHV_js.FormGrid, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.FormSelect, { name: "locale", label: labels.promptLocale, options: LOCALE_OPTIONS2, defaultValue: "en" }),
+        children: /* @__PURE__ */ jsxRuntime.jsxs(chunkFNA66TT4_js.FormGrid, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.FormSelect, { name: "locale", label: labels.promptLocale, options: LOCALE_OPTIONS2, defaultValue: "en" }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkGD6FHRHV_js.FormSelect,
+            chunkFNA66TT4_js.FormSelect,
             {
               name: "isActive",
               label: labels.promptIsActive,
@@ -2620,10 +2621,10 @@ function PromptTab({
               defaultValue: "true"
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.FormInput, { name: "reason", label: labels.promptReason }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.FormTextarea, { name: "systemPrompt", label: labels.promptSystemPrompt, rows: 3 }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.FormTextarea, { name: "userTemplate", label: labels.promptUserTemplate, rows: 3 }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGD6FHRHV_js.FormTextarea, { name: "prompt", label: labels.promptText, rows: 6, required: true })
+          /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.FormInput, { name: "reason", label: labels.promptReason }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.FormTextarea, { name: "systemPrompt", label: labels.promptSystemPrompt, rows: 3 }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.FormTextarea, { name: "userTemplate", label: labels.promptUserTemplate, rows: 3 }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.FormTextarea, { name: "prompt", label: labels.promptText, rows: 6, required: true })
         ] })
       }
     )
@@ -2646,15 +2647,15 @@ function ToolsTab({
   const availableTools = tools.filter((tool) => !attachedSet.has(tool.agentToolId));
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGD6FHRHV_js.SectionCard,
+      chunkFNA66TT4_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(chunkGD6FHRHV_js.ListCard, { children: attachedTools.map((tool) => /* @__PURE__ */ jsxRuntime.jsxs(
-          chunkGD6FHRHV_js.ListCardItem,
+        children: attachedTools.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-slate-500 dark:text-slate-400", children: labels.toolsEmpty }) : /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.ListCard, { children: attachedTools.map((tool) => /* @__PURE__ */ jsxRuntime.jsxs(
+          chunkFNA66TT4_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 }),
@@ -2668,15 +2669,15 @@ function ToolsTab({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGD6FHRHV_js.SectionCard,
+      chunkFNA66TT4_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(chunkGD6FHRHV_js.ListCard, { children: availableTools.map((tool) => /* @__PURE__ */ jsxRuntime.jsxs(
-          chunkGD6FHRHV_js.ListCardItem,
+        children: availableTools.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-slate-500 dark:text-slate-400", children: labels.toolsEmpty }) : /* @__PURE__ */ jsxRuntime.jsx(chunkFNA66TT4_js.ListCard, { children: availableTools.map((tool) => /* @__PURE__ */ jsxRuntime.jsxs(
+          chunkFNA66TT4_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: [
@@ -2717,7 +2718,7 @@ function ModelTab({
     return matches.length > 0 ? matches : connections;
   }, [selectedModel, connections]);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkGD6FHRHV_js.SectionCard,
+    chunkFNA66TT4_js.SectionCard,
     {
       variant: "glass",
       header: {
@@ -2738,9 +2739,9 @@ function ModelTab({
           },
           className: "space-y-4",
           children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(chunkGD6FHRHV_js.FormGrid, { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(chunkFNA66TT4_js.FormGrid, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkGD6FHRHV_js.FormSelect,
+                chunkFNA66TT4_js.FormSelect,
                 {
                   label: labels.model,
                   value: modelId,
@@ -2749,7 +2750,7 @@ function ModelTab({
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkGD6FHRHV_js.FormSelect,
+                chunkFNA66TT4_js.FormSelect,
                 {
                   label: labels.connection,
                   value: connectionId,
@@ -2770,30 +2771,74 @@ function ModelTab({
   );
 }
 var AGENT_PRESETS = [
-  { id: "sales", emoji: "\u{1F4BC}", name: "Sales Specialist", role: "Lead qualification & CRM", systemPrompt: "You are a sales assistant. Help qualify leads, manage CRM entries, and schedule follow-ups. Always be professional and proactive.", temperature: 0.7, maxTokens: 2048, accent: "from-emerald-500 to-teal-600" },
-  { id: "support", emoji: "\u{1F3A7}", name: "Customer Support", role: "Ticket resolution & escalation", systemPrompt: "You are a customer support agent. Resolve tickets, answer questions, and escalate complex issues. Prioritize customer satisfaction.", temperature: 0.3, maxTokens: 2048, accent: "from-sky-500 to-indigo-600" },
-  { id: "finance", emoji: "\u{1F4CA}", name: "Financial Analyst", role: "Revenue, margins, reports", systemPrompt: "You are a financial analyst. Analyze revenue, calculate margins, generate performance reports, and identify trends. Use data-driven insights for recommendations.", temperature: 0.4, maxTokens: 4096, accent: "from-amber-500 to-orange-600" },
-  { id: "security", emoji: "\u{1F6E1}\uFE0F", name: "Security Analyst", role: "Threat monitoring & compliance", systemPrompt: "You are a security analyst. Monitor for threats, audit data access, ensure compliance with privacy regulations, and manage incident response.", temperature: 0.3, maxTokens: 2048, accent: "from-rose-500 to-red-600" },
-  { id: "data", emoji: "\u{1F52C}", name: "Data Analyst", role: "Pattern detection & cleaning", systemPrompt: "You are a data analyst. Process raw data inputs, identify patterns, clean datasets, and prepare structured analysis for downstream agents.", temperature: 0.5, maxTokens: 4096, accent: "from-violet-500 to-purple-600" },
+  { id: "sales", emoji: "\u{1F4BC}", name: "Sales Specialist", role: "Lead qualification & CRM", systemPrompt: "You are a sales assistant. Help qualify leads, manage CRM entries, and schedule follow-ups. Always be professional and proactive.", temperature: 0.7, maxTokens: 2048, accent: "from-emerald-500 to-teal-600", framework: "anthropic" },
+  { id: "support", emoji: "\u{1F3A7}", name: "Customer Support", role: "Ticket resolution & escalation", systemPrompt: "You are a customer support agent. Resolve tickets, answer questions, and escalate complex issues. Prioritize customer satisfaction.", temperature: 0.3, maxTokens: 2048, accent: "from-sky-500 to-indigo-600", framework: "crewai" },
+  { id: "finance", emoji: "\u{1F4CA}", name: "Financial Analyst", role: "Revenue, margins, reports", systemPrompt: "You are a financial analyst. Analyze revenue, calculate margins, generate performance reports, and identify trends. Use data-driven insights for recommendations.", temperature: 0.4, maxTokens: 4096, accent: "from-amber-500 to-orange-600", framework: "langchain" },
+  { id: "security", emoji: "\u{1F6E1}\uFE0F", name: "Security Analyst", role: "Threat monitoring & compliance", systemPrompt: "You are a security analyst. Monitor for threats, audit data access, ensure compliance with privacy regulations, and manage incident response.", temperature: 0.3, maxTokens: 2048, accent: "from-rose-500 to-red-600", framework: "anthropic" },
+  { id: "data", emoji: "\u{1F52C}", name: "Data Analyst", role: "Pattern detection & cleaning", systemPrompt: "You are a data analyst. Process raw data inputs, identify patterns, clean datasets, and prepare structured analysis for downstream agents.", temperature: 0.5, maxTokens: 4096, accent: "from-violet-500 to-purple-600", framework: "google-adk" },
   { id: "custom", emoji: "\u2728", name: "", role: "", systemPrompt: "", temperature: 0.2, maxTokens: 2048, accent: "from-slate-500 to-slate-700" }
 ];
+var DIFFICULTY_OPTIONS = [
+  { id: "beginner", emoji: "\u{1F331}", accent: "from-emerald-500 to-teal-600" },
+  { id: "intermediate", emoji: "\u26A1", accent: "from-sky-500 to-indigo-600" },
+  { id: "advanced", emoji: "\u{1F680}", accent: "from-amber-500 to-orange-600" },
+  { id: "expert", emoji: "\u{1F9E0}", accent: "from-rose-500 to-purple-600" }
+];
 var EMOJI_PALETTE = ["\u{1F4BC}", "\u{1F3A7}", "\u{1F4CA}", "\u{1F6E1}\uFE0F", "\u{1F52C}", "\u2728", "\u{1F916}", "\u26A1", "\u{1F3AF}", "\u{1F680}", "\u{1F9E0}", "\u{1F9BE}", "\u{1F4E1}", "\u{1F52E}", "\u{1F310}", "\u{1F5C2}\uFE0F"];
 function CreateAgentDialog({
   labels,
   models,
+  connections,
   onClose,
   onSubmit
 }) {
-  const modelOptions = models.map((m) => ({ value: m.id, label: `${m.name} (${m.provider})` }));
   const [presetId, setPresetId] = react.useState("custom");
   const [emoji, setEmoji] = react.useState("\u2728");
   const [name, setName] = react.useState("");
   const [role, setRole] = react.useState("");
+  const [description, setDescription] = react.useState("");
   const [systemPrompt, setSystemPrompt] = react.useState("");
+  const [userPrompt, setUserPrompt] = react.useState("");
   const [temperature, setTemperature] = react.useState(0.2);
   const [maxTokens, setMaxTokens] = react.useState(2048);
-  const [modelId, setModelId] = react.useState(modelOptions[0]?.value ?? "");
+  const [topP, setTopP] = react.useState(1);
+  const [topK, setTopK] = react.useState(0);
+  const [connectionId, setConnectionId] = react.useState("");
+  const [framework, setFramework] = react.useState("");
+  const [difficulty, setDifficulty] = react.useState("intermediate");
+  const [tagsInput, setTagsInput] = react.useState("");
+  const [outputSchema, setOutputSchema] = react.useState("");
+  const [modelId, setModelId] = react.useState(models[0]?.id ?? "");
   const activePreset = AGENT_PRESETS.find((p) => p.id === presetId) ?? AGENT_PRESETS[AGENT_PRESETS.length - 1];
+  const matchingModels = react.useMemo(() => {
+    if (!connectionId) return models;
+    const conn = connections.find((c) => c.id === connectionId);
+    const slug = conn?.providerSlug;
+    if (!slug) return models;
+    const matches = models.filter(
+      (m) => (m.provider ?? "") === slug || String(m.provider ?? "").startsWith(slug)
+    );
+    return matches.length > 0 ? matches : models;
+  }, [models, connections, connectionId]);
+  const modelOptions = matchingModels.map((m) => ({ value: m.id, label: `${m.name} (${m.provider})` }));
+  const connectionOptions = react.useMemo(() => {
+    const inline = { value: "", label: labels.connectionInline ?? "Inline model (no connection)" };
+    return [
+      inline,
+      ...connections.map((c) => ({
+        value: c.id,
+        label: `${c.name}${c.providerSlug ? " \xB7 " + c.providerSlug : ""}`
+      }))
+    ];
+  }, [connections, labels.connectionInline]);
+  const frameworkOptions = react.useMemo(() => [
+    { value: "", label: labels.connectionInline ?? "\u2014" },
+    { value: "anthropic", label: labels.frameworkAnthropic ?? "Anthropic" },
+    { value: "langchain", label: labels.frameworkLangChain ?? "LangChain" },
+    { value: "crewai", label: labels.frameworkCrewAI ?? "CrewAI" },
+    { value: "google-adk", label: labels.frameworkGoogleADK ?? "Google ADK" },
+    { value: "openai", label: labels.frameworkOpenAI ?? "OpenAI" }
+  ], [labels]);
   function applyPreset(preset) {
     setPresetId(preset.id);
     setEmoji(preset.emoji);
@@ -2803,10 +2848,11 @@ function CreateAgentDialog({
       setSystemPrompt(preset.systemPrompt);
       setTemperature(preset.temperature);
       setMaxTokens(preset.maxTokens);
+      if (preset.framework) setFramework(preset.framework);
     }
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkGD6FHRHV_js.GlassModal,
+    chunkFNA66TT4_js.GlassModal,
     {
       open: true,
       onClose,
@@ -2826,17 +2872,29 @@ function CreateAgentDialog({
       submitLabel: labels.save,
       onSubmit: async (event) => {
         event.preventDefault();
+        const parsedTags = tagsInput.split(",").map((t) => t.trim()).filter((t) => t.length > 0);
         await onSubmit({
           name: name.trim() || activePreset.name || "Untitled Agent",
+          role: role.trim() || void 0,
+          description: description.trim() || void 0,
+          avatar: emoji,
           modelId,
+          connectionId: connectionId || void 0,
+          framework: framework || void 0,
           systemPrompt,
+          userPrompt: userPrompt.trim() || void 0,
           maxTokens,
-          temperature
+          temperature,
+          topP,
+          topK,
+          difficulty: difficulty || void 0,
+          tags: parsedTags.length > 0 ? parsedTags : void 0,
+          outputSchema: outputSchema.trim() || void 0
         });
       },
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-5", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkGD6FHRHV_js.SectionCard,
+          chunkFNA66TT4_js.SectionCard,
           {
             variant: "glass",
             padded: false,
@@ -2876,7 +2934,7 @@ function CreateAgentDialog({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkGD6FHRHV_js.SectionCard,
+          chunkFNA66TT4_js.SectionCard,
           {
             variant: "glass",
             header: {
@@ -2901,9 +2959,9 @@ function CreateAgentDialog({
                   e
                 )) })
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs(chunkGD6FHRHV_js.FormGrid, { children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(chunkFNA66TT4_js.FormGrid, { children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkGD6FHRHV_js.FormInput,
+                  chunkFNA66TT4_js.FormInput,
                   {
                     label: labels.name,
                     value: name,
@@ -2913,7 +2971,7 @@ function CreateAgentDialog({
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkGD6FHRHV_js.FormInput,
+                  chunkFNA66TT4_js.FormInput,
                   {
                     label: labels.role,
                     value: role,
@@ -2921,12 +2979,74 @@ function CreateAgentDialog({
                     placeholder: labels.rolePlaceholder
                   }
                 )
-              ] })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                chunkFNA66TT4_js.FormTextarea,
+                {
+                  label: labels.descriptionLabel ?? labels.description,
+                  value: description,
+                  onValueChange: setDescription,
+                  rows: 2,
+                  placeholder: labels.descriptionPlaceholder ?? "A short summary of what this agent does."
+                }
+              )
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkFNA66TT4_js.SectionCard,
+          {
+            variant: "glass",
+            header: {
+              title: labels.modelSection ?? "Model and connection",
+              subtitle: labels.connectionPickPrompt ?? "Pick the provider connection or use an inline model"
+            },
+            children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(chunkFNA66TT4_js.FormGrid, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  chunkFNA66TT4_js.FormSelect,
+                  {
+                    label: labels.connectionLabel ?? labels.connection,
+                    value: connectionId,
+                    onValueChange: setConnectionId,
+                    options: connectionOptions,
+                    icon: /* @__PURE__ */ jsxRuntime.jsx(outline.LinkIcon, { className: "h-4 w-4" })
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  chunkFNA66TT4_js.FormSelect,
+                  {
+                    label: labels.frameworkLabel ?? "Framework",
+                    value: framework,
+                    onValueChange: setFramework,
+                    options: frameworkOptions
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  chunkFNA66TT4_js.FormSelect,
+                  {
+                    label: labels.model,
+                    value: modelId,
+                    onValueChange: setModelId,
+                    options: modelOptions.length > 0 ? modelOptions : [{ value: "", label: labels.modelEmpty }]
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                chunkFNA66TT4_js.FormTextarea,
+                {
+                  label: labels.outputSchemaLabel ?? "Output schema (JSON)",
+                  value: outputSchema,
+                  onValueChange: setOutputSchema,
+                  rows: 4,
+                  placeholder: labels.outputSchemaPlaceholder ?? '{\n  "type": "object",\n  "properties": { "summary": { "type": "string" } }\n}'
+                }
+              )
             ] })
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkGD6FHRHV_js.SectionCard,
+          chunkFNA66TT4_js.SectionCard,
           {
             variant: "glass",
             header: {
@@ -2935,7 +3055,7 @@ function CreateAgentDialog({
             },
             children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkGD6FHRHV_js.FormTextarea,
+                chunkFNA66TT4_js.FormTextarea,
                 {
                   label: labels.promptSystemPrompt ?? "System prompt",
                   value: systemPrompt,
@@ -2944,18 +3064,31 @@ function CreateAgentDialog({
                   placeholder: labels.promptPlaceholder ?? "You are a helpful assistant\u2026"
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsxs(chunkGD6FHRHV_js.FormGrid, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                chunkFNA66TT4_js.FormTextarea,
+                {
+                  label: labels.userPromptLabel ?? "User prompt template",
+                  value: userPrompt,
+                  onValueChange: setUserPrompt,
+                  rows: 4,
+                  placeholder: labels.userPromptPlaceholder ?? "Analyze {{ nodeId.path }} and produce a summary."
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs(chunkFNA66TT4_js.FormGrid, { children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkGD6FHRHV_js.FormSelect,
+                  chunkFNA66TT4_js.FormInput,
                   {
-                    label: labels.model,
-                    value: modelId,
-                    onValueChange: setModelId,
-                    options: modelOptions.length > 0 ? modelOptions : [{ value: "", label: labels.modelEmpty }]
+                    label: `${labels.temperature} (${temperature.toFixed(2)})`,
+                    type: "number",
+                    value: String(temperature),
+                    onValueChange: (v) => setTemperature(Number(v) || 0),
+                    step: 0.1,
+                    min: 0,
+                    max: 2
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkGD6FHRHV_js.FormInput,
+                  chunkFNA66TT4_js.FormInput,
                   {
                     label: labels.maxTokens,
                     type: "number",
@@ -2966,20 +3099,84 @@ function CreateAgentDialog({
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkGD6FHRHV_js.FormInput,
+                  chunkFNA66TT4_js.FormInput,
                   {
-                    label: `${labels.temperature} (${temperature.toFixed(2)})`,
+                    label: `${labels.topPLabel ?? "Top-P"} (${topP.toFixed(2)})`,
                     type: "number",
-                    value: String(temperature),
-                    onValueChange: (v) => setTemperature(Number(v) || 0),
-                    step: 0.1,
+                    value: String(topP),
+                    onValueChange: (v) => setTopP(Number(v) || 0),
+                    step: 0.05,
                     min: 0,
-                    max: 2
+                    max: 1
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  chunkFNA66TT4_js.FormInput,
+                  {
+                    label: labels.topKLabel ?? "Top-K",
+                    type: "number",
+                    value: String(topK),
+                    onValueChange: (v) => setTopK(Math.max(0, Math.floor(Number(v) || 0))),
+                    step: 1,
+                    min: 0,
+                    max: 500
                   }
                 )
               ] })
             ] })
           }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkFNA66TT4_js.SectionCard,
+          {
+            variant: "glass",
+            header: {
+              title: labels.metadataSection ?? "Metadata",
+              subtitle: labels.metadataSubtitle ?? "Difficulty tier and free-form tags"
+            },
+            children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mb-2 block text-xs font-semibold uppercase tracking-wider text-slate-600 dark:text-slate-400", children: labels.difficultyLabel ?? "Difficulty" }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-2 sm:grid-cols-4", children: DIFFICULTY_OPTIONS.map((opt) => {
+                  const selected = difficulty === opt.id;
+                  const label = opt.id === "beginner" ? labels.difficultyBeginner ?? "Beginner" : opt.id === "intermediate" ? labels.difficultyIntermediate ?? "Intermediate" : opt.id === "advanced" ? labels.difficultyAdvanced ?? "Advanced" : labels.difficultyExpert ?? "Expert";
+                  return /* @__PURE__ */ jsxRuntime.jsxs(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => setDifficulty(opt.id),
+                      "aria-pressed": selected,
+                      className: [
+                        "liquid-surface flex items-center gap-2 rounded-xl px-3 py-2 text-left transition-all",
+                        selected ? "ring-2 ring-indigo-500/70 ring-offset-1 ring-offset-transparent" : "hover:border-indigo-400/40 focus-visible:ring-2 focus-visible:ring-indigo-500/70 focus-visible:ring-offset-1"
+                      ].join(" "),
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          "span",
+                          {
+                            "aria-hidden": "true",
+                            className: `flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-gradient-to-br ${opt.accent} text-base shadow-sm`,
+                            children: opt.emoji
+                          }
+                        ),
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-semibold text-slate-900 dark:text-white", children: label })
+                      ]
+                    },
+                    opt.id
+                  );
+                }) })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                chunkFNA66TT4_js.FormInput,
+                {
+                  label: labels.tagsLabel ?? "Tags",
+                  value: tagsInput,
+                  onValueChange: setTagsInput,
+                  placeholder: labels.tagsPlaceholder ?? "comma, separated, tags"
+                }
+              )
+            ] })
+          }
         )
       ] })
     }
@@ -2995,31 +3192,31 @@ function deriveInitials(name) {
 
 Object.defineProperty(exports, "RolesPageView", {
   enumerable: true,
-  get: function () { return chunkBEUPW5WS_js.RolesPageView; }
+  get: function () { return chunkFKUIVS6I_js.RolesPageView; }
 });
 Object.defineProperty(exports, "UsersPageView", {
   enumerable: true,
-  get: function () { return chunkBEUPW5WS_js.UsersPageView; }
+  get: function () { return chunkFKUIVS6I_js.UsersPageView; }
 });
 Object.defineProperty(exports, "DIALECT_CATEGORIES", {
   enumerable: true,
-  get: function () { return chunkSUU7XPRX_js.DIALECT_CATEGORIES; }
+  get: function () { return chunkTJPPZU77_js.DIALECT_CATEGORIES; }
 });
 Object.defineProperty(exports, "DatasourceFormModal", {
   enumerable: true,
-  get: function () { return chunkSUU7XPRX_js.DatasourceFormModal; }
+  get: function () { return chunkTJPPZU77_js.DatasourceFormModal; }
 });
 Object.defineProperty(exports, "DatasourceModal", {
   enumerable: true,
-  get: function () { return chunkSUU7XPRX_js.DatasourceModal; }
+  get: function () { return chunkTJPPZU77_js.DatasourceModal; }
 });
 Object.defineProperty(exports, "findCategory", {
   enumerable: true,
-  get: function () { return chunkSUU7XPRX_js.findCategory; }
+  get: function () { return chunkTJPPZU77_js.findCategory; }
 });
 Object.defineProperty(exports, "findDialect", {
   enumerable: true,
-  get: function () { return chunkSUU7XPRX_js.findDialect; }
+  get: function () { return chunkTJPPZU77_js.findDialect; }
 });
 exports.AgentsConfigPageView = AgentsConfigPageView;
 exports.AgentsIndexPageView = AgentsIndexPageView;