Code review

Tab

Moves through the approve button, the file tabs, the Viewed checkbox, one line number per file and the thread actions.

Arrow LeftorArrow Right, HomeorEnd

In the file tabs, selects the previous, next, first or last file.

Arrow UporArrow Down, HomeorEnd

On a line number, moves to the previous, next, first or last line.

EnterorSpace

On a line number, opens or closes the comment box for that line.

Cmd/Ctrl+Enter

Posts the comment or reply you are typing.

Escape

Closes the comment box or reply and returns focus to the line number.

• The files are a tablist with roving focus; each tab reports its path, viewed state and open conversations, and controls the diff panel.
• Each line number is a button named for the line, such as Comment on added line 9. Added and removed lines carry visually hidden prefixes, so the diff reads correctly without color.
• Viewed is a role="checkbox"; Suggest a change is a pressed toggle; a folded thread is a button with aria-expanded that opens it again.
• Adding comments, applying suggestions, resolving, marking files viewed and approving are announced in a polite live region.
• Reduced motion applies every change at once while keeping focus and announcements.

• Comment boxes and threads open as bands in the flow of the diff, height and opacity on the smooth spring, so the lines below slide instead of jumping.
• Posting a comment keeps its band: the box crossfades into the new thread while the height springs between them.
• Applying a suggestion folds the old line out while the new line grows in at the same place, then the new line settles from a stronger tint to the normal added color. The Apply button morphs to Applied and the thread folds a beat later.
• A resolved thread folds to a one line summary: the summary fades in at the top while the band springs to its new height, once, with no chained springs.
• The add comment mark scales in on the gutter edge with a short delay, so a passing pointer does not light up every line.
• The tab highlight slides between files on the morph spring and the diff crossfades with a short slide in the direction of travel; progress fills on the smooth spring with a rolling counter.
• Approve shows progress, then morphs its label and width into Approved and a status band opens under the header.

• The header stacks and the progress bar moves above the tabs below 560px of card width; tabs scroll sideways when they do not fit.
• Below 560px one line number column remains. Long lines never wrap: the diff scrolls sideways with the line numbers pinned, and threads stay the width of the card.

• Rows are memoized and only animate when they enter or leave; hover and the add comment mark are CSS only.
• Heights animate only on a real change of content, never on every resize.
• Keep single files to a few hundred lines, or split long files into hunks.

• Choose this for a code review inside a developer tool. Load the diff from your git provider and map hunks to hunk lines with oldStart and newStart; everything else is derived.
• Anchor threads by line id, not by line number, so they stay attached after suggestions rewrite the file.
• Suggestions only replace new side lines: added lines are swapped, unchanged lines become deletions followed by the new lines. Keep the commit on your server; the block updates the diff optimistically.
• The card grows with its content and only the diff scrolls sideways. In a centered layout, pin it to the top if height changes should not move it.

The full library index for assistants is at /llms.txt.