mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-07-18 17:58:23 +00:00
27859cb41c
## Summary Stacked on #13728. Implements the setup-section redesign from the design mock: the client picker moves out of the Option 1 card into a bordered tab tray directly under the section header, and the selected client drives the step + command shown inside the Option 1 (manual install) card. ## Changes - **What**: - Tabs render at section level in a bordered tray (`rounded-2xl border p-1`, yellow fill-active pills); `TabsRoot` wraps the tray and the grid so the panels stay inside the manual card. - Added OpenClaw as a sixth client (skill install + `openclaw mcp set` commands from the setup docs); the catch-all tab is renamed to "Others". - The agent card's skills note now sits inline under the command instead of pinned to the card bottom. - PostHog: new `website:mcp_client_tab_clicked` event (property: `client`) captured on tab click via the existing `posthog.ts` helper pattern; two unit tests added alongside the download-click tests. Heatmap/autocapture data comes for free once on the page, this gives named click-volume per client. - e2e: OpenClaw tab assertion added; all 7 mcp tests pass; card heights verified stable across all six tabs. ## Review Focus - Event-capture verification in headless browsers is structurally impossible (posthog-js drops events for `navigator.webdriver` clients), so runtime verification is unit-level, matching how `captureDownloadClick` is tested. - Copy kept from #13728 (subtitle lists manual first; agent card leads "Prefer to let your agent do it?") rather than the mock's carried-over screenshot text. Linear: [PM-132](https://linear.app/comfyorg/issue/PM-132/comfyorgmcp-faq-is-stale-and-contradicts-the-page-rewrite-faq-fix) ## Screenshots (if applicable)