@burtson-labs/bandit-engine 2.1.3 → 2.1.4

package/dist/index.mjs

@@ -612,9 +612,9 @@ var ChatProvider = (props) => {
 var chat_provider_default = ChatProvider;
 
 // src/management/management.tsx
-import { lazy, Suspense, useState as useState23, useEffect as useEffect20, useCallback as useCallback10, useMemo as useMemo8 } from "react";
+import { lazy, Suspense, useState as useState24, useEffect as useEffect21, useCallback as useCallback11, useMemo as useMemo8 } from "react";
 import useMediaQuery7 from "@mui/material/useMediaQuery";
-import { Box as Box22, Button as Button15, ThemeProvider as ThemeProvider2, CssBaseline, Fab as Fab2 } from "@mui/material";
+import { Box as Box23, Button as Button16, ThemeProvider as ThemeProvider2, CssBaseline, Fab as Fab2 } from "@mui/material";
 import { useNavigate as useNavigate2 } from "react-router-dom";
 
 // src/modals/chat-modal/chat-modal.tsx
@@ -13372,16 +13372,16 @@ var ProviderTab = () => {
 };
 
 // src/management/components/MCPToolsTabV2.tsx
-import { useEffect as useEffect19, useMemo as useMemo6, useState as useState22 } from "react";
+import { useEffect as useEffect20, useMemo as useMemo6, useState as useState23 } from "react";
 import {
-  Alert as Alert10,
-  Box as Box19,
-  Button as Button13,
-  Typography as Typography15,
-  Paper as Paper7,
-  IconButton as IconButton12,
-  Tooltip as Tooltip10,
-  LinearProgress as LinearProgress6,
+  Alert as Alert11,
+  Box as Box20,
+  Button as Button14,
+  Typography as Typography16,
+  Paper as Paper8,
+  IconButton as IconButton13,
+  Tooltip as Tooltip11,
+  LinearProgress as LinearProgress7,
   Skeleton as Skeleton5,
   Switch as Switch4
 } from "@mui/material";
@@ -14070,8 +14070,228 @@ var McpServersSection = () => {
 };
 var McpServersSection_default = McpServersSection;
 
-// src/management/components/MCPToolsTabV2.tsx
+// src/management/components/CrewSection.tsx
+import { useCallback as useCallback10, useEffect as useEffect19, useState as useState22 } from "react";
+import {
+  Alert as Alert10,
+  Box as Box19,
+  Button as Button13,
+  Chip as Chip11,
+  Collapse as Collapse3,
+  IconButton as IconButton12,
+  LinearProgress as LinearProgress6,
+  Link as Link3,
+  Paper as Paper7,
+  Stack as Stack8,
+  TextField as TextField10,
+  Tooltip as Tooltip10,
+  Typography as Typography15
+} from "@mui/material";
+
+// src/services/crew/crewService.ts
+var gatewayBase = () => {
+  const settings = usePackageSettingsStore.getState().settings;
+  const url = settings?.gatewayApiUrl?.replace(/\/$/, "");
+  if (!url) throw new Error("Gateway API is not configured.");
+  return url;
+};
+var authHeaders2 = () => {
+  const headers = { "Content-Type": "application/json" };
+  const token = authenticationService.getToken();
+  if (token) headers["Authorization"] = `Bearer ${token}`;
+  return headers;
+};
+var parse = async (res) => {
+  const text = await res.text();
+  const body = text ? JSON.parse(text) : null;
+  if (!res.ok) {
+    const message = body && typeof body === "object" && (body.error || body.message) || `Request failed (${res.status})`;
+    throw new Error(String(message));
+  }
+  return body;
+};
+var scoped = (path, scope) => `${gatewayBase()}/crew/${path}${scope ? `${path.includes("?") ? "&" : "?"}scope=${encodeURIComponent(scope)}` : ""}`;
+var listBandits = async (scope) => parse(await fetch(scoped("bandits", scope), { headers: authHeaders2() }));
+var createBandit = async (input, scope) => parse(
+  await fetch(scoped("bandits", scope), {
+    method: "POST",
+    headers: authHeaders2(),
+    body: JSON.stringify(input)
+  })
+);
+var deleteBandit = async (id, scope) => {
+  const res = await fetch(scoped(`bandits/${encodeURIComponent(id)}`, scope), {
+    method: "DELETE",
+    headers: authHeaders2()
+  });
+  if (!res.ok && res.status !== 204) {
+    throw new Error(`Could not remove the Bandit (${res.status}).`);
+  }
+};
+var listCrewTasks = async (scope, limit = 8) => parse(await fetch(scoped(`tasks?limit=${limit}`, scope), { headers: authHeaders2() }));
+
+// src/management/components/CrewSection.tsx
 import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
+var NAME_PATTERN = /^[A-Za-z][\w-]{0,30}$/;
+var statusLabel = (status) => {
+  switch (status) {
+    case "completed":
+      return { label: "done", color: "success" };
+    case "awaiting_approval":
+      return { label: "needs approval", color: "warning" };
+    case "failed":
+    case "expired":
+      return { label: status, color: "error" };
+    case "cancelled":
+      return { label: "stopped", color: "default" };
+    default:
+      return { label: status, color: "info" };
+  }
+};
+var CrewSection = () => {
+  const [bandits, setBandits] = useState22([]);
+  const [tasks, setTasks] = useState22([]);
+  const [loading, setLoading] = useState22(true);
+  const [error, setError] = useState22(null);
+  const [showForm, setShowForm] = useState22(false);
+  const [name, setName] = useState22("");
+  const [job, setJob] = useState22("");
+  const [saving, setSaving] = useState22(false);
+  const refresh = useCallback10(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const [list, recent] = await Promise.all([listBandits(), listCrewTasks(void 0, 5).catch(() => [])]);
+      setBandits(list);
+      setTasks(recent);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Could not load the crew.");
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  useEffect19(() => {
+    void refresh();
+  }, [refresh]);
+  const submit = async () => {
+    const trimmedName = name.trim();
+    const trimmedJob = job.trim();
+    if (!NAME_PATTERN.test(trimmedName)) {
+      setError("Names are one word: letters, digits, - or _ (for example Riley).");
+      return;
+    }
+    if (trimmedJob.length < 10) {
+      setError("Give the Bandit a job description of at least a sentence.");
+      return;
+    }
+    setSaving(true);
+    setError(null);
+    try {
+      await createBandit({ name: trimmedName, jobDescription: trimmedJob });
+      setName("");
+      setJob("");
+      setShowForm(false);
+      await refresh();
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Could not create the Bandit.");
+    } finally {
+      setSaving(false);
+    }
+  };
+  const remove = async (bandit) => {
+    try {
+      await deleteBandit(bandit.id);
+      setBandits((current) => current.filter((b) => b.id !== bandit.id));
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Could not remove the Bandit.");
+    }
+  };
+  return /* @__PURE__ */ jsxs17(Box19, { component: "section", "aria-label": "Bandit Crew", sx: { mt: 4 }, children: [
+    /* @__PURE__ */ jsxs17(Box19, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", mb: 0.5 }, children: [
+      /* @__PURE__ */ jsx21(Typography15, { variant: "overline", color: "text.secondary", sx: { fontWeight: 700, letterSpacing: 0.6 }, children: "Bandit Crew" }),
+      /* @__PURE__ */ jsxs17(Stack8, { direction: "row", spacing: 0.5, children: [
+        /* @__PURE__ */ jsx21(Tooltip10, { title: "Refresh", children: /* @__PURE__ */ jsx21(IconButton12, { size: "small", onClick: () => void refresh(), "aria-label": "Refresh crew", children: /* @__PURE__ */ jsx21(Refresh, { fontSize: "small" }) }) }),
+        /* @__PURE__ */ jsx21(Button13, { size: "small", startIcon: /* @__PURE__ */ jsx21(Plus, {}), onClick: () => setShowForm((v) => !v), children: "New Bandit" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs17(Typography15, { variant: "body2", color: "text.secondary", sx: { mb: 1.5 }, children: [
+      "Named teammates you can delegate work to in Slack: ",
+      /* @__PURE__ */ jsx21("code", { children: "@Bandit ask Riley to research X and draft a summary" }),
+      ". Each one shows its steps, asks before it acts outside the thread, and files the result in your Stash."
+    ] }),
+    loading && /* @__PURE__ */ jsx21(LinearProgress6, { sx: { mb: 1 } }),
+    error && /* @__PURE__ */ jsx21(Alert10, { severity: "error", sx: { mb: 1.5 }, onClose: () => setError(null), children: error }),
+    /* @__PURE__ */ jsx21(Collapse3, { in: showForm, children: /* @__PURE__ */ jsx21(Paper7, { variant: "outlined", sx: { p: 2, mb: 1.5 }, children: /* @__PURE__ */ jsxs17(Stack8, { spacing: 1.5, children: [
+      /* @__PURE__ */ jsx21(
+        TextField10,
+        {
+          label: "Name",
+          size: "small",
+          value: name,
+          onChange: (e) => setName(e.target.value),
+          placeholder: "Riley",
+          inputProps: { maxLength: 31, "aria-label": "Bandit name" }
+        }
+      ),
+      /* @__PURE__ */ jsx21(
+        TextField10,
+        {
+          label: "Job description",
+          size: "small",
+          multiline: true,
+          minRows: 2,
+          value: job,
+          onChange: (e) => setJob(e.target.value),
+          placeholder: "Research analyst who writes short, cited briefs for the sales team.",
+          inputProps: { "aria-label": "Job description" }
+        }
+      ),
+      /* @__PURE__ */ jsxs17(Stack8, { direction: "row", spacing: 1, children: [
+        /* @__PURE__ */ jsx21(Button13, { variant: "contained", size: "small", onClick: () => void submit(), disabled: saving, children: saving ? "Creating\u2026" : "Create" }),
+        /* @__PURE__ */ jsx21(Button13, { size: "small", onClick: () => setShowForm(false), disabled: saving, children: "Cancel" })
+      ] })
+    ] }) }) }),
+    !loading && bandits.length === 0 && !showForm && /* @__PURE__ */ jsx21(Paper7, { variant: "outlined", sx: { p: 2, mb: 1.5 }, children: /* @__PURE__ */ jsxs17(Typography15, { variant: "body2", color: "text.secondary", children: [
+      "No Bandits yet. Create one here or in Slack: ",
+      /* @__PURE__ */ jsx21("code", { children: "/bandit crew create Riley | Research analyst who writes short, cited briefs" })
+    ] }) }),
+    /* @__PURE__ */ jsx21(Stack8, { spacing: 1, children: bandits.map((bandit) => /* @__PURE__ */ jsxs17(Paper7, { variant: "outlined", sx: { p: 1.5, display: "flex", alignItems: "flex-start", gap: 1.5 }, children: [
+      /* @__PURE__ */ jsxs17(Box19, { sx: { flex: 1, minWidth: 0 }, children: [
+        /* @__PURE__ */ jsxs17(Stack8, { direction: "row", spacing: 1, alignItems: "center", children: [
+          /* @__PURE__ */ jsx21(Typography15, { sx: { fontWeight: 700 }, children: bandit.name }),
+          bandit.model && /* @__PURE__ */ jsx21(Chip11, { size: "small", label: bandit.model })
+        ] }),
+        /* @__PURE__ */ jsx21(Typography15, { variant: "body2", color: "text.secondary", sx: { whiteSpace: "pre-wrap" }, children: bandit.jobDescription }),
+        /* @__PURE__ */ jsxs17(Typography15, { variant: "caption", color: "text.secondary", children: [
+          "tools: ",
+          bandit.allowedTools.join(", "),
+          bandit.ownerDisplayName ? ` \xB7 owner ${bandit.ownerDisplayName}` : ""
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx21(Tooltip10, { title: `Remove ${bandit.name}`, children: /* @__PURE__ */ jsx21(IconButton12, { size: "small", onClick: () => void remove(bandit), "aria-label": `Remove ${bandit.name}`, children: /* @__PURE__ */ jsx21(Trash, { fontSize: "small" }) }) })
+    ] }, bandit.id)) }),
+    tasks.length > 0 && /* @__PURE__ */ jsxs17(Box19, { sx: { mt: 2 }, children: [
+      /* @__PURE__ */ jsx21(Typography15, { variant: "caption", color: "text.secondary", sx: { fontWeight: 700 }, children: "Recent tasks" }),
+      /* @__PURE__ */ jsx21(Stack8, { spacing: 0.5, sx: { mt: 0.5 }, children: tasks.map((task) => {
+        const status = statusLabel(task.status);
+        const link = task.deliverables?.find((d) => d.shareUrl || d.url);
+        return /* @__PURE__ */ jsxs17(Stack8, { direction: "row", spacing: 1, alignItems: "center", sx: { minWidth: 0 }, children: [
+          /* @__PURE__ */ jsx21(Chip11, { size: "small", label: status.label, color: status.color, variant: "outlined" }),
+          /* @__PURE__ */ jsxs17(Typography15, { variant: "body2", noWrap: true, sx: { flex: 1, minWidth: 0 }, children: [
+            /* @__PURE__ */ jsx21("strong", { children: task.banditName }),
+            ": ",
+            task.prompt
+          ] }),
+          link && /* @__PURE__ */ jsx21(Link3, { href: link.shareUrl ?? link.url ?? void 0, target: "_blank", rel: "noreferrer", variant: "body2", children: "open" })
+        ] }, task.id);
+      }) })
+    ] })
+  ] });
+};
+var CrewSection_default = CrewSection;
+
+// src/management/components/MCPToolsTabV2.tsx
+import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
 var MCPToolsTabV2 = () => {
   const { settings } = usePackageSettingsStore();
   const {
@@ -14084,10 +14304,10 @@ var MCPToolsTabV2 = () => {
     lastSavedAt,
     saveTools
   } = useMCPToolsStore();
-  const [loading, setLoading] = useState22(true);
-  const [error, setError] = useState22(null);
-  const [tools, setTools] = useState22([]);
-  const [health, setHealth] = useState22(null);
+  const [loading, setLoading] = useState23(true);
+  const [error, setError] = useState23(null);
+  const [tools, setTools] = useState23([]);
+  const [health, setHealth] = useState23(null);
   const gatewayConfigured = !!settings?.gatewayApiUrl;
   const refresh = async () => {
     setLoading(true);
@@ -14112,7 +14332,7 @@ var MCPToolsTabV2 = () => {
       setLoading(false);
     }
   };
-  useEffect19(() => {
+  useEffect20(() => {
     if (isLoaded) {
       refresh();
     } else {
@@ -14139,11 +14359,12 @@ var MCPToolsTabV2 = () => {
   }, [localTools]);
   const touchTarget = { width: { xs: 44, sm: 32 }, height: { xs: 44, sm: 32 } };
   const healthLabel = health?.status === "healthy" ? "Tool controller online" : health?.status === "unhealthy" ? "Tool controller reporting problems" : "Tool controller status unknown";
-  return /* @__PURE__ */ jsxs17(Box19, { children: [
-    /* @__PURE__ */ jsx21(McpServersSection_default, {}),
-    /* @__PURE__ */ jsxs17(Box19, { component: "section", "aria-label": "Built-in capabilities", sx: { mt: 4 }, children: [
-      /* @__PURE__ */ jsxs17(
-        Box19,
+  return /* @__PURE__ */ jsxs18(Box20, { children: [
+    /* @__PURE__ */ jsx22(McpServersSection_default, {}),
+    /* @__PURE__ */ jsx22(CrewSection_default, {}),
+    /* @__PURE__ */ jsxs18(Box20, { component: "section", "aria-label": "Built-in capabilities", sx: { mt: 4 }, children: [
+      /* @__PURE__ */ jsxs18(
+        Box20,
         {
           sx: {
             display: "flex",
@@ -14153,8 +14374,8 @@ var MCPToolsTabV2 = () => {
             gap: 1
           },
           children: [
-            /* @__PURE__ */ jsx21(
-              Typography15,
+            /* @__PURE__ */ jsx22(
+              Typography16,
               {
                 variant: "overline",
                 color: "text.secondary",
@@ -14162,9 +14383,9 @@ var MCPToolsTabV2 = () => {
                 children: "Built-in capabilities"
               }
             ),
-            /* @__PURE__ */ jsxs17(Box19, { sx: { display: "flex", alignItems: "center", gap: 0.75 }, children: [
-              /* @__PURE__ */ jsx21(Tooltip10, { title: healthLabel, children: /* @__PURE__ */ jsx21(
-                Box19,
+            /* @__PURE__ */ jsxs18(Box20, { sx: { display: "flex", alignItems: "center", gap: 0.75 }, children: [
+              /* @__PURE__ */ jsx22(Tooltip11, { title: healthLabel, children: /* @__PURE__ */ jsx22(
+                Box20,
                 {
                   role: "img",
                   "aria-label": healthLabel,
@@ -14176,22 +14397,22 @@ var MCPToolsTabV2 = () => {
                   }
                 }
               ) }),
-              /* @__PURE__ */ jsx21(Tooltip10, { title: "Refresh", children: /* @__PURE__ */ jsx21(
-                IconButton12,
+              /* @__PURE__ */ jsx22(Tooltip11, { title: "Refresh", children: /* @__PURE__ */ jsx22(
+                IconButton13,
                 {
                   size: "small",
                   onClick: refresh,
                   "aria-label": "Refresh built-in capabilities",
                   sx: touchTarget,
-                  children: /* @__PURE__ */ jsx21(Refresh, { fontSize: "small" })
+                  children: /* @__PURE__ */ jsx22(Refresh, { fontSize: "small" })
                 }
               ) })
             ] })
           ]
         }
       ),
-      /* @__PURE__ */ jsxs17(
-        Box19,
+      /* @__PURE__ */ jsxs18(
+        Box20,
         {
           sx: {
             display: "flex",
@@ -14202,8 +14423,8 @@ var MCPToolsTabV2 = () => {
             mb: 1.5
           },
           children: [
-            /* @__PURE__ */ jsx21(Typography15, { variant: "body2", color: "text.secondary", children: "Things Bandit can do on its own. Switch one off to stop the assistant using it. Changes apply immediately." }),
-            /* @__PURE__ */ jsx21(
+            /* @__PURE__ */ jsx22(Typography16, { variant: "body2", color: "text.secondary", children: "Things Bandit can do on its own. Switch one off to stop the assistant using it. Changes apply immediately." }),
+            /* @__PURE__ */ jsx22(
               SaveStatus,
               {
                 auto: true,
@@ -14215,22 +14436,22 @@ var MCPToolsTabV2 = () => {
           ]
         }
       ),
-      loading && tools.length > 0 && /* @__PURE__ */ jsx21(LinearProgress6, { sx: { mb: 2 } }),
-      error && /* @__PURE__ */ jsxs17(
-        Alert10,
+      loading && tools.length > 0 && /* @__PURE__ */ jsx22(LinearProgress7, { sx: { mb: 2 } }),
+      error && /* @__PURE__ */ jsxs18(
+        Alert11,
         {
           severity: "error",
           sx: { mb: 2 },
-          action: /* @__PURE__ */ jsx21(Button13, { color: "inherit", size: "small", onClick: refresh, children: "Retry" }),
+          action: /* @__PURE__ */ jsx22(Button14, { color: "inherit", size: "small", onClick: refresh, children: "Retry" }),
           children: [
-            /* @__PURE__ */ jsx21(Typography15, { variant: "body2", sx: { fontWeight: 600 }, children: "Couldn't load built-in capabilities. The tool controller didn't respond." }),
-            /* @__PURE__ */ jsx21(Typography15, { variant: "caption", sx: { display: "block", opacity: 0.8 }, children: error })
+            /* @__PURE__ */ jsx22(Typography16, { variant: "body2", sx: { fontWeight: 600 }, children: "Couldn't load built-in capabilities. The tool controller didn't respond." }),
+            /* @__PURE__ */ jsx22(Typography16, { variant: "caption", sx: { display: "block", opacity: 0.8 }, children: error })
           ]
         }
       ),
-      !gatewayConfigured && /* @__PURE__ */ jsx21(Alert10, { severity: "info", sx: { mb: 2 }, children: "No gateway URL is configured, so tool requests go to this site's own address." }),
-      loading && tools.length === 0 ? /* @__PURE__ */ jsx21(
-        Box19,
+      !gatewayConfigured && /* @__PURE__ */ jsx22(Alert11, { severity: "info", sx: { mb: 2 }, children: "No gateway URL is configured, so tool requests go to this site's own address." }),
+      loading && tools.length === 0 ? /* @__PURE__ */ jsx22(
+        Box20,
         {
           role: "status",
           "aria-busy": "true",
@@ -14240,19 +14461,19 @@ var MCPToolsTabV2 = () => {
             gridTemplateColumns: { xs: "1fr", sm: "repeat(2, 1fr)" },
             gap: 1.25
           },
-          children: Array.from({ length: 4 }, (_, i) => /* @__PURE__ */ jsx21(Skeleton5, { variant: "rounded", height: 64 }, i))
+          children: Array.from({ length: 4 }, (_, i) => /* @__PURE__ */ jsx22(Skeleton5, { variant: "rounded", height: 64 }, i))
         }
-      ) : !loading && tools.length === 0 && !error ? /* @__PURE__ */ jsx21(
+      ) : !loading && tools.length === 0 && !error ? /* @__PURE__ */ jsx22(
         ManagementEmptyState,
         {
           compact: true,
-          icon: /* @__PURE__ */ jsx21(Braces, {}),
+          icon: /* @__PURE__ */ jsx22(Braces, {}),
           title: "No built-in capabilities reported",
           description: "The tool controller answered but listed no capabilities. They appear here once it reports them.",
-          action: /* @__PURE__ */ jsx21(Button13, { variant: "outlined", onClick: refresh, children: "Check again" })
+          action: /* @__PURE__ */ jsx22(Button14, { variant: "outlined", onClick: refresh, children: "Check again" })
         }
-      ) : /* @__PURE__ */ jsx21(
-        Box19,
+      ) : /* @__PURE__ */ jsx22(
+        Box20,
         {
           sx: {
             display: "grid",
@@ -14270,8 +14491,8 @@ var MCPToolsTabV2 = () => {
               );
               locallyEnabled = directLookup?.enabled ?? tool.isEnabled;
             }
-            return /* @__PURE__ */ jsxs17(
-              Paper7,
+            return /* @__PURE__ */ jsxs18(
+              Paper8,
               {
                 variant: "outlined",
                 sx: {
@@ -14282,10 +14503,10 @@ var MCPToolsTabV2 = () => {
                   gap: 1
                 },
                 children: [
-                  /* @__PURE__ */ jsxs17(Box19, { sx: { minWidth: 0 }, children: [
-                    /* @__PURE__ */ jsx21(Typography15, { variant: "subtitle2", sx: { fontWeight: 600 }, children: tool.name }),
-                    /* @__PURE__ */ jsx21(
-                      Typography15,
+                  /* @__PURE__ */ jsxs18(Box20, { sx: { minWidth: 0 }, children: [
+                    /* @__PURE__ */ jsx22(Typography16, { variant: "subtitle2", sx: { fontWeight: 600 }, children: tool.name }),
+                    /* @__PURE__ */ jsx22(
+                      Typography16,
                       {
                         variant: "caption",
                         color: "text.secondary",
@@ -14294,7 +14515,7 @@ var MCPToolsTabV2 = () => {
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ jsx21(
+                  /* @__PURE__ */ jsx22(
                     Switch4,
                     {
                       size: "small",
@@ -14326,21 +14547,21 @@ var MCPToolsTabV2_default = MCPToolsTabV2;
 // src/management/shell/ManagementShell.tsx
 import React20 from "react";
 import {
-  Box as Box20,
+  Box as Box21,
   ButtonBase as ButtonBase2,
-  IconButton as IconButton13,
+  IconButton as IconButton14,
   List as List5,
   ListItemButton as ListItemButton2,
   ListItemIcon as ListItemIcon2,
   ListItemText as ListItemText2,
   ListSubheader,
-  Stack as Stack8,
+  Stack as Stack9,
   SwipeableDrawer,
-  Tooltip as Tooltip11,
-  Typography as Typography16
+  Tooltip as Tooltip12,
+  Typography as Typography17
 } from "@mui/material";
 import { alpha as alpha3 } from "@mui/material/styles";
-import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
 var RAIL_WIDTH = 248;
 var controlRadius = (theme) => `${Math.max(Number(theme.shape.borderRadius) - 2, 4)}px`;
 var SECTION_ICONS = {
@@ -14404,9 +14625,9 @@ function Navigation({
     textTransform: "uppercase",
     color: "text.secondary"
   };
-  return /* @__PURE__ */ jsxs18(Stack8, { sx: { height: "100%", minHeight: 0 }, children: [
-    /* @__PURE__ */ jsxs18(Box20, { sx: { px: 1.5, pt: 1.5, pb: 1 }, children: [
-      /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs19(Stack9, { sx: { height: "100%", minHeight: 0 }, children: [
+    /* @__PURE__ */ jsxs19(Box21, { sx: { px: 1.5, pt: 1.5, pb: 1 }, children: [
+      /* @__PURE__ */ jsxs19(
         ButtonBase2,
         {
           onClick: () => {
@@ -14427,13 +14648,13 @@ function Navigation({
             "& svg": { width: 16, height: 16 }
           }),
           children: [
-            /* @__PURE__ */ jsx22(ChevronLeft, {}),
+            /* @__PURE__ */ jsx23(ChevronLeft, {}),
             "Back to chat"
           ]
         }
       ),
-      /* @__PURE__ */ jsx22(Typography16, { variant: "subtitle1", sx: { px: 1, mt: 1, fontWeight: 600 }, children: "Management" }),
-      onOpenCommandPalette && /* @__PURE__ */ jsxs18(
+      /* @__PURE__ */ jsx23(Typography17, { variant: "subtitle1", sx: { px: 1, mt: 1, fontWeight: 600 }, children: "Management" }),
+      onOpenCommandPalette && /* @__PURE__ */ jsxs19(
         ButtonBase2,
         {
           onClick: () => {
@@ -14457,10 +14678,10 @@ function Navigation({
             "& svg": { width: 15, height: 15 }
           }),
           children: [
-            /* @__PURE__ */ jsx22(Search, {}),
-            /* @__PURE__ */ jsx22(Box20, { component: "span", sx: { flex: 1, textAlign: "left" }, children: "Search\u2026" }),
-            /* @__PURE__ */ jsx22(
-              Box20,
+            /* @__PURE__ */ jsx23(Search, {}),
+            /* @__PURE__ */ jsx23(Box21, { component: "span", sx: { flex: 1, textAlign: "left" }, children: "Search\u2026" }),
+            /* @__PURE__ */ jsx23(
+              Box21,
               {
                 component: "kbd",
                 sx: (theme) => ({
@@ -14478,24 +14699,24 @@ function Navigation({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs18(
-      Box20,
+    /* @__PURE__ */ jsxs19(
+      Box21,
       {
         component: "nav",
         "aria-label": "Management",
         sx: { flex: 1, overflowY: "auto", px: 1.5, pb: 2 },
         children: [
-          /* @__PURE__ */ jsx22(
+          /* @__PURE__ */ jsx23(
             List5,
             {
               component: "div",
               dense: true,
               disablePadding: true,
-              subheader: /* @__PURE__ */ jsx22(ListSubheader, { component: "div", disableSticky: true, sx: subheaderSx, children: "Workspace" }),
+              subheader: /* @__PURE__ */ jsx23(ListSubheader, { component: "div", disableSticky: true, sx: subheaderSx, children: "Workspace" }),
               children: sections.map((section) => {
                 const Icon = SECTION_ICONS[section.id];
                 const selected = section.id === active;
-                return /* @__PURE__ */ jsxs18(
+                return /* @__PURE__ */ jsxs19(
                   ListItemButton2,
                   {
                     selected,
@@ -14506,8 +14727,8 @@ function Navigation({
                     },
                     sx: (theme) => railItemSx(theme, selected),
                     children: [
-                      /* @__PURE__ */ jsx22(ListItemIcon2, { children: /* @__PURE__ */ jsx22(Icon, { fontSize: "small" }) }),
-                      /* @__PURE__ */ jsx22(
+                      /* @__PURE__ */ jsx23(ListItemIcon2, { children: /* @__PURE__ */ jsx23(Icon, { fontSize: "small" }) }),
+                      /* @__PURE__ */ jsx23(
                         ListItemText2,
                         {
                           primary: section.label,
@@ -14524,15 +14745,15 @@ function Navigation({
               })
             }
           ),
-          organizationLinks && organizationLinks.length > 0 && /* @__PURE__ */ jsx22(
+          organizationLinks && organizationLinks.length > 0 && /* @__PURE__ */ jsx23(
             List5,
             {
               component: "div",
               dense: true,
               disablePadding: true,
               sx: { mt: 1 },
-              subheader: /* @__PURE__ */ jsx22(ListSubheader, { component: "div", disableSticky: true, sx: subheaderSx, children: "Organization" }),
-              children: organizationLinks.map((link) => /* @__PURE__ */ jsxs18(
+              subheader: /* @__PURE__ */ jsx23(ListSubheader, { component: "div", disableSticky: true, sx: subheaderSx, children: "Organization" }),
+              children: organizationLinks.map((link) => /* @__PURE__ */ jsxs19(
                 ListItemButton2,
                 {
                   onClick: () => {
@@ -14541,8 +14762,8 @@ function Navigation({
                   },
                   sx: (theme) => railItemSx(theme, false),
                   children: [
-                    link.icon && /* @__PURE__ */ jsx22(ListItemIcon2, { children: link.icon }),
-                    /* @__PURE__ */ jsx22(
+                    link.icon && /* @__PURE__ */ jsx23(ListItemIcon2, { children: link.icon }),
+                    /* @__PURE__ */ jsx23(
                       ListItemText2,
                       {
                         primary: link.label,
@@ -14573,8 +14794,8 @@ function ManagementShell(props) {
   const [sheetOpen, setSheetOpen] = React20.useState(false);
   const current = sections.find((s) => s.id === active);
   if (isMobile) {
-    return /* @__PURE__ */ jsxs18(
-      Box20,
+    return /* @__PURE__ */ jsxs19(
+      Box21,
       {
         sx: {
           display: "flex",
@@ -14583,8 +14804,8 @@ function ManagementShell(props) {
           bgcolor: "background.default"
         },
         children: [
-          /* @__PURE__ */ jsxs18(
-            Box20,
+          /* @__PURE__ */ jsxs19(
+            Box21,
             {
               component: "header",
               sx: (theme) => ({
@@ -14602,18 +14823,18 @@ function ManagementShell(props) {
                 bgcolor: theme.palette.bandit?.surface.base ?? theme.palette.background.default
               }),
               children: [
-                /* @__PURE__ */ jsx22(Tooltip11, { title: "Back to chat", children: /* @__PURE__ */ jsx22(
-                  IconButton13,
+                /* @__PURE__ */ jsx23(Tooltip12, { title: "Back to chat", children: /* @__PURE__ */ jsx23(
+                  IconButton14,
                   {
                     "aria-label": "Back to chat",
                     onClick: onBackToChat,
                     sx: { width: 44, height: 44 },
-                    children: /* @__PURE__ */ jsx22(ChevronLeft, {})
+                    children: /* @__PURE__ */ jsx23(ChevronLeft, {})
                   }
                 ) }),
-                /* @__PURE__ */ jsxs18(Box20, { sx: { flex: 1, minWidth: 0 }, children: [
-                  /* @__PURE__ */ jsx22(
-                    Typography16,
+                /* @__PURE__ */ jsxs19(Box21, { sx: { flex: 1, minWidth: 0 }, children: [
+                  /* @__PURE__ */ jsx23(
+                    Typography17,
                     {
                       variant: "caption",
                       color: "text.secondary",
@@ -14621,8 +14842,8 @@ function ManagementShell(props) {
                       children: "Management"
                     }
                   ),
-                  /* @__PURE__ */ jsx22(
-                    Typography16,
+                  /* @__PURE__ */ jsx23(
+                    Typography17,
                     {
                       variant: "subtitle1",
                       noWrap: true,
@@ -14631,29 +14852,29 @@ function ManagementShell(props) {
                     }
                   )
                 ] }),
-                onOpenCommandPalette && /* @__PURE__ */ jsx22(
-                  IconButton13,
+                onOpenCommandPalette && /* @__PURE__ */ jsx23(
+                  IconButton14,
                   {
                     "aria-label": "Search Management",
                     onClick: onOpenCommandPalette,
                     sx: { width: 44, height: 44 },
-                    children: /* @__PURE__ */ jsx22(Search, {})
+                    children: /* @__PURE__ */ jsx23(Search, {})
                   }
                 ),
-                /* @__PURE__ */ jsx22(
-                  IconButton13,
+                /* @__PURE__ */ jsx23(
+                  IconButton14,
                   {
                     "aria-label": "Open Management navigation",
                     "aria-expanded": sheetOpen,
                     onClick: () => setSheetOpen(true),
                     sx: { width: 44, height: 44 },
-                    children: /* @__PURE__ */ jsx22(PanelLeft, {})
+                    children: /* @__PURE__ */ jsx23(PanelLeft, {})
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ jsxs18(
+          /* @__PURE__ */ jsxs19(
             SwipeableDrawer,
             {
               anchor: "bottom",
@@ -14672,8 +14893,8 @@ function ManagementShell(props) {
                 })
               },
               children: [
-                /* @__PURE__ */ jsx22(
-                  Box20,
+                /* @__PURE__ */ jsx23(
+                  Box21,
                   {
                     "aria-hidden": true,
                     sx: (theme) => ({
@@ -14686,12 +14907,12 @@ function ManagementShell(props) {
                     })
                   }
                 ),
-                /* @__PURE__ */ jsx22(Navigation, { ...props, onAfterSelect: () => setSheetOpen(false) })
+                /* @__PURE__ */ jsx23(Navigation, { ...props, onAfterSelect: () => setSheetOpen(false) })
               ]
             }
           ),
-          /* @__PURE__ */ jsx22(
-            Box20,
+          /* @__PURE__ */ jsx23(
+            Box21,
             {
               component: "main",
               sx: {
@@ -14708,8 +14929,8 @@ function ManagementShell(props) {
       }
     );
   }
-  return /* @__PURE__ */ jsxs18(
-    Box20,
+  return /* @__PURE__ */ jsxs19(
+    Box21,
     {
       sx: {
         display: "flex",
@@ -14719,8 +14940,8 @@ function ManagementShell(props) {
         bgcolor: "background.default"
       },
       children: [
-        /* @__PURE__ */ jsx22(
-          Box20,
+        /* @__PURE__ */ jsx23(
+          Box21,
           {
             component: "aside",
             sx: (theme) => ({
@@ -14730,11 +14951,11 @@ function ManagementShell(props) {
               borderRight: `1px solid ${theme.palette.divider}`,
               bgcolor: theme.palette.bandit?.surface.subtle ?? theme.palette.background.paper
             }),
-            children: /* @__PURE__ */ jsx22(Navigation, { ...props })
+            children: /* @__PURE__ */ jsx23(Navigation, { ...props })
           }
         ),
-        /* @__PURE__ */ jsx22(
-          Box20,
+        /* @__PURE__ */ jsx23(
+          Box21,
           {
             component: "main",
             sx: {
@@ -14754,9 +14975,9 @@ function ManagementShell(props) {
 }
 
 // src/management/shell/ManagementOverview.tsx
-import { Box as Box21, Button as Button14, ButtonBase as ButtonBase3, Stack as Stack9, Typography as Typography17 } from "@mui/material";
+import { Box as Box22, Button as Button15, ButtonBase as ButtonBase3, Stack as Stack10, Typography as Typography18 } from "@mui/material";
 import { alpha as alpha4 } from "@mui/material/styles";
-import { jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
 var PROVIDER_LABELS = {
   ollama: "Ollama",
   openai: "OpenAI",
@@ -14776,7 +14997,7 @@ function Tile({
   onOpen
 }) {
   const Icon = SECTION_ICONS[id];
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs20(
     ButtonBase3,
     {
       onClick: onOpen,
@@ -14798,17 +15019,17 @@ function Tile({
         }
       }),
       children: [
-        /* @__PURE__ */ jsxs19(
-          Stack9,
+        /* @__PURE__ */ jsxs20(
+          Stack10,
           {
             direction: "row",
             alignItems: "center",
             spacing: 1,
             sx: { color: "text.secondary" },
             children: [
-              /* @__PURE__ */ jsx23(Box21, { sx: { display: "grid", "& svg": { width: 16, height: 16 } }, children: /* @__PURE__ */ jsx23(Icon, { fontSize: "small" }) }),
-              /* @__PURE__ */ jsx23(
-                Typography17,
+              /* @__PURE__ */ jsx24(Box22, { sx: { display: "grid", "& svg": { width: 16, height: 16 } }, children: /* @__PURE__ */ jsx24(Icon, { fontSize: "small" }) }),
+              /* @__PURE__ */ jsx24(
+                Typography18,
                 {
                   variant: "caption",
                   sx: { fontWeight: 600, letterSpacing: "0.04em", textTransform: "uppercase" },
@@ -14818,8 +15039,8 @@ function Tile({
             ]
           }
         ),
-        /* @__PURE__ */ jsx23(Typography17, { variant: "h6", sx: { mt: 1, fontWeight: 600 }, noWrap: true, children: value }),
-        detail && /* @__PURE__ */ jsx23(Typography17, { variant: "body2", color: "text.secondary", noWrap: true, children: detail })
+        /* @__PURE__ */ jsx24(Typography18, { variant: "h6", sx: { mt: 1, fontWeight: 600 }, noWrap: true, children: value }),
+        detail && /* @__PURE__ */ jsx24(Typography18, { variant: "body2", color: "text.secondary", noWrap: true, children: detail })
       ]
     }
   );
@@ -14834,7 +15055,7 @@ function ManagementOverview({
   const tiles = [];
   if (has("personalities"))
     tiles.push(
-      /* @__PURE__ */ jsx23(
+      /* @__PURE__ */ jsx24(
         Tile,
         {
           id: "personalities",
@@ -14848,7 +15069,7 @@ function ManagementOverview({
     );
   if (has("knowledge"))
     tiles.push(
-      /* @__PURE__ */ jsx23(
+      /* @__PURE__ */ jsx24(
         Tile,
         {
           id: "knowledge",
@@ -14862,7 +15083,7 @@ function ManagementOverview({
     );
   if (has("provider"))
     tiles.push(
-      /* @__PURE__ */ jsx23(
+      /* @__PURE__ */ jsx24(
         Tile,
         {
           id: "provider",
@@ -14876,7 +15097,7 @@ function ManagementOverview({
     );
   if (has("branding"))
     tiles.push(
-      /* @__PURE__ */ jsx23(
+      /* @__PURE__ */ jsx24(
         Tile,
         {
           id: "branding",
@@ -14890,7 +15111,7 @@ function ManagementOverview({
     );
   if (has("preferences"))
     tiles.push(
-      /* @__PURE__ */ jsx23(
+      /* @__PURE__ */ jsx24(
         Tile,
         {
           id: "preferences",
@@ -14902,18 +15123,18 @@ function ManagementOverview({
         "preferences"
       )
     );
-  return /* @__PURE__ */ jsxs19(Box21, { sx: { px: { xs: 1.5, sm: 2.5, md: 3 }, py: 2 }, children: [
-    facts.personalities === 0 && has("personalities") && /* @__PURE__ */ jsx23(Box21, { sx: { mb: 2 }, children: /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsxs20(Box22, { sx: { px: { xs: 1.5, sm: 2.5, md: 3 }, py: 2 }, children: [
+    facts.personalities === 0 && has("personalities") && /* @__PURE__ */ jsx24(Box22, { sx: { mb: 2 }, children: /* @__PURE__ */ jsx24(
       ManagementEmptyState,
       {
         compact: true,
         title: "Give this workspace its first personality",
         description: "A personality is the assistant people chat with: its name, instructions and the model it runs on.",
-        action: /* @__PURE__ */ jsx23(Button14, { variant: "contained", onClick: () => onSelect("personalities"), children: "Create a personality" })
+        action: /* @__PURE__ */ jsx24(Button15, { variant: "contained", onClick: () => onSelect("personalities"), children: "Create a personality" })
       }
     ) }),
-    /* @__PURE__ */ jsx23(
-      Box21,
+    /* @__PURE__ */ jsx24(
+      Box22,
       {
         sx: {
           display: "grid",
@@ -15044,7 +15265,7 @@ function useManagementAccess() {
 }
 
 // src/management/management.tsx
-import { jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
 var preloadChatPage = () => import("./chat-W7MDFESE.mjs");
 var SchedulesTab = lazy(() => import("./SchedulesTab-YZG3P2GW.mjs"));
 var buildCapabilitiesUrl = (gatewayApiUrl) => {
@@ -15107,16 +15328,16 @@ var Management = ({
     hasTransparentLogo,
     setHasTransparentLogo
   } = useModelStore();
-  const [modalOpen, setModalOpen] = useState23(false);
+  const [modalOpen, setModalOpen] = useState24(false);
   const banditHead3 = "https://cdn.burtson.ai/images/bandit-head.png";
-  const [fabLogo, setFabLogo] = useState23(banditHead3);
-  const [logoFile, setLogoFile] = useState23(null);
-  const [logoBase64, setLogoBase64] = useState23(null);
-  const [brandingText, setBrandingText] = useState23("");
-  const [headerMode, setHeaderMode] = useState23("logo");
-  const [theme, setTheme] = useState23("bandit-dark");
-  const [customAvatarBase64, setCustomAvatarBase64] = useState23(null);
-  const [presetAvatar, setPresetAvatar] = useState23(null);
+  const [fabLogo, setFabLogo] = useState24(banditHead3);
+  const [logoFile, setLogoFile] = useState24(null);
+  const [logoBase64, setLogoBase64] = useState24(null);
+  const [brandingText, setBrandingText] = useState24("");
+  const [headerMode, setHeaderMode] = useState24("logo");
+  const [theme, setTheme] = useState24("bandit-dark");
+  const [customAvatarBase64, setCustomAvatarBase64] = useState24(null);
+  const [presetAvatar, setPresetAvatar] = useState24(null);
   const showSnackbarMessage = (message, severity = "success") => {
     if (severity === "success") {
       notificationService2?.showSuccess(message);
@@ -15124,22 +15345,22 @@ var Management = ({
       notificationService2?.showError(message);
     }
   };
-  const [brandingLoaded, setBrandingLoaded] = useState23(false);
-  const [isLoadingBranding, setIsLoadingBranding] = useState23(false);
+  const [brandingLoaded, setBrandingLoaded] = useState24(false);
+  const [isLoadingBranding, setIsLoadingBranding] = useState24(false);
   const { initModels } = useModelStore();
   const { settings: packageSettings } = usePackageSettingsStore();
   const authToken = useAuthenticationStore((state) => state.token);
   const { preferences, updatePreference } = usePreferencesStore();
   const { provider: currentProvider, config: currentProviderConfig } = useAIProviderStore();
-  const [seedPacksEnabled, setSeedPacksEnabled] = useState23(false);
-  const [localSelectedModel, setLocalSelectedModel] = useState23({
+  const [seedPacksEnabled, setSeedPacksEnabled] = useState24(false);
+  const [localSelectedModel, setLocalSelectedModel] = useState24({
     name: "",
     tagline: "",
     systemPrompt: "",
     selectedModel: ""
   });
   const { documents, addDocuments, removeDocument, loadDocuments, clearAllDocuments } = useKnowledgeStore2();
-  useEffect20(() => {
+  useEffect21(() => {
     if (selectedModel) {
       const selected = availableModels.find((m) => m.name === selectedModel);
       if (selected) {
@@ -15163,7 +15384,7 @@ var Management = ({
       }
     }
   }, [selectedModel, availableModels]);
-  const loadBrandingConfig = useCallback10(async () => {
+  const loadBrandingConfig = useCallback11(async () => {
     if (isLoadingBranding || brandingLoaded) {
       debugLogger.warn("Branding loading already in progress or completed, skipping");
       return;
@@ -15293,15 +15514,15 @@ var Management = ({
     setTagline,
     setTheme
   ]);
-  useEffect20(() => {
+  useEffect21(() => {
     void loadBrandingConfig();
   }, [loadBrandingConfig]);
   const handleOpenModal = () => setModalOpen(true);
   const handleCloseModal = () => setModalOpen(false);
-  useEffect20(() => {
+  useEffect21(() => {
     getOptimalFabLogo().then(setFabLogo);
   }, []);
-  useEffect20(() => {
+  useEffect21(() => {
     if (logoBase64) {
       setFabLogo(logoBase64);
     } else {
@@ -15846,7 +16067,7 @@ var Management = ({
       reader.readAsText(file);
     }
   };
-  useEffect20(() => {
+  useEffect21(() => {
     if (localSelectedModel.selectedModel && !availableModels.some((m) => m.name === localSelectedModel.selectedModel)) {
       setLocalSelectedModel((prev) => ({
         ...prev,
@@ -15854,10 +16075,10 @@ var Management = ({
       }));
     }
   }, [availableModels, localSelectedModel.selectedModel]);
-  useEffect20(() => {
+  useEffect21(() => {
     loadDocuments();
   }, [loadDocuments]);
-  useEffect20(() => {
+  useEffect21(() => {
     const gatewayApiUrl = packageSettings?.gatewayApiUrl;
     if (!gatewayApiUrl || gatewayApiUrl.toLowerCase().startsWith("playground://")) {
       setSeedPacksEnabled(false);
@@ -15904,7 +16125,7 @@ var Management = ({
     () => createBrandingTheme(theme, { density: "compact" }),
     [theme]
   );
-  useEffect20(() => {
+  useEffect21(() => {
     onThemeChange?.(currentTheme);
   }, [currentTheme, onThemeChange]);
   const access = useManagementAccess();
@@ -15913,10 +16134,10 @@ var Management = ({
     [sectionOverride, access.sections]
   );
   const defaultSection = sections.some((s) => s.id === "overview") ? "overview" : sections.some((s) => s.id === "preferences") ? "preferences" : sections[0]?.id ?? "preferences";
-  const [ownSection, setOwnSection] = useState23(null);
+  const [ownSection, setOwnSection] = useState24(null);
   const requested = controlledSection ?? ownSection ?? defaultSection;
   const active = sections.some((s) => s.id === requested) ? requested : defaultSection;
-  const selectSection = useCallback10(
+  const selectSection = useCallback11(
     (id) => {
       setOwnSection(id);
       onSectionChange?.(id);
@@ -15924,9 +16145,9 @@ var Management = ({
     [onSectionChange]
   );
   const activeDef = sectionById(active);
-  const [createPersonalityRequest, setCreatePersonalityRequest] = useState23(0);
-  const [pendingUpload, setPendingUpload] = useState23(0);
-  useEffect20(() => {
+  const [createPersonalityRequest, setCreatePersonalityRequest] = useState24(0);
+  const [pendingUpload, setPendingUpload] = useState24(0);
+  useEffect21(() => {
     if (!request) return;
     if (request.action === "create-personality") {
       selectSection("personalities");
@@ -15936,11 +16157,11 @@ var Management = ({
       setPendingUpload(request.id);
     }
   }, [request?.id]);
-  useEffect20(() => {
+  useEffect21(() => {
     if (createPersonalityRequest && active === "personalities" && brandingLoaded)
       setCreatePersonalityRequest(0);
   }, [createPersonalityRequest, active, brandingLoaded]);
-  useEffect20(() => {
+  useEffect21(() => {
     if (!pendingUpload || active !== "knowledge" || !brandingLoaded) return;
     const frame = requestAnimationFrame(() => {
       document.getElementById("file-upload")?.click();
@@ -15952,9 +16173,9 @@ var Management = ({
   const prefSavedAt = usePreferencesStore((state) => state.lastSavedAt);
   const retryPreferences = usePreferencesStore((state) => state.savePreferences);
   const brandingValue = JSON.stringify({ logoBase64, brandingText, headerMode, theme });
-  const [brandingBaseline, setBrandingBaseline] = useState23(null);
-  const [brandingSave, setBrandingSave] = useState23("idle");
-  useEffect20(() => {
+  const [brandingBaseline, setBrandingBaseline] = useState24(null);
+  const [brandingSave, setBrandingSave] = useState24("idle");
+  useEffect21(() => {
     if (brandingLoaded && brandingBaseline === null) setBrandingBaseline(brandingValue);
   }, [brandingLoaded, brandingBaseline, brandingValue]);
   const brandingDirty = brandingBaseline !== null && brandingBaseline !== brandingValue;
@@ -15981,7 +16202,7 @@ var Management = ({
   const personalityDirty = savedPersonality ? norm(localSelectedModel.name) !== norm(savedPersonality.name) || norm(localSelectedModel.tagline) !== norm(savedPersonality.tagline) || norm(localSelectedModel.systemPrompt) !== norm(savedPersonality.systemPrompt) : Boolean(
     norm(localSelectedModel.name) || norm(localSelectedModel.tagline) || norm(localSelectedModel.systemPrompt)
   );
-  const [personalitySaving, setPersonalitySaving] = useState23(false);
+  const [personalitySaving, setPersonalitySaving] = useState24(false);
   const savePersonalityFromBar = async () => {
     setPersonalitySaving(true);
     try {
@@ -16002,7 +16223,7 @@ var Management = ({
       handleResetModel();
     }
   };
-  const headerStatus = active === "preferences" ? /* @__PURE__ */ jsx24(
+  const headerStatus = active === "preferences" ? /* @__PURE__ */ jsx25(
     SaveStatus,
     {
       auto: true,
@@ -16010,17 +16231,17 @@ var Management = ({
       savedAt: prefSavedAt,
       onRetry: () => void retryPreferences()
     }
-  ) : active === "branding" ? /* @__PURE__ */ jsx24(
+  ) : active === "branding" ? /* @__PURE__ */ jsx25(
     SaveStatus,
     {
       state: brandingDirty ? "unsaved" : brandingSave === "saving" ? "saving" : brandingSave
     }
-  ) : active === "personalities" && personalityDirty ? /* @__PURE__ */ jsx24(SaveStatus, { state: "unsaved" }) : null;
+  ) : active === "personalities" && personalityDirty ? /* @__PURE__ */ jsx25(SaveStatus, { state: "unsaved" }) : null;
   const themeLabel = describeBrandingTheme(theme);
   if (!brandingLoaded) {
-    return /* @__PURE__ */ jsxs20(ThemeProvider2, { theme: currentTheme, children: [
-      /* @__PURE__ */ jsx24(CssBaseline, {}),
-      /* @__PURE__ */ jsx24(
+    return /* @__PURE__ */ jsxs21(ThemeProvider2, { theme: currentTheme, children: [
+      /* @__PURE__ */ jsx25(CssBaseline, {}),
+      /* @__PURE__ */ jsx25(
         ManagementShell,
         {
           sections,
@@ -16031,14 +16252,14 @@ var Management = ({
           onBackHover: preloadChatPage,
           onOpenCommandPalette,
           isMobile,
-          children: /* @__PURE__ */ jsx24(SectionSkeleton, {})
+          children: /* @__PURE__ */ jsx25(SectionSkeleton, {})
         }
       )
     ] });
   }
-  return /* @__PURE__ */ jsxs20(ThemeProvider2, { theme: currentTheme, children: [
-    /* @__PURE__ */ jsx24(CssBaseline, {}),
-    /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs21(ThemeProvider2, { theme: currentTheme, children: [
+    /* @__PURE__ */ jsx25(CssBaseline, {}),
+    /* @__PURE__ */ jsxs21(
       ManagementShell,
       {
         sections,
@@ -16051,30 +16272,30 @@ var Management = ({
         isMobile,
         children: [
           notice,
-          /* @__PURE__ */ jsx24(
+          /* @__PURE__ */ jsx25(
             ManagementPageHeader,
             {
               title: activeDef.label,
               description: activeDef.description,
               status: headerStatus,
-              actions: active === "knowledge" ? /* @__PURE__ */ jsx24(
-                Button15,
+              actions: active === "knowledge" ? /* @__PURE__ */ jsx25(
+                Button16,
                 {
                   variant: "contained",
-                  startIcon: /* @__PURE__ */ jsx24(FileUp, {}),
+                  startIcon: /* @__PURE__ */ jsx25(FileUp, {}),
                   onClick: () => document.getElementById("file-upload")?.click(),
                   children: "Upload"
                 }
               ) : void 0
             }
           ),
-          /* @__PURE__ */ jsxs20(Box22, { sx: { flex: 1, minWidth: 0, display: "flex", flexDirection: "column" }, children: [
-            /* @__PURE__ */ jsxs20(
-              Box22,
+          /* @__PURE__ */ jsxs21(Box23, { sx: { flex: 1, minWidth: 0, display: "flex", flexDirection: "column" }, children: [
+            /* @__PURE__ */ jsxs21(
+              Box23,
               {
                 sx: active === "overview" ? void 0 : { px: { xs: 1.5, sm: 2.5, md: 3 }, pt: 1.5, pb: 3, minWidth: 0 },
                 children: [
-                  active === "overview" && /* @__PURE__ */ jsx24(
+                  active === "overview" && /* @__PURE__ */ jsx25(
                     ManagementOverview,
                     {
                       sections,
@@ -16091,7 +16312,7 @@ var Management = ({
                       }
                     }
                   ),
-                  active === "personalities" && /* @__PURE__ */ jsx24(
+                  active === "personalities" && /* @__PURE__ */ jsx25(
                     PersonalitiesTab_default,
                     {
                       availableModels,
@@ -16111,7 +16332,7 @@ var Management = ({
                       createRequest: createPersonalityRequest
                     }
                   ),
-                  active === "branding" && /* @__PURE__ */ jsx24(
+                  active === "branding" && /* @__PURE__ */ jsx25(
                     BrandingTab_default,
                     {
                       logoFile,
@@ -16136,7 +16357,7 @@ var Management = ({
                       setLogoBase64
                     }
                   ),
-                  active === "knowledge" && /* @__PURE__ */ jsx24(
+                  active === "knowledge" && /* @__PURE__ */ jsx25(
                     KnowledgeHubTab_default,
                     {
                       documents,
@@ -16149,8 +16370,8 @@ var Management = ({
                       seedPacksEnabled
                     }
                   ),
-                  active === "storage" && /* @__PURE__ */ jsx24(StorageTab_default, { currentTheme }),
-                  active === "preferences" && /* @__PURE__ */ jsx24(
+                  active === "storage" && /* @__PURE__ */ jsx25(StorageTab_default, { currentTheme }),
+                  active === "preferences" && /* @__PURE__ */ jsx25(
                     PreferencesTab_default,
                     {
                       preferences,
@@ -16160,14 +16381,14 @@ var Management = ({
                       showSnackbar: showSnackbarMessage
                     }
                   ),
-                  active === "provider" && /* @__PURE__ */ jsx24(ProviderTab, {}),
-                  active === "tools" && /* @__PURE__ */ jsx24(MCPToolsTabV2_default, {}),
-                  active === "schedules" && /* @__PURE__ */ jsx24(Suspense, { fallback: /* @__PURE__ */ jsx24(SectionSkeleton, {}), children: /* @__PURE__ */ jsx24(SchedulesTab, { showSnackbar: showSnackbarMessage, chatPath }) })
+                  active === "provider" && /* @__PURE__ */ jsx25(ProviderTab, {}),
+                  active === "tools" && /* @__PURE__ */ jsx25(MCPToolsTabV2_default, {}),
+                  active === "schedules" && /* @__PURE__ */ jsx25(Suspense, { fallback: /* @__PURE__ */ jsx25(SectionSkeleton, {}), children: /* @__PURE__ */ jsx25(SchedulesTab, { showSnackbar: showSnackbarMessage, chatPath }) })
                 ]
               },
               active
             ),
-            active === "branding" && /* @__PURE__ */ jsx24(
+            active === "branding" && /* @__PURE__ */ jsx25(
               UnsavedChangesBar,
               {
                 open: brandingDirty,
@@ -16178,7 +16399,7 @@ var Management = ({
                 message: "Branding has unsaved changes"
               }
             ),
-            active === "personalities" && /* @__PURE__ */ jsx24(
+            active === "personalities" && /* @__PURE__ */ jsx25(
               UnsavedChangesBar,
               {
                 open: personalityDirty,
@@ -16193,7 +16414,7 @@ var Management = ({
         ]
       }
     ),
-    !isMobile && /* @__PURE__ */ jsx24(
+    !isMobile && /* @__PURE__ */ jsx25(
       Fab2,
       {
         "aria-label": "Ask the assistant",
@@ -16205,7 +16426,7 @@ var Management = ({
           right: 16,
           zIndex: (t) => t.zIndex.modal - 1
         },
-        children: /* @__PURE__ */ jsx24(
+        children: /* @__PURE__ */ jsx25(
           "img",
           {
             src: fabLogo,
@@ -16215,15 +16436,15 @@ var Management = ({
         )
       }
     ),
-    !isMobile && /* @__PURE__ */ jsx24(chat_modal_default, { open: modalOpen, onClose: handleCloseModal })
+    !isMobile && /* @__PURE__ */ jsx25(chat_modal_default, { open: modalOpen, onClose: handleCloseModal })
   ] });
 };
 var management_default = Management;
 
 // src/management/components/InterestsEditor.tsx
-import { useEffect as useEffect21 } from "react";
-import { Box as Box23, Chip as Chip11, Typography as Typography18 } from "@mui/material";
-import { jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
+import { useEffect as useEffect22 } from "react";
+import { Box as Box24, Chip as Chip12, Typography as Typography19 } from "@mui/material";
+import { jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
 var InterestsEditor = ({
   title = "Your interests",
   description = "Pick the topics you care about \u2014 your home-screen conversation starters lean toward them."
@@ -16232,19 +16453,19 @@ var InterestsEditor = ({
   const updatePreference = usePreferencesStore((s) => s.updatePreference);
   const loadPreferences = usePreferencesStore((s) => s.loadPreferences);
   const isLoaded = usePreferencesStore((s) => s.isLoaded);
-  useEffect21(() => {
+  useEffect22(() => {
     if (!isLoaded) {
       void loadPreferences();
     }
   }, [isLoaded, loadPreferences]);
   const interests = preferences?.interests ?? [];
-  return /* @__PURE__ */ jsxs21(Box23, { children: [
-    title && /* @__PURE__ */ jsx25(Typography18, { variant: "h6", sx: { fontWeight: 600, color: "text.primary" }, children: title }),
-    description && /* @__PURE__ */ jsx25(Typography18, { variant: "body2", color: "text.secondary", sx: { mb: 1.5 }, children: description }),
-    /* @__PURE__ */ jsx25(Box23, { sx: { display: "flex", flexWrap: "wrap", gap: 1 }, children: TOPICS.map((topic) => {
+  return /* @__PURE__ */ jsxs22(Box24, { children: [
+    title && /* @__PURE__ */ jsx26(Typography19, { variant: "h6", sx: { fontWeight: 600, color: "text.primary" }, children: title }),
+    description && /* @__PURE__ */ jsx26(Typography19, { variant: "body2", color: "text.secondary", sx: { mb: 1.5 }, children: description }),
+    /* @__PURE__ */ jsx26(Box24, { sx: { display: "flex", flexWrap: "wrap", gap: 1 }, children: TOPICS.map((topic) => {
       const selected = interests.includes(topic);
-      return /* @__PURE__ */ jsx25(
-        Chip11,
+      return /* @__PURE__ */ jsx26(
+        Chip12,
         {
           label: topic,
           size: "small",
@@ -16507,7 +16728,7 @@ var previewTierUpgrade = (tier) => featureFlagService.previewUpgrade(tier);
 var getFeatureMatrix = () => featureFlagService.generateFeatureMatrix();
 
 // src/hooks/useVoices.ts
-import { useEffect as useEffect22 } from "react";
+import { useEffect as useEffect23 } from "react";
 var useVoices = () => {
   const {
     availableVoices,
@@ -16522,7 +16743,7 @@ var useVoices = () => {
   } = useVoiceStore();
   const gatewayApiUrl = usePackageSettingsStore((state) => state.settings?.gatewayApiUrl);
   const { token } = useAuthenticationStore();
-  useEffect22(() => {
+  useEffect23(() => {
     const isAuthenticated = authenticationService.isAuthenticated();
     if (gatewayApiUrl && token && isAuthenticated && !isServiceAvailable) {
       debugLogger.debug(
@@ -16562,13 +16783,13 @@ import {
   DialogTitle as DialogTitle8,
   DialogContent as DialogContent9,
   DialogActions as DialogActions8,
-  Typography as Typography19,
-  Button as Button16,
-  Box as Box24,
-  Alert as Alert11,
-  Stack as Stack10
+  Typography as Typography20,
+  Button as Button17,
+  Box as Box25,
+  Alert as Alert12,
+  Stack as Stack11
 } from "@mui/material";
-import { jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
 var SubscriptionExpiredModal = ({
   open,
   onNavigateHome,
@@ -16590,7 +16811,7 @@ var SubscriptionExpiredModal = ({
       if (!IS_STORE_BUILD) window.location.href = "/manage-subscription";
     }
   };
-  return /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs23(
     Dialog9,
     {
       open,
@@ -16605,8 +16826,8 @@ var SubscriptionExpiredModal = ({
         }
       },
       children: [
-        /* @__PURE__ */ jsx26(DialogTitle8, { sx: { textAlign: "center", pb: 1 }, children: /* @__PURE__ */ jsxs22(
-          Box24,
+        /* @__PURE__ */ jsx27(DialogTitle8, { sx: { textAlign: "center", pb: 1 }, children: /* @__PURE__ */ jsxs23(
+          Box25,
           {
             sx: {
               display: "flex",
@@ -16616,35 +16837,35 @@ var SubscriptionExpiredModal = ({
               mb: 1
             },
             children: [
-              /* @__PURE__ */ jsx26(AlertTriangle, { size: 32, color: "warning" }),
-              /* @__PURE__ */ jsx26(Typography19, { variant: "h5", component: "span", fontWeight: "bold", children: "Subscription Expired" })
+              /* @__PURE__ */ jsx27(AlertTriangle, { size: 32, color: "warning" }),
+              /* @__PURE__ */ jsx27(Typography20, { variant: "h5", component: "span", fontWeight: "bold", children: "Subscription Expired" })
             ]
           }
         ) }),
-        /* @__PURE__ */ jsx26(DialogContent9, { sx: { pt: 1 }, children: /* @__PURE__ */ jsxs22(Stack10, { spacing: 2, children: [
-          /* @__PURE__ */ jsx26(Alert11, { severity: "warning", sx: { mb: 2 }, children: /* @__PURE__ */ jsx26(Typography19, { variant: "body2", children: "Your subscription has expired and access to features has been restricted." }) }),
-          userEmail && /* @__PURE__ */ jsxs22(
-            Typography19,
+        /* @__PURE__ */ jsx27(DialogContent9, { sx: { pt: 1 }, children: /* @__PURE__ */ jsxs23(Stack11, { spacing: 2, children: [
+          /* @__PURE__ */ jsx27(Alert12, { severity: "warning", sx: { mb: 2 }, children: /* @__PURE__ */ jsx27(Typography20, { variant: "body2", children: "Your subscription has expired and access to features has been restricted." }) }),
+          userEmail && /* @__PURE__ */ jsxs23(
+            Typography20,
             {
               variant: "body2",
               color: "text.secondary",
               sx: { textAlign: "center" },
               children: [
                 "Account: ",
-                /* @__PURE__ */ jsx26("strong", { children: userEmail })
+                /* @__PURE__ */ jsx27("strong", { children: userEmail })
               ]
             }
           ),
-          /* @__PURE__ */ jsx26(
-            Typography19,
+          /* @__PURE__ */ jsx27(
+            Typography20,
             {
               variant: "body1",
               sx: { textAlign: "center", color: "text.secondary" },
               children: IS_STORE_BUILD ? "Premium features are unavailable on this account right now. You can subscribe to Pro in the app or review your account." : "To continue using all features, please renew your subscription or return to the main application."
             }
           ),
-          /* @__PURE__ */ jsx26(
-            Box24,
+          /* @__PURE__ */ jsx27(
+            Box25,
             {
               sx: {
                 bgcolor: "background.paper",
@@ -16654,14 +16875,14 @@ var SubscriptionExpiredModal = ({
                 p: 2,
                 mt: 2
               },
-              children: /* @__PURE__ */ jsxs22(
-                Typography19,
+              children: /* @__PURE__ */ jsxs23(
+                Typography20,
                 {
                   variant: "caption",
                   color: "text.secondary",
                   sx: { fontStyle: "italic" },
                   children: [
-                    /* @__PURE__ */ jsx26("strong", { children: "What's affected:" }),
+                    /* @__PURE__ */ jsx27("strong", { children: "What's affected:" }),
                     " All premium features including document upload, voice controls, advanced search, and admin dashboard access have been disabled until your subscription is renewed."
                   ]
                 }
@@ -16669,24 +16890,24 @@ var SubscriptionExpiredModal = ({
             }
           )
         ] }) }),
-        /* @__PURE__ */ jsxs22(DialogActions8, { sx: { px: 3, pb: 3, gap: 1, justifyContent: "center" }, children: [
-          /* @__PURE__ */ jsx26(
-            Button16,
+        /* @__PURE__ */ jsxs23(DialogActions8, { sx: { px: 3, pb: 3, gap: 1, justifyContent: "center" }, children: [
+          /* @__PURE__ */ jsx27(
+            Button17,
             {
               onClick: handleNavigateHome,
               variant: "outlined",
-              startIcon: /* @__PURE__ */ jsx26(Home, {}),
+              startIcon: /* @__PURE__ */ jsx27(Home, {}),
               size: "large",
               sx: { minWidth: 140 },
               children: IS_STORE_BUILD ? "My Account" : "Go Home"
             }
           ),
-          (!IS_STORE_BUILD || onManageSubscription) && /* @__PURE__ */ jsx26(
-            Button16,
+          (!IS_STORE_BUILD || onManageSubscription) && /* @__PURE__ */ jsx27(
+            Button17,
             {
               onClick: handleManageSubscription,
               variant: "contained",
-              startIcon: /* @__PURE__ */ jsx26(CreditCard, {}),
+              startIcon: /* @__PURE__ */ jsx27(CreditCard, {}),
               size: "large",
               color: "primary",
               sx: { minWidth: 140 },
@@ -16700,8 +16921,8 @@ var SubscriptionExpiredModal = ({
 };
 
 // src/guards/SubscriptionExpiredGuard.tsx
-import { useEffect as useEffect23, useState as useState24 } from "react";
-import { Fragment as Fragment8, jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
+import { useEffect as useEffect24, useState as useState25 } from "react";
+import { Fragment as Fragment8, jsx as jsx28, jsxs as jsxs24 } from "react/jsx-runtime";
 var SubscriptionExpiredGuard = ({
   children,
   onNavigateHome,
@@ -16710,9 +16931,9 @@ var SubscriptionExpiredGuard = ({
   allowContinue = false
 }) => {
   const { isExpiredTier, getFullEvaluation } = useFeatures();
-  const [showModal, setShowModal] = useState24(false);
-  const [userDismissed, setUserDismissed] = useState24(false);
-  useEffect23(() => {
+  const [showModal, setShowModal] = useState25(false);
+  const [userDismissed, setUserDismissed] = useState25(false);
+  useEffect24(() => {
     if (isExpiredTier() && !userDismissed) {
       setShowModal(true);
     } else {
@@ -16736,9 +16957,9 @@ var SubscriptionExpiredGuard = ({
     }
     return void 0;
   })() : void 0;
-  return /* @__PURE__ */ jsxs23(Fragment8, { children: [
+  return /* @__PURE__ */ jsxs24(Fragment8, { children: [
     children,
-    /* @__PURE__ */ jsx27(
+    /* @__PURE__ */ jsx28(
       SubscriptionExpiredModal,
       {
         open: showModal,