fix(web): truncate long project switcher names

[FllipEis]

What Changed

• Constrained the active project name in the new-thread headline and truncated long names with an ellipsis.
• Made project names inside the switcher menu use a constrained block so truncation works correctly.
• Added title text so the full project name remains available on hover.

This applies to both web and desktop. Mobile uses a separate native project picker and is unchanged.

Why

Long project names overflowed the project switcher and introduced a horizontal scrollbar, breaking the menu layout.

The menu already applied truncation styles, but they were attached to an inline element. Since inline elements do not provide the constrained box required by text-overflow: ellipsis, the project name continued to overflow. The selected project name in the headline was also unconstrained.

Verification

• vp lint apps/web/src/components/chat/DraftHeroHeadline.tsx --report-unused-disable-directives
• vp fmt --check apps/web/src/components/chat/DraftHeroHeadline.tsx
• vp run --filter @t3tools/web typecheck
• git diff --check

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
• I included a video for animation/interaction changes

Model and harness: GPT-5.6 Sol via T3 Code.

---

Note

^{Cursor Bugbot is generating a summary for commit e8b399b. Configure here.}

Note

Truncate long project names in the project switcher with tooltip fallback

Long project names in DraftHeroHeadline now truncate at a max width of max-w-64, and the full name is shown via the browser's native tooltip (title attribute) on both the trigger and menu items. Also removes the cursor-pointer class from the menu trigger.

^{Macroscope summarized e8b399b.}

[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 Plus

Run ID: afe11959-949d-4223-b0fc-dd1e3afce876

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

---

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

[macroscopeapp]

Approvability

Verdict: Approved e8b399b

This PR contains purely CSS/styling changes to truncate long project names and add hover tooltips. No logic or runtime behavior changes - just visual presentation adjustments that are low-risk and self-contained.

^{You can customize Macroscope's approvability policy. Learn more.}