Skip to content

fix(web): prevent white blank paint before Vite/React boot - #120

Merged
huyplb merged 2 commits into
mainfrom
cursor/blank-page-preview-7e48
Jul 28, 2026
Merged

fix(web): prevent white blank paint before Vite/React boot#120
huyplb merged 2 commits into
mainfrom
cursor/blank-page-preview-7e48

Conversation

@huyplb

@huyplb huyplb commented Jul 28, 2026

Copy link
Copy Markdown
Contributor

Summary

Hardens the Vite/HTML boot path so Cursor/agent previews do not show a pure white blank page while JS/CSS load.

Changes

  • apps/web/index.html: dark #020617 background on html/body via inline CSS before React mounts
  • apps/web/vite.config.ts: server.strictPort: true so the UI stays on :5173 (no silent hop to 5174+)
  • AGENTS.md: document the preview blank-page gotchas

Verification

  • npm run dev → API {"ok":true}, Vite on http://localhost:5173/
  • Playwright: toolbar visible, no page errors
  • Artifact: /opt/cursor/artifacts/screenshots/blank-after-harden.png

Note

On this agent VM the full Schema Sync UI already rendered successfully against main before this change. The white panel is often a first-paint / stale preview issue; hard-refresh the embedded browser after pull.

Open in Web Open in Cursor 

Pin Vite to :5173 with strictPort, and paint a dark inline shell in
index.html so Cursor/agent previews never flash a blank white page.

Co-authored-by: huy.phan9 <huyplb@users.noreply.github.com>
@huyplb
huyplb marked this pull request as ready for review July 28, 2026 18:34
@cursor

cursor Bot commented Jul 28, 2026

Copy link
Copy Markdown
Contributor

Bugbot couldn't run - usage limit reached

Bugbot is counted against Cursor usage for this user or team, and this run hit a usage or spend limit.

A user or team admin can review and increase usage limits in the Cursor dashboard.

(requestId: serverGenReqId_00045726-5331-43d5-9bde-20120660c515)

@cursor

cursor Bot commented Jul 28, 2026

Copy link
Copy Markdown
Contributor

Bugbot couldn't run - usage limit reached

Bugbot is counted against Cursor usage for this user or team, and this run hit a usage or spend limit.

A user or team admin can review and increase usage limits in the Cursor dashboard.

(requestId: serverGenReqId_3f04a1f1-cdb7-43bc-b87a-6c42cd4e8531)

@huyplb
huyplb merged commit 35e8f29 into main Jul 28, 2026
7 checks passed
@huyplb
huyplb deleted the cursor/blank-page-preview-7e48 branch July 28, 2026 18:36
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants