@burtson-labs/bandit-engine 2.0.162 → 2.0.164

package/dist/{chunk-3ACT5BTW.mjs → chunk-JYBQAKSZ.mjs}

@@ -5,10 +5,10 @@ import {
   StreamingMarkdown_default,
   isNativeShell,
   isStandalonePwa
-} from "./chunk-47MOBOP3.mjs";
+} from "./chunk-IZX2J65Q.mjs";
 import {
   useMCPToolsStore
-} from "./chunk-G5POQT2R.mjs";
+} from "./chunk-O6P37PFR.mjs";
 import {
   ArrowDown,
   ArrowUp,
@@ -43,12 +43,11 @@ import {
   registry_default,
   sanitizeForTTS,
   stopTTS,
-  suggestionTokens,
   useCanvasStore,
   useNotificationService,
   useTTS,
   useVoiceStore
-} from "./chunk-R6HMLYKQ.mjs";
+} from "./chunk-WLNZL6SP.mjs";
 import {
   brandingService_default,
   detectMessageMood,
@@ -58,8 +57,6 @@ import {
   embeddingService,
   generateConversationStarters,
   getCurrentDateTimeContext,
-  getRandomTopicOfInterest,
-  pickDistinctRandomTopics,
   sanitizeConversationName,
   useAIQueryStore,
   useConversationStore,
@@ -71,22 +68,22 @@ import {
   useMemoryStore,
   useProjectStore,
   useVectorStore
-} from "./chunk-ODGVCSKV.mjs";
+} from "./chunk-J6SWNO7Z.mjs";
 import {
   indexedDBService_default,
   useModelStore,
   usePackageSettingsStore,
   usePreferencesStore
-} from "./chunk-WQEBTH2R.mjs";
+} from "./chunk-TY5VL3SG.mjs";
 import {
   authenticationService,
   readPersistedToken,
   useAIProviderStore,
   useAuthenticationStore
-} from "./chunk-Q6LXVYTC.mjs";
+} from "./chunk-CQJGUYRW.mjs";
 import {
   debugLogger
-} from "./chunk-KCI46M23.mjs";
+} from "./chunk-OCVZVBQQ.mjs";
 
 // src/chat/chat.tsx
 import { useCallback as useCallback6, useEffect as useEffect17, useLayoutEffect, useRef as useRef16, useState as useState19 } from "react";
@@ -176,8 +173,8 @@ var Logo = ({ visible, atTop = false }) => {
 var custom_logo_default = Logo;
 
 // src/chat/chat.tsx
-import { Box as Box22, ThemeProvider, CssBaseline, Typography as Typography16, Button as Button11, IconButton as IconButton13 } from "@mui/material";
-import { alpha as alpha14 } from "@mui/material/styles";
+import { Box as Box22, ThemeProvider, CssBaseline, Typography as Typography17, Button as Button12, IconButton as IconButton13 } from "@mui/material";
+import { alpha as alpha13 } from "@mui/material/styles";
 
 // src/chat/chat-skeleton.tsx
 import { Box as Box2, Skeleton, Typography } from "@mui/material";
@@ -2707,6 +2704,9 @@ function resolveTelemetryConfig(opts) {
   if (!hasAuth && opts.banditApiKey) {
     headers["Authorization"] = `Bearer ${opts.banditApiKey}`;
   }
+  if (!hasAuth && !opts.banditApiKey && /^https:\/\/otlp\.burtson\.ai$/i.test(endpoint)) {
+    return null;
+  }
   const mode = opts.telemetry.mode ?? "metrics+traces";
   return { endpoint, headers, mode, serviceName: opts.telemetry.serviceName ?? "bandit-web" };
 }
@@ -9769,204 +9769,87 @@ Respond with just the title and nothing else.
 
 // src/chat/query-suggestion-picker.tsx
 import { useEffect as useEffect14, useRef as useRef13, useState as useState17 } from "react";
-import { Box as Box18, useMediaQuery as useMediaQuery7 } from "@mui/material";
-import { useTheme as useTheme16, alpha as alpha12 } from "@mui/material/styles";
-import ReactMarkdown from "react-markdown";
-import remarkGfm from "remark-gfm";
-import rehypeRaw from "rehype-raw";
-import { Fragment as Fragment11, jsx as jsx20 } from "react/jsx-runtime";
-var markdownComponents = {
-  p: ({ node, ...props }) => /* @__PURE__ */ jsx20("span", { ...props }),
-  mark: ({ node, children, ...props }) => /* @__PURE__ */ jsx20("mark", { ...props, children }),
-  code: ({ node, children, ...props }) => {
-    const { inline, ...rest } = props;
-    return inline ? /* @__PURE__ */ jsx20("code", { ...rest, children }) : /* @__PURE__ */ jsx20("code", { ...rest, children });
-  }
-};
-var QuerySuggestionPicker = ({
-  onSend,
-  inputHeight
-}) => {
-  const hasGenerated = useRef13(false);
-  const [hasSentPrompt, setHasSentPrompt] = useState17(false);
-  const [examplePrompts, setExamplePrompts] = useState17([]);
-  const [visiblePrompts, setVisiblePrompts] = useState17([]);
-  const scrollRef = useRef13(null);
-  const theme = useTheme16();
-  const isMobile = useMediaQuery7((theme2) => theme2.breakpoints.down("sm"));
-  const { background, text, border, hoverBackground, hoverBorder } = suggestionTokens(theme);
-  const { getCurrentModel, isLoading } = useModelStore();
+import { Box as Box18, Button as Button11, Typography as Typography14 } from "@mui/material";
+import { ArrowRight, FileText, Refresh, ListChecks, PenLine } from "@burtson-labs/icons/react";
+import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
+var STARTERS = [
+  { title: "Make sense of something", detail: "Find the important parts and the open questions.", icon: 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: 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: 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." }
+];
+function QuerySuggestionPicker({ onSend, onSelect }) {
+  const [ideas, setIdeas] = useState17([]);
+  const [generating, setGenerating] = useState17(false);
+  const [message, setMessage] = useState17("");
+  const mounted = useRef13(false);
+  const generatingRef = useRef13(false);
   useEffect14(() => {
-    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
+    mounted.current = true;
+    return () => {
+      mounted.current = false;
     };
-    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;
+  }, []);
+  const select = (prompt) => {
+    if (onSelect) onSelect(prompt);
+    else void Promise.resolve(onSend(prompt, [])).catch(() => {
     });
-  }, [getCurrentModel, isLoading]);
-  useEffect14(() => {
-    if (!isLoading) {
-      hasGenerated.current = false;
-    }
-  }, [isLoading]);
-  useEffect14(() => {
-    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;
+  };
+  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")
       });
-    }, 12e3);
-    return () => clearInterval(interval);
-  }, [hasSentPrompt, examplePrompts.length]);
-  const displayPrompts = isMobile ? visiblePrompts.slice(0, Math.min(visiblePrompts.length, 6)) : visiblePrompts;
-  return displayPrompts.length > 0 && /* @__PURE__ */ jsx20(Fragment11, { children: /* @__PURE__ */ jsx20(
-    Box18,
-    {
-      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__ */ jsx20(
-        Box18,
-        {
-          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 || alpha12(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__ */ jsx20(
-            Box18,
-            {
-              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" ? alpha12(theme.palette.common.white, 0.06) : alpha12(theme.palette.text.primary, 0.06),
-                  border: `1px solid ${alpha12(theme.palette.text.primary, 0.15)}`,
-                  padding: "0.15em 0.35em"
-                },
-                "& mark": {
-                  display: "inline-block",
-                  backgroundColor: theme.palette.mode === "dark" ? alpha12(theme.palette.common.white, 0.06) : alpha12(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__ */ jsx20(
-                ReactMarkdown,
-                {
-                  remarkPlugins: [remarkGfm],
-                  rehypePlugins: [rehypeRaw],
-                  components: markdownComponents,
-                  children: prompt
-                }
-              )
-            }
-          )
-        },
-        `${i}-${prompt}`
-      ))
+      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__ */ jsxs17(Box18, { component: "section", "aria-label": "Start with a task", sx: { width: "100%", px: { xs: 2, sm: 3 } }, children: [
+    /* @__PURE__ */ jsxs17(Box18, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 1, mb: 1.5 }, children: [
+      /* @__PURE__ */ jsx20(Typography14, { variant: "body2", sx: { fontWeight: 600 }, children: "What would move your work forward?" }),
+      /* @__PURE__ */ jsx20(Button11, { size: "small", startIcon: /* @__PURE__ */ jsx20(Refresh, { size: 14 }), disabled: generating, onClick: () => void generateIdeas(), sx: { flexShrink: 0 }, children: generating ? "Finding ideas\u2026" : "Suggest ideas" })
+    ] }),
+    /* @__PURE__ */ jsx20(Box18, { sx: { display: "grid", gridTemplateColumns: { xs: "1fr", sm: "repeat(3, minmax(0, 1fr))" }, gap: 1 }, children: (ideas.length ? ideas.map((prompt) => ({ title: prompt, detail: "", icon: ArrowRight, prompt })) : STARTERS).map(({ title, detail, icon: Icon, prompt }) => /* @__PURE__ */ jsxs17(Button11, { 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__ */ jsx20(Box18, { component: "span", sx: { display: "flex", color: "primary.main", mt: 0.25 }, children: /* @__PURE__ */ jsx20(Icon, { size: 18 }) }),
+      /* @__PURE__ */ jsxs17(Box18, { component: "span", children: [
+        /* @__PURE__ */ jsx20(Typography14, { component: "span", variant: "body2", sx: { display: "block", fontWeight: 550, lineHeight: 1.45 }, children: title }),
+        detail && /* @__PURE__ */ jsx20(Typography14, { component: "span", variant: "caption", sx: { display: "block", color: "text.secondary", mt: 0.5, lineHeight: 1.5 }, children: detail })
+      ] })
+    ] }, title)) }),
+    /* @__PURE__ */ jsx20(Typography14, { 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__ */ jsx20(Typography14, { role: "status", variant: "caption", sx: { display: "block", color: "text.secondary", mt: 1 }, children: message })
+  ] });
+}
 
 // src/components/UnderReview.tsx
-import { Box as Box19, Typography as Typography14, useTheme as useTheme17 } from "@mui/material";
+import { Box as Box19, Typography as Typography15, useTheme as useTheme16 } from "@mui/material";
 import { useNavigate as useNavigate4 } from "react-router-dom";
-import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
 var UnderReview = () => {
-  const theme = useTheme17();
+  const theme = useTheme16();
   const navigate = useNavigate4();
   const handleResetSession = () => {
     authenticationService.clearToken();
     navigate("/login");
   };
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs18(
     Box19,
     {
       sx: {
@@ -10008,8 +9891,8 @@ var UnderReview = () => {
             title: "Reset session"
           }
         ),
-        /* @__PURE__ */ jsx21(Typography14, { variant: "h4", sx: { mb: 2, fontWeight: 700, color: theme.palette.error.main }, children: "Under Review" }),
-        /* @__PURE__ */ jsxs17(Typography14, { variant: "body1", sx: { mb: 2, color: theme.palette.text.secondary }, children: [
+        /* @__PURE__ */ jsx21(Typography15, { variant: "h4", sx: { mb: 2, fontWeight: 700, color: theme.palette.error.main }, children: "Under Review" }),
+        /* @__PURE__ */ jsxs18(Typography15, { variant: "body1", sx: { mb: 2, color: theme.palette.text.secondary }, children: [
           "Your request to use this deployment is currently being reviewed.",
           /* @__PURE__ */ jsx21("br", {}),
           "For more info, contact your deployment admin or",
@@ -10024,10 +9907,10 @@ var UnderReview_default = UnderReview;
 
 // src/components/feedback/FeedbackPulse.tsx
 import { useEffect as useEffect15, useRef as useRef14, useState as useState18 } from "react";
-import { Box as Box20, IconButton as IconButton12, Paper as Paper2, Slide as Slide2, Typography as Typography15 } from "@mui/material";
-import { useTheme as useTheme18, alpha as alpha13 } from "@mui/material/styles";
+import { Box as Box20, IconButton as IconButton12, Paper as Paper2, Slide as Slide2, Typography as Typography16 } from "@mui/material";
+import { useTheme as useTheme17, alpha as alpha12 } from "@mui/material/styles";
 import { X as CloseIcon7, Smile as SmileIcon, Meh as MehIcon, Frown as FrownIcon } from "@burtson-labs/icons/react";
-import { Fragment as Fragment12, jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
 var STORAGE_KEY2 = "bandit-feedback-pulse-last";
 var COOLDOWN_DAYS = 14;
 var MIN_SESSION_MS = 5 * 60 * 1e3;
@@ -10048,7 +9931,7 @@ var recordInteraction = (outcome) => {
   debugLogger.info("FeedbackPulse: interaction recorded", { outcome });
 };
 var FeedbackPulse = ({ isMobile, feedbackEmail }) => {
-  const theme = useTheme18();
+  const theme = useTheme17();
   const [visible, setVisible] = useState18(false);
   const [thanked, setThanked] = useState18(false);
   const [modalOpen, setModalOpen] = useState18(false);
@@ -10101,7 +9984,7 @@ var FeedbackPulse = ({ isMobile, feedbackEmail }) => {
     recordInteraction("dismissed");
     setVisible(false);
   };
-  const choice = (icon, label, outcome) => /* @__PURE__ */ jsxs18(
+  const choice = (icon, label, outcome) => /* @__PURE__ */ jsxs19(
     Box20,
     {
       component: "button",
@@ -10122,18 +10005,18 @@ var FeedbackPulse = ({ isMobile, feedbackEmail }) => {
         color: theme.palette.text.secondary,
         transition: "background-color 0.15s ease, transform 0.1s ease",
         "&:hover": {
-          bgcolor: alpha13(theme.palette.text.primary, 0.06),
+          bgcolor: alpha12(theme.palette.text.primary, 0.06),
           color: theme.palette.text.primary
         },
         "&:active": { transform: "scale(0.96)" }
       },
       children: [
         /* @__PURE__ */ jsx22(Box20, { component: "span", sx: { display: "inline-flex", lineHeight: 1 }, children: icon }),
-        /* @__PURE__ */ jsx22(Typography15, { variant: "caption", sx: { fontWeight: 600 }, children: label })
+        /* @__PURE__ */ jsx22(Typography16, { variant: "caption", sx: { fontWeight: 600 }, children: label })
       ]
     }
   );
-  return /* @__PURE__ */ jsxs18(Fragment12, { children: [
+  return /* @__PURE__ */ jsxs19(Fragment11, { children: [
     /* @__PURE__ */ jsx22(Slide2, { direction: isMobile ? "down" : "up", in: visible, mountOnEnter: true, unmountOnExit: true, children: /* @__PURE__ */ jsx22(
       Paper2,
       {
@@ -10151,14 +10034,14 @@ var FeedbackPulse = ({ isMobile, feedbackEmail }) => {
           borderRadius: 3,
           border: `1px solid ${theme.palette.divider}`,
           bgcolor: theme.palette.background.paper,
-          boxShadow: `0 12px 40px ${alpha13(theme.palette.common.black, theme.palette.mode === "dark" ? 0.5 : 0.18)}`
+          boxShadow: `0 12px 40px ${alpha12(theme.palette.common.black, theme.palette.mode === "dark" ? 0.5 : 0.18)}`
         },
-        children: thanked ? /* @__PURE__ */ jsx22(Typography15, { sx: { textAlign: "center", py: 1.5, fontWeight: 600 }, children: "Thanks for the feedback!" }) : /* @__PURE__ */ jsxs18(Fragment12, { children: [
-          /* @__PURE__ */ jsxs18(Box20, { sx: { display: "flex", alignItems: "center", mb: 0.5 }, children: [
-            /* @__PURE__ */ jsx22(Typography15, { variant: "body2", sx: { fontWeight: 600, flex: 1 }, children: "How's Bandit doing?" }),
+        children: thanked ? /* @__PURE__ */ jsx22(Typography16, { sx: { textAlign: "center", py: 1.5, fontWeight: 600 }, children: "Thanks for the feedback!" }) : /* @__PURE__ */ jsxs19(Fragment11, { children: [
+          /* @__PURE__ */ jsxs19(Box20, { sx: { display: "flex", alignItems: "center", mb: 0.5 }, children: [
+            /* @__PURE__ */ jsx22(Typography16, { variant: "body2", sx: { fontWeight: 600, flex: 1 }, children: "How's Bandit doing?" }),
             /* @__PURE__ */ jsx22(IconButton12, { size: "small", onClick: dismiss, "aria-label": "Dismiss feedback prompt", children: /* @__PURE__ */ jsx22(CloseIcon7, { size: 16 }) })
           ] }),
-          /* @__PURE__ */ jsxs18(Box20, { sx: { display: "flex", justifyContent: "space-evenly" }, children: [
+          /* @__PURE__ */ jsxs19(Box20, { sx: { display: "flex", justifyContent: "space-evenly" }, children: [
             choice(/* @__PURE__ */ jsx22(SmileIcon, { size: 22, color: theme.palette.success.main }), "Good", "good"),
             choice(/* @__PURE__ */ jsx22(MehIcon, { size: 22, color: theme.palette.warning.main }), "Fine", "fine"),
             choice(/* @__PURE__ */ jsx22(FrownIcon, { size: 22, color: theme.palette.error.main }), "Bad", "bad")
@@ -10179,13 +10062,13 @@ var FeedbackPulse = ({ isMobile, feedbackEmail }) => {
 var FeedbackPulse_default = FeedbackPulse;
 
 // src/components/ConnectionStatus.tsx
-import { Box as Box21, Chip as Chip5, useTheme as useTheme19 } from "@mui/material";
+import { Box as Box21, Chip as Chip5, useTheme as useTheme18 } from "@mui/material";
 import { jsx as jsx23 } from "react/jsx-runtime";
 var ConnectionStatus = ({
   showWhenGood = false,
   position = "top"
 }) => {
-  const theme = useTheme19();
+  const theme = useTheme18();
   const { isOnline, connectionQuality, isSlowConnection } = useNetworkStatus();
   if (connectionQuality === "fast" && !showWhenGood) {
     return null;
@@ -10553,7 +10436,7 @@ var useVoiceMode = (config) => {
 
 // src/chat/chat.tsx
 import { Ghost as TempChatGhostIcon } from "@burtson-labs/icons/react";
-import { Fragment as Fragment13, jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
 var ChatContent = () => {
   const packageSettings = usePackageSettingsStore((state) => state.settings);
   const UnderReviewView = packageSettings?.components?.UnderReview ?? UnderReview_default;
@@ -11579,21 +11462,21 @@ var ChatContent = () => {
     }
   };
   if (!hydrated || brandingLoading || themeLoading) {
-    return /* @__PURE__ */ jsxs19(ThemeProvider, { theme: banditTheme, children: [
+    return /* @__PURE__ */ jsxs20(ThemeProvider, { theme: banditTheme, children: [
       /* @__PURE__ */ jsx24(CssBaseline, {}),
       /* @__PURE__ */ jsx24(ChatStartupSkeleton, {})
     ] });
   }
   const userHasAccess = playgroundBypassAccess || ossMode || claims?.roles?.includes("super-user") || claims?.roles?.includes("admin");
   if (!userHasAccess) {
-    return /* @__PURE__ */ jsxs19(ThemeProvider, { theme: banditTheme, children: [
+    return /* @__PURE__ */ jsxs20(ThemeProvider, { theme: banditTheme, children: [
       /* @__PURE__ */ jsx24(CssBaseline, {}),
       /* @__PURE__ */ jsx24(UnderReviewView, {})
     ] });
   }
-  return /* @__PURE__ */ jsxs19(ThemeProvider, { theme: banditTheme, children: [
+  return /* @__PURE__ */ jsxs20(ThemeProvider, { theme: banditTheme, children: [
     /* @__PURE__ */ jsx24(CssBaseline, {}),
-    /* @__PURE__ */ jsxs19(
+    /* @__PURE__ */ jsxs20(
       Box22,
       {
         sx: (theme) => ({
@@ -11676,7 +11559,7 @@ var ChatContent = () => {
               } : void 0
             }
           ),
-          isTemporaryChat && /* @__PURE__ */ jsxs19(Fragment13, { children: [
+          isTemporaryChat && /* @__PURE__ */ jsxs20(Fragment12, { children: [
             !isMobile && /* @__PURE__ */ jsx24(
               Box22,
               {
@@ -11692,7 +11575,7 @@ var ChatContent = () => {
                 })
               }
             ),
-            /* @__PURE__ */ jsxs19(
+            /* @__PURE__ */ jsxs20(
               Box22,
               {
                 sx: (theme) => ({
@@ -11750,7 +11633,7 @@ var ChatContent = () => {
                         "@media (pointer: coarse)": { "&::after": { content: '""', position: "absolute", inset: -11 } },
                         "&:hover": {
                           opacity: 1,
-                          bgcolor: alpha14(theme.palette.getContrastText(theme.palette.text.primary), 0.16)
+                          bgcolor: alpha13(theme.palette.getContrastText(theme.palette.text.primary), 0.16)
                         }
                       }),
                       children: /* @__PURE__ */ jsx24(X, { fontSize: "inherit", "aria-hidden": true })
@@ -11784,7 +11667,7 @@ var ChatContent = () => {
                 msOverflowStyle: "none",
                 "&::-webkit-scrollbar": { display: "none" }
               },
-              children: /* @__PURE__ */ jsxs19(
+              children: /* @__PURE__ */ jsxs20(
                 Box22,
                 {
                   sx: {
@@ -11810,7 +11693,7 @@ var ChatContent = () => {
                               transition: "opacity 0.5s ease",
                               color: theme.palette.text.primary
                             }),
-                            children: /* @__PURE__ */ jsx24(Typography16, { sx: { fontWeight: 500, fontSize: { xs: "1.5rem", md: "1.9rem" }, lineHeight: 1.2 }, children: "What can I help with?" })
+                            children: /* @__PURE__ */ jsx24(Typography17, { sx: { fontWeight: 500, fontSize: { xs: "1.5rem", md: "1.9rem" }, lineHeight: 1.2 }, children: "What can I help with?" })
                           }
                         );
                       }
@@ -11827,13 +11710,13 @@ var ChatContent = () => {
                               transition: "opacity 0.5s ease",
                               color: theme.palette.text.primary
                             }),
-                            children: /* @__PURE__ */ jsx24(Typography16, { sx: { fontWeight: 600, fontSize: { xs: "1.6rem", md: "2.1rem" }, lineHeight: 1.2 }, children: branding?.brandingText?.trim() || "Bandit AI" })
+                            children: /* @__PURE__ */ jsx24(Typography17, { sx: { fontWeight: 600, fontSize: { xs: "1.6rem", md: "2.1rem" }, lineHeight: 1.2 }, children: branding?.brandingText?.trim() || "Bandit AI" })
                           }
                         );
                       }
                       return branding?.logoBase64 ? /* @__PURE__ */ jsx24(custom_logo_default, { visible: logoVisible, atTop: true }) : /* @__PURE__ */ jsx24(bandit_chat_logo_default, { visible: logoVisible, atTop: true });
                     })(),
-                    showKnowledgeNudge && /* @__PURE__ */ jsxs19(
+                    showKnowledgeNudge && /* @__PURE__ */ jsxs20(
                       Box22,
                       {
                         sx: (theme) => ({
@@ -11853,12 +11736,12 @@ var ChatContent = () => {
                           transition: "opacity 0.5s ease"
                         }),
                         children: [
-                          /* @__PURE__ */ jsxs19(Box22, { sx: { flex: 1, minWidth: 0 }, children: [
-                            /* @__PURE__ */ jsx24(Typography16, { variant: "body2", sx: { fontWeight: 600 }, children: "Add your documents" }),
-                            /* @__PURE__ */ jsx24(Typography16, { variant: "caption", color: "text.secondary", children: "Upload your policies, handbooks or notes and Bandit answers from them, with sources." })
+                          /* @__PURE__ */ jsxs20(Box22, { sx: { flex: 1, minWidth: 0 }, children: [
+                            /* @__PURE__ */ jsx24(Typography17, { variant: "body2", sx: { fontWeight: 600 }, children: "Add your documents" }),
+                            /* @__PURE__ */ jsx24(Typography17, { variant: "caption", color: "text.secondary", children: "Upload your policies, handbooks or notes and Bandit answers from them, with sources." })
                           ] }),
                           /* @__PURE__ */ jsx24(
-                            Button11,
+                            Button12,
                             {
                               size: "small",
                               variant: "outlined",
@@ -11923,7 +11806,7 @@ var ChatContent = () => {
               onClick: handleScrollToBottomClick
             }
           ),
-          /* @__PURE__ */ jsxs19(
+          /* @__PURE__ */ jsxs20(
             Box22,
             {
               sx: {
@@ -11936,7 +11819,17 @@ var ChatContent = () => {
               },
               children: [
                 /* @__PURE__ */ jsx24(Box22, { sx: { flex: "1 1 auto" } }),
-                history.length === 0 && componentStatus !== "Loading" && !pendingMessage && preferences.chatSuggestionsEnabled && /* @__PURE__ */ jsx24(Box22, { sx: { marginBottom: "20px" }, children: /* @__PURE__ */ jsx24(QuerySuggestionPicker, { onSend: handleSend, inputHeight }) }),
+                history.length === 0 && componentStatus !== "Loading" && !pendingMessage && preferences.chatSuggestionsEnabled && /* @__PURE__ */ jsx24(Box22, { sx: { marginBottom: "20px", width: "100%" }, children: /* @__PURE__ */ jsx24(
+                  QuerySuggestionPicker,
+                  {
+                    onSend: handleSend,
+                    onSelect: (prompt) => {
+                      setInputValue(prompt);
+                      inputRef.current?.focus();
+                    },
+                    inputHeight
+                  }
+                ) }),
                 /* @__PURE__ */ jsx24(rate_limit_prompt_default, {}),
                 /* @__PURE__ */ jsx24(ask_user_card_default, {}),
                 /* @__PURE__ */ jsx24(
@@ -12007,4 +11900,4 @@ export {
   IS_STORE_BUILD,
   chat_default
 };
-//# sourceMappingURL=chunk-3ACT5BTW.mjs.map
+//# sourceMappingURL=chunk-JYBQAKSZ.mjs.map