Skip to content

fix(ui): inline provider chip + group model count in model picker (#1425)#1644

Closed
bergeouss wants to merge 1 commit into
nesquena:masterfrom
bergeouss:fix/issue-1425-model-picker-provider-chip
Closed

fix(ui): inline provider chip + group model count in model picker (#1425)#1644
bergeouss wants to merge 1 commit into
nesquena:masterfrom
bergeouss:fix/issue-1425-model-picker-provider-chip

Conversation

@bergeouss
Copy link
Copy Markdown
Contributor

Inline provider chip + group model count in composer model picker (#1425)

Same-name models across providers are now visually distinguishable.

Changes:

  • Inline provider chip on every model row
  • Per-group model count in headings
  • Subtle border-top divider between provider groups

Closes #1425

AI-assisted via Hermes Agent

…squena#1425)

- Add .model-opt-provider chip (right-aligned, muted) on every model row
  that belongs to a provider group, making same-name models across
  providers visually distinguishable at a glance.
- Add per-group model count to group headings: 'OpenRouter (47)'.
- Add subtle border-top divider between provider groups for visual
  separation during scroll.

Scope: Shape A from nesquena#1425 — smallest change, ~15 LOC, no API churn.
Note: Settings model picker is a native <select> and already has optgroup
labels; this targets the custom dropdown used in the composer.

Closes nesquena#1425
@nesquena nesquena added hold ux User experience / visual polish labels May 4, 2026
@nesquena
Copy link
Copy Markdown
Owner

nesquena commented May 4, 2026

@bergeouss Can you provide screenshots for this one?

bergeouss added a commit to bergeouss/hermes-webui that referenced this pull request May 4, 2026
@bergeouss
Copy link
Copy Markdown
Contributor Author

Here are screenshots of the model picker dropdown showing the three changes from this PR:

1. Inline provider chip on every model row — Each model shows its provider as a subtle bordered chip (e.g. Anthropic, Other) on the right side of the row.

2. Per-group model count in headings — Provider group headings now include the count, e.g. ANTHROPIC (3), OTHER (6).

3. Subtle border-top divider between provider groups — A thin border-top separates each provider group for visual clarity.

Model picker with provider chips and group counts

Visible groups in the dropdown: OPENAI (4), ANTHROPIC (3), OTHER (6) — each model row has its provider chip, and groups are visually separated by dividers.

@nesquena-hermes
Copy link
Copy Markdown
Collaborator

Closed by the v0.51.4 release in PR #1707 (merged at 4daa238, deployed to production).

Live on production: https://github.com/nesquena/hermes-webui/releases/tag/v0.51.4

🚀

Michaelyklam pushed a commit to Michaelyklam/hermes-webui that referenced this pull request May 5, 2026
Michaelyklam added a commit to Michaelyklam/hermes-webui that referenced this pull request May 5, 2026
10 PRs (3 surfaces additions, 7 fixes):
- nesquena#1644 model picker chip + group count (@bergeouss, closes nesquena#1425)
- nesquena#1684 update network failures UX (@Michaelyklam, closes nesquena#1321)
- nesquena#1685 Codex spark models (@Michaelyklam, closes nesquena#1680)
- nesquena#1689 normalize profile base homes (@Michaelyklam, refs nesquena#749)
- nesquena#1693 adaptive title refresh deadlock (@ai-ag2026)
- nesquena#1701 normalize update banner URL (@Michaelyklam, closes nesquena#1691)
- nesquena#1702 workspace double-click rename (@Michaelyklam, closes nesquena#1698)
- nesquena#1703 cache invalidation on auth-store drift (@Michaelyklam, closes nesquena#1699)
- nesquena#1704 markdown fence lengths (@Michaelyklam, closes nesquena#1696)
- nesquena#1706 multi-image paste fix (@Michaelyklam, closes nesquena#1697)

Tests: 4477 → 4503 (+26). Opus: SHIP, 7/7 verification clean.

Co-authored-by: Michael Lam <Michaelyklam1@gmail.com>
Co-authored-by: ai-ag2026 <noreply@github.com>
Co-authored-by: bergeouss <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.

ux(models): model picker gets unwieldy with 3+ providers — same-name collision + list overload (sub-issue of #1240)

3 participants