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

Open
jakaskerjanc wants to merge 2 commits into
pingdotgg:mainfrom
jakaskerjanc:fix/composer-command-description-width
Open

fix(web): let command menu descriptions use the full row width#8865
jakaskerjanc wants to merge 2 commits into
pingdotgg:mainfrom
jakaskerjanc:fix/composer-command-description-width

Conversation

@jakaskerjanc

@jakaskerjancjakaskerjanc commented Aug 31, 2026•
edited by macroscopeapp Bot
Loading

Copy link
Copy Markdown

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:
image

After:
image

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

coderabbitaiBot commented Aug 31, 2026•
edited
Loading

Copy link
Copy Markdown

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.

@github-actionsgithub-actionsBot added vouch:unvouched PR author is not yet trusted in the VOUCHED list. size:XS 0-9 changed lines (additions + deletions). labels Aug 31, 2026
@jakaskerjanc@claude
fix(web): let command menu descriptions use the full row width
2f6e067
Slash/skill menu descriptions were capped at max-w-[48ch], so long
descriptions truncated early and left dead space before the source badge.
Drop the cap; the description keeps flex-1 and min-w-0 so it now fills the
row up to the badge before showing an ellipsis. Badge stays right-aligned.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
@jakaskerjanc
jakaskerjancforce-pushed the fix/composer-command-description-width branch from 8ae3f5a to 2f6e067CompareAugust 31, 2026 07:14
@jakaskerjanc
jakaskerjanc marked this pull request as ready for review August 31, 2026 07:14
@macroscopeapp

macroscopeappBot commented Aug 31, 2026•
edited
Loading

Copy link
Copy Markdown
Contributor

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.

macroscopeapp[bot]
macroscopeappBot previously approved these changes Aug 31, 2026
View reviewed changes
@macroscopeapp
macroscopeappBot dismissed their stale reviewSeptember 2, 2026 08:15

Dismissing prior approval to re-evaluate bafbb0a

Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@macroscopeappmacroscopeapp[bot]macroscopeapp[bot] approved these changes

Assignees

No one assigned

Labels

size:XS0-9 changed lines (additions + deletions).vouch:unvouchedPR author is not yet trusted in the VOUCHED list.

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

1 participant

@jakaskerjanc
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all 
 blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks");
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '

Skip to content
fix(web): let command menu descriptions use the full row width - #8865
Open
jakaskerjanc wants to merge 2 commits into
pingdotgg:mainfrom 
jakaskerjanc:fix/composer-command-description-width
Open
fix(web): let command menu descriptions use the full row width#8865
jakaskerjanc wants to merge 2 commits into
pingdotgg:mainfrom 
jakaskerjanc:fix/composer-command-description-width
Conversation
@jakaskerjanc
@jakaskerjancjakaskerjanc
commented
Aug 31, 2026•

edited by macroscopeapp
Bot
Loading

Copy link


Copy Markdown

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:
image
After:
image
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
coderabbitaiBot
commented
Aug 31, 2026•

edited

Loading

Copy link


Copy Markdown

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.
@github-actionsgithub-actionsBot
added

vouch:unvouched
PR author is not yet trusted in the VOUCHED list.
size:XS
0-9 changed lines (additions + deletions).
labels
Aug 31, 2026
@jakaskerjanc@claude
fix(web): let command menu descriptions use the full row width
2f6e067
Slash/skill menu descriptions were capped at max-w-[48ch], so long
descriptions truncated early and left dead space before the source badge.
Drop the cap; the description keeps flex-1 and min-w-0 so it now fills the
row up to the badge before showing an ellipsis. Badge stays right-aligned.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
@jakaskerjanc
jakaskerjancforce-pushed
the
fix/composer-command-description-width
branch
from
8ae3f5a to
2f6e067CompareAugust 31, 2026 07:14
@jakaskerjanc
jakaskerjanc
marked this pull request as ready for review
August 31, 2026 07:14
@macroscopeapp
macroscopeappBot
commented
Aug 31, 2026•

edited

Loading

Copy link


Copy Markdown

Contributor
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.
macroscopeapp[bot]
macroscopeappBot
previously approved these changes
Aug 31, 2026
View reviewed changes
@macroscopeapp
macroscopeappBot
dismissed
their stale reviewSeptember 2, 2026 08:15
Dismissing prior approval to re-evaluate bafbb0a
Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers

@macroscopeappmacroscopeapp[bot]macroscopeapp[bot] approved these changes

Assignees


No one assigned


Labels

size:XS0-9 changed lines (additions + deletions).vouch:unvouchedPR author is not yet trusted in the VOUCHED list.

Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

1 participant

@jakaskerjanc

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Force GitHub README to respect dark mode\n(function() {\n var style = document.createElement('style');\n style.textContent = '\n .markdown-body {\n color-scheme: dark light;\n }\n .markdown-body pre { background: #161b22 !important; }\n .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }\n .markdown-body table th, .markdown-body table td { border-color: #30363d !important; }\n .markdown-body img { background: #0d1117; }\n .markdown-body blockquote { border-left-color: #8b949e; }\n .markdown-body hr { border-color: #30363d; }\n ';\n document.head.appendChild(style);\n})();", "GitHub Dark Mode README Fix");
}
} catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
fix(web): let command menu descriptions use the full row width - #8865
Open
jakaskerjanc wants to merge 2 commits into
pingdotgg:mainfrom 
jakaskerjanc:fix/composer-command-description-width
Open
fix(web): let command menu descriptions use the full row width#8865
jakaskerjanc wants to merge 2 commits into
pingdotgg:mainfrom 
jakaskerjanc:fix/composer-command-description-width
Conversation
@jakaskerjanc
@jakaskerjancjakaskerjanc
commented
Aug 31, 2026•

edited by macroscopeapp
Bot
Loading

Copy link


Copy Markdown

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:
image
After:
image
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
coderabbitaiBot
commented
Aug 31, 2026•

edited

Loading

Copy link


Copy Markdown

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.
@github-actionsgithub-actionsBot
added

vouch:unvouched
PR author is not yet trusted in the VOUCHED list.
size:XS
0-9 changed lines (additions + deletions).
labels
Aug 31, 2026
@jakaskerjanc@claude
fix(web): let command menu descriptions use the full row width
2f6e067
Slash/skill menu descriptions were capped at max-w-[48ch], so long
descriptions truncated early and left dead space before the source badge.
Drop the cap; the description keeps flex-1 and min-w-0 so it now fills the
row up to the badge before showing an ellipsis. Badge stays right-aligned.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
@jakaskerjanc
jakaskerjancforce-pushed
the
fix/composer-command-description-width
branch
from
8ae3f5a to
2f6e067CompareAugust 31, 2026 07:14
@jakaskerjanc
jakaskerjanc
marked this pull request as ready for review
August 31, 2026 07:14
@macroscopeapp
macroscopeappBot
commented
Aug 31, 2026•

edited

Loading

Copy link


Copy Markdown

Contributor
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.
macroscopeapp[bot]
macroscopeappBot
previously approved these changes
Aug 31, 2026
View reviewed changes
@macroscopeapp
macroscopeappBot
dismissed
their stale reviewSeptember 2, 2026 08:15
Dismissing prior approval to re-evaluate bafbb0a
Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers

@macroscopeappmacroscopeapp[bot]macroscopeapp[bot] approved these changes

Assignees


No one assigned


Labels

size:XS0-9 changed lines (additions + deletions).vouch:unvouchedPR author is not yet trusted in the VOUCHED list.

Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

1 participant

@jakaskerjanc

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Highlight search terms from Google/DuckDuckGo/Bing referrer\n(function() {\n var ref = document.referrer;\n var terms = [];\n \n if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {\n var url = new URL(ref);\n var q = url.searchParams.get('q') || url.searchParams.get('p');\n if (q) {\n terms = q.split(/\\s+/).filter(function(t) { return t.length > 2; });\n }\n }\n \n if (terms.length === 0) return;\n \n var style = document.createElement('style');\n style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';\n document.head.appendChild(style);\n \n function highlight(node) {\n if (node.nodeType === 3) { // text node\n var text = node.textContent;\n var found = false;\n terms.forEach(function(term) {\n var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\') + ')', 'gi');\n if (regex.test(text)) {\n found = true;\n var frag = document.createDocumentFragment();\n var parts = text.split(regex);\n parts.forEach(function(part, i) {\n if (i % 2 === 0) {\n frag.appendChild(document.createTextNode(part));\n } else {\n var span = document.createElement('span');\n span.className = 'userscript-highlight';\n span.textContent = part;\n frag.appendChild(span);\n }\n });\n node.parentNode.replaceChild(frag, node);\n }\n });\n } else if (node.nodeType === 1 && node.childNodes) { // element\n var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];\n if (!skipTags.includes(node.tagName)) {\n Array.from(node.childNodes).forEach(highlight);\n }\n }\n }\n \n highlight(document.body);\n \n // Re-highlight on dynamic content\n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1 || node.nodeType === 3) highlight(node);\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Highlight Search Terms");
}
} catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
fix(web): let command menu descriptions use the full row width - #8865
Open
jakaskerjanc wants to merge 2 commits into
pingdotgg:mainfrom 
jakaskerjanc:fix/composer-command-description-width
Open
fix(web): let command menu descriptions use the full row width#8865
jakaskerjanc wants to merge 2 commits into
pingdotgg:mainfrom 
jakaskerjanc:fix/composer-command-description-width
Conversation
@jakaskerjanc
@jakaskerjancjakaskerjanc
commented
Aug 31, 2026•

edited by macroscopeapp
Bot
Loading

Copy link


Copy Markdown

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:
image
After:
image
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
coderabbitaiBot
commented
Aug 31, 2026•

edited

Loading

Copy link


Copy Markdown

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.
@github-actionsgithub-actionsBot
added

vouch:unvouched
PR author is not yet trusted in the VOUCHED list.
size:XS
0-9 changed lines (additions + deletions).
labels
Aug 31, 2026
@jakaskerjanc@claude
fix(web): let command menu descriptions use the full row width
2f6e067
Slash/skill menu descriptions were capped at max-w-[48ch], so long
descriptions truncated early and left dead space before the source badge.
Drop the cap; the description keeps flex-1 and min-w-0 so it now fills the
row up to the badge before showing an ellipsis. Badge stays right-aligned.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
@jakaskerjanc
jakaskerjancforce-pushed
the
fix/composer-command-description-width
branch
from
8ae3f5a to
2f6e067CompareAugust 31, 2026 07:14
@jakaskerjanc
jakaskerjanc
marked this pull request as ready for review
August 31, 2026 07:14
@macroscopeapp
macroscopeappBot
commented
Aug 31, 2026•

edited

Loading

Copy link


Copy Markdown

Contributor
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.
macroscopeapp[bot]
macroscopeappBot
previously approved these changes
Aug 31, 2026
View reviewed changes
@macroscopeapp
macroscopeappBot
dismissed
their stale reviewSeptember 2, 2026 08:15
Dismissing prior approval to re-evaluate bafbb0a
Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers

@macroscopeappmacroscopeapp[bot]macroscopeapp[bot] approved these changes

Assignees


No one assigned


Labels

size:XS0-9 changed lines (additions + deletions).vouch:unvouchedPR author is not yet trusted in the VOUCHED list.

Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

1 participant

@jakaskerjanc

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Strip utm_, fbclid, gclid, etc. from all links on page\n(function() {\n var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',\n 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',\n 'ref', 'ref_src', 'source', 'medium', 'campaign'];\n \n function cleanUrl(url) {\n try {\n var u = new URL(url, window.location.origin);\n var changed = false;\n trackingParams.forEach(function(p) {\n if (u.searchParams.has(p)) {\n u.searchParams.delete(p);\n changed = true;\n }\n });\n return changed ? u.toString() : url;\n } catch (e) {\n return url;\n }\n }\n \n function cleanLinks() {\n document.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n \n cleanLinks();\n \n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1) {\n if (node.tagName === 'A') cleanLinks();\n node.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Remove Tracking Parameters from Links");
}
} catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); }
})();
(function(){
try {
var __m = "youtube.com";
var __re = new RegExp('^' + "youtube\\.com" + '

Skip to content
fix(web): let command menu descriptions use the full row width - #8865
Open
jakaskerjanc wants to merge 2 commits into
pingdotgg:mainfrom 
jakaskerjanc:fix/composer-command-description-width
Open
fix(web): let command menu descriptions use the full row width#8865
jakaskerjanc wants to merge 2 commits into
pingdotgg:mainfrom 
jakaskerjanc:fix/composer-command-description-width
Conversation
@jakaskerjanc
@jakaskerjancjakaskerjanc
commented
Aug 31, 2026•

edited by macroscopeapp
Bot
Loading

Copy link


Copy Markdown

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:
image
After:
image
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
coderabbitaiBot
commented
Aug 31, 2026•

edited

Loading

Copy link


Copy Markdown

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.
@github-actionsgithub-actionsBot
added

vouch:unvouched
PR author is not yet trusted in the VOUCHED list.
size:XS
0-9 changed lines (additions + deletions).
labels
Aug 31, 2026
@jakaskerjanc@claude
fix(web): let command menu descriptions use the full row width
2f6e067
Slash/skill menu descriptions were capped at max-w-[48ch], so long
descriptions truncated early and left dead space before the source badge.
Drop the cap; the description keeps flex-1 and min-w-0 so it now fills the
row up to the badge before showing an ellipsis. Badge stays right-aligned.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
@jakaskerjanc
jakaskerjancforce-pushed
the
fix/composer-command-description-width
branch
from
8ae3f5a to
2f6e067CompareAugust 31, 2026 07:14
@jakaskerjanc
jakaskerjanc
marked this pull request as ready for review
August 31, 2026 07:14
@macroscopeapp
macroscopeappBot
commented
Aug 31, 2026•

edited

Loading

Copy link


Copy Markdown

Contributor
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.
macroscopeapp[bot]
macroscopeappBot
previously approved these changes
Aug 31, 2026
View reviewed changes
@macroscopeapp
macroscopeappBot
dismissed
their stale reviewSeptember 2, 2026 08:15
Dismissing prior approval to re-evaluate bafbb0a
Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers

@macroscopeappmacroscopeapp[bot]macroscopeapp[bot] approved these changes

Assignees


No one assigned


Labels

size:XS0-9 changed lines (additions + deletions).vouch:unvouchedPR author is not yet trusted in the VOUCHED list.

Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

1 participant

@jakaskerjanc

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Auto-enable theater mode on YouTube\n(function() {\n function tryTheater() {\n var btn = document.querySelector('button[aria-label=\"Theater mode\"], ytd-player #player button[title=\"Theater mode\"]');\n if (btn && !btn.classList.contains('activated')) {\n btn.click();\n }\n }\n \n // Try immediately\n tryTheater();\n \n // Try after navigation (SPA)\n var lastUrl = location.href;\n setInterval(function() {\n if (location.href !== lastUrl) {\n lastUrl = location.href;\n setTimeout(tryTheater, 500);\n }\n }, 1000);\n \n // Also try on player load\n var observer = new MutationObserver(tryTheater);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "YouTube Theater Mode Default");
}
} catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
fix(web): let command menu descriptions use the full row width - #8865
Open
jakaskerjanc wants to merge 2 commits into
pingdotgg:mainfrom 
jakaskerjanc:fix/composer-command-description-width
Open
fix(web): let command menu descriptions use the full row width#8865
jakaskerjanc wants to merge 2 commits into
pingdotgg:mainfrom 
jakaskerjanc:fix/composer-command-description-width
Conversation
@jakaskerjanc
@jakaskerjancjakaskerjanc
commented
Aug 31, 2026•

edited by macroscopeapp
Bot
Loading

Copy link


Copy Markdown

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:
image
After:
image
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
coderabbitaiBot
commented
Aug 31, 2026•

edited

Loading

Copy link


Copy Markdown

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.
@github-actionsgithub-actionsBot
added

vouch:unvouched
PR author is not yet trusted in the VOUCHED list.
size:XS
0-9 changed lines (additions + deletions).
labels
Aug 31, 2026
@jakaskerjanc@claude
fix(web): let command menu descriptions use the full row width
2f6e067
Slash/skill menu descriptions were capped at max-w-[48ch], so long
descriptions truncated early and left dead space before the source badge.
Drop the cap; the description keeps flex-1 and min-w-0 so it now fills the
row up to the badge before showing an ellipsis. Badge stays right-aligned.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
@jakaskerjanc
jakaskerjancforce-pushed
the
fix/composer-command-description-width
branch
from
8ae3f5a to
2f6e067CompareAugust 31, 2026 07:14
@jakaskerjanc
jakaskerjanc
marked this pull request as ready for review
August 31, 2026 07:14
@macroscopeapp
macroscopeappBot
commented
Aug 31, 2026•

edited

Loading

Copy link


Copy Markdown

Contributor
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.
macroscopeapp[bot]
macroscopeappBot
previously approved these changes
Aug 31, 2026
View reviewed changes
@macroscopeapp
macroscopeappBot
dismissed
their stale reviewSeptember 2, 2026 08:15
Dismissing prior approval to re-evaluate bafbb0a
Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers

@macroscopeappmacroscopeapp[bot]macroscopeapp[bot] approved these changes

Assignees


No one assigned


Labels

size:XS0-9 changed lines (additions + deletions).vouch:unvouchedPR author is not yet trusted in the VOUCHED list.

Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

1 participant

@jakaskerjanc

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers");
}
} catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
fix(web): let command menu descriptions use the full row width - #8865
Open
jakaskerjanc wants to merge 2 commits into
pingdotgg:mainfrom 
jakaskerjanc:fix/composer-command-description-width
Open
fix(web): let command menu descriptions use the full row width#8865
jakaskerjanc wants to merge 2 commits into
pingdotgg:mainfrom 
jakaskerjanc:fix/composer-command-description-width
Conversation
@jakaskerjanc
@jakaskerjancjakaskerjanc
commented
Aug 31, 2026•

edited by macroscopeapp
Bot
Loading

Copy link


Copy Markdown

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:
image
After:
image
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
coderabbitaiBot
commented
Aug 31, 2026•

edited

Loading

Copy link


Copy Markdown

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.
@github-actionsgithub-actionsBot
added

vouch:unvouched
PR author is not yet trusted in the VOUCHED list.
size:XS
0-9 changed lines (additions + deletions).
labels
Aug 31, 2026
@jakaskerjanc@claude
fix(web): let command menu descriptions use the full row width
2f6e067
Slash/skill menu descriptions were capped at max-w-[48ch], so long
descriptions truncated early and left dead space before the source badge.
Drop the cap; the description keeps flex-1 and min-w-0 so it now fills the
row up to the badge before showing an ellipsis. Badge stays right-aligned.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
@jakaskerjanc
jakaskerjancforce-pushed
the
fix/composer-command-description-width
branch
from
8ae3f5a to
2f6e067CompareAugust 31, 2026 07:14
@jakaskerjanc
jakaskerjanc
marked this pull request as ready for review
August 31, 2026 07:14
@macroscopeapp
macroscopeappBot
commented
Aug 31, 2026•

edited

Loading

Copy link


Copy Markdown

Contributor
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.
macroscopeapp[bot]
macroscopeappBot
previously approved these changes
Aug 31, 2026
View reviewed changes
@macroscopeapp
macroscopeappBot
dismissed
their stale reviewSeptember 2, 2026 08:15
Dismissing prior approval to re-evaluate bafbb0a
Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers

@macroscopeappmacroscopeapp[bot]macroscopeapp[bot] approved these changes

Assignees


No one assigned


Labels

size:XS0-9 changed lines (additions + deletions).vouch:unvouchedPR author is not yet trusted in the VOUCHED list.

Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

1 participant

@jakaskerjanc

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode");
}
} catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); }
})();
})();

Skip to content
fix(web): let command menu descriptions use the full row width - #8865
Open
jakaskerjanc wants to merge 2 commits into
pingdotgg:mainfrom 
jakaskerjanc:fix/composer-command-description-width
Open
fix(web): let command menu descriptions use the full row width#8865
jakaskerjanc wants to merge 2 commits into
pingdotgg:mainfrom 
jakaskerjanc:fix/composer-command-description-width
Conversation
@jakaskerjanc
@jakaskerjancjakaskerjanc
commented
Aug 31, 2026•

edited by macroscopeapp
Bot
Loading

Copy link


Copy Markdown

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:
image
After:
image
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
coderabbitaiBot
commented
Aug 31, 2026•

edited

Loading

Copy link


Copy Markdown

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.
@github-actionsgithub-actionsBot
added

vouch:unvouched
PR author is not yet trusted in the VOUCHED list.
size:XS
0-9 changed lines (additions + deletions).
labels
Aug 31, 2026
@jakaskerjanc@claude
fix(web): let command menu descriptions use the full row width
2f6e067
Slash/skill menu descriptions were capped at max-w-[48ch], so long
descriptions truncated early and left dead space before the source badge.
Drop the cap; the description keeps flex-1 and min-w-0 so it now fills the
row up to the badge before showing an ellipsis. Badge stays right-aligned.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
@jakaskerjanc
jakaskerjancforce-pushed
the
fix/composer-command-description-width
branch
from
8ae3f5a to
2f6e067CompareAugust 31, 2026 07:14
@jakaskerjanc
jakaskerjanc
marked this pull request as ready for review
August 31, 2026 07:14
@macroscopeapp
macroscopeappBot
commented
Aug 31, 2026•

edited

Loading

Copy link


Copy Markdown

Contributor
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.
macroscopeapp[bot]
macroscopeappBot
previously approved these changes
Aug 31, 2026
View reviewed changes
@macroscopeapp
macroscopeappBot
dismissed
their stale reviewSeptember 2, 2026 08:15
Dismissing prior approval to re-evaluate bafbb0a
Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers

@macroscopeappmacroscopeapp[bot]macroscopeapp[bot] approved these changes

Assignees


No one assigned


Labels

size:XS0-9 changed lines (additions + deletions).vouch:unvouchedPR author is not yet trusted in the VOUCHED list.

Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

1 participant

@jakaskerjanc