@burtson-labs/bandit-engine 2.0.22 → 2.0.24

package/dist/index.js

@@ -17381,6 +17381,8 @@ var init_chat_input = __esm({
       const isMemoryEnabled = preferences.memoryEnabled && showMemoryToggle();
       const isDocumentUploadEnabled = showDocumentUpload();
       const isFeedbackEnabled = preferences.feedbackEnabled;
+      const gatewayUrlLower = packageSettings?.gatewayApiUrl?.toLowerCase?.() ?? "";
+      const isPlaygroundMode3 = packageSettings?.playgroundMode === true || gatewayUrlLower.startsWith("playground://") || typeof window !== "undefined" && window.location.pathname.includes("/playground");
       (0, import_react19.useEffect)(() => {
         const lockViewportHeight = () => {
           if (isMobile) {
@@ -17534,7 +17536,7 @@ ${sanitize(escapePromptInjection(value), file.name)}`;
                       const page = await pdf.getPage(i + 1);
                       const content = await page.getTextContent();
                       return content.items.map((item) => {
-                        if (typeof item.str === "string") {
+                        if (item && typeof item === "object" && "str" in item && typeof item.str === "string") {
                           return item.str;
                         }
                         return "";
@@ -17594,7 +17596,7 @@ ${sanitize(
         inputRef.current?.focus();
       };
       const memory = localStorage.getItem("bandit-memory");
-      const hasAttachmentAction = fileInputs.length < 3 && isDocumentUploadEnabled;
+      const hasAttachmentAction = !isPlaygroundMode3 && fileInputs.length < 3 && isDocumentUploadEnabled;
       const hasMemoryAction = isMemoryEnabled;
       const hasFeedbackAction = isFeedbackEnabled && isMobile;
       const hasSttAction = isSTTAvailable && !isVoiceModeEnabled;
@@ -22210,6 +22212,7 @@ var init_conversation_drawer = __esm({
                     display: "flex",
                     alignItems: "center",
                     gap: 1.5,
+                    justifyContent: "center",
                     bgcolor: (0, import_material19.alpha)(theme.palette.background.default, isMobile ? 0.9 : 0.6)
                   },
                   children: [
@@ -22228,33 +22231,39 @@ var init_conversation_drawer = __esm({
                         children: avatarInitials
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material19.Box, { sx: { minWidth: 0, flex: 1 }, children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-                        import_material19.Typography,
-                        {
-                          variant: "subtitle2",
-                          noWrap: true,
-                          sx: { fontWeight: 600, color: theme.palette.text.primary },
-                          children: user2 ? userDisplayName : "Not signed in"
-                        }
-                      ),
-                      user2 ? userSecondaryText ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-                        import_material19.Typography,
-                        {
-                          variant: "caption",
-                          noWrap: true,
-                          sx: { color: theme.palette.text.secondary },
-                          children: userSecondaryText
-                        }
-                      ) : null : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-                        import_material19.Typography,
-                        {
-                          variant: "caption",
-                          sx: { color: theme.palette.text.secondary },
-                          children: "Connect your account to sync chats"
-                        }
-                      )
-                    ] })
+                    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+                      import_material19.Box,
+                      {
+                        sx: {
+                          minWidth: 0,
+                          flex: 1,
+                          display: "flex",
+                          flexDirection: "column",
+                          alignItems: isMobile ? "center" : "flex-start",
+                          textAlign: isMobile ? "center" : "left",
+                          gap: 0.25
+                        },
+                        children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                            import_material19.Typography,
+                            {
+                              variant: "subtitle2",
+                              noWrap: true,
+                              sx: { fontWeight: 600, color: theme.palette.text.primary },
+                              children: user2 ? userDisplayName : "Not signed in"
+                            }
+                          ),
+                          !user2 && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                            import_material19.Typography,
+                            {
+                              variant: "caption",
+                              sx: { color: theme.palette.text.secondary },
+                              children: "Connect your account to sync chats"
+                            }
+                          )
+                        ]
+                      }
+                    )
                   ]
                 }
               )
@@ -23150,7 +23159,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
                             children: avatarInitials
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material20.Box, { sx: { display: "flex", alignItems: "center", gap: 1, minWidth: 0, flexWrap: "wrap", justifyContent: "center" }, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material20.Box, { sx: { display: "flex", flexDirection: "column", alignItems: "center", gap: 0.5, minWidth: 0 }, children: [
                           /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
                             import_material20.Typography,
                             {
@@ -23160,24 +23169,13 @@ var init_enhanced_mobile_conversations_modal = __esm({
                               children: user2 ? userDisplayName : "Not signed in"
                             }
                           ),
-                          user2 ? userSecondaryText ? /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
-                            import_material20.Typography,
-                            {
-                              variant: "caption",
-                              noWrap: true,
-                              sx: { color: theme.palette.text.secondary },
-                              children: [
-                                "\u2022 ",
-                                userSecondaryText
-                              ]
-                            }
-                          ) : null : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                          !user2 && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
                             import_material20.Typography,
                             {
                               variant: "caption",
                               sx: { color: theme.palette.text.secondary },
                               noWrap: true,
-                              children: "\u2022 Connect your account to sync chats"
+                              children: "Connect your account to sync chats"
                             }
                           )
                         ] })
@@ -23363,7 +23361,8 @@ var init_chat_app_bar = __esm({
         pendingCount,
         warningConversations,
         oversizedConversations,
-        triggerSync
+        triggerSync,
+        setSyncEnabled
       } = useConversationSyncStore((state) => ({
         syncEnabled: state.syncEnabled,
         syncStatus: state.status,
@@ -23371,8 +23370,18 @@ var init_chat_app_bar = __esm({
         pendingCount: state.pendingConversationUpserts.size + state.pendingConversationDeletes.size + state.pendingProjectUpserts.size + state.pendingProjectDeletes.size,
         warningConversations: state.warningConversations,
         oversizedConversations: state.oversizedConversations,
-        triggerSync: state.runSync
+        triggerSync: state.runSync,
+        setSyncEnabled: state.setSyncEnabled
       }), import_shallow2.shallow);
+      (0, import_react30.useEffect)(() => {
+        if (isPlaygroundMode3 && syncEnabled) {
+          void setSyncEnabled(false).catch((error) => {
+            debugLogger.warn("ChatAppBar: Failed to disable sync in playground", {
+              error: error instanceof Error ? error.message : String(error)
+            });
+          });
+        }
+      }, [isPlaygroundMode3, syncEnabled, setSyncEnabled]);
       const syncSpinSx = {
         animation: "spin 1s linear infinite",
         "@keyframes spin": {
@@ -23381,7 +23390,7 @@ var init_chat_app_bar = __esm({
         }
       };
       const syncIndicatorIcon = (() => {
-        if (!syncEnabled) {
+        if (isPlaygroundMode3 || !syncEnabled) {
           return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_CloudOff2.default, { fontSize: "small", color: "disabled" });
         }
         switch (syncStatus) {
@@ -23395,6 +23404,9 @@ var init_chat_app_bar = __esm({
         }
       })();
       const syncTooltip = (() => {
+        if (isPlaygroundMode3) {
+          return "Cloud sync is unavailable in playground mode.";
+        }
         if (!syncEnabled) {
           return "Cloud sync is disabled. Enable it from Management > Preferences.";
         }
@@ -23414,8 +23426,9 @@ var init_chat_app_bar = __esm({
         const last = lastSyncAt ? ` Last sync ${new Date(lastSyncAt).toLocaleTimeString()}.` : "";
         return `${base}${pending}${last}`;
       })();
+      const syncButtonDisabled = isPlaygroundMode3 || !syncEnabled;
       const handleSyncBadgeClick = () => {
-        if (!syncEnabled || syncStatus === "syncing") {
+        if (isPlaygroundMode3 || !syncEnabled || syncStatus === "syncing") {
           return;
         }
         void triggerSync({ force: true });
@@ -23545,18 +23558,19 @@ var init_chat_app_bar = __esm({
                       import_material22.IconButton,
                       {
                         onClick: handleSyncBadgeClick,
+                        disabled: syncButtonDisabled,
                         sx: {
                           ...pillButtonStyles,
-                          color: syncEnabled ? theme.palette.primary.main : theme.palette.action.disabled,
-                          bgcolor: syncEnabled ? syncStatus === "error" ? theme.palette.error.main + "20" : theme.palette.primary.main + "12" : "transparent",
-                          "&:hover": syncEnabled ? {
+                          color: syncButtonDisabled ? theme.palette.action.disabled : theme.palette.primary.main,
+                          bgcolor: syncButtonDisabled ? "transparent" : syncStatus === "error" ? theme.palette.error.main + "20" : theme.palette.primary.main + "12",
+                          "&:hover": syncButtonDisabled ? {} : {
                             bgcolor: syncStatus === "error" ? theme.palette.error.main + "30" : theme.palette.primary.main + "20"
-                          } : {}
+                          }
                         },
                         "aria-label": "Conversation sync status",
                         children: [
                           syncIndicatorIcon,
-                          pendingCount > 0 && syncEnabled && syncStatus !== "syncing" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+                          pendingCount > 0 && !syncButtonDisabled && syncStatus !== "syncing" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                             import_material22.Box,
                             {
                               sx: {
@@ -24109,7 +24123,10 @@ var init_query_suggestion_picker = __esm({
     markdownComponents = {
       p: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { ...props }),
       mark: ({ node, children, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("mark", { ...props, children }),
-      code: ({ node, inline, children, ...props }) => inline ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("code", { ...props, children }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("code", { ...props, children })
+      code: ({ node, children, ...props }) => {
+        const { inline, ...rest } = props;
+        return inline ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("code", { ...rest, children }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("code", { ...rest, children });
+      }
     };
     QuerySuggestionPicker = ({
       onSend,
@@ -28554,58 +28571,63 @@ var AIProviderInitService = class _AIProviderInitService {
       hasAiProvider: !!settings.aiProvider,
       ollamaUrl: settings.ollamaUrl
     });
-    try {
-      const savedConfig = await indexedDBService_default.get(
-        "banditConfig",
-        1,
-        "config",
-        "aiProvider",
-        [{ name: "config", keyPath: "id" }]
-      );
-      if (savedConfig) {
-        debugLogger.info("AI Provider Init: Found saved config in IndexedDB", { type: savedConfig.type });
-        const { id: _id, ...configWithoutId } = savedConfig;
-        providerConfig = { ...configWithoutId };
-        if ((providerConfig.type === "ollama" /* OLLAMA */ || providerConfig.type === "gateway" /* GATEWAY */) && !providerConfig.tokenFactory) {
-          providerConfig.tokenFactory = () => {
-            let token = authenticationService.getToken();
-            if (!token) {
-              token = localStorage.getItem("authToken");
-            }
-            if (!token) {
+    const isPlaygroundEnvironment = settings.playgroundMode === true || settings.aiProvider?.type === "playground" /* PLAYGROUND */ || (settings.gatewayApiUrl?.toLowerCase()?.startsWith("playground://") ?? false) || typeof window !== "undefined" && window.location.pathname.includes("/playground");
+    if (isPlaygroundEnvironment) {
+      debugLogger.info("AI Provider Init: Playground environment detected, bypassing saved provider config");
+    } else {
+      try {
+        const savedConfig = await indexedDBService_default.get(
+          "banditConfig",
+          1,
+          "config",
+          "aiProvider",
+          [{ name: "config", keyPath: "id" }]
+        );
+        if (savedConfig) {
+          debugLogger.info("AI Provider Init: Found saved config in IndexedDB", { type: savedConfig.type });
+          const { id: _id, ...configWithoutId } = savedConfig;
+          providerConfig = { ...configWithoutId };
+          if ((providerConfig.type === "ollama" /* OLLAMA */ || providerConfig.type === "gateway" /* GATEWAY */) && !providerConfig.tokenFactory) {
+            providerConfig.tokenFactory = () => {
+              let token = authenticationService.getToken();
+              if (!token) {
+                token = localStorage.getItem("authToken");
+              }
+              if (!token) {
+                try {
+                  const { useAuthenticationStore: useAuthenticationStore2 } = require("../../store/authenticationStore");
+                  const authStore = useAuthenticationStore2.getState();
+                  token = authStore.token;
+                } catch (e) {
+                }
+              }
+              debugLogger.info("AI Provider Init: IndexedDB config token factory", {
+                hasToken: !!token
+              });
+              return token;
+            };
+          }
+          try {
+            const { createProvider } = useAIProviderStore.getState();
+            createProvider(providerConfig);
+            const provider = useAIProviderStore.getState().provider;
+            if (provider) {
               try {
-                const { useAuthenticationStore: useAuthenticationStore2 } = require("../../store/authenticationStore");
-                const authStore = useAuthenticationStore2.getState();
-                token = authStore.token;
-              } catch (e) {
+                await provider.validateServiceAvailability({ timeoutMs: 5e3 });
+                debugLogger.info(`AI Provider initialized and validated from IndexedDB: ${providerConfig.type}`);
+              } catch (validationError) {
+                debugLogger.warn(`AI Provider created but validation failed`, { error: validationError });
               }
             }
-            debugLogger.info("AI Provider Init: IndexedDB config token factory", {
-              hasToken: !!token
-            });
-            return token;
-          };
-        }
-        try {
-          const { createProvider } = useAIProviderStore.getState();
-          createProvider(providerConfig);
-          const provider = useAIProviderStore.getState().provider;
-          if (provider) {
-            try {
-              await provider.validateServiceAvailability({ timeoutMs: 5e3 });
-              debugLogger.info(`AI Provider initialized and validated from IndexedDB: ${providerConfig.type}`);
-            } catch (validationError) {
-              debugLogger.warn(`AI Provider created but validation failed`, { error: validationError });
-            }
+            return;
+          } catch (error) {
+            debugLogger.error("Failed to initialize saved provider config, falling back to package settings", { error });
           }
-          return;
-        } catch (error) {
-          debugLogger.error("Failed to initialize saved provider config, falling back to package settings", { error });
         }
+        debugLogger.info("AI Provider Init: No saved config found, using package settings");
+      } catch (error) {
+        debugLogger.warn("AI Provider Init: Failed to load from IndexedDB, using package settings", { error });
       }
-      debugLogger.info("AI Provider Init: No saved config found, using package settings");
-    } catch (error) {
-      debugLogger.warn("AI Provider Init: Failed to load from IndexedDB, using package settings", { error });
     }
     if (settings.aiProvider) {
       providerConfig = { ...settings.aiProvider };