@burtson-labs/bandit-engine 2.0.162 → 2.0.163

package/dist/management/management.js

@@ -3781,13 +3781,12 @@ var init_packageSettingsStore = __esm({
 });
 
 // src/util.ts
-var toTitleCase, randomRange, generateSeed, fetchAndConvertToBase64, detectTransparency, banditHead, modelAvatars, resolveAvatar;
+var toTitleCase, generateSeed, fetchAndConvertToBase64, detectTransparency, banditHead, modelAvatars, resolveAvatar;
 var init_util = __esm({
   "src/util.ts"() {
     "use strict";
     init_debugLogger();
     toTitleCase = (str) => str.toLowerCase().split(" ").map((w) => w.charAt(0).toUpperCase() + w.slice(1)).join(" ");
-    randomRange = (min, max) => Math.floor(Math.random() * (max - min + 1)) + min;
     generateSeed = () => Math.floor(Math.random() * 1e4);
     fetchAndConvertToBase64 = async (src) => {
       const response = await fetch(src);
@@ -3847,30 +3846,12 @@ var init_util = __esm({
 });
 
 // src/prompts/getStableQuestionPrompt.ts
-var TOPICS, getRandomTopicOfInterest, pickDistinctRandomTopics, getStableQuestionPrompt;
+var TOPICS, getStableQuestionPrompt;
 var init_getStableQuestionPrompt = __esm({
   "src/prompts/getStableQuestionPrompt.ts"() {
     "use strict";
     init_util();
     TOPICS = ["everyday life", "finance", "sports", "travel", "technology", "politics", "health", "food", "entertainment", "education", "science", "history", "art", "music", "literature", "philosophy", "psychology", "sociology", "environmental issues", "current events"];
-    getRandomTopicOfInterest = () => {
-      const minIndex = 0;
-      const maxIndex = TOPICS.length - 1;
-      const randomIndex = randomRange(minIndex, maxIndex);
-      const randomTopic = TOPICS[randomIndex];
-      return randomTopic;
-    };
-    pickDistinctRandomTopics = (count) => {
-      const pool = [...TOPICS];
-      const picked = [];
-      const n = Math.min(Math.max(count, 0), pool.length);
-      for (let i = 0; i < n; i++) {
-        const idx = randomRange(0, pool.length - 1);
-        picked.push(pool[idx]);
-        pool.splice(idx, 1);
-      }
-      return picked;
-    };
     getStableQuestionPrompt = (args) => {
       const { limit, topicOfInterest, modelSystemPrompt, interests, knowledgeTopics, webSearchAvailable } = args;
       if (limit < 1 || limit > 10) {
@@ -12798,16 +12779,6 @@ function appBarTokens(theme) {
     menuText: s.control.foreground
   };
 }
-function suggestionTokens(theme) {
-  const s = chatTokens(theme);
-  return {
-    background: s.surface.subtle,
-    text: s.conversation.assistant.foreground,
-    border: s.conversation.border,
-    hoverBackground: s.surface.interactive,
-    hoverBorder: theme.palette.divider
-  };
-}
 function responseTokens(theme) {
   const s = chatTokens(theme);
   return {
@@ -28512,203 +28483,84 @@ Respond with just the title and nothing else.
 });
 
 // src/chat/query-suggestion-picker.tsx
-var import_react77, import_material55, import_styles30, import_react_markdown3, import_remark_gfm3, import_rehype_raw3, import_jsx_runtime56, markdownComponents, QuerySuggestionPicker;
+function QuerySuggestionPicker({ onSend, onSelect }) {
+  const [ideas, setIdeas] = (0, import_react77.useState)([]);
+  const [generating, setGenerating] = (0, import_react77.useState)(false);
+  const [message, setMessage] = (0, import_react77.useState)("");
+  const mounted = (0, import_react77.useRef)(false);
+  const generatingRef = (0, import_react77.useRef)(false);
+  (0, import_react77.useEffect)(() => {
+    mounted.current = true;
+    return () => {
+      mounted.current = false;
+    };
+  }, []);
+  const select = (prompt) => {
+    if (onSelect) onSelect(prompt);
+    else void Promise.resolve(onSend(prompt, [])).catch(() => {
+    });
+  };
+  const generateIdeas = async () => {
+    if (generatingRef.current) return;
+    generatingRef.current = true;
+    setGenerating(true);
+    setMessage("");
+    try {
+      const prefs = usePreferencesStore.getState().preferences;
+      const interests = (prefs.interests ?? []).filter((value) => value?.trim());
+      const prompts = await generateConversationStarters({
+        limit: 3,
+        topicOfInterest: interests.join(", ") || "practical writing, learning, and decisions",
+        interests,
+        modelSystemPrompt: useModelStore.getState().getCurrentModel()?.systemPrompt,
+        knowledgeTopics: prefs.useKnowledgeForStarters ? useKnowledgeStore.getState().docs.map((doc) => doc.name).filter(Boolean).slice(0, 12) : void 0,
+        webSearchAvailable: useMCPToolsStore.getState().getEnabledTools().some((tool) => tool.name === "web_search")
+      });
+      if (!mounted.current) return;
+      const next = prompts.filter((prompt) => typeof prompt === "string" && prompt.trim()).slice(0, 3);
+      setIdeas(next);
+      setMessage(next.length ? "New ideas are ready. Choose one to get started." : "Ideas are unavailable right now. You can still use a starter or write your own.");
+    } catch {
+      if (mounted.current) setMessage("Ideas are unavailable right now. You can still use a starter or write your own.");
+    } finally {
+      generatingRef.current = false;
+      if (mounted.current) setGenerating(false);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_material55.Box, { component: "section", "aria-label": "Start with a task", sx: { width: "100%", px: { xs: 2, sm: 3 } }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_material55.Box, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 1, mb: 1.5 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_material55.Typography, { variant: "body2", sx: { fontWeight: 600 }, children: "What would move your work forward?" }),
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_material55.Button, { size: "small", startIcon: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react78.Refresh, { size: 14 }), disabled: generating, onClick: () => void generateIdeas(), sx: { flexShrink: 0 }, children: generating ? "Finding ideas\u2026" : "Suggest ideas" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_material55.Box, { sx: { display: "grid", gridTemplateColumns: { xs: "1fr", sm: "repeat(3, minmax(0, 1fr))" }, gap: 1 }, children: (ideas.length ? ideas.map((prompt) => ({ title: prompt, detail: "", icon: import_react78.ArrowRight, prompt })) : STARTERS).map(({ title, detail, icon: Icon, prompt }) => /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_material55.Button, { variant: "outlined", onClick: () => select(prompt), sx: { display: "flex", alignItems: "flex-start", justifyContent: "flex-start", gap: 1.2, textAlign: "left", textTransform: "none", p: { xs: 1.5, sm: 2 }, height: "100%", color: "text.primary", borderColor: "divider" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_material55.Box, { component: "span", sx: { display: "flex", color: "primary.main", mt: 0.25 }, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Icon, { size: 18 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_material55.Box, { component: "span", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_material55.Typography, { component: "span", variant: "body2", sx: { display: "block", fontWeight: 550, lineHeight: 1.45 }, children: title }),
+        detail && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_material55.Typography, { component: "span", variant: "caption", sx: { display: "block", color: "text.secondary", mt: 0.5, lineHeight: 1.5 }, children: detail })
+      ] })
+    ] }, title)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_material55.Typography, { variant: "caption", sx: { display: "block", color: "text.secondary", mt: 1.25 }, children: onSelect ? "Choose a starting point, then make it your own before sending." : "Choose a starting point or write your own message." }),
+    message && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_material55.Typography, { role: "status", variant: "caption", sx: { display: "block", color: "text.secondary", mt: 1 }, children: message })
+  ] });
+}
+var import_react77, import_material55, import_react78, import_jsx_runtime56, STARTERS;
 var init_query_suggestion_picker = __esm({
   "src/chat/query-suggestion-picker.tsx"() {
     "use strict";
     import_react77 = require("react");
     import_material55 = require("@mui/material");
-    import_styles30 = require("@mui/material/styles");
-    import_react_markdown3 = __toESM(require("react-markdown"));
-    import_remark_gfm3 = __toESM(require("remark-gfm"));
-    import_rehype_raw3 = __toESM(require("rehype-raw"));
+    import_react78 = require("@burtson-labs/icons/react");
     init_prompts();
-    init_getStableQuestionPrompt();
     init_modelStore();
     init_preferencesStore();
     init_knowledgeStore();
     init_mcpToolsStore();
-    init_chat_tokens();
     import_jsx_runtime56 = require("react/jsx-runtime");
-    markdownComponents = {
-      p: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { ...props }),
-      mark: ({ node, children, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("mark", { ...props, children }),
-      code: ({ node, children, ...props }) => {
-        const { inline, ...rest } = props;
-        return inline ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("code", { ...rest, children }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("code", { ...rest, children });
-      }
-    };
-    QuerySuggestionPicker = ({
-      onSend,
-      inputHeight
-    }) => {
-      const hasGenerated = (0, import_react77.useRef)(false);
-      const [hasSentPrompt, setHasSentPrompt] = (0, import_react77.useState)(false);
-      const [examplePrompts, setExamplePrompts] = (0, import_react77.useState)([]);
-      const [visiblePrompts, setVisiblePrompts] = (0, import_react77.useState)([]);
-      const scrollRef = (0, import_react77.useRef)(null);
-      const theme = (0, import_styles30.useTheme)();
-      const isMobile = (0, import_material55.useMediaQuery)((theme2) => theme2.breakpoints.down("sm"));
-      const { background, text, border, hoverBackground, hoverBorder } = suggestionTokens(theme);
-      const { getCurrentModel, isLoading } = useModelStore();
-      (0, import_react77.useEffect)(() => {
-        if (hasGenerated.current || isLoading) return;
-        hasGenerated.current = true;
-        const currentModel = getCurrentModel();
-        const prefs = usePreferencesStore.getState().preferences;
-        const interests = (prefs.interests ?? []).filter((i) => i && i.trim());
-        const randomTopics = pickDistinctRandomTopics(interests.length ? 3 : 5);
-        const topicOfInterest = Array.from(/* @__PURE__ */ new Set([...interests, ...randomTopics])).join(", ") || getRandomTopicOfInterest();
-        const webSearchAvailable = useMCPToolsStore.getState().getEnabledTools().some((t) => t.name === "web_search");
-        const knowledgeTopics = prefs.useKnowledgeForStarters ? useKnowledgeStore.getState().docs.map((d) => d.name).filter((n) => n && n.trim()).slice(0, 12) : void 0;
-        const args = {
-          limit: 9,
-          topicOfInterest,
-          modelSystemPrompt: currentModel?.systemPrompt,
-          interests,
-          knowledgeTopics,
-          webSearchAvailable
-        };
-        generateConversationStarters(args).then((prompts) => {
-          if (prompts.length > 0) {
-            setExamplePrompts(prompts);
-            setVisiblePrompts(prompts.slice(0, 3));
-          } else {
-            setExamplePrompts([]);
-            setVisiblePrompts([]);
-            hasGenerated.current = false;
-          }
-        }).catch((error) => {
-          setExamplePrompts([]);
-          setVisiblePrompts([]);
-          hasGenerated.current = false;
-        });
-      }, [getCurrentModel, isLoading]);
-      (0, import_react77.useEffect)(() => {
-        if (!isLoading) {
-          hasGenerated.current = false;
-        }
-      }, [isLoading]);
-      (0, import_react77.useEffect)(() => {
-        if (hasSentPrompt || examplePrompts.length === 0) return;
-        const interval = setInterval(() => {
-          setExamplePrompts((prev) => {
-            if (prev.length < 3) return prev;
-            const shuffled = [...prev].sort(() => 0.5 - Math.random());
-            setVisiblePrompts((current) => [shuffled[0], current[1], current[2]]);
-            setTimeout(() => {
-              setVisiblePrompts((current) => [shuffled[0], shuffled[1], current[2]]);
-            }, 400);
-            setTimeout(() => {
-              setVisiblePrompts(shuffled.slice(0, 3));
-            }, 800);
-            return shuffled;
-          });
-        }, 12e3);
-        return () => clearInterval(interval);
-      }, [hasSentPrompt, examplePrompts.length]);
-      const displayPrompts = isMobile ? visiblePrompts.slice(0, Math.min(visiblePrompts.length, 6)) : visiblePrompts;
-      return displayPrompts.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_jsx_runtime56.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
-        import_material55.Box,
-        {
-          ref: scrollRef,
-          sx: {
-            zIndex: 1200,
-            width: "100%",
-            display: "flex",
-            flexDirection: "row",
-            gap: isMobile ? 0.8 : 1,
-            px: isMobile ? 1.5 : 2,
-            overflowX: isMobile ? "auto" : "visible",
-            scrollSnapType: isMobile ? "x mandatory" : "none",
-            WebkitOverflowScrolling: "touch",
-            pb: isMobile ? 0.4 : 0,
-            "&::-webkit-scrollbar": { display: "none" }
-          },
-          children: displayPrompts.map((prompt, i) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
-            import_material55.Box,
-            {
-              component: "button",
-              type: "button",
-              sx: {
-                appearance: "none",
-                font: "inherit",
-                textAlign: "inherit",
-                "&:focus-visible": { outline: `2px solid ${theme.palette.primary.main}`, outlineOffset: 2 },
-                px: isMobile ? 1.4 : 2,
-                py: isMobile ? 1.2 : 2,
-                flex: isMobile ? "0 0 85%" : 1,
-                minWidth: isMobile ? "85%" : "auto",
-                display: "flex",
-                alignItems: "flex-start",
-                gap: isMobile ? 0.9 : 1,
-                backgroundColor: background,
-                borderRadius: 2,
-                fontSize: isMobile ? "0.875rem" : "0.9rem",
-                color: text,
-                userSelect: "none",
-                cursor: "pointer",
-                border: `1px solid ${border || (0, import_styles30.alpha)(text, 0.12)}`,
-                boxShadow: theme.palette.mode === "dark" ? "0 4px 18px rgba(0,0,0,0.25)" : "0 6px 20px rgba(15,23,42,0.12)",
-                scrollSnapAlign: isMobile ? "start" : "none",
-                transition: "transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease",
-                "&:hover": {
-                  backgroundColor: hoverBackground,
-                  borderColor: hoverBorder,
-                  transform: "translateY(-2px)",
-                  boxShadow: theme.palette.mode === "dark" ? "0 6px 22px rgba(0,0,0,0.28)" : "0 8px 24px rgba(15,23,42,0.14)"
-                },
-                "&:active": {
-                  transform: "translateY(0) scale(0.98)"
-                }
-              },
-              onClick: () => {
-                void Promise.resolve(onSend(prompt, [])).catch(() => {
-                });
-                setHasSentPrompt(true);
-              },
-              children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
-                import_material55.Box,
-                {
-                  sx: {
-                    flex: 1,
-                    lineHeight: 1.4,
-                    fontWeight: isMobile ? 500 : 400,
-                    textAlign: isMobile ? "left" : "center",
-                    ...isMobile && { hyphens: "auto", wordBreak: "break-word" },
-                    "& code": {
-                      borderRadius: 4,
-                      fontSize: "0.92em",
-                      fontFamily: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace",
-                      backgroundColor: theme.palette.mode === "dark" ? (0, import_styles30.alpha)(theme.palette.common.white, 0.06) : (0, import_styles30.alpha)(theme.palette.text.primary, 0.06),
-                      border: `1px solid ${(0, import_styles30.alpha)(theme.palette.text.primary, 0.15)}`,
-                      padding: "0.15em 0.35em"
-                    },
-                    "& mark": {
-                      display: "inline-block",
-                      backgroundColor: theme.palette.mode === "dark" ? (0, import_styles30.alpha)(theme.palette.common.white, 0.06) : (0, import_styles30.alpha)(theme.palette.text.primary, 0.12),
-                      color: theme.palette.mode === "dark" ? theme.palette.common.white : theme.palette.text.primary,
-                      borderRadius: 4,
-                      padding: "0.1em 0.25em"
-                    }
-                  },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
-                    import_react_markdown3.default,
-                    {
-                      remarkPlugins: [import_remark_gfm3.default],
-                      rehypePlugins: [import_rehype_raw3.default],
-                      components: markdownComponents,
-                      children: prompt
-                    }
-                  )
-                }
-              )
-            },
-            `${i}-${prompt}`
-          ))
-        }
-      ) });
-    };
+    STARTERS = [
+      { title: "Make sense of something", detail: "Find the important parts and the open questions.", icon: import_react78.FileText, prompt: "Help me understand the material I share next. Summarize the key points, distinguish facts from assumptions, and call out what is missing." },
+      { title: "Think through a decision", detail: "Compare options against what matters to you.", icon: import_react78.ListChecks, prompt: "Help me work through a decision. Ask me for the options, constraints, and what matters most, then compare the tradeoffs." },
+      { title: "Create a useful first draft", detail: "Turn a rough idea into something you can use.", icon: import_react78.PenLine, prompt: "Help me turn an idea into a useful first draft. Ask me what I am making, who it is for, and what a good result looks like." }
+    ];
   }
 });
 
@@ -28787,14 +28639,14 @@ var init_UnderReview = __esm({
 });
 
 // src/components/feedback/FeedbackPulse.tsx
-var import_react78, import_material57, import_styles31, import_react79, import_jsx_runtime58, STORAGE_KEY3, COOLDOWN_DAYS, MIN_SESSION_MS, MIN_MESSAGES_SENT, CHECK_INTERVAL_MS, readLastInteraction, recordInteraction, FeedbackPulse, FeedbackPulse_default;
+var import_react79, import_material57, import_styles30, import_react80, import_jsx_runtime58, 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_react78 = require("react");
+    import_react79 = require("react");
     import_material57 = require("@mui/material");
-    import_styles31 = require("@mui/material/styles");
-    import_react79 = require("@burtson-labs/icons/react");
+    import_styles30 = require("@mui/material/styles");
+    import_react80 = require("@burtson-labs/icons/react");
     init_conversationStore();
     init_FeedbackModal();
     init_debugLogger();
@@ -28819,22 +28671,22 @@ var init_FeedbackPulse = __esm({
       debugLogger.info("FeedbackPulse: interaction recorded", { outcome });
     };
     FeedbackPulse = ({ isMobile, feedbackEmail }) => {
-      const theme = (0, import_styles31.useTheme)();
-      const [visible, setVisible] = (0, import_react78.useState)(false);
-      const [thanked, setThanked] = (0, import_react78.useState)(false);
-      const [modalOpen, setModalOpen] = (0, import_react78.useState)(false);
-      const mountedAtRef = (0, import_react78.useRef)(Date.now());
-      const baselineMessagesRef = (0, import_react78.useRef)(null);
+      const theme = (0, import_styles30.useTheme)();
+      const [visible, setVisible] = (0, import_react79.useState)(false);
+      const [thanked, setThanked] = (0, import_react79.useState)(false);
+      const [modalOpen, setModalOpen] = (0, import_react79.useState)(false);
+      const mountedAtRef = (0, import_react79.useRef)(Date.now());
+      const baselineMessagesRef = (0, import_react79.useRef)(null);
       const totalMessages = useConversationStore(
         (s) => s.conversations.reduce((n, c) => n + c.history.length, 0)
       );
       const hydrated = useConversationStore((s) => s._hasHydrated);
-      (0, import_react78.useEffect)(() => {
+      (0, import_react79.useEffect)(() => {
         if (hydrated && baselineMessagesRef.current === null) {
           baselineMessagesRef.current = totalMessages;
         }
       }, [hydrated, totalMessages]);
-      (0, import_react78.useEffect)(() => {
+      (0, import_react79.useEffect)(() => {
         const cooldownMs = COOLDOWN_DAYS * 24 * 60 * 60 * 1e3;
         const forced = typeof window !== "undefined" && new URLSearchParams(window.location.search).has("feedbackPulse");
         const check = () => {
@@ -28893,7 +28745,7 @@ var init_FeedbackPulse = __esm({
             color: theme.palette.text.secondary,
             transition: "background-color 0.15s ease, transform 0.1s ease",
             "&:hover": {
-              bgcolor: (0, import_styles31.alpha)(theme.palette.text.primary, 0.06),
+              bgcolor: (0, import_styles30.alpha)(theme.palette.text.primary, 0.06),
               color: theme.palette.text.primary
             },
             "&:active": { transform: "scale(0.96)" }
@@ -28922,17 +28774,17 @@ var init_FeedbackPulse = __esm({
               borderRadius: 3,
               border: `1px solid ${theme.palette.divider}`,
               bgcolor: theme.palette.background.paper,
-              boxShadow: `0 12px 40px ${(0, import_styles31.alpha)(theme.palette.common.black, theme.palette.mode === "dark" ? 0.5 : 0.18)}`
+              boxShadow: `0 12px 40px ${(0, import_styles30.alpha)(theme.palette.common.black, theme.palette.mode === "dark" ? 0.5 : 0.18)}`
             },
             children: thanked ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_material57.Typography, { sx: { textAlign: "center", py: 1.5, fontWeight: 600 }, children: "Thanks for the feedback!" }) : /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
               /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_material57.Box, { sx: { display: "flex", alignItems: "center", mb: 0.5 }, children: [
                 /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_material57.Typography, { variant: "body2", sx: { fontWeight: 600, flex: 1 }, children: "How's Bandit doing?" }),
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_material57.IconButton, { size: "small", onClick: dismiss, "aria-label": "Dismiss feedback prompt", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react79.X, { size: 16 }) })
+                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_material57.IconButton, { size: "small", onClick: dismiss, "aria-label": "Dismiss feedback prompt", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react80.X, { size: 16 }) })
               ] }),
               /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_material57.Box, { sx: { display: "flex", justifyContent: "space-evenly" }, children: [
-                choice(/* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react79.Smile, { size: 22, color: theme.palette.success.main }), "Good", "good"),
-                choice(/* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react79.Meh, { size: 22, color: theme.palette.warning.main }), "Fine", "fine"),
-                choice(/* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react79.Frown, { size: 22, color: theme.palette.error.main }), "Bad", "bad")
+                choice(/* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react80.Smile, { size: 22, color: theme.palette.success.main }), "Good", "good"),
+                choice(/* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react80.Meh, { size: 22, color: theme.palette.warning.main }), "Fine", "fine"),
+                choice(/* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react80.Frown, { size: 22, color: theme.palette.error.main }), "Bad", "bad")
               ] })
             ] })
           }
@@ -29044,11 +28896,11 @@ var init_ConnectionStatus = __esm({
 });
 
 // src/hooks/useVoiceMode.ts
-var import_react80, RMS_BASELINE, RMS_NORMALIZER, computeRms, pickSupportedMimeType, useVoiceMode;
+var import_react81, RMS_BASELINE, RMS_NORMALIZER, computeRms, pickSupportedMimeType, useVoiceMode;
 var init_useVoiceMode = __esm({
   "src/hooks/useVoiceMode.ts"() {
     "use strict";
-    import_react80 = require("react");
+    import_react81 = require("react");
     init_stt_client();
     init_debugLogger();
     init_voiceModeStore();
@@ -29081,11 +28933,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_react80.useRef)(config);
-      (0, import_react80.useEffect)(() => {
+      const configRef = (0, import_react81.useRef)(config);
+      (0, import_react81.useEffect)(() => {
         configRef.current = config;
       }, [config]);
-      (0, import_react80.useEffect)(() => {
+      (0, import_react81.useEffect)(() => {
         if (!enabled) {
           return () => void 0;
         }
@@ -29346,15 +29198,15 @@ var chat_exports = {};
 __export(chat_exports, {
   default: () => chat_default
 });
-var import_react81, import_material59, import_styles32, import_react_router_dom6, import_react82, import_jsx_runtime60, ChatContent, Chat, chat_default;
+var import_react82, import_material59, import_styles31, import_react_router_dom6, import_react83, import_jsx_runtime60, ChatContent, Chat, chat_default;
 var init_chat2 = __esm({
   "src/chat/chat.tsx"() {
     "use strict";
-    import_react81 = require("react");
+    import_react82 = require("react");
     init_custom_logo();
     init_indexedDBService();
     import_material59 = require("@mui/material");
-    import_styles32 = require("@mui/material/styles");
+    import_styles31 = require("@mui/material/styles");
     init_chat_tokens();
     init_chat_skeleton();
     init_aiQueryStore();
@@ -29396,7 +29248,7 @@ var init_chat2 = __esm({
     init_FeatureFlagContext();
     init_knowledgeStore();
     init_icons();
-    import_react82 = require("@burtson-labs/icons/react");
+    import_react83 = require("@burtson-labs/icons/react");
     import_jsx_runtime60 = require("react/jsx-runtime");
     ChatContent = () => {
       const packageSettings = usePackageSettingsStore((state) => state.settings);
@@ -29406,8 +29258,8 @@ 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_react81.useState)(null);
-      const [themeLoading, setThemeLoading] = (0, import_react81.useState)(true);
+      const [selectedTheme, setSelectedTheme] = (0, import_react82.useState)(null);
+      const [themeLoading, setThemeLoading] = (0, import_react82.useState)(true);
       const token = authenticationService.getToken();
       const claims = token ? authenticationService.parseJwtClaims(token) : null;
       const baseTheme = registry_default[selectedTheme ?? "bandit-dark"] || banditDarkTheme;
@@ -29434,12 +29286,12 @@ var init_chat2 = __esm({
       } = useVoiceStore();
       const isVoiceModeEnabled = useVoiceModeStore((state) => state.enabled);
       const canvasOpen = useCanvasStore((state) => state.open);
-      const previousVoiceModeEnabledRef = (0, import_react81.useRef)(isVoiceModeEnabled);
-      const historyRef = (0, import_react81.useRef)(history);
-      (0, import_react81.useEffect)(() => {
+      const previousVoiceModeEnabledRef = (0, import_react82.useRef)(isVoiceModeEnabled);
+      const historyRef = (0, import_react82.useRef)(history);
+      (0, import_react82.useEffect)(() => {
         historyRef.current = history;
       }, [history]);
-      (0, import_react81.useEffect)(() => {
+      (0, import_react82.useEffect)(() => {
         if (!hydrated) return;
         const params = new URLSearchParams(window.location.search);
         const title = params.get("title") || "";
@@ -29455,7 +29307,7 @@ var init_chat2 = __esm({
         stop: ttsStop,
         isAvailable: isTTSAvailable
       } = useTTS();
-      (0, import_react81.useEffect)(() => {
+      (0, import_react82.useEffect)(() => {
         const timer = setTimeout(() => {
           const isAuthenticated = authenticationService.isAuthenticated();
           if (!initialized || availableVoices.length === 0) {
@@ -29469,7 +29321,7 @@ var init_chat2 = __esm({
         }, 500);
         return () => clearTimeout(timer);
       }, [initialized, availableVoices.length, loadVoicesFromAPI, token]);
-      (0, import_react81.useEffect)(() => {
+      (0, import_react82.useEffect)(() => {
         const isAuthenticated = authenticationService.isAuthenticated();
         if (packageSettings?.gatewayApiUrl && availableVoices.length === 0 && !initialized) {
           if (token && isAuthenticated) {
@@ -29481,22 +29333,22 @@ var init_chat2 = __esm({
         }
       }, [packageSettings?.gatewayApiUrl, availableVoices.length, initialized, loadVoicesFromAPI, token]);
       const provider = useAIProviderStore((state) => state.provider);
-      const inputRef = (0, import_react81.useRef)(null);
-      const [pastedImages, setPastedImages] = (0, import_react81.useState)([]);
-      const inputContainerRef = (0, import_react81.useRef)(null);
-      const [inputHeight, setInputHeight] = (0, import_react81.useState)(80);
-      const [isSubmitting, setIsSubmitting] = (0, import_react81.useState)(false);
-      const [pendingMessage, setPendingMessage] = (0, import_react81.useState)(null);
+      const inputRef = (0, import_react82.useRef)(null);
+      const [pastedImages, setPastedImages] = (0, import_react82.useState)([]);
+      const inputContainerRef = (0, import_react82.useRef)(null);
+      const [inputHeight, setInputHeight] = (0, import_react82.useState)(80);
+      const [isSubmitting, setIsSubmitting] = (0, import_react82.useState)(false);
+      const [pendingMessage, setPendingMessage] = (0, import_react82.useState)(null);
       const { conversations, currentId, _hasHydrated, hydrate, toggleIncognito } = useConversationStore();
       const isTemporaryChat = Boolean(conversations.find((c) => c.id === currentId)?.incognito);
-      const [isMobile, setIsMobile] = (0, import_react81.useState)(false);
-      const [drawerOpen, setDrawerOpen] = (0, import_react81.useState)(false);
-      const [mobileConversationsOpen, setMobileConversationsOpen] = (0, import_react81.useState)(false);
-      const cardSwipeStartXRef = (0, import_react81.useRef)(null);
-      const dragStartRef = (0, import_react81.useRef)(null);
-      const [drawerDragX, setDrawerDragX] = (0, import_react81.useState)(null);
-      const [drawerSettling, setDrawerSettling] = (0, import_react81.useState)(false);
-      const [drawerSwap, setDrawerSwap] = (0, import_react81.useState)(false);
+      const [isMobile, setIsMobile] = (0, import_react82.useState)(false);
+      const [drawerOpen, setDrawerOpen] = (0, import_react82.useState)(false);
+      const [mobileConversationsOpen, setMobileConversationsOpen] = (0, import_react82.useState)(false);
+      const cardSwipeStartXRef = (0, import_react82.useRef)(null);
+      const dragStartRef = (0, import_react82.useRef)(null);
+      const [drawerDragX, setDrawerDragX] = (0, import_react82.useState)(null);
+      const [drawerSettling, setDrawerSettling] = (0, import_react82.useState)(false);
+      const [drawerSwap, setDrawerSwap] = (0, import_react82.useState)(false);
       const drawerOpenOffset = () => (typeof window === "undefined" ? 360 : Math.min(window.innerWidth - 56, 360)) - 12;
       const drawerDragStart = (e) => {
         const t = e.touches[0];
@@ -29556,7 +29408,7 @@ var init_chat2 = __esm({
         translate: `${drawerDragX}px 0`,
         transition: drawerSettling ? "translate 0.22s cubic-bezier(0.2, 0.8, 0.2, 1)" : "none"
       } : void 0;
-      (0, import_react81.useEffect)(() => {
+      (0, import_react82.useEffect)(() => {
         if (typeof document === "undefined") return;
         const meta = document.querySelector('meta[name="theme-color"]');
         if (!meta) return;
@@ -29574,36 +29426,36 @@ var init_chat2 = __esm({
       const chatContainerEl = chatContainerRef.current;
       const scrollTargetEl = scrollTargetRef.current;
       const { isSlowConnection, connectionQuality, trackRequestStart, trackRequestEnd } = useNetworkStatus();
-      const [showScrollToBottom, setShowScrollToBottom] = (0, import_react81.useState)(false);
-      const [streamBuffer, setStreamBuffer] = (0, import_react81.useState)("");
-      const [responseStarted, setResponseStarted] = (0, import_react81.useState)(false);
-      const [isStreaming, setIsStreaming] = (0, import_react81.useState)(false);
-      const [isThinking, setIsThinking] = (0, import_react81.useState)(false);
+      const [showScrollToBottom, setShowScrollToBottom] = (0, import_react82.useState)(false);
+      const [streamBuffer, setStreamBuffer] = (0, import_react82.useState)("");
+      const [responseStarted, setResponseStarted] = (0, import_react82.useState)(false);
+      const [isStreaming, setIsStreaming] = (0, import_react82.useState)(false);
+      const [isThinking, setIsThinking] = (0, import_react82.useState)(false);
       const initialLogoState = history.length === 0;
-      const [logoVisible, setLogoVisible] = (0, import_react81.useState)(initialLogoState);
-      const [logoShouldRender, setLogoShouldRender] = (0, import_react81.useState)(initialLogoState);
-      const streamingGraceUntilRef = (0, import_react81.useRef)(0);
+      const [logoVisible, setLogoVisible] = (0, import_react82.useState)(initialLogoState);
+      const [logoShouldRender, setLogoShouldRender] = (0, import_react82.useState)(initialLogoState);
+      const streamingGraceUntilRef = (0, import_react82.useRef)(0);
       const GRACE_MS = 450;
       const GRACE_OFFSET_DESKTOP = 28;
       const GRACE_OFFSET_MOBILE = 20;
-      const followStreamRef = (0, import_react81.useRef)(true);
-      const lastSpokenResponseRef = (0, import_react81.useRef)(null);
-      const previousConversationIdRef = (0, import_react81.useRef)(null);
-      const logoFadeTimeoutRef = (0, import_react81.useRef)(null);
-      const [branding, setBranding] = (0, import_react81.useState)(null);
-      const [brandingLoading, setBrandingLoading] = (0, import_react81.useState)(true);
-      const isBrandingLoadInProgressRef = (0, import_react81.useRef)(false);
+      const followStreamRef = (0, import_react82.useRef)(true);
+      const lastSpokenResponseRef = (0, import_react82.useRef)(null);
+      const previousConversationIdRef = (0, import_react82.useRef)(null);
+      const logoFadeTimeoutRef = (0, import_react82.useRef)(null);
+      const [branding, setBranding] = (0, import_react82.useState)(null);
+      const [brandingLoading, setBrandingLoading] = (0, import_react82.useState)(true);
+      const isBrandingLoadInProgressRef = (0, import_react82.useRef)(false);
       const logoOnly = history.length === 0 && !brandingLoading;
       const knowledgeDocs = useKnowledgeStore((s) => s.docs);
       const knowledgeLoaded = useKnowledgeStore((s) => s.isLoaded);
-      const [knowledgeNudgeDismissed, setKnowledgeNudgeDismissed] = (0, import_react81.useState)(() => {
+      const [knowledgeNudgeDismissed, setKnowledgeNudgeDismissed] = (0, import_react82.useState)(() => {
         try {
           return localStorage.getItem("bandit.knowledgeNudge.dismissed") === "true";
         } catch {
           return false;
         }
       });
-      const dismissKnowledgeNudge = (0, import_react81.useCallback)(() => {
+      const dismissKnowledgeNudge = (0, import_react82.useCallback)(() => {
         setKnowledgeNudgeDismissed(true);
         try {
           localStorage.setItem("bandit.knowledgeNudge.dismissed", "true");
@@ -29617,7 +29469,7 @@ var init_chat2 = __esm({
           window.location.assign(to);
         }
       };
-      (0, import_react81.useEffect)(() => {
+      (0, import_react82.useEffect)(() => {
         const isEmptyConversation = (history?.length ?? 0) === 0;
         const isSending = Boolean(pendingMessage);
         const shouldShowLogo = isEmptyConversation && !isSending;
@@ -29647,7 +29499,7 @@ var init_chat2 = __esm({
           }, 500);
         }
       }, [history, pendingMessage]);
-      (0, import_react81.useEffect)(() => {
+      (0, import_react82.useEffect)(() => {
         if (!brandingLoading && !themeLoading) {
           return;
         }
@@ -29663,18 +29515,18 @@ var init_chat2 = __esm({
         }, 2500);
         return () => window.clearTimeout(timeoutId);
       }, [brandingLoading, themeLoading, selectedTheme]);
-      (0, import_react81.useEffect)(() => () => {
+      (0, import_react82.useEffect)(() => () => {
         if (logoFadeTimeoutRef.current) {
           window.clearTimeout(logoFadeTimeoutRef.current);
           logoFadeTimeoutRef.current = null;
         }
       }, []);
-      (0, import_react81.useEffect)(() => {
+      (0, import_react82.useEffect)(() => {
         if (isStreaming && streamBuffer.trim() === "") {
           streamingGraceUntilRef.current = Date.now() + GRACE_MS;
         }
       }, [isStreaming, streamBuffer]);
-      (0, import_react81.useEffect)(() => {
+      (0, import_react82.useEffect)(() => {
         if (!isStreaming) return;
         const container = chatContainerRef.current;
         if (!container) return;
@@ -29685,13 +29537,13 @@ var init_chat2 = __esm({
           container.scrollTo({ top: targetTop, behavior: "smooth" });
         }
       }, [streamBuffer, isStreaming, isMobile, chatContainerRef]);
-      (0, import_react81.useEffect)(() => {
+      (0, import_react82.useEffect)(() => {
         if (!_hasHydrated) {
           debugLogger.info("Chat component triggering conversation store hydration");
           hydrate();
         }
       }, [_hasHydrated, hydrate]);
-      (0, import_react81.useEffect)(() => {
+      (0, import_react82.useEffect)(() => {
         const loadBrandingAndTheme = async () => {
           if (isBrandingLoadInProgressRef.current) {
             debugLogger.warn("Branding loading already in progress, skipping");
@@ -29880,7 +29732,7 @@ var init_chat2 = __esm({
           window.removeEventListener("bandit-theme-changed", handleThemeChange);
         };
       }, []);
-      (0, import_react81.useEffect)(() => {
+      (0, import_react82.useEffect)(() => {
         if (!chatContainerEl) return;
         const blurInputOnTouchScroll = () => {
           if (document.activeElement === inputRef.current) inputRef.current?.blur();
@@ -29888,13 +29740,13 @@ var init_chat2 = __esm({
         chatContainerEl.addEventListener("touchmove", blurInputOnTouchScroll, { passive: true });
         return () => chatContainerEl.removeEventListener("touchmove", blurInputOnTouchScroll);
       }, [chatContainerEl]);
-      (0, import_react81.useEffect)(() => {
+      (0, import_react82.useEffect)(() => {
         const handleResize = () => setIsMobile(window.innerWidth <= 768);
         handleResize();
         window.addEventListener("resize", handleResize);
         return () => window.removeEventListener("resize", handleResize);
       }, []);
-      (0, import_react81.useEffect)(() => {
+      (0, import_react82.useEffect)(() => {
         const setViewportHeight = () => {
           document.documentElement.style.setProperty(
             "--vh",
@@ -29905,7 +29757,7 @@ var init_chat2 = __esm({
         window.addEventListener("resize", setViewportHeight);
         return () => window.removeEventListener("resize", setViewportHeight);
       }, []);
-      (0, import_react81.useEffect)(() => {
+      (0, import_react82.useEffect)(() => {
         if (!chatContainerEl) return;
         let rafId = null;
         const update = () => {
@@ -29924,7 +29776,7 @@ var init_chat2 = __esm({
           chatContainerEl.removeEventListener(SCROLL_STATE_CHANGED_EVENT, update);
         };
       }, [chatContainerEl, getScrollState]);
-      (0, import_react81.useEffect)(() => {
+      (0, import_react82.useEffect)(() => {
         if (!chatContainerEl) return;
         let observer = null;
         let rafId = null;
@@ -29959,7 +29811,7 @@ var init_chat2 = __esm({
           if (observer) observer.disconnect();
         };
       }, [chatContainerEl, scrollTargetEl, scrollTargetRef, getScrollState, inputHeight, history.length]);
-      (0, import_react81.useEffect)(() => {
+      (0, import_react82.useEffect)(() => {
         const isTransitioning = isStreaming || streamBuffer.trim() === "";
         const delay = isTransitioning ? 400 : 100;
         const timer = setTimeout(() => {
@@ -29968,7 +29820,7 @@ var init_chat2 = __esm({
         }, delay);
         return () => clearTimeout(timer);
       }, [history, streamBuffer, getScrollState, isStreaming]);
-      (0, import_react81.useLayoutEffect)(() => {
+      (0, import_react82.useLayoutEffect)(() => {
         const scrollState = getScrollState();
         const now = Date.now();
         if (isStreaming && scrollState.shouldAutoScroll && followStreamRef.current) {
@@ -30002,7 +29854,7 @@ var init_chat2 = __esm({
           return () => clearTimeout(scrollTimer);
         }
       }, [history, isStreaming, scrollToBottom, getScrollState, isMobile, chatContainerRef]);
-      (0, import_react81.useEffect)(() => {
+      (0, import_react82.useEffect)(() => {
         const observer = new ResizeObserver(() => {
           if (inputContainerRef.current)
             setInputHeight(inputContainerRef.current.offsetHeight);
@@ -30013,7 +29865,7 @@ var init_chat2 = __esm({
         }
         return () => observer.disconnect();
       }, []);
-      (0, import_react81.useEffect)(() => {
+      (0, import_react82.useEffect)(() => {
         if (!hydrated || !_hasHydrated) return;
         if (currentId === null) {
           useAIQueryStore.setState({ history: [] });
@@ -30062,7 +29914,7 @@ var init_chat2 = __esm({
         setResponse,
         setComponentStatus
       ]);
-      (0, import_react81.useEffect)(() => {
+      (0, import_react82.useEffect)(() => {
         debugLogger.info("Chat component conversation state", {
           hasHydrated: _hasHydrated,
           conversationCount: conversations.length,
@@ -30071,7 +29923,7 @@ var init_chat2 = __esm({
           storeState: "main-chat"
         });
       }, [_hasHydrated, conversations, currentId]);
-      (0, import_react81.useEffect)(() => {
+      (0, import_react82.useEffect)(() => {
         if (!_hasHydrated || !chatContainerEl) return;
         let rafId = null;
         const sync = () => {
@@ -30085,8 +29937,8 @@ var init_chat2 = __esm({
           if (rafId) cancelAnimationFrame(rafId);
         };
       }, [_hasHydrated, chatContainerEl, getScrollState, history.length]);
-      const sendAckRef = (0, import_react81.useRef)(null);
-      const settleSendAck = (0, import_react81.useCallback)((outcome) => {
+      const sendAckRef = (0, import_react82.useRef)(null);
+      const settleSendAck = (0, import_react82.useCallback)((outcome) => {
         const ack = sendAckRef.current;
         if (!ack) return;
         sendAckRef.current = null;
@@ -30115,7 +29967,7 @@ var init_chat2 = __esm({
           notificationService2?.handleHttpError(error);
         }
       });
-      const handleStop = (0, import_react81.useCallback)(() => {
+      const handleStop = (0, import_react82.useCallback)(() => {
         try {
           aiProvider.cancel();
         } catch (error) {
@@ -30124,7 +29976,7 @@ var init_chat2 = __esm({
           });
         }
       }, [aiProvider]);
-      const handleVoiceInterrupt = (0, import_react81.useCallback)(() => {
+      const handleVoiceInterrupt = (0, import_react82.useCallback)(() => {
         try {
           ttsStop();
         } catch (error) {
@@ -30143,7 +29995,7 @@ var init_chat2 = __esm({
           handleStop();
         }
       }, [ttsStop, isStreaming, handleStop]);
-      const handleSend = (0, import_react81.useCallback)(
+      const handleSend = (0, import_react82.useCallback)(
         (question, images, displayQuestion) => {
           sendAckRef.current?.resolve();
           const acknowledged = new Promise((resolve, reject) => {
@@ -30280,7 +30132,7 @@ var init_chat2 = __esm({
           trackRequestStart
         ]
       );
-      const handleVoiceTranscription = (0, import_react81.useCallback)(
+      const handleVoiceTranscription = (0, import_react82.useCallback)(
         (text) => {
           const cleaned = text.trim();
           if (!cleaned) {
@@ -30298,7 +30150,7 @@ var init_chat2 = __esm({
         onInterrupt: handleVoiceInterrupt,
         onError: (message) => notificationService2?.showError?.(message)
       });
-      (0, import_react81.useEffect)(() => {
+      (0, import_react82.useEffect)(() => {
         const previouslyEnabled = previousVoiceModeEnabledRef.current;
         previousVoiceModeEnabledRef.current = isVoiceModeEnabled;
         if (!previouslyEnabled && isVoiceModeEnabled) {
@@ -30323,7 +30175,7 @@ var init_chat2 = __esm({
           }
         }
       }, [isVoiceModeEnabled, ttsStop]);
-      (0, import_react81.useEffect)(() => {
+      (0, import_react82.useEffect)(() => {
         if (!isVoiceModeEnabled || !isStreaming) {
           return;
         }
@@ -30343,7 +30195,7 @@ var init_chat2 = __esm({
         }
         lastSpokenResponseRef.current = null;
       }, [isStreaming, isVoiceModeEnabled, ttsStop]);
-      (0, import_react81.useEffect)(() => {
+      (0, import_react82.useEffect)(() => {
         if (!isVoiceModeEnabled) {
           lastSpokenResponseRef.current = null;
           return;
@@ -30384,13 +30236,13 @@ var init_chat2 = __esm({
           cancelled = true;
         };
       }, [history, isStreaming, isVoiceModeEnabled, isTTSAvailable, ttsSpeak]);
-      const handleModelChange = (0, import_react81.useCallback)(
+      const handleModelChange = (0, import_react82.useCallback)(
         (modelId) => {
           setSelectedModel(modelId);
         },
         [setSelectedModel]
       );
-      const handleVoiceChange = (0, import_react81.useCallback)(async (voiceId) => {
+      const handleVoiceChange = (0, import_react82.useCallback)(async (voiceId) => {
         ttsStop();
         stopTTS();
         setSelectedVoice(voiceId);
@@ -30564,7 +30416,7 @@ var init_chat2 = __esm({
                       whiteSpace: "nowrap"
                     }),
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react82.Ghost, { size: 14, "aria-hidden": true }),
+                      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react83.Ghost, { size: 14, "aria-hidden": true }),
                       "Temporary chat",
                       /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
                         import_material59.Box,
@@ -30594,7 +30446,7 @@ var init_chat2 = __esm({
                             "@media (pointer: coarse)": { "&::after": { content: '""', position: "absolute", inset: -11 } },
                             "&:hover": {
                               opacity: 1,
-                              bgcolor: (0, import_styles32.alpha)(theme.palette.getContrastText(theme.palette.text.primary), 0.16)
+                              bgcolor: (0, import_styles31.alpha)(theme.palette.getContrastText(theme.palette.text.primary), 0.16)
                             }
                           }),
                           children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_x.X, { fontSize: "inherit", "aria-hidden": true })
@@ -30780,7 +30632,17 @@ var init_chat2 = __esm({
                   },
                   children: [
                     /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_material59.Box, { sx: { flex: "1 1 auto" } }),
-                    history.length === 0 && componentStatus !== "Loading" && !pendingMessage && preferences.chatSuggestionsEnabled && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_material59.Box, { sx: { marginBottom: "20px" }, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(QuerySuggestionPicker, { onSend: handleSend, inputHeight }) }),
+                    history.length === 0 && componentStatus !== "Loading" && !pendingMessage && preferences.chatSuggestionsEnabled && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_material59.Box, { sx: { marginBottom: "20px", width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+                      QuerySuggestionPicker,
+                      {
+                        onSend: handleSend,
+                        onSelect: (prompt) => {
+                          setInputValue(prompt);
+                          inputRef.current?.focus();
+                        },
+                        inputHeight
+                      }
+                    ) }),
                     /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(rate_limit_prompt_default, {}),
                     /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ask_user_card_default, {}),
                     /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
@@ -30855,7 +30717,7 @@ __export(management_exports, {
   default: () => management_default
 });
 module.exports = __toCommonJS(management_exports);
-var import_react83 = require("react");
+var import_react84 = require("react");
 var import_useMediaQuery2 = __toESM(require("@mui/material/useMediaQuery"));
 init_useKnowledgeStore();
 init_indexedDBService();
@@ -43314,16 +43176,16 @@ var Management = ({
     hasTransparentLogo,
     setHasTransparentLogo
   } = useModelStore();
-  const [modalOpen, setModalOpen] = (0, import_react83.useState)(false);
+  const [modalOpen, setModalOpen] = (0, import_react84.useState)(false);
   const banditHead5 = "https://cdn.burtson.ai/images/bandit-head.png";
-  const [fabLogo, setFabLogo] = (0, import_react83.useState)(banditHead5);
-  const [logoFile, setLogoFile] = (0, import_react83.useState)(null);
-  const [logoBase64, setLogoBase64] = (0, import_react83.useState)(null);
-  const [brandingText, setBrandingText] = (0, import_react83.useState)("");
-  const [headerMode, setHeaderMode] = (0, import_react83.useState)("logo");
-  const [theme, setTheme] = (0, import_react83.useState)("bandit-dark");
-  const [customAvatarBase64, setCustomAvatarBase64] = (0, import_react83.useState)(null);
-  const [presetAvatar, setPresetAvatar] = (0, import_react83.useState)(null);
+  const [fabLogo, setFabLogo] = (0, import_react84.useState)(banditHead5);
+  const [logoFile, setLogoFile] = (0, import_react84.useState)(null);
+  const [logoBase64, setLogoBase64] = (0, import_react84.useState)(null);
+  const [brandingText, setBrandingText] = (0, import_react84.useState)("");
+  const [headerMode, setHeaderMode] = (0, import_react84.useState)("logo");
+  const [theme, setTheme] = (0, import_react84.useState)("bandit-dark");
+  const [customAvatarBase64, setCustomAvatarBase64] = (0, import_react84.useState)(null);
+  const [presetAvatar, setPresetAvatar] = (0, import_react84.useState)(null);
   const showSnackbarMessage = (message, severity = "success") => {
     if (severity === "success") {
       notificationService2?.showSuccess(message);
@@ -43331,15 +43193,15 @@ var Management = ({
       notificationService2?.showError(message);
     }
   };
-  const [brandingLoaded, setBrandingLoaded] = (0, import_react83.useState)(false);
-  const [isLoadingBranding, setIsLoadingBranding] = (0, import_react83.useState)(false);
+  const [brandingLoaded, setBrandingLoaded] = (0, import_react84.useState)(false);
+  const [isLoadingBranding, setIsLoadingBranding] = (0, import_react84.useState)(false);
   const { initModels } = useModelStore();
   const { settings: packageSettings } = usePackageSettingsStore();
   const authToken = useAuthenticationStore((state) => state.token);
   const { preferences, updatePreference } = usePreferencesStore();
   const { provider: currentProvider, config: currentProviderConfig } = useAIProviderStore();
-  const [seedPacksEnabled, setSeedPacksEnabled] = (0, import_react83.useState)(false);
-  const [localSelectedModel, setLocalSelectedModel] = (0, import_react83.useState)({
+  const [seedPacksEnabled, setSeedPacksEnabled] = (0, import_react84.useState)(false);
+  const [localSelectedModel, setLocalSelectedModel] = (0, import_react84.useState)({
     name: "",
     tagline: "",
     systemPrompt: "",
@@ -43352,7 +43214,7 @@ var Management = ({
     loadDocuments,
     clearAllDocuments
   } = useKnowledgeStore2();
-  (0, import_react83.useEffect)(() => {
+  (0, import_react84.useEffect)(() => {
     if (selectedModel) {
       const selected = availableModels.find((m) => m.name === selectedModel);
       if (selected) {
@@ -43376,7 +43238,7 @@ var Management = ({
       }
     }
   }, [selectedModel, availableModels]);
-  const loadBrandingConfig = (0, import_react83.useCallback)(async () => {
+  const loadBrandingConfig = (0, import_react84.useCallback)(async () => {
     if (isLoadingBranding || brandingLoaded) {
       debugLogger.warn("Branding loading already in progress or completed, skipping");
       return;
@@ -43493,15 +43355,15 @@ var Management = ({
     setTagline,
     setTheme
   ]);
-  (0, import_react83.useEffect)(() => {
+  (0, import_react84.useEffect)(() => {
     void loadBrandingConfig();
   }, [loadBrandingConfig]);
   const handleOpenModal = () => setModalOpen(true);
   const handleCloseModal = () => setModalOpen(false);
-  (0, import_react83.useEffect)(() => {
+  (0, import_react84.useEffect)(() => {
     getOptimalFabLogo().then(setFabLogo);
   }, []);
-  (0, import_react83.useEffect)(() => {
+  (0, import_react84.useEffect)(() => {
     if (logoBase64) {
       setFabLogo(logoBase64);
     } else {
@@ -43959,7 +43821,7 @@ var Management = ({
       reader.readAsText(file);
     }
   };
-  (0, import_react83.useEffect)(() => {
+  (0, import_react84.useEffect)(() => {
     if (localSelectedModel.selectedModel && !availableModels.some((m) => m.name === localSelectedModel.selectedModel)) {
       setLocalSelectedModel((prev) => ({
         ...prev,
@@ -43967,10 +43829,10 @@ var Management = ({
       }));
     }
   }, [availableModels, localSelectedModel.selectedModel]);
-  (0, import_react83.useEffect)(() => {
+  (0, import_react84.useEffect)(() => {
     loadDocuments();
   }, [loadDocuments]);
-  (0, import_react83.useEffect)(() => {
+  (0, import_react84.useEffect)(() => {
     const gatewayApiUrl = packageSettings?.gatewayApiUrl;
     if (!gatewayApiUrl || gatewayApiUrl.toLowerCase().startsWith("playground://")) {
       setSeedPacksEnabled(false);
@@ -44013,20 +43875,20 @@ var Management = ({
       isActive = false;
     };
   }, [packageSettings?.gatewayApiUrl, authToken]);
-  const currentTheme = (0, import_react83.useMemo)(() => createBrandingTheme(theme, { density: "compact" }), [theme]);
-  (0, import_react83.useEffect)(() => {
+  const currentTheme = (0, import_react84.useMemo)(() => createBrandingTheme(theme, { density: "compact" }), [theme]);
+  (0, import_react84.useEffect)(() => {
     onThemeChange?.(currentTheme);
   }, [currentTheme, onThemeChange]);
   const access = useManagementAccess();
-  const sections = (0, import_react83.useMemo)(
+  const sections = (0, import_react84.useMemo)(
     () => sectionOverride ? MANAGEMENT_SECTIONS.filter((s) => sectionOverride.includes(s.id)) : access.sections,
     [sectionOverride, access.sections]
   );
   const defaultSection = sections.some((s) => s.id === "overview") ? "overview" : sections.some((s) => s.id === "preferences") ? "preferences" : sections[0]?.id ?? "preferences";
-  const [ownSection, setOwnSection] = (0, import_react83.useState)(null);
+  const [ownSection, setOwnSection] = (0, import_react84.useState)(null);
   const requested = controlledSection ?? ownSection ?? defaultSection;
   const active2 = sections.some((s) => s.id === requested) ? requested : defaultSection;
-  const selectSection = (0, import_react83.useCallback)(
+  const selectSection = (0, import_react84.useCallback)(
     (id) => {
       setOwnSection(id);
       onSectionChange?.(id);
@@ -44034,9 +43896,9 @@ var Management = ({
     [onSectionChange]
   );
   const activeDef = sectionById(active2);
-  const [createPersonalityRequest, setCreatePersonalityRequest] = (0, import_react83.useState)(0);
-  const [pendingUpload, setPendingUpload] = (0, import_react83.useState)(0);
-  (0, import_react83.useEffect)(() => {
+  const [createPersonalityRequest, setCreatePersonalityRequest] = (0, import_react84.useState)(0);
+  const [pendingUpload, setPendingUpload] = (0, import_react84.useState)(0);
+  (0, import_react84.useEffect)(() => {
     if (!request) return;
     if (request.action === "create-personality") {
       selectSection("personalities");
@@ -44046,10 +43908,10 @@ var Management = ({
       setPendingUpload(request.id);
     }
   }, [request?.id]);
-  (0, import_react83.useEffect)(() => {
+  (0, import_react84.useEffect)(() => {
     if (createPersonalityRequest && active2 === "personalities" && brandingLoaded) setCreatePersonalityRequest(0);
   }, [createPersonalityRequest, active2, brandingLoaded]);
-  (0, import_react83.useEffect)(() => {
+  (0, import_react84.useEffect)(() => {
     if (!pendingUpload || active2 !== "knowledge" || !brandingLoaded) return;
     const frame = requestAnimationFrame(() => {
       document.getElementById("file-upload")?.click();
@@ -44061,9 +43923,9 @@ var Management = ({
   const prefSavedAt = usePreferencesStore((state) => state.lastSavedAt);
   const retryPreferences = usePreferencesStore((state) => state.savePreferences);
   const brandingValue = JSON.stringify({ logoBase64, brandingText, headerMode, theme });
-  const [brandingBaseline, setBrandingBaseline] = (0, import_react83.useState)(null);
-  const [brandingSave, setBrandingSave] = (0, import_react83.useState)("idle");
-  (0, import_react83.useEffect)(() => {
+  const [brandingBaseline, setBrandingBaseline] = (0, import_react84.useState)(null);
+  const [brandingSave, setBrandingSave] = (0, import_react84.useState)("idle");
+  (0, import_react84.useEffect)(() => {
     if (brandingLoaded && brandingBaseline === null) setBrandingBaseline(brandingValue);
   }, [brandingLoaded, brandingBaseline, brandingValue]);
   const brandingDirty = brandingBaseline !== null && brandingBaseline !== brandingValue;
@@ -44088,7 +43950,7 @@ var Management = ({
     (m) => m.name === (localSelectedModel.selectedModel || localSelectedModel.name)
   );
   const personalityDirty = savedPersonality ? norm(localSelectedModel.name) !== norm(savedPersonality.name) || norm(localSelectedModel.tagline) !== norm(savedPersonality.tagline) || norm(localSelectedModel.systemPrompt) !== norm(savedPersonality.systemPrompt) : Boolean(norm(localSelectedModel.name) || norm(localSelectedModel.tagline) || norm(localSelectedModel.systemPrompt));
-  const [personalitySaving, setPersonalitySaving] = (0, import_react83.useState)(false);
+  const [personalitySaving, setPersonalitySaving] = (0, import_react84.useState)(false);
   const savePersonalityFromBar = async () => {
     setPersonalitySaving(true);
     try {