Skip to content

docs(mcp): refresh screenshots for redesigned MCP UI + OAuth callback#15

Merged
Killthebug merged 1 commit into
premAI-io:mainfrom
charitra-prem:feat/mcp-screenshots-refresh-2026-06
Jun 15, 2026
Merged

docs(mcp): refresh screenshots for redesigned MCP UI + OAuth callback#15
Killthebug merged 1 commit into
premAI-io:mainfrom
charitra-prem:feat/mcp-screenshots-refresh-2026-06

Conversation

@charitra-prem

Copy link
Copy Markdown
Contributor

Summary

Refreshes the MCP feature docs to match what shipped in premapp-backend#530 (BE) and fluso-frontend#274 (FE). The existing screenshots were stale; this swaps them in place so all MDX references still resolve, adds three new screenshots for states that didn't exist before, and tweaks the surrounding prose.

What changed in the UI (and is now reflected in the docs):

  • /mcp empty state — centered "Connect a server" pill with a slow-rotating dashed ring + pinging core, replacing the old "No MCP servers yet" inline line. Section header and search bar are hidden until there are >5 rows.
  • Connection rows — server favicon (via the DuckDuckGo icon proxy) instead of a generic globe; the expand chevron and per-server tools list are gone. Row menu is now just Reconnect / Disconnect, and Disconnect opens an AlertDialog confirming the action.
  • OAuth callback page (/v1/mcp-oauth/callback, BE-rendered) — 560px card with the Prem logomark, 84px animated status (pulsing core, two rippling halo rings, animated check / X glyph), bigger typography. Honors prefers-reduced-motion.

Files

  • features/mcp.mdx — prose tweaks to match the new screenshots (+25 / -9)
  • 7 existing screenshots replaced in place
  • 3 new screenshots added: disconnect-dialog.png, oauth-callback-success.png, oauth-callback-error.png

Test plan

  • mintlify dev renders /features/mcp without broken images
  • All new screenshots load
  • Prose matches what the screenshots actually show

…, and OAuth callback

The Fluso MCP UI shipped three visual changes that left the existing
screenshots stale:

- /mcp empty state is now a centered "Connect a server" pill with a
  rotating ring visual instead of the inline "No MCP servers yet" line.
  Search bar and section header are hidden until there are >5 rows.
- Connection rows show the server's favicon (DuckDuckGo proxy) instead
  of a generic globe, and the expand-chevron + per-server tools list
  is gone. The row menu now has Reconnect / Disconnect, and Disconnect
  opens an AlertDialog confirming the action.
- The BE-rendered /v1/mcp-oauth/callback page was redesigned: 560 px
  card with the Prem logomark, 84 px animated status (pulsing core,
  two rippling halo rings, animated check/X glyph), bigger typography.

Replaces existing screenshots in place so MDX references still resolve,
adds new screenshots for the disconnect confirm dialog and the success
and error callback states, and tweaks the surrounding mcp.mdx prose to
match what the new screenshots actually show.
@Killthebug Killthebug merged commit d1cae93 into premAI-io:main Jun 15, 2026
1 of 2 checks passed
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.

2 participants