fix(engine): suppress font-loading 404 noise in render console output

[miguel-heygen]

Summary

Filters "Failed to load resource" console errors from render output. These 404s come from font @import URLs that the deterministic font compiler replaces with embedded base64 — the original URLs 404 harmlessly but spam every render with 4+ error lines.

The validate command already has this exact filter (validate.ts:104). This applies the same pattern to the render engine.

Part 3 of 5 in a stacked PR series fixing E2E test findings.

Test plan

• Render any composition — no more "Failed to load resource: 404" lines in output
• Real browser errors (e.g., gsap is not defined) still appear

[miguel-heygen]

• feat(engine): add experimental canvas renderer using drawElementImage API #198
• fix(templates): resolve all lint errors and warnings in bundled templates #197
• feat(fonts): add Playfair Display, Noto Sans JP, Roboto, and 4 more to deterministic font database #196
• fix(engine): suppress font-loading 404 noise in render console output #195 👈 (View in Graphite)
• fix(cli): read actual composition dimensions in info and fix semver update check #194
• feat(lint): add rules for non-deterministic code, missing clip class, overlapping tracks, and rAF detection #193
• main

This stack of pull requests is managed by Graphite. Learn more about stacking.

[vanceingalls]

Review feedback — requesting changes

Critical: Error filter is too broad
The current filter in packages/engine/src/services/frameCapture.ts:

if (type === "error" && text.startsWith("Failed to load resource")) return;

This suppresses ALL "Failed to load resource" errors, not just font 404s. A missing image, video, or script during rendering would be silently swallowed. This could mask real bugs.

Narrow to font-specific patterns:

if (type === "error" && text.startsWith("Failed to load resource") && 
    /fonts\.googleapis|fonts\.gstatic|\.woff2?/i.test(text)) return;

Or at minimum match only 404 status + known font CDN domains.

[miguel-heygen]

Fixed. Narrowed the filter to match only font-specific 404s:

const isFontLoadError =
  type === "error" &&
  text.startsWith("Failed to load resource") &&
  /fonts\.googleapis|fonts\.gstatic|\.woff2?(\b|$)/i.test(text);

This catches font CDN domains (fonts.googleapis.com, fonts.gstatic.com) and .woff/.woff2 file extensions. Missing images, scripts, and videos will still surface as [Browser:ERROR] in render output. Font 404s still go into browserConsoleBuffer for diagnostics.

addressed