@burtson-labs/bandit-engine 2.0.129 → 2.0.130

package/dist/management/management.js

@@ -13090,7 +13090,8 @@ var init_ai_response_text_field = __esm({
       memoryUpdated,
       sourceFiles,
       isMobile = false,
-      cancelled = false
+      cancelled = false,
+      revealActionsOnHover = false
     }) => {
       (0, import_react14.useEffect)(() => {
         if (typeof response !== "string" && !import_react14.default.isValidElement(response)) {
@@ -13578,7 +13579,8 @@ ${sourcesMarkdownList.join("\n")}`;
               color: chatResponse.aiText || theme.palette.text.primary,
               px: isMobile ? 0.5 : 2,
               py: 1,
-              userSelect: "text"
+              userSelect: "text",
+              "&:hover .ai-response-actions": { opacity: 1 }
             },
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material8.Box, { sx: { display: "flex", justifyContent: "flex-end", mb: 2.5 }, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_material8.Box, { sx: { maxWidth: { xs: "100%", sm: "85%" }, minWidth: 0 }, children: [
@@ -13678,7 +13680,18 @@ ${sourcesMarkdownList.join("\n")}`;
                   }
                 ) : import_react14.default.isValidElement(response) ? response : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material8.Typography, { color: "error", children: "\u26A0\uFE0F Invalid AI response" }) })
               ] }),
-              !!(responseText || typeof response === "string" && response) && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ai_response_action_bar_default, { text: responseText || response }),
+              !!(responseText || typeof response === "string" && response) && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                import_material8.Box,
+                {
+                  className: "ai-response-actions",
+                  sx: revealActionsOnHover ? {
+                    opacity: 0,
+                    transition: "opacity 0.15s ease",
+                    "&:focus-within": { opacity: 1 }
+                  } : void 0,
+                  children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ai_response_action_bar_default, { text: responseText || response })
+                }
+              ),
               displaySourceFiles && displaySourceFiles.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material8.Box, { sx: { mt: 1.5, display: "flex", gap: 2, flexWrap: "wrap", justifyContent: "flex-start" }, children: displaySourceFiles.map((doc, idx) => {
                 debugLogger.debug("Rendering DocumentCard in AI response", {
                   index: idx,
@@ -16361,152 +16374,6 @@ var init_FeedbackModal = __esm({
   }
 });
 
-// src/components/feedback/index.tsx
-var init_feedback = __esm({
-  "src/components/feedback/index.tsx"() {
-    "use strict";
-    init_FeedbackButton();
-    init_FeedbackModal();
-  }
-});
-
-// src/components/feedback/FeedbackButton.tsx
-var import_react18, import_material14, import_lucide_react4, import_jsx_runtime14, FeedbackButton;
-var init_FeedbackButton = __esm({
-  "src/components/feedback/FeedbackButton.tsx"() {
-    "use strict";
-    import_react18 = require("react");
-    import_material14 = require("@mui/material");
-    import_lucide_react4 = require("lucide-react");
-    init_feedback();
-    import_jsx_runtime14 = require("react/jsx-runtime");
-    FeedbackButton = ({
-      fullScreen = false,
-      className,
-      zIndex = 1400,
-      feedbackEmail,
-      inline = false,
-      buttonText = "Send Feedback",
-      size = "small",
-      position,
-      absolute = false
-    }) => {
-      const theme = (0, import_material14.useTheme)();
-      const [open, setOpen] = (0, import_react18.useState)(false);
-      const handleOpen = () => setOpen(true);
-      const handleClose = () => setOpen(false);
-      if (inline) {
-        return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
-          buttonText ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-            import_material14.Button,
-            {
-              variant: "outlined",
-              startIcon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.MessageCircle, {}),
-              onClick: handleOpen,
-              className,
-              size,
-              sx: {
-                borderRadius: 2,
-                textTransform: "none",
-                "&:hover": {
-                  transform: "translateY(-1px)",
-                  boxShadow: theme.shadows[4]
-                }
-              },
-              children: buttonText
-            }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material14.Tooltip, { title: "Send Feedback", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-            import_material14.IconButton,
-            {
-              onClick: handleOpen,
-              className,
-              size,
-              sx: {
-                color: theme.palette.primary.main,
-                borderRadius: 2,
-                transition: "all 0.2s ease",
-                "&:hover": {
-                  bgcolor: theme.palette.primary.main + "15",
-                  transform: "translateY(-1px)"
-                }
-              },
-              children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.MessageCircle, {})
-            }
-          ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-            FeedbackModal,
-            {
-              open,
-              onClose: handleClose,
-              feedbackEmail
-            }
-          )
-        ] });
-      }
-      return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material14.Zoom, { in: true, timeout: 300, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-          import_material14.Tooltip,
-          {
-            title: "Send Feedback",
-            placement: "left",
-            arrow: true,
-            children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-              import_material14.Fab,
-              {
-                size,
-                onClick: handleOpen,
-                className,
-                sx: {
-                  position: absolute ? "absolute" : "relative",
-                  ...absolute && {
-                    bottom: position?.bottom ?? (fullScreen ? 16 : 20),
-                    right: position?.right ?? 16,
-                    top: position?.top,
-                    left: position?.left
-                  },
-                  zIndex,
-                  bgcolor: theme.palette.primary.main,
-                  color: theme.palette.primary.contrastText,
-                  boxShadow: theme.palette.mode === "dark" ? "0 8px 32px rgba(0,0,0,0.4)" : "0 8px 32px rgba(0,0,0,0.15)",
-                  border: `1px solid ${theme.palette.divider}`,
-                  transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
-                  "&:hover": {
-                    bgcolor: theme.palette.primary.dark,
-                    transform: "scale(1.05) translateY(-2px)",
-                    boxShadow: theme.palette.mode === "dark" ? "0 12px 40px rgba(0,0,0,0.5)" : "0 12px 40px rgba(0,0,0,0.2)"
-                  },
-                  "&:active": {
-                    transform: "scale(0.98) translateY(0px)"
-                  },
-                  // Subtle pulsing animation
-                  animation: "feedbackPulse 3s ease-in-out infinite",
-                  "@keyframes feedbackPulse": {
-                    "0%, 100%": {
-                      boxShadow: theme.palette.mode === "dark" ? "0 8px 32px rgba(0,0,0,0.4)" : "0 8px 32px rgba(0,0,0,0.15)"
-                    },
-                    "50%": {
-                      boxShadow: theme.palette.mode === "dark" ? `0 8px 32px ${theme.palette.primary.main}40` : `0 8px 32px ${theme.palette.primary.main}30`
-                    }
-                  }
-                },
-                children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.MessageCircle, {})
-              }
-            )
-          }
-        ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-          FeedbackModal,
-          {
-            open,
-            onClose: handleClose,
-            feedbackEmail
-          }
-        )
-      ] });
-    };
-  }
-});
-
 // src/shared/components/NotificationProvider.tsx
 var import_react21, import_material16, import_jsx_runtime15, NotificationContext, useNotification;
 var init_NotificationProvider = __esm({
@@ -20731,7 +20598,8 @@ var init_chat_messages = __esm({
               memoryUpdated: entry.memoryUpdated && !isPlaceholder,
               sourceFiles: rawSources,
               isMobile,
-              cancelled: entry.cancelled
+              cancelled: entry.cancelled,
+              revealActionsOnHover: !isLast && !isMobile
             }
           ) }, index);
         }),
@@ -26862,6 +26730,7 @@ var init_conversation_drawer = __esm({
     import_react57 = require("react");
     import_material46 = require("@mui/material");
     import_lucide_react14 = require("lucide-react");
+    init_FeedbackModal();
     import_styles30 = require("@mui/material/styles");
     init_conversationStore();
     init_projectStore();
@@ -26937,6 +26806,7 @@ var init_conversation_drawer = __esm({
       const [searchQuery, setSearchQuery] = (0, import_react57.useState)("");
       const [menuAnchorEl, setMenuAnchorEl] = (0, import_react57.useState)(null);
       const [clearConfirmOpen, setClearConfirmOpen] = (0, import_react57.useState)(false);
+      const [feedbackOpen, setFeedbackOpen] = (0, import_react57.useState)(false);
       const [moveModalOpen, setMoveModalOpen] = (0, import_react57.useState)(false);
       const [conversationToMove, setConversationToMove] = (0, import_react57.useState)(null);
       const [renameProjectId, setRenameProjectId] = (0, import_react57.useState)(null);
@@ -27757,7 +27627,7 @@ var init_conversation_drawer = __esm({
             currentProjectId: conversationToMove.projectId
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
           import_material46.Menu,
           {
             anchorEl: menuAnchorEl,
@@ -27771,20 +27641,43 @@ var init_conversation_drawer = __esm({
               vertical: "bottom",
               horizontal: "right"
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
-              import_material46.MenuItem,
-              {
-                onClick: () => {
-                  setClearConfirmOpen(true);
-                  handleMenuClose();
-                },
-                sx: { color: theme.palette.error.main },
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react14.Trash2, { size: 16, color: theme.palette.error.main }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.ListItemText, { children: "Clear All Conversations" })
-                ]
-              }
-            )
+            children: [
+              preferences.feedbackEnabled && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+                import_material46.MenuItem,
+                {
+                  onClick: () => {
+                    setFeedbackOpen(true);
+                    handleMenuClose();
+                  },
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react14.MessageSquare, { size: 16 }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.ListItemText, { children: "Send feedback" })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+                import_material46.MenuItem,
+                {
+                  onClick: () => {
+                    setClearConfirmOpen(true);
+                    handleMenuClose();
+                  },
+                  sx: { color: theme.palette.error.main },
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react14.Trash2, { size: 16, color: theme.palette.error.main }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.ListItemText, { children: "Clear All Conversations" })
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        preferences.feedbackEnabled && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+          FeedbackModal,
+          {
+            open: feedbackOpen,
+            onClose: () => setFeedbackOpen(false),
+            feedbackEmail: usePackageSettingsStore.getState().settings?.feedbackEmail
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
@@ -29744,20 +29637,185 @@ var init_UnderReview = __esm({
   }
 });
 
+// src/components/feedback/FeedbackPulse.tsx
+var import_react61, import_material52, import_styles33, import_lucide_react16, import_jsx_runtime51, STORAGE_KEY3, COOLDOWN_DAYS, MIN_SESSION_MS, MIN_MESSAGES_SENT, CHECK_INTERVAL_MS, readLastInteraction, recordInteraction, FeedbackPulse, FeedbackPulse_default;
+var init_FeedbackPulse = __esm({
+  "src/components/feedback/FeedbackPulse.tsx"() {
+    "use strict";
+    import_react61 = require("react");
+    import_material52 = require("@mui/material");
+    import_styles33 = require("@mui/material/styles");
+    import_lucide_react16 = require("lucide-react");
+    init_conversationStore();
+    init_FeedbackModal();
+    init_debugLogger();
+    import_jsx_runtime51 = require("react/jsx-runtime");
+    STORAGE_KEY3 = "bandit-feedback-pulse-last";
+    COOLDOWN_DAYS = 14;
+    MIN_SESSION_MS = 5 * 60 * 1e3;
+    MIN_MESSAGES_SENT = 2;
+    CHECK_INTERVAL_MS = 30 * 1e3;
+    readLastInteraction = () => {
+      try {
+        return Number(localStorage.getItem(STORAGE_KEY3)) || 0;
+      } catch {
+        return 0;
+      }
+    };
+    recordInteraction = (outcome) => {
+      try {
+        localStorage.setItem(STORAGE_KEY3, String(Date.now()));
+      } catch {
+      }
+      debugLogger.info("FeedbackPulse: interaction recorded", { outcome });
+    };
+    FeedbackPulse = ({ isMobile, feedbackEmail }) => {
+      const theme = (0, import_styles33.useTheme)();
+      const [visible, setVisible] = (0, import_react61.useState)(false);
+      const [thanked, setThanked] = (0, import_react61.useState)(false);
+      const [modalOpen, setModalOpen] = (0, import_react61.useState)(false);
+      const mountedAtRef = (0, import_react61.useRef)(Date.now());
+      const baselineMessagesRef = (0, import_react61.useRef)(null);
+      const totalMessages = useConversationStore(
+        (s) => s.conversations.reduce((n, c) => n + c.history.length, 0)
+      );
+      const hydrated = useConversationStore((s) => s._hasHydrated);
+      (0, import_react61.useEffect)(() => {
+        if (hydrated && baselineMessagesRef.current === null) {
+          baselineMessagesRef.current = totalMessages;
+        }
+      }, [hydrated, totalMessages]);
+      (0, import_react61.useEffect)(() => {
+        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__ */ (0, import_jsx_runtime51.jsxs)(
+        import_material52.Box,
+        {
+          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: (0, import_styles33.alpha)(theme.palette.text.primary, 0.06),
+              color: theme.palette.text.primary
+            },
+            "&:active": { transform: "scale(0.96)" }
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_material52.Box, { component: "span", sx: { fontSize: "1.3rem", lineHeight: 1 }, children: emoji }),
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_material52.Typography, { variant: "caption", sx: { fontWeight: 600 }, children: label })
+          ]
+        }
+      );
+      return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_material52.Slide, { direction: isMobile ? "down" : "up", in: visible, mountOnEnter: true, unmountOnExit: true, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+          import_material52.Paper,
+          {
+            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 ${(0, import_styles33.alpha)(theme.palette.common.black, theme.palette.mode === "dark" ? 0.5 : 0.18)}`
+            },
+            children: thanked ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_material52.Typography, { sx: { textAlign: "center", py: 1.5, fontWeight: 600 }, children: "Thanks for the feedback! \u{1F64C}" }) : /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_material52.Box, { sx: { display: "flex", alignItems: "center", mb: 0.5 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_material52.Typography, { variant: "body2", sx: { fontWeight: 600, flex: 1 }, children: "How's Bandit doing?" }),
+                /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_material52.IconButton, { size: "small", onClick: dismiss, "aria-label": "Dismiss feedback prompt", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react16.X, { size: 16 }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_material52.Box, { sx: { display: "flex", justifyContent: "space-evenly" }, children: [
+                choice("\u{1F60A}", "Good", "good"),
+                choice("\u{1F610}", "Fine", "fine"),
+                choice("\u{1F641}", "Bad", "bad")
+              ] })
+            ] })
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+          FeedbackModal,
+          {
+            open: modalOpen,
+            onClose: () => setModalOpen(false),
+            feedbackEmail
+          }
+        )
+      ] });
+    };
+    FeedbackPulse_default = FeedbackPulse;
+  }
+});
+
 // src/components/ConnectionStatus.tsx
-var import_material52, import_jsx_runtime51, ConnectionStatus;
+var import_material53, import_jsx_runtime52, ConnectionStatus;
 var init_ConnectionStatus = __esm({
   "src/components/ConnectionStatus.tsx"() {
     "use strict";
-    import_material52 = require("@mui/material");
+    import_material53 = require("@mui/material");
     init_useNetworkStatus();
     init_lucide_icons();
-    import_jsx_runtime51 = require("react/jsx-runtime");
+    import_jsx_runtime52 = require("react/jsx-runtime");
     ConnectionStatus = ({
       showWhenGood = false,
       position = "top"
     }) => {
-      const theme = (0, import_material52.useTheme)();
+      const theme = (0, import_material53.useTheme)();
       const { isOnline, connectionQuality, isSlowConnection } = useNetworkStatus();
       if (connectionQuality === "fast" && !showWhenGood) {
         return null;
@@ -29766,28 +29824,28 @@ var init_ConnectionStatus = __esm({
         switch (connectionQuality) {
           case "offline":
             return {
-              icon: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(WifiOffIcon, { sx: { fontSize: 16 } }),
+              icon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(WifiOffIcon, { sx: { fontSize: 16 } }),
               label: "Offline",
               color: "error",
               severity: "high"
             };
           case "slow":
             return {
-              icon: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(SignalWifi2BarIcon, { sx: { fontSize: 16 } }),
+              icon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(SignalWifi2BarIcon, { sx: { fontSize: 16 } }),
               label: "Slow connection",
               color: "warning",
               severity: "medium"
             };
           case "fast":
             return {
-              icon: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(WifiIcon, { sx: { fontSize: 16 } }),
+              icon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(WifiIcon, { sx: { fontSize: 16 } }),
               label: "Connected",
               color: "success",
               severity: "low"
             };
           default:
             return {
-              icon: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(WifiIcon, { sx: { fontSize: 16 } }),
+              icon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(WifiIcon, { sx: { fontSize: 16 } }),
               label: "Unknown",
               color: "default",
               severity: "low"
@@ -29795,8 +29853,8 @@ var init_ConnectionStatus = __esm({
         }
       };
       const config = getStatusConfig();
-      return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-        import_material52.Box,
+      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        import_material53.Box,
         {
           sx: {
             position: "fixed",
@@ -29811,8 +29869,8 @@ var init_ConnectionStatus = __esm({
               "100%": { opacity: 1 }
             }
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-            import_material52.Chip,
+          children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+            import_material53.Chip,
             {
               icon: config.icon,
               label: config.label,
@@ -29837,11 +29895,11 @@ var init_ConnectionStatus = __esm({
 });
 
 // src/hooks/useVoiceMode.ts
-var import_react61, RMS_BASELINE, RMS_NORMALIZER, computeRms, pickSupportedMimeType, useVoiceMode;
+var import_react62, RMS_BASELINE, RMS_NORMALIZER, computeRms, pickSupportedMimeType, useVoiceMode;
 var init_useVoiceMode = __esm({
   "src/hooks/useVoiceMode.ts"() {
     "use strict";
-    import_react61 = require("react");
+    import_react62 = require("react");
     init_stt_client();
     init_debugLogger();
     init_voiceModeStore();
@@ -29874,11 +29932,11 @@ var init_useVoiceMode = __esm({
       const setError = useVoiceModeStore((state) => state.setError);
       const resetTransientState = useVoiceModeStore((state) => state.resetTransientState);
       const setLastTranscript = useVoiceModeStore((state) => state.setLastTranscript);
-      const configRef = (0, import_react61.useRef)(config);
-      (0, import_react61.useEffect)(() => {
+      const configRef = (0, import_react62.useRef)(config);
+      (0, import_react62.useEffect)(() => {
         configRef.current = config;
       }, [config]);
-      (0, import_react61.useEffect)(() => {
+      (0, import_react62.useEffect)(() => {
         if (!enabled) {
           return () => void 0;
         }
@@ -30139,15 +30197,15 @@ var chat_exports = {};
 __export(chat_exports, {
   default: () => chat_default
 });
-var import_react62, import_material53, import_styles33, import_react_router_dom5, import_jsx_runtime52, ChatContent, Chat, chat_default;
+var import_react63, import_material54, import_styles34, import_react_router_dom5, import_jsx_runtime53, ChatContent, Chat, chat_default;
 var init_chat2 = __esm({
   "src/chat/chat.tsx"() {
     "use strict";
-    import_react62 = require("react");
+    import_react63 = require("react");
     init_custom_logo();
     init_indexedDBService();
-    import_material53 = require("@mui/material");
-    import_styles33 = require("@mui/material/styles");
+    import_material54 = require("@mui/material");
+    import_styles34 = require("@mui/material/styles");
     init_aiQueryStore();
     init_modelStore();
     init_canvasStore();
@@ -30178,14 +30236,14 @@ var init_chat2 = __esm({
     init_preferencesStore();
     init_debugLogger();
     init_streaming_tts();
-    init_FeedbackButton();
+    init_FeedbackPulse();
     init_useNotificationService();
     init_ConnectionStatus();
     init_useVoiceMode();
     init_voiceModeStore();
     init_ttsSanitizer();
     init_FeatureFlagContext();
-    import_jsx_runtime52 = require("react/jsx-runtime");
+    import_jsx_runtime53 = require("react/jsx-runtime");
     ChatContent = () => {
       const packageSettings = usePackageSettingsStore((state) => state.settings);
       const UnderReviewView = packageSettings?.components?.UnderReview ?? UnderReview_default;
@@ -30194,13 +30252,13 @@ var init_chat2 = __esm({
       const ossMode = isOSSMode() || !packageSettings?.featureFlags?.subscriptionType;
       const playgroundBypassAccess = packageSettings?.playgroundBypassAuth || typeof window !== "undefined" && window.location.pathname.includes("/playground");
       const notificationService2 = useNotificationService();
-      const [selectedTheme, setSelectedTheme] = (0, import_react62.useState)(null);
-      const [themeLoading, setThemeLoading] = (0, import_react62.useState)(true);
+      const [selectedTheme, setSelectedTheme] = (0, import_react63.useState)(null);
+      const [themeLoading, setThemeLoading] = (0, import_react63.useState)(true);
       const token = authenticationService.getToken();
       const claims = token ? authenticationService.parseJwtClaims(token) : null;
       const baseTheme = themeMap_default[selectedTheme ?? "bandit-dark"] || banditDarkTheme;
-      const banditTheme = (0, import_react62.useMemo)(() => {
-        return (0, import_styles33.createTheme)(baseTheme, {
+      const banditTheme = (0, import_react63.useMemo)(() => {
+        return (0, import_styles34.createTheme)(baseTheme, {
           components: {
             MuiInputBase: {
               styleOverrides: {
@@ -30247,12 +30305,12 @@ var init_chat2 = __esm({
       } = useVoiceStore();
       const isVoiceModeEnabled = useVoiceModeStore((state) => state.enabled);
       const canvasOpen = useCanvasStore((state) => state.open);
-      const previousVoiceModeEnabledRef = (0, import_react62.useRef)(isVoiceModeEnabled);
-      const historyRef = (0, import_react62.useRef)(history);
-      (0, import_react62.useEffect)(() => {
+      const previousVoiceModeEnabledRef = (0, import_react63.useRef)(isVoiceModeEnabled);
+      const historyRef = (0, import_react63.useRef)(history);
+      (0, import_react63.useEffect)(() => {
         historyRef.current = history;
       }, [history]);
-      (0, import_react62.useEffect)(() => {
+      (0, import_react63.useEffect)(() => {
         if (!hydrated) return;
         const params = new URLSearchParams(window.location.search);
         const title = params.get("title") || "";
@@ -30268,7 +30326,7 @@ var init_chat2 = __esm({
         stop: ttsStop,
         isAvailable: isTTSAvailable
       } = useTTS();
-      (0, import_react62.useEffect)(() => {
+      (0, import_react63.useEffect)(() => {
         const timer = setTimeout(() => {
           const isAuthenticated = authenticationService.isAuthenticated();
           if (!initialized || availableVoices.length === 0) {
@@ -30282,7 +30340,7 @@ var init_chat2 = __esm({
         }, 500);
         return () => clearTimeout(timer);
       }, [initialized, availableVoices.length, loadVoicesFromAPI, token]);
-      (0, import_react62.useEffect)(() => {
+      (0, import_react63.useEffect)(() => {
         const isAuthenticated = authenticationService.isAuthenticated();
         if (packageSettings?.gatewayApiUrl && availableVoices.length === 0 && !initialized) {
           if (token && isAuthenticated) {
@@ -30294,17 +30352,17 @@ var init_chat2 = __esm({
         }
       }, [packageSettings?.gatewayApiUrl, availableVoices.length, initialized, loadVoicesFromAPI, token]);
       const provider = useAIProviderStore((state) => state.provider);
-      const inputRef = (0, import_react62.useRef)(null);
-      const [pastedImages, setPastedImages] = (0, import_react62.useState)([]);
-      const inputContainerRef = (0, import_react62.useRef)(null);
-      const [inputHeight, setInputHeight] = (0, import_react62.useState)(80);
-      const [isSubmitting, setIsSubmitting] = (0, import_react62.useState)(false);
-      const [pendingMessage, setPendingMessage] = (0, import_react62.useState)(null);
+      const inputRef = (0, import_react63.useRef)(null);
+      const [pastedImages, setPastedImages] = (0, import_react63.useState)([]);
+      const inputContainerRef = (0, import_react63.useRef)(null);
+      const [inputHeight, setInputHeight] = (0, import_react63.useState)(80);
+      const [isSubmitting, setIsSubmitting] = (0, import_react63.useState)(false);
+      const [pendingMessage, setPendingMessage] = (0, import_react63.useState)(null);
       const { conversations, currentId, _hasHydrated, hydrate, toggleIncognito } = useConversationStore();
       const isTemporaryChat = Boolean(conversations.find((c) => c.id === currentId)?.incognito);
-      const [isMobile, setIsMobile] = (0, import_react62.useState)(false);
-      const [drawerOpen, setDrawerOpen] = (0, import_react62.useState)(false);
-      const [mobileConversationsOpen, setMobileConversationsOpen] = (0, import_react62.useState)(false);
+      const [isMobile, setIsMobile] = (0, import_react63.useState)(false);
+      const [drawerOpen, setDrawerOpen] = (0, import_react63.useState)(false);
+      const [mobileConversationsOpen, setMobileConversationsOpen] = (0, import_react63.useState)(false);
       const { generateName } = useConversationNameGenerator();
       const { preferences } = usePreferencesStore();
       const { containerRef: chatContainerRef, targetRef: scrollTargetRef, scrollToBottom, getScrollState } = useAutoScroll({
@@ -30316,27 +30374,27 @@ var init_chat2 = __esm({
       const chatContainerEl = chatContainerRef.current;
       const scrollTargetEl = scrollTargetRef.current;
       const { isSlowConnection, connectionQuality, trackRequestStart, trackRequestEnd } = useNetworkStatus();
-      const [showScrollToBottom, setShowScrollToBottom] = (0, import_react62.useState)(false);
-      const [streamBuffer, setStreamBuffer] = (0, import_react62.useState)("");
-      const [responseStarted, setResponseStarted] = (0, import_react62.useState)(false);
-      const [isStreaming, setIsStreaming] = (0, import_react62.useState)(false);
-      const [isThinking, setIsThinking] = (0, import_react62.useState)(false);
+      const [showScrollToBottom, setShowScrollToBottom] = (0, import_react63.useState)(false);
+      const [streamBuffer, setStreamBuffer] = (0, import_react63.useState)("");
+      const [responseStarted, setResponseStarted] = (0, import_react63.useState)(false);
+      const [isStreaming, setIsStreaming] = (0, import_react63.useState)(false);
+      const [isThinking, setIsThinking] = (0, import_react63.useState)(false);
       const initialLogoState = history.length === 0;
-      const [logoVisible, setLogoVisible] = (0, import_react62.useState)(initialLogoState);
-      const [logoShouldRender, setLogoShouldRender] = (0, import_react62.useState)(initialLogoState);
-      const streamingGraceUntilRef = (0, import_react62.useRef)(0);
+      const [logoVisible, setLogoVisible] = (0, import_react63.useState)(initialLogoState);
+      const [logoShouldRender, setLogoShouldRender] = (0, import_react63.useState)(initialLogoState);
+      const streamingGraceUntilRef = (0, import_react63.useRef)(0);
       const GRACE_MS = 450;
       const GRACE_OFFSET_DESKTOP = 28;
       const GRACE_OFFSET_MOBILE = 20;
-      const followStreamRef = (0, import_react62.useRef)(true);
-      const lastSpokenResponseRef = (0, import_react62.useRef)(null);
-      const previousConversationIdRef = (0, import_react62.useRef)(null);
-      const logoFadeTimeoutRef = (0, import_react62.useRef)(null);
-      const [branding, setBranding] = (0, import_react62.useState)(null);
-      const [brandingLoading, setBrandingLoading] = (0, import_react62.useState)(true);
-      const isBrandingLoadInProgressRef = (0, import_react62.useRef)(false);
+      const followStreamRef = (0, import_react63.useRef)(true);
+      const lastSpokenResponseRef = (0, import_react63.useRef)(null);
+      const previousConversationIdRef = (0, import_react63.useRef)(null);
+      const logoFadeTimeoutRef = (0, import_react63.useRef)(null);
+      const [branding, setBranding] = (0, import_react63.useState)(null);
+      const [brandingLoading, setBrandingLoading] = (0, import_react63.useState)(true);
+      const isBrandingLoadInProgressRef = (0, import_react63.useRef)(false);
       const logoOnly = history.length === 0 && !brandingLoading;
-      (0, import_react62.useEffect)(() => {
+      (0, import_react63.useEffect)(() => {
         const isEmptyConversation = (history?.length ?? 0) === 0;
         const isSending = Boolean(pendingMessage);
         const shouldShowLogo = isEmptyConversation && !isSending;
@@ -30366,7 +30424,7 @@ var init_chat2 = __esm({
           }, 500);
         }
       }, [history, pendingMessage]);
-      (0, import_react62.useEffect)(() => {
+      (0, import_react63.useEffect)(() => {
         if (!brandingLoading && !themeLoading) {
           return;
         }
@@ -30382,18 +30440,18 @@ var init_chat2 = __esm({
         }, 2500);
         return () => window.clearTimeout(timeoutId);
       }, [brandingLoading, themeLoading, selectedTheme]);
-      (0, import_react62.useEffect)(() => () => {
+      (0, import_react63.useEffect)(() => () => {
         if (logoFadeTimeoutRef.current) {
           window.clearTimeout(logoFadeTimeoutRef.current);
           logoFadeTimeoutRef.current = null;
         }
       }, []);
-      (0, import_react62.useEffect)(() => {
+      (0, import_react63.useEffect)(() => {
         if (isStreaming && streamBuffer.trim() === "") {
           streamingGraceUntilRef.current = Date.now() + GRACE_MS;
         }
       }, [isStreaming, streamBuffer]);
-      (0, import_react62.useEffect)(() => {
+      (0, import_react63.useEffect)(() => {
         if (!isStreaming) return;
         const container = chatContainerRef.current;
         if (!container) return;
@@ -30404,13 +30462,13 @@ var init_chat2 = __esm({
           container.scrollTo({ top: targetTop, behavior: "smooth" });
         }
       }, [streamBuffer, isStreaming, isMobile, chatContainerRef]);
-      (0, import_react62.useEffect)(() => {
+      (0, import_react63.useEffect)(() => {
         if (!_hasHydrated) {
           debugLogger.info("Chat component triggering conversation store hydration");
           hydrate();
         }
       }, [_hasHydrated, hydrate]);
-      (0, import_react62.useEffect)(() => {
+      (0, import_react63.useEffect)(() => {
         const loadBrandingAndTheme = async () => {
           if (isBrandingLoadInProgressRef.current) {
             debugLogger.warn("Branding loading already in progress, skipping");
@@ -30599,7 +30657,7 @@ var init_chat2 = __esm({
           window.removeEventListener("bandit-theme-changed", handleThemeChange);
         };
       }, []);
-      (0, import_react62.useEffect)(() => {
+      (0, import_react63.useEffect)(() => {
         if (!chatContainerEl) return;
         const blurInputOnTouchScroll = () => {
           if (document.activeElement === inputRef.current) inputRef.current?.blur();
@@ -30607,13 +30665,13 @@ var init_chat2 = __esm({
         chatContainerEl.addEventListener("touchmove", blurInputOnTouchScroll, { passive: true });
         return () => chatContainerEl.removeEventListener("touchmove", blurInputOnTouchScroll);
       }, [chatContainerEl]);
-      (0, import_react62.useEffect)(() => {
+      (0, import_react63.useEffect)(() => {
         const handleResize = () => setIsMobile(window.innerWidth <= 768);
         handleResize();
         window.addEventListener("resize", handleResize);
         return () => window.removeEventListener("resize", handleResize);
       }, []);
-      (0, import_react62.useEffect)(() => {
+      (0, import_react63.useEffect)(() => {
         const setViewportHeight = () => {
           document.documentElement.style.setProperty(
             "--vh",
@@ -30624,7 +30682,7 @@ var init_chat2 = __esm({
         window.addEventListener("resize", setViewportHeight);
         return () => window.removeEventListener("resize", setViewportHeight);
       }, []);
-      (0, import_react62.useEffect)(() => {
+      (0, import_react63.useEffect)(() => {
         if (!chatContainerEl) return;
         let rafId = null;
         const update = () => {
@@ -30643,7 +30701,7 @@ var init_chat2 = __esm({
           chatContainerEl.removeEventListener(SCROLL_STATE_CHANGED_EVENT, update);
         };
       }, [chatContainerEl, getScrollState]);
-      (0, import_react62.useEffect)(() => {
+      (0, import_react63.useEffect)(() => {
         if (!chatContainerEl) return;
         let observer = null;
         let rafId = null;
@@ -30678,7 +30736,7 @@ var init_chat2 = __esm({
           if (observer) observer.disconnect();
         };
       }, [chatContainerEl, scrollTargetEl, scrollTargetRef, getScrollState, inputHeight, history.length]);
-      (0, import_react62.useEffect)(() => {
+      (0, import_react63.useEffect)(() => {
         const isTransitioning = isStreaming || streamBuffer.trim() === "";
         const delay = isTransitioning ? 400 : 100;
         const timer = setTimeout(() => {
@@ -30687,7 +30745,7 @@ var init_chat2 = __esm({
         }, delay);
         return () => clearTimeout(timer);
       }, [history, streamBuffer, getScrollState, isStreaming]);
-      (0, import_react62.useLayoutEffect)(() => {
+      (0, import_react63.useLayoutEffect)(() => {
         const scrollState = getScrollState();
         const now = Date.now();
         if (isStreaming && scrollState.shouldAutoScroll && followStreamRef.current) {
@@ -30721,7 +30779,7 @@ var init_chat2 = __esm({
           return () => clearTimeout(scrollTimer);
         }
       }, [history, isStreaming, scrollToBottom, getScrollState, isMobile, chatContainerRef]);
-      (0, import_react62.useEffect)(() => {
+      (0, import_react63.useEffect)(() => {
         const observer = new ResizeObserver(() => {
           if (inputContainerRef.current)
             setInputHeight(inputContainerRef.current.offsetHeight);
@@ -30732,7 +30790,7 @@ var init_chat2 = __esm({
         }
         return () => observer.disconnect();
       }, []);
-      (0, import_react62.useEffect)(() => {
+      (0, import_react63.useEffect)(() => {
         if (!hydrated || !_hasHydrated) return;
         if (currentId === null) {
           useAIQueryStore.setState({ history: [] });
@@ -30781,7 +30839,7 @@ var init_chat2 = __esm({
         setResponse,
         setComponentStatus
       ]);
-      (0, import_react62.useEffect)(() => {
+      (0, import_react63.useEffect)(() => {
         debugLogger.info("Chat component conversation state", {
           hasHydrated: _hasHydrated,
           conversationCount: conversations.length,
@@ -30790,7 +30848,7 @@ var init_chat2 = __esm({
           storeState: "main-chat"
         });
       }, [_hasHydrated, conversations, currentId]);
-      (0, import_react62.useEffect)(() => {
+      (0, import_react63.useEffect)(() => {
         if (!_hasHydrated || !chatContainerEl) return;
         let rafId = null;
         const sync = () => {
@@ -30825,7 +30883,7 @@ var init_chat2 = __esm({
           notificationService2?.handleHttpError(error);
         }
       });
-      const handleStop = (0, import_react62.useCallback)(() => {
+      const handleStop = (0, import_react63.useCallback)(() => {
         try {
           aiProvider.cancel();
         } catch (error) {
@@ -30834,7 +30892,7 @@ var init_chat2 = __esm({
           });
         }
       }, [aiProvider]);
-      const handleVoiceInterrupt = (0, import_react62.useCallback)(() => {
+      const handleVoiceInterrupt = (0, import_react63.useCallback)(() => {
         try {
           ttsStop();
         } catch (error) {
@@ -30853,7 +30911,7 @@ var init_chat2 = __esm({
           handleStop();
         }
       }, [ttsStop, isStreaming, handleStop]);
-      const handleSend = (0, import_react62.useCallback)(
+      const handleSend = (0, import_react63.useCallback)(
         (question, images, displayQuestion) => {
           const requestStartTime = trackRequestStart();
           const questionForDisplay = displayQuestion || question;
@@ -30963,7 +31021,7 @@ var init_chat2 = __esm({
           trackRequestStart
         ]
       );
-      const handleVoiceTranscription = (0, import_react62.useCallback)(
+      const handleVoiceTranscription = (0, import_react63.useCallback)(
         (text) => {
           const cleaned = text.trim();
           if (!cleaned) {
@@ -30980,7 +31038,7 @@ var init_chat2 = __esm({
         onInterrupt: handleVoiceInterrupt,
         onError: (message) => notificationService2?.showError?.(message)
       });
-      (0, import_react62.useEffect)(() => {
+      (0, import_react63.useEffect)(() => {
         const previouslyEnabled = previousVoiceModeEnabledRef.current;
         previousVoiceModeEnabledRef.current = isVoiceModeEnabled;
         if (!previouslyEnabled && isVoiceModeEnabled) {
@@ -31005,7 +31063,7 @@ var init_chat2 = __esm({
           }
         }
       }, [isVoiceModeEnabled, ttsStop]);
-      (0, import_react62.useEffect)(() => {
+      (0, import_react63.useEffect)(() => {
         if (!isVoiceModeEnabled || !isStreaming) {
           return;
         }
@@ -31025,7 +31083,7 @@ var init_chat2 = __esm({
         }
         lastSpokenResponseRef.current = null;
       }, [isStreaming, isVoiceModeEnabled, ttsStop]);
-      (0, import_react62.useEffect)(() => {
+      (0, import_react63.useEffect)(() => {
         if (!isVoiceModeEnabled) {
           lastSpokenResponseRef.current = null;
           return;
@@ -31066,13 +31124,13 @@ var init_chat2 = __esm({
           cancelled = true;
         };
       }, [history, isStreaming, isVoiceModeEnabled, isTTSAvailable, ttsSpeak]);
-      const handleModelChange = (0, import_react62.useCallback)(
+      const handleModelChange = (0, import_react63.useCallback)(
         (modelId) => {
           setSelectedModel(modelId);
         },
         [setSelectedModel]
       );
-      const handleVoiceChange = (0, import_react62.useCallback)(async (voiceId) => {
+      const handleVoiceChange = (0, import_react63.useCallback)(async (voiceId) => {
         ttsStop();
         stopTTS();
         setSelectedVoice(voiceId);
@@ -31105,10 +31163,10 @@ var init_chat2 = __esm({
         }
       };
       if (!hydrated || brandingLoading || themeLoading) {
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_material53.ThemeProvider, { theme: banditTheme, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_material53.CssBaseline, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
-            import_material53.Box,
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_material54.ThemeProvider, { theme: banditTheme, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_material54.CssBaseline, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+            import_material54.Box,
             {
               sx: (theme) => ({
                 minHeight: "100dvh",
@@ -31121,8 +31179,8 @@ var init_chat2 = __esm({
                 color: theme.palette.text.primary
               }),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_material53.CircularProgress, { size: 32, thickness: 4 }),
-                /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_material53.Typography, { variant: "body2", color: "text.secondary", children: "Preparing your workspace..." })
+                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_material54.CircularProgress, { size: 32, thickness: 4 }),
+                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_material54.Typography, { variant: "body2", color: "text.secondary", children: "Preparing your workspace..." })
               ]
             }
           )
@@ -31130,15 +31188,15 @@ var init_chat2 = __esm({
       }
       const userHasAccess = playgroundBypassAccess || ossMode || claims?.roles?.includes("super-user") || claims?.roles?.includes("admin");
       if (!userHasAccess) {
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_material53.ThemeProvider, { theme: banditTheme, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_material53.CssBaseline, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(UnderReviewView, {})
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_material54.ThemeProvider, { theme: banditTheme, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_material54.CssBaseline, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(UnderReviewView, {})
         ] });
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_material53.ThemeProvider, { theme: banditTheme, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_material53.CssBaseline, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
-          import_material53.Box,
+      return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_material54.ThemeProvider, { theme: banditTheme, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_material54.CssBaseline, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+          import_material54.Box,
           {
             sx: (theme) => ({
               display: "flex",
@@ -31167,7 +31225,7 @@ var init_chat2 = __esm({
               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__ */ (0, import_jsx_runtime52.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                 chat_app_bar_default,
                 {
                   availableModels,
@@ -31181,9 +31239,9 @@ var init_chat2 = __esm({
                   onMobileConversationsOpenChange: setMobileConversationsOpen
                 }
               ),
-              isTemporaryChat && /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-                  import_material53.Box,
+              isTemporaryChat && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                  import_material54.Box,
                   {
                     sx: (theme) => ({
                       position: "absolute",
@@ -31195,8 +31253,8 @@ var init_chat2 = __esm({
                     })
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
-                  import_material53.Box,
+                /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+                  import_material54.Box,
                   {
                     sx: (theme) => ({
                       position: "absolute",
@@ -31220,10 +31278,10 @@ var init_chat2 = __esm({
                       whiteSpace: "nowrap"
                     }),
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_material53.Box, { component: "span", "aria-hidden": true, sx: { fontSize: "0.9rem", lineHeight: 1 }, children: "\u{1F47B}" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_material54.Box, { component: "span", "aria-hidden": true, sx: { fontSize: "0.9rem", lineHeight: 1 }, children: "\u{1F47B}" }),
                       "Temporary chat",
-                      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-                        import_material53.Box,
+                      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                        import_material54.Box,
                         {
                           component: "button",
                           type: "button",
@@ -31257,8 +31315,8 @@ var init_chat2 = __esm({
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-                import_material53.Box,
+              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                import_material54.Box,
                 {
                   ref: chatContainerRef,
                   sx: {
@@ -31278,8 +31336,8 @@ var init_chat2 = __esm({
                     msOverflowStyle: "none",
                     "&::-webkit-scrollbar": { display: "none" }
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
-                    import_material53.Box,
+                  children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+                    import_material54.Box,
                     {
                       sx: {
                         width: "100%",
@@ -31292,8 +31350,8 @@ var init_chat2 = __esm({
                         logoShouldRender && !brandingLoading && (() => {
                           const headerMode = branding?.headerMode ?? "logo";
                           if (headerMode === "minimal") {
-                            return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-                              import_material53.Box,
+                            return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                              import_material54.Box,
                               {
                                 sx: (theme) => ({
                                   textAlign: "center",
@@ -31304,13 +31362,13 @@ var init_chat2 = __esm({
                                   transition: "opacity 0.5s ease",
                                   color: theme.palette.text.primary
                                 }),
-                                children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_material53.Typography, { sx: { fontWeight: 500, fontSize: { xs: "1.5rem", md: "1.9rem" }, lineHeight: 1.2 }, children: "What can I help with?" })
+                                children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_material54.Typography, { sx: { fontWeight: 500, fontSize: { xs: "1.5rem", md: "1.9rem" }, lineHeight: 1.2 }, children: "What can I help with?" })
                               }
                             );
                           }
                           if (headerMode === "text") {
-                            return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-                              import_material53.Box,
+                            return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                              import_material54.Box,
                               {
                                 sx: (theme) => ({
                                   textAlign: "center",
@@ -31321,14 +31379,14 @@ var init_chat2 = __esm({
                                   transition: "opacity 0.5s ease",
                                   color: theme.palette.text.primary
                                 }),
-                                children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_material53.Typography, { sx: { fontWeight: 600, fontSize: { xs: "1.6rem", md: "2.1rem" }, lineHeight: 1.2 }, children: branding?.brandingText?.trim() || "Bandit AI" })
+                                children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_material54.Typography, { sx: { fontWeight: 600, fontSize: { xs: "1.6rem", md: "2.1rem" }, lineHeight: 1.2 }, children: branding?.brandingText?.trim() || "Bandit AI" })
                               }
                             );
                           }
-                          return branding?.logoBase64 ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(custom_logo_default, { visible: logoVisible, atTop: true }) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(bandit_chat_logo_default, { visible: logoVisible, atTop: true });
+                          return branding?.logoBase64 ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(custom_logo_default, { visible: logoVisible, atTop: true }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(bandit_chat_logo_default, { visible: logoVisible, atTop: true });
                         })(),
-                        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-                          import_material53.Box,
+                        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                          import_material54.Box,
                           {
                             sx: {
                               margin: "0 auto",
@@ -31337,7 +31395,7 @@ var init_chat2 = __esm({
                               flexShrink: 0,
                               px: isMobile ? 0 : 0
                             },
-                            children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                            children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                               chat_messages_default,
                               {
                                 isStreaming,
@@ -31361,7 +31419,7 @@ var init_chat2 = __esm({
                   )
                 }
               ),
-              showScrollToBottom && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+              showScrollToBottom && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                 chat_scroll_to_bottom_button_default,
                 {
                   inputHeight,
@@ -31370,8 +31428,8 @@ var init_chat2 = __esm({
                   onClick: handleScrollToBottomClick
                 }
               ),
-              history.length === 0 && componentStatus !== "Loading" && !isMobile && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-                import_material53.Box,
+              history.length === 0 && componentStatus !== "Loading" && !isMobile && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                import_material54.Box,
                 {
                   sx: (theme) => ({
                     position: "absolute",
@@ -31389,8 +31447,8 @@ var init_chat2 = __esm({
                   })
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
-                import_material53.Box,
+              /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+                import_material54.Box,
                 {
                   sx: {
                     display: "flex",
@@ -31401,11 +31459,11 @@ var init_chat2 = __esm({
                     maxWidth: "768px"
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_material53.Box, { sx: { flex: "1 1 auto" } }),
-                    history.length === 0 && componentStatus !== "Loading" && !pendingMessage && preferences.chatSuggestionsEnabled && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_material53.Box, { sx: { marginBottom: "20px" }, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(QuerySuggestionPicker, { onSend: handleSend, inputHeight }) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(rate_limit_prompt_default, {}),
-                    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ask_user_card_default, {}),
-                    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_material54.Box, { sx: { flex: "1 1 auto" } }),
+                    history.length === 0 && componentStatus !== "Loading" && !pendingMessage && preferences.chatSuggestionsEnabled && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_material54.Box, { sx: { marginBottom: "20px" }, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(QuerySuggestionPicker, { onSend: handleSend, inputHeight }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(rate_limit_prompt_default, {}),
+                    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ask_user_card_default, {}),
+                    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                       chat_input_default,
                       {
                         inputValue,
@@ -31432,24 +31490,12 @@ var init_chat2 = __esm({
                   ]
                 }
               ),
-              preferences.feedbackEnabled && !isMobile && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-                FeedbackButton,
-                {
-                  fullScreen: false,
-                  zIndex: 1300,
-                  feedbackEmail: packageSettings?.feedbackEmail,
-                  absolute: true,
-                  position: {
-                    bottom: 20,
-                    right: 20
-                  }
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ConnectionStatus, { position: "top", showWhenGood: false })
+              preferences.feedbackEnabled && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(FeedbackPulse_default, { isMobile, feedbackEmail: packageSettings?.feedbackEmail }),
+              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ConnectionStatus, { position: "top", showWhenGood: false })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(canvas_panel_default, { isMobile })
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(canvas_panel_default, { isMobile })
       ] });
     };
     Chat = () => {
@@ -31475,9 +31521,9 @@ var init_chat2 = __esm({
       });
       if (!allowUnauthenticated && !bypassAuth && !authenticationService.isAuthenticated()) {
         debugLogger.debug("User is not authenticated, redirecting to login");
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_router_dom5.Navigate, { to: "/login", replace: true });
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_router_dom5.Navigate, { to: "/login", replace: true });
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ChatContent, {});
+      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ChatContent, {});
     };
     chat_default = Chat;
   }
@@ -31489,12 +31535,12 @@ __export(management_exports, {
   default: () => management_default
 });
 module.exports = __toCommonJS(management_exports);
-var import_react63 = require("react");
+var import_react64 = require("react");
 var import_useMediaQuery2 = __toESM(require("@mui/material/useMediaQuery"));
-var import_styles34 = require("@mui/material/styles");
+var import_styles35 = require("@mui/material/styles");
 init_useKnowledgeStore();
 init_indexedDBService();
-var import_material54 = require("@mui/material");
+var import_material55 = require("@mui/material");
 var import_react_router_dom6 = require("react-router-dom");
 
 // src/modals/chat-modal/chat-modal.tsx
@@ -33415,8 +33461,140 @@ var GenericLoader = ({
 };
 var generic_loader_default = GenericLoader;
 
-// src/modals/chat-modal/chat-modal.tsx
-init_FeedbackButton();
+// src/components/feedback/FeedbackButton.tsx
+var import_react18 = require("react");
+var import_material14 = require("@mui/material");
+var import_lucide_react4 = require("lucide-react");
+
+// src/components/feedback/index.tsx
+init_FeedbackModal();
+
+// src/components/feedback/FeedbackButton.tsx
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var FeedbackButton = ({
+  fullScreen = false,
+  className,
+  zIndex = 1400,
+  feedbackEmail,
+  inline = false,
+  buttonText = "Send Feedback",
+  size = "small",
+  position,
+  absolute = false
+}) => {
+  const theme = (0, import_material14.useTheme)();
+  const [open, setOpen] = (0, import_react18.useState)(false);
+  const handleOpen = () => setOpen(true);
+  const handleClose = () => setOpen(false);
+  if (inline) {
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+      buttonText ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        import_material14.Button,
+        {
+          variant: "outlined",
+          startIcon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.MessageCircle, {}),
+          onClick: handleOpen,
+          className,
+          size,
+          sx: {
+            borderRadius: 2,
+            textTransform: "none",
+            "&:hover": {
+              transform: "translateY(-1px)",
+              boxShadow: theme.shadows[4]
+            }
+          },
+          children: buttonText
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material14.Tooltip, { title: "Send Feedback", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        import_material14.IconButton,
+        {
+          onClick: handleOpen,
+          className,
+          size,
+          sx: {
+            color: theme.palette.primary.main,
+            borderRadius: 2,
+            transition: "all 0.2s ease",
+            "&:hover": {
+              bgcolor: theme.palette.primary.main + "15",
+              transform: "translateY(-1px)"
+            }
+          },
+          children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.MessageCircle, {})
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        FeedbackModal,
+        {
+          open,
+          onClose: handleClose,
+          feedbackEmail
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material14.Zoom, { in: true, timeout: 300, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      import_material14.Tooltip,
+      {
+        title: "Send Feedback",
+        placement: "left",
+        arrow: true,
+        children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          import_material14.Fab,
+          {
+            size,
+            onClick: handleOpen,
+            className,
+            sx: {
+              position: absolute ? "absolute" : "relative",
+              ...absolute && {
+                bottom: position?.bottom ?? (fullScreen ? 16 : 20),
+                right: position?.right ?? 16,
+                top: position?.top,
+                left: position?.left
+              },
+              zIndex,
+              bgcolor: theme.palette.primary.main,
+              color: theme.palette.primary.contrastText,
+              boxShadow: theme.palette.mode === "dark" ? "0 8px 32px rgba(0,0,0,0.4)" : "0 8px 32px rgba(0,0,0,0.15)",
+              border: `1px solid ${theme.palette.divider}`,
+              transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
+              "&:hover": {
+                bgcolor: theme.palette.primary.dark,
+                transform: "scale(1.05) translateY(-2px)",
+                boxShadow: theme.palette.mode === "dark" ? "0 12px 40px rgba(0,0,0,0.5)" : "0 12px 40px rgba(0,0,0,0.2)"
+              },
+              "&:active": {
+                transform: "scale(0.98) translateY(0px)"
+              },
+              // Subtle pulsing animation
+              animation: "feedbackPulse 3s ease-in-out infinite",
+              "@keyframes feedbackPulse": {
+                "0%, 100%": {
+                  boxShadow: theme.palette.mode === "dark" ? "0 8px 32px rgba(0,0,0,0.4)" : "0 8px 32px rgba(0,0,0,0.15)"
+                },
+                "50%": {
+                  boxShadow: theme.palette.mode === "dark" ? `0 8px 32px ${theme.palette.primary.main}40` : `0 8px 32px ${theme.palette.primary.main}30`
+                }
+              }
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.MessageCircle, {})
+          }
+        )
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      FeedbackModal,
+      {
+        open,
+        onClose: handleClose,
+        feedbackEmail
+      }
+    )
+  ] });
+};
 
 // src/hooks/useAiChat.ts
 var import_react19 = require("react");
@@ -43993,7 +44171,7 @@ init_authenticationStore();
 init_useNotificationService();
 init_useFeatures();
 init_lucide_icons();
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 var preloadChatPage = () => Promise.resolve().then(() => (init_chat2(), chat_exports));
 var buildCapabilitiesUrl = (gatewayApiUrl) => {
   const trimmed = gatewayApiUrl.replace(/\/$/, "");
@@ -44006,7 +44184,7 @@ var Management = () => {
   const navigate = (0, import_react_router_dom6.useNavigate)();
   const notificationService2 = useNotificationService();
   const isMobile = (0, import_useMediaQuery2.default)("(max-width:900px)");
-  const [sidebarOpen, setSidebarOpen] = (0, import_react63.useState)(false);
+  const [sidebarOpen, setSidebarOpen] = (0, import_react64.useState)(false);
   const getOptimalFabLogo = async () => {
     const banditHead6 = "https://cdn.burtson.ai/images/bandit-head.png";
     try {
@@ -44046,17 +44224,17 @@ var Management = () => {
     hasTransparentLogo,
     setHasTransparentLogo
   } = useModelStore();
-  const [modalOpen, setModalOpen] = (0, import_react63.useState)(false);
+  const [modalOpen, setModalOpen] = (0, import_react64.useState)(false);
   const banditHead5 = "https://cdn.burtson.ai/images/bandit-head.png";
-  const [fabLogo, setFabLogo] = (0, import_react63.useState)(banditHead5);
-  const [tabIndex, setTabIndex] = (0, import_react63.useState)(4);
-  const [logoFile, setLogoFile] = (0, import_react63.useState)(null);
-  const [logoBase64, setLogoBase64] = (0, import_react63.useState)(null);
-  const [brandingText, setBrandingText] = (0, import_react63.useState)("");
-  const [headerMode, setHeaderMode] = (0, import_react63.useState)("logo");
-  const [theme, setTheme] = (0, import_react63.useState)("bandit-dark");
-  const [customAvatarBase64, setCustomAvatarBase64] = (0, import_react63.useState)(null);
-  const [presetAvatar, setPresetAvatar] = (0, import_react63.useState)(null);
+  const [fabLogo, setFabLogo] = (0, import_react64.useState)(banditHead5);
+  const [tabIndex, setTabIndex] = (0, import_react64.useState)(4);
+  const [logoFile, setLogoFile] = (0, import_react64.useState)(null);
+  const [logoBase64, setLogoBase64] = (0, import_react64.useState)(null);
+  const [brandingText, setBrandingText] = (0, import_react64.useState)("");
+  const [headerMode, setHeaderMode] = (0, import_react64.useState)("logo");
+  const [theme, setTheme] = (0, import_react64.useState)("bandit-dark");
+  const [customAvatarBase64, setCustomAvatarBase64] = (0, import_react64.useState)(null);
+  const [presetAvatar, setPresetAvatar] = (0, import_react64.useState)(null);
   const showSnackbarMessage = (message, severity = "success") => {
     if (severity === "success") {
       notificationService2?.showSuccess(message);
@@ -44064,9 +44242,9 @@ var Management = () => {
       notificationService2?.showError(message);
     }
   };
-  const [restoreDialogOpen, setRestoreDialogOpen] = (0, import_react63.useState)(false);
-  const [brandingLoaded, setBrandingLoaded] = (0, import_react63.useState)(false);
-  const [isLoadingBranding, setIsLoadingBranding] = (0, import_react63.useState)(false);
+  const [restoreDialogOpen, setRestoreDialogOpen] = (0, import_react64.useState)(false);
+  const [brandingLoaded, setBrandingLoaded] = (0, import_react64.useState)(false);
+  const [isLoadingBranding, setIsLoadingBranding] = (0, import_react64.useState)(false);
   const { initModels } = useModelStore();
   const { settings: packageSettings } = usePackageSettingsStore();
   const authToken = useAuthenticationStore((state) => state.token);
@@ -44074,8 +44252,8 @@ var Management = () => {
   const { hasAdminDashboard, hasLimitedAdminDashboard, getCurrentTier, hasAdvancedSearch } = useFeatures();
   const { showAdminPanel, showLimitedAdminPanel } = useFeatureVisibility();
   const { provider: currentProvider, config: currentProviderConfig } = useAIProviderStore();
-  const [seedPacksEnabled, setSeedPacksEnabled] = (0, import_react63.useState)(false);
-  const [localSelectedModel, setLocalSelectedModel] = (0, import_react63.useState)({
+  const [seedPacksEnabled, setSeedPacksEnabled] = (0, import_react64.useState)(false);
+  const [localSelectedModel, setLocalSelectedModel] = (0, import_react64.useState)({
     name: "",
     tagline: "",
     systemPrompt: "",
@@ -44088,7 +44266,7 @@ var Management = () => {
     loadDocuments,
     clearAllDocuments
   } = useKnowledgeStore2();
-  (0, import_react63.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     if (selectedModel) {
       const selected = availableModels.find((m) => m.name === selectedModel);
       if (selected) {
@@ -44112,7 +44290,7 @@ var Management = () => {
       }
     }
   }, [selectedModel, availableModels]);
-  const loadBrandingConfig = (0, import_react63.useCallback)(async () => {
+  const loadBrandingConfig = (0, import_react64.useCallback)(async () => {
     if (isLoadingBranding || brandingLoaded) {
       debugLogger.warn("Branding loading already in progress or completed, skipping");
       return;
@@ -44229,15 +44407,15 @@ var Management = () => {
     setTagline,
     setTheme
   ]);
-  (0, import_react63.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     void loadBrandingConfig();
   }, [loadBrandingConfig]);
   const handleOpenModal = () => setModalOpen(true);
   const handleCloseModal = () => setModalOpen(false);
-  (0, import_react63.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     getOptimalFabLogo().then(setFabLogo);
   }, []);
-  (0, import_react63.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     if (logoBase64) {
       setFabLogo(logoBase64);
     } else {
@@ -44690,7 +44868,7 @@ var Management = () => {
       reader.readAsText(file);
     }
   };
-  (0, import_react63.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     if (localSelectedModel.selectedModel && !availableModels.some((m) => m.name === localSelectedModel.selectedModel)) {
       setLocalSelectedModel((prev) => ({
         ...prev,
@@ -44698,10 +44876,10 @@ var Management = () => {
       }));
     }
   }, [availableModels, localSelectedModel.selectedModel]);
-  (0, import_react63.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     loadDocuments();
   }, [loadDocuments]);
-  (0, import_react63.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     const gatewayApiUrl = packageSettings?.gatewayApiUrl;
     if (!gatewayApiUrl || gatewayApiUrl.toLowerCase().startsWith("playground://")) {
       setSeedPacksEnabled(false);
@@ -44744,9 +44922,9 @@ var Management = () => {
       isActive = false;
     };
   }, [packageSettings?.gatewayApiUrl, authToken]);
-  const currentTheme = (0, import_react63.useMemo)(() => {
+  const currentTheme = (0, import_react64.useMemo)(() => {
     const baseTheme = predefinedThemes[theme] || banditDarkTheme;
-    return (0, import_styles34.createTheme)(baseTheme, {
+    return (0, import_styles35.createTheme)(baseTheme, {
       // Management-scoped density: condenses every settings tab at once. This
       // theme only wraps the admin console, so the chat UI is unaffected.
       typography: {
@@ -44801,43 +44979,43 @@ var Management = () => {
   const allNavTabs = [
     {
       label: "Personalities",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(FaceRetouchingNaturalIcon, {}),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(FaceRetouchingNaturalIcon, {}),
       requiresFeature: "limitedAdminDashboard",
       requiresAdmin: true
     },
     {
       label: "Branding",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(BrushIcon, {}),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(BrushIcon, {}),
       requiresFeature: "limitedAdminDashboard",
       requiresAdmin: true
     },
     {
       label: "Knowledge",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(MenuBookIcon, {}),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(MenuBookIcon, {}),
       requiresFeature: "limitedAdminDashboard",
       requiresAdmin: true
     },
     {
       label: "Storage",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(StorageIcon, {}),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(StorageIcon, {}),
       requiresFeature: "limitedAdminDashboard",
       requiresAdmin: true
     },
     {
       label: "Preferences",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(TuneIcon, {}),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(TuneIcon, {}),
       requiresFeature: "limitedAdminDashboard",
       requiresAdmin: false
     },
     {
       label: "Provider",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(CloudIcon, {}),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(CloudIcon, {}),
       requiresFeature: "advancedSearch",
       requiresAdmin: true
     },
     {
       label: "Tools",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(BuildIcon, {}),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(BuildIcon, {}),
       requiresFeature: "advancedSearch",
       requiresAdmin: true
     }
@@ -44865,7 +45043,7 @@ var Management = () => {
   });
   const preferredDefaultTabIndex = navTabs.findIndex((tab) => tab.label === "Preferences");
   const defaultTabIndex = preferredDefaultTabIndex >= 0 ? preferredDefaultTabIndex : 0;
-  (0, import_react63.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     setTabIndex((current) => {
       if (current < 0 || current >= navTabs.length) {
         return defaultTabIndex;
@@ -44875,8 +45053,8 @@ var Management = () => {
   }, [navTabs.length, defaultTabIndex]);
   const mobileQuickTabs = navTabs.slice(0, 5);
   const hasMobileOverflowTabs = navTabs.length > mobileQuickTabs.length;
-  const navigationContent = /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
-    import_material54.Box,
+  const navigationContent = /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+    import_material55.Box,
     {
       sx: {
         display: "flex",
@@ -44886,29 +45064,29 @@ var Management = () => {
         bgcolor: "inherit"
       },
       children: [
-        isMobile && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
-          import_material54.Box,
+        isMobile && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+          import_material55.Box,
           {
             sx: {
               height: 6,
               width: 56,
               borderRadius: 999,
-              bgcolor: (theme2) => (0, import_styles34.alpha)(theme2.palette.text.primary, 0.18),
+              bgcolor: (theme2) => (0, import_styles35.alpha)(theme2.palette.text.primary, 0.18),
               alignSelf: "center",
               mt: 1.25,
               mb: 0.75
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_material54.Box, { sx: { p: isMobile ? 2.5 : 3, pb: isMobile ? 1.5 : 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
-          import_material54.Button,
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_material55.Box, { sx: { p: isMobile ? 2.5 : 3, pb: isMobile ? 1.5 : 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+          import_material55.Button,
           {
             onClick: () => {
               if (isMobile) setSidebarOpen(false);
               navigate("/chat");
             },
             onMouseEnter: preloadChatPage,
-            startIcon: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ChevronLeftIcon, { sx: { fontSize: 20 } }),
+            startIcon: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ChevronLeftIcon, { sx: { fontSize: 20 } }),
             fullWidth: true,
             variant: "outlined",
             sx: {
@@ -44935,9 +45113,9 @@ var Management = () => {
             children: "Back to Chat"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_material54.Divider, { sx: { mx: isMobile ? 2 : 3, mb: 2, opacity: 0.6 } }),
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_material54.Box, { sx: { flex: 1, px: isMobile ? 1.5 : 2, pb: 3, overflowY: "auto" }, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_material54.List, { sx: { px: 0, py: 0 }, children: navTabs.map((tab, idx) => /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
-          import_material54.ListItemButton,
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_material55.Divider, { sx: { mx: isMobile ? 2 : 3, mb: 2, opacity: 0.6 } }),
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_material55.Box, { sx: { flex: 1, px: isMobile ? 1.5 : 2, pb: 3, overflowY: "auto" }, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_material55.List, { sx: { px: 0, py: 0 }, children: navTabs.map((tab, idx) => /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+          import_material55.ListItemButton,
           {
             selected: tabIndex === idx,
             onClick: () => {
@@ -44977,9 +45155,9 @@ var Management = () => {
               "& .MuiListItemIcon-root svg": { width: 17, height: 17 }
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_material54.ListItemIcon, { children: tab.icon }),
-              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
-                import_material54.ListItemText,
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_material55.ListItemIcon, { children: tab.icon }),
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+                import_material55.ListItemText,
                 {
                   primary: tab.label,
                   primaryTypographyProps: {
@@ -44996,10 +45174,10 @@ var Management = () => {
     }
   );
   if (!brandingLoaded) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_material54.ThemeProvider, { theme: currentTheme, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_material54.CssBaseline, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
-      import_material54.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_material55.ThemeProvider, { theme: currentTheme, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_material55.CssBaseline, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+      import_material55.Box,
       {
         display: "flex",
         height: "100vh",
@@ -45011,8 +45189,8 @@ var Management = () => {
           position: "relative"
         },
         children: [
-          isMobile && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
-            import_material54.Box,
+          isMobile && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+            import_material55.Box,
             {
               sx: {
                 width: "100%",
@@ -45031,8 +45209,8 @@ var Management = () => {
                 boxShadow: "0 2px 8px rgba(0,0,0,0.1)"
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
-                  import_material54.Button,
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+                  import_material55.Button,
                   {
                     onClick: () => navigate("/chat"),
                     onMouseEnter: preloadChatPage,
@@ -45045,11 +45223,11 @@ var Management = () => {
                       color: "primary.main",
                       bgcolor: (theme2) => theme2.palette.mode === "dark" ? "rgba(255,255,255,0.08)" : "rgba(0,0,0,0.04)"
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ChevronLeftIcon, { sx: { fontSize: 22 } })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ChevronLeftIcon, { sx: { fontSize: 22 } })
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
-                  import_material54.Button,
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+                  import_material55.Button,
                   {
                     onClick: () => setSidebarOpen((o) => !o),
                     sx: {
@@ -45070,7 +45248,7 @@ var Management = () => {
                         transform: sidebarOpen ? "rotate(90deg) scale(0.95)" : "scale(0.95)"
                       }
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                       "path",
                       {
                         d: sidebarOpen ? "M18 6L6 18M6 6L18 18" : "M3 12H21M3 6H21M3 18H21",
@@ -45082,8 +45260,8 @@ var Management = () => {
                     ) })
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
-                  import_material54.Typography,
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+                  import_material55.Typography,
                   {
                     variant: "h6",
                     sx: {
@@ -45095,14 +45273,14 @@ var Management = () => {
                     children: "Management"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_material54.Box, { sx: {
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_material55.Box, { sx: {
                   px: 2,
                   py: 0.5,
                   borderRadius: 2,
                   bgcolor: (theme2) => theme2.palette.mode === "dark" ? "rgba(25,118,210,0.12)" : "rgba(25,118,210,0.08)",
                   border: (theme2) => `1px solid ${theme2.palette.primary.main}20`
-                }, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
-                  import_material54.Typography,
+                }, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+                  import_material55.Typography,
                   {
                     variant: "caption",
                     sx: {
@@ -45116,8 +45294,8 @@ var Management = () => {
               ]
             }
           ),
-          isMobile && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
-            import_material54.Box,
+          isMobile && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+            import_material55.Box,
             {
               sx: {
                 width: "100%",
@@ -45134,8 +45312,8 @@ var Management = () => {
                 mobileQuickTabs.map((tab) => {
                   const quickTabIndex = navTabs.findIndex((navTab) => navTab.label === tab.label);
                   const selected = tabIndex === quickTabIndex;
-                  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
-                    import_material54.Button,
+                  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+                    import_material55.Button,
                     {
                       size: "small",
                       onClick: () => setTabIndex(quickTabIndex),
@@ -45150,7 +45328,7 @@ var Management = () => {
                         fontWeight: selected ? 700 : 600,
                         bgcolor: selected ? (theme2) => theme2.palette.mode === "dark" ? "rgba(25,118,210,0.2)" : "rgba(25,118,210,0.12)" : "transparent",
                         color: selected ? "primary.main" : "text.secondary",
-                        border: (theme2) => selected ? `1px solid ${theme2.palette.primary.main}66` : `1px solid ${(0, import_styles34.alpha)(theme2.palette.divider, 0.45)}`,
+                        border: (theme2) => selected ? `1px solid ${theme2.palette.primary.main}66` : `1px solid ${(0, import_styles35.alpha)(theme2.palette.divider, 0.45)}`,
                         "&:hover": {
                           bgcolor: (theme2) => theme2.palette.mode === "dark" ? "rgba(25,118,210,0.16)" : "rgba(25,118,210,0.1)"
                         }
@@ -45160,8 +45338,8 @@ var Management = () => {
                     tab.label
                   );
                 }),
-                hasMobileOverflowTabs && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
-                  import_material54.Button,
+                hasMobileOverflowTabs && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+                  import_material55.Button,
                   {
                     size: "small",
                     onClick: () => setSidebarOpen(true),
@@ -45175,7 +45353,7 @@ var Management = () => {
                       fontSize: "0.78rem",
                       fontWeight: 600,
                       color: "text.secondary",
-                      border: (theme2) => `1px dashed ${(0, import_styles34.alpha)(theme2.palette.divider, 0.6)}`
+                      border: (theme2) => `1px dashed ${(0, import_styles35.alpha)(theme2.palette.divider, 0.6)}`
                     },
                     children: "More"
                   }
@@ -45183,8 +45361,8 @@ var Management = () => {
               ]
             }
           ),
-          isMobile ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
-            import_material54.SwipeableDrawer,
+          isMobile ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+            import_material55.SwipeableDrawer,
             {
               anchor: "bottom",
               open: sidebarOpen,
@@ -45204,8 +45382,8 @@ var Management = () => {
               },
               children: navigationContent
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
-            import_material54.Box,
+          ) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+            import_material55.Box,
             {
               sx: {
                 width: 240,
@@ -45228,8 +45406,8 @@ var Management = () => {
               children: navigationContent
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
-            import_material54.Box,
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+            import_material55.Box,
             {
               sx: {
                 flex: 1,
@@ -45248,7 +45426,7 @@ var Management = () => {
                 transition: "margin-left 0.2s"
               },
               children: [
-                navTabs[tabIndex]?.label === "Personalities" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                navTabs[tabIndex]?.label === "Personalities" && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                   PersonalitiesTab_default,
                   {
                     availableModels,
@@ -45267,7 +45445,7 @@ var Management = () => {
                     showSnackbar: showSnackbarMessage
                   }
                 ),
-                navTabs[tabIndex]?.label === "Branding" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                navTabs[tabIndex]?.label === "Branding" && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                   BrandingTab_default,
                   {
                     logoFile,
@@ -45288,7 +45466,7 @@ var Management = () => {
                     setLogoBase64
                   }
                 ),
-                navTabs[tabIndex]?.label === "Knowledge" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                navTabs[tabIndex]?.label === "Knowledge" && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                   KnowledgeHubTab_default,
                   {
                     documents,
@@ -45301,8 +45479,8 @@ var Management = () => {
                     seedPacksEnabled
                   }
                 ),
-                navTabs[tabIndex]?.label === "Storage" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(StorageTab_default, { currentTheme }),
-                navTabs[tabIndex]?.label === "Preferences" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                navTabs[tabIndex]?.label === "Storage" && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(StorageTab_default, { currentTheme }),
+                navTabs[tabIndex]?.label === "Preferences" && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                   PreferencesTab_default,
                   {
                     preferences,
@@ -45312,13 +45490,13 @@ var Management = () => {
                     showSnackbar: showSnackbarMessage
                   }
                 ),
-                navTabs[tabIndex]?.label === "Provider" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ProviderTab, {}),
-                navTabs[tabIndex]?.label === "Tools" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(MCPToolsTabV2_default, {})
+                navTabs[tabIndex]?.label === "Provider" && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ProviderTab, {}),
+                navTabs[tabIndex]?.label === "Tools" && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(MCPToolsTabV2_default, {})
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
-            import_material54.Fab,
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+            import_material55.Fab,
             {
               "aria-label": "AI",
               onClick: handleOpenModal,
@@ -45339,7 +45517,7 @@ var Management = () => {
                 boxShadow: theme2.shadows[6],
                 zIndex: 2e3
               }),
-              children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                 "img",
                 {
                   src: fabLogo,
@@ -45353,7 +45531,7 @@ var Management = () => {
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(chat_modal_default, { open: modalOpen, onClose: handleCloseModal })
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(chat_modal_default, { open: modalOpen, onClose: handleCloseModal })
         ]
       }
     )