Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

improvement: reorganize SlashCommandOptions dropdown and add help link#444

Merged
breaking-brake merged 1 commit intomainbreaking-brake/cc-wf-studio:mainfrom
improvement/reorganize-slashcommand-options-dropdownbreaking-brake/cc-wf-studio:improvement/reorganize-slashcommand-options-dropdownCopy head branch name to clipboard
Jan 13, 2026
Merged

improvement: reorganize SlashCommandOptions dropdown and add help link#444
breaking-brake merged 1 commit intomainbreaking-brake/cc-wf-studio:mainfrom
improvement/reorganize-slashcommand-options-dropdownbreaking-brake/cc-wf-studio:improvement/reorganize-slashcommand-options-dropdownCopy head branch name to clipboard

Conversation

@breaking-brake
Copy link
Copy Markdown
Owner

Problem

The SlashCommandOptions dropdown had several UX issues:

Current Behavior

  1. Submenu order didn't match the frontmatter export order in Claude Code docs
  2. Individual tooltip descriptions were inconsistent (some submenus had them, others didn't)
  3. No direct link to official documentation for users who need help

Expected Behavior

  1. ✅ Submenu order matches frontmatter export order
  2. ✅ Consistent help experience via single documentation link
  3. ✅ Easy access to official documentation

Solution

Reorganize the dropdown structure and consolidate help resources:

  • Reorder submenus to match Claude Code docs frontmatter order
  • Add localized "Frontmatter Reference" link at dropdown bottom
  • Remove individual tooltip descriptions from submenus
  • Clean up unused translation keys

Changes

Submenu Order (matches export-service.ts frontmatter output)

  1. Allowed Tools
  2. Model
  3. Context
  4. Disable Model Invocation
  5. Hooks

File Changes

File: src/webview/src/components/toolbar/SlashCommandOptionsDropdown.tsx

  • Reordered submenu components
  • Added ExternalLink icon and Frontmatter Reference link
  • Removed tooltip descriptions from Context, Disable Model Invocation, Hooks submenus
  • Removed descKey prop from HookTypeSubMenu component

Files: src/webview/src/i18n/translation-keys.ts, translations/*.ts

  • Added toolbar.slashCommandOptions.frontmatterReferenceUrl with locale-specific URLs
  • Removed unused keys: toolbar.contextFork.tooltip, toolbar.disableModelInvocation.tooltip, hooks.tooltip, hooks.preToolUse.description, hooks.postToolUse.description, hooks.stop.description

Impact

  • UX: Users get consistent help experience via official documentation link
  • Localization: Help link opens documentation in user's language
  • Code cleanup: -60 lines of code, fewer translation keys to maintain

Testing

  • Manual E2E testing completed
    • Submenu order verified
    • Frontmatter Reference link opens correct localized URL
    • No tooltip descriptions appear in submenus
  • Code quality checks passed (npm run format && npm run lint && npm run check)
  • Build successful (npm run build)

🤖 Generated with Claude Code

- Reorder submenus to match frontmatter export order
- Add localized Frontmatter Reference help link at dropdown bottom
- Remove individual tooltip descriptions from submenus
- Delete unused translation keys

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
@breaking-brake breaking-brake merged commit d39a702 into main Jan 13, 2026
3 checks passed
@breaking-brake breaking-brake deleted the improvement/reorganize-slashcommand-options-dropdown branch January 13, 2026 01:12
@breaking-brake breaking-brake mentioned this pull request Jan 13, 2026
braking-brake-semantic-release Bot pushed a commit that referenced this pull request Jan 13, 2026
## [3.14.3](v3.14.2...v3.14.3) (2026-01-13)

### Bug Fixes

* ensure consistent left-side submenu positioning ([#434](#434)) ([0679f7d](0679f7d)), closes [#433](#433)

### Improvements

* add disable-model-invocation configuration UI for Slash Command export ([#443](#443)) ([8eac0a0](8eac0a0))
* reorganize SlashCommandOptions dropdown and add help link ([#444](#444)) ([d39a702](d39a702))
@braking-brake-semantic-release
Copy link
Copy Markdown

🎉 This PR is included in version 3.14.3 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

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

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant

Morty Proxy This is a proxified and sanitized view of the page, visit original site.