Skip to content

[Desktop/Web] Model selector should scale to the available screen size (fixed ~284px popover feels cramped) #48789

Description

@infucv7

Description

When I open the model selector ("Choose model") in OpenCode Desktop, it renders as a very small, compressed popover. I'm on a large monitor with plenty of free space, yet the list only shows a handful of rows before scrolling and long model names get truncated. It feels cramped for no reason.

Current behavior

  • The popover has a fixed, narrow width. In packages/app/src/components/dialog-select-model.tsx the content is rendered with class="w-[284px] overflow-hidden ...".
  • The list keeps a short visible height (with a sticky provider group label), so only a few models are visible at a time.
  • Long model names (e.g. claude-sonnet-4-..., gpt-...) are truncated even inside the dropdown, where there is clearly room.

Expected behavior

  • The selector should scale with the window/viewport: a taller list (more visible rows) and a wider popover when the screen allows it, instead of a fixed tiny box.
  • Keep a sensible upper bound (e.g. max-h/max-w relative to viewport) and stay scrollable on small screens.
  • Show full model names in the list (no ellipsis) when there is available space.
  • Preserve the current compact behavior on small windows/mobile.

Why this matters

  • Users with large screens waste space and scroll unnecessarily to find a model.
  • The number of models is large (OpenCode Zen alone lists ~79), so seeing only a handful of rows makes browsing painful.

Related

Environment

  • UI: OpenCode Desktop (also affects Web)
  • OS: Windows

Activity

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

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions