Skip to content

Global server selector panel #39

Description

@t1

Parent: #13 (Multi-server support)

Generate the server selector panel inline in index.html with radio buttons for the spec's top-level servers array (non-template servers only — template variables are #38).

Scope

Header display:

  • Resolved server URL shown inline in the header bar, between page title and mode toggle
  • Always a clickable toggle (▶/▼) that expands/collapses the server panel
  • Even with a single server, the toggle is active (users can add custom URLs in Global server selector panel #39)

Server panel (collapsible):

  • Radio button for each global server, labeled with the URL
  • Server description shown next to the URL (if defined in the spec)
  • If the spec defines no servers field, a single entry shows the resolved origin URL (resolved client-side in JS)
  • Empty #server-override placeholder slot (used by Template server variables and presets #40)

JS:

  • Expand/collapse toggle (following globalHeaders pattern with is-collapsed class)
  • On radio selection, update data-base-url on the mode toggle element
  • Persist selected server in localStorage (openapi-ui-server)
  • Restore selection on page load

CSS:

  • Follow globalHeaders panel styling pattern

Design spec

See docs/superpowers/specs/2026-04-11-issue-13-multi-server-support-design.md

Metadata

Metadata

Assignees

No one assigned

    Labels

    approvedReviewed by maintainer — agents may read and act

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions