feat(web): rebuild the share page as a per-client connect storyboard - #2
Merged
Conversation
Replace the one-step-per-client matrix with a beat storyboard that walks each client Add -> Authenticate -> connected, drawn to resemble that client's surface. Every http client gets the config shape it actually accepts -- VS Code's top-level `servers` with a transport `type`, Cline's `streamableHttp`, Zed's `context_servers`, Windsurf's `serverUrl`, the generic `url` + `type` -- plus the authenticate beat that follows Add: an explicit Connect/Authenticate control, or a browser that opens on its own, each ending on a connected cap, never on "Added". stdio walks clone -> build -> point-at-it with the per-client run key. - scenes: auth / browser / modal / connected-cap / beat-kind; terminal gains status tags + a glow row for the /mcp authenticate beat - storyboard.tsx + beat.tsx replace build-steps.tsx + step-card - one-click is remote-only and honest (a stdio deep-link can't clone or build); key the banner per client so a stale "Sent to X" can't survive a switch - footnote the static-token path on the config-file beats (Zed, Generic) - slugify the server key so a punctuated title can't emit a leading-dash arg - relabel the Claude row "Claude"
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Rebuilds the
/<slug>share page's instruction component from the approved design mock: a per-client connect storyboard that walks the visitor Add → Authenticate → connected, drawn to resemble their client's surface.What changed
servers+ transporttype, Cline'sstreamableHttp, Zed'scontext_servers, Windsurf'sserverUrl, the genericurl+type. stdio walks clone → build → point-at-it with the per-client run key.auth/browser/modal/connected-cap/beat-kind);terminalgains status tags + a glow row for the/mcpbeat.storyboard.tsx+beat.tsxreplacebuild-steps.tsx+step-card.serverNameslugifies so a punctuated title can't emit a leading-dash arg that breaksclaude mcp add.Verification
Full local gate green: typecheck · lint · format · co-located-test law · agnostic-seam · 244 unit tests with coverage · build + bundle-budget (186.9 / 200 kB gzip). An adversarial review (one fidelity pass per client + dimension reviewers, each finding re-verified) surfaced 10 issues — all fixed in this branch.
Also carries an earlier
readme updatecommit already present on the branch.