Skip to content

feat: add terminal toggle button to chat header#633

Merged
juliusmarminge merged 2 commits intopingdotgg:mainfrom
antiisaint:feat/terminal-toggle-button
Mar 24, 2026
Merged

feat: add terminal toggle button to chat header#633
juliusmarminge merged 2 commits intopingdotgg:mainfrom
antiisaint:feat/terminal-toggle-button

Conversation

@antiisaint
Copy link
Copy Markdown
Contributor

@antiisaint antiisaint commented Mar 9, 2026

This change adds a dedicated terminal toggle button to the chat header and rebases the implementation onto the current main branch structure.

Before this change, the web UI still supported the terminal.toggle command and terminal drawer behavior, but the header did not expose a direct control for it. That meant users had to rely on keyboard shortcuts or other flows to reveal the terminal, which made the feature less discoverable and slower to access during normal chat use.

The root cause is that the original branch was built against an older ChatView layout where the header UI lived inline. Since then, main extracted the header into a shared ChatHeader component. Rebasing onto the current code required moving the terminal-toggle behavior into that extracted component instead of keeping the stale inline implementation. During that rebase, the header prop wiring also needed the current terminal.toggle shortcut label restored in ChatView so the tooltip and prop contract remained type-safe.

The fix updates the shared chat header component to render a terminal toggle button next to the existing header actions, including disabled-state messaging when no active project is available and the configured keyboard shortcut in the tooltip when present. ChatView now passes the terminal-open state, availability, toggle handler, and terminal shortcut label into ChatHeader using the current upstream component boundaries.

Validation used the project-required checks that apply here. bun lint passed, bun typecheck passed, and bun fmt was run after the final fix.


Note

Low Risk
Low risk UI-only change that wires existing terminal toggle state/handler into ChatHeader; main risk is minor regressions in header props/disabled state rendering.

Overview
Adds a terminal drawer toggle button to the chat header alongside the existing diff toggle.

ChatView now derives the terminal.toggle shortcut label and passes terminal availability/open state plus a toggle handler down to ChatHeader, which renders a TerminalSquareIcon toggle with a tooltip (including the shortcut when configured) and disables it until an active project is present.

Written by Cursor Bugbot for commit aa7c704. This will update automatically on new commits. Configure here.

@coderabbitai
Copy link
Copy Markdown

coderabbitai bot commented Mar 9, 2026

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro

Run ID: 9ae8feaf-e53c-4737-ad96-6f92943589f9

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests

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

Comment @coderabbitai help to get the list of available commands and usage tips.

@github-actions github-actions bot added the vouch:unvouched PR author is not yet trusted in the VOUCHED list. label Mar 9, 2026
@antiisaint antiisaint closed this Mar 11, 2026
@antiisaint antiisaint reopened this Mar 15, 2026
@github-actions github-actions bot added the size:M 30-99 changed lines (additions + deletions). label Mar 15, 2026
@antiisaint
Copy link
Copy Markdown
Contributor Author

cc @juliusmarminge, looks like there's some interest in the linked issue, so figured it was worth bringing back up.

@Vivswan
Copy link
Copy Markdown

Vivswan commented Mar 24, 2026

+1 on this. will love the terminal button

@juliusmarminge juliusmarminge force-pushed the feat/terminal-toggle-button branch from af0caea to aa7c704 Compare March 24, 2026 09:23
@juliusmarminge juliusmarminge changed the title feat(web): add terminal toggle button to chat header [codex] add terminal toggle button to chat header Mar 24, 2026
@juliusmarminge juliusmarminge changed the title [codex] add terminal toggle button to chat header feat: add terminal toggle button to chat header Mar 24, 2026
@juliusmarminge juliusmarminge enabled auto-merge (squash) March 24, 2026 09:27
@juliusmarminge juliusmarminge merged commit be1abc8 into pingdotgg:main Mar 24, 2026
10 checks passed
kkorenn pushed a commit to kkorenn/k1code that referenced this pull request Mar 24, 2026
sfncore pushed a commit to sfncore/t3code that referenced this pull request Mar 24, 2026
…draft threads, settings refactor

Merges 18 upstream commits including:
- feat: terminal toggle button in chat header (pingdotgg#633)
- feat: resizable chat sidebar (pingdotgg#1347)
- feat: stream git hook progress events (pingdotgg#1214)
- feat: configurable base directory (pingdotgg#826)
- feat: persist model options (pingdotgg#1121)
- refactor: simplify settings layout (pingdotgg#1288)
- refactor: flatten Git service layer (pingdotgg#1255)
- fix: draft-thread project scripts (pingdotgg#1178)
- fix: draft attachment persistence warnings (pingdotgg#1153)
- fix: PTY adapter runtime loading (pingdotgg#1311)
- fix: Claude SDK filesystem settings (pingdotgg#1334)
- Various UI fixes and polish

Co-Authored-By: Claude Opus 4.6 <[email protected]>
ranvier2d2 added a commit to Ranvier-Technologies/t3code-OTP that referenced this pull request Mar 24, 2026
Cherry-picked be1abc8 from pingdotgg/t3code.
Adds terminal toggle button to chat header.

Co-Authored-By: Claude Opus 4.6 (1M context) <[email protected]>
ranvier2d2 added a commit to Ranvier-Technologies/t3code-OTP that referenced this pull request Mar 24, 2026
Cherry-picked be1abc8 from pingdotgg/t3code.
Adds terminal toggle button to chat header.

Co-Authored-By: Claude Opus 4.6 (1M context) <[email protected]>
gabrielMalonso pushed a commit to gabrielMalonso/t3code that referenced this pull request Mar 24, 2026
apexsloth pushed a commit to apexslothforks/t3code that referenced this pull request Mar 26, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:M 30-99 changed lines (additions + deletions). vouch:unvouched PR author is not yet trusted in the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants