{
  "kind": "lusion-current-page-project-media-field-verification",
  "schemaVersion": 1,
  "verifiedAt": "2026-08-05T18:56:30.187Z",
  "browser": "Google Chrome via Playwright",
  "result": "PASS",
  "url": "http://127.0.0.1:4326/output/playwright/lusion-home-schema2.html",
  "assertions": {
    "threeViewportMatrixReady": true,
    "oneProjectRenderer": true,
    "domOwnsCardsAndLinks": true,
    "canvasIsFixedAndNonInteractive": true,
    "canvasMatchesViewport": true,
    "planesMatchDomRects": true,
    "textureResidencyBounded": true,
    "healthyCanvasReplacesOnlyImages": true,
    "pointerSelectsMatchingDomOwner": true,
    "sourceBackedShaderCalibration": true,
    "noDocumentOverflow": true,
    "noRuntimeErrors": true,
    "responsiveRoundTrip": true,
    "contextLossRestoresFallbackContract": true,
    "fallbackRevealsDomImages": true,
    "stalledLoadingTimesOut": true,
    "routeTransitionSequence": true,
    "routeIdentityAndSemanticHandoff": true,
    "responsiveTransitionGeometry": true,
    "routeBackRestoresFocus": true,
    "routeRuntimeAndOverflow": true,
    "nativeBackInterruptsSafely": true,
    "reducedMotionRouteIsImmediate": true,
    "noWebGLKeepsSemanticRoute": true
  },
  "matrix": [
    {
      "width": 390,
      "initial": {
        "state": null,
        "sceneState": null,
        "readiness": null,
        "activeId": null,
        "domActiveId": null,
        "effectActiveId": null,
        "effectHover": 0,
        "effectParallaxSamples": 0,
        "effectBlurSamples": 0,
        "effectDynamics": null,
        "effectResolvedPointerX": 0,
        "resident": 0,
        "maxResident": 0,
        "visiblePlanes": 0,
        "rectError": null,
        "renderWidth": 0,
        "renderHeight": 0,
        "viewportWidth": 390,
        "viewportHeight": 900,
        "documentWidth": 390,
        "cardCount": 10,
        "projectCanvasCount": 0,
        "allCanvasCount": 2,
        "canvasPosition": null,
        "canvasPointerEvents": null,
        "canvasDisplay": null,
        "imagePaintStates": [
          null,
          null,
          null,
          null,
          null,
          null,
          null,
          null,
          null,
          null
        ],
        "imageOpacities": [
          1,
          1,
          1,
          1,
          1,
          1,
          1,
          1,
          1,
          1
        ],
        "hrefCount": 10,
        "overflow": 0,
        "frameCount": 0,
        "fallbackReason": null,
        "transitionState": null,
        "transitionProgress": 0,
        "transitionActiveId": null,
        "transitionMotion": null,
        "transitionPlane": {
          "x": 0,
          "y": 0,
          "width": 0,
          "height": 0
        },
        "hash": "",
        "detailHidden": true,
        "detailAriaHidden": "true",
        "detailTitle": "",
        "backFocused": false,
        "focusedProjectId": null,
        "transitionLocked": null
      },
      "ready": {
        "state": "ready",
        "sceneState": "ready",
        "readiness": "ready",
        "activeId": "oryzo_ai",
        "domActiveId": "oryzo_ai",
        "effectActiveId": null,
        "effectHover": 0,
        "effectParallaxSamples": 12,
        "effectBlurSamples": 6,
        "effectDynamics": "spring-0.09-damping-0.78",
        "effectResolvedPointerX": 0.5,
        "resident": 4,
        "maxResident": 6,
        "visiblePlanes": 2,
        "rectError": 0,
        "renderWidth": 390,
        "renderHeight": 900,
        "viewportWidth": 390,
        "viewportHeight": 900,
        "documentWidth": 390,
        "cardCount": 10,
        "projectCanvasCount": 1,
        "allCanvasCount": 3,
        "canvasPosition": "fixed",
        "canvasPointerEvents": "none",
        "canvasDisplay": "block",
        "imagePaintStates": [
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced"
        ],
        "imageOpacities": [
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0
        ],
        "hrefCount": 10,
        "overflow": 0,
        "frameCount": 24,
        "fallbackReason": "",
        "transitionState": "idle",
        "transitionProgress": 0,
        "transitionActiveId": "",
        "transitionMotion": "full",
        "transitionPlane": {
          "x": 0,
          "y": 0,
          "width": 0,
          "height": 0
        },
        "hash": "",
        "detailHidden": true,
        "detailAriaHidden": "true",
        "detailTitle": "",
        "backFocused": false,
        "focusedProjectId": null,
        "transitionLocked": "false"
      },
      "interaction": {
        "state": "interacting",
        "sceneState": "interacting",
        "readiness": "ready",
        "activeId": "oryzo_ai",
        "domActiveId": "oryzo_ai",
        "effectActiveId": "oryzo_ai",
        "effectHover": 1.12,
        "effectParallaxSamples": 12,
        "effectBlurSamples": 6,
        "effectDynamics": "spring-0.09-damping-0.78",
        "effectResolvedPointerX": 0.811,
        "resident": 4,
        "maxResident": 6,
        "visiblePlanes": 2,
        "rectError": 0,
        "renderWidth": 390,
        "renderHeight": 900,
        "viewportWidth": 390,
        "viewportHeight": 900,
        "documentWidth": 390,
        "cardCount": 10,
        "projectCanvasCount": 1,
        "allCanvasCount": 3,
        "canvasPosition": "fixed",
        "canvasPointerEvents": "none",
        "canvasDisplay": "block",
        "imagePaintStates": [
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced"
        ],
        "imageOpacities": [
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0
        ],
        "hrefCount": 10,
        "overflow": 0,
        "frameCount": 45,
        "fallbackReason": "",
        "transitionState": "idle",
        "transitionProgress": 0,
        "transitionActiveId": "",
        "transitionMotion": "full",
        "transitionPlane": {
          "x": 0,
          "y": 0,
          "width": 0,
          "height": 0
        },
        "hash": "",
        "detailHidden": true,
        "detailAriaHidden": "true",
        "detailTitle": "",
        "backFocused": false,
        "focusedProjectId": null,
        "transitionLocked": "false"
      },
      "runtimeErrors": []
    },
    {
      "width": 768,
      "initial": {
        "state": null,
        "sceneState": null,
        "readiness": null,
        "activeId": null,
        "domActiveId": null,
        "effectActiveId": null,
        "effectHover": 0,
        "effectParallaxSamples": 0,
        "effectBlurSamples": 0,
        "effectDynamics": null,
        "effectResolvedPointerX": 0,
        "resident": 0,
        "maxResident": 0,
        "visiblePlanes": 0,
        "rectError": null,
        "renderWidth": 0,
        "renderHeight": 0,
        "viewportWidth": 768,
        "viewportHeight": 900,
        "documentWidth": 768,
        "cardCount": 10,
        "projectCanvasCount": 0,
        "allCanvasCount": 2,
        "canvasPosition": null,
        "canvasPointerEvents": null,
        "canvasDisplay": null,
        "imagePaintStates": [
          null,
          null,
          null,
          null,
          null,
          null,
          null,
          null,
          null,
          null
        ],
        "imageOpacities": [
          1,
          1,
          1,
          1,
          1,
          1,
          1,
          1,
          1,
          1
        ],
        "hrefCount": 10,
        "overflow": 0,
        "frameCount": 0,
        "fallbackReason": null,
        "transitionState": null,
        "transitionProgress": 0,
        "transitionActiveId": null,
        "transitionMotion": null,
        "transitionPlane": {
          "x": 0,
          "y": 0,
          "width": 0,
          "height": 0
        },
        "hash": "",
        "detailHidden": true,
        "detailAriaHidden": "true",
        "detailTitle": "",
        "backFocused": false,
        "focusedProjectId": null,
        "transitionLocked": null
      },
      "ready": {
        "state": "ready",
        "sceneState": "ready",
        "readiness": "ready",
        "activeId": "oryzo_ai",
        "domActiveId": "oryzo_ai",
        "effectActiveId": null,
        "effectHover": 0,
        "effectParallaxSamples": 12,
        "effectBlurSamples": 6,
        "effectDynamics": "spring-0.09-damping-0.78",
        "effectResolvedPointerX": 0.5,
        "resident": 3,
        "maxResident": 6,
        "visiblePlanes": 2,
        "rectError": 0,
        "renderWidth": 768,
        "renderHeight": 900,
        "viewportWidth": 768,
        "viewportHeight": 900,
        "documentWidth": 768,
        "cardCount": 10,
        "projectCanvasCount": 1,
        "allCanvasCount": 3,
        "canvasPosition": "fixed",
        "canvasPointerEvents": "none",
        "canvasDisplay": "block",
        "imagePaintStates": [
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced"
        ],
        "imageOpacities": [
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0
        ],
        "hrefCount": 10,
        "overflow": 0,
        "frameCount": 24,
        "fallbackReason": "",
        "transitionState": "idle",
        "transitionProgress": 0,
        "transitionActiveId": "",
        "transitionMotion": "full",
        "transitionPlane": {
          "x": 0,
          "y": 0,
          "width": 0,
          "height": 0
        },
        "hash": "",
        "detailHidden": true,
        "detailAriaHidden": "true",
        "detailTitle": "",
        "backFocused": false,
        "focusedProjectId": null,
        "transitionLocked": "false"
      },
      "interaction": {
        "state": "interacting",
        "sceneState": "interacting",
        "readiness": "ready",
        "activeId": "oryzo_ai",
        "domActiveId": "oryzo_ai",
        "effectActiveId": "oryzo_ai",
        "effectHover": 1.12,
        "effectParallaxSamples": 12,
        "effectBlurSamples": 6,
        "effectDynamics": "spring-0.09-damping-0.78",
        "effectResolvedPointerX": 0.814,
        "resident": 3,
        "maxResident": 6,
        "visiblePlanes": 2,
        "rectError": 0,
        "renderWidth": 768,
        "renderHeight": 900,
        "viewportWidth": 768,
        "viewportHeight": 900,
        "documentWidth": 768,
        "cardCount": 10,
        "projectCanvasCount": 1,
        "allCanvasCount": 3,
        "canvasPosition": "fixed",
        "canvasPointerEvents": "none",
        "canvasDisplay": "block",
        "imagePaintStates": [
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced"
        ],
        "imageOpacities": [
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0
        ],
        "hrefCount": 10,
        "overflow": 0,
        "frameCount": 44,
        "fallbackReason": "",
        "transitionState": "idle",
        "transitionProgress": 0,
        "transitionActiveId": "",
        "transitionMotion": "full",
        "transitionPlane": {
          "x": 0,
          "y": 0,
          "width": 0,
          "height": 0
        },
        "hash": "",
        "detailHidden": true,
        "detailAriaHidden": "true",
        "detailTitle": "",
        "backFocused": false,
        "focusedProjectId": null,
        "transitionLocked": "false"
      },
      "runtimeErrors": []
    },
    {
      "width": 1280,
      "initial": {
        "state": null,
        "sceneState": null,
        "readiness": null,
        "activeId": null,
        "domActiveId": null,
        "effectActiveId": null,
        "effectHover": 0,
        "effectParallaxSamples": 0,
        "effectBlurSamples": 0,
        "effectDynamics": null,
        "effectResolvedPointerX": 0,
        "resident": 0,
        "maxResident": 0,
        "visiblePlanes": 0,
        "rectError": null,
        "renderWidth": 0,
        "renderHeight": 0,
        "viewportWidth": 1280,
        "viewportHeight": 900,
        "documentWidth": 1280,
        "cardCount": 10,
        "projectCanvasCount": 0,
        "allCanvasCount": 2,
        "canvasPosition": null,
        "canvasPointerEvents": null,
        "canvasDisplay": null,
        "imagePaintStates": [
          null,
          null,
          null,
          null,
          null,
          null,
          null,
          null,
          null,
          null
        ],
        "imageOpacities": [
          1,
          1,
          1,
          1,
          1,
          1,
          1,
          1,
          1,
          1
        ],
        "hrefCount": 10,
        "overflow": 0,
        "frameCount": 0,
        "fallbackReason": null,
        "transitionState": null,
        "transitionProgress": 0,
        "transitionActiveId": null,
        "transitionMotion": null,
        "transitionPlane": {
          "x": 0,
          "y": 0,
          "width": 0,
          "height": 0
        },
        "hash": "",
        "detailHidden": true,
        "detailAriaHidden": "true",
        "detailTitle": "",
        "backFocused": false,
        "focusedProjectId": null,
        "transitionLocked": null
      },
      "ready": {
        "state": "ready",
        "sceneState": "ready",
        "readiness": "ready",
        "activeId": "oryzo_ai",
        "domActiveId": "oryzo_ai",
        "effectActiveId": null,
        "effectHover": 0,
        "effectParallaxSamples": 12,
        "effectBlurSamples": 6,
        "effectDynamics": "spring-0.09-damping-0.78",
        "effectResolvedPointerX": 0.5,
        "resident": 6,
        "maxResident": 6,
        "visiblePlanes": 4,
        "rectError": 0,
        "renderWidth": 1280,
        "renderHeight": 900,
        "viewportWidth": 1280,
        "viewportHeight": 900,
        "documentWidth": 1280,
        "cardCount": 10,
        "projectCanvasCount": 1,
        "allCanvasCount": 3,
        "canvasPosition": "fixed",
        "canvasPointerEvents": "none",
        "canvasDisplay": "block",
        "imagePaintStates": [
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced"
        ],
        "imageOpacities": [
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0
        ],
        "hrefCount": 10,
        "overflow": 0,
        "frameCount": 24,
        "fallbackReason": "",
        "transitionState": "idle",
        "transitionProgress": 0,
        "transitionActiveId": "",
        "transitionMotion": "full",
        "transitionPlane": {
          "x": 0,
          "y": 0,
          "width": 0,
          "height": 0
        },
        "hash": "",
        "detailHidden": true,
        "detailAriaHidden": "true",
        "detailTitle": "",
        "backFocused": false,
        "focusedProjectId": null,
        "transitionLocked": "false"
      },
      "interaction": {
        "state": "interacting",
        "sceneState": "interacting",
        "readiness": "ready",
        "activeId": "oryzo_ai",
        "domActiveId": "oryzo_ai",
        "effectActiveId": "oryzo_ai",
        "effectHover": 1.12,
        "effectParallaxSamples": 12,
        "effectBlurSamples": 6,
        "effectDynamics": "spring-0.09-damping-0.78",
        "effectResolvedPointerX": 0.813,
        "resident": 6,
        "maxResident": 6,
        "visiblePlanes": 4,
        "rectError": 0,
        "renderWidth": 1280,
        "renderHeight": 900,
        "viewportWidth": 1280,
        "viewportHeight": 900,
        "documentWidth": 1280,
        "cardCount": 10,
        "projectCanvasCount": 1,
        "allCanvasCount": 3,
        "canvasPosition": "fixed",
        "canvasPointerEvents": "none",
        "canvasDisplay": "block",
        "imagePaintStates": [
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced"
        ],
        "imageOpacities": [
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0
        ],
        "hrefCount": 10,
        "overflow": 0,
        "frameCount": 44,
        "fallbackReason": "",
        "transitionState": "idle",
        "transitionProgress": 0,
        "transitionActiveId": "",
        "transitionMotion": "full",
        "transitionPlane": {
          "x": 0,
          "y": 0,
          "width": 0,
          "height": 0
        },
        "hash": "",
        "detailHidden": true,
        "detailAriaHidden": "true",
        "detailTitle": "",
        "backFocused": false,
        "focusedProjectId": null,
        "transitionLocked": "false"
      },
      "runtimeErrors": []
    }
  ],
  "routeMatrix": [
    {
      "width": 390,
      "sourceRect": {
        "x": 15,
        "y": 302.140625,
        "width": 360,
        "height": 233.984375
      },
      "exiting": {
        "state": "ready",
        "sceneState": "ready",
        "readiness": "ready",
        "activeId": "devin_ai",
        "domActiveId": "devin_ai",
        "effectActiveId": null,
        "effectHover": 0,
        "effectParallaxSamples": 12,
        "effectBlurSamples": 6,
        "effectDynamics": "spring-0.09-damping-0.78",
        "effectResolvedPointerX": 0.5,
        "resident": 6,
        "maxResident": 6,
        "visiblePlanes": 1,
        "rectError": 0,
        "renderWidth": 390,
        "renderHeight": 900,
        "viewportWidth": 390,
        "viewportHeight": 900,
        "documentWidth": 390,
        "cardCount": 10,
        "projectCanvasCount": 1,
        "allCanvasCount": 3,
        "canvasPosition": "fixed",
        "canvasPointerEvents": "none",
        "canvasDisplay": "block",
        "imagePaintStates": [
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced"
        ],
        "imageOpacities": [
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0
        ],
        "hrefCount": 10,
        "overflow": 0,
        "frameCount": 63,
        "fallbackReason": "",
        "transitionState": "exiting",
        "transitionProgress": 0.721,
        "transitionActiveId": "devin_ai",
        "transitionMotion": "full",
        "transitionPlane": {
          "x": 0.33,
          "y": 100.48,
          "width": 389.35,
          "height": 498.13
        },
        "hash": "#project/devin_ai",
        "detailHidden": true,
        "detailAriaHidden": "true",
        "detailTitle": "Devin AI",
        "backFocused": false,
        "focusedProjectId": "devin_ai",
        "transitionLocked": "true"
      },
      "blackout": {
        "state": "ready",
        "sceneState": "ready",
        "readiness": "ready",
        "activeId": "devin_ai",
        "domActiveId": "devin_ai",
        "effectActiveId": null,
        "effectHover": 0,
        "effectParallaxSamples": 12,
        "effectBlurSamples": 6,
        "effectDynamics": "spring-0.09-damping-0.78",
        "effectResolvedPointerX": 0.5,
        "resident": 6,
        "maxResident": 6,
        "visiblePlanes": 0,
        "rectError": 0,
        "renderWidth": 390,
        "renderHeight": 900,
        "viewportWidth": 390,
        "viewportHeight": 900,
        "documentWidth": 390,
        "cardCount": 10,
        "projectCanvasCount": 1,
        "allCanvasCount": 3,
        "canvasPosition": "fixed",
        "canvasPointerEvents": "none",
        "canvasDisplay": "block",
        "imagePaintStates": [
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced"
        ],
        "imageOpacities": [
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0
        ],
        "hrefCount": 10,
        "overflow": 0,
        "frameCount": 77,
        "fallbackReason": "",
        "transitionState": "blackout",
        "transitionProgress": 0.018,
        "transitionActiveId": "devin_ai",
        "transitionMotion": "full",
        "transitionPlane": {
          "x": 15,
          "y": 302.14,
          "width": 360,
          "height": 233.98
        },
        "hash": "#project/devin_ai",
        "detailHidden": false,
        "detailAriaHidden": "true",
        "detailTitle": "Devin AI",
        "backFocused": false,
        "focusedProjectId": "devin_ai",
        "transitionLocked": "true"
      },
      "settled": {
        "state": "ready",
        "sceneState": "ready",
        "readiness": "ready",
        "activeId": "devin_ai",
        "domActiveId": "devin_ai",
        "effectActiveId": null,
        "effectHover": 0,
        "effectParallaxSamples": 12,
        "effectBlurSamples": 6,
        "effectDynamics": "spring-0.09-damping-0.78",
        "effectResolvedPointerX": 0.5,
        "resident": 6,
        "maxResident": 6,
        "visiblePlanes": 0,
        "rectError": 0,
        "renderWidth": 390,
        "renderHeight": 900,
        "viewportWidth": 390,
        "viewportHeight": 900,
        "documentWidth": 390,
        "cardCount": 10,
        "projectCanvasCount": 1,
        "allCanvasCount": 3,
        "canvasPosition": "fixed",
        "canvasPointerEvents": "none",
        "canvasDisplay": "block",
        "imagePaintStates": [
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced"
        ],
        "imageOpacities": [
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0
        ],
        "hrefCount": 10,
        "overflow": 0,
        "frameCount": 162,
        "fallbackReason": "",
        "transitionState": "settled",
        "transitionProgress": 1,
        "transitionActiveId": "devin_ai",
        "transitionMotion": "full",
        "transitionPlane": {
          "x": 15,
          "y": 302.14,
          "width": 360,
          "height": 233.98
        },
        "hash": "#project/devin_ai",
        "detailHidden": false,
        "detailAriaHidden": "false",
        "detailTitle": "Devin AI",
        "backFocused": true,
        "focusedProjectId": null,
        "transitionLocked": "true"
      },
      "returned": {
        "state": "interacting",
        "sceneState": "interacting",
        "readiness": "ready",
        "activeId": "of_the_oak",
        "domActiveId": "of_the_oak",
        "effectActiveId": "of_the_oak",
        "effectHover": 0.07,
        "effectParallaxSamples": 12,
        "effectBlurSamples": 6,
        "effectDynamics": "spring-0.09-damping-0.78",
        "effectResolvedPointerX": 0.5,
        "resident": 6,
        "maxResident": 6,
        "visiblePlanes": 3,
        "rectError": 0,
        "renderWidth": 390,
        "renderHeight": 900,
        "viewportWidth": 390,
        "viewportHeight": 900,
        "documentWidth": 390,
        "cardCount": 10,
        "projectCanvasCount": 1,
        "allCanvasCount": 3,
        "canvasPosition": "fixed",
        "canvasPointerEvents": "none",
        "canvasDisplay": "block",
        "imagePaintStates": [
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced"
        ],
        "imageOpacities": [
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0
        ],
        "hrefCount": 10,
        "overflow": 0,
        "frameCount": 206,
        "fallbackReason": "",
        "transitionState": "idle",
        "transitionProgress": 0,
        "transitionActiveId": "",
        "transitionMotion": "full",
        "transitionPlane": {
          "x": 15,
          "y": 302.14,
          "width": 360,
          "height": 233.98
        },
        "hash": "",
        "detailHidden": true,
        "detailAriaHidden": "true",
        "detailTitle": "Devin AI",
        "backFocused": false,
        "focusedProjectId": "devin_ai",
        "transitionLocked": "false"
      },
      "trace": [
        "exiting",
        "blackout",
        "entering",
        "settled"
      ],
      "runtimeErrors": []
    },
    {
      "width": 768,
      "sourceRect": {
        "x": 25,
        "y": 156.84375,
        "width": 718,
        "height": 466.6875
      },
      "exiting": {
        "state": "ready",
        "sceneState": "ready",
        "readiness": "ready",
        "activeId": "devin_ai",
        "domActiveId": "devin_ai",
        "effectActiveId": null,
        "effectHover": 0,
        "effectParallaxSamples": 12,
        "effectBlurSamples": 6,
        "effectDynamics": "spring-0.09-damping-0.78",
        "effectResolvedPointerX": 0.5,
        "resident": 4,
        "maxResident": 6,
        "visiblePlanes": 1,
        "rectError": 0,
        "renderWidth": 768,
        "renderHeight": 900,
        "viewportWidth": 768,
        "viewportHeight": 900,
        "documentWidth": 768,
        "cardCount": 10,
        "projectCanvasCount": 1,
        "allCanvasCount": 3,
        "canvasPosition": "fixed",
        "canvasPointerEvents": "none",
        "canvasDisplay": "block",
        "imagePaintStates": [
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced"
        ],
        "imageOpacities": [
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0
        ],
        "hrefCount": 10,
        "overflow": 0,
        "frameCount": 64,
        "fallbackReason": "",
        "transitionState": "exiting",
        "transitionProgress": 0.743,
        "transitionActiveId": "devin_ai",
        "transitionMotion": "full",
        "transitionPlane": {
          "x": 25,
          "y": 156.84,
          "width": 718,
          "height": 466.69
        },
        "hash": "#project/devin_ai",
        "detailHidden": true,
        "detailAriaHidden": "true",
        "detailTitle": "Devin AI",
        "backFocused": false,
        "focusedProjectId": "devin_ai",
        "transitionLocked": "true"
      },
      "blackout": {
        "state": "ready",
        "sceneState": "ready",
        "readiness": "ready",
        "activeId": "devin_ai",
        "domActiveId": "devin_ai",
        "effectActiveId": null,
        "effectHover": 0,
        "effectParallaxSamples": 12,
        "effectBlurSamples": 6,
        "effectDynamics": "spring-0.09-damping-0.78",
        "effectResolvedPointerX": 0.5,
        "resident": 4,
        "maxResident": 6,
        "visiblePlanes": 0,
        "rectError": 0,
        "renderWidth": 768,
        "renderHeight": 900,
        "viewportWidth": 768,
        "viewportHeight": 900,
        "documentWidth": 768,
        "cardCount": 10,
        "projectCanvasCount": 1,
        "allCanvasCount": 3,
        "canvasPosition": "fixed",
        "canvasPointerEvents": "none",
        "canvasDisplay": "block",
        "imagePaintStates": [
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced"
        ],
        "imageOpacities": [
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0
        ],
        "hrefCount": 10,
        "overflow": 0,
        "frameCount": 77,
        "fallbackReason": "",
        "transitionState": "blackout",
        "transitionProgress": 0.017,
        "transitionActiveId": "devin_ai",
        "transitionMotion": "full",
        "transitionPlane": {
          "x": 25,
          "y": 156.84,
          "width": 718,
          "height": 466.69
        },
        "hash": "#project/devin_ai",
        "detailHidden": false,
        "detailAriaHidden": "true",
        "detailTitle": "Devin AI",
        "backFocused": false,
        "focusedProjectId": "devin_ai",
        "transitionLocked": "true"
      },
      "settled": {
        "state": "ready",
        "sceneState": "ready",
        "readiness": "ready",
        "activeId": "devin_ai",
        "domActiveId": "devin_ai",
        "effectActiveId": null,
        "effectHover": 0,
        "effectParallaxSamples": 12,
        "effectBlurSamples": 6,
        "effectDynamics": "spring-0.09-damping-0.78",
        "effectResolvedPointerX": 0.5,
        "resident": 4,
        "maxResident": 6,
        "visiblePlanes": 0,
        "rectError": 0,
        "renderWidth": 768,
        "renderHeight": 900,
        "viewportWidth": 768,
        "viewportHeight": 900,
        "documentWidth": 768,
        "cardCount": 10,
        "projectCanvasCount": 1,
        "allCanvasCount": 3,
        "canvasPosition": "fixed",
        "canvasPointerEvents": "none",
        "canvasDisplay": "block",
        "imagePaintStates": [
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced"
        ],
        "imageOpacities": [
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0
        ],
        "hrefCount": 10,
        "overflow": 0,
        "frameCount": 162,
        "fallbackReason": "",
        "transitionState": "settled",
        "transitionProgress": 1,
        "transitionActiveId": "devin_ai",
        "transitionMotion": "full",
        "transitionPlane": {
          "x": 25,
          "y": 156.84,
          "width": 718,
          "height": 466.69
        },
        "hash": "#project/devin_ai",
        "detailHidden": false,
        "detailAriaHidden": "false",
        "detailTitle": "Devin AI",
        "backFocused": true,
        "focusedProjectId": null,
        "transitionLocked": "true"
      },
      "returned": {
        "state": "ready",
        "sceneState": "ready",
        "readiness": "ready",
        "activeId": "of_the_oak",
        "domActiveId": "of_the_oak",
        "effectActiveId": null,
        "effectHover": 0,
        "effectParallaxSamples": 12,
        "effectBlurSamples": 6,
        "effectDynamics": "spring-0.09-damping-0.78",
        "effectResolvedPointerX": 0.5,
        "resident": 4,
        "maxResident": 6,
        "visiblePlanes": 3,
        "rectError": 0,
        "renderWidth": 768,
        "renderHeight": 900,
        "viewportWidth": 768,
        "viewportHeight": 900,
        "documentWidth": 768,
        "cardCount": 10,
        "projectCanvasCount": 1,
        "allCanvasCount": 3,
        "canvasPosition": "fixed",
        "canvasPointerEvents": "none",
        "canvasDisplay": "block",
        "imagePaintStates": [
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced"
        ],
        "imageOpacities": [
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0
        ],
        "hrefCount": 10,
        "overflow": 0,
        "frameCount": 205,
        "fallbackReason": "",
        "transitionState": "idle",
        "transitionProgress": 0,
        "transitionActiveId": "",
        "transitionMotion": "full",
        "transitionPlane": {
          "x": 25,
          "y": 156.84,
          "width": 718,
          "height": 466.69
        },
        "hash": "",
        "detailHidden": true,
        "detailAriaHidden": "true",
        "detailTitle": "Devin AI",
        "backFocused": false,
        "focusedProjectId": "devin_ai",
        "transitionLocked": "false"
      },
      "trace": [
        "exiting",
        "blackout",
        "entering",
        "settled"
      ],
      "runtimeErrors": []
    },
    {
      "width": 1280,
      "sourceRect": {
        "x": 64,
        "y": 226.578125,
        "width": 563.203125,
        "height": 366.0625
      },
      "exiting": {
        "state": "ready",
        "sceneState": "ready",
        "readiness": "ready",
        "activeId": "devin_ai",
        "domActiveId": "devin_ai",
        "effectActiveId": null,
        "effectHover": 0,
        "effectParallaxSamples": 12,
        "effectBlurSamples": 6,
        "effectDynamics": "spring-0.09-damping-0.78",
        "effectResolvedPointerX": 0.5,
        "resident": 6,
        "maxResident": 6,
        "visiblePlanes": 1,
        "rectError": 0,
        "renderWidth": 1280,
        "renderHeight": 900,
        "viewportWidth": 1280,
        "viewportHeight": 900,
        "documentWidth": 1280,
        "cardCount": 10,
        "projectCanvasCount": 1,
        "allCanvasCount": 3,
        "canvasPosition": "fixed",
        "canvasPointerEvents": "none",
        "canvasDisplay": "block",
        "imagePaintStates": [
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced"
        ],
        "imageOpacities": [
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0
        ],
        "hrefCount": 10,
        "overflow": 0,
        "frameCount": 63,
        "fallbackReason": "",
        "transitionState": "exiting",
        "transitionProgress": 0.721,
        "transitionActiveId": "devin_ai",
        "transitionMotion": "full",
        "transitionPlane": {
          "x": 64,
          "y": 226.58,
          "width": 563.2,
          "height": 366.06
        },
        "hash": "#project/devin_ai",
        "detailHidden": true,
        "detailAriaHidden": "true",
        "detailTitle": "Devin AI",
        "backFocused": false,
        "focusedProjectId": "devin_ai",
        "transitionLocked": "true"
      },
      "blackout": {
        "state": "ready",
        "sceneState": "ready",
        "readiness": "ready",
        "activeId": "devin_ai",
        "domActiveId": "devin_ai",
        "effectActiveId": null,
        "effectHover": 0,
        "effectParallaxSamples": 12,
        "effectBlurSamples": 6,
        "effectDynamics": "spring-0.09-damping-0.78",
        "effectResolvedPointerX": 0.5,
        "resident": 6,
        "maxResident": 6,
        "visiblePlanes": 0,
        "rectError": 0,
        "renderWidth": 1280,
        "renderHeight": 900,
        "viewportWidth": 1280,
        "viewportHeight": 900,
        "documentWidth": 1280,
        "cardCount": 10,
        "projectCanvasCount": 1,
        "allCanvasCount": 3,
        "canvasPosition": "fixed",
        "canvasPointerEvents": "none",
        "canvasDisplay": "block",
        "imagePaintStates": [
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced"
        ],
        "imageOpacities": [
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0
        ],
        "hrefCount": 10,
        "overflow": 0,
        "frameCount": 77,
        "fallbackReason": "",
        "transitionState": "blackout",
        "transitionProgress": 0.019,
        "transitionActiveId": "devin_ai",
        "transitionMotion": "full",
        "transitionPlane": {
          "x": 64,
          "y": 226.58,
          "width": 563.2,
          "height": 366.06
        },
        "hash": "#project/devin_ai",
        "detailHidden": false,
        "detailAriaHidden": "true",
        "detailTitle": "Devin AI",
        "backFocused": false,
        "focusedProjectId": "devin_ai",
        "transitionLocked": "true"
      },
      "settled": {
        "state": "ready",
        "sceneState": "ready",
        "readiness": "ready",
        "activeId": "devin_ai",
        "domActiveId": "devin_ai",
        "effectActiveId": null,
        "effectHover": 0,
        "effectParallaxSamples": 12,
        "effectBlurSamples": 6,
        "effectDynamics": "spring-0.09-damping-0.78",
        "effectResolvedPointerX": 0.5,
        "resident": 6,
        "maxResident": 6,
        "visiblePlanes": 0,
        "rectError": 0,
        "renderWidth": 1280,
        "renderHeight": 900,
        "viewportWidth": 1280,
        "viewportHeight": 900,
        "documentWidth": 1280,
        "cardCount": 10,
        "projectCanvasCount": 1,
        "allCanvasCount": 3,
        "canvasPosition": "fixed",
        "canvasPointerEvents": "none",
        "canvasDisplay": "block",
        "imagePaintStates": [
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced"
        ],
        "imageOpacities": [
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0
        ],
        "hrefCount": 10,
        "overflow": 0,
        "frameCount": 162,
        "fallbackReason": "",
        "transitionState": "settled",
        "transitionProgress": 1,
        "transitionActiveId": "devin_ai",
        "transitionMotion": "full",
        "transitionPlane": {
          "x": 64,
          "y": 226.58,
          "width": 563.2,
          "height": 366.06
        },
        "hash": "#project/devin_ai",
        "detailHidden": false,
        "detailAriaHidden": "false",
        "detailTitle": "Devin AI",
        "backFocused": true,
        "focusedProjectId": null,
        "transitionLocked": "true"
      },
      "returned": {
        "state": "ready",
        "sceneState": "ready",
        "readiness": "ready",
        "activeId": "of_the_oak",
        "domActiveId": "of_the_oak",
        "effectActiveId": null,
        "effectHover": 0,
        "effectParallaxSamples": 12,
        "effectBlurSamples": 6,
        "effectDynamics": "spring-0.09-damping-0.78",
        "effectResolvedPointerX": 0.5,
        "resident": 6,
        "maxResident": 6,
        "visiblePlanes": 6,
        "rectError": 0,
        "renderWidth": 1280,
        "renderHeight": 900,
        "viewportWidth": 1280,
        "viewportHeight": 900,
        "documentWidth": 1280,
        "cardCount": 10,
        "projectCanvasCount": 1,
        "allCanvasCount": 3,
        "canvasPosition": "fixed",
        "canvasPointerEvents": "none",
        "canvasDisplay": "block",
        "imagePaintStates": [
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced",
          "replaced"
        ],
        "imageOpacities": [
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0
        ],
        "hrefCount": 10,
        "overflow": 0,
        "frameCount": 205,
        "fallbackReason": "",
        "transitionState": "idle",
        "transitionProgress": 0,
        "transitionActiveId": "",
        "transitionMotion": "full",
        "transitionPlane": {
          "x": 64,
          "y": 226.58,
          "width": 563.2,
          "height": 366.06
        },
        "hash": "",
        "detailHidden": true,
        "detailAriaHidden": "true",
        "detailTitle": "Devin AI",
        "backFocused": false,
        "focusedProjectId": "devin_ai",
        "transitionLocked": "false"
      },
      "trace": [
        "exiting",
        "blackout",
        "entering",
        "settled"
      ],
      "runtimeErrors": []
    }
  ],
  "roundTrip": {
    "before": {
      "state": "ready",
      "sceneState": "ready",
      "readiness": "ready",
      "activeId": "oryzo_ai",
      "domActiveId": "oryzo_ai",
      "effectActiveId": null,
      "effectHover": 0,
      "effectParallaxSamples": 12,
      "effectBlurSamples": 6,
      "effectDynamics": "spring-0.09-damping-0.78",
      "effectResolvedPointerX": 0.5,
      "resident": 6,
      "maxResident": 6,
      "visiblePlanes": 4,
      "rectError": 0,
      "renderWidth": 1280,
      "renderHeight": 900,
      "viewportWidth": 1280,
      "viewportHeight": 900,
      "documentWidth": 1280,
      "cardCount": 10,
      "projectCanvasCount": 1,
      "allCanvasCount": 3,
      "canvasPosition": "fixed",
      "canvasPointerEvents": "none",
      "canvasDisplay": "block",
      "imagePaintStates": [
        "replaced",
        "replaced",
        "replaced",
        "replaced",
        "replaced",
        "replaced",
        "replaced",
        "replaced",
        "replaced",
        "replaced"
      ],
      "imageOpacities": [
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0
      ],
      "hrefCount": 10,
      "overflow": 0,
      "frameCount": 9,
      "fallbackReason": "",
      "transitionState": "idle",
      "transitionProgress": 0,
      "transitionActiveId": "",
      "transitionMotion": "full",
      "transitionPlane": {
        "x": 0,
        "y": 0,
        "width": 0,
        "height": 0
      },
      "hash": "",
      "detailHidden": true,
      "detailAriaHidden": "true",
      "detailTitle": "",
      "backFocused": false,
      "focusedProjectId": null,
      "transitionLocked": "false"
    },
    "contextLost": {
      "state": "fallback",
      "sceneState": "fallback",
      "readiness": "fallback",
      "activeId": "oryzo_ai",
      "domActiveId": "oryzo_ai",
      "effectActiveId": null,
      "effectHover": 0,
      "effectParallaxSamples": 12,
      "effectBlurSamples": 6,
      "effectDynamics": "spring-0.09-damping-0.78",
      "effectResolvedPointerX": 0.5,
      "resident": 6,
      "maxResident": 6,
      "visiblePlanes": 4,
      "rectError": 0,
      "renderWidth": 1280,
      "renderHeight": 900,
      "viewportWidth": 1280,
      "viewportHeight": 900,
      "documentWidth": 1280,
      "cardCount": 10,
      "projectCanvasCount": 1,
      "allCanvasCount": 3,
      "canvasPosition": "fixed",
      "canvasPointerEvents": "none",
      "canvasDisplay": "none",
      "imagePaintStates": [
        "fallback",
        "fallback",
        "fallback",
        "fallback",
        "fallback",
        "fallback",
        "fallback",
        "fallback",
        "fallback",
        "fallback"
      ],
      "imageOpacities": [
        1,
        1,
        1,
        1,
        1,
        1,
        1,
        1,
        1,
        1
      ],
      "hrefCount": 10,
      "overflow": 0,
      "frameCount": 9,
      "fallbackReason": "webgl-context-lost",
      "transitionState": "idle",
      "transitionProgress": 0,
      "transitionActiveId": "",
      "transitionMotion": "full",
      "transitionPlane": {
        "x": 0,
        "y": 0,
        "width": 0,
        "height": 0
      },
      "hash": "",
      "detailHidden": true,
      "detailAriaHidden": "true",
      "detailTitle": "",
      "backFocused": false,
      "focusedProjectId": null,
      "transitionLocked": "false"
    },
    "contextRestored": {
      "state": "ready",
      "sceneState": "ready",
      "readiness": "ready",
      "activeId": "oryzo_ai",
      "domActiveId": "oryzo_ai",
      "effectActiveId": null,
      "effectHover": 0,
      "effectParallaxSamples": 12,
      "effectBlurSamples": 6,
      "effectDynamics": "spring-0.09-damping-0.78",
      "effectResolvedPointerX": 0.5,
      "resident": 6,
      "maxResident": 6,
      "visiblePlanes": 4,
      "rectError": 0,
      "renderWidth": 1280,
      "renderHeight": 900,
      "viewportWidth": 1280,
      "viewportHeight": 900,
      "documentWidth": 1280,
      "cardCount": 10,
      "projectCanvasCount": 1,
      "allCanvasCount": 3,
      "canvasPosition": "fixed",
      "canvasPointerEvents": "none",
      "canvasDisplay": "block",
      "imagePaintStates": [
        "replaced",
        "replaced",
        "replaced",
        "replaced",
        "replaced",
        "replaced",
        "replaced",
        "replaced",
        "replaced",
        "replaced"
      ],
      "imageOpacities": [
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0
      ],
      "hrefCount": 10,
      "overflow": 0,
      "frameCount": 15,
      "fallbackReason": "webgl-context-lost",
      "transitionState": "idle",
      "transitionProgress": 0,
      "transitionActiveId": "",
      "transitionMotion": "full",
      "transitionPlane": {
        "x": 0,
        "y": 0,
        "width": 0,
        "height": 0
      },
      "hash": "",
      "detailHidden": true,
      "detailAriaHidden": "true",
      "detailTitle": "",
      "backFocused": false,
      "focusedProjectId": null,
      "transitionLocked": "false"
    },
    "narrow": {
      "state": "ready",
      "sceneState": "ready",
      "readiness": "ready",
      "activeId": "porsche_dream_machine",
      "domActiveId": "porsche_dream_machine",
      "effectActiveId": null,
      "effectHover": 0,
      "effectParallaxSamples": 12,
      "effectBlurSamples": 6,
      "effectDynamics": "spring-0.09-damping-0.78",
      "effectResolvedPointerX": 0.5,
      "resident": 6,
      "maxResident": 6,
      "visiblePlanes": 3,
      "rectError": 0,
      "renderWidth": 390,
      "renderHeight": 900,
      "viewportWidth": 390,
      "viewportHeight": 900,
      "documentWidth": 390,
      "cardCount": 10,
      "projectCanvasCount": 1,
      "allCanvasCount": 3,
      "canvasPosition": "fixed",
      "canvasPointerEvents": "none",
      "canvasDisplay": "block",
      "imagePaintStates": [
        "replaced",
        "replaced",
        "replaced",
        "replaced",
        "replaced",
        "replaced",
        "replaced",
        "replaced",
        "replaced",
        "replaced"
      ],
      "imageOpacities": [
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0
      ],
      "hrefCount": 10,
      "overflow": 0,
      "frameCount": 31,
      "fallbackReason": "webgl-context-lost",
      "transitionState": "idle",
      "transitionProgress": 0,
      "transitionActiveId": "",
      "transitionMotion": "full",
      "transitionPlane": {
        "x": 0,
        "y": 0,
        "width": 0,
        "height": 0
      },
      "hash": "",
      "detailHidden": true,
      "detailAriaHidden": "true",
      "detailTitle": "",
      "backFocused": false,
      "focusedProjectId": null,
      "transitionLocked": "false"
    },
    "after": {
      "state": "ready",
      "sceneState": "ready",
      "readiness": "ready",
      "activeId": "oryzo_ai",
      "domActiveId": "oryzo_ai",
      "effectActiveId": null,
      "effectHover": 0,
      "effectParallaxSamples": 12,
      "effectBlurSamples": 6,
      "effectDynamics": "spring-0.09-damping-0.78",
      "effectResolvedPointerX": 0.5,
      "resident": 6,
      "maxResident": 6,
      "visiblePlanes": 4,
      "rectError": 0,
      "renderWidth": 1280,
      "renderHeight": 900,
      "viewportWidth": 1280,
      "viewportHeight": 900,
      "documentWidth": 1280,
      "cardCount": 10,
      "projectCanvasCount": 1,
      "allCanvasCount": 3,
      "canvasPosition": "fixed",
      "canvasPointerEvents": "none",
      "canvasDisplay": "block",
      "imagePaintStates": [
        "replaced",
        "replaced",
        "replaced",
        "replaced",
        "replaced",
        "replaced",
        "replaced",
        "replaced",
        "replaced",
        "replaced"
      ],
      "imageOpacities": [
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0
      ],
      "hrefCount": 10,
      "overflow": 0,
      "frameCount": 35,
      "fallbackReason": "webgl-context-lost",
      "transitionState": "idle",
      "transitionProgress": 0,
      "transitionActiveId": "",
      "transitionMotion": "full",
      "transitionPlane": {
        "x": 0,
        "y": 0,
        "width": 0,
        "height": 0
      },
      "hash": "",
      "detailHidden": true,
      "detailAriaHidden": "true",
      "detailTitle": "",
      "backFocused": false,
      "focusedProjectId": null,
      "transitionLocked": "false"
    },
    "runtimeErrors": []
  },
  "fallback": {
    "state": {
      "state": "fallback",
      "sceneState": "fallback",
      "readiness": "fallback",
      "activeId": null,
      "domActiveId": null,
      "effectActiveId": null,
      "effectHover": 0,
      "effectParallaxSamples": 12,
      "effectBlurSamples": 6,
      "effectDynamics": "spring-0.09-damping-0.78",
      "effectResolvedPointerX": 0,
      "resident": 0,
      "maxResident": 0,
      "visiblePlanes": 0,
      "rectError": null,
      "renderWidth": 0,
      "renderHeight": 0,
      "viewportWidth": 390,
      "viewportHeight": 900,
      "documentWidth": 390,
      "cardCount": 10,
      "projectCanvasCount": 1,
      "allCanvasCount": 3,
      "canvasPosition": "fixed",
      "canvasPointerEvents": "none",
      "canvasDisplay": "none",
      "imagePaintStates": [
        "fallback",
        "fallback",
        "fallback",
        "fallback",
        "fallback",
        "fallback",
        "fallback",
        "fallback",
        "fallback",
        "fallback"
      ],
      "imageOpacities": [
        1,
        1,
        1,
        1,
        1,
        1,
        1,
        1,
        1,
        1
      ],
      "hrefCount": 10,
      "overflow": 0,
      "frameCount": 0,
      "fallbackReason": "webgl-unavailable",
      "transitionState": "idle",
      "transitionProgress": 0,
      "transitionActiveId": "",
      "transitionMotion": "full",
      "transitionPlane": {
        "x": 0,
        "y": 0,
        "width": 0,
        "height": 0
      },
      "hash": "",
      "detailHidden": true,
      "detailAriaHidden": "true",
      "detailTitle": "",
      "backFocused": false,
      "focusedProjectId": null,
      "transitionLocked": "false"
    },
    "runtimeErrors": []
  },
  "fallbackRoute": {
    "state": "fallback",
    "sceneState": "fallback",
    "readiness": "fallback",
    "activeId": null,
    "domActiveId": null,
    "effectActiveId": null,
    "effectHover": 0,
    "effectParallaxSamples": 12,
    "effectBlurSamples": 6,
    "effectDynamics": "spring-0.09-damping-0.78",
    "effectResolvedPointerX": 0,
    "resident": 0,
    "maxResident": 0,
    "visiblePlanes": 0,
    "rectError": null,
    "renderWidth": 0,
    "renderHeight": 0,
    "viewportWidth": 390,
    "viewportHeight": 900,
    "documentWidth": 390,
    "cardCount": 10,
    "projectCanvasCount": 1,
    "allCanvasCount": 3,
    "canvasPosition": "fixed",
    "canvasPointerEvents": "none",
    "canvasDisplay": "none",
    "imagePaintStates": [
      "fallback",
      "fallback",
      "fallback",
      "fallback",
      "fallback",
      "fallback",
      "fallback",
      "fallback",
      "fallback",
      "fallback"
    ],
    "imageOpacities": [
      1,
      1,
      1,
      1,
      1,
      1,
      1,
      1,
      1,
      1
    ],
    "hrefCount": 10,
    "overflow": 0,
    "frameCount": 0,
    "fallbackReason": "webgl-unavailable",
    "transitionState": "settled",
    "transitionProgress": 1,
    "transitionActiveId": "devin_ai",
    "transitionMotion": "full",
    "transitionPlane": {
      "x": 0,
      "y": 0,
      "width": 0,
      "height": 0
    },
    "hash": "#project/devin_ai",
    "detailHidden": false,
    "detailAriaHidden": "false",
    "detailTitle": "Devin AI",
    "backFocused": true,
    "focusedProjectId": null,
    "transitionLocked": "true"
  },
  "interruptedBack": {
    "state": "interacting",
    "sceneState": "interacting",
    "readiness": "ready",
    "activeId": "devin_ai",
    "domActiveId": "devin_ai",
    "effectActiveId": "devin_ai",
    "effectHover": 1,
    "effectParallaxSamples": 12,
    "effectBlurSamples": 6,
    "effectDynamics": "spring-0.09-damping-0.78",
    "effectResolvedPointerX": 0.5,
    "resident": 6,
    "maxResident": 6,
    "visiblePlanes": 6,
    "rectError": 0,
    "renderWidth": 1280,
    "renderHeight": 900,
    "viewportWidth": 1280,
    "viewportHeight": 900,
    "documentWidth": 1280,
    "cardCount": 10,
    "projectCanvasCount": 1,
    "allCanvasCount": 3,
    "canvasPosition": "fixed",
    "canvasPointerEvents": "none",
    "canvasDisplay": "block",
    "imagePaintStates": [
      "replaced",
      "replaced",
      "replaced",
      "replaced",
      "replaced",
      "replaced",
      "replaced",
      "replaced",
      "replaced",
      "replaced"
    ],
    "imageOpacities": [
      0,
      0,
      0,
      0,
      0,
      0,
      0,
      0,
      0,
      0
    ],
    "hrefCount": 10,
    "overflow": 0,
    "frameCount": 80,
    "fallbackReason": "",
    "transitionState": "idle",
    "transitionProgress": 0,
    "transitionActiveId": "",
    "transitionMotion": "full",
    "transitionPlane": {
      "x": 64,
      "y": 226.58,
      "width": 563.2,
      "height": 366.06
    },
    "hash": "",
    "detailHidden": true,
    "detailAriaHidden": "true",
    "detailTitle": "Devin AI",
    "backFocused": false,
    "focusedProjectId": "devin_ai",
    "transitionLocked": "false"
  },
  "reducedMotionRoute": {
    "state": "ready",
    "sceneState": "ready",
    "readiness": "ready",
    "activeId": "devin_ai",
    "domActiveId": "devin_ai",
    "effectActiveId": "devin_ai",
    "effectHover": 0,
    "effectParallaxSamples": 12,
    "effectBlurSamples": 6,
    "effectDynamics": "spring-0.09-damping-0.78",
    "effectResolvedPointerX": 0,
    "resident": 6,
    "maxResident": 6,
    "visiblePlanes": 0,
    "rectError": 0,
    "renderWidth": 390,
    "renderHeight": 900,
    "viewportWidth": 390,
    "viewportHeight": 900,
    "documentWidth": 390,
    "cardCount": 10,
    "projectCanvasCount": 1,
    "allCanvasCount": 3,
    "canvasPosition": "fixed",
    "canvasPointerEvents": "none",
    "canvasDisplay": "block",
    "imagePaintStates": [
      "replaced",
      "replaced",
      "replaced",
      "replaced",
      "replaced",
      "replaced",
      "replaced",
      "replaced",
      "replaced",
      "replaced"
    ],
    "imageOpacities": [
      0,
      0,
      0,
      0,
      0,
      0,
      0,
      0,
      0,
      0
    ],
    "hrefCount": 10,
    "overflow": 0,
    "frameCount": 16,
    "fallbackReason": "",
    "transitionState": "settled",
    "transitionProgress": 1,
    "transitionActiveId": "devin_ai",
    "transitionMotion": "reduced",
    "transitionPlane": {
      "x": 15,
      "y": 302.14,
      "width": 360,
      "height": 233.98
    },
    "hash": "#project/devin_ai",
    "detailHidden": false,
    "detailAriaHidden": "false",
    "detailTitle": "Devin AI",
    "backFocused": true,
    "focusedProjectId": null,
    "transitionLocked": "true",
    "commitMs": 86
  },
  "stalled": {
    "state": {
      "state": "fallback",
      "sceneState": "fallback",
      "readiness": "fallback",
      "activeId": "oryzo_ai",
      "domActiveId": "oryzo_ai",
      "effectActiveId": null,
      "effectHover": 0,
      "effectParallaxSamples": 12,
      "effectBlurSamples": 6,
      "effectDynamics": "spring-0.09-damping-0.78",
      "effectResolvedPointerX": 0.5,
      "resident": 0,
      "maxResident": 6,
      "visiblePlanes": 0,
      "rectError": 0,
      "renderWidth": 390,
      "renderHeight": 900,
      "viewportWidth": 390,
      "viewportHeight": 900,
      "documentWidth": 390,
      "cardCount": 10,
      "projectCanvasCount": 1,
      "allCanvasCount": 3,
      "canvasPosition": "fixed",
      "canvasPointerEvents": "none",
      "canvasDisplay": "none",
      "imagePaintStates": [
        "fallback",
        "fallback",
        "fallback",
        "fallback",
        "fallback",
        "fallback",
        "fallback",
        "fallback",
        "fallback",
        "fallback"
      ],
      "imageOpacities": [
        1,
        1,
        1,
        1,
        1,
        1,
        1,
        1,
        1,
        1
      ],
      "hrefCount": 10,
      "overflow": 0,
      "frameCount": 6,
      "fallbackReason": "Texture did not become ready within 1800 ms: ./__stalled__/oryzo_ai.webp",
      "transitionState": "idle",
      "transitionProgress": 0,
      "transitionActiveId": "",
      "transitionMotion": "full",
      "transitionPlane": {
        "x": 0,
        "y": 0,
        "width": 0,
        "height": 0
      },
      "hash": "",
      "detailHidden": true,
      "detailAriaHidden": "true",
      "detailTitle": "",
      "backFocused": false,
      "focusedProjectId": null,
      "transitionLocked": "false"
    },
    "runtimeErrors": []
  },
  "screenshots": [
    "output/playwright/lusion-project-media-field-verification/390-interaction.png",
    "output/playwright/lusion-project-media-field-verification/768-interaction.png",
    "output/playwright/lusion-project-media-field-verification/1280-interaction.png",
    "output/playwright/lusion-project-media-field-verification/390-route-exiting.png",
    "output/playwright/lusion-project-media-field-verification/390-route-settled.png",
    "output/playwright/lusion-project-media-field-verification/768-route-exiting.png",
    "output/playwright/lusion-project-media-field-verification/768-route-settled.png",
    "output/playwright/lusion-project-media-field-verification/1280-route-exiting.png",
    "output/playwright/lusion-project-media-field-verification/1280-route-settled.png",
    "output/playwright/lusion-project-media-field-verification/1280-round-trip.png",
    "output/playwright/lusion-project-media-field-verification/390-fallback.png",
    "output/playwright/lusion-project-media-field-verification/390-timeout-fallback.png"
  ]
}
