Skip to content

fix(vscode): move mode selector next to model dropdown and update styling - #1127

Open
awhite0030 wants to merge 1 commit into
Nano-Collective:mainfrom
awhite0030:fix-move-mode-selector-9702193931962320651
Open

fix(vscode): move mode selector next to model dropdown and update styling#1127
awhite0030 wants to merge 1 commit into
Nano-Collective:mainfrom
awhite0030:fix-move-mode-selector-9702193931962320651

Conversation

@awhite0030

Copy link
Copy Markdown
Contributor

Description

Brief description of what this PR does

Type of Change

  • Bug fix
  • New feature
  • Breaking change
  • Documentation update

Changeset

  • Added a changeset (pnpm changeset) describing this change for the changelog

Docs-only or internal chores need no changeset (or run pnpm changeset --empty to note that intentionally).

Testing

Automated Tests

  • New features include passing tests in .spec.ts/tsx files
  • All existing tests pass (pnpm test:all completes successfully)
  • Tests cover both success and error scenarios

Manual Testing

  • Tested with Ollama
  • Tested with OpenRouter
  • Tested with OpenAI-compatible API
  • Tested MCP integration (if applicable)

Checklist

  • If this was for an open issue, I was assigned to it
  • Code follows project style guidelines
  • Self-review completed
  • Documentation updated (if needed)
  • No breaking changes (or clearly documented)
  • Appropriate logging added using structured logging (see CONTRIBUTING.md)

Root cause: The mode selector was positioned on the far right due to the flex-1 class on the model selector stretching it, and it had a truncated max-width and a gear icon which lacked clarity.
Fix: Removed flex-1 from the model-trigger button so the mode-trigger (composer-settings-trigger) can immediately follow it. Replaced the mode-trigger gear SVG with a dropdown chevron and removed the max-w-[40%] from its label for clearer grouping on the left side of the input.
Validation: Ran pnpm run build, pnpm test:format, pnpm test:lint, pnpm test:types, pnpm test:knip, and targeted pnpm test:ava "./plugins/vscode/src/**/*.spec.ts" successfully.

Fixes #1095

Fixes #1095

@github-actions github-actions Bot added the area:vscode VS Code extension and host integration label Sep 2, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

area:vscode VS Code extension and host integration

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Feature] Move Mode selector next to Model dropdown and improve its label/icon

1 participant