Vercel — git push to deployment logs and preview comments
Build logs collapse passing phases into timed accordions and auto-expand warnings; the live preview docks a 40px pill toolbar for DOM-anchored spatial comments; and production promotion or rollback shows a side-by-side commit diff before execution.
Step 1 of 3
Vercel — Deployment Build Logs & Check Summary- component patternBuild phases (Running Build, Generating Static Pages, Finalizing) collapse into 40px accordion rows with right-aligned duration counters ('14.2s'), auto-expanding only the step that emitted a warning or error.
- typographyLog timestamps use 12px Geist Mono with `font-variant-numeric: tabular-nums` in a fixed 96px gutter so multi-line stack traces stay strictly left-aligned.
Step 2 of 3
Vercel — Preview Toolbar & Visual Comment Pin- component patternFloating 40px pill toolbar docks at bottom-center over any preview URL; clicking 'Comment' turns the cursor into a crosshair that binds a thread directly to the target DOM node's CSS selector.
- copywritingEvery comment card auto-captures the viewport dimensions and browser engine ('1440×900 · Chrome 130') as a muted footer line so reviewers never have to ask 'what screen size are you on?'.
Step 3 of 3
Vercel — Production Promote & Instant Rollback Dialog- component patternHigh-consequence confirmation modal replaces generic 'Are you sure?' text with a side-by-side comparison card of Current Production vs Target Rollback (commit SHA, age, author, and route count).
- colorThe primary confirm button stays neutral white-on-black unless an alias conflict exists; red (#e00000) is reserved strictly for destructive data loss, keeping zero-downtime rollbacks calm.
Agents get the same order from get_reference: any screen's reply names the flow and every step in it.