From d20d8667f366ce522cab09c41526ea22dc3cbcc6 Mon Sep 17 00:00:00 2001
From: andrepimenta <andrepimenta7@gmail.com>
Date: Mon, 1 Dec 2025 16:29:58 +0000
Subject: [PATCH] Show full diff in Edit, MultiEdit, and Write tool use
 messages
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Instead of showing simple previews like "Editing X lines" or "Writing X lines",
now displays the actual diff with added/removed lines during the tool request phase.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 src/script.ts | 61 +++++++++++++++++++++++++++++++++++++--------------
 1 file changed, 44 insertions(+), 17 deletions(-)

diff --git a/src/script.ts b/src/script.ts
index 591c6f0..a648153 100644
--- a/src/script.ts
+++ b/src/script.ts
@@ -649,15 +649,8 @@ const getScript = (isTelemetryEnabled: boolean) => `<script>
 				return formatToolInputUI(input);
 			}
 
-			// Simple preview - detailed diff will be shown in tool result
-			const formattedPath = formatFilePath(input.file_path);
-			const oldLines = input.old_string.split('\\n').length;
-			const newLines = input.new_string.split('\\n').length;
-			const delta = newLines - oldLines;
-			const deltaStr = delta > 0 ? '+' + delta : delta < 0 ? delta.toString() : '±0';
-
-			return '<div class="diff-file-path" onclick="openFileInEditor(\\\'' + escapeHtml(input.file_path) + '\\\')">' + formattedPath + '</div>\\n' +
-				   '<div class="diff-preview">Editing ' + oldLines + ' line' + (oldLines !== 1 ? 's' : '') + ' (' + deltaStr + ' lines)</div>';
+			// Show full diff (line numbers will be approximate until result comes back)
+			return generateUnifiedDiffHTML(input.old_string, input.new_string, input.file_path, 1);
 		}
 
 		function formatMultiEditToolDiff(input) {
@@ -670,10 +663,47 @@ const getScript = (isTelemetryEnabled: boolean) => `<script>
 				return formatToolInputUI(input);
 			}
 
-			// Simple preview - detailed diff will be shown in tool result
+			// Show full diffs for each edit
 			const formattedPath = formatFilePath(input.file_path);
-			return '<div class="diff-file-path" onclick="openFileInEditor(\\\'' + escapeHtml(input.file_path) + '\\\')">' + formattedPath + '</div>\\n' +
-				   '<div class="diff-preview">Making ' + input.edits.length + ' edit' + (input.edits.length !== 1 ? 's' : '') + '</div>';
+			let html = '<div class="diff-file-header">';
+			html += '<div class="diff-file-path" onclick="openFileInEditor(\\\'' + escapeHtml(input.file_path) + '\\\')">' + formattedPath + '</div>';
+			html += '</div>\\n';
+
+			input.edits.forEach((edit, index) => {
+				if (edit.old_string && edit.new_string) {
+					if (index > 0) {
+						html += '<div class="diff-edit-separator"></div>';
+					}
+					const oldLines = edit.old_string.split('\\n');
+					const newLines = edit.new_string.split('\\n');
+					const diff = computeLineDiff(oldLines, newLines);
+
+					html += '<div class="diff-container">';
+					html += '<div class="diff-header">Edit ' + (index + 1) + '</div>';
+
+					let addedCount = 0;
+					let removedCount = 0;
+					for (const change of diff) {
+						let prefix, cssClass;
+						if (change.type === 'context') {
+							prefix = ' ';
+							cssClass = 'context';
+						} else if (change.type === 'added') {
+							prefix = '+';
+							cssClass = 'added';
+							addedCount++;
+						} else {
+							prefix = '-';
+							cssClass = 'removed';
+							removedCount++;
+						}
+						html += '<div class="diff-line ' + cssClass + '">' + prefix + '    ' + escapeHtml(change.content) + '</div>';
+					}
+					html += '</div>';
+				}
+			});
+
+			return html;
 		}
 
 		function formatWriteToolDiff(input) {
@@ -686,11 +716,8 @@ const getScript = (isTelemetryEnabled: boolean) => `<script>
 				return formatToolInputUI(input);
 			}
 
-			// Simple preview - detailed diff will be shown in tool result
-			const formattedPath = formatFilePath(input.file_path);
-			const lines = input.content.split('\\n').length;
-			return '<div class="diff-file-path" onclick="openFileInEditor(\\\'' + escapeHtml(input.file_path) + '\\\')">' + formattedPath + '</div>\\n' +
-				   '<div class="diff-preview">Writing ' + lines + ' line' + (lines !== 1 ? 's' : '') + '</div>';
+			// Show full content as added lines (new file)
+			return generateUnifiedDiffHTML('', input.content, input.file_path, 1);
 		}
 
 		function escapeHtml(text) {