fix(web): let command menu descriptions use the full row width

[jakaskerjanc]

The description text in the composer / and $ menus was capped at max-w-[48ch]. Long descriptions truncated well before the row ran out of space, leaving a gap of dead space between the text and the right-aligned source badge.

This was especially bad for skills, whose descriptions are prefixed, prefix ate most of the 48ch budget.

This drops the cap. The description span keeps flex-1 and min-w-0 truncate, so it now grows to fill the row up to the badge before showing an ellipsis. The source badge stays pinned to the right edge in every case (it is the last child after a growing element and carries ms-auto), so row alignment is unchanged.

The max-w-[48ch] was added in #8009 as part of "shortened long descriptions"; it was a purely cosmetic clamp, not a layout requirement.

Before / After

Before:

After:

Validation

• vp fmt apps/web/src/components/chat/ComposerCommandMenu.tsx apps/web/src/components/chat/ComposerCommandMenu.test.tsx --check
• vp lint apps/web/src/components/chat/ComposerCommandMenu.tsx apps/web/src/components/chat/ComposerCommandMenu.test.tsx --report-unused-disable-directives
• vp run --filter @t3tools/web typecheck
• vp test run apps/web/src/components/chat/ComposerCommandMenu.test.tsx (4 tests pass)

This is shared web/desktop UI; native mobile has its own composer menu and is unchanged.

Built with Claude Sonnet 5 in T3 Code.

🤖 Generated with Claude Code

Note

Remove 48-character cap on ComposerCommandMenuItem descriptions

Removes the fixed max-width on the description span in ComposerCommandMenu.tsx. Descriptions now fill the available flex row width, with overflow still truncated.

^{Macroscope summarized bafbb0a.}

---

Note

Low Risk
Single Tailwind class removal in shared composer menu UI with no logic or data-handling changes.

Overview
Removes the max-w-[48ch] cap on the description line in the composer / and $ command menu items so secondary text can use the space between the label and the skill source badge.

The description span still uses flex-1, min-w-0, and truncate, so long text ellipsizes only when the row is actually full; the right-aligned badge layout is unchanged.

^{Reviewed by Cursor Bugbot for commit bafbb0a. Bugbot is set up for automated code reviews on this repo. Configure here.}

[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: 127e7a82-39dd-4e4f-a180-848757e0e3b0

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

Warning

Your free Security trial is over. An organization admin can activate Security or dismiss this notice.

---

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

[macroscopeapp]

Approvability

Verdict: Approved at bafbb0a

Macroscope's review found this PR approvable — This is a one-line, self-contained layout adjustment that allows command descriptions to consume unused row width while retaining truncation and badge alignment. It has no logic, data, API, security, or deployment impact.

^{You can add or adjust custom eligibility rules. Learn more.}

Dismissing prior approval to re-evaluate bafbb0a