feat(ui): add read_command_output activity indicator

Show read progress in chat when read_command_output tool is used:
- Display 'Roo read command output (0 B - 100 KB of 263.3 KB)'
- Shows the specific byte range being read each call
- Uses same visual style as read_file tool
- Add 'tool' to ClineSay types
- Add readCommandOutput to ClineSayTool with readStart/readEnd/totalBytes

Author: hannesrudolph

packages/types/src/message.ts

@@ -182,6 +182,7 @@ export const clineSays = [
 	"codebase_search_result",
 	"user_edit_todos",
 	"too_many_tools_warning",
+	"tool",
 ] as const
 
 export const clineSaySchema = z.enum(clineSays)

packages/types/src/vscode-extension-host.ts

@@ -780,6 +780,7 @@ export interface ClineSayTool {
 		| "newFileCreated"
 		| "codebaseSearch"
 		| "readFile"
+		| "readCommandOutput"
 		| "fetchInstructions"
 		| "listFilesTopLevel"
 		| "listFilesRecursive"
@@ -792,6 +793,10 @@ export interface ClineSayTool {
 		| "runSlashCommand"
 		| "updateTodoList"
 	path?: string
+	// For readCommandOutput
+	readStart?: number
+	readEnd?: number
+	totalBytes?: number
 	diff?: string
 	content?: string
 	// Unified diff statistics computed by the extension

src/core/tools/ReadCommandOutputTool.ts

@@ -159,15 +159,34 @@ export class ReadCommandOutputTool extends BaseTool<"read_command_output"> {
 			}
 
 			let result: string
+			let readStart = 0
+			let readEnd = 0
 
 			if (search) {
 				// Search mode: filter lines matching the pattern
 				result = await this.searchInArtifact(artifactPath, search, totalSize, limit)
+				// For search, we're scanning the whole file
+				readStart = 0
+				readEnd = totalSize
 			} else {
 				// Normal read mode with offset/limit
 				result = await this.readArtifact(artifactPath, offset, limit, totalSize)
+				// Calculate actual read range
+				readStart = offset
+				readEnd = Math.min(offset + limit, totalSize)
 			}
 
+			// Report to UI that we read command output
+			await task.say(
+				"tool",
+				JSON.stringify({
+					tool: "readCommandOutput",
+					readStart,
+					readEnd,
+					totalBytes: totalSize,
+				}),
+			)
+
 			task.consecutiveMistakeCount = 0
 			pushToolResult(result)
 		} catch (error) {

webview-ui/src/components/chat/ChatRow.tsx

@@ -1464,6 +1464,34 @@ export const ChatRowContent = ({
 								</>
 							)
 						}
+						case "readCommandOutput": {
+							const formatBytes = (bytes: number) => {
+								if (bytes < 1024) return `${bytes} B`
+								if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`
+								return `${(bytes / (1024 * 1024)).toFixed(1)} MB`
+							}
+							const rangeInfo =
+								sayTool.readStart !== undefined &&
+								sayTool.readEnd !== undefined &&
+								sayTool.totalBytes !== undefined
+									? `${formatBytes(sayTool.readStart)} - ${formatBytes(sayTool.readEnd)} of ${formatBytes(sayTool.totalBytes)}`
+									: sayTool.totalBytes !== undefined
+										? formatBytes(sayTool.totalBytes)
+										: ""
+							return (
+								<div style={headerStyle}>
+									<FileCode2 className="w-4 shrink-0" aria-label="Read command output icon" />
+									<span style={{ fontWeight: "bold" }}>{t("chat:readCommandOutput.title")}</span>
+									{rangeInfo && (
+										<span
+											className="text-xs ml-1"
+											style={{ color: "var(--vscode-descriptionForeground)" }}>
+											({rangeInfo})
+										</span>
+									)}
+								</div>
+							)
+						}
 						default:
 							return null
 					}

webview-ui/src/i18n/locales/en/chat.json

@@ -495,5 +495,8 @@
 		"serversPart_other": "{{count}} MCP servers",
 		"messageTemplate": "You have {{tools}} enabled via {{servers}}. Such a high number can confuse the model and lead to errors. Try to keep it below {{threshold}}.",
 		"openMcpSettings": "Open MCP Settings"
+	},
+	"readCommandOutput": {
+		"title": "Roo read command output"
 	}
 }