zerg-ui

# Zerg UI Capture ## Quick Look (Public Pages) For landing page or public pages, use browser-hub MCP directly: ```python mcp__browser-hub__browser(action="navigate", url="https://longhouse.ai") mcp__browser-hub__browser(action="look") # Screenshot + A11y tree ``` ## Local Debug Bundle (Authenticated Views) Requires `make dev` running. Produces a full debug bundle: ```bash make ui-capture # Timeline + demo data make ui-capture PAGE=machines # Machines page make ui-capture PAGE=health # Runtime health page make ui-capture SCENE=empty # Empty state make ui-capture SCENE=onboarding-modal # With modal visible make ui-capture SCENE=timeline-card-stress VIEWPORT=mobile # Mobile card layout fixture make ui-capture PAGE=session-detail SCENE=session-detail-stress # Session workspace fixture make ui-capture ALL=1 # All pages make qa-ui-workbench # Timeline + session fixture set, desktop and mobile ``` **Output:** `artifacts/ui-capture/<timestamp>/` - `<page>.png` - Screenshot - `<page>-a11y.json|yml` - Accessibility snapshot (JSON if available, YAML via ariaSnapshot fallback) - `trace.zip` - Playwright trace (open with `bunx playwright show-trace`) - `console.log` - Console output - `manifest.json` - Metadata + paths - Workbench runs also write `index.html` at the run root for one-page screenshot review ## Reading Bundle Artifacts ```python # Read manifest to understand ...