@burtson-labs/bandit-engine 2.0.42 → 2.0.49

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,
@@ -22290,6 +22343,24 @@ var init_project_header = __esm({
   }
 });
 
+// src/config/tooltips.ts
+var TOOLTIP_COPY, tooltip;
+var init_tooltips = __esm({
+  "src/config/tooltips.ts"() {
+    "use strict";
+    TOOLTIP_COPY = {
+      openNavigation: "Open navigation",
+      closeNavigation: "Close navigation",
+      manageProjects: "Manage projects",
+      conversationOptions: "Open conversation options",
+      closeConversationsPanel: "Close conversations panel",
+      clearSearch: "Clear search",
+      addProject: "Add new project"
+    };
+    tooltip = (key) => TOOLTIP_COPY[key];
+  }
+});
+
 // src/chat/conversation-drawer.tsx
 var import_react28, import_material19, import_icons_material7, import_icons_material8, import_styles13, import_jsx_runtime21, BANDIT_AVATAR, coerceOptionalString, deriveInitials, ConversationDrawer, conversation_drawer_default;
 var init_conversation_drawer = __esm({
@@ -22309,6 +22380,7 @@ var init_conversation_drawer = __esm({
     init_simple_conversation_item();
     init_project_header();
     init_debugLogger();
+    init_tooltips();
     import_jsx_runtime21 = require("react/jsx-runtime");
     BANDIT_AVATAR = "https://cdn.burtson.ai/images/bandit-head.png";
     coerceOptionalString = (value) => {
@@ -22585,11 +22657,12 @@ var init_conversation_drawer = __esm({
                     gap: 1
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material19.Tooltip, { title: tooltip("manageProjects"), arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                       import_material19.IconButton,
                       {
                         onClick: () => setProjectManagementOpen(true),
                         size: "small",
+                        "aria-label": tooltip("manageProjects"),
                         sx: {
                           color: theme.palette.text.secondary,
                           "&:hover": {
@@ -22599,12 +22672,13 @@ var init_conversation_drawer = __esm({
                         },
                         children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_icons_material7.Folder, {})
                       }
-                    ),
-                    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                    ) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material19.Tooltip, { title: tooltip("conversationOptions"), arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                       import_material19.IconButton,
                       {
                         onClick: handleMenuOpen,
                         size: "small",
+                        "aria-label": tooltip("conversationOptions"),
                         sx: {
                           color: theme.palette.text.secondary,
                           "&:hover": {
@@ -22614,8 +22688,8 @@ var init_conversation_drawer = __esm({
                         },
                         children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_icons_material7.MoreVert, {})
                       }
-                    ),
-                    isMobile && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                    ) }),
+                    isMobile && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material19.Tooltip, { title: tooltip("closeConversationsPanel"), children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                       import_material19.IconButton,
                       {
                         onClick: (e) => {
@@ -22624,6 +22698,7 @@ var init_conversation_drawer = __esm({
                           onClose();
                         },
                         size: "small",
+                        "aria-label": tooltip("closeConversationsPanel"),
                         sx: {
                           color: theme.palette.text.secondary,
                           "&:hover": {
@@ -22633,7 +22708,7 @@ var init_conversation_drawer = __esm({
                         },
                         children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_icons_material7.Close, {})
                       }
-                    )
+                    ) })
                   ]
                 }
               ),
@@ -22648,16 +22723,17 @@ var init_conversation_drawer = __esm({
                   variant: "outlined",
                   InputProps: {
                     startAdornment: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material19.InputAdornment, { position: "start", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_icons_material7.Search, { fontSize: "small", sx: { color: theme.palette.text.secondary } }) }),
-                    endAdornment: searchQuery && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material19.InputAdornment, { position: "end", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                    endAdornment: searchQuery && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material19.InputAdornment, { position: "end", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material19.Tooltip, { title: tooltip("clearSearch"), children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                       import_material19.IconButton,
                       {
                         onClick: handleSearchClear,
                         size: "small",
                         edge: "end",
+                        "aria-label": tooltip("clearSearch"),
                         sx: { color: theme.palette.text.secondary },
                         children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_icons_material7.Clear, { fontSize: "small" })
                       }
-                    ) })
+                    ) }) })
                   },
                   sx: {
                     "& .MuiOutlinedInput-root": {
@@ -22732,7 +22808,15 @@ var init_conversation_drawer = __esm({
                           children: "New Project"
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material19.IconButton, { size: "small", sx: { color: theme.palette.success.main }, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_icons_material8.Add, { fontSize: "small" }) })
+                      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material19.Tooltip, { title: tooltip("addProject"), arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                        import_material19.IconButton,
+                        {
+                          size: "small",
+                          "aria-label": tooltip("addProject"),
+                          sx: { color: theme.palette.success.main },
+                          children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_icons_material8.Add, { fontSize: "small" })
+                        }
+                      ) })
                     ]
                   }
                 ),
@@ -24171,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") {
@@ -24236,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,
@@ -24520,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 || {},
@@ -24714,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 || {},
@@ -34645,7 +34750,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"
         );
       }
@@ -34930,8 +35035,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" } }
         }
@@ -35501,6 +35606,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);
@@ -36541,30 +36647,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,
@@ -37153,16 +37258,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 {
@@ -37236,7 +37341,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);
@@ -37297,7 +37402,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);
@@ -37475,7 +37580,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 }
@@ -37492,7 +37597,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",
                     "."
                   ]
                 }
@@ -37828,7 +37933,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 ",
@@ -37837,7 +37942,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,
@@ -40347,6 +40452,7 @@ var Management = () => {
           name: modelToSave.name,
           tagline: modelToSave.tagline,
           systemPrompt: modelToSave.systemPrompt,
+          avatarBase64: modelToSave.avatarBase64 || void 0,
           selectedModel: modelToSave.name
         }
       };
@@ -40399,6 +40505,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,
@@ -40414,7 +40533,7 @@ var Management = () => {
           logoBase64,
           brandingText,
           theme,
-          hasTransparentLogo,
+          hasTransparentLogo: finalHasTransparentLogo,
           userSaved: true
           // Mark as user-saved to protect from CDN overrides
         }
@@ -40453,9 +40572,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 });
         }
@@ -40668,7 +40789,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,
@@ -40676,7 +40798,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);
             }