| author |  Julius Marminge <julius0216@outlook.com> 2026-02-12 14:44:51-08:00 |
| committer | Julius Marminge <julius0216@outlook.com> 2026-02-12 14:44:51-08:00 |
| log | b7af14ad3f0aa63c3d8265720e823ae8a383a05c |
| tree | 4819c059b592c8eeb956a4b22fb444d5ef26fdd9 |
| parent | 8f6cd244e79913b4b55daf8ed14c7573726dfe62 |
Rework chat header actions and GitActions styling
- Remove branch badge and terminal toggle from ChatView header
- Keep GitActionsControl in the header action area
- Adjust GitActionsControl button styles to emphasize completed action state
Co-authored-by: codex <codex@users.noreply.github.com>2 files changed, 7 insertions(+), 19 deletions(-)
apps
web
src
components
apps/web/src/components/ChatView.tsx+1-17
| ... | @@ -654,12 +654,6 @@ export default function ChatView() { | ... | @@ -654,12 +654,6 @@ export default function ChatView() { |
| 654 | {activeProject.name} | 654 | {activeProject.name} |
| 655 | </span> | 655 | </span> |
| 656 | )} | 656 | )} |
| 657 | {activeThread.branch && ( | ||
| 658 | <span className="rounded-full bg-accent px-2 py-0.5 font-mono text-[10px] text-muted-foreground/50"> | ||
| 659 | {activeThread.branch} | ||
| 660 | {activeThread.worktreePath ? " (worktree)" : ""} | ||
| 661 | </span> | ||
| 662 | )} | ||
| 663 | </div> | 657 | </div> |
| 664 | <div className="flex items-center gap-3"> | 658 | <div className="flex items-center gap-3"> |
| 665 | {/* Open in editor */} | 659 | {/* Open in editor */} |
| ... | @@ -695,18 +689,8 @@ export default function ChatView() { | ... | @@ -695,18 +689,8 @@ export default function ChatView() { |
| 695 | )} | 689 | )} |
| 696 | {/* Git actions */} | 690 | {/* Git actions */} |
| 697 | {activeProject && <GitActionsControl api={api} gitCwd={gitCwd} />} | 691 | {activeProject && <GitActionsControl api={api} gitCwd={gitCwd} />} |
| 692 | |||
| 698 | {/* Diff toggle */} | 693 | {/* Diff toggle */} |
| 699 | <button | ||
| 700 | type="button" | ||
| 701 | className={`rounded-md px-2 py-1 text-[10px] transition-colors duration-150 ${ | ||
| 702 | activeThread.terminalOpen | ||
| 703 | ? "bg-accent text-foreground" | ||
| 704 | : "text-muted-foreground/40 hover:text-muted-foreground/60" | ||
| 705 | }`} | ||
| 706 | onClick={toggleTerminalVisibility} | ||
| 707 | > | ||
| 708 | Terminal <span className="text-muted-foreground/50">{terminalShortcutHint}</span> | ||
| 709 | </button> | ||
| 710 | <button | 694 | <button |
| 711 | type="button" | 695 | type="button" |
| 712 | className={`rounded-md px-2 py-1 text-[10px] transition-colors duration-150 ${ | 696 | className={`rounded-md px-2 py-1 text-[10px] transition-colors duration-150 ${ |
apps/web/src/components/GitActionsControl.tsx+6-2
| ... | @@ -551,7 +551,7 @@ export default function GitActionsControl({ api, gitCwd }: GitActionsControlProp | ... | @@ -551,7 +551,7 @@ export default function GitActionsControl({ api, gitCwd }: GitActionsControlProp |
| 551 | <div className="relative" ref={gitMenuRef}> | 551 | <div className="relative" ref={gitMenuRef}> |
| 552 | <button | 552 | <button |
| 553 | type="button" | 553 | type="button" |
| 554 | className="inline-flex items-center gap-1.5 rounded-md border border-border px-2 py-1 text-[10px] text-muted-foreground/70 transition-colors duration-150 hover:bg-accent hover:text-foreground/80 disabled:cursor-not-allowed disabled:opacity-60" | 554 | className="inline-flex items-center gap-1.5 rounded-md px-2 py-1 text-[10px] text-muted-foreground/70 transition-colors duration-150 hover:bg-accent hover:text-foreground/80 disabled:cursor-not-allowed disabled:opacity-60" |
| 555 | onClick={() => { | 555 | onClick={() => { |
| 556 | if (!isGitMenuOpen) { | 556 | if (!isGitMenuOpen) { |
| 557 | void refreshGitStatus().catch(() => undefined); | 557 | void refreshGitStatus().catch(() => undefined); |
| ... | @@ -798,7 +798,11 @@ export default function GitActionsControl({ api, gitCwd }: GitActionsControlProp | ... | @@ -798,7 +798,11 @@ export default function GitActionsControl({ api, gitCwd }: GitActionsControlProp |
| 798 | )} | 798 | )} |
| 799 | <button | 799 | <button |
| 800 | type="button" | 800 | type="button" |
| 801 | className="rounded-xl border border-border px-4 py-2 text-sm text-foreground transition-colors duration-150 hover:bg-accent disabled:cursor-not-allowed disabled:opacity-60" | 801 | className={ |
| 802 | gitModalResult | ||
| 803 | ? "rounded-xl bg-foreground px-4 py-2 text-sm font-medium text-background transition-colors duration-150 hover:bg-foreground/90 disabled:cursor-not-allowed disabled:opacity-60" | ||
| 804 | : "rounded-xl border border-border px-4 py-2 text-sm text-foreground transition-colors duration-150 hover:bg-accent disabled:cursor-not-allowed disabled:opacity-60" | ||
| 805 | } | ||
| 802 | onClick={closeGitActionModal} | 806 | onClick={closeGitActionModal} |
| 803 | disabled={isGitActionRunning} | 807 | disabled={isGitActionRunning} |
| 804 | > | 808 | > |