{
  "generatedAt": "2026-08-05T09:18:35.005Z",
  "browser": "Google Chrome via Playwright channel=chrome",
  "sourceUrl": "https://lusion.co/",
  "origin": "http://127.0.0.1:4334/output/playwright",
  "pathname": "/lusion-project-transition-field-2026-08-05/index.html",
  "verdict": "PASS",
  "matrix": [
    {
      "viewport": {
        "name": "desktop",
        "width": 1280,
        "height": 900
      },
      "sourceRect": {
        "x": 64,
        "y": 204.15625,
        "width": 563.203125,
        "height": 366.0625
      },
      "exiting": {
        "sceneState": "ready",
        "transitionState": "exiting",
        "transitionProgress": 0.697,
        "transitionActiveId": "devin_ai",
        "transitionMotion": "full",
        "plane": {
          "x": 64,
          "y": 204.16,
          "width": 563.2,
          "height": 366.06
        },
        "hash": "#project/devin_ai",
        "detailHidden": true,
        "detailAriaHidden": "true",
        "detailTitle": "Devin AI",
        "activeElementProject": "devin_ai",
        "activeElementBack": false,
        "locked": "true",
        "fallbackImages": 0,
        "overflow": 0,
        "canvasOwnerViolation": false,
        "frameCount": 57
      },
      "blackout": {
        "sceneState": "ready",
        "transitionState": "blackout",
        "transitionProgress": 0.075,
        "transitionActiveId": "devin_ai",
        "transitionMotion": "full",
        "plane": {
          "x": 64,
          "y": 204.16,
          "width": 563.2,
          "height": 366.06
        },
        "hash": "#project/devin_ai",
        "detailHidden": false,
        "detailAriaHidden": "true",
        "detailTitle": "Devin AI",
        "activeElementProject": "devin_ai",
        "activeElementBack": false,
        "locked": "true",
        "fallbackImages": 0,
        "overflow": 0,
        "canvasOwnerViolation": false,
        "frameCount": 65
      },
      "settled": {
        "sceneState": "ready",
        "transitionState": "settled",
        "transitionProgress": 1,
        "transitionActiveId": "devin_ai",
        "transitionMotion": "full",
        "plane": {
          "x": 64,
          "y": 204.16,
          "width": 563.2,
          "height": 366.06
        },
        "hash": "#project/devin_ai",
        "detailHidden": false,
        "detailAriaHidden": "false",
        "detailTitle": "Devin AI",
        "activeElementProject": null,
        "activeElementBack": true,
        "locked": "true",
        "fallbackImages": 0,
        "overflow": 0,
        "canvasOwnerViolation": false,
        "frameCount": 124
      },
      "trace": [
        "exiting",
        "blackout",
        "entering",
        "settled"
      ],
      "returned": {
        "sceneState": "interacting",
        "transitionState": "idle",
        "transitionProgress": 0,
        "transitionActiveId": "",
        "transitionMotion": "full",
        "plane": {
          "x": null,
          "y": null,
          "width": null,
          "height": null
        },
        "hash": "",
        "detailHidden": true,
        "detailAriaHidden": "true",
        "detailTitle": "Devin AI",
        "activeElementProject": "devin_ai",
        "activeElementBack": false,
        "locked": "false",
        "fallbackImages": 0,
        "overflow": 0,
        "canvasOwnerViolation": false,
        "frameCount": 158
      },
      "idleFrameDelta": 0,
      "errors": [],
      "screenshot": "/output/playwright/lusion-project-transition-field-2026-08-05/verification/desktop-settled.png"
    },
    {
      "viewport": {
        "name": "tablet",
        "width": 768,
        "height": 900
      },
      "sourceRect": {
        "x": 38.390625,
        "y": 205.3125,
        "width": 691.21875,
        "height": 449.28125
      },
      "exiting": {
        "sceneState": "ready",
        "transitionState": "exiting",
        "transitionProgress": 0.702,
        "transitionActiveId": "devin_ai",
        "transitionMotion": "full",
        "plane": {
          "x": 38.39,
          "y": 205.31,
          "width": 691.22,
          "height": 449.28
        },
        "hash": "#project/devin_ai",
        "detailHidden": true,
        "detailAriaHidden": "true",
        "detailTitle": "Devin AI",
        "activeElementProject": "devin_ai",
        "activeElementBack": false,
        "locked": "true",
        "fallbackImages": 0,
        "overflow": 0,
        "canvasOwnerViolation": false,
        "frameCount": 57
      },
      "blackout": {
        "sceneState": "ready",
        "transitionState": "blackout",
        "transitionProgress": 0.014,
        "transitionActiveId": "devin_ai",
        "transitionMotion": "full",
        "plane": {
          "x": 38.39,
          "y": 205.31,
          "width": 691.22,
          "height": 449.28
        },
        "hash": "#project/devin_ai",
        "detailHidden": false,
        "detailAriaHidden": "true",
        "detailTitle": "Devin AI",
        "activeElementProject": "devin_ai",
        "activeElementBack": false,
        "locked": "true",
        "fallbackImages": 0,
        "overflow": 0,
        "canvasOwnerViolation": false,
        "frameCount": 71
      },
      "settled": {
        "sceneState": "ready",
        "transitionState": "settled",
        "transitionProgress": 1,
        "transitionActiveId": "devin_ai",
        "transitionMotion": "full",
        "plane": {
          "x": 38.39,
          "y": 205.31,
          "width": 691.22,
          "height": 449.28
        },
        "hash": "#project/devin_ai",
        "detailHidden": false,
        "detailAriaHidden": "false",
        "detailTitle": "Devin AI",
        "activeElementProject": null,
        "activeElementBack": true,
        "locked": "true",
        "fallbackImages": 0,
        "overflow": 0,
        "canvasOwnerViolation": false,
        "frameCount": 132
      },
      "trace": [
        "exiting",
        "blackout",
        "entering",
        "settled"
      ],
      "returned": {
        "sceneState": "interacting",
        "transitionState": "idle",
        "transitionProgress": 0,
        "transitionActiveId": "",
        "transitionMotion": "full",
        "plane": {
          "x": null,
          "y": null,
          "width": null,
          "height": null
        },
        "hash": "",
        "detailHidden": true,
        "detailAriaHidden": "true",
        "detailTitle": "Devin AI",
        "activeElementProject": "devin_ai",
        "activeElementBack": false,
        "locked": "false",
        "fallbackImages": 0,
        "overflow": 0,
        "canvasOwnerViolation": false,
        "frameCount": 166
      },
      "idleFrameDelta": 0,
      "errors": [],
      "screenshot": "/output/playwright/lusion-project-transition-field-2026-08-05/verification/tablet-settled.png"
    },
    {
      "viewport": {
        "name": "mobile",
        "width": 390,
        "height": 844
      },
      "sourceRect": {
        "x": 15,
        "y": 274.015625,
        "width": 360,
        "height": 233.984375
      },
      "exiting": {
        "sceneState": "ready",
        "transitionState": "exiting",
        "transitionProgress": 0.682,
        "transitionActiveId": "devin_ai",
        "transitionMotion": "full",
        "plane": {
          "x": 0.48,
          "y": 101.7,
          "width": 389.04,
          "height": 465
        },
        "hash": "#project/devin_ai",
        "detailHidden": true,
        "detailAriaHidden": "true",
        "detailTitle": "Devin AI",
        "activeElementProject": "devin_ai",
        "activeElementBack": false,
        "locked": "true",
        "fallbackImages": 0,
        "overflow": 0,
        "canvasOwnerViolation": false,
        "frameCount": 57
      },
      "blackout": {
        "sceneState": "ready",
        "transitionState": "blackout",
        "transitionProgress": 0.019,
        "transitionActiveId": "devin_ai",
        "transitionMotion": "full",
        "plane": {
          "x": 15,
          "y": 274.02,
          "width": 360,
          "height": 233.98
        },
        "hash": "#project/devin_ai",
        "detailHidden": false,
        "detailAriaHidden": "true",
        "detailTitle": "Devin AI",
        "activeElementProject": "devin_ai",
        "activeElementBack": false,
        "locked": "true",
        "fallbackImages": 0,
        "overflow": 0,
        "canvasOwnerViolation": false,
        "frameCount": 72
      },
      "settled": {
        "sceneState": "ready",
        "transitionState": "settled",
        "transitionProgress": 1,
        "transitionActiveId": "devin_ai",
        "transitionMotion": "full",
        "plane": {
          "x": 15,
          "y": 274.02,
          "width": 360,
          "height": 233.98
        },
        "hash": "#project/devin_ai",
        "detailHidden": false,
        "detailAriaHidden": "false",
        "detailTitle": "Devin AI",
        "activeElementProject": null,
        "activeElementBack": true,
        "locked": "true",
        "fallbackImages": 0,
        "overflow": 0,
        "canvasOwnerViolation": false,
        "frameCount": 133
      },
      "trace": [
        "exiting",
        "blackout",
        "entering",
        "settled"
      ],
      "returned": {
        "sceneState": "interacting",
        "transitionState": "idle",
        "transitionProgress": 0,
        "transitionActiveId": "",
        "transitionMotion": "full",
        "plane": {
          "x": null,
          "y": null,
          "width": null,
          "height": null
        },
        "hash": "",
        "detailHidden": true,
        "detailAriaHidden": "true",
        "detailTitle": "Devin AI",
        "activeElementProject": "devin_ai",
        "activeElementBack": false,
        "locked": "false",
        "fallbackImages": 0,
        "overflow": 0,
        "canvasOwnerViolation": false,
        "frameCount": 169
      },
      "idleFrameDelta": 0,
      "errors": [],
      "screenshot": "/output/playwright/lusion-project-transition-field-2026-08-05/verification/mobile-settled.png"
    }
  ],
  "states": {
    "responsiveRoundTrip": {
      "sequence": [
        1280,
        390,
        1280
      ],
      "mobileSettled": {
        "sceneState": "ready",
        "transitionState": "settled",
        "transitionProgress": 1,
        "transitionActiveId": "synthetic_human",
        "transitionMotion": "full",
        "plane": {
          "x": 64,
          "y": 223.44,
          "width": 563.2,
          "height": 366.06
        },
        "hash": "#project/synthetic_human",
        "detailHidden": false,
        "detailAriaHidden": "false",
        "detailTitle": "Synthetic Human",
        "activeElementProject": null,
        "activeElementBack": true,
        "locked": "true",
        "fallbackImages": 0,
        "overflow": 0,
        "canvasOwnerViolation": false,
        "frameCount": 158
      },
      "desktopSettled": {
        "sceneState": "interacting",
        "transitionState": "settled",
        "transitionProgress": 1,
        "transitionActiveId": "synthetic_human",
        "transitionMotion": "full",
        "plane": {
          "x": 15,
          "y": 455.98,
          "width": 360,
          "height": 233.98
        },
        "hash": "#project/synthetic_human",
        "detailHidden": false,
        "detailAriaHidden": "false",
        "detailTitle": "Synthetic Human",
        "activeElementProject": null,
        "activeElementBack": true,
        "locked": "true",
        "fallbackImages": 0,
        "overflow": 0,
        "canvasOwnerViolation": false,
        "frameCount": 160
      }
    },
    "reducedMotion": {
      "sceneState": "interacting",
      "transitionState": "settled",
      "transitionProgress": 1,
      "transitionActiveId": "devin_ai",
      "transitionMotion": "reduced",
      "plane": {
        "x": 64,
        "y": 204.16,
        "width": 563.2,
        "height": 366.06
      },
      "hash": "#project/devin_ai",
      "detailHidden": false,
      "detailAriaHidden": "false",
      "detailTitle": "Devin AI",
      "activeElementProject": null,
      "activeElementBack": true,
      "locked": "true",
      "fallbackImages": 0,
      "overflow": 0,
      "canvasOwnerViolation": false,
      "frameCount": 9,
      "commitMs": 153.04999999999927
    },
    "noWebGL": {
      "settled": {
        "sceneState": "fallback",
        "transitionState": "settled",
        "transitionProgress": 1,
        "transitionActiveId": "devin_ai",
        "transitionMotion": "full",
        "plane": {
          "x": null,
          "y": null,
          "width": null,
          "height": null
        },
        "hash": "#project/devin_ai",
        "detailHidden": false,
        "detailAriaHidden": "false",
        "detailTitle": "Devin AI",
        "activeElementProject": null,
        "activeElementBack": true,
        "locked": "true",
        "fallbackImages": 10,
        "overflow": 0,
        "canvasOwnerViolation": true,
        "frameCount": 0
      },
      "returned": {
        "sceneState": "fallback",
        "transitionState": "idle",
        "transitionProgress": 0,
        "transitionActiveId": "",
        "transitionMotion": "full",
        "plane": {
          "x": null,
          "y": null,
          "width": null,
          "height": null
        },
        "hash": "",
        "detailHidden": true,
        "detailAriaHidden": "true",
        "detailTitle": "Devin AI",
        "activeElementProject": "devin_ai",
        "activeElementBack": false,
        "locked": "false",
        "fallbackImages": 10,
        "overflow": 0,
        "canvasOwnerViolation": true,
        "frameCount": 0
      },
      "errors": []
    }
  },
  "assertions": {
    "runtimeErrors": 0,
    "documentOverflow": 0,
    "transitionSequenceFailures": 0,
    "routeIdentityFailures": 0,
    "focusRestorationFailures": 0,
    "responsiveGeometryFailures": 0,
    "fallbackRouteFailures": 0
  }
}