chore: regenerate screenshots and update README

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 |

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);