summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authordiogo464 <[email protected]>2025-08-14 18:15:08 +0100
committerdiogo464 <[email protected]>2025-08-14 18:15:08 +0100
commitba48301d75e667cd3128a544bf1526991c1422a8 (patch)
tree36bd48eedef51fc1aae0ddff4efbdcd0124ca01c
parent753754a0981ee57f1ceca3738bbcd9956510cb5c (diff)
feat: add hover tooltips to History Path column
Add title attributes to show full path information when hovering over entries in the History page Path column. This helps users see truncated paths in full. - Add title tooltip for file creation entries showing full file path - Add title tooltip for rename entries showing "old_path → new_path" format - Add title tooltip for other entries showing the path - Maintains existing truncation styling with max-w-md class 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <[email protected]>
-rw-r--r--frontend/components/history/HistoryView.tsx7
1 files changed, 5 insertions, 2 deletions
diff --git a/frontend/components/history/HistoryView.tsx b/frontend/components/history/HistoryView.tsx
index d9d3dc2..c459275 100644
--- a/frontend/components/history/HistoryView.tsx
+++ b/frontend/components/history/HistoryView.tsx
@@ -119,15 +119,18 @@ export function HistoryView({ entries, currentPage, hasNextPage, hasPrevPage, to
119 <Link 119 <Link
120 href={`/blob/${entry.blob_id}?filename=${encodeURIComponent(entry.path.split('/').pop() || 'download')}`} 120 href={`/blob/${entry.blob_id}?filename=${encodeURIComponent(entry.path.split('/').pop() || 'download')}`}
121 className="text-blue-600 hover:text-blue-800 hover:underline" 121 className="text-blue-600 hover:text-blue-800 hover:underline"
122 title={entry.path}
122 > 123 >
123 {entry.path} 124 {entry.path}
124 </Link> 125 </Link>
125 ) : isRenameEntry(entry) ? ( 126 ) : isRenameEntry(entry) ? (
126 <span> 127 <span title={`${entry.old_path} → ${entry.new_path}`}>
127 {entry.old_path} → {entry.new_path} 128 {entry.old_path} → {entry.new_path}
128 </span> 129 </span>
129 ) : ( 130 ) : (
130 'path' in entry ? entry.path : '' 131 <span title={'path' in entry ? entry.path : ''}>
132 {'path' in entry ? entry.path : ''}
133 </span>
131 )} 134 )}
132 </TableCell> 135 </TableCell>
133 <TableCell> 136 <TableCell>