diff --git a/src/ui-styles.ts b/src/ui-styles.ts
index ca22298..8ba927a 100644
--- a/src/ui-styles.ts
+++ b/src/ui-styles.ts
@@ -540,6 +540,17 @@ const styles = `
border: 1px solid var(--vscode-panel-border);
border-radius: 4px;
font-size: 12px;
+ cursor: pointer;
+ transition: all 0.2s ease;
+ }
+
+ .diff-file-path:hover {
+ background-color: var(--vscode-list-hoverBackground);
+ border-color: var(--vscode-focusBorder);
+ }
+
+ .diff-file-path:active {
+ transform: translateY(1px);
}
.file-path-short,
diff --git a/src/ui.ts b/src/ui.ts
index 35a70f4..5641d0e 100644
--- a/src/ui.ts
+++ b/src/ui.ts
@@ -803,7 +803,7 @@ const html = `
// Special handling for Read tool with file_path
if (input.file_path && Object.keys(input).length === 1) {
const formattedPath = formatFilePath(input.file_path);
- return '' + formattedPath + '
';
+ return '' + formattedPath + '
';
}
let result = '';
@@ -817,7 +817,7 @@ const html = `
// Special formatting for file_path in Read tool context
if (key === 'file_path') {
const formattedPath = formatFilePath(valueStr);
- result += '' + formattedPath + '
';
+ result += '' + formattedPath + '
';
} else if (valueStr.length > 100) {
const truncated = valueStr.substring(0, 97) + '...';
const escapedValue = valueStr.replace(/"/g, '"').replace(/'/g, ''');
@@ -841,7 +841,7 @@ const html = `
// Format file path with better display
const formattedPath = formatFilePath(input.file_path);
- let result = '' + formattedPath + '
\\n';
+ let result = '' + formattedPath + '
\\n';
// Create diff view
const oldLines = input.old_string.split('\\n');
@@ -918,7 +918,7 @@ const html = `
const parts = filePath.split('/');
const fileName = parts[parts.length - 1];
- return '' +
+ return '' +
'📄' + escapeHtml(fileName) + '';
}