r210 Raw Screenshot Pack

Date: 2026-08-30 16:51 · Operator ID9 · Branch: feat/id9-r210-minimal-header @ 419b339 · Style: Raw, unfiltered · No sepia · No filters · No visual effects

Scope: 5 categories captured directly from the live dev server. All PNGs are the UI exactly as rendered — no overlays, no post-processing, no transforms.

Sources: http://localhost:5273/ (r210 worktree, avidtech6/vibecoder-standalone @ clean/baseline-plus-wdm + r210) for the r210 minimal header, Gallery, Edge Panel, and 5 surfaces; http://localhost:5274/ (r208 worktree, same repo @ feat/id9-r208-integration) for the r207/r208 mounts (PreviewHostVSIL, InspectorHost, CompositionGraphHost, EditBar).

Total: 33 PNGs across 5 categories.

1. r210 Minimal Header (6 PNGs)

Captures the 4-element r210 header: Fv log name, surface button, Gallery icon, Edge icon.

header/01-minimal-header-element.png

header/02-minimal-header-full.png

header/03-workspace-name.png

header/04-surface-button.png

header/05-gallery-icon.png

header/06-edge-icon.png

2. Gallery View (7 PNGs)

The new PM2 Gallery panel (fvcms-gallery-panel) backed by GalleryPanel.tsx. Currently shows the empty state because the standalone VibeCoder build uses a Gallery stub (the real Gallery is at avidtech6/fv-module-gallery, see a789).

gallery/01-panel-root.png

gallery/02-panel-react-root.png

gallery/03-empty-state.png

gallery/04-panel-header.png

gallery/05-panel-body.png

gallery/06-panel-with-chrome.png

gallery/07-full-viewport.png

3. Edge Panel (3 PNGs)

The Edge Panel / Edge Launcher. 6 surfaces (CMS, Vibe, Workspace, FreshVibe App, Custom Panels, History). VSIL tile visible at the bottom; Scene/Inspector/Composer/Timeline sub-tiles in the Vibe section.

edge-panel/01-panel-body.png

edge-panel/02-panel-with-chrome.png

edge-panel/03-full-viewport.png

4. 5 Operator Flow Surfaces (10 PNGs)

Cycle through MAIN → WORKING → DRAFT → PREVIEW → ORIGIN. Each surface shows the updated label in the r210 surface button.

surfaces/01-main-header.png

surfaces/01-main-label.png

surfaces/02-working-header.png

surfaces/02-working-label.png

surfaces/03-draft-header.png

surfaces/03-draft-label.png

surfaces/04-preview-header.png

surfaces/04-preview-label.png

surfaces/05-origin-header.png

surfaces/05-origin-label.png

5. r207/r208 Mounts (7 PNGs)

From the r208 worktree (http://localhost:5274/, on feat/id9-r208-integration @ d8e2cca). The r208 CompositionHostMount wraps the 3 r207 hosts (PreviewHostVSIL, InspectorHost, CompositionGraphHost) + the EditBar.

mounts/01-preview-host-vsil.png

mounts/02-inspector-host.png

mounts/03-composition-graph-host.png

mounts/04-edit-bar.png

mounts/05-vsil-panel-edit-tab.png

mounts/06-vsil-panel-preview-tab.png

mounts/07-full-viewport.png

All screenshots captured via node scripts/visuals/raw-capture.spec.cjs using Playwright 1.62.1 + Chromium 1234. No code was changed (discovery-only).