fix(web): Differentiate duplicate "Plan" button labels

[AbdulelahHajjar]

What Changed

Renamed the plan sidebar toggle button label from a static "Plan" to dynamic "Show Plan" / "Hide Plan" in ChatView.tsx. I realize this is a subjective change, feel free to suggest better solutions / close it if there is a better design planned (pun intended) in the future.

Why

The composer toolbar had two buttons both labeled "Plan", the mode toggle (Chat/Plan) and the sidebar toggle (Plan). This may cause ambiguity as to which button is which. The new "Show Plan" / "Hide Plan" labels clearly communicate that the button opens/closes the plan sidebar.

I paid attention to make it consistent with labels in CompactComposerControlsMenu which displays "Show plan sidebar" / "Hide plan sidebar".

UI Changes

Before

After

Checklist

• This PR is small and focused
• I explained what changed and why
• I included before/after screenshots for any UI changes

---

Note

Low Risk
Low risk UI-only text change to a button label; no logic or data flow changes.

Overview
Updates the plan sidebar toggle button in ChatView.tsx to use dynamic text (Show Plan / Hide Plan) instead of a static Plan, reducing ambiguity with the separate Plan/Chat mode toggle.

^{Written by Cursor Bugbot for commit adff5bf. This will update automatically on new commits. Configure here.}

Note

Change plan sidebar toggle label to 'Show Plan' / 'Hide Plan' based on state

Updates the toggle button label in ChatView.tsx to reflect the current sidebar state, showing 'Hide Plan' when open and 'Show Plan' when closed. This fixes duplicate 'Plan' labels that could confuse screen readers and sighted users alike.

^{Macroscope summarized adff5bf.}

[coderabbitai]

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: 9bb5e66a-3a01-4007-8fb8-8c93a87d3678

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

• X
• Mastodon
• Reddit
• LinkedIn

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