Skip to content

More model picker improvements - #334674

Merged
Logan Ramos (lramos15) merged 2 commits into
mainfrom
lramos15/compatible-wasp
Sep 5, 2026
Merged

More model picker improvements#334674
Logan Ramos (lramos15) merged 2 commits into
mainfrom
lramos15/compatible-wasp

Conversation

@lramos15

Copy link
Copy Markdown
Member
  • Cleanup focus issues
  • Cleanup model picker card

Copilot AI balanced review requested due to automatic review settings September 5, 2026 00:22
@lramos15
Logan Ramos (lramos15) enabled auto-merge (squash) September 5, 2026 00:22
@lramos15 Logan Ramos (lramos15) self-assigned this Sep 5, 2026

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.

Copilot review overview

🔵 Needs a closer look

The cross-cutting focus, pointer, accessibility, zoom, and popup-layout behavior warrants final human UI validation.

Review tier: Balanced
Findings: None

What changed in this PR

Improves model-picker cards, focus handling, persistent previews, Auto-tier interaction, and popup sizing.

Changes:

  • Adds persistent, keyboard-accessible model detail previews.
  • Keeps Auto tiers visible and safely sequences configuration changes.
  • Expands UI, accessibility, layout, and fixture coverage.
File Description
tabbedModelPicker.fixture.ts Adds anchored and expanded visual scenarios.
modelPickerAutoRow.test.ts Tests tier interaction, focus, failures, and races.
chatAccessibilityHelp.test.ts Tests updated model-picker guidance.
modelPickerTabbedWidget.ts Enables persistent model-card previews.
modelPickerAutoRow.ts Keeps tiers available and sequences updates.
modelPicker.css Refines inactive tiers and focus styling.
chatAccessibilityHelp.ts Documents picker keyboard behavior.
tabbedActionListWidget.test.ts Tests initial previews, focus, and footer sizing.
actionList.test.ts Tests persistent preview behavior and positioning.
tabbedActionListWidget.ts Preserves popup size and focus during updates.
actionList.ts Implements persistent hover panels and positioning.
radio.test.ts Adds comprehensive radio interaction tests.
radio.ts Adds activation events and focus APIs.
radio.css Stabilizes segmented-radio sizing and focus visuals.

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

@github-actions

github-actions Bot commented Sep 5, 2026

Copy link
Copy Markdown
Contributor

Screenshot Changes

Base: 42b37b7a Current: 71fd85d8

Changed (46)

chat/input/tabbedModelPicker/Picker/Dark
Before After
before after
chat/input/tabbedModelPicker/Picker/Light
Before After
before after
chat/input/tabbedModelPicker/PickerWithAddedModels/Dark
Before After
before after
chat/input/tabbedModelPicker/PickerWithAddedModels/Light
Before After
before after
chat/input/tabbedModelPicker/PickerAddedModelsTab/Dark
Before After
before after
chat/input/tabbedModelPicker/PickerAddedModelsTab/Light
Before After
before after
chat/input/tabbedModelPicker/PickerWithManyProviders/Dark
Before After
before after
chat/input/tabbedModelPicker/PickerWithManyProviders/Light
Before After
before after
chat/input/tabbedModelPicker/PickerAddedModelsPinned/Dark
Before After
before after
chat/input/tabbedModelPicker/PickerAddedModelsPinned/Light
Before After
before after
chat/input/tabbedModelPicker/PickerWithAutoSelected/Dark
Before After
before after
chat/input/tabbedModelPicker/PickerWithAutoSelected/Light
Before After
before after
chat/input/tabbedModelPicker/PickerAutoOnlyPlan/Dark
Before After
before after
chat/input/tabbedModelPicker/PickerAutoOnlyPlan/Light
Before After
before after
chat/input/tabbedModelPicker/PickerRelayedByHost/Dark
Before After
before after
chat/input/tabbedModelPicker/PickerRelayedByHost/Light
Before After
before after
chat/input/tabbedModelPicker/PickerLockedModels/Dark
Before After
before after
chat/input/tabbedModelPicker/PickerLockedModels/Light
Before After
before after
chat/input/tabbedModelPicker/PickerLockedModelsBusiness/Dark
Before After
before after
chat/input/tabbedModelPicker/PickerLockedModelsBusiness/Light
Before After
before after
chat/input/tabbedModelPicker/PickerBadges/Dark
Before After
before after
chat/input/tabbedModelPicker/PickerBadges/Light
Before After
before after
chat/input/tabbedModelPicker/PickerConfiguredModels/Dark
Before After
before after
chat/input/tabbedModelPicker/PickerConfiguredModels/Light
Before After
before after
chat/input/tabbedModelPicker/PickerSearch/Dark
Before After
before after
chat/input/tabbedModelPicker/PickerSearch/Light
Before After
before after
chat/input/tabbedModelPicker/PickerWithCard/Dark
Before After
before after
chat/input/tabbedModelPicker/PickerWithCard/Light
Before After
before after
chat/input/tabbedModelPicker/PickerWelcome/Dark
Before After
before after
chat/input/tabbedModelPicker/PickerWelcome/Light
Before After
before after
chat/input/tabbedModelPicker/CardStandardContext/Dark
Before After
before after
chat/input/tabbedModelPicker/CardStandardContext/Light
Before After
before after
chat/input/tabbedModelPicker/CardPricingExpanded/Dark
Before After
before after
chat/input/tabbedModelPicker/CardPricingExpanded/Light
Before After
before after
chat/input/tabbedModelPicker/PickerSpeedVariants/Dark
Before After
before after
chat/input/tabbedModelPicker/PickerSpeedVariants/Light
Before After
before after
chat/input/tabbedModelPicker/PickerSpeedVariantsFastSelected/Dark
Before After
before after
chat/input/tabbedModelPicker/PickerSpeedVariantsFastSelected/Light
Before After
before after
chat/input/tabbedModelPicker/CardExtendedContext/Dark
Before After
before after
chat/input/tabbedModelPicker/CardExtendedContext/Light
Before After
before after
chat/input/tabbedModelPicker/CardManyEffortValues/Dark
Before After
before after
chat/input/tabbedModelPicker/CardManyEffortValues/Light
Before After
before after
chat/input/tabbedModelPicker/AutoRowOff/Dark
Before After
before after
chat/input/tabbedModelPicker/AutoRowOff/Light
Before After
before after
chat/input/tabbedModelPicker/AutoRowOn/Dark
Before After
before after
chat/input/tabbedModelPicker/AutoRowOn/Light
Before After
before after

3 insignificant change(s) omitted (≤20 px, Δ≤2). See CI logs for details.

Added (16)

chat/input/tabbedModelPicker/PickerAnchored/Dark

current

chat/input/tabbedModelPicker/PickerAnchored/Light

current

chat/input/tabbedModelPicker/PickerAnchored/DarkHighContrast

current

chat/input/tabbedModelPicker/PickerAnchoredRight/Dark

current

chat/input/tabbedModelPicker/PickerAnchoredRight/Light

current

chat/input/tabbedModelPicker/PickerAnchoredRight/DarkHighContrast

current

chat/input/tabbedModelPicker/PickerAnchoredWithCollapsedModels/Dark

current

chat/input/tabbedModelPicker/PickerAnchoredWithCollapsedModels/Light

current

chat/input/tabbedModelPicker/PickerAnchoredWithCollapsedModels/DarkHighContrast

current

chat/input/tabbedModelPicker/PickerAnchoredAutoSelected/Dark

current

chat/input/tabbedModelPicker/PickerAnchoredAutoSelected/Light

current

chat/input/tabbedModelPicker/PickerAddedModelSelected/Dark

current

chat/input/tabbedModelPicker/PickerAddedModelSelected/Light

current

chat/input/tabbedModelPicker/CardPricingExpanded/DarkHighContrast

current

chat/input/tabbedModelPicker/CardManyEffortValues/DarkHighContrast

current

chat/input/tabbedModelPicker/AutoRowOn/DarkHighContrast

current

Use the Sessions-owned workspace picker setting in the provider and its tests to fix CI compilation and platform test failures.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
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.

3 participants