Complete phase 3 W1 acceptance and close T16 findings

Fix Navara model display tint, overlay ordering, follow gestures and resource cleanup. Reduce repeated aircraft work and correct fixture enrichment responses. Strengthen dev/preview QA, preserve failure history and document verified W1 results. Validation: 7171 ordinary tests pass, one Windows-only skip; 15 allocation probes; 37 W1 acceptance steps; contracts, shell, four performance gates; 18 identical Cesium baseline PNGs. Known pre-existing CCTV and live-source limits are recorded.
2026-11-12 06:12:18 +00:00 · 2026-10-26 23:23:25 +04:00
1 parent 766c786093
commit 0600964249
@@ -43,7 +43,21 @@ const RENDERED_LAYER_DIRS = [
  'src/layers/aircraft/',
  'src/layers/shared/',
 ];
+const W1_SHARED_FILES = new Set(
+  [
+    'trackedCamera',
+    'trailRenderer',
+    'contactTrailRenderer',
+    'focusDeemphasis',
+    'spriteOrder',
+    'iconOrientation',
+    'modelVisualAnchor',
+    'trackingClickGesture',
+  ].map((name) => `src/data/${name}.js`),
+);
 const renderedLayer = (file) =>
+  W1_SHARED_FILES.has(file) ||
+  file.startsWith('src/data/render/') ||
  file === 'src/celestialRing.js' ||
  file.startsWith('src/celestialRing/') ||
  RENDERED_LAYER_DIRS.some((dir) => file.startsWith(dir));
@@ -1160,5 +1160,24 @@
  "src/layers/launches/render/navara.test.mjs",
  "scripts/qa-launches-compare.mjs",
  "src/layers/satellites/interaction.test.mjs",
-  "src/layers/launches/lifecycleSnapshot.test.mjs"
+  "src/layers/launches/lifecycleSnapshot.test.mjs",
+  "scripts/vite-w1-qa.config.mjs",
+  "src/data/render/cesiumProjection.js",
+  "src/data/render/cesiumTrailRenderer.js",
+  "src/data/render/cesiumContactTrailRenderer.js",
+  "scripts/qa-follow-gestures.mjs",
+  "scripts/qa-w1-baseline-pixels.mjs",
+  "src/tooling/w1QaComparison.test.mjs",
+  "src/layers/flights/trackingRefresh.test.mjs",
+  "scripts/qa-heading-navara.mjs",
+  "src/layers/aircraft/qaDrawn.test.mjs",
+  "src/data/render/cesiumConstants.js",
+  "src/globe/navara/movers/frameCamera.js",
+  "src/globe/navara/overlayPass.js",
+  "src/globe/navara/overlayPass.test.mjs",
+  "src/globe/navara/movers/modelTint.js",
+  "src/globe/navara/movers/frameCamera.test.mjs",
+  "src/layers/localAdsb/qaDrawn.js",
+  "src/layers/localAdsb/qaDrawn.test.mjs",
+  "src/tooling/w1RuntimeEvidence.test.mjs"
 ]
@@ -858,10 +858,12 @@
      "src/data/cockpitContactDot.js",
      "src/data/contactMatch.js",
      "src/data/iconOrientation.js",
+      "src/data/render/cesiumProjection.js",
      "src/data/idSwitches.js",
      "src/data/layerState.js",
      "src/data/layerStateTokenReservations.json",
      "src/data/modelVisualAnchor.js",
+      "src/data/render/cesiumConstants.js",
      "src/data/motionModel.js",
      "src/data/renderAltitude.js",
      "src/data/routePlausible.js",
@@ -922,10 +924,12 @@
      "src/data/cockpitContactDot.js",
      "src/data/contactMatch.js",
      "src/data/iconOrientation.js",
+      "src/data/render/cesiumProjection.js",
      "src/data/idSwitches.js",
      "src/data/layerState.js",
      "src/data/layerStateTokenReservations.json",
      "src/data/modelVisualAnchor.js",
+      "src/data/render/cesiumConstants.js",
      "src/data/motionModel.js",
      "src/data/renderAltitude.js",
      "src/data/trackedModelRegime.js",
@@ -981,11 +985,13 @@
      "src/data/cockpitContactDot.js",
      "src/data/contactMatch.js",
      "src/data/iconOrientation.js",
+      "src/data/render/cesiumProjection.js",
      "src/data/idSwitches.js",
      "src/data/layerState.js",
      "src/data/layerStateCoordinator.js",
      "src/data/layerStateTokenReservations.json",
      "src/data/modelVisualAnchor.js",
+      "src/data/render/cesiumConstants.js",
      "src/data/motionModel.js",
      "src/data/renderAltitude.js",
      "src/data/routePlausible.js",
@@ -1035,6 +1041,7 @@
      "src/layers/vessels/tracking.js",
      "src/layers/shared/color.js",
      "src/data/iconOrientation.js",
+      "src/data/render/cesiumProjection.js",
      "src/data/vesselLabels.js",
      "src/layers/vessels/records.js",
      "src/layers/vessels/recordPolicy.js",
@@ -1090,6 +1097,7 @@
      "src/data/firmsAdapt.js",
      "src/data/firmsLabels.js",
      "src/data/iconOrientation.js",
+      "src/data/render/cesiumProjection.js",
      "src/layers/firms/anchors.js",
      "src/layers/firms/cards.js",
      "src/layers/firms/index.js",
@@ -1276,6 +1284,7 @@
      "src/cyberSonar.js",
      "src/cockpitMath.js",
      "src/data/iconOrientation.js",
+      "src/data/render/cesiumProjection.js",
      "src/data/militaryAwarenessEngine.js",
      "src/layers/awareness/controls.js",
      "src/layers/awareness/dependencies.js",
@@ -1423,7 +1432,9 @@
      "src/data/cctvLod.js",
      "src/data/cctvViewshed.js",
      "src/data/iconOrientation.js",
+      "src/data/render/cesiumProjection.js",
      "src/data/trackingClickGesture.js",
+      "src/data/render/cesiumConstants.js",
      "src/layers/cctv/calibration.js",
      "src/layers/cctv/cards.js",
      "src/layers/cctv/catalog.js",
@@ -1576,6 +1587,7 @@
    "exports": ["./layers/radio"],
    "modules": [
      "src/data/iconOrientation.js",
+      "src/data/render/cesiumProjection.js",
      "src/data/idSwitches.js",
      "src/data/layerState.js",
      "src/data/layerStateTokenReservations.json",
@@ -1925,6 +1937,7 @@
      "src/data/flights.js",
      "src/data/flowMatch.js",
      "src/data/focusDeemphasis.js",
+      "src/data/render/cesiumProjection.js",
      "src/data/geoid.js",
      "src/data/groundFloor.js",
      "src/data/groundSnap.js",
@@ -1954,6 +1967,7 @@
      "src/data/militaryInstallations.js",
      "src/data/militaryRegistry.js",
      "src/data/modelVisualAnchor.js",
+      "src/data/render/cesiumConstants.js",
      "src/data/motionModel.js",
      "src/data/naturalEarthRegions.js",
      "src/data/adminBoundaries.js",
@@ -1991,6 +2005,7 @@
      "src/data/trafficPresetStyle.js",
      "src/data/trafficQueue.js",
      "src/data/trailRenderer.js",
+      "src/data/render/cesiumTrailRenderer.js",
      "src/data/vesselLabels.js",
      "src/firstRunExperience.js",
      "src/hud.js",
@@ -2442,6 +2457,7 @@
      "src/data/cameraSensitivity.js",
      "src/data/contactPlayback.js",
      "src/data/contactTrailRenderer.js",
+      "src/data/render/cesiumContactTrailRenderer.js",
      "src/data/transitProxy.js",
      "src/data/gtfsRealtime.js",
      "src/data/modelEligibility.js",
@@ -2520,6 +2536,7 @@
      "src/layers/localAdsb/feedNames.js",
      "src/layers/localAdsb/motion.js",
      "src/layers/localAdsb/models.js",
+      "src/layers/localAdsb/qaDrawn.js",
      "src/layers/localAdsb/enrichment.js",
      "src/sources/adsbRecords.js",
      "src/sdr/controller.js",
@@ -2633,7 +2650,10 @@
      "src/globe/navara/overlayDepth.js",
      "src/globe/navara/movers/moverMesh.js",
      "src/globe/navara/movers/pack.js",
+      "src/globe/navara/movers/frameCamera.js",
+      "src/globe/navara/overlayPass.js",
      "src/globe/navara/movers/modelMover.js",
+      "src/globe/navara/movers/modelTint.js",
      "src/globe/navara/movers/index.js",
      "src/globe/surfaceDetail.js",
      "src/globe/navara/followGestures.js",
@@ -2770,6 +2790,7 @@
      "src/data/firmsLabels.js",
      "src/data/flowMatch.js",
      "src/data/focusDeemphasis.js",
+      "src/data/render/cesiumProjection.js",
      "src/data/geoid.js",
      "src/data/iconOrientation.js",
      "src/data/infrastructure.js",
@@ -2789,6 +2810,7 @@
      "src/data/militaryAwarenessEngine.js",
      "src/data/militaryInstallationData.js",
      "src/data/modelVisualAnchor.js",
+      "src/data/render/cesiumConstants.js",
      "src/data/motionModel.js",
      "src/data/naturalEarthRegions.js",
      "src/data/adminBoundaries.js",
@@ -2816,6 +2838,7 @@
      "src/data/trafficPresetStyle.js",
      "src/data/trafficQueue.js",
      "src/data/trailRenderer.js",
+      "src/data/render/cesiumTrailRenderer.js",
      "src/data/vesselLabels.js",
      "src/keylessGeocoder.js",
      "src/layers/aircraft/classification.js",
@@ -3113,6 +3136,7 @@
      "src/data/cameraSensitivity.js",
      "src/data/contactPlayback.js",
      "src/data/contactTrailRenderer.js",
+      "src/data/render/cesiumContactTrailRenderer.js",
      "src/data/transitProxy.js",
      "src/data/gtfsRealtime.js",
      "src/layers/transit/trails.js",
@@ -3147,6 +3171,7 @@
      "src/layers/localAdsb/feedNames.js",
      "src/layers/localAdsb/motion.js",
      "src/layers/localAdsb/models.js",
+      "src/layers/localAdsb/qaDrawn.js",
      "src/layers/localAdsb/enrichment.js",
      "src/sources/adsbRecords.js",
      "src/sdr/controller.js",
@@ -3748,6 +3773,7 @@
      "src/data/cameraSensitivity.js",
      "src/data/contactPlayback.js",
      "src/data/contactTrailRenderer.js",
+      "src/data/render/cesiumContactTrailRenderer.js",
      "src/data/dataCredits.js",
      "src/data/detectionCohort.js",
      "src/data/detectionPolicy.js",
@@ -3755,6 +3781,7 @@
      "src/data/groundFloor.js",
      "src/data/gtfsRealtime.js",
      "src/data/iconOrientation.js",
+      "src/data/render/cesiumProjection.js",
      "src/data/inputOwnership.js",
      "src/data/labelArbiter.js",
      "src/data/meshFloorSampler.js",
@@ -3824,6 +3851,7 @@
    "exports": ["./layers/transit"],
    "modules": [
      "src/data/iconOrientation.js",
+      "src/data/render/cesiumProjection.js",
      "src/data/inputOwnership.js",
      "src/data/transitFeeds.js",
      "src/data/transitIcons.js",
@@ -3843,6 +3871,7 @@
      "src/data/cameraSensitivity.js",
      "src/data/contactPlayback.js",
      "src/data/contactTrailRenderer.js",
+      "src/data/render/cesiumContactTrailRenderer.js",
      "src/data/transitProxy.js",
      "src/data/gtfsRealtime.js",
      "src/layers/transit/trails.js",
@@ -23,6 +23,70 @@ export function redact(text) {
    .replace(/AIza[\w-]{30,}/g, 'AIza…REDACTED');
 }

+/** The standalone Vite preview has no setup API; opt in explicitly. */
+export function isExpectedPreviewSetupError(
+  message,
+  { preview = false, baseUrl } = {},
+) {
+  if (
+    !preview ||
+    message.type() !== 'error' ||
+    !/^Failed to load resource: .*\b404\b/.test(message.text())
+  )
+    return false;
+  try {
+    const url = new URL(message.location()?.url);
+    return (
+      url.origin === new URL(baseUrl).origin &&
+      url.pathname === '/api/setup/status'
+    );
+  } catch {
+    return false;
+  }
+}
+
+// W1 acceptance shares one strict runtime verdict across its main page and
+// every share-link page. Response diagnostics never retain query credentials.
+export function watchW1Page(page, report, { name, preview = false, baseUrl }) {
+  const errors = (report.browserErrors ??= []);
+  report.expectedPreviewErrors ??= [];
+  report.failedResponses ??= [];
+  (report.runtimePages ??= []).push(name);
+  const resourcePath = (value) => {
+    try {
+      const url = new URL(value);
+      return redact(url.origin + url.pathname);
+    } catch {
+      return '(location unavailable)';
+    }
+  };
+  page.on('console', (message) => {
+    if (isExpectedPreviewSetupError(message, { preview, baseUrl })) {
+      report.expectedPreviewErrors.push('/api/setup/status: 404');
+      return;
+    }
+    if (message.type() === 'error')
+      errors.push(
+        `[${name}] ${redact(message.text())} — ${resourcePath(message.location()?.url)}`,
+      );
+  });
+  for (const event of ['pageerror', 'error'])
+    page.on(event, (error) =>
+      errors.push(`[${name}] ${redact(error.message)}`),
+    );
+  page.on('response', (response) => {
+    if (
+      response.status() >= 400 &&
+      report.failedResponses.length < EVIDENCE_LIMIT
+    )
+      report.failedResponses.push({
+        page: name,
+        status: response.status(),
+        resource: resourcePath(response.url()),
+      });
+  });
+}
+
 function push(list, entry) {
  list.push(entry);
  if (list.length > EVIDENCE_LIMIT)
@@ -28,15 +28,15 @@
 *   E3 requests  : the sweep requested all 12 hexes, each exactly once
 *   E4 diversity : ≥5 distinct glyph data-URIs displayed ambiently after
 *                  enrichment (expected: 8)
- *   E5 glyphs    : every billboard's image === aircraftIcon(classify(typeCode))
+ *   E5 glyphs    : exact classified silhouette at its registered 64/192 px raster
 *   E6 scales    : every billboard's scale === CLASS_SCALE_2D[klass]
 *   E7 bounds    : ≤4 concurrent requests, ≥185 ms between dispatches (≤5/s
 *                  drip), total ≤300 (budget ceiling)
 *   E8 next poll : another poll neither reverts glyphs nor re-requests hexes
 *   E10 exhaust  : the ROLLING ambient budget exhausts — new on-screen planes
- *                  stop being requested once the bucket is empty (shrunk via
- *                  the __GEV_ENRICH_AMBIENT_QA seam; a real 5-min window can't
- *                  be waited out headlessly)
+ *                  stop at the real 300-token initial ceiling; the QA seam
+ *                  shortens only the refill window (a real 5-min window
+ *                  cannot be waited out headlessly)
 *   E11 resume   : after a refill window passes, ambient enrichment RESUMES
 *                  for the still-unrequested planes (the 2026-07-03 field bug:
 *                  the old one-shot session cap never refilled, so hours-long
@@ -81,13 +81,13 @@ const DISPATCH_GAP_MS = 200;   // ENRICH_DISPATCH_GAP_MS (≤5 req/s)
 const GAP_TOLERANCE_MS = 15;   // clock-quantization allowance on the gap check
 const SESSION_CAP = 300;       // ENRICH_AMBIENT_BUDGET_CEIL (rolling-bucket ceiling)

-// Rolling-budget QA seam (window.__GEV_ENRICH_AMBIENT_QA in flights.js):
-// shrunk so the exhaust→refill cycle is observable headlessly. windowMs starts
+// Rolling-budget QA seam: exercise the real initial ceiling and shorten
+// only the refill window so the exhaust→refill cycle is observable. windowMs starts
 // effectively-infinite (1 h) so E10 exhausts deterministically (no refill can
 // land mid-phase); E11 then shortens it in-page so refill windows have
-// "passed" and the bucket refills (clamped at ceil). ceil=20 leaves 8 tokens
-// after the 12 baseline planes — E10's batch exhausts those 8 and stalls.
-const BUDGET_QA = { ceil: 20, refillTokens: 6, windowMs: 3600000 };
+// "passed" and the bucket refills (clamped at ceil). The initial production
+// ceiling of 300 is exercised without assuming the override resets state.
+const BUDGET_QA = { ceil: SESSION_CAP, refillTokens: 6, windowMs: 3600000 };
 const RESUME_WINDOW_MS = 1000; // E11 swaps windowMs to this to unlock refills

 const CHROME_EXECUTABLE_CANDIDATES = [
@@ -165,6 +165,9 @@ const expected = new Map(Object.entries(TYPES).map(([hex, tc]) => [
  hex, classifyAircraft(tc ? { typeCode: tc } : { category: 0 }),
 ]));
 const AIRLINER_ICON = aircraftIcon(classifyAircraft({ category: 0 })); // pre-enrichment default
+// Adaptive raster resolution preserves the classified silhouette. Compare
+// exact registered assets at either supported resolution, never another class.
+const matchesClassIcon = (image, klass) => image === aircraftIcon(klass) || image === aircraftIcon(klass, 192);

 // ---------------------------------------------------------------------------
 async function main() {
@@ -190,7 +193,7 @@ async function main() {
      '--no-sandbox',
      '--disable-setuid-sandbox',
      '--use-gl=angle',
-      '--use-angle=swiftshader',
+      `--use-angle=${process.env.QA_ANGLE || 'swiftshader'}`,
      '--disable-dev-shm-usage',
      '--disable-web-security',
      '--disable-background-timer-throttling',
@@ -213,6 +216,7 @@ async function main() {

    // ---- Fetch shim: synthetic fleet + instrumented, holdable adsbdb -------
    await page.evaluateOnNewDocument((spec) => {
+      localStorage.setItem('gev:first-run-mission:v1', 'suppressed');
      window.__ENR = spec;
      window.__ENR.epochMs = Date.now();
      // Rolling-budget QA seam — must exist BEFORE flights.js initializes so
@@ -297,6 +301,9 @@ async function main() {
      () => window.__godsEyeView && window.__godsEyeView.engine && window.__godsEyeView.dataManager && window.__godsEyeView.layers,
      { timeout: 60000, polling: 200 }
    );
+    await page.evaluate(() => window.__godsEyeView.styleManager.initialRestorePromise);
+    await page.waitForFunction(() => document.getElementById('loading-screen')?.classList.contains('hidden'), { timeout: 180000 });
+    await page.evaluate(() => window.__godsEyeView.styleManager.orbitController.stop());
    console.log('  App globals ready.');

    // ---- In-page billboard probe (same walk as qa-sprites-b5.mjs) ----------
@@ -347,6 +354,7 @@ async function main() {
      const dm = window.__godsEyeView.dataManager;
      const v = window.__godsEyeView.viewer ?? null;
      window.__ENR.timeOffsetSec = -32;
+      dm.setLayerParams('flights', { models3d: false }); // ambient budget excludes model-priority enrichment
      await dm.setEnabled('flights', true);
      const fl = dm.layers.get('flights').module;
      for (const off of [-24, -16, -8, 0]) {
@@ -355,11 +363,11 @@ async function main() {
      }
      window.__ENR.timeOffsetSec = 0;
      window.__ENR_DRIVER = setInterval(() => { fl.update(v); }, 15000);
-      return { count: fl.getStats().count, starts: window.__ENRICH_LOG.starts.length };
+      return { count: fl.getStats().count, starts: window.__ENRICH_LOG.starts.length, models3d: fl.getParams().models3d };
    });
    console.log(`  flights count=${primed.count} | adsbdb requests started (held): ${primed.starts}`);
    record('E1 ingest: all synthetic category-0 planes in the flights layer',
-      primed.count === SPEC.planes.length, `count=${primed.count}/${SPEC.planes.length}`);
+      primed.count === SPEC.planes.length && primed.models3d === false, `count=${primed.count}/${SPEC.planes.length}, ambient-only models3d=${primed.models3d}`);
    if (primed.count === 0) { finish(); return; }

    // ========================================================================
@@ -425,12 +433,11 @@ async function main() {
    const scaleBad = [];
    for (const [hex, klass] of expected) {
      const bb = afterById.get(hex);
-      const wantImg = aircraftIcon(klass);
      const wantScale = CLASS_SCALE_2D[klass] || 1;
-      if (!bb || bb.image !== wantImg) glyphBad.push(`${hex}(${klass})${bb ? ':wrong-image' : ':missing'}`);
+      if (!bb || !matchesClassIcon(bb.image, klass)) glyphBad.push(`${hex}(${klass})${bb ? ':wrong-image' : ':missing'}`);
      if (bb && Math.abs(bb.scale - wantScale) > 1e-9) scaleBad.push(`${hex}: ${bb.scale} != ${wantScale}`);
    }
-    record('E5 glyphs: every billboard matches aircraftIcon(classify(typeCode))',
+    record('E5 glyphs: every billboard matches its classified 64/192 px asset',
      glyphBad.length === 0, glyphBad.length ? glyphBad.join(' ') : `${expected.size} matched (incl. the found:false miss staying airliner)`);
    record('E6 scales: every billboard has its per-class CLASS_SCALE_2D',
      scaleBad.length === 0, scaleBad.length ? scaleBad.join(' ') : 'all scales exact (composes with scaleByDistance)');
@@ -479,7 +486,7 @@ async function main() {
    const pollBad = [];
    for (const [hex, klass] of expected) {
      const bb = afterPollById.get(hex);
-      if (!bb || bb.image !== aircraftIcon(klass)) pollBad.push(`${hex}(${klass})${bb ? ':reverted' : ':missing'}`);
+      if (!bb || !matchesClassIcon(bb.image, klass)) pollBad.push(`${hex}(${klass})${bb ? ':reverted' : ':missing'}`);
      else if (Math.abs(bb.scale - (CLASS_SCALE_2D[klass] || 1)) > 1e-9) pollBad.push(`${hex}:scale-reverted`);
    }
    const noReRequests = afterPoll.starts === Object.keys(TYPES).length;
@@ -491,16 +498,15 @@ async function main() {
    // E10 — rolling-budget exhaustion (2026-07-03 field bug, red/green): the
    // old ONE-SHOT session cap burned out and never refilled, so every new
    // region after the first polls showed airliner monoculture. With the seam
-    // ceil=20 and 12 tokens spent above, only 8 remain — a batch of 26 fresh
-    // on-screen planes must stall at exactly 8 new requests, and further polls
+    // initial ceiling=300 and 12 tokens spent above, 288 remain. More than
+    // 300 total candidates must stall at exactly 300 requests; further polls
    // must enqueue NOTHING while the bucket is empty (windowMs is 1 h here, so
-    // no refill can land mid-phase). Pre-fix code fails this phase: there is
-    // no rolling bucket to exhaust (the seam is unread and the 300 cap simply
-    // admits the whole batch).
+    // no refill can land mid-phase). E10 verifies the initial limit; E11
+    // distinguishes a rolling refill from the old one-shot session cap.
    // ========================================================================
-    console.log('\nE10 — rolling budget exhausts (batch of 26 new planes, 8 tokens left)');
-    const BATCH_COUNT = 26;
-    const batchHexes = Array.from({ length: BATCH_COUNT }, (_, i) => `ab00${(i + 1).toString(16).padStart(2, '0')}`);
+    console.log('\nE10 — rolling budget exhausts (real 300-request initial bucket)');
+    const BATCH_COUNT = BUDGET_QA.ceil + 26;
+    const batchHexes = Array.from({ length: BATCH_COUNT }, (_, i) => (0xab0000 + i + 1).toString(16).padStart(6, '0'));
    const startsBeforeBatch = await page.evaluate(() => window.__ENRICH_LOG.starts.length);
    await page.evaluate(async ({ hexes, rowLat, rowLon0, stepDeg }) => {
      const dm = window.__godsEyeView.dataManager;
@@ -517,17 +523,28 @@ async function main() {
          lat0: rowLat + (i < 13 ? 0.02 : 0.04),
          courseDeg: 0,
          speedMps: 0,
-          altM: 2600 + i * 15,
+          altM: 2600 + (i % 26) * 15,
        });
      });
+      const geo = await import('/src/geo/index.js');
+      const engine = window.__godsEyeView.engine;
+      engine.camera.cancelFlight();
+      engine.camera.setView({
+        destination: geo.cartesian3.fromDegrees(rowLon0 + 5.5 * stepDeg, rowLat, 20000),
+        orientation: { heading: 0, pitch: -Math.PI / 2, roll: 0 },
+      });
+      for (let frame = 0; frame < 30; frame++) {
+        engine.render.request('qa-enrich-budget');
+        await new Promise((resolve) => requestAnimationFrame(resolve));
+      }
      const fl = dm.layers.get('flights').module;
-      await fl.update(v); // sweep enqueues the last 8 tokens
-      await fl.update(v); // bucket empty — must enqueue nothing more
+      await fl.update(v); // sweep enqueues up to 150 ambient jobs
+      await fl.update(v); // spend the remaining initial tokens; later polls must stall
    }, { hexes: batchHexes, rowLat: ROW_LAT, rowLon0: ROW_LON0, stepDeg: ROW_STEP_DEG });
    // Wait for the drip to drain whatever was enqueued, then settle.
    await page.waitForFunction(
      (min) => window.__ENRICH_LOG.starts.length >= min && window.__ENRICH_LOG.inflight === 0,
-      { timeout: 20000, polling: 100 }, startsBeforeBatch + (BUDGET_QA.ceil - startsBeforeBatch)
+      { timeout: 90000, polling: 100 }, BUDGET_QA.ceil
    ).catch(() => { /* asserted below */ });
    await sleep(1500); // any illegal post-exhaustion enqueue would dispatch within ~200 ms
    // One more poll while exhausted — still nothing new.
@@ -539,11 +556,14 @@ async function main() {
    const exhausted = await page.evaluate(() => ({
      starts: window.__ENRICH_LOG.starts.length,
      inflight: window.__ENRICH_LOG.inflight,
+      sourceCount: window.__godsEyeView.dataManager.layers.get('flights').module.getStats().count,
+      fixtureCount: window.__ENR.planes.length,
+      cameraHeightM: window.__godsEyeView.engine.camera.pose().cartographic.height,
    }));
    record(`E10 exhaust: requests stall at the budget ceiling (${BUDGET_QA.ceil}) with unrequested planes on-screen`,
-      exhausted.starts === BUDGET_QA.ceil && exhausted.inflight === 0,
+      exhausted.starts === BUDGET_QA.ceil && exhausted.inflight === 0 && exhausted.sourceCount === startsBeforeBatch + BATCH_COUNT,
      `starts=${exhausted.starts} (want ${BUDGET_QA.ceil}: ${startsBeforeBatch} baseline + ${BUDGET_QA.ceil - startsBeforeBatch} tokens; `
-      + `${BATCH_COUNT - (BUDGET_QA.ceil - startsBeforeBatch)} planes left waiting) inflight=${exhausted.inflight}`);
+      + `${BATCH_COUNT - (BUDGET_QA.ceil - startsBeforeBatch)} planes left waiting) inflight=${exhausted.inflight}, source=${exhausted.sourceCount}/${exhausted.fixtureCount}, camera=${exhausted.cameraHeightM.toFixed(1)}m`);

    // ========================================================================
    // E11 — refill window passes → enrichment RESUMES. Shorten windowMs so the
@@ -48,7 +48,7 @@ const SITE = {
  lon: Number.isFinite(Number(argv.lon)) ? Number(argv.lon) : -97.6660,
 };
 const ICAO = 'aa0f01';
-const OUT_DIR = 'qa-shots/floorhold';
+const OUT_DIR = new URL(APP_URL).searchParams.get('engine') === 'navara' ? 'qa-shots/floorhold/navara' : 'qa-shots/floorhold';
 const sleep = (ms) => new Promise((r) => setTimeout(r, ms));

 const results = [];
@@ -107,7 +107,7 @@ await page.evaluateOnNewDocument((site, icao) => {

 console.log(`\nFloor hold through a terrain outage\n  App  : ${APP_URL}\n  GPU  : ANGLE/${ANGLE}\n  Site : ${SITE.lat}, ${SITE.lon}\n`);
 await page.goto(APP_URL, { waitUntil: 'domcontentloaded', timeout: 120000 });
-await page.waitForFunction(() => window.__godsEyeView?.viewer && window.__godsEyeView?.dataManager,
+await page.waitForFunction(() => window.__godsEyeView?.layers && window.__godsEyeView?.dataManager,
  { timeout: 150000 });
 await sleep(12000); // let the boot fly-to settle before pinning
 await page.evaluate(() => {
@@ -116,8 +116,19 @@ await page.evaluate(() => {
 await sleep(600); // let the launcher dismissal finish before taking evidence

 await page.evaluate((site) => { window.__SITE = site; }, SITE);
-const pin = () => page.evaluate(() => {
-  const v = window.__godsEyeView.viewer;
+const pin = () => page.evaluate(async () => {
+  const app = window.__godsEyeView;
+  if (!app.viewer) {
+    const geo = await import('/src/geo/index.js');
+    app.engine.camera.cancelFlight();
+    app.engine.camera.setView({
+      destination: geo.cartesian3.fromDegrees(window.__SITE.lon, window.__SITE.lat - 0.008, 900),
+      orientation: { heading: 0, pitch: -0.45, roll: 0 },
+    });
+    app.engine.camera.moveEnd.raiseEvent();
+    return;
+  }
+  const v = app.viewer;
  const C = v.camera.positionCartographic.constructor;
  v.camera.cancelFlight();
  v.camera.setView({
@@ -142,7 +153,24 @@ record('the billboard floor test is explicitly in 2D aircraft mode', billboardMo

 /** Reads the contact's rendered height and the rendered mesh beneath it. */
 const measure = () => page.evaluate(async (icao) => {
-  const v = window.__godsEyeView.viewer;
+  const app = window.__godsEyeView;
+  if (!app.viewer) {
+    const geo = await import('/src/geo/index.js');
+    const bb = app.layers.drawn('flights').find((row) => row.id === icao && !row.trackedModel);
+    if (!bb?.position) return { error: 'contact billboard not found' };
+    const carto = geo.cartographic.fromCartesian(bb.position);
+    let mesh = null;
+    for (let attempt = 0; attempt < 10 && mesh == null; attempt++) {
+      app.engine.render.request('floor-hold');
+      await new Promise((resolve) => requestAnimationFrame(() => requestAnimationFrame(resolve)));
+      const height = app.engine.surface.sampleHeight(carto);
+      if (Number.isFinite(height)) mesh = height;
+      else await new Promise((resolve) => setTimeout(resolve, 1200));
+    }
+    return { spriteH: carto.height, meshH: mesh, shown: bb.show === true,
+      lat: +(carto.latitude * 180 / Math.PI).toFixed(5), lon: +(carto.longitude * 180 / Math.PI).toFixed(5), terrain: { ...window.__TERRAIN } };
+  }
+  const v = app.viewer;
  const C = v.camera.positionCartographic.constructor;
  const sprites = []; const models = []; let bb = null;
  const walk = (coll) => {
@@ -201,7 +229,9 @@ async function demTruth(lat, lon) {
  if (truth.has(key)) return truth.get(key);
  let h = null;
  try {
-    const res = await fetch(`${APP_URL}/api/terrain/heights?points=${lon.toFixed(5)},${lat.toFixed(5)}`);
+    const url = new URL('/api/terrain/heights', APP_URL);
+    url.searchParams.set('points', `${lon.toFixed(5)},${lat.toFixed(5)}`);
+    const res = await fetch(url);
    if (res.ok) {
      const v = Number((await res.json())?.results?.[0]?.ellipsoid);
      if (Number.isFinite(v)) h = v;
@@ -37,7 +37,7 @@ const chrome = [

 const browser = await puppeteer.launch({
  headless: 'new', executablePath: chrome,
-  args: ['--use-gl=angle', '--use-angle=swiftshader', '--enable-webgl', '--ignore-gpu-blocklist', '--no-sandbox'],
+  args: ['--use-gl=angle', `--use-angle=${process.env.QA_ANGLE || 'swiftshader'}`, '--enable-webgl', '--ignore-gpu-blocklist', '--no-sandbox'],
 });
 const page = await browser.newPage();
 await page.setViewport({ width: 1400, height: 900 });
@@ -17,6 +17,7 @@
 * --headful drops those flags and is the real-GPU visual sign-off path.
 */

+import { redact } from './qa-browserEvidence.mjs';
 import fs from 'node:fs';
 import os from 'node:os';
 import path from 'node:path';
@@ -29,7 +30,13 @@ const getOpt = (name, fallback = null) => {
 };
 const hasFlag = (name) => argv.includes(name);

-const APP_URL = getOpt('--url', 'http://localhost:4173');
+const appUrl = new URL(getOpt('--url', 'http://localhost:4173'));
+const requestedEngine = argv.find((value) => value.startsWith('--engine='))?.slice(9) || getOpt('--engine');
+if (requestedEngine) {
+  if (!['cesium', 'navara'].includes(requestedEngine)) throw new Error('Unknown engine');
+  appUrl.searchParams.set('engine', requestedEngine);
+}
+const APP_URL = appUrl.href;
 const JSON_PATH = path.resolve(getOpt('--json', 'qa-shots/focus-evidence/report.json'));
 const SCREENSHOTS_DIR = path.resolve(getOpt('--screenshots-dir', 'qa-shots/focus-evidence'));
 const HEADFUL = hasFlag('--headful');
@@ -125,6 +132,10 @@ async function readTileReadiness(page) {
    const activeStack = controller?.getActiveId?.() || null;
    const tileset = controller?.googleTileset || gev.tileset || null;
    const applicable = activeStack === 'photoreal' && tileset?.show !== false;
+    if (!gev.viewer) return {
+      tilesSettled: null, tileSettleApplicable: false, activeStack,
+      reason: 'Navara exposes view idle, not tile readiness independently of animated layers',
+    };
    return {
      tilesSettled: !applicable || tileset?.tilesLoaded === true,
      tileSettleApplicable: applicable,
@@ -142,6 +153,10 @@ async function awaitTilesSettled(page, scenario) {
    // the bootstrap field is retained only as a compatibility fallback.
    const tileset = controller?.googleTileset || gev.tileset || null;
    const applicable = activeStack === 'photoreal' && tileset?.show !== false;
+    if (!gev.viewer) return {
+      tilesSettled: null, tileSettleApplicable: false, activeStack,
+      reason: 'Navara exposes view idle, not tile readiness independently of animated layers',
+    };
    if (!applicable) {
      return {
        tilesSettled: true,
@@ -166,7 +181,8 @@ async function awaitTilesSettled(page, scenario) {
    const deadline = Date.now() + timeoutMs;
    try {
      while (Date.now() < deadline) {
-        gev.viewer.scene.render(gev.viewer.clock.currentTime);
+        if (gev.viewer) gev.viewer.scene.render(gev.viewer.clock.currentTime);
+        else gev.engine.render.request('focus-evidence');
        if (tileset.tilesLoaded === true || allTilesLoadedObserved) {
          return {
            tilesSettled: true,
@@ -203,7 +219,7 @@ async function capture(page, scenario, frame) {
  // WebGL surface is paused. Reading the explicitly rendered canvas captures
  // that same frame without handing frame ownership back to the browser.
  const dataUrl = await page.evaluate(() => (
-    window.__godsEyeView.viewer.scene.canvas.toDataURL('image/png')
+    window.__godsEyeView.engine.host.canvas.toDataURL('image/png')
  ));
  fs.writeFileSync(out, Buffer.from(dataUrl.slice(dataUrl.indexOf(',') + 1), 'base64'));
  return { file: out, ...tileReadiness };
@@ -232,6 +248,14 @@ async function advanceEvidenceFrame(page, deltaMs = FRAME_MS) {
    const viewer = gev.viewer;
    const seam = gev.dataManager.layers.get('flights').module.__focusEvidence;
    const nowMs = seam.advanceFrameClock(stepMs);
+    if (!viewer) return new Promise((resolve, reject) => {
+      const timer = setTimeout(() => { remove(); reject(new Error('Evidence frame timeout')); }, 5000);
+      const remove = gev.engine.frames.postRender.addEventListener(() => {
+        remove(); clearTimeout(timer);
+        setTimeout(() => resolve(nowMs), 0);
+      });
+      gev.engine.render.request('focus-evidence');
+    });
    const JulianDate = viewer.clock.currentTime.constructor;
    JulianDate.addSeconds(viewer.clock.currentTime, stepMs / 1000, viewer.clock.currentTime);
    viewer.dataSourceDisplay?.update(viewer.clock.currentTime);
@@ -266,6 +290,7 @@ async function installSyntheticFetches(page) {
      status: 200,
      headers: { 'Content-Type': 'application/json' },
    }));
+    localStorage.setItem('gev:first-run-mission:v1', 'suppressed');
    window.fetch = (input, init) => {
      const url = typeof input === 'string' ? input : input?.url || '';
      if (url.includes('/api/flights/track')) return json({ path: [] });
@@ -281,9 +306,10 @@ async function installSyntheticFetches(page) {
 async function waitForApp(page) {
  await page.goto(APP_URL, { waitUntil: 'domcontentloaded', timeout: 60_000 });
  await page.waitForFunction(
-    () => Boolean(window.__godsEyeView?.viewer && window.__godsEyeView?.dataManager),
+    () => Boolean(window.__godsEyeView?.layers && window.__godsEyeView?.dataManager),
    { timeout: 60_000, polling: 200 },
  );
+  await page.evaluate(async () => { window.__focusGeo = await import('/src/geo/index.js'); });
 }

 async function setBasemap(page, stackId) {
@@ -317,7 +343,18 @@ async function requireEvidenceSeams(page) {

 async function setCamera(page, values) {
  await page.evaluate(([lon, lat, height, heading, pitch]) => {
-    const viewer = window.__godsEyeView.viewer;
+    const app = window.__godsEyeView;
+    if (!app.viewer) {
+      const geo = window.__focusGeo;
+      app.engine.camera.following()?.stop();
+      app.engine.camera.cancelFlight();
+      app.engine.camera.setView({
+        destination: geo.cartesian3.fromDegrees(lon, lat, height),
+        orientation: { heading, pitch, roll: 0 },
+      });
+      return;
+    }
+    const viewer = app.viewer;
    const ellipsoid = viewer.scene.globe.ellipsoid;
    viewer.trackedEntity = undefined;
    viewer.camera.cancelFlight?.();
@@ -345,7 +382,7 @@ async function injectAndTrackTarget(page, extraAircraft = [], target = TARGET) {
    throw new Error(`Synthetic target setup failed: ${JSON.stringify(result)}`);
  }
  await page.waitForFunction(
-    () => Boolean(window.__godsEyeView.viewer.trackedEntity),
+    () => Boolean(window.__godsEyeView.engine.camera.following()),
    { timeout: 10_000 },
  );
  await advanceEvidenceDuration(page, 400);
@@ -356,7 +393,8 @@ async function readTrackedBasis(page) {
    const gev = window.__godsEyeView;
    const layer = gev.dataManager.layers.get('flights').module;
    const target = layer.getAllPositions(100).find((entry) => entry.id === targetId)?.position;
-    const camera = gev.viewer.camera;
+    const pose = gev.engine.camera.pose();
+    const camera = gev.viewer?.camera ?? { positionWC: pose.position, rightWC: pose.right, upWC: pose.up, frustum: { fovy: pose.fovy } };
    if (!target) throw new Error('Tracked target position unavailable');
    const toTarget = {
      x: target.x - camera.positionWC.x,
@@ -364,7 +402,7 @@ async function readTrackedBasis(page) {
      z: target.z - camera.positionWC.z,
    };
    const distance = Math.hypot(toTarget.x, toTarget.y, toTarget.z);
-    const canvasHeight = gev.viewer.scene.canvas.clientHeight;
+    const canvasHeight = gev.engine.host.size().height;
    const metresPerPixel = (2 * distance * Math.tan(camera.frustum.fovy / 2)) / canvasHeight;
    return {
      target: [target.x, target.y, target.z],
@@ -427,8 +465,8 @@ async function vesselRowsAroundTarget(page) {
    const gev = window.__godsEyeView;
    const layer = gev.dataManager.layers.get('flights').module;
    const target = layer.getAllPositions(100).find((entry) => entry.id === 'f0c001')?.position;
-    const Cartographic = gev.viewer.camera.positionCartographic.constructor;
-    const ellipsoid = gev.viewer.scene.globe.ellipsoid;
+    const Cartographic = { fromCartesian: window.__focusGeo.cartographic.fromCartesian };
+    const ellipsoid = window.__focusGeo.ellipsoid.WGS84;
    const rows = [];
    for (let i = 0; i < 12; i += 1) {
      const angle = (i / 12) * Math.PI * 2;
@@ -624,7 +662,9 @@ async function browserContext(page, browser) {
    },
    caveat: HEADFUL
      ? 'Headful capture omits SwiftShader flags and is the real-GPU visual sign-off path.'
-      : 'SwiftShader/headless output is relative-only; rerun with --headful for real-GPU sign-off.',
+      : process.env.QA_ANGLE === 'metal'
+        ? 'Headless ANGLE/Metal capture; renderer and DPR recorded above.'
+        : 'SwiftShader/headless output is relative-only.',
  };
 }

@@ -641,7 +681,7 @@ async function main() {
    headless: HEADFUL ? false : 'new',
    protocolTimeout: 300000,
    args: [
-      ...(HEADFUL ? [] : ['--enable-unsafe-swiftshader', '--use-gl=swiftshader']),
+      ...(HEADFUL ? [] : process.env.QA_ANGLE ? ['--use-gl=angle', `--use-angle=${process.env.QA_ANGLE}`] : ['--enable-unsafe-swiftshader', '--use-gl=swiftshader']),
      '--no-sandbox',
      '--disable-setuid-sandbox',
      '--disable-dev-shm-usage',
@@ -655,10 +695,10 @@ async function main() {
  const consoleMessages = [];
  page.on('console', (message) => {
    if (['error', 'warning', 'warn'].includes(message.type())) {
-      consoleMessages.push({ type: message.type(), text: message.text() });
+      consoleMessages.push({ type: message.type(), text: redact(message.text()) });
    }
  });
-  page.on('pageerror', (error) => consoleMessages.push({ type: 'pageerror', text: error.message }));
+  page.on('pageerror', (error) => consoleMessages.push({ type: 'pageerror', text: redact(error.message) }));

  const report = {
    generatedAt: new Date().toISOString(),
@@ -99,6 +99,7 @@
 import fs from 'node:fs';
 import path from 'node:path';
 import puppeteer from 'puppeteer';
+import { installNavaraHeadingProbe } from './qa-heading-navara.mjs';

 // ---------------------------------------------------------------------------
 // Args (same shape as track-regression.mjs)
@@ -110,7 +111,13 @@ const getOpt = (name, dflt) => {
  return i >= 0 && argv[i + 1] ? argv[i + 1] : dflt;
 };

-const APP_URL = getOpt('--url', 'http://localhost:4173');
+const appUrl = new URL(getOpt('--url', 'http://localhost:4173'));
+const requestedEngine = argv.find((value) => value.startsWith('--engine='))?.slice(9) || getOpt('--engine');
+if (requestedEngine) {
+  if (!['cesium', 'navara'].includes(requestedEngine)) throw new Error('Unknown engine');
+  appUrl.searchParams.set('engine', requestedEngine);
+}
+const APP_URL = appUrl.href;
 const HEADFUL = getFlag('--headful');
 const SHOT_DIR = path.resolve('qa-shots/b3');
 const SHOT_DIR_V2 = path.resolve('qa-shots/heading-v2');
@@ -148,7 +155,7 @@ function record(name, ok, detail) {

 async function observeTrackedHostPaint(page, timeoutMs = 5000) {
  return page.evaluate((boundedTimeoutMs) => new Promise((resolve) => {
-    const viewer = window.__godsEyeView?.viewer;
+    const viewer = (window.__headingView ?? window.__godsEyeView?.viewer);
    const scene = viewer?.scene;
    const history = [];
    const startedAt = performance.now();
@@ -453,7 +460,7 @@ async function main() {
    args: [
      '--no-sandbox',
      '--disable-setuid-sandbox',
-      ...(HEADFUL ? [] : ['--use-gl=angle', '--use-angle=swiftshader']),
+      ...(HEADFUL ? [] : ['--use-gl=angle', `--use-angle=${process.env.QA_ANGLE || 'swiftshader'}`]),
      '--disable-dev-shm-usage',
      '--disable-web-security',
      '--disable-background-timer-throttling',
@@ -480,6 +487,7 @@ async function main() {

    // ---- Turning-plane fetch shim (installed before any app code runs) ------
    await page.evaluateOnNewDocument((turn) => {
+      localStorage.setItem('gev:first-run-mission:v1', 'suppressed');
      window.__TURN = turn;
      window.__TURN.epochMs = Date.now(); // arc phase zero = shim install time
      window.__TURN_HITS = { opensky: 0, mil: 0 };
@@ -574,9 +582,12 @@ async function main() {
    console.log('Loading app...');
    await page.goto(APP_URL, { waitUntil: 'domcontentloaded', timeout: 60000 });
    await page.waitForFunction(
-      () => window.__godsEyeView && window.__godsEyeView.viewer && window.__godsEyeView.dataManager,
+      () => window.__godsEyeView?.layers && window.__godsEyeView.dataManager,
      { timeout: 60000, polling: 200 }
    );
+    await page.evaluate(() => window.__godsEyeView.styleManager.initialRestorePromise);
+    await page.waitForFunction(() => document.getElementById('loading-screen')?.classList.contains('hidden'), { timeout: 180000 });
+    await page.evaluate(() => window.__godsEyeView.styleManager.orbitController.stop());
    console.log('  App globals ready.');

    // ---- Model finder + course derivation, installed once ------------------
@@ -589,7 +600,7 @@ async function main() {
      // ~90° course spike into the sampled series — a measurement flake, not
      // a product regression.)
      window.__findTrackedModel = function (icao) {
-        const v = window.__godsEyeView.viewer;
+        const v = (window.__headingView ?? window.__godsEyeView.viewer);
        const out = [];
        const walk = (coll) => {
          const n = coll.length;
@@ -625,7 +636,7 @@ async function main() {
      // Invert _modelMatrix (pitch=roll=0): local x in ENU = (cos h, −sin h, 0)
      // → h = atan2(−x·north, x·east); world course = h − headingOffsetDeg.
      window.__courseFromModelMatrix = function (mm, headingOffsetDeg) {
-        const v = window.__godsEyeView.viewer;
+        const v = (window.__headingView ?? window.__godsEyeView.viewer);
        const C3 = v.camera.position.constructor;
        const Carto = v.camera.positionCartographic.constructor;
        const carto = Carto.fromCartesian(new C3(mm[12], mm[13], mm[14]));
@@ -646,7 +657,7 @@ async function main() {
      // preUpdate/preRender listeners and reads the rendered model matrix, but
      // does not depend on ambient render-loop scheduling for sample count.
      window.__sampleModelCourse = async function (icao, headingOffsetDeg, windowMs, stepMs = 100) {
-        const v = window.__godsEyeView.viewer;
+        const v = (window.__headingView ?? window.__godsEyeView.viewer);
        const tileset = window.__godsEyeView.tileset;
        const out = [];
        const start = performance.now();
@@ -685,13 +696,15 @@ async function main() {
      };
    });

+    await installNavaraHeadingProbe(page);
+
    // ---- Enable layers with fixes back-dated 32 s, then prime forward ------
    // First update() fires inside setEnabled, so the FIRST fix must already be
    // the oldest (history appends only monotonically-newer fix times).
    console.log('Priming turning history through the render delay (30 s / 15 s)...');
    const primed = await page.evaluate(async () => {
      const dm = window.__godsEyeView.dataManager;
-      const v = window.__godsEyeView.viewer;
+      const v = (window.__headingView ?? window.__godsEyeView.viewer);
      window.__TURN.timeOffsetSec = -32;
      await dm.setEnabled('flights', true);
      await dm.setEnabled('military', true);
@@ -726,7 +739,10 @@ async function main() {

    const flModelUp = await page.waitForFunction((icao) => {
      const m = window.__findTrackedModel(icao);
-      return !!(m && m.ready && m.show);
+      const app = window.__godsEyeView;
+      const selected = app.dataManager.layers.get('flights').module.getTrackedInfo();
+      const following = app.engine.kind === 'navara' ? app.engine.camera.following() : app.viewer.trackedEntity;
+      return !!(m && m.ready && m.show && selected?.icao24 === icao && following);
    }, { timeout: 40000, polling: 250 }, TURN.flights[0].icao).then(() => true).catch(() => false);
    record('flights: tracked 3D model rendered (ready+shown)', flModelUp, flModelUp ? 'model up' : 'model never became ready');
    if (!flModelUp) { finish(); return; }
@@ -783,14 +799,14 @@ async function main() {
    await sleep(800);
    const shots = [
      ['flights-far-orbitA.png', async () => { /* default follow framing */ }],
-      ['flights-far-orbitB.png', () => page.evaluate(() => { window.__godsEyeView.viewer.camera.rotateRight(1.9); })],
+      ['flights-far-orbitB.png', () => page.evaluate(() => { (window.__headingView ?? window.__godsEyeView.viewer).camera.rotateRight(1.9); })],
      ['flights-near-orbitA.png', () => page.evaluate(() => {
-        const cam = window.__godsEyeView.viewer.camera;
+        const cam = (window.__headingView ?? window.__godsEyeView.viewer).camera;
        // Synthetic cruise frame settles ~5.6 km out; leave ~430 m so model,
        // readout anchor, tracking line, and trail can be judged close-up.
        cam.rotateRight(-1.9); cam.zoomIn(5200);
      })],
-      ['flights-near-orbitB.png', () => page.evaluate(() => { window.__godsEyeView.viewer.camera.rotateLeft(1.2); })],
+      ['flights-near-orbitB.png', () => page.evaluate(() => { (window.__headingView ?? window.__godsEyeView.viewer).camera.rotateLeft(1.2); })],
    ];
    for (const [name, move] of shots) {
      try { await move(); } catch (e) { console.log(`    (camera move for ${name} failed: ${e.message})`); }
@@ -812,7 +828,10 @@ async function main() {

    const milModelUp = await page.waitForFunction((hex) => {
      const m = window.__findTrackedModel(hex);
-      return !!(m && m.ready && m.show);
+      const app = window.__godsEyeView;
+      const selected = app.dataManager.layers.get('military').module.getTrackedInfo();
+      const following = app.engine.kind === 'navara' ? app.engine.camera.following() : app.viewer.trackedEntity;
+      return !!(m && m.ready && m.show && selected?.icao24 === hex && following);
    }, { timeout: 40000, polling: 250 }, TURN.military[0].hex).then(() => true).catch(() => false);
    record('military: tracked 3D model rendered (ready+shown)', milModelUp, milModelUp ? 'model up' : 'model never became ready');
    if (milModelUp) {
@@ -841,14 +860,14 @@ async function main() {
      await sleep(800);
      for (const [name, move] of [
        ['military-orbitA.png', async () => { }],
-        ['military-orbitB.png', () => page.evaluate(() => { window.__godsEyeView.viewer.camera.rotateRight(1.6); })],
+        ['military-orbitB.png', () => page.evaluate(() => { (window.__headingView ?? window.__godsEyeView.viewer).camera.rotateRight(1.6); })],
        ['military-near-orbitA.png', () => page.evaluate(() => {
-          const cam = window.__godsEyeView.viewer.camera;
+          const cam = (window.__headingView ?? window.__godsEyeView.viewer).camera;
          // 12,000 ft synthetic frame settles ~6.3 km out; leave ~630 m.
          cam.rotateLeft(1.6); cam.zoomIn(5700);
        })],
        ['military-near-orbitB.png', () => page.evaluate(() => {
-          window.__godsEyeView.viewer.camera.rotateRight(1.2);
+          (window.__headingView ?? window.__godsEyeView.viewer).camera.rotateRight(1.2);
        })],
      ]) {
        try { await move(); } catch (e) { console.log(`    (camera move for ${name} failed: ${e.message})`); }
@@ -877,7 +896,10 @@ async function main() {
      }, icao);
      const up = await page.waitForFunction((id) => {
        const m = window.__findTrackedModel(id);
-        return !!(m && m.ready && m.show);
+        const app = window.__godsEyeView;
+        const selected = app.dataManager.layers.get('flights').module.getTrackedInfo();
+        const following = app.engine.kind === 'navara' ? app.engine.camera.following() : app.viewer.trackedEntity;
+        return !!(m && m.ready && m.show && selected?.icao24 === id && following);
      }, { timeout: 40000, polling: 250 }, icao).then(() => true).catch(() => false);
      record(`${label}: tracked 3D model rendered (ready+shown)`, up, up ? 'model up' : 'model never became ready');
      return up;
@@ -914,7 +936,7 @@ async function main() {
      });
      for (const [name, move] of [
        ['slowturn-far.png', async () => { /* default follow framing */ }],
-        ['slowturn-near.png', () => page.evaluate(() => { window.__godsEyeView.viewer.camera.zoomIn(2500); })],
+        ['slowturn-near.png', () => page.evaluate(() => { (window.__headingView ?? window.__godsEyeView.viewer).camera.zoomIn(2500); })],
      ]) {
        try { await move(); } catch (e) { console.log(`    (camera move for ${name} failed: ${e.message})`); }
        await sleep(1200);
@@ -930,8 +952,9 @@ async function main() {
    // ========================================================================
    console.log('\nPhase 5 — 65 kt helicopter: tracked↔fleet course handoff (click / click-away)');
    await page.evaluate(() => {
+      if (window.__headingView) { window.__findModelByIcao = window.__findTrackedModel; return; }
      window.__findModelByIcao = function (icao) {
-        const v = window.__godsEyeView.viewer;
+        const v = (window.__headingView ?? window.__godsEyeView.viewer);
        const out = [];
        const walk = (coll) => {
          const n = coll.length;
@@ -957,7 +980,7 @@ async function main() {
      window.__TURN.heli65.active = true;
      const fl = window.__godsEyeView.dataManager.layers.get('flights').module;
      fl.setParams({ models3d: false });
-      await fl.update(window.__godsEyeView.viewer); // ingest the first heli fix
+      await fl.update((window.__headingView ?? window.__godsEyeView.viewer)); // ingest the first heli fix
    });
    await sleep(4000); // several fleet ticks establish the heli's fleet course
    await page.evaluate((icao) => {
@@ -966,7 +989,7 @@ async function main() {
    const heliTracked = await page.waitForFunction((icao) => {
      const fl = window.__godsEyeView.dataManager.layers.get('flights').module;
      const ti = fl.getTrackedInfo();
-      return !!(ti && ti.icao24 === icao && window.__godsEyeView.viewer.trackedEntity);
+      return !!(ti && ti.icao24 === icao && (window.__headingView ?? window.__godsEyeView.viewer).trackedEntity);
    }, { timeout: 15000, polling: 250 }, TURN.heli65.icao).then(() => true).catch(() => false);
    record('heli65: tracking engaged (2D billboard mode)', heliTracked,
      heliTracked ? 'tracked' : 'tracking never engaged');
@@ -983,9 +1006,10 @@ async function main() {
      // rotation after. The release-in-place keeps the camera static, so
      // rotation deltas across the boundary are course deltas.
      const c1 = await page.evaluate(async ({ icao, actionAtMs, windowMs }) => {
-        const v = window.__godsEyeView.viewer;
+        const v = (window.__headingView ?? window.__godsEyeView.viewer);
        const fl = window.__godsEyeView.dataManager.layers.get('flights').module;
        const findFleetBillboard = (id) => {
+          if (window.__headingView) return window.__godsEyeView.layers.drawn('flights').find((row) => row.id === id && row.show);
          const out = [];
          const walk = (coll) => {
            const n = coll.length;
@@ -1037,7 +1061,16 @@ async function main() {
        window.__godsEyeView.dataManager.layers.get('flights').module.setParams({ models3d: true });
      });
      const fleetModelUp = await page.evaluate(async (icao) => {
-        const v = window.__godsEyeView.viewer;
+        if (window.__headingView) {
+          const deadline = performance.now() + 40000;
+          while (performance.now() < deadline) {
+            if (window.__findModelByIcao(icao)) return true;
+            window.__godsEyeView.engine.render.request('heading-probe');
+            await new Promise((resolve) => setTimeout(resolve, 100));
+          }
+          return false;
+        }
+        const v = (window.__headingView ?? window.__godsEyeView.viewer);
        const tileset = window.__godsEyeView.tileset;
        const priorDefaultLoop = v.useDefaultRenderLoop;
        const priorTilesetShow = tileset?.show;
@@ -1061,7 +1094,7 @@ async function main() {
        record('heli65 C2 (click): fleet model rendered before re-track', false, 'fleet model never became ready');
      } else {
        const c2 = await page.evaluate(async ({ icao, offsetDeg, actionAtMs, windowMs }) => {
-          const v = window.__godsEyeView.viewer;
+          const v = (window.__headingView ?? window.__godsEyeView.viewer);
          const fl = window.__godsEyeView.dataManager.layers.get('flights').module;
          const out = [];
          const start = performance.now();
@@ -0,0 +1,128 @@
+// Navara ports for the existing heading scenarios. No app viewer is installed.
+// Samples come from the renderer handles through the read-only layer probe.
+export async function installNavaraHeadingProbe(page) {
+  await page.evaluate(async () => {
+    const app = window.__godsEyeView;
+    if (app.engine.kind !== 'navara') return;
+    const geo = await import('/src/geo/index.js');
+    const engine = app.engine;
+    const drawn = (id) =>
+      ['flights', 'military']
+        .flatMap((layer) => app.layers.drawn(layer) ?? [])
+        .filter((row) => row.id === id);
+    window.__findTrackedModel = (id) => {
+      const rows = drawn(id);
+      const row =
+        rows.find((r) => r.trackedModel && r.model?.ready && r.model.show) ??
+        rows.find((r) => r.model?.ready && r.model.show);
+      return row
+        ? {
+            id,
+            ready: row.model.ready,
+            show: row.model.show,
+            modelMatrix: row.model.matrix,
+          }
+        : null;
+    };
+    window.__courseFromModelMatrix = (mm, offset) => {
+      if (!mm) return null;
+      const c = geo.cartographic.fromCartesian({
+        x: mm[12],
+        y: mm[13],
+        z: mm[14],
+      });
+      const ex = -Math.sin(c.longitude),
+        ey = Math.cos(c.longitude);
+      const nx = -Math.sin(c.latitude) * Math.cos(c.longitude);
+      const ny = -Math.sin(c.latitude) * Math.sin(c.longitude),
+        nz = Math.cos(c.latitude);
+      const h =
+        (Math.atan2(
+          -(mm[0] * nx + mm[1] * ny + mm[2] * nz),
+          mm[0] * ex + mm[1] * ey,
+        ) *
+          180) /
+        Math.PI;
+      return (((h - offset) % 360) + 360) % 360;
+    };
+    const turn = (angle = 0, nearer = 0) => {
+      const handle = engine.camera.following();
+      const target = handle?.target();
+      if (!target)
+        throw new Error('Heading screenshot needs a followed target');
+      const frame = geo.transforms.eastNorthUpToFixedFrame(target);
+      const inverse = geo.matrix4.inverseTransformation(
+        frame,
+        geo.matrix4.create(),
+      );
+      const p = geo.matrix4.multiplyByPoint(
+        inverse,
+        engine.camera.pose().position,
+        geo.cartesian3.create(),
+      );
+      const x = p.x * Math.cos(angle) - p.y * Math.sin(angle);
+      const y = p.x * Math.sin(angle) + p.y * Math.cos(angle);
+      const range = Math.hypot(x, y, p.z);
+      const scale = Math.max(150, range - nearer) / range;
+      handle.retarget({
+        viewFrom: { x: x * scale, y: y * scale, z: p.z * scale },
+      });
+    };
+    window.__headingView = {
+      clock: { currentTime: undefined },
+      get trackedEntity() {
+        const handle = engine.camera.following();
+        if (!handle) return null;
+        const label = handle.label;
+        const id = label?.id?.split(':').at(-1);
+        return {
+          gevTrackedId: label?.id,
+          gevLabelModel:
+            typeof label?.model === 'function' ? label.model() : label?.model,
+          gevDisplayPosition: handle.target,
+          billboard: {
+            rotation: {
+              getValue: () => drawn(id).find((r) => r.tracked)?.trackedRotation,
+            },
+          },
+        };
+      },
+      camera: {
+        rotateRight: (a) => turn(a),
+        rotateLeft: (a) => turn(-a),
+        zoomIn: (m) => turn(0, m),
+      },
+      scene: {
+        preRender: engine.frames.preRender,
+        postRender: engine.frames.postRender,
+        requestRender: () => engine.render.request('heading-probe'),
+      },
+    };
+    // Observe real Navara frames; unlike Cesium this port does not own a
+    // manual viewer loop. The 600 ms case samples at that cadence while
+    // Navara continues rendering; the dt-clamp branch is covered by unit QA.
+    window.__sampleModelCourse = (id, offset, windowMs, stepMs = 100) =>
+      new Promise((resolve) => {
+        const samples = [];
+        let last = -Infinity;
+        const remove = engine.frames.preRender.addEventListener(() => {
+          const now = performance.now();
+          if (now - last < stepMs) return;
+          last = now;
+          const model = window.__findTrackedModel(id);
+          samples.push({
+            tMs: now,
+            epochMs: Date.now(),
+            course: model
+              ? window.__courseFromModelMatrix(model.modelMatrix, offset)
+              : null,
+          });
+        });
+        setTimeout(() => {
+          remove();
+          resolve(samples);
+        }, windowMs);
+        engine.render.request('heading-probe');
+      });
+  });
+}
@@ -213,7 +213,8 @@ async function readCameraGround(page, camId) {
 * @returns {Promise<number|null>} ellipsoid height in metres, or null on failure.
 */
 async function fetchReearthEllipsoid(lat, lon) {
-  const url = `${APP_URL}/api/terrain/heights?points=${encodeURIComponent(`${lon.toFixed(5)},${lat.toFixed(5)}`)}`;
+  const url = new URL('/api/terrain/heights', APP_URL);
+  url.searchParams.set('points', `${lon.toFixed(5)},${lat.toFixed(5)}`);
  try {
    const res = await fetch(url, { signal: AbortSignal.timeout(30000) });
    if (!res.ok) return null;
@@ -253,7 +254,7 @@ async function main() {
      '--no-sandbox',
      '--disable-setuid-sandbox',
      '--use-gl=angle',
-      '--use-angle=swiftshader',
+      `--use-angle=${process.env.QA_ANGLE || 'swiftshader'}`,
      '--disable-dev-shm-usage',
      '--disable-web-security',
      '--disable-background-timer-throttling',
@@ -279,7 +280,7 @@ async function main() {
    console.log('Loading app...');
    await page.goto(APP_URL, { waitUntil: 'domcontentloaded', timeout: 60000 });
    await page.waitForFunction(
-      () => window.__godsEyeView && window.__godsEyeView.viewer && window.__godsEyeView.dataManager,
+      () => window.__godsEyeView?.layers && window.__godsEyeView.dataManager,
      { timeout: 60000 }
    );
    await sleep(4000);
@@ -287,6 +288,10 @@ async function main() {
    // =========================================================================
    // Group 1: CCTV ground correctness
    // =========================================================================
+    const hasCctv = await page.evaluate(() => window.__godsEyeView.layers.available('cctv'));
+    let allCameras = [], londonCams = [], austinCams = [];
+    if (!hasCctv) console.log('  [SKIP] CCTV ground/regime groups are outside the Navara W1 catalog');
+    if (hasCctv) {
    console.log('Enabling CCTV layer (full city-packs catalog)...');
    await page.evaluate(async () => {
      const dm = window.__godsEyeView.dataManager;
@@ -337,7 +342,7 @@ async function main() {
    // `nearbyPlace` string (NOT a stable "San Francisco" literal), so SF-area
    // Caltrans cameras are identified by proximity to the SF anchor instead
    // (same anchor vite.config.js's CALTRANS_ANCHORS uses for prioritization).
-    const allCameras = await page.evaluate(() => window.__godsEyeView.dataManager.layers.get('cctv').module.getUIState().cameras);
+    allCameras = await page.evaluate(() => window.__godsEyeView.dataManager.layers.get('cctv').module.getUIState().cameras);
    console.log(`Camera catalog: ${allCameras.length} total.`);

    const SF_ANCHOR = { lat: 37.7793, lon: -122.4193 };
@@ -349,8 +354,8 @@ async function main() {
      return R * 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
    };

-    const londonCams = allCameras.filter((c) => c.city === 'London').slice(0, 5);
-    const austinCams = allCameras.filter((c) => c.city === 'Austin').slice(0, 5);
+    londonCams = allCameras.filter((c) => c.city === 'London').slice(0, 5);
+    austinCams = allCameras.filter((c) => c.city === 'Austin').slice(0, 5);
    const sfCams = allCameras
      .filter((c) => c.provider === 'Caltrans' && haversineKm(c.lat, c.lon, SF_ANCHOR.lat, SF_ANCHOR.lon) < 60)
      .slice(0, 3);
@@ -456,6 +461,8 @@ async function main() {
      record('Austin active camera google-3d ground ∈ [110,135]m', null, 'no Austin camera available to test');
    }

+    }
+
    // =========================================================================
    // Group 2: Aircraft render altitude
    // =========================================================================
@@ -511,7 +518,7 @@ async function main() {
      // returns everything currently shown regardless of viewer position.
      const nearbyList = await page.evaluate(() => {
        const mod = window.__godsEyeView.dataManager.layers.get('flights').module;
-        const center = window.__godsEyeView.viewer.camera.position;
+        const center = window.__godsEyeView.engine.camera.livePosition;
        return mod.getNearby(center, Number.MAX_VALUE, 200).map((a) => ({ icao24: a.icao24, altitudeM: a.altitudeM }));
      });
      const baroById = new Map(nearbyList.map((a) => [a.icao24, a.altitudeM]));
@@ -626,6 +633,7 @@ async function main() {
    // =========================================================================
    // Group 3: Regime C re-resolve
    // =========================================================================
+    if (hasCctv) {
    console.log('Switching map stack to keyless OSM (regime C)...');
    // Grab a London camera's ground BEFORE the switch (still whatever regime
    // we were in — Google-3D, given the app's default).
@@ -694,6 +702,8 @@ async function main() {
      record('CCTV grounds re-resolved for regime C', null, 'no test camera available');
    }

+    }
+
    // -----------------------------------------------------------------------
    // Screenshot for human visual review (not a pass/fail gate).
    // -----------------------------------------------------------------------
@@ -245,7 +245,7 @@ async function main() {
    ...(executablePath ? { executablePath } : {}),
    args: [
      '--no-sandbox', '--disable-setuid-sandbox',
-      '--use-gl=angle', '--use-angle=swiftshader',
+      '--use-gl=angle', `--use-angle=${process.env.QA_ANGLE || 'swiftshader'}`,
      '--disable-dev-shm-usage', '--disable-web-security',
      '--disable-background-timer-throttling', '--disable-renderer-backgrounding',
      '--window-size=1280,800',
@@ -234,7 +234,7 @@ async function main() {
      '--no-sandbox',
      '--disable-setuid-sandbox',
      '--use-gl=angle',
-      '--use-angle=swiftshader',
+      `--use-angle=${process.env.QA_ANGLE || 'swiftshader'}`,
      '--disable-dev-shm-usage',
      '--disable-web-security',
      '--disable-background-timer-throttling',
@@ -655,9 +655,9 @@ async function prepareMission(page) {
  });
  if (!selected) return 'Mission roster did not expose a selectable mission';
  try {
-    await page.waitForFunction(() => String(window.__godsEyeView.viewer?.selectedEntity?.id || '').startsWith('rocket-launch:'), { timeout: 10_000 });
+    await page.waitForFunction(() => Boolean(window.__godsEyeView.layers.drawn('rocket-launches')?.selected), { timeout: 10_000 });
  } catch {
-    return 'Mission selection did not reach the Cesium selected entity';
+    return 'Mission selection did not reach the layer probe';
  }
  await sleep(2_000);
  return null;
@@ -897,7 +897,7 @@ async function main() {
    executablePath: CHROME_EXECUTABLE,
    headless: HEADFUL ? false : 'new',
    args: [
-      ...(HARDWARE_GPU ? [] : ['--enable-unsafe-swiftshader', '--use-gl=swiftshader']),
+      ...(process.env.QA_ANGLE ? ['--use-gl=angle', `--use-angle=${process.env.QA_ANGLE}`] : HARDWARE_GPU ? [] : ['--enable-unsafe-swiftshader', '--use-gl=swiftshader']),
      '--no-sandbox',
      '--disable-setuid-sandbox',
      '--disable-dev-shm-usage',
@@ -950,9 +950,11 @@ async function main() {
        webglRenderer: browserContext.webglRenderer,
      },
      viewport: { ...VIEWPORT, dpr: browserContext.dpr },
-      gpuMode: HARDWARE_GPU ? 'hardware' : 'swiftshader',
+      gpuMode: process.env.QA_ANGLE || (HARDWARE_GPU ? 'hardware' : 'swiftshader'),
      chromeExecutable: CHROME_EXECUTABLE,
-      chromeArgs: HARDWARE_GPU
+      chromeArgs: process.env.QA_ANGLE
+        ? ['--use-gl=angle', `--use-angle=${process.env.QA_ANGLE}`, '--no-sandbox']
+        : HARDWARE_GPU
        ? ['--no-sandbox']
        : ['--enable-unsafe-swiftshader', '--use-gl=swiftshader', '--no-sandbox'],
      sampleMs: SAMPLE_MS,
@@ -102,6 +102,7 @@ const browser = await puppeteer.launch({
  headless: 'new',
  protocolTimeout: 300_000,
  args: [
+    ...(process.env.QA_ANGLE ? [`--use-angle=${process.env.QA_ANGLE}`] : []),
    '--no-sandbox',
    '--disable-setuid-sandbox',
    '--window-size=1440,900',
@@ -179,7 +179,7 @@ async function main() {
      '--no-sandbox',
      '--disable-setuid-sandbox',
      '--use-gl=angle',
-      '--use-angle=swiftshader',
+      `--use-angle=${process.env.QA_ANGLE || 'swiftshader'}`,
      '--disable-dev-shm-usage',
      '--disable-web-security',
      '--disable-background-timer-throttling',
@@ -206,6 +206,7 @@ async function main() {

    // ---- Straight-flight fetch shim (installed before any app code runs) ----
    await page.evaluateOnNewDocument((spec) => {
+      localStorage.setItem('gev:first-run-mission:v1', 'suppressed');
      window.__SPR = spec;
      window.__SPR.epochMs = Date.now();
      window.__SPR_HITS = { opensky: 0, mil: 0 };
@@ -284,6 +285,9 @@ async function main() {
      () => window.__godsEyeView && window.__godsEyeView.engine && window.__godsEyeView.dataManager && window.__godsEyeView.layers,
      { timeout: 60000, polling: 200 }
    );
+    await page.evaluate(() => window.__godsEyeView.styleManager.initialRestorePromise);
+    await page.waitForFunction(() => document.getElementById('loading-screen')?.classList.contains('hidden'), { timeout: 180000 });
+    await page.evaluate(() => window.__godsEyeView.styleManager.orbitController.stop());
    console.log('  App globals ready.');

    // ---- In-page probes: billboard walk, model walk, tracked-model finder ---
@@ -292,7 +296,7 @@ async function main() {
      window.__collectBillboards = function () {
        const v = window.__godsEyeView.viewer;
        if (!v)
-          return (window.__godsEyeView.layers.drawn('flights') ?? [])
+          return ['flights', 'military'].flatMap((id) => window.__godsEyeView.layers.drawn(id) ?? [])
            .filter((row) => !row.trackedModel)
            .map(({ id, image, scale, show }) => ({ id, image, scale, show }));
        const out = [];
@@ -315,7 +319,7 @@ async function main() {
      window.__collectModels = function () {
        const v = window.__godsEyeView.viewer;
        if (!v)
-          return (window.__godsEyeView.layers.drawn('flights') ?? [])
+          return ['flights', 'military'].flatMap((id) => window.__godsEyeView.layers.drawn(id) ?? [])
            .filter((row) => row.model && (row.trackedModel || !row.tracked))
            .map(({ id, model }) => ({ id, ...model, radius: null }));
        const out = [];
@@ -396,16 +400,16 @@ async function main() {
    let scaleBad = [];
    for (const [id, klass] of expectedFlights) {
      const bb = bbById.get(id);
-      const wantImg = aircraftIcon(klass);
+      const wantImg = [aircraftIcon(klass), aircraftIcon(klass, 192)];
      const wantScale = CLASS_SCALE_2D[klass] || 1;
-      if (!bb || bb.image !== wantImg) glyphBad.push(`${id}(${klass})${bb ? ':wrong-image' : ':missing'}`);
+      if (!bb || !wantImg.includes(bb.image)) glyphBad.push(`${id}(${klass})${bb ? ':wrong-image' : ':missing'}`);
      if (bb && Math.abs(bb.scale - wantScale) > 1e-9) scaleBad.push(`${id}: ${bb.scale} != ${wantScale}`);
    }
    for (const [id, klass] of hasMilitary ? expectedMilitary : []) {
      const bb = bbById.get(id);
-      const wantImg = aircraftIcon(klass);
+      const wantImg = [aircraftIcon(klass), aircraftIcon(klass, 192)];
      const wantScale = MIL_BILLBOARD_SCALE * (CLASS_SCALE_2D[klass] || 1);
-      if (!bb || bb.image !== wantImg) glyphBad.push(`${id}(${klass})${bb ? ':wrong-image' : ':missing'}`);
+      if (!bb || !wantImg.includes(bb.image)) glyphBad.push(`${id}(${klass})${bb ? ':wrong-image' : ':missing'}`);
      if (bb && Math.abs(bb.scale - wantScale) > 1e-9) scaleBad.push(`${id}: ${bb.scale} != ${wantScale}`);
    }
    record('B2a: every synthetic billboard has its class glyph (data-URI match)',
@@ -73,6 +73,40 @@ export function parseDataMode(args = []) {
  return mode;
 }

+/** A synthetic card capture owns its source instead of competing with qaFeed. */
+export function vesselCardCaptureUrl(pageUrl, dataMode) {
+  const url = new URL(pageUrl);
+  if (dataMode === 'synthetic') url.searchParams.delete('qaFeed');
+  return url.href;
+}
+
+/** Install before navigation; every asynchronous refresh keeps the same rows. */
+export function installSyntheticVesselFeed(rows) {
+  const realFetch = window.fetch.bind(window);
+  window.fetch = (input, init) => {
+    const url = new URL(
+      typeof input === 'string' ? input : (input.url ?? input),
+      location.href,
+    );
+    if (url.origin === location.origin && url.pathname === '/api/vessels') {
+      const nowMs = Date.now();
+      return Promise.resolve(
+        new Response(
+          JSON.stringify({
+            rows: rows.map((row) => ({
+              ...row,
+              last_position_epoch: nowMs / 1000,
+            })),
+            newestPositionAt: nowMs,
+          }),
+          { status: 200, headers: { 'content-type': 'application/json' } },
+        ),
+      );
+    }
+    return realFetch(input, init);
+  };
+}
+
 /** Build a screenshot name whose data provenance cannot collide with another mode. */
 export function vesselCardScreenshotFilename({ dataMode, tag, portKey }) {
  const provenanceSlug = DATA_PROVENANCE_SLUGS[dataMode];
@@ -262,22 +296,25 @@ async function main() {
      }));
      console.log(`  ▸ ${key} → ${outPath}`);

+      const syntheticRows = DATA_MODE === 'synthetic' ? syntheticVesselRows(key, port) : [];
+      const captureUrl = vesselCardCaptureUrl(PAGE_URL, DATA_MODE);
      const page = await browser.newPage();
      await page.setViewport({ width: 1600, height: 900 });
      await page.evaluateOnNewDocument(() => {
        // This harness inspects cards, so keep first-run chrome out of the view.
        localStorage.setItem('gev:first-run-mission:v1', 'suppressed');
      });
+      if (DATA_MODE === 'synthetic')
+        await page.evaluateOnNewDocument(installSyntheticVesselFeed, syntheticRows);
      page.on('pageerror', (err) => console.error(`    [page-error] ${err.message}`));

-      await page.goto(PAGE_URL, { waitUntil: 'domcontentloaded', timeout: 60000 });
+      await page.goto(captureUrl, { waitUntil: 'domcontentloaded', timeout: 60000 });
      if (ENGINE)
        await page.waitForFunction(() => !!window.__godsEyeView?.layers, { timeout: 180000 });
      else
        await page.waitForFunction(() => !!window.__godsEyeView?.viewer, { timeout: 60000 });

      // Frame the port (kill the intro flight first) and enable the layer.
-      const syntheticRows = DATA_MODE === 'synthetic' ? syntheticVesselRows(key, port) : [];
      const dataEvidence = await page.evaluate(async ({ p, dataMode, fixtureRows, engineNeutral }) => {
        const gev = window.__godsEyeView;
        if (engineNeutral) {
@@ -431,7 +468,7 @@ async function main() {
          hardwareAccelerated: hardwareRenderer,
          passed: capturePassed,
        },
-        appUrl: APP_URL,
+        appUrl: captureUrl,
        capturedAt: new Date().toISOString(),
      });
      fs.writeFileSync(manifestPath, `${JSON.stringify(manifest, null, 2)}\n`);
@@ -1305,7 +1305,8 @@ async function runBehaviorLayer() {
    args: [
      '--no-sandbox',
      '--disable-setuid-sandbox',
-      ...(HEADFUL ? [] : ['--use-gl=angle', '--use-angle=swiftshader']),
+      ...(HEADFUL ? [] : ['--use-gl=angle', `--use-angle=${process.env.QA_ANGLE || 'swiftshader'}`]),
+      '--mute-audio',
      '--disable-dev-shm-usage',
      '--disable-web-security',
      '--disable-background-timer-throttling',