wave-code 0.13.4 → 0.13.5

package/dist/components/ChatInterface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatInterface.d.ts","sourceRoot":"","sources":["../../src/components/ChatInterface.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAa3D,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EA+HjC,CAAC"}
+{"version":3,"file":"ChatInterface.d.ts","sourceRoot":"","sources":["../../src/components/ChatInterface.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAa3D,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAgIjC,CAAC"}

package/dist/components/ChatInterface.js

@@ -37,5 +37,5 @@ export const ChatInterface = () => {
     ]);
     if (!sessionId)
         return null;
-    return (_jsxs(Box, { ref: chatInterfaceRef, flexDirection: "column", children: [_jsx(MessageList, { messages: displayMessages, isExpanded: isExpanded, version: version, workdir: workdir, forceStatic: forceStatic }, remountKey), !isConfirmationVisible && !isExpanded && (_jsxs(_Fragment, { children: [(isLoading || isCommandRunning || isCompressing) && (_jsx(LoadingIndicator, { isLoading: isLoading, isCommandRunning: isCommandRunning, isCompressing: isCompressing, latestTotalTokens: latestTotalTokens })), _jsx(TaskList, {}), _jsx(QueuedMessageList, {}), _jsx(InputBox, { isLoading: isLoading, isCommandRunning: isCommandRunning, sendMessage: sendMessage, abortMessage: abortMessage, mcpServers: mcpServers, connectMcpServer: connectMcpServer, disconnectMcpServer: disconnectMcpServer, slashCommands: slashCommands, hasSlashCommand: hasSlashCommand })] })), isConfirmationVisible && (_jsxs(_Fragment, { children: [forceStatic ? (_jsx(Static, { items: [{ key: "confirmation-details" }], children: () => (_jsx(ConfirmationDetails, { toolName: confirmingTool.name, toolInput: confirmingTool.input, planContent: confirmingTool.planContent, isExpanded: isExpanded })) })) : (_jsx(ConfirmationDetails, { toolName: confirmingTool.name, toolInput: confirmingTool.input, planContent: confirmingTool.planContent, isExpanded: isExpanded })), _jsx(ConfirmationSelector, { toolName: confirmingTool.name, toolInput: confirmingTool.input, suggestedPrefix: confirmingTool.suggestedPrefix, hidePersistentOption: confirmingTool.hidePersistentOption, isExpanded: isExpanded, onDecision: handleConfirmationDecision, onCancel: handleConfirmationCancel, onAbort: abortMessage })] }))] }));
+    return (_jsxs(Box, { ref: chatInterfaceRef, flexDirection: "column", children: [_jsx(MessageList, { messages: displayMessages, isExpanded: isExpanded, version: version, workdir: workdir, forceStatic: forceStatic }, remountKey), !isConfirmationVisible && !isExpanded && (_jsxs(_Fragment, { children: [(isLoading || isCommandRunning || isCompressing) && (_jsx(LoadingIndicator, { isLoading: isLoading, isCommandRunning: isCommandRunning, isCompressing: isCompressing, latestTotalTokens: latestTotalTokens })), _jsx(TaskList, {}), _jsx(QueuedMessageList, {}), _jsx(InputBox, { isLoading: isLoading, isCommandRunning: isCommandRunning, sendMessage: sendMessage, abortMessage: abortMessage, mcpServers: mcpServers, connectMcpServer: connectMcpServer, disconnectMcpServer: disconnectMcpServer, slashCommands: slashCommands, hasSlashCommand: hasSlashCommand })] })), isConfirmationVisible && (_jsxs(_Fragment, { children: [forceStatic ? (_jsx(Static, { items: [{ key: "confirmation-details" }], children: () => (_jsx(ConfirmationDetails, { toolName: confirmingTool.name, toolInput: confirmingTool.input, planContent: confirmingTool.planContent, isExpanded: isExpanded }, "confirmation-details")) })) : (_jsx(ConfirmationDetails, { toolName: confirmingTool.name, toolInput: confirmingTool.input, planContent: confirmingTool.planContent, isExpanded: isExpanded })), _jsx(ConfirmationSelector, { toolName: confirmingTool.name, toolInput: confirmingTool.input, suggestedPrefix: confirmingTool.suggestedPrefix, hidePersistentOption: confirmingTool.hidePersistentOption, isExpanded: isExpanded, onDecision: handleConfirmationDecision, onCancel: handleConfirmationCancel, onAbort: abortMessage })] }))] }));
 };

package/dist/components/MessageBlockItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageBlockItem.d.ts","sourceRoot":"","sources":["../../src/components/MessageBlockItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAS5D,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,YAAY,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,gBAAgB,GAAI,6CAK9B,qBAAqB,4CAgEvB,CAAC"}
+{"version":3,"file":"MessageBlockItem.d.ts","sourceRoot":"","sources":["../../src/components/MessageBlockItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAS5D,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,YAAY,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,gBAAgB,GAAI,6CAK9B,qBAAqB,4CAuEvB,CAAC"}

package/dist/components/MessageBlockItem.js

@@ -8,5 +8,8 @@ import { ReasoningDisplay } from "./ReasoningDisplay.js";
 import { Markdown } from "./Markdown.js";
 import { TaskNotificationMessage } from "./TaskNotificationMessage.js";
 export const MessageBlockItem = ({ block, message, isExpanded, paddingTop = 0, }) => {
-    return (_jsxs(Box, { flexDirection: "column", paddingTop: paddingTop, children: [block.type === "text" && block.content.trim() && (_jsxs(Box, { children: [block.source === MessageSource.HOOK && (_jsxs(Text, { color: "magenta", bold: true, children: ["~", " "] })), message.role === "user" || isExpanded ? (_jsx(Text, { backgroundColor: message.role === "user" ? "gray" : undefined, color: "white", children: block.content })) : (_jsx(Markdown, { children: block.content }))] })), block.type === "error" && (_jsx(Box, { children: _jsxs(Text, { color: "red", children: ["Error: ", block.content] }) })), block.type === "bang" && (_jsx(BangDisplay, { block: block, isExpanded: isExpanded })), block.type === "tool" && (_jsx(ToolDisplay, { block: block, isExpanded: isExpanded })), block.type === "image" && (_jsxs(Box, { children: [_jsx(Text, { color: "magenta", bold: true, children: "# Image" }), block.imageUrls && block.imageUrls.length > 0 && (_jsxs(Text, { color: "gray", dimColor: true, children: [" ", "(", block.imageUrls.length, ")"] }))] })), block.type === "compress" && (_jsx(CompressDisplay, { block: block, isExpanded: isExpanded })), block.type === "reasoning" && (_jsx(ReasoningDisplay, { block: block, isExpanded: isExpanded })), block.type === "task_notification" && (_jsx(TaskNotificationMessage, { block: block }))] }));
+    return (_jsxs(Box, { flexDirection: "column", paddingTop: paddingTop, children: [block.type === "text" && block.content.trim() && (_jsxs(Box, { children: [block.source === MessageSource.HOOK && (_jsxs(Text, { color: "magenta", bold: true, children: ["~", " "] })), message.role === "user" || isExpanded ? (_jsx(Text, { backgroundColor: message.role === "user" ? "gray" : undefined, color: "white", children: block.content })) : block.stage === "streaming" ? (_jsx(Text, { color: "gray", wrap: "truncate-end", children: (() => {
+                            const flat = block.content.replace(/\n/g, "\\n");
+                            return flat.length > 30 ? `…${flat.slice(-30)}` : flat;
+                        })() })) : (_jsx(Markdown, { children: block.content }))] })), block.type === "error" && (_jsx(Box, { children: _jsxs(Text, { color: "red", children: ["Error: ", block.content] }) })), block.type === "bang" && (_jsx(BangDisplay, { block: block, isExpanded: isExpanded })), block.type === "tool" && (_jsx(ToolDisplay, { block: block, isExpanded: isExpanded })), block.type === "image" && (_jsxs(Box, { children: [_jsx(Text, { color: "magenta", bold: true, children: "# Image" }), block.imageUrls && block.imageUrls.length > 0 && (_jsxs(Text, { color: "gray", dimColor: true, children: [" ", "(", block.imageUrls.length, ")"] }))] })), block.type === "compress" && (_jsx(CompressDisplay, { block: block, isExpanded: isExpanded })), block.type === "reasoning" && (_jsx(ReasoningDisplay, { block: block, isExpanded: isExpanded })), block.type === "task_notification" && (_jsx(TaskNotificationMessage, { block: block }))] }));
 };

package/dist/components/MessageList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageList.d.ts","sourceRoot":"","sources":["../../src/components/MessageList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,OAAO,EAAgB,MAAM,gBAAgB,CAAC;AAG5D,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,WAAW,uFAOnB,gBAAgB,6CAuIpB,CAAC"}
+{"version":3,"file":"MessageList.d.ts","sourceRoot":"","sources":["../../src/components/MessageList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,OAAO,EAAgB,MAAM,gBAAgB,CAAC;AAG5D,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,WAAW,uFAOnB,gBAAgB,6CAqIpB,CAAC"}

package/dist/components/MessageList.js

@@ -13,13 +13,14 @@ export const MessageList = React.memo(({ messages, isExpanded = false, forceStat
         (b.stage === "running" ||
             b.stage === "streaming" ||
             b.stage === "start")) ||
-        (b.type === "bang" && b.stage === "running");
+        (b.type === "bang" && b.stage === "running") ||
+        (b.type === "reasoning" && b.stage === "streaming");
     // Flatten messages into blocks with metadata
-    // Filter out streaming text/reasoning blocks to avoid frequent height changes
+    // Filter out streaming text blocks to avoid frequent height changes,
+    // but allow streaming reasoning blocks (rendered as truncated gray text)
     const allBlocks = visibleMessages.flatMap((message, messageIndex) => {
         return message.blocks
-            .filter((block) => !((block.type === "text" || block.type === "reasoning") &&
-            block.stage === "streaming"))
+            .filter((block) => !(block.type === "text" && block.stage === "streaming"))
             .map((block, blockIndex) => ({
             block,
             message,

package/dist/components/ReasoningDisplay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReasoningDisplay.d.ts","sourceRoot":"","sources":["../../src/components/ReasoningDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGrD,UAAU,qBAAqB;IAC7B,KAAK,EAAE,cAAc,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA4B5D,CAAC"}
+{"version":3,"file":"ReasoningDisplay.d.ts","sourceRoot":"","sources":["../../src/components/ReasoningDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGrD,UAAU,qBAAqB;IAC7B,KAAK,EAAE,cAAc,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAmC5D,CAAC"}

package/dist/components/ReasoningDisplay.js

@@ -2,9 +2,12 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Box, Text } from "ink";
 import { Markdown } from "./Markdown.js";
 export const ReasoningDisplay = ({ block, isExpanded = false, }) => {
-    const { content } = block;
+    const { content, stage } = block;
     if (!content || !content.trim()) {
         return null;
     }
-    return (_jsx(Box, { borderRight: false, borderTop: false, borderBottom: false, borderStyle: "classic", borderColor: "blue", paddingLeft: 1, children: _jsx(Box, { flexDirection: "column", children: isExpanded ? (_jsx(Text, { color: "white", children: content })) : (_jsx(Markdown, { children: content })) }) }));
+    return (_jsx(Box, { borderRight: false, borderTop: false, borderBottom: false, borderStyle: "classic", borderColor: "blue", paddingLeft: 1, children: _jsx(Box, { flexDirection: "column", children: isExpanded ? (_jsx(Text, { color: "white", children: content })) : stage === "streaming" ? (_jsx(Text, { color: "gray", wrap: "truncate-end", children: ` ${(() => {
+                    const flat = content.replace(/\n/g, "\\n");
+                    return flat.length > 30 ? `…${flat.slice(-30)}` : flat;
+                })()}` })) : (_jsx(Markdown, { children: content })) }) }));
 };

package/dist/contexts/useChat.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { Message, McpServerStatus, BackgroundTask, Task, SlashCommand, PermissionDecision, PermissionMode } from "wave-agent-sdk";
+import type { Message, McpServerStatus, BackgroundTask, Task, SlashCommand, PermissionDecision, PermissionMode, QueuedMessage } from "wave-agent-sdk";
 import { BaseAppProps } from "../types.js";
 export interface ChatContextType {
     messages: Message[];
@@ -9,14 +9,7 @@ export interface ChatContextType {
     isExpanded: boolean;
     isTaskListVisible: boolean;
     setIsTaskListVisible: (visible: boolean) => void;
-    queuedMessages: Array<{
-        content: string;
-        images?: Array<{
-            path: string;
-            mimeType: string;
-        }>;
-        longTextMap?: Record<string, string>;
-    }>;
+    queuedMessages: QueuedMessage[];
     sessionId: string;
     sendMessage: (content: string, images?: Array<{
         path: string;

package/dist/contexts/useChat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useChat.d.ts","sourceRoot":"","sources":["../../src/contexts/useChat.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"useChat.d.ts","sourceRoot":"","sources":["../../src/contexts/useChat.tsx"],"names":[],"mappings":"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"}

package/dist/contexts/useChat.js

@@ -22,7 +22,6 @@ export const ChatProvider = ({ children, bypassPermissions, permissionMode: init
     const [isExpanded, setIsExpanded] = useState(false);
     const isExpandedRef = useRef(isExpanded);
     const [isTaskListVisible, setIsTaskListVisible] = useState(true);
-    const [queuedMessages, setQueuedMessages] = useState([]);
     const [messages, setMessages] = useState([]);
     const throttledSetMessages = useMemo(() => throttle(() => {
         if (!isExpandedRef.current && agentRef.current) {
@@ -52,6 +51,7 @@ export const ChatProvider = ({ children, bypassPermissions, permissionMode: init
     const [isCompressing, setIsCompressing] = useState(false);
     const [currentModel, setCurrentModelState] = useState("");
     const [configuredModels, setConfiguredModels] = useState([]);
+    const [queuedMessages, setQueuedMessages] = useState([]);
     // MCP State
     const [mcpServers, setMcpServers] = useState([]);
     // Background tasks state
@@ -150,23 +150,27 @@ export const ChatProvider = ({ children, bypassPermissions, permissionMode: init
                 onLoadingChange: (loading) => {
                     setIsLoading(loading);
                 },
+                onCommandRunningChange: (running) => {
+                    setIsCommandRunning(running);
+                },
+                onQueuedMessagesChange: (messages) => {
+                    setQueuedMessages([...messages]);
+                },
             };
             try {
                 // Create the permission callback inside the try block to access showConfirmation
-                const permissionCallback = bypassPermissions
-                    ? undefined
-                    : async (context) => {
-                        try {
-                            return await showConfirmation(context.toolName, context.toolInput, context.suggestedPrefix, context.hidePersistentOption, context.planContent);
-                        }
-                        catch {
-                            // If confirmation was cancelled or failed, deny the operation
-                            return {
-                                behavior: "deny",
-                                message: OPERATION_CANCELLED_BY_USER,
-                            };
-                        }
-                    };
+                const permissionCallback = async (context) => {
+                    try {
+                        return await showConfirmation(context.toolName, context.toolInput, context.suggestedPrefix, context.hidePersistentOption, context.planContent);
+                    }
+                    catch {
+                        // If confirmation was cancelled or failed, deny the operation
+                        return {
+                            behavior: "deny",
+                            message: OPERATION_CANCELLED_BY_USER,
+                        };
+                    }
+                };
                 const agent = await Agent.create({
                     callbacks,
                     restoreSessionId,
@@ -249,13 +253,6 @@ export const ChatProvider = ({ children, bypassPermissions, permissionMode: init
         const hasImageAttachments = images && images.length > 0;
         if (!hasTextContent && !hasImageAttachments)
             return;
-        if (isLoading || isCommandRunning) {
-            setQueuedMessages((prev) => [
-                ...prev,
-                { content, images, longTextMap },
-            ]);
-            return;
-        }
         try {
             const expandedContent = longTextMap
                 ? expandLongTextPlaceholders(content, longTextMap)
@@ -266,13 +263,7 @@ export const ChatProvider = ({ children, bypassPermissions, permissionMode: init
                 !hasImageAttachments) {
                 const command = expandedContent.substring(1).trim();
                 if (command) {
-                    setIsCommandRunning(true);
-                    try {
-                        await agentRef.current?.bang(command);
-                    }
-                    finally {
-                        setIsCommandRunning(false);
-                    }
+                    await agentRef.current?.bang(command);
                     return;
                 }
             }
@@ -286,24 +277,15 @@ export const ChatProvider = ({ children, bypassPermissions, permissionMode: init
         catch (error) {
             console.error("Failed to send message:", error);
         }
-    }, [isLoading, isCommandRunning]);
+    }, []);
     const askBtw = useCallback(async (question) => {
         if (!agentRef.current) {
             throw new Error("Agent not initialized");
         }
         return await agentRef.current.askBtw(question);
     }, []);
-    // Process queued messages when idle
-    useEffect(() => {
-        if (!isLoading && !isCommandRunning && queuedMessages.length > 0) {
-            const nextMessage = queuedMessages[0];
-            setQueuedMessages((prev) => prev.slice(1));
-            sendMessage(nextMessage.content, nextMessage.images, nextMessage.longTextMap);
-        }
-    }, [isLoading, isCommandRunning, queuedMessages, sendMessage]);
     // Unified interrupt method, interrupt both AI messages and command execution
     const abortMessage = useCallback(() => {
-        setQueuedMessages([]);
         agentRef.current?.abortMessage();
     }, []);
     // Permission management methods

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wave-code",
-  "version": "0.13.4",
+  "version": "0.13.5",
   "description": "CLI-based code assistant powered by AI, built with React and Ink",
   "repository": {
     "type": "git",
@@ -42,7 +42,7 @@
     "semver": "^7.7.4",
     "yargs": "^17.7.2",
     "zod": "^3.23.8",
-    "wave-agent-sdk": "0.13.4"
+    "wave-agent-sdk": "0.13.5"
   },
   "devDependencies": {
     "@types/react": "^19.1.8",

package/src/components/ChatInterface.tsx

@@ -109,6 +109,7 @@ export const ChatInterface: React.FC = () => {
             <Static items={[{ key: "confirmation-details" }]}>
               {() => (
                 <ConfirmationDetails
+                  key="confirmation-details"
                   toolName={confirmingTool!.name}
                   toolInput={confirmingTool!.input}
                   planContent={confirmingTool!.planContent}

package/src/components/MessageBlockItem.tsx

@@ -38,6 +38,13 @@ export const MessageBlockItem = ({
             >
               {block.content}
             </Text>
+          ) : block.stage === "streaming" ? (
+            <Text color="gray" wrap="truncate-end">
+              {(() => {
+                const flat = block.content.replace(/\n/g, "\\n");
+                return flat.length > 30 ? `…${flat.slice(-30)}` : flat;
+              })()}
+            </Text>
           ) : (
             <Markdown>{block.content}</Markdown>
           )}

package/src/components/MessageList.tsx

@@ -42,18 +42,16 @@ export const MessageList = React.memo(
         (b.stage === "running" ||
           b.stage === "streaming" ||
           b.stage === "start")) ||
-      (b.type === "bang" && b.stage === "running");
+      (b.type === "bang" && b.stage === "running") ||
+      (b.type === "reasoning" && b.stage === "streaming");
 
     // Flatten messages into blocks with metadata
-    // Filter out streaming text/reasoning blocks to avoid frequent height changes
+    // Filter out streaming text blocks to avoid frequent height changes,
+    // but allow streaming reasoning blocks (rendered as truncated gray text)
     const allBlocks = visibleMessages.flatMap((message, messageIndex) => {
       return message.blocks
         .filter(
-          (block) =>
-            !(
-              (block.type === "text" || block.type === "reasoning") &&
-              block.stage === "streaming"
-            ),
+          (block) => !(block.type === "text" && block.stage === "streaming"),
         )
         .map((block, blockIndex) => ({
           block,

package/src/components/ReasoningDisplay.tsx

@@ -12,7 +12,7 @@ export const ReasoningDisplay: React.FC<ReasoningDisplayProps> = ({
   block,
   isExpanded = false,
 }) => {
-  const { content } = block;
+  const { content, stage } = block;
 
   if (!content || !content.trim()) {
     return null;
@@ -30,6 +30,13 @@ export const ReasoningDisplay: React.FC<ReasoningDisplayProps> = ({
       <Box flexDirection="column">
         {isExpanded ? (
           <Text color="white">{content}</Text>
+        ) : stage === "streaming" ? (
+          <Text color="gray" wrap="truncate-end">
+            {` ${(() => {
+              const flat = content.replace(/\n/g, "\\n");
+              return flat.length > 30 ? `…${flat.slice(-30)}` : flat;
+            })()}`}
+          </Text>
         ) : (
           <Markdown>{content}</Markdown>
         )}

package/src/contexts/useChat.tsx

@@ -17,6 +17,7 @@ import type {
   SlashCommand,
   PermissionDecision,
   PermissionMode,
+  QueuedMessage,
 } from "wave-agent-sdk";
 import {
   Agent,
@@ -41,11 +42,7 @@ export interface ChatContextType {
   isExpanded: boolean;
   isTaskListVisible: boolean;
   setIsTaskListVisible: (visible: boolean) => void;
-  queuedMessages: Array<{
-    content: string;
-    images?: Array<{ path: string; mimeType: string }>;
-    longTextMap?: Record<string, string>;
-  }>;
+  queuedMessages: QueuedMessage[];
   // AI functionality
   sessionId: string;
   sendMessage: (
@@ -158,14 +155,6 @@ export const ChatProvider: React.FC<ChatProviderProps> = ({
 
   const [isTaskListVisible, setIsTaskListVisible] = useState(true);
 
-  const [queuedMessages, setQueuedMessages] = useState<
-    Array<{
-      content: string;
-      images?: Array<{ path: string; mimeType: string }>;
-      longTextMap?: Record<string, string>;
-    }>
-  >([]);
-
   const [messages, setMessages] = useState<Message[]>([]);
 
   const throttledSetMessages = useMemo(
@@ -216,6 +205,7 @@ export const ChatProvider: React.FC<ChatProviderProps> = ({
   const [isCompressing, setIsCompressing] = useState(false);
   const [currentModel, setCurrentModelState] = useState("");
   const [configuredModels, setConfiguredModels] = useState<string[]>([]);
+  const [queuedMessages, setQueuedMessages] = useState<QueuedMessage[]>([]);
 
   // MCP State
   const [mcpServers, setMcpServers] = useState<McpServerStatus[]>([]);
@@ -378,31 +368,35 @@ export const ChatProvider: React.FC<ChatProviderProps> = ({
         onLoadingChange: (loading) => {
           setIsLoading(loading);
         },
+        onCommandRunningChange: (running) => {
+          setIsCommandRunning(running);
+        },
+        onQueuedMessagesChange: (messages) => {
+          setQueuedMessages([...messages]);
+        },
       };
 
       try {
         // Create the permission callback inside the try block to access showConfirmation
-        const permissionCallback = bypassPermissions
-          ? undefined
-          : async (
-              context: ToolPermissionContext,
-            ): Promise<PermissionDecision> => {
-              try {
-                return await showConfirmation(
-                  context.toolName,
-                  context.toolInput,
-                  context.suggestedPrefix,
-                  context.hidePersistentOption,
-                  context.planContent,
-                );
-              } catch {
-                // If confirmation was cancelled or failed, deny the operation
-                return {
-                  behavior: "deny",
-                  message: OPERATION_CANCELLED_BY_USER,
-                };
-              }
+        const permissionCallback = async (
+          context: ToolPermissionContext,
+        ): Promise<PermissionDecision> => {
+          try {
+            return await showConfirmation(
+              context.toolName,
+              context.toolInput,
+              context.suggestedPrefix,
+              context.hidePersistentOption,
+              context.planContent,
+            );
+          } catch {
+            // If confirmation was cancelled or failed, deny the operation
+            return {
+              behavior: "deny",
+              message: OPERATION_CANCELLED_BY_USER,
             };
+          }
+        };
 
         const agent = await Agent.create({
           callbacks,
@@ -499,14 +493,6 @@ export const ChatProvider: React.FC<ChatProviderProps> = ({
 
       if (!hasTextContent && !hasImageAttachments) return;
 
-      if (isLoading || isCommandRunning) {
-        setQueuedMessages((prev) => [
-          ...prev,
-          { content, images, longTextMap },
-        ]);
-        return;
-      }
-
       try {
         const expandedContent = longTextMap
           ? expandLongTextPlaceholders(content, longTextMap)
@@ -520,12 +506,7 @@ export const ChatProvider: React.FC<ChatProviderProps> = ({
         ) {
           const command = expandedContent.substring(1).trim();
           if (command) {
-            setIsCommandRunning(true);
-            try {
-              await agentRef.current?.bang(command);
-            } finally {
-              setIsCommandRunning(false);
-            }
+            await agentRef.current?.bang(command);
             return;
           }
         }
@@ -539,7 +520,7 @@ export const ChatProvider: React.FC<ChatProviderProps> = ({
         console.error("Failed to send message:", error);
       }
     },
-    [isLoading, isCommandRunning],
+    [],
   );
 
   const askBtw = useCallback(async (question: string) => {
@@ -549,22 +530,8 @@ export const ChatProvider: React.FC<ChatProviderProps> = ({
     return await agentRef.current.askBtw(question);
   }, []);
 
-  // Process queued messages when idle
-  useEffect(() => {
-    if (!isLoading && !isCommandRunning && queuedMessages.length > 0) {
-      const nextMessage = queuedMessages[0];
-      setQueuedMessages((prev) => prev.slice(1));
-      sendMessage(
-        nextMessage.content,
-        nextMessage.images,
-        nextMessage.longTextMap,
-      );
-    }
-  }, [isLoading, isCommandRunning, queuedMessages, sendMessage]);
-
   // Unified interrupt method, interrupt both AI messages and command execution
   const abortMessage = useCallback(() => {
-    setQueuedMessages([]);
     agentRef.current?.abortMessage();
   }, []);