+ The browser took back this page's graphics context. That is usually temporary, and
+ it often comes back by itself. Your scene is still here — it lives
+ in the page, not on the graphics card — so you can save it right now.
+
+
+
+
+
+
+
+{/if}
+
+
diff --git a/src/components/Scene.svelte b/src/components/Scene.svelte
index 44a07b66..5cd65074 100644
--- a/src/components/Scene.svelte
+++ b/src/components/Scene.svelte
@@ -8,7 +8,7 @@
import { peers, username, userdata, specatorMode, avatarConfig, viewportMenu, objectContextMenu, viewportMenuOpener, addMenu, addMenuOpener, showToast, multiSelectMode } from '../stores/appStore';
import { get } from 'svelte/store';
import { vrPostEnabled } from '$lib/viewportOverrides';
- import { isLocked, editorCam, isVRMode, globalScene, objectsGroup, showGrid, TControls, selectedObject, selectedObjects, lockedObjects, marqueeRect, worldRig, vrOverride, specators, globalCamera, globalRenderer, orbitControls, passthroughActive, sessionCompositesOverRoom, vrObjectsPanelOpen, vrPaletteOpen, vrPropsPanelOpen, vrPrefabsPanelOpen, vrChatPanelOpen, vrEditMenuOpen, vrSnapMenuOpen, vrSettingsPanelOpen, vrApprovePanelOpen, vrToolMode, viewMode } from '../stores/sceneStore';
+ import { isLocked, editorCam, isVRMode, globalScene, objectsGroup, showGrid, TControls, selectedObject, selectedObjects, lockedObjects, marqueeRect, worldRig, vrOverride, specators, globalCamera, globalRenderer, orbitControls, passthroughActive, sessionCompositesOverRoom, vrObjectsPanelOpen, vrPaletteOpen, vrPropsPanelOpen, vrPrefabsPanelOpen, vrChatPanelOpen, vrEditMenuOpen, vrSnapMenuOpen, vrSettingsPanelOpen, vrApprovePanelOpen, vrToolMode, viewMode, contextLost } from '../stores/sceneStore';
import {
selectObject,
deselectObject,
@@ -124,6 +124,7 @@
interactivity();
const scale = spring(0.5);
let rotation = 0;
+ let lastCameraSendAt = 0 // 27-E: the camera stream's rate gate
let lastCameraPosition = new THREE.Vector3();
// P2b THE OTHER HALF OF THE SEND GATE. The camera broadcast is CHANGE-GATED, so a
// peer who travels into our scene while we are standing still would never receive a
@@ -289,8 +290,18 @@
camContentPos.copy(camera.current.position);
camContentQuat.copy(camera.current.quaternion);
worldToContentPose($worldRig, camContentPos, camContentQuat);
- if (camContentPos.distanceTo(lastCameraPosition) > ($isVRMode ? 0.0001 : 0.01) ||
- camContentQuat.angleTo(lastCameraQuaternion) > THREE.MathUtils.degToRad(1)) {
+ // 27-E (audit H7): the camera stream is RATE-GATED now. It used to send on every
+ // frame the camera moved past a threshold — in VR that threshold is 0.0001 m, so
+ // at 90 Hz it is a message per frame, and at N=10 each peer both sends and
+ // receives ~800 a second. The movement threshold is unchanged; this only bounds
+ // HOW OFTEN, which is the `vrhands` pattern one block below. Golden rule 11: a
+ // receiver eases between samples, we never raise a send rate to paper over it.
+ const camGapMs = $isVRMode ? 33 : 50;
+ const nowMs = performance.now();
+ if ((camContentPos.distanceTo(lastCameraPosition) > ($isVRMode ? 0.0001 : 0.01) ||
+ camContentQuat.angleTo(lastCameraQuaternion) > THREE.MathUtils.degToRad(1)) &&
+ nowMs - lastCameraSendAt >= camGapMs) {
+ lastCameraSendAt = nowMs;
camContentEuler.setFromQuaternion(camContentQuat);
$peers.send({ type: 'camera', peerId: $peers.peer.id, position: camContentPos.toArray(), rotation: [camContentEuler.x, camContentEuler.y, camContentEuler.z] });
lastCameraPosition.copy(camContentPos);
@@ -556,6 +567,27 @@
renderer.xr.addEventListener('sessionstart', onSessionStart);
const element = renderer.domElement;
+
+ // 27-G (audit M13): a lost WebGL context is SILENT. The canvas stops updating while
+ // every other part of the app keeps answering, so it reads to a user as "the whole
+ // thing froze" with nothing to act on. preventDefault() is load-bearing rather than
+ // a formality: without it the browser never fires a restore event AT ALL, so there
+ // is no way back short of a reload.
+ const onContextLost = (event: any) => {
+ event.preventDefault();
+ $contextLost = true;
+ };
+ const onContextRestored = () => {
+ // three rebuilds its own GPU objects lazily, but a material compiled against the
+ // dead context keeps its stale program, so force a recompile across the scene.
+ $globalScene?.traverse((o: any) => {
+ const list = Array.isArray(o.material) ? o.material : o.material ? [o.material] : [];
+ for (const m of list) if (m) m.needsUpdate = true;
+ });
+ $contextLost = false;
+ };
+ element.addEventListener('webglcontextlost', onContextLost);
+ element.addEventListener('webglcontextrestored', onContextRestored);
let downPosition = null;
let downTime = 0;
let strokeActive = false;
@@ -1253,6 +1285,8 @@
stopPlayInteract(); // 21-B B3 (releases any carried body with zero velocity)
element.removeEventListener('pointerdown', onPointerDown);
element.removeEventListener('contextmenu', onContextMenu);
+ element.removeEventListener('webglcontextlost', onContextLost);
+ element.removeEventListener('webglcontextrestored', onContextRestored);
window.removeEventListener('pointerup', onPointerUp);
xrControllers.forEach((controller) => {
controller.removeEventListener('select', onXRSelect);
diff --git a/src/components/menu/Connect.svelte b/src/components/menu/Connect.svelte
index 8945c74f..fe53390a 100644
--- a/src/components/menu/Connect.svelte
+++ b/src/components/menu/Connect.svelte
@@ -5,6 +5,8 @@
import { onMount, tick } from 'svelte';
import { createPeer, PeerConnection } from '$lib/peerHandler.svelte';
import { peerServerStatus, inviteServerParam } from '$lib/peerServer';
+ // 27-F: the signaling link's retry state (audit H2). A chip, not a toast per attempt.
+ import { signalingRetry, approvalStartedAt, approvalRemaining, APPROVAL_WINDOW_MS } from '$lib/connectionState';
import { cancelOutboundRequest, requestConnect } from '$lib/peerApproval';
import { sessionHost } from '$lib/connectionState';
import { connectSlot, drawerSlot } from '$lib/cloudHooks';
@@ -39,6 +41,26 @@
// from $userdata.length: the roster is populated optimistically at DIAL time.
const remoteOpen = $derived($peers ? [...$peers.openedPeers] : []);
const pendingOut = $derived($waitingForApproval.filter((w) => w[1] === 'pending'));
+ // 27-E: the pill COUNTS DOWN. A request that hangs with no end is the worst of the
+ // three states a dial can be in — a refusal at least finishes — so the wait is visible
+ // and bounded. One 1s tick only while something is pending; the clock itself lives in
+ // connectionState so the host's card age cannot disagree with it.
+ let nowTick = $state(Date.now());
+ $effect(() => {
+ if (!pendingOut.length) return;
+ const t = setInterval(() => (nowTick = Date.now()), 1000);
+ return () => clearInterval(t);
+ });
+ const pendingLeft = $derived.by(() => {
+ void nowTick;
+ const id = pendingOut[0]?.[0];
+ if (!id) return 0;
+ const started = $approvalStartedAt[id];
+ // No stamp means no clock, and a fabricated full window is worse than none: it
+ // paints a confident 1:30 that never decrements, and it disagrees with the host's
+ // card, which ages from the same map and would read zero. Show nothing instead.
+ return started ? Math.ceil(approvalRemaining(started) / 1000) : 0;
+ });
const connState = $derived(
remoteOpen.length > 0 ? 'connected' : pendingOut.length > 0 ? 'pending' : 'idle'
);
@@ -259,7 +281,15 @@
{:else if connState === 'pending'}