Skip to content

sessions: use compare icon for model comparisons - #342960

Merged
Megan Rogge (meganrogge) merged 1 commit into
mainfrom
agents/compare-agents-icon-integration
Oct 20, 2026
Merged

Megan Rogge (meganrogge) merged 1 commit into
mainfrom
agents/compare-agents-icon-integration

Conversation

@meganrogge

Copy link
Copy Markdown
Collaborator

Summary

Use the balance-scales compare icon introduced in microsoft/vscode-codicons#540 instead of the trophy for the Compare Models toggle and configured comparison composer in the Agents window.

Register the glyph through the existing derived codicons mapping without editing the generated library. The existing @vscode/codicons 0.0.46-47 dependency already includes the glyph, so no dependency change is needed. Preserve accessible labels, toggle state, keyboard behavior, and feature gating.

Validation

  • npm run compile — passed (client and built-in extensions).
  • ./scripts/test.sh --reporter dot --run src/vs/workbench/contrib/chat/test/browser/widget/input/modelPicker/modelPickerActionItem.test.ts --run src/vs/workbench/contrib/chat/test/browser/widget/input/modelPicker/modelPickerTabbedWidget.test.ts — passed, 159 tests.
  • npm run eslint -- src/vs/base/common/codicons.ts src/vs/workbench/contrib/chat/browser/widget/input/modelPicker/modelPickerTabbedWidget.ts src/vs/workbench/contrib/chat/browser/widget/input/modelPicker/modelPickerWidget.ts src/vs/workbench/contrib/chat/test/browser/widget/input/modelPicker/modelPickerTabbedWidget.test.ts src/vs/workbench/contrib/chat/test/browser/widget/input/modelPicker/modelPickerActionItem.test.ts — passed.
  • Launched Code OSS with --agents; visually verified the balance-scales glyph in the picker and composer, selected two models, and committed the comparison with Done. No prompt was sent.

How to Test

  1. Open the Agents window with comparison enabled (sessions.chat.compareAgents.enabled).
  2. Open the new-session model picker and verify Compare Models shows balance scales.
  3. Toggle comparison, select two models, and choose Done.
  4. Verify the composer uses one compare icon and its accessible label retains the selected model names.

Use the balance-scales codicon from microsoft/vscode-codicons#540 for the comparison toggle and composer, preserving accessible labels and toggle state.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Copilot AI balanced review requested due to automatic review settings October 20, 2026 18:48

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🟢 Approval recommended

The narrowly scoped icon replacement preserves existing behavior and has no unresolved defects.

No open issues 🎉

What changed in this PR

Replaces trophy icons with the balance-scales compare icon for model comparisons in the Agents window.

Changes:

  • Registers the compare glyph through the derived codicons mapping.
  • Updates the comparison toggle and composer icons without changing interaction behavior.
  • Updates icon assertions while preserving accessibility and toggle-state checks.

No actionable findings remain. Reported validation was not rerun.

File Description
src/​vs/​workbench/​contrib/​chat/​test/​browser/​widget/​input/​modelPicker/​modelPickerTabbedWidget.test.ts Updates comparison toggle icon assertions.
src/​vs/​workbench/​contrib/​chat/​test/​browser/​widget/​input/​modelPicker/​modelPickerActionItem.test.ts Updates composer icon assertions and test names.
src/​vs/​workbench/​contrib/​chat/​browser/​widget/​input/​modelPicker/​modelPickerWidget.ts Uses the compare icon in the composer.
src/​vs/​workbench/​contrib/​chat/​browser/​widget/​input/​modelPicker/​modelPickerTabbedWidget.ts Uses the compare icon for the toggle.
src/​vs/​base/​common/​codicons.ts Registers the compare glyph.

Review effort: Balanced

@github-actions

Copy link
Copy Markdown
Contributor

Screenshot Changes

Base: b3d1e667 Current: 46feb1bd

Changed (6)

sessions/compareModels/sessionComparisonModelPicker/SingleModelPicker/Light
Before After
before after
sessions/compareModels/sessionComparisonModelPicker/FolderlessAttempts/Light
Before After
before after
sessions/compareModels/sessionComparisonModelPicker/NoAttemptsSelected/Light
Before After
before after
sessions/compareModels/sessionComparisonModelPicker/AttemptsSelected/Light
Before After
before after
sessions/compareModels/sessionComparisonModelPicker/JudgeSelected/Light
Before After
before after
sessions/compareModels/sessionComparisonModelPicker/SynthesizerSelected/Light
Before After
before after

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants