@burtson-labs/bandit-engine 2.0.49 → 2.0.50

package/dist/index.js

@@ -27622,7 +27622,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 +28158,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 +28166,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 +28212,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,
@@ -29772,12 +29799,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 +32583,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 +32969,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 +36605,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,165 +38333,1630 @@ 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_Refresh3 = __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_Group2 = __toESM(require("@mui/icons-material/Group"));
 var import_Person3 = __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"));
-var import_CheckCircle3 = __toESM(require("@mui/icons-material/CheckCircle"));
-var import_Error3 = __toESM(require("@mui/icons-material/Error"));
+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();
-init_indexedDBService();
-init_conversationSyncStore();
-var import_jsx_runtime42 = require("react/jsx-runtime");
-var DEFAULT_DISPLAY_QUOTA_BYTES = 1024 * 1024 * 1024;
-var MAX_DISPLAY_QUOTA_BYTES = 5 * 1024 * 1024 * 1024;
-var formatBytes = (bytes) => {
-  if (bytes === 0) return "0 B";
-  const k = 1024;
-  const sizes = ["B", "KB", "MB", "GB", "TB"];
-  const i = Math.floor(Math.log(bytes) / Math.log(k));
-  return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + " " + sizes[i];
+
+// 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 getStorageQuota = async () => {
-  try {
-    if ("storage" in navigator && "estimate" in navigator.storage) {
-      const estimate = await navigator.storage.estimate();
-      return {
-        used: estimate.usage || 0,
-        quota: estimate.quota || 0
-      };
+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("Could not get storage estimate", { error });
+    debugLogger.warn("seedPackService: failed to parse JSON response", { error });
   }
-  return { used: 0, quota: 0 };
+  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 getIndexedDBSize = async () => {
-  const categories = [];
+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 {
-    debugLogger.info("Starting IndexedDB size estimation");
-    try {
-      const databases = await indexedDB.databases();
-      debugLogger.info("Available IndexedDB databases:", {
-        databases: databases.map((db) => ({ name: db.name, version: db.version }))
-      });
-    } catch (error) {
-      debugLogger.warn("Could not list databases", { error });
+    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");
     }
-    const conversationDbNames = ["bandit-conversations", "banditConversations", "conversations"];
-    let chatSize = { size: 0, count: 0 };
-    let foundConversationDb = "";
-    for (const dbName of conversationDbNames) {
-      try {
-        const result = await estimateStoreSize(dbName, "conversations");
-        if (result.count > 0) {
-          chatSize = result;
-          foundConversationDb = dbName;
-          debugLogger.info(`Found conversations in database: ${dbName}`);
-          break;
-        }
-      } catch (error) {
-        debugLogger.warn(`Failed to check conversations in ${dbName}`, { error });
-      }
+    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");
     }
-    categories.push({
-      name: "Chat History",
-      icon: import_Chat.default,
-      color: "#4caf50",
-      size: chatSize.size,
-      itemCount: chatSize.count,
-      description: "Conversation history and messages",
-      stores: foundConversationDb ? [`${foundConversationDb}.conversations`] : [],
-      canClear: chatSize.count > 0,
-      clearWarning: "This will permanently delete all your chat conversations and message history."
+    return pack;
+  } catch (error) {
+    debugLogger.error("seedPackService: failed to create seed pack", {
+      error: error instanceof Error ? error.message : String(error)
     });
-    debugLogger.info(`Chat History category created:`, {
-      itemCount: chatSize.count,
-      size: chatSize.size,
-      canClear: chatSize.count > 0,
-      foundDb: foundConversationDb
+    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 knowledgeDbNames = ["bandit-knowledge", "banditKnowledge", "knowledge"];
-    let knowledgeSize = { size: 0, count: 0 };
-    let foundKnowledgeDb = "";
-    for (const dbName of knowledgeDbNames) {
-      try {
-        const result = await estimateStoreSize(dbName, "documents");
-        debugLogger.info(`Knowledge database ${dbName} check result:`, {
-          size: result.size,
-          count: result.count,
-          sizeFormatted: `${(result.size / 1024).toFixed(2)} KB`
-        });
-        if (result.count > 0) {
-          knowledgeSize = result;
-          foundKnowledgeDb = dbName;
-          debugLogger.info(`Found knowledge documents in database: ${dbName}`, {
-            totalSize: result.size,
-            itemCount: result.count
-          });
-          break;
-        }
-      } catch (error) {
-        debugLogger.warn(`Failed to check knowledge in ${dbName}`, { error });
-      }
+    const payload = await handleJsonResponse2(response, "Failed to update seed pack");
+    const pack = extractSeedPack(payload);
+    if (!pack) {
+      throw new Error("Seed pack response was empty");
     }
-    categories.push({
-      name: "Knowledge Documents",
-      icon: import_Description4.default,
-      color: "#2196f3",
-      size: knowledgeSize.size,
-      itemCount: knowledgeSize.count,
-      description: "Uploaded documents and their embeddings",
-      stores: foundKnowledgeDb ? [`${foundKnowledgeDb}.documents`] : [],
-      canClear: knowledgeSize.count > 0,
-      clearWarning: "This will remove all uploaded documents and their AI embeddings. You will need to re-upload documents."
+    return pack;
+  } catch (error) {
+    debugLogger.error("seedPackService: failed to update seed pack", {
+      sid,
+      error: error instanceof Error ? error.message : String(error)
     });
-    debugLogger.info(`Knowledge Documents category created:`, {
-      itemCount: knowledgeSize.count,
-      size: knowledgeSize.size,
-      sizeFormatted: `${(knowledgeSize.size / 1024).toFixed(2)} KB`,
-      canClear: knowledgeSize.count > 0,
-      foundDb: foundKnowledgeDb
+    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)
     });
-    const memoryDbNames = ["bandit-memory-db", "banditMemories", "bandit-memories"];
-    let memorySize = { size: 0, count: 0 };
-    let foundMemoryDb = "";
-    for (const dbName of memoryDbNames) {
-      try {
-        const result = await estimateStoreSize(dbName, "memories");
-        if (result.count > 0) {
-          memorySize = result;
-          foundMemoryDb = dbName;
-          debugLogger.info(`Found memories in database: ${dbName}`);
-          break;
-        }
-      } catch (error) {
-        debugLogger.warn(`Failed to check memories in ${dbName}`, { 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");
     }
-    categories.push({
-      name: "AI Memories",
-      icon: import_Person3.default,
-      color: "#ff9800",
-      size: memorySize.size,
-      itemCount: memorySize.count,
-      description: "AI memory entries and learned patterns",
-      stores: foundMemoryDb ? [`${foundMemoryDb}.memories`] : [],
-      canClear: memorySize.count > 0,
-      clearWarning: "This will delete all AI memory entries and learned conversation patterns."
+    return pack;
+  } catch (error) {
+    debugLogger.error("seedPackService: failed to archive seed pack", {
+      sid,
+      error: error instanceof Error ? error.message : String(error)
     });
-    const configDbNames = ["banditConfig", "bandit-config"];
-    let configSize = { size: 0, count: 0 };
+    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_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"));
+var import_CheckCircle3 = __toESM(require("@mui/icons-material/CheckCircle"));
+var import_Error3 = __toESM(require("@mui/icons-material/Error"));
+init_debugLogger();
+init_indexedDBService();
+init_conversationSyncStore();
+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) => {
+  if (bytes === 0) return "0 B";
+  const k = 1024;
+  const sizes = ["B", "KB", "MB", "GB", "TB"];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + " " + sizes[i];
+};
+var getStorageQuota = async () => {
+  try {
+    if ("storage" in navigator && "estimate" in navigator.storage) {
+      const estimate = await navigator.storage.estimate();
+      return {
+        used: estimate.usage || 0,
+        quota: estimate.quota || 0
+      };
+    }
+  } catch (error) {
+    debugLogger.warn("Could not get storage estimate", { error });
+  }
+  return { used: 0, quota: 0 };
+};
+var getIndexedDBSize = async () => {
+  const categories = [];
+  try {
+    debugLogger.info("Starting IndexedDB size estimation");
+    try {
+      const databases = await indexedDB.databases();
+      debugLogger.info("Available IndexedDB databases:", {
+        databases: databases.map((db) => ({ name: db.name, version: db.version }))
+      });
+    } catch (error) {
+      debugLogger.warn("Could not list databases", { error });
+    }
+    const conversationDbNames = ["bandit-conversations", "banditConversations", "conversations"];
+    let chatSize = { size: 0, count: 0 };
+    let foundConversationDb = "";
+    for (const dbName of conversationDbNames) {
+      try {
+        const result = await estimateStoreSize(dbName, "conversations");
+        if (result.count > 0) {
+          chatSize = result;
+          foundConversationDb = dbName;
+          debugLogger.info(`Found conversations in database: ${dbName}`);
+          break;
+        }
+      } catch (error) {
+        debugLogger.warn(`Failed to check conversations in ${dbName}`, { error });
+      }
+    }
+    categories.push({
+      name: "Chat History",
+      icon: import_Chat.default,
+      color: "#4caf50",
+      size: chatSize.size,
+      itemCount: chatSize.count,
+      description: "Conversation history and messages",
+      stores: foundConversationDb ? [`${foundConversationDb}.conversations`] : [],
+      canClear: chatSize.count > 0,
+      clearWarning: "This will permanently delete all your chat conversations and message history."
+    });
+    debugLogger.info(`Chat History category created:`, {
+      itemCount: chatSize.count,
+      size: chatSize.size,
+      canClear: chatSize.count > 0,
+      foundDb: foundConversationDb
+    });
+    const knowledgeDbNames = ["bandit-knowledge", "banditKnowledge", "knowledge"];
+    let knowledgeSize = { size: 0, count: 0 };
+    let foundKnowledgeDb = "";
+    for (const dbName of knowledgeDbNames) {
+      try {
+        const result = await estimateStoreSize(dbName, "documents");
+        debugLogger.info(`Knowledge database ${dbName} check result:`, {
+          size: result.size,
+          count: result.count,
+          sizeFormatted: `${(result.size / 1024).toFixed(2)} KB`
+        });
+        if (result.count > 0) {
+          knowledgeSize = result;
+          foundKnowledgeDb = dbName;
+          debugLogger.info(`Found knowledge documents in database: ${dbName}`, {
+            totalSize: result.size,
+            itemCount: result.count
+          });
+          break;
+        }
+      } catch (error) {
+        debugLogger.warn(`Failed to check knowledge in ${dbName}`, { error });
+      }
+    }
+    categories.push({
+      name: "Knowledge Documents",
+      icon: import_Description6.default,
+      color: "#2196f3",
+      size: knowledgeSize.size,
+      itemCount: knowledgeSize.count,
+      description: "Uploaded documents and their embeddings",
+      stores: foundKnowledgeDb ? [`${foundKnowledgeDb}.documents`] : [],
+      canClear: knowledgeSize.count > 0,
+      clearWarning: "This will remove all uploaded documents and their AI embeddings. You will need to re-upload documents."
+    });
+    debugLogger.info(`Knowledge Documents category created:`, {
+      itemCount: knowledgeSize.count,
+      size: knowledgeSize.size,
+      sizeFormatted: `${(knowledgeSize.size / 1024).toFixed(2)} KB`,
+      canClear: knowledgeSize.count > 0,
+      foundDb: foundKnowledgeDb
+    });
+    const memoryDbNames = ["bandit-memory-db", "banditMemories", "bandit-memories"];
+    let memorySize = { size: 0, count: 0 };
+    let foundMemoryDb = "";
+    for (const dbName of memoryDbNames) {
+      try {
+        const result = await estimateStoreSize(dbName, "memories");
+        if (result.count > 0) {
+          memorySize = result;
+          foundMemoryDb = dbName;
+          debugLogger.info(`Found memories in database: ${dbName}`);
+          break;
+        }
+      } catch (error) {
+        debugLogger.warn(`Failed to check memories in ${dbName}`, { error });
+      }
+    }
+    categories.push({
+      name: "AI Memories",
+      icon: import_Person4.default,
+      color: "#ff9800",
+      size: memorySize.size,
+      itemCount: memorySize.count,
+      description: "AI memory entries and learned patterns",
+      stores: foundMemoryDb ? [`${foundMemoryDb}.memories`] : [],
+      canClear: memorySize.count > 0,
+      clearWarning: "This will delete all AI memory entries and learned conversation patterns."
+    });
+    const configDbNames = ["banditConfig", "bandit-config"];
+    let configSize = { size: 0, count: 0 };
     let foundConfigDb = "";
     for (const dbName of configDbNames) {
       try {
@@ -38503,7 +40001,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 +40113,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 +40179,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 +40275,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 +40289,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 +40313,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 +40336,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 +40355,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 +40384,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 +40393,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 +40402,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 +40412,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 +40428,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 +40467,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 +40479,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 +40498,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 +40519,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 +40545,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 +40554,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 +40583,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 +40603,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 +40643,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 +40682,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 +40706,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 +40759,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 +40783,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 +40813,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 +40833,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 +40845,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 +40894,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 +40910,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 +41045,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 +41065,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 +41092,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 +41108,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 +41119,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 +41141,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 +41154,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 +41174,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 +41190,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 +41205,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 +41220,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 +41235,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 +41250,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 +41265,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 +41277,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 +41288,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 +41299,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 +41310,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 +41325,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 +41340,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 +41355,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 +41366,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 +41378,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 +41406,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 +41425,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 +41448,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 +41472,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 +41489,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 +41550,7 @@ var MCPToolsTabV2 = () => {
       setLoading(false);
     }
   };
-  (0, import_react54.useEffect)(() => {
+  (0, import_react56.useEffect)(() => {
     if (isLoaded) {
       refresh();
     } else {
@@ -40061,7 +41559,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 +41575,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 +41593,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 +41608,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 +41638,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 +41657,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 +41718,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 +41735,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 +41759,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 +41783,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 +41898,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 +42353,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 +42361,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 +42491,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 +42502,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 +42551,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 +42602,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 +42613,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 +42624,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 +42647,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 +42662,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 +42682,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 +42704,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 +42716,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 +42729,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 +42750,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 +42771,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 +42795,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 +42824,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 +42843,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 +42862,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 +42871,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 +42886,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 +42913,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 +42927,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 +42936,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 +42964,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 +43173,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 +43193,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 +43228,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 +43252,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 +43267,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 +43321,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 +43332,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 +43360,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 +43389,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 +43405,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 +43415,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 +43463,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));