wave-code 0.6.1 → 0.6.2

package/src/components/LoadingIndicator.tsx

@@ -18,7 +18,7 @@ export const LoadingIndicator = ({
     <Box flexDirection="column">
       {isLoading && (
         <Box>
-          <Text color="yellow">💭 AI is thinking... </Text>
+          <Text color="yellow">✻ AI is thinking... </Text>
           {latestTotalTokens > 0 && (
             <>
               <Text color="gray" dimColor>

package/src/components/MessageItem.tsx

@@ -3,9 +3,8 @@ import { Box, Text } from "ink";
 import type { Message } from "wave-agent-sdk";
 import { MessageSource } from "wave-agent-sdk";
 import { CommandOutputDisplay } from "./CommandOutputDisplay.js";
-import { ToolResultDisplay } from "./ToolResultDisplay.js";
+import { ToolDisplay } from "./ToolDisplay.js";
 import { CompressDisplay } from "./CompressDisplay.js";
-import { SubagentBlock } from "./SubagentBlock.js";
 import { ReasoningDisplay } from "./ReasoningDisplay.js";
 import { Markdown } from "./Markdown.js";
 
@@ -15,23 +14,11 @@ export interface MessageItemProps {
   shouldShowHeader: boolean;
 }
 
-export const MessageItem = ({
-  message,
-  isExpanded,
-  shouldShowHeader,
-}: MessageItemProps) => {
+export const MessageItem = ({ message, isExpanded }: MessageItemProps) => {
   if (message.blocks.length === 0) return null;
 
   return (
     <Box flexDirection="column" gap={1} marginTop={1}>
-      {shouldShowHeader && (
-        <Box>
-          <Text color={message.role === "user" ? "cyan" : "green"} bold>
-            {message.role === "user" ? "👤 You" : "🤖 Assistant"}
-          </Text>
-        </Box>
-      )}
-
       <Box flexDirection="column" gap={1}>
         {message.blocks.map((block, blockIndex) => (
           <Box key={blockIndex}>
@@ -39,15 +26,21 @@ export const MessageItem = ({
               <Box>
                 {block.customCommandContent && (
                   <Text color="cyan" bold>
-                    ⚡{" "}
+                    ⚡
                   </Text>
                 )}
                 {block.source === MessageSource.HOOK && (
                   <Text color="magenta" bold>
-                    🔗{" "}
+                    🔗
+                  </Text>
+                )}
+                {message.role === "user" ? (
+                  <Text backgroundColor="gray" color="white">
+                    {block.content}
                   </Text>
+                ) : (
+                  <Markdown>{block.content}</Markdown>
                 )}
-                <Markdown>{block.content}</Markdown>
               </Box>
             )}
 
@@ -62,7 +55,7 @@ export const MessageItem = ({
             )}
 
             {block.type === "tool" && (
-              <ToolResultDisplay block={block} isExpanded={isExpanded} />
+              <ToolDisplay block={block} isExpanded={isExpanded} />
             )}
 
             {block.type === "image" && (
@@ -83,8 +76,6 @@ export const MessageItem = ({
               <CompressDisplay block={block} isExpanded={isExpanded} />
             )}
 
-            {block.type === "subagent" && <SubagentBlock block={block} />}
-
             {block.type === "reasoning" && <ReasoningDisplay block={block} />}
           </Box>
         ))}

package/src/components/MessageList.tsx

@@ -1,6 +1,12 @@
 import React from "react";
 import { Box, Text, Static } from "ink";
 import type { Message } from "wave-agent-sdk";
+import {
+  TASK_CREATE_TOOL_NAME,
+  TASK_GET_TOOL_NAME,
+  TASK_UPDATE_TOOL_NAME,
+  TASK_LIST_TOOL_NAME,
+} from "wave-agent-sdk";
 import { MessageItem } from "./MessageItem.js";
 
 export interface MessageListProps {
@@ -34,16 +40,43 @@ export const MessageList = React.memo(
     const maxExpandedMessages = 20;
     const shouldLimitMessages =
       isExpanded && messages.length > maxExpandedMessages;
+
+    // Filter out task management tools and empty messages
+    const taskMgmtTools = [
+      TASK_CREATE_TOOL_NAME,
+      TASK_GET_TOOL_NAME,
+      TASK_UPDATE_TOOL_NAME,
+      TASK_LIST_TOOL_NAME,
+    ];
+    const filteredMessages = messages
+      .map((message) => ({
+        ...message,
+        blocks: message.blocks.filter(
+          (block) =>
+            !(
+              block.type === "tool" &&
+              typeof block.name === "string" &&
+              taskMgmtTools.includes(block.name)
+            ),
+        ),
+      }))
+      .filter((message) => message.blocks.length > 0);
+
     const displayMessages = shouldLimitMessages
-      ? messages.slice(-maxExpandedMessages)
-      : messages;
-    const omittedCount = shouldLimitMessages
-      ? messages.length - maxExpandedMessages
-      : 0;
+      ? filteredMessages.slice(-maxExpandedMessages)
+      : filteredMessages;
 
     // Compute which messages to render statically vs dynamically
+    const lastMessage = displayMessages[displayMessages.length - 1];
+    const hasNonEndTool = lastMessage?.blocks.some(
+      (block) => block.type === "tool" && block.stage !== "end",
+    );
+    const hasRunningCommand = lastMessage?.blocks.some(
+      (block) => block.type === "command_output" && block.isRunning,
+    );
     const shouldRenderLastDynamic =
-      !forceStaticLastMessage && (isLoading || isCommandRunning);
+      !forceStaticLastMessage &&
+      (isLoading || isCommandRunning || hasNonEndTool || hasRunningCommand);
     const staticMessages = shouldRenderLastDynamic
       ? displayMessages.slice(0, -1)
       : displayMessages;
@@ -53,17 +86,7 @@ export const MessageList = React.memo(
         : [];
 
     return (
-      <Box flexDirection="column" gap={1} paddingBottom={1}>
-        {/* Show omitted message count when limiting */}
-        {omittedCount > 0 && (
-          <Box>
-            <Text color="gray" dimColor>
-              ... {omittedCount} earlier message{omittedCount !== 1 ? "s" : ""}{" "}
-              omitted (showing latest {maxExpandedMessages})
-            </Text>
-          </Box>
-        )}
-
+      <Box flexDirection="column" paddingBottom={1}>
         {/* Static messages */}
         <Static items={staticMessages}>
           {(message, key) => {

package/src/components/RewindCommand.tsx

@@ -143,7 +143,7 @@ export const RewindCommand: React.FC<RewindCommandProps> = ({
       <Box>
         <Text color="red" dimColor>
           ⚠️ Warning: This will delete all subsequent messages and revert file
-          changes.
+          and task list changes.
         </Text>
       </Box>
     </Box>

package/src/components/TaskList.tsx

@@ -1,14 +1,11 @@
 import React from "react";
 import { useChat } from "../contexts/useChat.js";
-import { Box, Text, useStdout } from "ink";
+import { Box, Text } from "ink";
 import { useTasks } from "../hooks/useTasks.js";
 
 export const TaskList: React.FC = () => {
   const tasks = useTasks();
   const { isTaskListVisible } = useChat();
-  const { stdout } = useStdout();
-  const terminalWidth = stdout?.columns ?? 80;
-  const maxSubjectWidth = Math.max(20, terminalWidth - 10);
 
   if (tasks.length === 0 || !isTaskListVisible) {
     return null;
@@ -20,9 +17,9 @@ export const TaskList: React.FC = () => {
     }
     switch (status) {
       case "pending":
-        return <Text color="gray">○</Text>;
+        return <Text color="gray">□</Text>;
       case "in_progress":
-        return <Text color="yellow">●</Text>;
+        return <Text color="yellow">■</Text>;
       case "completed":
         return <Text color="green">✓</Text>;
       case "deleted":
@@ -32,13 +29,6 @@ export const TaskList: React.FC = () => {
     }
   };
 
-  const truncate = (text: string, maxWidth: number) => {
-    if (text.length <= maxWidth) {
-      return text;
-    }
-    return text.slice(0, maxWidth - 3) + "...";
-  };
-
   return (
     <Box flexDirection="column">
       {tasks.map((task) => {
@@ -59,9 +49,7 @@ export const TaskList: React.FC = () => {
         return (
           <Box key={task.id} gap={1}>
             {getStatusIcon(task.status, isBlocked)}
-            <Text dimColor={isDimmed}>
-              {truncate(fullText, maxSubjectWidth)}
-            </Text>
+            <Text dimColor={isDimmed}>{fullText}</Text>
           </Box>
         );
       })}

package/src/components/{ToolResultDisplay.tsx → ToolDisplay.tsx}

@@ -3,12 +3,12 @@ import { Box, Text } from "ink";
 import type { ToolBlock } from "wave-agent-sdk";
 import { DiffDisplay } from "./DiffDisplay.js";
 
-interface ToolResultDisplayProps {
+interface ToolDisplayProps {
   block: ToolBlock;
   isExpanded?: boolean;
 }
 
-export const ToolResultDisplay: React.FC<ToolResultDisplayProps> = ({
+export const ToolDisplay: React.FC<ToolDisplayProps> = ({
   block,
   isExpanded = false,
 }) => {
@@ -25,13 +25,6 @@ export const ToolResultDisplay: React.FC<ToolResultDisplayProps> = ({
     return "gray"; // Unknown state or no state information
   };
 
-  const getStatusText = () => {
-    if (stage === "running") return "🔄";
-    if (success) return "";
-    if (error || success === false) return "❌";
-    return ""; // Don't display text for unknown state
-  };
-
   const hasImages = () => {
     return block.images && block.images.length > 0;
   };
@@ -44,9 +37,6 @@ export const ToolResultDisplay: React.FC<ToolResultDisplayProps> = ({
 
   const toolName = name ? String(name) : "Tool";
 
-  const isBackgroundable =
-    stage === "running" && (toolName === "Bash" || toolName === "Task");
-
   // Get shortResult, if not available show last 5 lines of result
   const getShortResult = () => {
     if (block.shortResult) {
@@ -70,16 +60,16 @@ export const ToolResultDisplay: React.FC<ToolResultDisplayProps> = ({
   return (
     <Box flexDirection="column">
       <Box>
-        <Text color="magenta">🔧 </Text>
-        <Text color="white">{toolName}</Text>
+        <Box flexShrink={0}>
+          <Text color={getStatusColor()}>● </Text>
+          <Text color="white">{toolName}</Text>
+        </Box>
         {/* Display compactParams in collapsed state */}
         {!isExpanded && compactParams && (
           <Text color="gray"> {compactParams}</Text>
         )}
-        <Text color={getStatusColor()}> {getStatusText()}</Text>
         {/* Display image indicator */}
         {hasImages() && <Text color="blue"> {getImageIndicator()}</Text>}
-        {isBackgroundable && <Text color="gray"> [Ctrl-B] Background</Text>}
       </Box>
 
       {/* Display shortResult in collapsed state */}

package/src/contexts/useChat.tsx

@@ -119,6 +119,13 @@ export const ChatProvider: React.FC<ChatProviderProps> = ({
 
   // Message Display State
   const [isExpanded, setIsExpanded] = useState(false);
+  const isExpandedRef = useRef(isExpanded);
+  const frozenMessagesRef = useRef<Message[] | null>(null);
+
+  useEffect(() => {
+    isExpandedRef.current = isExpanded;
+  }, [isExpanded]);
+
   const [isTaskListVisible, setIsTaskListVisible] = useState(true);
 
   // AI State
@@ -220,7 +227,11 @@ export const ChatProvider: React.FC<ChatProviderProps> = ({
     const initializeAgent = async () => {
       const callbacks: AgentCallbacks = {
         onMessagesChange: (newMessages) => {
-          setMessages([...newMessages]);
+          if (isExpandedRef.current) {
+            frozenMessagesRef.current = [...newMessages];
+          } else {
+            setMessages([...newMessages]);
+          }
         },
         onServersChange: (servers) => {
           setMcpServers([...servers]);
@@ -517,6 +528,10 @@ export const ChatProvider: React.FC<ChatProviderProps> = ({
       // Clear terminal screen when expanded state changes
       setIsExpanded((prev) => {
         const newExpanded = !prev;
+        if (!newExpanded && frozenMessagesRef.current) {
+          setMessages(frozenMessagesRef.current);
+          frozenMessagesRef.current = null;
+        }
         return newExpanded;
       });
     }

package/src/hooks/useInputManager.ts

@@ -37,6 +37,7 @@ export const useInputManager = (
     useState(false);
   const [showMcpManager, setShowMcpManager] = useState(false);
   const [showRewindManager, setShowRewindManager] = useState(false);
+  const [showHelp, setShowHelp] = useState(false);
   const [permissionMode, setPermissionModeState] =
     useState<PermissionMode>("default");
   const [attachedImages, setAttachedImages] = useState<AttachedImage[]>([]);
@@ -67,6 +68,9 @@ export const useInputManager = (
         onRewindManagerStateChange: (show) => {
           setShowRewindManager(show);
         },
+        onHelpStateChange: (show) => {
+          setShowHelp(show);
+        },
         onPermissionModeChange: (mode) => {
           setPermissionModeState(mode);
           callbacks.onPermissionModeChange?.(mode);
@@ -101,6 +105,9 @@ export const useInputManager = (
         onRewindManagerStateChange: (show) => {
           setShowRewindManager(show);
         },
+        onHelpStateChange: (show) => {
+          setShowHelp(show);
+        },
         onPermissionModeChange: (mode) => {
           setPermissionModeState(mode);
           callbacks.onPermissionModeChange?.(mode);
@@ -150,14 +157,6 @@ export const useInputManager = (
     managerRef.current?.moveCursorRight();
   }, []);
 
-  const moveCursorToStart = useCallback(() => {
-    managerRef.current?.moveCursorToStart();
-  }, []);
-
-  const moveCursorToEnd = useCallback(() => {
-    managerRef.current?.moveCursorToEnd();
-  }, []);
-
   // File selector methods
   const activateFileSelector = useCallback((position: number) => {
     managerRef.current?.activateFileSelector(position);
@@ -268,6 +267,7 @@ export const useInputManager = (
     showBackgroundTaskManager,
     showMcpManager,
     showRewindManager,
+    showHelp,
     permissionMode,
     attachedImages,
     isManagerReady,
@@ -278,8 +278,6 @@ export const useInputManager = (
     clearInput,
     moveCursorLeft,
     moveCursorRight,
-    moveCursorToStart,
-    moveCursorToEnd,
 
     // File selector
     activateFileSelector,
@@ -314,6 +312,10 @@ export const useInputManager = (
       managerRef.current?.setShowRewindManager(show);
       setShowRewindManager(show);
     }, []),
+    setShowHelp: useCallback((show: boolean) => {
+      managerRef.current?.setShowHelp(show);
+      setShowHelp(show);
+    }, []),
     setPermissionMode: useCallback((mode: PermissionMode) => {
       setPermissionModeState(mode);
       managerRef.current?.setPermissionMode(mode);

package/src/managers/InputManager.ts

@@ -32,6 +32,7 @@ export interface InputManagerCallbacks {
   onBackgroundTaskManagerStateChange?: (show: boolean) => void;
   onMcpManagerStateChange?: (show: boolean) => void;
   onRewindManagerStateChange?: (show: boolean) => void;
+  onHelpStateChange?: (show: boolean) => void;
   onImagesStateChange?: (images: AttachedImage[]) => void;
   onSendMessage?: (
     content: string,
@@ -84,6 +85,7 @@ export class InputManager {
   private showBackgroundTaskManager: boolean = false;
   private showMcpManager: boolean = false;
   private showRewindManager: boolean = false;
+  private showHelp: boolean = false;
 
   // Permission mode state
   private permissionMode: PermissionMode = "default";
@@ -181,14 +183,6 @@ export class InputManager {
     this.setCursorPosition(this.cursorPosition + 1);
   }
 
-  moveCursorToStart(): void {
-    this.setCursorPosition(0);
-  }
-
-  moveCursorToEnd(): void {
-    this.setCursorPosition(this.inputText.length);
-  }
-
   // File selector methods
   private async searchFiles(query: string): Promise<void> {
     try {
@@ -357,6 +351,9 @@ export class InputManager {
           } else if (command === "rewind") {
             this.setShowRewindManager(true);
             commandExecuted = true;
+          } else if (command === "help") {
+            this.setShowHelp(true);
+            commandExecuted = true;
           }
         }
       })();
@@ -661,6 +658,15 @@ export class InputManager {
     this.callbacks.onRewindManagerStateChange?.(show);
   }
 
+  getShowHelp(): boolean {
+    return this.showHelp;
+  }
+
+  setShowHelp(show: boolean): void {
+    this.showHelp = show;
+    this.callbacks.onHelpStateChange?.(show);
+  }
+
   // Permission mode methods
   getPermissionMode(): PermissionMode {
     return this.permissionMode;
@@ -854,16 +860,6 @@ export class InputManager {
       return true;
     }
 
-    if (("home" in key && key.home) || (key.ctrl && input === "a")) {
-      this.moveCursorToStart();
-      return true;
-    }
-
-    if (("end" in key && key.end) || (key.ctrl && input === "e")) {
-      this.moveCursorToEnd();
-      return true;
-    }
-
     // Handle Ctrl+V for pasting images
     if (key.ctrl && input === "v") {
       this.handlePasteImage().catch((error) => {
@@ -947,14 +943,16 @@ export class InputManager {
       this.showHistorySearch ||
       this.showBackgroundTaskManager ||
       this.showMcpManager ||
-      this.showRewindManager
+      this.showRewindManager ||
+      this.showHelp
     ) {
       if (
         this.showBackgroundTaskManager ||
         this.showMcpManager ||
-        this.showRewindManager
+        this.showRewindManager ||
+        this.showHelp
       ) {
-        // Task manager, MCP manager and Rewind don't need to handle input, handled by component itself
+        // Task manager, MCP manager, Rewind and Help don't need to handle input, handled by component itself
         // Return true to indicate we've "handled" it (by ignoring it) so it doesn't leak to normal input
         return true;
       }

package/src/print-cli.ts

@@ -76,42 +76,10 @@ export async function startPrintCli(options: PrintCliOptions): Promise<void> {
       process.stdout.write(chunk);
     },
 
-    // Tool block callback - display tool name when tool starts
-    onToolBlockUpdated: (params) => {
-      // Print tool name only during 'running' stage (happens once per tool call)
-      if (params.stage === "running" && params.name) {
-        process.stdout.write(`\n🔧 ${params.name}`);
-        if (params.compactParams) {
-          process.stdout.write(` ${params.compactParams}`);
-        }
-        process.stdout.write(`\n`);
-      }
-    },
-
-    // Subagent block callbacks
-    onSubAgentBlockAdded: (subagentId: string, parameters) => {
-      // Display subagent creation with indentation
-      process.stdout.write(
-        `\n🤖 Subagent [${parameters.subagent_type}]: ${parameters.description}\n`,
-      );
-    },
-    onSubAgentBlockUpdated: (subagentId: string, status) => {
-      // Display subagent status updates
-      const statusIconMap = {
-        active: "🔄",
-        completed: "✅",
-        error: "❌",
-        aborted: "⚠️",
-      } as const;
-
-      const statusIcon = statusIconMap[status] ?? "🔄";
-      process.stdout.write(`   ${statusIcon} Subagent status: ${status}\n`);
-    },
     // Subagent message callbacks
     onSubagentAssistantMessageAdded: (subagentId: string) => {
       subagentReasoningStates.set(subagentId, false);
       subagentContentStates.set(subagentId, false);
-      // Subagent assistant message started - add indentation
       process.stdout.write("\n   ");
     },
     onSubagentAssistantReasoningUpdated: (
@@ -132,13 +100,27 @@ export async function startPrintCli(options: PrintCliOptions): Promise<void> {
         process.stdout.write("\n   📝 Response: ");
         subagentContentStates.set(subagentId, true);
       }
-      // Stream subagent content with indentation - output only the new chunk
       process.stdout.write(chunk);
     },
-    onSubagentUserMessageAdded: (_subagentId: string, params) => {
-      // Display subagent user messages with indentation
+    onSubagentUserMessageAdded: (
+      _subagentId: string,
+      params: { content: string },
+    ) => {
       process.stdout.write(`\n   👤 User: ${params.content}\n`);
     },
+
+    // Tool block callback - display tool name when tool starts
+    onToolBlockUpdated: (params) => {
+      // Print tool name only during 'running' stage (happens once per tool call)
+      if (params.stage === "running" && params.name) {
+        process.stdout.write(`\n🔧 ${params.name}`);
+        if (params.compactParams) {
+          process.stdout.write(` ${params.compactParams}`);
+        }
+        process.stdout.write(`\n`);
+      }
+    },
+
     // Error block callback
     onErrorBlockAdded: (error: string) => {
       // Display error blocks with distinct formatting

package/dist/components/SubagentBlock.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import type { SubagentBlock as SubagentBlockType } from "wave-agent-sdk";
-interface SubagentBlockProps {
-    block: SubagentBlockType;
-}
-export declare const SubagentBlock: React.FC<SubagentBlockProps>;
-export {};
-//# sourceMappingURL=SubagentBlock.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SubagentBlock.d.ts","sourceRoot":"","sources":["../../src/components/SubagentBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,aAAa,IAAI,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAIzE,UAAU,kBAAkB;IAC1B,KAAK,EAAE,iBAAiB,CAAC;CAC1B;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA6ItD,CAAC"}

package/dist/components/SubagentBlock.js

@@ -1,73 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { Box, Text } from "ink";
-import { useChat } from "../contexts/useChat.js";
-import { Markdown } from "./Markdown.js";
-export const SubagentBlock = ({ block }) => {
-    const { subagentMessages, subagentLatestTokens } = useChat();
-    // Get messages for this subagent from context
-    const messages = useMemo(() => subagentMessages[block.subagentId] || [], [subagentMessages, block.subagentId]);
-    // Get latest turn tokens for this subagent
-    const latestTurnTokens = subagentLatestTokens[block.subagentId] || 0;
-    // If the subagent is running in the background, don't show the block
-    if (block.runInBackground) {
-        return null;
-    }
-    // Status indicator mapping
-    const getStatusIndicator = (status) => {
-        switch (status) {
-            case "active":
-                return { icon: "🔄", color: "yellow" };
-            case "completed":
-                return { icon: "✅", color: "green" };
-            case "error":
-                return { icon: "❌", color: "red" };
-            case "aborted":
-                return { icon: "⏹️", color: "gray" };
-            default:
-                return { icon: "⏳", color: "gray" };
-        }
-    };
-    const statusInfo = getStatusIndicator(block.status);
-    // Find the last 2 tool names and their compact params, and count total tools
-    const getLastTwoTools = () => {
-        const tools = [];
-        let totalToolCount = 0;
-        for (let i = messages.length - 1; i >= 0; i--) {
-            const message = messages[i];
-            for (let j = message.blocks.length - 1; j >= 0; j--) {
-                const messageBlock = message.blocks[j];
-                if (messageBlock.type === "tool" && messageBlock.name) {
-                    totalToolCount++;
-                    if (tools.length < 2) {
-                        tools.push({
-                            name: messageBlock.name,
-                            compactParams: messageBlock.compactParams,
-                        });
-                    }
-                }
-            }
-        }
-        return { tools: tools.reverse(), totalToolCount }; // Reverse to show oldest first, newest last
-    };
-    const { tools: lastTwoTools } = getLastTwoTools();
-    // Get the last text message content if completed
-    const getLastTextMessage = () => {
-        if (block.status !== "completed")
-            return null;
-        for (let i = messages.length - 1; i >= 0; i--) {
-            const message = messages[i];
-            if (message.role === "assistant") {
-                for (let j = message.blocks.length - 1; j >= 0; j--) {
-                    const messageBlock = message.blocks[j];
-                    if (messageBlock.type === "text" && messageBlock.content) {
-                        return messageBlock.content;
-                    }
-                }
-            }
-        }
-        return null;
-    };
-    const lastTextMessage = getLastTextMessage();
-    return (_jsxs(Box, { borderRight: false, borderTop: false, borderBottom: false, borderStyle: "classic", borderColor: "magenta", paddingX: 1, flexDirection: "column", children: [_jsx(Box, { flexDirection: "row", gap: 1, children: _jsxs(Box, { flexDirection: "row", alignItems: "center", children: [_jsxs(Text, { color: "cyan", children: ["\uD83E\uDD16 ", block.subagentName] }), _jsxs(Text, { color: statusInfo.color, dimColor: false, children: [" ", statusInfo.icon] }), _jsxs(Text, { color: "gray", dimColor: true, children: [" ", "(", messages.length, " messages", latestTurnTokens > 0 && (_jsxs(_Fragment, { children: [" | ", _jsx(Text, { color: "blue", bold: true, children: latestTurnTokens.toLocaleString() }), " tokens"] })), ")"] })] }) }), lastTextMessage && (_jsx(Box, { children: _jsx(Markdown, { children: lastTextMessage }) })), block.status !== "completed" && lastTwoTools.length > 0 && (_jsx(Box, { flexDirection: "column", children: lastTwoTools.map((tool, index) => (_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: "magenta", children: "\uD83D\uDD27 " }), _jsx(Text, { color: "white", children: tool.name }), tool.compactParams && (_jsxs(Text, { color: "gray", children: [" ", tool.compactParams] }))] }, index))) }))] }));
-};

package/dist/components/ToolResultDisplay.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-import type { ToolBlock } from "wave-agent-sdk";
-interface ToolResultDisplayProps {
-    block: ToolBlock;
-    isExpanded?: boolean;
-}
-export declare const ToolResultDisplay: React.FC<ToolResultDisplayProps>;
-export {};
-//# sourceMappingURL=ToolResultDisplay.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ToolResultDisplay.d.ts","sourceRoot":"","sources":["../../src/components/ToolResultDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAGhD,UAAU,sBAAsB;IAC9B,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAyI9D,CAAC"}