fix(canvas): harden Safari WebGL and video playback

[ignmandagaran]

Summary

• Recover blocked Safari video autoplay after user interaction.
• Stop render storms from lost WebGL contexts and avoid context eviction during boot.
• Addresses Sentry issues WEBSITE-2K25-3F and WEBSITE-2K25-4B.

Validation

• pnpm build
• Targeted ESLint on changed files

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
website-2k25	Ready	Preview	Aug 17, 2026 12:27pm

[greptile-apps]

Greptile Summary

This PR hardens Safari rendering and media behavior by delaying WebGL context allocation, detecting lost contexts, and retrying blocked video playback. It also introduces a contact-worker readiness handshake, but one existing message path still bypasses that handshake.

• Defers the contact offscreen canvas until the loading WebGL context is released.
• Adds polling and render guards for lost WebGL contexts.
• Retries video playback after user interaction and visibility changes.
• Adds screen-dimensions as the contact scene readiness signal.

Confidence Score: 4/5

The contact readiness race should be fixed before merging because normal open and close actions can still bypass the new worker-readiness gate.

ContactCanvas delays its worker update until the scene is ready, but the contact store still sends the same message immediately and can leave animation state stranded when the worker scene has not installed its listener.

Files Needing Attention: src/components/contact/contact-canvas.tsx and src/components/contact/contact-store.ts

Prompt To Fix All With AI

### Issue 1
src/components/contact/contact-canvas.tsx:191-198
**Readiness gate leaves direct sends open**

When contact is opened or closed before `ContactScene` installs its worker listener, the store sends `update-contact-open` directly without waiting for `sceneReady`. The message is dropped after `isAnimating` is set, leaving contact interaction stuck until another state change.

---

For each issue above, determine whether it is valid and should be fixed. If so, fix it directly.

_{Reviews (1): Last reviewed commit: "fix(canvas): harden Safari WebGL and vid..." | Re-trigger Greptile}

[greptile-apps]

Readiness gate leaves direct sends open

When contact is opened or closed before ContactScene installs its worker listener, the store sends update-contact-open directly without waiting for sceneReady. The message is dropped after isAnimating is set, leaving contact interaction stuck until another state change.

Prompt To Fix With AI

This is a comment left during a code review.
Path: src/components/contact/contact-canvas.tsx
Line: 191-198

Comment:
**Readiness gate leaves direct sends open**

When contact is opened or closed before `ContactScene` installs its worker listener, the store sends `update-contact-open` directly without waiting for `sceneReady`. The message is dropped after `isAnimating` is set, leaving contact interaction stuck until another state change.

---

For each issue above, determine whether it is valid and should be fixed. If so, fix it directly.