fix: path display concatenation and add startLine for file navigation

- Fix formatPathTooltip to add space before additionalContent (fixes display bug where 'index.ts' + 'up to 50 lines' showed as 'index.tsup to 50 lines')
- Add startLine field to ClineSayTool type for read_file operations
- Update ReadFileTool to include startLine in the message
- Update ChatRow to pass startLine to openFile for navigation to the correct line

Author: hannesrudolph

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

@@ -808,6 +808,7 @@ export interface ClineSayTool {
 	isProtected?: boolean
 	additionalFileCount?: number // Number of additional files in the same read_file request
 	lineNumber?: number
+	startLine?: number // Starting line for read_file operations (for navigation on click)
 	query?: string
 	batchFiles?: Array<{
 		path: string

src/core/tools/ReadFileTool.ts

@@ -461,12 +461,15 @@ export class ReadFileTool extends BaseTool<"read_file"> {
 			const isOutsideWorkspace = isPathOutsideWorkspace(fullPath)
 			const lineSnippet = this.getLineSnippet(fileResult.entry!)
 
+			const startLine = this.getStartLine(fileResult.entry!)
+
 			const completeMessage = JSON.stringify({
 				tool: "readFile",
 				path: getReadablePath(task.cwd, relPath),
 				isOutsideWorkspace,
 				content: fullPath,
 				reason: lineSnippet,
+				startLine,
 			} satisfies ClineSayTool)
 
 			const { response, text, images } = await task.ask("tool", completeMessage, false)
@@ -487,6 +490,17 @@ export class ReadFileTool extends BaseTool<"read_file"> {
 		}
 	}
 
+	/**
+	 * Get the starting line number for navigation purposes.
+	 */
+	private getStartLine(entry: InternalFileEntry): number | undefined {
+		if (entry.mode === "indentation" && entry.anchor_line !== undefined) {
+			return entry.anchor_line
+		}
+		const offset = entry.offset ?? 1
+		return offset > 1 ? offset : undefined
+	}
+
 	/**
 	 * Generate a human-readable line snippet for approval messages.
 	 */

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

@@ -649,7 +649,13 @@ export const ChatRowContent = ({
 							<ToolUseBlock>
 								<ToolUseBlockHeader
 									className="group"
-									onClick={() => vscode.postMessage({ type: "openFile", text: tool.content })}>
+									onClick={() =>
+										vscode.postMessage({
+											type: "openFile",
+											text: tool.content,
+											values: tool.startLine ? { line: tool.startLine } : undefined,
+										})
+									}>
 									{tool.path?.startsWith(".") && <span>.</span>}
 									<PathTooltip content={formatPathTooltip(tool.path, tool.reason)}>
 										<span className="whitespace-nowrap overflow-hidden text-ellipsis text-left mr-2 rtl">

webview-ui/src/utils/formatPathTooltip.ts

@@ -21,7 +21,7 @@ export function formatPathTooltip(path?: string, additionalContent?: string): st
 	const formattedPath = removeLeadingNonAlphanumeric(path) + "\u200E"
 
 	if (additionalContent) {
-		return formattedPath + additionalContent
+		return formattedPath + " " + additionalContent
 	}
 
 	return formattedPath