Diff panel: a changes list you can scan, and a review layout when maximised

[jose-manuel-silva]

The diff panel works, but reviewing a large change set (347 files here) is harder than in VS Code's Source Control view. Three parts: what clicking a row does, the Changes list rows, and the layout when the panel is maximised. Screenshots of both apps are at the end.

1. Clicking a row opens its diff

Today clicking a file path in the Changes list opens the plain file, which takes you out of the review. In VS Code a click opens the diff, and opening the file is a hover icon. Opening the file could stay one action away (hover icon, context menu, or Cmd-click).

2. Changes list rows

• File name first, folder after (dimmed). Today every row starts with the same src/lib/components/ui/..., so the part you scan for is at the end, and long paths are truncated from the left (.../lib/components/ui/breadcrumb/breadcrumb-separator.svelte).
• Status letter (M / A / D / U / R). The icon is the same on every row, so you can't tell an added or deleted file from an edited one.
• File type icon (Svelte, TS, ...) instead of the identical status icon.
• Number of changed files next to the +5.1k -322 totals.
• Row actions on hover only. The copy-path icon is drawn on every row all the time.
• Denser rows. VS Code fits roughly 1.5x as many files on screen.
• Keep the per-file +N -N counts: VS Code doesn't have them and they're useful. When maximised they sit at the far right edge though, ~1,500px from the file name; keeping them next to the name would help.

3. Maximised: a review layout

Maximised, all diffs are stacked in one scrolling page. Expanding one file pushes the rest of the list down, so with hundreds of files you scroll and lose your place.

• A pinned changes list beside a single diff: click a file, the diff beside it switches. The file viewer opened with Ctrl-P already has a navigator pane like this ([Bug]: File navigator pane in the sidebar can't be resized #17982), so this would reuse it.
• Next / previous change buttons (and keybindings), crossing into the next file.
• Change markers on the scrollbar, to see where the edits sit in a long file.

Related

• [Feature] Option to select files and commit for diff viewer #10371: select files in the diff viewer and commit them (VS Code's per-file stage action)
• [Feature]: Add better pane/tab management support to thread workspaces #6930: VS Code-style panes and tabs in the right panel (several diffs open at once)

Screenshots

T3 Code, Changes list:

VS Code, Source Control:

T3 Code, Diff maximised:

VS Code, diff + Source Control:

T3 Code (Nightly) 0.0.46-nightly.20261014.3118, macOS 15.7.5.