{ "generatedAt": "2026-07-30T11:16:02.491Z", "browser": "Chrome headless shell", "screenshotCount": 18, "screenshotFailureCount": 0, "browserProcessFailureCount": 0, "browserErrorCount": 0, "failedLocalRequestCount": 0, "maxHorizontalOverflow": 0, "maxDocumentWidthShift": 0, "maxContentShift": 0, "maxSidebarShift": 0, "interactionProof": { "hoverPause": true, "hoverResume": true, "focusPause": true, "focusResume": true, "queueLimit": true, "queueProgress": true, "dedupe": true, "close": true, "csrf": true, "offline": true, "invalidFragment": true, "themeSwitch": true, "ajaxSuccess": true, "ajaxFailure": true }, "httpErrors": [], "results": [ { "name": "01-light-success", "theme": "light", "state": "success", "width": 1440, "height": 900, "proof": true, "screenshot": "public/admin/ui-lab/screenshots/toast-system/01-light-success.png", "screenshotExists": true, "browserExitCode": 0, "browserErrors": [], "metrics": { "scenario": "01-light-success", "theme": "light", "viewport": { "width": 1440, "height": 900 }, "visibleToasts": 1, "navbarBottom": 60, "toastTop": 78, "safeGap": 18, "toastWidth": 352, "animatedToastTop": 66.76468658447266, "before": { "scrollWidth": 1440, "clientWidth": 1440, "content": { "x": 0, "y": 0, "width": 1128, "height": 900, "top": 0, "right": 1128, "bottom": 900, "left": 0 }, "sidebar": { "x": 1128, "y": 0, "width": 312, "height": 900, "top": 0, "right": 1440, "bottom": 900, "left": 1128 } }, "after": { "scrollWidth": 1440, "clientWidth": 1440, "content": { "x": 0, "y": 0, "width": 1128, "height": 900, "top": 0, "right": 1128, "bottom": 900, "left": 0 }, "sidebar": { "x": 1128, "y": 0, "width": 312, "height": 900, "top": 0, "right": 1440, "bottom": 900, "left": 1128 } }, "documentWidthShift": 0, "contentLeftShift": 0, "contentRightShift": 0, "sidebarLeftShift": 0, "sidebarRightShift": 0, "horizontalOverflow": 0, "proof": { "hoverPause": true, "hoverResume": true, "focusPause": true, "focusResume": true, "queueLimit": true, "queueProgress": true, "dedupe": true, "close": true, "csrf": true, "offline": true, "invalidFragment": true, "themeSwitch": true, "ajaxSuccess": true, "ajaxFailure": true } } }, { "name": "02-light-error", "theme": "light", "state": "error", "width": 1440, "height": 900, "screenshot": "public/admin/ui-lab/screenshots/toast-system/02-light-error.png", "screenshotExists": true, "browserExitCode": 0, "browserErrors": [], "metrics": { "scenario": "02-light-error", "theme": "light", "viewport": { "width": 1440, "height": 900 }, "visibleToasts": 1, "navbarBottom": 60, "toastTop": 78, "safeGap": 18, "toastWidth": 352, "animatedToastTop": 78, "before": { "scrollWidth": 1440, "clientWidth": 1440, "content": { "x": 0, "y": 0, "width": 1128, "height": 900, "top": 0, "right": 1128, "bottom": 900, "left": 0 }, "sidebar": { "x": 1128, "y": 0, "width": 312, "height": 900, "top": 0, "right": 1440, "bottom": 900, "left": 1128 } }, "after": { "scrollWidth": 1440, "clientWidth": 1440, "content": { "x": 0, "y": 0, "width": 1128, "height": 900, "top": 0, "right": 1128, "bottom": 900, "left": 0 }, "sidebar": { "x": 1128, "y": 0, "width": 312, "height": 900, "top": 0, "right": 1440, "bottom": 900, "left": 1128 } }, "documentWidthShift": 0, "contentLeftShift": 0, "contentRightShift": 0, "sidebarLeftShift": 0, "sidebarRightShift": 0, "horizontalOverflow": 0, "proof": {} } }, { "name": "03-light-warning", "theme": "light", "state": "warning", "width": 1440, "height": 900, "screenshot": "public/admin/ui-lab/screenshots/toast-system/03-light-warning.png", "screenshotExists": true, "browserExitCode": 0, "browserErrors": [], "metrics": { "scenario": "03-light-warning", "theme": "light", "viewport": { "width": 1440, "height": 900 }, "visibleToasts": 1, "navbarBottom": 60, "toastTop": 78, "safeGap": 18, "toastWidth": 352, "animatedToastTop": 78, "before": { "scrollWidth": 1440, "clientWidth": 1440, "content": { "x": 0, "y": 0, "width": 1128, "height": 900, "top": 0, "right": 1128, "bottom": 900, "left": 0 }, "sidebar": { "x": 1128, "y": 0, "width": 312, "height": 900, "top": 0, "right": 1440, "bottom": 900, "left": 1128 } }, "after": { "scrollWidth": 1440, "clientWidth": 1440, "content": { "x": 0, "y": 0, "width": 1128, "height": 900, "top": 0, "right": 1128, "bottom": 900, "left": 0 }, "sidebar": { "x": 1128, "y": 0, "width": 312, "height": 900, "top": 0, "right": 1440, "bottom": 900, "left": 1128 } }, "documentWidthShift": 0, "contentLeftShift": 0, "contentRightShift": 0, "sidebarLeftShift": 0, "sidebarRightShift": 0, "horizontalOverflow": 0, "proof": {} } }, { "name": "04-light-info", "theme": "light", "state": "info", "width": 1440, "height": 900, "screenshot": "public/admin/ui-lab/screenshots/toast-system/04-light-info.png", "screenshotExists": true, "browserExitCode": 0, "browserErrors": [], "metrics": { "scenario": "04-light-info", "theme": "light", "viewport": { "width": 1440, "height": 900 }, "visibleToasts": 1, "navbarBottom": 60, "toastTop": 78, "safeGap": 18, "toastWidth": 352, "animatedToastTop": 78, "before": { "scrollWidth": 1440, "clientWidth": 1440, "content": { "x": 0, "y": 0, "width": 1128, "height": 900, "top": 0, "right": 1128, "bottom": 900, "left": 0 }, "sidebar": { "x": 1128, "y": 0, "width": 312, "height": 900, "top": 0, "right": 1440, "bottom": 900, "left": 1128 } }, "after": { "scrollWidth": 1440, "clientWidth": 1440, "content": { "x": 0, "y": 0, "width": 1128, "height": 900, "top": 0, "right": 1128, "bottom": 900, "left": 0 }, "sidebar": { "x": 1128, "y": 0, "width": 312, "height": 900, "top": 0, "right": 1440, "bottom": 900, "left": 1128 } }, "documentWidthShift": 0, "contentLeftShift": 0, "contentRightShift": 0, "sidebarLeftShift": 0, "sidebarRightShift": 0, "horizontalOverflow": 0, "proof": {} } }, { "name": "05-light-three-stack", "theme": "light", "state": "stack", "width": 1440, "height": 900, "screenshot": "public/admin/ui-lab/screenshots/toast-system/05-light-three-stack.png", "screenshotExists": true, "browserExitCode": 0, "browserErrors": [], "metrics": { "scenario": "05-light-three-stack", "theme": "light", "viewport": { "width": 1440, "height": 900 }, "visibleToasts": 3, "navbarBottom": 60, "toastTop": 78, "safeGap": 18, "toastWidth": 352, "animatedToastTop": 78, "before": { "scrollWidth": 1440, "clientWidth": 1440, "content": { "x": 0, "y": 0, "width": 1128, "height": 900, "top": 0, "right": 1128, "bottom": 900, "left": 0 }, "sidebar": { "x": 1128, "y": 0, "width": 312, "height": 900, "top": 0, "right": 1440, "bottom": 900, "left": 1128 } }, "after": { "scrollWidth": 1440, "clientWidth": 1440, "content": { "x": 0, "y": 0, "width": 1128, "height": 900, "top": 0, "right": 1128, "bottom": 900, "left": 0 }, "sidebar": { "x": 1128, "y": 0, "width": 312, "height": 900, "top": 0, "right": 1440, "bottom": 900, "left": 1128 } }, "documentWidthShift": 0, "contentLeftShift": 0, "contentRightShift": 0, "sidebarLeftShift": 0, "sidebarRightShift": 0, "horizontalOverflow": 0, "proof": {} } }, { "name": "06-light-delete-confirmed", "theme": "light", "state": "delete", "width": 1440, "height": 900, "screenshot": "public/admin/ui-lab/screenshots/toast-system/06-light-delete-confirmed.png", "screenshotExists": true, "browserExitCode": 0, "browserErrors": [], "metrics": { "scenario": "06-light-delete-confirmed", "theme": "light", "viewport": { "width": 1440, "height": 900 }, "visibleToasts": 1, "navbarBottom": 60, "toastTop": 78, "safeGap": 18, "toastWidth": 352, "animatedToastTop": 78, "before": { "scrollWidth": 1440, "clientWidth": 1440, "content": { "x": 0, "y": 0, "width": 1128, "height": 900, "top": 0, "right": 1128, "bottom": 900, "left": 0 }, "sidebar": { "x": 1128, "y": 0, "width": 312, "height": 900, "top": 0, "right": 1440, "bottom": 900, "left": 1128 } }, "after": { "scrollWidth": 1440, "clientWidth": 1440, "content": { "x": 0, "y": 0, "width": 1128, "height": 900, "top": 0, "right": 1128, "bottom": 900, "left": 0 }, "sidebar": { "x": 1128, "y": 0, "width": 312, "height": 900, "top": 0, "right": 1440, "bottom": 900, "left": 1128 } }, "documentWidthShift": 0, "contentLeftShift": 0, "contentRightShift": 0, "sidebarLeftShift": 0, "sidebarRightShift": 0, "horizontalOverflow": 0, "proof": {} } }, { "name": "07-light-navbar-safe-zone", "theme": "light", "state": "safe-zone", "width": 1366, "height": 768, "screenshot": "public/admin/ui-lab/screenshots/toast-system/07-light-navbar-safe-zone.png", "screenshotExists": true, "browserExitCode": 0, "browserErrors": [], "metrics": { "scenario": "07-light-navbar-safe-zone", "theme": "light", "viewport": { "width": 1366, "height": 768 }, "visibleToasts": 1, "navbarBottom": 60, "toastTop": 78, "safeGap": 18, "toastWidth": 352, "animatedToastTop": 78, "before": { "scrollWidth": 1366, "clientWidth": 1366, "content": { "x": 0, "y": 0, "width": 1054, "height": 768, "top": 0, "right": 1054, "bottom": 768, "left": 0 }, "sidebar": { "x": 1054, "y": 0, "width": 312, "height": 768, "top": 0, "right": 1366, "bottom": 768, "left": 1054 } }, "after": { "scrollWidth": 1366, "clientWidth": 1366, "content": { "x": 0, "y": 0, "width": 1054, "height": 768, "top": 0, "right": 1054, "bottom": 768, "left": 0 }, "sidebar": { "x": 1054, "y": 0, "width": 312, "height": 768, "top": 0, "right": 1366, "bottom": 768, "left": 1054 } }, "documentWidthShift": 0, "contentLeftShift": 0, "contentRightShift": 0, "sidebarLeftShift": 0, "sidebarRightShift": 0, "horizontalOverflow": 0, "proof": {} } }, { "name": "08-light-form-validation", "theme": "light", "state": "validation", "width": 1366, "height": 768, "screenshot": "public/admin/ui-lab/screenshots/toast-system/08-light-form-validation.png", "screenshotExists": true, "browserExitCode": 0, "browserErrors": [], "metrics": { "scenario": "08-light-form-validation", "theme": "light", "viewport": { "width": 1366, "height": 768 }, "visibleToasts": 1, "navbarBottom": 60, "toastTop": 78, "safeGap": 18, "toastWidth": 352, "animatedToastTop": 78, "before": { "scrollWidth": 1366, "clientWidth": 1366, "content": { "x": 0, "y": 0, "width": 1054, "height": 768, "top": 0, "right": 1054, "bottom": 768, "left": 0 }, "sidebar": { "x": 1054, "y": 0, "width": 312, "height": 768, "top": 0, "right": 1366, "bottom": 768, "left": 1054 } }, "after": { "scrollWidth": 1366, "clientWidth": 1366, "content": { "x": 0, "y": 0, "width": 1054, "height": 768, "top": 0, "right": 1054, "bottom": 768, "left": 0 }, "sidebar": { "x": 1054, "y": 0, "width": 312, "height": 768, "top": 0, "right": 1366, "bottom": 768, "left": 1054 } }, "documentWidthShift": 0, "contentLeftShift": 0, "contentRightShift": 0, "sidebarLeftShift": 0, "sidebarRightShift": 0, "horizontalOverflow": 0, "proof": {} } }, { "name": "09-dark-success", "theme": "dark", "state": "success", "width": 1440, "height": 900, "screenshot": "public/admin/ui-lab/screenshots/toast-system/09-dark-success.png", "screenshotExists": true, "browserExitCode": 0, "browserErrors": [], "metrics": { "scenario": "09-dark-success", "theme": "dark", "viewport": { "width": 1440, "height": 900 }, "visibleToasts": 1, "navbarBottom": 60, "toastTop": 78, "safeGap": 18, "toastWidth": 352, "animatedToastTop": 78, "before": { "scrollWidth": 1440, "clientWidth": 1440, "content": { "x": 0, "y": 0, "width": 1128, "height": 900, "top": 0, "right": 1128, "bottom": 900, "left": 0 }, "sidebar": { "x": 1128, "y": 0, "width": 312, "height": 900, "top": 0, "right": 1440, "bottom": 900, "left": 1128 } }, "after": { "scrollWidth": 1440, "clientWidth": 1440, "content": { "x": 0, "y": 0, "width": 1128, "height": 900, "top": 0, "right": 1128, "bottom": 900, "left": 0 }, "sidebar": { "x": 1128, "y": 0, "width": 312, "height": 900, "top": 0, "right": 1440, "bottom": 900, "left": 1128 } }, "documentWidthShift": 0, "contentLeftShift": 0, "contentRightShift": 0, "sidebarLeftShift": 0, "sidebarRightShift": 0, "horizontalOverflow": 0, "proof": {} } }, { "name": "10-dark-error", "theme": "dark", "state": "error", "width": 1440, "height": 900, "screenshot": "public/admin/ui-lab/screenshots/toast-system/10-dark-error.png", "screenshotExists": true, "browserExitCode": 0, "browserErrors": [], "metrics": { "scenario": "10-dark-error", "theme": "dark", "viewport": { "width": 1440, "height": 900 }, "visibleToasts": 1, "navbarBottom": 60, "toastTop": 78, "safeGap": 18, "toastWidth": 352, "animatedToastTop": 66.98734283447266, "before": { "scrollWidth": 1440, "clientWidth": 1440, "content": { "x": 0, "y": 0, "width": 1128, "height": 900, "top": 0, "right": 1128, "bottom": 900, "left": 0 }, "sidebar": { "x": 1128, "y": 0, "width": 312, "height": 900, "top": 0, "right": 1440, "bottom": 900, "left": 1128 } }, "after": { "scrollWidth": 1440, "clientWidth": 1440, "content": { "x": 0, "y": 0, "width": 1128, "height": 900, "top": 0, "right": 1128, "bottom": 900, "left": 0 }, "sidebar": { "x": 1128, "y": 0, "width": 312, "height": 900, "top": 0, "right": 1440, "bottom": 900, "left": 1128 } }, "documentWidthShift": 0, "contentLeftShift": 0, "contentRightShift": 0, "sidebarLeftShift": 0, "sidebarRightShift": 0, "horizontalOverflow": 0, "proof": {} } }, { "name": "11-dark-three-stack", "theme": "dark", "state": "stack", "width": 1440, "height": 900, "screenshot": "public/admin/ui-lab/screenshots/toast-system/11-dark-three-stack.png", "screenshotExists": true, "browserExitCode": 0, "browserErrors": [], "metrics": { "scenario": "11-dark-three-stack", "theme": "dark", "viewport": { "width": 1440, "height": 900 }, "visibleToasts": 3, "navbarBottom": 60, "toastTop": 78, "safeGap": 18, "toastWidth": 352, "animatedToastTop": 78, "before": { "scrollWidth": 1440, "clientWidth": 1440, "content": { "x": 0, "y": 0, "width": 1128, "height": 900, "top": 0, "right": 1128, "bottom": 900, "left": 0 }, "sidebar": { "x": 1128, "y": 0, "width": 312, "height": 900, "top": 0, "right": 1440, "bottom": 900, "left": 1128 } }, "after": { "scrollWidth": 1440, "clientWidth": 1440, "content": { "x": 0, "y": 0, "width": 1128, "height": 900, "top": 0, "right": 1128, "bottom": 900, "left": 0 }, "sidebar": { "x": 1128, "y": 0, "width": 312, "height": 900, "top": 0, "right": 1440, "bottom": 900, "left": 1128 } }, "documentWidthShift": 0, "contentLeftShift": 0, "contentRightShift": 0, "sidebarLeftShift": 0, "sidebarRightShift": 0, "horizontalOverflow": 0, "proof": {} } }, { "name": "12-dark-modal-dropdown", "theme": "dark", "state": "modal", "width": 1440, "height": 900, "screenshot": "public/admin/ui-lab/screenshots/toast-system/12-dark-modal-dropdown.png", "screenshotExists": true, "browserExitCode": 0, "browserErrors": [], "metrics": { "scenario": "12-dark-modal-dropdown", "theme": "dark", "viewport": { "width": 1440, "height": 900 }, "visibleToasts": 1, "navbarBottom": 60, "toastTop": 78, "safeGap": 18, "toastWidth": 352, "animatedToastTop": 78, "before": { "scrollWidth": 1440, "clientWidth": 1440, "content": { "x": 0, "y": 0, "width": 1128, "height": 900, "top": 0, "right": 1128, "bottom": 900, "left": 0 }, "sidebar": { "x": 1128, "y": 0, "width": 312, "height": 900, "top": 0, "right": 1440, "bottom": 900, "left": 1128 } }, "after": { "scrollWidth": 1440, "clientWidth": 1440, "content": { "x": 0, "y": 0, "width": 1128, "height": 900, "top": 0, "right": 1128, "bottom": 900, "left": 0 }, "sidebar": { "x": 1128, "y": 0, "width": 312, "height": 900, "top": 0, "right": 1440, "bottom": 900, "left": 1128 } }, "documentWidthShift": 0, "contentLeftShift": 0, "contentRightShift": 0, "sidebarLeftShift": 0, "sidebarRightShift": 0, "horizontalOverflow": 0, "proof": {} } }, { "name": "13-tablet-stack", "theme": "light", "state": "stack", "width": 768, "height": 900, "screenshot": "public/admin/ui-lab/screenshots/toast-system/13-tablet-stack.png", "screenshotExists": true, "browserExitCode": 0, "browserErrors": [], "metrics": { "scenario": "13-tablet-stack", "theme": "light", "viewport": { "width": 768, "height": 900 }, "visibleToasts": 3, "navbarBottom": 56, "toastTop": 70, "safeGap": 14, "toastWidth": 352, "animatedToastTop": 70, "before": { "scrollWidth": 768, "clientWidth": 768, "content": { "x": 0, "y": 0, "width": 768, "height": 900, "top": 0, "right": 768, "bottom": 900, "left": 0 }, "sidebar": { "x": 0, "y": 0, "width": 0, "height": 0, "top": 0, "right": 0, "bottom": 0, "left": 0 } }, "after": { "scrollWidth": 768, "clientWidth": 768, "content": { "x": 0, "y": 0, "width": 768, "height": 900, "top": 0, "right": 768, "bottom": 900, "left": 0 }, "sidebar": { "x": 0, "y": 0, "width": 0, "height": 0, "top": 0, "right": 0, "bottom": 0, "left": 0 } }, "documentWidthShift": 0, "contentLeftShift": 0, "contentRightShift": 0, "sidebarLeftShift": 0, "sidebarRightShift": 0, "horizontalOverflow": 0, "proof": {} } }, { "name": "14-mobile-success", "theme": "light", "state": "success", "width": 390, "height": 844, "screenshot": "public/admin/ui-lab/screenshots/toast-system/14-mobile-success.png", "screenshotExists": true, "browserExitCode": 0, "browserErrors": [], "metrics": { "scenario": "14-mobile-success", "theme": "light", "viewport": { "width": 390, "height": 844 }, "visibleToasts": 1, "navbarBottom": 56, "toastTop": 70, "safeGap": 14, "toastWidth": 366, "animatedToastTop": 70, "before": { "scrollWidth": 390, "clientWidth": 390, "content": { "x": 0, "y": 0, "width": 390, "height": 844, "top": 0, "right": 390, "bottom": 844, "left": 0 }, "sidebar": { "x": 0, "y": 0, "width": 0, "height": 0, "top": 0, "right": 0, "bottom": 0, "left": 0 } }, "after": { "scrollWidth": 390, "clientWidth": 390, "content": { "x": 0, "y": 0, "width": 390, "height": 844, "top": 0, "right": 390, "bottom": 844, "left": 0 }, "sidebar": { "x": 0, "y": 0, "width": 0, "height": 0, "top": 0, "right": 0, "bottom": 0, "left": 0 } }, "documentWidthShift": 0, "contentLeftShift": 0, "contentRightShift": 0, "sidebarLeftShift": 0, "sidebarRightShift": 0, "horizontalOverflow": 0, "proof": {} } }, { "name": "15-mobile-long-error", "theme": "light", "state": "long-error", "width": 390, "height": 844, "screenshot": "public/admin/ui-lab/screenshots/toast-system/15-mobile-long-error.png", "screenshotExists": true, "browserExitCode": 0, "browserErrors": [], "metrics": { "scenario": "15-mobile-long-error", "theme": "light", "viewport": { "width": 390, "height": 844 }, "visibleToasts": 1, "navbarBottom": 56, "toastTop": 70, "safeGap": 14, "toastWidth": 366, "animatedToastTop": 70, "before": { "scrollWidth": 390, "clientWidth": 390, "content": { "x": 0, "y": 0, "width": 390, "height": 844, "top": 0, "right": 390, "bottom": 844, "left": 0 }, "sidebar": { "x": 0, "y": 0, "width": 0, "height": 0, "top": 0, "right": 0, "bottom": 0, "left": 0 } }, "after": { "scrollWidth": 390, "clientWidth": 390, "content": { "x": 0, "y": 0, "width": 390, "height": 844, "top": 0, "right": 390, "bottom": 844, "left": 0 }, "sidebar": { "x": 0, "y": 0, "width": 0, "height": 0, "top": 0, "right": 0, "bottom": 0, "left": 0 } }, "documentWidthShift": 0, "contentLeftShift": 0, "contentRightShift": 0, "sidebarLeftShift": 0, "sidebarRightShift": 0, "horizontalOverflow": 0, "proof": {} } }, { "name": "16-mobile-stack", "theme": "dark", "state": "stack", "width": 390, "height": 844, "screenshot": "public/admin/ui-lab/screenshots/toast-system/16-mobile-stack.png", "screenshotExists": true, "browserExitCode": 0, "browserErrors": [], "metrics": { "scenario": "16-mobile-stack", "theme": "dark", "viewport": { "width": 390, "height": 844 }, "visibleToasts": 3, "navbarBottom": 56, "toastTop": 70, "safeGap": 14, "toastWidth": 366, "animatedToastTop": 70, "before": { "scrollWidth": 390, "clientWidth": 390, "content": { "x": 0, "y": 0, "width": 390, "height": 844, "top": 0, "right": 390, "bottom": 844, "left": 0 }, "sidebar": { "x": 0, "y": 0, "width": 0, "height": 0, "top": 0, "right": 0, "bottom": 0, "left": 0 } }, "after": { "scrollWidth": 390, "clientWidth": 390, "content": { "x": 0, "y": 0, "width": 390, "height": 844, "top": 0, "right": 390, "bottom": 844, "left": 0 }, "sidebar": { "x": 0, "y": 0, "width": 0, "height": 0, "top": 0, "right": 0, "bottom": 0, "left": 0 } }, "documentWidthShift": 0, "contentLeftShift": 0, "contentRightShift": 0, "sidebarLeftShift": 0, "sidebarRightShift": 0, "horizontalOverflow": 0, "proof": {} } }, { "name": "17-wide-1920-success", "theme": "light", "state": "success", "width": 1920, "height": 1080, "screenshot": "public/admin/ui-lab/screenshots/toast-system/17-wide-1920-success.png", "screenshotExists": true, "browserExitCode": 0, "browserErrors": [], "metrics": { "scenario": "17-wide-1920-success", "theme": "light", "viewport": { "width": 1920, "height": 1080 }, "visibleToasts": 1, "navbarBottom": 60, "toastTop": 78, "safeGap": 18, "toastWidth": 352, "animatedToastTop": 78, "before": { "scrollWidth": 1920, "clientWidth": 1920, "content": { "x": 0, "y": 0, "width": 1608, "height": 1080, "top": 0, "right": 1608, "bottom": 1080, "left": 0 }, "sidebar": { "x": 1608, "y": 0, "width": 312, "height": 1080, "top": 0, "right": 1920, "bottom": 1080, "left": 1608 } }, "after": { "scrollWidth": 1920, "clientWidth": 1920, "content": { "x": 0, "y": 0, "width": 1608, "height": 1080, "top": 0, "right": 1608, "bottom": 1080, "left": 0 }, "sidebar": { "x": 1608, "y": 0, "width": 312, "height": 1080, "top": 0, "right": 1920, "bottom": 1080, "left": 1608 } }, "documentWidthShift": 0, "contentLeftShift": 0, "contentRightShift": 0, "sidebarLeftShift": 0, "sidebarRightShift": 0, "horizontalOverflow": 0, "proof": {} } }, { "name": "18-compact-1024-stack", "theme": "dark", "state": "stack", "width": 1024, "height": 768, "screenshot": "public/admin/ui-lab/screenshots/toast-system/18-compact-1024-stack.png", "screenshotExists": true, "browserExitCode": 0, "browserErrors": [], "metrics": { "scenario": "18-compact-1024-stack", "theme": "dark", "viewport": { "width": 1024, "height": 768 }, "visibleToasts": 3, "navbarBottom": 56, "toastTop": 70, "safeGap": 14, "toastWidth": 352, "animatedToastTop": 70, "before": { "scrollWidth": 1024, "clientWidth": 1024, "content": { "x": 0, "y": 0, "width": 1024, "height": 768, "top": 0, "right": 1024, "bottom": 768, "left": 0 }, "sidebar": { "x": 0, "y": 0, "width": 0, "height": 0, "top": 0, "right": 0, "bottom": 0, "left": 0 } }, "after": { "scrollWidth": 1024, "clientWidth": 1024, "content": { "x": 0, "y": 0, "width": 1024, "height": 768, "top": 0, "right": 1024, "bottom": 768, "left": 0 }, "sidebar": { "x": 0, "y": 0, "width": 0, "height": 0, "top": 0, "right": 0, "bottom": 0, "left": 0 } }, "documentWidthShift": 0, "contentLeftShift": 0, "contentRightShift": 0, "sidebarLeftShift": 0, "sidebarRightShift": 0, "horizontalOverflow": 0, "proof": {} } } ] }