diff --git a/docs/screenshots/README.md b/docs/screenshots/README.md index b737996a..71083c01 100644 --- a/docs/screenshots/README.md +++ b/docs/screenshots/README.md @@ -17,25 +17,25 @@ pnpm exec wdio run tests/e2e/wdio.conf.ts --spec tests/e2e/specs/capture-screens ## What Gets Captured -### Page Screenshots (content area only — no sidebar/titlebar) - -| Screenshot | Page | Content | -|---|---|---| -| `dashboard.png` | Dashboard | Gateway status, stats cards, client config snippet | -| `servers.png` | My Servers | Installed servers with connection states | -| `discover.png` | Discover | Server registry (mock bundle with 14 servers) | -| `spaces.png` | Spaces | Workspace cards (default + 5 additional) | -| `featuresets.png` | FeatureSets | Permission bundles | -| `clients.png` | Clients | Connected AI clients (Cursor, VS Code, Claude Desktop, Windsurf, Claude Code) | -| `settings.png` | Settings | App settings page | +### Page Screenshots + +| Screenshot | Page | Type | Content | +|---|---|---|---| +| `dashboard.png` | Dashboard | content area | Gateway status, stats cards, client config snippet | +| `servers.png` | My Servers | content area | Installed servers with connection states | +| `discover.png` | Discover | content area | Server registry (mock bundle with 14 servers) | +| `spaces.png` | Spaces | content area | Workspace cards (default + 5 additional) | +| `featuresets.png` | FeatureSets | content area | Permission bundles | +| `clients.png` | Clients | full window | OAuth consent modal over connected clients (Cursor, VS Code, Windsurf, Claude Code) | +| `settings.png` | Settings | content area | App settings page | ### Detail Screenshots (modals, panels, focused views) | Screenshot | Content | |---|---| | `featureset-detail.png` | Feature set panel with permission checkboxes | -| `client-detail.png` | Client detail panel with connection mode/locking | -| `client-permissions.png` | Client panel with Permissions section expanded (feature set granting) | +| `client-detail.png` | Client detail panel with Permissions section (Quick Settings collapsed) | +| `client-permissions.png` | Client panel with Effective Features section expanded (resolved tools/prompts/resources) | | `server-expanded.png` | Server card expanded showing tools, prompts, resources | | `space-switcher.png` | Sidebar with space switcher dropdown open (full window) | | `install-modal.png` | Server install modal from registry | diff --git a/docs/screenshots/client-detail.png b/docs/screenshots/client-detail.png index 5891a081..2ff00753 100644 Binary files a/docs/screenshots/client-detail.png and b/docs/screenshots/client-detail.png differ diff --git a/docs/screenshots/client-permissions.png b/docs/screenshots/client-permissions.png index b563d1dc..c60b4d0e 100644 Binary files a/docs/screenshots/client-permissions.png and b/docs/screenshots/client-permissions.png differ diff --git a/docs/screenshots/clients.png b/docs/screenshots/clients.png index 29efc4b3..89efcdd6 100644 Binary files a/docs/screenshots/clients.png and b/docs/screenshots/clients.png differ diff --git a/docs/screenshots/dashboard.png b/docs/screenshots/dashboard.png index 28d60611..a1bff12c 100644 Binary files a/docs/screenshots/dashboard.png and b/docs/screenshots/dashboard.png differ diff --git a/docs/screenshots/discover-web.png b/docs/screenshots/discover-web.png index a050ff10..1cac756d 100644 Binary files a/docs/screenshots/discover-web.png and b/docs/screenshots/discover-web.png differ diff --git a/docs/screenshots/featureset-detail.png b/docs/screenshots/featureset-detail.png index 9487a063..9c41484e 100644 Binary files a/docs/screenshots/featureset-detail.png and b/docs/screenshots/featureset-detail.png differ diff --git a/docs/screenshots/server-expanded.png b/docs/screenshots/server-expanded.png index f6a0bc85..a5303781 100644 Binary files a/docs/screenshots/server-expanded.png and b/docs/screenshots/server-expanded.png differ diff --git a/docs/screenshots/servers.png b/docs/screenshots/servers.png index 55104669..203c87f6 100644 Binary files a/docs/screenshots/servers.png and b/docs/screenshots/servers.png differ diff --git a/docs/screenshots/settings.png b/docs/screenshots/settings.png index 315c6f12..5aeb314a 100644 Binary files a/docs/screenshots/settings.png and b/docs/screenshots/settings.png differ diff --git a/docs/screenshots/space-switcher.png b/docs/screenshots/space-switcher.png index 60e8865d..2aee0205 100644 Binary files a/docs/screenshots/space-switcher.png and b/docs/screenshots/space-switcher.png differ diff --git a/docs/screenshots/spaces.png b/docs/screenshots/spaces.png index 2a406e3f..56b27e52 100644 Binary files a/docs/screenshots/spaces.png and b/docs/screenshots/spaces.png differ diff --git a/tests/e2e/specs/capture-screenshots.manual.ts b/tests/e2e/specs/capture-screenshots.manual.ts index 0e092a14..80c34bf6 100644 --- a/tests/e2e/specs/capture-screenshots.manual.ts +++ b/tests/e2e/specs/capture-screenshots.manual.ts @@ -915,6 +915,24 @@ describe('Screenshot Capture', function () { await browser.setWindowSize(1920, 1080); await browser.pause(500); + // Scroll down past the hero so the server grid is the main focus. + // First scroll to the category pills, then nudge further so the + // server cards fill the viewport. + try { + const categoryPill = await $('[data-testid="category-pill-all"]'); + if (await categoryPill.isExisting()) { + await categoryPill.scrollIntoView({ block: 'start' }); + await browser.pause(300); + // Scroll down more so the server cards fill the viewport + await browser.execute(() => window.scrollBy(0, 500)); + await browser.pause(500); + } + } catch { + // Fallback: scroll by a large fixed amount to get past the hero + await browser.execute(() => window.scrollBy(0, 900)); + await browser.pause(500); + } + await saveFullScreenshot('discover-web'); await browser.url(originalUrl);