@burtson-labs/bandit-engine 2.0.49 → 2.0.51

package/dist/index.js

@@ -467,7 +467,18 @@ async function saveStateToDB(state) {
   await indexedDBService_default.put(DB_NAME, DB_VERSION, STORE_NAME, state, storeConfigs, STORAGE_KEY);
 }
 async function loadStateFromDB() {
-  return indexedDBService_default.get(DB_NAME, DB_VERSION, STORE_NAME, STORAGE_KEY, storeConfigs);
+  let timeoutId;
+  const timeoutPromise = new Promise((resolve) => {
+    timeoutId = window.setTimeout(() => resolve(void 0), 1200);
+  });
+  try {
+    const getPromise = indexedDBService_default.get(DB_NAME, DB_VERSION, STORE_NAME, STORAGE_KEY, storeConfigs).catch(() => void 0);
+    return await Promise.race([getPromise, timeoutPromise]);
+  } finally {
+    if (timeoutId !== void 0) {
+      window.clearTimeout(timeoutId);
+    }
+  }
 }
 var import_zustand3, DB_NAME, STORE_NAME, DB_VERSION, STORAGE_KEY, storeConfigs, useAIQueryStore;
 var init_aiQueryStore = __esm({
@@ -534,19 +545,23 @@ var init_aiQueryStore = __esm({
         saveStateToDB(resetState);
       },
       hydrate: async () => {
-        const storedState = await loadStateFromDB();
-        if (storedState) {
-          set({
-            inputValue: storedState.inputValue ?? "",
-            response: storedState.response ?? "",
-            previousQuestion: storedState.previousQuestion ?? "",
-            position: storedState.position ?? { x: window.innerWidth / 2 - 300, y: window.innerHeight - 350 },
-            componentStatus: "Idle",
-            history: storedState.history ?? [],
-            apiKey: storedState.apiKey ?? "",
-            hydrated: true
-          });
-        } else {
+        try {
+          const storedState = await loadStateFromDB();
+          if (storedState) {
+            set({
+              inputValue: storedState.inputValue ?? "",
+              response: storedState.response ?? "",
+              previousQuestion: storedState.previousQuestion ?? "",
+              position: storedState.position ?? { x: window.innerWidth / 2 - 300, y: window.innerHeight - 350 },
+              componentStatus: "Idle",
+              history: storedState.history ?? [],
+              apiKey: storedState.apiKey ?? "",
+              hydrated: true
+            });
+          } else {
+            set({ hydrated: true });
+          }
+        } catch {
           set({ hydrated: true });
         }
       }
@@ -27622,7 +27637,7 @@ var init_under_review = __esm({
               /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("br", {}),
               "For more info, please contact ",
               " ",
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("a", { href: "mailto:team@burtson.ai", style: { color: theme.palette.primary.main, fontWeight: 600 }, children: "team@burtson.ai" })
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("a", { href: "mailto:team@banditai.ai", style: { color: theme.palette.primary.main, fontWeight: 600 }, children: "team@banditai.ai" })
             ] })
           ]
         }
@@ -28158,7 +28173,7 @@ var chat_exports = {};
 __export(chat_exports, {
   default: () => chat_default
 });
-var import_react35, import_material27, import_react_router_dom3, import_jsx_runtime28, ChatContent, Chat, chat_default;
+var import_react35, import_material27, import_styles29, import_react_router_dom3, import_jsx_runtime28, ChatContent, Chat, chat_default;
 var init_chat2 = __esm({
   "src/chat/chat.tsx"() {
     "use strict";
@@ -28166,6 +28181,7 @@ var init_chat2 = __esm({
     init_custom_logo();
     init_indexedDBService();
     import_material27 = require("@mui/material");
+    import_styles29 = require("@mui/material/styles");
     init_aiQueryStore();
     init_modelStore();
     import_react_router_dom3 = require("react-router-dom");
@@ -28211,7 +28227,33 @@ var init_chat2 = __esm({
       const [themeLoading, setThemeLoading] = (0, import_react35.useState)(true);
       const token = authenticationService.getToken();
       const claims = token ? authenticationService.parseJwtClaims(token) : null;
-      const banditTheme = themeMap_default[selectedTheme ?? "bandit-dark"] || banditDarkTheme;
+      const baseTheme = themeMap_default[selectedTheme ?? "bandit-dark"] || banditDarkTheme;
+      const banditTheme = (0, import_react35.useMemo)(() => {
+        return (0, import_styles29.createTheme)(baseTheme, {
+          components: {
+            MuiInputBase: {
+              styleOverrides: {
+                input: {
+                  outline: "none",
+                  boxShadow: "none",
+                  "&:focus, &:focus-visible": {
+                    outline: "none",
+                    boxShadow: "none"
+                  }
+                },
+                inputMultiline: {
+                  outline: "none",
+                  boxShadow: "none",
+                  "&:focus, &:focus-visible": {
+                    outline: "none",
+                    boxShadow: "none"
+                  }
+                }
+              }
+            }
+          }
+        });
+      }, [baseTheme]);
       const {
         inputValue,
         setInputValue,
@@ -28338,6 +28380,22 @@ var init_chat2 = __esm({
           }, 500);
         }
       }, [history, pendingMessage]);
+      (0, import_react35.useEffect)(() => {
+        if (!brandingLoading && !themeLoading) {
+          return;
+        }
+        const timeoutId = window.setTimeout(() => {
+          if (brandingLoading || themeLoading) {
+            debugLogger.warn("Chat: branding/theme load timed out, falling back to defaults");
+            setBrandingLoading(false);
+            setThemeLoading(false);
+            if (!selectedTheme) {
+              setSelectedTheme("bandit-dark");
+            }
+          }
+        }, 2500);
+        return () => window.clearTimeout(timeoutId);
+      }, [brandingLoading, themeLoading, selectedTheme]);
       (0, import_react35.useEffect)(() => () => {
         if (logoFadeTimeoutRef.current) {
           window.clearTimeout(logoFadeTimeoutRef.current);
@@ -29055,7 +29113,30 @@ var init_chat2 = __esm({
           requestAnimationFrame(pump);
         }
       };
-      if (!hydrated || brandingLoading || themeLoading) return null;
+      if (!hydrated || brandingLoading || themeLoading) {
+        return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_material27.ThemeProvider, { theme: banditTheme, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_material27.CssBaseline, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+            import_material27.Box,
+            {
+              sx: (theme) => ({
+                minHeight: "100dvh",
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                flexDirection: "column",
+                gap: 1.5,
+                bgcolor: theme.palette.chat.shell,
+                color: theme.palette.text.primary
+              }),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_material27.CircularProgress, { size: 32, thickness: 4 }),
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_material27.Typography, { variant: "body2", color: "text.secondary", children: "Preparing your workspace..." })
+              ]
+            }
+          )
+        ] });
+      }
       const userHasAccess = playgroundBypassAccess || ossMode || claims?.roles?.includes("super-user") || claims?.roles?.includes("admin");
       if (!userHasAccess) {
         return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_material27.ThemeProvider, { theme: banditTheme, children: [
@@ -29772,12 +29853,12 @@ var chat_provider_default = ChatProvider;
 init_chat2();
 
 // src/management/management.tsx
-var import_react55 = require("react");
+var import_react57 = require("react");
 var import_useMediaQuery2 = __toESM(require("@mui/material/useMediaQuery"));
-var import_styles30 = require("@mui/material/styles");
+var import_styles31 = require("@mui/material/styles");
 init_useKnowledgeStore();
 init_indexedDBService();
-var import_material45 = require("@mui/material");
+var import_material47 = require("@mui/material");
 var import_FaceRetouchingNatural = __toESM(require("@mui/icons-material/FaceRetouchingNatural"));
 var import_Brush = __toESM(require("@mui/icons-material/Brush"));
 var import_MenuBook = __toESM(require("@mui/icons-material/MenuBook"));
@@ -32556,7 +32637,7 @@ var chat_modal_default = ChatModal;
 var import_react44 = require("react");
 var import_material36 = require("@mui/material");
 var import_useMediaQuery = __toESM(require("@mui/material/useMediaQuery"));
-var import_styles29 = require("@mui/material/styles");
+var import_styles30 = require("@mui/material/styles");
 var import_AutoAwesome = __toESM(require("@mui/icons-material/AutoAwesome"));
 var import_RocketLaunchOutlined = __toESM(require("@mui/icons-material/RocketLaunchOutlined"));
 var import_ViewModuleOutlined = __toESM(require("@mui/icons-material/ViewModuleOutlined"));
@@ -32942,7 +33023,7 @@ var PersonalitiesTab = ({
   restoreBanditModels,
   showSnackbar
 }) => {
-  const theme = (0, import_styles29.useTheme)();
+  const theme = (0, import_styles30.useTheme)();
   const isMobile = (0, import_useMediaQuery.default)(theme.breakpoints.down("sm"));
   const [personalityTabIndex, setPersonalityTabIndex] = (0, import_react44.useState)(0);
   const sectionGap = isMobile ? 2 : 3;
@@ -36578,6 +36659,12 @@ var BrandingTab = ({
 };
 var BrandingTab_default = BrandingTab;
 
+// src/management/components/KnowledgeHubTab.tsx
+var import_react53 = require("react");
+var import_material43 = require("@mui/material");
+var import_Description5 = __toESM(require("@mui/icons-material/Description"));
+var import_AutoStories = __toESM(require("@mui/icons-material/AutoStories"));
+
 // src/management/components/KnowledgeTab.tsx
 var import_react51 = require("react");
 var import_uuid6 = require("uuid");
@@ -38300,17 +38387,1482 @@ var KnowledgeTab = ({
 };
 var KnowledgeTab_default = KnowledgeTab;
 
-// src/management/components/StorageTab.tsx
+// src/management/components/SeedPacksTab.tsx
 var import_react52 = require("react");
 var import_material42 = require("@mui/material");
-var import_Storage = __toESM(require("@mui/icons-material/Storage"));
+var import_Add2 = __toESM(require("@mui/icons-material/Add"));
+var import_Archive = __toESM(require("@mui/icons-material/Archive"));
 var import_Delete6 = __toESM(require("@mui/icons-material/Delete"));
+var import_Description4 = __toESM(require("@mui/icons-material/Description"));
+var import_Group2 = __toESM(require("@mui/icons-material/Group"));
+var import_Person3 = __toESM(require("@mui/icons-material/Person"));
+var import_Publish = __toESM(require("@mui/icons-material/Publish"));
 var import_Refresh3 = __toESM(require("@mui/icons-material/Refresh"));
+var import_Save2 = __toESM(require("@mui/icons-material/Save"));
+var import_Search4 = __toESM(require("@mui/icons-material/Search"));
+var import_UploadFile2 = __toESM(require("@mui/icons-material/UploadFile"));
+init_packageSettingsStore();
+init_authenticationStore();
+init_StreamingMarkdown();
+init_debugLogger();
+
+// src/services/seedPacks/seedPackService.ts
+init_authenticationService();
+init_packageSettingsStore();
+init_debugLogger();
+var HttpResponseError2 = class extends Error {
+  constructor(message, status, payload, code) {
+    super(message);
+    this.status = status;
+    this.payload = payload;
+    this.code = code;
+    this.name = "HttpResponseError";
+  }
+};
+var isRecord5 = (value) => typeof value === "object" && value !== null;
+var getString2 = (record, key) => {
+  const value = record[key];
+  return typeof value === "string" ? value : void 0;
+};
+var getNumber = (record, key) => {
+  const value = record[key];
+  if (typeof value === "number") {
+    return value;
+  }
+  if (typeof value === "string") {
+    const parsed = Number(value);
+    if (!Number.isNaN(parsed)) {
+      return parsed;
+    }
+  }
+  return void 0;
+};
+var getStringArray = (record, key) => {
+  const value = record[key];
+  if (Array.isArray(value)) {
+    return value.filter((item) => typeof item === "string");
+  }
+  if (typeof value === "string") {
+    return value.split(",").map((item) => item.trim()).filter((item) => item.length > 0);
+  }
+  return void 0;
+};
+var toSeedPackStatus = (value) => {
+  if (value === "draft" || value === "published" || value === "archived") {
+    return value;
+  }
+  return "draft";
+};
+var toSeedPackScope = (value) => {
+  if (value === "team" || value === "user") {
+    return value;
+  }
+  return void 0;
+};
+var normalizeSeedPack = (record) => {
+  const sid = getString2(record, "sid") ?? getString2(record, "id") ?? "";
+  return {
+    sid,
+    name: getString2(record, "name") ?? "Untitled Seed Pack",
+    description: getString2(record, "description"),
+    status: toSeedPackStatus(getString2(record, "status")),
+    version: getNumber(record, "version"),
+    contentType: getString2(record, "contentType") ?? "markdown",
+    content: getString2(record, "content"),
+    summary: getString2(record, "summary"),
+    tags: getStringArray(record, "tags"),
+    scopeType: toSeedPackScope(getString2(record, "scopeType")),
+    scopeSid: getString2(record, "scopeSid"),
+    createdBySid: getString2(record, "createdBySid"),
+    updatedBySid: getString2(record, "updatedBySid"),
+    publishedBySid: getString2(record, "publishedBySid"),
+    createdAt: getString2(record, "createdAt"),
+    updatedAt: getString2(record, "updatedAt"),
+    publishedAt: getString2(record, "publishedAt")
+  };
+};
+var extractSeedPack = (payload) => {
+  if (!isRecord5(payload)) {
+    return null;
+  }
+  const candidate = isRecord5(payload.seedPack) && payload.seedPack || isRecord5(payload.data) && payload.data || payload;
+  if (!isRecord5(candidate)) {
+    return null;
+  }
+  const pack = normalizeSeedPack(candidate);
+  if (!pack.sid) {
+    return null;
+  }
+  return pack;
+};
+var extractSeedPackList = (payload) => {
+  if (Array.isArray(payload)) {
+    return payload.map((item) => isRecord5(item) ? normalizeSeedPack(item) : null).filter((item) => Boolean(item?.sid));
+  }
+  if (!isRecord5(payload)) {
+    return [];
+  }
+  const candidates = [
+    payload.seedPacks,
+    payload.items,
+    payload.results,
+    payload.data
+  ];
+  const list = candidates.find(Array.isArray);
+  if (!Array.isArray(list)) {
+    return [];
+  }
+  return list.map((item) => isRecord5(item) ? normalizeSeedPack(item) : null).filter((item) => Boolean(item?.sid));
+};
+var buildUrl2 = (path) => {
+  const base = usePackageSettingsStore.getState().settings?.gatewayApiUrl?.replace(/\/$/, "");
+  if (!base) {
+    throw new Error("Gateway API is not configured");
+  }
+  const normalized = path.startsWith("/") ? path : `/${path}`;
+  return `${base}${normalized}`;
+};
+var buildHeaders2 = () => {
+  const headers = {
+    "Content-Type": "application/json"
+  };
+  const token = authenticationService.getToken();
+  if (token) {
+    headers.Authorization = `Bearer ${token}`;
+  }
+  return headers;
+};
+var handleJsonResponse2 = async (response, fallbackMessage) => {
+  let data = null;
+  try {
+    data = await response.json();
+  } catch (error) {
+    debugLogger.warn("seedPackService: failed to parse JSON response", { error });
+  }
+  if (!response.ok) {
+    const record = isRecord5(data) ? data : {};
+    const message = getString2(record, "error") || getString2(record, "message") || getString2(record, "detail") || fallbackMessage;
+    const code = getString2(record, "code") || getString2(record, "error_code");
+    throw new HttpResponseError2(message, response.status, data, code);
+  }
+  return data;
+};
+var buildDraftPayload = (draft) => {
+  const payload = {
+    name: draft.name,
+    contentType: draft.contentType ?? "markdown"
+  };
+  if (draft.description !== void 0) {
+    payload.description = draft.description;
+  }
+  if (draft.content !== void 0) {
+    payload.content = draft.content;
+  }
+  if (draft.tags) {
+    payload.tags = draft.tags;
+  }
+  return payload;
+};
+var listSeedPacks = async () => {
+  const url = buildUrl2("/seed-packs");
+  try {
+    const response = await fetch(url, { method: "GET", headers: buildHeaders2() });
+    const payload = await handleJsonResponse2(response, "Failed to load seed packs");
+    return extractSeedPackList(payload);
+  } catch (error) {
+    debugLogger.error("seedPackService: failed to list seed packs", {
+      error: error instanceof Error ? error.message : String(error)
+    });
+    throw error;
+  }
+};
+var getSeedPack = async (sid) => {
+  const url = buildUrl2(`/seed-packs/${encodeURIComponent(sid)}`);
+  try {
+    const response = await fetch(url, { method: "GET", headers: buildHeaders2() });
+    const payload = await handleJsonResponse2(response, "Failed to load seed pack");
+    const pack = extractSeedPack(payload);
+    if (!pack) {
+      throw new Error("Seed pack response was empty");
+    }
+    return pack;
+  } catch (error) {
+    debugLogger.error("seedPackService: failed to load seed pack", {
+      sid,
+      error: error instanceof Error ? error.message : String(error)
+    });
+    throw error;
+  }
+};
+var createSeedPack = async (draft) => {
+  const url = buildUrl2("/seed-packs");
+  try {
+    const response = await fetch(url, {
+      method: "POST",
+      headers: buildHeaders2(),
+      body: JSON.stringify(buildDraftPayload(draft))
+    });
+    const payload = await handleJsonResponse2(response, "Failed to create seed pack");
+    const pack = extractSeedPack(payload);
+    if (!pack) {
+      throw new Error("Seed pack response was empty");
+    }
+    return pack;
+  } catch (error) {
+    debugLogger.error("seedPackService: failed to create seed pack", {
+      error: error instanceof Error ? error.message : String(error)
+    });
+    throw error;
+  }
+};
+var updateSeedPack = async (sid, draft) => {
+  const url = buildUrl2(`/seed-packs/${encodeURIComponent(sid)}`);
+  try {
+    const response = await fetch(url, {
+      method: "PUT",
+      headers: buildHeaders2(),
+      body: JSON.stringify(buildDraftPayload(draft))
+    });
+    const payload = await handleJsonResponse2(response, "Failed to update seed pack");
+    const pack = extractSeedPack(payload);
+    if (!pack) {
+      throw new Error("Seed pack response was empty");
+    }
+    return pack;
+  } catch (error) {
+    debugLogger.error("seedPackService: failed to update seed pack", {
+      sid,
+      error: error instanceof Error ? error.message : String(error)
+    });
+    throw error;
+  }
+};
+var publishSeedPack = async (sid) => {
+  const url = buildUrl2(`/seed-packs/${encodeURIComponent(sid)}/publish`);
+  try {
+    const response = await fetch(url, { method: "POST", headers: buildHeaders2() });
+    const payload = await handleJsonResponse2(response, "Failed to publish seed pack");
+    const pack = extractSeedPack(payload);
+    if (!pack) {
+      throw new Error("Seed pack response was empty");
+    }
+    return pack;
+  } catch (error) {
+    debugLogger.error("seedPackService: failed to publish seed pack", {
+      sid,
+      error: error instanceof Error ? error.message : String(error)
+    });
+    throw error;
+  }
+};
+var archiveSeedPack = async (sid) => {
+  const url = buildUrl2(`/seed-packs/${encodeURIComponent(sid)}/archive`);
+  try {
+    const response = await fetch(url, { method: "POST", headers: buildHeaders2() });
+    const payload = await handleJsonResponse2(response, "Failed to archive seed pack");
+    const pack = extractSeedPack(payload);
+    if (!pack) {
+      throw new Error("Seed pack response was empty");
+    }
+    return pack;
+  } catch (error) {
+    debugLogger.error("seedPackService: failed to archive seed pack", {
+      sid,
+      error: error instanceof Error ? error.message : String(error)
+    });
+    throw error;
+  }
+};
+
+// src/management/components/SeedPacksTab.tsx
+var import_jsx_runtime42 = require("react/jsx-runtime");
+var parseTags = (value) => value.split(",").map((tag) => tag.trim()).filter((tag) => tag.length > 0);
+var normalizeTags = (tags) => (tags ?? []).map((tag) => tag.trim()).filter((tag) => tag.length > 0);
+var areArraysEqual = (a, b) => {
+  if (a.length !== b.length) {
+    return false;
+  }
+  return a.every((value, index) => value === b[index]);
+};
+var formatTimestamp = (value) => {
+  if (!value) {
+    return "Not set";
+  }
+  const parsed = Date.parse(value);
+  if (Number.isNaN(parsed)) {
+    return value;
+  }
+  return new Date(parsed).toLocaleString();
+};
+var formatFileSize3 = (bytes) => {
+  if (bytes === 0) return "0 B";
+  const k = 1024;
+  const sizes = ["B", "KB", "MB", "GB"];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return parseFloat((bytes / Math.pow(k, i)).toFixed(1)) + " " + sizes[i];
+};
+var getPreviewSnippet = (content) => {
+  const trimmed = content.trim();
+  if (!trimmed) {
+    return "No preview available";
+  }
+  return trimmed.length > 120 ? `${trimmed.slice(0, 120)}...` : trimmed;
+};
+var mergeMarkdownFiles = (existing, incoming) => {
+  const next = [...existing];
+  incoming.forEach((file) => {
+    const index = next.findIndex((item) => item.name === file.name);
+    if (index >= 0) {
+      next[index] = file;
+    } else {
+      next.push(file);
+    }
+  });
+  return next;
+};
+var buildMarkdownContent = (files) => {
+  return files.map((file) => file.content.trim()).filter((content) => content.length > 0).join("\n\n---\n\n");
+};
+var readMarkdownFiles = async (files) => {
+  const list = Array.from(files);
+  const markdownFiles = list.filter((file) => file.name.toLowerCase().endsWith(".md"));
+  const imported = await Promise.all(
+    markdownFiles.map(async (file) => ({
+      id: `${file.name}-${file.lastModified}`,
+      name: file.name,
+      size: file.size,
+      content: await file.text(),
+      lastModified: file.lastModified
+    }))
+  );
+  return { imported, skipped: list.length - markdownFiles.length };
+};
+var getStatusChip = (status) => {
+  switch (status) {
+    case "published":
+      return { label: "Published", color: "success" };
+    case "archived":
+      return { label: "Archived", color: "default" };
+    case "draft":
+    default:
+      return { label: "Draft", color: "warning" };
+  }
+};
+var getSeedPackTimestamp = (pack) => {
+  const candidate = pack.updatedAt ?? pack.publishedAt ?? pack.createdAt;
+  if (!candidate) {
+    return 0;
+  }
+  const parsed = Date.parse(candidate);
+  return Number.isNaN(parsed) ? 0 : parsed;
+};
+var SeedPackFileCard = ({ file, onPreview, onRemove, isReadOnly }) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  import_material42.Card,
+  {
+    sx: {
+      position: "relative",
+      height: { xs: 240, sm: 260, md: 280 },
+      cursor: "pointer",
+      transition: "all 0.3s ease-in-out",
+      border: "1px solid",
+      borderColor: "divider",
+      bgcolor: "background.paper",
+      display: "flex",
+      flexDirection: "column",
+      "&:hover": {
+        boxShadow: 6,
+        transform: "translateY(-2px)"
+      }
+    },
+    onClick: onPreview,
+    children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+      import_material42.CardContent,
+      {
+        sx: {
+          p: { xs: 1.5, sm: 2 },
+          height: "100%",
+          display: "flex",
+          flexDirection: "column",
+          overflow: "hidden"
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+            import_material42.Box,
+            {
+              sx: {
+                display: "flex",
+                justifyContent: "space-between",
+                alignItems: "flex-start",
+                mb: 1,
+                height: 32
+              },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Description4.default, { sx: { fontSize: 32, color: "#388e3c", flexShrink: 0 } }),
+                !isReadOnly && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                  import_material42.IconButton,
+                  {
+                    size: "small",
+                    color: "error",
+                    onClick: (event) => {
+                      event.stopPropagation();
+                      onRemove();
+                    },
+                    sx: { width: 24, height: 24 },
+                    children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Delete6.default, { fontSize: "small" })
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+            import_material42.Box,
+            {
+              sx: {
+                mb: 1.5,
+                p: { xs: 1, sm: 1.5 },
+                borderRadius: 1.5,
+                bgcolor: "background.paper",
+                border: "1px solid",
+                borderColor: "divider",
+                overflow: "hidden",
+                position: "relative",
+                height: { xs: 60, sm: 70, md: 80 },
+                display: "flex",
+                alignItems: "center"
+              },
+              children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                import_material42.Typography,
+                {
+                  variant: "body2",
+                  sx: {
+                    display: "-webkit-box",
+                    WebkitLineClamp: 3,
+                    WebkitBoxOrient: "vertical",
+                    overflow: "hidden",
+                    textOverflow: "ellipsis",
+                    color: "text.secondary",
+                    lineHeight: 1.3,
+                    fontSize: "0.8rem"
+                  },
+                  children: getPreviewSnippet(file.content)
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Tooltip, { title: file.name, arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+            import_material42.Typography,
+            {
+              variant: "body2",
+              sx: {
+                fontWeight: 600,
+                whiteSpace: "nowrap",
+                overflow: "hidden",
+                textOverflow: "ellipsis",
+                mb: 1,
+                color: "text.primary",
+                fontSize: { xs: "0.8rem", sm: "0.875rem" },
+                height: { xs: "1.2rem", sm: "1.3rem" }
+              },
+              children: file.name
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+            import_material42.Box,
+            {
+              sx: {
+                display: "flex",
+                justifyContent: "space-between",
+                alignItems: "flex-start",
+                mb: 1,
+                minHeight: 40
+              },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { sx: { display: "flex", gap: 0.5, flexWrap: "wrap", flex: 1, mr: 1 }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                    import_material42.Chip,
+                    {
+                      icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Person3.default, { sx: { fontSize: "0.9rem !important" } }),
+                      label: "Local",
+                      size: "small",
+                      sx: {
+                        bgcolor: "#388e3c20",
+                        color: "#388e3c",
+                        fontWeight: 700,
+                        fontSize: "0.75rem",
+                        border: "2px solid #388e3c60",
+                        "& .MuiChip-icon": {
+                          color: "#388e3c !important"
+                        },
+                        boxShadow: "0 2px 4px #388e3c20"
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                    import_material42.Chip,
+                    {
+                      icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Description4.default, { sx: { fontSize: "0.85rem !important" } }),
+                      label: "Markdown",
+                      size: "small",
+                      sx: {
+                        bgcolor: "#388e3c15",
+                        color: "#388e3c",
+                        fontWeight: 500,
+                        fontSize: "0.65rem"
+                      }
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "caption", color: "text.secondary", sx: { flexShrink: 0 }, children: formatFileSize3(file.size) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Box, { sx: { mt: "auto" }, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+            import_material42.Button,
+            {
+              variant: "outlined",
+              size: "small",
+              fullWidth: true,
+              sx: {
+                textTransform: "none",
+                height: { xs: 32, sm: 36, md: 40 },
+                flexShrink: 0,
+                borderWidth: 2,
+                fontSize: { xs: "0.75rem", sm: "0.8rem", md: "0.875rem" },
+                fontWeight: 600,
+                "&:hover": {
+                  borderWidth: 2,
+                  bgcolor: "primary.main",
+                  color: "primary.contrastText",
+                  transform: "translateY(-1px)",
+                  boxShadow: 2
+                }
+              },
+              onClick: (event) => {
+                event.stopPropagation();
+                onPreview();
+              },
+              startIcon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Search4.default, { sx: { fontSize: { xs: "1rem", sm: "1.1rem" } } }),
+              children: "Preview"
+            }
+          ) })
+        ]
+      }
+    )
+  }
+);
+var SeedPacksTab = () => {
+  const { settings } = usePackageSettingsStore();
+  const authStore = useAuthenticationStore();
+  const gatewayConfigured = Boolean(settings?.gatewayApiUrl);
+  const isTeamScope = Boolean(authStore.user?.teamSid);
+  const seedPackAdminRoles = /* @__PURE__ */ new Set(["admin", "super-user", "team_admin", "team_owner"]);
+  const userRoles = authStore.user?.roles ?? [];
+  const canManage = userRoles.some((role) => seedPackAdminRoles.has(role));
+  const [seedPacks, setSeedPacks] = (0, import_react52.useState)([]);
+  const [selectedSid, setSelectedSid] = (0, import_react52.useState)(null);
+  const [selectedSeedPack, setSelectedSeedPack] = (0, import_react52.useState)(null);
+  const [draft, setDraft] = (0, import_react52.useState)({
+    name: "",
+    description: "",
+    content: ""
+  });
+  const [tagsInput, setTagsInput] = (0, import_react52.useState)("");
+  const [importedFiles, setImportedFiles] = (0, import_react52.useState)([]);
+  const [createImportedFiles, setCreateImportedFiles] = (0, import_react52.useState)([]);
+  const [previewFile, setPreviewFile] = (0, import_react52.useState)(null);
+  const fileInputRef = (0, import_react52.useRef)(null);
+  const createFileInputRef = (0, import_react52.useRef)(null);
+  const [isLoadingList, setIsLoadingList] = (0, import_react52.useState)(false);
+  const [isLoadingDetail, setIsLoadingDetail] = (0, import_react52.useState)(false);
+  const [isSaving, setIsSaving] = (0, import_react52.useState)(false);
+  const [isPublishing, setIsPublishing] = (0, import_react52.useState)(false);
+  const [isArchiving, setIsArchiving] = (0, import_react52.useState)(false);
+  const [isCreating, setIsCreating] = (0, import_react52.useState)(false);
+  const [createDialogOpen, setCreateDialogOpen] = (0, import_react52.useState)(false);
+  const [publishDialogOpen, setPublishDialogOpen] = (0, import_react52.useState)(false);
+  const [archiveDialogOpen, setArchiveDialogOpen] = (0, import_react52.useState)(false);
+  const [newPackName, setNewPackName] = (0, import_react52.useState)("");
+  const [newPackDescription, setNewPackDescription] = (0, import_react52.useState)("");
+  const [newPackTags, setNewPackTags] = (0, import_react52.useState)("");
+  const [snackbarOpen, setSnackbarOpen] = (0, import_react52.useState)(false);
+  const [snackbarMessage, setSnackbarMessage] = (0, import_react52.useState)("");
+  const [snackbarSeverity, setSnackbarSeverity] = (0, import_react52.useState)("success");
+  const parsedTags = (0, import_react52.useMemo)(() => parseTags(tagsInput), [tagsInput]);
+  const normalizedSelectedTags = (0, import_react52.useMemo)(
+    () => normalizeTags(selectedSeedPack?.tags),
+    [selectedSeedPack?.tags]
+  );
+  const isDirty = (0, import_react52.useMemo)(() => {
+    if (!selectedSeedPack) {
+      return false;
+    }
+    const nameChanged = draft.name.trim() !== (selectedSeedPack.name ?? "").trim();
+    const descriptionChanged = draft.description.trim() !== (selectedSeedPack.description ?? "").trim();
+    const contentChanged = draft.content !== (selectedSeedPack.content ?? "");
+    const tagsChanged = !areArraysEqual(parsedTags, normalizedSelectedTags);
+    return nameChanged || descriptionChanged || contentChanged || tagsChanged;
+  }, [draft, parsedTags, normalizedSelectedTags, selectedSeedPack]);
+  const isReadOnly = !canManage || selectedSeedPack?.status === "archived";
+  const sortedSeedPacks = (0, import_react52.useMemo)(() => {
+    return [...seedPacks].sort((a, b) => getSeedPackTimestamp(b) - getSeedPackTimestamp(a));
+  }, [seedPacks]);
+  const scopeLabel = isTeamScope ? "Team scope" : "Personal scope";
+  const scopeDescription = isTeamScope ? "Applies to all members of your team." : "Applies only to your account.";
+  const showSnackbar = (0, import_react52.useCallback)((message, severity) => {
+    setSnackbarMessage(message);
+    setSnackbarSeverity(severity);
+    setSnackbarOpen(true);
+  }, []);
+  const hydrateDraft = (0, import_react52.useCallback)((pack) => {
+    setDraft({
+      name: pack.name ?? "",
+      description: pack.description ?? "",
+      content: pack.content ?? ""
+    });
+    setTagsInput((pack.tags ?? []).join(", "));
+    setImportedFiles([]);
+    setPreviewFile(null);
+  }, []);
+  const resetCreateDialog = (0, import_react52.useCallback)(() => {
+    setCreateDialogOpen(false);
+    setNewPackName("");
+    setNewPackDescription("");
+    setNewPackTags("");
+    setCreateImportedFiles([]);
+  }, []);
+  const refreshSeedPacks = (0, import_react52.useCallback)(
+    async (nextSelectedSid) => {
+      if (!gatewayConfigured) {
+        return;
+      }
+      setIsLoadingList(true);
+      try {
+        const packs = await listSeedPacks();
+        setSeedPacks(packs);
+        const activeSid = nextSelectedSid ?? selectedSid;
+        if (activeSid && !packs.some((pack) => pack.sid === activeSid)) {
+          setSelectedSid(null);
+          setSelectedSeedPack(null);
+        }
+      } catch (error) {
+        showSnackbar("Failed to load seed packs.", "error");
+        debugLogger.error("SeedPacksTab: failed to load seed packs", {
+          error: error instanceof Error ? error.message : String(error)
+        });
+      } finally {
+        setIsLoadingList(false);
+      }
+    },
+    [gatewayConfigured, selectedSid, showSnackbar]
+  );
+  const loadSeedPackDetail = (0, import_react52.useCallback)(
+    async (sid) => {
+      if (!gatewayConfigured) {
+        return;
+      }
+      setIsLoadingDetail(true);
+      try {
+        const pack = await getSeedPack(sid);
+        setSelectedSeedPack(pack);
+        hydrateDraft(pack);
+      } catch (error) {
+        showSnackbar("Failed to load seed pack details.", "error");
+        debugLogger.error("SeedPacksTab: failed to load seed pack details", {
+          sid,
+          error: error instanceof Error ? error.message : String(error)
+        });
+      } finally {
+        setIsLoadingDetail(false);
+      }
+    },
+    [gatewayConfigured, hydrateDraft, showSnackbar]
+  );
+  (0, import_react52.useEffect)(() => {
+    void refreshSeedPacks();
+  }, [refreshSeedPacks, authStore.token]);
+  (0, import_react52.useEffect)(() => {
+    if (selectedSid) {
+      void loadSeedPackDetail(selectedSid);
+    }
+  }, [selectedSid, loadSeedPackDetail]);
+  const handleSelectPack = (pack) => {
+    setSelectedSid(pack.sid);
+    setSelectedSeedPack(pack);
+    hydrateDraft(pack);
+  };
+  const handleImportFiles = (0, import_react52.useCallback)(
+    async (files) => {
+      if (!files || files.length === 0) {
+        return;
+      }
+      const { imported, skipped } = await readMarkdownFiles(files);
+      if (skipped > 0) {
+        showSnackbar("Only .md files are supported for seed packs.", "error");
+      }
+      if (imported.length === 0) {
+        return;
+      }
+      try {
+        const newlyAdded = imported.filter(
+          (file) => !importedFiles.some((existing) => existing.name === file.name)
+        );
+        setImportedFiles((prev) => mergeMarkdownFiles(prev, imported));
+        const combined = buildMarkdownContent(newlyAdded);
+        if (combined.length > 0) {
+          setDraft((prev) => {
+            const current = prev.content.trim();
+            const nextContent = current ? `${current}
+
+---
+
+${combined}` : combined;
+            return { ...prev, content: nextContent };
+          });
+        }
+        showSnackbar(
+          `Imported ${imported.length} markdown file${imported.length === 1 ? "" : "s"} into the editor.`,
+          "success"
+        );
+      } catch (error) {
+        showSnackbar("Failed to import markdown files.", "error");
+        debugLogger.error("SeedPacksTab: failed to import markdown files", {
+          error: error instanceof Error ? error.message : String(error)
+        });
+      }
+    },
+    [importedFiles, showSnackbar]
+  );
+  const handleFileInputChange = (0, import_react52.useCallback)(
+    async (event) => {
+      await handleImportFiles(event.target.files);
+      event.target.value = "";
+    },
+    [handleImportFiles]
+  );
+  const handleRemoveImportedFile = (0, import_react52.useCallback)((id) => {
+    setImportedFiles((prev) => prev.filter((file) => file.id !== id));
+  }, []);
+  const handleCreateImportFiles = (0, import_react52.useCallback)(
+    async (files) => {
+      if (!files || files.length === 0) {
+        return;
+      }
+      const { imported, skipped } = await readMarkdownFiles(files);
+      if (skipped > 0) {
+        showSnackbar("Only .md files are supported for seed packs.", "error");
+      }
+      if (imported.length === 0) {
+        return;
+      }
+      setCreateImportedFiles((prev) => mergeMarkdownFiles(prev, imported));
+      showSnackbar(
+        `Imported ${imported.length} markdown file${imported.length === 1 ? "" : "s"} for this seed pack.`,
+        "success"
+      );
+    },
+    [showSnackbar]
+  );
+  const handleCreateFileInputChange = (0, import_react52.useCallback)(
+    async (event) => {
+      await handleCreateImportFiles(event.target.files);
+      event.target.value = "";
+    },
+    [handleCreateImportFiles]
+  );
+  const handleRemoveCreateImportedFile = (0, import_react52.useCallback)((id) => {
+    setCreateImportedFiles((prev) => prev.filter((file) => file.id !== id));
+  }, []);
+  const buildDraftPayload2 = (0, import_react52.useCallback)(() => {
+    const name = draft.name.trim();
+    if (!name) {
+      showSnackbar("Seed pack name is required.", "error");
+      return null;
+    }
+    return {
+      name,
+      description: draft.description.trim(),
+      content: draft.content,
+      tags: parsedTags,
+      contentType: "markdown"
+    };
+  }, [draft, parsedTags, showSnackbar]);
+  const saveDraft = (0, import_react52.useCallback)(async () => {
+    if (!selectedSeedPack) {
+      return null;
+    }
+    const payload = buildDraftPayload2();
+    if (!payload) {
+      return null;
+    }
+    setIsSaving(true);
+    try {
+      const updated = await updateSeedPack(selectedSeedPack.sid, payload);
+      setSelectedSeedPack(updated);
+      hydrateDraft(updated);
+      await refreshSeedPacks(updated.sid);
+      return updated;
+    } catch (error) {
+      showSnackbar("Failed to save seed pack.", "error");
+      debugLogger.error("SeedPacksTab: failed to save seed pack", {
+        sid: selectedSeedPack.sid,
+        error: error instanceof Error ? error.message : String(error)
+      });
+      return null;
+    } finally {
+      setIsSaving(false);
+    }
+  }, [selectedSeedPack, buildDraftPayload2, hydrateDraft, refreshSeedPacks, showSnackbar]);
+  const handleSaveDraft = async () => {
+    const updated = await saveDraft();
+    if (updated) {
+      showSnackbar("Seed pack saved.", "success");
+    }
+  };
+  const handleResetDraft = () => {
+    if (selectedSeedPack) {
+      hydrateDraft(selectedSeedPack);
+    }
+  };
+  const handleCreateSeedPack = async () => {
+    const name = newPackName.trim();
+    if (!name) {
+      showSnackbar("Seed pack name is required.", "error");
+      return;
+    }
+    const importedContent = buildMarkdownContent(createImportedFiles);
+    const payload = {
+      name,
+      description: newPackDescription.trim(),
+      tags: parseTags(newPackTags),
+      content: importedContent,
+      contentType: "markdown"
+    };
+    setIsCreating(true);
+    try {
+      const created = await createSeedPack(payload);
+      resetCreateDialog();
+      await refreshSeedPacks(created.sid);
+      setSelectedSid(created.sid);
+      setSelectedSeedPack(created);
+      hydrateDraft(created);
+      if (createImportedFiles.length > 0) {
+        setImportedFiles(createImportedFiles);
+      }
+      setCreateImportedFiles([]);
+      showSnackbar("Seed pack created.", "success");
+    } catch (error) {
+      showSnackbar("Failed to create seed pack.", "error");
+      debugLogger.error("SeedPacksTab: failed to create seed pack", {
+        error: error instanceof Error ? error.message : String(error)
+      });
+    } finally {
+      setIsCreating(false);
+    }
+  };
+  const handlePublish = async () => {
+    if (!selectedSeedPack) {
+      return;
+    }
+    setPublishDialogOpen(false);
+    setIsPublishing(true);
+    try {
+      if (isDirty) {
+        const saved = await saveDraft();
+        if (!saved) {
+          return;
+        }
+      }
+      const published = await publishSeedPack(selectedSeedPack.sid);
+      setSelectedSeedPack(published);
+      hydrateDraft(published);
+      await refreshSeedPacks(published.sid);
+      showSnackbar("Seed pack published.", "success");
+    } catch (error) {
+      showSnackbar("Failed to publish seed pack.", "error");
+      debugLogger.error("SeedPacksTab: failed to publish seed pack", {
+        sid: selectedSeedPack.sid,
+        error: error instanceof Error ? error.message : String(error)
+      });
+    } finally {
+      setIsPublishing(false);
+    }
+  };
+  const handleArchive = async () => {
+    if (!selectedSeedPack) {
+      return;
+    }
+    setArchiveDialogOpen(false);
+    setIsArchiving(true);
+    try {
+      const archived = await archiveSeedPack(selectedSeedPack.sid);
+      setSelectedSeedPack(archived);
+      hydrateDraft(archived);
+      await refreshSeedPacks(archived.sid);
+      showSnackbar("Seed pack archived.", "success");
+    } catch (error) {
+      showSnackbar("Failed to archive seed pack.", "error");
+      debugLogger.error("SeedPacksTab: failed to archive seed pack", {
+        sid: selectedSeedPack.sid,
+        error: error instanceof Error ? error.message : String(error)
+      });
+    } finally {
+      setIsArchiving(false);
+    }
+  };
+  const previewContent = draft.content.trim().length > 0 ? draft.content : "Preview will appear here as you type.";
+  const selectedStatus = selectedSeedPack?.status ?? "draft";
+  const statusChip = getStatusChip(selectedStatus);
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { sx: { p: { xs: 1.5, sm: 3, md: 4 } }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { sx: { mb: { xs: 2.5, md: 3 } }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+        import_material42.Stack,
+        {
+          direction: { xs: "column", md: "row" },
+          spacing: { xs: 1.5, md: 2 },
+          alignItems: { xs: "flex-start", md: "center" },
+          justifyContent: "space-between",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                import_material42.Typography,
+                {
+                  variant: "h5",
+                  color: "text.primary",
+                  sx: { mb: 1, fontWeight: 600, fontSize: { xs: "1.55rem", md: "1.8rem" } },
+                  children: "Seed Packs"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "body1", color: "text.secondary", children: "Curated internal knowledge that is always available to assistants, without showing up as visible sources." })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Stack, { direction: "row", spacing: 1, flexWrap: "wrap", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+              import_material42.Chip,
+              {
+                icon: isTeamScope ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Group2.default, {}) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Person3.default, {}),
+                label: scopeLabel,
+                color: "info",
+                variant: "outlined"
+              }
+            ) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "caption", color: "text.secondary", children: scopeDescription })
+    ] }),
+    !gatewayConfigured && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Alert, { severity: "warning", sx: { mb: 2 }, children: "Gateway API is not configured. Seed packs require a gateway URL in package settings." }),
+    gatewayConfigured && !canManage && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Alert, { severity: "info", sx: { mb: 2 }, children: "You have view-only access. Admin rights are required to create, publish, or archive team seed packs." }),
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+      import_material42.Box,
+      {
+        sx: {
+          display: "grid",
+          gridTemplateColumns: { xs: "1fr", md: "320px 1fr" },
+          gap: { xs: 2, md: 3 }
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Card, { sx: { height: "fit-content" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.CardContent, { sx: { pb: 1.5 }, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Stack, { direction: "row", spacing: 1, alignItems: "center", justifyContent: "space-between", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "h6", sx: { fontWeight: 600 }, children: "Packs" }),
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Stack, { direction: "row", spacing: 1, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                  import_material42.Button,
+                  {
+                    size: "small",
+                    variant: "outlined",
+                    onClick: () => refreshSeedPacks(),
+                    startIcon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Refresh3.default, {}),
+                    disabled: !gatewayConfigured || isLoadingList,
+                    children: "Refresh"
+                  }
+                ),
+                canManage && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                  import_material42.Button,
+                  {
+                    size: "small",
+                    variant: "contained",
+                    startIcon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Add2.default, {}),
+                    onClick: () => setCreateDialogOpen(true),
+                    disabled: !gatewayConfigured,
+                    children: "New"
+                  }
+                )
+              ] })
+            ] }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Divider, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { sx: { px: 2, pb: 2 }, children: [
+              isLoadingList && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.LinearProgress, { sx: { mb: 2 } }),
+              sortedSeedPacks.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "body2", color: "text.secondary", children: "No seed packs yet. Create one to start sharing internal knowledge." }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.List, { sx: { px: 0 }, children: sortedSeedPacks.map((pack) => {
+                const status = getStatusChip(pack.status);
+                const tags = normalizeTags(pack.tags);
+                return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                  import_material42.ListItemButton,
+                  {
+                    selected: pack.sid === selectedSid,
+                    onClick: () => handleSelectPack(pack),
+                    sx: {
+                      mb: 1,
+                      borderRadius: 2,
+                      alignItems: "flex-start",
+                      border: pack.sid === selectedSid ? "1px solid" : "1px solid transparent",
+                      borderColor: pack.sid === selectedSid ? "primary.main" : "transparent"
+                    },
+                    children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { sx: { flex: 1 }, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Stack, { direction: "row", spacing: 1, alignItems: "center", sx: { mb: 0.5 }, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "subtitle1", sx: { fontWeight: 600 }, children: pack.name }),
+                        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Chip, { size: "small", label: status.label, color: status.color })
+                      ] }),
+                      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Typography, { variant: "caption", color: "text.secondary", children: [
+                        pack.version ? `v${pack.version}` : "v0",
+                        " | Last published:",
+                        " ",
+                        formatTimestamp(pack.publishedAt)
+                      ] }),
+                      tags.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Stack, { direction: "row", spacing: 0.5, flexWrap: "wrap", sx: { mt: 1 }, children: tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Chip, { size: "small", label: tag, variant: "outlined" }, tag)) })
+                    ] })
+                  },
+                  pack.sid
+                );
+              }) })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Card, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.CardContent, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Stack, { direction: "row", spacing: 1, alignItems: "center", justifyContent: "space-between", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "h6", sx: { fontWeight: 600 }, children: selectedSeedPack ? "Seed Pack Editor" : "Seed Pack Details" }),
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "body2", color: "text.secondary", children: "Draft content stays internal and is never shown as user-facing sources." })
+              ] }),
+              selectedSeedPack && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Stack, { direction: "row", spacing: 1, flexWrap: "wrap", children: [
+                isDirty && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Chip, { size: "small", label: "Unsaved changes", color: "warning" }),
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Chip, { size: "small", label: statusChip.label, color: statusChip.color })
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Divider, { sx: { my: 2 } }),
+            !selectedSeedPack && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "body2", color: "text.secondary", sx: { mb: 2 }, children: "Select a seed pack from the list or create a new one to begin editing." }),
+              canManage && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                import_material42.Button,
+                {
+                  variant: "contained",
+                  startIcon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Add2.default, {}),
+                  onClick: () => setCreateDialogOpen(true),
+                  disabled: !gatewayConfigured,
+                  children: "Create seed pack"
+                }
+              )
+            ] }),
+            selectedSeedPack && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Stack, { spacing: 2, children: [
+              isLoadingDetail && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.LinearProgress, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                import_material42.TextField,
+                {
+                  label: "Name",
+                  value: draft.name,
+                  onChange: (event) => setDraft((prev) => ({ ...prev, name: event.target.value })),
+                  fullWidth: true,
+                  disabled: isReadOnly
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                import_material42.TextField,
+                {
+                  label: "Description",
+                  value: draft.description,
+                  onChange: (event) => setDraft((prev) => ({ ...prev, description: event.target.value })),
+                  fullWidth: true,
+                  multiline: true,
+                  minRows: 2,
+                  disabled: isReadOnly
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                import_material42.TextField,
+                {
+                  label: "Tags (comma separated)",
+                  value: tagsInput,
+                  onChange: (event) => setTagsInput(event.target.value),
+                  fullWidth: true,
+                  disabled: isReadOnly
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Stack, { direction: "row", spacing: 1, flexWrap: "wrap", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Chip, { size: "small", label: scopeLabel, icon: isTeamScope ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Group2.default, {}) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Person3.default, {}) }),
+                selectedSeedPack.version && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Chip, { size: "small", label: `Version ${selectedSeedPack.version}`, variant: "outlined" }),
+                selectedSeedPack.updatedAt && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Chip, { size: "small", label: `Updated ${formatTimestamp(selectedSeedPack.updatedAt)}`, variant: "outlined" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Alert, { severity: "info", children: "Treat seed pack content as internal knowledge. Do not include instructions that override system or developer messages." }),
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+                import_material42.Box,
+                {
+                  sx: {
+                    display: "grid",
+                    gridTemplateColumns: { xs: "1fr", md: "1fr 1fr" },
+                    gap: 2,
+                    alignItems: "start"
+                  },
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+                        import_material42.Stack,
+                        {
+                          direction: { xs: "column", sm: "row" },
+                          spacing: 1,
+                          alignItems: { xs: "flex-start", sm: "center" },
+                          justifyContent: "space-between",
+                          sx: { mb: 1 },
+                          children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "subtitle2", children: "Markdown content" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                              import_material42.Button,
+                              {
+                                size: "small",
+                                variant: "outlined",
+                                startIcon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_UploadFile2.default, {}),
+                                onClick: () => fileInputRef.current?.click(),
+                                disabled: isReadOnly,
+                                children: "Import .md"
+                              }
+                            ),
+                            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                              "input",
+                              {
+                                ref: fileInputRef,
+                                type: "file",
+                                accept: ".md",
+                                multiple: true,
+                                onChange: handleFileInputChange,
+                                style: { display: "none" }
+                              }
+                            )
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "caption", color: "text.secondary", sx: { mb: 1, display: "block" }, children: "Paste or import markdown files. Imports copy content into the editor." }),
+                      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                        import_material42.TextField,
+                        {
+                          label: "Content",
+                          value: draft.content,
+                          onChange: (event) => setDraft((prev) => ({ ...prev, content: event.target.value })),
+                          fullWidth: true,
+                          multiline: true,
+                          minRows: 12,
+                          disabled: isReadOnly
+                        }
+                      ),
+                      importedFiles.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { sx: { mt: 2 }, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "subtitle2", sx: { mb: 1 }, children: "Imported markdown files" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                          import_material42.Box,
+                          {
+                            sx: {
+                              display: "grid",
+                              gridTemplateColumns: {
+                                xs: "1fr",
+                                sm: "repeat(2, minmax(0, 1fr))",
+                                md: "repeat(3, minmax(0, 1fr))"
+                              },
+                              gap: 2
+                            },
+                            children: importedFiles.map((file) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                              SeedPackFileCard,
+                              {
+                                file,
+                                isReadOnly,
+                                onPreview: () => setPreviewFile(file),
+                                onRemove: () => handleRemoveImportedFile(file.id)
+                              },
+                              file.id
+                            ))
+                          }
+                        )
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Card, { variant: "outlined", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.CardContent, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "subtitle2", sx: { mb: 1 }, children: "Preview" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(StreamingMarkdown_default, { content: previewContent })
+                    ] }) })
+                  ]
+                }
+              ),
+              selectedSeedPack.summary && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                import_material42.TextField,
+                {
+                  label: "Summary (auto-generated)",
+                  value: selectedSeedPack.summary,
+                  fullWidth: true,
+                  multiline: true,
+                  minRows: 3,
+                  InputProps: { readOnly: true }
+                }
+              ),
+              canManage && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Stack, { direction: { xs: "column", sm: "row" }, spacing: 1, flexWrap: "wrap", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                  import_material42.Button,
+                  {
+                    variant: "outlined",
+                    startIcon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Save2.default, {}),
+                    onClick: handleSaveDraft,
+                    disabled: isReadOnly || !isDirty || isSaving,
+                    children: isSaving ? "Saving..." : "Save draft"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                  import_material42.Button,
+                  {
+                    variant: "outlined",
+                    onClick: handleResetDraft,
+                    disabled: !isDirty || isReadOnly,
+                    children: "Reset changes"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                  import_material42.Button,
+                  {
+                    variant: "contained",
+                    startIcon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Publish.default, {}),
+                    onClick: () => setPublishDialogOpen(true),
+                    disabled: isReadOnly || isPublishing,
+                    children: isPublishing ? "Publishing..." : "Publish"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                  import_material42.Button,
+                  {
+                    variant: "text",
+                    color: "error",
+                    startIcon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Archive.default, {}),
+                    onClick: () => setArchiveDialogOpen(true),
+                    disabled: isReadOnly || isArchiving,
+                    children: isArchiving ? "Archiving..." : "Archive"
+                  }
+                )
+              ] })
+            ] })
+          ] }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Dialog, { open: createDialogOpen, onClose: resetCreateDialog, maxWidth: "sm", fullWidth: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.DialogTitle, { children: "Create seed pack" }),
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.DialogContent, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.DialogContentText, { sx: { mb: 2 }, children: [
+          "Seed packs are scoped automatically based on your sign-in. ",
+          scopeLabel,
+          " - ",
+          scopeDescription
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Stack, { spacing: 2, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+            import_material42.TextField,
+            {
+              label: "Name",
+              value: newPackName,
+              onChange: (event) => setNewPackName(event.target.value),
+              fullWidth: true,
+              autoFocus: true
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+            import_material42.TextField,
+            {
+              label: "Description",
+              value: newPackDescription,
+              onChange: (event) => setNewPackDescription(event.target.value),
+              fullWidth: true,
+              multiline: true,
+              minRows: 2
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+            import_material42.TextField,
+            {
+              label: "Tags (comma separated)",
+              value: newPackTags,
+              onChange: (event) => setNewPackTags(event.target.value),
+              fullWidth: true
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Divider, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Stack, { direction: { xs: "column", sm: "row" }, spacing: 1, alignItems: "center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+              import_material42.Button,
+              {
+                size: "small",
+                variant: "outlined",
+                startIcon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_UploadFile2.default, {}),
+                onClick: () => createFileInputRef.current?.click(),
+                disabled: !canManage,
+                children: "Import .md files"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "caption", color: "text.secondary", children: "Optional. Files are merged into the draft content." }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+              "input",
+              {
+                ref: createFileInputRef,
+                type: "file",
+                accept: ".md",
+                multiple: true,
+                onChange: handleCreateFileInputChange,
+                style: { display: "none" }
+              }
+            )
+          ] }),
+          createImportedFiles.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "subtitle2", sx: { mb: 1 }, children: "Imported markdown files" }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+              import_material42.Box,
+              {
+                sx: {
+                  display: "grid",
+                  gridTemplateColumns: {
+                    xs: "1fr",
+                    sm: "repeat(2, minmax(0, 1fr))"
+                  },
+                  gap: 2
+                },
+                children: createImportedFiles.map((file) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                  SeedPackFileCard,
+                  {
+                    file,
+                    isReadOnly: !canManage,
+                    onPreview: () => setPreviewFile(file),
+                    onRemove: () => handleRemoveCreateImportedFile(file.id)
+                  },
+                  file.id
+                ))
+              }
+            )
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.DialogActions, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Button, { onClick: resetCreateDialog, children: "Cancel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+          import_material42.Button,
+          {
+            variant: "contained",
+            onClick: handleCreateSeedPack,
+            disabled: !gatewayConfigured || isCreating,
+            children: isCreating ? "Creating..." : "Create"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Dialog, { open: publishDialogOpen, onClose: () => setPublishDialogOpen(false), maxWidth: "sm", fullWidth: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.DialogTitle, { children: "Publish seed pack" }),
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.DialogContent, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.DialogContentText, { children: "Publishing locks a new version and makes it available for internal retrieval. This content is never shown as a user-facing source." }),
+        isDirty && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Alert, { severity: "info", sx: { mt: 2 }, children: "You have unsaved changes. They will be included in the published version." })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.DialogActions, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Button, { onClick: () => setPublishDialogOpen(false), children: "Cancel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Button, { variant: "contained", onClick: handlePublish, disabled: isPublishing, children: isPublishing ? "Publishing..." : "Publish" })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Dialog, { open: archiveDialogOpen, onClose: () => setArchiveDialogOpen(false), maxWidth: "sm", fullWidth: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.DialogTitle, { children: "Archive seed pack" }),
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.DialogContent, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.DialogContentText, { children: "Archiving stops this seed pack from being used in new conversations. You can keep it for reference or audit history." }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.DialogActions, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Button, { onClick: () => setArchiveDialogOpen(false), children: "Cancel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Button, { variant: "contained", color: "error", onClick: handleArchive, disabled: isArchiving, children: isArchiving ? "Archiving..." : "Archive" })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+      import_material42.Dialog,
+      {
+        open: Boolean(previewFile),
+        onClose: () => setPreviewFile(null),
+        maxWidth: "md",
+        fullWidth: true,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.DialogTitle, { children: previewFile?.name ?? "Markdown preview" }),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.DialogContent, { dividers: true, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(StreamingMarkdown_default, { content: previewFile?.content ?? "" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.DialogActions, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Button, { onClick: () => setPreviewFile(null), children: "Close" }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+      import_material42.Snackbar,
+      {
+        open: snackbarOpen,
+        autoHideDuration: 4e3,
+        onClose: () => setSnackbarOpen(false),
+        anchorOrigin: { vertical: "bottom", horizontal: "center" },
+        children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Alert, { onClose: () => setSnackbarOpen(false), severity: snackbarSeverity, sx: { width: "100%" }, children: snackbarMessage })
+      }
+    )
+  ] });
+};
+var SeedPacksTab_default = SeedPacksTab;
+
+// src/management/components/KnowledgeHubTab.tsx
+var import_jsx_runtime43 = require("react/jsx-runtime");
+var KnowledgeHubTab = (props) => {
+  const theme = (0, import_material43.useTheme)();
+  const isMobile = (0, import_material43.useMediaQuery)(theme.breakpoints.down("sm"));
+  const { seedPacksEnabled = false } = props;
+  const [tabIndex, setTabIndex] = (0, import_react53.useState)(0);
+  const effectiveTabIndex = seedPacksEnabled ? tabIndex : 0;
+  (0, import_react53.useEffect)(() => {
+    if (!seedPacksEnabled && tabIndex !== 0) {
+      setTabIndex(0);
+    }
+  }, [seedPacksEnabled, tabIndex]);
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_material43.Box, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.Box, { sx: { px: { xs: 1.5, sm: 3, md: 4 }, pt: { xs: 1.5, md: 2 } }, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+      import_material43.Tabs,
+      {
+        value: effectiveTabIndex,
+        onChange: (_, newValue) => setTabIndex(newValue),
+        variant: isMobile ? "fullWidth" : "standard",
+        sx: {
+          borderBottom: 1,
+          borderColor: "divider",
+          "& .MuiTab-root": {
+            textTransform: "none",
+            fontWeight: 600,
+            fontSize: { xs: "0.95rem", sm: "1rem" },
+            minWidth: { xs: "auto", md: 160 },
+            px: { xs: 1.2, sm: 1.5 }
+          }
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+            import_material43.Tab,
+            {
+              icon: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_Description5.default, { fontSize: isMobile ? "small" : "medium" }),
+              iconPosition: isMobile ? "top" : "start",
+              label: "Documents"
+            }
+          ),
+          seedPacksEnabled && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+            import_material43.Tab,
+            {
+              icon: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_AutoStories.default, { fontSize: isMobile ? "small" : "medium" }),
+              iconPosition: isMobile ? "top" : "start",
+              label: "Seed Packs"
+            }
+          )
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.Box, { sx: { display: effectiveTabIndex === 0 ? "block" : "none" }, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(KnowledgeTab_default, { ...props }) }),
+    seedPacksEnabled && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.Box, { sx: { display: effectiveTabIndex === 1 ? "block" : "none" }, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(SeedPacksTab_default, {}) })
+  ] });
+};
+var KnowledgeHubTab_default = KnowledgeHubTab;
+
+// src/management/components/StorageTab.tsx
+var import_react54 = require("react");
+var import_material44 = require("@mui/material");
+var import_Storage = __toESM(require("@mui/icons-material/Storage"));
+var import_Delete7 = __toESM(require("@mui/icons-material/Delete"));
+var import_Refresh4 = __toESM(require("@mui/icons-material/Refresh"));
 var import_Warning = __toESM(require("@mui/icons-material/Warning"));
 var import_Info2 = __toESM(require("@mui/icons-material/Info"));
 var import_CleaningServices = __toESM(require("@mui/icons-material/CleaningServices"));
-var import_Description4 = __toESM(require("@mui/icons-material/Description"));
-var import_Person3 = __toESM(require("@mui/icons-material/Person"));
+var import_Description6 = __toESM(require("@mui/icons-material/Description"));
+var import_Person4 = __toESM(require("@mui/icons-material/Person"));
 var import_Chat = __toESM(require("@mui/icons-material/Chat"));
 var import_Settings2 = __toESM(require("@mui/icons-material/Settings"));
 var import_ExpandMore3 = __toESM(require("@mui/icons-material/ExpandMore"));
@@ -38319,7 +39871,7 @@ var import_Error3 = __toESM(require("@mui/icons-material/Error"));
 init_debugLogger();
 init_indexedDBService();
 init_conversationSyncStore();
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 var DEFAULT_DISPLAY_QUOTA_BYTES = 1024 * 1024 * 1024;
 var MAX_DISPLAY_QUOTA_BYTES = 5 * 1024 * 1024 * 1024;
 var formatBytes = (bytes) => {
@@ -38414,7 +39966,7 @@ var getIndexedDBSize = async () => {
     }
     categories.push({
       name: "Knowledge Documents",
-      icon: import_Description4.default,
+      icon: import_Description6.default,
       color: "#2196f3",
       size: knowledgeSize.size,
       itemCount: knowledgeSize.count,
@@ -38448,7 +40000,7 @@ var getIndexedDBSize = async () => {
     }
     categories.push({
       name: "AI Memories",
-      icon: import_Person3.default,
+      icon: import_Person4.default,
       color: "#ff9800",
       size: memorySize.size,
       itemCount: memorySize.count,
@@ -38503,7 +40055,7 @@ var getIndexedDBSize = async () => {
     if (querySize.count > 0) {
       categories.push({
         name: "AI Query Cache",
-        icon: import_Person3.default,
+        icon: import_Person4.default,
         color: "#ff5722",
         size: querySize.size,
         itemCount: querySize.count,
@@ -38615,21 +40167,21 @@ var clearEntireDatabase = async (dbName) => {
   });
 };
 var StorageTab = ({ currentTheme }) => {
-  const theme = (0, import_material42.useTheme)();
-  const [storageQuota, setStorageQuota] = (0, import_react52.useState)({
+  const theme = (0, import_material44.useTheme)();
+  const [storageQuota, setStorageQuota] = (0, import_react54.useState)({
     used: 0,
     quota: 0,
     available: 0,
     browserQuotaEstimate: 0
   });
-  const [storageCategories, setStorageCategories] = (0, import_react52.useState)([]);
-  const [loading, setLoading] = (0, import_react52.useState)(true);
-  const [clearAllDialogOpen, setClearAllDialogOpen] = (0, import_react52.useState)(false);
-  const [clearCategoryDialog, setClearCategoryDialog] = (0, import_react52.useState)(null);
-  const [clearing, setClearing] = (0, import_react52.useState)(false);
-  const [snackbarMessage, setSnackbarMessage] = (0, import_react52.useState)("");
-  const [showSnackbar, setShowSnackbar] = (0, import_react52.useState)(false);
-  const [snackbarSeverity, setSnackbarSeverity] = (0, import_react52.useState)("success");
+  const [storageCategories, setStorageCategories] = (0, import_react54.useState)([]);
+  const [loading, setLoading] = (0, import_react54.useState)(true);
+  const [clearAllDialogOpen, setClearAllDialogOpen] = (0, import_react54.useState)(false);
+  const [clearCategoryDialog, setClearCategoryDialog] = (0, import_react54.useState)(null);
+  const [clearing, setClearing] = (0, import_react54.useState)(false);
+  const [snackbarMessage, setSnackbarMessage] = (0, import_react54.useState)("");
+  const [showSnackbar, setShowSnackbar] = (0, import_react54.useState)(false);
+  const [snackbarSeverity, setSnackbarSeverity] = (0, import_react54.useState)("success");
   const { syncEnabled, isAdvancedVectorFeaturesEnabled } = useConversationSyncStore((state) => ({
     syncEnabled: state.syncEnabled,
     isAdvancedVectorFeaturesEnabled: state.isAdvancedVectorFeaturesEnabled
@@ -38681,18 +40233,18 @@ var StorageTab = ({ currentTheme }) => {
       setLoading(false);
     }
   };
-  (0, import_react52.useEffect)(() => {
+  (0, import_react54.useEffect)(() => {
     loadStorageData();
   }, []);
-  const totalUsed = (0, import_react52.useMemo)(() => {
+  const totalUsed = (0, import_react54.useMemo)(() => {
     return storageCategories.reduce((sum, cat) => sum + cat.size, 0);
   }, [storageCategories]);
-  const usagePercentage = (0, import_react52.useMemo)(() => {
+  const usagePercentage = (0, import_react54.useMemo)(() => {
     if (storageQuota.quota === 0) return 0;
     const percentage = Math.min(storageQuota.used / storageQuota.quota * 100, 100);
     return percentage > 0 && percentage < 0.1 ? 0.1 : percentage;
   }, [storageQuota]);
-  const clearableCategories = (0, import_react52.useMemo)(() => {
+  const clearableCategories = (0, import_react54.useMemo)(() => {
     return storageCategories.filter((cat) => cat.canClear);
   }, [storageCategories]);
   const handleClearCategory = async (category) => {
@@ -38777,13 +40329,13 @@ var StorageTab = ({ currentTheme }) => {
     }
   };
   if (loading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { sx: { display: "flex", justifyContent: "center", alignItems: "center", py: 8 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.CircularProgress, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "body1", color: "text.secondary", sx: { ml: 2 }, children: "Analyzing storage usage..." })
+    return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Box, { sx: { display: "flex", justifyContent: "center", alignItems: "center", py: 8 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.CircularProgress, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Typography, { variant: "body1", color: "text.secondary", sx: { ml: 2 }, children: "Analyzing storage usage..." })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { sx: { px: { xs: 2, sm: 4, md: 6 }, pt: 3, pb: 5 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Box, { sx: { mb: 4 }, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { sx: {
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Box, { sx: { px: { xs: 2, sm: 4, md: 6 }, pt: 3, pb: 5 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Box, { sx: { mb: 4 }, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Box, { sx: {
       display: "flex",
       flexDirection: { xs: "column", sm: "row" },
       justifyContent: "space-between",
@@ -38791,19 +40343,19 @@ var StorageTab = ({ currentTheme }) => {
       gap: { xs: 2, sm: 0 },
       mb: 2
     }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { sx: { flex: 1 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "h5", color: "text.primary", sx: { mb: 1, fontWeight: 600 }, children: "Storage Management" }),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "body1", color: "text.secondary", children: "Monitor and manage your local browser storage usage" })
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Box, { sx: { flex: 1 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Typography, { variant: "h5", color: "text.primary", sx: { mb: 1, fontWeight: 600 }, children: "Storage Management" }),
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Typography, { variant: "body1", color: "text.secondary", children: "Monitor and manage your local browser storage usage" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { sx: {
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Box, { sx: {
         display: "flex",
         gap: 1,
         flexWrap: { xs: "wrap", sm: "nowrap" },
         justifyContent: { xs: "stretch", sm: "flex-end" },
         width: { xs: "100%", sm: "auto" }
       }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
-          import_material42.Button,
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+          import_material44.Button,
           {
             variant: "outlined",
             size: "small",
@@ -38815,22 +40367,22 @@ var StorageTab = ({ currentTheme }) => {
               minHeight: 36
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { sx: { display: { xs: "none", sm: "flex" }, alignItems: "center", gap: 1 }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Refresh3.default, { fontSize: "medium" }),
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Box, { sx: { display: { xs: "none", sm: "flex" }, alignItems: "center", gap: 1 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_Refresh4.default, { fontSize: "medium" }),
                 "Refresh"
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Box, { sx: { display: { xs: "flex", sm: "none" }, alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Refresh3.default, { fontSize: "medium" }) })
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Box, { sx: { display: { xs: "flex", sm: "none" }, alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_Refresh4.default, { fontSize: "medium" }) })
             ]
           }
         ),
-        clearableCategories.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
-            import_material42.Button,
+        clearableCategories.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+            import_material44.Button,
             {
               variant: "outlined",
               color: "error",
               size: "small",
-              startIcon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_CleaningServices.default, { sx: { display: { xs: "none", sm: "inline-flex" } } }),
+              startIcon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_CleaningServices.default, { sx: { display: { xs: "none", sm: "inline-flex" } } }),
               onClick: () => setClearAllDialogOpen(true),
               sx: {
                 minWidth: { xs: "auto", sm: "fit-content" },
@@ -38838,18 +40390,18 @@ var StorageTab = ({ currentTheme }) => {
                 px: { xs: 1, sm: 2 }
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Box, { sx: { display: { xs: "none", sm: "inline" } }, children: "Clear All Data" }),
-                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Box, { sx: { display: { xs: "inline", sm: "none" } }, children: "Clear All" })
+                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Box, { sx: { display: { xs: "none", sm: "inline" } }, children: "Clear All Data" }),
+                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Box, { sx: { display: { xs: "inline", sm: "none" } }, children: "Clear All" })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
-            import_material42.Button,
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+            import_material44.Button,
             {
               variant: "outlined",
               color: "error",
               size: "small",
-              startIcon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Delete6.default, { sx: { display: { xs: "none", sm: "inline-flex" } } }),
+              startIcon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_Delete7.default, { sx: { display: { xs: "none", sm: "inline-flex" } } }),
               onClick: () => handleNuclearClear(),
               sx: {
                 minWidth: { xs: "auto", sm: "fit-content" },
@@ -38857,28 +40409,28 @@ var StorageTab = ({ currentTheme }) => {
                 px: { xs: 1, sm: 2 }
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Box, { sx: { display: { xs: "none", sm: "inline" } }, children: "Nuclear Clear" }),
-                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Box, { sx: { display: { xs: "inline", sm: "none" } }, children: "Nuclear" })
+                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Box, { sx: { display: { xs: "none", sm: "inline" } }, children: "Nuclear Clear" }),
+                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Box, { sx: { display: { xs: "inline", sm: "none" } }, children: "Nuclear" })
               ]
             }
           )
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { sx: { mb: 4 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Card, { sx: { mb: 3 }, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.CardContent, { sx: {
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Box, { sx: { mb: 4 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Card, { sx: { mb: 3 }, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.CardContent, { sx: {
         display: "flex",
         flexDirection: "column",
         minHeight: 180
       }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Typography, { variant: "h6", gutterBottom: true, sx: { fontWeight: 600, color: "text.primary" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Storage.default, { sx: { mr: 1, verticalAlign: "middle" } }),
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Typography, { variant: "h6", gutterBottom: true, sx: { fontWeight: 600, color: "text.primary" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_Storage.default, { sx: { mr: 1, verticalAlign: "middle" } }),
           "Storage Quota"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { sx: { mb: 2, flex: 1 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { sx: { display: "flex", flexWrap: "wrap", gap: 1, mb: 2 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-              import_material42.Chip,
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Box, { sx: { mb: 2, flex: 1 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Box, { sx: { display: "flex", flexWrap: "wrap", gap: 1, mb: 2 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+              import_material44.Chip,
               {
                 label: `${formatBytes(storageQuota.used)} Used`,
                 color: "warning",
@@ -38886,8 +40438,8 @@ var StorageTab = ({ currentTheme }) => {
                 variant: "outlined"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-              import_material42.Chip,
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+              import_material44.Chip,
               {
                 label: `${formatBytes(storageQuota.available)} Available`,
                 color: "success",
@@ -38895,8 +40447,8 @@ var StorageTab = ({ currentTheme }) => {
                 variant: "outlined"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-              import_material42.Chip,
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+              import_material44.Chip,
               {
                 label: `${formatBytes(storageQuota.quota)} Total`,
                 color: "info",
@@ -38904,8 +40456,8 @@ var StorageTab = ({ currentTheme }) => {
                 variant: "outlined"
               }
             ),
-            storageQuota.browserQuotaEstimate > 0 && storageQuota.quota > 0 && Math.abs(storageQuota.browserQuotaEstimate - storageQuota.quota) > storageQuota.quota * 0.05 && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-              import_material42.Chip,
+            storageQuota.browserQuotaEstimate > 0 && storageQuota.quota > 0 && Math.abs(storageQuota.browserQuotaEstimate - storageQuota.quota) > storageQuota.quota * 0.05 && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+              import_material44.Chip,
               {
                 label: `\u2248${formatBytes(storageQuota.browserQuotaEstimate)} Browser Estimate`,
                 color: "default",
@@ -38914,8 +40466,8 @@ var StorageTab = ({ currentTheme }) => {
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-            import_material42.LinearProgress,
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+            import_material44.LinearProgress,
             {
               variant: "determinate",
               value: usagePercentage,
@@ -38930,38 +40482,38 @@ var StorageTab = ({ currentTheme }) => {
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Typography, { variant: "caption", color: "text.secondary", sx: { mt: 0.5, display: "block" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Typography, { variant: "caption", color: "text.secondary", sx: { mt: 0.5, display: "block" }, children: [
             usagePercentage.toFixed(1),
             "% used"
           ] })
         ] }),
-        usagePercentage > 80 && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Alert, { severity: "warning", sx: { mt: "auto" }, children: "Storage usage is high. Consider clearing unused data." })
+        usagePercentage > 80 && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Alert, { severity: "warning", sx: { mt: "auto" }, children: "Storage usage is high. Consider clearing unused data." })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Card, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.CardContent, { sx: {
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Card, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.CardContent, { sx: {
         display: "flex",
         flexDirection: "column",
         minHeight: 140
       }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "h6", gutterBottom: true, sx: { fontWeight: 600, color: "text.primary" }, children: "Usage Summary" }),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { sx: { display: "flex", flexWrap: "wrap", gap: 1, mb: 2 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-            import_material42.Chip,
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Typography, { variant: "h6", gutterBottom: true, sx: { fontWeight: 600, color: "text.primary" }, children: "Usage Summary" }),
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Box, { sx: { display: "flex", flexWrap: "wrap", gap: 1, mb: 2 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+            import_material44.Chip,
             {
               label: `${storageCategories.length} Categories`,
               color: "primary",
               size: "small"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-            import_material42.Chip,
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+            import_material44.Chip,
             {
               label: `${storageCategories.reduce((sum, cat) => sum + cat.itemCount, 0)} Items`,
               color: "secondary",
               size: "small"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-            import_material42.Chip,
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+            import_material44.Chip,
             {
               label: `${formatBytes(totalUsed)} Used`,
               color: "info",
@@ -38969,11 +40521,11 @@ var StorageTab = ({ currentTheme }) => {
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "body2", color: "text.secondary", sx: { mt: "auto" }, children: usageSummaryMessage })
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Typography, { variant: "body2", color: "text.secondary", sx: { mt: "auto" }, children: usageSummaryMessage })
       ] }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "h6", gutterBottom: true, sx: { mb: 2, fontWeight: 600, color: "text.primary" }, children: "Storage Categories" }),
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Box, { sx: {
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Typography, { variant: "h6", gutterBottom: true, sx: { mb: 2, fontWeight: 600, color: "text.primary" }, children: "Storage Categories" }),
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Box, { sx: {
       maxHeight: "60vh",
       overflow: "auto",
       "&::-webkit-scrollbar": {
@@ -38981,15 +40533,15 @@ var StorageTab = ({ currentTheme }) => {
       },
       msOverflowStyle: "none",
       scrollbarWidth: "none"
-    }, children: storageCategories.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Alert, { severity: "info", sx: { mt: 2 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "body2", children: "No storage data found. This could mean:" }),
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Typography, { variant: "body2", component: "ul", sx: { mt: 1, pl: 2 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("li", { children: "All databases are empty" }),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("li", { children: "Data is stored under different names" }),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("li", { children: "There was an error accessing the databases" })
+    }, children: storageCategories.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Alert, { severity: "info", sx: { mt: 2 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Typography, { variant: "body2", children: "No storage data found. This could mean:" }),
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Typography, { variant: "body2", component: "ul", sx: { mt: 1, pl: 2 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("li", { children: "All databases are empty" }),
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("li", { children: "Data is stored under different names" }),
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("li", { children: "There was an error accessing the databases" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "body2", sx: { mt: 1 }, children: 'Try clicking "Refresh" or check the browser console for more details.' })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Stack, { spacing: 2, children: storageCategories.map((category) => {
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Typography, { variant: "body2", sx: { mt: 1 }, children: 'Try clicking "Refresh" or check the browser console for more details.' })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Stack, { spacing: 2, children: storageCategories.map((category) => {
       const IconComponent = category.icon;
       const categoryPercentage = storageQuota.quota > 0 ? category.size / storageQuota.quota * 100 : 0;
       const categoryRelativePercentage = totalUsed > 0 ? category.size / totalUsed * 100 : 0;
@@ -39000,18 +40552,18 @@ var StorageTab = ({ currentTheme }) => {
         categoryPercentage: categoryPercentage.toFixed(2),
         categoryRelativePercentage: categoryRelativePercentage.toFixed(2)
       });
-      return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Accordion, { sx: { bgcolor: "background.paper" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-          import_material42.AccordionSummary,
+      return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Accordion, { sx: { bgcolor: "background.paper" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+          import_material44.AccordionSummary,
           {
-            expandIcon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_ExpandMore3.default, {}),
+            expandIcon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_ExpandMore3.default, {}),
             "aria-controls": `${category.name}-content`,
             id: `${category.name}-header`,
-            children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { sx: { display: "flex", alignItems: "center", width: "100%", pr: 2 }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(IconComponent, { sx: { color: category.color, mr: 2 } }),
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { sx: { flex: 1 }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-                  import_material42.Typography,
+            children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Box, { sx: { display: "flex", alignItems: "center", width: "100%", pr: 2 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(IconComponent, { sx: { color: category.color, mr: 2 } }),
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Box, { sx: { flex: 1 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+                  import_material44.Typography,
                   {
                     variant: "body1",
                     style: {
@@ -39021,18 +40573,18 @@ var StorageTab = ({ currentTheme }) => {
                     children: category.name
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { sx: { display: "flex", alignItems: "center", gap: 2, mt: 0.5 }, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "body2", color: "text.secondary", children: formatBytes(category.size) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-                    import_material42.Chip,
+                /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Box, { sx: { display: "flex", alignItems: "center", gap: 2, mt: 0.5 }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Typography, { variant: "body2", color: "text.secondary", children: formatBytes(category.size) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+                    import_material44.Chip,
                     {
                       label: `${category.itemCount} items`,
                       size: "small",
                       variant: "outlined"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Box, { sx: { flex: 1, mx: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-                    import_material42.LinearProgress,
+                  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Box, { sx: { flex: 1, mx: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+                    import_material44.LinearProgress,
                     {
                       variant: "determinate",
                       value: Math.min(categoryRelativePercentage, 100),
@@ -39047,7 +40599,7 @@ var StorageTab = ({ currentTheme }) => {
                       }
                     }
                   ) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Typography, { variant: "caption", color: "text.secondary", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Typography, { variant: "caption", color: "text.secondary", children: [
                     categoryRelativePercentage.toFixed(1),
                     "%"
                   ] })
@@ -39056,27 +40608,27 @@ var StorageTab = ({ currentTheme }) => {
             ] })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.AccordionDetails, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { sx: { pl: 5 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "body2", color: "text.secondary", paragraph: true, children: category.description }),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "subtitle2", gutterBottom: true, children: "Storage Locations:" }),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.List, { dense: true, children: category.stores.map((store) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.ListItem, { sx: { py: 0.5 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.ListItemIcon, { sx: { minWidth: 32 }, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Storage.default, { fontSize: "small" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-              import_material42.ListItemText,
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.AccordionDetails, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Box, { sx: { pl: 5 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Typography, { variant: "body2", color: "text.secondary", paragraph: true, children: category.description }),
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Typography, { variant: "subtitle2", gutterBottom: true, children: "Storage Locations:" }),
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.List, { dense: true, children: category.stores.map((store) => /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.ListItem, { sx: { py: 0.5 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.ListItemIcon, { sx: { minWidth: 32 }, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_Storage.default, { fontSize: "small" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+              import_material44.ListItemText,
               {
                 primary: store,
                 primaryTypographyProps: { variant: "body2", fontFamily: "monospace" }
               }
             )
           ] }, store)) }),
-          category.canClear ? /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { sx: { mt: 2, pt: 2, borderTop: 1, borderColor: "divider" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
-              import_material42.Button,
+          category.canClear ? /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Box, { sx: { mt: 2, pt: 2, borderTop: 1, borderColor: "divider" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+              import_material44.Button,
               {
                 variant: "outlined",
                 color: "error",
                 size: "small",
-                startIcon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Delete6.default, {}),
+                startIcon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_Delete7.default, {}),
                 onClick: () => setClearCategoryDialog(category),
                 disabled: clearing,
                 children: [
@@ -39085,19 +40637,19 @@ var StorageTab = ({ currentTheme }) => {
                 ]
               }
             ),
-            category.clearWarning && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Alert, { severity: "warning", sx: { mt: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "caption", children: category.clearWarning }) })
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Alert, { severity: "info", sx: { mt: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "caption", children: category.itemCount === 0 ? "This category is empty." : "This category cannot be cleared automatically." }) })
+            category.clearWarning && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Alert, { severity: "warning", sx: { mt: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Typography, { variant: "caption", children: category.clearWarning }) })
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Alert, { severity: "info", sx: { mt: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Typography, { variant: "caption", children: category.itemCount === 0 ? "This category is empty." : "This category cannot be cleared automatically." }) })
         ] }) })
       ] }, category.name);
     }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Card, { sx: { mt: 4 }, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.CardContent, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Typography, { variant: "h6", gutterBottom: true, sx: { fontWeight: 600, color: "text.primary" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Info2.default, { sx: { mr: 1, verticalAlign: "middle" } }),
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Card, { sx: { mt: 4 }, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.CardContent, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Typography, { variant: "h6", gutterBottom: true, sx: { fontWeight: 600, color: "text.primary" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_Info2.default, { sx: { mr: 1, verticalAlign: "middle" } }),
         "Storage Tips & Clear Options"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.List, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.ListItem, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.List, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.ListItem, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
             import_CheckCircle3.default,
             {
               sx: {
@@ -39105,38 +40657,38 @@ var StorageTab = ({ currentTheme }) => {
               }
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-            import_material42.ListItemText,
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+            import_material44.ListItemText,
             {
               primary: storageStatusPrimary,
               secondary: syncFeaturesActive ? "Some features (conversation sync or advanced vector storage) can sync items to your configured gateway storage." : "With conversation sync and advanced vector storage turned off, everything stays in this browser."
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.ListItem, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_CleaningServices.default, { color: "info" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-            import_material42.ListItemText,
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.ListItem, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_CleaningServices.default, { color: "info" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+            import_material44.ListItemText,
             {
               primary: "Clear All Data (Safe)",
               secondary: "Deletes all items but keeps database structure intact. App continues working normally."
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.ListItem, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Delete6.default, { color: "error" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-            import_material42.ListItemText,
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.ListItem, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_Delete7.default, { color: "error" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+            import_material44.ListItemText,
             {
               primary: "Nuclear Clear (Complete Reset)",
               secondary: "Completely destroys all databases and forces app reload. Use only for complete reset."
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.ListItem, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Warning.default, { color: "warning" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-            import_material42.ListItemText,
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.ListItem, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_Warning.default, { color: "warning" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+            import_material44.ListItemText,
             {
               primary: "Backup important data",
               secondary: "Export custom models and important documents before clearing storage"
@@ -39145,38 +40697,38 @@ var StorageTab = ({ currentTheme }) => {
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
-      import_material42.Dialog,
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+      import_material44.Dialog,
       {
         open: !!clearCategoryDialog,
         onClose: () => setClearCategoryDialog(null),
         maxWidth: "sm",
         fullWidth: true,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.DialogTitle, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Warning.default, { color: "warning" }),
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.DialogTitle, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_Warning.default, { color: "warning" }),
             "Clear ",
             clearCategoryDialog?.name,
             "?"
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.DialogContent, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.DialogContentText, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.DialogContent, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.DialogContentText, { children: [
               'This will permanently delete all data in the "',
               clearCategoryDialog?.name,
               '" category.'
             ] }),
-            clearCategoryDialog?.clearWarning && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Alert, { severity: "warning", sx: { mt: 2 }, children: clearCategoryDialog.clearWarning }),
-            clearCategoryDialog && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { sx: { mt: 2, p: 2, bgcolor: "action.hover", borderRadius: 1 }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "body2", color: "text.secondary", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("strong", { children: "Will clear:" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Typography, { variant: "body2", sx: { fontFamily: "monospace", mt: 1 }, children: [
+            clearCategoryDialog?.clearWarning && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Alert, { severity: "warning", sx: { mt: 2 }, children: clearCategoryDialog.clearWarning }),
+            clearCategoryDialog && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Box, { sx: { mt: 2, p: 2, bgcolor: "action.hover", borderRadius: 1 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Typography, { variant: "body2", color: "text.secondary", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("strong", { children: "Will clear:" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Typography, { variant: "body2", sx: { fontFamily: "monospace", mt: 1 }, children: [
                 "\u2022 ",
                 clearCategoryDialog.itemCount,
                 " items",
-                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("br", {}),
+                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("br", {}),
                 "\u2022 ",
                 formatBytes(clearCategoryDialog.size),
                 " of data",
-                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("br", {}),
+                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("br", {}),
                 "\u2022 ",
                 clearCategoryDialog.stores.length,
                 " storage location",
@@ -39184,22 +40736,22 @@ var StorageTab = ({ currentTheme }) => {
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.DialogActions, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-              import_material42.Button,
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.DialogActions, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+              import_material44.Button,
               {
                 onClick: () => setClearCategoryDialog(null),
                 disabled: clearing,
                 children: "Cancel"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-              import_material42.Button,
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+              import_material44.Button,
               {
                 onClick: () => clearCategoryDialog && handleClearCategory(clearCategoryDialog),
                 color: "error",
                 variant: "contained",
-                startIcon: clearing ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.CircularProgress, { size: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Delete6.default, {}),
+                startIcon: clearing ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.CircularProgress, { size: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_Delete7.default, {}),
                 disabled: clearing,
                 children: clearing ? "Clearing..." : "Clear Data"
               }
@@ -39208,51 +40760,51 @@ var StorageTab = ({ currentTheme }) => {
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
-      import_material42.Dialog,
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+      import_material44.Dialog,
       {
         open: clearAllDialogOpen,
         onClose: () => setClearAllDialogOpen(false),
         maxWidth: "sm",
         fullWidth: true,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.DialogTitle, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Error3.default, { color: "error" }),
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.DialogTitle, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_Error3.default, { color: "error" }),
             "Clear All Storage Data?"
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.DialogContent, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.DialogContentText, { children: "This will permanently delete ALL your local data including:" }),
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.List, { dense: true, sx: { mt: 1 }, children: clearableCategories.map((category) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.ListItem, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.ListItemIcon, { sx: { minWidth: 32 }, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(category.icon, { fontSize: "small", sx: { color: category.color } }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-                import_material42.ListItemText,
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.DialogContent, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.DialogContentText, { children: "This will permanently delete ALL your local data including:" }),
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.List, { dense: true, sx: { mt: 1 }, children: clearableCategories.map((category) => /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.ListItem, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.ListItemIcon, { sx: { minWidth: 32 }, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(category.icon, { fontSize: "small", sx: { color: category.color } }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+                import_material44.ListItemText,
                 {
                   primary: category.name,
                   secondary: `${category.itemCount} items \u2022 ${formatBytes(category.size)}`
                 }
               )
             ] }, category.name)) }),
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Alert, { severity: "error", sx: { mt: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Typography, { variant: "body2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("strong", { children: "This action cannot be undone!" }),
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Alert, { severity: "error", sx: { mt: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Typography, { variant: "body2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("strong", { children: "This action cannot be undone!" }),
               " Make sure to export any important data before proceeding."
             ] }) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.DialogActions, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-              import_material42.Button,
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.DialogActions, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+              import_material44.Button,
               {
                 onClick: () => setClearAllDialogOpen(false),
                 disabled: clearing,
                 children: "Cancel"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-              import_material42.Button,
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+              import_material44.Button,
               {
                 onClick: handleClearAll,
                 color: "error",
                 variant: "contained",
-                startIcon: clearing ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.CircularProgress, { size: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_CleaningServices.default, {}),
+                startIcon: clearing ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.CircularProgress, { size: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_CleaningServices.default, {}),
                 disabled: clearing,
                 children: clearing ? "Clearing All..." : "Clear All Data"
               }
@@ -39261,15 +40813,15 @@ var StorageTab = ({ currentTheme }) => {
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-      import_material42.Snackbar,
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+      import_material44.Snackbar,
       {
         open: showSnackbar,
         autoHideDuration: 4e3,
         onClose: () => setShowSnackbar(false),
         anchorOrigin: { vertical: "bottom", horizontal: "left" },
-        children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-          import_material42.Alert,
+        children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+          import_material44.Alert,
           {
             onClose: () => setShowSnackbar(false),
             severity: snackbarSeverity,
@@ -39285,21 +40837,21 @@ var StorageTab = ({ currentTheme }) => {
 var StorageTab_default = StorageTab;
 
 // src/management/components/ProviderTab.tsx
-var import_react53 = require("react");
-var import_material43 = require("@mui/material");
+var import_react55 = require("react");
+var import_material45 = require("@mui/material");
 init_aiProviderStore();
 init_packageSettingsStore();
 init_common_types();
 init_ai_provider_factory();
 init_debugLogger();
 init_indexedDBService();
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 var ProviderTab = () => {
   const { provider: currentProvider, config: currentProviderConfig } = useAIProviderStore();
   const { settings: packageSettings } = usePackageSettingsStore();
-  const theme = (0, import_material43.useTheme)();
-  const isMobile = (0, import_material43.useMediaQuery)(theme.breakpoints.down("sm"));
-  const getSuggestedModel = (0, import_react53.useCallback)((type) => {
+  const theme = (0, import_material45.useTheme)();
+  const isMobile = (0, import_material45.useMediaQuery)(theme.breakpoints.down("sm"));
+  const getSuggestedModel = (0, import_react55.useCallback)((type) => {
     const configuredDefault = packageSettings?.defaultModel?.trim();
     if (configuredDefault) {
       return configuredDefault;
@@ -39315,7 +40867,7 @@ var ProviderTab = () => {
         return "";
     }
   }, [packageSettings?.defaultModel]);
-  const applyDefaultModel = (0, import_react53.useCallback)((config) => {
+  const applyDefaultModel = (0, import_react55.useCallback)((config) => {
     const normalized = { ...config };
     const trimmed = typeof normalized.defaultModel === "string" ? normalized.defaultModel.trim() : void 0;
     const requiresModel = normalized.type === "openai" /* OPENAI */ || normalized.type === "xai" /* XAI */ || normalized.type === "bandit" /* BANDIT */;
@@ -39335,7 +40887,7 @@ var ProviderTab = () => {
     }
     return normalized;
   }, [getSuggestedModel]);
-  const sanitizeConfigForSave = (0, import_react53.useCallback)((config) => {
+  const sanitizeConfigForSave = (0, import_react55.useCallback)((config) => {
     const sanitized = { ...config };
     if (typeof sanitized.defaultModel === "string") {
       const trimmed = sanitized.defaultModel.trim();
@@ -39347,15 +40899,15 @@ var ProviderTab = () => {
     }
     return sanitized;
   }, []);
-  const [providerConfig, setProviderConfig] = (0, import_react53.useState)({
+  const [providerConfig, setProviderConfig] = (0, import_react55.useState)({
     type: "gateway",
     gatewayUrl: packageSettings?.gatewayApiUrl || "",
     provider: "bandit"
   });
-  const [isProviderConfigOpen, setIsProviderConfigOpen] = (0, import_react53.useState)(false);
-  const [snackbarMessage, setSnackbarMessage] = (0, import_react53.useState)("");
-  const [showSnackbar, setShowSnackbar] = (0, import_react53.useState)(false);
-  const [snackbarSeverity, setSnackbarSeverity] = (0, import_react53.useState)("success");
+  const [isProviderConfigOpen, setIsProviderConfigOpen] = (0, import_react55.useState)(false);
+  const [snackbarMessage, setSnackbarMessage] = (0, import_react55.useState)("");
+  const [showSnackbar, setShowSnackbar] = (0, import_react55.useState)(false);
+  const [snackbarSeverity, setSnackbarSeverity] = (0, import_react55.useState)("success");
   const saveProviderConfigToDB = async (config) => {
     try {
       const { tokenFactory: _tokenFactory, ...persistableConfig } = config;
@@ -39396,7 +40948,7 @@ var ProviderTab = () => {
     }
     return null;
   };
-  const convertAnthropicConfig = (0, import_react53.useCallback)((config) => {
+  const convertAnthropicConfig = (0, import_react55.useCallback)((config) => {
     if (!config) return null;
     if (config.type !== "anthropic" /* ANTHROPIC */) {
       return config;
@@ -39412,7 +40964,7 @@ var ProviderTab = () => {
     };
     return converted;
   }, [packageSettings?.gatewayApiUrl]);
-  (0, import_react53.useEffect)(() => {
+  (0, import_react55.useEffect)(() => {
     const initializeProviderConfig = async () => {
       const savedConfig = await loadProviderConfigFromDB();
       if (savedConfig) {
@@ -39547,18 +41099,18 @@ var ProviderTab = () => {
       showMessage("Connection test failed. Please check your configuration.", "error");
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_material43.Box, { sx: { p: { xs: 1.5, sm: 3, md: 4 } }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_material43.Box, { sx: { mb: { xs: 2.5, md: 3 } }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-        import_material43.Typography,
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_material45.Box, { sx: { p: { xs: 1.5, sm: 3, md: 4 } }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_material45.Box, { sx: { mb: { xs: 2.5, md: 3 } }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+        import_material45.Typography,
         {
           variant: "h5",
           sx: { fontWeight: 600, mb: 1, color: "primary.main", fontSize: { xs: "1.6rem", md: "1.8rem" } },
           children: "AI Provider Configuration"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-        import_material43.Typography,
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+        import_material45.Typography,
         {
           variant: "body1",
           color: "text.secondary",
@@ -39567,23 +41119,23 @@ var ProviderTab = () => {
           children: "Configure your AI provider for chat, generation, and model services. This determines which backend service powers your AI interactions."
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_material43.Paper, { sx: { p: { xs: 1.75, sm: 2.5 }, mb: { xs: 2, md: 3 }, bgcolor: "background.paper", border: "1px solid", borderColor: "divider" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.Typography, { variant: "h6", sx: { mb: 2, fontWeight: 600, color: "text.primary" }, children: "Current Provider" }),
-        currentProvider ? /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_material43.Box, { sx: { display: "flex", alignItems: "center", gap: 2 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-            import_material43.Chip,
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_material45.Paper, { sx: { p: { xs: 1.75, sm: 2.5 }, mb: { xs: 2, md: 3 }, bgcolor: "background.paper", border: "1px solid", borderColor: "divider" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.Typography, { variant: "h6", sx: { mb: 2, fontWeight: 600, color: "text.primary" }, children: "Current Provider" }),
+        currentProvider ? /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_material45.Box, { sx: { display: "flex", alignItems: "center", gap: 2 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+            import_material45.Chip,
             {
               label: currentProvider.getProviderType().toUpperCase(),
               color: "primary",
               variant: "filled"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.Typography, { variant: "body2", color: "text.secondary", children: currentProviderConfig?.baseUrl || currentProviderConfig?.gatewayUrl || "No URL configured" })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.Chip, { label: "No Provider Configured", color: "warning" })
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.Typography, { variant: "body2", color: "text.secondary", children: currentProviderConfig?.baseUrl || currentProviderConfig?.gatewayUrl || "No URL configured" })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.Chip, { label: "No Provider Configured", color: "warning" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_material43.Paper, { sx: { p: { xs: 1.75, sm: 2.5 }, mb: { xs: 2, md: 3 }, bgcolor: "background.paper", border: "1px solid", borderColor: "divider" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
-          import_material43.Box,
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_material45.Paper, { sx: { p: { xs: 1.75, sm: 2.5 }, mb: { xs: 2, md: 3 }, bgcolor: "background.paper", border: "1px solid", borderColor: "divider" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+          import_material45.Box,
           {
             sx: {
               display: "flex",
@@ -39594,9 +41146,9 @@ var ProviderTab = () => {
               mb: 3
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.Typography, { variant: "h6", sx: { fontWeight: 600, color: "text.primary" }, children: "Provider Configuration" }),
-              /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
-                import_material43.Button,
+              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.Typography, { variant: "h6", sx: { fontWeight: 600, color: "text.primary" }, children: "Provider Configuration" }),
+              /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+                import_material45.Button,
                 {
                   variant: "outlined",
                   onClick: () => setIsProviderConfigOpen(!isProviderConfigOpen),
@@ -39610,9 +41162,9 @@ var ProviderTab = () => {
             ]
           }
         ),
-        isProviderConfigOpen && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_material43.Box, { sx: { mt: 3 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
-            import_material43.TextField,
+        isProviderConfigOpen && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_material45.Box, { sx: { mt: 3 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+            import_material45.TextField,
             {
               label: "Provider Type",
               select: true,
@@ -39621,19 +41173,19 @@ var ProviderTab = () => {
               fullWidth: true,
               sx: { mb: 3 },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.MenuItem, { value: "gateway", children: "Gateway (Recommended)" }),
-                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.MenuItem, { value: "ollama", children: "Ollama" }),
-                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.MenuItem, { value: "openai", children: "OpenAI" }),
-                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.MenuItem, { value: "azure-openai", children: "Azure OpenAI" }),
-                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.MenuItem, { value: "bandit", children: "Bandit AI" }),
-                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.MenuItem, { value: "xai", children: "xAI" }),
-                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.MenuItem, { value: "playground", children: "Playground (Mock Demo)" })
+                /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.MenuItem, { value: "gateway", children: "Gateway (Recommended)" }),
+                /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.MenuItem, { value: "ollama", children: "Ollama" }),
+                /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.MenuItem, { value: "openai", children: "OpenAI" }),
+                /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.MenuItem, { value: "azure-openai", children: "Azure OpenAI" }),
+                /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.MenuItem, { value: "bandit", children: "Bandit AI" }),
+                /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.MenuItem, { value: "xai", children: "xAI" }),
+                /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.MenuItem, { value: "playground", children: "Playground (Mock Demo)" })
               ]
             }
           ),
-          providerConfig.type === "gateway" && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_material43.Box, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-              import_material43.TextField,
+          providerConfig.type === "gateway" && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_material45.Box, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              import_material45.TextField,
               {
                 label: "Gateway URL",
                 value: providerConfig.gatewayUrl || "",
@@ -39643,8 +41195,8 @@ var ProviderTab = () => {
                 placeholder: "https://your-gateway-api.com"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
-              import_material43.TextField,
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+              import_material45.TextField,
               {
                 label: "Backend Provider",
                 select: true,
@@ -39656,18 +41208,18 @@ var ProviderTab = () => {
                 fullWidth: true,
                 sx: { mb: 2 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.MenuItem, { value: "openai", children: "OpenAI" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.MenuItem, { value: "azure-openai", children: "Azure OpenAI" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.MenuItem, { value: "anthropic", children: "Anthropic" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.MenuItem, { value: "ollama", children: "Ollama" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.MenuItem, { value: "bandit", children: "Bandit AI" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.MenuItem, { value: "xai", children: "xAI" })
+                  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.MenuItem, { value: "openai", children: "OpenAI" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.MenuItem, { value: "azure-openai", children: "Azure OpenAI" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.MenuItem, { value: "anthropic", children: "Anthropic" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.MenuItem, { value: "ollama", children: "Ollama" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.MenuItem, { value: "bandit", children: "Bandit AI" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.MenuItem, { value: "xai", children: "xAI" })
                 ]
               }
             )
           ] }),
-          providerConfig.type === "ollama" && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-            import_material43.TextField,
+          providerConfig.type === "ollama" && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+            import_material45.TextField,
             {
               label: "Ollama URL",
               value: providerConfig.baseUrl || "",
@@ -39676,9 +41228,9 @@ var ProviderTab = () => {
               placeholder: "http://localhost:11434"
             }
           ),
-          providerConfig.type === "bandit" && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_material43.Box, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-              import_material43.TextField,
+          providerConfig.type === "bandit" && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_material45.Box, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              import_material45.TextField,
               {
                 label: "API Base URL",
                 value: providerConfig.baseUrl || "",
@@ -39692,8 +41244,8 @@ var ProviderTab = () => {
                 helperText: "Defaults to https://api.burtson.ai"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-              import_material43.TextField,
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              import_material45.TextField,
               {
                 label: "API Key",
                 type: "password",
@@ -39707,8 +41259,8 @@ var ProviderTab = () => {
                 placeholder: "bai_..."
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-              import_material43.TextField,
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              import_material45.TextField,
               {
                 label: "Default Model ID",
                 value: providerConfig.defaultModel || "",
@@ -39722,9 +41274,9 @@ var ProviderTab = () => {
               }
             )
           ] }),
-          providerConfig.type === "openai" && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_material43.Box, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-              import_material43.TextField,
+          providerConfig.type === "openai" && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_material45.Box, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              import_material45.TextField,
               {
                 label: "API Base URL",
                 value: providerConfig.baseUrl || "",
@@ -39737,8 +41289,8 @@ var ProviderTab = () => {
                 placeholder: "https://api.openai.com/v1"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-              import_material43.TextField,
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              import_material45.TextField,
               {
                 label: "API Key",
                 type: "password",
@@ -39752,8 +41304,8 @@ var ProviderTab = () => {
                 placeholder: "sk-..."
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-              import_material43.TextField,
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              import_material45.TextField,
               {
                 label: "Default Model ID",
                 value: providerConfig.defaultModel || "",
@@ -39767,9 +41319,9 @@ var ProviderTab = () => {
               }
             )
           ] }),
-          providerConfig.type === "azure-openai" && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_material43.Box, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-              import_material43.TextField,
+          providerConfig.type === "azure-openai" && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_material45.Box, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              import_material45.TextField,
               {
                 label: "Azure Endpoint",
                 value: providerConfig.baseUrl || "",
@@ -39779,8 +41331,8 @@ var ProviderTab = () => {
                 placeholder: "https://your-resource.openai.azure.com"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-              import_material43.TextField,
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              import_material45.TextField,
               {
                 label: "API Key",
                 type: "password",
@@ -39790,8 +41342,8 @@ var ProviderTab = () => {
                 sx: { mb: 2 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-              import_material43.TextField,
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              import_material45.TextField,
               {
                 label: "API Version",
                 value: providerConfig.apiVersion || "",
@@ -39801,8 +41353,8 @@ var ProviderTab = () => {
                 placeholder: "2024-02-01"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-              import_material43.TextField,
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              import_material45.TextField,
               {
                 label: "Deployment Name",
                 value: providerConfig.deploymentName || "",
@@ -39812,9 +41364,9 @@ var ProviderTab = () => {
               }
             )
           ] }),
-          providerConfig.type === "xai" && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_material43.Box, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-              import_material43.TextField,
+          providerConfig.type === "xai" && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_material45.Box, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              import_material45.TextField,
               {
                 label: "API Base URL",
                 value: providerConfig.baseUrl || "",
@@ -39827,8 +41379,8 @@ var ProviderTab = () => {
                 placeholder: "https://api.x.ai/v1"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-              import_material43.TextField,
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              import_material45.TextField,
               {
                 label: "API Key",
                 type: "password",
@@ -39842,8 +41394,8 @@ var ProviderTab = () => {
                 placeholder: "xai-..."
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-              import_material43.TextField,
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              import_material45.TextField,
               {
                 label: "Default Model ID",
                 value: providerConfig.defaultModel || "",
@@ -39857,10 +41409,10 @@ var ProviderTab = () => {
               }
             )
           ] }),
-          providerConfig.type === "anthropic" && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.Alert, { severity: "warning", sx: { mt: 2 }, children: "Anthropic is only supported through the Bandit Gateway provider. Please switch to Gateway and select Anthropic as the backend service." }),
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_material43.Box, { sx: { display: "flex", gap: 2, mt: 3 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-              import_material43.Button,
+          providerConfig.type === "anthropic" && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.Alert, { severity: "warning", sx: { mt: 2 }, children: "Anthropic is only supported through the Bandit Gateway provider. Please switch to Gateway and select Anthropic as the backend service." }),
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_material45.Box, { sx: { display: "flex", gap: 2, mt: 3 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              import_material45.Button,
               {
                 variant: "outlined",
                 onClick: handleTestProviderConnection,
@@ -39868,8 +41420,8 @@ var ProviderTab = () => {
                 children: "Test Connection"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-              import_material43.Button,
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              import_material45.Button,
               {
                 variant: "contained",
                 onClick: handleSaveProviderConfig,
@@ -39880,20 +41432,20 @@ var ProviderTab = () => {
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_material43.Paper, { sx: { p: 3, bgcolor: "info.main", color: "info.contrastText", borderRadius: 2 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.Typography, { variant: "h6", sx: { mb: 1, fontWeight: 600, color: "text.primary" }, children: "\u{1F680} Gateway Provider Recommended" }),
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.Typography, { variant: "body2", children: "For production deployments, we recommend using the Gateway provider which routes requests through your secure backend API. This approach keeps API keys secure, enables rate limiting, and provides better monitoring capabilities." })
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_material45.Paper, { sx: { p: 3, bgcolor: "info.main", color: "info.contrastText", borderRadius: 2 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.Typography, { variant: "h6", sx: { mb: 1, fontWeight: 600, color: "text.primary" }, children: "\u{1F680} Gateway Provider Recommended" }),
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.Typography, { variant: "body2", children: "For production deployments, we recommend using the Gateway provider which routes requests through your secure backend API. This approach keeps API keys secure, enables rate limiting, and provides better monitoring capabilities." })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-      import_material43.Snackbar,
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+      import_material45.Snackbar,
       {
         open: showSnackbar,
         autoHideDuration: 6e3,
         onClose: () => setShowSnackbar(false),
         anchorOrigin: { vertical: "bottom", horizontal: "left" },
-        children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-          import_material43.Alert,
+        children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+          import_material45.Alert,
           {
             onClose: () => setShowSnackbar(false),
             severity: snackbarSeverity,
@@ -39908,9 +41460,9 @@ var ProviderTab = () => {
 };
 
 // src/management/components/MCPToolsTabV2.tsx
-var import_react54 = require("react");
-var import_material44 = require("@mui/material");
-var import_Refresh4 = __toESM(require("@mui/icons-material/Refresh"));
+var import_react56 = require("react");
+var import_material46 = require("@mui/material");
+var import_Refresh5 = __toESM(require("@mui/icons-material/Refresh"));
 var import_HealthAndSafety = __toESM(require("@mui/icons-material/HealthAndSafety"));
 var import_ErrorOutline3 = __toESM(require("@mui/icons-material/ErrorOutline"));
 var import_Settings3 = __toESM(require("@mui/icons-material/Settings"));
@@ -39927,7 +41479,7 @@ var isPlaygroundMode2 = () => {
   const gatewayUrl = settings.gatewayApiUrl?.toLowerCase() ?? "";
   return Boolean(settings.playgroundMode || gatewayUrl.startsWith("playground://"));
 };
-function buildUrl2(path) {
+function buildUrl3(path) {
   if (isPlaygroundMode2()) {
     debugLogger.info("MCP controller URL build skipped in playground mode", { path });
     return path.startsWith("/") ? path : `/${path}`;
@@ -39950,7 +41502,7 @@ async function fetchAvailableMcpTools() {
     debugLogger.info("Skipping remote MCP tool fetch \u2014 playground mode active");
     return [];
   }
-  const url = buildUrl2("/mcp/tools");
+  const url = buildUrl3("/mcp/tools");
   try {
     const res = await fetch(url, { headers: authHeaders() });
     const data = await res.json();
@@ -39974,7 +41526,7 @@ async function fetchMcpHealth() {
       availableTools: []
     };
   }
-  const url = buildUrl2("/mcp/health");
+  const url = buildUrl3("/mcp/health");
   try {
     const res = await fetch(url, { headers: authHeaders() });
     const data = await res.json();
@@ -39991,14 +41543,14 @@ async function fetchMcpHealth() {
 // src/management/components/MCPToolsTabV2.tsx
 init_mcpToolsStore();
 init_packageSettingsStore();
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 var MCPToolsTabV2 = () => {
   const { settings } = usePackageSettingsStore();
   const { tools: localTools, loadTools, toggleTool, addTool, updateTool, isLoaded } = useMCPToolsStore();
-  const [loading, setLoading] = (0, import_react54.useState)(true);
-  const [error, setError] = (0, import_react54.useState)(null);
-  const [tools, setTools] = (0, import_react54.useState)([]);
-  const [health, setHealth] = (0, import_react54.useState)(null);
+  const [loading, setLoading] = (0, import_react56.useState)(true);
+  const [error, setError] = (0, import_react56.useState)(null);
+  const [tools, setTools] = (0, import_react56.useState)([]);
+  const [health, setHealth] = (0, import_react56.useState)(null);
   const gatewayConfigured = !!settings?.gatewayApiUrl;
   const refresh = async () => {
     setLoading(true);
@@ -40052,7 +41604,7 @@ var MCPToolsTabV2 = () => {
       setLoading(false);
     }
   };
-  (0, import_react54.useEffect)(() => {
+  (0, import_react56.useEffect)(() => {
     if (isLoaded) {
       refresh();
     } else {
@@ -40061,7 +41613,7 @@ var MCPToolsTabV2 = () => {
       });
     }
   }, [isLoaded]);
-  const localEnabledMap = (0, import_react54.useMemo)(() => {
+  const localEnabledMap = (0, import_react56.useMemo)(() => {
     const map23 = /* @__PURE__ */ new Map();
     const sortedTools = [...localTools].sort((a, b) => {
       if (a.isBuiltIn && !b.isBuiltIn) return -1;
@@ -40077,17 +41629,17 @@ var MCPToolsTabV2 = () => {
     });
     return map23;
   }, [localTools]);
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Box, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Box, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", mb: 2 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Typography, { variant: "h5", sx: { fontWeight: 600, color: "primary.main" }, children: "Available Tools" }),
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Tooltip, { title: "Refresh", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.IconButton, { onClick: refresh, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_Refresh4.default, {}) }) }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_material46.Box, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_material46.Box, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", mb: 2 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Typography, { variant: "h5", sx: { fontWeight: 600, color: "primary.main" }, children: "Available Tools" }),
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Tooltip, { title: "Refresh", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.IconButton, { onClick: refresh, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_Refresh5.default, {}) }) }) })
     ] }),
-    !gatewayConfigured && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Paper, { sx: { p: 2, mb: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Typography, { variant: "body2", color: "text.secondary", children: "Gateway API URL isn\u2019t configured. The controller endpoints will be fetched relative to this origin." }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Paper, { sx: { p: 2, mb: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-      health?.status === "healthy" ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_HealthAndSafety.default, { color: "success" }) : health?.status === "unhealthy" ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_ErrorOutline3.default, { color: "error" }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_ErrorOutline3.default, { color: "disabled" }),
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Typography, { variant: "subtitle1", sx: { fontWeight: 600 }, children: "Controller Health" }),
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-        import_material44.Chip,
+    !gatewayConfigured && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Paper, { sx: { p: 2, mb: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Typography, { variant: "body2", color: "text.secondary", children: "Gateway API URL isn\u2019t configured. The controller endpoints will be fetched relative to this origin." }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Paper, { sx: { p: 2, mb: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_material46.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+      health?.status === "healthy" ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_HealthAndSafety.default, { color: "success" }) : health?.status === "unhealthy" ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_ErrorOutline3.default, { color: "error" }) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_ErrorOutline3.default, { color: "disabled" }),
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Typography, { variant: "subtitle1", sx: { fontWeight: 600 }, children: "Controller Health" }),
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+        import_material46.Chip,
         {
           size: "small",
           label: (health?.status || "unknown").toString(),
@@ -40095,11 +41647,11 @@ var MCPToolsTabV2 = () => {
           sx: { ml: 1 }
         }
       ),
-      health?.timestamp && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Typography, { variant: "caption", color: "text.secondary", sx: { ml: 1 }, children: new Date(health.timestamp).toLocaleString() })
+      health?.timestamp && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Typography, { variant: "caption", color: "text.secondary", sx: { ml: 1 }, children: new Date(health.timestamp).toLocaleString() })
     ] }) }),
-    loading && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Box, { sx: { mb: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.LinearProgress, {}) }),
-    error && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Paper, { sx: { p: 2, mb: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Typography, { color: "error", children: error }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Stack, { spacing: 2, children: tools.map((tool) => {
+    loading && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Box, { sx: { mb: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.LinearProgress, {}) }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Paper, { sx: { p: 2, mb: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Typography, { color: "error", children: error }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Stack, { spacing: 2, children: tools.map((tool) => {
       let locallyEnabled = localEnabledMap.get(tool.id);
       if (locallyEnabled === void 0) {
         locallyEnabled = localEnabledMap.get(tool.name);
@@ -40110,17 +41662,17 @@ var MCPToolsTabV2 = () => {
         );
         locallyEnabled = directLookup?.enabled ?? tool.isEnabled;
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Paper, { sx: { p: 2 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Box, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Box, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Typography, { variant: "h6", sx: { fontWeight: 700 }, children: tool.name }),
-            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Typography, { variant: "body2", color: "text.secondary", sx: { mt: 0.5 }, children: tool.description })
+      return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_material46.Paper, { sx: { p: 2 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_material46.Box, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_material46.Box, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Typography, { variant: "h6", sx: { fontWeight: 700 }, children: tool.name }),
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Typography, { variant: "body2", color: "text.secondary", sx: { mt: 0.5 }, children: tool.description })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-              import_material44.FormControlLabel,
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_material46.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+              import_material46.FormControlLabel,
               {
-                control: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Switch, { checked: !!locallyEnabled, onChange: () => {
+                control: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Switch, { checked: !!locallyEnabled, onChange: () => {
                   let local = localTools.find((t) => t.function.name === tool.id);
                   if (!local) {
                     local = localTools.find((t) => t.function.name === tool.name);
@@ -40140,12 +41692,12 @@ var MCPToolsTabV2 = () => {
                 label: locallyEnabled ? "Enabled" : "Disabled"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Tooltip, { title: "Controller-driven tools (read-only schema)", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_Settings3.default, { color: "disabled" }) })
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Tooltip, { title: "Controller-driven tools (read-only schema)", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_Settings3.default, { color: "disabled" }) })
           ] })
         ] }),
-        !!tool.supportedParameters?.length && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Box, { sx: { mt: 1.5 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Typography, { variant: "caption", color: "text.secondary", children: "Supported parameters" }),
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Box, { sx: { mt: 0.5, display: "flex", flexWrap: "wrap", gap: 1 }, children: tool.supportedParameters.map((p) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Chip, { size: "small", label: p }, p)) })
+        !!tool.supportedParameters?.length && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_material46.Box, { sx: { mt: 1.5 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Typography, { variant: "caption", color: "text.secondary", children: "Supported parameters" }),
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Box, { sx: { mt: 0.5, display: "flex", flexWrap: "wrap", gap: 1 }, children: tool.supportedParameters.map((p) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Chip, { size: "small", label: p }, p)) })
         ] })
       ] }, tool.id);
     }) })
@@ -40159,19 +41711,28 @@ init_banditTheme();
 init_themeMap();
 init_util();
 init_brandingService();
+init_authenticationService();
 init_debugLogger();
 init_packageSettingsStore();
 init_preferencesStore();
 init_aiProviderStore();
+init_authenticationStore();
 init_useNotificationService();
 init_useFeatures();
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 var preloadChatPage = () => Promise.resolve().then(() => (init_chat2(), chat_exports));
+var buildCapabilitiesUrl = (gatewayApiUrl) => {
+  const trimmed = gatewayApiUrl.replace(/\/$/, "");
+  if (trimmed.endsWith("/api")) {
+    return `${trimmed}/capabilities`;
+  }
+  return `${trimmed}/api/capabilities`;
+};
 var Management = () => {
   const navigate = (0, import_react_router_dom5.useNavigate)();
   const notificationService2 = useNotificationService();
   const isMobile = (0, import_useMediaQuery2.default)("(max-width:900px)");
-  const [sidebarOpen, setSidebarOpen] = (0, import_react55.useState)(false);
+  const [sidebarOpen, setSidebarOpen] = (0, import_react57.useState)(false);
   const getOptimalFabLogo = async () => {
     const banditHead7 = "https://cdn.burtson.ai/images/bandit-head.png";
     try {
@@ -40211,16 +41772,16 @@ var Management = () => {
     hasTransparentLogo,
     setHasTransparentLogo
   } = useModelStore();
-  const [modalOpen, setModalOpen] = (0, import_react55.useState)(false);
+  const [modalOpen, setModalOpen] = (0, import_react57.useState)(false);
   const banditHead6 = "https://cdn.burtson.ai/images/bandit-head.png";
-  const [fabLogo, setFabLogo] = (0, import_react55.useState)(banditHead6);
-  const [tabIndex, setTabIndex] = (0, import_react55.useState)(0);
-  const [logoFile, setLogoFile] = (0, import_react55.useState)(null);
-  const [logoBase64, setLogoBase64] = (0, import_react55.useState)(null);
-  const [brandingText, setBrandingText] = (0, import_react55.useState)("");
-  const [theme, setTheme] = (0, import_react55.useState)("bandit-dark");
-  const [customAvatarBase64, setCustomAvatarBase64] = (0, import_react55.useState)(null);
-  const [presetAvatar, setPresetAvatar] = (0, import_react55.useState)(null);
+  const [fabLogo, setFabLogo] = (0, import_react57.useState)(banditHead6);
+  const [tabIndex, setTabIndex] = (0, import_react57.useState)(0);
+  const [logoFile, setLogoFile] = (0, import_react57.useState)(null);
+  const [logoBase64, setLogoBase64] = (0, import_react57.useState)(null);
+  const [brandingText, setBrandingText] = (0, import_react57.useState)("");
+  const [theme, setTheme] = (0, import_react57.useState)("bandit-dark");
+  const [customAvatarBase64, setCustomAvatarBase64] = (0, import_react57.useState)(null);
+  const [presetAvatar, setPresetAvatar] = (0, import_react57.useState)(null);
   const showSnackbarMessage = (message, severity = "success") => {
     if (severity === "success") {
       notificationService2?.showSuccess(message);
@@ -40228,16 +41789,18 @@ var Management = () => {
       notificationService2?.showError(message);
     }
   };
-  const [restoreDialogOpen, setRestoreDialogOpen] = (0, import_react55.useState)(false);
-  const [brandingLoaded, setBrandingLoaded] = (0, import_react55.useState)(false);
-  const [isLoadingBranding, setIsLoadingBranding] = (0, import_react55.useState)(false);
+  const [restoreDialogOpen, setRestoreDialogOpen] = (0, import_react57.useState)(false);
+  const [brandingLoaded, setBrandingLoaded] = (0, import_react57.useState)(false);
+  const [isLoadingBranding, setIsLoadingBranding] = (0, import_react57.useState)(false);
   const { initModels } = useModelStore();
   const { settings: packageSettings } = usePackageSettingsStore();
+  const authToken = useAuthenticationStore((state) => state.token);
   const { preferences, updatePreference } = usePreferencesStore();
   const { hasAdminDashboard, hasLimitedAdminDashboard, getCurrentTier, hasAdvancedSearch } = useFeatures();
   const { showAdminPanel, showLimitedAdminPanel } = useFeatureVisibility();
   const { provider: currentProvider, config: currentProviderConfig } = useAIProviderStore();
-  const [localSelectedModel, setLocalSelectedModel] = (0, import_react55.useState)({
+  const [seedPacksEnabled, setSeedPacksEnabled] = (0, import_react57.useState)(false);
+  const [localSelectedModel, setLocalSelectedModel] = (0, import_react57.useState)({
     name: "",
     tagline: "",
     systemPrompt: "",
@@ -40250,7 +41813,7 @@ var Management = () => {
     loadDocuments,
     clearAllDocuments
   } = useKnowledgeStore2();
-  (0, import_react55.useEffect)(() => {
+  (0, import_react57.useEffect)(() => {
     if (selectedModel) {
       const selected = availableModels.find((m) => m.name === selectedModel);
       if (selected) {
@@ -40274,7 +41837,7 @@ var Management = () => {
       }
     }
   }, [selectedModel, availableModels]);
-  const loadBrandingConfig = (0, import_react55.useCallback)(async () => {
+  const loadBrandingConfig = (0, import_react57.useCallback)(async () => {
     if (isLoadingBranding || brandingLoaded) {
       debugLogger.warn("Branding loading already in progress or completed, skipping");
       return;
@@ -40389,15 +41952,15 @@ var Management = () => {
     setTagline,
     setTheme
   ]);
-  (0, import_react55.useEffect)(() => {
+  (0, import_react57.useEffect)(() => {
     void loadBrandingConfig();
   }, [loadBrandingConfig]);
   const handleOpenModal = () => setModalOpen(true);
   const handleCloseModal = () => setModalOpen(false);
-  (0, import_react55.useEffect)(() => {
+  (0, import_react57.useEffect)(() => {
     getOptimalFabLogo().then(setFabLogo);
   }, []);
-  (0, import_react55.useEffect)(() => {
+  (0, import_react57.useEffect)(() => {
     if (logoBase64) {
       setFabLogo(logoBase64);
     } else {
@@ -40844,7 +42407,7 @@ var Management = () => {
       reader.readAsText(file);
     }
   };
-  (0, import_react55.useEffect)(() => {
+  (0, import_react57.useEffect)(() => {
     if (localSelectedModel.selectedModel && !availableModels.some((m) => m.name === localSelectedModel.selectedModel)) {
       setLocalSelectedModel((prev) => ({
         ...prev,
@@ -40852,51 +42415,120 @@ var Management = () => {
       }));
     }
   }, [availableModels, localSelectedModel.selectedModel]);
-  (0, import_react55.useEffect)(() => {
+  (0, import_react57.useEffect)(() => {
     loadDocuments();
   }, [loadDocuments]);
-  const currentTheme = predefinedThemes[theme] || banditDarkTheme;
+  (0, import_react57.useEffect)(() => {
+    const gatewayApiUrl = packageSettings?.gatewayApiUrl;
+    if (!gatewayApiUrl || gatewayApiUrl.toLowerCase().startsWith("playground://")) {
+      setSeedPacksEnabled(false);
+      return;
+    }
+    let isActive = true;
+    const loadCapabilities = async () => {
+      try {
+        const token = authToken ?? authenticationService.getToken();
+        const headers = {
+          "Content-Type": "application/json"
+        };
+        if (token) {
+          headers.Authorization = `Bearer ${token}`;
+        }
+        const response = await fetch(buildCapabilitiesUrl(gatewayApiUrl), {
+          method: "GET",
+          headers
+        });
+        if (!response.ok) {
+          throw new Error(`Capabilities request failed: ${response.status}`);
+        }
+        const payload = await response.json();
+        if (!isActive) {
+          return;
+        }
+        setSeedPacksEnabled(Boolean(payload?.seedPacksEnabled));
+      } catch (error) {
+        if (!isActive) {
+          return;
+        }
+        setSeedPacksEnabled(false);
+        debugLogger.warn("Management: failed to load capabilities", {
+          error: error instanceof Error ? error.message : String(error)
+        });
+      }
+    };
+    loadCapabilities();
+    return () => {
+      isActive = false;
+    };
+  }, [packageSettings?.gatewayApiUrl, authToken]);
+  const currentTheme = (0, import_react57.useMemo)(() => {
+    const baseTheme = predefinedThemes[theme] || banditDarkTheme;
+    return (0, import_styles31.createTheme)(baseTheme, {
+      components: {
+        MuiInputBase: {
+          styleOverrides: {
+            input: {
+              outline: "none",
+              boxShadow: "none",
+              "&:focus, &:focus-visible": {
+                outline: "none",
+                boxShadow: "none"
+              }
+            },
+            inputMultiline: {
+              outline: "none",
+              boxShadow: "none",
+              "&:focus, &:focus-visible": {
+                outline: "none",
+                boxShadow: "none"
+              }
+            }
+          }
+        }
+      }
+    });
+  }, [theme]);
   if (!brandingLoaded) return null;
   const allNavTabs = [
     {
       label: "Personalities",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_FaceRetouchingNatural.default, {}),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_FaceRetouchingNatural.default, {}),
       requiresFeature: "limitedAdminDashboard"
       // Available to premium+
     },
     {
       label: "Branding",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_Brush.default, {}),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_Brush.default, {}),
       requiresFeature: "limitedAdminDashboard"
       // Available to premium+
     },
     {
       label: "Knowledge",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_MenuBook.default, {}),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_MenuBook.default, {}),
       requiresFeature: "limitedAdminDashboard"
       // Available to premium+
     },
     {
       label: "Storage",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_Storage2.default, {}),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_Storage2.default, {}),
       requiresFeature: "limitedAdminDashboard"
       // Available to premium+ (changed from adminDashboardEnabled)
     },
     {
       label: "Preferences",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_Tune.default, {}),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_Tune.default, {}),
       requiresFeature: "limitedAdminDashboard"
       // Available to premium+
     },
     {
       label: "Provider",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_Cloud2.default, {}),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_Cloud2.default, {}),
       requiresFeature: "advancedSearch"
       // Pro/Team users with advanced features
     },
     {
       label: "MCP Tools",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_Build.default, {}),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_Build.default, {}),
       requiresFeature: "advancedSearch"
       // Pro/Team users with advanced features
     }
@@ -40913,8 +42545,8 @@ var Management = () => {
     }
     return true;
   });
-  const navigationContent = /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
-    import_material45.Box,
+  const navigationContent = /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+    import_material47.Box,
     {
       sx: {
         display: "flex",
@@ -40924,29 +42556,29 @@ var Management = () => {
         bgcolor: "inherit"
       },
       children: [
-        isMobile && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-          import_material45.Box,
+        isMobile && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          import_material47.Box,
           {
             sx: {
               height: 6,
               width: 56,
               borderRadius: 999,
-              bgcolor: (theme2) => (0, import_styles30.alpha)(theme2.palette.text.primary, 0.18),
+              bgcolor: (theme2) => (0, import_styles31.alpha)(theme2.palette.text.primary, 0.18),
               alignSelf: "center",
               mt: 1.25,
               mb: 0.75
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.Box, { sx: { p: isMobile ? 2.5 : 3, pb: isMobile ? 1.5 : 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-          import_material45.Button,
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material47.Box, { sx: { p: isMobile ? 2.5 : 3, pb: isMobile ? 1.5 : 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          import_material47.Button,
           {
             onClick: () => {
               if (isMobile) setSidebarOpen(false);
               navigate("/chat");
             },
             onMouseEnter: preloadChatPage,
-            startIcon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_ChevronLeft.default, { sx: { fontSize: 20 } }),
+            startIcon: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_ChevronLeft.default, { sx: { fontSize: 20 } }),
             fullWidth: true,
             variant: "outlined",
             sx: {
@@ -40973,9 +42605,9 @@ var Management = () => {
             children: "Back to Chat"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.Divider, { sx: { mx: isMobile ? 2 : 3, mb: 2, opacity: 0.6 } }),
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.Box, { sx: { flex: 1, px: isMobile ? 1.5 : 2, pb: 3, overflowY: "auto" }, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.List, { sx: { px: 0, py: 0 }, children: navTabs.map((tab, idx) => /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
-          import_material45.ListItemButton,
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material47.Divider, { sx: { mx: isMobile ? 2 : 3, mb: 2, opacity: 0.6 } }),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material47.Box, { sx: { flex: 1, px: isMobile ? 1.5 : 2, pb: 3, overflowY: "auto" }, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material47.List, { sx: { px: 0, py: 0 }, children: navTabs.map((tab, idx) => /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+          import_material47.ListItemButton,
           {
             selected: tabIndex === idx,
             onClick: () => {
@@ -41024,8 +42656,8 @@ var Management = () => {
               }
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-                import_material45.ListItemIcon,
+              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                import_material47.ListItemIcon,
                 {
                   sx: {
                     color: tabIndex === idx ? "primary.main" : "text.secondary",
@@ -41035,8 +42667,8 @@ var Management = () => {
                   children: tab.icon
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-                import_material45.ListItemText,
+              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                import_material47.ListItemText,
                 {
                   primary: tab.label,
                   primaryTypographyProps: {
@@ -41046,8 +42678,8 @@ var Management = () => {
                   }
                 }
               ),
-              tabIndex === idx && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-                import_material45.Box,
+              tabIndex === idx && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                import_material47.Box,
                 {
                   sx: {
                     position: "absolute",
@@ -41069,10 +42701,10 @@ var Management = () => {
       ]
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_material45.ThemeProvider, { theme: currentTheme, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.CssBaseline, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
-      import_material45.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_material47.ThemeProvider, { theme: currentTheme, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material47.CssBaseline, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+      import_material47.Box,
       {
         display: "flex",
         height: "100vh",
@@ -41084,8 +42716,8 @@ var Management = () => {
           position: "relative"
         },
         children: [
-          isMobile && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
-            import_material45.Box,
+          isMobile && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+            import_material47.Box,
             {
               sx: {
                 width: "100%",
@@ -41104,8 +42736,8 @@ var Management = () => {
                 boxShadow: "0 2px 8px rgba(0,0,0,0.1)"
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-                  import_material45.Button,
+                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                  import_material47.Button,
                   {
                     onClick: () => setSidebarOpen((o) => !o),
                     sx: {
@@ -41126,7 +42758,7 @@ var Management = () => {
                         transform: sidebarOpen ? "rotate(90deg) scale(0.95)" : "scale(0.95)"
                       }
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
                       "path",
                       {
                         d: sidebarOpen ? "M18 6L6 18M6 6L18 18" : "M3 12H21M3 6H21M3 18H21",
@@ -41138,8 +42770,8 @@ var Management = () => {
                     ) })
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-                  import_material45.Typography,
+                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                  import_material47.Typography,
                   {
                     variant: "h6",
                     sx: {
@@ -41151,14 +42783,14 @@ var Management = () => {
                     children: "Management"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.Box, { sx: {
+                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material47.Box, { 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__ */ (0, import_jsx_runtime45.jsx)(
-                  import_material45.Typography,
+                }, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                  import_material47.Typography,
                   {
                     variant: "caption",
                     sx: {
@@ -41172,8 +42804,8 @@ var Management = () => {
               ]
             }
           ),
-          isMobile ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-            import_material45.SwipeableDrawer,
+          isMobile ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+            import_material47.SwipeableDrawer,
             {
               anchor: "bottom",
               open: sidebarOpen,
@@ -41193,8 +42825,8 @@ var Management = () => {
               },
               children: navigationContent
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-            import_material45.Box,
+          ) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+            import_material47.Box,
             {
               sx: {
                 width: 280,
@@ -41217,8 +42849,8 @@ var Management = () => {
               children: navigationContent
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
-            import_material45.Box,
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+            import_material47.Box,
             {
               sx: {
                 flex: 1,
@@ -41246,7 +42878,7 @@ var Management = () => {
                 // IE and Edge
               },
               children: [
-                navTabs[tabIndex]?.label === "Personalities" && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                navTabs[tabIndex]?.label === "Personalities" && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
                   PersonalitiesTab_default,
                   {
                     availableModels,
@@ -41265,7 +42897,7 @@ var Management = () => {
                     showSnackbar: showSnackbarMessage
                   }
                 ),
-                navTabs[tabIndex]?.label === "Branding" && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                navTabs[tabIndex]?.label === "Branding" && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
                   BrandingTab_default,
                   {
                     logoFile,
@@ -41284,8 +42916,8 @@ var Management = () => {
                     setLogoBase64
                   }
                 ),
-                navTabs[tabIndex]?.label === "Knowledge" && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-                  KnowledgeTab_default,
+                navTabs[tabIndex]?.label === "Knowledge" && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                  KnowledgeHubTab_default,
                   {
                     documents,
                     addDocuments,
@@ -41293,11 +42925,12 @@ var Management = () => {
                     loadDocuments,
                     clearAllDocuments,
                     currentTheme,
-                    isLimitedAdmin: hasLimitedAdminDashboard() && !hasAdminDashboard()
+                    isLimitedAdmin: hasLimitedAdminDashboard() && !hasAdminDashboard(),
+                    seedPacksEnabled
                   }
                 ),
-                navTabs[tabIndex]?.label === "Storage" && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(StorageTab_default, { currentTheme }),
-                navTabs[tabIndex]?.label === "Preferences" && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                navTabs[tabIndex]?.label === "Storage" && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(StorageTab_default, { currentTheme }),
+                navTabs[tabIndex]?.label === "Preferences" && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
                   PreferencesTab_default,
                   {
                     preferences,
@@ -41307,13 +42940,13 @@ var Management = () => {
                     showSnackbar: showSnackbarMessage
                   }
                 ),
-                navTabs[tabIndex]?.label === "Provider" && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(ProviderTab, {}),
-                navTabs[tabIndex]?.label === "MCP Tools" && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(MCPToolsTabV2_default, {})
+                navTabs[tabIndex]?.label === "Provider" && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(ProviderTab, {}),
+                navTabs[tabIndex]?.label === "MCP Tools" && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(MCPToolsTabV2_default, {})
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-            import_material45.Fab,
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+            import_material47.Fab,
             {
               "aria-label": "AI",
               onClick: handleOpenModal,
@@ -41334,7 +42967,7 @@ var Management = () => {
                 boxShadow: theme2.shadows[6],
                 zIndex: 2e3
               }),
-              children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
                 "img",
                 {
                   src: fabLogo,
@@ -41348,7 +42981,7 @@ var Management = () => {
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(chat_modal_default, { open: modalOpen, onClose: handleCloseModal })
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(chat_modal_default, { open: modalOpen, onClose: handleCloseModal })
         ]
       }
     )
@@ -41357,7 +42990,7 @@ var Management = () => {
 var management_default = Management;
 
 // src/shared/custom-element.ts
-var import_react56 = __toESM(require("react"));
+var import_react58 = __toESM(require("react"));
 var import_client = __toESM(require("react-dom/client"));
 function defineCustomElement(name, Component) {
   if (customElements.get(name)) return;
@@ -41385,7 +43018,7 @@ function defineCustomElement(name, Component) {
       if (!this.root) {
         this.root = import_client.default.createRoot(this.mountPoint);
       }
-      this.root.render(import_react56.default.createElement(Component, props));
+      this.root.render(import_react58.default.createElement(Component, props));
     }
   }
   customElements.define(name, ReactElement);
@@ -41594,7 +43227,7 @@ var getFeatureMatrix = () => featureFlagService.generateFeatureMatrix();
 init_featureFlags();
 
 // src/hooks/useVoices.ts
-var import_react57 = require("react");
+var import_react59 = require("react");
 init_voiceStore();
 init_packageSettingsStore();
 init_authenticationStore();
@@ -41614,7 +43247,7 @@ var useVoices = () => {
   } = useVoiceStore();
   const gatewayApiUrl = usePackageSettingsStore((state) => state.settings?.gatewayApiUrl);
   const { token } = useAuthenticationStore();
-  (0, import_react57.useEffect)(() => {
+  (0, import_react59.useEffect)(() => {
     const isAuthenticated = authenticationService.isAuthenticated();
     if (gatewayApiUrl && token && isAuthenticated && !isServiceAvailable) {
       debugLogger.debug("Gateway API URL and JWT token available, loading voice models...");
@@ -41649,9 +43282,9 @@ init_useTTS();
 init_streaming_tts();
 
 // src/modals/SubscriptionExpiredModal.tsx
-var import_material46 = require("@mui/material");
+var import_material48 = require("@mui/material");
 var import_icons_material13 = require("@mui/icons-material");
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 var SubscriptionExpiredModal = ({
   open,
   onNavigateHome,
@@ -41673,8 +43306,8 @@ var SubscriptionExpiredModal = ({
       window.location.href = "/manage-subscription";
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
-    import_material46.Dialog,
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+    import_material48.Dialog,
     {
       open,
       onClose,
@@ -41688,47 +43321,47 @@ var SubscriptionExpiredModal = ({
         }
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.DialogTitle, { sx: { textAlign: "center", pb: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_material46.Box, { sx: { display: "flex", alignItems: "center", justifyContent: "center", gap: 1, mb: 1 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_icons_material13.Warning, { color: "warning", sx: { fontSize: 32 } }),
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Typography, { variant: "h5", component: "span", fontWeight: "bold", children: "Subscription Expired" })
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_material48.DialogTitle, { sx: { textAlign: "center", pb: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_material48.Box, { sx: { display: "flex", alignItems: "center", justifyContent: "center", gap: 1, mb: 1 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_icons_material13.Warning, { color: "warning", sx: { fontSize: 32 } }),
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_material48.Typography, { variant: "h5", component: "span", fontWeight: "bold", children: "Subscription Expired" })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.DialogContent, { sx: { pt: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_material46.Stack, { spacing: 2, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Alert, { severity: "warning", sx: { mb: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Typography, { variant: "body2", children: "Your subscription has expired and access to features has been restricted." }) }),
-          userEmail && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_material46.Typography, { variant: "body2", color: "text.secondary", sx: { textAlign: "center" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_material48.DialogContent, { sx: { pt: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_material48.Stack, { spacing: 2, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_material48.Alert, { severity: "warning", sx: { mb: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_material48.Typography, { variant: "body2", children: "Your subscription has expired and access to features has been restricted." }) }),
+          userEmail && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_material48.Typography, { variant: "body2", color: "text.secondary", sx: { textAlign: "center" }, children: [
             "Account: ",
-            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("strong", { children: userEmail })
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("strong", { children: userEmail })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Typography, { variant: "body1", sx: { textAlign: "center", color: "text.secondary" }, children: "To continue using all features, please renew your subscription or return to the main application." }),
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Box, { sx: {
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_material48.Typography, { variant: "body1", sx: { textAlign: "center", color: "text.secondary" }, children: "To continue using all features, please renew your subscription or return to the main application." }),
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_material48.Box, { sx: {
             bgcolor: "background.paper",
             border: 1,
             borderColor: "divider",
             borderRadius: 1,
             p: 2,
             mt: 2
-          }, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_material46.Typography, { variant: "caption", color: "text.secondary", sx: { fontStyle: "italic" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("strong", { children: "What's affected:" }),
+          }, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_material48.Typography, { variant: "caption", color: "text.secondary", sx: { fontStyle: "italic" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("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."
           ] }) })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_material46.DialogActions, { sx: { px: 3, pb: 3, gap: 1, justifyContent: "center" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-            import_material46.Button,
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_material48.DialogActions, { sx: { px: 3, pb: 3, gap: 1, justifyContent: "center" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+            import_material48.Button,
             {
               onClick: handleNavigateHome,
               variant: "outlined",
-              startIcon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_icons_material13.Home, {}),
+              startIcon: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_icons_material13.Home, {}),
               size: "large",
               sx: { minWidth: 140 },
               children: "Go Home"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-            import_material46.Button,
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+            import_material48.Button,
             {
               onClick: handleManageSubscription,
               variant: "contained",
-              startIcon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_icons_material13.CreditCard, {}),
+              startIcon: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_icons_material13.CreditCard, {}),
               size: "large",
               color: "primary",
               sx: { minWidth: 140 },
@@ -41742,9 +43375,9 @@ var SubscriptionExpiredModal = ({
 };
 
 // src/guards/SubscriptionExpiredGuard.tsx
-var import_react58 = require("react");
+var import_react60 = require("react");
 init_useFeatures();
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 var SubscriptionExpiredGuard = ({
   children,
   onNavigateHome,
@@ -41753,9 +43386,9 @@ var SubscriptionExpiredGuard = ({
   allowContinue = false
 }) => {
   const { isExpiredTier, getFullEvaluation } = useFeatures();
-  const [showModal, setShowModal] = (0, import_react58.useState)(false);
-  const [userDismissed, setUserDismissed] = (0, import_react58.useState)(false);
-  (0, import_react58.useEffect)(() => {
+  const [showModal, setShowModal] = (0, import_react60.useState)(false);
+  const [userDismissed, setUserDismissed] = (0, import_react60.useState)(false);
+  (0, import_react60.useEffect)(() => {
     if (isExpiredTier() && !userDismissed) {
       setShowModal(true);
     } else {
@@ -41781,9 +43414,9 @@ var SubscriptionExpiredGuard = ({
     }
     return void 0;
   })() : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_jsx_runtime47.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, { children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
       SubscriptionExpiredModal,
       {
         open: showModal,
@@ -41810,8 +43443,8 @@ init_useNotificationService();
 // src/services/http/httpErrorHandler.ts
 init_notificationService();
 init_debugLogger();
-var isRecord5 = (value) => typeof value === "object" && value !== null;
-var isHttpErrorLike = (error) => isRecord5(error);
+var isRecord6 = (value) => typeof value === "object" && value !== null;
+var isHttpErrorLike = (error) => isRecord6(error);
 var extractString = (record, key) => {
   const value = record[key];
   return typeof value === "string" ? value : void 0;
@@ -41826,7 +43459,7 @@ var normalizeMessages = (value) => {
   if (Array.isArray(value)) {
     return value.flatMap(normalizeMessages);
   }
-  if (isRecord5(value) && typeof value.message === "string") {
+  if (isRecord6(value) && typeof value.message === "string") {
     return [value.message];
   }
   return [];
@@ -41836,7 +43469,7 @@ var handleHttpError = (error, context) => {
   if (isHttpErrorLike(error) && error.response) {
     const status = error.response.status;
     const data = error.response.data;
-    const dataRecord = isRecord5(data) ? data : {};
+    const dataRecord = isRecord6(data) ? data : {};
     const errorMessage = extractString(dataRecord, "message") || extractString(dataRecord, "error") || extractString(dataRecord, "detail");
     const errorCode = extractString(dataRecord, "code") || extractString(dataRecord, "error_code");
     debugLogger.error(`${contextPrefix}HTTP Error ${status}:`, {
@@ -41884,7 +43517,7 @@ var handleValidationError = (errors, context) => {
       notificationService.handleValidationError(messages, `${contextPrefix}Please check your input`);
       return;
     }
-  } else if (isRecord5(errors)) {
+  } else if (isRecord6(errors)) {
     const collected = [];
     Object.values(errors).forEach((value) => {
       collected.push(...normalizeMessages(value));