@blade-hq/agent-kit 0.4.8 → 0.4.11

package/dist/{chunk-QO6CO372.js → chunk-O2BVC7QE.js}

@@ -3,7 +3,7 @@ import {
   CollapsibleContent,
   CollapsibleTrigger,
   resolveSessionFilePreviewTarget
-} from "./chunk-MAMDVXTM.js";
+} from "./chunk-3LCNDPP6.js";
 import {
   AskUserQuestionBlock,
   CardCodeBlock,
@@ -11,9 +11,10 @@ import {
   MarkdownContent,
   PlanSummaryCard,
   extractLatestPlanMessages,
+  getCodeLanguageFromFilename,
   parseAskUserQuestion,
   useHighlightedCodeHtml
-} from "./chunk-YFKHSFRB.js";
+} from "./chunk-Z4FPELIQ.js";
 import {
   buildMessageContent,
   buildToolPreviewKey,
@@ -55,7 +56,7 @@ import {
   useUiBridgeStore,
   useUiStore,
   writeFile
-} from "./chunk-TWZHUASA.js";
+} from "./chunk-CDSCC4OQ.js";
 import {
   registerBridgeIframe,
   tapBridgeEvent
@@ -64,7 +65,7 @@ import {
   ModelOption,
   ModelsConfig,
   ModelsResource
-} from "./chunk-DNT6RM5E.js";
+} from "./chunk-VCCMO7G5.js";
 import {
   cn,
   copyToClipboard
@@ -177,7 +178,7 @@ import { useQueryClient as useQueryClient2 } from "@tanstack/react-query";
 import {
   useEffect as useEffect7,
   useEffectEvent as useEffectEvent2,
-  useMemo as useMemo6,
+  useMemo as useMemo7,
   useRef as useRef4,
   useState as useState6
 } from "react";
@@ -636,12 +637,22 @@ var getModelsConfig = (...args) => r().getModelsConfig(...args);
 // src/react/api/user-preferences.ts
 var user_preferences_exports = {};
 __export(user_preferences_exports, {
+  getComputerUpgradeStatus: () => getComputerUpgradeStatus,
+  getPersistentDefault: () => getPersistentDefault,
   getUserPreference: () => getUserPreference,
-  setUserPreference: () => setUserPreference
+  resetComputer: () => resetComputer,
+  setPersistentDefault: () => setPersistentDefault,
+  setUserPreference: () => setUserPreference,
+  upgradeComputer: () => upgradeComputer
 });
 var r2 = () => getClient().userPreferences;
 var getUserPreference = (...args) => r2().getUserPreference(...args);
 var setUserPreference = (...args) => r2().setUserPreference(...args);
+var getPersistentDefault = (...args) => r2().getPersistentDefault(...args);
+var setPersistentDefault = (...args) => r2().setPersistentDefault(...args);
+var resetComputer = (...args) => r2().resetComputer(...args);
+var getComputerUpgradeStatus = (...args) => r2().getComputerUpgradeStatus(...args);
+var upgradeComputer = (...args) => r2().upgradeComputer(...args);
 
 // src/react/hooks/use-model-preferences.ts
 var PREFERRED_MODEL_KEY = "preferred_model";
@@ -723,7 +734,7 @@ function ModelSelector({
   const canSelect = models.length > 0;
   const selectedLabel = models.find((model) => model.id === value)?.label;
   const defaultLabel = models.find((model) => model.id === defaultModel)?.label;
-  const label = isLoading ? "\u6B63\u5728\u52A0\u8F7D\u6A21\u578B..." : selectedLabel || defaultLabel || value.trim() || defaultModel || "\u672A\u8FDE\u63A5\u5230\u6A21\u578B";
+  const label = isLoading ? "\u6B63\u5728\u52A0\u8F7D\u6A21\u578B..." : models.length === 0 ? "\u65E0\u53EF\u7528\u6A21\u578B" : selectedLabel || defaultLabel || value.trim() || "\u672A\u8FDE\u63A5\u5230\u6A21\u578B";
   const dropdownPosition = placement === "top" ? "bottom-[calc(100%+8px)]" : "top-[calc(100%+8px)]";
   if (!canSelect) {
     return /* @__PURE__ */ jsxs(
@@ -885,6 +896,38 @@ function useInputHistory(sessionId) {
   };
 }
 
+// src/react/hooks/use-resolved-model.ts
+import { useMemo as useMemo3 } from "react";
+function useResolvedModel(activeSessionModel) {
+  const { models, defaultModel, isLoading } = useModelConfig();
+  const { preferredModel } = usePreferredModel();
+  return useMemo3(() => {
+    if (isLoading) {
+      const optimistic = activeSessionModel || preferredModel || defaultModel || "";
+      return {
+        resolvedModel: optimistic,
+        hasAvailableModel: !!optimistic,
+        isLoading
+      };
+    }
+    const ids = models.map((model) => model.id);
+    const inList = (id) => !!id && ids.includes(id);
+    if (inList(activeSessionModel)) {
+      return { resolvedModel: activeSessionModel, hasAvailableModel: true, isLoading };
+    }
+    if (inList(preferredModel)) {
+      return { resolvedModel: preferredModel, hasAvailableModel: true, isLoading };
+    }
+    if (inList(defaultModel)) {
+      return { resolvedModel: defaultModel, hasAvailableModel: true, isLoading };
+    }
+    if (ids.length > 0) {
+      return { resolvedModel: ids[0], hasAvailableModel: true, isLoading };
+    }
+    return { resolvedModel: "", hasAvailableModel: false, isLoading };
+  }, [activeSessionModel, preferredModel, defaultModel, models, isLoading]);
+}
+
 // src/react/lib/attachment-upload.ts
 var ATTACHMENT_SIZE_LIMIT_BYTES = 1e3 * 1024 * 1024;
 function formatFileSize(size) {
@@ -923,7 +966,7 @@ function skillDisplayName(skill) {
 
 // src/react/components/chat/FileCompletionMenu.tsx
 import { ChevronRight, File, Folder } from "lucide-react";
-import { forwardRef, useCallback as useCallback5, useImperativeHandle, useMemo as useMemo3, useState as useState4 } from "react";
+import { forwardRef, useCallback as useCallback5, useImperativeHandle, useMemo as useMemo4, useState as useState4 } from "react";
 import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var ROOT_DIR = ".";
 function isVisibleEntry(entry) {
@@ -1009,7 +1052,7 @@ var FileCompletionMenu = forwardRef(
   function FileCompletionMenu2({ command, editor, items, onExit, query, range, sessionId: sessionIdProp }, ref) {
     const activeSessionId = useSessionStore((state) => state.activeSessionId);
     const sessionId = sessionIdProp ?? activeSessionId;
-    const { dirPath, filterQuery } = useMemo3(() => parseSuggestionQuery(query), [query]);
+    const { dirPath, filterQuery } = useMemo4(() => parseSuggestionQuery(query), [query]);
     return /* @__PURE__ */ jsx3(
       FileCompletionMenuContent,
       {
@@ -1028,7 +1071,7 @@ var FileCompletionMenu = forwardRef(
 );
 var FileCompletionMenuContent = forwardRef(function FileCompletionMenuContent2({ command, editor, filterQuery, items, onExit, range, sessionId }, ref) {
   const [rawSelectedIndex, setRawSelectedIndex] = useState4(0);
-  const filteredEntries = useMemo3(() => filterEntries(items, filterQuery), [filterQuery, items]);
+  const filteredEntries = useMemo4(() => filterEntries(items, filterQuery), [filterQuery, items]);
   const selectedIndex = filteredEntries.length === 0 ? 0 : Math.min(rawSelectedIndex, filteredEntries.length - 1);
   const handleSelect = useCallback5(
     (entry) => {
@@ -1313,7 +1356,7 @@ function FileSizeLimitDialog({
 // src/react/components/chat/SkillStatusBar.tsx
 import { useQuery as useQuery5 } from "@tanstack/react-query";
 import { RefreshCw } from "lucide-react";
-import { useMemo as useMemo5 } from "react";
+import { useMemo as useMemo6 } from "react";
 
 // src/react/hooks/use-background-tasks.ts
 import { useQuery as useQuery2 } from "@tanstack/react-query";
@@ -1384,7 +1427,7 @@ function useSkillStats(sessionId) {
 }
 
 // src/react/hooks/use-token-pressure.ts
-import { useMemo as useMemo4 } from "react";
+import { useMemo as useMemo5 } from "react";
 function clampRatio(value) {
   return Math.min(1, Math.max(0, value));
 }
@@ -1402,7 +1445,7 @@ function resolveLevel(ratio, compactionRatio) {
 }
 function useTokenPressure(sessionId) {
   const { data } = useContextStats(sessionId);
-  return useMemo4(() => {
+  return useMemo5(() => {
     const ratio = data.context_window > 0 ? clampRatio(data.tokens_used / data.context_window) : 0;
     return {
       ratio,
@@ -1558,7 +1601,7 @@ function SkillStatusBar({
   const runningTasks = runningTaskItems.length;
   const statsReady = !loading && !error;
   const skillStoreConnected = statsReady && skillStats.remote_connected;
-  const connectionMeta = useMemo5(
+  const connectionMeta = useMemo6(
     () => getConnectionMeta(
       connectionStatus,
       reconnectAttempt,
@@ -1583,7 +1626,7 @@ function SkillStatusBar({
       text: skillStoreConnected ? `\u5DF2\u5B89\u88C5 ${skillStats.installed_skill_count} \u4E2A\u6280\u80FD` : "\u5C1A\u672A\u767B\u5F55\u6280\u80FD\u5546\u5E97"
     }
   ].filter((item) => item.key !== "total" || skillStats.remote_configured);
-  const tokenSummary = useMemo5(() => {
+  const tokenSummary = useMemo6(() => {
     return {
       detail: /* @__PURE__ */ jsxs6("div", { className: "space-y-1", children: [
         /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between gap-3 border-t border-slate-800 pt-1", children: [
@@ -2440,7 +2483,6 @@ function ChatInput({
   const [isEditorFocused, setIsEditorFocused] = useState6(false);
   const [oversizedFiles, setOversizedFiles] = useState6([]);
   const [selectedModel, setSelectedModel] = useState6("");
-  const { defaultModel } = useModelConfig();
   const { setPreferredModel } = usePreferredModel();
   const queryClient = useQueryClient2();
   const actionMenuRef = useRef4(null);
@@ -2450,7 +2492,7 @@ function ChatInput({
   const localImageUrlsRef = useRef4(/* @__PURE__ */ new Map());
   const activeSessionId = useSessionStore((state) => state.activeSessionId);
   const sessions = useSessionStore((state) => state.sessions);
-  const activeSessionModel = useMemo6(
+  const activeSessionModel = useMemo7(
     () => sessions.find((session) => session.id === activeSessionId)?.model ?? null,
     [activeSessionId, sessions]
   );
@@ -2465,9 +2507,10 @@ function ChatInput({
   const draftAppends = useUiBridgeStore(
     (state) => activeSessionId ? state.draftAppends[activeSessionId] : void 0
   );
+  const { resolvedModel } = useResolvedModel(activeSessionModel);
   useEffect7(() => {
-    setSelectedModel(activeSessionModel || defaultModel);
-  }, [activeSessionModel, defaultModel]);
+    setSelectedModel(resolvedModel);
+  }, [resolvedModel]);
   const sendRequests = useUiBridgeStore(
     (state) => activeSessionId ? state.sendRequests[activeSessionId] : void 0
   );
@@ -3458,13 +3501,13 @@ import {
   useCallback as useCallback12,
   useEffect as useEffect16,
   useEffectEvent as useEffectEvent4,
-  useMemo as useMemo16,
+  useMemo as useMemo17,
   useRef as useRef11,
   useState as useState19
 } from "react";
 
 // ../../node_modules/.pnpm/use-stick-to-bottom@1.1.3_react@19.2.4/node_modules/use-stick-to-bottom/dist/useStickToBottom.js
-import { useCallback as useCallback7, useMemo as useMemo7, useRef as useRef5, useState as useState7 } from "react";
+import { useCallback as useCallback7, useMemo as useMemo8, useRef as useRef5, useState as useState7 } from "react";
 var DEFAULT_SPRING_ANIMATION = {
   /**
    * A value from 0 to 1, on how much to damp the animation.
@@ -3525,7 +3568,7 @@ var useStickToBottom = (options = {}) => {
     state.escapedFromLock = escapedFromLock2;
     updateEscapedFromLock(escapedFromLock2);
   }, []);
-  const state = useMemo7(() => {
+  const state = useMemo8(() => {
     let lastCalculation;
     return {
       escapedFromLock,
@@ -3808,7 +3851,7 @@ function mergeAnimations(...animations) {
 
 // ../../node_modules/.pnpm/use-stick-to-bottom@1.1.3_react@19.2.4/node_modules/use-stick-to-bottom/dist/StickToBottom.js
 import * as React from "react";
-import { createContext, useContext, useEffect as useEffect8, useImperativeHandle as useImperativeHandle3, useLayoutEffect, useMemo as useMemo8, useRef as useRef6 } from "react";
+import { createContext, useContext, useEffect as useEffect8, useImperativeHandle as useImperativeHandle3, useLayoutEffect, useMemo as useMemo9, useRef as useRef6 } from "react";
 var StickToBottomContext = createContext(null);
 var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect8;
 function StickToBottom({ instance, children, resize, initial, mass, damping, stiffness, targetScrollTop: currentTargetScrollTop, contextRef, ...props }) {
@@ -3826,7 +3869,7 @@ function StickToBottom({ instance, children, resize, initial, mass, damping, sti
     targetScrollTop
   });
   const { scrollRef, contentRef, scrollToBottom, stopScroll, isAtBottom, escapedFromLock, state } = instance ?? defaultInstance;
-  const context = useMemo8(() => ({
+  const context = useMemo9(() => ({
     scrollToBottom,
     stopScroll,
     scrollRef,
@@ -3889,7 +3932,7 @@ function useStickToBottomContext() {
 
 // src/react/components/chat/AssistantTurnBlock.tsx
 import { AlertCircle, BookOpen, Check as Check4, ChevronRight as ChevronRight5 } from "lucide-react";
-import { useCallback as useCallback11, useEffect as useEffect14, useMemo as useMemo14, useRef as useRef10, useState as useState16 } from "react";
+import { useCallback as useCallback11, useEffect as useEffect14, useMemo as useMemo15, useRef as useRef10, useState as useState16 } from "react";
 
 // src/react/routes.ts
 var MEMORIES_ROUTE = "/memories";
@@ -3906,7 +3949,7 @@ import {
   useCallback as useCallback9,
   useContext as useContext2,
   useEffect as useEffect9,
-  useMemo as useMemo10,
+  useMemo as useMemo11,
   useRef as useRef7,
   useState as useState8
 } from "react";
@@ -3915,7 +3958,7 @@ import { Streamdown } from "streamdown";
 
 // src/react/components/ai-elements/shimmer.tsx
 import { motion } from "motion/react";
-import { memo, useMemo as useMemo9 } from "react";
+import { memo, useMemo as useMemo10 } from "react";
 import { jsx as jsx10 } from "react/jsx-runtime";
 var motionComponentCache = /* @__PURE__ */ new Map();
 var getMotionComponent = (element) => {
@@ -3936,7 +3979,7 @@ var ShimmerComponent = ({
   const MotionComponent = getMotionComponent(
     Component2
   );
-  const dynamicSpread = useMemo9(
+  const dynamicSpread = useMemo10(
     () => (children?.length ?? 0) * spread,
     [children, spread]
   );
@@ -4033,7 +4076,7 @@ var Reasoning = memo2(
       },
       [setIsOpen]
     );
-    const contextValue = useMemo10(
+    const contextValue = useMemo11(
       () => ({ duration, isOpen, isStreaming, setIsOpen }),
       [duration, isOpen, isStreaming, setIsOpen]
     );
@@ -4193,7 +4236,7 @@ ReasoningContent.displayName = "ReasoningContent";
 
 // src/react/components/chat/AgentLoopBlock.tsx
 import { Bot, Check as Check3, ChevronRight as ChevronRight4, FileText as FileText5, Loader2 as Loader24, MessageSquareMore as MessageSquareMore2 } from "lucide-react";
-import { useEffect as useEffect13, useMemo as useMemo13, useState as useState15 } from "react";
+import { useEffect as useEffect13, useMemo as useMemo14, useState as useState15 } from "react";
 
 // src/react/components/chat/ResourceIframe.tsx
 import { useEffect as useEffect10, useEffectEvent as useEffectEvent3, useRef as useRef8, useState as useState9 } from "react";
@@ -4325,30 +4368,10 @@ function ResourceIframe({ ui, sessionId }) {
 
 // src/react/components/chat/ToolCallBlock.tsx
 import { Check, ChevronRight as ChevronRight3, Loader2 as Loader23, MessageSquareMore, PanelRightOpen, X as X4 } from "lucide-react";
-import { useMemo as useMemo11, useState as useState12 } from "react";
+import { useMemo as useMemo12, useState as useState12 } from "react";
 
 // src/react/components/chat/tool-renderers/shared.tsx
 import { jsx as jsx13 } from "react/jsx-runtime";
-var EXT_TO_LANG = {
-  ".bash": "bash",
-  ".css": "css",
-  ".go": "go",
-  ".htm": "html",
-  ".html": "html",
-  ".js": "javascript",
-  ".json": "json",
-  ".jsx": "jsx",
-  ".md": "markdown",
-  ".py": "python",
-  ".rs": "rust",
-  ".scss": "css",
-  ".sh": "bash",
-  ".ts": "typescript",
-  ".tsx": "tsx",
-  ".yaml": "yaml",
-  ".yml": "yaml",
-  ".zsh": "bash"
-};
 function getResultText(result) {
   if (typeof result === "string") return result;
   if (Array.isArray(result)) {
@@ -4399,10 +4422,7 @@ function getFileName(filePath) {
   return filePath.split("/").pop() ?? filePath;
 }
 function getCodeLanguage(filePath) {
-  if (!filePath) return null;
-  const dotIndex = filePath.lastIndexOf(".");
-  if (dotIndex < 0) return null;
-  return EXT_TO_LANG[filePath.slice(dotIndex).toLowerCase()] ?? null;
+  return getCodeLanguageFromFilename(filePath);
 }
 function formatBytes(size) {
   if (typeof size !== "number" || !Number.isFinite(size) || size < 0) return null;
@@ -5290,7 +5310,7 @@ function ToolCallBlock({
   const resolvedAnswerData = answerData ?? storedAnswerData;
   const resolvedAnswered = answered ?? (!!resolvedAnswerData && resolvedSessionStatus !== "waiting_for_input");
   const resolvedOnAnswer = onAnswer ?? answerCallback;
-  const uiMeta = useMemo11(() => {
+  const uiMeta = useMemo12(() => {
     const block = turnBlocks?.find(
       (item) => item.type === "tool_ui" && item.tool_call_id === toolCall.id && isUiMeta(item.content)
     );
@@ -5884,14 +5904,14 @@ function TextAttachmentPills({ attachments, onPreview }) {
 import { RefreshCcw } from "lucide-react";
 
 // src/react/components/chat/whatif-quote-context.tsx
-import { createContext as createContext3, useContext as useContext3, useMemo as useMemo12 } from "react";
+import { createContext as createContext3, useContext as useContext3, useMemo as useMemo13 } from "react";
 import { jsx as jsx25 } from "react/jsx-runtime";
 var WhatIfQuoteContext = createContext3({});
 function WhatIfQuoteProvider({
   onJumpToStep,
   children
 }) {
-  const value = useMemo12(() => ({ onJumpToStep }), [onJumpToStep]);
+  const value = useMemo13(() => ({ onJumpToStep }), [onJumpToStep]);
   return /* @__PURE__ */ jsx25(WhatIfQuoteContext.Provider, { value, children });
 }
 function useWhatIfQuoteContext() {
@@ -6148,7 +6168,7 @@ function stripFileExtension(fileName) {
 function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
   const agentLoops = useChatStore((state) => state.agentLoops[sessionId] ?? EMPTY_AGENT_LOOPS);
   const messages = useChatStore((state) => state.messages[sessionId] ?? EMPTY_MESSAGES2);
-  const loopEntry = useMemo13(() => {
+  const loopEntry = useMemo14(() => {
     for (const [loopName, info] of Object.entries(agentLoops)) {
       if (info.toolCallId === toolCall.id) {
         return { loopName, info };
@@ -6156,24 +6176,24 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
     }
     return null;
   }, [agentLoops, toolCall.id]);
-  const childMessages = useMemo13(() => {
+  const childMessages = useMemo14(() => {
     if (!loopEntry) return [];
     return messages.filter((message) => (message.loop_name ?? "root") === loopEntry.loopName);
   }, [loopEntry, messages]);
-  const loopToolCalls = useMemo13(
+  const loopToolCalls = useMemo14(
     () => childMessages.flatMap((message) => message.tool_calls ?? []),
     [childMessages]
   );
-  const visibleLoopToolCalls = useMemo13(
+  const visibleLoopToolCalls = useMemo14(
     () => loopToolCalls.filter((childToolCall) => formatToolName(childToolCall.name) !== "Agent"),
     [loopToolCalls]
   );
-  const hasAwaitingAnswer = useMemo13(
+  const hasAwaitingAnswer = useMemo14(
     () => visibleLoopToolCalls.some((childToolCall) => childToolCall.status === "awaiting_answer"),
     [visibleLoopToolCalls]
   );
   const [expanded, setExpanded] = useState15(hasAwaitingAnswer);
-  const completedToolLabels = useMemo13(
+  const completedToolLabels = useMemo14(
     () => visibleLoopToolCalls.flatMap((childToolCall) => {
       const isCompleted = childToolCall.status === "done" || childToolCall.status !== "pending" && childToolCall.status !== "awaiting_answer" && childToolCall.status !== "error" && childToolCall.status !== "cancelled";
       if (!isCompleted) return [];
@@ -6201,7 +6221,7 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
     }),
     [visibleLoopToolCalls]
   );
-  const inlineToolUiBlocks = useMemo13(
+  const inlineToolUiBlocks = useMemo14(
     () => childMessages.flatMap(
       (message) => (message.blocks ?? []).flatMap(
         (block, index) => block.type === "tool_ui" && block.tool_call_id && isUiMeta(block.content) && block.content.target === "inline" ? [{ key: `${message.entry_id ?? message.timestamp ?? "message"}-${block.tool_call_id}-${index}`, ui: block.content }] : []
@@ -6528,6 +6548,18 @@ function getLoopCardStyles(status) {
 
 // src/react/components/chat/AssistantTurnBlock.tsx
 import { jsx as jsx29, jsxs as jsxs24 } from "react/jsx-runtime";
+function defaultTurnDisplayMode({
+  forceExpanded,
+  hasActionableToolCall
+}) {
+  return forceExpanded || hasActionableToolCall ? "detail" : "compact";
+}
+function resolveTurnDisplayMode({
+  isStreaming,
+  displayMode
+}) {
+  return isStreaming ? "detail" : displayMode;
+}
 function getMessageText(message) {
   return typeof message.content === "string" ? message.content.trim() : message.content.filter((part) => part.type === "text").map((part) => part.text).join("").trim();
 }
@@ -6662,33 +6694,33 @@ function AssistantTurnBlock({
   customization
 }) {
   const messages = Array.isArray(rawMessages) ? rawMessages : [];
-  const allToolCalls = useMemo14(() => messages.flatMap((m) => m.tool_calls ?? []), [messages]);
-  const hasActionableToolCall = useMemo14(
+  const allToolCalls = useMemo15(() => messages.flatMap((m) => m.tool_calls ?? []), [messages]);
+  const hasActionableToolCall = useMemo15(
     () => allToolCalls.some(
       (tc) => tc.status === "error" || tc.status === "cancelled" || formatToolName(tc.name) === "AskUserQuestion" && tc.status === "awaiting_answer"
     ),
     [allToolCalls]
   );
   const [displayMode, setDisplayMode] = useState16(
-    forceExpanded ? "detail" : "compact"
+    defaultTurnDisplayMode({ forceExpanded, hasActionableToolCall })
   );
   const wasStreamingRef = useRef10(isStreaming);
   useEffect14(() => {
     if (wasStreamingRef.current && !isStreaming && !forceExpanded) {
-      setDisplayMode("compact");
+      setDisplayMode(defaultTurnDisplayMode({ forceExpanded, hasActionableToolCall }));
     }
     wasStreamingRef.current = isStreaming;
-  }, [forceExpanded, isStreaming]);
+  }, [forceExpanded, hasActionableToolCall, isStreaming]);
   const sessionMessages = useChatStore((state) => state.messages[sessionId] ?? []);
   const agentLoops = useChatStore((state) => state.agentLoops[sessionId] ?? {});
-  const turnMessages = useMemo14(
+  const turnMessages = useMemo15(
     () => collectTurnMessages({ rootMessages: messages, sessionMessages, agentLoops }),
     [agentLoops, messages, sessionMessages]
   );
-  const resourceBlocks = useMemo14(() => getInlineResourceBlocks(turnMessages), [turnMessages]);
-  const finalMessage = useMemo14(() => getLastTextMessage(turnMessages), [turnMessages]);
+  const resourceBlocks = useMemo15(() => getInlineResourceBlocks(turnMessages), [turnMessages]);
+  const finalMessage = useMemo15(() => getLastTextMessage(turnMessages), [turnMessages]);
   const hasInterruptedState = messages.some((message) => message.status === "interrupted");
-  const effectiveMode = isStreaming ? "detail" : displayMode === "compact" && hasActionableToolCall ? "detail" : displayMode;
+  const effectiveMode = resolveTurnDisplayMode({ isStreaming, displayMode });
   const memoryRefs = Array.isArray(messages[0]?.memory_refs) ? messages[0].memory_refs : [];
   return /* @__PURE__ */ jsxs24(
     "div",
@@ -7042,7 +7074,7 @@ function AssistantText({
     },
     [sessionId]
   );
-  const cardCtx = useMemo14(
+  const cardCtx = useMemo15(
     () => ({ sessionId, messageId, sendMessage }),
     [sessionId, messageId, sendMessage]
   );
@@ -7331,7 +7363,7 @@ import {
   TerminalSquare,
   WandSparkles
 } from "lucide-react";
-import { useEffect as useEffect15, useMemo as useMemo15, useState as useState18 } from "react";
+import { useEffect as useEffect15, useMemo as useMemo16, useState as useState18 } from "react";
 import { jsx as jsx32, jsxs as jsxs27 } from "react/jsx-runtime";
 var EMPTY_EVENTS = [];
 function formatElapsedDuration(durationMs) {
@@ -7434,9 +7466,9 @@ function StickyStatusBar({
   onJumpToLatest
 }) {
   const events = useRuntimeStore((state) => state.events[sessionId] ?? EMPTY_EVENTS);
-  const startedAt = useMemo15(() => getTurnStartedAt(events), [events]);
+  const startedAt = useMemo16(() => getTurnStartedAt(events), [events]);
   const elapsedDuration = useElapsedDuration(startedAt, isStreaming && isLastTurn);
-  const action = useMemo15(() => getCurrentAction(messages), [messages]);
+  const action = useMemo16(() => getCurrentAction(messages), [messages]);
   if (!isStreaming || !isLastTurn) {
     return null;
   }
@@ -7612,8 +7644,8 @@ function MessageList({
   const messages = Array.isArray(rawMessages) ? rawMessages : [];
   const agentLoops = useChatStore((state) => state.agentLoops[sessionId]);
   const askAnswers = useChatStore((state) => state.askAnswers[sessionId]);
-  const agentLoopNameSet = useMemo16(() => new Set(Object.keys(agentLoops ?? {})), [agentLoops]);
-  const renderBlocks = useMemo16(() => {
+  const agentLoopNameSet = useMemo17(() => new Set(Object.keys(agentLoops ?? {})), [agentLoops]);
+  const renderBlocks = useMemo17(() => {
     const visible = messages.filter((message) => {
       const loopName = message.loop_name ?? "root";
       if (loopName !== "root") return false;
@@ -7678,13 +7710,13 @@ function MessageList({
     flushAssistant();
     return blocks;
   }, [agentLoopNameSet, messages]);
-  const hasInterruptedTurn = useMemo16(
+  const hasInterruptedTurn = useMemo17(
     () => renderBlocks.some(
       (block) => block.type === "assistant_turn" && block.messages.some((message) => message.status === "interrupted")
     ),
     [renderBlocks]
   );
-  const lastTurnId = useMemo16(() => {
+  const lastTurnId = useMemo17(() => {
     for (let index = renderBlocks.length - 1; index >= 0; index -= 1) {
       const block = renderBlocks[index];
       if (block.type === "assistant_turn") return block.anchorId;
@@ -7692,14 +7724,14 @@ function MessageList({
     }
     return null;
   }, [renderBlocks]);
-  const turnNavItems = useMemo16(
+  const turnNavItems = useMemo17(
     () => renderBlocks.filter((block) => block.type === "assistant_turn").map((block) => ({
       id: block.anchorId,
       title: block.railTitle
     })),
     [renderBlocks]
   );
-  const stickyTurn = useMemo16(
+  const stickyTurn = useMemo17(
     () => renderBlocks.find(
       (block) => block.type === "assistant_turn" && block.anchorId === lastTurnId && block.isStreaming
     ) ?? null,
@@ -7709,7 +7741,7 @@ function MessageList({
   const scrollContainerRef = useRef11(null);
   const frameRef = useRef11(null);
   const [activeTurnId, setActiveTurnId] = useState19(lastTurnId);
-  const layoutSignature = useMemo16(
+  const layoutSignature = useMemo17(
     () => getMessagesMeasureSignature(messages),
     [messages]
   );
@@ -8079,6 +8111,7 @@ export {
   useInputHistory,
   useModelConfig,
   usePreferredModel,
+  useResolvedModel,
   buildVoiceInputUnavailableError,
   useVoiceInput,
   useTiptapVoiceInput,
@@ -8121,4 +8154,4 @@ use-stick-to-bottom/dist/StickToBottom.js:
    *  Licensed under the MIT License. See License.txt in the project root for license information.
    *--------------------------------------------------------------------------------------------*)
 */
-//# sourceMappingURL=chunk-QO6CO372.js.map
+//# sourceMappingURL=chunk-O2BVC7QE.js.map