feat(ui): streamline Git commit bar with icon-only staging actions

[BotCoder254]

Summary

• Rework the Git Changes bottom toolbar so the commit button expands to fill available width
• Replace Stage all, Unstage all, and Generate text buttons with a compact icon cluster on the right
• Keep existing tooltips, disabled states, and a small gap between commit and icon actions

Test plan

• Open Git tab ? Changes view with staged and unstaged files
• Confirm commit button spans left side with label (Commit N)
• Confirm +/?/sparkles icons appear grouped on the right with a small gap from commit
• Verify stage/unstage/generate disabled states and tooltips
• Verify Generate switches to cancel (X) while generating

Summary by CodeRabbit

• New Features

  • Updated the Changes view with a cleaner commit action layout.
  • Added compact icon-based controls for staging, unstaging, and message generation/cancel actions.
  • Made the Commit button more prominent and easier to access.

• Bug Fixes

  • Preserved existing enable/disable behavior for commit, stage, unstage, and generate actions while improving the interface.

[amazon-q-developer]

The UI refactoring successfully transforms the Git commit bar from text-labeled buttons to icon-only staging actions as intended. The commit button now expands to fill available space (flex-1), and stage/unstage/generate actions are grouped in a compact bordered container on the right. All functionality is preserved including tooltips, disabled states, and the generate/cancel toggle behavior.

---

You can now have the agent implement changes and create commits directly on your pull request's source branch. Simply comment with /q followed by your request in natural language to ask the agent to make changes.

[coderabbitai]

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 1d35a7d2-5030-464c-a5f7-dc9ce1023d3b

📥 Commits

Reviewing files that changed from the base of the PR and between adda88b and 2e6a1e2.

📒 Files selected for processing (1)

• src/renderer/features/git/GitPanel.tsx

---

📝 Walkthrough

Walkthrough

The commit/staging/message-generation control row in GitPanel.tsx was refactored from a single row of bordered text buttons into a split flex layout: a primary flexed Commit button plus a grouped container of compact IconButtons for stage/unstage and generate/cancel actions, preserving existing enable/disable logic.

Changes

GitPanel Controls Refactor

Layer / File(s)	Summary
Commit control row layout refactor src/renderer/features/git/GitPanel.tsx	Text buttons for Commit, Stage all, Unstage all, and Generate/Cancel are replaced with a flexed primary Commit button and grouped IconButtons, keeping the same disabled conditions and click handlers.

Estimated code review effort: 1 (Trivial) | ~5 minutes

Possibly related PRs

• BotCoder254/limboo#38: Both PRs modify the same GitPanel Commit/Stage/Generate/Cancel controls and their wiring to commit-message generation state.

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch feat/git-commit-toolbar-icons

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}