@burtson-labs/bandit-engine 2.0.44 → 2.0.50

package/dist/index.js

@@ -859,6 +859,27 @@ var init_modelStore = __esm({
             });
           }
         }
+        (async () => {
+          const storeConfigs6 = [{ name: "config", keyPath: "id" }];
+          try {
+            const existing = await indexedDBService_default.get("banditConfig", 1, "config", "main", storeConfigs6);
+            await indexedDBService_default.put(
+              "banditConfig",
+              1,
+              "config",
+              {
+                ...existing,
+                id: "main",
+                model: { ...existing?.model ?? {}, selectedModel: modelName }
+              },
+              storeConfigs6
+            );
+          } catch (err) {
+            debugLogger.warn("setSelectedModel: failed to persist selected model", {
+              error: err instanceof Error ? err.message : String(err)
+            });
+          }
+        })();
       },
       saveModel: async () => {
         const state = get();
@@ -868,7 +889,8 @@ var init_modelStore = __esm({
           tagline: state.tagline,
           systemPrompt: state.systemPrompt,
           commands: state.commands,
-          avatarBase64: state.avatarBase64 ?? void 0
+          // Ensure avatar changes are persisted even when cleared
+          avatarBase64: state.avatarBase64 ?? null
         };
         await indexedDBService_default.put("banditConfig", 1, "config", { id: newModel.name, model: newModel }, storeConfigs6);
         const exists = state.availableModels.find((m) => m.name === newModel.name);
@@ -895,7 +917,12 @@ var init_modelStore = __esm({
         debugLogger.info("initModels: starting initialization");
         set({ isLoading: true, isInitializing: true });
         const storeConfigs6 = [{ name: "config", keyPath: "id" }];
-        const entries = await indexedDBService_default.getAll("banditConfig", 1, "config", storeConfigs6);
+        const entries = await indexedDBService_default.getAll(
+          "banditConfig",
+          1,
+          "config",
+          storeConfigs6
+        );
         const mainEntry = entries.find((entry) => entry.id === "main");
         const modelEntries = entries.filter((entry) => entry.id !== "main" && entry.id !== "deletedModels");
         const deletedEntry = await indexedDBService_default.get("banditConfig", 1, "config", "deletedModels", storeConfigs6);
@@ -905,13 +932,14 @@ var init_modelStore = __esm({
         if (modelEntries.length > 0) {
           debugLogger.info("Loading models from IndexedDB");
           allModels = modelEntries.map((entry) => {
-            const modelData = entry.model?.name ? entry.model : entry;
+            const modelData = entry.model ?? entry;
             return {
               name: modelData.name,
               tagline: modelData.tagline || "",
               systemPrompt: modelData.systemPrompt || "",
               commands: modelData.commands ?? [],
-              avatarBase64: modelData.avatarBase64 ?? null
+              // Fall back to legacy top-level avatar when the nested model config omitted it
+              avatarBase64: modelData.avatarBase64 ?? entry.avatarBase64 ?? null
             };
           }).filter((m) => m.name && !deletedModelNames.includes(m.name));
           const preferences = usePreferencesStore.getState().preferences;
@@ -2140,6 +2168,9 @@ function ensureDeviceId() {
     return (0, import_uuid3.v4)();
   }
 }
+function getPackageDefaultAdvancedKnowledgeSync() {
+  return usePackageSettingsStore.getState().settings?.advancedKnowledgeSyncDefaultEnabled;
+}
 function mapConversationToDTO(conversation) {
   const updatedAtIso = (conversation.updatedAt ?? /* @__PURE__ */ new Date()).toISOString();
   const createdAtIso = conversation.createdAt ? conversation.createdAt.toISOString() : null;
@@ -2486,7 +2517,8 @@ function applyPreference(preference, set, getState, options) {
   const override = options?.override ?? {};
   const preferenceVectorFlag = preference.isAdvancedVectorFeaturesEnabled;
   const overrideVectorFlag = override.isAdvancedVectorFeaturesEnabled;
-  const resolvedVectorFlag = preferenceVectorFlag !== void 0 ? preferenceVectorFlag : overrideVectorFlag !== void 0 ? overrideVectorFlag : current.isAdvancedVectorFeaturesEnabled ?? false;
+  const packageDefaultVectorFlag = getPackageDefaultAdvancedKnowledgeSync();
+  const resolvedVectorFlag = preferenceVectorFlag !== void 0 ? preferenceVectorFlag : overrideVectorFlag !== void 0 ? overrideVectorFlag : packageDefaultVectorFlag !== void 0 ? packageDefaultVectorFlag : current.isAdvancedVectorFeaturesEnabled ?? false;
   set({
     syncEnabled: preference.syncEnabled,
     status: preference.syncEnabled ? "idle" : "disabled",
@@ -2590,7 +2622,7 @@ var init_conversationSyncStore = __esm({
       cursor: null,
       lastError: null,
       keepLocalOnly: false,
-      isAdvancedVectorFeaturesEnabled: false,
+      isAdvancedVectorFeaturesEnabled: getPackageDefaultAdvancedKnowledgeSync() ?? false,
       conflicts: null,
       deviceId: ensureDeviceId(),
       pendingConversationUpserts: /* @__PURE__ */ new Set(),
@@ -2714,7 +2746,7 @@ var init_conversationSyncStore = __esm({
             await get().runSync({ force: true });
           }
         } catch (error) {
-          const message = error instanceof Error ? error.message : "Failed to update advanced vector setting";
+          const message = error instanceof Error ? error.message : "Failed to update advanced knowledge setting";
           debugLogger.error("conversationSyncStore: setAdvancedVectorFeaturesEnabled failed", { error: message });
           set({ status: "error", lastError: message });
           throw error;
@@ -4467,7 +4499,7 @@ var init_gateway_service = __esm({
        * Chat completion using the gateway API
        */
       chat(request) {
-        const endpoint = request.provider === "ollama" ? `/api/${request.provider}/chat` : request.provider ? `/api/${request.provider}/chat/completions` : "/api/chat/completions";
+        const endpoint = request.provider === "ollama" ? `/api/${request.provider}/chat` : request.provider === "playground" ? "/api/playground/chat/completions" : request.provider ? `/api/${request.provider}/chat/completions` : "/api/chat/completions";
         const fallbackEndpoint = request.provider === "bandit" ? "/completions" : null;
         const normalizedModel = request.provider === "bandit" ? (() => {
           const trimmed = (request.model ?? "").replace(/^bandit:/, "").trim();
@@ -5438,6 +5470,9 @@ var init_gateway_provider = __esm({
           case "ollama":
             this.providerSpecificService = new OllamaGatewayService(gatewayUrl, tokenFactory);
             break;
+          case "playground":
+            this.providerSpecificService = null;
+            break;
           default:
             debugLogger.warn("Unknown provider for gateway, using generic gateway service", {
               provider: this.config.provider
@@ -5468,7 +5503,7 @@ var init_gateway_provider = __esm({
                 images: request.images
               };
             }
-          } else if (["openai", "azure-openai", "anthropic", "bandit"].includes(this.config.provider || "")) {
+          } else if (["openai", "azure-openai", "anthropic", "bandit", "playground"].includes(this.config.provider || "")) {
             if (lastUserMessageIndex !== -1) {
               const currentMessage = messages[lastUserMessageIndex];
               const contentArray = [
@@ -5515,7 +5550,7 @@ var init_gateway_provider = __esm({
           stream: request.stream,
           hasImages: !!(request.images && request.images.length > 0),
           imageCount: request.images?.length || 0,
-          imageStrategy: this.config.provider === "ollama" ? "message-level-array" : ["openai", "azure-openai", "anthropic"].includes(this.config.provider || "") ? "structured-content" : "top-level-fallback",
+          imageStrategy: this.config.provider === "ollama" ? "message-level-array" : ["openai", "azure-openai", "anthropic", "playground"].includes(this.config.provider || "") ? "structured-content" : "top-level-fallback",
           finalMessages: messages.map((m) => ({
             role: m.role,
             hasImages: Array.isArray(m.images) && m.images.length > 0,
@@ -10549,6 +10584,7 @@ var init_custom_logo = __esm({
     init_chat();
     init_brandingService();
     init_debugLogger();
+    init_util();
     import_jsx_runtime4 = require("react/jsx-runtime");
     Logo = ({ visible, atTop = false }) => {
       const theme = (0, import_styles.useTheme)();
@@ -10562,7 +10598,20 @@ var init_custom_logo = __esm({
             const brandingData = await brandingService_default.getBranding();
             if (brandingData) {
               setLogoBase64(brandingData.logoBase64 || null);
-              setHasTransparentLogo(brandingData.hasTransparentLogo ?? true);
+              if (brandingData.logoBase64) {
+                try {
+                  const detected = await detectTransparency(brandingData.logoBase64);
+                  const isPng = brandingData.logoBase64.startsWith("data:image/png");
+                  const finalTransparent = detected || isPng || brandingData.hasTransparentLogo === true;
+                  setHasTransparentLogo(finalTransparent);
+                } catch {
+                  const isPng = brandingData.logoBase64.startsWith("data:image/png");
+                  const finalTransparent = brandingData.hasTransparentLogo === true || isPng;
+                  setHasTransparentLogo(finalTransparent);
+                }
+              } else {
+                setHasTransparentLogo(brandingData.hasTransparentLogo ?? true);
+              }
             }
           } catch (e) {
             debugLogger.error("Failed to load branding from service", { error: e });
@@ -10572,7 +10621,7 @@ var init_custom_logo = __esm({
         };
         loadBranding();
       }, []);
-      return logoBase64 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: loading ? null : hasTransparentLogo ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      return logoBase64 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: loading ? null : hasTransparentLogo !== false ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
         import_material2.Box,
         {
           component: "img",
@@ -10584,7 +10633,8 @@ var init_custom_logo = __esm({
             maxWidth: 600,
             aspectRatio: "1 / 1",
             margin: "0 auto",
-            mt: atTop ? 2 : 6
+            mt: atTop ? 2 : 6,
+            display: "block"
           }
         }
       ) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
@@ -10626,8 +10676,8 @@ var init_chat_scroll_to_bottom_button = __esm({
       drawerOpen = false,
       isMobile = false
     }) => {
-      const verticalBuffer = isMobile ? 36 : 56;
-      const bottomOffset = Math.max(inputHeight + verticalBuffer, verticalBuffer + 72);
+      const verticalBuffer = isMobile ? 28 : 48;
+      const bottomOffset = Math.max(inputHeight + verticalBuffer, verticalBuffer + 64);
       return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         import_material3.IconButton,
         {
@@ -10643,9 +10693,12 @@ var init_chat_scroll_to_bottom_button = __esm({
             borderColor: (theme) => theme.palette.divider,
             zIndex: (theme) => Math.max(theme.zIndex.modal + 1, 1400),
             boxShadow: 3,
-            transition: "bottom 0.3s ease, left 0.3s ease-in-out",
+            transition: "bottom 0.25s ease, left 0.3s ease-in-out, transform 0.2s ease",
             "&:hover": {
               bgcolor: (theme) => theme.palette.action.hover
+            },
+            "&:active": {
+              transform: "translateX(-50%) translateY(1px)"
             }
           },
           children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ArrowDownward.default, { sx: { color: "inherit" } })
@@ -15660,7 +15713,7 @@ var init_memory_modal = __esm({
                       children: [
                         /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material11.Box, { sx: { display: "flex", alignItems: "center", gap: 0.75 }, children: [
                           /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material11.Typography, { variant: "h6", sx: { fontWeight: 600 }, children: "Memory" }),
-                          shouldUseVectorForMemories && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material11.Tooltip, { title: "Memories are stored in an AI vector database with semantic search capabilities", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                          shouldUseVectorForMemories && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material11.Tooltip, { title: "Memories stay in your private knowledge space for faster, more accurate answers.", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                             import_material11.Typography,
                             {
                               variant: "caption",
@@ -15675,7 +15728,7 @@ var init_memory_modal = __esm({
                                 textTransform: "uppercase",
                                 cursor: "help"
                               },
-                              children: "Vector"
+                              children: "Synced"
                             }
                           ) })
                         ] }),
@@ -15774,7 +15827,7 @@ var init_memory_modal = __esm({
                                     onClick: () => setBulkImportOpen(true),
                                     startIcon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_CloudSync.default, {}),
                                     sx: { textTransform: "none", borderRadius: 2, fontSize: "0.75rem" },
-                                    children: "Import to Vector"
+                                    children: "Import to workspace"
                                   }
                                 ),
                                 /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
@@ -16016,7 +16069,7 @@ var init_memory_modal = __esm({
                   /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material11.Typography, { variant: "body2", sx: {
                     color: (0, import_styles6.alpha)(theme.palette.text.secondary, 0.7),
                     maxWidth: 280
-                  }, children: selectedTab === "user" ? shouldUseVectorForMemories ? "Start by adding something you'd like me to remember. Your memories will be stored in the AI vector database for intelligent retrieval." : "Start by adding something you'd like me to remember about you or your preferences." : shouldUseVectorForMemories ? "Auto memories are created automatically based on our conversations and stored in the vector database for semantic search." : "Auto memories are created automatically based on our conversations." })
+                  }, children: selectedTab === "user" ? shouldUseVectorForMemories ? "Start by adding something you'd like me to remember. Your memories will be kept in a private workspace for quick recall." : "Start by adding something you'd like me to remember about you or your preferences." : shouldUseVectorForMemories ? "Auto memories are created automatically based on our conversations and kept in your private workspace for better answers." : "Auto memories are created automatically based on our conversations." })
                 ] }) : filteredMemories.map((memory) => {
                   const isSelected = selectedIds.includes(memory.id);
                   return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react17.default.Fragment, { children: [
@@ -16288,7 +16341,7 @@ var init_memory_modal = __esm({
                       size: "small",
                       value: newMemory,
                       onChange: (e) => setNewMemory(e.target.value),
-                      placeholder: shouldUseVectorForMemories ? `Add a new ${selectedTab} memory to vector database...` : `Add a new ${selectedTab} memory...`,
+                      placeholder: shouldUseVectorForMemories ? `Add a new ${selectedTab} memory to your workspace...` : `Add a new ${selectedTab} memory...`,
                       onKeyDown: (e) => {
                         if (e.key === "Enter" && !e.shiftKey && newMemory.trim()) {
                           e.preventDefault();
@@ -16528,15 +16581,15 @@ var init_memory_modal = __esm({
                     gap: 1
                   }, children: [
                     /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_CloudSync.default, { color: "primary" }),
-                    "Import Memories to Vector Database"
+                    "Import Memories to Secure Workspace"
                   ] }),
                   /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material11.DialogContent, { sx: { py: 2 }, children: !importProgress.isImporting ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material11.Box, { children: [
                     /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material11.Typography, { variant: "body2", color: "text.secondary", sx: { mb: 2 }, children: [
                       "This will import all your local memories (",
                       entries.length,
-                      " memories) to the vector database for enhanced semantic search capabilities."
+                      " memories) to your secure workspace for faster, more reliable answers."
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material11.Typography, { variant: "body2", color: "text.secondary", sx: { mb: 2 }, children: "\u2022 Memories will be added to your vector storage \u2022 Local memories will remain unchanged \u2022 You can switch between local and vector storage anytime" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material11.Typography, { variant: "body2", color: "text.secondary", sx: { mb: 2 }, children: "\u2022 Memories will be added to your synced workspace \u2022 Local memories will remain unchanged \u2022 You can switch between synced and local storage anytime" }),
                     /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material11.Typography, { variant: "body2", color: "primary", sx: { fontWeight: 500 }, children: [
                       "Ready to import ",
                       entries.length,
@@ -24202,9 +24255,18 @@ var init_chat_app_bar = __esm({
       const currentModel = useModelStore((s) => s.availableModels.find((m) => m.name === selectedModel));
       const currentAvatar = currentModel?.avatarBase64 || modelAvatars2[selectedModel] || banditHead3;
       const pendingModelAvatar = useModelStore.getState().availableModels.find((m) => m.name === pendingModel)?.avatarBase64 || modelAvatars2[pendingModel || ""] || banditHead3;
+      const resolvedHomeUrl = preferences.homeUrl?.trim() || packageSettings?.homeUrl?.trim() || "";
+      const homeTooltip = (() => {
+        if (!resolvedHomeUrl) return "Home";
+        try {
+          return `Home (${new URL(resolvedHomeUrl).hostname})`;
+        } catch {
+          return "Home";
+        }
+      })();
       function goToHome() {
-        if (preferences.homeUrl && preferences.homeUrl.trim()) {
-          window.location.href = preferences.homeUrl;
+        if (resolvedHomeUrl) {
+          window.location.href = resolvedHomeUrl;
           return;
         }
         if (typeof window !== "undefined") {
@@ -24267,7 +24329,7 @@ var init_chat_app_bar = __esm({
                     }
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material22.Tooltip, { title: preferences.homeUrl && preferences.homeUrl.trim() ? `Home (${new URL(preferences.homeUrl).hostname})` : "Home", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material22.Tooltip, { title: homeTooltip, arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                       import_material22.IconButton,
                       {
                         onClick: goToHome,
@@ -24551,9 +24613,15 @@ var init_chat_app_bar = __esm({
                                 (async () => {
                                   try {
                                     const storeConfigs6 = [{ name: "config", keyPath: "id" }];
-                                    const current = await indexedDBService_default.get("banditConfig", 1, "config", "main", storeConfigs6);
+                                    const current = await indexedDBService_default.get(
+                                      "banditConfig",
+                                      1,
+                                      "config",
+                                      "main",
+                                      storeConfigs6
+                                    );
                                     const updated = {
-                                      ...current,
+                                      ...current ?? {},
                                       id: "main",
                                       model: {
                                         ...current?.model || {},
@@ -24745,9 +24813,15 @@ var init_chat_app_bar = __esm({
                         (async () => {
                           try {
                             const storeConfigs6 = [{ name: "config", keyPath: "id" }];
-                            const current = await indexedDBService_default.get("banditConfig", 1, "config", "main", storeConfigs6);
+                            const current = await indexedDBService_default.get(
+                              "banditConfig",
+                              1,
+                              "config",
+                              "main",
+                              storeConfigs6
+                            );
                             const updated = {
-                              ...current,
+                              ...current ?? {},
                               id: "main",
                               model: {
                                 ...current?.model || {},
@@ -27548,7 +27622,7 @@ var init_under_review = __esm({
               /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("br", {}),
               "For more info, please contact ",
               " ",
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("a", { href: "mailto:team@burtson.ai", style: { color: theme.palette.primary.main, fontWeight: 600 }, children: "team@burtson.ai" })
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("a", { href: "mailto:team@banditai.ai", style: { color: theme.palette.primary.main, fontWeight: 600 }, children: "team@banditai.ai" })
             ] })
           ]
         }
@@ -28084,7 +28158,7 @@ var chat_exports = {};
 __export(chat_exports, {
   default: () => chat_default
 });
-var import_react35, import_material27, import_react_router_dom3, import_jsx_runtime28, ChatContent, Chat, chat_default;
+var import_react35, import_material27, import_styles29, import_react_router_dom3, import_jsx_runtime28, ChatContent, Chat, chat_default;
 var init_chat2 = __esm({
   "src/chat/chat.tsx"() {
     "use strict";
@@ -28092,6 +28166,7 @@ var init_chat2 = __esm({
     init_custom_logo();
     init_indexedDBService();
     import_material27 = require("@mui/material");
+    import_styles29 = require("@mui/material/styles");
     init_aiQueryStore();
     init_modelStore();
     import_react_router_dom3 = require("react-router-dom");
@@ -28137,7 +28212,33 @@ var init_chat2 = __esm({
       const [themeLoading, setThemeLoading] = (0, import_react35.useState)(true);
       const token = authenticationService.getToken();
       const claims = token ? authenticationService.parseJwtClaims(token) : null;
-      const banditTheme = themeMap_default[selectedTheme ?? "bandit-dark"] || banditDarkTheme;
+      const baseTheme = themeMap_default[selectedTheme ?? "bandit-dark"] || banditDarkTheme;
+      const banditTheme = (0, import_react35.useMemo)(() => {
+        return (0, import_styles29.createTheme)(baseTheme, {
+          components: {
+            MuiInputBase: {
+              styleOverrides: {
+                input: {
+                  outline: "none",
+                  boxShadow: "none",
+                  "&:focus, &:focus-visible": {
+                    outline: "none",
+                    boxShadow: "none"
+                  }
+                },
+                inputMultiline: {
+                  outline: "none",
+                  boxShadow: "none",
+                  "&:focus, &:focus-visible": {
+                    outline: "none",
+                    boxShadow: "none"
+                  }
+                }
+              }
+            }
+          }
+        });
+      }, [baseTheme]);
       const {
         inputValue,
         setInputValue,
@@ -29698,12 +29799,12 @@ var chat_provider_default = ChatProvider;
 init_chat2();
 
 // src/management/management.tsx
-var import_react55 = require("react");
+var import_react57 = require("react");
 var import_useMediaQuery2 = __toESM(require("@mui/material/useMediaQuery"));
-var import_styles30 = require("@mui/material/styles");
+var import_styles31 = require("@mui/material/styles");
 init_useKnowledgeStore();
 init_indexedDBService();
-var import_material45 = require("@mui/material");
+var import_material47 = require("@mui/material");
 var import_FaceRetouchingNatural = __toESM(require("@mui/icons-material/FaceRetouchingNatural"));
 var import_Brush = __toESM(require("@mui/icons-material/Brush"));
 var import_MenuBook = __toESM(require("@mui/icons-material/MenuBook"));
@@ -32482,7 +32583,7 @@ var chat_modal_default = ChatModal;
 var import_react44 = require("react");
 var import_material36 = require("@mui/material");
 var import_useMediaQuery = __toESM(require("@mui/material/useMediaQuery"));
-var import_styles29 = require("@mui/material/styles");
+var import_styles30 = require("@mui/material/styles");
 var import_AutoAwesome = __toESM(require("@mui/icons-material/AutoAwesome"));
 var import_RocketLaunchOutlined = __toESM(require("@mui/icons-material/RocketLaunchOutlined"));
 var import_ViewModuleOutlined = __toESM(require("@mui/icons-material/ViewModuleOutlined"));
@@ -32868,7 +32969,7 @@ var PersonalitiesTab = ({
   restoreBanditModels,
   showSnackbar
 }) => {
-  const theme = (0, import_styles29.useTheme)();
+  const theme = (0, import_styles30.useTheme)();
   const isMobile = (0, import_useMediaQuery.default)(theme.breakpoints.down("sm"));
   const [personalityTabIndex, setPersonalityTabIndex] = (0, import_react44.useState)(0);
   const sectionGap = isMobile ? 2 : 3;
@@ -34676,7 +34777,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"
         );
       }
@@ -34961,8 +35062,8 @@ var PreferencesTab = ({
             }
           ),
           label: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_material37.Box, { textAlign: "left", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_material37.Typography, { variant: "body1", sx: { fontWeight: 600, color: "text.primary" }, children: "Advanced vector features" }),
-            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_material37.Typography, { variant: "body2", color: "text.secondary", children: "Keep semantic search, vector memories, and related context in sync across devices" })
+            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_material37.Typography, { variant: "body1", sx: { fontWeight: 600, color: "text.primary" }, children: "Advanced knowledge sync" }),
+            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_material37.Typography, { variant: "body2", color: "text.secondary", children: "Keep richer search, saved memories, and context in sync across devices" })
           ] }),
           sx: { alignSelf: { xs: "flex-start", sm: "center" } }
         }
@@ -35532,6 +35633,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);
@@ -36503,6 +36605,12 @@ var BrandingTab = ({
 };
 var BrandingTab_default = BrandingTab;
 
+// src/management/components/KnowledgeHubTab.tsx
+var import_react53 = require("react");
+var import_material43 = require("@mui/material");
+var import_Description5 = __toESM(require("@mui/icons-material/Description"));
+var import_AutoStories = __toESM(require("@mui/icons-material/AutoStories"));
+
 // src/management/components/KnowledgeTab.tsx
 var import_react51 = require("react");
 var import_uuid6 = require("uuid");
@@ -36572,30 +36680,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__ */ (0, import_jsx_runtime40.jsx)(import_icons_material12.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__ */ (0, import_jsx_runtime40.jsx)(import_icons_material12.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,
@@ -37184,16 +37291,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 {
@@ -37267,7 +37374,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);
@@ -37328,7 +37435,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);
@@ -37506,7 +37613,7 @@ var KnowledgeTab = ({
                     shouldUseVector && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                       import_material41.Chip,
                       {
-                        label: "Vector DB",
+                        label: "Synced",
                         color: "primary",
                         size: "small",
                         sx: { ml: 1 }
@@ -37523,7 +37630,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",
                     "."
                   ]
                 }
@@ -37859,7 +37966,7 @@ var KnowledgeTab = ({
     filteredAndSortedDocuments.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_material41.Card, { sx: { textAlign: "center", py: 8 }, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_material41.CardContent, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_Folder.default, { sx: { fontSize: 64, color: "text.secondary", mb: 2 } }),
       /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_material41.Typography, { variant: "h6", color: "text.secondary", gutterBottom: true, children: "No Documents Yet" }),
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_material41.Typography, { 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__ */ (0, import_jsx_runtime41.jsx)(import_material41.Typography, { 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__ */ (0, import_jsx_runtime41.jsxs)(import_material41.Box, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_material41.Typography, { variant: "body2", color: "text.secondary", sx: { mb: 2 }, children: [
         "Showing ",
@@ -37868,7 +37975,7 @@ var KnowledgeTab = ({
         shouldUseVector ? vectorDocuments.length : documents.length,
         " documents",
         searchQuery && ` for "${searchQuery}"`,
-        shouldUseVector && ` (Vector Database)`
+        shouldUseVector && ` (Synced workspace)`
       ] }),
       viewMode === "grid" ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
         import_material41.Box,
@@ -38226,17 +38333,1482 @@ var KnowledgeTab = ({
 };
 var KnowledgeTab_default = KnowledgeTab;
 
-// src/management/components/StorageTab.tsx
+// src/management/components/SeedPacksTab.tsx
 var import_react52 = require("react");
 var import_material42 = require("@mui/material");
-var import_Storage = __toESM(require("@mui/icons-material/Storage"));
+var import_Add2 = __toESM(require("@mui/icons-material/Add"));
+var import_Archive = __toESM(require("@mui/icons-material/Archive"));
 var import_Delete6 = __toESM(require("@mui/icons-material/Delete"));
+var import_Description4 = __toESM(require("@mui/icons-material/Description"));
+var import_Group2 = __toESM(require("@mui/icons-material/Group"));
+var import_Person3 = __toESM(require("@mui/icons-material/Person"));
+var import_Publish = __toESM(require("@mui/icons-material/Publish"));
 var import_Refresh3 = __toESM(require("@mui/icons-material/Refresh"));
+var import_Save2 = __toESM(require("@mui/icons-material/Save"));
+var import_Search4 = __toESM(require("@mui/icons-material/Search"));
+var import_UploadFile2 = __toESM(require("@mui/icons-material/UploadFile"));
+init_packageSettingsStore();
+init_authenticationStore();
+init_StreamingMarkdown();
+init_debugLogger();
+
+// src/services/seedPacks/seedPackService.ts
+init_authenticationService();
+init_packageSettingsStore();
+init_debugLogger();
+var HttpResponseError2 = class extends Error {
+  constructor(message, status, payload, code) {
+    super(message);
+    this.status = status;
+    this.payload = payload;
+    this.code = code;
+    this.name = "HttpResponseError";
+  }
+};
+var isRecord5 = (value) => typeof value === "object" && value !== null;
+var getString2 = (record, key) => {
+  const value = record[key];
+  return typeof value === "string" ? value : void 0;
+};
+var getNumber = (record, key) => {
+  const value = record[key];
+  if (typeof value === "number") {
+    return value;
+  }
+  if (typeof value === "string") {
+    const parsed = Number(value);
+    if (!Number.isNaN(parsed)) {
+      return parsed;
+    }
+  }
+  return void 0;
+};
+var getStringArray = (record, key) => {
+  const value = record[key];
+  if (Array.isArray(value)) {
+    return value.filter((item) => typeof item === "string");
+  }
+  if (typeof value === "string") {
+    return value.split(",").map((item) => item.trim()).filter((item) => item.length > 0);
+  }
+  return void 0;
+};
+var toSeedPackStatus = (value) => {
+  if (value === "draft" || value === "published" || value === "archived") {
+    return value;
+  }
+  return "draft";
+};
+var toSeedPackScope = (value) => {
+  if (value === "team" || value === "user") {
+    return value;
+  }
+  return void 0;
+};
+var normalizeSeedPack = (record) => {
+  const sid = getString2(record, "sid") ?? getString2(record, "id") ?? "";
+  return {
+    sid,
+    name: getString2(record, "name") ?? "Untitled Seed Pack",
+    description: getString2(record, "description"),
+    status: toSeedPackStatus(getString2(record, "status")),
+    version: getNumber(record, "version"),
+    contentType: getString2(record, "contentType") ?? "markdown",
+    content: getString2(record, "content"),
+    summary: getString2(record, "summary"),
+    tags: getStringArray(record, "tags"),
+    scopeType: toSeedPackScope(getString2(record, "scopeType")),
+    scopeSid: getString2(record, "scopeSid"),
+    createdBySid: getString2(record, "createdBySid"),
+    updatedBySid: getString2(record, "updatedBySid"),
+    publishedBySid: getString2(record, "publishedBySid"),
+    createdAt: getString2(record, "createdAt"),
+    updatedAt: getString2(record, "updatedAt"),
+    publishedAt: getString2(record, "publishedAt")
+  };
+};
+var extractSeedPack = (payload) => {
+  if (!isRecord5(payload)) {
+    return null;
+  }
+  const candidate = isRecord5(payload.seedPack) && payload.seedPack || isRecord5(payload.data) && payload.data || payload;
+  if (!isRecord5(candidate)) {
+    return null;
+  }
+  const pack = normalizeSeedPack(candidate);
+  if (!pack.sid) {
+    return null;
+  }
+  return pack;
+};
+var extractSeedPackList = (payload) => {
+  if (Array.isArray(payload)) {
+    return payload.map((item) => isRecord5(item) ? normalizeSeedPack(item) : null).filter((item) => Boolean(item?.sid));
+  }
+  if (!isRecord5(payload)) {
+    return [];
+  }
+  const candidates = [
+    payload.seedPacks,
+    payload.items,
+    payload.results,
+    payload.data
+  ];
+  const list = candidates.find(Array.isArray);
+  if (!Array.isArray(list)) {
+    return [];
+  }
+  return list.map((item) => isRecord5(item) ? normalizeSeedPack(item) : null).filter((item) => Boolean(item?.sid));
+};
+var buildUrl2 = (path) => {
+  const base = usePackageSettingsStore.getState().settings?.gatewayApiUrl?.replace(/\/$/, "");
+  if (!base) {
+    throw new Error("Gateway API is not configured");
+  }
+  const normalized = path.startsWith("/") ? path : `/${path}`;
+  return `${base}${normalized}`;
+};
+var buildHeaders2 = () => {
+  const headers = {
+    "Content-Type": "application/json"
+  };
+  const token = authenticationService.getToken();
+  if (token) {
+    headers.Authorization = `Bearer ${token}`;
+  }
+  return headers;
+};
+var handleJsonResponse2 = async (response, fallbackMessage) => {
+  let data = null;
+  try {
+    data = await response.json();
+  } catch (error) {
+    debugLogger.warn("seedPackService: failed to parse JSON response", { error });
+  }
+  if (!response.ok) {
+    const record = isRecord5(data) ? data : {};
+    const message = getString2(record, "error") || getString2(record, "message") || getString2(record, "detail") || fallbackMessage;
+    const code = getString2(record, "code") || getString2(record, "error_code");
+    throw new HttpResponseError2(message, response.status, data, code);
+  }
+  return data;
+};
+var buildDraftPayload = (draft) => {
+  const payload = {
+    name: draft.name,
+    contentType: draft.contentType ?? "markdown"
+  };
+  if (draft.description !== void 0) {
+    payload.description = draft.description;
+  }
+  if (draft.content !== void 0) {
+    payload.content = draft.content;
+  }
+  if (draft.tags) {
+    payload.tags = draft.tags;
+  }
+  return payload;
+};
+var listSeedPacks = async () => {
+  const url = buildUrl2("/seed-packs");
+  try {
+    const response = await fetch(url, { method: "GET", headers: buildHeaders2() });
+    const payload = await handleJsonResponse2(response, "Failed to load seed packs");
+    return extractSeedPackList(payload);
+  } catch (error) {
+    debugLogger.error("seedPackService: failed to list seed packs", {
+      error: error instanceof Error ? error.message : String(error)
+    });
+    throw error;
+  }
+};
+var getSeedPack = async (sid) => {
+  const url = buildUrl2(`/seed-packs/${encodeURIComponent(sid)}`);
+  try {
+    const response = await fetch(url, { method: "GET", headers: buildHeaders2() });
+    const payload = await handleJsonResponse2(response, "Failed to load seed pack");
+    const pack = extractSeedPack(payload);
+    if (!pack) {
+      throw new Error("Seed pack response was empty");
+    }
+    return pack;
+  } catch (error) {
+    debugLogger.error("seedPackService: failed to load seed pack", {
+      sid,
+      error: error instanceof Error ? error.message : String(error)
+    });
+    throw error;
+  }
+};
+var createSeedPack = async (draft) => {
+  const url = buildUrl2("/seed-packs");
+  try {
+    const response = await fetch(url, {
+      method: "POST",
+      headers: buildHeaders2(),
+      body: JSON.stringify(buildDraftPayload(draft))
+    });
+    const payload = await handleJsonResponse2(response, "Failed to create seed pack");
+    const pack = extractSeedPack(payload);
+    if (!pack) {
+      throw new Error("Seed pack response was empty");
+    }
+    return pack;
+  } catch (error) {
+    debugLogger.error("seedPackService: failed to create seed pack", {
+      error: error instanceof Error ? error.message : String(error)
+    });
+    throw error;
+  }
+};
+var updateSeedPack = async (sid, draft) => {
+  const url = buildUrl2(`/seed-packs/${encodeURIComponent(sid)}`);
+  try {
+    const response = await fetch(url, {
+      method: "PUT",
+      headers: buildHeaders2(),
+      body: JSON.stringify(buildDraftPayload(draft))
+    });
+    const payload = await handleJsonResponse2(response, "Failed to update seed pack");
+    const pack = extractSeedPack(payload);
+    if (!pack) {
+      throw new Error("Seed pack response was empty");
+    }
+    return pack;
+  } catch (error) {
+    debugLogger.error("seedPackService: failed to update seed pack", {
+      sid,
+      error: error instanceof Error ? error.message : String(error)
+    });
+    throw error;
+  }
+};
+var publishSeedPack = async (sid) => {
+  const url = buildUrl2(`/seed-packs/${encodeURIComponent(sid)}/publish`);
+  try {
+    const response = await fetch(url, { method: "POST", headers: buildHeaders2() });
+    const payload = await handleJsonResponse2(response, "Failed to publish seed pack");
+    const pack = extractSeedPack(payload);
+    if (!pack) {
+      throw new Error("Seed pack response was empty");
+    }
+    return pack;
+  } catch (error) {
+    debugLogger.error("seedPackService: failed to publish seed pack", {
+      sid,
+      error: error instanceof Error ? error.message : String(error)
+    });
+    throw error;
+  }
+};
+var archiveSeedPack = async (sid) => {
+  const url = buildUrl2(`/seed-packs/${encodeURIComponent(sid)}/archive`);
+  try {
+    const response = await fetch(url, { method: "POST", headers: buildHeaders2() });
+    const payload = await handleJsonResponse2(response, "Failed to archive seed pack");
+    const pack = extractSeedPack(payload);
+    if (!pack) {
+      throw new Error("Seed pack response was empty");
+    }
+    return pack;
+  } catch (error) {
+    debugLogger.error("seedPackService: failed to archive seed pack", {
+      sid,
+      error: error instanceof Error ? error.message : String(error)
+    });
+    throw error;
+  }
+};
+
+// src/management/components/SeedPacksTab.tsx
+var import_jsx_runtime42 = require("react/jsx-runtime");
+var parseTags = (value) => value.split(",").map((tag) => tag.trim()).filter((tag) => tag.length > 0);
+var normalizeTags = (tags) => (tags ?? []).map((tag) => tag.trim()).filter((tag) => tag.length > 0);
+var areArraysEqual = (a, b) => {
+  if (a.length !== b.length) {
+    return false;
+  }
+  return a.every((value, index) => value === b[index]);
+};
+var formatTimestamp = (value) => {
+  if (!value) {
+    return "Not set";
+  }
+  const parsed = Date.parse(value);
+  if (Number.isNaN(parsed)) {
+    return value;
+  }
+  return new Date(parsed).toLocaleString();
+};
+var formatFileSize3 = (bytes) => {
+  if (bytes === 0) return "0 B";
+  const k = 1024;
+  const sizes = ["B", "KB", "MB", "GB"];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return parseFloat((bytes / Math.pow(k, i)).toFixed(1)) + " " + sizes[i];
+};
+var getPreviewSnippet = (content) => {
+  const trimmed = content.trim();
+  if (!trimmed) {
+    return "No preview available";
+  }
+  return trimmed.length > 120 ? `${trimmed.slice(0, 120)}...` : trimmed;
+};
+var mergeMarkdownFiles = (existing, incoming) => {
+  const next = [...existing];
+  incoming.forEach((file) => {
+    const index = next.findIndex((item) => item.name === file.name);
+    if (index >= 0) {
+      next[index] = file;
+    } else {
+      next.push(file);
+    }
+  });
+  return next;
+};
+var buildMarkdownContent = (files) => {
+  return files.map((file) => file.content.trim()).filter((content) => content.length > 0).join("\n\n---\n\n");
+};
+var readMarkdownFiles = async (files) => {
+  const list = Array.from(files);
+  const markdownFiles = list.filter((file) => file.name.toLowerCase().endsWith(".md"));
+  const imported = await Promise.all(
+    markdownFiles.map(async (file) => ({
+      id: `${file.name}-${file.lastModified}`,
+      name: file.name,
+      size: file.size,
+      content: await file.text(),
+      lastModified: file.lastModified
+    }))
+  );
+  return { imported, skipped: list.length - markdownFiles.length };
+};
+var getStatusChip = (status) => {
+  switch (status) {
+    case "published":
+      return { label: "Published", color: "success" };
+    case "archived":
+      return { label: "Archived", color: "default" };
+    case "draft":
+    default:
+      return { label: "Draft", color: "warning" };
+  }
+};
+var getSeedPackTimestamp = (pack) => {
+  const candidate = pack.updatedAt ?? pack.publishedAt ?? pack.createdAt;
+  if (!candidate) {
+    return 0;
+  }
+  const parsed = Date.parse(candidate);
+  return Number.isNaN(parsed) ? 0 : parsed;
+};
+var SeedPackFileCard = ({ file, onPreview, onRemove, isReadOnly }) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  import_material42.Card,
+  {
+    sx: {
+      position: "relative",
+      height: { xs: 240, sm: 260, md: 280 },
+      cursor: "pointer",
+      transition: "all 0.3s ease-in-out",
+      border: "1px solid",
+      borderColor: "divider",
+      bgcolor: "background.paper",
+      display: "flex",
+      flexDirection: "column",
+      "&:hover": {
+        boxShadow: 6,
+        transform: "translateY(-2px)"
+      }
+    },
+    onClick: onPreview,
+    children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+      import_material42.CardContent,
+      {
+        sx: {
+          p: { xs: 1.5, sm: 2 },
+          height: "100%",
+          display: "flex",
+          flexDirection: "column",
+          overflow: "hidden"
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+            import_material42.Box,
+            {
+              sx: {
+                display: "flex",
+                justifyContent: "space-between",
+                alignItems: "flex-start",
+                mb: 1,
+                height: 32
+              },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Description4.default, { sx: { fontSize: 32, color: "#388e3c", flexShrink: 0 } }),
+                !isReadOnly && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                  import_material42.IconButton,
+                  {
+                    size: "small",
+                    color: "error",
+                    onClick: (event) => {
+                      event.stopPropagation();
+                      onRemove();
+                    },
+                    sx: { width: 24, height: 24 },
+                    children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Delete6.default, { fontSize: "small" })
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+            import_material42.Box,
+            {
+              sx: {
+                mb: 1.5,
+                p: { xs: 1, sm: 1.5 },
+                borderRadius: 1.5,
+                bgcolor: "background.paper",
+                border: "1px solid",
+                borderColor: "divider",
+                overflow: "hidden",
+                position: "relative",
+                height: { xs: 60, sm: 70, md: 80 },
+                display: "flex",
+                alignItems: "center"
+              },
+              children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                import_material42.Typography,
+                {
+                  variant: "body2",
+                  sx: {
+                    display: "-webkit-box",
+                    WebkitLineClamp: 3,
+                    WebkitBoxOrient: "vertical",
+                    overflow: "hidden",
+                    textOverflow: "ellipsis",
+                    color: "text.secondary",
+                    lineHeight: 1.3,
+                    fontSize: "0.8rem"
+                  },
+                  children: getPreviewSnippet(file.content)
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Tooltip, { title: file.name, arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+            import_material42.Typography,
+            {
+              variant: "body2",
+              sx: {
+                fontWeight: 600,
+                whiteSpace: "nowrap",
+                overflow: "hidden",
+                textOverflow: "ellipsis",
+                mb: 1,
+                color: "text.primary",
+                fontSize: { xs: "0.8rem", sm: "0.875rem" },
+                height: { xs: "1.2rem", sm: "1.3rem" }
+              },
+              children: file.name
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+            import_material42.Box,
+            {
+              sx: {
+                display: "flex",
+                justifyContent: "space-between",
+                alignItems: "flex-start",
+                mb: 1,
+                minHeight: 40
+              },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { sx: { display: "flex", gap: 0.5, flexWrap: "wrap", flex: 1, mr: 1 }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                    import_material42.Chip,
+                    {
+                      icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Person3.default, { sx: { fontSize: "0.9rem !important" } }),
+                      label: "Local",
+                      size: "small",
+                      sx: {
+                        bgcolor: "#388e3c20",
+                        color: "#388e3c",
+                        fontWeight: 700,
+                        fontSize: "0.75rem",
+                        border: "2px solid #388e3c60",
+                        "& .MuiChip-icon": {
+                          color: "#388e3c !important"
+                        },
+                        boxShadow: "0 2px 4px #388e3c20"
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                    import_material42.Chip,
+                    {
+                      icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Description4.default, { sx: { fontSize: "0.85rem !important" } }),
+                      label: "Markdown",
+                      size: "small",
+                      sx: {
+                        bgcolor: "#388e3c15",
+                        color: "#388e3c",
+                        fontWeight: 500,
+                        fontSize: "0.65rem"
+                      }
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "caption", color: "text.secondary", sx: { flexShrink: 0 }, children: formatFileSize3(file.size) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Box, { sx: { mt: "auto" }, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+            import_material42.Button,
+            {
+              variant: "outlined",
+              size: "small",
+              fullWidth: true,
+              sx: {
+                textTransform: "none",
+                height: { xs: 32, sm: 36, md: 40 },
+                flexShrink: 0,
+                borderWidth: 2,
+                fontSize: { xs: "0.75rem", sm: "0.8rem", md: "0.875rem" },
+                fontWeight: 600,
+                "&:hover": {
+                  borderWidth: 2,
+                  bgcolor: "primary.main",
+                  color: "primary.contrastText",
+                  transform: "translateY(-1px)",
+                  boxShadow: 2
+                }
+              },
+              onClick: (event) => {
+                event.stopPropagation();
+                onPreview();
+              },
+              startIcon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Search4.default, { sx: { fontSize: { xs: "1rem", sm: "1.1rem" } } }),
+              children: "Preview"
+            }
+          ) })
+        ]
+      }
+    )
+  }
+);
+var SeedPacksTab = () => {
+  const { settings } = usePackageSettingsStore();
+  const authStore = useAuthenticationStore();
+  const gatewayConfigured = Boolean(settings?.gatewayApiUrl);
+  const isTeamScope = Boolean(authStore.user?.teamSid);
+  const seedPackAdminRoles = /* @__PURE__ */ new Set(["admin", "super-user", "team_admin", "team_owner"]);
+  const userRoles = authStore.user?.roles ?? [];
+  const canManage = userRoles.some((role) => seedPackAdminRoles.has(role));
+  const [seedPacks, setSeedPacks] = (0, import_react52.useState)([]);
+  const [selectedSid, setSelectedSid] = (0, import_react52.useState)(null);
+  const [selectedSeedPack, setSelectedSeedPack] = (0, import_react52.useState)(null);
+  const [draft, setDraft] = (0, import_react52.useState)({
+    name: "",
+    description: "",
+    content: ""
+  });
+  const [tagsInput, setTagsInput] = (0, import_react52.useState)("");
+  const [importedFiles, setImportedFiles] = (0, import_react52.useState)([]);
+  const [createImportedFiles, setCreateImportedFiles] = (0, import_react52.useState)([]);
+  const [previewFile, setPreviewFile] = (0, import_react52.useState)(null);
+  const fileInputRef = (0, import_react52.useRef)(null);
+  const createFileInputRef = (0, import_react52.useRef)(null);
+  const [isLoadingList, setIsLoadingList] = (0, import_react52.useState)(false);
+  const [isLoadingDetail, setIsLoadingDetail] = (0, import_react52.useState)(false);
+  const [isSaving, setIsSaving] = (0, import_react52.useState)(false);
+  const [isPublishing, setIsPublishing] = (0, import_react52.useState)(false);
+  const [isArchiving, setIsArchiving] = (0, import_react52.useState)(false);
+  const [isCreating, setIsCreating] = (0, import_react52.useState)(false);
+  const [createDialogOpen, setCreateDialogOpen] = (0, import_react52.useState)(false);
+  const [publishDialogOpen, setPublishDialogOpen] = (0, import_react52.useState)(false);
+  const [archiveDialogOpen, setArchiveDialogOpen] = (0, import_react52.useState)(false);
+  const [newPackName, setNewPackName] = (0, import_react52.useState)("");
+  const [newPackDescription, setNewPackDescription] = (0, import_react52.useState)("");
+  const [newPackTags, setNewPackTags] = (0, import_react52.useState)("");
+  const [snackbarOpen, setSnackbarOpen] = (0, import_react52.useState)(false);
+  const [snackbarMessage, setSnackbarMessage] = (0, import_react52.useState)("");
+  const [snackbarSeverity, setSnackbarSeverity] = (0, import_react52.useState)("success");
+  const parsedTags = (0, import_react52.useMemo)(() => parseTags(tagsInput), [tagsInput]);
+  const normalizedSelectedTags = (0, import_react52.useMemo)(
+    () => normalizeTags(selectedSeedPack?.tags),
+    [selectedSeedPack?.tags]
+  );
+  const isDirty = (0, import_react52.useMemo)(() => {
+    if (!selectedSeedPack) {
+      return false;
+    }
+    const nameChanged = draft.name.trim() !== (selectedSeedPack.name ?? "").trim();
+    const descriptionChanged = draft.description.trim() !== (selectedSeedPack.description ?? "").trim();
+    const contentChanged = draft.content !== (selectedSeedPack.content ?? "");
+    const tagsChanged = !areArraysEqual(parsedTags, normalizedSelectedTags);
+    return nameChanged || descriptionChanged || contentChanged || tagsChanged;
+  }, [draft, parsedTags, normalizedSelectedTags, selectedSeedPack]);
+  const isReadOnly = !canManage || selectedSeedPack?.status === "archived";
+  const sortedSeedPacks = (0, import_react52.useMemo)(() => {
+    return [...seedPacks].sort((a, b) => getSeedPackTimestamp(b) - getSeedPackTimestamp(a));
+  }, [seedPacks]);
+  const scopeLabel = isTeamScope ? "Team scope" : "Personal scope";
+  const scopeDescription = isTeamScope ? "Applies to all members of your team." : "Applies only to your account.";
+  const showSnackbar = (0, import_react52.useCallback)((message, severity) => {
+    setSnackbarMessage(message);
+    setSnackbarSeverity(severity);
+    setSnackbarOpen(true);
+  }, []);
+  const hydrateDraft = (0, import_react52.useCallback)((pack) => {
+    setDraft({
+      name: pack.name ?? "",
+      description: pack.description ?? "",
+      content: pack.content ?? ""
+    });
+    setTagsInput((pack.tags ?? []).join(", "));
+    setImportedFiles([]);
+    setPreviewFile(null);
+  }, []);
+  const resetCreateDialog = (0, import_react52.useCallback)(() => {
+    setCreateDialogOpen(false);
+    setNewPackName("");
+    setNewPackDescription("");
+    setNewPackTags("");
+    setCreateImportedFiles([]);
+  }, []);
+  const refreshSeedPacks = (0, import_react52.useCallback)(
+    async (nextSelectedSid) => {
+      if (!gatewayConfigured) {
+        return;
+      }
+      setIsLoadingList(true);
+      try {
+        const packs = await listSeedPacks();
+        setSeedPacks(packs);
+        const activeSid = nextSelectedSid ?? selectedSid;
+        if (activeSid && !packs.some((pack) => pack.sid === activeSid)) {
+          setSelectedSid(null);
+          setSelectedSeedPack(null);
+        }
+      } catch (error) {
+        showSnackbar("Failed to load seed packs.", "error");
+        debugLogger.error("SeedPacksTab: failed to load seed packs", {
+          error: error instanceof Error ? error.message : String(error)
+        });
+      } finally {
+        setIsLoadingList(false);
+      }
+    },
+    [gatewayConfigured, selectedSid, showSnackbar]
+  );
+  const loadSeedPackDetail = (0, import_react52.useCallback)(
+    async (sid) => {
+      if (!gatewayConfigured) {
+        return;
+      }
+      setIsLoadingDetail(true);
+      try {
+        const pack = await getSeedPack(sid);
+        setSelectedSeedPack(pack);
+        hydrateDraft(pack);
+      } catch (error) {
+        showSnackbar("Failed to load seed pack details.", "error");
+        debugLogger.error("SeedPacksTab: failed to load seed pack details", {
+          sid,
+          error: error instanceof Error ? error.message : String(error)
+        });
+      } finally {
+        setIsLoadingDetail(false);
+      }
+    },
+    [gatewayConfigured, hydrateDraft, showSnackbar]
+  );
+  (0, import_react52.useEffect)(() => {
+    void refreshSeedPacks();
+  }, [refreshSeedPacks, authStore.token]);
+  (0, import_react52.useEffect)(() => {
+    if (selectedSid) {
+      void loadSeedPackDetail(selectedSid);
+    }
+  }, [selectedSid, loadSeedPackDetail]);
+  const handleSelectPack = (pack) => {
+    setSelectedSid(pack.sid);
+    setSelectedSeedPack(pack);
+    hydrateDraft(pack);
+  };
+  const handleImportFiles = (0, import_react52.useCallback)(
+    async (files) => {
+      if (!files || files.length === 0) {
+        return;
+      }
+      const { imported, skipped } = await readMarkdownFiles(files);
+      if (skipped > 0) {
+        showSnackbar("Only .md files are supported for seed packs.", "error");
+      }
+      if (imported.length === 0) {
+        return;
+      }
+      try {
+        const newlyAdded = imported.filter(
+          (file) => !importedFiles.some((existing) => existing.name === file.name)
+        );
+        setImportedFiles((prev) => mergeMarkdownFiles(prev, imported));
+        const combined = buildMarkdownContent(newlyAdded);
+        if (combined.length > 0) {
+          setDraft((prev) => {
+            const current = prev.content.trim();
+            const nextContent = current ? `${current}
+
+---
+
+${combined}` : combined;
+            return { ...prev, content: nextContent };
+          });
+        }
+        showSnackbar(
+          `Imported ${imported.length} markdown file${imported.length === 1 ? "" : "s"} into the editor.`,
+          "success"
+        );
+      } catch (error) {
+        showSnackbar("Failed to import markdown files.", "error");
+        debugLogger.error("SeedPacksTab: failed to import markdown files", {
+          error: error instanceof Error ? error.message : String(error)
+        });
+      }
+    },
+    [importedFiles, showSnackbar]
+  );
+  const handleFileInputChange = (0, import_react52.useCallback)(
+    async (event) => {
+      await handleImportFiles(event.target.files);
+      event.target.value = "";
+    },
+    [handleImportFiles]
+  );
+  const handleRemoveImportedFile = (0, import_react52.useCallback)((id) => {
+    setImportedFiles((prev) => prev.filter((file) => file.id !== id));
+  }, []);
+  const handleCreateImportFiles = (0, import_react52.useCallback)(
+    async (files) => {
+      if (!files || files.length === 0) {
+        return;
+      }
+      const { imported, skipped } = await readMarkdownFiles(files);
+      if (skipped > 0) {
+        showSnackbar("Only .md files are supported for seed packs.", "error");
+      }
+      if (imported.length === 0) {
+        return;
+      }
+      setCreateImportedFiles((prev) => mergeMarkdownFiles(prev, imported));
+      showSnackbar(
+        `Imported ${imported.length} markdown file${imported.length === 1 ? "" : "s"} for this seed pack.`,
+        "success"
+      );
+    },
+    [showSnackbar]
+  );
+  const handleCreateFileInputChange = (0, import_react52.useCallback)(
+    async (event) => {
+      await handleCreateImportFiles(event.target.files);
+      event.target.value = "";
+    },
+    [handleCreateImportFiles]
+  );
+  const handleRemoveCreateImportedFile = (0, import_react52.useCallback)((id) => {
+    setCreateImportedFiles((prev) => prev.filter((file) => file.id !== id));
+  }, []);
+  const buildDraftPayload2 = (0, import_react52.useCallback)(() => {
+    const name = draft.name.trim();
+    if (!name) {
+      showSnackbar("Seed pack name is required.", "error");
+      return null;
+    }
+    return {
+      name,
+      description: draft.description.trim(),
+      content: draft.content,
+      tags: parsedTags,
+      contentType: "markdown"
+    };
+  }, [draft, parsedTags, showSnackbar]);
+  const saveDraft = (0, import_react52.useCallback)(async () => {
+    if (!selectedSeedPack) {
+      return null;
+    }
+    const payload = buildDraftPayload2();
+    if (!payload) {
+      return null;
+    }
+    setIsSaving(true);
+    try {
+      const updated = await updateSeedPack(selectedSeedPack.sid, payload);
+      setSelectedSeedPack(updated);
+      hydrateDraft(updated);
+      await refreshSeedPacks(updated.sid);
+      return updated;
+    } catch (error) {
+      showSnackbar("Failed to save seed pack.", "error");
+      debugLogger.error("SeedPacksTab: failed to save seed pack", {
+        sid: selectedSeedPack.sid,
+        error: error instanceof Error ? error.message : String(error)
+      });
+      return null;
+    } finally {
+      setIsSaving(false);
+    }
+  }, [selectedSeedPack, buildDraftPayload2, hydrateDraft, refreshSeedPacks, showSnackbar]);
+  const handleSaveDraft = async () => {
+    const updated = await saveDraft();
+    if (updated) {
+      showSnackbar("Seed pack saved.", "success");
+    }
+  };
+  const handleResetDraft = () => {
+    if (selectedSeedPack) {
+      hydrateDraft(selectedSeedPack);
+    }
+  };
+  const handleCreateSeedPack = async () => {
+    const name = newPackName.trim();
+    if (!name) {
+      showSnackbar("Seed pack name is required.", "error");
+      return;
+    }
+    const importedContent = buildMarkdownContent(createImportedFiles);
+    const payload = {
+      name,
+      description: newPackDescription.trim(),
+      tags: parseTags(newPackTags),
+      content: importedContent,
+      contentType: "markdown"
+    };
+    setIsCreating(true);
+    try {
+      const created = await createSeedPack(payload);
+      resetCreateDialog();
+      await refreshSeedPacks(created.sid);
+      setSelectedSid(created.sid);
+      setSelectedSeedPack(created);
+      hydrateDraft(created);
+      if (createImportedFiles.length > 0) {
+        setImportedFiles(createImportedFiles);
+      }
+      setCreateImportedFiles([]);
+      showSnackbar("Seed pack created.", "success");
+    } catch (error) {
+      showSnackbar("Failed to create seed pack.", "error");
+      debugLogger.error("SeedPacksTab: failed to create seed pack", {
+        error: error instanceof Error ? error.message : String(error)
+      });
+    } finally {
+      setIsCreating(false);
+    }
+  };
+  const handlePublish = async () => {
+    if (!selectedSeedPack) {
+      return;
+    }
+    setPublishDialogOpen(false);
+    setIsPublishing(true);
+    try {
+      if (isDirty) {
+        const saved = await saveDraft();
+        if (!saved) {
+          return;
+        }
+      }
+      const published = await publishSeedPack(selectedSeedPack.sid);
+      setSelectedSeedPack(published);
+      hydrateDraft(published);
+      await refreshSeedPacks(published.sid);
+      showSnackbar("Seed pack published.", "success");
+    } catch (error) {
+      showSnackbar("Failed to publish seed pack.", "error");
+      debugLogger.error("SeedPacksTab: failed to publish seed pack", {
+        sid: selectedSeedPack.sid,
+        error: error instanceof Error ? error.message : String(error)
+      });
+    } finally {
+      setIsPublishing(false);
+    }
+  };
+  const handleArchive = async () => {
+    if (!selectedSeedPack) {
+      return;
+    }
+    setArchiveDialogOpen(false);
+    setIsArchiving(true);
+    try {
+      const archived = await archiveSeedPack(selectedSeedPack.sid);
+      setSelectedSeedPack(archived);
+      hydrateDraft(archived);
+      await refreshSeedPacks(archived.sid);
+      showSnackbar("Seed pack archived.", "success");
+    } catch (error) {
+      showSnackbar("Failed to archive seed pack.", "error");
+      debugLogger.error("SeedPacksTab: failed to archive seed pack", {
+        sid: selectedSeedPack.sid,
+        error: error instanceof Error ? error.message : String(error)
+      });
+    } finally {
+      setIsArchiving(false);
+    }
+  };
+  const previewContent = draft.content.trim().length > 0 ? draft.content : "Preview will appear here as you type.";
+  const selectedStatus = selectedSeedPack?.status ?? "draft";
+  const statusChip = getStatusChip(selectedStatus);
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { sx: { p: { xs: 1.5, sm: 3, md: 4 } }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { sx: { mb: { xs: 2.5, md: 3 } }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+        import_material42.Stack,
+        {
+          direction: { xs: "column", md: "row" },
+          spacing: { xs: 1.5, md: 2 },
+          alignItems: { xs: "flex-start", md: "center" },
+          justifyContent: "space-between",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                import_material42.Typography,
+                {
+                  variant: "h5",
+                  color: "text.primary",
+                  sx: { mb: 1, fontWeight: 600, fontSize: { xs: "1.55rem", md: "1.8rem" } },
+                  children: "Seed Packs"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "body1", color: "text.secondary", children: "Curated internal knowledge that is always available to assistants, without showing up as visible sources." })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Stack, { direction: "row", spacing: 1, flexWrap: "wrap", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+              import_material42.Chip,
+              {
+                icon: isTeamScope ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Group2.default, {}) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Person3.default, {}),
+                label: scopeLabel,
+                color: "info",
+                variant: "outlined"
+              }
+            ) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "caption", color: "text.secondary", children: scopeDescription })
+    ] }),
+    !gatewayConfigured && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Alert, { severity: "warning", sx: { mb: 2 }, children: "Gateway API is not configured. Seed packs require a gateway URL in package settings." }),
+    gatewayConfigured && !canManage && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Alert, { severity: "info", sx: { mb: 2 }, children: "You have view-only access. Admin rights are required to create, publish, or archive team seed packs." }),
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+      import_material42.Box,
+      {
+        sx: {
+          display: "grid",
+          gridTemplateColumns: { xs: "1fr", md: "320px 1fr" },
+          gap: { xs: 2, md: 3 }
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Card, { sx: { height: "fit-content" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.CardContent, { sx: { pb: 1.5 }, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Stack, { direction: "row", spacing: 1, alignItems: "center", justifyContent: "space-between", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "h6", sx: { fontWeight: 600 }, children: "Packs" }),
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Stack, { direction: "row", spacing: 1, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                  import_material42.Button,
+                  {
+                    size: "small",
+                    variant: "outlined",
+                    onClick: () => refreshSeedPacks(),
+                    startIcon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Refresh3.default, {}),
+                    disabled: !gatewayConfigured || isLoadingList,
+                    children: "Refresh"
+                  }
+                ),
+                canManage && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                  import_material42.Button,
+                  {
+                    size: "small",
+                    variant: "contained",
+                    startIcon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Add2.default, {}),
+                    onClick: () => setCreateDialogOpen(true),
+                    disabled: !gatewayConfigured,
+                    children: "New"
+                  }
+                )
+              ] })
+            ] }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Divider, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { sx: { px: 2, pb: 2 }, children: [
+              isLoadingList && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.LinearProgress, { sx: { mb: 2 } }),
+              sortedSeedPacks.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "body2", color: "text.secondary", children: "No seed packs yet. Create one to start sharing internal knowledge." }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.List, { sx: { px: 0 }, children: sortedSeedPacks.map((pack) => {
+                const status = getStatusChip(pack.status);
+                const tags = normalizeTags(pack.tags);
+                return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                  import_material42.ListItemButton,
+                  {
+                    selected: pack.sid === selectedSid,
+                    onClick: () => handleSelectPack(pack),
+                    sx: {
+                      mb: 1,
+                      borderRadius: 2,
+                      alignItems: "flex-start",
+                      border: pack.sid === selectedSid ? "1px solid" : "1px solid transparent",
+                      borderColor: pack.sid === selectedSid ? "primary.main" : "transparent"
+                    },
+                    children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { sx: { flex: 1 }, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Stack, { direction: "row", spacing: 1, alignItems: "center", sx: { mb: 0.5 }, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "subtitle1", sx: { fontWeight: 600 }, children: pack.name }),
+                        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Chip, { size: "small", label: status.label, color: status.color })
+                      ] }),
+                      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Typography, { variant: "caption", color: "text.secondary", children: [
+                        pack.version ? `v${pack.version}` : "v0",
+                        " | Last published:",
+                        " ",
+                        formatTimestamp(pack.publishedAt)
+                      ] }),
+                      tags.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Stack, { direction: "row", spacing: 0.5, flexWrap: "wrap", sx: { mt: 1 }, children: tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Chip, { size: "small", label: tag, variant: "outlined" }, tag)) })
+                    ] })
+                  },
+                  pack.sid
+                );
+              }) })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Card, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.CardContent, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Stack, { direction: "row", spacing: 1, alignItems: "center", justifyContent: "space-between", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "h6", sx: { fontWeight: 600 }, children: selectedSeedPack ? "Seed Pack Editor" : "Seed Pack Details" }),
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "body2", color: "text.secondary", children: "Draft content stays internal and is never shown as user-facing sources." })
+              ] }),
+              selectedSeedPack && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Stack, { direction: "row", spacing: 1, flexWrap: "wrap", children: [
+                isDirty && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Chip, { size: "small", label: "Unsaved changes", color: "warning" }),
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Chip, { size: "small", label: statusChip.label, color: statusChip.color })
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Divider, { sx: { my: 2 } }),
+            !selectedSeedPack && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "body2", color: "text.secondary", sx: { mb: 2 }, children: "Select a seed pack from the list or create a new one to begin editing." }),
+              canManage && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                import_material42.Button,
+                {
+                  variant: "contained",
+                  startIcon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Add2.default, {}),
+                  onClick: () => setCreateDialogOpen(true),
+                  disabled: !gatewayConfigured,
+                  children: "Create seed pack"
+                }
+              )
+            ] }),
+            selectedSeedPack && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Stack, { spacing: 2, children: [
+              isLoadingDetail && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.LinearProgress, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                import_material42.TextField,
+                {
+                  label: "Name",
+                  value: draft.name,
+                  onChange: (event) => setDraft((prev) => ({ ...prev, name: event.target.value })),
+                  fullWidth: true,
+                  disabled: isReadOnly
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                import_material42.TextField,
+                {
+                  label: "Description",
+                  value: draft.description,
+                  onChange: (event) => setDraft((prev) => ({ ...prev, description: event.target.value })),
+                  fullWidth: true,
+                  multiline: true,
+                  minRows: 2,
+                  disabled: isReadOnly
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                import_material42.TextField,
+                {
+                  label: "Tags (comma separated)",
+                  value: tagsInput,
+                  onChange: (event) => setTagsInput(event.target.value),
+                  fullWidth: true,
+                  disabled: isReadOnly
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Stack, { direction: "row", spacing: 1, flexWrap: "wrap", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Chip, { size: "small", label: scopeLabel, icon: isTeamScope ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Group2.default, {}) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Person3.default, {}) }),
+                selectedSeedPack.version && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Chip, { size: "small", label: `Version ${selectedSeedPack.version}`, variant: "outlined" }),
+                selectedSeedPack.updatedAt && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Chip, { size: "small", label: `Updated ${formatTimestamp(selectedSeedPack.updatedAt)}`, variant: "outlined" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Alert, { severity: "info", children: "Treat seed pack content as internal knowledge. Do not include instructions that override system or developer messages." }),
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+                import_material42.Box,
+                {
+                  sx: {
+                    display: "grid",
+                    gridTemplateColumns: { xs: "1fr", md: "1fr 1fr" },
+                    gap: 2,
+                    alignItems: "start"
+                  },
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+                        import_material42.Stack,
+                        {
+                          direction: { xs: "column", sm: "row" },
+                          spacing: 1,
+                          alignItems: { xs: "flex-start", sm: "center" },
+                          justifyContent: "space-between",
+                          sx: { mb: 1 },
+                          children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "subtitle2", children: "Markdown content" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                              import_material42.Button,
+                              {
+                                size: "small",
+                                variant: "outlined",
+                                startIcon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_UploadFile2.default, {}),
+                                onClick: () => fileInputRef.current?.click(),
+                                disabled: isReadOnly,
+                                children: "Import .md"
+                              }
+                            ),
+                            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                              "input",
+                              {
+                                ref: fileInputRef,
+                                type: "file",
+                                accept: ".md",
+                                multiple: true,
+                                onChange: handleFileInputChange,
+                                style: { display: "none" }
+                              }
+                            )
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "caption", color: "text.secondary", sx: { mb: 1, display: "block" }, children: "Paste or import markdown files. Imports copy content into the editor." }),
+                      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                        import_material42.TextField,
+                        {
+                          label: "Content",
+                          value: draft.content,
+                          onChange: (event) => setDraft((prev) => ({ ...prev, content: event.target.value })),
+                          fullWidth: true,
+                          multiline: true,
+                          minRows: 12,
+                          disabled: isReadOnly
+                        }
+                      ),
+                      importedFiles.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { sx: { mt: 2 }, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "subtitle2", sx: { mb: 1 }, children: "Imported markdown files" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                          import_material42.Box,
+                          {
+                            sx: {
+                              display: "grid",
+                              gridTemplateColumns: {
+                                xs: "1fr",
+                                sm: "repeat(2, minmax(0, 1fr))",
+                                md: "repeat(3, minmax(0, 1fr))"
+                              },
+                              gap: 2
+                            },
+                            children: importedFiles.map((file) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                              SeedPackFileCard,
+                              {
+                                file,
+                                isReadOnly,
+                                onPreview: () => setPreviewFile(file),
+                                onRemove: () => handleRemoveImportedFile(file.id)
+                              },
+                              file.id
+                            ))
+                          }
+                        )
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Card, { variant: "outlined", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.CardContent, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "subtitle2", sx: { mb: 1 }, children: "Preview" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(StreamingMarkdown_default, { content: previewContent })
+                    ] }) })
+                  ]
+                }
+              ),
+              selectedSeedPack.summary && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                import_material42.TextField,
+                {
+                  label: "Summary (auto-generated)",
+                  value: selectedSeedPack.summary,
+                  fullWidth: true,
+                  multiline: true,
+                  minRows: 3,
+                  InputProps: { readOnly: true }
+                }
+              ),
+              canManage && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Stack, { direction: { xs: "column", sm: "row" }, spacing: 1, flexWrap: "wrap", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                  import_material42.Button,
+                  {
+                    variant: "outlined",
+                    startIcon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Save2.default, {}),
+                    onClick: handleSaveDraft,
+                    disabled: isReadOnly || !isDirty || isSaving,
+                    children: isSaving ? "Saving..." : "Save draft"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                  import_material42.Button,
+                  {
+                    variant: "outlined",
+                    onClick: handleResetDraft,
+                    disabled: !isDirty || isReadOnly,
+                    children: "Reset changes"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                  import_material42.Button,
+                  {
+                    variant: "contained",
+                    startIcon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Publish.default, {}),
+                    onClick: () => setPublishDialogOpen(true),
+                    disabled: isReadOnly || isPublishing,
+                    children: isPublishing ? "Publishing..." : "Publish"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                  import_material42.Button,
+                  {
+                    variant: "text",
+                    color: "error",
+                    startIcon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Archive.default, {}),
+                    onClick: () => setArchiveDialogOpen(true),
+                    disabled: isReadOnly || isArchiving,
+                    children: isArchiving ? "Archiving..." : "Archive"
+                  }
+                )
+              ] })
+            ] })
+          ] }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Dialog, { open: createDialogOpen, onClose: resetCreateDialog, maxWidth: "sm", fullWidth: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.DialogTitle, { children: "Create seed pack" }),
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.DialogContent, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.DialogContentText, { sx: { mb: 2 }, children: [
+          "Seed packs are scoped automatically based on your sign-in. ",
+          scopeLabel,
+          " - ",
+          scopeDescription
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Stack, { spacing: 2, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+            import_material42.TextField,
+            {
+              label: "Name",
+              value: newPackName,
+              onChange: (event) => setNewPackName(event.target.value),
+              fullWidth: true,
+              autoFocus: true
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+            import_material42.TextField,
+            {
+              label: "Description",
+              value: newPackDescription,
+              onChange: (event) => setNewPackDescription(event.target.value),
+              fullWidth: true,
+              multiline: true,
+              minRows: 2
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+            import_material42.TextField,
+            {
+              label: "Tags (comma separated)",
+              value: newPackTags,
+              onChange: (event) => setNewPackTags(event.target.value),
+              fullWidth: true
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Divider, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Stack, { direction: { xs: "column", sm: "row" }, spacing: 1, alignItems: "center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+              import_material42.Button,
+              {
+                size: "small",
+                variant: "outlined",
+                startIcon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_UploadFile2.default, {}),
+                onClick: () => createFileInputRef.current?.click(),
+                disabled: !canManage,
+                children: "Import .md files"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "caption", color: "text.secondary", children: "Optional. Files are merged into the draft content." }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+              "input",
+              {
+                ref: createFileInputRef,
+                type: "file",
+                accept: ".md",
+                multiple: true,
+                onChange: handleCreateFileInputChange,
+                style: { display: "none" }
+              }
+            )
+          ] }),
+          createImportedFiles.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "subtitle2", sx: { mb: 1 }, children: "Imported markdown files" }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+              import_material42.Box,
+              {
+                sx: {
+                  display: "grid",
+                  gridTemplateColumns: {
+                    xs: "1fr",
+                    sm: "repeat(2, minmax(0, 1fr))"
+                  },
+                  gap: 2
+                },
+                children: createImportedFiles.map((file) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                  SeedPackFileCard,
+                  {
+                    file,
+                    isReadOnly: !canManage,
+                    onPreview: () => setPreviewFile(file),
+                    onRemove: () => handleRemoveCreateImportedFile(file.id)
+                  },
+                  file.id
+                ))
+              }
+            )
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.DialogActions, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Button, { onClick: resetCreateDialog, children: "Cancel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+          import_material42.Button,
+          {
+            variant: "contained",
+            onClick: handleCreateSeedPack,
+            disabled: !gatewayConfigured || isCreating,
+            children: isCreating ? "Creating..." : "Create"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Dialog, { open: publishDialogOpen, onClose: () => setPublishDialogOpen(false), maxWidth: "sm", fullWidth: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.DialogTitle, { children: "Publish seed pack" }),
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.DialogContent, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.DialogContentText, { children: "Publishing locks a new version and makes it available for internal retrieval. This content is never shown as a user-facing source." }),
+        isDirty && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Alert, { severity: "info", sx: { mt: 2 }, children: "You have unsaved changes. They will be included in the published version." })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.DialogActions, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Button, { onClick: () => setPublishDialogOpen(false), children: "Cancel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Button, { variant: "contained", onClick: handlePublish, disabled: isPublishing, children: isPublishing ? "Publishing..." : "Publish" })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Dialog, { open: archiveDialogOpen, onClose: () => setArchiveDialogOpen(false), maxWidth: "sm", fullWidth: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.DialogTitle, { children: "Archive seed pack" }),
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.DialogContent, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.DialogContentText, { children: "Archiving stops this seed pack from being used in new conversations. You can keep it for reference or audit history." }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.DialogActions, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Button, { onClick: () => setArchiveDialogOpen(false), children: "Cancel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Button, { variant: "contained", color: "error", onClick: handleArchive, disabled: isArchiving, children: isArchiving ? "Archiving..." : "Archive" })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+      import_material42.Dialog,
+      {
+        open: Boolean(previewFile),
+        onClose: () => setPreviewFile(null),
+        maxWidth: "md",
+        fullWidth: true,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.DialogTitle, { children: previewFile?.name ?? "Markdown preview" }),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.DialogContent, { dividers: true, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(StreamingMarkdown_default, { content: previewFile?.content ?? "" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.DialogActions, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Button, { onClick: () => setPreviewFile(null), children: "Close" }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+      import_material42.Snackbar,
+      {
+        open: snackbarOpen,
+        autoHideDuration: 4e3,
+        onClose: () => setSnackbarOpen(false),
+        anchorOrigin: { vertical: "bottom", horizontal: "center" },
+        children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Alert, { onClose: () => setSnackbarOpen(false), severity: snackbarSeverity, sx: { width: "100%" }, children: snackbarMessage })
+      }
+    )
+  ] });
+};
+var SeedPacksTab_default = SeedPacksTab;
+
+// src/management/components/KnowledgeHubTab.tsx
+var import_jsx_runtime43 = require("react/jsx-runtime");
+var KnowledgeHubTab = (props) => {
+  const theme = (0, import_material43.useTheme)();
+  const isMobile = (0, import_material43.useMediaQuery)(theme.breakpoints.down("sm"));
+  const { seedPacksEnabled = false } = props;
+  const [tabIndex, setTabIndex] = (0, import_react53.useState)(0);
+  const effectiveTabIndex = seedPacksEnabled ? tabIndex : 0;
+  (0, import_react53.useEffect)(() => {
+    if (!seedPacksEnabled && tabIndex !== 0) {
+      setTabIndex(0);
+    }
+  }, [seedPacksEnabled, tabIndex]);
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_material43.Box, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.Box, { sx: { px: { xs: 1.5, sm: 3, md: 4 }, pt: { xs: 1.5, md: 2 } }, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+      import_material43.Tabs,
+      {
+        value: effectiveTabIndex,
+        onChange: (_, newValue) => setTabIndex(newValue),
+        variant: isMobile ? "fullWidth" : "standard",
+        sx: {
+          borderBottom: 1,
+          borderColor: "divider",
+          "& .MuiTab-root": {
+            textTransform: "none",
+            fontWeight: 600,
+            fontSize: { xs: "0.95rem", sm: "1rem" },
+            minWidth: { xs: "auto", md: 160 },
+            px: { xs: 1.2, sm: 1.5 }
+          }
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+            import_material43.Tab,
+            {
+              icon: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_Description5.default, { fontSize: isMobile ? "small" : "medium" }),
+              iconPosition: isMobile ? "top" : "start",
+              label: "Documents"
+            }
+          ),
+          seedPacksEnabled && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+            import_material43.Tab,
+            {
+              icon: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_AutoStories.default, { fontSize: isMobile ? "small" : "medium" }),
+              iconPosition: isMobile ? "top" : "start",
+              label: "Seed Packs"
+            }
+          )
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.Box, { sx: { display: effectiveTabIndex === 0 ? "block" : "none" }, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(KnowledgeTab_default, { ...props }) }),
+    seedPacksEnabled && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.Box, { sx: { display: effectiveTabIndex === 1 ? "block" : "none" }, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(SeedPacksTab_default, {}) })
+  ] });
+};
+var KnowledgeHubTab_default = KnowledgeHubTab;
+
+// src/management/components/StorageTab.tsx
+var import_react54 = require("react");
+var import_material44 = require("@mui/material");
+var import_Storage = __toESM(require("@mui/icons-material/Storage"));
+var import_Delete7 = __toESM(require("@mui/icons-material/Delete"));
+var import_Refresh4 = __toESM(require("@mui/icons-material/Refresh"));
 var import_Warning = __toESM(require("@mui/icons-material/Warning"));
 var import_Info2 = __toESM(require("@mui/icons-material/Info"));
 var import_CleaningServices = __toESM(require("@mui/icons-material/CleaningServices"));
-var import_Description4 = __toESM(require("@mui/icons-material/Description"));
-var import_Person3 = __toESM(require("@mui/icons-material/Person"));
+var import_Description6 = __toESM(require("@mui/icons-material/Description"));
+var import_Person4 = __toESM(require("@mui/icons-material/Person"));
 var import_Chat = __toESM(require("@mui/icons-material/Chat"));
 var import_Settings2 = __toESM(require("@mui/icons-material/Settings"));
 var import_ExpandMore3 = __toESM(require("@mui/icons-material/ExpandMore"));
@@ -38245,7 +39817,7 @@ var import_Error3 = __toESM(require("@mui/icons-material/Error"));
 init_debugLogger();
 init_indexedDBService();
 init_conversationSyncStore();
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 var DEFAULT_DISPLAY_QUOTA_BYTES = 1024 * 1024 * 1024;
 var MAX_DISPLAY_QUOTA_BYTES = 5 * 1024 * 1024 * 1024;
 var formatBytes = (bytes) => {
@@ -38340,7 +39912,7 @@ var getIndexedDBSize = async () => {
     }
     categories.push({
       name: "Knowledge Documents",
-      icon: import_Description4.default,
+      icon: import_Description6.default,
       color: "#2196f3",
       size: knowledgeSize.size,
       itemCount: knowledgeSize.count,
@@ -38374,7 +39946,7 @@ var getIndexedDBSize = async () => {
     }
     categories.push({
       name: "AI Memories",
-      icon: import_Person3.default,
+      icon: import_Person4.default,
       color: "#ff9800",
       size: memorySize.size,
       itemCount: memorySize.count,
@@ -38429,7 +40001,7 @@ var getIndexedDBSize = async () => {
     if (querySize.count > 0) {
       categories.push({
         name: "AI Query Cache",
-        icon: import_Person3.default,
+        icon: import_Person4.default,
         color: "#ff5722",
         size: querySize.size,
         itemCount: querySize.count,
@@ -38541,21 +40113,21 @@ var clearEntireDatabase = async (dbName) => {
   });
 };
 var StorageTab = ({ currentTheme }) => {
-  const theme = (0, import_material42.useTheme)();
-  const [storageQuota, setStorageQuota] = (0, import_react52.useState)({
+  const theme = (0, import_material44.useTheme)();
+  const [storageQuota, setStorageQuota] = (0, import_react54.useState)({
     used: 0,
     quota: 0,
     available: 0,
     browserQuotaEstimate: 0
   });
-  const [storageCategories, setStorageCategories] = (0, import_react52.useState)([]);
-  const [loading, setLoading] = (0, import_react52.useState)(true);
-  const [clearAllDialogOpen, setClearAllDialogOpen] = (0, import_react52.useState)(false);
-  const [clearCategoryDialog, setClearCategoryDialog] = (0, import_react52.useState)(null);
-  const [clearing, setClearing] = (0, import_react52.useState)(false);
-  const [snackbarMessage, setSnackbarMessage] = (0, import_react52.useState)("");
-  const [showSnackbar, setShowSnackbar] = (0, import_react52.useState)(false);
-  const [snackbarSeverity, setSnackbarSeverity] = (0, import_react52.useState)("success");
+  const [storageCategories, setStorageCategories] = (0, import_react54.useState)([]);
+  const [loading, setLoading] = (0, import_react54.useState)(true);
+  const [clearAllDialogOpen, setClearAllDialogOpen] = (0, import_react54.useState)(false);
+  const [clearCategoryDialog, setClearCategoryDialog] = (0, import_react54.useState)(null);
+  const [clearing, setClearing] = (0, import_react54.useState)(false);
+  const [snackbarMessage, setSnackbarMessage] = (0, import_react54.useState)("");
+  const [showSnackbar, setShowSnackbar] = (0, import_react54.useState)(false);
+  const [snackbarSeverity, setSnackbarSeverity] = (0, import_react54.useState)("success");
   const { syncEnabled, isAdvancedVectorFeaturesEnabled } = useConversationSyncStore((state) => ({
     syncEnabled: state.syncEnabled,
     isAdvancedVectorFeaturesEnabled: state.isAdvancedVectorFeaturesEnabled
@@ -38607,18 +40179,18 @@ var StorageTab = ({ currentTheme }) => {
       setLoading(false);
     }
   };
-  (0, import_react52.useEffect)(() => {
+  (0, import_react54.useEffect)(() => {
     loadStorageData();
   }, []);
-  const totalUsed = (0, import_react52.useMemo)(() => {
+  const totalUsed = (0, import_react54.useMemo)(() => {
     return storageCategories.reduce((sum, cat) => sum + cat.size, 0);
   }, [storageCategories]);
-  const usagePercentage = (0, import_react52.useMemo)(() => {
+  const usagePercentage = (0, import_react54.useMemo)(() => {
     if (storageQuota.quota === 0) return 0;
     const percentage = Math.min(storageQuota.used / storageQuota.quota * 100, 100);
     return percentage > 0 && percentage < 0.1 ? 0.1 : percentage;
   }, [storageQuota]);
-  const clearableCategories = (0, import_react52.useMemo)(() => {
+  const clearableCategories = (0, import_react54.useMemo)(() => {
     return storageCategories.filter((cat) => cat.canClear);
   }, [storageCategories]);
   const handleClearCategory = async (category) => {
@@ -38703,13 +40275,13 @@ var StorageTab = ({ currentTheme }) => {
     }
   };
   if (loading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { sx: { display: "flex", justifyContent: "center", alignItems: "center", py: 8 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.CircularProgress, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "body1", color: "text.secondary", sx: { ml: 2 }, children: "Analyzing storage usage..." })
+    return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Box, { sx: { display: "flex", justifyContent: "center", alignItems: "center", py: 8 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.CircularProgress, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Typography, { variant: "body1", color: "text.secondary", sx: { ml: 2 }, children: "Analyzing storage usage..." })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { sx: { px: { xs: 2, sm: 4, md: 6 }, pt: 3, pb: 5 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Box, { sx: { mb: 4 }, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { sx: {
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Box, { sx: { px: { xs: 2, sm: 4, md: 6 }, pt: 3, pb: 5 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Box, { sx: { mb: 4 }, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Box, { sx: {
       display: "flex",
       flexDirection: { xs: "column", sm: "row" },
       justifyContent: "space-between",
@@ -38717,19 +40289,19 @@ var StorageTab = ({ currentTheme }) => {
       gap: { xs: 2, sm: 0 },
       mb: 2
     }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { sx: { flex: 1 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "h5", color: "text.primary", sx: { mb: 1, fontWeight: 600 }, children: "Storage Management" }),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "body1", color: "text.secondary", children: "Monitor and manage your local browser storage usage" })
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Box, { sx: { flex: 1 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Typography, { variant: "h5", color: "text.primary", sx: { mb: 1, fontWeight: 600 }, children: "Storage Management" }),
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Typography, { variant: "body1", color: "text.secondary", children: "Monitor and manage your local browser storage usage" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { sx: {
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Box, { sx: {
         display: "flex",
         gap: 1,
         flexWrap: { xs: "wrap", sm: "nowrap" },
         justifyContent: { xs: "stretch", sm: "flex-end" },
         width: { xs: "100%", sm: "auto" }
       }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
-          import_material42.Button,
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+          import_material44.Button,
           {
             variant: "outlined",
             size: "small",
@@ -38741,22 +40313,22 @@ var StorageTab = ({ currentTheme }) => {
               minHeight: 36
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { sx: { display: { xs: "none", sm: "flex" }, alignItems: "center", gap: 1 }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Refresh3.default, { fontSize: "medium" }),
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Box, { sx: { display: { xs: "none", sm: "flex" }, alignItems: "center", gap: 1 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_Refresh4.default, { fontSize: "medium" }),
                 "Refresh"
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Box, { sx: { display: { xs: "flex", sm: "none" }, alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Refresh3.default, { fontSize: "medium" }) })
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Box, { sx: { display: { xs: "flex", sm: "none" }, alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_Refresh4.default, { fontSize: "medium" }) })
             ]
           }
         ),
-        clearableCategories.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
-            import_material42.Button,
+        clearableCategories.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+            import_material44.Button,
             {
               variant: "outlined",
               color: "error",
               size: "small",
-              startIcon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_CleaningServices.default, { sx: { display: { xs: "none", sm: "inline-flex" } } }),
+              startIcon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_CleaningServices.default, { sx: { display: { xs: "none", sm: "inline-flex" } } }),
               onClick: () => setClearAllDialogOpen(true),
               sx: {
                 minWidth: { xs: "auto", sm: "fit-content" },
@@ -38764,18 +40336,18 @@ var StorageTab = ({ currentTheme }) => {
                 px: { xs: 1, sm: 2 }
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Box, { sx: { display: { xs: "none", sm: "inline" } }, children: "Clear All Data" }),
-                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Box, { sx: { display: { xs: "inline", sm: "none" } }, children: "Clear All" })
+                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Box, { sx: { display: { xs: "none", sm: "inline" } }, children: "Clear All Data" }),
+                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Box, { sx: { display: { xs: "inline", sm: "none" } }, children: "Clear All" })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
-            import_material42.Button,
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+            import_material44.Button,
             {
               variant: "outlined",
               color: "error",
               size: "small",
-              startIcon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Delete6.default, { sx: { display: { xs: "none", sm: "inline-flex" } } }),
+              startIcon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_Delete7.default, { sx: { display: { xs: "none", sm: "inline-flex" } } }),
               onClick: () => handleNuclearClear(),
               sx: {
                 minWidth: { xs: "auto", sm: "fit-content" },
@@ -38783,28 +40355,28 @@ var StorageTab = ({ currentTheme }) => {
                 px: { xs: 1, sm: 2 }
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Box, { sx: { display: { xs: "none", sm: "inline" } }, children: "Nuclear Clear" }),
-                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Box, { sx: { display: { xs: "inline", sm: "none" } }, children: "Nuclear" })
+                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Box, { sx: { display: { xs: "none", sm: "inline" } }, children: "Nuclear Clear" }),
+                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Box, { sx: { display: { xs: "inline", sm: "none" } }, children: "Nuclear" })
               ]
             }
           )
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { sx: { mb: 4 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Card, { sx: { mb: 3 }, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.CardContent, { sx: {
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Box, { sx: { mb: 4 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Card, { sx: { mb: 3 }, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.CardContent, { sx: {
         display: "flex",
         flexDirection: "column",
         minHeight: 180
       }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Typography, { variant: "h6", gutterBottom: true, sx: { fontWeight: 600, color: "text.primary" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Storage.default, { sx: { mr: 1, verticalAlign: "middle" } }),
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Typography, { variant: "h6", gutterBottom: true, sx: { fontWeight: 600, color: "text.primary" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_Storage.default, { sx: { mr: 1, verticalAlign: "middle" } }),
           "Storage Quota"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { sx: { mb: 2, flex: 1 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { sx: { display: "flex", flexWrap: "wrap", gap: 1, mb: 2 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-              import_material42.Chip,
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Box, { sx: { mb: 2, flex: 1 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Box, { sx: { display: "flex", flexWrap: "wrap", gap: 1, mb: 2 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+              import_material44.Chip,
               {
                 label: `${formatBytes(storageQuota.used)} Used`,
                 color: "warning",
@@ -38812,8 +40384,8 @@ var StorageTab = ({ currentTheme }) => {
                 variant: "outlined"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-              import_material42.Chip,
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+              import_material44.Chip,
               {
                 label: `${formatBytes(storageQuota.available)} Available`,
                 color: "success",
@@ -38821,8 +40393,8 @@ var StorageTab = ({ currentTheme }) => {
                 variant: "outlined"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-              import_material42.Chip,
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+              import_material44.Chip,
               {
                 label: `${formatBytes(storageQuota.quota)} Total`,
                 color: "info",
@@ -38830,8 +40402,8 @@ var StorageTab = ({ currentTheme }) => {
                 variant: "outlined"
               }
             ),
-            storageQuota.browserQuotaEstimate > 0 && storageQuota.quota > 0 && Math.abs(storageQuota.browserQuotaEstimate - storageQuota.quota) > storageQuota.quota * 0.05 && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-              import_material42.Chip,
+            storageQuota.browserQuotaEstimate > 0 && storageQuota.quota > 0 && Math.abs(storageQuota.browserQuotaEstimate - storageQuota.quota) > storageQuota.quota * 0.05 && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+              import_material44.Chip,
               {
                 label: `\u2248${formatBytes(storageQuota.browserQuotaEstimate)} Browser Estimate`,
                 color: "default",
@@ -38840,8 +40412,8 @@ var StorageTab = ({ currentTheme }) => {
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-            import_material42.LinearProgress,
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+            import_material44.LinearProgress,
             {
               variant: "determinate",
               value: usagePercentage,
@@ -38856,38 +40428,38 @@ var StorageTab = ({ currentTheme }) => {
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Typography, { variant: "caption", color: "text.secondary", sx: { mt: 0.5, display: "block" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Typography, { variant: "caption", color: "text.secondary", sx: { mt: 0.5, display: "block" }, children: [
             usagePercentage.toFixed(1),
             "% used"
           ] })
         ] }),
-        usagePercentage > 80 && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Alert, { severity: "warning", sx: { mt: "auto" }, children: "Storage usage is high. Consider clearing unused data." })
+        usagePercentage > 80 && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Alert, { severity: "warning", sx: { mt: "auto" }, children: "Storage usage is high. Consider clearing unused data." })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Card, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.CardContent, { sx: {
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Card, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.CardContent, { sx: {
         display: "flex",
         flexDirection: "column",
         minHeight: 140
       }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "h6", gutterBottom: true, sx: { fontWeight: 600, color: "text.primary" }, children: "Usage Summary" }),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { sx: { display: "flex", flexWrap: "wrap", gap: 1, mb: 2 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-            import_material42.Chip,
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Typography, { variant: "h6", gutterBottom: true, sx: { fontWeight: 600, color: "text.primary" }, children: "Usage Summary" }),
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Box, { sx: { display: "flex", flexWrap: "wrap", gap: 1, mb: 2 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+            import_material44.Chip,
             {
               label: `${storageCategories.length} Categories`,
               color: "primary",
               size: "small"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-            import_material42.Chip,
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+            import_material44.Chip,
             {
               label: `${storageCategories.reduce((sum, cat) => sum + cat.itemCount, 0)} Items`,
               color: "secondary",
               size: "small"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-            import_material42.Chip,
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+            import_material44.Chip,
             {
               label: `${formatBytes(totalUsed)} Used`,
               color: "info",
@@ -38895,11 +40467,11 @@ var StorageTab = ({ currentTheme }) => {
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "body2", color: "text.secondary", sx: { mt: "auto" }, children: usageSummaryMessage })
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Typography, { variant: "body2", color: "text.secondary", sx: { mt: "auto" }, children: usageSummaryMessage })
       ] }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "h6", gutterBottom: true, sx: { mb: 2, fontWeight: 600, color: "text.primary" }, children: "Storage Categories" }),
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Box, { sx: {
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Typography, { variant: "h6", gutterBottom: true, sx: { mb: 2, fontWeight: 600, color: "text.primary" }, children: "Storage Categories" }),
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Box, { sx: {
       maxHeight: "60vh",
       overflow: "auto",
       "&::-webkit-scrollbar": {
@@ -38907,15 +40479,15 @@ var StorageTab = ({ currentTheme }) => {
       },
       msOverflowStyle: "none",
       scrollbarWidth: "none"
-    }, children: storageCategories.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Alert, { severity: "info", sx: { mt: 2 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "body2", children: "No storage data found. This could mean:" }),
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Typography, { variant: "body2", component: "ul", sx: { mt: 1, pl: 2 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("li", { children: "All databases are empty" }),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("li", { children: "Data is stored under different names" }),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("li", { children: "There was an error accessing the databases" })
+    }, children: storageCategories.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Alert, { severity: "info", sx: { mt: 2 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Typography, { variant: "body2", children: "No storage data found. This could mean:" }),
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Typography, { variant: "body2", component: "ul", sx: { mt: 1, pl: 2 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("li", { children: "All databases are empty" }),
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("li", { children: "Data is stored under different names" }),
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("li", { children: "There was an error accessing the databases" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "body2", sx: { mt: 1 }, children: 'Try clicking "Refresh" or check the browser console for more details.' })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Stack, { spacing: 2, children: storageCategories.map((category) => {
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Typography, { variant: "body2", sx: { mt: 1 }, children: 'Try clicking "Refresh" or check the browser console for more details.' })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Stack, { spacing: 2, children: storageCategories.map((category) => {
       const IconComponent = category.icon;
       const categoryPercentage = storageQuota.quota > 0 ? category.size / storageQuota.quota * 100 : 0;
       const categoryRelativePercentage = totalUsed > 0 ? category.size / totalUsed * 100 : 0;
@@ -38926,18 +40498,18 @@ var StorageTab = ({ currentTheme }) => {
         categoryPercentage: categoryPercentage.toFixed(2),
         categoryRelativePercentage: categoryRelativePercentage.toFixed(2)
       });
-      return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Accordion, { sx: { bgcolor: "background.paper" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-          import_material42.AccordionSummary,
+      return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Accordion, { sx: { bgcolor: "background.paper" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+          import_material44.AccordionSummary,
           {
-            expandIcon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_ExpandMore3.default, {}),
+            expandIcon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_ExpandMore3.default, {}),
             "aria-controls": `${category.name}-content`,
             id: `${category.name}-header`,
-            children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { sx: { display: "flex", alignItems: "center", width: "100%", pr: 2 }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(IconComponent, { sx: { color: category.color, mr: 2 } }),
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { sx: { flex: 1 }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-                  import_material42.Typography,
+            children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Box, { sx: { display: "flex", alignItems: "center", width: "100%", pr: 2 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(IconComponent, { sx: { color: category.color, mr: 2 } }),
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Box, { sx: { flex: 1 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+                  import_material44.Typography,
                   {
                     variant: "body1",
                     style: {
@@ -38947,18 +40519,18 @@ var StorageTab = ({ currentTheme }) => {
                     children: category.name
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { sx: { display: "flex", alignItems: "center", gap: 2, mt: 0.5 }, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "body2", color: "text.secondary", children: formatBytes(category.size) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-                    import_material42.Chip,
+                /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Box, { sx: { display: "flex", alignItems: "center", gap: 2, mt: 0.5 }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Typography, { variant: "body2", color: "text.secondary", children: formatBytes(category.size) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+                    import_material44.Chip,
                     {
                       label: `${category.itemCount} items`,
                       size: "small",
                       variant: "outlined"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Box, { sx: { flex: 1, mx: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-                    import_material42.LinearProgress,
+                  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Box, { sx: { flex: 1, mx: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+                    import_material44.LinearProgress,
                     {
                       variant: "determinate",
                       value: Math.min(categoryRelativePercentage, 100),
@@ -38973,7 +40545,7 @@ var StorageTab = ({ currentTheme }) => {
                       }
                     }
                   ) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Typography, { variant: "caption", color: "text.secondary", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Typography, { variant: "caption", color: "text.secondary", children: [
                     categoryRelativePercentage.toFixed(1),
                     "%"
                   ] })
@@ -38982,27 +40554,27 @@ var StorageTab = ({ currentTheme }) => {
             ] })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.AccordionDetails, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { sx: { pl: 5 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "body2", color: "text.secondary", paragraph: true, children: category.description }),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "subtitle2", gutterBottom: true, children: "Storage Locations:" }),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.List, { dense: true, children: category.stores.map((store) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.ListItem, { sx: { py: 0.5 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.ListItemIcon, { sx: { minWidth: 32 }, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Storage.default, { fontSize: "small" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-              import_material42.ListItemText,
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.AccordionDetails, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Box, { sx: { pl: 5 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Typography, { variant: "body2", color: "text.secondary", paragraph: true, children: category.description }),
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Typography, { variant: "subtitle2", gutterBottom: true, children: "Storage Locations:" }),
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.List, { dense: true, children: category.stores.map((store) => /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.ListItem, { sx: { py: 0.5 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.ListItemIcon, { sx: { minWidth: 32 }, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_Storage.default, { fontSize: "small" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+              import_material44.ListItemText,
               {
                 primary: store,
                 primaryTypographyProps: { variant: "body2", fontFamily: "monospace" }
               }
             )
           ] }, store)) }),
-          category.canClear ? /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { sx: { mt: 2, pt: 2, borderTop: 1, borderColor: "divider" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
-              import_material42.Button,
+          category.canClear ? /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Box, { sx: { mt: 2, pt: 2, borderTop: 1, borderColor: "divider" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+              import_material44.Button,
               {
                 variant: "outlined",
                 color: "error",
                 size: "small",
-                startIcon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Delete6.default, {}),
+                startIcon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_Delete7.default, {}),
                 onClick: () => setClearCategoryDialog(category),
                 disabled: clearing,
                 children: [
@@ -39011,19 +40583,19 @@ var StorageTab = ({ currentTheme }) => {
                 ]
               }
             ),
-            category.clearWarning && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Alert, { severity: "warning", sx: { mt: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "caption", children: category.clearWarning }) })
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Alert, { severity: "info", sx: { mt: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "caption", children: category.itemCount === 0 ? "This category is empty." : "This category cannot be cleared automatically." }) })
+            category.clearWarning && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Alert, { severity: "warning", sx: { mt: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Typography, { variant: "caption", children: category.clearWarning }) })
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Alert, { severity: "info", sx: { mt: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Typography, { variant: "caption", children: category.itemCount === 0 ? "This category is empty." : "This category cannot be cleared automatically." }) })
         ] }) })
       ] }, category.name);
     }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Card, { sx: { mt: 4 }, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.CardContent, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Typography, { variant: "h6", gutterBottom: true, sx: { fontWeight: 600, color: "text.primary" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Info2.default, { sx: { mr: 1, verticalAlign: "middle" } }),
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Card, { sx: { mt: 4 }, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.CardContent, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Typography, { variant: "h6", gutterBottom: true, sx: { fontWeight: 600, color: "text.primary" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_Info2.default, { sx: { mr: 1, verticalAlign: "middle" } }),
         "Storage Tips & Clear Options"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.List, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.ListItem, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.List, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.ListItem, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
             import_CheckCircle3.default,
             {
               sx: {
@@ -39031,38 +40603,38 @@ var StorageTab = ({ currentTheme }) => {
               }
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-            import_material42.ListItemText,
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+            import_material44.ListItemText,
             {
               primary: storageStatusPrimary,
               secondary: syncFeaturesActive ? "Some features (conversation sync or advanced vector storage) can sync items to your configured gateway storage." : "With conversation sync and advanced vector storage turned off, everything stays in this browser."
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.ListItem, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_CleaningServices.default, { color: "info" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-            import_material42.ListItemText,
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.ListItem, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_CleaningServices.default, { color: "info" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+            import_material44.ListItemText,
             {
               primary: "Clear All Data (Safe)",
               secondary: "Deletes all items but keeps database structure intact. App continues working normally."
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.ListItem, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Delete6.default, { color: "error" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-            import_material42.ListItemText,
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.ListItem, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_Delete7.default, { color: "error" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+            import_material44.ListItemText,
             {
               primary: "Nuclear Clear (Complete Reset)",
               secondary: "Completely destroys all databases and forces app reload. Use only for complete reset."
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.ListItem, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Warning.default, { color: "warning" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-            import_material42.ListItemText,
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.ListItem, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_Warning.default, { color: "warning" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+            import_material44.ListItemText,
             {
               primary: "Backup important data",
               secondary: "Export custom models and important documents before clearing storage"
@@ -39071,38 +40643,38 @@ var StorageTab = ({ currentTheme }) => {
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
-      import_material42.Dialog,
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+      import_material44.Dialog,
       {
         open: !!clearCategoryDialog,
         onClose: () => setClearCategoryDialog(null),
         maxWidth: "sm",
         fullWidth: true,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.DialogTitle, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Warning.default, { color: "warning" }),
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.DialogTitle, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_Warning.default, { color: "warning" }),
             "Clear ",
             clearCategoryDialog?.name,
             "?"
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.DialogContent, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.DialogContentText, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.DialogContent, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.DialogContentText, { children: [
               'This will permanently delete all data in the "',
               clearCategoryDialog?.name,
               '" category.'
             ] }),
-            clearCategoryDialog?.clearWarning && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Alert, { severity: "warning", sx: { mt: 2 }, children: clearCategoryDialog.clearWarning }),
-            clearCategoryDialog && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { sx: { mt: 2, p: 2, bgcolor: "action.hover", borderRadius: 1 }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "body2", color: "text.secondary", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("strong", { children: "Will clear:" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Typography, { variant: "body2", sx: { fontFamily: "monospace", mt: 1 }, children: [
+            clearCategoryDialog?.clearWarning && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Alert, { severity: "warning", sx: { mt: 2 }, children: clearCategoryDialog.clearWarning }),
+            clearCategoryDialog && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Box, { sx: { mt: 2, p: 2, bgcolor: "action.hover", borderRadius: 1 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Typography, { variant: "body2", color: "text.secondary", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("strong", { children: "Will clear:" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Typography, { variant: "body2", sx: { fontFamily: "monospace", mt: 1 }, children: [
                 "\u2022 ",
                 clearCategoryDialog.itemCount,
                 " items",
-                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("br", {}),
+                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("br", {}),
                 "\u2022 ",
                 formatBytes(clearCategoryDialog.size),
                 " of data",
-                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("br", {}),
+                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("br", {}),
                 "\u2022 ",
                 clearCategoryDialog.stores.length,
                 " storage location",
@@ -39110,22 +40682,22 @@ var StorageTab = ({ currentTheme }) => {
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.DialogActions, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-              import_material42.Button,
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.DialogActions, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+              import_material44.Button,
               {
                 onClick: () => setClearCategoryDialog(null),
                 disabled: clearing,
                 children: "Cancel"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-              import_material42.Button,
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+              import_material44.Button,
               {
                 onClick: () => clearCategoryDialog && handleClearCategory(clearCategoryDialog),
                 color: "error",
                 variant: "contained",
-                startIcon: clearing ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.CircularProgress, { size: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Delete6.default, {}),
+                startIcon: clearing ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.CircularProgress, { size: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_Delete7.default, {}),
                 disabled: clearing,
                 children: clearing ? "Clearing..." : "Clear Data"
               }
@@ -39134,51 +40706,51 @@ var StorageTab = ({ currentTheme }) => {
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
-      import_material42.Dialog,
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+      import_material44.Dialog,
       {
         open: clearAllDialogOpen,
         onClose: () => setClearAllDialogOpen(false),
         maxWidth: "sm",
         fullWidth: true,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.DialogTitle, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Error3.default, { color: "error" }),
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.DialogTitle, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_Error3.default, { color: "error" }),
             "Clear All Storage Data?"
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.DialogContent, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.DialogContentText, { children: "This will permanently delete ALL your local data including:" }),
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.List, { dense: true, sx: { mt: 1 }, children: clearableCategories.map((category) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.ListItem, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.ListItemIcon, { sx: { minWidth: 32 }, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(category.icon, { fontSize: "small", sx: { color: category.color } }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-                import_material42.ListItemText,
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.DialogContent, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.DialogContentText, { children: "This will permanently delete ALL your local data including:" }),
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.List, { dense: true, sx: { mt: 1 }, children: clearableCategories.map((category) => /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.ListItem, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.ListItemIcon, { sx: { minWidth: 32 }, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(category.icon, { fontSize: "small", sx: { color: category.color } }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+                import_material44.ListItemText,
                 {
                   primary: category.name,
                   secondary: `${category.itemCount} items \u2022 ${formatBytes(category.size)}`
                 }
               )
             ] }, category.name)) }),
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Alert, { severity: "error", sx: { mt: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Typography, { variant: "body2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("strong", { children: "This action cannot be undone!" }),
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Alert, { severity: "error", sx: { mt: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Typography, { variant: "body2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("strong", { children: "This action cannot be undone!" }),
               " Make sure to export any important data before proceeding."
             ] }) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.DialogActions, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-              import_material42.Button,
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.DialogActions, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+              import_material44.Button,
               {
                 onClick: () => setClearAllDialogOpen(false),
                 disabled: clearing,
                 children: "Cancel"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-              import_material42.Button,
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+              import_material44.Button,
               {
                 onClick: handleClearAll,
                 color: "error",
                 variant: "contained",
-                startIcon: clearing ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.CircularProgress, { size: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_CleaningServices.default, {}),
+                startIcon: clearing ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.CircularProgress, { size: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_CleaningServices.default, {}),
                 disabled: clearing,
                 children: clearing ? "Clearing All..." : "Clear All Data"
               }
@@ -39187,15 +40759,15 @@ var StorageTab = ({ currentTheme }) => {
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-      import_material42.Snackbar,
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+      import_material44.Snackbar,
       {
         open: showSnackbar,
         autoHideDuration: 4e3,
         onClose: () => setShowSnackbar(false),
         anchorOrigin: { vertical: "bottom", horizontal: "left" },
-        children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-          import_material42.Alert,
+        children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+          import_material44.Alert,
           {
             onClose: () => setShowSnackbar(false),
             severity: snackbarSeverity,
@@ -39211,21 +40783,21 @@ var StorageTab = ({ currentTheme }) => {
 var StorageTab_default = StorageTab;
 
 // src/management/components/ProviderTab.tsx
-var import_react53 = require("react");
-var import_material43 = require("@mui/material");
+var import_react55 = require("react");
+var import_material45 = require("@mui/material");
 init_aiProviderStore();
 init_packageSettingsStore();
 init_common_types();
 init_ai_provider_factory();
 init_debugLogger();
 init_indexedDBService();
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 var ProviderTab = () => {
   const { provider: currentProvider, config: currentProviderConfig } = useAIProviderStore();
   const { settings: packageSettings } = usePackageSettingsStore();
-  const theme = (0, import_material43.useTheme)();
-  const isMobile = (0, import_material43.useMediaQuery)(theme.breakpoints.down("sm"));
-  const getSuggestedModel = (0, import_react53.useCallback)((type) => {
+  const theme = (0, import_material45.useTheme)();
+  const isMobile = (0, import_material45.useMediaQuery)(theme.breakpoints.down("sm"));
+  const getSuggestedModel = (0, import_react55.useCallback)((type) => {
     const configuredDefault = packageSettings?.defaultModel?.trim();
     if (configuredDefault) {
       return configuredDefault;
@@ -39241,7 +40813,7 @@ var ProviderTab = () => {
         return "";
     }
   }, [packageSettings?.defaultModel]);
-  const applyDefaultModel = (0, import_react53.useCallback)((config) => {
+  const applyDefaultModel = (0, import_react55.useCallback)((config) => {
     const normalized = { ...config };
     const trimmed = typeof normalized.defaultModel === "string" ? normalized.defaultModel.trim() : void 0;
     const requiresModel = normalized.type === "openai" /* OPENAI */ || normalized.type === "xai" /* XAI */ || normalized.type === "bandit" /* BANDIT */;
@@ -39261,7 +40833,7 @@ var ProviderTab = () => {
     }
     return normalized;
   }, [getSuggestedModel]);
-  const sanitizeConfigForSave = (0, import_react53.useCallback)((config) => {
+  const sanitizeConfigForSave = (0, import_react55.useCallback)((config) => {
     const sanitized = { ...config };
     if (typeof sanitized.defaultModel === "string") {
       const trimmed = sanitized.defaultModel.trim();
@@ -39273,15 +40845,15 @@ var ProviderTab = () => {
     }
     return sanitized;
   }, []);
-  const [providerConfig, setProviderConfig] = (0, import_react53.useState)({
+  const [providerConfig, setProviderConfig] = (0, import_react55.useState)({
     type: "gateway",
     gatewayUrl: packageSettings?.gatewayApiUrl || "",
     provider: "bandit"
   });
-  const [isProviderConfigOpen, setIsProviderConfigOpen] = (0, import_react53.useState)(false);
-  const [snackbarMessage, setSnackbarMessage] = (0, import_react53.useState)("");
-  const [showSnackbar, setShowSnackbar] = (0, import_react53.useState)(false);
-  const [snackbarSeverity, setSnackbarSeverity] = (0, import_react53.useState)("success");
+  const [isProviderConfigOpen, setIsProviderConfigOpen] = (0, import_react55.useState)(false);
+  const [snackbarMessage, setSnackbarMessage] = (0, import_react55.useState)("");
+  const [showSnackbar, setShowSnackbar] = (0, import_react55.useState)(false);
+  const [snackbarSeverity, setSnackbarSeverity] = (0, import_react55.useState)("success");
   const saveProviderConfigToDB = async (config) => {
     try {
       const { tokenFactory: _tokenFactory, ...persistableConfig } = config;
@@ -39322,7 +40894,7 @@ var ProviderTab = () => {
     }
     return null;
   };
-  const convertAnthropicConfig = (0, import_react53.useCallback)((config) => {
+  const convertAnthropicConfig = (0, import_react55.useCallback)((config) => {
     if (!config) return null;
     if (config.type !== "anthropic" /* ANTHROPIC */) {
       return config;
@@ -39338,7 +40910,7 @@ var ProviderTab = () => {
     };
     return converted;
   }, [packageSettings?.gatewayApiUrl]);
-  (0, import_react53.useEffect)(() => {
+  (0, import_react55.useEffect)(() => {
     const initializeProviderConfig = async () => {
       const savedConfig = await loadProviderConfigFromDB();
       if (savedConfig) {
@@ -39473,18 +41045,18 @@ var ProviderTab = () => {
       showMessage("Connection test failed. Please check your configuration.", "error");
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_material43.Box, { sx: { p: { xs: 1.5, sm: 3, md: 4 } }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_material43.Box, { sx: { mb: { xs: 2.5, md: 3 } }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-        import_material43.Typography,
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_material45.Box, { sx: { p: { xs: 1.5, sm: 3, md: 4 } }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_material45.Box, { sx: { mb: { xs: 2.5, md: 3 } }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+        import_material45.Typography,
         {
           variant: "h5",
           sx: { fontWeight: 600, mb: 1, color: "primary.main", fontSize: { xs: "1.6rem", md: "1.8rem" } },
           children: "AI Provider Configuration"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-        import_material43.Typography,
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+        import_material45.Typography,
         {
           variant: "body1",
           color: "text.secondary",
@@ -39493,23 +41065,23 @@ var ProviderTab = () => {
           children: "Configure your AI provider for chat, generation, and model services. This determines which backend service powers your AI interactions."
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_material43.Paper, { sx: { p: { xs: 1.75, sm: 2.5 }, mb: { xs: 2, md: 3 }, bgcolor: "background.paper", border: "1px solid", borderColor: "divider" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.Typography, { variant: "h6", sx: { mb: 2, fontWeight: 600, color: "text.primary" }, children: "Current Provider" }),
-        currentProvider ? /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_material43.Box, { sx: { display: "flex", alignItems: "center", gap: 2 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-            import_material43.Chip,
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_material45.Paper, { sx: { p: { xs: 1.75, sm: 2.5 }, mb: { xs: 2, md: 3 }, bgcolor: "background.paper", border: "1px solid", borderColor: "divider" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.Typography, { variant: "h6", sx: { mb: 2, fontWeight: 600, color: "text.primary" }, children: "Current Provider" }),
+        currentProvider ? /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_material45.Box, { sx: { display: "flex", alignItems: "center", gap: 2 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+            import_material45.Chip,
             {
               label: currentProvider.getProviderType().toUpperCase(),
               color: "primary",
               variant: "filled"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.Typography, { variant: "body2", color: "text.secondary", children: currentProviderConfig?.baseUrl || currentProviderConfig?.gatewayUrl || "No URL configured" })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.Chip, { label: "No Provider Configured", color: "warning" })
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.Typography, { variant: "body2", color: "text.secondary", children: currentProviderConfig?.baseUrl || currentProviderConfig?.gatewayUrl || "No URL configured" })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.Chip, { label: "No Provider Configured", color: "warning" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_material43.Paper, { sx: { p: { xs: 1.75, sm: 2.5 }, mb: { xs: 2, md: 3 }, bgcolor: "background.paper", border: "1px solid", borderColor: "divider" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
-          import_material43.Box,
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_material45.Paper, { sx: { p: { xs: 1.75, sm: 2.5 }, mb: { xs: 2, md: 3 }, bgcolor: "background.paper", border: "1px solid", borderColor: "divider" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+          import_material45.Box,
           {
             sx: {
               display: "flex",
@@ -39520,9 +41092,9 @@ var ProviderTab = () => {
               mb: 3
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.Typography, { variant: "h6", sx: { fontWeight: 600, color: "text.primary" }, children: "Provider Configuration" }),
-              /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
-                import_material43.Button,
+              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.Typography, { variant: "h6", sx: { fontWeight: 600, color: "text.primary" }, children: "Provider Configuration" }),
+              /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+                import_material45.Button,
                 {
                   variant: "outlined",
                   onClick: () => setIsProviderConfigOpen(!isProviderConfigOpen),
@@ -39536,9 +41108,9 @@ var ProviderTab = () => {
             ]
           }
         ),
-        isProviderConfigOpen && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_material43.Box, { sx: { mt: 3 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
-            import_material43.TextField,
+        isProviderConfigOpen && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_material45.Box, { sx: { mt: 3 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+            import_material45.TextField,
             {
               label: "Provider Type",
               select: true,
@@ -39547,19 +41119,19 @@ var ProviderTab = () => {
               fullWidth: true,
               sx: { mb: 3 },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.MenuItem, { value: "gateway", children: "Gateway (Recommended)" }),
-                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.MenuItem, { value: "ollama", children: "Ollama" }),
-                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.MenuItem, { value: "openai", children: "OpenAI" }),
-                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.MenuItem, { value: "azure-openai", children: "Azure OpenAI" }),
-                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.MenuItem, { value: "bandit", children: "Bandit AI" }),
-                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.MenuItem, { value: "xai", children: "xAI" }),
-                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.MenuItem, { value: "playground", children: "Playground (Mock Demo)" })
+                /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.MenuItem, { value: "gateway", children: "Gateway (Recommended)" }),
+                /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.MenuItem, { value: "ollama", children: "Ollama" }),
+                /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.MenuItem, { value: "openai", children: "OpenAI" }),
+                /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.MenuItem, { value: "azure-openai", children: "Azure OpenAI" }),
+                /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.MenuItem, { value: "bandit", children: "Bandit AI" }),
+                /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.MenuItem, { value: "xai", children: "xAI" }),
+                /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.MenuItem, { value: "playground", children: "Playground (Mock Demo)" })
               ]
             }
           ),
-          providerConfig.type === "gateway" && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_material43.Box, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-              import_material43.TextField,
+          providerConfig.type === "gateway" && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_material45.Box, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              import_material45.TextField,
               {
                 label: "Gateway URL",
                 value: providerConfig.gatewayUrl || "",
@@ -39569,8 +41141,8 @@ var ProviderTab = () => {
                 placeholder: "https://your-gateway-api.com"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
-              import_material43.TextField,
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+              import_material45.TextField,
               {
                 label: "Backend Provider",
                 select: true,
@@ -39582,18 +41154,18 @@ var ProviderTab = () => {
                 fullWidth: true,
                 sx: { mb: 2 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.MenuItem, { value: "openai", children: "OpenAI" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.MenuItem, { value: "azure-openai", children: "Azure OpenAI" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.MenuItem, { value: "anthropic", children: "Anthropic" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.MenuItem, { value: "ollama", children: "Ollama" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.MenuItem, { value: "bandit", children: "Bandit AI" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.MenuItem, { value: "xai", children: "xAI" })
+                  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.MenuItem, { value: "openai", children: "OpenAI" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.MenuItem, { value: "azure-openai", children: "Azure OpenAI" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.MenuItem, { value: "anthropic", children: "Anthropic" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.MenuItem, { value: "ollama", children: "Ollama" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.MenuItem, { value: "bandit", children: "Bandit AI" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.MenuItem, { value: "xai", children: "xAI" })
                 ]
               }
             )
           ] }),
-          providerConfig.type === "ollama" && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-            import_material43.TextField,
+          providerConfig.type === "ollama" && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+            import_material45.TextField,
             {
               label: "Ollama URL",
               value: providerConfig.baseUrl || "",
@@ -39602,9 +41174,9 @@ var ProviderTab = () => {
               placeholder: "http://localhost:11434"
             }
           ),
-          providerConfig.type === "bandit" && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_material43.Box, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-              import_material43.TextField,
+          providerConfig.type === "bandit" && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_material45.Box, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              import_material45.TextField,
               {
                 label: "API Base URL",
                 value: providerConfig.baseUrl || "",
@@ -39618,8 +41190,8 @@ var ProviderTab = () => {
                 helperText: "Defaults to https://api.burtson.ai"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-              import_material43.TextField,
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              import_material45.TextField,
               {
                 label: "API Key",
                 type: "password",
@@ -39633,8 +41205,8 @@ var ProviderTab = () => {
                 placeholder: "bai_..."
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-              import_material43.TextField,
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              import_material45.TextField,
               {
                 label: "Default Model ID",
                 value: providerConfig.defaultModel || "",
@@ -39648,9 +41220,9 @@ var ProviderTab = () => {
               }
             )
           ] }),
-          providerConfig.type === "openai" && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_material43.Box, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-              import_material43.TextField,
+          providerConfig.type === "openai" && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_material45.Box, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              import_material45.TextField,
               {
                 label: "API Base URL",
                 value: providerConfig.baseUrl || "",
@@ -39663,8 +41235,8 @@ var ProviderTab = () => {
                 placeholder: "https://api.openai.com/v1"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-              import_material43.TextField,
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              import_material45.TextField,
               {
                 label: "API Key",
                 type: "password",
@@ -39678,8 +41250,8 @@ var ProviderTab = () => {
                 placeholder: "sk-..."
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-              import_material43.TextField,
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              import_material45.TextField,
               {
                 label: "Default Model ID",
                 value: providerConfig.defaultModel || "",
@@ -39693,9 +41265,9 @@ var ProviderTab = () => {
               }
             )
           ] }),
-          providerConfig.type === "azure-openai" && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_material43.Box, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-              import_material43.TextField,
+          providerConfig.type === "azure-openai" && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_material45.Box, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              import_material45.TextField,
               {
                 label: "Azure Endpoint",
                 value: providerConfig.baseUrl || "",
@@ -39705,8 +41277,8 @@ var ProviderTab = () => {
                 placeholder: "https://your-resource.openai.azure.com"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-              import_material43.TextField,
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              import_material45.TextField,
               {
                 label: "API Key",
                 type: "password",
@@ -39716,8 +41288,8 @@ var ProviderTab = () => {
                 sx: { mb: 2 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-              import_material43.TextField,
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              import_material45.TextField,
               {
                 label: "API Version",
                 value: providerConfig.apiVersion || "",
@@ -39727,8 +41299,8 @@ var ProviderTab = () => {
                 placeholder: "2024-02-01"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-              import_material43.TextField,
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              import_material45.TextField,
               {
                 label: "Deployment Name",
                 value: providerConfig.deploymentName || "",
@@ -39738,9 +41310,9 @@ var ProviderTab = () => {
               }
             )
           ] }),
-          providerConfig.type === "xai" && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_material43.Box, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-              import_material43.TextField,
+          providerConfig.type === "xai" && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_material45.Box, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              import_material45.TextField,
               {
                 label: "API Base URL",
                 value: providerConfig.baseUrl || "",
@@ -39753,8 +41325,8 @@ var ProviderTab = () => {
                 placeholder: "https://api.x.ai/v1"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-              import_material43.TextField,
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              import_material45.TextField,
               {
                 label: "API Key",
                 type: "password",
@@ -39768,8 +41340,8 @@ var ProviderTab = () => {
                 placeholder: "xai-..."
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-              import_material43.TextField,
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              import_material45.TextField,
               {
                 label: "Default Model ID",
                 value: providerConfig.defaultModel || "",
@@ -39783,10 +41355,10 @@ var ProviderTab = () => {
               }
             )
           ] }),
-          providerConfig.type === "anthropic" && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.Alert, { severity: "warning", sx: { mt: 2 }, children: "Anthropic is only supported through the Bandit Gateway provider. Please switch to Gateway and select Anthropic as the backend service." }),
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_material43.Box, { sx: { display: "flex", gap: 2, mt: 3 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-              import_material43.Button,
+          providerConfig.type === "anthropic" && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.Alert, { severity: "warning", sx: { mt: 2 }, children: "Anthropic is only supported through the Bandit Gateway provider. Please switch to Gateway and select Anthropic as the backend service." }),
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_material45.Box, { sx: { display: "flex", gap: 2, mt: 3 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              import_material45.Button,
               {
                 variant: "outlined",
                 onClick: handleTestProviderConnection,
@@ -39794,8 +41366,8 @@ var ProviderTab = () => {
                 children: "Test Connection"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-              import_material43.Button,
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              import_material45.Button,
               {
                 variant: "contained",
                 onClick: handleSaveProviderConfig,
@@ -39806,20 +41378,20 @@ var ProviderTab = () => {
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_material43.Paper, { sx: { p: 3, bgcolor: "info.main", color: "info.contrastText", borderRadius: 2 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.Typography, { variant: "h6", sx: { mb: 1, fontWeight: 600, color: "text.primary" }, children: "\u{1F680} Gateway Provider Recommended" }),
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.Typography, { variant: "body2", children: "For production deployments, we recommend using the Gateway provider which routes requests through your secure backend API. This approach keeps API keys secure, enables rate limiting, and provides better monitoring capabilities." })
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_material45.Paper, { sx: { p: 3, bgcolor: "info.main", color: "info.contrastText", borderRadius: 2 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.Typography, { variant: "h6", sx: { mb: 1, fontWeight: 600, color: "text.primary" }, children: "\u{1F680} Gateway Provider Recommended" }),
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.Typography, { variant: "body2", children: "For production deployments, we recommend using the Gateway provider which routes requests through your secure backend API. This approach keeps API keys secure, enables rate limiting, and provides better monitoring capabilities." })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-      import_material43.Snackbar,
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+      import_material45.Snackbar,
       {
         open: showSnackbar,
         autoHideDuration: 6e3,
         onClose: () => setShowSnackbar(false),
         anchorOrigin: { vertical: "bottom", horizontal: "left" },
-        children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-          import_material43.Alert,
+        children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+          import_material45.Alert,
           {
             onClose: () => setShowSnackbar(false),
             severity: snackbarSeverity,
@@ -39834,9 +41406,9 @@ var ProviderTab = () => {
 };
 
 // src/management/components/MCPToolsTabV2.tsx
-var import_react54 = require("react");
-var import_material44 = require("@mui/material");
-var import_Refresh4 = __toESM(require("@mui/icons-material/Refresh"));
+var import_react56 = require("react");
+var import_material46 = require("@mui/material");
+var import_Refresh5 = __toESM(require("@mui/icons-material/Refresh"));
 var import_HealthAndSafety = __toESM(require("@mui/icons-material/HealthAndSafety"));
 var import_ErrorOutline3 = __toESM(require("@mui/icons-material/ErrorOutline"));
 var import_Settings3 = __toESM(require("@mui/icons-material/Settings"));
@@ -39853,7 +41425,7 @@ var isPlaygroundMode2 = () => {
   const gatewayUrl = settings.gatewayApiUrl?.toLowerCase() ?? "";
   return Boolean(settings.playgroundMode || gatewayUrl.startsWith("playground://"));
 };
-function buildUrl2(path) {
+function buildUrl3(path) {
   if (isPlaygroundMode2()) {
     debugLogger.info("MCP controller URL build skipped in playground mode", { path });
     return path.startsWith("/") ? path : `/${path}`;
@@ -39876,7 +41448,7 @@ async function fetchAvailableMcpTools() {
     debugLogger.info("Skipping remote MCP tool fetch \u2014 playground mode active");
     return [];
   }
-  const url = buildUrl2("/mcp/tools");
+  const url = buildUrl3("/mcp/tools");
   try {
     const res = await fetch(url, { headers: authHeaders() });
     const data = await res.json();
@@ -39900,7 +41472,7 @@ async function fetchMcpHealth() {
       availableTools: []
     };
   }
-  const url = buildUrl2("/mcp/health");
+  const url = buildUrl3("/mcp/health");
   try {
     const res = await fetch(url, { headers: authHeaders() });
     const data = await res.json();
@@ -39917,14 +41489,14 @@ async function fetchMcpHealth() {
 // src/management/components/MCPToolsTabV2.tsx
 init_mcpToolsStore();
 init_packageSettingsStore();
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 var MCPToolsTabV2 = () => {
   const { settings } = usePackageSettingsStore();
   const { tools: localTools, loadTools, toggleTool, addTool, updateTool, isLoaded } = useMCPToolsStore();
-  const [loading, setLoading] = (0, import_react54.useState)(true);
-  const [error, setError] = (0, import_react54.useState)(null);
-  const [tools, setTools] = (0, import_react54.useState)([]);
-  const [health, setHealth] = (0, import_react54.useState)(null);
+  const [loading, setLoading] = (0, import_react56.useState)(true);
+  const [error, setError] = (0, import_react56.useState)(null);
+  const [tools, setTools] = (0, import_react56.useState)([]);
+  const [health, setHealth] = (0, import_react56.useState)(null);
   const gatewayConfigured = !!settings?.gatewayApiUrl;
   const refresh = async () => {
     setLoading(true);
@@ -39978,7 +41550,7 @@ var MCPToolsTabV2 = () => {
       setLoading(false);
     }
   };
-  (0, import_react54.useEffect)(() => {
+  (0, import_react56.useEffect)(() => {
     if (isLoaded) {
       refresh();
     } else {
@@ -39987,7 +41559,7 @@ var MCPToolsTabV2 = () => {
       });
     }
   }, [isLoaded]);
-  const localEnabledMap = (0, import_react54.useMemo)(() => {
+  const localEnabledMap = (0, import_react56.useMemo)(() => {
     const map23 = /* @__PURE__ */ new Map();
     const sortedTools = [...localTools].sort((a, b) => {
       if (a.isBuiltIn && !b.isBuiltIn) return -1;
@@ -40003,17 +41575,17 @@ var MCPToolsTabV2 = () => {
     });
     return map23;
   }, [localTools]);
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Box, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Box, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", mb: 2 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Typography, { variant: "h5", sx: { fontWeight: 600, color: "primary.main" }, children: "Available Tools" }),
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Tooltip, { title: "Refresh", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.IconButton, { onClick: refresh, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_Refresh4.default, {}) }) }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_material46.Box, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_material46.Box, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", mb: 2 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Typography, { variant: "h5", sx: { fontWeight: 600, color: "primary.main" }, children: "Available Tools" }),
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Tooltip, { title: "Refresh", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.IconButton, { onClick: refresh, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_Refresh5.default, {}) }) }) })
     ] }),
-    !gatewayConfigured && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Paper, { sx: { p: 2, mb: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Typography, { variant: "body2", color: "text.secondary", children: "Gateway API URL isn\u2019t configured. The controller endpoints will be fetched relative to this origin." }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Paper, { sx: { p: 2, mb: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-      health?.status === "healthy" ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_HealthAndSafety.default, { color: "success" }) : health?.status === "unhealthy" ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_ErrorOutline3.default, { color: "error" }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_ErrorOutline3.default, { color: "disabled" }),
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Typography, { variant: "subtitle1", sx: { fontWeight: 600 }, children: "Controller Health" }),
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-        import_material44.Chip,
+    !gatewayConfigured && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Paper, { sx: { p: 2, mb: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Typography, { variant: "body2", color: "text.secondary", children: "Gateway API URL isn\u2019t configured. The controller endpoints will be fetched relative to this origin." }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Paper, { sx: { p: 2, mb: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_material46.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+      health?.status === "healthy" ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_HealthAndSafety.default, { color: "success" }) : health?.status === "unhealthy" ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_ErrorOutline3.default, { color: "error" }) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_ErrorOutline3.default, { color: "disabled" }),
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Typography, { variant: "subtitle1", sx: { fontWeight: 600 }, children: "Controller Health" }),
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+        import_material46.Chip,
         {
           size: "small",
           label: (health?.status || "unknown").toString(),
@@ -40021,11 +41593,11 @@ var MCPToolsTabV2 = () => {
           sx: { ml: 1 }
         }
       ),
-      health?.timestamp && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Typography, { variant: "caption", color: "text.secondary", sx: { ml: 1 }, children: new Date(health.timestamp).toLocaleString() })
+      health?.timestamp && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Typography, { variant: "caption", color: "text.secondary", sx: { ml: 1 }, children: new Date(health.timestamp).toLocaleString() })
     ] }) }),
-    loading && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Box, { sx: { mb: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.LinearProgress, {}) }),
-    error && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Paper, { sx: { p: 2, mb: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Typography, { color: "error", children: error }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Stack, { spacing: 2, children: tools.map((tool) => {
+    loading && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Box, { sx: { mb: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.LinearProgress, {}) }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Paper, { sx: { p: 2, mb: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Typography, { color: "error", children: error }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Stack, { spacing: 2, children: tools.map((tool) => {
       let locallyEnabled = localEnabledMap.get(tool.id);
       if (locallyEnabled === void 0) {
         locallyEnabled = localEnabledMap.get(tool.name);
@@ -40036,17 +41608,17 @@ var MCPToolsTabV2 = () => {
         );
         locallyEnabled = directLookup?.enabled ?? tool.isEnabled;
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Paper, { sx: { p: 2 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Box, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Box, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Typography, { variant: "h6", sx: { fontWeight: 700 }, children: tool.name }),
-            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Typography, { variant: "body2", color: "text.secondary", sx: { mt: 0.5 }, children: tool.description })
+      return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_material46.Paper, { sx: { p: 2 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_material46.Box, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_material46.Box, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Typography, { variant: "h6", sx: { fontWeight: 700 }, children: tool.name }),
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Typography, { variant: "body2", color: "text.secondary", sx: { mt: 0.5 }, children: tool.description })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-              import_material44.FormControlLabel,
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_material46.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+              import_material46.FormControlLabel,
               {
-                control: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Switch, { checked: !!locallyEnabled, onChange: () => {
+                control: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Switch, { checked: !!locallyEnabled, onChange: () => {
                   let local = localTools.find((t) => t.function.name === tool.id);
                   if (!local) {
                     local = localTools.find((t) => t.function.name === tool.name);
@@ -40066,12 +41638,12 @@ var MCPToolsTabV2 = () => {
                 label: locallyEnabled ? "Enabled" : "Disabled"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Tooltip, { title: "Controller-driven tools (read-only schema)", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_Settings3.default, { color: "disabled" }) })
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Tooltip, { title: "Controller-driven tools (read-only schema)", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_Settings3.default, { color: "disabled" }) })
           ] })
         ] }),
-        !!tool.supportedParameters?.length && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Box, { sx: { mt: 1.5 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Typography, { variant: "caption", color: "text.secondary", children: "Supported parameters" }),
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Box, { sx: { mt: 0.5, display: "flex", flexWrap: "wrap", gap: 1 }, children: tool.supportedParameters.map((p) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Chip, { size: "small", label: p }, p)) })
+        !!tool.supportedParameters?.length && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_material46.Box, { sx: { mt: 1.5 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Typography, { variant: "caption", color: "text.secondary", children: "Supported parameters" }),
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Box, { sx: { mt: 0.5, display: "flex", flexWrap: "wrap", gap: 1 }, children: tool.supportedParameters.map((p) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Chip, { size: "small", label: p }, p)) })
         ] })
       ] }, tool.id);
     }) })
@@ -40085,19 +41657,28 @@ init_banditTheme();
 init_themeMap();
 init_util();
 init_brandingService();
+init_authenticationService();
 init_debugLogger();
 init_packageSettingsStore();
 init_preferencesStore();
 init_aiProviderStore();
+init_authenticationStore();
 init_useNotificationService();
 init_useFeatures();
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 var preloadChatPage = () => Promise.resolve().then(() => (init_chat2(), chat_exports));
+var buildCapabilitiesUrl = (gatewayApiUrl) => {
+  const trimmed = gatewayApiUrl.replace(/\/$/, "");
+  if (trimmed.endsWith("/api")) {
+    return `${trimmed}/capabilities`;
+  }
+  return `${trimmed}/api/capabilities`;
+};
 var Management = () => {
   const navigate = (0, import_react_router_dom5.useNavigate)();
   const notificationService2 = useNotificationService();
   const isMobile = (0, import_useMediaQuery2.default)("(max-width:900px)");
-  const [sidebarOpen, setSidebarOpen] = (0, import_react55.useState)(false);
+  const [sidebarOpen, setSidebarOpen] = (0, import_react57.useState)(false);
   const getOptimalFabLogo = async () => {
     const banditHead7 = "https://cdn.burtson.ai/images/bandit-head.png";
     try {
@@ -40137,16 +41718,16 @@ var Management = () => {
     hasTransparentLogo,
     setHasTransparentLogo
   } = useModelStore();
-  const [modalOpen, setModalOpen] = (0, import_react55.useState)(false);
+  const [modalOpen, setModalOpen] = (0, import_react57.useState)(false);
   const banditHead6 = "https://cdn.burtson.ai/images/bandit-head.png";
-  const [fabLogo, setFabLogo] = (0, import_react55.useState)(banditHead6);
-  const [tabIndex, setTabIndex] = (0, import_react55.useState)(0);
-  const [logoFile, setLogoFile] = (0, import_react55.useState)(null);
-  const [logoBase64, setLogoBase64] = (0, import_react55.useState)(null);
-  const [brandingText, setBrandingText] = (0, import_react55.useState)("");
-  const [theme, setTheme] = (0, import_react55.useState)("bandit-dark");
-  const [customAvatarBase64, setCustomAvatarBase64] = (0, import_react55.useState)(null);
-  const [presetAvatar, setPresetAvatar] = (0, import_react55.useState)(null);
+  const [fabLogo, setFabLogo] = (0, import_react57.useState)(banditHead6);
+  const [tabIndex, setTabIndex] = (0, import_react57.useState)(0);
+  const [logoFile, setLogoFile] = (0, import_react57.useState)(null);
+  const [logoBase64, setLogoBase64] = (0, import_react57.useState)(null);
+  const [brandingText, setBrandingText] = (0, import_react57.useState)("");
+  const [theme, setTheme] = (0, import_react57.useState)("bandit-dark");
+  const [customAvatarBase64, setCustomAvatarBase64] = (0, import_react57.useState)(null);
+  const [presetAvatar, setPresetAvatar] = (0, import_react57.useState)(null);
   const showSnackbarMessage = (message, severity = "success") => {
     if (severity === "success") {
       notificationService2?.showSuccess(message);
@@ -40154,16 +41735,18 @@ var Management = () => {
       notificationService2?.showError(message);
     }
   };
-  const [restoreDialogOpen, setRestoreDialogOpen] = (0, import_react55.useState)(false);
-  const [brandingLoaded, setBrandingLoaded] = (0, import_react55.useState)(false);
-  const [isLoadingBranding, setIsLoadingBranding] = (0, import_react55.useState)(false);
+  const [restoreDialogOpen, setRestoreDialogOpen] = (0, import_react57.useState)(false);
+  const [brandingLoaded, setBrandingLoaded] = (0, import_react57.useState)(false);
+  const [isLoadingBranding, setIsLoadingBranding] = (0, import_react57.useState)(false);
   const { initModels } = useModelStore();
   const { settings: packageSettings } = usePackageSettingsStore();
+  const authToken = useAuthenticationStore((state) => state.token);
   const { preferences, updatePreference } = usePreferencesStore();
   const { hasAdminDashboard, hasLimitedAdminDashboard, getCurrentTier, hasAdvancedSearch } = useFeatures();
   const { showAdminPanel, showLimitedAdminPanel } = useFeatureVisibility();
   const { provider: currentProvider, config: currentProviderConfig } = useAIProviderStore();
-  const [localSelectedModel, setLocalSelectedModel] = (0, import_react55.useState)({
+  const [seedPacksEnabled, setSeedPacksEnabled] = (0, import_react57.useState)(false);
+  const [localSelectedModel, setLocalSelectedModel] = (0, import_react57.useState)({
     name: "",
     tagline: "",
     systemPrompt: "",
@@ -40176,7 +41759,7 @@ var Management = () => {
     loadDocuments,
     clearAllDocuments
   } = useKnowledgeStore2();
-  (0, import_react55.useEffect)(() => {
+  (0, import_react57.useEffect)(() => {
     if (selectedModel) {
       const selected = availableModels.find((m) => m.name === selectedModel);
       if (selected) {
@@ -40200,7 +41783,7 @@ var Management = () => {
       }
     }
   }, [selectedModel, availableModels]);
-  const loadBrandingConfig = (0, import_react55.useCallback)(async () => {
+  const loadBrandingConfig = (0, import_react57.useCallback)(async () => {
     if (isLoadingBranding || brandingLoaded) {
       debugLogger.warn("Branding loading already in progress or completed, skipping");
       return;
@@ -40315,15 +41898,15 @@ var Management = () => {
     setTagline,
     setTheme
   ]);
-  (0, import_react55.useEffect)(() => {
+  (0, import_react57.useEffect)(() => {
     void loadBrandingConfig();
   }, [loadBrandingConfig]);
   const handleOpenModal = () => setModalOpen(true);
   const handleCloseModal = () => setModalOpen(false);
-  (0, import_react55.useEffect)(() => {
+  (0, import_react57.useEffect)(() => {
     getOptimalFabLogo().then(setFabLogo);
   }, []);
-  (0, import_react55.useEffect)(() => {
+  (0, import_react57.useEffect)(() => {
     if (logoBase64) {
       setFabLogo(logoBase64);
     } else {
@@ -40378,6 +41961,7 @@ var Management = () => {
           name: modelToSave.name,
           tagline: modelToSave.tagline,
           systemPrompt: modelToSave.systemPrompt,
+          avatarBase64: modelToSave.avatarBase64 || void 0,
           selectedModel: modelToSave.name
         }
       };
@@ -40430,6 +42014,19 @@ var Management = () => {
     try {
       const storeConfigs6 = [{ 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,
@@ -40445,7 +42042,7 @@ var Management = () => {
           logoBase64,
           brandingText,
           theme,
-          hasTransparentLogo,
+          hasTransparentLogo: finalHasTransparentLogo,
           userSaved: true
           // Mark as user-saved to protect from CDN overrides
         }
@@ -40484,9 +42081,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 });
         }
@@ -40699,7 +42298,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,
@@ -40707,7 +42307,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, storeConfigs6);
             }
@@ -40752,7 +42353,7 @@ var Management = () => {
       reader.readAsText(file);
     }
   };
-  (0, import_react55.useEffect)(() => {
+  (0, import_react57.useEffect)(() => {
     if (localSelectedModel.selectedModel && !availableModels.some((m) => m.name === localSelectedModel.selectedModel)) {
       setLocalSelectedModel((prev) => ({
         ...prev,
@@ -40760,51 +42361,120 @@ var Management = () => {
       }));
     }
   }, [availableModels, localSelectedModel.selectedModel]);
-  (0, import_react55.useEffect)(() => {
+  (0, import_react57.useEffect)(() => {
     loadDocuments();
   }, [loadDocuments]);
-  const currentTheme = predefinedThemes[theme] || banditDarkTheme;
+  (0, import_react57.useEffect)(() => {
+    const gatewayApiUrl = packageSettings?.gatewayApiUrl;
+    if (!gatewayApiUrl || gatewayApiUrl.toLowerCase().startsWith("playground://")) {
+      setSeedPacksEnabled(false);
+      return;
+    }
+    let isActive = true;
+    const loadCapabilities = async () => {
+      try {
+        const token = authToken ?? authenticationService.getToken();
+        const headers = {
+          "Content-Type": "application/json"
+        };
+        if (token) {
+          headers.Authorization = `Bearer ${token}`;
+        }
+        const response = await fetch(buildCapabilitiesUrl(gatewayApiUrl), {
+          method: "GET",
+          headers
+        });
+        if (!response.ok) {
+          throw new Error(`Capabilities request failed: ${response.status}`);
+        }
+        const payload = await response.json();
+        if (!isActive) {
+          return;
+        }
+        setSeedPacksEnabled(Boolean(payload?.seedPacksEnabled));
+      } catch (error) {
+        if (!isActive) {
+          return;
+        }
+        setSeedPacksEnabled(false);
+        debugLogger.warn("Management: failed to load capabilities", {
+          error: error instanceof Error ? error.message : String(error)
+        });
+      }
+    };
+    loadCapabilities();
+    return () => {
+      isActive = false;
+    };
+  }, [packageSettings?.gatewayApiUrl, authToken]);
+  const currentTheme = (0, import_react57.useMemo)(() => {
+    const baseTheme = predefinedThemes[theme] || banditDarkTheme;
+    return (0, import_styles31.createTheme)(baseTheme, {
+      components: {
+        MuiInputBase: {
+          styleOverrides: {
+            input: {
+              outline: "none",
+              boxShadow: "none",
+              "&:focus, &:focus-visible": {
+                outline: "none",
+                boxShadow: "none"
+              }
+            },
+            inputMultiline: {
+              outline: "none",
+              boxShadow: "none",
+              "&:focus, &:focus-visible": {
+                outline: "none",
+                boxShadow: "none"
+              }
+            }
+          }
+        }
+      }
+    });
+  }, [theme]);
   if (!brandingLoaded) return null;
   const allNavTabs = [
     {
       label: "Personalities",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_FaceRetouchingNatural.default, {}),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_FaceRetouchingNatural.default, {}),
       requiresFeature: "limitedAdminDashboard"
       // Available to premium+
     },
     {
       label: "Branding",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_Brush.default, {}),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_Brush.default, {}),
       requiresFeature: "limitedAdminDashboard"
       // Available to premium+
     },
     {
       label: "Knowledge",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_MenuBook.default, {}),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_MenuBook.default, {}),
       requiresFeature: "limitedAdminDashboard"
       // Available to premium+
     },
     {
       label: "Storage",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_Storage2.default, {}),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_Storage2.default, {}),
       requiresFeature: "limitedAdminDashboard"
       // Available to premium+ (changed from adminDashboardEnabled)
     },
     {
       label: "Preferences",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_Tune.default, {}),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_Tune.default, {}),
       requiresFeature: "limitedAdminDashboard"
       // Available to premium+
     },
     {
       label: "Provider",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_Cloud2.default, {}),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_Cloud2.default, {}),
       requiresFeature: "advancedSearch"
       // Pro/Team users with advanced features
     },
     {
       label: "MCP Tools",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_Build.default, {}),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_Build.default, {}),
       requiresFeature: "advancedSearch"
       // Pro/Team users with advanced features
     }
@@ -40821,8 +42491,8 @@ var Management = () => {
     }
     return true;
   });
-  const navigationContent = /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
-    import_material45.Box,
+  const navigationContent = /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+    import_material47.Box,
     {
       sx: {
         display: "flex",
@@ -40832,29 +42502,29 @@ var Management = () => {
         bgcolor: "inherit"
       },
       children: [
-        isMobile && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-          import_material45.Box,
+        isMobile && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          import_material47.Box,
           {
             sx: {
               height: 6,
               width: 56,
               borderRadius: 999,
-              bgcolor: (theme2) => (0, import_styles30.alpha)(theme2.palette.text.primary, 0.18),
+              bgcolor: (theme2) => (0, import_styles31.alpha)(theme2.palette.text.primary, 0.18),
               alignSelf: "center",
               mt: 1.25,
               mb: 0.75
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.Box, { sx: { p: isMobile ? 2.5 : 3, pb: isMobile ? 1.5 : 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-          import_material45.Button,
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material47.Box, { sx: { p: isMobile ? 2.5 : 3, pb: isMobile ? 1.5 : 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          import_material47.Button,
           {
             onClick: () => {
               if (isMobile) setSidebarOpen(false);
               navigate("/chat");
             },
             onMouseEnter: preloadChatPage,
-            startIcon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_ChevronLeft.default, { sx: { fontSize: 20 } }),
+            startIcon: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_ChevronLeft.default, { sx: { fontSize: 20 } }),
             fullWidth: true,
             variant: "outlined",
             sx: {
@@ -40881,9 +42551,9 @@ var Management = () => {
             children: "Back to Chat"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.Divider, { sx: { mx: isMobile ? 2 : 3, mb: 2, opacity: 0.6 } }),
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.Box, { sx: { flex: 1, px: isMobile ? 1.5 : 2, pb: 3, overflowY: "auto" }, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.List, { sx: { px: 0, py: 0 }, children: navTabs.map((tab, idx) => /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
-          import_material45.ListItemButton,
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material47.Divider, { sx: { mx: isMobile ? 2 : 3, mb: 2, opacity: 0.6 } }),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material47.Box, { sx: { flex: 1, px: isMobile ? 1.5 : 2, pb: 3, overflowY: "auto" }, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material47.List, { sx: { px: 0, py: 0 }, children: navTabs.map((tab, idx) => /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+          import_material47.ListItemButton,
           {
             selected: tabIndex === idx,
             onClick: () => {
@@ -40932,8 +42602,8 @@ var Management = () => {
               }
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-                import_material45.ListItemIcon,
+              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                import_material47.ListItemIcon,
                 {
                   sx: {
                     color: tabIndex === idx ? "primary.main" : "text.secondary",
@@ -40943,8 +42613,8 @@ var Management = () => {
                   children: tab.icon
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-                import_material45.ListItemText,
+              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                import_material47.ListItemText,
                 {
                   primary: tab.label,
                   primaryTypographyProps: {
@@ -40954,8 +42624,8 @@ var Management = () => {
                   }
                 }
               ),
-              tabIndex === idx && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-                import_material45.Box,
+              tabIndex === idx && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                import_material47.Box,
                 {
                   sx: {
                     position: "absolute",
@@ -40977,10 +42647,10 @@ var Management = () => {
       ]
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_material45.ThemeProvider, { theme: currentTheme, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.CssBaseline, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
-      import_material45.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_material47.ThemeProvider, { theme: currentTheme, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material47.CssBaseline, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+      import_material47.Box,
       {
         display: "flex",
         height: "100vh",
@@ -40992,8 +42662,8 @@ var Management = () => {
           position: "relative"
         },
         children: [
-          isMobile && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
-            import_material45.Box,
+          isMobile && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+            import_material47.Box,
             {
               sx: {
                 width: "100%",
@@ -41012,8 +42682,8 @@ var Management = () => {
                 boxShadow: "0 2px 8px rgba(0,0,0,0.1)"
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-                  import_material45.Button,
+                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                  import_material47.Button,
                   {
                     onClick: () => setSidebarOpen((o) => !o),
                     sx: {
@@ -41034,7 +42704,7 @@ var Management = () => {
                         transform: sidebarOpen ? "rotate(90deg) scale(0.95)" : "scale(0.95)"
                       }
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
                       "path",
                       {
                         d: sidebarOpen ? "M18 6L6 18M6 6L18 18" : "M3 12H21M3 6H21M3 18H21",
@@ -41046,8 +42716,8 @@ var Management = () => {
                     ) })
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-                  import_material45.Typography,
+                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                  import_material47.Typography,
                   {
                     variant: "h6",
                     sx: {
@@ -41059,14 +42729,14 @@ var Management = () => {
                     children: "Management"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.Box, { sx: {
+                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material47.Box, { sx: {
                   px: 2,
                   py: 0.5,
                   borderRadius: 2,
                   bgcolor: (theme2) => theme2.palette.mode === "dark" ? "rgba(25,118,210,0.12)" : "rgba(25,118,210,0.08)",
                   border: (theme2) => `1px solid ${theme2.palette.primary.main}20`
-                }, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-                  import_material45.Typography,
+                }, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                  import_material47.Typography,
                   {
                     variant: "caption",
                     sx: {
@@ -41080,8 +42750,8 @@ var Management = () => {
               ]
             }
           ),
-          isMobile ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-            import_material45.SwipeableDrawer,
+          isMobile ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+            import_material47.SwipeableDrawer,
             {
               anchor: "bottom",
               open: sidebarOpen,
@@ -41101,8 +42771,8 @@ var Management = () => {
               },
               children: navigationContent
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-            import_material45.Box,
+          ) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+            import_material47.Box,
             {
               sx: {
                 width: 280,
@@ -41125,8 +42795,8 @@ var Management = () => {
               children: navigationContent
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
-            import_material45.Box,
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+            import_material47.Box,
             {
               sx: {
                 flex: 1,
@@ -41154,7 +42824,7 @@ var Management = () => {
                 // IE and Edge
               },
               children: [
-                navTabs[tabIndex]?.label === "Personalities" && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                navTabs[tabIndex]?.label === "Personalities" && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
                   PersonalitiesTab_default,
                   {
                     availableModels,
@@ -41173,7 +42843,7 @@ var Management = () => {
                     showSnackbar: showSnackbarMessage
                   }
                 ),
-                navTabs[tabIndex]?.label === "Branding" && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                navTabs[tabIndex]?.label === "Branding" && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
                   BrandingTab_default,
                   {
                     logoFile,
@@ -41192,8 +42862,8 @@ var Management = () => {
                     setLogoBase64
                   }
                 ),
-                navTabs[tabIndex]?.label === "Knowledge" && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-                  KnowledgeTab_default,
+                navTabs[tabIndex]?.label === "Knowledge" && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                  KnowledgeHubTab_default,
                   {
                     documents,
                     addDocuments,
@@ -41201,11 +42871,12 @@ var Management = () => {
                     loadDocuments,
                     clearAllDocuments,
                     currentTheme,
-                    isLimitedAdmin: hasLimitedAdminDashboard() && !hasAdminDashboard()
+                    isLimitedAdmin: hasLimitedAdminDashboard() && !hasAdminDashboard(),
+                    seedPacksEnabled
                   }
                 ),
-                navTabs[tabIndex]?.label === "Storage" && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(StorageTab_default, { currentTheme }),
-                navTabs[tabIndex]?.label === "Preferences" && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                navTabs[tabIndex]?.label === "Storage" && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(StorageTab_default, { currentTheme }),
+                navTabs[tabIndex]?.label === "Preferences" && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
                   PreferencesTab_default,
                   {
                     preferences,
@@ -41215,13 +42886,13 @@ var Management = () => {
                     showSnackbar: showSnackbarMessage
                   }
                 ),
-                navTabs[tabIndex]?.label === "Provider" && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(ProviderTab, {}),
-                navTabs[tabIndex]?.label === "MCP Tools" && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(MCPToolsTabV2_default, {})
+                navTabs[tabIndex]?.label === "Provider" && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(ProviderTab, {}),
+                navTabs[tabIndex]?.label === "MCP Tools" && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(MCPToolsTabV2_default, {})
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-            import_material45.Fab,
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+            import_material47.Fab,
             {
               "aria-label": "AI",
               onClick: handleOpenModal,
@@ -41242,7 +42913,7 @@ var Management = () => {
                 boxShadow: theme2.shadows[6],
                 zIndex: 2e3
               }),
-              children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
                 "img",
                 {
                   src: fabLogo,
@@ -41256,7 +42927,7 @@ var Management = () => {
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(chat_modal_default, { open: modalOpen, onClose: handleCloseModal })
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(chat_modal_default, { open: modalOpen, onClose: handleCloseModal })
         ]
       }
     )
@@ -41265,7 +42936,7 @@ var Management = () => {
 var management_default = Management;
 
 // src/shared/custom-element.ts
-var import_react56 = __toESM(require("react"));
+var import_react58 = __toESM(require("react"));
 var import_client = __toESM(require("react-dom/client"));
 function defineCustomElement(name, Component) {
   if (customElements.get(name)) return;
@@ -41293,7 +42964,7 @@ function defineCustomElement(name, Component) {
       if (!this.root) {
         this.root = import_client.default.createRoot(this.mountPoint);
       }
-      this.root.render(import_react56.default.createElement(Component, props));
+      this.root.render(import_react58.default.createElement(Component, props));
     }
   }
   customElements.define(name, ReactElement);
@@ -41502,7 +43173,7 @@ var getFeatureMatrix = () => featureFlagService.generateFeatureMatrix();
 init_featureFlags();
 
 // src/hooks/useVoices.ts
-var import_react57 = require("react");
+var import_react59 = require("react");
 init_voiceStore();
 init_packageSettingsStore();
 init_authenticationStore();
@@ -41522,7 +43193,7 @@ var useVoices = () => {
   } = useVoiceStore();
   const gatewayApiUrl = usePackageSettingsStore((state) => state.settings?.gatewayApiUrl);
   const { token } = useAuthenticationStore();
-  (0, import_react57.useEffect)(() => {
+  (0, import_react59.useEffect)(() => {
     const isAuthenticated = authenticationService.isAuthenticated();
     if (gatewayApiUrl && token && isAuthenticated && !isServiceAvailable) {
       debugLogger.debug("Gateway API URL and JWT token available, loading voice models...");
@@ -41557,9 +43228,9 @@ init_useTTS();
 init_streaming_tts();
 
 // src/modals/SubscriptionExpiredModal.tsx
-var import_material46 = require("@mui/material");
+var import_material48 = require("@mui/material");
 var import_icons_material13 = require("@mui/icons-material");
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 var SubscriptionExpiredModal = ({
   open,
   onNavigateHome,
@@ -41581,8 +43252,8 @@ var SubscriptionExpiredModal = ({
       window.location.href = "/manage-subscription";
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
-    import_material46.Dialog,
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+    import_material48.Dialog,
     {
       open,
       onClose,
@@ -41596,47 +43267,47 @@ var SubscriptionExpiredModal = ({
         }
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.DialogTitle, { sx: { textAlign: "center", pb: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_material46.Box, { sx: { display: "flex", alignItems: "center", justifyContent: "center", gap: 1, mb: 1 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_icons_material13.Warning, { color: "warning", sx: { fontSize: 32 } }),
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Typography, { variant: "h5", component: "span", fontWeight: "bold", children: "Subscription Expired" })
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_material48.DialogTitle, { sx: { textAlign: "center", pb: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_material48.Box, { sx: { display: "flex", alignItems: "center", justifyContent: "center", gap: 1, mb: 1 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_icons_material13.Warning, { color: "warning", sx: { fontSize: 32 } }),
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_material48.Typography, { variant: "h5", component: "span", fontWeight: "bold", children: "Subscription Expired" })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.DialogContent, { sx: { pt: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_material46.Stack, { spacing: 2, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Alert, { severity: "warning", sx: { mb: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Typography, { variant: "body2", children: "Your subscription has expired and access to features has been restricted." }) }),
-          userEmail && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_material46.Typography, { variant: "body2", color: "text.secondary", sx: { textAlign: "center" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_material48.DialogContent, { sx: { pt: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_material48.Stack, { spacing: 2, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_material48.Alert, { severity: "warning", sx: { mb: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_material48.Typography, { variant: "body2", children: "Your subscription has expired and access to features has been restricted." }) }),
+          userEmail && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_material48.Typography, { variant: "body2", color: "text.secondary", sx: { textAlign: "center" }, children: [
             "Account: ",
-            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("strong", { children: userEmail })
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("strong", { children: userEmail })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Typography, { variant: "body1", sx: { textAlign: "center", color: "text.secondary" }, children: "To continue using all features, please renew your subscription or return to the main application." }),
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Box, { sx: {
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_material48.Typography, { variant: "body1", sx: { textAlign: "center", color: "text.secondary" }, children: "To continue using all features, please renew your subscription or return to the main application." }),
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_material48.Box, { sx: {
             bgcolor: "background.paper",
             border: 1,
             borderColor: "divider",
             borderRadius: 1,
             p: 2,
             mt: 2
-          }, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_material46.Typography, { variant: "caption", color: "text.secondary", sx: { fontStyle: "italic" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("strong", { children: "What's affected:" }),
+          }, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_material48.Typography, { variant: "caption", color: "text.secondary", sx: { fontStyle: "italic" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("strong", { children: "What's affected:" }),
             " All premium features including document upload, voice controls, advanced search, and admin dashboard access have been disabled until your subscription is renewed."
           ] }) })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_material46.DialogActions, { sx: { px: 3, pb: 3, gap: 1, justifyContent: "center" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-            import_material46.Button,
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_material48.DialogActions, { sx: { px: 3, pb: 3, gap: 1, justifyContent: "center" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+            import_material48.Button,
             {
               onClick: handleNavigateHome,
               variant: "outlined",
-              startIcon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_icons_material13.Home, {}),
+              startIcon: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_icons_material13.Home, {}),
               size: "large",
               sx: { minWidth: 140 },
               children: "Go Home"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-            import_material46.Button,
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+            import_material48.Button,
             {
               onClick: handleManageSubscription,
               variant: "contained",
-              startIcon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_icons_material13.CreditCard, {}),
+              startIcon: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_icons_material13.CreditCard, {}),
               size: "large",
               color: "primary",
               sx: { minWidth: 140 },
@@ -41650,9 +43321,9 @@ var SubscriptionExpiredModal = ({
 };
 
 // src/guards/SubscriptionExpiredGuard.tsx
-var import_react58 = require("react");
+var import_react60 = require("react");
 init_useFeatures();
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 var SubscriptionExpiredGuard = ({
   children,
   onNavigateHome,
@@ -41661,9 +43332,9 @@ var SubscriptionExpiredGuard = ({
   allowContinue = false
 }) => {
   const { isExpiredTier, getFullEvaluation } = useFeatures();
-  const [showModal, setShowModal] = (0, import_react58.useState)(false);
-  const [userDismissed, setUserDismissed] = (0, import_react58.useState)(false);
-  (0, import_react58.useEffect)(() => {
+  const [showModal, setShowModal] = (0, import_react60.useState)(false);
+  const [userDismissed, setUserDismissed] = (0, import_react60.useState)(false);
+  (0, import_react60.useEffect)(() => {
     if (isExpiredTier() && !userDismissed) {
       setShowModal(true);
     } else {
@@ -41689,9 +43360,9 @@ var SubscriptionExpiredGuard = ({
     }
     return void 0;
   })() : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_jsx_runtime47.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, { children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
       SubscriptionExpiredModal,
       {
         open: showModal,
@@ -41718,8 +43389,8 @@ init_useNotificationService();
 // src/services/http/httpErrorHandler.ts
 init_notificationService();
 init_debugLogger();
-var isRecord5 = (value) => typeof value === "object" && value !== null;
-var isHttpErrorLike = (error) => isRecord5(error);
+var isRecord6 = (value) => typeof value === "object" && value !== null;
+var isHttpErrorLike = (error) => isRecord6(error);
 var extractString = (record, key) => {
   const value = record[key];
   return typeof value === "string" ? value : void 0;
@@ -41734,7 +43405,7 @@ var normalizeMessages = (value) => {
   if (Array.isArray(value)) {
     return value.flatMap(normalizeMessages);
   }
-  if (isRecord5(value) && typeof value.message === "string") {
+  if (isRecord6(value) && typeof value.message === "string") {
     return [value.message];
   }
   return [];
@@ -41744,7 +43415,7 @@ var handleHttpError = (error, context) => {
   if (isHttpErrorLike(error) && error.response) {
     const status = error.response.status;
     const data = error.response.data;
-    const dataRecord = isRecord5(data) ? data : {};
+    const dataRecord = isRecord6(data) ? data : {};
     const errorMessage = extractString(dataRecord, "message") || extractString(dataRecord, "error") || extractString(dataRecord, "detail");
     const errorCode = extractString(dataRecord, "code") || extractString(dataRecord, "error_code");
     debugLogger.error(`${contextPrefix}HTTP Error ${status}:`, {
@@ -41792,7 +43463,7 @@ var handleValidationError = (errors, context) => {
       notificationService.handleValidationError(messages, `${contextPrefix}Please check your input`);
       return;
     }
-  } else if (isRecord5(errors)) {
+  } else if (isRecord6(errors)) {
     const collected = [];
     Object.values(errors).forEach((value) => {
       collected.push(...normalizeMessages(value));