Improve visual diff viewer for clearer and more intuitive change representation

[shatrughantwt]

Problem

The current diff viewer works functionally but can be difficult to read for larger or more complex changes. It lacks visual cues that help users quickly understand what was added, removed, or modified.

Goal

Enhance the diff viewer to provide a more intuitive and detailed visual representation of changes, improving readability and usability within the TUI.

Proposed Improvements

Some possible enhancements (open to discussion):

• Clear visual distinction between added, removed, and modified lines
• Better alignment and spacing for diff hunks
• Optional line numbers (old/new)
• Improved highlighting for context lines vs changed lines
• More consistent color usage across the diff view

Notes

• This issue is focused on UX improvements only; no changes to git diff logic are required.
• Happy to start with a minimal improvement and iterate based on feedback.

Please let me know if this direction aligns with the project’s vision or if you’d prefer a different approach.

[bakayu]

Sounds good, start first with UX improvements. 👍

[bakayu]

any updates on this @shatrughantwt ?

[shatrughantwt]

any updates on this @shatrughantwt ?

yes