@burtson-labs/bandit-engine 2.0.23 → 2.0.25

package/README.md

@@ -10,7 +10,7 @@
 
 An AI chat toolkit built for speed, design, and control. Power branded AI assistants with battle-tested React components and a secure gateway contract.
 
-[![npm private](https://img.shields.io/badge/npm-private-lightgrey?logo=npm)](https://www.npmjs.com/package/@burtson-labs/bandit-engine)
+[![npm](https://img.shields.io/npm/v/%40burtson-labs%2Fbandit-engine?logo=npm&color=cb3837)](https://www.npmjs.com/package/@burtson-labs/bandit-engine)
 [![Docs](https://img.shields.io/badge/docs-banditailabs.com%2Fnpm--package-0C7BD4)](https://banditailabs.com/npm-package)
 [![Live Demo](https://img.shields.io/badge/live%20demo-banditailabs.com%2Fchat-7F56D9)](https://banditailabs.com/)
 [![TypeScript](https://img.shields.io/badge/TypeScript-5.x-3178c6?logo=typescript&logoColor=white)](https://www.typescriptlang.org/)
@@ -20,7 +20,7 @@ An AI chat toolkit built for speed, design, and control. Power branded AI assist
 - 🔌 Plug-and-play React chat, modal, and management surfaces
 - 🧠 Memory, vector knowledge, and provider switching behind a secure gateway
 - 🎨 Full MUI theming, dark mode, and branding controls out of the box
-- 🌐 Multimodal support (voice, images, documents) with Ollama, OpenAI, Azure, Anthropic
+- 🌐 Multimodal support (voice, images, documents) with Ollama, OpenAI, Azure OpenAI, and Anthropic today — tell us which providers you need next so we can prioritize them
 - 🛠️ CLI scaffolding, sample gateway, and docs to launch in minutes
 
 ## Quick Links
@@ -55,7 +55,7 @@ Customize the output with options such as:
 - `--yes` / `--skip-prompts` to accept defaults non-interactively
 - `--force` to overwrite a non-empty directory
 
-> 🗝️ The generated project includes an `.npmrc` that targets `https://npm.pkg.github.com/` and expects a `GITHUB_NPM_TOKEN` environment variable. Run `npm login --registry=https://npm.pkg.github.com --scope=@burtson-labs` (or export `GITHUB_NPM_TOKEN`) before installing dependencies.
+> 📦 The generated project installs directly from `https://registry.npmjs.org/` — no GitHub npm token is required once the package is public.
 
 > ⚠️ The scaffolded gateway focuses on OpenAI/Ollama chat and model discovery. All advanced routes (file storage uploads, vector embedding, voice, MCP, etc.) are generated as `501` placeholders so you can wire them to your own infrastructure. Implement the contracts below before turning on those features in production.
 
@@ -671,12 +671,14 @@ Bandit Engine features a unified, gateway-based AI provider architecture that su
 
 ### Supported Providers
 
-- **🌟 Gateway Provider** (Recommended): Routes all requests through your secure .NET 9 backend
-- **Ollama**: Self-hosted models and Ollama-compatible endpoints  
+- **🌟 Gateway Provider** (Recommended): Routes all requests through your secure backend
+- **Ollama**: Self-hosted models and Ollama-compatible endpoints
 - **OpenAI**: GPT models via OpenAI API
 - **Azure OpenAI**: Azure-hosted OpenAI models
 - **Anthropic**: Claude models via Anthropic API
 
+> We do not support every AI provider yet. Let us know which services you rely on—community interest directly shapes the integration roadmap.
+
 ### Gateway Provider (Recommended)
 
 The gateway provider offers the most secure and scalable approach by routing all requests through your backend API:
@@ -729,7 +731,7 @@ aiProvider: {
 
 ### Migration to Gateway
 
-1. **Deploy Gateway Backend**: Set up your .NET 9 gateway service
+1. **Deploy Gateway Backend**: Set up your preferred gateway service
 2. **Update Configuration**: Switch from direct to gateway provider
 3. **Test Connection**: Use the Management interface to validate
 4. **Update API Keys**: Move keys from frontend to backend config

package/dist/{chat-VOVYLTMX.mjs → chat-2LYIZNWZ.mjs}

@@ -1,6 +1,6 @@
 import {
   chat_default
-} from "./chunk-ZRTP2N7E.mjs";
+} from "./chunk-IGD4KGB5.mjs";
 import "./chunk-ONQMRE2G.mjs";
 import "./chunk-RTQDQ6TC.mjs";
 import "./chunk-GBANNFRD.mjs";
@@ -12,4 +12,4 @@ import "./chunk-BJTO5JO5.mjs";
 export {
   chat_default as default
 };
-//# sourceMappingURL=chat-VOVYLTMX.mjs.map
+//# sourceMappingURL=chat-2LYIZNWZ.mjs.map

package/dist/{chunk-ZRTP2N7E.mjs → chunk-IGD4KGB5.mjs}

@@ -58,7 +58,7 @@ import {
 } from "./chunk-KCI46M23.mjs";
 
 // src/chat/chat.tsx
-import { useCallback as useCallback6, useEffect as useEffect14, useLayoutEffect, useRef as useRef14, useState as useState15 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect15, useLayoutEffect, useRef as useRef14, useState as useState15 } from "react";
 
 // src/chat/custom-logo.tsx
 import React, { useEffect } from "react";
@@ -1138,6 +1138,8 @@ var ChatInput = (props) => {
   const isMemoryEnabled = preferences.memoryEnabled && showMemoryToggle();
   const isDocumentUploadEnabled = showDocumentUpload();
   const isFeedbackEnabled = preferences.feedbackEnabled;
+  const gatewayUrlLower = packageSettings?.gatewayApiUrl?.toLowerCase?.() ?? "";
+  const isPlaygroundMode2 = packageSettings?.playgroundMode === true || gatewayUrlLower.startsWith("playground://") || typeof window !== "undefined" && window.location.pathname.includes("/playground");
   useEffect4(() => {
     const lockViewportHeight = () => {
       if (isMobile) {
@@ -1291,7 +1293,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 "";
@@ -1351,7 +1353,7 @@ ${sanitize(
     inputRef.current?.focus();
   };
   const memory = localStorage.getItem("bandit-memory");
-  const hasAttachmentAction = fileInputs.length < 3 && isDocumentUploadEnabled;
+  const hasAttachmentAction = !isPlaygroundMode2 && fileInputs.length < 3 && isDocumentUploadEnabled;
   const hasMemoryAction = isMemoryEnabled;
   const hasFeedbackAction = isFeedbackEnabled && isMobile;
   const hasSttAction = isSTTAvailable && !isVoiceModeEnabled;
@@ -3794,7 +3796,7 @@ var useNetworkStatus = () => {
 
 // src/chat/chat-app-bar.tsx
 import { Avatar as Avatar8 } from "@mui/material";
-import { useRef as useRef11, useState as useState13 } from "react";
+import { useEffect as useEffect12, useRef as useRef11, useState as useState13 } from "react";
 import {
   Box as Box11,
   IconButton as IconButton10,
@@ -5995,6 +5997,7 @@ var ConversationDrawer = ({ open, onClose }) => {
                 display: "flex",
                 alignItems: "center",
                 gap: 1.5,
+                justifyContent: "center",
                 bgcolor: alpha6(theme.palette.background.default, isMobile ? 0.9 : 0.6)
               },
               children: [
@@ -6013,33 +6016,39 @@ var ConversationDrawer = ({ open, onClose }) => {
                     children: avatarInitials
                   }
                 ),
-                /* @__PURE__ */ jsxs9(Box9, { sx: { minWidth: 0, flex: 1 }, children: [
-                  /* @__PURE__ */ jsx12(
-                    Typography6,
-                    {
-                      variant: "subtitle2",
-                      noWrap: true,
-                      sx: { fontWeight: 600, color: theme.palette.text.primary },
-                      children: user ? userDisplayName : "Not signed in"
-                    }
-                  ),
-                  user ? userSecondaryText ? /* @__PURE__ */ jsx12(
-                    Typography6,
-                    {
-                      variant: "caption",
-                      noWrap: true,
-                      sx: { color: theme.palette.text.secondary },
-                      children: userSecondaryText
-                    }
-                  ) : null : /* @__PURE__ */ jsx12(
-                    Typography6,
-                    {
-                      variant: "caption",
-                      sx: { color: theme.palette.text.secondary },
-                      children: "Connect your account to sync chats"
-                    }
-                  )
-                ] })
+                /* @__PURE__ */ jsxs9(
+                  Box9,
+                  {
+                    sx: {
+                      minWidth: 0,
+                      flex: 1,
+                      display: "flex",
+                      flexDirection: "column",
+                      alignItems: isMobile ? "center" : "flex-start",
+                      textAlign: isMobile ? "center" : "left",
+                      gap: 0.25
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx12(
+                        Typography6,
+                        {
+                          variant: "subtitle2",
+                          noWrap: true,
+                          sx: { fontWeight: 600, color: theme.palette.text.primary },
+                          children: user ? userDisplayName : "Not signed in"
+                        }
+                      ),
+                      !user && /* @__PURE__ */ jsx12(
+                        Typography6,
+                        {
+                          variant: "caption",
+                          sx: { color: theme.palette.text.secondary },
+                          children: "Connect your account to sync chats"
+                        }
+                      )
+                    ]
+                  }
+                )
               ]
             }
           )
@@ -6951,7 +6960,7 @@ var EnhancedMobileConversationsModal = ({
                         children: avatarInitials
                       }
                     ),
-                    /* @__PURE__ */ jsxs10(Box10, { sx: { display: "flex", alignItems: "center", gap: 1, minWidth: 0, flexWrap: "wrap", justifyContent: "center" }, children: [
+                    /* @__PURE__ */ jsxs10(Box10, { sx: { display: "flex", flexDirection: "column", alignItems: "center", gap: 0.5, minWidth: 0 }, children: [
                       /* @__PURE__ */ jsx13(
                         Typography7,
                         {
@@ -6961,24 +6970,13 @@ var EnhancedMobileConversationsModal = ({
                           children: user ? userDisplayName : "Not signed in"
                         }
                       ),
-                      user ? userSecondaryText ? /* @__PURE__ */ jsxs10(
-                        Typography7,
-                        {
-                          variant: "caption",
-                          noWrap: true,
-                          sx: { color: theme.palette.text.secondary },
-                          children: [
-                            "\u2022 ",
-                            userSecondaryText
-                          ]
-                        }
-                      ) : null : /* @__PURE__ */ jsx13(
+                      !user && /* @__PURE__ */ jsx13(
                         Typography7,
                         {
                           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"
                         }
                       )
                     ] })
@@ -7133,7 +7131,8 @@ var ChatAppBar = ({
     pendingCount,
     warningConversations,
     oversizedConversations,
-    triggerSync
+    triggerSync,
+    setSyncEnabled
   } = useConversationSyncStore((state) => ({
     syncEnabled: state.syncEnabled,
     syncStatus: state.status,
@@ -7141,8 +7140,18 @@ var ChatAppBar = ({
     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
   }), shallow2);
+  useEffect12(() => {
+    if (isPlaygroundMode2 && syncEnabled) {
+      void setSyncEnabled(false).catch((error) => {
+        debugLogger.warn("ChatAppBar: Failed to disable sync in playground", {
+          error: error instanceof Error ? error.message : String(error)
+        });
+      });
+    }
+  }, [isPlaygroundMode2, syncEnabled, setSyncEnabled]);
   const syncSpinSx = {
     animation: "spin 1s linear infinite",
     "@keyframes spin": {
@@ -7151,7 +7160,7 @@ var ChatAppBar = ({
     }
   };
   const syncIndicatorIcon = (() => {
-    if (!syncEnabled) {
+    if (isPlaygroundMode2 || !syncEnabled) {
       return /* @__PURE__ */ jsx14(CloudOffIcon, { fontSize: "small", color: "disabled" });
     }
     switch (syncStatus) {
@@ -7165,6 +7174,9 @@ var ChatAppBar = ({
     }
   })();
   const syncTooltip = (() => {
+    if (isPlaygroundMode2) {
+      return "Cloud sync is unavailable in playground mode.";
+    }
     if (!syncEnabled) {
       return "Cloud sync is disabled. Enable it from Management > Preferences.";
     }
@@ -7184,8 +7196,9 @@ var ChatAppBar = ({
     const last = lastSyncAt ? ` Last sync ${new Date(lastSyncAt).toLocaleTimeString()}.` : "";
     return `${base}${pending}${last}`;
   })();
+  const syncButtonDisabled = isPlaygroundMode2 || !syncEnabled;
   const handleSyncBadgeClick = () => {
-    if (!syncEnabled || syncStatus === "syncing") {
+    if (isPlaygroundMode2 || !syncEnabled || syncStatus === "syncing") {
       return;
     }
     void triggerSync({ force: true });
@@ -7315,18 +7328,19 @@ var ChatAppBar = ({
                   IconButton10,
                   {
                     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__ */ jsx14(
+                      pendingCount > 0 && !syncButtonDisabled && syncStatus !== "syncing" && /* @__PURE__ */ jsx14(
                         Box11,
                         {
                           sx: {
@@ -7850,7 +7864,7 @@ Respond with just the title and nothing else.
 };
 
 // src/chat/query-suggestion-picker.tsx
-import { useEffect as useEffect12, useRef as useRef12, useState as useState14 } from "react";
+import { useEffect as useEffect13, useRef as useRef12, useState as useState14 } from "react";
 import { Box as Box12, useMediaQuery as useMediaQuery6 } from "@mui/material";
 import { useTheme as useTheme13, alpha as alpha8 } from "@mui/material/styles";
 import ReactMarkdown2 from "react-markdown";
@@ -7860,7 +7874,10 @@ import { Fragment as Fragment9, jsx as jsx15 } from "react/jsx-runtime";
 var markdownComponents = {
   p: ({ node, ...props }) => /* @__PURE__ */ jsx15("span", { ...props }),
   mark: ({ node, children, ...props }) => /* @__PURE__ */ jsx15("mark", { ...props, children }),
-  code: ({ node, inline, children, ...props }) => inline ? /* @__PURE__ */ jsx15("code", { ...props, children }) : /* @__PURE__ */ jsx15("code", { ...props, children })
+  code: ({ node, children, ...props }) => {
+    const { inline, ...rest } = props;
+    return inline ? /* @__PURE__ */ jsx15("code", { ...rest, children }) : /* @__PURE__ */ jsx15("code", { ...rest, children });
+  }
 };
 var QuerySuggestionPicker = ({
   onSend,
@@ -7875,7 +7892,7 @@ var QuerySuggestionPicker = ({
   const isMobile = useMediaQuery6((theme2) => theme2.breakpoints.down("sm"));
   const { background, text, border, hoverBackground, hoverBorder } = theme.palette.chat.suggestion;
   const { getCurrentModel, isLoading } = useModelStore();
-  useEffect12(() => {
+  useEffect13(() => {
     if (hasGenerated.current || isLoading) return;
     hasGenerated.current = true;
     const currentModel = getCurrentModel();
@@ -7902,12 +7919,12 @@ var QuerySuggestionPicker = ({
       hasGenerated.current = false;
     });
   }, [getCurrentModel, isLoading]);
-  useEffect12(() => {
+  useEffect13(() => {
     if (!isLoading) {
       hasGenerated.current = false;
     }
   }, [isLoading]);
-  useEffect12(() => {
+  useEffect13(() => {
     if (hasSentPrompt || examplePrompts.length === 0) return;
     const interval = setInterval(() => {
       setExamplePrompts((prev) => {
@@ -8176,7 +8193,7 @@ var ConnectionStatus = ({
 };
 
 // src/hooks/useVoiceMode.ts
-import { useEffect as useEffect13, useRef as useRef13 } from "react";
+import { useEffect as useEffect14, useRef as useRef13 } from "react";
 var RMS_BASELINE = 128;
 var RMS_NORMALIZER = 128;
 var computeRms = (data) => {
@@ -8194,10 +8211,10 @@ var useVoiceMode = (config) => {
   const resetTransientState = useVoiceModeStore((state) => state.resetTransientState);
   const setLastTranscript = useVoiceModeStore((state) => state.setLastTranscript);
   const configRef = useRef13(config);
-  useEffect13(() => {
+  useEffect14(() => {
     configRef.current = config;
   }, [config]);
-  useEffect13(() => {
+  useEffect14(() => {
     if (!enabled) {
       return () => void 0;
     }
@@ -8460,7 +8477,7 @@ var ChatContent = () => {
   const isVoiceModeEnabled = useVoiceModeStore((state) => state.enabled);
   const previousVoiceModeEnabledRef = useRef14(isVoiceModeEnabled);
   const historyRef = useRef14(history);
-  useEffect14(() => {
+  useEffect15(() => {
     historyRef.current = history;
   }, [history]);
   const {
@@ -8468,7 +8485,7 @@ var ChatContent = () => {
     stop: ttsStop,
     isAvailable: isTTSAvailable
   } = useTTS();
-  useEffect14(() => {
+  useEffect15(() => {
     const timer = setTimeout(() => {
       const isAuthenticated = authenticationService.isAuthenticated();
       if (!initialized || availableVoices.length === 0) {
@@ -8482,7 +8499,7 @@ var ChatContent = () => {
     }, 500);
     return () => clearTimeout(timer);
   }, [initialized, availableVoices.length, loadVoicesFromAPI, token]);
-  useEffect14(() => {
+  useEffect15(() => {
     const isAuthenticated = authenticationService.isAuthenticated();
     if (packageSettings?.gatewayApiUrl && availableVoices.length === 0 && !initialized) {
       if (token && isAuthenticated) {
@@ -8533,7 +8550,7 @@ var ChatContent = () => {
   const [brandingLoading, setBrandingLoading] = useState15(true);
   const isBrandingLoadInProgressRef = useRef14(false);
   const logoOnly = history.length === 0 && !brandingLoading;
-  useEffect14(() => {
+  useEffect15(() => {
     const isEmptyConversation = (history?.length ?? 0) === 0;
     const isSending = Boolean(pendingMessage);
     const shouldShowLogo = isEmptyConversation && !isSending;
@@ -8563,18 +8580,18 @@ var ChatContent = () => {
       }, 500);
     }
   }, [history, pendingMessage]);
-  useEffect14(() => () => {
+  useEffect15(() => () => {
     if (logoFadeTimeoutRef.current) {
       window.clearTimeout(logoFadeTimeoutRef.current);
       logoFadeTimeoutRef.current = null;
     }
   }, []);
-  useEffect14(() => {
+  useEffect15(() => {
     if (isStreaming && streamBuffer.trim() === "") {
       streamingGraceUntilRef.current = Date.now() + GRACE_MS;
     }
   }, [isStreaming, streamBuffer]);
-  useEffect14(() => {
+  useEffect15(() => {
     if (!isStreaming) return;
     const container = chatContainerRef.current;
     if (!container) return;
@@ -8585,13 +8602,13 @@ var ChatContent = () => {
       container.scrollTo({ top: targetTop, behavior: "smooth" });
     }
   }, [streamBuffer, isStreaming, isMobile, chatContainerRef]);
-  useEffect14(() => {
+  useEffect15(() => {
     if (!_hasHydrated) {
       debugLogger.info("Chat component triggering conversation store hydration");
       hydrate();
     }
   }, [_hasHydrated, hydrate]);
-  useEffect14(() => {
+  useEffect15(() => {
     const loadBrandingAndTheme = async () => {
       if (isBrandingLoadInProgressRef.current) {
         debugLogger.warn("Branding loading already in progress, skipping");
@@ -8778,19 +8795,19 @@ var ChatContent = () => {
       window.removeEventListener("bandit-theme-changed", handleThemeChange);
     };
   }, []);
-  useEffect14(() => {
+  useEffect15(() => {
     if (!chatContainerEl) return;
     const blurInputOnScroll = () => inputRef.current?.blur();
     chatContainerEl.addEventListener("scroll", blurInputOnScroll);
     return () => chatContainerEl.removeEventListener("scroll", blurInputOnScroll);
   }, [chatContainerEl]);
-  useEffect14(() => {
+  useEffect15(() => {
     const handleResize = () => setIsMobile(window.innerWidth <= 768);
     handleResize();
     window.addEventListener("resize", handleResize);
     return () => window.removeEventListener("resize", handleResize);
   }, []);
-  useEffect14(() => {
+  useEffect15(() => {
     const setViewportHeight = () => {
       document.documentElement.style.setProperty(
         "--vh",
@@ -8801,7 +8818,7 @@ var ChatContent = () => {
     window.addEventListener("resize", setViewportHeight);
     return () => window.removeEventListener("resize", setViewportHeight);
   }, []);
-  useEffect14(() => {
+  useEffect15(() => {
     if (!chatContainerEl) return;
     let rafId = null;
     const update = () => {
@@ -8820,7 +8837,7 @@ var ChatContent = () => {
       chatContainerEl.removeEventListener(SCROLL_STATE_CHANGED_EVENT, update);
     };
   }, [chatContainerEl, getScrollState]);
-  useEffect14(() => {
+  useEffect15(() => {
     if (!chatContainerEl) return;
     let observer = null;
     let rafId = null;
@@ -8855,7 +8872,7 @@ var ChatContent = () => {
       if (observer) observer.disconnect();
     };
   }, [chatContainerEl, scrollTargetEl, scrollTargetRef, getScrollState, inputHeight, history.length]);
-  useEffect14(() => {
+  useEffect15(() => {
     const isTransitioning = isStreaming || streamBuffer.trim() === "";
     const delay = isTransitioning ? 400 : 100;
     const timer = setTimeout(() => {
@@ -8898,7 +8915,7 @@ var ChatContent = () => {
       return () => clearTimeout(scrollTimer);
     }
   }, [history, isStreaming, scrollToBottom, getScrollState, isMobile, chatContainerRef]);
-  useEffect14(() => {
+  useEffect15(() => {
     const observer = new ResizeObserver(() => {
       if (inputContainerRef.current)
         setInputHeight(inputContainerRef.current.offsetHeight);
@@ -8909,7 +8926,7 @@ var ChatContent = () => {
     }
     return () => observer.disconnect();
   }, []);
-  useEffect14(() => {
+  useEffect15(() => {
     if (!hydrated || !_hasHydrated) return;
     if (currentId === null) {
       useAIQueryStore.setState({ history: [] });
@@ -8958,7 +8975,7 @@ var ChatContent = () => {
     setResponse,
     setComponentStatus
   ]);
-  useEffect14(() => {
+  useEffect15(() => {
     debugLogger.info("Chat component conversation state", {
       hasHydrated: _hasHydrated,
       conversationCount: conversations.length,
@@ -8967,7 +8984,7 @@ var ChatContent = () => {
       storeState: "main-chat"
     });
   }, [_hasHydrated, conversations, currentId]);
-  useEffect14(() => {
+  useEffect15(() => {
     if (!_hasHydrated || !chatContainerEl) return;
     let rafId = null;
     const sync = () => {
@@ -9139,7 +9156,7 @@ var ChatContent = () => {
     onInterrupt: handleVoiceInterrupt,
     onError: (message) => notificationService?.showError?.(message)
   });
-  useEffect14(() => {
+  useEffect15(() => {
     const previouslyEnabled = previousVoiceModeEnabledRef.current;
     previousVoiceModeEnabledRef.current = isVoiceModeEnabled;
     if (!previouslyEnabled && isVoiceModeEnabled) {
@@ -9164,7 +9181,7 @@ var ChatContent = () => {
       }
     }
   }, [isVoiceModeEnabled, ttsStop]);
-  useEffect14(() => {
+  useEffect15(() => {
     if (!isVoiceModeEnabled || !isStreaming) {
       return;
     }
@@ -9184,7 +9201,7 @@ var ChatContent = () => {
     }
     lastSpokenResponseRef.current = null;
   }, [isStreaming, isVoiceModeEnabled, ttsStop]);
-  useEffect14(() => {
+  useEffect15(() => {
     if (!isVoiceModeEnabled) {
       lastSpokenResponseRef.current = null;
       return;
@@ -9490,4 +9507,4 @@ var chat_default = Chat;
 export {
   chat_default
 };
-//# sourceMappingURL=chunk-ZRTP2N7E.mjs.map
+//# sourceMappingURL=chunk-IGD4KGB5.mjs.map