@burtson-labs/bandit-engine 2.0.44 → 2.0.50

package/dist/{chunk-JRGCRBWE.mjs → chunk-ZTTGERUG.mjs}

@@ -1,12 +1,15 @@
+import {
+  StreamingMarkdown_default
+} from "./chunk-KHKWYHXD.mjs";
 import {
   aiProviderInitService
-} from "./chunk-H4PBQ5LJ.mjs";
+} from "./chunk-VL3CMSDO.mjs";
 import {
   useMCPToolsStore
-} from "./chunk-RTQDQ6TC.mjs";
+} from "./chunk-EHNWQ4T3.mjs";
 import {
   chat_modal_default
-} from "./chunk-ERV7GLY3.mjs";
+} from "./chunk-TVF45U7B.mjs";
 import {
   DocumentCard_default,
   banditDarkTheme,
@@ -14,7 +17,7 @@ import {
   predefinedThemes,
   useNotificationService,
   useVoiceStore
-} from "./chunk-SBNENBUQ.mjs";
+} from "./chunk-AXFX2HUK.mjs";
 import {
   authenticationService,
   brandingService_default,
@@ -27,39 +30,39 @@ import {
   useFeatures,
   useKnowledgeStore2 as useKnowledgeStore,
   useVectorStore
-} from "./chunk-UXE67LR7.mjs";
+} from "./chunk-6WZUQHZT.mjs";
 import {
   indexedDBService_default,
   models,
   useModelStore,
   usePackageSettingsStore,
   usePreferencesStore
-} from "./chunk-XUBYA5I7.mjs";
+} from "./chunk-7ZDS33S2.mjs";
 import {
   AIProviderFactory,
   GatewayService,
   useAIProviderStore
-} from "./chunk-54ZQ3FSN.mjs";
+} from "./chunk-BENL3EF2.mjs";
 import {
   debugLogger
 } from "./chunk-KCI46M23.mjs";
 
 // src/management/management.tsx
-import { useState as useState12, useEffect as useEffect9, useCallback as useCallback7 } from "react";
-import useMediaQuery6 from "@mui/material/useMediaQuery";
-import { alpha as alpha2 } from "@mui/material/styles";
+import { useState as useState14, useEffect as useEffect11, useCallback as useCallback8, useMemo as useMemo6 } from "react";
+import useMediaQuery7 from "@mui/material/useMediaQuery";
+import { alpha as alpha2, createTheme } from "@mui/material/styles";
 import {
-  Box as Box11,
-  Button as Button9,
-  Typography as Typography11,
+  Box as Box13,
+  Button as Button10,
+  Typography as Typography12,
   ThemeProvider,
   CssBaseline,
   Fab,
-  List as List2,
-  ListItemButton,
+  List as List3,
+  ListItemButton as ListItemButton2,
   ListItemIcon as ListItemIcon2,
   ListItemText as ListItemText2,
-  Divider,
+  Divider as Divider2,
   SwipeableDrawer
 } from "@mui/material";
 import FaceRetouchingNaturalIcon from "@mui/icons-material/FaceRetouchingNatural";
@@ -2303,7 +2306,7 @@ var PreferencesTab = ({
       await setAdvancedVectorFeaturesEnabled(enabled);
       if (showSnackbar) {
         showSnackbar(
-          enabled ? "Advanced vector features enabled for this account." : "Advanced vector features disabled.",
+          enabled ? "Advanced knowledge sync enabled for this account." : "Advanced knowledge sync disabled.",
           "success"
         );
       }
@@ -2588,8 +2591,8 @@ var PreferencesTab = ({
             }
           ),
           label: /* @__PURE__ */ jsxs3(Box3, { textAlign: "left", children: [
-            /* @__PURE__ */ jsx3(Typography3, { variant: "body1", sx: { fontWeight: 600, color: "text.primary" }, children: "Advanced vector features" }),
-            /* @__PURE__ */ jsx3(Typography3, { variant: "body2", color: "text.secondary", children: "Keep semantic search, vector memories, and related context in sync across devices" })
+            /* @__PURE__ */ jsx3(Typography3, { variant: "body1", sx: { fontWeight: 600, color: "text.primary" }, children: "Advanced knowledge sync" }),
+            /* @__PURE__ */ jsx3(Typography3, { variant: "body2", color: "text.secondary", children: "Keep richer search, saved memories, and context in sync across devices" })
           ] }),
           sx: { alignSelf: { xs: "flex-start", sm: "center" } }
         }
@@ -3190,6 +3193,7 @@ var LogoCropper = ({
     canvas.width = outputWidth;
     canvas.height = outputHeight;
     ctx.save();
+    ctx.clearRect(0, 0, outputWidth, outputHeight);
     const scaleX = outputWidth / cropDims.width;
     const scaleY = outputHeight / cropDims.height;
     ctx.translate(outputWidth / 2, outputHeight / 2);
@@ -4161,6 +4165,12 @@ var BrandingTab = ({
 };
 var BrandingTab_default = BrandingTab;
 
+// src/management/components/KnowledgeHubTab.tsx
+import { useEffect as useEffect7, useState as useState10 } from "react";
+import { Box as Box9, Tab as Tab2, Tabs as Tabs2, useMediaQuery as useMediaQuery5, useTheme as useTheme6 } from "@mui/material";
+import DescriptionIcon3 from "@mui/icons-material/Description";
+import AutoStoriesIcon from "@mui/icons-material/AutoStories";
+
 // src/management/components/KnowledgeTab.tsx
 import { useState as useState8, useMemo as useMemo2, useCallback as useCallback5, useEffect as useEffect5 } from "react";
 import { v4 as uuidv4 } from "uuid";
@@ -4266,30 +4276,29 @@ var defaultSteps = [
   },
   {
     id: "embed",
-    title: "Creating Vectors",
-    description: "Neural networks are encoding knowledge into searchable vectors...",
+    title: "Making It Searchable",
+    description: "We turn the content into a private, searchable index...",
     icon: /* @__PURE__ */ jsx6(Memory, {}),
     duration: 10
   },
   {
     id: "optimize",
     title: "Optimizing Search",
-    description: "AI algorithms are organizing data for lightning-fast retrieval...",
+    description: "Organizing everything for quick, reliable answers...",
     icon: /* @__PURE__ */ jsx6(AutoAwesome, {}),
     duration: 8
   }
 ];
 var cleverMessages = [
-  "\u{1F977} Digital ninjas are working their magic...",
-  "\u{1F916} AI robots are crunching your data...",
-  "\u26A1 Neural networks firing at maximum capacity...",
-  "\u{1F9E0} Machine learning models deep in thought...",
-  "\u{1F52E} AI wizards casting knowledge spells...",
-  "\u2699\uFE0F Quantum processors spinning up...",
-  "\u{1F680} Algorithms achieving warp speed...",
-  "\u{1F4AB} Creating digital memories from your content...",
-  "\u{1F3AF} Precision-targeting knowledge patterns...",
-  "\u{1F31F} Transforming text into searchable stardust..."
+  "\u{1F977} Keeping your content safe while we set things up...",
+  "\u{1F916} Getting everything ready for fast answers...",
+  "\u26A1 Tidying the data so responses stay consistent...",
+  "\u{1F9E0} Remembering the important parts for you...",
+  "\u{1F512} Locking in privacy before we share results...",
+  "\u{1F680} Optimizing for quick, reliable lookups...",
+  "\u{1F4AB} Turning this into searchable knowledge...",
+  "\u{1F3AF} Focusing on the details that matter to you...",
+  "\u{1F31F} Making sure it stays available when you need it..."
 ];
 var ProcessingOverlay = ({
   open,
@@ -4877,16 +4886,16 @@ var KnowledgeTab = ({
   const handleDocumentUpload = async (files) => {
     if (shouldUseVector) {
       showProcessing(
-        "Uploading to Vector Database",
+        "Uploading to Secure Workspace",
         [
-          "\u{1F977} Digital ninjas securing your documents...",
-          "\u{1F916} AI robots reading and understanding content...",
-          "\u26A1 Neural networks encoding knowledge vectors...",
-          "\u{1F9E0} Machine learning creating searchable memories...",
-          "\u{1F52E} AI wizards optimizing semantic search...",
-          "\u{1F680} Vector embeddings achieving light speed...",
-          "\u{1F4AB} Transforming documents into intelligent data...",
-          "\u{1F3AF} Precision-targeting knowledge patterns..."
+          "\u{1F977} Keeping your documents private while we prepare them...",
+          "\u{1F916} Reading the content so answers stay accurate...",
+          "\u26A1 Turning pages into a searchable index...",
+          "\u{1F9E0} Remembering highlights for quick recall...",
+          "\u{1F52E} Organizing everything so search feels instant...",
+          "\u{1F680} Optimizing for fast, consistent responses...",
+          "\u{1F4AB} Transforming documents into trusted knowledge...",
+          "\u{1F3AF} Focusing on the details that matter most..."
         ]
       );
       try {
@@ -4960,7 +4969,7 @@ var KnowledgeTab = ({
           progress: 100,
           status: "success"
         })));
-        const message = result.usedVector ? `Successfully uploaded ${files.length} document(s) to vector database` : result.error ? `Upload completed with warnings: ${result.error}` : `Successfully uploaded ${files.length} document(s)`;
+        const message = result.usedVector ? `Successfully uploaded ${files.length} document(s) to your secure workspace` : result.error ? `Upload completed with warnings: ${result.error}` : `Successfully uploaded ${files.length} document(s)`;
         setSnackbarMessage(message);
         setSnackbarSeverity(result.error ? "warning" : "success");
         setShowSnackbar(true);
@@ -5021,7 +5030,7 @@ var KnowledgeTab = ({
           progress: 100,
           status: "success"
         })));
-        const message = result.usedVector ? `Successfully uploaded ${files.length} document(s) to vector database` : result.error ? `Upload completed with warnings: ${result.error}` : `Successfully uploaded ${files.length} document(s)`;
+        const message = result.usedVector ? `Successfully uploaded ${files.length} document(s) to your secure workspace` : result.error ? `Upload completed with warnings: ${result.error}` : `Successfully uploaded ${files.length} document(s)`;
         setSnackbarMessage(message);
         setSnackbarSeverity(result.error ? "warning" : "success");
         setShowSnackbar(true);
@@ -5199,7 +5208,7 @@ var KnowledgeTab = ({
                     shouldUseVector && /* @__PURE__ */ jsx7(
                       Chip5,
                       {
-                        label: "Vector DB",
+                        label: "Synced",
                         color: "primary",
                         size: "small",
                         sx: { ml: 1 }
@@ -5216,7 +5225,7 @@ var KnowledgeTab = ({
                   sx: { fontSize: { xs: "0.95rem", sm: "1rem" }, lineHeight: 1.5 },
                   children: [
                     "Add documents to your private knowledge base. Files are securely stored ",
-                    shouldUseVector ? "in the vector database" : "locally in your browser",
+                    shouldUseVector ? "in your private workspace" : "locally in your browser",
                     "."
                   ]
                 }
@@ -5552,7 +5561,7 @@ var KnowledgeTab = ({
     filteredAndSortedDocuments.length === 0 ? /* @__PURE__ */ jsx7(Card3, { sx: { textAlign: "center", py: 8 }, children: /* @__PURE__ */ jsxs7(CardContent3, { children: [
       /* @__PURE__ */ jsx7(FolderIcon, { sx: { fontSize: 64, color: "text.secondary", mb: 2 } }),
       /* @__PURE__ */ jsx7(Typography7, { variant: "h6", color: "text.secondary", gutterBottom: true, children: "No Documents Yet" }),
-      /* @__PURE__ */ jsx7(Typography7, { variant: "body2", color: "text.secondary", children: shouldUseVector ? "Upload and embed your first document to get started with advanced vector search" : "Upload your first document to get started" })
+      /* @__PURE__ */ jsx7(Typography7, { variant: "body2", color: "text.secondary", children: shouldUseVector ? "Upload and embed your first document to get started with advanced search" : "Upload your first document to get started" })
     ] }) }) : /* @__PURE__ */ jsxs7(Box7, { children: [
       /* @__PURE__ */ jsxs7(Typography7, { variant: "body2", color: "text.secondary", sx: { mb: 2 }, children: [
         "Showing ",
@@ -5561,7 +5570,7 @@ var KnowledgeTab = ({
         shouldUseVector ? vectorDocuments.length : documents.length,
         " documents",
         searchQuery && ` for "${searchQuery}"`,
-        shouldUseVector && ` (Vector Database)`
+        shouldUseVector && ` (Synced workspace)`
       ] }),
       viewMode === "grid" ? /* @__PURE__ */ jsx7(
         Box7,
@@ -5919,214 +5928,1694 @@ var KnowledgeTab = ({
 };
 var KnowledgeTab_default = KnowledgeTab;
 
-// src/management/components/StorageTab.tsx
-import { useState as useState9, useEffect as useEffect6, useMemo as useMemo3 } from "react";
+// src/management/components/SeedPacksTab.tsx
+import { useCallback as useCallback6, useEffect as useEffect6, useMemo as useMemo3, useRef as useRef5, useState as useState9 } from "react";
 import {
+  Alert as Alert7,
   Box as Box8,
-  Typography as Typography8,
   Button as Button7,
   Card as Card4,
   CardContent as CardContent4,
-  LinearProgress as LinearProgress3,
+  Chip as Chip6,
   Dialog as Dialog6,
-  DialogTitle as DialogTitle5,
+  DialogActions as DialogActions5,
   DialogContent as DialogContent6,
   DialogContentText as DialogContentText3,
-  DialogActions as DialogActions5,
-  Alert as Alert7,
-  Stack as Stack3,
-  Chip as Chip6,
-  Accordion,
-  AccordionSummary,
-  AccordionDetails,
+  DialogTitle as DialogTitle5,
+  Divider,
+  IconButton as IconButton5,
+  LinearProgress as LinearProgress3,
   List,
-  ListItem,
-  ListItemIcon,
-  ListItemText,
-  CircularProgress,
+  ListItemButton,
   Snackbar as Snackbar3,
-  useTheme as useTheme6
+  Stack as Stack3,
+  TextField as TextField5,
+  Tooltip as Tooltip2,
+  Typography as Typography8
 } from "@mui/material";
-import StorageIcon from "@mui/icons-material/Storage";
+import AddIcon from "@mui/icons-material/Add";
+import ArchiveIcon from "@mui/icons-material/Archive";
 import DeleteIcon3 from "@mui/icons-material/Delete";
-import RefreshIcon2 from "@mui/icons-material/Refresh";
-import WarningIcon from "@mui/icons-material/Warning";
-import InfoIcon from "@mui/icons-material/Info";
-import CleaningServicesIcon from "@mui/icons-material/CleaningServices";
 import DescriptionIcon2 from "@mui/icons-material/Description";
+import GroupIcon2 from "@mui/icons-material/Group";
 import PersonIcon2 from "@mui/icons-material/Person";
-import ChatIcon from "@mui/icons-material/Chat";
-import SettingsIcon from "@mui/icons-material/Settings";
-import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
-import CheckCircleIcon3 from "@mui/icons-material/CheckCircle";
-import ErrorIcon3 from "@mui/icons-material/Error";
-import { Fragment as Fragment5, jsx as jsx8, jsxs as jsxs8 } from "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];
+import PublishIcon from "@mui/icons-material/Publish";
+import RefreshIcon2 from "@mui/icons-material/Refresh";
+import SaveIcon2 from "@mui/icons-material/Save";
+import SearchIcon2 from "@mui/icons-material/Search";
+import UploadFileIcon2 from "@mui/icons-material/UploadFile";
+
+// src/services/seedPacks/seedPackService.ts
+var HttpResponseError = 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 isRecord = (value) => typeof value === "object" && value !== null;
+var getString = (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 = getString(record, "sid") ?? getString(record, "id") ?? "";
+  return {
+    sid,
+    name: getString(record, "name") ?? "Untitled Seed Pack",
+    description: getString(record, "description"),
+    status: toSeedPackStatus(getString(record, "status")),
+    version: getNumber(record, "version"),
+    contentType: getString(record, "contentType") ?? "markdown",
+    content: getString(record, "content"),
+    summary: getString(record, "summary"),
+    tags: getStringArray(record, "tags"),
+    scopeType: toSeedPackScope(getString(record, "scopeType")),
+    scopeSid: getString(record, "scopeSid"),
+    createdBySid: getString(record, "createdBySid"),
+    updatedBySid: getString(record, "updatedBySid"),
+    publishedBySid: getString(record, "publishedBySid"),
+    createdAt: getString(record, "createdAt"),
+    updatedAt: getString(record, "updatedAt"),
+    publishedAt: getString(record, "publishedAt")
+  };
+};
+var extractSeedPack = (payload) => {
+  if (!isRecord(payload)) {
+    return null;
+  }
+  const candidate = isRecord(payload.seedPack) && payload.seedPack || isRecord(payload.data) && payload.data || payload;
+  if (!isRecord(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) => isRecord(item) ? normalizeSeedPack(item) : null).filter((item) => Boolean(item?.sid));
+  }
+  if (!isRecord(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) => isRecord(item) ? normalizeSeedPack(item) : null).filter((item) => Boolean(item?.sid));
+};
+var buildUrl = (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 buildHeaders = () => {
+  const headers = {
+    "Content-Type": "application/json"
+  };
+  const token = authenticationService.getToken();
+  if (token) {
+    headers.Authorization = `Bearer ${token}`;
+  }
+  return headers;
+};
+var handleJsonResponse = 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 = isRecord(data) ? data : {};
+    const message = getString(record, "error") || getString(record, "message") || getString(record, "detail") || fallbackMessage;
+    const code = getString(record, "code") || getString(record, "error_code");
+    throw new HttpResponseError(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 = buildUrl("/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 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 });
-      }
+    const response = await fetch(url, { method: "GET", headers: buildHeaders() });
+    const payload = await handleJsonResponse(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 = buildUrl(`/seed-packs/${encodeURIComponent(sid)}`);
+  try {
+    const response = await fetch(url, { method: "GET", headers: buildHeaders() });
+    const payload = await handleJsonResponse(response, "Failed to load seed pack");
+    const pack = extractSeedPack(payload);
+    if (!pack) {
+      throw new Error("Seed pack response was empty");
     }
-    categories.push({
-      name: "Chat History",
-      icon: ChatIcon,
-      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 load seed pack", {
+      sid,
+      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 createSeedPack = async (draft) => {
+  const url = buildUrl("/seed-packs");
+  try {
+    const response = await fetch(url, {
+      method: "POST",
+      headers: buildHeaders(),
+      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 handleJsonResponse(response, "Failed to create seed pack");
+    const pack = extractSeedPack(payload);
+    if (!pack) {
+      throw new Error("Seed pack response was empty");
     }
-    categories.push({
-      name: "Knowledge Documents",
-      icon: DescriptionIcon2,
-      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 create seed pack", {
+      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 updateSeedPack = async (sid, draft) => {
+  const url = buildUrl(`/seed-packs/${encodeURIComponent(sid)}`);
+  try {
+    const response = await fetch(url, {
+      method: "PUT",
+      headers: buildHeaders(),
+      body: JSON.stringify(buildDraftPayload(draft))
     });
-    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 });
-      }
+    const payload = await handleJsonResponse(response, "Failed to update seed pack");
+    const pack = extractSeedPack(payload);
+    if (!pack) {
+      throw new Error("Seed pack response was empty");
     }
-    categories.push({
-      name: "AI Memories",
-      icon: PersonIcon2,
-      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 update seed pack", {
+      sid,
+      error: error instanceof Error ? error.message : String(error)
     });
-    const configDbNames = ["banditConfig", "bandit-config"];
-    let configSize = { size: 0, count: 0 };
-    let foundConfigDb = "";
-    for (const dbName of configDbNames) {
-      try {
-        const result = await estimateStoreSize(dbName, "config");
-        if (result.count > 0) {
-          configSize = result;
-          foundConfigDb = dbName;
-          debugLogger.info(`Found config in database: ${dbName}`);
-          break;
-        }
-      } catch (error) {
-        debugLogger.warn(`Failed to check config in ${dbName}`, { error });
-      }
+    throw error;
+  }
+};
+var publishSeedPack = async (sid) => {
+  const url = buildUrl(`/seed-packs/${encodeURIComponent(sid)}/publish`);
+  try {
+    const response = await fetch(url, { method: "POST", headers: buildHeaders() });
+    const payload = await handleJsonResponse(response, "Failed to publish seed pack");
+    const pack = extractSeedPack(payload);
+    if (!pack) {
+      throw new Error("Seed pack response was empty");
     }
-    categories.push({
-      name: "App Settings & Models",
-      icon: SettingsIcon,
-      color: "#9c27b0",
-      size: configSize.size,
-      itemCount: configSize.count,
-      description: "Custom models, app settings, and user preferences",
-      stores: foundConfigDb ? [`${foundConfigDb}.config`] : [],
-      canClear: configSize.count > 0,
-      clearWarning: "This will delete all custom AI models, app settings, themes, and preferences. The app will reset to defaults."
+    return pack;
+  } catch (error) {
+    debugLogger.error("seedPackService: failed to publish seed pack", {
+      sid,
+      error: error instanceof Error ? error.message : String(error)
     });
-    const queryDbNames = ["banditAIQuery", "ai-query-db"];
-    let querySize = { size: 0, count: 0 };
+    throw error;
+  }
+};
+var archiveSeedPack = async (sid) => {
+  const url = buildUrl(`/seed-packs/${encodeURIComponent(sid)}/archive`);
+  try {
+    const response = await fetch(url, { method: "POST", headers: buildHeaders() });
+    const payload = await handleJsonResponse(response, "Failed to archive seed pack");
+    const pack = extractSeedPack(payload);
+    if (!pack) {
+      throw new Error("Seed pack response was empty");
+    }
+    return pack;
+  } catch (error) {
+    debugLogger.error("seedPackService: failed to archive seed pack", {
+      sid,
+      error: error instanceof Error ? error.message : String(error)
+    });
+    throw error;
+  }
+};
+
+// src/management/components/SeedPacksTab.tsx
+import { jsx as jsx8, jsxs as jsxs8 } from "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 formatFileSize2 = (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__ */ jsx8(
+  Card4,
+  {
+    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__ */ jsxs8(
+      CardContent4,
+      {
+        sx: {
+          p: { xs: 1.5, sm: 2 },
+          height: "100%",
+          display: "flex",
+          flexDirection: "column",
+          overflow: "hidden"
+        },
+        children: [
+          /* @__PURE__ */ jsxs8(
+            Box8,
+            {
+              sx: {
+                display: "flex",
+                justifyContent: "space-between",
+                alignItems: "flex-start",
+                mb: 1,
+                height: 32
+              },
+              children: [
+                /* @__PURE__ */ jsx8(DescriptionIcon2, { sx: { fontSize: 32, color: "#388e3c", flexShrink: 0 } }),
+                !isReadOnly && /* @__PURE__ */ jsx8(
+                  IconButton5,
+                  {
+                    size: "small",
+                    color: "error",
+                    onClick: (event) => {
+                      event.stopPropagation();
+                      onRemove();
+                    },
+                    sx: { width: 24, height: 24 },
+                    children: /* @__PURE__ */ jsx8(DeleteIcon3, { fontSize: "small" })
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx8(
+            Box8,
+            {
+              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__ */ jsx8(
+                Typography8,
+                {
+                  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__ */ jsx8(Tooltip2, { title: file.name, arrow: true, children: /* @__PURE__ */ jsx8(
+            Typography8,
+            {
+              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__ */ jsxs8(
+            Box8,
+            {
+              sx: {
+                display: "flex",
+                justifyContent: "space-between",
+                alignItems: "flex-start",
+                mb: 1,
+                minHeight: 40
+              },
+              children: [
+                /* @__PURE__ */ jsxs8(Box8, { sx: { display: "flex", gap: 0.5, flexWrap: "wrap", flex: 1, mr: 1 }, children: [
+                  /* @__PURE__ */ jsx8(
+                    Chip6,
+                    {
+                      icon: /* @__PURE__ */ jsx8(PersonIcon2, { 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__ */ jsx8(
+                    Chip6,
+                    {
+                      icon: /* @__PURE__ */ jsx8(DescriptionIcon2, { sx: { fontSize: "0.85rem !important" } }),
+                      label: "Markdown",
+                      size: "small",
+                      sx: {
+                        bgcolor: "#388e3c15",
+                        color: "#388e3c",
+                        fontWeight: 500,
+                        fontSize: "0.65rem"
+                      }
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsx8(Typography8, { variant: "caption", color: "text.secondary", sx: { flexShrink: 0 }, children: formatFileSize2(file.size) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx8(Box8, { sx: { mt: "auto" }, children: /* @__PURE__ */ jsx8(
+            Button7,
+            {
+              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__ */ jsx8(SearchIcon2, { 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] = useState9([]);
+  const [selectedSid, setSelectedSid] = useState9(null);
+  const [selectedSeedPack, setSelectedSeedPack] = useState9(null);
+  const [draft, setDraft] = useState9({
+    name: "",
+    description: "",
+    content: ""
+  });
+  const [tagsInput, setTagsInput] = useState9("");
+  const [importedFiles, setImportedFiles] = useState9([]);
+  const [createImportedFiles, setCreateImportedFiles] = useState9([]);
+  const [previewFile, setPreviewFile] = useState9(null);
+  const fileInputRef = useRef5(null);
+  const createFileInputRef = useRef5(null);
+  const [isLoadingList, setIsLoadingList] = useState9(false);
+  const [isLoadingDetail, setIsLoadingDetail] = useState9(false);
+  const [isSaving, setIsSaving] = useState9(false);
+  const [isPublishing, setIsPublishing] = useState9(false);
+  const [isArchiving, setIsArchiving] = useState9(false);
+  const [isCreating, setIsCreating] = useState9(false);
+  const [createDialogOpen, setCreateDialogOpen] = useState9(false);
+  const [publishDialogOpen, setPublishDialogOpen] = useState9(false);
+  const [archiveDialogOpen, setArchiveDialogOpen] = useState9(false);
+  const [newPackName, setNewPackName] = useState9("");
+  const [newPackDescription, setNewPackDescription] = useState9("");
+  const [newPackTags, setNewPackTags] = useState9("");
+  const [snackbarOpen, setSnackbarOpen] = useState9(false);
+  const [snackbarMessage, setSnackbarMessage] = useState9("");
+  const [snackbarSeverity, setSnackbarSeverity] = useState9("success");
+  const parsedTags = useMemo3(() => parseTags(tagsInput), [tagsInput]);
+  const normalizedSelectedTags = useMemo3(
+    () => normalizeTags(selectedSeedPack?.tags),
+    [selectedSeedPack?.tags]
+  );
+  const isDirty = useMemo3(() => {
+    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 = useMemo3(() => {
+    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 = useCallback6((message, severity) => {
+    setSnackbarMessage(message);
+    setSnackbarSeverity(severity);
+    setSnackbarOpen(true);
+  }, []);
+  const hydrateDraft = useCallback6((pack) => {
+    setDraft({
+      name: pack.name ?? "",
+      description: pack.description ?? "",
+      content: pack.content ?? ""
+    });
+    setTagsInput((pack.tags ?? []).join(", "));
+    setImportedFiles([]);
+    setPreviewFile(null);
+  }, []);
+  const resetCreateDialog = useCallback6(() => {
+    setCreateDialogOpen(false);
+    setNewPackName("");
+    setNewPackDescription("");
+    setNewPackTags("");
+    setCreateImportedFiles([]);
+  }, []);
+  const refreshSeedPacks = useCallback6(
+    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 = useCallback6(
+    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]
+  );
+  useEffect6(() => {
+    void refreshSeedPacks();
+  }, [refreshSeedPacks, authStore.token]);
+  useEffect6(() => {
+    if (selectedSid) {
+      void loadSeedPackDetail(selectedSid);
+    }
+  }, [selectedSid, loadSeedPackDetail]);
+  const handleSelectPack = (pack) => {
+    setSelectedSid(pack.sid);
+    setSelectedSeedPack(pack);
+    hydrateDraft(pack);
+  };
+  const handleImportFiles = useCallback6(
+    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 = useCallback6(
+    async (event) => {
+      await handleImportFiles(event.target.files);
+      event.target.value = "";
+    },
+    [handleImportFiles]
+  );
+  const handleRemoveImportedFile = useCallback6((id) => {
+    setImportedFiles((prev) => prev.filter((file) => file.id !== id));
+  }, []);
+  const handleCreateImportFiles = useCallback6(
+    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 = useCallback6(
+    async (event) => {
+      await handleCreateImportFiles(event.target.files);
+      event.target.value = "";
+    },
+    [handleCreateImportFiles]
+  );
+  const handleRemoveCreateImportedFile = useCallback6((id) => {
+    setCreateImportedFiles((prev) => prev.filter((file) => file.id !== id));
+  }, []);
+  const buildDraftPayload2 = useCallback6(() => {
+    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 = useCallback6(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__ */ jsxs8(Box8, { sx: { p: { xs: 1.5, sm: 3, md: 4 } }, children: [
+    /* @__PURE__ */ jsxs8(Box8, { sx: { mb: { xs: 2.5, md: 3 } }, children: [
+      /* @__PURE__ */ jsxs8(
+        Stack3,
+        {
+          direction: { xs: "column", md: "row" },
+          spacing: { xs: 1.5, md: 2 },
+          alignItems: { xs: "flex-start", md: "center" },
+          justifyContent: "space-between",
+          children: [
+            /* @__PURE__ */ jsxs8(Box8, { children: [
+              /* @__PURE__ */ jsx8(
+                Typography8,
+                {
+                  variant: "h5",
+                  color: "text.primary",
+                  sx: { mb: 1, fontWeight: 600, fontSize: { xs: "1.55rem", md: "1.8rem" } },
+                  children: "Seed Packs"
+                }
+              ),
+              /* @__PURE__ */ jsx8(Typography8, { variant: "body1", color: "text.secondary", children: "Curated internal knowledge that is always available to assistants, without showing up as visible sources." })
+            ] }),
+            /* @__PURE__ */ jsx8(Stack3, { direction: "row", spacing: 1, flexWrap: "wrap", children: /* @__PURE__ */ jsx8(
+              Chip6,
+              {
+                icon: isTeamScope ? /* @__PURE__ */ jsx8(GroupIcon2, {}) : /* @__PURE__ */ jsx8(PersonIcon2, {}),
+                label: scopeLabel,
+                color: "info",
+                variant: "outlined"
+              }
+            ) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx8(Typography8, { variant: "caption", color: "text.secondary", children: scopeDescription })
+    ] }),
+    !gatewayConfigured && /* @__PURE__ */ jsx8(Alert7, { severity: "warning", sx: { mb: 2 }, children: "Gateway API is not configured. Seed packs require a gateway URL in package settings." }),
+    gatewayConfigured && !canManage && /* @__PURE__ */ jsx8(Alert7, { severity: "info", sx: { mb: 2 }, children: "You have view-only access. Admin rights are required to create, publish, or archive team seed packs." }),
+    /* @__PURE__ */ jsxs8(
+      Box8,
+      {
+        sx: {
+          display: "grid",
+          gridTemplateColumns: { xs: "1fr", md: "320px 1fr" },
+          gap: { xs: 2, md: 3 }
+        },
+        children: [
+          /* @__PURE__ */ jsxs8(Card4, { sx: { height: "fit-content" }, children: [
+            /* @__PURE__ */ jsx8(CardContent4, { sx: { pb: 1.5 }, children: /* @__PURE__ */ jsxs8(Stack3, { direction: "row", spacing: 1, alignItems: "center", justifyContent: "space-between", children: [
+              /* @__PURE__ */ jsx8(Typography8, { variant: "h6", sx: { fontWeight: 600 }, children: "Packs" }),
+              /* @__PURE__ */ jsxs8(Stack3, { direction: "row", spacing: 1, children: [
+                /* @__PURE__ */ jsx8(
+                  Button7,
+                  {
+                    size: "small",
+                    variant: "outlined",
+                    onClick: () => refreshSeedPacks(),
+                    startIcon: /* @__PURE__ */ jsx8(RefreshIcon2, {}),
+                    disabled: !gatewayConfigured || isLoadingList,
+                    children: "Refresh"
+                  }
+                ),
+                canManage && /* @__PURE__ */ jsx8(
+                  Button7,
+                  {
+                    size: "small",
+                    variant: "contained",
+                    startIcon: /* @__PURE__ */ jsx8(AddIcon, {}),
+                    onClick: () => setCreateDialogOpen(true),
+                    disabled: !gatewayConfigured,
+                    children: "New"
+                  }
+                )
+              ] })
+            ] }) }),
+            /* @__PURE__ */ jsx8(Divider, {}),
+            /* @__PURE__ */ jsxs8(Box8, { sx: { px: 2, pb: 2 }, children: [
+              isLoadingList && /* @__PURE__ */ jsx8(LinearProgress3, { sx: { mb: 2 } }),
+              sortedSeedPacks.length === 0 ? /* @__PURE__ */ jsx8(Typography8, { variant: "body2", color: "text.secondary", children: "No seed packs yet. Create one to start sharing internal knowledge." }) : /* @__PURE__ */ jsx8(List, { sx: { px: 0 }, children: sortedSeedPacks.map((pack) => {
+                const status = getStatusChip(pack.status);
+                const tags = normalizeTags(pack.tags);
+                return /* @__PURE__ */ jsx8(
+                  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__ */ jsxs8(Box8, { sx: { flex: 1 }, children: [
+                      /* @__PURE__ */ jsxs8(Stack3, { direction: "row", spacing: 1, alignItems: "center", sx: { mb: 0.5 }, children: [
+                        /* @__PURE__ */ jsx8(Typography8, { variant: "subtitle1", sx: { fontWeight: 600 }, children: pack.name }),
+                        /* @__PURE__ */ jsx8(Chip6, { size: "small", label: status.label, color: status.color })
+                      ] }),
+                      /* @__PURE__ */ jsxs8(Typography8, { variant: "caption", color: "text.secondary", children: [
+                        pack.version ? `v${pack.version}` : "v0",
+                        " | Last published:",
+                        " ",
+                        formatTimestamp(pack.publishedAt)
+                      ] }),
+                      tags.length > 0 && /* @__PURE__ */ jsx8(Stack3, { direction: "row", spacing: 0.5, flexWrap: "wrap", sx: { mt: 1 }, children: tags.map((tag) => /* @__PURE__ */ jsx8(Chip6, { size: "small", label: tag, variant: "outlined" }, tag)) })
+                    ] })
+                  },
+                  pack.sid
+                );
+              }) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx8(Card4, { children: /* @__PURE__ */ jsxs8(CardContent4, { children: [
+            /* @__PURE__ */ jsxs8(Stack3, { direction: "row", spacing: 1, alignItems: "center", justifyContent: "space-between", children: [
+              /* @__PURE__ */ jsxs8(Box8, { children: [
+                /* @__PURE__ */ jsx8(Typography8, { variant: "h6", sx: { fontWeight: 600 }, children: selectedSeedPack ? "Seed Pack Editor" : "Seed Pack Details" }),
+                /* @__PURE__ */ jsx8(Typography8, { variant: "body2", color: "text.secondary", children: "Draft content stays internal and is never shown as user-facing sources." })
+              ] }),
+              selectedSeedPack && /* @__PURE__ */ jsxs8(Stack3, { direction: "row", spacing: 1, flexWrap: "wrap", children: [
+                isDirty && /* @__PURE__ */ jsx8(Chip6, { size: "small", label: "Unsaved changes", color: "warning" }),
+                /* @__PURE__ */ jsx8(Chip6, { size: "small", label: statusChip.label, color: statusChip.color })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx8(Divider, { sx: { my: 2 } }),
+            !selectedSeedPack && /* @__PURE__ */ jsxs8(Box8, { children: [
+              /* @__PURE__ */ jsx8(Typography8, { 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__ */ jsx8(
+                Button7,
+                {
+                  variant: "contained",
+                  startIcon: /* @__PURE__ */ jsx8(AddIcon, {}),
+                  onClick: () => setCreateDialogOpen(true),
+                  disabled: !gatewayConfigured,
+                  children: "Create seed pack"
+                }
+              )
+            ] }),
+            selectedSeedPack && /* @__PURE__ */ jsxs8(Stack3, { spacing: 2, children: [
+              isLoadingDetail && /* @__PURE__ */ jsx8(LinearProgress3, {}),
+              /* @__PURE__ */ jsx8(
+                TextField5,
+                {
+                  label: "Name",
+                  value: draft.name,
+                  onChange: (event) => setDraft((prev) => ({ ...prev, name: event.target.value })),
+                  fullWidth: true,
+                  disabled: isReadOnly
+                }
+              ),
+              /* @__PURE__ */ jsx8(
+                TextField5,
+                {
+                  label: "Description",
+                  value: draft.description,
+                  onChange: (event) => setDraft((prev) => ({ ...prev, description: event.target.value })),
+                  fullWidth: true,
+                  multiline: true,
+                  minRows: 2,
+                  disabled: isReadOnly
+                }
+              ),
+              /* @__PURE__ */ jsx8(
+                TextField5,
+                {
+                  label: "Tags (comma separated)",
+                  value: tagsInput,
+                  onChange: (event) => setTagsInput(event.target.value),
+                  fullWidth: true,
+                  disabled: isReadOnly
+                }
+              ),
+              /* @__PURE__ */ jsxs8(Stack3, { direction: "row", spacing: 1, flexWrap: "wrap", children: [
+                /* @__PURE__ */ jsx8(Chip6, { size: "small", label: scopeLabel, icon: isTeamScope ? /* @__PURE__ */ jsx8(GroupIcon2, {}) : /* @__PURE__ */ jsx8(PersonIcon2, {}) }),
+                selectedSeedPack.version && /* @__PURE__ */ jsx8(Chip6, { size: "small", label: `Version ${selectedSeedPack.version}`, variant: "outlined" }),
+                selectedSeedPack.updatedAt && /* @__PURE__ */ jsx8(Chip6, { size: "small", label: `Updated ${formatTimestamp(selectedSeedPack.updatedAt)}`, variant: "outlined" })
+              ] }),
+              /* @__PURE__ */ jsx8(Alert7, { severity: "info", children: "Treat seed pack content as internal knowledge. Do not include instructions that override system or developer messages." }),
+              /* @__PURE__ */ jsxs8(
+                Box8,
+                {
+                  sx: {
+                    display: "grid",
+                    gridTemplateColumns: { xs: "1fr", md: "1fr 1fr" },
+                    gap: 2,
+                    alignItems: "start"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsxs8(Box8, { children: [
+                      /* @__PURE__ */ jsxs8(
+                        Stack3,
+                        {
+                          direction: { xs: "column", sm: "row" },
+                          spacing: 1,
+                          alignItems: { xs: "flex-start", sm: "center" },
+                          justifyContent: "space-between",
+                          sx: { mb: 1 },
+                          children: [
+                            /* @__PURE__ */ jsx8(Typography8, { variant: "subtitle2", children: "Markdown content" }),
+                            /* @__PURE__ */ jsx8(
+                              Button7,
+                              {
+                                size: "small",
+                                variant: "outlined",
+                                startIcon: /* @__PURE__ */ jsx8(UploadFileIcon2, {}),
+                                onClick: () => fileInputRef.current?.click(),
+                                disabled: isReadOnly,
+                                children: "Import .md"
+                              }
+                            ),
+                            /* @__PURE__ */ jsx8(
+                              "input",
+                              {
+                                ref: fileInputRef,
+                                type: "file",
+                                accept: ".md",
+                                multiple: true,
+                                onChange: handleFileInputChange,
+                                style: { display: "none" }
+                              }
+                            )
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ jsx8(Typography8, { variant: "caption", color: "text.secondary", sx: { mb: 1, display: "block" }, children: "Paste or import markdown files. Imports copy content into the editor." }),
+                      /* @__PURE__ */ jsx8(
+                        TextField5,
+                        {
+                          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__ */ jsxs8(Box8, { sx: { mt: 2 }, children: [
+                        /* @__PURE__ */ jsx8(Typography8, { variant: "subtitle2", sx: { mb: 1 }, children: "Imported markdown files" }),
+                        /* @__PURE__ */ jsx8(
+                          Box8,
+                          {
+                            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__ */ jsx8(
+                              SeedPackFileCard,
+                              {
+                                file,
+                                isReadOnly,
+                                onPreview: () => setPreviewFile(file),
+                                onRemove: () => handleRemoveImportedFile(file.id)
+                              },
+                              file.id
+                            ))
+                          }
+                        )
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ jsx8(Card4, { variant: "outlined", children: /* @__PURE__ */ jsxs8(CardContent4, { children: [
+                      /* @__PURE__ */ jsx8(Typography8, { variant: "subtitle2", sx: { mb: 1 }, children: "Preview" }),
+                      /* @__PURE__ */ jsx8(StreamingMarkdown_default, { content: previewContent })
+                    ] }) })
+                  ]
+                }
+              ),
+              selectedSeedPack.summary && /* @__PURE__ */ jsx8(
+                TextField5,
+                {
+                  label: "Summary (auto-generated)",
+                  value: selectedSeedPack.summary,
+                  fullWidth: true,
+                  multiline: true,
+                  minRows: 3,
+                  InputProps: { readOnly: true }
+                }
+              ),
+              canManage && /* @__PURE__ */ jsxs8(Stack3, { direction: { xs: "column", sm: "row" }, spacing: 1, flexWrap: "wrap", children: [
+                /* @__PURE__ */ jsx8(
+                  Button7,
+                  {
+                    variant: "outlined",
+                    startIcon: /* @__PURE__ */ jsx8(SaveIcon2, {}),
+                    onClick: handleSaveDraft,
+                    disabled: isReadOnly || !isDirty || isSaving,
+                    children: isSaving ? "Saving..." : "Save draft"
+                  }
+                ),
+                /* @__PURE__ */ jsx8(
+                  Button7,
+                  {
+                    variant: "outlined",
+                    onClick: handleResetDraft,
+                    disabled: !isDirty || isReadOnly,
+                    children: "Reset changes"
+                  }
+                ),
+                /* @__PURE__ */ jsx8(
+                  Button7,
+                  {
+                    variant: "contained",
+                    startIcon: /* @__PURE__ */ jsx8(PublishIcon, {}),
+                    onClick: () => setPublishDialogOpen(true),
+                    disabled: isReadOnly || isPublishing,
+                    children: isPublishing ? "Publishing..." : "Publish"
+                  }
+                ),
+                /* @__PURE__ */ jsx8(
+                  Button7,
+                  {
+                    variant: "text",
+                    color: "error",
+                    startIcon: /* @__PURE__ */ jsx8(ArchiveIcon, {}),
+                    onClick: () => setArchiveDialogOpen(true),
+                    disabled: isReadOnly || isArchiving,
+                    children: isArchiving ? "Archiving..." : "Archive"
+                  }
+                )
+              ] })
+            ] })
+          ] }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs8(Dialog6, { open: createDialogOpen, onClose: resetCreateDialog, maxWidth: "sm", fullWidth: true, children: [
+      /* @__PURE__ */ jsx8(DialogTitle5, { children: "Create seed pack" }),
+      /* @__PURE__ */ jsxs8(DialogContent6, { children: [
+        /* @__PURE__ */ jsxs8(DialogContentText3, { sx: { mb: 2 }, children: [
+          "Seed packs are scoped automatically based on your sign-in. ",
+          scopeLabel,
+          " - ",
+          scopeDescription
+        ] }),
+        /* @__PURE__ */ jsxs8(Stack3, { spacing: 2, children: [
+          /* @__PURE__ */ jsx8(
+            TextField5,
+            {
+              label: "Name",
+              value: newPackName,
+              onChange: (event) => setNewPackName(event.target.value),
+              fullWidth: true,
+              autoFocus: true
+            }
+          ),
+          /* @__PURE__ */ jsx8(
+            TextField5,
+            {
+              label: "Description",
+              value: newPackDescription,
+              onChange: (event) => setNewPackDescription(event.target.value),
+              fullWidth: true,
+              multiline: true,
+              minRows: 2
+            }
+          ),
+          /* @__PURE__ */ jsx8(
+            TextField5,
+            {
+              label: "Tags (comma separated)",
+              value: newPackTags,
+              onChange: (event) => setNewPackTags(event.target.value),
+              fullWidth: true
+            }
+          ),
+          /* @__PURE__ */ jsx8(Divider, {}),
+          /* @__PURE__ */ jsxs8(Stack3, { direction: { xs: "column", sm: "row" }, spacing: 1, alignItems: "center", children: [
+            /* @__PURE__ */ jsx8(
+              Button7,
+              {
+                size: "small",
+                variant: "outlined",
+                startIcon: /* @__PURE__ */ jsx8(UploadFileIcon2, {}),
+                onClick: () => createFileInputRef.current?.click(),
+                disabled: !canManage,
+                children: "Import .md files"
+              }
+            ),
+            /* @__PURE__ */ jsx8(Typography8, { variant: "caption", color: "text.secondary", children: "Optional. Files are merged into the draft content." }),
+            /* @__PURE__ */ jsx8(
+              "input",
+              {
+                ref: createFileInputRef,
+                type: "file",
+                accept: ".md",
+                multiple: true,
+                onChange: handleCreateFileInputChange,
+                style: { display: "none" }
+              }
+            )
+          ] }),
+          createImportedFiles.length > 0 && /* @__PURE__ */ jsxs8(Box8, { children: [
+            /* @__PURE__ */ jsx8(Typography8, { variant: "subtitle2", sx: { mb: 1 }, children: "Imported markdown files" }),
+            /* @__PURE__ */ jsx8(
+              Box8,
+              {
+                sx: {
+                  display: "grid",
+                  gridTemplateColumns: {
+                    xs: "1fr",
+                    sm: "repeat(2, minmax(0, 1fr))"
+                  },
+                  gap: 2
+                },
+                children: createImportedFiles.map((file) => /* @__PURE__ */ jsx8(
+                  SeedPackFileCard,
+                  {
+                    file,
+                    isReadOnly: !canManage,
+                    onPreview: () => setPreviewFile(file),
+                    onRemove: () => handleRemoveCreateImportedFile(file.id)
+                  },
+                  file.id
+                ))
+              }
+            )
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs8(DialogActions5, { children: [
+        /* @__PURE__ */ jsx8(Button7, { onClick: resetCreateDialog, children: "Cancel" }),
+        /* @__PURE__ */ jsx8(
+          Button7,
+          {
+            variant: "contained",
+            onClick: handleCreateSeedPack,
+            disabled: !gatewayConfigured || isCreating,
+            children: isCreating ? "Creating..." : "Create"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs8(Dialog6, { open: publishDialogOpen, onClose: () => setPublishDialogOpen(false), maxWidth: "sm", fullWidth: true, children: [
+      /* @__PURE__ */ jsx8(DialogTitle5, { children: "Publish seed pack" }),
+      /* @__PURE__ */ jsxs8(DialogContent6, { children: [
+        /* @__PURE__ */ jsx8(DialogContentText3, { 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__ */ jsx8(Alert7, { severity: "info", sx: { mt: 2 }, children: "You have unsaved changes. They will be included in the published version." })
+      ] }),
+      /* @__PURE__ */ jsxs8(DialogActions5, { children: [
+        /* @__PURE__ */ jsx8(Button7, { onClick: () => setPublishDialogOpen(false), children: "Cancel" }),
+        /* @__PURE__ */ jsx8(Button7, { variant: "contained", onClick: handlePublish, disabled: isPublishing, children: isPublishing ? "Publishing..." : "Publish" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs8(Dialog6, { open: archiveDialogOpen, onClose: () => setArchiveDialogOpen(false), maxWidth: "sm", fullWidth: true, children: [
+      /* @__PURE__ */ jsx8(DialogTitle5, { children: "Archive seed pack" }),
+      /* @__PURE__ */ jsx8(DialogContent6, { children: /* @__PURE__ */ jsx8(DialogContentText3, { children: "Archiving stops this seed pack from being used in new conversations. You can keep it for reference or audit history." }) }),
+      /* @__PURE__ */ jsxs8(DialogActions5, { children: [
+        /* @__PURE__ */ jsx8(Button7, { onClick: () => setArchiveDialogOpen(false), children: "Cancel" }),
+        /* @__PURE__ */ jsx8(Button7, { variant: "contained", color: "error", onClick: handleArchive, disabled: isArchiving, children: isArchiving ? "Archiving..." : "Archive" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs8(
+      Dialog6,
+      {
+        open: Boolean(previewFile),
+        onClose: () => setPreviewFile(null),
+        maxWidth: "md",
+        fullWidth: true,
+        children: [
+          /* @__PURE__ */ jsx8(DialogTitle5, { children: previewFile?.name ?? "Markdown preview" }),
+          /* @__PURE__ */ jsx8(DialogContent6, { dividers: true, children: /* @__PURE__ */ jsx8(StreamingMarkdown_default, { content: previewFile?.content ?? "" }) }),
+          /* @__PURE__ */ jsx8(DialogActions5, { children: /* @__PURE__ */ jsx8(Button7, { onClick: () => setPreviewFile(null), children: "Close" }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx8(
+      Snackbar3,
+      {
+        open: snackbarOpen,
+        autoHideDuration: 4e3,
+        onClose: () => setSnackbarOpen(false),
+        anchorOrigin: { vertical: "bottom", horizontal: "center" },
+        children: /* @__PURE__ */ jsx8(Alert7, { onClose: () => setSnackbarOpen(false), severity: snackbarSeverity, sx: { width: "100%" }, children: snackbarMessage })
+      }
+    )
+  ] });
+};
+var SeedPacksTab_default = SeedPacksTab;
+
+// src/management/components/KnowledgeHubTab.tsx
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+var KnowledgeHubTab = (props) => {
+  const theme = useTheme6();
+  const isMobile = useMediaQuery5(theme.breakpoints.down("sm"));
+  const { seedPacksEnabled = false } = props;
+  const [tabIndex, setTabIndex] = useState10(0);
+  const effectiveTabIndex = seedPacksEnabled ? tabIndex : 0;
+  useEffect7(() => {
+    if (!seedPacksEnabled && tabIndex !== 0) {
+      setTabIndex(0);
+    }
+  }, [seedPacksEnabled, tabIndex]);
+  return /* @__PURE__ */ jsxs9(Box9, { children: [
+    /* @__PURE__ */ jsx9(Box9, { sx: { px: { xs: 1.5, sm: 3, md: 4 }, pt: { xs: 1.5, md: 2 } }, children: /* @__PURE__ */ jsxs9(
+      Tabs2,
+      {
+        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__ */ jsx9(
+            Tab2,
+            {
+              icon: /* @__PURE__ */ jsx9(DescriptionIcon3, { fontSize: isMobile ? "small" : "medium" }),
+              iconPosition: isMobile ? "top" : "start",
+              label: "Documents"
+            }
+          ),
+          seedPacksEnabled && /* @__PURE__ */ jsx9(
+            Tab2,
+            {
+              icon: /* @__PURE__ */ jsx9(AutoStoriesIcon, { fontSize: isMobile ? "small" : "medium" }),
+              iconPosition: isMobile ? "top" : "start",
+              label: "Seed Packs"
+            }
+          )
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx9(Box9, { sx: { display: effectiveTabIndex === 0 ? "block" : "none" }, children: /* @__PURE__ */ jsx9(KnowledgeTab_default, { ...props }) }),
+    seedPacksEnabled && /* @__PURE__ */ jsx9(Box9, { sx: { display: effectiveTabIndex === 1 ? "block" : "none" }, children: /* @__PURE__ */ jsx9(SeedPacksTab_default, {}) })
+  ] });
+};
+var KnowledgeHubTab_default = KnowledgeHubTab;
+
+// src/management/components/StorageTab.tsx
+import { useState as useState11, useEffect as useEffect8, useMemo as useMemo4 } from "react";
+import {
+  Box as Box10,
+  Typography as Typography9,
+  Button as Button8,
+  Card as Card5,
+  CardContent as CardContent5,
+  LinearProgress as LinearProgress4,
+  Dialog as Dialog7,
+  DialogTitle as DialogTitle6,
+  DialogContent as DialogContent7,
+  DialogContentText as DialogContentText4,
+  DialogActions as DialogActions6,
+  Alert as Alert8,
+  Stack as Stack4,
+  Chip as Chip7,
+  Accordion,
+  AccordionSummary,
+  AccordionDetails,
+  List as List2,
+  ListItem,
+  ListItemIcon,
+  ListItemText,
+  CircularProgress,
+  Snackbar as Snackbar4,
+  useTheme as useTheme7
+} from "@mui/material";
+import StorageIcon from "@mui/icons-material/Storage";
+import DeleteIcon4 from "@mui/icons-material/Delete";
+import RefreshIcon3 from "@mui/icons-material/Refresh";
+import WarningIcon from "@mui/icons-material/Warning";
+import InfoIcon from "@mui/icons-material/Info";
+import CleaningServicesIcon from "@mui/icons-material/CleaningServices";
+import DescriptionIcon4 from "@mui/icons-material/Description";
+import PersonIcon3 from "@mui/icons-material/Person";
+import ChatIcon from "@mui/icons-material/Chat";
+import SettingsIcon from "@mui/icons-material/Settings";
+import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
+import CheckCircleIcon3 from "@mui/icons-material/CheckCircle";
+import ErrorIcon3 from "@mui/icons-material/Error";
+import { Fragment as Fragment5, jsx as jsx10, jsxs as jsxs10 } from "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: ChatIcon,
+      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: DescriptionIcon4,
+      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: PersonIcon3,
+      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 {
+        const result = await estimateStoreSize(dbName, "config");
+        if (result.count > 0) {
+          configSize = result;
+          foundConfigDb = dbName;
+          debugLogger.info(`Found config in database: ${dbName}`);
+          break;
+        }
+      } catch (error) {
+        debugLogger.warn(`Failed to check config in ${dbName}`, { error });
+      }
+    }
+    categories.push({
+      name: "App Settings & Models",
+      icon: SettingsIcon,
+      color: "#9c27b0",
+      size: configSize.size,
+      itemCount: configSize.count,
+      description: "Custom models, app settings, and user preferences",
+      stores: foundConfigDb ? [`${foundConfigDb}.config`] : [],
+      canClear: configSize.count > 0,
+      clearWarning: "This will delete all custom AI models, app settings, themes, and preferences. The app will reset to defaults."
+    });
+    const queryDbNames = ["banditAIQuery", "ai-query-db"];
+    let querySize = { size: 0, count: 0 };
     let foundQueryDb = "";
     for (const dbName of queryDbNames) {
       try {
@@ -6144,7 +7633,7 @@ var getIndexedDBSize = async () => {
     if (querySize.count > 0) {
       categories.push({
         name: "AI Query Cache",
-        icon: PersonIcon2,
+        icon: PersonIcon3,
         color: "#ff5722",
         size: querySize.size,
         itemCount: querySize.count,
@@ -6256,21 +7745,21 @@ var clearEntireDatabase = async (dbName) => {
   });
 };
 var StorageTab = ({ currentTheme }) => {
-  const theme = useTheme6();
-  const [storageQuota, setStorageQuota] = useState9({
+  const theme = useTheme7();
+  const [storageQuota, setStorageQuota] = useState11({
     used: 0,
     quota: 0,
     available: 0,
     browserQuotaEstimate: 0
   });
-  const [storageCategories, setStorageCategories] = useState9([]);
-  const [loading, setLoading] = useState9(true);
-  const [clearAllDialogOpen, setClearAllDialogOpen] = useState9(false);
-  const [clearCategoryDialog, setClearCategoryDialog] = useState9(null);
-  const [clearing, setClearing] = useState9(false);
-  const [snackbarMessage, setSnackbarMessage] = useState9("");
-  const [showSnackbar, setShowSnackbar] = useState9(false);
-  const [snackbarSeverity, setSnackbarSeverity] = useState9("success");
+  const [storageCategories, setStorageCategories] = useState11([]);
+  const [loading, setLoading] = useState11(true);
+  const [clearAllDialogOpen, setClearAllDialogOpen] = useState11(false);
+  const [clearCategoryDialog, setClearCategoryDialog] = useState11(null);
+  const [clearing, setClearing] = useState11(false);
+  const [snackbarMessage, setSnackbarMessage] = useState11("");
+  const [showSnackbar, setShowSnackbar] = useState11(false);
+  const [snackbarSeverity, setSnackbarSeverity] = useState11("success");
   const { syncEnabled, isAdvancedVectorFeaturesEnabled } = useConversationSyncStore((state) => ({
     syncEnabled: state.syncEnabled,
     isAdvancedVectorFeaturesEnabled: state.isAdvancedVectorFeaturesEnabled
@@ -6322,18 +7811,18 @@ var StorageTab = ({ currentTheme }) => {
       setLoading(false);
     }
   };
-  useEffect6(() => {
+  useEffect8(() => {
     loadStorageData();
   }, []);
-  const totalUsed = useMemo3(() => {
+  const totalUsed = useMemo4(() => {
     return storageCategories.reduce((sum, cat) => sum + cat.size, 0);
   }, [storageCategories]);
-  const usagePercentage = useMemo3(() => {
+  const usagePercentage = useMemo4(() => {
     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 = useMemo3(() => {
+  const clearableCategories = useMemo4(() => {
     return storageCategories.filter((cat) => cat.canClear);
   }, [storageCategories]);
   const handleClearCategory = async (category) => {
@@ -6418,13 +7907,13 @@ var StorageTab = ({ currentTheme }) => {
     }
   };
   if (loading) {
-    return /* @__PURE__ */ jsxs8(Box8, { sx: { display: "flex", justifyContent: "center", alignItems: "center", py: 8 }, children: [
-      /* @__PURE__ */ jsx8(CircularProgress, {}),
-      /* @__PURE__ */ jsx8(Typography8, { variant: "body1", color: "text.secondary", sx: { ml: 2 }, children: "Analyzing storage usage..." })
+    return /* @__PURE__ */ jsxs10(Box10, { sx: { display: "flex", justifyContent: "center", alignItems: "center", py: 8 }, children: [
+      /* @__PURE__ */ jsx10(CircularProgress, {}),
+      /* @__PURE__ */ jsx10(Typography9, { variant: "body1", color: "text.secondary", sx: { ml: 2 }, children: "Analyzing storage usage..." })
     ] });
   }
-  return /* @__PURE__ */ jsx8(Box8, { children: /* @__PURE__ */ jsxs8(Box8, { sx: { px: { xs: 2, sm: 4, md: 6 }, pt: 3, pb: 5 }, children: [
-    /* @__PURE__ */ jsx8(Box8, { sx: { mb: 4 }, children: /* @__PURE__ */ jsxs8(Box8, { sx: {
+  return /* @__PURE__ */ jsx10(Box10, { children: /* @__PURE__ */ jsxs10(Box10, { sx: { px: { xs: 2, sm: 4, md: 6 }, pt: 3, pb: 5 }, children: [
+    /* @__PURE__ */ jsx10(Box10, { sx: { mb: 4 }, children: /* @__PURE__ */ jsxs10(Box10, { sx: {
       display: "flex",
       flexDirection: { xs: "column", sm: "row" },
       justifyContent: "space-between",
@@ -6432,19 +7921,19 @@ var StorageTab = ({ currentTheme }) => {
       gap: { xs: 2, sm: 0 },
       mb: 2
     }, children: [
-      /* @__PURE__ */ jsxs8(Box8, { sx: { flex: 1 }, children: [
-        /* @__PURE__ */ jsx8(Typography8, { variant: "h5", color: "text.primary", sx: { mb: 1, fontWeight: 600 }, children: "Storage Management" }),
-        /* @__PURE__ */ jsx8(Typography8, { variant: "body1", color: "text.secondary", children: "Monitor and manage your local browser storage usage" })
+      /* @__PURE__ */ jsxs10(Box10, { sx: { flex: 1 }, children: [
+        /* @__PURE__ */ jsx10(Typography9, { variant: "h5", color: "text.primary", sx: { mb: 1, fontWeight: 600 }, children: "Storage Management" }),
+        /* @__PURE__ */ jsx10(Typography9, { variant: "body1", color: "text.secondary", children: "Monitor and manage your local browser storage usage" })
       ] }),
-      /* @__PURE__ */ jsxs8(Box8, { sx: {
+      /* @__PURE__ */ jsxs10(Box10, { sx: {
         display: "flex",
         gap: 1,
         flexWrap: { xs: "wrap", sm: "nowrap" },
         justifyContent: { xs: "stretch", sm: "flex-end" },
         width: { xs: "100%", sm: "auto" }
       }, children: [
-        /* @__PURE__ */ jsxs8(
-          Button7,
+        /* @__PURE__ */ jsxs10(
+          Button8,
           {
             variant: "outlined",
             size: "small",
@@ -6456,22 +7945,22 @@ var StorageTab = ({ currentTheme }) => {
               minHeight: 36
             },
             children: [
-              /* @__PURE__ */ jsxs8(Box8, { sx: { display: { xs: "none", sm: "flex" }, alignItems: "center", gap: 1 }, children: [
-                /* @__PURE__ */ jsx8(RefreshIcon2, { fontSize: "medium" }),
+              /* @__PURE__ */ jsxs10(Box10, { sx: { display: { xs: "none", sm: "flex" }, alignItems: "center", gap: 1 }, children: [
+                /* @__PURE__ */ jsx10(RefreshIcon3, { fontSize: "medium" }),
                 "Refresh"
               ] }),
-              /* @__PURE__ */ jsx8(Box8, { sx: { display: { xs: "flex", sm: "none" }, alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ jsx8(RefreshIcon2, { fontSize: "medium" }) })
+              /* @__PURE__ */ jsx10(Box10, { sx: { display: { xs: "flex", sm: "none" }, alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ jsx10(RefreshIcon3, { fontSize: "medium" }) })
             ]
           }
         ),
-        clearableCategories.length > 0 && /* @__PURE__ */ jsxs8(Fragment5, { children: [
-          /* @__PURE__ */ jsxs8(
-            Button7,
+        clearableCategories.length > 0 && /* @__PURE__ */ jsxs10(Fragment5, { children: [
+          /* @__PURE__ */ jsxs10(
+            Button8,
             {
               variant: "outlined",
               color: "error",
               size: "small",
-              startIcon: /* @__PURE__ */ jsx8(CleaningServicesIcon, { sx: { display: { xs: "none", sm: "inline-flex" } } }),
+              startIcon: /* @__PURE__ */ jsx10(CleaningServicesIcon, { sx: { display: { xs: "none", sm: "inline-flex" } } }),
               onClick: () => setClearAllDialogOpen(true),
               sx: {
                 minWidth: { xs: "auto", sm: "fit-content" },
@@ -6479,18 +7968,18 @@ var StorageTab = ({ currentTheme }) => {
                 px: { xs: 1, sm: 2 }
               },
               children: [
-                /* @__PURE__ */ jsx8(Box8, { sx: { display: { xs: "none", sm: "inline" } }, children: "Clear All Data" }),
-                /* @__PURE__ */ jsx8(Box8, { sx: { display: { xs: "inline", sm: "none" } }, children: "Clear All" })
+                /* @__PURE__ */ jsx10(Box10, { sx: { display: { xs: "none", sm: "inline" } }, children: "Clear All Data" }),
+                /* @__PURE__ */ jsx10(Box10, { sx: { display: { xs: "inline", sm: "none" } }, children: "Clear All" })
               ]
             }
           ),
-          /* @__PURE__ */ jsxs8(
-            Button7,
+          /* @__PURE__ */ jsxs10(
+            Button8,
             {
               variant: "outlined",
               color: "error",
               size: "small",
-              startIcon: /* @__PURE__ */ jsx8(DeleteIcon3, { sx: { display: { xs: "none", sm: "inline-flex" } } }),
+              startIcon: /* @__PURE__ */ jsx10(DeleteIcon4, { sx: { display: { xs: "none", sm: "inline-flex" } } }),
               onClick: () => handleNuclearClear(),
               sx: {
                 minWidth: { xs: "auto", sm: "fit-content" },
@@ -6498,28 +7987,28 @@ var StorageTab = ({ currentTheme }) => {
                 px: { xs: 1, sm: 2 }
               },
               children: [
-                /* @__PURE__ */ jsx8(Box8, { sx: { display: { xs: "none", sm: "inline" } }, children: "Nuclear Clear" }),
-                /* @__PURE__ */ jsx8(Box8, { sx: { display: { xs: "inline", sm: "none" } }, children: "Nuclear" })
+                /* @__PURE__ */ jsx10(Box10, { sx: { display: { xs: "none", sm: "inline" } }, children: "Nuclear Clear" }),
+                /* @__PURE__ */ jsx10(Box10, { sx: { display: { xs: "inline", sm: "none" } }, children: "Nuclear" })
               ]
             }
           )
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsxs8(Box8, { sx: { mb: 4 }, children: [
-      /* @__PURE__ */ jsx8(Card4, { sx: { mb: 3 }, children: /* @__PURE__ */ jsxs8(CardContent4, { sx: {
+    /* @__PURE__ */ jsxs10(Box10, { sx: { mb: 4 }, children: [
+      /* @__PURE__ */ jsx10(Card5, { sx: { mb: 3 }, children: /* @__PURE__ */ jsxs10(CardContent5, { sx: {
         display: "flex",
         flexDirection: "column",
         minHeight: 180
       }, children: [
-        /* @__PURE__ */ jsxs8(Typography8, { variant: "h6", gutterBottom: true, sx: { fontWeight: 600, color: "text.primary" }, children: [
-          /* @__PURE__ */ jsx8(StorageIcon, { sx: { mr: 1, verticalAlign: "middle" } }),
+        /* @__PURE__ */ jsxs10(Typography9, { variant: "h6", gutterBottom: true, sx: { fontWeight: 600, color: "text.primary" }, children: [
+          /* @__PURE__ */ jsx10(StorageIcon, { sx: { mr: 1, verticalAlign: "middle" } }),
           "Storage Quota"
         ] }),
-        /* @__PURE__ */ jsxs8(Box8, { sx: { mb: 2, flex: 1 }, children: [
-          /* @__PURE__ */ jsxs8(Box8, { sx: { display: "flex", flexWrap: "wrap", gap: 1, mb: 2 }, children: [
-            /* @__PURE__ */ jsx8(
-              Chip6,
+        /* @__PURE__ */ jsxs10(Box10, { sx: { mb: 2, flex: 1 }, children: [
+          /* @__PURE__ */ jsxs10(Box10, { sx: { display: "flex", flexWrap: "wrap", gap: 1, mb: 2 }, children: [
+            /* @__PURE__ */ jsx10(
+              Chip7,
               {
                 label: `${formatBytes(storageQuota.used)} Used`,
                 color: "warning",
@@ -6527,8 +8016,8 @@ var StorageTab = ({ currentTheme }) => {
                 variant: "outlined"
               }
             ),
-            /* @__PURE__ */ jsx8(
-              Chip6,
+            /* @__PURE__ */ jsx10(
+              Chip7,
               {
                 label: `${formatBytes(storageQuota.available)} Available`,
                 color: "success",
@@ -6536,8 +8025,8 @@ var StorageTab = ({ currentTheme }) => {
                 variant: "outlined"
               }
             ),
-            /* @__PURE__ */ jsx8(
-              Chip6,
+            /* @__PURE__ */ jsx10(
+              Chip7,
               {
                 label: `${formatBytes(storageQuota.quota)} Total`,
                 color: "info",
@@ -6545,8 +8034,8 @@ var StorageTab = ({ currentTheme }) => {
                 variant: "outlined"
               }
             ),
-            storageQuota.browserQuotaEstimate > 0 && storageQuota.quota > 0 && Math.abs(storageQuota.browserQuotaEstimate - storageQuota.quota) > storageQuota.quota * 0.05 && /* @__PURE__ */ jsx8(
-              Chip6,
+            storageQuota.browserQuotaEstimate > 0 && storageQuota.quota > 0 && Math.abs(storageQuota.browserQuotaEstimate - storageQuota.quota) > storageQuota.quota * 0.05 && /* @__PURE__ */ jsx10(
+              Chip7,
               {
                 label: `\u2248${formatBytes(storageQuota.browserQuotaEstimate)} Browser Estimate`,
                 color: "default",
@@ -6555,8 +8044,8 @@ var StorageTab = ({ currentTheme }) => {
               }
             )
           ] }),
-          /* @__PURE__ */ jsx8(
-            LinearProgress3,
+          /* @__PURE__ */ jsx10(
+            LinearProgress4,
             {
               variant: "determinate",
               value: usagePercentage,
@@ -6571,38 +8060,38 @@ var StorageTab = ({ currentTheme }) => {
               }
             }
           ),
-          /* @__PURE__ */ jsxs8(Typography8, { variant: "caption", color: "text.secondary", sx: { mt: 0.5, display: "block" }, children: [
+          /* @__PURE__ */ jsxs10(Typography9, { variant: "caption", color: "text.secondary", sx: { mt: 0.5, display: "block" }, children: [
             usagePercentage.toFixed(1),
             "% used"
           ] })
         ] }),
-        usagePercentage > 80 && /* @__PURE__ */ jsx8(Alert7, { severity: "warning", sx: { mt: "auto" }, children: "Storage usage is high. Consider clearing unused data." })
+        usagePercentage > 80 && /* @__PURE__ */ jsx10(Alert8, { severity: "warning", sx: { mt: "auto" }, children: "Storage usage is high. Consider clearing unused data." })
       ] }) }),
-      /* @__PURE__ */ jsx8(Card4, { children: /* @__PURE__ */ jsxs8(CardContent4, { sx: {
+      /* @__PURE__ */ jsx10(Card5, { children: /* @__PURE__ */ jsxs10(CardContent5, { sx: {
         display: "flex",
         flexDirection: "column",
         minHeight: 140
       }, children: [
-        /* @__PURE__ */ jsx8(Typography8, { variant: "h6", gutterBottom: true, sx: { fontWeight: 600, color: "text.primary" }, children: "Usage Summary" }),
-        /* @__PURE__ */ jsxs8(Box8, { sx: { display: "flex", flexWrap: "wrap", gap: 1, mb: 2 }, children: [
-          /* @__PURE__ */ jsx8(
-            Chip6,
+        /* @__PURE__ */ jsx10(Typography9, { variant: "h6", gutterBottom: true, sx: { fontWeight: 600, color: "text.primary" }, children: "Usage Summary" }),
+        /* @__PURE__ */ jsxs10(Box10, { sx: { display: "flex", flexWrap: "wrap", gap: 1, mb: 2 }, children: [
+          /* @__PURE__ */ jsx10(
+            Chip7,
             {
               label: `${storageCategories.length} Categories`,
               color: "primary",
               size: "small"
             }
           ),
-          /* @__PURE__ */ jsx8(
-            Chip6,
+          /* @__PURE__ */ jsx10(
+            Chip7,
             {
               label: `${storageCategories.reduce((sum, cat) => sum + cat.itemCount, 0)} Items`,
               color: "secondary",
               size: "small"
             }
           ),
-          /* @__PURE__ */ jsx8(
-            Chip6,
+          /* @__PURE__ */ jsx10(
+            Chip7,
             {
               label: `${formatBytes(totalUsed)} Used`,
               color: "info",
@@ -6610,11 +8099,11 @@ var StorageTab = ({ currentTheme }) => {
             }
           )
         ] }),
-        /* @__PURE__ */ jsx8(Typography8, { variant: "body2", color: "text.secondary", sx: { mt: "auto" }, children: usageSummaryMessage })
+        /* @__PURE__ */ jsx10(Typography9, { variant: "body2", color: "text.secondary", sx: { mt: "auto" }, children: usageSummaryMessage })
       ] }) })
     ] }),
-    /* @__PURE__ */ jsx8(Typography8, { variant: "h6", gutterBottom: true, sx: { mb: 2, fontWeight: 600, color: "text.primary" }, children: "Storage Categories" }),
-    /* @__PURE__ */ jsx8(Box8, { sx: {
+    /* @__PURE__ */ jsx10(Typography9, { variant: "h6", gutterBottom: true, sx: { mb: 2, fontWeight: 600, color: "text.primary" }, children: "Storage Categories" }),
+    /* @__PURE__ */ jsx10(Box10, { sx: {
       maxHeight: "60vh",
       overflow: "auto",
       "&::-webkit-scrollbar": {
@@ -6622,15 +8111,15 @@ var StorageTab = ({ currentTheme }) => {
       },
       msOverflowStyle: "none",
       scrollbarWidth: "none"
-    }, children: storageCategories.length === 0 ? /* @__PURE__ */ jsxs8(Alert7, { severity: "info", sx: { mt: 2 }, children: [
-      /* @__PURE__ */ jsx8(Typography8, { variant: "body2", children: "No storage data found. This could mean:" }),
-      /* @__PURE__ */ jsxs8(Typography8, { variant: "body2", component: "ul", sx: { mt: 1, pl: 2 }, children: [
-        /* @__PURE__ */ jsx8("li", { children: "All databases are empty" }),
-        /* @__PURE__ */ jsx8("li", { children: "Data is stored under different names" }),
-        /* @__PURE__ */ jsx8("li", { children: "There was an error accessing the databases" })
+    }, children: storageCategories.length === 0 ? /* @__PURE__ */ jsxs10(Alert8, { severity: "info", sx: { mt: 2 }, children: [
+      /* @__PURE__ */ jsx10(Typography9, { variant: "body2", children: "No storage data found. This could mean:" }),
+      /* @__PURE__ */ jsxs10(Typography9, { variant: "body2", component: "ul", sx: { mt: 1, pl: 2 }, children: [
+        /* @__PURE__ */ jsx10("li", { children: "All databases are empty" }),
+        /* @__PURE__ */ jsx10("li", { children: "Data is stored under different names" }),
+        /* @__PURE__ */ jsx10("li", { children: "There was an error accessing the databases" })
       ] }),
-      /* @__PURE__ */ jsx8(Typography8, { variant: "body2", sx: { mt: 1 }, children: 'Try clicking "Refresh" or check the browser console for more details.' })
-    ] }) : /* @__PURE__ */ jsx8(Stack3, { spacing: 2, children: storageCategories.map((category) => {
+      /* @__PURE__ */ jsx10(Typography9, { variant: "body2", sx: { mt: 1 }, children: 'Try clicking "Refresh" or check the browser console for more details.' })
+    ] }) : /* @__PURE__ */ jsx10(Stack4, { 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;
@@ -6641,18 +8130,18 @@ var StorageTab = ({ currentTheme }) => {
         categoryPercentage: categoryPercentage.toFixed(2),
         categoryRelativePercentage: categoryRelativePercentage.toFixed(2)
       });
-      return /* @__PURE__ */ jsxs8(Accordion, { sx: { bgcolor: "background.paper" }, children: [
-        /* @__PURE__ */ jsx8(
+      return /* @__PURE__ */ jsxs10(Accordion, { sx: { bgcolor: "background.paper" }, children: [
+        /* @__PURE__ */ jsx10(
           AccordionSummary,
           {
-            expandIcon: /* @__PURE__ */ jsx8(ExpandMoreIcon, {}),
+            expandIcon: /* @__PURE__ */ jsx10(ExpandMoreIcon, {}),
             "aria-controls": `${category.name}-content`,
             id: `${category.name}-header`,
-            children: /* @__PURE__ */ jsxs8(Box8, { sx: { display: "flex", alignItems: "center", width: "100%", pr: 2 }, children: [
-              /* @__PURE__ */ jsx8(IconComponent, { sx: { color: category.color, mr: 2 } }),
-              /* @__PURE__ */ jsxs8(Box8, { sx: { flex: 1 }, children: [
-                /* @__PURE__ */ jsx8(
-                  Typography8,
+            children: /* @__PURE__ */ jsxs10(Box10, { sx: { display: "flex", alignItems: "center", width: "100%", pr: 2 }, children: [
+              /* @__PURE__ */ jsx10(IconComponent, { sx: { color: category.color, mr: 2 } }),
+              /* @__PURE__ */ jsxs10(Box10, { sx: { flex: 1 }, children: [
+                /* @__PURE__ */ jsx10(
+                  Typography9,
                   {
                     variant: "body1",
                     style: {
@@ -6662,18 +8151,18 @@ var StorageTab = ({ currentTheme }) => {
                     children: category.name
                   }
                 ),
-                /* @__PURE__ */ jsxs8(Box8, { sx: { display: "flex", alignItems: "center", gap: 2, mt: 0.5 }, children: [
-                  /* @__PURE__ */ jsx8(Typography8, { variant: "body2", color: "text.secondary", children: formatBytes(category.size) }),
-                  /* @__PURE__ */ jsx8(
-                    Chip6,
+                /* @__PURE__ */ jsxs10(Box10, { sx: { display: "flex", alignItems: "center", gap: 2, mt: 0.5 }, children: [
+                  /* @__PURE__ */ jsx10(Typography9, { variant: "body2", color: "text.secondary", children: formatBytes(category.size) }),
+                  /* @__PURE__ */ jsx10(
+                    Chip7,
                     {
                       label: `${category.itemCount} items`,
                       size: "small",
                       variant: "outlined"
                     }
                   ),
-                  /* @__PURE__ */ jsx8(Box8, { sx: { flex: 1, mx: 2 }, children: /* @__PURE__ */ jsx8(
-                    LinearProgress3,
+                  /* @__PURE__ */ jsx10(Box10, { sx: { flex: 1, mx: 2 }, children: /* @__PURE__ */ jsx10(
+                    LinearProgress4,
                     {
                       variant: "determinate",
                       value: Math.min(categoryRelativePercentage, 100),
@@ -6688,7 +8177,7 @@ var StorageTab = ({ currentTheme }) => {
                       }
                     }
                   ) }),
-                  /* @__PURE__ */ jsxs8(Typography8, { variant: "caption", color: "text.secondary", children: [
+                  /* @__PURE__ */ jsxs10(Typography9, { variant: "caption", color: "text.secondary", children: [
                     categoryRelativePercentage.toFixed(1),
                     "%"
                   ] })
@@ -6697,12 +8186,12 @@ var StorageTab = ({ currentTheme }) => {
             ] })
           }
         ),
-        /* @__PURE__ */ jsx8(AccordionDetails, { children: /* @__PURE__ */ jsxs8(Box8, { sx: { pl: 5 }, children: [
-          /* @__PURE__ */ jsx8(Typography8, { variant: "body2", color: "text.secondary", paragraph: true, children: category.description }),
-          /* @__PURE__ */ jsx8(Typography8, { variant: "subtitle2", gutterBottom: true, children: "Storage Locations:" }),
-          /* @__PURE__ */ jsx8(List, { dense: true, children: category.stores.map((store) => /* @__PURE__ */ jsxs8(ListItem, { sx: { py: 0.5 }, children: [
-            /* @__PURE__ */ jsx8(ListItemIcon, { sx: { minWidth: 32 }, children: /* @__PURE__ */ jsx8(StorageIcon, { fontSize: "small" }) }),
-            /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx10(AccordionDetails, { children: /* @__PURE__ */ jsxs10(Box10, { sx: { pl: 5 }, children: [
+          /* @__PURE__ */ jsx10(Typography9, { variant: "body2", color: "text.secondary", paragraph: true, children: category.description }),
+          /* @__PURE__ */ jsx10(Typography9, { variant: "subtitle2", gutterBottom: true, children: "Storage Locations:" }),
+          /* @__PURE__ */ jsx10(List2, { dense: true, children: category.stores.map((store) => /* @__PURE__ */ jsxs10(ListItem, { sx: { py: 0.5 }, children: [
+            /* @__PURE__ */ jsx10(ListItemIcon, { sx: { minWidth: 32 }, children: /* @__PURE__ */ jsx10(StorageIcon, { fontSize: "small" }) }),
+            /* @__PURE__ */ jsx10(
               ListItemText,
               {
                 primary: store,
@@ -6710,14 +8199,14 @@ var StorageTab = ({ currentTheme }) => {
               }
             )
           ] }, store)) }),
-          category.canClear ? /* @__PURE__ */ jsxs8(Box8, { sx: { mt: 2, pt: 2, borderTop: 1, borderColor: "divider" }, children: [
-            /* @__PURE__ */ jsxs8(
-              Button7,
+          category.canClear ? /* @__PURE__ */ jsxs10(Box10, { sx: { mt: 2, pt: 2, borderTop: 1, borderColor: "divider" }, children: [
+            /* @__PURE__ */ jsxs10(
+              Button8,
               {
                 variant: "outlined",
                 color: "error",
                 size: "small",
-                startIcon: /* @__PURE__ */ jsx8(DeleteIcon3, {}),
+                startIcon: /* @__PURE__ */ jsx10(DeleteIcon4, {}),
                 onClick: () => setClearCategoryDialog(category),
                 disabled: clearing,
                 children: [
@@ -6726,19 +8215,19 @@ var StorageTab = ({ currentTheme }) => {
                 ]
               }
             ),
-            category.clearWarning && /* @__PURE__ */ jsx8(Alert7, { severity: "warning", sx: { mt: 2 }, children: /* @__PURE__ */ jsx8(Typography8, { variant: "caption", children: category.clearWarning }) })
-          ] }) : /* @__PURE__ */ jsx8(Alert7, { severity: "info", sx: { mt: 2 }, children: /* @__PURE__ */ jsx8(Typography8, { variant: "caption", children: category.itemCount === 0 ? "This category is empty." : "This category cannot be cleared automatically." }) })
+            category.clearWarning && /* @__PURE__ */ jsx10(Alert8, { severity: "warning", sx: { mt: 2 }, children: /* @__PURE__ */ jsx10(Typography9, { variant: "caption", children: category.clearWarning }) })
+          ] }) : /* @__PURE__ */ jsx10(Alert8, { severity: "info", sx: { mt: 2 }, children: /* @__PURE__ */ jsx10(Typography9, { variant: "caption", children: category.itemCount === 0 ? "This category is empty." : "This category cannot be cleared automatically." }) })
         ] }) })
       ] }, category.name);
     }) }) }),
-    /* @__PURE__ */ jsx8(Card4, { sx: { mt: 4 }, children: /* @__PURE__ */ jsxs8(CardContent4, { children: [
-      /* @__PURE__ */ jsxs8(Typography8, { variant: "h6", gutterBottom: true, sx: { fontWeight: 600, color: "text.primary" }, children: [
-        /* @__PURE__ */ jsx8(InfoIcon, { sx: { mr: 1, verticalAlign: "middle" } }),
+    /* @__PURE__ */ jsx10(Card5, { sx: { mt: 4 }, children: /* @__PURE__ */ jsxs10(CardContent5, { children: [
+      /* @__PURE__ */ jsxs10(Typography9, { variant: "h6", gutterBottom: true, sx: { fontWeight: 600, color: "text.primary" }, children: [
+        /* @__PURE__ */ jsx10(InfoIcon, { sx: { mr: 1, verticalAlign: "middle" } }),
         "Storage Tips & Clear Options"
       ] }),
-      /* @__PURE__ */ jsxs8(List, { children: [
-        /* @__PURE__ */ jsxs8(ListItem, { children: [
-          /* @__PURE__ */ jsx8(ListItemIcon, { children: /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsxs10(List2, { children: [
+        /* @__PURE__ */ jsxs10(ListItem, { children: [
+          /* @__PURE__ */ jsx10(ListItemIcon, { children: /* @__PURE__ */ jsx10(
             CheckCircleIcon3,
             {
               sx: {
@@ -6746,7 +8235,7 @@ var StorageTab = ({ currentTheme }) => {
               }
             }
           ) }),
-          /* @__PURE__ */ jsx8(
+          /* @__PURE__ */ jsx10(
             ListItemText,
             {
               primary: storageStatusPrimary,
@@ -6754,9 +8243,9 @@ var StorageTab = ({ currentTheme }) => {
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs8(ListItem, { children: [
-          /* @__PURE__ */ jsx8(ListItemIcon, { children: /* @__PURE__ */ jsx8(CleaningServicesIcon, { color: "info" }) }),
-          /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsxs10(ListItem, { children: [
+          /* @__PURE__ */ jsx10(ListItemIcon, { children: /* @__PURE__ */ jsx10(CleaningServicesIcon, { color: "info" }) }),
+          /* @__PURE__ */ jsx10(
             ListItemText,
             {
               primary: "Clear All Data (Safe)",
@@ -6764,9 +8253,9 @@ var StorageTab = ({ currentTheme }) => {
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs8(ListItem, { children: [
-          /* @__PURE__ */ jsx8(ListItemIcon, { children: /* @__PURE__ */ jsx8(DeleteIcon3, { color: "error" }) }),
-          /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsxs10(ListItem, { children: [
+          /* @__PURE__ */ jsx10(ListItemIcon, { children: /* @__PURE__ */ jsx10(DeleteIcon4, { color: "error" }) }),
+          /* @__PURE__ */ jsx10(
             ListItemText,
             {
               primary: "Nuclear Clear (Complete Reset)",
@@ -6774,9 +8263,9 @@ var StorageTab = ({ currentTheme }) => {
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs8(ListItem, { children: [
-          /* @__PURE__ */ jsx8(ListItemIcon, { children: /* @__PURE__ */ jsx8(WarningIcon, { color: "warning" }) }),
-          /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsxs10(ListItem, { children: [
+          /* @__PURE__ */ jsx10(ListItemIcon, { children: /* @__PURE__ */ jsx10(WarningIcon, { color: "warning" }) }),
+          /* @__PURE__ */ jsx10(
             ListItemText,
             {
               primary: "Backup important data",
@@ -6786,38 +8275,38 @@ var StorageTab = ({ currentTheme }) => {
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsxs8(
-      Dialog6,
+    /* @__PURE__ */ jsxs10(
+      Dialog7,
       {
         open: !!clearCategoryDialog,
         onClose: () => setClearCategoryDialog(null),
         maxWidth: "sm",
         fullWidth: true,
         children: [
-          /* @__PURE__ */ jsx8(DialogTitle5, { children: /* @__PURE__ */ jsxs8(Box8, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-            /* @__PURE__ */ jsx8(WarningIcon, { color: "warning" }),
+          /* @__PURE__ */ jsx10(DialogTitle6, { children: /* @__PURE__ */ jsxs10(Box10, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+            /* @__PURE__ */ jsx10(WarningIcon, { color: "warning" }),
             "Clear ",
             clearCategoryDialog?.name,
             "?"
           ] }) }),
-          /* @__PURE__ */ jsxs8(DialogContent6, { children: [
-            /* @__PURE__ */ jsxs8(DialogContentText3, { children: [
+          /* @__PURE__ */ jsxs10(DialogContent7, { children: [
+            /* @__PURE__ */ jsxs10(DialogContentText4, { children: [
               'This will permanently delete all data in the "',
               clearCategoryDialog?.name,
               '" category.'
             ] }),
-            clearCategoryDialog?.clearWarning && /* @__PURE__ */ jsx8(Alert7, { severity: "warning", sx: { mt: 2 }, children: clearCategoryDialog.clearWarning }),
-            clearCategoryDialog && /* @__PURE__ */ jsxs8(Box8, { sx: { mt: 2, p: 2, bgcolor: "action.hover", borderRadius: 1 }, children: [
-              /* @__PURE__ */ jsx8(Typography8, { variant: "body2", color: "text.secondary", children: /* @__PURE__ */ jsx8("strong", { children: "Will clear:" }) }),
-              /* @__PURE__ */ jsxs8(Typography8, { variant: "body2", sx: { fontFamily: "monospace", mt: 1 }, children: [
+            clearCategoryDialog?.clearWarning && /* @__PURE__ */ jsx10(Alert8, { severity: "warning", sx: { mt: 2 }, children: clearCategoryDialog.clearWarning }),
+            clearCategoryDialog && /* @__PURE__ */ jsxs10(Box10, { sx: { mt: 2, p: 2, bgcolor: "action.hover", borderRadius: 1 }, children: [
+              /* @__PURE__ */ jsx10(Typography9, { variant: "body2", color: "text.secondary", children: /* @__PURE__ */ jsx10("strong", { children: "Will clear:" }) }),
+              /* @__PURE__ */ jsxs10(Typography9, { variant: "body2", sx: { fontFamily: "monospace", mt: 1 }, children: [
                 "\u2022 ",
                 clearCategoryDialog.itemCount,
                 " items",
-                /* @__PURE__ */ jsx8("br", {}),
+                /* @__PURE__ */ jsx10("br", {}),
                 "\u2022 ",
                 formatBytes(clearCategoryDialog.size),
                 " of data",
-                /* @__PURE__ */ jsx8("br", {}),
+                /* @__PURE__ */ jsx10("br", {}),
                 "\u2022 ",
                 clearCategoryDialog.stores.length,
                 " storage location",
@@ -6825,22 +8314,22 @@ var StorageTab = ({ currentTheme }) => {
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs8(DialogActions5, { children: [
-            /* @__PURE__ */ jsx8(
-              Button7,
+          /* @__PURE__ */ jsxs10(DialogActions6, { children: [
+            /* @__PURE__ */ jsx10(
+              Button8,
               {
                 onClick: () => setClearCategoryDialog(null),
                 disabled: clearing,
                 children: "Cancel"
               }
             ),
-            /* @__PURE__ */ jsx8(
-              Button7,
+            /* @__PURE__ */ jsx10(
+              Button8,
               {
                 onClick: () => clearCategoryDialog && handleClearCategory(clearCategoryDialog),
                 color: "error",
                 variant: "contained",
-                startIcon: clearing ? /* @__PURE__ */ jsx8(CircularProgress, { size: 16 }) : /* @__PURE__ */ jsx8(DeleteIcon3, {}),
+                startIcon: clearing ? /* @__PURE__ */ jsx10(CircularProgress, { size: 16 }) : /* @__PURE__ */ jsx10(DeleteIcon4, {}),
                 disabled: clearing,
                 children: clearing ? "Clearing..." : "Clear Data"
               }
@@ -6849,23 +8338,23 @@ var StorageTab = ({ currentTheme }) => {
         ]
       }
     ),
-    /* @__PURE__ */ jsxs8(
-      Dialog6,
+    /* @__PURE__ */ jsxs10(
+      Dialog7,
       {
         open: clearAllDialogOpen,
         onClose: () => setClearAllDialogOpen(false),
         maxWidth: "sm",
         fullWidth: true,
         children: [
-          /* @__PURE__ */ jsx8(DialogTitle5, { children: /* @__PURE__ */ jsxs8(Box8, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-            /* @__PURE__ */ jsx8(ErrorIcon3, { color: "error" }),
+          /* @__PURE__ */ jsx10(DialogTitle6, { children: /* @__PURE__ */ jsxs10(Box10, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+            /* @__PURE__ */ jsx10(ErrorIcon3, { color: "error" }),
             "Clear All Storage Data?"
           ] }) }),
-          /* @__PURE__ */ jsxs8(DialogContent6, { children: [
-            /* @__PURE__ */ jsx8(DialogContentText3, { children: "This will permanently delete ALL your local data including:" }),
-            /* @__PURE__ */ jsx8(List, { dense: true, sx: { mt: 1 }, children: clearableCategories.map((category) => /* @__PURE__ */ jsxs8(ListItem, { children: [
-              /* @__PURE__ */ jsx8(ListItemIcon, { sx: { minWidth: 32 }, children: /* @__PURE__ */ jsx8(category.icon, { fontSize: "small", sx: { color: category.color } }) }),
-              /* @__PURE__ */ jsx8(
+          /* @__PURE__ */ jsxs10(DialogContent7, { children: [
+            /* @__PURE__ */ jsx10(DialogContentText4, { children: "This will permanently delete ALL your local data including:" }),
+            /* @__PURE__ */ jsx10(List2, { dense: true, sx: { mt: 1 }, children: clearableCategories.map((category) => /* @__PURE__ */ jsxs10(ListItem, { children: [
+              /* @__PURE__ */ jsx10(ListItemIcon, { sx: { minWidth: 32 }, children: /* @__PURE__ */ jsx10(category.icon, { fontSize: "small", sx: { color: category.color } }) }),
+              /* @__PURE__ */ jsx10(
                 ListItemText,
                 {
                   primary: category.name,
@@ -6873,27 +8362,27 @@ var StorageTab = ({ currentTheme }) => {
                 }
               )
             ] }, category.name)) }),
-            /* @__PURE__ */ jsx8(Alert7, { severity: "error", sx: { mt: 2 }, children: /* @__PURE__ */ jsxs8(Typography8, { variant: "body2", children: [
-              /* @__PURE__ */ jsx8("strong", { children: "This action cannot be undone!" }),
+            /* @__PURE__ */ jsx10(Alert8, { severity: "error", sx: { mt: 2 }, children: /* @__PURE__ */ jsxs10(Typography9, { variant: "body2", children: [
+              /* @__PURE__ */ jsx10("strong", { children: "This action cannot be undone!" }),
               " Make sure to export any important data before proceeding."
             ] }) })
           ] }),
-          /* @__PURE__ */ jsxs8(DialogActions5, { children: [
-            /* @__PURE__ */ jsx8(
-              Button7,
+          /* @__PURE__ */ jsxs10(DialogActions6, { children: [
+            /* @__PURE__ */ jsx10(
+              Button8,
               {
                 onClick: () => setClearAllDialogOpen(false),
                 disabled: clearing,
                 children: "Cancel"
               }
             ),
-            /* @__PURE__ */ jsx8(
-              Button7,
+            /* @__PURE__ */ jsx10(
+              Button8,
               {
                 onClick: handleClearAll,
                 color: "error",
                 variant: "contained",
-                startIcon: clearing ? /* @__PURE__ */ jsx8(CircularProgress, { size: 16 }) : /* @__PURE__ */ jsx8(CleaningServicesIcon, {}),
+                startIcon: clearing ? /* @__PURE__ */ jsx10(CircularProgress, { size: 16 }) : /* @__PURE__ */ jsx10(CleaningServicesIcon, {}),
                 disabled: clearing,
                 children: clearing ? "Clearing All..." : "Clear All Data"
               }
@@ -6902,15 +8391,15 @@ var StorageTab = ({ currentTheme }) => {
         ]
       }
     ),
-    /* @__PURE__ */ jsx8(
-      Snackbar3,
+    /* @__PURE__ */ jsx10(
+      Snackbar4,
       {
         open: showSnackbar,
         autoHideDuration: 4e3,
         onClose: () => setShowSnackbar(false),
         anchorOrigin: { vertical: "bottom", horizontal: "left" },
-        children: /* @__PURE__ */ jsx8(
-          Alert7,
+        children: /* @__PURE__ */ jsx10(
+          Alert8,
           {
             onClose: () => setShowSnackbar(false),
             severity: snackbarSeverity,
@@ -6926,27 +8415,27 @@ var StorageTab = ({ currentTheme }) => {
 var StorageTab_default = StorageTab;
 
 // src/management/components/ProviderTab.tsx
-import { useState as useState10, useEffect as useEffect7, useCallback as useCallback6 } from "react";
+import { useState as useState12, useEffect as useEffect9, useCallback as useCallback7 } from "react";
 import {
-  Box as Box9,
-  Typography as Typography9,
+  Box as Box11,
+  Typography as Typography10,
   Paper as Paper5,
-  Button as Button8,
-  TextField as TextField5,
+  Button as Button9,
+  TextField as TextField6,
   MenuItem as MenuItem3,
-  Chip as Chip7,
-  Snackbar as Snackbar4,
-  Alert as Alert8,
-  useTheme as useTheme7,
-  useMediaQuery as useMediaQuery5
+  Chip as Chip8,
+  Snackbar as Snackbar5,
+  Alert as Alert9,
+  useTheme as useTheme8,
+  useMediaQuery as useMediaQuery6
 } from "@mui/material";
-import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
 var ProviderTab = () => {
   const { provider: currentProvider, config: currentProviderConfig } = useAIProviderStore();
   const { settings: packageSettings } = usePackageSettingsStore();
-  const theme = useTheme7();
-  const isMobile = useMediaQuery5(theme.breakpoints.down("sm"));
-  const getSuggestedModel = useCallback6((type) => {
+  const theme = useTheme8();
+  const isMobile = useMediaQuery6(theme.breakpoints.down("sm"));
+  const getSuggestedModel = useCallback7((type) => {
     const configuredDefault = packageSettings?.defaultModel?.trim();
     if (configuredDefault) {
       return configuredDefault;
@@ -6962,7 +8451,7 @@ var ProviderTab = () => {
         return "";
     }
   }, [packageSettings?.defaultModel]);
-  const applyDefaultModel = useCallback6((config) => {
+  const applyDefaultModel = useCallback7((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 */;
@@ -6982,7 +8471,7 @@ var ProviderTab = () => {
     }
     return normalized;
   }, [getSuggestedModel]);
-  const sanitizeConfigForSave = useCallback6((config) => {
+  const sanitizeConfigForSave = useCallback7((config) => {
     const sanitized = { ...config };
     if (typeof sanitized.defaultModel === "string") {
       const trimmed = sanitized.defaultModel.trim();
@@ -6994,15 +8483,15 @@ var ProviderTab = () => {
     }
     return sanitized;
   }, []);
-  const [providerConfig, setProviderConfig] = useState10({
+  const [providerConfig, setProviderConfig] = useState12({
     type: "gateway",
     gatewayUrl: packageSettings?.gatewayApiUrl || "",
     provider: "bandit"
   });
-  const [isProviderConfigOpen, setIsProviderConfigOpen] = useState10(false);
-  const [snackbarMessage, setSnackbarMessage] = useState10("");
-  const [showSnackbar, setShowSnackbar] = useState10(false);
-  const [snackbarSeverity, setSnackbarSeverity] = useState10("success");
+  const [isProviderConfigOpen, setIsProviderConfigOpen] = useState12(false);
+  const [snackbarMessage, setSnackbarMessage] = useState12("");
+  const [showSnackbar, setShowSnackbar] = useState12(false);
+  const [snackbarSeverity, setSnackbarSeverity] = useState12("success");
   const saveProviderConfigToDB = async (config) => {
     try {
       const { tokenFactory: _tokenFactory, ...persistableConfig } = config;
@@ -7043,7 +8532,7 @@ var ProviderTab = () => {
     }
     return null;
   };
-  const convertAnthropicConfig = useCallback6((config) => {
+  const convertAnthropicConfig = useCallback7((config) => {
     if (!config) return null;
     if (config.type !== "anthropic" /* ANTHROPIC */) {
       return config;
@@ -7059,7 +8548,7 @@ var ProviderTab = () => {
     };
     return converted;
   }, [packageSettings?.gatewayApiUrl]);
-  useEffect7(() => {
+  useEffect9(() => {
     const initializeProviderConfig = async () => {
       const savedConfig = await loadProviderConfigFromDB();
       if (savedConfig) {
@@ -7194,18 +8683,18 @@ var ProviderTab = () => {
       showMessage("Connection test failed. Please check your configuration.", "error");
     }
   };
-  return /* @__PURE__ */ jsxs9(Box9, { sx: { p: { xs: 1.5, sm: 3, md: 4 } }, children: [
-    /* @__PURE__ */ jsxs9(Box9, { sx: { mb: { xs: 2.5, md: 3 } }, children: [
-      /* @__PURE__ */ jsx9(
-        Typography9,
+  return /* @__PURE__ */ jsxs11(Box11, { sx: { p: { xs: 1.5, sm: 3, md: 4 } }, children: [
+    /* @__PURE__ */ jsxs11(Box11, { sx: { mb: { xs: 2.5, md: 3 } }, children: [
+      /* @__PURE__ */ jsx11(
+        Typography10,
         {
           variant: "h5",
           sx: { fontWeight: 600, mb: 1, color: "primary.main", fontSize: { xs: "1.6rem", md: "1.8rem" } },
           children: "AI Provider Configuration"
         }
       ),
-      /* @__PURE__ */ jsx9(
-        Typography9,
+      /* @__PURE__ */ jsx11(
+        Typography10,
         {
           variant: "body1",
           color: "text.secondary",
@@ -7214,23 +8703,23 @@ var ProviderTab = () => {
           children: "Configure your AI provider for chat, generation, and model services. This determines which backend service powers your AI interactions."
         }
       ),
-      /* @__PURE__ */ jsxs9(Paper5, { sx: { p: { xs: 1.75, sm: 2.5 }, mb: { xs: 2, md: 3 }, bgcolor: "background.paper", border: "1px solid", borderColor: "divider" }, children: [
-        /* @__PURE__ */ jsx9(Typography9, { variant: "h6", sx: { mb: 2, fontWeight: 600, color: "text.primary" }, children: "Current Provider" }),
-        currentProvider ? /* @__PURE__ */ jsxs9(Box9, { sx: { display: "flex", alignItems: "center", gap: 2 }, children: [
-          /* @__PURE__ */ jsx9(
-            Chip7,
+      /* @__PURE__ */ jsxs11(Paper5, { sx: { p: { xs: 1.75, sm: 2.5 }, mb: { xs: 2, md: 3 }, bgcolor: "background.paper", border: "1px solid", borderColor: "divider" }, children: [
+        /* @__PURE__ */ jsx11(Typography10, { variant: "h6", sx: { mb: 2, fontWeight: 600, color: "text.primary" }, children: "Current Provider" }),
+        currentProvider ? /* @__PURE__ */ jsxs11(Box11, { sx: { display: "flex", alignItems: "center", gap: 2 }, children: [
+          /* @__PURE__ */ jsx11(
+            Chip8,
             {
               label: currentProvider.getProviderType().toUpperCase(),
               color: "primary",
               variant: "filled"
             }
           ),
-          /* @__PURE__ */ jsx9(Typography9, { variant: "body2", color: "text.secondary", children: currentProviderConfig?.baseUrl || currentProviderConfig?.gatewayUrl || "No URL configured" })
-        ] }) : /* @__PURE__ */ jsx9(Chip7, { label: "No Provider Configured", color: "warning" })
+          /* @__PURE__ */ jsx11(Typography10, { variant: "body2", color: "text.secondary", children: currentProviderConfig?.baseUrl || currentProviderConfig?.gatewayUrl || "No URL configured" })
+        ] }) : /* @__PURE__ */ jsx11(Chip8, { label: "No Provider Configured", color: "warning" })
       ] }),
-      /* @__PURE__ */ jsxs9(Paper5, { sx: { p: { xs: 1.75, sm: 2.5 }, mb: { xs: 2, md: 3 }, bgcolor: "background.paper", border: "1px solid", borderColor: "divider" }, children: [
-        /* @__PURE__ */ jsxs9(
-          Box9,
+      /* @__PURE__ */ jsxs11(Paper5, { sx: { p: { xs: 1.75, sm: 2.5 }, mb: { xs: 2, md: 3 }, bgcolor: "background.paper", border: "1px solid", borderColor: "divider" }, children: [
+        /* @__PURE__ */ jsxs11(
+          Box11,
           {
             sx: {
               display: "flex",
@@ -7241,9 +8730,9 @@ var ProviderTab = () => {
               mb: 3
             },
             children: [
-              /* @__PURE__ */ jsx9(Typography9, { variant: "h6", sx: { fontWeight: 600, color: "text.primary" }, children: "Provider Configuration" }),
-              /* @__PURE__ */ jsxs9(
-                Button8,
+              /* @__PURE__ */ jsx11(Typography10, { variant: "h6", sx: { fontWeight: 600, color: "text.primary" }, children: "Provider Configuration" }),
+              /* @__PURE__ */ jsxs11(
+                Button9,
                 {
                   variant: "outlined",
                   onClick: () => setIsProviderConfigOpen(!isProviderConfigOpen),
@@ -7257,9 +8746,9 @@ var ProviderTab = () => {
             ]
           }
         ),
-        isProviderConfigOpen && /* @__PURE__ */ jsxs9(Box9, { sx: { mt: 3 }, children: [
-          /* @__PURE__ */ jsxs9(
-            TextField5,
+        isProviderConfigOpen && /* @__PURE__ */ jsxs11(Box11, { sx: { mt: 3 }, children: [
+          /* @__PURE__ */ jsxs11(
+            TextField6,
             {
               label: "Provider Type",
               select: true,
@@ -7268,19 +8757,19 @@ var ProviderTab = () => {
               fullWidth: true,
               sx: { mb: 3 },
               children: [
-                /* @__PURE__ */ jsx9(MenuItem3, { value: "gateway", children: "Gateway (Recommended)" }),
-                /* @__PURE__ */ jsx9(MenuItem3, { value: "ollama", children: "Ollama" }),
-                /* @__PURE__ */ jsx9(MenuItem3, { value: "openai", children: "OpenAI" }),
-                /* @__PURE__ */ jsx9(MenuItem3, { value: "azure-openai", children: "Azure OpenAI" }),
-                /* @__PURE__ */ jsx9(MenuItem3, { value: "bandit", children: "Bandit AI" }),
-                /* @__PURE__ */ jsx9(MenuItem3, { value: "xai", children: "xAI" }),
-                /* @__PURE__ */ jsx9(MenuItem3, { value: "playground", children: "Playground (Mock Demo)" })
+                /* @__PURE__ */ jsx11(MenuItem3, { value: "gateway", children: "Gateway (Recommended)" }),
+                /* @__PURE__ */ jsx11(MenuItem3, { value: "ollama", children: "Ollama" }),
+                /* @__PURE__ */ jsx11(MenuItem3, { value: "openai", children: "OpenAI" }),
+                /* @__PURE__ */ jsx11(MenuItem3, { value: "azure-openai", children: "Azure OpenAI" }),
+                /* @__PURE__ */ jsx11(MenuItem3, { value: "bandit", children: "Bandit AI" }),
+                /* @__PURE__ */ jsx11(MenuItem3, { value: "xai", children: "xAI" }),
+                /* @__PURE__ */ jsx11(MenuItem3, { value: "playground", children: "Playground (Mock Demo)" })
               ]
             }
           ),
-          providerConfig.type === "gateway" && /* @__PURE__ */ jsxs9(Box9, { children: [
-            /* @__PURE__ */ jsx9(
-              TextField5,
+          providerConfig.type === "gateway" && /* @__PURE__ */ jsxs11(Box11, { children: [
+            /* @__PURE__ */ jsx11(
+              TextField6,
               {
                 label: "Gateway URL",
                 value: providerConfig.gatewayUrl || "",
@@ -7290,8 +8779,8 @@ var ProviderTab = () => {
                 placeholder: "https://your-gateway-api.com"
               }
             ),
-            /* @__PURE__ */ jsxs9(
-              TextField5,
+            /* @__PURE__ */ jsxs11(
+              TextField6,
               {
                 label: "Backend Provider",
                 select: true,
@@ -7303,18 +8792,18 @@ var ProviderTab = () => {
                 fullWidth: true,
                 sx: { mb: 2 },
                 children: [
-                  /* @__PURE__ */ jsx9(MenuItem3, { value: "openai", children: "OpenAI" }),
-                  /* @__PURE__ */ jsx9(MenuItem3, { value: "azure-openai", children: "Azure OpenAI" }),
-                  /* @__PURE__ */ jsx9(MenuItem3, { value: "anthropic", children: "Anthropic" }),
-                  /* @__PURE__ */ jsx9(MenuItem3, { value: "ollama", children: "Ollama" }),
-                  /* @__PURE__ */ jsx9(MenuItem3, { value: "bandit", children: "Bandit AI" }),
-                  /* @__PURE__ */ jsx9(MenuItem3, { value: "xai", children: "xAI" })
+                  /* @__PURE__ */ jsx11(MenuItem3, { value: "openai", children: "OpenAI" }),
+                  /* @__PURE__ */ jsx11(MenuItem3, { value: "azure-openai", children: "Azure OpenAI" }),
+                  /* @__PURE__ */ jsx11(MenuItem3, { value: "anthropic", children: "Anthropic" }),
+                  /* @__PURE__ */ jsx11(MenuItem3, { value: "ollama", children: "Ollama" }),
+                  /* @__PURE__ */ jsx11(MenuItem3, { value: "bandit", children: "Bandit AI" }),
+                  /* @__PURE__ */ jsx11(MenuItem3, { value: "xai", children: "xAI" })
                 ]
               }
             )
           ] }),
-          providerConfig.type === "ollama" && /* @__PURE__ */ jsx9(
-            TextField5,
+          providerConfig.type === "ollama" && /* @__PURE__ */ jsx11(
+            TextField6,
             {
               label: "Ollama URL",
               value: providerConfig.baseUrl || "",
@@ -7323,9 +8812,9 @@ var ProviderTab = () => {
               placeholder: "http://localhost:11434"
             }
           ),
-          providerConfig.type === "bandit" && /* @__PURE__ */ jsxs9(Box9, { children: [
-            /* @__PURE__ */ jsx9(
-              TextField5,
+          providerConfig.type === "bandit" && /* @__PURE__ */ jsxs11(Box11, { children: [
+            /* @__PURE__ */ jsx11(
+              TextField6,
               {
                 label: "API Base URL",
                 value: providerConfig.baseUrl || "",
@@ -7339,8 +8828,8 @@ var ProviderTab = () => {
                 helperText: "Defaults to https://api.burtson.ai"
               }
             ),
-            /* @__PURE__ */ jsx9(
-              TextField5,
+            /* @__PURE__ */ jsx11(
+              TextField6,
               {
                 label: "API Key",
                 type: "password",
@@ -7354,8 +8843,8 @@ var ProviderTab = () => {
                 placeholder: "bai_..."
               }
             ),
-            /* @__PURE__ */ jsx9(
-              TextField5,
+            /* @__PURE__ */ jsx11(
+              TextField6,
               {
                 label: "Default Model ID",
                 value: providerConfig.defaultModel || "",
@@ -7369,9 +8858,9 @@ var ProviderTab = () => {
               }
             )
           ] }),
-          providerConfig.type === "openai" && /* @__PURE__ */ jsxs9(Box9, { children: [
-            /* @__PURE__ */ jsx9(
-              TextField5,
+          providerConfig.type === "openai" && /* @__PURE__ */ jsxs11(Box11, { children: [
+            /* @__PURE__ */ jsx11(
+              TextField6,
               {
                 label: "API Base URL",
                 value: providerConfig.baseUrl || "",
@@ -7384,8 +8873,8 @@ var ProviderTab = () => {
                 placeholder: "https://api.openai.com/v1"
               }
             ),
-            /* @__PURE__ */ jsx9(
-              TextField5,
+            /* @__PURE__ */ jsx11(
+              TextField6,
               {
                 label: "API Key",
                 type: "password",
@@ -7399,8 +8888,8 @@ var ProviderTab = () => {
                 placeholder: "sk-..."
               }
             ),
-            /* @__PURE__ */ jsx9(
-              TextField5,
+            /* @__PURE__ */ jsx11(
+              TextField6,
               {
                 label: "Default Model ID",
                 value: providerConfig.defaultModel || "",
@@ -7414,9 +8903,9 @@ var ProviderTab = () => {
               }
             )
           ] }),
-          providerConfig.type === "azure-openai" && /* @__PURE__ */ jsxs9(Box9, { children: [
-            /* @__PURE__ */ jsx9(
-              TextField5,
+          providerConfig.type === "azure-openai" && /* @__PURE__ */ jsxs11(Box11, { children: [
+            /* @__PURE__ */ jsx11(
+              TextField6,
               {
                 label: "Azure Endpoint",
                 value: providerConfig.baseUrl || "",
@@ -7426,8 +8915,8 @@ var ProviderTab = () => {
                 placeholder: "https://your-resource.openai.azure.com"
               }
             ),
-            /* @__PURE__ */ jsx9(
-              TextField5,
+            /* @__PURE__ */ jsx11(
+              TextField6,
               {
                 label: "API Key",
                 type: "password",
@@ -7437,8 +8926,8 @@ var ProviderTab = () => {
                 sx: { mb: 2 }
               }
             ),
-            /* @__PURE__ */ jsx9(
-              TextField5,
+            /* @__PURE__ */ jsx11(
+              TextField6,
               {
                 label: "API Version",
                 value: providerConfig.apiVersion || "",
@@ -7448,8 +8937,8 @@ var ProviderTab = () => {
                 placeholder: "2024-02-01"
               }
             ),
-            /* @__PURE__ */ jsx9(
-              TextField5,
+            /* @__PURE__ */ jsx11(
+              TextField6,
               {
                 label: "Deployment Name",
                 value: providerConfig.deploymentName || "",
@@ -7459,9 +8948,9 @@ var ProviderTab = () => {
               }
             )
           ] }),
-          providerConfig.type === "xai" && /* @__PURE__ */ jsxs9(Box9, { children: [
-            /* @__PURE__ */ jsx9(
-              TextField5,
+          providerConfig.type === "xai" && /* @__PURE__ */ jsxs11(Box11, { children: [
+            /* @__PURE__ */ jsx11(
+              TextField6,
               {
                 label: "API Base URL",
                 value: providerConfig.baseUrl || "",
@@ -7474,8 +8963,8 @@ var ProviderTab = () => {
                 placeholder: "https://api.x.ai/v1"
               }
             ),
-            /* @__PURE__ */ jsx9(
-              TextField5,
+            /* @__PURE__ */ jsx11(
+              TextField6,
               {
                 label: "API Key",
                 type: "password",
@@ -7489,8 +8978,8 @@ var ProviderTab = () => {
                 placeholder: "xai-..."
               }
             ),
-            /* @__PURE__ */ jsx9(
-              TextField5,
+            /* @__PURE__ */ jsx11(
+              TextField6,
               {
                 label: "Default Model ID",
                 value: providerConfig.defaultModel || "",
@@ -7504,10 +8993,10 @@ var ProviderTab = () => {
               }
             )
           ] }),
-          providerConfig.type === "anthropic" && /* @__PURE__ */ jsx9(Alert8, { 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__ */ jsxs9(Box9, { sx: { display: "flex", gap: 2, mt: 3 }, children: [
-            /* @__PURE__ */ jsx9(
-              Button8,
+          providerConfig.type === "anthropic" && /* @__PURE__ */ jsx11(Alert9, { 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__ */ jsxs11(Box11, { sx: { display: "flex", gap: 2, mt: 3 }, children: [
+            /* @__PURE__ */ jsx11(
+              Button9,
               {
                 variant: "outlined",
                 onClick: handleTestProviderConnection,
@@ -7515,8 +9004,8 @@ var ProviderTab = () => {
                 children: "Test Connection"
               }
             ),
-            /* @__PURE__ */ jsx9(
-              Button8,
+            /* @__PURE__ */ jsx11(
+              Button9,
               {
                 variant: "contained",
                 onClick: handleSaveProviderConfig,
@@ -7527,20 +9016,20 @@ var ProviderTab = () => {
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs9(Paper5, { sx: { p: 3, bgcolor: "info.main", color: "info.contrastText", borderRadius: 2 }, children: [
-        /* @__PURE__ */ jsx9(Typography9, { variant: "h6", sx: { mb: 1, fontWeight: 600, color: "text.primary" }, children: "\u{1F680} Gateway Provider Recommended" }),
-        /* @__PURE__ */ jsx9(Typography9, { 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__ */ jsxs11(Paper5, { sx: { p: 3, bgcolor: "info.main", color: "info.contrastText", borderRadius: 2 }, children: [
+        /* @__PURE__ */ jsx11(Typography10, { variant: "h6", sx: { mb: 1, fontWeight: 600, color: "text.primary" }, children: "\u{1F680} Gateway Provider Recommended" }),
+        /* @__PURE__ */ jsx11(Typography10, { 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__ */ jsx9(
-      Snackbar4,
+    /* @__PURE__ */ jsx11(
+      Snackbar5,
       {
         open: showSnackbar,
         autoHideDuration: 6e3,
         onClose: () => setShowSnackbar(false),
         anchorOrigin: { vertical: "bottom", horizontal: "left" },
-        children: /* @__PURE__ */ jsx9(
-          Alert8,
+        children: /* @__PURE__ */ jsx11(
+          Alert9,
           {
             onClose: () => setShowSnackbar(false),
             severity: snackbarSeverity,
@@ -7555,9 +9044,9 @@ var ProviderTab = () => {
 };
 
 // src/management/components/MCPToolsTabV2.tsx
-import { useEffect as useEffect8, useMemo as useMemo4, useState as useState11 } from "react";
-import { Box as Box10, Typography as Typography10, Paper as Paper6, Chip as Chip8, Stack as Stack4, IconButton as IconButton5, Tooltip as Tooltip2, LinearProgress as LinearProgress4, Switch as Switch3, FormControlLabel as FormControlLabel2 } from "@mui/material";
-import RefreshIcon3 from "@mui/icons-material/Refresh";
+import { useEffect as useEffect10, useMemo as useMemo5, useState as useState13 } from "react";
+import { Box as Box12, Typography as Typography11, Paper as Paper6, Chip as Chip9, Stack as Stack5, IconButton as IconButton6, Tooltip as Tooltip3, LinearProgress as LinearProgress5, Switch as Switch3, FormControlLabel as FormControlLabel2 } from "@mui/material";
+import RefreshIcon4 from "@mui/icons-material/Refresh";
 import HealthAndSafetyIcon from "@mui/icons-material/HealthAndSafety";
 import ErrorOutlineIcon from "@mui/icons-material/ErrorOutline";
 import SettingsIcon2 from "@mui/icons-material/Settings";
@@ -7571,7 +9060,7 @@ var isPlaygroundMode = () => {
   const gatewayUrl = settings.gatewayApiUrl?.toLowerCase() ?? "";
   return Boolean(settings.playgroundMode || gatewayUrl.startsWith("playground://"));
 };
-function buildUrl(path) {
+function buildUrl2(path) {
   if (isPlaygroundMode()) {
     debugLogger.info("MCP controller URL build skipped in playground mode", { path });
     return path.startsWith("/") ? path : `/${path}`;
@@ -7594,7 +9083,7 @@ async function fetchAvailableMcpTools() {
     debugLogger.info("Skipping remote MCP tool fetch \u2014 playground mode active");
     return [];
   }
-  const url = buildUrl("/mcp/tools");
+  const url = buildUrl2("/mcp/tools");
   try {
     const res = await fetch(url, { headers: authHeaders() });
     const data = await res.json();
@@ -7618,7 +9107,7 @@ async function fetchMcpHealth() {
       availableTools: []
     };
   }
-  const url = buildUrl("/mcp/health");
+  const url = buildUrl2("/mcp/health");
   try {
     const res = await fetch(url, { headers: authHeaders() });
     const data = await res.json();
@@ -7633,14 +9122,14 @@ async function fetchMcpHealth() {
 }
 
 // src/management/components/MCPToolsTabV2.tsx
-import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
 var MCPToolsTabV2 = () => {
   const { settings } = usePackageSettingsStore();
   const { tools: localTools, loadTools, toggleTool, addTool, updateTool, isLoaded } = useMCPToolsStore();
-  const [loading, setLoading] = useState11(true);
-  const [error, setError] = useState11(null);
-  const [tools, setTools] = useState11([]);
-  const [health, setHealth] = useState11(null);
+  const [loading, setLoading] = useState13(true);
+  const [error, setError] = useState13(null);
+  const [tools, setTools] = useState13([]);
+  const [health, setHealth] = useState13(null);
   const gatewayConfigured = !!settings?.gatewayApiUrl;
   const refresh = async () => {
     setLoading(true);
@@ -7694,7 +9183,7 @@ var MCPToolsTabV2 = () => {
       setLoading(false);
     }
   };
-  useEffect8(() => {
+  useEffect10(() => {
     if (isLoaded) {
       refresh();
     } else {
@@ -7703,7 +9192,7 @@ var MCPToolsTabV2 = () => {
       });
     }
   }, [isLoaded]);
-  const localEnabledMap = useMemo4(() => {
+  const localEnabledMap = useMemo5(() => {
     const map = /* @__PURE__ */ new Map();
     const sortedTools = [...localTools].sort((a, b) => {
       if (a.isBuiltIn && !b.isBuiltIn) return -1;
@@ -7719,17 +9208,17 @@ var MCPToolsTabV2 = () => {
     });
     return map;
   }, [localTools]);
-  return /* @__PURE__ */ jsxs10(Box10, { children: [
-    /* @__PURE__ */ jsxs10(Box10, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", mb: 2 }, children: [
-      /* @__PURE__ */ jsx10(Typography10, { variant: "h5", sx: { fontWeight: 600, color: "primary.main" }, children: "Available Tools" }),
-      /* @__PURE__ */ jsx10(Box10, { children: /* @__PURE__ */ jsx10(Tooltip2, { title: "Refresh", children: /* @__PURE__ */ jsx10(IconButton5, { onClick: refresh, children: /* @__PURE__ */ jsx10(RefreshIcon3, {}) }) }) })
+  return /* @__PURE__ */ jsxs12(Box12, { children: [
+    /* @__PURE__ */ jsxs12(Box12, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", mb: 2 }, children: [
+      /* @__PURE__ */ jsx12(Typography11, { variant: "h5", sx: { fontWeight: 600, color: "primary.main" }, children: "Available Tools" }),
+      /* @__PURE__ */ jsx12(Box12, { children: /* @__PURE__ */ jsx12(Tooltip3, { title: "Refresh", children: /* @__PURE__ */ jsx12(IconButton6, { onClick: refresh, children: /* @__PURE__ */ jsx12(RefreshIcon4, {}) }) }) })
     ] }),
-    !gatewayConfigured && /* @__PURE__ */ jsx10(Paper6, { sx: { p: 2, mb: 2 }, children: /* @__PURE__ */ jsx10(Typography10, { variant: "body2", color: "text.secondary", children: "Gateway API URL isn\u2019t configured. The controller endpoints will be fetched relative to this origin." }) }),
-    /* @__PURE__ */ jsx10(Paper6, { sx: { p: 2, mb: 2 }, children: /* @__PURE__ */ jsxs10(Box10, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-      health?.status === "healthy" ? /* @__PURE__ */ jsx10(HealthAndSafetyIcon, { color: "success" }) : health?.status === "unhealthy" ? /* @__PURE__ */ jsx10(ErrorOutlineIcon, { color: "error" }) : /* @__PURE__ */ jsx10(ErrorOutlineIcon, { color: "disabled" }),
-      /* @__PURE__ */ jsx10(Typography10, { variant: "subtitle1", sx: { fontWeight: 600 }, children: "Controller Health" }),
-      /* @__PURE__ */ jsx10(
-        Chip8,
+    !gatewayConfigured && /* @__PURE__ */ jsx12(Paper6, { sx: { p: 2, mb: 2 }, children: /* @__PURE__ */ jsx12(Typography11, { variant: "body2", color: "text.secondary", children: "Gateway API URL isn\u2019t configured. The controller endpoints will be fetched relative to this origin." }) }),
+    /* @__PURE__ */ jsx12(Paper6, { sx: { p: 2, mb: 2 }, children: /* @__PURE__ */ jsxs12(Box12, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+      health?.status === "healthy" ? /* @__PURE__ */ jsx12(HealthAndSafetyIcon, { color: "success" }) : health?.status === "unhealthy" ? /* @__PURE__ */ jsx12(ErrorOutlineIcon, { color: "error" }) : /* @__PURE__ */ jsx12(ErrorOutlineIcon, { color: "disabled" }),
+      /* @__PURE__ */ jsx12(Typography11, { variant: "subtitle1", sx: { fontWeight: 600 }, children: "Controller Health" }),
+      /* @__PURE__ */ jsx12(
+        Chip9,
         {
           size: "small",
           label: (health?.status || "unknown").toString(),
@@ -7737,11 +9226,11 @@ var MCPToolsTabV2 = () => {
           sx: { ml: 1 }
         }
       ),
-      health?.timestamp && /* @__PURE__ */ jsx10(Typography10, { variant: "caption", color: "text.secondary", sx: { ml: 1 }, children: new Date(health.timestamp).toLocaleString() })
+      health?.timestamp && /* @__PURE__ */ jsx12(Typography11, { variant: "caption", color: "text.secondary", sx: { ml: 1 }, children: new Date(health.timestamp).toLocaleString() })
     ] }) }),
-    loading && /* @__PURE__ */ jsx10(Box10, { sx: { mb: 2 }, children: /* @__PURE__ */ jsx10(LinearProgress4, {}) }),
-    error && /* @__PURE__ */ jsx10(Paper6, { sx: { p: 2, mb: 2 }, children: /* @__PURE__ */ jsx10(Typography10, { color: "error", children: error }) }),
-    /* @__PURE__ */ jsx10(Stack4, { spacing: 2, children: tools.map((tool) => {
+    loading && /* @__PURE__ */ jsx12(Box12, { sx: { mb: 2 }, children: /* @__PURE__ */ jsx12(LinearProgress5, {}) }),
+    error && /* @__PURE__ */ jsx12(Paper6, { sx: { p: 2, mb: 2 }, children: /* @__PURE__ */ jsx12(Typography11, { color: "error", children: error }) }),
+    /* @__PURE__ */ jsx12(Stack5, { spacing: 2, children: tools.map((tool) => {
       let locallyEnabled = localEnabledMap.get(tool.id);
       if (locallyEnabled === void 0) {
         locallyEnabled = localEnabledMap.get(tool.name);
@@ -7752,17 +9241,17 @@ var MCPToolsTabV2 = () => {
         );
         locallyEnabled = directLookup?.enabled ?? tool.isEnabled;
       }
-      return /* @__PURE__ */ jsxs10(Paper6, { sx: { p: 2 }, children: [
-        /* @__PURE__ */ jsxs10(Box10, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
-          /* @__PURE__ */ jsxs10(Box10, { children: [
-            /* @__PURE__ */ jsx10(Typography10, { variant: "h6", sx: { fontWeight: 700 }, children: tool.name }),
-            /* @__PURE__ */ jsx10(Typography10, { variant: "body2", color: "text.secondary", sx: { mt: 0.5 }, children: tool.description })
+      return /* @__PURE__ */ jsxs12(Paper6, { sx: { p: 2 }, children: [
+        /* @__PURE__ */ jsxs12(Box12, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
+          /* @__PURE__ */ jsxs12(Box12, { children: [
+            /* @__PURE__ */ jsx12(Typography11, { variant: "h6", sx: { fontWeight: 700 }, children: tool.name }),
+            /* @__PURE__ */ jsx12(Typography11, { variant: "body2", color: "text.secondary", sx: { mt: 0.5 }, children: tool.description })
           ] }),
-          /* @__PURE__ */ jsxs10(Box10, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-            /* @__PURE__ */ jsx10(
+          /* @__PURE__ */ jsxs12(Box12, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+            /* @__PURE__ */ jsx12(
               FormControlLabel2,
               {
-                control: /* @__PURE__ */ jsx10(Switch3, { checked: !!locallyEnabled, onChange: () => {
+                control: /* @__PURE__ */ jsx12(Switch3, { checked: !!locallyEnabled, onChange: () => {
                   let local = localTools.find((t) => t.function.name === tool.id);
                   if (!local) {
                     local = localTools.find((t) => t.function.name === tool.name);
@@ -7782,12 +9271,12 @@ var MCPToolsTabV2 = () => {
                 label: locallyEnabled ? "Enabled" : "Disabled"
               }
             ),
-            /* @__PURE__ */ jsx10(Tooltip2, { title: "Controller-driven tools (read-only schema)", children: /* @__PURE__ */ jsx10(SettingsIcon2, { color: "disabled" }) })
+            /* @__PURE__ */ jsx12(Tooltip3, { title: "Controller-driven tools (read-only schema)", children: /* @__PURE__ */ jsx12(SettingsIcon2, { color: "disabled" }) })
           ] })
         ] }),
-        !!tool.supportedParameters?.length && /* @__PURE__ */ jsxs10(Box10, { sx: { mt: 1.5 }, children: [
-          /* @__PURE__ */ jsx10(Typography10, { variant: "caption", color: "text.secondary", children: "Supported parameters" }),
-          /* @__PURE__ */ jsx10(Box10, { sx: { mt: 0.5, display: "flex", flexWrap: "wrap", gap: 1 }, children: tool.supportedParameters.map((p) => /* @__PURE__ */ jsx10(Chip8, { size: "small", label: p }, p)) })
+        !!tool.supportedParameters?.length && /* @__PURE__ */ jsxs12(Box12, { sx: { mt: 1.5 }, children: [
+          /* @__PURE__ */ jsx12(Typography11, { variant: "caption", color: "text.secondary", children: "Supported parameters" }),
+          /* @__PURE__ */ jsx12(Box12, { sx: { mt: 0.5, display: "flex", flexWrap: "wrap", gap: 1 }, children: tool.supportedParameters.map((p) => /* @__PURE__ */ jsx12(Chip9, { size: "small", label: p }, p)) })
         ] })
       ] }, tool.id);
     }) })
@@ -7796,13 +9285,20 @@ var MCPToolsTabV2 = () => {
 var MCPToolsTabV2_default = MCPToolsTabV2;
 
 // src/management/management.tsx
-import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
-var preloadChatPage = () => import("./chat-7U633EWN.mjs");
+import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
+var preloadChatPage = () => import("./chat-CQWZOJH4.mjs");
+var buildCapabilitiesUrl = (gatewayApiUrl) => {
+  const trimmed = gatewayApiUrl.replace(/\/$/, "");
+  if (trimmed.endsWith("/api")) {
+    return `${trimmed}/capabilities`;
+  }
+  return `${trimmed}/api/capabilities`;
+};
 var Management = () => {
   const navigate = useNavigate();
   const notificationService = useNotificationService();
-  const isMobile = useMediaQuery6("(max-width:900px)");
-  const [sidebarOpen, setSidebarOpen] = useState12(false);
+  const isMobile = useMediaQuery7("(max-width:900px)");
+  const [sidebarOpen, setSidebarOpen] = useState14(false);
   const getOptimalFabLogo = async () => {
     const banditHead2 = "https://cdn.burtson.ai/images/bandit-head.png";
     try {
@@ -7842,16 +9338,16 @@ var Management = () => {
     hasTransparentLogo,
     setHasTransparentLogo
   } = useModelStore();
-  const [modalOpen, setModalOpen] = useState12(false);
+  const [modalOpen, setModalOpen] = useState14(false);
   const banditHead = "https://cdn.burtson.ai/images/bandit-head.png";
-  const [fabLogo, setFabLogo] = useState12(banditHead);
-  const [tabIndex, setTabIndex] = useState12(0);
-  const [logoFile, setLogoFile] = useState12(null);
-  const [logoBase64, setLogoBase64] = useState12(null);
-  const [brandingText, setBrandingText] = useState12("");
-  const [theme, setTheme] = useState12("bandit-dark");
-  const [customAvatarBase64, setCustomAvatarBase64] = useState12(null);
-  const [presetAvatar, setPresetAvatar] = useState12(null);
+  const [fabLogo, setFabLogo] = useState14(banditHead);
+  const [tabIndex, setTabIndex] = useState14(0);
+  const [logoFile, setLogoFile] = useState14(null);
+  const [logoBase64, setLogoBase64] = useState14(null);
+  const [brandingText, setBrandingText] = useState14("");
+  const [theme, setTheme] = useState14("bandit-dark");
+  const [customAvatarBase64, setCustomAvatarBase64] = useState14(null);
+  const [presetAvatar, setPresetAvatar] = useState14(null);
   const showSnackbarMessage = (message, severity = "success") => {
     if (severity === "success") {
       notificationService?.showSuccess(message);
@@ -7859,16 +9355,18 @@ var Management = () => {
       notificationService?.showError(message);
     }
   };
-  const [restoreDialogOpen, setRestoreDialogOpen] = useState12(false);
-  const [brandingLoaded, setBrandingLoaded] = useState12(false);
-  const [isLoadingBranding, setIsLoadingBranding] = useState12(false);
+  const [restoreDialogOpen, setRestoreDialogOpen] = useState14(false);
+  const [brandingLoaded, setBrandingLoaded] = useState14(false);
+  const [isLoadingBranding, setIsLoadingBranding] = useState14(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] = useState12({
+  const [seedPacksEnabled, setSeedPacksEnabled] = useState14(false);
+  const [localSelectedModel, setLocalSelectedModel] = useState14({
     name: "",
     tagline: "",
     systemPrompt: "",
@@ -7881,7 +9379,7 @@ var Management = () => {
     loadDocuments,
     clearAllDocuments
   } = useKnowledgeStore();
-  useEffect9(() => {
+  useEffect11(() => {
     if (selectedModel) {
       const selected = availableModels.find((m) => m.name === selectedModel);
       if (selected) {
@@ -7905,7 +9403,7 @@ var Management = () => {
       }
     }
   }, [selectedModel, availableModels]);
-  const loadBrandingConfig = useCallback7(async () => {
+  const loadBrandingConfig = useCallback8(async () => {
     if (isLoadingBranding || brandingLoaded) {
       debugLogger.warn("Branding loading already in progress or completed, skipping");
       return;
@@ -8020,15 +9518,15 @@ var Management = () => {
     setTagline,
     setTheme
   ]);
-  useEffect9(() => {
+  useEffect11(() => {
     void loadBrandingConfig();
   }, [loadBrandingConfig]);
   const handleOpenModal = () => setModalOpen(true);
   const handleCloseModal = () => setModalOpen(false);
-  useEffect9(() => {
+  useEffect11(() => {
     getOptimalFabLogo().then(setFabLogo);
   }, []);
-  useEffect9(() => {
+  useEffect11(() => {
     if (logoBase64) {
       setFabLogo(logoBase64);
     } else {
@@ -8083,6 +9581,7 @@ var Management = () => {
           name: modelToSave.name,
           tagline: modelToSave.tagline,
           systemPrompt: modelToSave.systemPrompt,
+          avatarBase64: modelToSave.avatarBase64 || void 0,
           selectedModel: modelToSave.name
         }
       };
@@ -8135,6 +9634,19 @@ var Management = () => {
     try {
       const storeConfigs = [{ name: "config", keyPath: "id" }];
       debugLogger.info("Saving branding data to IndexedDB");
+      let finalHasTransparentLogo = hasTransparentLogo;
+      if (logoBase64) {
+        try {
+          const detected = await detectTransparency(logoBase64);
+          const isPng = logoBase64.startsWith("data:image/png");
+          finalHasTransparentLogo = detected || isPng;
+          debugLogger.debug("SaveBranding transparency check", { detected, isPng, finalHasTransparentLogo });
+        } catch (err) {
+          const isPng = logoBase64.startsWith("data:image/png");
+          finalHasTransparentLogo = finalHasTransparentLogo ?? isPng ?? true;
+          debugLogger.warn("SaveBranding transparency check failed, using fallback", { error: err, finalHasTransparentLogo });
+        }
+      }
       const current = await indexedDBService_default.get(
         "banditConfig",
         1,
@@ -8150,7 +9662,7 @@ var Management = () => {
           logoBase64,
           brandingText,
           theme,
-          hasTransparentLogo,
+          hasTransparentLogo: finalHasTransparentLogo,
           userSaved: true
           // Mark as user-saved to protect from CDN overrides
         }
@@ -8189,9 +9701,11 @@ var Management = () => {
         setLogoBase64(base64);
         debugLogger.debug("Starting transparency detection for uploaded image");
         try {
+          const isPng = base64.startsWith("data:image/png");
           const isTransparent = await detectTransparency(base64);
-          setHasTransparentLogo(isTransparent);
-          debugLogger.debug("Transparency detection result saved", { isTransparent });
+          const finalTransparent = isTransparent || isPng;
+          setHasTransparentLogo(finalTransparent);
+          debugLogger.debug("Transparency detection result saved", { isTransparent, finalTransparent });
         } catch (err) {
           debugLogger.error("Failed to detect transparency", { error: err });
         }
@@ -8404,7 +9918,8 @@ var Management = () => {
                 name: modelName2,
                 tagline: typeof parsedModel.tagline === "string" ? parsedModel.tagline : void 0,
                 systemPrompt: typeof parsedModel.systemPrompt === "string" ? parsedModel.systemPrompt : void 0,
-                selectedModel: typeof parsedModel.selectedModel === "string" ? parsedModel.selectedModel : void 0
+                selectedModel: typeof parsedModel.selectedModel === "string" ? parsedModel.selectedModel : void 0,
+                avatarBase64: typeof parsedModel.avatarBase64 === "string" ? parsedModel.avatarBase64 : parsedModel.avatarBase64 === null ? void 0 : void 0
               };
               const entry = {
                 id: modelName2,
@@ -8412,7 +9927,8 @@ var Management = () => {
                 name: modelName2,
                 tagline: sanitizedModel.tagline,
                 systemPrompt: sanitizedModel.systemPrompt,
-                avatarBase64: typeof parsedModel.avatarBase64 === "string" ? parsedModel.avatarBase64 : void 0
+                // Normalize to match StoredBanditConfigRecord (string | undefined)
+                avatarBase64: sanitizedModel.avatarBase64 ?? void 0
               };
               await indexedDBService_default.put("banditConfig", 1, "config", entry, storeConfigs);
             }
@@ -8457,7 +9973,7 @@ var Management = () => {
       reader.readAsText(file);
     }
   };
-  useEffect9(() => {
+  useEffect11(() => {
     if (localSelectedModel.selectedModel && !availableModels.some((m) => m.name === localSelectedModel.selectedModel)) {
       setLocalSelectedModel((prev) => ({
         ...prev,
@@ -8465,51 +9981,120 @@ var Management = () => {
       }));
     }
   }, [availableModels, localSelectedModel.selectedModel]);
-  useEffect9(() => {
+  useEffect11(() => {
     loadDocuments();
   }, [loadDocuments]);
-  const currentTheme = predefinedThemes[theme] || banditDarkTheme;
+  useEffect11(() => {
+    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 = useMemo6(() => {
+    const baseTheme = predefinedThemes[theme] || banditDarkTheme;
+    return 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__ */ jsx11(FaceRetouchingNaturalIcon, {}),
+      icon: /* @__PURE__ */ jsx13(FaceRetouchingNaturalIcon, {}),
       requiresFeature: "limitedAdminDashboard"
       // Available to premium+
     },
     {
       label: "Branding",
-      icon: /* @__PURE__ */ jsx11(BrushIcon, {}),
+      icon: /* @__PURE__ */ jsx13(BrushIcon, {}),
       requiresFeature: "limitedAdminDashboard"
       // Available to premium+
     },
     {
       label: "Knowledge",
-      icon: /* @__PURE__ */ jsx11(MenuBookIcon, {}),
+      icon: /* @__PURE__ */ jsx13(MenuBookIcon, {}),
       requiresFeature: "limitedAdminDashboard"
       // Available to premium+
     },
     {
       label: "Storage",
-      icon: /* @__PURE__ */ jsx11(StorageIcon2, {}),
+      icon: /* @__PURE__ */ jsx13(StorageIcon2, {}),
       requiresFeature: "limitedAdminDashboard"
       // Available to premium+ (changed from adminDashboardEnabled)
     },
     {
       label: "Preferences",
-      icon: /* @__PURE__ */ jsx11(TuneIcon, {}),
+      icon: /* @__PURE__ */ jsx13(TuneIcon, {}),
       requiresFeature: "limitedAdminDashboard"
       // Available to premium+
     },
     {
       label: "Provider",
-      icon: /* @__PURE__ */ jsx11(CloudIcon, {}),
+      icon: /* @__PURE__ */ jsx13(CloudIcon, {}),
       requiresFeature: "advancedSearch"
       // Pro/Team users with advanced features
     },
     {
       label: "MCP Tools",
-      icon: /* @__PURE__ */ jsx11(BuildIcon, {}),
+      icon: /* @__PURE__ */ jsx13(BuildIcon, {}),
       requiresFeature: "advancedSearch"
       // Pro/Team users with advanced features
     }
@@ -8526,8 +10111,8 @@ var Management = () => {
     }
     return true;
   });
-  const navigationContent = /* @__PURE__ */ jsxs11(
-    Box11,
+  const navigationContent = /* @__PURE__ */ jsxs13(
+    Box13,
     {
       sx: {
         display: "flex",
@@ -8537,8 +10122,8 @@ var Management = () => {
         bgcolor: "inherit"
       },
       children: [
-        isMobile && /* @__PURE__ */ jsx11(
-          Box11,
+        isMobile && /* @__PURE__ */ jsx13(
+          Box13,
           {
             sx: {
               height: 6,
@@ -8551,15 +10136,15 @@ var Management = () => {
             }
           }
         ),
-        /* @__PURE__ */ jsx11(Box11, { sx: { p: isMobile ? 2.5 : 3, pb: isMobile ? 1.5 : 2 }, children: /* @__PURE__ */ jsx11(
-          Button9,
+        /* @__PURE__ */ jsx13(Box13, { sx: { p: isMobile ? 2.5 : 3, pb: isMobile ? 1.5 : 2 }, children: /* @__PURE__ */ jsx13(
+          Button10,
           {
             onClick: () => {
               if (isMobile) setSidebarOpen(false);
               navigate("/chat");
             },
             onMouseEnter: preloadChatPage,
-            startIcon: /* @__PURE__ */ jsx11(ChevronLeftIcon, { sx: { fontSize: 20 } }),
+            startIcon: /* @__PURE__ */ jsx13(ChevronLeftIcon, { sx: { fontSize: 20 } }),
             fullWidth: true,
             variant: "outlined",
             sx: {
@@ -8586,9 +10171,9 @@ var Management = () => {
             children: "Back to Chat"
           }
         ) }),
-        /* @__PURE__ */ jsx11(Divider, { sx: { mx: isMobile ? 2 : 3, mb: 2, opacity: 0.6 } }),
-        /* @__PURE__ */ jsx11(Box11, { sx: { flex: 1, px: isMobile ? 1.5 : 2, pb: 3, overflowY: "auto" }, children: /* @__PURE__ */ jsx11(List2, { sx: { px: 0, py: 0 }, children: navTabs.map((tab, idx) => /* @__PURE__ */ jsxs11(
-          ListItemButton,
+        /* @__PURE__ */ jsx13(Divider2, { sx: { mx: isMobile ? 2 : 3, mb: 2, opacity: 0.6 } }),
+        /* @__PURE__ */ jsx13(Box13, { sx: { flex: 1, px: isMobile ? 1.5 : 2, pb: 3, overflowY: "auto" }, children: /* @__PURE__ */ jsx13(List3, { sx: { px: 0, py: 0 }, children: navTabs.map((tab, idx) => /* @__PURE__ */ jsxs13(
+          ListItemButton2,
           {
             selected: tabIndex === idx,
             onClick: () => {
@@ -8637,7 +10222,7 @@ var Management = () => {
               }
             },
             children: [
-              /* @__PURE__ */ jsx11(
+              /* @__PURE__ */ jsx13(
                 ListItemIcon2,
                 {
                   sx: {
@@ -8648,7 +10233,7 @@ var Management = () => {
                   children: tab.icon
                 }
               ),
-              /* @__PURE__ */ jsx11(
+              /* @__PURE__ */ jsx13(
                 ListItemText2,
                 {
                   primary: tab.label,
@@ -8659,8 +10244,8 @@ var Management = () => {
                   }
                 }
               ),
-              tabIndex === idx && /* @__PURE__ */ jsx11(
-                Box11,
+              tabIndex === idx && /* @__PURE__ */ jsx13(
+                Box13,
                 {
                   sx: {
                     position: "absolute",
@@ -8682,10 +10267,10 @@ var Management = () => {
       ]
     }
   );
-  return /* @__PURE__ */ jsxs11(ThemeProvider, { theme: currentTheme, children: [
-    /* @__PURE__ */ jsx11(CssBaseline, {}),
-    /* @__PURE__ */ jsxs11(
-      Box11,
+  return /* @__PURE__ */ jsxs13(ThemeProvider, { theme: currentTheme, children: [
+    /* @__PURE__ */ jsx13(CssBaseline, {}),
+    /* @__PURE__ */ jsxs13(
+      Box13,
       {
         display: "flex",
         height: "100vh",
@@ -8697,8 +10282,8 @@ var Management = () => {
           position: "relative"
         },
         children: [
-          isMobile && /* @__PURE__ */ jsxs11(
-            Box11,
+          isMobile && /* @__PURE__ */ jsxs13(
+            Box13,
             {
               sx: {
                 width: "100%",
@@ -8717,8 +10302,8 @@ var Management = () => {
                 boxShadow: "0 2px 8px rgba(0,0,0,0.1)"
               },
               children: [
-                /* @__PURE__ */ jsx11(
-                  Button9,
+                /* @__PURE__ */ jsx13(
+                  Button10,
                   {
                     onClick: () => setSidebarOpen((o) => !o),
                     sx: {
@@ -8739,7 +10324,7 @@ var Management = () => {
                         transform: sidebarOpen ? "rotate(90deg) scale(0.95)" : "scale(0.95)"
                       }
                     },
-                    children: /* @__PURE__ */ jsx11("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx11(
+                    children: /* @__PURE__ */ jsx13("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx13(
                       "path",
                       {
                         d: sidebarOpen ? "M18 6L6 18M6 6L18 18" : "M3 12H21M3 6H21M3 18H21",
@@ -8751,8 +10336,8 @@ var Management = () => {
                     ) })
                   }
                 ),
-                /* @__PURE__ */ jsx11(
-                  Typography11,
+                /* @__PURE__ */ jsx13(
+                  Typography12,
                   {
                     variant: "h6",
                     sx: {
@@ -8764,14 +10349,14 @@ var Management = () => {
                     children: "Management"
                   }
                 ),
-                /* @__PURE__ */ jsx11(Box11, { sx: {
+                /* @__PURE__ */ jsx13(Box13, { 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__ */ jsx11(
-                  Typography11,
+                }, children: /* @__PURE__ */ jsx13(
+                  Typography12,
                   {
                     variant: "caption",
                     sx: {
@@ -8785,7 +10370,7 @@ var Management = () => {
               ]
             }
           ),
-          isMobile ? /* @__PURE__ */ jsx11(
+          isMobile ? /* @__PURE__ */ jsx13(
             SwipeableDrawer,
             {
               anchor: "bottom",
@@ -8806,8 +10391,8 @@ var Management = () => {
               },
               children: navigationContent
             }
-          ) : /* @__PURE__ */ jsx11(
-            Box11,
+          ) : /* @__PURE__ */ jsx13(
+            Box13,
             {
               sx: {
                 width: 280,
@@ -8830,8 +10415,8 @@ var Management = () => {
               children: navigationContent
             }
           ),
-          /* @__PURE__ */ jsxs11(
-            Box11,
+          /* @__PURE__ */ jsxs13(
+            Box13,
             {
               sx: {
                 flex: 1,
@@ -8859,7 +10444,7 @@ var Management = () => {
                 // IE and Edge
               },
               children: [
-                navTabs[tabIndex]?.label === "Personalities" && /* @__PURE__ */ jsx11(
+                navTabs[tabIndex]?.label === "Personalities" && /* @__PURE__ */ jsx13(
                   PersonalitiesTab_default,
                   {
                     availableModels,
@@ -8878,7 +10463,7 @@ var Management = () => {
                     showSnackbar: showSnackbarMessage
                   }
                 ),
-                navTabs[tabIndex]?.label === "Branding" && /* @__PURE__ */ jsx11(
+                navTabs[tabIndex]?.label === "Branding" && /* @__PURE__ */ jsx13(
                   BrandingTab_default,
                   {
                     logoFile,
@@ -8897,8 +10482,8 @@ var Management = () => {
                     setLogoBase64
                   }
                 ),
-                navTabs[tabIndex]?.label === "Knowledge" && /* @__PURE__ */ jsx11(
-                  KnowledgeTab_default,
+                navTabs[tabIndex]?.label === "Knowledge" && /* @__PURE__ */ jsx13(
+                  KnowledgeHubTab_default,
                   {
                     documents,
                     addDocuments,
@@ -8906,11 +10491,12 @@ var Management = () => {
                     loadDocuments,
                     clearAllDocuments,
                     currentTheme,
-                    isLimitedAdmin: hasLimitedAdminDashboard() && !hasAdminDashboard()
+                    isLimitedAdmin: hasLimitedAdminDashboard() && !hasAdminDashboard(),
+                    seedPacksEnabled
                   }
                 ),
-                navTabs[tabIndex]?.label === "Storage" && /* @__PURE__ */ jsx11(StorageTab_default, { currentTheme }),
-                navTabs[tabIndex]?.label === "Preferences" && /* @__PURE__ */ jsx11(
+                navTabs[tabIndex]?.label === "Storage" && /* @__PURE__ */ jsx13(StorageTab_default, { currentTheme }),
+                navTabs[tabIndex]?.label === "Preferences" && /* @__PURE__ */ jsx13(
                   PreferencesTab_default,
                   {
                     preferences,
@@ -8920,12 +10506,12 @@ var Management = () => {
                     showSnackbar: showSnackbarMessage
                   }
                 ),
-                navTabs[tabIndex]?.label === "Provider" && /* @__PURE__ */ jsx11(ProviderTab, {}),
-                navTabs[tabIndex]?.label === "MCP Tools" && /* @__PURE__ */ jsx11(MCPToolsTabV2_default, {})
+                navTabs[tabIndex]?.label === "Provider" && /* @__PURE__ */ jsx13(ProviderTab, {}),
+                navTabs[tabIndex]?.label === "MCP Tools" && /* @__PURE__ */ jsx13(MCPToolsTabV2_default, {})
               ]
             }
           ),
-          /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx13(
             Fab,
             {
               "aria-label": "AI",
@@ -8947,7 +10533,7 @@ var Management = () => {
                 boxShadow: theme2.shadows[6],
                 zIndex: 2e3
               }),
-              children: /* @__PURE__ */ jsx11(
+              children: /* @__PURE__ */ jsx13(
                 "img",
                 {
                   src: fabLogo,
@@ -8961,7 +10547,7 @@ var Management = () => {
               )
             }
           ),
-          /* @__PURE__ */ jsx11(chat_modal_default, { open: modalOpen, onClose: handleCloseModal })
+          /* @__PURE__ */ jsx13(chat_modal_default, { open: modalOpen, onClose: handleCloseModal })
         ]
       }
     )
@@ -8975,4 +10561,4 @@ export {
   useGatewayMemory,
   management_default
 };
-//# sourceMappingURL=chunk-JRGCRBWE.mjs.map
+//# sourceMappingURL=chunk-ZTTGERUG.mjs.map