@burtson-labs/bandit-engine 2.0.128 → 2.0.130

package/dist/{chunk-LQJ6OD7F.mjs → chunk-POQY66ZJ.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-ONQMRE2G.mjs";
 import {
   StreamingMarkdown_default
-} from "./chunk-FWFDOSRM.mjs";
+} from "./chunk-BVYSGIWG.mjs";
 import {
   useMCPToolsStore
 } from "./chunk-K2JGFKEB.mjs";
@@ -16,7 +16,6 @@ import {
   CloseIcon,
   ComposeIcon,
   ExpandMoreIcon,
-  FeedbackButton,
   FeedbackIcon,
   FeedbackModal,
   GhostIcon,
@@ -39,7 +38,7 @@ import {
   useNotificationService,
   useTTS,
   useVoiceStore
-} from "./chunk-BQW7DSJ6.mjs";
+} from "./chunk-JONBKV2S.mjs";
 import {
   brandingService_default,
   detectMessageMood,
@@ -81,7 +80,7 @@ import {
 } from "./chunk-KCI46M23.mjs";
 
 // src/chat/chat.tsx
-import { useCallback as useCallback6, useEffect as useEffect16, useLayoutEffect, useMemo as useMemo4, useRef as useRef14, useState as useState18 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect17, useLayoutEffect, useMemo as useMemo4, useRef as useRef15, useState as useState19 } from "react";
 
 // src/chat/custom-logo.tsx
 import React, { useEffect } from "react";
@@ -168,7 +167,7 @@ var Logo = ({ visible, atTop = false }) => {
 var custom_logo_default = Logo;
 
 // src/chat/chat.tsx
-import { Box as Box19, ThemeProvider, CssBaseline, CircularProgress as CircularProgress4, Typography as Typography14 } from "@mui/material";
+import { Box as Box20, ThemeProvider, CssBaseline, CircularProgress as CircularProgress4, Typography as Typography15 } from "@mui/material";
 import { createTheme } from "@mui/material/styles";
 
 // src/chat/canvas-panel.tsx
@@ -850,7 +849,7 @@ var ChatMessages = ({
                     StreamingMarkdown_default,
                     {
                       content: linkifyCitations(stripSourcesForDisplay(content), parseWebSources(content)),
-                      isStreaming: isStreaming && isLast,
+                      isStreaming: isStreaming && isLast && !workingMatch,
                       sources: sourceSummaries
                     }
                   ),
@@ -873,7 +872,8 @@ var ChatMessages = ({
           memoryUpdated: entry.memoryUpdated && !isPlaceholder,
           sourceFiles: rawSources,
           isMobile,
-          cancelled: entry.cancelled
+          cancelled: entry.cancelled,
+          revealActionsOnHover: !isLast && !isMobile
         }
       ) }, index);
     }),
@@ -5348,7 +5348,7 @@ import {
   Avatar as Avatar6,
   alpha as alpha8
 } from "@mui/material";
-import { X as CloseIcon6, X as ClearIcon, Search as SearchIcon, Folder as FolderIcon4, MoreVertical as MoreVertIcon3, Trash2 as DeleteSweepIcon, Inbox as InboxIcon3, Plus as AddIcon4, Settings as SettingsIcon, Brain as MemoryIcon, LogOut as LogOutIcon, House as HomeLucideIcon, RefreshCw as SyncLucideIcon, CircleAlert as SyncErrorIcon, SlidersHorizontal as ManagementIcon } from "lucide-react";
+import { X as CloseIcon6, X as ClearIcon, Search as SearchIcon, Folder as FolderIcon4, MoreVertical as MoreVertIcon3, Trash2 as DeleteSweepIcon, Inbox as InboxIcon3, Plus as AddIcon4, Settings as SettingsIcon, Brain as MemoryIcon, LogOut as LogOutIcon, House as HomeLucideIcon, RefreshCw as SyncLucideIcon, CircleAlert as SyncErrorIcon, SlidersHorizontal as ManagementIcon, MessageSquare as FeedbackMenuIcon } from "lucide-react";
 import { useTheme as useTheme13 } from "@mui/material/styles";
 
 // src/chat/project-management-modal.tsx
@@ -6938,6 +6938,7 @@ var ConversationDrawer = ({ open, onClose }) => {
   const [searchQuery, setSearchQuery] = useState14("");
   const [menuAnchorEl, setMenuAnchorEl] = useState14(null);
   const [clearConfirmOpen, setClearConfirmOpen] = useState14(false);
+  const [feedbackOpen, setFeedbackOpen] = useState14(false);
   const [moveModalOpen, setMoveModalOpen] = useState14(false);
   const [conversationToMove, setConversationToMove] = useState14(null);
   const [renameProjectId, setRenameProjectId] = useState14(null);
@@ -7758,7 +7759,7 @@ var ConversationDrawer = ({ open, onClose }) => {
         currentProjectId: conversationToMove.projectId
       }
     ),
-    /* @__PURE__ */ jsx16(
+    /* @__PURE__ */ jsxs13(
       Menu5,
       {
         anchorEl: menuAnchorEl,
@@ -7772,20 +7773,43 @@ var ConversationDrawer = ({ open, onClose }) => {
           vertical: "bottom",
           horizontal: "right"
         },
-        children: /* @__PURE__ */ jsxs13(
-          MenuItem5,
-          {
-            onClick: () => {
-              setClearConfirmOpen(true);
-              handleMenuClose();
-            },
-            sx: { color: theme.palette.error.main },
-            children: [
-              /* @__PURE__ */ jsx16(ListItemIcon3, { children: /* @__PURE__ */ jsx16(DeleteSweepIcon, { size: 16, color: theme.palette.error.main }) }),
-              /* @__PURE__ */ jsx16(ListItemText3, { children: "Clear All Conversations" })
-            ]
-          }
-        )
+        children: [
+          preferences.feedbackEnabled && /* @__PURE__ */ jsxs13(
+            MenuItem5,
+            {
+              onClick: () => {
+                setFeedbackOpen(true);
+                handleMenuClose();
+              },
+              children: [
+                /* @__PURE__ */ jsx16(ListItemIcon3, { children: /* @__PURE__ */ jsx16(FeedbackMenuIcon, { size: 16 }) }),
+                /* @__PURE__ */ jsx16(ListItemText3, { children: "Send feedback" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs13(
+            MenuItem5,
+            {
+              onClick: () => {
+                setClearConfirmOpen(true);
+                handleMenuClose();
+              },
+              sx: { color: theme.palette.error.main },
+              children: [
+                /* @__PURE__ */ jsx16(ListItemIcon3, { children: /* @__PURE__ */ jsx16(DeleteSweepIcon, { size: 16, color: theme.palette.error.main }) }),
+                /* @__PURE__ */ jsx16(ListItemText3, { children: "Clear All Conversations" })
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    preferences.feedbackEnabled && /* @__PURE__ */ jsx16(
+      FeedbackModal,
+      {
+        open: feedbackOpen,
+        onClose: () => setFeedbackOpen(false),
+        feedbackEmail: usePackageSettingsStore.getState().settings?.feedbackEmail
       }
     ),
     /* @__PURE__ */ jsxs13(
@@ -9694,14 +9718,170 @@ var UnderReview = () => {
 };
 var UnderReview_default = UnderReview;
 
+// src/components/feedback/FeedbackPulse.tsx
+import { useEffect as useEffect15, useRef as useRef13, useState as useState18 } from "react";
+import { Box as Box18, IconButton as IconButton13, Paper as Paper2, Slide as Slide2, Typography as Typography14 } from "@mui/material";
+import { useTheme as useTheme18, alpha as alpha11 } from "@mui/material/styles";
+import { X as CloseIcon8 } from "lucide-react";
+import { Fragment as Fragment12, jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
+var STORAGE_KEY2 = "bandit-feedback-pulse-last";
+var COOLDOWN_DAYS = 14;
+var MIN_SESSION_MS = 5 * 60 * 1e3;
+var MIN_MESSAGES_SENT = 2;
+var CHECK_INTERVAL_MS = 30 * 1e3;
+var readLastInteraction = () => {
+  try {
+    return Number(localStorage.getItem(STORAGE_KEY2)) || 0;
+  } catch {
+    return 0;
+  }
+};
+var recordInteraction = (outcome) => {
+  try {
+    localStorage.setItem(STORAGE_KEY2, String(Date.now()));
+  } catch {
+  }
+  debugLogger.info("FeedbackPulse: interaction recorded", { outcome });
+};
+var FeedbackPulse = ({ isMobile, feedbackEmail }) => {
+  const theme = useTheme18();
+  const [visible, setVisible] = useState18(false);
+  const [thanked, setThanked] = useState18(false);
+  const [modalOpen, setModalOpen] = useState18(false);
+  const mountedAtRef = useRef13(Date.now());
+  const baselineMessagesRef = useRef13(null);
+  const totalMessages = useConversationStore(
+    (s) => s.conversations.reduce((n, c) => n + c.history.length, 0)
+  );
+  const hydrated = useConversationStore((s) => s._hasHydrated);
+  useEffect15(() => {
+    if (hydrated && baselineMessagesRef.current === null) {
+      baselineMessagesRef.current = totalMessages;
+    }
+  }, [hydrated, totalMessages]);
+  useEffect15(() => {
+    const cooldownMs = COOLDOWN_DAYS * 24 * 60 * 60 * 1e3;
+    const forced = typeof window !== "undefined" && new URLSearchParams(window.location.search).has("feedbackPulse");
+    const check = () => {
+      if (visible || thanked || modalOpen) return;
+      if (forced) {
+        setVisible(true);
+        return;
+      }
+      if (Date.now() - readLastInteraction() < cooldownMs) return;
+      if (Date.now() - mountedAtRef.current < MIN_SESSION_MS) return;
+      const baseline = baselineMessagesRef.current;
+      if (baseline === null) return;
+      const sentThisSession = useConversationStore.getState().conversations.reduce((n, c) => n + c.history.length, 0) - baseline;
+      if (sentThisSession < MIN_MESSAGES_SENT) return;
+      setVisible(true);
+    };
+    if (forced) check();
+    const timer = setInterval(check, CHECK_INTERVAL_MS);
+    return () => clearInterval(timer);
+  }, [visible, thanked, modalOpen]);
+  const answer = (outcome) => {
+    recordInteraction(outcome);
+    if (outcome === "bad") {
+      setVisible(false);
+      setModalOpen(true);
+      return;
+    }
+    setThanked(true);
+    setTimeout(() => {
+      setVisible(false);
+      setThanked(false);
+    }, 1600);
+  };
+  const dismiss = () => {
+    recordInteraction("dismissed");
+    setVisible(false);
+  };
+  const choice = (emoji, label, outcome) => /* @__PURE__ */ jsxs17(
+    Box18,
+    {
+      component: "button",
+      type: "button",
+      onClick: () => answer(outcome),
+      sx: {
+        font: "inherit",
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        gap: 0.25,
+        px: 1.5,
+        py: 0.75,
+        border: "none",
+        borderRadius: 2,
+        cursor: "pointer",
+        bgcolor: "transparent",
+        color: theme.palette.text.secondary,
+        transition: "background-color 0.15s ease, transform 0.1s ease",
+        "&:hover": {
+          bgcolor: alpha11(theme.palette.text.primary, 0.06),
+          color: theme.palette.text.primary
+        },
+        "&:active": { transform: "scale(0.96)" }
+      },
+      children: [
+        /* @__PURE__ */ jsx21(Box18, { component: "span", sx: { fontSize: "1.3rem", lineHeight: 1 }, children: emoji }),
+        /* @__PURE__ */ jsx21(Typography14, { variant: "caption", sx: { fontWeight: 600 }, children: label })
+      ]
+    }
+  );
+  return /* @__PURE__ */ jsxs17(Fragment12, { children: [
+    /* @__PURE__ */ jsx21(Slide2, { direction: isMobile ? "down" : "up", in: visible, mountOnEnter: true, unmountOnExit: true, children: /* @__PURE__ */ jsx21(
+      Paper2,
+      {
+        elevation: 0,
+        sx: {
+          position: "fixed",
+          zIndex: 1350,
+          ...isMobile ? {
+            top: `calc(${theme.spacing(8)} + env(safe-area-inset-top, 0px))`,
+            left: "50%",
+            transform: "translateX(-50%) !important",
+            width: "min(92vw, 360px)"
+          } : { bottom: 24, right: 24, width: 320 },
+          p: 1.5,
+          borderRadius: 3,
+          border: `1px solid ${theme.palette.divider}`,
+          bgcolor: theme.palette.background.paper,
+          boxShadow: `0 12px 40px ${alpha11(theme.palette.common.black, theme.palette.mode === "dark" ? 0.5 : 0.18)}`
+        },
+        children: thanked ? /* @__PURE__ */ jsx21(Typography14, { sx: { textAlign: "center", py: 1.5, fontWeight: 600 }, children: "Thanks for the feedback! \u{1F64C}" }) : /* @__PURE__ */ jsxs17(Fragment12, { children: [
+          /* @__PURE__ */ jsxs17(Box18, { sx: { display: "flex", alignItems: "center", mb: 0.5 }, children: [
+            /* @__PURE__ */ jsx21(Typography14, { variant: "body2", sx: { fontWeight: 600, flex: 1 }, children: "How's Bandit doing?" }),
+            /* @__PURE__ */ jsx21(IconButton13, { size: "small", onClick: dismiss, "aria-label": "Dismiss feedback prompt", children: /* @__PURE__ */ jsx21(CloseIcon8, { size: 16 }) })
+          ] }),
+          /* @__PURE__ */ jsxs17(Box18, { sx: { display: "flex", justifyContent: "space-evenly" }, children: [
+            choice("\u{1F60A}", "Good", "good"),
+            choice("\u{1F610}", "Fine", "fine"),
+            choice("\u{1F641}", "Bad", "bad")
+          ] })
+        ] })
+      }
+    ) }),
+    /* @__PURE__ */ jsx21(
+      FeedbackModal,
+      {
+        open: modalOpen,
+        onClose: () => setModalOpen(false),
+        feedbackEmail
+      }
+    )
+  ] });
+};
+var FeedbackPulse_default = FeedbackPulse;
+
 // src/components/ConnectionStatus.tsx
-import { Box as Box18, Chip as Chip5, useTheme as useTheme18 } from "@mui/material";
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { Box as Box19, Chip as Chip5, useTheme as useTheme19 } from "@mui/material";
+import { jsx as jsx22 } from "react/jsx-runtime";
 var ConnectionStatus = ({
   showWhenGood = false,
   position = "top"
 }) => {
-  const theme = useTheme18();
+  const theme = useTheme19();
   const { isOnline, connectionQuality, isSlowConnection } = useNetworkStatus();
   if (connectionQuality === "fast" && !showWhenGood) {
     return null;
@@ -9710,28 +9890,28 @@ var ConnectionStatus = ({
     switch (connectionQuality) {
       case "offline":
         return {
-          icon: /* @__PURE__ */ jsx21(WifiOffIcon, { sx: { fontSize: 16 } }),
+          icon: /* @__PURE__ */ jsx22(WifiOffIcon, { sx: { fontSize: 16 } }),
           label: "Offline",
           color: "error",
           severity: "high"
         };
       case "slow":
         return {
-          icon: /* @__PURE__ */ jsx21(SignalWifi2BarIcon, { sx: { fontSize: 16 } }),
+          icon: /* @__PURE__ */ jsx22(SignalWifi2BarIcon, { sx: { fontSize: 16 } }),
           label: "Slow connection",
           color: "warning",
           severity: "medium"
         };
       case "fast":
         return {
-          icon: /* @__PURE__ */ jsx21(WifiIcon, { sx: { fontSize: 16 } }),
+          icon: /* @__PURE__ */ jsx22(WifiIcon, { sx: { fontSize: 16 } }),
           label: "Connected",
           color: "success",
           severity: "low"
         };
       default:
         return {
-          icon: /* @__PURE__ */ jsx21(WifiIcon, { sx: { fontSize: 16 } }),
+          icon: /* @__PURE__ */ jsx22(WifiIcon, { sx: { fontSize: 16 } }),
           label: "Unknown",
           color: "default",
           severity: "low"
@@ -9739,8 +9919,8 @@ var ConnectionStatus = ({
     }
   };
   const config = getStatusConfig();
-  return /* @__PURE__ */ jsx21(
-    Box18,
+  return /* @__PURE__ */ jsx22(
+    Box19,
     {
       sx: {
         position: "fixed",
@@ -9755,7 +9935,7 @@ var ConnectionStatus = ({
           "100%": { opacity: 1 }
         }
       },
-      children: /* @__PURE__ */ jsx21(
+      children: /* @__PURE__ */ jsx22(
         Chip5,
         {
           icon: config.icon,
@@ -9779,7 +9959,7 @@ var ConnectionStatus = ({
 };
 
 // src/hooks/useVoiceMode.ts
-import { useEffect as useEffect15, useRef as useRef13 } from "react";
+import { useEffect as useEffect16, useRef as useRef14 } from "react";
 var RMS_BASELINE = 128;
 var RMS_NORMALIZER = 128;
 var computeRms = (data) => {
@@ -9809,11 +9989,11 @@ var useVoiceMode = (config) => {
   const setError = useVoiceModeStore((state) => state.setError);
   const resetTransientState = useVoiceModeStore((state) => state.resetTransientState);
   const setLastTranscript = useVoiceModeStore((state) => state.setLastTranscript);
-  const configRef = useRef13(config);
-  useEffect15(() => {
+  const configRef = useRef14(config);
+  useEffect16(() => {
     configRef.current = config;
   }, [config]);
-  useEffect15(() => {
+  useEffect16(() => {
     if (!enabled) {
       return () => void 0;
     }
@@ -10068,7 +10248,7 @@ var useVoiceMode = (config) => {
 };
 
 // src/chat/chat.tsx
-import { Fragment as Fragment12, jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
 var ChatContent = () => {
   const packageSettings = usePackageSettingsStore((state) => state.settings);
   const UnderReviewView = packageSettings?.components?.UnderReview ?? UnderReview_default;
@@ -10077,8 +10257,8 @@ var ChatContent = () => {
   const ossMode = isOSSMode() || !packageSettings?.featureFlags?.subscriptionType;
   const playgroundBypassAccess = packageSettings?.playgroundBypassAuth || typeof window !== "undefined" && window.location.pathname.includes("/playground");
   const notificationService = useNotificationService();
-  const [selectedTheme, setSelectedTheme] = useState18(null);
-  const [themeLoading, setThemeLoading] = useState18(true);
+  const [selectedTheme, setSelectedTheme] = useState19(null);
+  const [themeLoading, setThemeLoading] = useState19(true);
   const token = authenticationService.getToken();
   const claims = token ? authenticationService.parseJwtClaims(token) : null;
   const baseTheme = themeMap_default[selectedTheme ?? "bandit-dark"] || banditDarkTheme;
@@ -10130,12 +10310,12 @@ var ChatContent = () => {
   } = useVoiceStore();
   const isVoiceModeEnabled = useVoiceModeStore((state) => state.enabled);
   const canvasOpen = useCanvasStore((state) => state.open);
-  const previousVoiceModeEnabledRef = useRef14(isVoiceModeEnabled);
-  const historyRef = useRef14(history);
-  useEffect16(() => {
+  const previousVoiceModeEnabledRef = useRef15(isVoiceModeEnabled);
+  const historyRef = useRef15(history);
+  useEffect17(() => {
     historyRef.current = history;
   }, [history]);
-  useEffect16(() => {
+  useEffect17(() => {
     if (!hydrated) return;
     const params = new URLSearchParams(window.location.search);
     const title = params.get("title") || "";
@@ -10151,7 +10331,7 @@ var ChatContent = () => {
     stop: ttsStop,
     isAvailable: isTTSAvailable
   } = useTTS();
-  useEffect16(() => {
+  useEffect17(() => {
     const timer = setTimeout(() => {
       const isAuthenticated = authenticationService.isAuthenticated();
       if (!initialized || availableVoices.length === 0) {
@@ -10165,7 +10345,7 @@ var ChatContent = () => {
     }, 500);
     return () => clearTimeout(timer);
   }, [initialized, availableVoices.length, loadVoicesFromAPI, token]);
-  useEffect16(() => {
+  useEffect17(() => {
     const isAuthenticated = authenticationService.isAuthenticated();
     if (packageSettings?.gatewayApiUrl && availableVoices.length === 0 && !initialized) {
       if (token && isAuthenticated) {
@@ -10177,17 +10357,17 @@ var ChatContent = () => {
     }
   }, [packageSettings?.gatewayApiUrl, availableVoices.length, initialized, loadVoicesFromAPI, token]);
   const provider = useAIProviderStore((state) => state.provider);
-  const inputRef = useRef14(null);
-  const [pastedImages, setPastedImages] = useState18([]);
-  const inputContainerRef = useRef14(null);
-  const [inputHeight, setInputHeight] = useState18(80);
-  const [isSubmitting, setIsSubmitting] = useState18(false);
-  const [pendingMessage, setPendingMessage] = useState18(null);
+  const inputRef = useRef15(null);
+  const [pastedImages, setPastedImages] = useState19([]);
+  const inputContainerRef = useRef15(null);
+  const [inputHeight, setInputHeight] = useState19(80);
+  const [isSubmitting, setIsSubmitting] = useState19(false);
+  const [pendingMessage, setPendingMessage] = useState19(null);
   const { conversations, currentId, _hasHydrated, hydrate, toggleIncognito } = useConversationStore();
   const isTemporaryChat = Boolean(conversations.find((c) => c.id === currentId)?.incognito);
-  const [isMobile, setIsMobile] = useState18(false);
-  const [drawerOpen, setDrawerOpen] = useState18(false);
-  const [mobileConversationsOpen, setMobileConversationsOpen] = useState18(false);
+  const [isMobile, setIsMobile] = useState19(false);
+  const [drawerOpen, setDrawerOpen] = useState19(false);
+  const [mobileConversationsOpen, setMobileConversationsOpen] = useState19(false);
   const { generateName } = useConversationNameGenerator();
   const { preferences } = usePreferencesStore();
   const { containerRef: chatContainerRef, targetRef: scrollTargetRef, scrollToBottom, getScrollState } = useAutoScroll({
@@ -10199,27 +10379,27 @@ var ChatContent = () => {
   const chatContainerEl = chatContainerRef.current;
   const scrollTargetEl = scrollTargetRef.current;
   const { isSlowConnection, connectionQuality, trackRequestStart, trackRequestEnd } = useNetworkStatus();
-  const [showScrollToBottom, setShowScrollToBottom] = useState18(false);
-  const [streamBuffer, setStreamBuffer] = useState18("");
-  const [responseStarted, setResponseStarted] = useState18(false);
-  const [isStreaming, setIsStreaming] = useState18(false);
-  const [isThinking, setIsThinking] = useState18(false);
+  const [showScrollToBottom, setShowScrollToBottom] = useState19(false);
+  const [streamBuffer, setStreamBuffer] = useState19("");
+  const [responseStarted, setResponseStarted] = useState19(false);
+  const [isStreaming, setIsStreaming] = useState19(false);
+  const [isThinking, setIsThinking] = useState19(false);
   const initialLogoState = history.length === 0;
-  const [logoVisible, setLogoVisible] = useState18(initialLogoState);
-  const [logoShouldRender, setLogoShouldRender] = useState18(initialLogoState);
-  const streamingGraceUntilRef = useRef14(0);
+  const [logoVisible, setLogoVisible] = useState19(initialLogoState);
+  const [logoShouldRender, setLogoShouldRender] = useState19(initialLogoState);
+  const streamingGraceUntilRef = useRef15(0);
   const GRACE_MS = 450;
   const GRACE_OFFSET_DESKTOP = 28;
   const GRACE_OFFSET_MOBILE = 20;
-  const followStreamRef = useRef14(true);
-  const lastSpokenResponseRef = useRef14(null);
-  const previousConversationIdRef = useRef14(null);
-  const logoFadeTimeoutRef = useRef14(null);
-  const [branding, setBranding] = useState18(null);
-  const [brandingLoading, setBrandingLoading] = useState18(true);
-  const isBrandingLoadInProgressRef = useRef14(false);
+  const followStreamRef = useRef15(true);
+  const lastSpokenResponseRef = useRef15(null);
+  const previousConversationIdRef = useRef15(null);
+  const logoFadeTimeoutRef = useRef15(null);
+  const [branding, setBranding] = useState19(null);
+  const [brandingLoading, setBrandingLoading] = useState19(true);
+  const isBrandingLoadInProgressRef = useRef15(false);
   const logoOnly = history.length === 0 && !brandingLoading;
-  useEffect16(() => {
+  useEffect17(() => {
     const isEmptyConversation = (history?.length ?? 0) === 0;
     const isSending = Boolean(pendingMessage);
     const shouldShowLogo = isEmptyConversation && !isSending;
@@ -10249,7 +10429,7 @@ var ChatContent = () => {
       }, 500);
     }
   }, [history, pendingMessage]);
-  useEffect16(() => {
+  useEffect17(() => {
     if (!brandingLoading && !themeLoading) {
       return;
     }
@@ -10265,18 +10445,18 @@ var ChatContent = () => {
     }, 2500);
     return () => window.clearTimeout(timeoutId);
   }, [brandingLoading, themeLoading, selectedTheme]);
-  useEffect16(() => () => {
+  useEffect17(() => () => {
     if (logoFadeTimeoutRef.current) {
       window.clearTimeout(logoFadeTimeoutRef.current);
       logoFadeTimeoutRef.current = null;
     }
   }, []);
-  useEffect16(() => {
+  useEffect17(() => {
     if (isStreaming && streamBuffer.trim() === "") {
       streamingGraceUntilRef.current = Date.now() + GRACE_MS;
     }
   }, [isStreaming, streamBuffer]);
-  useEffect16(() => {
+  useEffect17(() => {
     if (!isStreaming) return;
     const container = chatContainerRef.current;
     if (!container) return;
@@ -10287,13 +10467,13 @@ var ChatContent = () => {
       container.scrollTo({ top: targetTop, behavior: "smooth" });
     }
   }, [streamBuffer, isStreaming, isMobile, chatContainerRef]);
-  useEffect16(() => {
+  useEffect17(() => {
     if (!_hasHydrated) {
       debugLogger.info("Chat component triggering conversation store hydration");
       hydrate();
     }
   }, [_hasHydrated, hydrate]);
-  useEffect16(() => {
+  useEffect17(() => {
     const loadBrandingAndTheme = async () => {
       if (isBrandingLoadInProgressRef.current) {
         debugLogger.warn("Branding loading already in progress, skipping");
@@ -10482,7 +10662,7 @@ var ChatContent = () => {
       window.removeEventListener("bandit-theme-changed", handleThemeChange);
     };
   }, []);
-  useEffect16(() => {
+  useEffect17(() => {
     if (!chatContainerEl) return;
     const blurInputOnTouchScroll = () => {
       if (document.activeElement === inputRef.current) inputRef.current?.blur();
@@ -10490,13 +10670,13 @@ var ChatContent = () => {
     chatContainerEl.addEventListener("touchmove", blurInputOnTouchScroll, { passive: true });
     return () => chatContainerEl.removeEventListener("touchmove", blurInputOnTouchScroll);
   }, [chatContainerEl]);
-  useEffect16(() => {
+  useEffect17(() => {
     const handleResize = () => setIsMobile(window.innerWidth <= 768);
     handleResize();
     window.addEventListener("resize", handleResize);
     return () => window.removeEventListener("resize", handleResize);
   }, []);
-  useEffect16(() => {
+  useEffect17(() => {
     const setViewportHeight = () => {
       document.documentElement.style.setProperty(
         "--vh",
@@ -10507,7 +10687,7 @@ var ChatContent = () => {
     window.addEventListener("resize", setViewportHeight);
     return () => window.removeEventListener("resize", setViewportHeight);
   }, []);
-  useEffect16(() => {
+  useEffect17(() => {
     if (!chatContainerEl) return;
     let rafId = null;
     const update = () => {
@@ -10526,7 +10706,7 @@ var ChatContent = () => {
       chatContainerEl.removeEventListener(SCROLL_STATE_CHANGED_EVENT, update);
     };
   }, [chatContainerEl, getScrollState]);
-  useEffect16(() => {
+  useEffect17(() => {
     if (!chatContainerEl) return;
     let observer = null;
     let rafId = null;
@@ -10561,7 +10741,7 @@ var ChatContent = () => {
       if (observer) observer.disconnect();
     };
   }, [chatContainerEl, scrollTargetEl, scrollTargetRef, getScrollState, inputHeight, history.length]);
-  useEffect16(() => {
+  useEffect17(() => {
     const isTransitioning = isStreaming || streamBuffer.trim() === "";
     const delay = isTransitioning ? 400 : 100;
     const timer = setTimeout(() => {
@@ -10604,7 +10784,7 @@ var ChatContent = () => {
       return () => clearTimeout(scrollTimer);
     }
   }, [history, isStreaming, scrollToBottom, getScrollState, isMobile, chatContainerRef]);
-  useEffect16(() => {
+  useEffect17(() => {
     const observer = new ResizeObserver(() => {
       if (inputContainerRef.current)
         setInputHeight(inputContainerRef.current.offsetHeight);
@@ -10615,7 +10795,7 @@ var ChatContent = () => {
     }
     return () => observer.disconnect();
   }, []);
-  useEffect16(() => {
+  useEffect17(() => {
     if (!hydrated || !_hasHydrated) return;
     if (currentId === null) {
       useAIQueryStore.setState({ history: [] });
@@ -10664,7 +10844,7 @@ var ChatContent = () => {
     setResponse,
     setComponentStatus
   ]);
-  useEffect16(() => {
+  useEffect17(() => {
     debugLogger.info("Chat component conversation state", {
       hasHydrated: _hasHydrated,
       conversationCount: conversations.length,
@@ -10673,7 +10853,7 @@ var ChatContent = () => {
       storeState: "main-chat"
     });
   }, [_hasHydrated, conversations, currentId]);
-  useEffect16(() => {
+  useEffect17(() => {
     if (!_hasHydrated || !chatContainerEl) return;
     let rafId = null;
     const sync = () => {
@@ -10863,7 +11043,7 @@ var ChatContent = () => {
     onInterrupt: handleVoiceInterrupt,
     onError: (message) => notificationService?.showError?.(message)
   });
-  useEffect16(() => {
+  useEffect17(() => {
     const previouslyEnabled = previousVoiceModeEnabledRef.current;
     previousVoiceModeEnabledRef.current = isVoiceModeEnabled;
     if (!previouslyEnabled && isVoiceModeEnabled) {
@@ -10888,7 +11068,7 @@ var ChatContent = () => {
       }
     }
   }, [isVoiceModeEnabled, ttsStop]);
-  useEffect16(() => {
+  useEffect17(() => {
     if (!isVoiceModeEnabled || !isStreaming) {
       return;
     }
@@ -10908,7 +11088,7 @@ var ChatContent = () => {
     }
     lastSpokenResponseRef.current = null;
   }, [isStreaming, isVoiceModeEnabled, ttsStop]);
-  useEffect16(() => {
+  useEffect17(() => {
     if (!isVoiceModeEnabled) {
       lastSpokenResponseRef.current = null;
       return;
@@ -10988,10 +11168,10 @@ var ChatContent = () => {
     }
   };
   if (!hydrated || brandingLoading || themeLoading) {
-    return /* @__PURE__ */ jsxs17(ThemeProvider, { theme: banditTheme, children: [
-      /* @__PURE__ */ jsx22(CssBaseline, {}),
-      /* @__PURE__ */ jsxs17(
-        Box19,
+    return /* @__PURE__ */ jsxs18(ThemeProvider, { theme: banditTheme, children: [
+      /* @__PURE__ */ jsx23(CssBaseline, {}),
+      /* @__PURE__ */ jsxs18(
+        Box20,
         {
           sx: (theme) => ({
             minHeight: "100dvh",
@@ -11004,8 +11184,8 @@ var ChatContent = () => {
             color: theme.palette.text.primary
           }),
           children: [
-            /* @__PURE__ */ jsx22(CircularProgress4, { size: 32, thickness: 4 }),
-            /* @__PURE__ */ jsx22(Typography14, { variant: "body2", color: "text.secondary", children: "Preparing your workspace..." })
+            /* @__PURE__ */ jsx23(CircularProgress4, { size: 32, thickness: 4 }),
+            /* @__PURE__ */ jsx23(Typography15, { variant: "body2", color: "text.secondary", children: "Preparing your workspace..." })
           ]
         }
       )
@@ -11013,15 +11193,15 @@ var ChatContent = () => {
   }
   const userHasAccess = playgroundBypassAccess || ossMode || claims?.roles?.includes("super-user") || claims?.roles?.includes("admin");
   if (!userHasAccess) {
-    return /* @__PURE__ */ jsxs17(ThemeProvider, { theme: banditTheme, children: [
-      /* @__PURE__ */ jsx22(CssBaseline, {}),
-      /* @__PURE__ */ jsx22(UnderReviewView, {})
+    return /* @__PURE__ */ jsxs18(ThemeProvider, { theme: banditTheme, children: [
+      /* @__PURE__ */ jsx23(CssBaseline, {}),
+      /* @__PURE__ */ jsx23(UnderReviewView, {})
     ] });
   }
-  return /* @__PURE__ */ jsxs17(ThemeProvider, { theme: banditTheme, children: [
-    /* @__PURE__ */ jsx22(CssBaseline, {}),
-    /* @__PURE__ */ jsxs17(
-      Box19,
+  return /* @__PURE__ */ jsxs18(ThemeProvider, { theme: banditTheme, children: [
+    /* @__PURE__ */ jsx23(CssBaseline, {}),
+    /* @__PURE__ */ jsxs18(
+      Box20,
       {
         sx: (theme) => ({
           display: "flex",
@@ -11050,7 +11230,7 @@ var ChatContent = () => {
           transition: "left 0.3s ease-in-out, width 0.3s ease-in-out, transform 0.3s ease-in-out, border-radius 0.3s ease-in-out"
         }),
         children: [
-          /* @__PURE__ */ jsx22(
+          /* @__PURE__ */ jsx23(
             chat_app_bar_default,
             {
               availableModels,
@@ -11064,9 +11244,9 @@ var ChatContent = () => {
               onMobileConversationsOpenChange: setMobileConversationsOpen
             }
           ),
-          isTemporaryChat && /* @__PURE__ */ jsxs17(Fragment12, { children: [
-            /* @__PURE__ */ jsx22(
-              Box19,
+          isTemporaryChat && /* @__PURE__ */ jsxs18(Fragment13, { children: [
+            /* @__PURE__ */ jsx23(
+              Box20,
               {
                 sx: (theme) => ({
                   position: "absolute",
@@ -11078,8 +11258,8 @@ var ChatContent = () => {
                 })
               }
             ),
-            /* @__PURE__ */ jsxs17(
-              Box19,
+            /* @__PURE__ */ jsxs18(
+              Box20,
               {
                 sx: (theme) => ({
                   position: "absolute",
@@ -11103,10 +11283,10 @@ var ChatContent = () => {
                   whiteSpace: "nowrap"
                 }),
                 children: [
-                  /* @__PURE__ */ jsx22(Box19, { component: "span", "aria-hidden": true, sx: { fontSize: "0.9rem", lineHeight: 1 }, children: "\u{1F47B}" }),
+                  /* @__PURE__ */ jsx23(Box20, { component: "span", "aria-hidden": true, sx: { fontSize: "0.9rem", lineHeight: 1 }, children: "\u{1F47B}" }),
                   "Temporary chat",
-                  /* @__PURE__ */ jsx22(
-                    Box19,
+                  /* @__PURE__ */ jsx23(
+                    Box20,
                     {
                       component: "button",
                       type: "button",
@@ -11140,8 +11320,8 @@ var ChatContent = () => {
               }
             )
           ] }),
-          /* @__PURE__ */ jsx22(
-            Box19,
+          /* @__PURE__ */ jsx23(
+            Box20,
             {
               ref: chatContainerRef,
               sx: {
@@ -11161,8 +11341,8 @@ var ChatContent = () => {
                 msOverflowStyle: "none",
                 "&::-webkit-scrollbar": { display: "none" }
               },
-              children: /* @__PURE__ */ jsxs17(
-                Box19,
+              children: /* @__PURE__ */ jsxs18(
+                Box20,
                 {
                   sx: {
                     width: "100%",
@@ -11175,8 +11355,8 @@ var ChatContent = () => {
                     logoShouldRender && !brandingLoading && (() => {
                       const headerMode = branding?.headerMode ?? "logo";
                       if (headerMode === "minimal") {
-                        return /* @__PURE__ */ jsx22(
-                          Box19,
+                        return /* @__PURE__ */ jsx23(
+                          Box20,
                           {
                             sx: (theme) => ({
                               textAlign: "center",
@@ -11187,13 +11367,13 @@ var ChatContent = () => {
                               transition: "opacity 0.5s ease",
                               color: theme.palette.text.primary
                             }),
-                            children: /* @__PURE__ */ jsx22(Typography14, { sx: { fontWeight: 500, fontSize: { xs: "1.5rem", md: "1.9rem" }, lineHeight: 1.2 }, children: "What can I help with?" })
+                            children: /* @__PURE__ */ jsx23(Typography15, { sx: { fontWeight: 500, fontSize: { xs: "1.5rem", md: "1.9rem" }, lineHeight: 1.2 }, children: "What can I help with?" })
                           }
                         );
                       }
                       if (headerMode === "text") {
-                        return /* @__PURE__ */ jsx22(
-                          Box19,
+                        return /* @__PURE__ */ jsx23(
+                          Box20,
                           {
                             sx: (theme) => ({
                               textAlign: "center",
@@ -11204,14 +11384,14 @@ var ChatContent = () => {
                               transition: "opacity 0.5s ease",
                               color: theme.palette.text.primary
                             }),
-                            children: /* @__PURE__ */ jsx22(Typography14, { sx: { fontWeight: 600, fontSize: { xs: "1.6rem", md: "2.1rem" }, lineHeight: 1.2 }, children: branding?.brandingText?.trim() || "Bandit AI" })
+                            children: /* @__PURE__ */ jsx23(Typography15, { sx: { fontWeight: 600, fontSize: { xs: "1.6rem", md: "2.1rem" }, lineHeight: 1.2 }, children: branding?.brandingText?.trim() || "Bandit AI" })
                           }
                         );
                       }
-                      return branding?.logoBase64 ? /* @__PURE__ */ jsx22(custom_logo_default, { visible: logoVisible, atTop: true }) : /* @__PURE__ */ jsx22(bandit_chat_logo_default, { visible: logoVisible, atTop: true });
+                      return branding?.logoBase64 ? /* @__PURE__ */ jsx23(custom_logo_default, { visible: logoVisible, atTop: true }) : /* @__PURE__ */ jsx23(bandit_chat_logo_default, { visible: logoVisible, atTop: true });
                     })(),
-                    /* @__PURE__ */ jsx22(
-                      Box19,
+                    /* @__PURE__ */ jsx23(
+                      Box20,
                       {
                         sx: {
                           margin: "0 auto",
@@ -11220,7 +11400,7 @@ var ChatContent = () => {
                           flexShrink: 0,
                           px: isMobile ? 0 : 0
                         },
-                        children: /* @__PURE__ */ jsx22(
+                        children: /* @__PURE__ */ jsx23(
                           chat_messages_default,
                           {
                             isStreaming,
@@ -11244,7 +11424,7 @@ var ChatContent = () => {
               )
             }
           ),
-          showScrollToBottom && /* @__PURE__ */ jsx22(
+          showScrollToBottom && /* @__PURE__ */ jsx23(
             chat_scroll_to_bottom_button_default,
             {
               inputHeight,
@@ -11253,8 +11433,8 @@ var ChatContent = () => {
               onClick: handleScrollToBottomClick
             }
           ),
-          history.length === 0 && componentStatus !== "Loading" && !isMobile && /* @__PURE__ */ jsx22(
-            Box19,
+          history.length === 0 && componentStatus !== "Loading" && !isMobile && /* @__PURE__ */ jsx23(
+            Box20,
             {
               sx: (theme) => ({
                 position: "absolute",
@@ -11272,8 +11452,8 @@ var ChatContent = () => {
               })
             }
           ),
-          /* @__PURE__ */ jsxs17(
-            Box19,
+          /* @__PURE__ */ jsxs18(
+            Box20,
             {
               sx: {
                 display: "flex",
@@ -11284,11 +11464,11 @@ var ChatContent = () => {
                 maxWidth: "768px"
               },
               children: [
-                /* @__PURE__ */ jsx22(Box19, { sx: { flex: "1 1 auto" } }),
-                history.length === 0 && componentStatus !== "Loading" && !pendingMessage && preferences.chatSuggestionsEnabled && /* @__PURE__ */ jsx22(Box19, { sx: { marginBottom: "20px" }, children: /* @__PURE__ */ jsx22(QuerySuggestionPicker, { onSend: handleSend, inputHeight }) }),
-                /* @__PURE__ */ jsx22(rate_limit_prompt_default, {}),
-                /* @__PURE__ */ jsx22(ask_user_card_default, {}),
-                /* @__PURE__ */ jsx22(
+                /* @__PURE__ */ jsx23(Box20, { sx: { flex: "1 1 auto" } }),
+                history.length === 0 && componentStatus !== "Loading" && !pendingMessage && preferences.chatSuggestionsEnabled && /* @__PURE__ */ jsx23(Box20, { sx: { marginBottom: "20px" }, children: /* @__PURE__ */ jsx23(QuerySuggestionPicker, { onSend: handleSend, inputHeight }) }),
+                /* @__PURE__ */ jsx23(rate_limit_prompt_default, {}),
+                /* @__PURE__ */ jsx23(ask_user_card_default, {}),
+                /* @__PURE__ */ jsx23(
                   chat_input_default,
                   {
                     inputValue,
@@ -11315,24 +11495,12 @@ var ChatContent = () => {
               ]
             }
           ),
-          preferences.feedbackEnabled && !isMobile && /* @__PURE__ */ jsx22(
-            FeedbackButton,
-            {
-              fullScreen: false,
-              zIndex: 1300,
-              feedbackEmail: packageSettings?.feedbackEmail,
-              absolute: true,
-              position: {
-                bottom: 20,
-                right: 20
-              }
-            }
-          ),
-          /* @__PURE__ */ jsx22(ConnectionStatus, { position: "top", showWhenGood: false })
+          preferences.feedbackEnabled && /* @__PURE__ */ jsx23(FeedbackPulse_default, { isMobile, feedbackEmail: packageSettings?.feedbackEmail }),
+          /* @__PURE__ */ jsx23(ConnectionStatus, { position: "top", showWhenGood: false })
         ]
       }
     ),
-    /* @__PURE__ */ jsx22(canvas_panel_default, { isMobile })
+    /* @__PURE__ */ jsx23(canvas_panel_default, { isMobile })
   ] });
 };
 var Chat = () => {
@@ -11358,13 +11526,13 @@ var Chat = () => {
   });
   if (!allowUnauthenticated && !bypassAuth && !authenticationService.isAuthenticated()) {
     debugLogger.debug("User is not authenticated, redirecting to login");
-    return /* @__PURE__ */ jsx22(Navigate, { to: "/login", replace: true });
+    return /* @__PURE__ */ jsx23(Navigate, { to: "/login", replace: true });
   }
-  return /* @__PURE__ */ jsx22(ChatContent, {});
+  return /* @__PURE__ */ jsx23(ChatContent, {});
 };
 var chat_default = Chat;
 
 export {
   chat_default
 };
-//# sourceMappingURL=chunk-LQJ6OD7F.mjs.map
+//# sourceMappingURL=chunk-POQY66ZJ.mjs.map