fix: implement button overflow

[UtkarshUsername]

My PRs and issues: https://pr-navigator.pages.dev/t3code-utkarsh
Fixes #1192

What Changed

Adjusted the plan follow-up composer footer so the right-side Implement action stays locked inside the composer when long footer selections are active.

The change keeps the left control group compressible, makes the provider/model and reasoning triggers shrink safely.

Why

The previous footer layout could let long left-side controls force the Implement button out of bounds.

UI Changes

(ignore the missing plan names, it was just a dummy plan with one word for demo)
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

Fix button overflow in chat composer footer and picker triggers

• Updates ChatView.tsx to remove sm:min-w-max and sm:overflow-visible from the composer footer, keeping horizontal scroll with hidden scrollbars.
• Updates CodexTraitsPicker.tsx to truncate long labels, left-justify content, and show a · Fast indicator when fast mode is enabled.
• Updates ProviderModelPicker.tsx to truncate long model names and apply responsive max-widths (max-w-48 / sm:max-w-56) with overflow hidden.

^{Macroscope summarized 715d669.}

[chatgpt-codex-connector]

You have reached your Codex usage limits for code reviews. You can see your limits in the Codex usage dashboard.
To continue using code reviews, you can upgrade your account or add credits to your account and enable them for code reviews in your settings.

[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: 40d7a039-9a24-4911-a44a-8999611b6fc5

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

📝 Coding Plan

• Generate coding plan for human review comments

---

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.}

Tip

You can make CodeRabbit's review stricter and more nitpicky using the `assertive` profile, if that's what you prefer.

Change the reviews.profile setting to assertive to make CodeRabbit's nitpick more issues in your PRs.