opencami 1.8.6 → 1.8.8

package/dist/server/assets/{_sessionKey-DzsJfprr.js → _sessionKey-LV6xK9IM.js}

@@ -4,7 +4,7 @@ import * as React from "react";
 import React__default, { useState, useCallback, memo, useDeferredValue, useMemo, Suspense, lazy, useRef, useEffect, useLayoutEffect, createContext, useContext } from "react";
 import { useQueryClient, useMutation, useQuery } from "@tanstack/react-query";
 import { T as TooltipProvider, a as TooltipRoot, b as TooltipTrigger, c as TooltipContent, s as setChatUiState, d as chatUiQueryKey, g as getChatUiState } from "./tooltip-DgsSPocE.js";
-import { Tick01Icon, Cancel01Icon, MoreHorizontalIcon, Pen01Icon, Upload01Icon, Delete01Icon, BotIcon, Clock01Icon, Chat01Icon, ArrowRight01Icon, SidebarLeft01Icon, PencilEdit02Icon, Folder01Icon, AiBrain01Icon, PackageOpenIcon, SmartPhone01Icon, DashboardCircleIcon, Search01Icon, Settings01Icon, Menu01Icon, Tick02Icon, Copy01Icon, Loading02Icon, StopIcon, VolumeHighIcon, ArrowDown01Icon, Loading03Icon, File01Icon, ArtificialIntelligence02Icon, CommandIcon, Attachment01Icon, Mic02Icon, ArrowUp02Icon } from "@hugeicons/core-free-icons";
+import { Tick01Icon, Cancel01Icon, MoreHorizontalIcon, Pen01Icon, Upload01Icon, Delete01Icon, BotIcon, Clock01Icon, Chat01Icon, ArrowRight01Icon, SidebarLeft01Icon, PencilEdit02Icon, Folder01Icon, AiBrain01Icon, PackageOpenIcon, SmartPhone01Icon, DashboardCircleIcon, Search01Icon, Settings01Icon, Menu01Icon, Tick02Icon, Copy01Icon, Loading02Icon, StopIcon, VolumeHighIcon, Loading03Icon, ArrowDown01Icon, File01Icon, CommandIcon, Attachment01Icon, Mic02Icon, ArrowUp02Icon } from "@hugeicons/core-free-icons";
 import { HugeiconsIcon } from "@hugeicons/react";
 import { motion, AnimatePresence } from "motion/react";
 import { AlertDialog } from "@base-ui/react/alert-dialog";
@@ -14,12 +14,12 @@ import { Collapsible as Collapsible$1 } from "@base-ui/react/collapsible";
 import { ScrollArea } from "@base-ui/react/scroll-area";
 import { M as MenuRoot, a as MenuTrigger, b as MenuContent, c as MenuItem } from "./menu-D90CDTi2.js";
 import { O as OpenCamiLogo, a as OpenCamiText } from "./opencami-logo-C-43FL3R.js";
-import { M as Markdown } from "./markdown-BFE5y9YH.js";
-import { u as useChatSettings$1 } from "./index-Dl2BOKP7.js";
+import { M as Markdown } from "./markdown-DoX5Q7qh.js";
+import { u as useChatSettings$1 } from "./index-BEWnDAH6.js";
+import { createPortal } from "react-dom";
 import { create } from "zustand";
 import { persist } from "zustand/middleware";
-import { createPortal } from "react-dom";
-import { a as Route } from "./router-BZPatFG9.js";
+import { a as Route } from "./router-Cr2xCvGA.js";
 function deriveFriendlyIdFromKey(key) {
   if (!key) return "main";
   const trimmed = key.trim();
@@ -1681,7 +1681,7 @@ function areSidebarSessionsEqual(prev, next) {
   return true;
 }
 const SettingsDialog = lazy(
-  () => import("./settings-dialog-Bc1ta26X.js").then((m) => ({ default: m.SettingsDialog }))
+  () => import("./settings-dialog-DEMlCMCP.js").then((m) => ({ default: m.SettingsDialog }))
 );
 const SessionExportDialog = lazy(
   () => import("./session-export-dialog-C53RRAah.js").then((m) => ({
@@ -2748,50 +2748,6 @@ function MessageContent({
   );
   return markdown ? /* @__PURE__ */ jsx(Markdown, { className: classNames, ...props, children }) : /* @__PURE__ */ jsx("div", { className: classNames, ...props, children });
 }
-function useIsMobile() {
-  const [isMobile, setIsMobile] = useState(
-    () => typeof window !== "undefined" ? window.innerWidth < 768 : false
-  );
-  useEffect(() => {
-    if (typeof window === "undefined") return;
-    const mql = window.matchMedia("(max-width: 767px)");
-    const handler = (e) => setIsMobile(e.matches);
-    mql.addEventListener("change", handler);
-    setIsMobile(mql.matches);
-    return () => mql.removeEventListener("change", handler);
-  }, []);
-  return isMobile;
-}
-function Thinking({ content }) {
-  const isMobile = useIsMobile();
-  return /* @__PURE__ */ jsx("div", { className: "inline-flex flex-col", children: /* @__PURE__ */ jsxs(Collapsible, { defaultOpen: !isMobile, children: [
-    /* @__PURE__ */ jsxs(
-      CollapsibleTrigger,
-      {
-        render: /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "ghost",
-            className: "h-auto gap-1.5 px-1.5 py-0.5 -mx-2"
-          }
-        ),
-        children: [
-          /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-primary-900", children: "Thinking" }),
-          /* @__PURE__ */ jsx(
-            HugeiconsIcon,
-            {
-              icon: ArrowDown01Icon,
-              size: 14,
-              strokeWidth: 1.5,
-              className: "text-primary-900 transition-transform duration-150 group-data-panel-open:rotate-180"
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(CollapsiblePanel, { children: /* @__PURE__ */ jsx("div", { className: "pt-1 mb-3", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-primary-700 whitespace-pre-wrap", children: content }) }) })
-  ] }) });
-}
 function Tool({ toolPart, defaultOpen = false }) {
   const { state, input, output, toolCallId } = toolPart;
   const serialize = (value, maxLength = 3200) => {
@@ -2871,99 +2827,16 @@ function Tool({ toolPart, defaultOpen = false }) {
     ] }) })
   ] }) });
 }
-function getDomain(url) {
-  try {
-    return new URL(url).hostname.replace("www.", "");
-  } catch {
-    return url;
-  }
-}
-function FaviconCircle({ domain }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: "flex items-center justify-center w-5 h-5 rounded-full bg-white dark:bg-zinc-800 border border-cyan-500/20 overflow-hidden",
-      title: domain,
-      children: /* @__PURE__ */ jsx(
-        "img",
-        {
-          src: `https://www.google.com/s2/favicons?domain=${domain}&sz=32`,
-          alt: "",
-          className: "w-4 h-4 object-contain",
-          loading: "lazy",
-          onError: (e) => {
-            const target = e.target;
-            target.style.display = "none";
-            const parent = target.parentElement;
-            if (parent) {
-              parent.textContent = domain.charAt(0).toUpperCase();
-              parent.classList.add("text-[10px]", "font-medium", "text-cyan-400");
-            }
-          }
-        }
-      )
-    }
-  );
-}
-function SearchSourcesBadge({ sources }) {
-  const [expanded, setExpanded] = useState(false);
-  if (!sources.length) return null;
-  const uniqueDomains = [...new Set(sources.map((s) => getDomain(s.url)))];
-  return /* @__PURE__ */ jsxs("div", { className: "mt-2 w-full", children: [
-    /* @__PURE__ */ jsxs(
-      "button",
-      {
-        onClick: () => setExpanded(!expanded),
-        className: cn(
-          "inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full text-xs",
-          "bg-cyan-500/10 hover:bg-cyan-500/20 border border-cyan-500/30",
-          "text-cyan-300 transition-colors"
-        ),
-        children: [
-          /* @__PURE__ */ jsx(HugeiconsIcon, { icon: Search01Icon, size: 14 }),
-          /* @__PURE__ */ jsx("span", { className: "font-medium", children: "Sources" }),
-          /* @__PURE__ */ jsx("span", { className: "px-1.5 py-0.5 rounded-full bg-cyan-500/20 text-cyan-400 font-semibold", children: sources.length }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0.5 ml-1", children: [
-            uniqueDomains.slice(0, 3).map((domain) => /* @__PURE__ */ jsx(FaviconCircle, { domain }, domain)),
-            uniqueDomains.length > 3 && /* @__PURE__ */ jsxs("span", { className: "text-cyan-500/70 text-[10px] ml-0.5", children: [
-              "+",
-              uniqueDomains.length - 3
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx(
-            HugeiconsIcon,
-            {
-              icon: ArrowRight01Icon,
-              size: 12,
-              className: cn("transition-transform", expanded && "rotate-90")
-            }
-          )
-        ]
-      }
-    ),
-    expanded && /* @__PURE__ */ jsx("div", { className: "mt-2 rounded-lg border border-cyan-500/20 bg-cyan-500/5 max-h-80 overflow-y-auto", children: sources.map((source, i) => {
-      const domain = getDomain(source.url);
-      return /* @__PURE__ */ jsxs(
-        "a",
-        {
-          href: source.url,
-          target: "_blank",
-          rel: "noopener noreferrer",
-          className: "flex items-start gap-2 p-2.5 border-b border-cyan-500/10 last:border-b-0 hover:bg-cyan-500/5 transition-colors",
-          children: [
-            /* @__PURE__ */ jsx(FaviconCircle, { domain }),
-            /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-              /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-primary-900 hover:underline line-clamp-1", children: source.title || domain }),
-              /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: domain }),
-              source.snippet && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground/80 line-clamp-2 mt-0.5", children: source.snippet })
-            ] })
-          ]
-        },
-        `${source.url}-${i}`
-      );
-    }) })
-  ] });
-}
+const Thinking = lazy(
+  () => import("./thinking-BpAc3itF.js").then((m) => ({
+    default: m.Thinking
+  }))
+);
+const SearchSourcesBadge = lazy(
+  () => import("./search-sources-badge-B0rAEDs_.js").then((m) => ({
+    default: m.SearchSourcesBadge
+  }))
+);
 function mapToolCallToToolPart(toolCall, resultMessage) {
   const hasResult = resultMessage !== void 0;
   const isError = resultMessage?.isError ?? false;
@@ -3145,10 +3018,19 @@ function MessageItemComponent({
   const thinking = thinkingFromMessage(message);
   const images = imagesFromMessage(message);
   const isUser = role === "user";
+  const imageDataUris = useMemo(
+    () => images.map(
+      (img) => `data:${img.source.media_type};base64,${img.source.data}`
+    ),
+    [images]
+  );
   const timestamp = getMessageTimestamp(message);
   const navigate = useNavigate();
   const openInEditor = useFileExplorerState((state) => state.openInEditor);
-  const uploadedFileRefs = useMemo(() => parseUploadedFileReferences(text), [text]);
+  const uploadedFileRefs = useMemo(
+    () => parseUploadedFileReferences(text),
+    [text]
+  );
   const [fileSizes, setFileSizes] = useState({});
   const displayText = useMemo(() => stripUploadedFileLines(text), [text]);
   useEffect(() => {
@@ -3158,7 +3040,9 @@ function MessageItemComponent({
       await Promise.all(
         uploadedFileRefs.map(async (ref) => {
           try {
-            const response = await fetch(`/api/files/info?path=${encodeURIComponent(ref.path)}`);
+            const response = await fetch(
+              `/api/files/info?path=${encodeURIComponent(ref.path)}`
+            );
             if (!response.ok) {
               nextSizes[ref.path] = null;
               return;
@@ -3208,51 +3092,81 @@ function MessageItemComponent({
         isUser ? "items-end" : "items-start"
       ),
       children: [
-        thinking && settings.showReasoningBlocks && /* @__PURE__ */ jsx("div", { className: "w-full max-w-[var(--opencami-chat-width)]", children: /* @__PURE__ */ jsx(Thinking, { content: thinking }) }),
-        images.length > 0 && /* @__PURE__ */ jsx("div", { className: cn(
-          "flex flex-wrap gap-2 mb-2",
-          isUser ? "justify-end" : "justify-start"
-        ), children: images.map((img, idx) => /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: `data:${img.source.media_type};base64,${img.source.data}`,
-            alt: `Attachment ${idx + 1}`,
-            loading: "lazy",
-            decoding: "async",
-            className: "max-w-[300px] max-h-[300px] rounded-lg object-cover"
-          },
-          idx
-        )) }),
-        uploadedFileRefs.length > 0 && /* @__PURE__ */ jsx("div", { className: cn("mb-2 flex w-full flex-col gap-2", isUser ? "items-end" : "items-start"), children: uploadedFileRefs.map((fileRef) => /* @__PURE__ */ jsxs(
-          "button",
+        thinking && settings.showReasoningBlocks && /* @__PURE__ */ jsx("div", { className: "w-full max-w-[var(--opencami-chat-width)]", children: /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(Thinking, { content: thinking }) }) }),
+        images.length > 0 && /* @__PURE__ */ jsx(
+          "div",
           {
-            type: "button",
-            onClick: () => {
-              void handleOpenFile(fileRef.path);
-            },
-            className: "flex max-w-full items-center gap-3 rounded-xl border border-primary-200 bg-primary-50 px-3 py-2 text-left hover:bg-primary-100",
-            children: [
-              /* @__PURE__ */ jsx("div", { className: "flex h-8 w-8 items-center justify-center rounded-lg bg-primary-100", children: /* @__PURE__ */ jsx(HugeiconsIcon, { icon: File01Icon, size: 18, className: "text-primary-600" }) }),
-              /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
-                /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-medium text-primary-900", children: fileRef.filename }),
-                /* @__PURE__ */ jsx("p", { className: "text-xs text-primary-600", children: formatFileSize$1(fileSizes[fileRef.path] ?? null) })
-              ] })
-            ]
-          },
-          fileRef.path
-        )) }),
-        /* @__PURE__ */ jsx(Message, { className: cn("min-w-0 max-w-full", isUser ? "flex-row-reverse" : ""), children: /* @__PURE__ */ jsx(
-          MessageContent,
+            className: cn(
+              "flex flex-wrap gap-2 mb-2",
+              isUser ? "justify-end" : "justify-start"
+            ),
+            children: images.map((img, idx) => /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: imageDataUris[idx],
+                alt: `Attachment ${idx + 1}`,
+                loading: "lazy",
+                decoding: "async",
+                fetchPriority: "low",
+                className: "max-w-[300px] max-h-[300px] rounded-lg object-cover"
+              },
+              idx
+            ))
+          }
+        ),
+        uploadedFileRefs.length > 0 && /* @__PURE__ */ jsx(
+          "div",
           {
-            markdown: !isUser,
             className: cn(
-              "text-primary-900 opencami-text-size min-w-0 max-w-full",
-              isUser ? "opencami-message-user bg-primary-100 px-4 py-[var(--opencami-user-bubble-py)] max-w-[85%]" : "opencami-message-assistant bg-transparent w-full",
-              !isUser && isStreaming && "stream-fade-in"
+              "mb-2 flex w-full flex-col gap-2",
+              isUser ? "items-end" : "items-start"
             ),
-            children: displayText
+            children: uploadedFileRefs.map((fileRef) => /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: () => {
+                  void handleOpenFile(fileRef.path);
+                },
+                className: "flex max-w-full items-center gap-3 rounded-xl border border-primary-200 bg-primary-50 px-3 py-2 text-left hover:bg-primary-100",
+                children: [
+                  /* @__PURE__ */ jsx("div", { className: "flex h-8 w-8 items-center justify-center rounded-lg bg-primary-100", children: /* @__PURE__ */ jsx(
+                    HugeiconsIcon,
+                    {
+                      icon: File01Icon,
+                      size: 18,
+                      className: "text-primary-600"
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+                    /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-medium text-primary-900", children: fileRef.filename }),
+                    /* @__PURE__ */ jsx("p", { className: "text-xs text-primary-600", children: formatFileSize$1(fileSizes[fileRef.path] ?? null) })
+                  ] })
+                ]
+              },
+              fileRef.path
+            ))
           }
-        ) }),
+        ),
+        /* @__PURE__ */ jsx(
+          Message,
+          {
+            className: cn("min-w-0 max-w-full", isUser ? "flex-row-reverse" : ""),
+            children: /* @__PURE__ */ jsx(
+              MessageContent,
+              {
+                markdown: !isUser,
+                isStreaming: !isUser && isStreaming,
+                className: cn(
+                  "text-primary-900 opencami-text-size min-w-0 max-w-full",
+                  isUser ? "opencami-message-user bg-primary-100 px-4 py-[var(--opencami-user-bubble-py)] max-w-[85%]" : "opencami-message-assistant bg-transparent w-full",
+                  !isUser && isStreaming && "stream-fade-in"
+                ),
+                children: displayText
+              }
+            )
+          }
+        ),
         hasToolCalls && settings.showToolMessages && /* @__PURE__ */ jsx("div", { className: "mt-2 flex w-full min-w-0 max-w-[var(--opencami-chat-width)] flex-col gap-3 overflow-x-hidden", children: toolCalls.map((toolCall) => {
           const resultMessage = toolCall.id ? toolResultsByCallId?.get(toolCall.id) : void 0;
           const toolPart = mapToolCallToToolPart(toolCall, resultMessage);
@@ -3265,7 +3179,7 @@ function MessageItemComponent({
             toolCall.id || toolCall.name
           );
         }) }),
-        searchSources.length > 0 && /* @__PURE__ */ jsx("div", { className: "w-full max-w-[var(--opencami-chat-width)]", children: /* @__PURE__ */ jsx(SearchSourcesBadge, { sources: searchSources }) }),
+        searchSources.length > 0 && /* @__PURE__ */ jsx("div", { className: "w-full max-w-[var(--opencami-chat-width)]", children: /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(SearchSourcesBadge, { sources: searchSources }) }) }),
         !hasToolCalls && /* @__PURE__ */ jsx(
           MessageActionsBar,
           {
@@ -3285,7 +3199,8 @@ function areMessagesEqual(prevProps, nextProps) {
   }
   if (prevProps.isStreaming !== nextProps.isStreaming) return false;
   if (prevProps.isLastAssistant !== nextProps.isLastAssistant) return false;
-  if (prevProps.aggregatedSearchSources !== nextProps.aggregatedSearchSources) return false;
+  if (prevProps.aggregatedSearchSources !== nextProps.aggregatedSearchSources)
+    return false;
   if (prevProps.wrapperClassName !== nextProps.wrapperClassName) return false;
   if (prevProps.wrapperRef !== nextProps.wrapperRef) return false;
   if (prevProps.wrapperScrollMarginTop !== nextProps.wrapperScrollMarginTop) {
@@ -3314,581 +3229,102 @@ function areMessagesEqual(prevProps, nextProps) {
   return true;
 }
 const MemoizedMessageItem = memo(MessageItemComponent, areMessagesEqual);
-const CODE_PATTERNS = [
-  /```[\s\S]*?```/g,
-  /`[^`]+`/g,
-  /\b(function|const|let|var|class|import|export|return|async|await)\b/g
-];
-function extractTopics(text) {
-  const topics = [];
-  const quoted = text.match(/"([^"]+)"|'([^']+)'/g);
-  if (quoted) {
-    topics.push(...quoted.map((q) => q.replace(/['"]/g, "")));
-  }
-  const capitalized = text.match(/\b[A-Z][a-z]+(?:\s+[A-Z][a-z]+)*\b/g);
-  if (capitalized) {
-    topics.push(
-      ...capitalized.filter((t) => !["I", "The", "A", "An", "This"].includes(t))
-    );
-  }
-  const backticked = text.match(/`([^`]+)`/g);
-  if (backticked) {
-    topics.push(...backticked.map((t) => t.replace(/`/g, "")));
-  }
-  return [...new Set(topics)].slice(0, 5);
-}
-function hasCode(text) {
-  return CODE_PATTERNS.some((pattern) => pattern.test(text));
-}
-function hasList(text) {
-  return /^[\s]*[-*•\d]+[.)\s]/m.test(text) || /\b(first|second|third|1\.|2\.|3\.)/i.test(text);
-}
-function hasAlternatives(text) {
-  return /\b(alternatively|another|other option|could also|you might|consider)\b/i.test(text);
-}
-function isExplanatory(text) {
-  return /\b(because|since|due to|reason|why|how|what|when|where)\b/i.test(text);
-}
-function hasCaveats(text) {
-  return /\b(however|but|note|warning|caution|careful|important|keep in mind|be aware)\b/i.test(text);
-}
-function generateHeuristicFollowUps(responseText) {
-  const suggestions = [];
-  const topics = extractTopics(responseText);
-  if (hasCode(responseText)) {
-    suggestions.push({
-      text: "Can you explain this code step by step?",
-      type: "clarify"
-    });
-    suggestions.push({
-      text: "How would I modify this for my use case?",
-      type: "actionable"
-    });
-  }
-  if (hasList(responseText)) {
-    suggestions.push({
-      text: "Can you elaborate on the first point?",
-      type: "expand"
-    });
-    suggestions.push({
-      text: "Which of these is most important to start with?",
-      type: "actionable"
-    });
-  }
-  if (hasAlternatives(responseText)) {
-    suggestions.push({
-      text: "What are the pros and cons of each approach?",
-      type: "alternative"
-    });
-    suggestions.push({
-      text: "Which option would you recommend and why?",
-      type: "clarify"
-    });
-  }
-  if (isExplanatory(responseText) && suggestions.length < 3) {
-    suggestions.push({
-      text: "Can you give me a practical example?",
-      type: "example"
-    });
-  }
-  if (hasCaveats(responseText) && suggestions.length < 3) {
-    suggestions.push({
-      text: "What potential issues should I watch out for?",
-      type: "clarify"
-    });
-  }
-  if (topics.length > 0 && suggestions.length < 3) {
-    const topic = topics[0];
-    suggestions.push({
-      text: `Tell me more about ${topic}`,
-      type: "expand"
+function ScrollButton({
+  className,
+  variant = "outline",
+  scrollRef,
+  ...props
+}) {
+  const [isAtBottom, setIsAtBottom] = useState(true);
+  const [showButton, setShowButton] = useState(false);
+  const lastScrollTopRef = useRef(0);
+  const checkIsAtBottom = useCallback(() => {
+    const element = scrollRef.current;
+    if (!element) return;
+    const isBottom = Math.abs(
+      element.scrollHeight - element.scrollTop - element.clientHeight
+    ) < 100;
+    setIsAtBottom(isBottom);
+  }, [scrollRef]);
+  useLayoutEffect(() => {
+    const element = scrollRef.current;
+    if (!element) return;
+    const handleScroll = () => {
+      lastScrollTopRef.current = element.scrollTop;
+      checkIsAtBottom();
+    };
+    const observer = new MutationObserver(() => {
+      if (!element) return;
+      if (element.scrollTop !== lastScrollTopRef.current) {
+        lastScrollTopRef.current = element.scrollTop;
+      }
+      checkIsAtBottom();
     });
-  }
-  const fallbacks = [
-    { text: "Can you give me a concrete example?", type: "example" },
-    { text: "What would be the next steps?", type: "actionable" },
-    { text: "How does this work in practice?", type: "expand" },
-    { text: "Are there any common mistakes to avoid?", type: "clarify" },
-    { text: "Can you simplify this explanation?", type: "clarify" }
-  ];
-  const usedTypes = new Set(suggestions.map((s) => s.type));
-  for (const fallback of fallbacks) {
-    if (suggestions.length >= 3) break;
-    if (!usedTypes.has(fallback.type)) {
-      suggestions.push(fallback);
-      usedTypes.add(fallback.type);
+    checkIsAtBottom();
+    element.addEventListener("scroll", handleScroll);
+    observer.observe(element, { childList: true, subtree: true });
+    return () => {
+      element.removeEventListener("scroll", handleScroll);
+      observer.disconnect();
+    };
+  }, [checkIsAtBottom, scrollRef]);
+  useLayoutEffect(() => {
+    if (isAtBottom) {
+      setShowButton(false);
+      return;
     }
-  }
-  for (const fallback of fallbacks) {
-    if (suggestions.length >= 3) break;
-    if (!suggestions.some((s) => s.text === fallback.text)) {
-      suggestions.push(fallback);
+    const timer = window.setTimeout(() => {
+      setShowButton(true);
+    }, 200);
+    return () => window.clearTimeout(timer);
+  }, [isAtBottom]);
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "secondary",
+      size: "icon-sm",
+      className: cn(
+        "pointer-events-auto rounded-full shadow-md",
+        "transition-all duration-100 ease-in-out",
+        !isAtBottom && showButton ? "translate-y-0 scale-100 opacity-100" : "pointer-events-none translate-y-4 scale-98 opacity-0",
+        className
+      ),
+      onClick: () => {
+        const element = scrollRef.current;
+        if (!element) return;
+        element.scrollTop = element.scrollHeight;
+        setIsAtBottom(true);
+      },
+      ...props,
+      children: /* @__PURE__ */ jsx(HugeiconsIcon, { icon: ArrowDown01Icon, size: 18, strokeWidth: 1.8 })
     }
-  }
-  return suggestions.slice(0, 3);
+  );
 }
-function getHeuristicFollowUpTexts(responseText) {
-  return generateHeuristicFollowUps(responseText).map((s) => s.text);
-}
-const LLM_PROVIDER_DEFAULTS = {
-  openai: {
-    baseUrl: "https://api.openai.com/v1",
-    model: "gpt-4.1-nano"
-  },
-  openrouter: {
-    baseUrl: "https://openrouter.ai/api/v1",
-    model: "openai/gpt-oss-120b"
-  },
-  kilocode: {
-    baseUrl: "https://api.kilo.ai/api/gateway",
-    model: "google/gemini-2.5-flash"
-  },
-  ollama: {
-    baseUrl: "http://localhost:11434/v1",
-    model: "llama3.2"
-  },
-  custom: {
-    baseUrl: "",
-    model: ""
-  }
-};
-const DEFAULT_LLM_SETTINGS = {
-  useLlmTitles: true,
-  useLlmFollowUps: true,
-  llmProvider: "openai",
-  llmBaseUrl: "",
-  llmModel: "",
-  llmApiKey: ""
-};
-function getLlmProviderDefaults(provider) {
-  return LLM_PROVIDER_DEFAULTS[provider];
-}
-function getEffectiveLlmBaseUrl(settings) {
-  if (settings.llmBaseUrl.trim()) return settings.llmBaseUrl.trim();
-  return getLlmProviderDefaults(settings.llmProvider).baseUrl;
-}
-function getEffectiveLlmModel(settings) {
-  if (settings.llmModel.trim()) return settings.llmModel.trim();
-  return getLlmProviderDefaults(settings.llmProvider).model;
-}
-function getAvailability(settings, hasEnvKey) {
-  if (settings.llmProvider === "ollama") return true;
-  if (settings.llmProvider === "custom") {
-    return Boolean(settings.llmApiKey.trim()) || Boolean(settings.llmBaseUrl.trim() && settings.llmModel.trim());
-  }
-  return hasEnvKey || Boolean(settings.llmApiKey.trim());
-}
-function migratePersistedState(persistedState) {
-  if (!persistedState || typeof persistedState !== "object") {
-    return { settings: DEFAULT_LLM_SETTINGS };
-  }
-  const { settings } = persistedState;
-  if (!settings) {
-    return { settings: DEFAULT_LLM_SETTINGS };
-  }
-  const { openaiApiKey, ...rest } = settings;
-  const llmApiKey = rest.llmApiKey ?? openaiApiKey ?? "";
-  return {
-    settings: {
-      ...DEFAULT_LLM_SETTINGS,
-      ...rest,
-      llmApiKey
-    }
-  };
-}
-const useLlmSettingsStore = create()(
-  persist(
-    (set) => ({
-      settings: {
-        ...DEFAULT_LLM_SETTINGS
-      },
-      updateSettings: (updates) => set((state) => ({
-        settings: { ...state.settings, ...updates }
-      })),
-      clearApiKey: () => set((state) => ({
-        settings: { ...state.settings, llmApiKey: "" }
-      }))
-    }),
-    {
-      name: "llm-settings",
-      version: 2,
-      migrate: (persistedState) => migratePersistedState(persistedState)
-    }
-  )
-);
-function useLlmSettings() {
-  const settings = useLlmSettingsStore((state) => state.settings);
-  const updateSettings = useLlmSettingsStore((state) => state.updateSettings);
-  const clearApiKey = useLlmSettingsStore((state) => state.clearApiKey);
-  const [status, setStatus] = useState({
-    hasEnvKey: false,
-    hasOpenRouterKey: false,
-    hasKilocodeKey: false,
-    hasUserKey: Boolean(settings.llmApiKey),
-    isAvailable: getAvailability(settings, false),
-    isLoading: true,
-    error: null
-  });
-  useEffect(() => {
-    let cancelled = false;
-    async function checkStatus() {
-      try {
-        const res = await fetch("/api/llm-features");
-        if (!res.ok) throw new Error("Failed to check LLM status");
-        const data = await res.json();
-        if (cancelled) return;
-        const hasUserKey = Boolean(settings.llmApiKey);
-        const hasProviderKey = settings.llmProvider === "openrouter" ? Boolean(data.hasOpenRouterKey) : settings.llmProvider === "kilocode" ? Boolean(data.hasKilocodeKey) : data.hasEnvKey;
-        setStatus({
-          hasEnvKey: data.hasEnvKey,
-          hasOpenRouterKey: Boolean(data.hasOpenRouterKey),
-          hasKilocodeKey: Boolean(data.hasKilocodeKey),
-          hasUserKey,
-          isAvailable: getAvailability(settings, hasProviderKey),
-          isLoading: false,
-          error: null
-        });
-      } catch (err) {
-        if (cancelled) return;
-        setStatus((prev) => ({
-          ...prev,
-          isLoading: false,
-          error: err instanceof Error ? err.message : "Failed to check status"
-        }));
-      }
-    }
-    void checkStatus();
-    return () => {
-      cancelled = true;
-    };
-  }, [
-    settings.llmApiKey,
-    settings.llmProvider,
-    settings.llmBaseUrl,
-    settings.llmModel
-  ]);
-  const testApiKey = useCallback(async (key) => {
-    try {
-      const headers = buildLlmHeaders({
-        ...settings,
-        llmApiKey: key
-      });
-      const res = await fetch("/api/llm-features", {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json",
-          ...headers
-        },
-        body: JSON.stringify({ action: "test" })
-      });
-      const data = await res.json();
-      if (!data.ok) {
-        return { valid: false, error: data.error || "Test failed" };
-      }
-      return { valid: data.valid ?? false, error: data.error };
-    } catch (err) {
-      return {
-        valid: false,
-        error: err instanceof Error ? err.message : "Network error"
-      };
-    }
-  }, [settings]);
-  return {
-    settings,
-    updateSettings,
-    clearApiKey,
-    status,
-    testApiKey
-  };
-}
-function buildLlmHeaders(settings) {
-  const apiKey = settings.llmApiKey;
-  const baseUrl = getEffectiveLlmBaseUrl(settings);
-  const model = getEffectiveLlmModel(settings);
-  if (apiKey) {
-    return {
-      "X-OpenAI-API-Key": apiKey,
-      ...baseUrl ? { "X-LLM-Base-URL": baseUrl } : {},
-      ...model ? { "X-LLM-Model": model } : {}
-    };
-  }
-  return {
-    ...baseUrl ? { "X-LLM-Base-URL": baseUrl } : {},
-    ...model ? { "X-LLM-Model": model } : {}
-  };
-}
-function getLlmHeaders() {
-  const settings = useLlmSettingsStore.getState().settings;
-  return buildLlmHeaders(settings);
-}
-async function fetchLlmFollowUps(conversationContext, signal) {
-  const headers = {
-    "Content-Type": "application/json",
-    ...getLlmHeaders()
-  };
-  const res = await fetch("/api/llm-features", {
-    method: "POST",
-    headers,
-    body: JSON.stringify({
-      action: "followups",
-      conversationContext
-    }),
-    signal
-  });
-  if (!res.ok) {
-    throw new Error(`API error: ${res.status}`);
-  }
-  const data = await res.json();
-  if (data.ok && Array.isArray(data.suggestions) && data.suggestions.length > 0) {
-    return data.suggestions;
-  }
-  return [];
-}
-function useFollowUpSuggestions(responseText, contextSummary, options) {
-  const llmSettings = useLlmSettingsStore((state) => state.settings);
-  const useLlmFollowUps = llmSettings.useLlmFollowUps;
-  const {
-    minResponseLength = 50,
-    timeoutMs = 8e3,
-    // Use heuristics only if explicitly set OR if LLM follow-ups are disabled
-    heuristicsOnly: forceHeuristicsOnly
-  } = options ?? {};
-  const heuristicsOnly = forceHeuristicsOnly ?? !useLlmFollowUps;
-  const [suggestions, setSuggestions] = useState([]);
-  const [isLoading, setIsLoading] = useState(false);
-  const [error, setError] = useState(null);
-  const [source, setSource] = useState(null);
-  const lastResponseRef = useRef("");
-  const abortControllerRef = useRef(null);
-  useEffect(() => {
-    if (!responseText || responseText.trim().length < minResponseLength) {
-      setSuggestions([]);
-      setSource(null);
-      setIsLoading(false);
-      setError(null);
-      return;
-    }
-    const responseKey = responseText.slice(0, 200) + responseText.length;
-    if (responseKey === lastResponseRef.current) {
-      return;
-    }
-    lastResponseRef.current = responseKey;
-    if (abortControllerRef.current) {
-      abortControllerRef.current.abort();
-    }
-    if (heuristicsOnly) {
-      const heuristicSuggestions2 = getHeuristicFollowUpTexts(responseText);
-      setSuggestions(heuristicSuggestions2);
-      setSource("heuristic");
-      setIsLoading(false);
-      setError(null);
-      return;
-    }
-    const controller = new AbortController();
-    abortControllerRef.current = controller;
-    setIsLoading(true);
-    setError(null);
-    const heuristicSuggestions = getHeuristicFollowUpTexts(responseText);
-    setSuggestions(heuristicSuggestions);
-    setSource("heuristic");
-    const conversationContext = contextSummary ? `Context: ${contextSummary}
-
-Assistant's response:
-${responseText.slice(0, 2e3)}` : `Assistant's response:
-${responseText.slice(0, 2e3)}`;
-    fetchLlmFollowUps(conversationContext, controller.signal).then((llmSuggestions) => {
-      if (controller.signal.aborted) {
-        return;
-      }
-      if (llmSuggestions.length > 0) {
-        setSuggestions(llmSuggestions);
-        setSource("llm");
-      }
-      setIsLoading(false);
-    }).catch((err) => {
-      if (controller.signal.aborted) return;
-      setError(err instanceof Error ? err.message : String(err));
-      setIsLoading(false);
-    });
-    return () => {
-    };
-  }, [
-    responseText,
-    contextSummary,
-    minResponseLength,
-    timeoutMs,
-    heuristicsOnly,
-    llmSettings.llmApiKey,
-    llmSettings.llmBaseUrl,
-    llmSettings.llmModel,
-    llmSettings.llmProvider
-  ]);
-  return { suggestions, isLoading, error, source };
-}
-function FollowUpSuggestionsComponent({
-  responseText,
-  contextSummary,
-  onSuggestionClick,
-  disabled = false,
-  className
-}) {
-  const { suggestions, isLoading, source } = useFollowUpSuggestions(
-    responseText,
-    contextSummary,
-    {
-      minResponseLength: 50,
-      timeoutMs: 8e3
-    }
-  );
-  if (suggestions.length === 0 && !isLoading) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-2 mt-3", className), children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-xs text-primary-500", children: [
-      /* @__PURE__ */ jsx("span", { className: "text-primary-400", children: "✨" }),
-      /* @__PURE__ */ jsx("span", { children: isLoading ? /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
-        "Thinking of follow-ups",
-        /* @__PURE__ */ jsx(
-          HugeiconsIcon,
-          {
-            icon: Loading03Icon,
-            size: 12,
-            strokeWidth: 2,
-            className: "animate-spin text-primary-400"
-          }
-        )
-      ] }) : source === "llm" ? "AI suggestions" : "Follow-up suggestions" })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: suggestions.map((suggestion, index) => /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        disabled,
-        onClick: () => onSuggestionClick(suggestion),
-        className: cn(
-          "group inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full",
-          "text-sm text-primary-700 bg-primary-50 border border-primary-200",
-          "hover:bg-primary-100 hover:border-primary-300 hover:text-primary-900",
-          "focus:outline-none focus:ring-2 focus:ring-primary-500/20 focus:ring-offset-1",
-          "transition-all duration-150 cursor-pointer",
-          "disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:bg-primary-50 disabled:hover:border-primary-200",
-          // Subtle animation when suggestions update from heuristic to LLM
-          isLoading && "opacity-75"
-        ),
-        children: [
-          /* @__PURE__ */ jsx("span", { children: suggestion }),
-          /* @__PURE__ */ jsx(
-            HugeiconsIcon,
-            {
-              icon: ArrowRight01Icon,
-              size: 14,
-              strokeWidth: 2,
-              className: "text-primary-400 group-hover:text-primary-600 group-hover:translate-x-0.5 transition-all duration-150"
-            }
-          )
-        ]
-      },
-      `${index}-${suggestion.slice(0, 20)}`
-    )) })
-  ] });
-}
-const MemoizedFollowUpSuggestions = memo(FollowUpSuggestionsComponent);
-function ScrollButton({
-  className,
-  variant = "outline",
-  scrollRef,
-  ...props
-}) {
-  const [isAtBottom, setIsAtBottom] = useState(true);
-  const [showButton, setShowButton] = useState(false);
-  const lastScrollTopRef = useRef(0);
-  const checkIsAtBottom = useCallback(() => {
-    const element = scrollRef.current;
-    if (!element) return;
-    const isBottom = Math.abs(
-      element.scrollHeight - element.scrollTop - element.clientHeight
-    ) < 100;
-    setIsAtBottom(isBottom);
-  }, [scrollRef]);
-  useLayoutEffect(() => {
-    const element = scrollRef.current;
-    if (!element) return;
-    const handleScroll = () => {
-      lastScrollTopRef.current = element.scrollTop;
-      checkIsAtBottom();
-    };
-    const observer = new MutationObserver(() => {
-      if (!element) return;
-      if (element.scrollTop !== lastScrollTopRef.current) {
-        lastScrollTopRef.current = element.scrollTop;
-      }
-      checkIsAtBottom();
-    });
-    checkIsAtBottom();
-    element.addEventListener("scroll", handleScroll);
-    observer.observe(element, { childList: true, subtree: true });
-    return () => {
-      element.removeEventListener("scroll", handleScroll);
-      observer.disconnect();
-    };
-  }, [checkIsAtBottom, scrollRef]);
-  useLayoutEffect(() => {
-    if (isAtBottom) {
-      setShowButton(false);
-      return;
-    }
-    const timer = window.setTimeout(() => {
-      setShowButton(true);
-    }, 200);
-    return () => window.clearTimeout(timer);
-  }, [isAtBottom]);
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      variant: "secondary",
-      size: "icon-sm",
-      className: cn(
-        "pointer-events-auto rounded-full shadow-md",
-        "transition-all duration-100 ease-in-out",
-        !isAtBottom && showButton ? "translate-y-0 scale-100 opacity-100" : "pointer-events-none translate-y-4 scale-98 opacity-0",
-        className
-      ),
-      onClick: () => {
-        const element = scrollRef.current;
-        if (!element) return;
-        element.scrollTop = element.scrollHeight;
-        setIsAtBottom(true);
-      },
-      ...props,
-      children: /* @__PURE__ */ jsx(HugeiconsIcon, { icon: ArrowDown01Icon, size: 18, strokeWidth: 1.8 })
-    }
-  );
-}
-function ChatContainerShell({
-  className,
-  viewportRef,
-  scrollRef,
-  viewportProps
-}) {
-  return /* @__PURE__ */ jsxs(
-    ScrollAreaRoot,
-    {
-      className: cn("relative flex flex-1 min-h-0 flex-col", className),
-      children: [
-        /* @__PURE__ */ jsx(
-          ScrollAreaViewport,
-          {
-            className: "relative will-change-transform overflow-x-hidden",
-            ref: viewportRef,
-            ...viewportProps
-          }
-        ),
-        /* @__PURE__ */ jsx("div", { className: "relative mx-auto w-full min-w-0 max-w-full px-5 sm:max-w-[768px]", children: /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute bottom-10 right-10 z-50", children: /* @__PURE__ */ jsx(ScrollButton, { scrollRef }) }) }),
-        /* @__PURE__ */ jsx(ScrollAreaScrollbar, { orientation: "vertical", children: /* @__PURE__ */ jsx(ScrollAreaThumb, {}) }),
-        /* @__PURE__ */ jsx(ScrollAreaCorner, {})
-      ]
-    }
-  );
+function ChatContainerShell({
+  className,
+  viewportRef,
+  scrollRef,
+  viewportProps
+}) {
+  return /* @__PURE__ */ jsxs(
+    ScrollAreaRoot,
+    {
+      className: cn("relative flex flex-1 min-h-0 flex-col", className),
+      children: [
+        /* @__PURE__ */ jsx(
+          ScrollAreaViewport,
+          {
+            className: "relative will-change-transform overflow-x-hidden",
+            ref: viewportRef,
+            ...viewportProps
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "relative mx-auto w-full min-w-0 max-w-full px-5 sm:max-w-[768px]", children: /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute bottom-10 right-10 z-50", children: /* @__PURE__ */ jsx(ScrollButton, { scrollRef }) }) }),
+        /* @__PURE__ */ jsx(ScrollAreaScrollbar, { orientation: "vertical", children: /* @__PURE__ */ jsx(ScrollAreaThumb, {}) }),
+        /* @__PURE__ */ jsx(ScrollAreaCorner, {})
+      ]
+    }
+  );
 }
 function areViewportPropsEqual(prevProps, nextProps) {
   if (prevProps === nextProps) return true;
@@ -4032,6 +3468,11 @@ function TypingIndicator({ className }) {
     /* @__PURE__ */ jsx(TextShimmer, { className: "text-sm", duration: 2, children: "Generating..." })
   ] });
 }
+const FollowUpSuggestions = lazy(
+  () => import("./follow-up-suggestions-CSSc4PDe.js").then((m) => ({
+    default: m.FollowUpSuggestions
+  }))
+);
 function ChatMessageListComponent({
   messages,
   loading,
@@ -4058,6 +3499,7 @@ function ChatMessageListComponent({
   const displayMessages = useMemo(() => {
     return messages.filter((msg) => msg.role !== "toolResult");
   }, [messages]);
+  const deferredDisplayMessages = useDeferredValue(displayMessages);
   const toolResultsByCallId = useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const message of messages) {
@@ -4069,10 +3511,40 @@ function ChatMessageListComponent({
     }
     return map;
   }, [messages]);
+  const deferredToolResultsByCallId = useDeferredValue(toolResultsByCallId);
+  const aggregatedSearchSourcesSignature = useMemo(() => {
+    const parts = [];
+    for (const msg of deferredDisplayMessages) {
+      if (msg.role !== "assistant") continue;
+      const toolCalls = getToolCallsFromMessage(msg);
+      for (const tc of toolCalls) {
+        if (!tc.id) continue;
+        const isSearch = tc.name === "web_search";
+        const isFetch = tc.name === "web_fetch";
+        const isExec = tc.name === "exec";
+        if (!isSearch && !isFetch && !isExec) continue;
+        const result = deferredToolResultsByCallId.get(tc.id);
+        const text = result?.content?.map((p) => p.type === "text" ? String(p.text ?? "") : "").join("").trim() ?? "";
+        parts.push(
+          [
+            tc.id,
+            tc.name ?? "",
+            typeof tc.arguments?.url === "string" ? tc.arguments.url : "",
+            result?.isError ? "1" : "0",
+            text
+          ].join("::")
+        );
+      }
+    }
+    return parts.join("||");
+  }, [deferredDisplayMessages, deferredToolResultsByCallId]);
   const aggregatedSearchSources = useMemo(() => {
     const strip = (s) => {
       if (!s) return "";
-      return s.replace(/SECURITY NOTICE:[\s\S]*?<<<EXTERNAL_UNTRUSTED_CONTENT>>>/g, "").replace(/<<<\/?EXTERNAL_UNTRUSTED_CONTENT>>>/g, "").replace(/<<<\/?END_EXTERNAL_UNTRUSTED_CONTENT>>>/g, "").replace(/Source: Web (?:Search|Fetch)\n---/g, "").replace(/\n{2,}/g, "\n").trim();
+      return s.replace(
+        /SECURITY NOTICE:[\s\S]*?<<<EXTERNAL_UNTRUSTED_CONTENT>>>/g,
+        ""
+      ).replace(/<<<\/?EXTERNAL_UNTRUSTED_CONTENT>>>/g, "").replace(/<<<\/?END_EXTERNAL_UNTRUSTED_CONTENT>>>/g, "").replace(/Source: Web (?:Search|Fetch)\n---/g, "").replace(/\n{2,}/g, "\n").trim();
     };
     const extractResults = (text, sources2, seenUrls2) => {
       try {
@@ -4086,7 +3558,9 @@ function ChatMessageListComponent({
             sources2.push({
               title: strip(item.title),
               url: item.url,
-              snippet: strip(item.description || item.snippet || item.content || "")
+              snippet: strip(
+                item.description || item.snippet || item.content || ""
+              )
             });
             found = true;
           }
@@ -4098,7 +3572,7 @@ function ChatMessageListComponent({
     };
     const sources = [];
     const seenUrls = /* @__PURE__ */ new Set();
-    for (const msg of displayMessages) {
+    for (const msg of deferredDisplayMessages) {
       if (msg.role !== "assistant") continue;
       const toolCalls = getToolCallsFromMessage(msg);
       for (const tc of toolCalls) {
@@ -4107,7 +3581,7 @@ function ChatMessageListComponent({
         const isFetch = tc.name === "web_fetch";
         const isExec = tc.name === "exec";
         if (!isSearch && !isFetch && !isExec) continue;
-        const result = toolResultsByCallId.get(tc.id);
+        const result = deferredToolResultsByCallId.get(tc.id);
         if (!result) continue;
         const text = result.content?.map((p) => p.type === "text" ? String(p.text ?? "") : "").join("").trim();
         if (!text) continue;
@@ -4137,7 +3611,11 @@ function ChatMessageListComponent({
       }
     }
     return sources;
-  }, [displayMessages, toolResultsByCallId]);
+  }, [
+    aggregatedSearchSourcesSignature,
+    deferredDisplayMessages,
+    deferredToolResultsByCallId
+  ]);
   const lastAssistantIndex = displayMessages.map((message, index) => ({ message, index })).filter(({ message }) => message.role !== "user").map(({ index }) => index).pop();
   const lastTextAssistantIndex = displayMessages.map((message, index) => ({ message, index })).filter(({ message }) => message.role === "assistant").map(({ index }) => index).pop();
   const lastUserIndex = displayMessages.map((message, index) => ({ message, index })).filter(({ message }) => message.role === "user").map(({ index }) => index).pop();
@@ -4179,7 +3657,9 @@ function ChatMessageListComponent({
     target.scrollIntoView({ behavior: "smooth", block: "center" });
     setHighlightedMessageId(jumpToMessageId);
     const timer = window.setTimeout(() => {
-      setHighlightedMessageId((prev) => prev === jumpToMessageId ? null : prev);
+      setHighlightedMessageId(
+        (prev) => prev === jumpToMessageId ? null : prev
+      );
     }, 1800);
     return () => window.clearTimeout(timer);
   }, [jumpToMessageId, loading, displayMessages]);
@@ -4244,14 +3724,14 @@ function ChatMessageListComponent({
                 );
               }),
               showTypingIndicator ? /* @__PURE__ */ jsx("div", { className: "py-2", children: /* @__PURE__ */ jsx(TypingIndicator, {}) }) : null,
-              showFollowUps && onFollowUpClick ? /* @__PURE__ */ jsx(
-                MemoizedFollowUpSuggestions,
+              showFollowUps && onFollowUpClick ? /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
+                FollowUpSuggestions,
                 {
                   responseText: lastAssistantText,
                   onSuggestionClick: onFollowUpClick,
                   disabled: waitingForResponse
                 }
-              ) : null
+              ) }) : null
             ]
           }
         )
@@ -4277,14 +3757,14 @@ function ChatMessageListComponent({
             messageKey
           );
         }),
-        showFollowUps && onFollowUpClick ? /* @__PURE__ */ jsx(
-          MemoizedFollowUpSuggestions,
+        showFollowUps && onFollowUpClick ? /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
+          FollowUpSuggestions,
           {
             responseText: lastAssistantText,
             onSuggestionClick: onFollowUpClick,
             disabled: waitingForResponse
           }
-        ) : null
+        ) }) : null
       ] }),
       notice && noticePosition === "end" ? notice : null,
       /* @__PURE__ */ jsx(
@@ -4462,159 +3942,27 @@ function PromptInputActions({
   children,
   className,
   ...props
-}) {
-  return /* @__PURE__ */ jsx("div", { className: cn("flex items-center gap-2", className), ...props, children });
-}
-function PromptInputAction({
-  tooltip,
-  children,
-  className,
-  side = "top",
-  ...props
-}) {
-  const { disabled } = usePromptInput();
-  return /* @__PURE__ */ jsxs(TooltipRoot, { ...props, children: [
-    /* @__PURE__ */ jsx(
-      TooltipTrigger,
-      {
-        disabled,
-        onClick: (event) => event.stopPropagation(),
-        children
-      }
-    ),
-    /* @__PURE__ */ jsx(TooltipContent, { side, className, children: tooltip })
-  ] });
-}
-const STORAGE_KEY = "opencami-selected-model";
-function getStoredModel() {
-  if (typeof window === "undefined") return null;
-  try {
-    return localStorage.getItem(STORAGE_KEY);
-  } catch {
-    return null;
-  }
-}
-function setStoredModel(modelId) {
-  if (typeof window === "undefined") return;
-  try {
-    localStorage.setItem(STORAGE_KEY, modelId);
-  } catch {
-  }
-}
-function ModelSelector({ className, onModelChange }) {
-  const [models, setModels] = useState([]);
-  const [selectedModel, setSelectedModel] = useState("");
-  const [isLoading, setIsLoading] = useState(true);
-  const [error, setError] = useState(null);
-  const abortControllerRef = useRef(null);
-  useEffect(() => {
-    let mounted = true;
-    async function fetchModels() {
-      abortControllerRef.current?.abort();
-      const controller = new AbortController();
-      abortControllerRef.current = controller;
-      try {
-        setIsLoading(true);
-        setError(null);
-        const response = await fetch("/api/models", { signal: controller.signal });
-        if (!response.ok) {
-          throw new Error("Failed to fetch models");
-        }
-        const data = await response.json();
-        if (!mounted) return;
-        if (data.ok && data.models.length > 0) {
-          setModels(data.models);
-          const storedModel = getStoredModel();
-          const initialModel = storedModel && data.models.some((m) => m.id === storedModel) ? storedModel : data.defaultModel;
-          setSelectedModel(initialModel);
-          onModelChange?.(initialModel);
-        } else {
-          throw new Error("No models available");
-        }
-      } catch (err) {
-        if (err instanceof Error && err.name === "AbortError") return;
-        if (!mounted) return;
-        console.error("[model-selector] Error fetching models:", err);
-        setError(err instanceof Error ? err.message : "Failed to load models");
-        setModels([{ id: "default", name: "Default Model" }]);
-        setSelectedModel("default");
-      } finally {
-        if (mounted) {
-          setIsLoading(false);
-        }
-      }
-    }
-    fetchModels();
-    return () => {
-      mounted = false;
-      abortControllerRef.current?.abort();
-    };
-  }, [onModelChange]);
-  function handleModelSelect(modelId) {
-    setSelectedModel(modelId);
-    setStoredModel(modelId);
-    onModelChange?.(modelId);
-  }
-  if (isLoading) {
-    return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2 text-xs text-primary-500", className), children: [
-      /* @__PURE__ */ jsx(HugeiconsIcon, { icon: ArtificialIntelligence02Icon, size: 14 }),
-      /* @__PURE__ */ jsx("span", { children: "Loading..." })
-    ] });
-  }
-  if (error || models.length === 0) {
-    return null;
-  }
-  const selectedModelInfo = models.find((m) => m.id === selectedModel);
-  const displayName = selectedModelInfo?.name || "Select Model";
-  const shortDisplayName = (() => {
-    if (!selectedModelInfo?.name) return displayName;
-    const name = selectedModelInfo.name;
-    const clean = name.replace(/\s*\([^)]*\)\s*$/, "").trim();
-    const words = clean.split(/\s+/);
-    if (words.length > 3) return words.slice(0, 3).join(" ");
-    return clean;
-  })();
-  if (models.length === 1) {
-    return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2 text-xs text-primary-500", className), children: [
-      /* @__PURE__ */ jsx(HugeiconsIcon, { icon: ArtificialIntelligence02Icon, size: 14 }),
-      /* @__PURE__ */ jsx("span", { className: "font-[450] md:hidden", children: shortDisplayName }),
-      /* @__PURE__ */ jsx("span", { className: "font-[450] hidden md:inline", children: displayName })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs(MenuRoot, { children: [
-    /* @__PURE__ */ jsxs(
-      MenuTrigger,
+}) {
+  return /* @__PURE__ */ jsx("div", { className: cn("flex items-center gap-2", className), ...props, children });
+}
+function PromptInputAction({
+  tooltip,
+  children,
+  className,
+  side = "top",
+  ...props
+}) {
+  const { disabled } = usePromptInput();
+  return /* @__PURE__ */ jsxs(TooltipRoot, { ...props, children: [
+    /* @__PURE__ */ jsx(
+      TooltipTrigger,
       {
-        className: cn(
-          "inline-flex h-7 items-center gap-2 rounded-md px-2 text-xs font-[450] text-primary-600 hover:text-primary-900 hover:bg-primary-100",
-          className
-        ),
-        children: [
-          /* @__PURE__ */ jsx(HugeiconsIcon, { icon: ArtificialIntelligence02Icon, size: 14 }),
-          /* @__PURE__ */ jsx("span", { className: "md:hidden", children: shortDisplayName }),
-          /* @__PURE__ */ jsx("span", { className: "hidden md:inline", children: displayName })
-        ]
+        disabled,
+        onClick: (event) => event.stopPropagation(),
+        children
       }
     ),
-    /* @__PURE__ */ jsx(MenuContent, { side: "top", align: "start", children: models.map((model) => /* @__PURE__ */ jsxs(
-      MenuItem,
-      {
-        onClick: () => handleModelSelect(model.id),
-        className: "justify-between min-w-[180px]",
-        children: [
-          /* @__PURE__ */ jsx("span", { children: model.name }),
-          selectedModel === model.id && /* @__PURE__ */ jsx(
-            HugeiconsIcon,
-            {
-              icon: Tick02Icon,
-              size: 14,
-              className: "text-primary-600"
-            }
-          )
-        ]
-      },
-      model.id
-    )) })
+    /* @__PURE__ */ jsx(TooltipContent, { side, className, children: tooltip })
   ] });
 }
 const PERSONAS_ENABLED_KEY = "opencami-personas-enabled";
@@ -5374,6 +4722,7 @@ function ChatComposerComponent({
   const [isRecording, setIsRecording] = useState(false);
   const [recordingTime, setRecordingTime] = useState(0);
   const [sttLoading, setSttLoading] = useState(false);
+  const [micError, setMicError] = useState(null);
   const mediaRecorderRef = useRef(null);
   const recordingChunksRef = useRef([]);
   const recordingTimerRef = useRef(null);
@@ -5406,6 +4755,9 @@ function ChatComposerComponent({
       promptRef.current?.focus();
     });
   }, []);
+  const showMicError = useCallback((message) => {
+    setMicError(message);
+  }, []);
   const reset = useCallback(() => {
     setValue("");
     setAttachments([]);
@@ -5629,11 +4981,12 @@ ${template}`;
     setRecordingTime(0);
   }, []);
   const startRecording = useCallback(async () => {
+    setMicError(null);
     const provider = getSttProvider();
     if (provider === "browser") {
       const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
       if (!SpeechRecognition) {
-        alert("Web Speech API is not supported in this browser.");
+        showMicError("Web Speech API is not supported in this browser.");
         return;
       }
       const recognition = new SpeechRecognition();
@@ -5665,6 +5018,7 @@ ${template}`;
         setRecordingTime(0);
         if (recordingTimerRef.current) clearInterval(recordingTimerRef.current);
         if (transcript.trim()) {
+          setMicError(null);
           setValue((prev) => prev + (prev ? " " : "") + transcript.trim());
           focusPrompt();
         }
@@ -5673,6 +5027,7 @@ ${template}`;
         setIsRecording(false);
         setRecordingTime(0);
         if (recordingTimerRef.current) clearInterval(recordingTimerRef.current);
+        showMicError("Speech recognition failed. Try the Browser provider again or switch providers in Settings.");
       };
       recognition.start();
       return;
@@ -5701,16 +5056,17 @@ ${template}`;
           const res = await fetch("/api/stt", { method: "POST", body: formData, signal: controller.signal });
           const data = await res.json();
           if (data.ok && data.text) {
+            setMicError(null);
             setValue((prev) => prev + (prev ? " " : "") + data.text);
             focusPrompt();
           } else if (!data.ok) {
             console.warn("STT failed:", data.error);
-            alert(data.error || "Speech-to-text failed. Try the Browser provider in Settings.");
+            showMicError(data.error || "Speech-to-text failed. Try the Browser provider in Settings.");
           }
         } catch (err) {
           if (err instanceof Error && err.name === "AbortError") return;
           console.warn("STT request failed:", err);
-          alert("Could not reach speech-to-text service.");
+          showMicError("Could not reach speech-to-text service.");
         } finally {
           setSttLoading(false);
         }
@@ -5733,18 +5089,18 @@ ${template}`;
         try {
           const status = await navigator.permissions.query({ name: "microphone" });
           if (status.state === "denied") {
-            alert("Microphone access is blocked. Please enable it in your browser/app settings.");
+            showMicError("Microphone access is blocked. Please enable it in your browser/app settings.");
           } else {
-            alert("Microphone permission was not granted. Please try again and allow access when prompted.");
+            showMicError("Microphone permission was not granted. Please try again and allow access when prompted.");
           }
         } catch {
-          alert("Could not access microphone. Please check your browser settings and allow microphone access for this site.");
+          showMicError("Could not access microphone. Please check your browser settings and allow microphone access for this site.");
         }
       } else {
-        alert("Could not access microphone: " + msg);
+        showMicError("Could not access microphone: " + msg);
       }
     }
-  }, [getSttProvider, stopRecording, focusPrompt]);
+  }, [getSttProvider, stopRecording, focusPrompt, showMicError]);
   const handleMicClick = useCallback(() => {
     if (isRecording) {
       stopRecording();
@@ -5780,6 +5136,15 @@ ${template}`;
                   onRemove: handleRemoveAttachment
                 }
               ),
+              micError && /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "mx-3 mt-3 rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-700 dark:border-red-900/40 dark:bg-red-950/40 dark:text-red-200",
+                  role: "alert",
+                  "aria-live": "polite",
+                  children: micError
+                }
+              ),
               showSlashCommands && filteredSlashCommands.length > 0 && /* @__PURE__ */ jsx(
                 SlashCommandMenu,
                 {
@@ -5798,7 +5163,6 @@ ${template}`;
               ),
               /* @__PURE__ */ jsxs(PromptInputActions, { className: "justify-between px-3", children: [
                 /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-                  /* @__PURE__ */ jsx(ModelSelector, { onModelChange: setSelectedModel }),
                   /* @__PURE__ */ jsx(ThinkingLevelSelector, {}),
                   /* @__PURE__ */ jsx(PersonaPicker, { onSelect: handlePersonaSelect }),
                   /* @__PURE__ */ jsx(CommandHelp, { onCommandSelect: (cmd) => handleValueChange(cmd + " ") })
@@ -6066,10 +5430,25 @@ function useChatSessions({
   isNewChat,
   forcedSessionKey
 }) {
+  const [isDocumentVisible, setIsDocumentVisible] = useState(() => {
+    if (typeof document === "undefined") return true;
+    return document.visibilityState === "visible";
+  });
+  useEffect(() => {
+    if (typeof document === "undefined") return void 0;
+    const handleVisibilityChange = () => {
+      setIsDocumentVisible(document.visibilityState === "visible");
+    };
+    handleVisibilityChange();
+    document.addEventListener("visibilitychange", handleVisibilityChange);
+    return () => {
+      document.removeEventListener("visibilitychange", handleVisibilityChange);
+    };
+  }, []);
   const sessionsQuery = useQuery({
     queryKey: chatQueryKeys.sessions,
     queryFn: fetchSessions,
-    refetchInterval: 3e4
+    refetchInterval: isDocumentVisible ? 3e4 : false
   });
   const sessions = useMemo(() => {
     const rawSessions = sessionsQuery.data ?? [];
@@ -6109,6 +5488,197 @@ function useChatSessions({
     sessionsError
   };
 }
+const LLM_PROVIDER_DEFAULTS = {
+  openai: {
+    baseUrl: "https://api.openai.com/v1",
+    model: "gpt-4.1-nano"
+  },
+  openrouter: {
+    baseUrl: "https://openrouter.ai/api/v1",
+    model: "openai/gpt-oss-120b"
+  },
+  kilocode: {
+    baseUrl: "https://api.kilo.ai/api/gateway",
+    model: "google/gemini-2.5-flash"
+  },
+  ollama: {
+    baseUrl: "http://localhost:11434/v1",
+    model: "llama3.2"
+  },
+  custom: {
+    baseUrl: "",
+    model: ""
+  }
+};
+const DEFAULT_LLM_SETTINGS = {
+  useLlmTitles: true,
+  useLlmFollowUps: true,
+  llmProvider: "openai",
+  llmBaseUrl: "",
+  llmModel: "",
+  llmApiKey: ""
+};
+function getLlmProviderDefaults(provider) {
+  return LLM_PROVIDER_DEFAULTS[provider];
+}
+function getEffectiveLlmBaseUrl(settings) {
+  if (settings.llmBaseUrl.trim()) return settings.llmBaseUrl.trim();
+  return getLlmProviderDefaults(settings.llmProvider).baseUrl;
+}
+function getEffectiveLlmModel(settings) {
+  if (settings.llmModel.trim()) return settings.llmModel.trim();
+  return getLlmProviderDefaults(settings.llmProvider).model;
+}
+function getAvailability(settings, hasEnvKey) {
+  if (settings.llmProvider === "ollama") return true;
+  if (settings.llmProvider === "custom") {
+    return Boolean(settings.llmApiKey.trim()) || Boolean(settings.llmBaseUrl.trim() && settings.llmModel.trim());
+  }
+  return hasEnvKey || Boolean(settings.llmApiKey.trim());
+}
+function migratePersistedState(persistedState) {
+  if (!persistedState || typeof persistedState !== "object") {
+    return { settings: DEFAULT_LLM_SETTINGS };
+  }
+  const { settings } = persistedState;
+  if (!settings) {
+    return { settings: DEFAULT_LLM_SETTINGS };
+  }
+  const { openaiApiKey, ...rest } = settings;
+  const llmApiKey = rest.llmApiKey ?? openaiApiKey ?? "";
+  return {
+    settings: {
+      ...DEFAULT_LLM_SETTINGS,
+      ...rest,
+      llmApiKey
+    }
+  };
+}
+const useLlmSettingsStore = create()(
+  persist(
+    (set) => ({
+      settings: {
+        ...DEFAULT_LLM_SETTINGS
+      },
+      updateSettings: (updates) => set((state) => ({
+        settings: { ...state.settings, ...updates }
+      })),
+      clearApiKey: () => set((state) => ({
+        settings: { ...state.settings, llmApiKey: "" }
+      }))
+    }),
+    {
+      name: "llm-settings",
+      version: 2,
+      migrate: (persistedState) => migratePersistedState(persistedState)
+    }
+  )
+);
+function useLlmSettings() {
+  const settings = useLlmSettingsStore((state) => state.settings);
+  const updateSettings = useLlmSettingsStore((state) => state.updateSettings);
+  const clearApiKey = useLlmSettingsStore((state) => state.clearApiKey);
+  const [status, setStatus] = useState({
+    hasEnvKey: false,
+    hasOpenRouterKey: false,
+    hasKilocodeKey: false,
+    hasUserKey: Boolean(settings.llmApiKey),
+    isAvailable: getAvailability(settings, false),
+    isLoading: true,
+    error: null
+  });
+  useEffect(() => {
+    let cancelled = false;
+    async function checkStatus() {
+      try {
+        const res = await fetch("/api/llm-features");
+        if (!res.ok) throw new Error("Failed to check LLM status");
+        const data = await res.json();
+        if (cancelled) return;
+        const hasUserKey = Boolean(settings.llmApiKey);
+        const hasProviderKey = settings.llmProvider === "openrouter" ? Boolean(data.hasOpenRouterKey) : settings.llmProvider === "kilocode" ? Boolean(data.hasKilocodeKey) : data.hasEnvKey;
+        setStatus({
+          hasEnvKey: data.hasEnvKey,
+          hasOpenRouterKey: Boolean(data.hasOpenRouterKey),
+          hasKilocodeKey: Boolean(data.hasKilocodeKey),
+          hasUserKey,
+          isAvailable: getAvailability(settings, hasProviderKey),
+          isLoading: false,
+          error: null
+        });
+      } catch (err) {
+        if (cancelled) return;
+        setStatus((prev) => ({
+          ...prev,
+          isLoading: false,
+          error: err instanceof Error ? err.message : "Failed to check status"
+        }));
+      }
+    }
+    void checkStatus();
+    return () => {
+      cancelled = true;
+    };
+  }, [
+    settings.llmApiKey,
+    settings.llmProvider,
+    settings.llmBaseUrl,
+    settings.llmModel
+  ]);
+  const testApiKey = useCallback(async (key) => {
+    try {
+      const headers = buildLlmHeaders({
+        ...settings,
+        llmApiKey: key
+      });
+      const res = await fetch("/api/llm-features", {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+          ...headers
+        },
+        body: JSON.stringify({ action: "test" })
+      });
+      const data = await res.json();
+      if (!data.ok) {
+        return { valid: false, error: data.error || "Test failed" };
+      }
+      return { valid: data.valid ?? false, error: data.error };
+    } catch (err) {
+      return {
+        valid: false,
+        error: err instanceof Error ? err.message : "Network error"
+      };
+    }
+  }, [settings]);
+  return {
+    settings,
+    updateSettings,
+    clearApiKey,
+    status,
+    testApiKey
+  };
+}
+function buildLlmHeaders(settings) {
+  const apiKey = settings.llmApiKey;
+  const baseUrl = getEffectiveLlmBaseUrl(settings);
+  const model = getEffectiveLlmModel(settings);
+  if (apiKey) {
+    return {
+      "X-OpenAI-API-Key": apiKey,
+      ...baseUrl ? { "X-LLM-Base-URL": baseUrl } : {},
+      ...model ? { "X-LLM-Model": model } : {}
+    };
+  }
+  return {
+    ...baseUrl ? { "X-LLM-Base-URL": baseUrl } : {},
+    ...model ? { "X-LLM-Model": model } : {}
+  };
+}
+function getLlmHeaders() {
+  const settings = useLlmSettingsStore.getState().settings;
+  return buildLlmHeaders(settings);
+}
 function useSmartTitle() {
   const llmSettings = useLlmSettingsStore((state) => state.settings);
   const [isGenerating, setIsGenerating] = useState(false);
@@ -6596,7 +6166,7 @@ const KeyboardShortcutsDialog = lazy(
   }))
 );
 const SearchDialog = lazy(
-  () => import("./search-dialog-DQRkARXw.js").then((m) => ({
+  () => import("./search-dialog-DR6zBnui.js").then((m) => ({
     default: m.SearchDialog
   }))
 );
@@ -6623,7 +6193,9 @@ function ChatScreen({
   const [showShortcutsHelp, setShowShortcutsHelp] = useState(false);
   const [showSearchDialog, setShowSearchDialog] = useState(false);
   const [searchMode, setSearchMode] = useState("global");
-  const [searchJumpMessageId, setSearchJumpMessageId] = useState(null);
+  const [searchJumpMessageId, setSearchJumpMessageId] = useState(
+    null
+  );
   const [isStreaming, setIsStreaming] = useState(false);
   const thinkingLevel = useThinkingLevelStore((state) => state.level);
   const { maybeNotifyAssistantMessage } = useNotifications();
@@ -6735,8 +6307,8 @@ function ChatScreen({
   const llmTitlesEnabled = useLlmTitlesEnabled();
   const { generateTitle } = useSmartTitle();
   const titleGeneratedRef = useRef(/* @__PURE__ */ new Set());
-  const FAST_POLL_MS = 150;
-  const NORMAL_POLL_MS = 600;
+  const FAST_POLL_MS = 2e3;
+  const NORMAL_POLL_MS = 2e3;
   const streamStart = useCallback(() => {
     if (!activeFriendlyId || isNewChat) return;
     if (streamTimer.current) window.clearInterval(streamTimer.current);
@@ -6769,12 +6341,9 @@ function ChatScreen({
     },
     [historyQuery, queryClient, stopStream, streamFinish]
   );
-  handleStreamErrorRef.current = useCallback(
-    (_err) => {
-      console.warn("[stream] SSE error, falling back to polling");
-    },
-    []
-  );
+  handleStreamErrorRef.current = useCallback((_err) => {
+    console.warn("[stream] SSE error, falling back to polling");
+  }, []);
   const streamingMessage = useMemo(() => {
     if (!streaming.text) return null;
     const content = [];
@@ -6917,7 +6486,9 @@ function ChatScreen({
     if (!sessionKey) return;
     if (titleGeneratedRef.current.has(sessionKey)) return;
     const userMessages = historyMessages.filter((m) => m.role === "user");
-    const assistantMessages = historyMessages.filter((m) => m.role === "assistant");
+    const assistantMessages = historyMessages.filter(
+      (m) => m.role === "assistant"
+    );
     if (userMessages.length === 0 || assistantMessages.length === 0) return;
     if (userMessages.length !== 1) return;
     const firstUserMessage = textFromMessage(userMessages[0]);
@@ -6927,7 +6498,12 @@ function ChatScreen({
       try {
         const result = await generateTitle(firstUserMessage);
         if (result.title) {
-          await updateSessionLabel(queryClient, sessionKey, activeFriendlyId, result.title);
+          await updateSessionLabel(
+            queryClient,
+            sessionKey,
+            activeFriendlyId,
+            result.title
+          );
         }
       } catch (err) {
         console.error("[smart-title] Error generating title:", err);
@@ -7025,7 +6601,13 @@ function ChatScreen({
     }
     setWaitingForResponse(true);
     setPinToTop(true);
-    sendMessage(pending.sessionKey, pending.friendlyId, pending.message, true, pending.attachments);
+    sendMessage(
+      pending.sessionKey,
+      pending.friendlyId,
+      pending.message,
+      true,
+      pending.attachments
+    );
   }, [
     activeFriendlyId,
     activeSessionKey,
@@ -7037,7 +6619,10 @@ function ChatScreen({
   function sendMessage(sessionKey, friendlyId, body, skipOptimistic = false, attachments, model) {
     let optimisticClientId = "";
     if (!skipOptimistic) {
-      const { clientId, optimisticMessage } = createOptimisticMessage(body, attachments);
+      const { clientId, optimisticMessage } = createOptimisticMessage(
+        body,
+        attachments
+      );
       optimisticClientId = clientId;
       appendHistoryMessage(
         queryClient,
@@ -7129,7 +6714,8 @@ function ChatScreen({
   const send = useCallback(
     (body, helpers) => {
       const attachments = helpers.attachments;
-      if (body.length === 0 && (!attachments || attachments.length === 0)) return;
+      if (body.length === 0 && (!attachments || attachments.length === 0))
+        return;
       helpers.reset();
       if (isNewChat) {
         const { clientId, optimisticId, optimisticMessage } = createOptimisticMessage(body, attachments);
@@ -7176,7 +6762,14 @@ function ChatScreen({
         return;
       }
       const sessionKeyForSend = forcedSessionKey || resolvedSessionKey || activeSessionKey;
-      sendMessage(sessionKeyForSend, activeFriendlyId, body, false, attachments, helpers.model);
+      sendMessage(
+        sessionKeyForSend,
+        activeFriendlyId,
+        body,
+        false,
+        attachments,
+        helpers.model
+      );
     },
     [
       activeFriendlyId,
@@ -7431,7 +7024,10 @@ function ChatScreen({
             } catch {
             }
           }
-          navigate({ to: "/chat/$sessionKey", params: { sessionKey: result.friendlyId } });
+          navigate({
+            to: "/chat/$sessionKey",
+            params: { sessionKey: result.friendlyId }
+          });
         }
       }
     ) })
@@ -7467,7 +7063,12 @@ const $sessionKey = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineP
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   $sessionKey as $,
+  Collapsible as C,
+  useLlmSettingsStore as a,
+  getLlmHeaders as b,
   chatQueryKeys as c,
+  CollapsibleTrigger as d,
+  CollapsiblePanel as e,
   getLlmProviderDefaults as g,
   useLlmSettings as u
 };