Skip to content

Comments

Improve diff panel: button spacing, click feedback, and reviewed file marking#110

Merged
everpcpc merged 1 commit intodatabendlabs:mainfrom
everpcpc:montreal-w9zjb2qk
Feb 11, 2026
Merged

Improve diff panel: button spacing, click feedback, and reviewed file marking#110
everpcpc merged 1 commit intodatabendlabs:mainfrom
everpcpc:montreal-w9zjb2qk

Conversation

@everpcpc
Copy link
Member

Summary

Improve the diff panel UX with three changes:

  1. Button spacing — Added a vertical divider between Stage/Unstage and Restore buttons to prevent accidental misclicks
  2. Click feedback — Stage/Unstage/Restore buttons now flash with a brief brightness pulse animation on successful operations (file-level and hunk-level)
  3. Reviewed file marking — Files can be marked as "Viewed" via a checkmark toggle, which auto-collapses the diff. If the file's diff changes, it automatically un-marks and re-expands. Files can also be manually collapsed/expanded via a chevron toggle.

Tests

  • Unit Test
  • No Test - UI-only changes, visual feedback and state toggling

Type of change

  • New Feature (non-breaking change which adds functionality)

… panel

- Separate Stage/Unstage from Restore with a visual divider to prevent misclicks
- Add flash animation on successful stage/unstage/restore operations
- Add per-file reviewed toggle with auto-collapse and change detection
@everpcpc everpcpc marked this pull request as ready for review February 11, 2026 06:53
@everpcpc everpcpc merged commit 08c3d59 into databendlabs:main Feb 11, 2026
3 checks passed
@everpcpc everpcpc deleted the montreal-w9zjb2qk branch February 11, 2026 06:53
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant