@burtson-labs/bandit-engine 2.0.74 → 2.0.75

package/dist/{chunk-3JIZRRCI.mjs → chunk-LBV32D55.mjs}

@@ -5,8 +5,13 @@ import {
   aiProviderInitService
 } from "./chunk-6ITUH375.mjs";
 import {
+  addMcpServer,
+  deleteMcpServer,
+  discoverMcpTools,
+  listMcpServers,
+  updateMcpServer,
   useMCPToolsStore
-} from "./chunk-DHYP4K5O.mjs";
+} from "./chunk-3LT77723.mjs";
 import {
   chat_modal_default
 } from "./chunk-JURUEF52.mjs";
@@ -112,13 +117,13 @@ import {
 } from "./chunk-KCI46M23.mjs";
 
 // src/management/management.tsx
-import { useState as useState14, useEffect as useEffect11, useCallback as useCallback8, useMemo as useMemo6 } from "react";
+import { useState as useState15, useEffect as useEffect12, useCallback as useCallback9, useMemo as useMemo6 } from "react";
 import useMediaQuery7 from "@mui/material/useMediaQuery";
 import { alpha as alpha2, createTheme } from "@mui/material/styles";
 import {
-  Box as Box13,
-  Button as Button10,
-  Typography as Typography12,
+  Box as Box14,
+  Button as Button11,
+  Typography as Typography13,
   ThemeProvider,
   CssBaseline,
   Fab,
@@ -9265,8 +9270,8 @@ var ProviderTab = () => {
 };
 
 // src/management/components/MCPToolsTabV2.tsx
-import { useEffect as useEffect10, useMemo as useMemo5, useState as useState13 } from "react";
-import { Box as Box12, Typography as Typography11, Paper as Paper6, Chip as Chip9, Stack as Stack5, IconButton as IconButton6, Tooltip as Tooltip3, LinearProgress as LinearProgress5, Switch as Switch3, FormControlLabel as FormControlLabel2 } from "@mui/material";
+import { useEffect as useEffect11, useMemo as useMemo5, useState as useState14 } from "react";
+import { Box as Box13, Typography as Typography12, Paper as Paper7, Chip as Chip10, Stack as Stack6, IconButton as IconButton7, Tooltip as Tooltip4, LinearProgress as LinearProgress6, Switch as Switch4, FormControlLabel as FormControlLabel3 } from "@mui/material";
 
 // src/services/mcp/mcpControllerService.ts
 var isPlaygroundMode = () => {
@@ -9338,15 +9343,241 @@ async function fetchMcpHealth() {
   }
 }
 
-// src/management/components/MCPToolsTabV2.tsx
+// src/management/components/McpServersSection.tsx
+import { useCallback as useCallback8, useEffect as useEffect10, useState as useState13 } from "react";
+import {
+  Alert as Alert10,
+  Box as Box12,
+  Button as Button10,
+  Chip as Chip9,
+  CircularProgress as CircularProgress2,
+  Collapse as Collapse2,
+  FormControlLabel as FormControlLabel2,
+  IconButton as IconButton6,
+  LinearProgress as LinearProgress5,
+  MenuItem as MenuItem4,
+  Paper as Paper6,
+  Stack as Stack5,
+  Switch as Switch3,
+  TextField as TextField7,
+  Tooltip as Tooltip3,
+  Typography as Typography11
+} from "@mui/material";
 import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+var emptyForm = { name: "", url: "", authType: "none", authValue: "", headerName: "" };
+var McpServersSection = () => {
+  const [servers, setServers] = useState13([]);
+  const [loading, setLoading] = useState13(false);
+  const [error, setError] = useState13(null);
+  const [form, setForm] = useState13(emptyForm);
+  const [adding, setAdding] = useState13(false);
+  const [showForm, setShowForm] = useState13(false);
+  const [tools, setTools] = useState13({});
+  const reloadChatTools = useMCPToolsStore((s) => s.loadMcpServerTools);
+  const refresh = useCallback8(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      setServers(await listMcpServers());
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Could not load MCP servers.");
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  useEffect10(() => {
+    refresh();
+  }, [refresh]);
+  const handleAdd = async () => {
+    if (!form.name.trim() || !form.url.trim()) {
+      setError("Name and URL are required.");
+      return;
+    }
+    setAdding(true);
+    setError(null);
+    try {
+      await addMcpServer({
+        name: form.name.trim(),
+        url: form.url.trim(),
+        authType: form.authType,
+        authValue: form.authType === "none" ? void 0 : form.authValue,
+        headerName: form.authType === "header" ? form.headerName : void 0
+      });
+      setForm(emptyForm);
+      setShowForm(false);
+      await refresh();
+      void reloadChatTools();
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Could not add the server.");
+    } finally {
+      setAdding(false);
+    }
+  };
+  const handleDelete = async (id) => {
+    setError(null);
+    try {
+      await deleteMcpServer(id);
+      await refresh();
+      void reloadChatTools();
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Could not remove the server.");
+    }
+  };
+  const handleToggle = async (server) => {
+    setError(null);
+    try {
+      await updateMcpServer(server.id, { enabled: !server.enabled });
+      await refresh();
+      void reloadChatTools();
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Could not update the server.");
+    }
+  };
+  const handleDiscover = async (id) => {
+    setTools((prev) => ({ ...prev, [id]: "loading" }));
+    try {
+      const { tools: discovered } = await discoverMcpTools(id);
+      setTools((prev) => ({ ...prev, [id]: discovered }));
+    } catch (e) {
+      setTools((prev) => ({ ...prev, [id]: { error: e instanceof Error ? e.message : "Could not connect." } }));
+    }
+  };
+  return /* @__PURE__ */ jsxs12(Paper6, { sx: { p: 2, mb: 2 }, children: [
+    /* @__PURE__ */ jsxs12(Box12, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", mb: 1, gap: 1, flexWrap: "wrap" }, children: [
+      /* @__PURE__ */ jsxs12(Box12, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+        /* @__PURE__ */ jsx12(CloudIcon, {}),
+        /* @__PURE__ */ jsx12(Typography11, { variant: "subtitle1", sx: { fontWeight: 700 }, children: "MCP Servers" }),
+        /* @__PURE__ */ jsx12(Chip9, { size: "small", label: String(servers.length) })
+      ] }),
+      /* @__PURE__ */ jsxs12(Box12, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
+        /* @__PURE__ */ jsx12(Tooltip3, { title: "Refresh", children: /* @__PURE__ */ jsx12(IconButton6, { onClick: refresh, size: "small", children: /* @__PURE__ */ jsx12(RefreshIcon, {}) }) }),
+        /* @__PURE__ */ jsx12(Button10, { size: "small", variant: "contained", startIcon: /* @__PURE__ */ jsx12(AddIcon, {}), onClick: () => setShowForm((v) => !v), children: "Add server" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx12(Typography11, { variant: "body2", color: "text.secondary", sx: { mb: 2 }, children: "Connect a remote Model Context Protocol server to give the assistant its tools. The gateway holds the connection and proxies calls \u2014 your browser never talks to the server directly." }),
+    error && /* @__PURE__ */ jsx12(Alert10, { severity: "error", sx: { mb: 2 }, onClose: () => setError(null), children: error }),
+    /* @__PURE__ */ jsx12(Collapse2, { in: showForm, children: /* @__PURE__ */ jsx12(Paper6, { variant: "outlined", sx: { p: 2, mb: 2 }, children: /* @__PURE__ */ jsxs12(Stack5, { spacing: 2, children: [
+      /* @__PURE__ */ jsx12(
+        TextField7,
+        {
+          label: "Name",
+          size: "small",
+          value: form.name,
+          onChange: (e) => setForm({ ...form, name: e.target.value }),
+          placeholder: "e.g. github",
+          fullWidth: true
+        }
+      ),
+      /* @__PURE__ */ jsx12(
+        TextField7,
+        {
+          label: "Server URL",
+          size: "small",
+          value: form.url,
+          onChange: (e) => setForm({ ...form, url: e.target.value }),
+          placeholder: "https://mcp.example.com/mcp",
+          fullWidth: true
+        }
+      ),
+      /* @__PURE__ */ jsxs12(
+        TextField7,
+        {
+          select: true,
+          label: "Auth",
+          size: "small",
+          value: form.authType,
+          onChange: (e) => setForm({ ...form, authType: e.target.value }),
+          sx: { maxWidth: 220 },
+          children: [
+            /* @__PURE__ */ jsx12(MenuItem4, { value: "none", children: "None" }),
+            /* @__PURE__ */ jsx12(MenuItem4, { value: "bearer", children: "Bearer token" }),
+            /* @__PURE__ */ jsx12(MenuItem4, { value: "header", children: "Custom header" })
+          ]
+        }
+      ),
+      form.authType === "header" && /* @__PURE__ */ jsx12(
+        TextField7,
+        {
+          label: "Header name",
+          size: "small",
+          value: form.headerName,
+          onChange: (e) => setForm({ ...form, headerName: e.target.value }),
+          placeholder: "X-Api-Key",
+          fullWidth: true
+        }
+      ),
+      form.authType !== "none" && /* @__PURE__ */ jsx12(
+        TextField7,
+        {
+          label: form.authType === "bearer" ? "Token" : "Header value",
+          size: "small",
+          type: "password",
+          value: form.authValue,
+          onChange: (e) => setForm({ ...form, authValue: e.target.value }),
+          fullWidth: true
+        }
+      ),
+      /* @__PURE__ */ jsxs12(Box12, { sx: { display: "flex", gap: 1 }, children: [
+        /* @__PURE__ */ jsx12(Button10, { variant: "contained", onClick: handleAdd, disabled: adding, children: adding ? "Adding\u2026" : "Add server" }),
+        /* @__PURE__ */ jsx12(
+          Button10,
+          {
+            onClick: () => {
+              setShowForm(false);
+              setForm(emptyForm);
+            },
+            children: "Cancel"
+          }
+        )
+      ] })
+    ] }) }) }),
+    loading && /* @__PURE__ */ jsx12(LinearProgress5, { sx: { mb: 2 } }),
+    /* @__PURE__ */ jsxs12(Stack5, { spacing: 1.5, children: [
+      servers.length === 0 && !loading && /* @__PURE__ */ jsx12(Typography11, { variant: "body2", color: "text.secondary", children: "No MCP servers connected yet." }),
+      servers.map((server) => {
+        const toolState = tools[server.id];
+        return /* @__PURE__ */ jsxs12(Paper6, { variant: "outlined", sx: { p: 1.5 }, children: [
+          /* @__PURE__ */ jsxs12(Box12, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 1 }, children: [
+            /* @__PURE__ */ jsxs12(Box12, { sx: { minWidth: 0 }, children: [
+              /* @__PURE__ */ jsx12(Typography11, { variant: "subtitle2", sx: { fontWeight: 700 }, children: server.name }),
+              /* @__PURE__ */ jsx12(Typography11, { variant: "caption", color: "text.secondary", sx: { wordBreak: "break-all" }, children: server.url })
+            ] }),
+            /* @__PURE__ */ jsxs12(Box12, { sx: { display: "flex", alignItems: "center", gap: 0.5, flexShrink: 0 }, children: [
+              server.hasAuth && /* @__PURE__ */ jsx12(Chip9, { size: "small", label: server.authType }),
+              /* @__PURE__ */ jsx12(Tooltip3, { title: server.enabled ? "Enabled" : "Disabled", children: /* @__PURE__ */ jsx12(
+                FormControlLabel2,
+                {
+                  sx: { mr: 0 },
+                  control: /* @__PURE__ */ jsx12(Switch3, { size: "small", checked: server.enabled, onChange: () => handleToggle(server) }),
+                  label: ""
+                }
+              ) }),
+              /* @__PURE__ */ jsx12(Tooltip3, { title: "Test & list tools", children: /* @__PURE__ */ jsx12(IconButton6, { size: "small", onClick: () => handleDiscover(server.id), children: /* @__PURE__ */ jsx12(RefreshIcon, {}) }) }),
+              /* @__PURE__ */ jsx12(Tooltip3, { title: "Remove", children: /* @__PURE__ */ jsx12(IconButton6, { size: "small", onClick: () => handleDelete(server.id), children: /* @__PURE__ */ jsx12(DeleteIcon, {}) }) })
+            ] })
+          ] }),
+          toolState === "loading" && /* @__PURE__ */ jsxs12(Box12, { sx: { mt: 1, display: "flex", alignItems: "center", gap: 1 }, children: [
+            /* @__PURE__ */ jsx12(CircularProgress2, { size: 16 }),
+            /* @__PURE__ */ jsx12(Typography11, { variant: "caption", color: "text.secondary", children: "Connecting\u2026" })
+          ] }),
+          Array.isArray(toolState) && /* @__PURE__ */ jsx12(Box12, { sx: { mt: 1, display: "flex", flexWrap: "wrap", gap: 0.5 }, children: toolState.length === 0 ? /* @__PURE__ */ jsx12(Typography11, { variant: "caption", color: "text.secondary", children: "Connected \u2014 no tools reported." }) : toolState.map((t) => /* @__PURE__ */ jsx12(Tooltip3, { title: t.description || "", children: /* @__PURE__ */ jsx12(Chip9, { size: "small", label: t.name }) }, t.name)) }),
+          toolState && !Array.isArray(toolState) && toolState !== "loading" && /* @__PURE__ */ jsx12(Alert10, { severity: "warning", sx: { mt: 1 }, children: toolState.error })
+        ] }, server.id);
+      })
+    ] })
+  ] });
+};
+var McpServersSection_default = McpServersSection;
+
+// src/management/components/MCPToolsTabV2.tsx
+import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
 var MCPToolsTabV2 = () => {
   const { settings } = usePackageSettingsStore();
   const { tools: localTools, loadTools, toggleTool, addTool, updateTool, isLoaded } = useMCPToolsStore();
-  const [loading, setLoading] = useState13(true);
-  const [error, setError] = useState13(null);
-  const [tools, setTools] = useState13([]);
-  const [health, setHealth] = useState13(null);
+  const [loading, setLoading] = useState14(true);
+  const [error, setError] = useState14(null);
+  const [tools, setTools] = useState14([]);
+  const [health, setHealth] = useState14(null);
   const gatewayConfigured = !!settings?.gatewayApiUrl;
   const refresh = async () => {
     setLoading(true);
@@ -9400,7 +9631,7 @@ var MCPToolsTabV2 = () => {
       setLoading(false);
     }
   };
-  useEffect10(() => {
+  useEffect11(() => {
     if (isLoaded) {
       refresh();
     } else {
@@ -9425,17 +9656,18 @@ var MCPToolsTabV2 = () => {
     });
     return map;
   }, [localTools]);
-  return /* @__PURE__ */ jsxs12(Box12, { children: [
-    /* @__PURE__ */ jsxs12(Box12, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", mb: 2 }, children: [
-      /* @__PURE__ */ jsx12(Typography11, { variant: "h5", sx: { fontWeight: 600, color: "primary.main" }, children: "Available Tools" }),
-      /* @__PURE__ */ jsx12(Box12, { children: /* @__PURE__ */ jsx12(Tooltip3, { title: "Refresh", children: /* @__PURE__ */ jsx12(IconButton6, { onClick: refresh, children: /* @__PURE__ */ jsx12(RefreshIcon, {}) }) }) })
+  return /* @__PURE__ */ jsxs13(Box13, { children: [
+    /* @__PURE__ */ jsxs13(Box13, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", mb: 2 }, children: [
+      /* @__PURE__ */ jsx13(Typography12, { variant: "h5", sx: { fontWeight: 600, color: "primary.main" }, children: "Available Tools" }),
+      /* @__PURE__ */ jsx13(Box13, { children: /* @__PURE__ */ jsx13(Tooltip4, { title: "Refresh", children: /* @__PURE__ */ jsx13(IconButton7, { onClick: refresh, children: /* @__PURE__ */ jsx13(RefreshIcon, {}) }) }) })
     ] }),
-    !gatewayConfigured && /* @__PURE__ */ jsx12(Paper6, { sx: { p: 2, mb: 2 }, children: /* @__PURE__ */ jsx12(Typography11, { variant: "body2", color: "text.secondary", children: "Gateway API URL isn\u2019t configured. The controller endpoints will be fetched relative to this origin." }) }),
-    /* @__PURE__ */ jsx12(Paper6, { sx: { p: 2, mb: 2 }, children: /* @__PURE__ */ jsxs12(Box12, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-      health?.status === "healthy" ? /* @__PURE__ */ jsx12(HealthAndSafetyIcon, { color: "success" }) : health?.status === "unhealthy" ? /* @__PURE__ */ jsx12(ErrorOutlineIcon, { color: "error" }) : /* @__PURE__ */ jsx12(ErrorOutlineIcon, { color: "disabled" }),
-      /* @__PURE__ */ jsx12(Typography11, { variant: "subtitle1", sx: { fontWeight: 600 }, children: "Controller Health" }),
-      /* @__PURE__ */ jsx12(
-        Chip9,
+    /* @__PURE__ */ jsx13(McpServersSection_default, {}),
+    !gatewayConfigured && /* @__PURE__ */ jsx13(Paper7, { sx: { p: 2, mb: 2 }, children: /* @__PURE__ */ jsx13(Typography12, { variant: "body2", color: "text.secondary", children: "Gateway API URL isn\u2019t configured. The controller endpoints will be fetched relative to this origin." }) }),
+    /* @__PURE__ */ jsx13(Paper7, { sx: { p: 2, mb: 2 }, children: /* @__PURE__ */ jsxs13(Box13, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+      health?.status === "healthy" ? /* @__PURE__ */ jsx13(HealthAndSafetyIcon, { color: "success" }) : health?.status === "unhealthy" ? /* @__PURE__ */ jsx13(ErrorOutlineIcon, { color: "error" }) : /* @__PURE__ */ jsx13(ErrorOutlineIcon, { color: "disabled" }),
+      /* @__PURE__ */ jsx13(Typography12, { variant: "subtitle1", sx: { fontWeight: 600 }, children: "Controller Health" }),
+      /* @__PURE__ */ jsx13(
+        Chip10,
         {
           size: "small",
           label: (health?.status || "unknown").toString(),
@@ -9443,11 +9675,11 @@ var MCPToolsTabV2 = () => {
           sx: { ml: 1 }
         }
       ),
-      health?.timestamp && /* @__PURE__ */ jsx12(Typography11, { variant: "caption", color: "text.secondary", sx: { ml: 1 }, children: new Date(health.timestamp).toLocaleString() })
+      health?.timestamp && /* @__PURE__ */ jsx13(Typography12, { variant: "caption", color: "text.secondary", sx: { ml: 1 }, children: new Date(health.timestamp).toLocaleString() })
     ] }) }),
-    loading && /* @__PURE__ */ jsx12(Box12, { sx: { mb: 2 }, children: /* @__PURE__ */ jsx12(LinearProgress5, {}) }),
-    error && /* @__PURE__ */ jsx12(Paper6, { sx: { p: 2, mb: 2 }, children: /* @__PURE__ */ jsx12(Typography11, { color: "error", children: error }) }),
-    /* @__PURE__ */ jsx12(Stack5, { spacing: 2, children: tools.map((tool) => {
+    loading && /* @__PURE__ */ jsx13(Box13, { sx: { mb: 2 }, children: /* @__PURE__ */ jsx13(LinearProgress6, {}) }),
+    error && /* @__PURE__ */ jsx13(Paper7, { sx: { p: 2, mb: 2 }, children: /* @__PURE__ */ jsx13(Typography12, { color: "error", children: error }) }),
+    /* @__PURE__ */ jsx13(Stack6, { spacing: 2, children: tools.map((tool) => {
       let locallyEnabled = localEnabledMap.get(tool.id);
       if (locallyEnabled === void 0) {
         locallyEnabled = localEnabledMap.get(tool.name);
@@ -9458,17 +9690,17 @@ var MCPToolsTabV2 = () => {
         );
         locallyEnabled = directLookup?.enabled ?? tool.isEnabled;
       }
-      return /* @__PURE__ */ jsxs12(Paper6, { sx: { p: 2 }, children: [
-        /* @__PURE__ */ jsxs12(Box12, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
-          /* @__PURE__ */ jsxs12(Box12, { children: [
-            /* @__PURE__ */ jsx12(Typography11, { variant: "h6", sx: { fontWeight: 700 }, children: tool.name }),
-            /* @__PURE__ */ jsx12(Typography11, { variant: "body2", color: "text.secondary", sx: { mt: 0.5 }, children: tool.description })
+      return /* @__PURE__ */ jsxs13(Paper7, { sx: { p: 2 }, children: [
+        /* @__PURE__ */ jsxs13(Box13, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
+          /* @__PURE__ */ jsxs13(Box13, { children: [
+            /* @__PURE__ */ jsx13(Typography12, { variant: "h6", sx: { fontWeight: 700 }, children: tool.name }),
+            /* @__PURE__ */ jsx13(Typography12, { variant: "body2", color: "text.secondary", sx: { mt: 0.5 }, children: tool.description })
           ] }),
-          /* @__PURE__ */ jsxs12(Box12, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-            /* @__PURE__ */ jsx12(
-              FormControlLabel2,
+          /* @__PURE__ */ jsxs13(Box13, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+            /* @__PURE__ */ jsx13(
+              FormControlLabel3,
               {
-                control: /* @__PURE__ */ jsx12(Switch3, { checked: !!locallyEnabled, onChange: () => {
+                control: /* @__PURE__ */ jsx13(Switch4, { checked: !!locallyEnabled, onChange: () => {
                   let local = localTools.find((t) => t.function.name === tool.id);
                   if (!local) {
                     local = localTools.find((t) => t.function.name === tool.name);
@@ -9488,12 +9720,12 @@ var MCPToolsTabV2 = () => {
                 label: locallyEnabled ? "Enabled" : "Disabled"
               }
             ),
-            /* @__PURE__ */ jsx12(Tooltip3, { title: "Controller-driven tools (read-only schema)", children: /* @__PURE__ */ jsx12(SettingsIcon, { color: "disabled" }) })
+            /* @__PURE__ */ jsx13(Tooltip4, { title: "Controller-driven tools (read-only schema)", children: /* @__PURE__ */ jsx13(SettingsIcon, { color: "disabled" }) })
           ] })
         ] }),
-        !!tool.supportedParameters?.length && /* @__PURE__ */ jsxs12(Box12, { sx: { mt: 1.5 }, children: [
-          /* @__PURE__ */ jsx12(Typography11, { variant: "caption", color: "text.secondary", children: "Supported parameters" }),
-          /* @__PURE__ */ jsx12(Box12, { sx: { mt: 0.5, display: "flex", flexWrap: "wrap", gap: 1 }, children: tool.supportedParameters.map((p) => /* @__PURE__ */ jsx12(Chip9, { size: "small", label: p }, p)) })
+        !!tool.supportedParameters?.length && /* @__PURE__ */ jsxs13(Box13, { sx: { mt: 1.5 }, children: [
+          /* @__PURE__ */ jsx13(Typography12, { variant: "caption", color: "text.secondary", children: "Supported parameters" }),
+          /* @__PURE__ */ jsx13(Box13, { sx: { mt: 0.5, display: "flex", flexWrap: "wrap", gap: 1 }, children: tool.supportedParameters.map((p) => /* @__PURE__ */ jsx13(Chip10, { size: "small", label: p }, p)) })
         ] })
       ] }, tool.id);
     }) })
@@ -9502,8 +9734,8 @@ var MCPToolsTabV2 = () => {
 var MCPToolsTabV2_default = MCPToolsTabV2;
 
 // src/management/management.tsx
-import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
-var preloadChatPage = () => import("./chat-W4HX45DE.mjs");
+import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
+var preloadChatPage = () => import("./chat-S35XO43Z.mjs");
 var buildCapabilitiesUrl = (gatewayApiUrl) => {
   const trimmed = gatewayApiUrl.replace(/\/$/, "");
   if (trimmed.endsWith("/api")) {
@@ -9515,7 +9747,7 @@ var Management = () => {
   const navigate = useNavigate();
   const notificationService = useNotificationService();
   const isMobile = useMediaQuery7("(max-width:900px)");
-  const [sidebarOpen, setSidebarOpen] = useState14(false);
+  const [sidebarOpen, setSidebarOpen] = useState15(false);
   const getOptimalFabLogo = async () => {
     const banditHead2 = "https://cdn.burtson.ai/images/bandit-head.png";
     try {
@@ -9555,16 +9787,16 @@ var Management = () => {
     hasTransparentLogo,
     setHasTransparentLogo
   } = useModelStore();
-  const [modalOpen, setModalOpen] = useState14(false);
+  const [modalOpen, setModalOpen] = useState15(false);
   const banditHead = "https://cdn.burtson.ai/images/bandit-head.png";
-  const [fabLogo, setFabLogo] = useState14(banditHead);
-  const [tabIndex, setTabIndex] = useState14(4);
-  const [logoFile, setLogoFile] = useState14(null);
-  const [logoBase64, setLogoBase64] = useState14(null);
-  const [brandingText, setBrandingText] = useState14("");
-  const [theme, setTheme] = useState14("bandit-dark");
-  const [customAvatarBase64, setCustomAvatarBase64] = useState14(null);
-  const [presetAvatar, setPresetAvatar] = useState14(null);
+  const [fabLogo, setFabLogo] = useState15(banditHead);
+  const [tabIndex, setTabIndex] = useState15(4);
+  const [logoFile, setLogoFile] = useState15(null);
+  const [logoBase64, setLogoBase64] = useState15(null);
+  const [brandingText, setBrandingText] = useState15("");
+  const [theme, setTheme] = useState15("bandit-dark");
+  const [customAvatarBase64, setCustomAvatarBase64] = useState15(null);
+  const [presetAvatar, setPresetAvatar] = useState15(null);
   const showSnackbarMessage = (message, severity = "success") => {
     if (severity === "success") {
       notificationService?.showSuccess(message);
@@ -9572,9 +9804,9 @@ var Management = () => {
       notificationService?.showError(message);
     }
   };
-  const [restoreDialogOpen, setRestoreDialogOpen] = useState14(false);
-  const [brandingLoaded, setBrandingLoaded] = useState14(false);
-  const [isLoadingBranding, setIsLoadingBranding] = useState14(false);
+  const [restoreDialogOpen, setRestoreDialogOpen] = useState15(false);
+  const [brandingLoaded, setBrandingLoaded] = useState15(false);
+  const [isLoadingBranding, setIsLoadingBranding] = useState15(false);
   const { initModels } = useModelStore();
   const { settings: packageSettings } = usePackageSettingsStore();
   const authToken = useAuthenticationStore((state) => state.token);
@@ -9582,8 +9814,8 @@ var Management = () => {
   const { hasAdminDashboard, hasLimitedAdminDashboard, getCurrentTier, hasAdvancedSearch } = useFeatures();
   const { showAdminPanel, showLimitedAdminPanel } = useFeatureVisibility();
   const { provider: currentProvider, config: currentProviderConfig } = useAIProviderStore();
-  const [seedPacksEnabled, setSeedPacksEnabled] = useState14(false);
-  const [localSelectedModel, setLocalSelectedModel] = useState14({
+  const [seedPacksEnabled, setSeedPacksEnabled] = useState15(false);
+  const [localSelectedModel, setLocalSelectedModel] = useState15({
     name: "",
     tagline: "",
     systemPrompt: "",
@@ -9596,7 +9828,7 @@ var Management = () => {
     loadDocuments,
     clearAllDocuments
   } = useKnowledgeStore();
-  useEffect11(() => {
+  useEffect12(() => {
     if (selectedModel) {
       const selected = availableModels.find((m) => m.name === selectedModel);
       if (selected) {
@@ -9620,7 +9852,7 @@ var Management = () => {
       }
     }
   }, [selectedModel, availableModels]);
-  const loadBrandingConfig = useCallback8(async () => {
+  const loadBrandingConfig = useCallback9(async () => {
     if (isLoadingBranding || brandingLoaded) {
       debugLogger.warn("Branding loading already in progress or completed, skipping");
       return;
@@ -9735,15 +9967,15 @@ var Management = () => {
     setTagline,
     setTheme
   ]);
-  useEffect11(() => {
+  useEffect12(() => {
     void loadBrandingConfig();
   }, [loadBrandingConfig]);
   const handleOpenModal = () => setModalOpen(true);
   const handleCloseModal = () => setModalOpen(false);
-  useEffect11(() => {
+  useEffect12(() => {
     getOptimalFabLogo().then(setFabLogo);
   }, []);
-  useEffect11(() => {
+  useEffect12(() => {
     if (logoBase64) {
       setFabLogo(logoBase64);
     } else {
@@ -10190,7 +10422,7 @@ var Management = () => {
       reader.readAsText(file);
     }
   };
-  useEffect11(() => {
+  useEffect12(() => {
     if (localSelectedModel.selectedModel && !availableModels.some((m) => m.name === localSelectedModel.selectedModel)) {
       setLocalSelectedModel((prev) => ({
         ...prev,
@@ -10198,10 +10430,10 @@ var Management = () => {
       }));
     }
   }, [availableModels, localSelectedModel.selectedModel]);
-  useEffect11(() => {
+  useEffect12(() => {
     loadDocuments();
   }, [loadDocuments]);
-  useEffect11(() => {
+  useEffect12(() => {
     const gatewayApiUrl = packageSettings?.gatewayApiUrl;
     if (!gatewayApiUrl || gatewayApiUrl.toLowerCase().startsWith("playground://")) {
       setSeedPacksEnabled(false);
@@ -10274,43 +10506,43 @@ var Management = () => {
   const allNavTabs = [
     {
       label: "Personalities",
-      icon: /* @__PURE__ */ jsx13(FaceRetouchingNaturalIcon, {}),
+      icon: /* @__PURE__ */ jsx14(FaceRetouchingNaturalIcon, {}),
       requiresFeature: "limitedAdminDashboard"
       // Available to premium+
     },
     {
       label: "Branding",
-      icon: /* @__PURE__ */ jsx13(BrushIcon, {}),
+      icon: /* @__PURE__ */ jsx14(BrushIcon, {}),
       requiresFeature: "limitedAdminDashboard"
       // Available to premium+
     },
     {
       label: "Knowledge",
-      icon: /* @__PURE__ */ jsx13(MenuBookIcon, {}),
+      icon: /* @__PURE__ */ jsx14(MenuBookIcon, {}),
       requiresFeature: "limitedAdminDashboard"
       // Available to premium+
     },
     {
       label: "Storage",
-      icon: /* @__PURE__ */ jsx13(StorageIcon, {}),
+      icon: /* @__PURE__ */ jsx14(StorageIcon, {}),
       requiresFeature: "limitedAdminDashboard"
       // Available to premium+ (changed from adminDashboardEnabled)
     },
     {
       label: "Preferences",
-      icon: /* @__PURE__ */ jsx13(TuneIcon, {}),
+      icon: /* @__PURE__ */ jsx14(TuneIcon, {}),
       requiresFeature: "limitedAdminDashboard"
       // Available to premium+
     },
     {
       label: "Provider",
-      icon: /* @__PURE__ */ jsx13(CloudIcon, {}),
+      icon: /* @__PURE__ */ jsx14(CloudIcon, {}),
       requiresFeature: "advancedSearch"
       // Pro/Team users with advanced features
     },
     {
       label: "Tools",
-      icon: /* @__PURE__ */ jsx13(BuildIcon, {}),
+      icon: /* @__PURE__ */ jsx14(BuildIcon, {}),
       requiresFeature: "advancedSearch"
       // Pro/Team users with advanced features
     }
@@ -10329,7 +10561,7 @@ var Management = () => {
   });
   const preferredDefaultTabIndex = navTabs.findIndex((tab) => tab.label === "Preferences");
   const defaultTabIndex = preferredDefaultTabIndex >= 0 ? preferredDefaultTabIndex : 0;
-  useEffect11(() => {
+  useEffect12(() => {
     setTabIndex((current) => {
       if (current < 0 || current >= navTabs.length) {
         return defaultTabIndex;
@@ -10339,8 +10571,8 @@ var Management = () => {
   }, [navTabs.length, defaultTabIndex]);
   const mobileQuickTabs = navTabs.slice(0, 5);
   const hasMobileOverflowTabs = navTabs.length > mobileQuickTabs.length;
-  const navigationContent = /* @__PURE__ */ jsxs13(
-    Box13,
+  const navigationContent = /* @__PURE__ */ jsxs14(
+    Box14,
     {
       sx: {
         display: "flex",
@@ -10350,8 +10582,8 @@ var Management = () => {
         bgcolor: "inherit"
       },
       children: [
-        isMobile && /* @__PURE__ */ jsx13(
-          Box13,
+        isMobile && /* @__PURE__ */ jsx14(
+          Box14,
           {
             sx: {
               height: 6,
@@ -10364,15 +10596,15 @@ var Management = () => {
             }
           }
         ),
-        /* @__PURE__ */ jsx13(Box13, { sx: { p: isMobile ? 2.5 : 3, pb: isMobile ? 1.5 : 2 }, children: /* @__PURE__ */ jsx13(
-          Button10,
+        /* @__PURE__ */ jsx14(Box14, { sx: { p: isMobile ? 2.5 : 3, pb: isMobile ? 1.5 : 2 }, children: /* @__PURE__ */ jsx14(
+          Button11,
           {
             onClick: () => {
               if (isMobile) setSidebarOpen(false);
               navigate("/chat");
             },
             onMouseEnter: preloadChatPage,
-            startIcon: /* @__PURE__ */ jsx13(ChevronLeftIcon, { sx: { fontSize: 20 } }),
+            startIcon: /* @__PURE__ */ jsx14(ChevronLeftIcon, { sx: { fontSize: 20 } }),
             fullWidth: true,
             variant: "outlined",
             sx: {
@@ -10399,8 +10631,8 @@ var Management = () => {
             children: "Back to Chat"
           }
         ) }),
-        /* @__PURE__ */ jsx13(Divider2, { sx: { mx: isMobile ? 2 : 3, mb: 2, opacity: 0.6 } }),
-        /* @__PURE__ */ jsx13(Box13, { sx: { flex: 1, px: isMobile ? 1.5 : 2, pb: 3, overflowY: "auto" }, children: /* @__PURE__ */ jsx13(List3, { sx: { px: 0, py: 0 }, children: navTabs.map((tab, idx) => /* @__PURE__ */ jsxs13(
+        /* @__PURE__ */ jsx14(Divider2, { sx: { mx: isMobile ? 2 : 3, mb: 2, opacity: 0.6 } }),
+        /* @__PURE__ */ jsx14(Box14, { sx: { flex: 1, px: isMobile ? 1.5 : 2, pb: 3, overflowY: "auto" }, children: /* @__PURE__ */ jsx14(List3, { sx: { px: 0, py: 0 }, children: navTabs.map((tab, idx) => /* @__PURE__ */ jsxs14(
           ListItemButton2,
           {
             selected: tabIndex === idx,
@@ -10450,7 +10682,7 @@ var Management = () => {
               }
             },
             children: [
-              /* @__PURE__ */ jsx13(
+              /* @__PURE__ */ jsx14(
                 ListItemIcon2,
                 {
                   sx: {
@@ -10461,7 +10693,7 @@ var Management = () => {
                   children: tab.icon
                 }
               ),
-              /* @__PURE__ */ jsx13(
+              /* @__PURE__ */ jsx14(
                 ListItemText2,
                 {
                   primary: tab.label,
@@ -10472,8 +10704,8 @@ var Management = () => {
                   }
                 }
               ),
-              tabIndex === idx && /* @__PURE__ */ jsx13(
-                Box13,
+              tabIndex === idx && /* @__PURE__ */ jsx14(
+                Box14,
                 {
                   sx: {
                     position: "absolute",
@@ -10496,10 +10728,10 @@ var Management = () => {
     }
   );
   if (!brandingLoaded) return null;
-  return /* @__PURE__ */ jsxs13(ThemeProvider, { theme: currentTheme, children: [
-    /* @__PURE__ */ jsx13(CssBaseline, {}),
-    /* @__PURE__ */ jsxs13(
-      Box13,
+  return /* @__PURE__ */ jsxs14(ThemeProvider, { theme: currentTheme, children: [
+    /* @__PURE__ */ jsx14(CssBaseline, {}),
+    /* @__PURE__ */ jsxs14(
+      Box14,
       {
         display: "flex",
         height: "100vh",
@@ -10511,8 +10743,8 @@ var Management = () => {
           position: "relative"
         },
         children: [
-          isMobile && /* @__PURE__ */ jsxs13(
-            Box13,
+          isMobile && /* @__PURE__ */ jsxs14(
+            Box14,
             {
               sx: {
                 width: "100%",
@@ -10531,8 +10763,8 @@ var Management = () => {
                 boxShadow: "0 2px 8px rgba(0,0,0,0.1)"
               },
               children: [
-                /* @__PURE__ */ jsx13(
-                  Button10,
+                /* @__PURE__ */ jsx14(
+                  Button11,
                   {
                     onClick: () => setSidebarOpen((o) => !o),
                     sx: {
@@ -10553,7 +10785,7 @@ var Management = () => {
                         transform: sidebarOpen ? "rotate(90deg) scale(0.95)" : "scale(0.95)"
                       }
                     },
-                    children: /* @__PURE__ */ jsx13("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx13(
+                    children: /* @__PURE__ */ jsx14("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx14(
                       "path",
                       {
                         d: sidebarOpen ? "M18 6L6 18M6 6L18 18" : "M3 12H21M3 6H21M3 18H21",
@@ -10565,8 +10797,8 @@ var Management = () => {
                     ) })
                   }
                 ),
-                /* @__PURE__ */ jsx13(
-                  Typography12,
+                /* @__PURE__ */ jsx14(
+                  Typography13,
                   {
                     variant: "h6",
                     sx: {
@@ -10578,14 +10810,14 @@ var Management = () => {
                     children: "Management"
                   }
                 ),
-                /* @__PURE__ */ jsx13(Box13, { sx: {
+                /* @__PURE__ */ jsx14(Box14, { sx: {
                   px: 2,
                   py: 0.5,
                   borderRadius: 2,
                   bgcolor: (theme2) => theme2.palette.mode === "dark" ? "rgba(25,118,210,0.12)" : "rgba(25,118,210,0.08)",
                   border: (theme2) => `1px solid ${theme2.palette.primary.main}20`
-                }, children: /* @__PURE__ */ jsx13(
-                  Typography12,
+                }, children: /* @__PURE__ */ jsx14(
+                  Typography13,
                   {
                     variant: "caption",
                     sx: {
@@ -10599,8 +10831,8 @@ var Management = () => {
               ]
             }
           ),
-          isMobile && /* @__PURE__ */ jsxs13(
-            Box13,
+          isMobile && /* @__PURE__ */ jsxs14(
+            Box14,
             {
               sx: {
                 width: "100%",
@@ -10617,8 +10849,8 @@ var Management = () => {
                 mobileQuickTabs.map((tab) => {
                   const quickTabIndex = navTabs.findIndex((navTab) => navTab.label === tab.label);
                   const selected = tabIndex === quickTabIndex;
-                  return /* @__PURE__ */ jsx13(
-                    Button10,
+                  return /* @__PURE__ */ jsx14(
+                    Button11,
                     {
                       size: "small",
                       onClick: () => setTabIndex(quickTabIndex),
@@ -10643,8 +10875,8 @@ var Management = () => {
                     tab.label
                   );
                 }),
-                hasMobileOverflowTabs && /* @__PURE__ */ jsx13(
-                  Button10,
+                hasMobileOverflowTabs && /* @__PURE__ */ jsx14(
+                  Button11,
                   {
                     size: "small",
                     onClick: () => setSidebarOpen(true),
@@ -10666,7 +10898,7 @@ var Management = () => {
               ]
             }
           ),
-          isMobile ? /* @__PURE__ */ jsx13(
+          isMobile ? /* @__PURE__ */ jsx14(
             SwipeableDrawer,
             {
               anchor: "bottom",
@@ -10687,8 +10919,8 @@ var Management = () => {
               },
               children: navigationContent
             }
-          ) : /* @__PURE__ */ jsx13(
-            Box13,
+          ) : /* @__PURE__ */ jsx14(
+            Box14,
             {
               sx: {
                 width: 280,
@@ -10711,8 +10943,8 @@ var Management = () => {
               children: navigationContent
             }
           ),
-          /* @__PURE__ */ jsxs13(
-            Box13,
+          /* @__PURE__ */ jsxs14(
+            Box14,
             {
               sx: {
                 flex: 1,
@@ -10731,7 +10963,7 @@ var Management = () => {
                 transition: "margin-left 0.2s"
               },
               children: [
-                navTabs[tabIndex]?.label === "Personalities" && /* @__PURE__ */ jsx13(
+                navTabs[tabIndex]?.label === "Personalities" && /* @__PURE__ */ jsx14(
                   PersonalitiesTab_default,
                   {
                     availableModels,
@@ -10750,7 +10982,7 @@ var Management = () => {
                     showSnackbar: showSnackbarMessage
                   }
                 ),
-                navTabs[tabIndex]?.label === "Branding" && /* @__PURE__ */ jsx13(
+                navTabs[tabIndex]?.label === "Branding" && /* @__PURE__ */ jsx14(
                   BrandingTab_default,
                   {
                     logoFile,
@@ -10769,7 +11001,7 @@ var Management = () => {
                     setLogoBase64
                   }
                 ),
-                navTabs[tabIndex]?.label === "Knowledge" && /* @__PURE__ */ jsx13(
+                navTabs[tabIndex]?.label === "Knowledge" && /* @__PURE__ */ jsx14(
                   KnowledgeHubTab_default,
                   {
                     documents,
@@ -10782,8 +11014,8 @@ var Management = () => {
                     seedPacksEnabled
                   }
                 ),
-                navTabs[tabIndex]?.label === "Storage" && /* @__PURE__ */ jsx13(StorageTab_default, { currentTheme }),
-                navTabs[tabIndex]?.label === "Preferences" && /* @__PURE__ */ jsx13(
+                navTabs[tabIndex]?.label === "Storage" && /* @__PURE__ */ jsx14(StorageTab_default, { currentTheme }),
+                navTabs[tabIndex]?.label === "Preferences" && /* @__PURE__ */ jsx14(
                   PreferencesTab_default,
                   {
                     preferences,
@@ -10793,12 +11025,12 @@ var Management = () => {
                     showSnackbar: showSnackbarMessage
                   }
                 ),
-                navTabs[tabIndex]?.label === "Provider" && /* @__PURE__ */ jsx13(ProviderTab, {}),
-                navTabs[tabIndex]?.label === "Tools" && /* @__PURE__ */ jsx13(MCPToolsTabV2_default, {})
+                navTabs[tabIndex]?.label === "Provider" && /* @__PURE__ */ jsx14(ProviderTab, {}),
+                navTabs[tabIndex]?.label === "Tools" && /* @__PURE__ */ jsx14(MCPToolsTabV2_default, {})
               ]
             }
           ),
-          /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsx14(
             Fab,
             {
               "aria-label": "AI",
@@ -10820,7 +11052,7 @@ var Management = () => {
                 boxShadow: theme2.shadows[6],
                 zIndex: 2e3
               }),
-              children: /* @__PURE__ */ jsx13(
+              children: /* @__PURE__ */ jsx14(
                 "img",
                 {
                   src: fabLogo,
@@ -10834,7 +11066,7 @@ var Management = () => {
               )
             }
           ),
-          /* @__PURE__ */ jsx13(chat_modal_default, { open: modalOpen, onClose: handleCloseModal })
+          /* @__PURE__ */ jsx14(chat_modal_default, { open: modalOpen, onClose: handleCloseModal })
         ]
       }
     )
@@ -10848,4 +11080,4 @@ export {
   useGatewayMemory,
   management_default
 };
-//# sourceMappingURL=chunk-3JIZRRCI.mjs.map
+//# sourceMappingURL=chunk-LBV32D55.mjs.map