Skip to content

Cloud UX overhaul: navigation, dashboard, integrations#256

Merged
ericflo merged 1 commit intomainfrom
ce/cloud-ux-overhaul
Apr 10, 2026
Merged

Cloud UX overhaul: navigation, dashboard, integrations#256
ericflo merged 1 commit intomainfrom
ce/cloud-ux-overhaul

Conversation

@ericflo
Copy link
Copy Markdown
Owner

@ericflo ericflo commented Apr 10, 2026

What

Major UX improvements to the modelrelay.io cloud site.

Changes

  • Fix navigation consistency across all logged-in pages — setup and integrate pages now show Dashboard, Integrate, Pricing, and Log out (matching page_shell). Active page is highlighted with purple accent.
  • Enrich subscriber dashboard — replace barebones cards with a welcome header, prominent API key with copy button, 2-column relay status + subscription grid, and quick-start links to Setup/Integrate/Docs.
  • Add Response Format section to /integrate — shows both non-streaming JSON and streaming SSE response examples with exact OpenAI-compatible shapes, so users know what to expect.
  • Improve live demo UX — better error messages for CORS/network failures with status-specific hints (401 = bad key, 404 = bad URL, 503 = no workers), server URL validation, and a green "Logged in" banner when credentials are pre-filled.

Why

The cloud site felt amateur — broken navigation (no way to log out from setup/integrate), barebones subscriber dashboard, missing response format documentation, and unhelpful demo errors made it hard to use as a real product.

Testing

  • cargo build — passes
  • cargo test — passes
  • cargo clippy — clean

- Fix navigation consistency: setup and integrate pages now show the
  full logged-in nav (Dashboard, Integrate, Pricing, Log out) when
  accessed by authenticated users, matching page_shell. Active page
  is highlighted in all navs.

- Enrich subscriber dashboard: replace barebones card layout with a
  welcome header, prominent API key display with copy button,
  2-column grid for relay status and subscription, and quick-start
  links to Setup, Integrate, and Docs.

- Add Response Format section to integrate page showing both
  non-streaming JSON and streaming SSE response examples with the
  exact OpenAI-compatible shapes.

- Improve live demo UX: better error messages for CORS/network
  failures, HTTP status hints (401/404/503), server URL validation,
  and a green banner when logged in with pre-filled credentials.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@ericflo ericflo merged commit d6f20cf into main Apr 10, 2026
12 checks passed
@ericflo ericflo deleted the ce/cloud-ux-overhaul branch April 10, 2026 04:39
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.

1 participant