# Feature Request: GitHub Copilot Model Picker Provider Grouping

# Feature Request: GitHub Copilot Model Picker Provider Grouping

## Summary
Request to improve the GitHub Copilot model picker UI by adding provider-based grouping (accordion/submenu) to reduce cognitive load and improve discoverability of AI models.

## Problem
Current model picker displays all models in a flat, ungrouped list. As the number of providers and models grows, users experience:
- Difficulty scanning for models from specific providers
- Increased cognitive load remembering which provider offers which model
- Poor scalability with growing model catalog

## Proposed Solution
Implement provider-based grouping using an accordion-style interface:
- Each provider (OpenAI, Anthropic, Google, NVIDIA, etc.) as a collapsible section
- Section headers show provider name and model count
- Click header to expand/collapse provider's models
- Visual indicators for expand/collapse state
- Smooth animations for better UX

## Benefits
- **Faster model selection**: Users can quickly navigate to their preferred provider
- **Reduced cognitive load**: Provider context is immediately visible
- **Better scalability**: Interface remains usable as more providers/models are added
- **Improved discoverability**: Logical grouping matches how users conceptualize AI models

## Mockup Reference
See `model-picker-mockup.html` for visual implementation example showing:
- Provider sections with expand/collapse icons
- Model lists that slide open/closed using transform/scale (layout-performance safe)
- Selection states and hover effects
- Responsive width suitable for dropdown/popup context

## Implementation Notes
- Uses opacity and transform for animations (avoids layout thrashing)
- System font stack for native platform feel
- Keyboard accessible design (expand/collapse via Enter/Space)
- Selection persistence considerations

---
| Field | Value |
| --- | --- |
| App version | 1.1.6 |
| OS | Windows 10.0.19045 |
| Theme | GitHub |
| Path | /chat |
| Tenure | Week 3 |

まず、参照されている model-picker-mockup.html を確認し、次にアプリ内の現在のモデルピッカー UI のエントリーポイントを特定します。プロバイダーごとのセクション、モデル数、展開・折りたたみ動作、視覚的な状態インジケーター、アニメーション、キーボード操作、選択状態の永続化を、該当する範囲で実装します。完了条件は、プロバイダーがグループ化され、dropdown または popup のコンテキストでもピッカーが引き続き使用できることです。

索引モデルが issue の本文から書いたものです。