{ "status": "pass", "pairedStates": 38, "mainDesktopPhoneFrames": 12, "shortPhone320x640Frames": 6, "representativeThemeDialog": "Skill detail at desktop across five themes; geometry values are theme-independent.", "comparison": "Exact frame limits, dimensions, border/spacing, footer geometry, scroll-area dimensions/positions, scope ancestry and overflow observations. No improvement or whole-page pixel identity claim.", "allInsideViewport": true, "allPageOverflowAbsent": true, "allCapsCorrect": true, "differences": [], "pairedSamples": [ { "state": "deepsea-desktop-skill-detail-modal-scrolled", "before": { "state": "deepsea-desktop-skill-detail-modal-scrolled", "frame": "skill-detail-modal", "theme": "openhands-deepsea", "viewport": { "width": 1440, "height": 1000 }, "maxWidth": "1296px", "maxHeight": "850px", "width": "520px", "height": "582px", "overflowX": "hidden", "overflowY": "hidden", "padding": "0px", "border": "1px solid rgb(75, 84, 104)", "borderRadius": "12px", "rect": { "x": 460, "y": 209, "width": 520, "height": 582 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": "skill-detail-modal-content", "tag": "DIV", "clientHeight": 418, "scrollHeight": 418, "scrollTop": 0, "clientWidth": 518, "scrollWidth": 518, "rect": { "x": 461, "y": 296, "width": 518, "height": 418 } }, { "i": 1, "testid": "skill-modal-field-content-qa-dialog-skill", "tag": "TEXTAREA", "clientHeight": 256, "scrollHeight": 4056, "scrollTop": 0, "clientWidth": 468, "scrollWidth": 468, "rect": { "x": 485, "y": 456, "width": 470, "height": 258 } } ], "footer": { "x": 461, "y": 714, "width": 518, "height": 76, "bottom": 790 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] }, "after": { "state": "deepsea-desktop-skill-detail-modal-scrolled", "frame": "skill-detail-modal", "theme": "openhands-deepsea", "viewport": { "width": 1440, "height": 1000 }, "maxWidth": "1296px", "maxHeight": "850px", "width": "520px", "height": "582px", "overflowX": "hidden", "overflowY": "hidden", "padding": "0px", "border": "1px solid rgb(75, 84, 104)", "borderRadius": "12px", "rect": { "x": 460, "y": 209, "width": 520, "height": 582 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": "skill-detail-modal-content", "tag": "DIV", "clientHeight": 418, "scrollHeight": 418, "scrollTop": 0, "clientWidth": 518, "scrollWidth": 518, "rect": { "x": 461, "y": 296, "width": 518, "height": 418 } }, { "i": 1, "testid": "skill-modal-field-content-qa-dialog-skill", "tag": "TEXTAREA", "clientHeight": 256, "scrollHeight": 4056, "scrollTop": 0, "clientWidth": 468, "scrollWidth": 468, "rect": { "x": 485, "y": 456, "width": 470, "height": 258 } } ], "footer": { "x": 461, "y": 714, "width": 518, "height": 76, "bottom": 790 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] } }, { "state": "deepsea-desktop-skill-detail-modal-upper", "before": { "state": "deepsea-desktop-skill-detail-modal-upper", "frame": "skill-detail-modal", "theme": "openhands-deepsea", "viewport": { "width": 1440, "height": 1000 }, "maxWidth": "1296px", "maxHeight": "850px", "width": "520px", "height": "582px", "overflowX": "hidden", "overflowY": "hidden", "padding": "0px", "border": "1px solid rgb(75, 84, 104)", "borderRadius": "12px", "rect": { "x": 460, "y": 209, "width": 520, "height": 582 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": "skill-detail-modal-content", "tag": "DIV", "clientHeight": 418, "scrollHeight": 418, "scrollTop": 0, "clientWidth": 518, "scrollWidth": 518, "rect": { "x": 461, "y": 296, "width": 518, "height": 418 } }, { "i": 1, "testid": "skill-modal-field-content-qa-dialog-skill", "tag": "TEXTAREA", "clientHeight": 256, "scrollHeight": 4056, "scrollTop": 0, "clientWidth": 468, "scrollWidth": 468, "rect": { "x": 485, "y": 456, "width": 470, "height": 258 } } ], "footer": { "x": 461, "y": 714, "width": 518, "height": 76, "bottom": 790 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] }, "after": { "state": "deepsea-desktop-skill-detail-modal-upper", "frame": "skill-detail-modal", "theme": "openhands-deepsea", "viewport": { "width": 1440, "height": 1000 }, "maxWidth": "1296px", "maxHeight": "850px", "width": "520px", "height": "582px", "overflowX": "hidden", "overflowY": "hidden", "padding": "0px", "border": "1px solid rgb(75, 84, 104)", "borderRadius": "12px", "rect": { "x": 460, "y": 209, "width": 520, "height": 582 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": "skill-detail-modal-content", "tag": "DIV", "clientHeight": 418, "scrollHeight": 418, "scrollTop": 0, "clientWidth": 518, "scrollWidth": 518, "rect": { "x": 461, "y": 296, "width": 518, "height": 418 } }, { "i": 1, "testid": "skill-modal-field-content-qa-dialog-skill", "tag": "TEXTAREA", "clientHeight": 256, "scrollHeight": 4056, "scrollTop": 0, "clientWidth": 468, "scrollWidth": 468, "rect": { "x": 485, "y": 456, "width": 470, "height": 258 } } ], "footer": { "x": 461, "y": 714, "width": 518, "height": 76, "bottom": 790 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] } }, { "state": "light-desktop-skill-detail-modal-scrolled", "before": { "state": "light-desktop-skill-detail-modal-scrolled", "frame": "skill-detail-modal", "theme": "light-plus", "viewport": { "width": 1440, "height": 1000 }, "maxWidth": "1296px", "maxHeight": "850px", "width": "520px", "height": "582px", "overflowX": "hidden", "overflowY": "hidden", "padding": "0px", "border": "1px solid rgb(212, 212, 212)", "borderRadius": "12px", "rect": { "x": 460, "y": 209, "width": 520, "height": 582 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": "skill-detail-modal-content", "tag": "DIV", "clientHeight": 418, "scrollHeight": 418, "scrollTop": 0, "clientWidth": 518, "scrollWidth": 518, "rect": { "x": 461, "y": 296, "width": 518, "height": 418 } }, { "i": 1, "testid": "skill-modal-field-content-qa-dialog-skill", "tag": "TEXTAREA", "clientHeight": 256, "scrollHeight": 4056, "scrollTop": 0, "clientWidth": 468, "scrollWidth": 468, "rect": { "x": 485, "y": 456, "width": 470, "height": 258 } } ], "footer": { "x": 461, "y": 714, "width": 518, "height": 76, "bottom": 790 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] }, "after": { "state": "light-desktop-skill-detail-modal-scrolled", "frame": "skill-detail-modal", "theme": "light-plus", "viewport": { "width": 1440, "height": 1000 }, "maxWidth": "1296px", "maxHeight": "850px", "width": "520px", "height": "582px", "overflowX": "hidden", "overflowY": "hidden", "padding": "0px", "border": "1px solid rgb(212, 212, 212)", "borderRadius": "12px", "rect": { "x": 460, "y": 209, "width": 520, "height": 582 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": "skill-detail-modal-content", "tag": "DIV", "clientHeight": 418, "scrollHeight": 418, "scrollTop": 0, "clientWidth": 518, "scrollWidth": 518, "rect": { "x": 461, "y": 296, "width": 518, "height": 418 } }, { "i": 1, "testid": "skill-modal-field-content-qa-dialog-skill", "tag": "TEXTAREA", "clientHeight": 256, "scrollHeight": 4056, "scrollTop": 0, "clientWidth": 468, "scrollWidth": 468, "rect": { "x": 485, "y": 456, "width": 470, "height": 258 } } ], "footer": { "x": 461, "y": 714, "width": 518, "height": 76, "bottom": 790 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] } }, { "state": "light-desktop-skill-detail-modal-upper", "before": { "state": "light-desktop-skill-detail-modal-upper", "frame": "skill-detail-modal", "theme": "light-plus", "viewport": { "width": 1440, "height": 1000 }, "maxWidth": "1296px", "maxHeight": "850px", "width": "520px", "height": "582px", "overflowX": "hidden", "overflowY": "hidden", "padding": "0px", "border": "1px solid rgb(212, 212, 212)", "borderRadius": "12px", "rect": { "x": 460, "y": 209, "width": 520, "height": 582 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": "skill-detail-modal-content", "tag": "DIV", "clientHeight": 418, "scrollHeight": 418, "scrollTop": 0, "clientWidth": 518, "scrollWidth": 518, "rect": { "x": 461, "y": 296, "width": 518, "height": 418 } }, { "i": 1, "testid": "skill-modal-field-content-qa-dialog-skill", "tag": "TEXTAREA", "clientHeight": 256, "scrollHeight": 4056, "scrollTop": 0, "clientWidth": 468, "scrollWidth": 468, "rect": { "x": 485, "y": 456, "width": 470, "height": 258 } } ], "footer": { "x": 461, "y": 714, "width": 518, "height": 76, "bottom": 790 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] }, "after": { "state": "light-desktop-skill-detail-modal-upper", "frame": "skill-detail-modal", "theme": "light-plus", "viewport": { "width": 1440, "height": 1000 }, "maxWidth": "1296px", "maxHeight": "850px", "width": "520px", "height": "582px", "overflowX": "hidden", "overflowY": "hidden", "padding": "0px", "border": "1px solid rgb(212, 212, 212)", "borderRadius": "12px", "rect": { "x": 460, "y": 209, "width": 520, "height": 582 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": "skill-detail-modal-content", "tag": "DIV", "clientHeight": 418, "scrollHeight": 418, "scrollTop": 0, "clientWidth": 518, "scrollWidth": 518, "rect": { "x": 461, "y": 296, "width": 518, "height": 418 } }, { "i": 1, "testid": "skill-modal-field-content-qa-dialog-skill", "tag": "TEXTAREA", "clientHeight": 256, "scrollHeight": 4056, "scrollTop": 0, "clientWidth": 468, "scrollWidth": 468, "rect": { "x": 485, "y": 456, "width": 470, "height": 258 } } ], "footer": { "x": 461, "y": 714, "width": 518, "height": 76, "bottom": 790 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] } }, { "state": "neo-desktop-skill-detail-modal-scrolled", "before": { "state": "neo-desktop-skill-detail-modal-scrolled", "frame": "skill-detail-modal", "theme": "openhands-neo", "viewport": { "width": 1440, "height": 1000 }, "maxWidth": "1296px", "maxHeight": "850px", "width": "520px", "height": "582px", "overflowX": "hidden", "overflowY": "hidden", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 460, "y": 209, "width": 520, "height": 582 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": "skill-detail-modal-content", "tag": "DIV", "clientHeight": 418, "scrollHeight": 418, "scrollTop": 0, "clientWidth": 518, "scrollWidth": 518, "rect": { "x": 461, "y": 296, "width": 518, "height": 418 } }, { "i": 1, "testid": "skill-modal-field-content-qa-dialog-skill", "tag": "TEXTAREA", "clientHeight": 256, "scrollHeight": 4056, "scrollTop": 0, "clientWidth": 468, "scrollWidth": 468, "rect": { "x": 485, "y": 456, "width": 470, "height": 258 } } ], "footer": { "x": 461, "y": 714, "width": 518, "height": 76, "bottom": 790 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] }, "after": { "state": "neo-desktop-skill-detail-modal-scrolled", "frame": "skill-detail-modal", "theme": "openhands-neo", "viewport": { "width": 1440, "height": 1000 }, "maxWidth": "1296px", "maxHeight": "850px", "width": "520px", "height": "582px", "overflowX": "hidden", "overflowY": "hidden", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 460, "y": 209, "width": 520, "height": 582 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": "skill-detail-modal-content", "tag": "DIV", "clientHeight": 418, "scrollHeight": 418, "scrollTop": 0, "clientWidth": 518, "scrollWidth": 518, "rect": { "x": 461, "y": 296, "width": 518, "height": 418 } }, { "i": 1, "testid": "skill-modal-field-content-qa-dialog-skill", "tag": "TEXTAREA", "clientHeight": 256, "scrollHeight": 4056, "scrollTop": 0, "clientWidth": 468, "scrollWidth": 468, "rect": { "x": 485, "y": 456, "width": 470, "height": 258 } } ], "footer": { "x": 461, "y": 714, "width": 518, "height": 76, "bottom": 790 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] } }, { "state": "neo-desktop-skill-detail-modal-upper", "before": { "state": "neo-desktop-skill-detail-modal-upper", "frame": "skill-detail-modal", "theme": "openhands-neo", "viewport": { "width": 1440, "height": 1000 }, "maxWidth": "1296px", "maxHeight": "850px", "width": "520px", "height": "582px", "overflowX": "hidden", "overflowY": "hidden", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 460, "y": 209, "width": 520, "height": 582 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": "skill-detail-modal-content", "tag": "DIV", "clientHeight": 418, "scrollHeight": 418, "scrollTop": 0, "clientWidth": 518, "scrollWidth": 518, "rect": { "x": 461, "y": 296, "width": 518, "height": 418 } }, { "i": 1, "testid": "skill-modal-field-content-qa-dialog-skill", "tag": "TEXTAREA", "clientHeight": 256, "scrollHeight": 4056, "scrollTop": 0, "clientWidth": 468, "scrollWidth": 468, "rect": { "x": 485, "y": 456, "width": 470, "height": 258 } } ], "footer": { "x": 461, "y": 714, "width": 518, "height": 76, "bottom": 790 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] }, "after": { "state": "neo-desktop-skill-detail-modal-upper", "frame": "skill-detail-modal", "theme": "openhands-neo", "viewport": { "width": 1440, "height": 1000 }, "maxWidth": "1296px", "maxHeight": "850px", "width": "520px", "height": "582px", "overflowX": "hidden", "overflowY": "hidden", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 460, "y": 209, "width": 520, "height": 582 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": "skill-detail-modal-content", "tag": "DIV", "clientHeight": 418, "scrollHeight": 418, "scrollTop": 0, "clientWidth": 518, "scrollWidth": 518, "rect": { "x": 461, "y": 296, "width": 518, "height": 418 } }, { "i": 1, "testid": "skill-modal-field-content-qa-dialog-skill", "tag": "TEXTAREA", "clientHeight": 256, "scrollHeight": 4056, "scrollTop": 0, "clientWidth": 468, "scrollWidth": 468, "rect": { "x": 485, "y": 456, "width": 470, "height": 258 } } ], "footer": { "x": 461, "y": 714, "width": 518, "height": 76, "bottom": 790 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] } }, { "state": "neutral-320x640-add-canvas-extension-modal-upper", "before": { "state": "neutral-320x640-add-canvas-extension-modal-upper", "frame": "add-canvas-extension-modal", "theme": "openhands-neutral", "viewport": { "width": 320, "height": 640 }, "maxWidth": "288px", "maxHeight": "544px", "width": "288px", "height": "452px", "overflowX": "visible", "overflowY": "visible", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 16, "y": 94, "width": 288, "height": 452 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": null, "tag": "DIV", "clientHeight": 230, "scrollHeight": 230, "scrollTop": 0, "clientWidth": 286, "scrollWidth": 286, "rect": { "x": 17, "y": 239, "width": 286, "height": 230 } } ], "footer": { "x": 17, "y": 469, "width": 286, "height": 76, "bottom": 545 }, "ancestors": [ { "tag": "FORM", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] }, "after": { "state": "neutral-320x640-add-canvas-extension-modal-upper", "frame": "add-canvas-extension-modal", "theme": "openhands-neutral", "viewport": { "width": 320, "height": 640 }, "maxWidth": "288px", "maxHeight": "544px", "width": "288px", "height": "452px", "overflowX": "visible", "overflowY": "visible", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 16, "y": 94, "width": 288, "height": 452 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": null, "tag": "DIV", "clientHeight": 230, "scrollHeight": 230, "scrollTop": 0, "clientWidth": 286, "scrollWidth": 286, "rect": { "x": 17, "y": 239, "width": 286, "height": 230 } } ], "footer": { "x": 17, "y": 469, "width": 286, "height": 76, "bottom": 545 }, "ancestors": [ { "tag": "FORM", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] } }, { "state": "neutral-320x640-add-plugin-modal-upper", "before": { "state": "neutral-320x640-add-plugin-modal-upper", "frame": "add-plugin-modal", "theme": "openhands-neutral", "viewport": { "width": 320, "height": 640 }, "maxWidth": "288px", "maxHeight": "544px", "width": "288px", "height": "432px", "overflowX": "visible", "overflowY": "visible", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 16, "y": 104, "width": 288, "height": 432 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": null, "tag": "DIV", "clientHeight": 230, "scrollHeight": 230, "scrollTop": 0, "clientWidth": 286, "scrollWidth": 286, "rect": { "x": 17, "y": 229, "width": 286, "height": 230 } } ], "footer": { "x": 17, "y": 459, "width": 286, "height": 76, "bottom": 535 }, "ancestors": [ { "tag": "FORM", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] }, "after": { "state": "neutral-320x640-add-plugin-modal-upper", "frame": "add-plugin-modal", "theme": "openhands-neutral", "viewport": { "width": 320, "height": 640 }, "maxWidth": "288px", "maxHeight": "544px", "width": "288px", "height": "432px", "overflowX": "visible", "overflowY": "visible", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 16, "y": 104, "width": 288, "height": 432 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": null, "tag": "DIV", "clientHeight": 230, "scrollHeight": 230, "scrollTop": 0, "clientWidth": 286, "scrollWidth": 286, "rect": { "x": 17, "y": 229, "width": 286, "height": 230 } } ], "footer": { "x": 17, "y": 459, "width": 286, "height": 76, "bottom": 535 }, "ancestors": [ { "tag": "FORM", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] } }, { "state": "neutral-320x640-add-skill-modal-scrolled", "before": { "state": "neutral-320x640-add-skill-modal-scrolled", "frame": "add-skill-modal", "theme": "openhands-neutral", "viewport": { "width": 320, "height": 640 }, "maxWidth": "288px", "maxHeight": "544px", "width": "288px", "height": "544px", "overflowX": "visible", "overflowY": "visible", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 16, "y": 48, "width": 288, "height": 544 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": null, "tag": "DIV", "clientHeight": 302, "scrollHeight": 779, "scrollTop": 477, "clientWidth": 286, "scrollWidth": 286, "rect": { "x": 17, "y": 213, "width": 286, "height": 302 } }, { "i": 1, "testid": "add-skill-modal-example", "tag": "PRE", "clientHeight": 32, "scrollHeight": 32, "scrollTop": 0, "clientWidth": 236, "scrollWidth": 619, "rect": { "x": 41, "y": -82.625, "width": 238, "height": 34 } } ], "footer": { "x": 17, "y": 515, "width": 286, "height": 76, "bottom": 591 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] }, "after": { "state": "neutral-320x640-add-skill-modal-scrolled", "frame": "add-skill-modal", "theme": "openhands-neutral", "viewport": { "width": 320, "height": 640 }, "maxWidth": "288px", "maxHeight": "544px", "width": "288px", "height": "544px", "overflowX": "visible", "overflowY": "visible", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 16, "y": 48, "width": 288, "height": 544 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": null, "tag": "DIV", "clientHeight": 302, "scrollHeight": 779, "scrollTop": 477, "clientWidth": 286, "scrollWidth": 286, "rect": { "x": 17, "y": 213, "width": 286, "height": 302 } }, { "i": 1, "testid": "add-skill-modal-example", "tag": "PRE", "clientHeight": 32, "scrollHeight": 32, "scrollTop": 0, "clientWidth": 236, "scrollWidth": 619, "rect": { "x": 41, "y": -82.625, "width": 238, "height": 34 } } ], "footer": { "x": 17, "y": 515, "width": 286, "height": 76, "bottom": 591 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] } }, { "state": "neutral-320x640-add-skill-modal-upper", "before": { "state": "neutral-320x640-add-skill-modal-upper", "frame": "add-skill-modal", "theme": "openhands-neutral", "viewport": { "width": 320, "height": 640 }, "maxWidth": "288px", "maxHeight": "544px", "width": "288px", "height": "544px", "overflowX": "visible", "overflowY": "visible", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 16, "y": 48, "width": 288, "height": 544 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": null, "tag": "DIV", "clientHeight": 302, "scrollHeight": 779, "scrollTop": 0, "clientWidth": 286, "scrollWidth": 286, "rect": { "x": 17, "y": 213, "width": 286, "height": 302 } }, { "i": 1, "testid": "add-skill-modal-example", "tag": "PRE", "clientHeight": 32, "scrollHeight": 32, "scrollTop": 0, "clientWidth": 236, "scrollWidth": 619, "rect": { "x": 41, "y": 394.375, "width": 238, "height": 34 } } ], "footer": { "x": 17, "y": 515, "width": 286, "height": 76, "bottom": 591 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] }, "after": { "state": "neutral-320x640-add-skill-modal-upper", "frame": "add-skill-modal", "theme": "openhands-neutral", "viewport": { "width": 320, "height": 640 }, "maxWidth": "288px", "maxHeight": "544px", "width": "288px", "height": "544px", "overflowX": "visible", "overflowY": "visible", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 16, "y": 48, "width": 288, "height": 544 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": null, "tag": "DIV", "clientHeight": 302, "scrollHeight": 779, "scrollTop": 0, "clientWidth": 286, "scrollWidth": 286, "rect": { "x": 17, "y": 213, "width": 286, "height": 302 } }, { "i": 1, "testid": "add-skill-modal-example", "tag": "PRE", "clientHeight": 32, "scrollHeight": 32, "scrollTop": 0, "clientWidth": 236, "scrollWidth": 619, "rect": { "x": 41, "y": 394.375, "width": 238, "height": 34 } } ], "footer": { "x": 17, "y": 515, "width": 286, "height": 76, "bottom": 591 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] } }, { "state": "neutral-320x640-mcp-install-modal-upper", "before": { "state": "neutral-320x640-mcp-install-modal-upper", "frame": "mcp-install-modal", "theme": "openhands-neutral", "viewport": { "width": 320, "height": 640 }, "maxWidth": "288px", "maxHeight": "544px", "width": "288px", "height": "462px", "overflowX": "auto", "overflowY": "auto", "padding": "24px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 16, "y": 89, "width": 288, "height": 462 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [], "footer": null, "ancestors": [ { "tag": "FORM", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] }, "after": { "state": "neutral-320x640-mcp-install-modal-upper", "frame": "mcp-install-modal", "theme": "openhands-neutral", "viewport": { "width": 320, "height": 640 }, "maxWidth": "288px", "maxHeight": "544px", "width": "288px", "height": "462px", "overflowX": "auto", "overflowY": "auto", "padding": "24px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 16, "y": 89, "width": 288, "height": 462 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [], "footer": null, "ancestors": [ { "tag": "FORM", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] } }, { "state": "neutral-320x640-plugin-detail-modal-file", "before": { "state": "neutral-320x640-plugin-detail-modal-file", "frame": "plugin-detail-modal", "theme": "openhands-neutral", "viewport": { "width": 320, "height": 640 }, "maxWidth": "288px", "maxHeight": "544px", "width": "288px", "height": "544px", "overflowX": "visible", "overflowY": "visible", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 16, "y": 48, "width": 288, "height": 544 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": null, "tag": "DIV", "clientHeight": 398, "scrollHeight": 662, "scrollTop": 0, "clientWidth": 286, "scrollWidth": 286, "rect": { "x": 17, "y": 117, "width": 286, "height": 398 } }, { "i": 1, "testid": null, "tag": "DIV", "clientHeight": 148, "scrollHeight": 148, "scrollTop": 0, "clientWidth": 236, "scrollWidth": 236, "rect": { "x": 42, "y": 390, "width": 236, "height": 148 } }, { "i": 2, "testid": "file-content-viewer-highlighted", "tag": "DIV", "clientHeight": 207, "scrollHeight": 412, "scrollTop": 0, "clientWidth": 236, "scrollWidth": 236, "rect": { "x": 42, "y": 571, "width": 236, "height": 207 } }, { "i": 3, "testid": null, "tag": "PRE", "clientHeight": 412, "scrollHeight": 412, "scrollTop": 0, "clientWidth": 236, "scrollWidth": 734, "rect": { "x": 42, "y": 571, "width": 236, "height": 412 } } ], "footer": { "x": 17, "y": 515, "width": 286, "height": 76, "bottom": 591 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] }, "after": { "state": "neutral-320x640-plugin-detail-modal-file", "frame": "plugin-detail-modal", "theme": "openhands-neutral", "viewport": { "width": 320, "height": 640 }, "maxWidth": "288px", "maxHeight": "544px", "width": "288px", "height": "544px", "overflowX": "visible", "overflowY": "visible", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 16, "y": 48, "width": 288, "height": 544 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": null, "tag": "DIV", "clientHeight": 398, "scrollHeight": 662, "scrollTop": 0, "clientWidth": 286, "scrollWidth": 286, "rect": { "x": 17, "y": 117, "width": 286, "height": 398 } }, { "i": 1, "testid": null, "tag": "DIV", "clientHeight": 148, "scrollHeight": 148, "scrollTop": 0, "clientWidth": 236, "scrollWidth": 236, "rect": { "x": 42, "y": 390, "width": 236, "height": 148 } }, { "i": 2, "testid": "file-content-viewer-highlighted", "tag": "DIV", "clientHeight": 207, "scrollHeight": 412, "scrollTop": 0, "clientWidth": 236, "scrollWidth": 236, "rect": { "x": 42, "y": 571, "width": 236, "height": 207 } }, { "i": 3, "testid": null, "tag": "PRE", "clientHeight": 412, "scrollHeight": 412, "scrollTop": 0, "clientWidth": 236, "scrollWidth": 734, "rect": { "x": 42, "y": 571, "width": 236, "height": 412 } } ], "footer": { "x": 17, "y": 515, "width": 286, "height": 76, "bottom": 591 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] } }, { "state": "neutral-320x640-plugin-detail-modal-scrolled", "before": { "state": "neutral-320x640-plugin-detail-modal-scrolled", "frame": "plugin-detail-modal", "theme": "openhands-neutral", "viewport": { "width": 320, "height": 640 }, "maxWidth": "288px", "maxHeight": "544px", "width": "288px", "height": "544px", "overflowX": "visible", "overflowY": "visible", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 16, "y": 48, "width": 288, "height": 544 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": null, "tag": "DIV", "clientHeight": 398, "scrollHeight": 662, "scrollTop": 264, "clientWidth": 286, "scrollWidth": 286, "rect": { "x": 17, "y": 117, "width": 286, "height": 398 } }, { "i": 1, "testid": null, "tag": "DIV", "clientHeight": 148, "scrollHeight": 148, "scrollTop": 0, "clientWidth": 236, "scrollWidth": 236, "rect": { "x": 42, "y": 126, "width": 236, "height": 148 } }, { "i": 2, "testid": "file-content-viewer-highlighted", "tag": "DIV", "clientHeight": 207, "scrollHeight": 412, "scrollTop": 0, "clientWidth": 236, "scrollWidth": 236, "rect": { "x": 42, "y": 307, "width": 236, "height": 207 } }, { "i": 3, "testid": null, "tag": "PRE", "clientHeight": 412, "scrollHeight": 412, "scrollTop": 0, "clientWidth": 236, "scrollWidth": 734, "rect": { "x": 42, "y": 307, "width": 236, "height": 412 } } ], "footer": { "x": 17, "y": 515, "width": 286, "height": 76, "bottom": 591 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] }, "after": { "state": "neutral-320x640-plugin-detail-modal-scrolled", "frame": "plugin-detail-modal", "theme": "openhands-neutral", "viewport": { "width": 320, "height": 640 }, "maxWidth": "288px", "maxHeight": "544px", "width": "288px", "height": "544px", "overflowX": "visible", "overflowY": "visible", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 16, "y": 48, "width": 288, "height": 544 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": null, "tag": "DIV", "clientHeight": 398, "scrollHeight": 662, "scrollTop": 264, "clientWidth": 286, "scrollWidth": 286, "rect": { "x": 17, "y": 117, "width": 286, "height": 398 } }, { "i": 1, "testid": null, "tag": "DIV", "clientHeight": 148, "scrollHeight": 148, "scrollTop": 0, "clientWidth": 236, "scrollWidth": 236, "rect": { "x": 42, "y": 126, "width": 236, "height": 148 } }, { "i": 2, "testid": "file-content-viewer-highlighted", "tag": "DIV", "clientHeight": 207, "scrollHeight": 412, "scrollTop": 0, "clientWidth": 236, "scrollWidth": 236, "rect": { "x": 42, "y": 307, "width": 236, "height": 207 } }, { "i": 3, "testid": null, "tag": "PRE", "clientHeight": 412, "scrollHeight": 412, "scrollTop": 0, "clientWidth": 236, "scrollWidth": 734, "rect": { "x": 42, "y": 307, "width": 236, "height": 412 } } ], "footer": { "x": 17, "y": 515, "width": 286, "height": 76, "bottom": 591 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] } }, { "state": "neutral-320x640-plugin-detail-modal-upper", "before": { "state": "neutral-320x640-plugin-detail-modal-upper", "frame": "plugin-detail-modal", "theme": "openhands-neutral", "viewport": { "width": 320, "height": 640 }, "maxWidth": "288px", "maxHeight": "544px", "width": "288px", "height": "540px", "overflowX": "visible", "overflowY": "visible", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 16, "y": 50, "width": 288, "height": 540 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": null, "tag": "DIV", "clientHeight": 394, "scrollHeight": 394, "scrollTop": 0, "clientWidth": 286, "scrollWidth": 286, "rect": { "x": 17, "y": 119, "width": 286, "height": 394 } }, { "i": 1, "testid": null, "tag": "DIV", "clientHeight": 120, "scrollHeight": 120, "scrollTop": 0, "clientWidth": 236, "scrollWidth": 236, "rect": { "x": 42, "y": 392, "width": 236, "height": 120 } } ], "footer": { "x": 17, "y": 513, "width": 286, "height": 76, "bottom": 589 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] }, "after": { "state": "neutral-320x640-plugin-detail-modal-upper", "frame": "plugin-detail-modal", "theme": "openhands-neutral", "viewport": { "width": 320, "height": 640 }, "maxWidth": "288px", "maxHeight": "544px", "width": "288px", "height": "540px", "overflowX": "visible", "overflowY": "visible", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 16, "y": 50, "width": 288, "height": 540 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": null, "tag": "DIV", "clientHeight": 394, "scrollHeight": 394, "scrollTop": 0, "clientWidth": 286, "scrollWidth": 286, "rect": { "x": 17, "y": 119, "width": 286, "height": 394 } }, { "i": 1, "testid": null, "tag": "DIV", "clientHeight": 120, "scrollHeight": 120, "scrollTop": 0, "clientWidth": 236, "scrollWidth": 236, "rect": { "x": 42, "y": 392, "width": 236, "height": 120 } } ], "footer": { "x": 17, "y": 513, "width": 286, "height": 76, "bottom": 589 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] } }, { "state": "neutral-320x640-skill-detail-modal-scrolled", "before": { "state": "neutral-320x640-skill-detail-modal-scrolled", "frame": "skill-detail-modal", "theme": "openhands-neutral", "viewport": { "width": 320, "height": 640 }, "maxWidth": "288px", "maxHeight": "544px", "width": "288px", "height": "544px", "overflowX": "hidden", "overflowY": "hidden", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 16, "y": 48, "width": 288, "height": 544 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": "skill-detail-modal-content", "tag": "DIV", "clientHeight": 380, "scrollHeight": 412, "scrollTop": 32, "clientWidth": 286, "scrollWidth": 286, "rect": { "x": 17, "y": 135, "width": 286, "height": 380 } }, { "i": 1, "testid": "skill-modal-field-content-qa-dialog-skill", "tag": "TEXTAREA", "clientHeight": 256, "scrollHeight": 5556, "scrollTop": 0, "clientWidth": 236, "scrollWidth": 236, "rect": { "x": 41, "y": 257, "width": 238, "height": 258 } } ], "footer": { "x": 17, "y": 515, "width": 286, "height": 76, "bottom": 591 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] }, "after": { "state": "neutral-320x640-skill-detail-modal-scrolled", "frame": "skill-detail-modal", "theme": "openhands-neutral", "viewport": { "width": 320, "height": 640 }, "maxWidth": "288px", "maxHeight": "544px", "width": "288px", "height": "544px", "overflowX": "hidden", "overflowY": "hidden", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 16, "y": 48, "width": 288, "height": 544 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": "skill-detail-modal-content", "tag": "DIV", "clientHeight": 380, "scrollHeight": 412, "scrollTop": 32, "clientWidth": 286, "scrollWidth": 286, "rect": { "x": 17, "y": 135, "width": 286, "height": 380 } }, { "i": 1, "testid": "skill-modal-field-content-qa-dialog-skill", "tag": "TEXTAREA", "clientHeight": 256, "scrollHeight": 5556, "scrollTop": 0, "clientWidth": 236, "scrollWidth": 236, "rect": { "x": 41, "y": 257, "width": 238, "height": 258 } } ], "footer": { "x": 17, "y": 515, "width": 286, "height": 76, "bottom": 591 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] } }, { "state": "neutral-320x640-skill-detail-modal-upper", "before": { "state": "neutral-320x640-skill-detail-modal-upper", "frame": "skill-detail-modal", "theme": "openhands-neutral", "viewport": { "width": 320, "height": 640 }, "maxWidth": "288px", "maxHeight": "544px", "width": "288px", "height": "544px", "overflowX": "hidden", "overflowY": "hidden", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 16, "y": 48, "width": 288, "height": 544 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": "skill-detail-modal-content", "tag": "DIV", "clientHeight": 380, "scrollHeight": 412, "scrollTop": 0, "clientWidth": 286, "scrollWidth": 286, "rect": { "x": 17, "y": 135, "width": 286, "height": 380 } }, { "i": 1, "testid": "skill-modal-field-content-qa-dialog-skill", "tag": "TEXTAREA", "clientHeight": 256, "scrollHeight": 5556, "scrollTop": 0, "clientWidth": 236, "scrollWidth": 236, "rect": { "x": 41, "y": 289, "width": 238, "height": 258 } } ], "footer": { "x": 17, "y": 515, "width": 286, "height": 76, "bottom": 591 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] }, "after": { "state": "neutral-320x640-skill-detail-modal-upper", "frame": "skill-detail-modal", "theme": "openhands-neutral", "viewport": { "width": 320, "height": 640 }, "maxWidth": "288px", "maxHeight": "544px", "width": "288px", "height": "544px", "overflowX": "hidden", "overflowY": "hidden", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 16, "y": 48, "width": 288, "height": 544 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": "skill-detail-modal-content", "tag": "DIV", "clientHeight": 380, "scrollHeight": 412, "scrollTop": 0, "clientWidth": 286, "scrollWidth": 286, "rect": { "x": 17, "y": 135, "width": 286, "height": 380 } }, { "i": 1, "testid": "skill-modal-field-content-qa-dialog-skill", "tag": "TEXTAREA", "clientHeight": 256, "scrollHeight": 5556, "scrollTop": 0, "clientWidth": 236, "scrollWidth": 236, "rect": { "x": 41, "y": 289, "width": 238, "height": 258 } } ], "footer": { "x": 17, "y": 515, "width": 286, "height": 76, "bottom": 591 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] } }, { "state": "neutral-desktop-add-canvas-extension-modal-upper", "before": { "state": "neutral-desktop-add-canvas-extension-modal-upper", "frame": "add-canvas-extension-modal", "theme": "openhands-neutral", "viewport": { "width": 1440, "height": 1000 }, "maxWidth": "1296px", "maxHeight": "850px", "width": "520px", "height": "432px", "overflowX": "visible", "overflowY": "visible", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 460, "y": 284, "width": 520, "height": 432 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": null, "tag": "DIV", "clientHeight": 230, "scrollHeight": 230, "scrollTop": 0, "clientWidth": 518, "scrollWidth": 518, "rect": { "x": 461, "y": 409, "width": 518, "height": 230 } } ], "footer": { "x": 461, "y": 639, "width": 518, "height": 76, "bottom": 715 }, "ancestors": [ { "tag": "FORM", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] }, "after": { "state": "neutral-desktop-add-canvas-extension-modal-upper", "frame": "add-canvas-extension-modal", "theme": "openhands-neutral", "viewport": { "width": 1440, "height": 1000 }, "maxWidth": "1296px", "maxHeight": "850px", "width": "520px", "height": "432px", "overflowX": "visible", "overflowY": "visible", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 460, "y": 284, "width": 520, "height": 432 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": null, "tag": "DIV", "clientHeight": 230, "scrollHeight": 230, "scrollTop": 0, "clientWidth": 518, "scrollWidth": 518, "rect": { "x": 461, "y": 409, "width": 518, "height": 230 } } ], "footer": { "x": 461, "y": 639, "width": 518, "height": 76, "bottom": 715 }, "ancestors": [ { "tag": "FORM", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] } }, { "state": "neutral-desktop-add-plugin-modal-upper", "before": { "state": "neutral-desktop-add-plugin-modal-upper", "frame": "add-plugin-modal", "theme": "openhands-neutral", "viewport": { "width": 1440, "height": 1000 }, "maxWidth": "1296px", "maxHeight": "850px", "width": "520px", "height": "412px", "overflowX": "visible", "overflowY": "visible", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 460, "y": 294, "width": 520, "height": 412 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": null, "tag": "DIV", "clientHeight": 230, "scrollHeight": 230, "scrollTop": 0, "clientWidth": 518, "scrollWidth": 518, "rect": { "x": 461, "y": 399, "width": 518, "height": 230 } } ], "footer": { "x": 461, "y": 629, "width": 518, "height": 76, "bottom": 705 }, "ancestors": [ { "tag": "FORM", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] }, "after": { "state": "neutral-desktop-add-plugin-modal-upper", "frame": "add-plugin-modal", "theme": "openhands-neutral", "viewport": { "width": 1440, "height": 1000 }, "maxWidth": "1296px", "maxHeight": "850px", "width": "520px", "height": "412px", "overflowX": "visible", "overflowY": "visible", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 460, "y": 294, "width": 520, "height": 412 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": null, "tag": "DIV", "clientHeight": 230, "scrollHeight": 230, "scrollTop": 0, "clientWidth": 518, "scrollWidth": 518, "rect": { "x": 461, "y": 399, "width": 518, "height": 230 } } ], "footer": { "x": 461, "y": 629, "width": 518, "height": 76, "bottom": 705 }, "ancestors": [ { "tag": "FORM", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] } }, { "state": "neutral-desktop-add-skill-modal-scrolled", "before": { "state": "neutral-desktop-add-skill-modal-scrolled", "frame": "add-skill-modal", "theme": "openhands-neutral", "viewport": { "width": 1440, "height": 1000 }, "maxWidth": "1296px", "maxHeight": "850px", "width": "520px", "height": "742.875px", "overflowX": "visible", "overflowY": "visible", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 460, "y": 128.5625, "width": 520, "height": 742.875 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": null, "tag": "DIV", "clientHeight": 541, "scrollHeight": 541, "scrollTop": 0, "clientWidth": 518, "scrollWidth": 518, "rect": { "x": 461, "y": 253.5625, "width": 518, "height": 540.875 } }, { "i": 1, "testid": "add-skill-modal-example", "tag": "PRE", "clientHeight": 32, "scrollHeight": 32, "scrollTop": 0, "clientWidth": 468, "scrollWidth": 619, "rect": { "x": 485, "y": 376.4375, "width": 470, "height": 34 } } ], "footer": { "x": 461, "y": 794.4375, "width": 518, "height": 76, "bottom": 870.4375 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] }, "after": { "state": "neutral-desktop-add-skill-modal-scrolled", "frame": "add-skill-modal", "theme": "openhands-neutral", "viewport": { "width": 1440, "height": 1000 }, "maxWidth": "1296px", "maxHeight": "850px", "width": "520px", "height": "742.875px", "overflowX": "visible", "overflowY": "visible", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 460, "y": 128.5625, "width": 520, "height": 742.875 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": null, "tag": "DIV", "clientHeight": 541, "scrollHeight": 541, "scrollTop": 0, "clientWidth": 518, "scrollWidth": 518, "rect": { "x": 461, "y": 253.5625, "width": 518, "height": 540.875 } }, { "i": 1, "testid": "add-skill-modal-example", "tag": "PRE", "clientHeight": 32, "scrollHeight": 32, "scrollTop": 0, "clientWidth": 468, "scrollWidth": 619, "rect": { "x": 485, "y": 376.4375, "width": 470, "height": 34 } } ], "footer": { "x": 461, "y": 794.4375, "width": 518, "height": 76, "bottom": 870.4375 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] } }, { "state": "neutral-desktop-add-skill-modal-upper", "before": { "state": "neutral-desktop-add-skill-modal-upper", "frame": "add-skill-modal", "theme": "openhands-neutral", "viewport": { "width": 1440, "height": 1000 }, "maxWidth": "1296px", "maxHeight": "850px", "width": "520px", "height": "742.875px", "overflowX": "visible", "overflowY": "visible", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 460, "y": 128.5625, "width": 520, "height": 742.875 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": null, "tag": "DIV", "clientHeight": 541, "scrollHeight": 541, "scrollTop": 0, "clientWidth": 518, "scrollWidth": 518, "rect": { "x": 461, "y": 253.5625, "width": 518, "height": 540.875 } }, { "i": 1, "testid": "add-skill-modal-example", "tag": "PRE", "clientHeight": 32, "scrollHeight": 32, "scrollTop": 0, "clientWidth": 468, "scrollWidth": 619, "rect": { "x": 485, "y": 376.4375, "width": 470, "height": 34 } } ], "footer": { "x": 461, "y": 794.4375, "width": 518, "height": 76, "bottom": 870.4375 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] }, "after": { "state": "neutral-desktop-add-skill-modal-upper", "frame": "add-skill-modal", "theme": "openhands-neutral", "viewport": { "width": 1440, "height": 1000 }, "maxWidth": "1296px", "maxHeight": "850px", "width": "520px", "height": "742.875px", "overflowX": "visible", "overflowY": "visible", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 460, "y": 128.5625, "width": 520, "height": 742.875 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": null, "tag": "DIV", "clientHeight": 541, "scrollHeight": 541, "scrollTop": 0, "clientWidth": 518, "scrollWidth": 518, "rect": { "x": 461, "y": 253.5625, "width": 518, "height": 540.875 } }, { "i": 1, "testid": "add-skill-modal-example", "tag": "PRE", "clientHeight": 32, "scrollHeight": 32, "scrollTop": 0, "clientWidth": 468, "scrollWidth": 619, "rect": { "x": 485, "y": 376.4375, "width": 470, "height": 34 } } ], "footer": { "x": 461, "y": 794.4375, "width": 518, "height": 76, "bottom": 870.4375 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] } }, { "state": "neutral-desktop-mcp-install-modal-upper", "before": { "state": "neutral-desktop-mcp-install-modal-upper", "frame": "mcp-install-modal", "theme": "openhands-neutral", "viewport": { "width": 1440, "height": 1000 }, "maxWidth": "1296px", "maxHeight": "850px", "width": "520px", "height": "414px", "overflowX": "auto", "overflowY": "auto", "padding": "24px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 460, "y": 293, "width": 520, "height": 414 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [], "footer": null, "ancestors": [ { "tag": "FORM", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] }, "after": { "state": "neutral-desktop-mcp-install-modal-upper", "frame": "mcp-install-modal", "theme": "openhands-neutral", "viewport": { "width": 1440, "height": 1000 }, "maxWidth": "1296px", "maxHeight": "850px", "width": "520px", "height": "414px", "overflowX": "auto", "overflowY": "auto", "padding": "24px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 460, "y": 293, "width": 520, "height": 414 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [], "footer": null, "ancestors": [ { "tag": "FORM", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] } }, { "state": "neutral-desktop-plugin-detail-modal-file", "before": { "state": "neutral-desktop-plugin-detail-modal-file", "frame": "plugin-detail-modal", "theme": "openhands-neutral", "viewport": { "width": 1440, "height": 1000 }, "maxWidth": "1296px", "maxHeight": "850px", "width": "640px", "height": "746.25px", "overflowX": "visible", "overflowY": "visible", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 400, "y": 126.875, "width": 640, "height": 746.25 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": null, "tag": "DIV", "clientHeight": 600, "scrollHeight": 600, "scrollTop": 0, "clientWidth": 638, "scrollWidth": 638, "rect": { "x": 401, "y": 195.875, "width": 638, "height": 600.25 } }, { "i": 1, "testid": null, "tag": "DIV", "clientHeight": 148, "scrollHeight": 148, "scrollTop": 0, "clientWidth": 588, "scrollWidth": 588, "rect": { "x": 426, "y": 407.125, "width": 588, "height": 148 } }, { "i": 2, "testid": "file-content-viewer-highlighted", "tag": "DIV", "clientHeight": 207, "scrollHeight": 412, "scrollTop": 0, "clientWidth": 588, "scrollWidth": 588, "rect": { "x": 426, "y": 588.125, "width": 588, "height": 207 } }, { "i": 3, "testid": null, "tag": "PRE", "clientHeight": 412, "scrollHeight": 412, "scrollTop": 0, "clientWidth": 588, "scrollWidth": 734, "rect": { "x": 426, "y": 588.125, "width": 588, "height": 412 } } ], "footer": { "x": 401, "y": 796.125, "width": 638, "height": 76, "bottom": 872.125 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] }, "after": { "state": "neutral-desktop-plugin-detail-modal-file", "frame": "plugin-detail-modal", "theme": "openhands-neutral", "viewport": { "width": 1440, "height": 1000 }, "maxWidth": "1296px", "maxHeight": "850px", "width": "640px", "height": "746.25px", "overflowX": "visible", "overflowY": "visible", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 400, "y": 126.875, "width": 640, "height": 746.25 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": null, "tag": "DIV", "clientHeight": 600, "scrollHeight": 600, "scrollTop": 0, "clientWidth": 638, "scrollWidth": 638, "rect": { "x": 401, "y": 195.875, "width": 638, "height": 600.25 } }, { "i": 1, "testid": null, "tag": "DIV", "clientHeight": 148, "scrollHeight": 148, "scrollTop": 0, "clientWidth": 588, "scrollWidth": 588, "rect": { "x": 426, "y": 407.125, "width": 588, "height": 148 } }, { "i": 2, "testid": "file-content-viewer-highlighted", "tag": "DIV", "clientHeight": 207, "scrollHeight": 412, "scrollTop": 0, "clientWidth": 588, "scrollWidth": 588, "rect": { "x": 426, "y": 588.125, "width": 588, "height": 207 } }, { "i": 3, "testid": null, "tag": "PRE", "clientHeight": 412, "scrollHeight": 412, "scrollTop": 0, "clientWidth": 588, "scrollWidth": 734, "rect": { "x": 426, "y": 588.125, "width": 588, "height": 412 } } ], "footer": { "x": 401, "y": 796.125, "width": 638, "height": 76, "bottom": 872.125 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] } }, { "state": "neutral-desktop-plugin-detail-modal-scrolled", "before": { "state": "neutral-desktop-plugin-detail-modal-scrolled", "frame": "plugin-detail-modal", "theme": "openhands-neutral", "viewport": { "width": 1440, "height": 1000 }, "maxWidth": "1296px", "maxHeight": "850px", "width": "640px", "height": "746.25px", "overflowX": "visible", "overflowY": "visible", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 400, "y": 126.875, "width": 640, "height": 746.25 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": null, "tag": "DIV", "clientHeight": 600, "scrollHeight": 600, "scrollTop": 0, "clientWidth": 638, "scrollWidth": 638, "rect": { "x": 401, "y": 195.875, "width": 638, "height": 600.25 } }, { "i": 1, "testid": null, "tag": "DIV", "clientHeight": 148, "scrollHeight": 148, "scrollTop": 0, "clientWidth": 588, "scrollWidth": 588, "rect": { "x": 426, "y": 407.125, "width": 588, "height": 148 } }, { "i": 2, "testid": "file-content-viewer-highlighted", "tag": "DIV", "clientHeight": 207, "scrollHeight": 412, "scrollTop": 0, "clientWidth": 588, "scrollWidth": 588, "rect": { "x": 426, "y": 588.125, "width": 588, "height": 207 } }, { "i": 3, "testid": null, "tag": "PRE", "clientHeight": 412, "scrollHeight": 412, "scrollTop": 0, "clientWidth": 588, "scrollWidth": 734, "rect": { "x": 426, "y": 588.125, "width": 588, "height": 412 } } ], "footer": { "x": 401, "y": 796.125, "width": 638, "height": 76, "bottom": 872.125 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] }, "after": { "state": "neutral-desktop-plugin-detail-modal-scrolled", "frame": "plugin-detail-modal", "theme": "openhands-neutral", "viewport": { "width": 1440, "height": 1000 }, "maxWidth": "1296px", "maxHeight": "850px", "width": "640px", "height": "746.25px", "overflowX": "visible", "overflowY": "visible", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 400, "y": 126.875, "width": 640, "height": 746.25 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": null, "tag": "DIV", "clientHeight": 600, "scrollHeight": 600, "scrollTop": 0, "clientWidth": 638, "scrollWidth": 638, "rect": { "x": 401, "y": 195.875, "width": 638, "height": 600.25 } }, { "i": 1, "testid": null, "tag": "DIV", "clientHeight": 148, "scrollHeight": 148, "scrollTop": 0, "clientWidth": 588, "scrollWidth": 588, "rect": { "x": 426, "y": 407.125, "width": 588, "height": 148 } }, { "i": 2, "testid": "file-content-viewer-highlighted", "tag": "DIV", "clientHeight": 207, "scrollHeight": 412, "scrollTop": 0, "clientWidth": 588, "scrollWidth": 588, "rect": { "x": 426, "y": 588.125, "width": 588, "height": 207 } }, { "i": 3, "testid": null, "tag": "PRE", "clientHeight": 412, "scrollHeight": 412, "scrollTop": 0, "clientWidth": 588, "scrollWidth": 734, "rect": { "x": 426, "y": 588.125, "width": 588, "height": 412 } } ], "footer": { "x": 401, "y": 796.125, "width": 638, "height": 76, "bottom": 872.125 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] } }, { "state": "neutral-desktop-plugin-detail-modal-upper", "before": { "state": "neutral-desktop-plugin-detail-modal-upper", "frame": "plugin-detail-modal", "theme": "openhands-neutral", "viewport": { "width": 1440, "height": 1000 }, "maxWidth": "1296px", "maxHeight": "850px", "width": "640px", "height": "478.25px", "overflowX": "visible", "overflowY": "visible", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 400, "y": 260.875, "width": 640, "height": 478.25 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": null, "tag": "DIV", "clientHeight": 332, "scrollHeight": 332, "scrollTop": 0, "clientWidth": 638, "scrollWidth": 638, "rect": { "x": 401, "y": 329.875, "width": 638, "height": 332.25 } }, { "i": 1, "testid": null, "tag": "DIV", "clientHeight": 120, "scrollHeight": 120, "scrollTop": 0, "clientWidth": 588, "scrollWidth": 588, "rect": { "x": 426, "y": 541.125, "width": 588, "height": 120 } } ], "footer": { "x": 401, "y": 662.125, "width": 638, "height": 76, "bottom": 738.125 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] }, "after": { "state": "neutral-desktop-plugin-detail-modal-upper", "frame": "plugin-detail-modal", "theme": "openhands-neutral", "viewport": { "width": 1440, "height": 1000 }, "maxWidth": "1296px", "maxHeight": "850px", "width": "640px", "height": "478.25px", "overflowX": "visible", "overflowY": "visible", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 400, "y": 260.875, "width": 640, "height": 478.25 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": null, "tag": "DIV", "clientHeight": 332, "scrollHeight": 332, "scrollTop": 0, "clientWidth": 638, "scrollWidth": 638, "rect": { "x": 401, "y": 329.875, "width": 638, "height": 332.25 } }, { "i": 1, "testid": null, "tag": "DIV", "clientHeight": 120, "scrollHeight": 120, "scrollTop": 0, "clientWidth": 588, "scrollWidth": 588, "rect": { "x": 426, "y": 541.125, "width": 588, "height": 120 } } ], "footer": { "x": 401, "y": 662.125, "width": 638, "height": 76, "bottom": 738.125 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] } }, { "state": "neutral-desktop-skill-detail-modal-scrolled", "before": { "state": "neutral-desktop-skill-detail-modal-scrolled", "frame": "skill-detail-modal", "theme": "openhands-neutral", "viewport": { "width": 1440, "height": 1000 }, "maxWidth": "1296px", "maxHeight": "850px", "width": "520px", "height": "582px", "overflowX": "hidden", "overflowY": "hidden", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 460, "y": 209, "width": 520, "height": 582 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": "skill-detail-modal-content", "tag": "DIV", "clientHeight": 418, "scrollHeight": 418, "scrollTop": 0, "clientWidth": 518, "scrollWidth": 518, "rect": { "x": 461, "y": 296, "width": 518, "height": 418 } }, { "i": 1, "testid": "skill-modal-field-content-qa-dialog-skill", "tag": "TEXTAREA", "clientHeight": 256, "scrollHeight": 4056, "scrollTop": 0, "clientWidth": 468, "scrollWidth": 468, "rect": { "x": 485, "y": 456, "width": 470, "height": 258 } } ], "footer": { "x": 461, "y": 714, "width": 518, "height": 76, "bottom": 790 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] }, "after": { "state": "neutral-desktop-skill-detail-modal-scrolled", "frame": "skill-detail-modal", "theme": "openhands-neutral", "viewport": { "width": 1440, "height": 1000 }, "maxWidth": "1296px", "maxHeight": "850px", "width": "520px", "height": "582px", "overflowX": "hidden", "overflowY": "hidden", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 460, "y": 209, "width": 520, "height": 582 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": "skill-detail-modal-content", "tag": "DIV", "clientHeight": 418, "scrollHeight": 418, "scrollTop": 0, "clientWidth": 518, "scrollWidth": 518, "rect": { "x": 461, "y": 296, "width": 518, "height": 418 } }, { "i": 1, "testid": "skill-modal-field-content-qa-dialog-skill", "tag": "TEXTAREA", "clientHeight": 256, "scrollHeight": 4056, "scrollTop": 0, "clientWidth": 468, "scrollWidth": 468, "rect": { "x": 485, "y": 456, "width": 470, "height": 258 } } ], "footer": { "x": 461, "y": 714, "width": 518, "height": 76, "bottom": 790 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] } }, { "state": "neutral-desktop-skill-detail-modal-upper", "before": { "state": "neutral-desktop-skill-detail-modal-upper", "frame": "skill-detail-modal", "theme": "openhands-neutral", "viewport": { "width": 1440, "height": 1000 }, "maxWidth": "1296px", "maxHeight": "850px", "width": "520px", "height": "582px", "overflowX": "hidden", "overflowY": "hidden", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 460, "y": 209, "width": 520, "height": 582 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": "skill-detail-modal-content", "tag": "DIV", "clientHeight": 418, "scrollHeight": 418, "scrollTop": 0, "clientWidth": 518, "scrollWidth": 518, "rect": { "x": 461, "y": 296, "width": 518, "height": 418 } }, { "i": 1, "testid": "skill-modal-field-content-qa-dialog-skill", "tag": "TEXTAREA", "clientHeight": 256, "scrollHeight": 4056, "scrollTop": 0, "clientWidth": 468, "scrollWidth": 468, "rect": { "x": 485, "y": 456, "width": 470, "height": 258 } } ], "footer": { "x": 461, "y": 714, "width": 518, "height": 76, "bottom": 790 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] }, "after": { "state": "neutral-desktop-skill-detail-modal-upper", "frame": "skill-detail-modal", "theme": "openhands-neutral", "viewport": { "width": 1440, "height": 1000 }, "maxWidth": "1296px", "maxHeight": "850px", "width": "520px", "height": "582px", "overflowX": "hidden", "overflowY": "hidden", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 460, "y": 209, "width": 520, "height": 582 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": "skill-detail-modal-content", "tag": "DIV", "clientHeight": 418, "scrollHeight": 418, "scrollTop": 0, "clientWidth": 518, "scrollWidth": 518, "rect": { "x": 461, "y": 296, "width": 518, "height": 418 } }, { "i": 1, "testid": "skill-modal-field-content-qa-dialog-skill", "tag": "TEXTAREA", "clientHeight": 256, "scrollHeight": 4056, "scrollTop": 0, "clientWidth": 468, "scrollWidth": 468, "rect": { "x": 485, "y": 456, "width": 470, "height": 258 } } ], "footer": { "x": 461, "y": 714, "width": 518, "height": 76, "bottom": 790 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] } }, { "state": "neutral-phone-add-canvas-extension-modal-upper", "before": { "state": "neutral-phone-add-canvas-extension-modal-upper", "frame": "add-canvas-extension-modal", "theme": "openhands-neutral", "viewport": { "width": 390, "height": 844 }, "maxWidth": "351px", "maxHeight": "717.4px", "width": "351px", "height": "452px", "overflowX": "visible", "overflowY": "visible", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 19.5, "y": 196, "width": 351, "height": 452 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": null, "tag": "DIV", "clientHeight": 230, "scrollHeight": 230, "scrollTop": 0, "clientWidth": 349, "scrollWidth": 349, "rect": { "x": 20.5, "y": 341, "width": 349, "height": 230 } } ], "footer": { "x": 20.5, "y": 571, "width": 349, "height": 76, "bottom": 647 }, "ancestors": [ { "tag": "FORM", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] }, "after": { "state": "neutral-phone-add-canvas-extension-modal-upper", "frame": "add-canvas-extension-modal", "theme": "openhands-neutral", "viewport": { "width": 390, "height": 844 }, "maxWidth": "351px", "maxHeight": "717.4px", "width": "351px", "height": "452px", "overflowX": "visible", "overflowY": "visible", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 19.5, "y": 196, "width": 351, "height": 452 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": null, "tag": "DIV", "clientHeight": 230, "scrollHeight": 230, "scrollTop": 0, "clientWidth": 349, "scrollWidth": 349, "rect": { "x": 20.5, "y": 341, "width": 349, "height": 230 } } ], "footer": { "x": 20.5, "y": 571, "width": 349, "height": 76, "bottom": 647 }, "ancestors": [ { "tag": "FORM", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] } }, { "state": "neutral-phone-add-plugin-modal-upper", "before": { "state": "neutral-phone-add-plugin-modal-upper", "frame": "add-plugin-modal", "theme": "openhands-neutral", "viewport": { "width": 390, "height": 844 }, "maxWidth": "351px", "maxHeight": "717.4px", "width": "351px", "height": "412px", "overflowX": "visible", "overflowY": "visible", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 19.5, "y": 216, "width": 351, "height": 412 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": null, "tag": "DIV", "clientHeight": 230, "scrollHeight": 230, "scrollTop": 0, "clientWidth": 349, "scrollWidth": 349, "rect": { "x": 20.5, "y": 321, "width": 349, "height": 230 } } ], "footer": { "x": 20.5, "y": 551, "width": 349, "height": 76, "bottom": 627 }, "ancestors": [ { "tag": "FORM", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] }, "after": { "state": "neutral-phone-add-plugin-modal-upper", "frame": "add-plugin-modal", "theme": "openhands-neutral", "viewport": { "width": 390, "height": 844 }, "maxWidth": "351px", "maxHeight": "717.4px", "width": "351px", "height": "412px", "overflowX": "visible", "overflowY": "visible", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 19.5, "y": 216, "width": 351, "height": 412 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": null, "tag": "DIV", "clientHeight": 230, "scrollHeight": 230, "scrollTop": 0, "clientWidth": 349, "scrollWidth": 349, "rect": { "x": 20.5, "y": 321, "width": 349, "height": 230 } } ], "footer": { "x": 20.5, "y": 551, "width": 349, "height": 76, "bottom": 627 }, "ancestors": [ { "tag": "FORM", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] } }, { "state": "neutral-phone-add-skill-modal-scrolled", "before": { "state": "neutral-phone-add-skill-modal-scrolled", "frame": "add-skill-modal", "theme": "openhands-neutral", "viewport": { "width": 390, "height": 844 }, "maxWidth": "351px", "maxHeight": "717.4px", "width": "351px", "height": "717.391px", "overflowX": "visible", "overflowY": "visible", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 19.5, "y": 63.296875, "width": 351, "height": 717.390625 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": null, "tag": "DIV", "clientHeight": 475, "scrollHeight": 682, "scrollTop": 207, "clientWidth": 349, "scrollWidth": 349, "rect": { "x": 20.5, "y": 228.296875, "width": 349, "height": 475.390625 } }, { "i": 1, "testid": "add-skill-modal-example", "tag": "PRE", "clientHeight": 32, "scrollHeight": 32, "scrollTop": 0, "clientWidth": 299, "scrollWidth": 619, "rect": { "x": 44.5, "y": 183.171875, "width": 301, "height": 34 } } ], "footer": { "x": 20.5, "y": 703.6875, "width": 349, "height": 76, "bottom": 779.6875 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] }, "after": { "state": "neutral-phone-add-skill-modal-scrolled", "frame": "add-skill-modal", "theme": "openhands-neutral", "viewport": { "width": 390, "height": 844 }, "maxWidth": "351px", "maxHeight": "717.4px", "width": "351px", "height": "717.391px", "overflowX": "visible", "overflowY": "visible", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 19.5, "y": 63.296875, "width": 351, "height": 717.390625 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": null, "tag": "DIV", "clientHeight": 475, "scrollHeight": 682, "scrollTop": 207, "clientWidth": 349, "scrollWidth": 349, "rect": { "x": 20.5, "y": 228.296875, "width": 349, "height": 475.390625 } }, { "i": 1, "testid": "add-skill-modal-example", "tag": "PRE", "clientHeight": 32, "scrollHeight": 32, "scrollTop": 0, "clientWidth": 299, "scrollWidth": 619, "rect": { "x": 44.5, "y": 183.171875, "width": 301, "height": 34 } } ], "footer": { "x": 20.5, "y": 703.6875, "width": 349, "height": 76, "bottom": 779.6875 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] } }, { "state": "neutral-phone-add-skill-modal-upper", "before": { "state": "neutral-phone-add-skill-modal-upper", "frame": "add-skill-modal", "theme": "openhands-neutral", "viewport": { "width": 390, "height": 844 }, "maxWidth": "351px", "maxHeight": "717.4px", "width": "351px", "height": "717.391px", "overflowX": "visible", "overflowY": "visible", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 19.5, "y": 63.296875, "width": 351, "height": 717.390625 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": null, "tag": "DIV", "clientHeight": 475, "scrollHeight": 682, "scrollTop": 0, "clientWidth": 349, "scrollWidth": 349, "rect": { "x": 20.5, "y": 228.296875, "width": 349, "height": 475.390625 } }, { "i": 1, "testid": "add-skill-modal-example", "tag": "PRE", "clientHeight": 32, "scrollHeight": 32, "scrollTop": 0, "clientWidth": 299, "scrollWidth": 619, "rect": { "x": 44.5, "y": 390.171875, "width": 301, "height": 34 } } ], "footer": { "x": 20.5, "y": 703.6875, "width": 349, "height": 76, "bottom": 779.6875 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] }, "after": { "state": "neutral-phone-add-skill-modal-upper", "frame": "add-skill-modal", "theme": "openhands-neutral", "viewport": { "width": 390, "height": 844 }, "maxWidth": "351px", "maxHeight": "717.4px", "width": "351px", "height": "717.391px", "overflowX": "visible", "overflowY": "visible", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 19.5, "y": 63.296875, "width": 351, "height": 717.390625 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": null, "tag": "DIV", "clientHeight": 475, "scrollHeight": 682, "scrollTop": 0, "clientWidth": 349, "scrollWidth": 349, "rect": { "x": 20.5, "y": 228.296875, "width": 349, "height": 475.390625 } }, { "i": 1, "testid": "add-skill-modal-example", "tag": "PRE", "clientHeight": 32, "scrollHeight": 32, "scrollTop": 0, "clientWidth": 299, "scrollWidth": 619, "rect": { "x": 44.5, "y": 390.171875, "width": 301, "height": 34 } } ], "footer": { "x": 20.5, "y": 703.6875, "width": 349, "height": 76, "bottom": 779.6875 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] } }, { "state": "neutral-phone-mcp-install-modal-upper", "before": { "state": "neutral-phone-mcp-install-modal-upper", "frame": "mcp-install-modal", "theme": "openhands-neutral", "viewport": { "width": 390, "height": 844 }, "maxWidth": "351px", "maxHeight": "717.4px", "width": "351px", "height": "462px", "overflowX": "auto", "overflowY": "auto", "padding": "24px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 19.5, "y": 191, "width": 351, "height": 462 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [], "footer": null, "ancestors": [ { "tag": "FORM", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] }, "after": { "state": "neutral-phone-mcp-install-modal-upper", "frame": "mcp-install-modal", "theme": "openhands-neutral", "viewport": { "width": 390, "height": 844 }, "maxWidth": "351px", "maxHeight": "717.4px", "width": "351px", "height": "462px", "overflowX": "auto", "overflowY": "auto", "padding": "24px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 19.5, "y": 191, "width": 351, "height": 462 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [], "footer": null, "ancestors": [ { "tag": "FORM", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] } }, { "state": "neutral-phone-plugin-detail-modal-file", "before": { "state": "neutral-phone-plugin-detail-modal-file", "frame": "plugin-detail-modal", "theme": "openhands-neutral", "viewport": { "width": 390, "height": 844 }, "maxWidth": "351px", "maxHeight": "717.4px", "width": "351px", "height": "717.391px", "overflowX": "visible", "overflowY": "visible", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 19.5, "y": 63.296875, "width": 351, "height": 717.390625 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": null, "tag": "DIV", "clientHeight": 571, "scrollHeight": 643, "scrollTop": 0, "clientWidth": 349, "scrollWidth": 349, "rect": { "x": 20.5, "y": 132.296875, "width": 349, "height": 571.390625 } }, { "i": 1, "testid": null, "tag": "DIV", "clientHeight": 148, "scrollHeight": 148, "scrollTop": 0, "clientWidth": 299, "scrollWidth": 299, "rect": { "x": 45.5, "y": 385.796875, "width": 299, "height": 148 } }, { "i": 2, "testid": "file-content-viewer-highlighted", "tag": "DIV", "clientHeight": 207, "scrollHeight": 412, "scrollTop": 0, "clientWidth": 299, "scrollWidth": 299, "rect": { "x": 45.5, "y": 566.796875, "width": 299, "height": 207 } }, { "i": 3, "testid": null, "tag": "PRE", "clientHeight": 412, "scrollHeight": 412, "scrollTop": 0, "clientWidth": 299, "scrollWidth": 734, "rect": { "x": 45.5, "y": 566.796875, "width": 299, "height": 412 } } ], "footer": { "x": 20.5, "y": 703.6875, "width": 349, "height": 76, "bottom": 779.6875 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] }, "after": { "state": "neutral-phone-plugin-detail-modal-file", "frame": "plugin-detail-modal", "theme": "openhands-neutral", "viewport": { "width": 390, "height": 844 }, "maxWidth": "351px", "maxHeight": "717.4px", "width": "351px", "height": "717.391px", "overflowX": "visible", "overflowY": "visible", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 19.5, "y": 63.296875, "width": 351, "height": 717.390625 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": null, "tag": "DIV", "clientHeight": 571, "scrollHeight": 643, "scrollTop": 0, "clientWidth": 349, "scrollWidth": 349, "rect": { "x": 20.5, "y": 132.296875, "width": 349, "height": 571.390625 } }, { "i": 1, "testid": null, "tag": "DIV", "clientHeight": 148, "scrollHeight": 148, "scrollTop": 0, "clientWidth": 299, "scrollWidth": 299, "rect": { "x": 45.5, "y": 385.796875, "width": 299, "height": 148 } }, { "i": 2, "testid": "file-content-viewer-highlighted", "tag": "DIV", "clientHeight": 207, "scrollHeight": 412, "scrollTop": 0, "clientWidth": 299, "scrollWidth": 299, "rect": { "x": 45.5, "y": 566.796875, "width": 299, "height": 207 } }, { "i": 3, "testid": null, "tag": "PRE", "clientHeight": 412, "scrollHeight": 412, "scrollTop": 0, "clientWidth": 299, "scrollWidth": 734, "rect": { "x": 45.5, "y": 566.796875, "width": 299, "height": 412 } } ], "footer": { "x": 20.5, "y": 703.6875, "width": 349, "height": 76, "bottom": 779.6875 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] } }, { "state": "neutral-phone-plugin-detail-modal-scrolled", "before": { "state": "neutral-phone-plugin-detail-modal-scrolled", "frame": "plugin-detail-modal", "theme": "openhands-neutral", "viewport": { "width": 390, "height": 844 }, "maxWidth": "351px", "maxHeight": "717.4px", "width": "351px", "height": "717.391px", "overflowX": "visible", "overflowY": "visible", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 19.5, "y": 63.296875, "width": 351, "height": 717.390625 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": null, "tag": "DIV", "clientHeight": 571, "scrollHeight": 643, "scrollTop": 72, "clientWidth": 349, "scrollWidth": 349, "rect": { "x": 20.5, "y": 132.296875, "width": 349, "height": 571.390625 } }, { "i": 1, "testid": null, "tag": "DIV", "clientHeight": 148, "scrollHeight": 148, "scrollTop": 0, "clientWidth": 299, "scrollWidth": 299, "rect": { "x": 45.5, "y": 313.796875, "width": 299, "height": 148 } }, { "i": 2, "testid": "file-content-viewer-highlighted", "tag": "DIV", "clientHeight": 207, "scrollHeight": 412, "scrollTop": 0, "clientWidth": 299, "scrollWidth": 299, "rect": { "x": 45.5, "y": 494.796875, "width": 299, "height": 207 } }, { "i": 3, "testid": null, "tag": "PRE", "clientHeight": 412, "scrollHeight": 412, "scrollTop": 0, "clientWidth": 299, "scrollWidth": 734, "rect": { "x": 45.5, "y": 494.796875, "width": 299, "height": 412 } } ], "footer": { "x": 20.5, "y": 703.6875, "width": 349, "height": 76, "bottom": 779.6875 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] }, "after": { "state": "neutral-phone-plugin-detail-modal-scrolled", "frame": "plugin-detail-modal", "theme": "openhands-neutral", "viewport": { "width": 390, "height": 844 }, "maxWidth": "351px", "maxHeight": "717.4px", "width": "351px", "height": "717.391px", "overflowX": "visible", "overflowY": "visible", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 19.5, "y": 63.296875, "width": 351, "height": 717.390625 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": null, "tag": "DIV", "clientHeight": 571, "scrollHeight": 643, "scrollTop": 72, "clientWidth": 349, "scrollWidth": 349, "rect": { "x": 20.5, "y": 132.296875, "width": 349, "height": 571.390625 } }, { "i": 1, "testid": null, "tag": "DIV", "clientHeight": 148, "scrollHeight": 148, "scrollTop": 0, "clientWidth": 299, "scrollWidth": 299, "rect": { "x": 45.5, "y": 313.796875, "width": 299, "height": 148 } }, { "i": 2, "testid": "file-content-viewer-highlighted", "tag": "DIV", "clientHeight": 207, "scrollHeight": 412, "scrollTop": 0, "clientWidth": 299, "scrollWidth": 299, "rect": { "x": 45.5, "y": 494.796875, "width": 299, "height": 207 } }, { "i": 3, "testid": null, "tag": "PRE", "clientHeight": 412, "scrollHeight": 412, "scrollTop": 0, "clientWidth": 299, "scrollWidth": 734, "rect": { "x": 45.5, "y": 494.796875, "width": 299, "height": 412 } } ], "footer": { "x": 20.5, "y": 703.6875, "width": 349, "height": 76, "bottom": 779.6875 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] } }, { "state": "neutral-phone-plugin-detail-modal-upper", "before": { "state": "neutral-phone-plugin-detail-modal-upper", "frame": "plugin-detail-modal", "theme": "openhands-neutral", "viewport": { "width": 390, "height": 844 }, "maxWidth": "351px", "maxHeight": "717.4px", "width": "351px", "height": "520.5px", "overflowX": "visible", "overflowY": "visible", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 19.5, "y": 161.75, "width": 351, "height": 520.5 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": null, "tag": "DIV", "clientHeight": 375, "scrollHeight": 375, "scrollTop": 0, "clientWidth": 349, "scrollWidth": 349, "rect": { "x": 20.5, "y": 230.75, "width": 349, "height": 374.5 } }, { "i": 1, "testid": null, "tag": "DIV", "clientHeight": 120, "scrollHeight": 120, "scrollTop": 0, "clientWidth": 299, "scrollWidth": 299, "rect": { "x": 45.5, "y": 484.25, "width": 299, "height": 120 } } ], "footer": { "x": 20.5, "y": 605.25, "width": 349, "height": 76, "bottom": 681.25 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] }, "after": { "state": "neutral-phone-plugin-detail-modal-upper", "frame": "plugin-detail-modal", "theme": "openhands-neutral", "viewport": { "width": 390, "height": 844 }, "maxWidth": "351px", "maxHeight": "717.4px", "width": "351px", "height": "520.5px", "overflowX": "visible", "overflowY": "visible", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 19.5, "y": 161.75, "width": 351, "height": 520.5 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": null, "tag": "DIV", "clientHeight": 375, "scrollHeight": 375, "scrollTop": 0, "clientWidth": 349, "scrollWidth": 349, "rect": { "x": 20.5, "y": 230.75, "width": 349, "height": 374.5 } }, { "i": 1, "testid": null, "tag": "DIV", "clientHeight": 120, "scrollHeight": 120, "scrollTop": 0, "clientWidth": 299, "scrollWidth": 299, "rect": { "x": 45.5, "y": 484.25, "width": 299, "height": 120 } } ], "footer": { "x": 20.5, "y": 605.25, "width": 349, "height": 76, "bottom": 681.25 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] } }, { "state": "neutral-phone-skill-detail-modal-scrolled", "before": { "state": "neutral-phone-skill-detail-modal-scrolled", "frame": "skill-detail-modal", "theme": "openhands-neutral", "viewport": { "width": 390, "height": 844 }, "maxWidth": "351px", "maxHeight": "717.4px", "width": "351px", "height": "582px", "overflowX": "hidden", "overflowY": "hidden", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 19.5, "y": 131, "width": 351, "height": 582 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": "skill-detail-modal-content", "tag": "DIV", "clientHeight": 418, "scrollHeight": 418, "scrollTop": 0, "clientWidth": 349, "scrollWidth": 349, "rect": { "x": 20.5, "y": 218, "width": 349, "height": 418 } }, { "i": 1, "testid": "skill-modal-field-content-qa-dialog-skill", "tag": "TEXTAREA", "clientHeight": 256, "scrollHeight": 4456, "scrollTop": 0, "clientWidth": 299, "scrollWidth": 299, "rect": { "x": 44.5, "y": 378, "width": 301, "height": 258 } } ], "footer": { "x": 20.5, "y": 636, "width": 349, "height": 76, "bottom": 712 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] }, "after": { "state": "neutral-phone-skill-detail-modal-scrolled", "frame": "skill-detail-modal", "theme": "openhands-neutral", "viewport": { "width": 390, "height": 844 }, "maxWidth": "351px", "maxHeight": "717.4px", "width": "351px", "height": "582px", "overflowX": "hidden", "overflowY": "hidden", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 19.5, "y": 131, "width": 351, "height": 582 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": "skill-detail-modal-content", "tag": "DIV", "clientHeight": 418, "scrollHeight": 418, "scrollTop": 0, "clientWidth": 349, "scrollWidth": 349, "rect": { "x": 20.5, "y": 218, "width": 349, "height": 418 } }, { "i": 1, "testid": "skill-modal-field-content-qa-dialog-skill", "tag": "TEXTAREA", "clientHeight": 256, "scrollHeight": 4456, "scrollTop": 0, "clientWidth": 299, "scrollWidth": 299, "rect": { "x": 44.5, "y": 378, "width": 301, "height": 258 } } ], "footer": { "x": 20.5, "y": 636, "width": 349, "height": 76, "bottom": 712 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] } }, { "state": "neutral-phone-skill-detail-modal-upper", "before": { "state": "neutral-phone-skill-detail-modal-upper", "frame": "skill-detail-modal", "theme": "openhands-neutral", "viewport": { "width": 390, "height": 844 }, "maxWidth": "351px", "maxHeight": "717.4px", "width": "351px", "height": "582px", "overflowX": "hidden", "overflowY": "hidden", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 19.5, "y": 131, "width": 351, "height": 582 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": "skill-detail-modal-content", "tag": "DIV", "clientHeight": 418, "scrollHeight": 418, "scrollTop": 0, "clientWidth": 349, "scrollWidth": 349, "rect": { "x": 20.5, "y": 218, "width": 349, "height": 418 } }, { "i": 1, "testid": "skill-modal-field-content-qa-dialog-skill", "tag": "TEXTAREA", "clientHeight": 256, "scrollHeight": 4456, "scrollTop": 0, "clientWidth": 299, "scrollWidth": 299, "rect": { "x": 44.5, "y": 378, "width": 301, "height": 258 } } ], "footer": { "x": 20.5, "y": 636, "width": 349, "height": 76, "bottom": 712 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] }, "after": { "state": "neutral-phone-skill-detail-modal-upper", "frame": "skill-detail-modal", "theme": "openhands-neutral", "viewport": { "width": 390, "height": 844 }, "maxWidth": "351px", "maxHeight": "717.4px", "width": "351px", "height": "582px", "overflowX": "hidden", "overflowY": "hidden", "padding": "0px", "border": "1px solid rgb(64, 64, 64)", "borderRadius": "12px", "rect": { "x": 19.5, "y": 131, "width": 351, "height": 582 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": "skill-detail-modal-content", "tag": "DIV", "clientHeight": 418, "scrollHeight": 418, "scrollTop": 0, "clientWidth": 349, "scrollWidth": 349, "rect": { "x": 20.5, "y": 218, "width": 349, "height": 418 } }, { "i": 1, "testid": "skill-modal-field-content-qa-dialog-skill", "tag": "TEXTAREA", "clientHeight": 256, "scrollHeight": 4456, "scrollTop": 0, "clientWidth": 299, "scrollWidth": 299, "rect": { "x": 44.5, "y": 378, "width": 301, "height": 258 } } ], "footer": { "x": 20.5, "y": 636, "width": 349, "height": 76, "bottom": 712 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] } }, { "state": "solarized-desktop-skill-detail-modal-scrolled", "before": { "state": "solarized-desktop-skill-detail-modal-scrolled", "frame": "skill-detail-modal", "theme": "solarized-light", "viewport": { "width": 1440, "height": 1000 }, "maxWidth": "1296px", "maxHeight": "850px", "width": "520px", "height": "582px", "overflowX": "hidden", "overflowY": "hidden", "padding": "0px", "border": "1px solid rgb(215, 208, 188)", "borderRadius": "12px", "rect": { "x": 460, "y": 209, "width": 520, "height": 582 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": "skill-detail-modal-content", "tag": "DIV", "clientHeight": 418, "scrollHeight": 418, "scrollTop": 0, "clientWidth": 518, "scrollWidth": 518, "rect": { "x": 461, "y": 296, "width": 518, "height": 418 } }, { "i": 1, "testid": "skill-modal-field-content-qa-dialog-skill", "tag": "TEXTAREA", "clientHeight": 256, "scrollHeight": 4056, "scrollTop": 0, "clientWidth": 468, "scrollWidth": 468, "rect": { "x": 485, "y": 456, "width": 470, "height": 258 } } ], "footer": { "x": 461, "y": 714, "width": 518, "height": 76, "bottom": 790 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] }, "after": { "state": "solarized-desktop-skill-detail-modal-scrolled", "frame": "skill-detail-modal", "theme": "solarized-light", "viewport": { "width": 1440, "height": 1000 }, "maxWidth": "1296px", "maxHeight": "850px", "width": "520px", "height": "582px", "overflowX": "hidden", "overflowY": "hidden", "padding": "0px", "border": "1px solid rgb(215, 208, 188)", "borderRadius": "12px", "rect": { "x": 460, "y": 209, "width": 520, "height": 582 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": "skill-detail-modal-content", "tag": "DIV", "clientHeight": 418, "scrollHeight": 418, "scrollTop": 0, "clientWidth": 518, "scrollWidth": 518, "rect": { "x": 461, "y": 296, "width": 518, "height": 418 } }, { "i": 1, "testid": "skill-modal-field-content-qa-dialog-skill", "tag": "TEXTAREA", "clientHeight": 256, "scrollHeight": 4056, "scrollTop": 0, "clientWidth": 468, "scrollWidth": 468, "rect": { "x": 485, "y": 456, "width": 470, "height": 258 } } ], "footer": { "x": 461, "y": 714, "width": 518, "height": 76, "bottom": 790 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] } }, { "state": "solarized-desktop-skill-detail-modal-upper", "before": { "state": "solarized-desktop-skill-detail-modal-upper", "frame": "skill-detail-modal", "theme": "solarized-light", "viewport": { "width": 1440, "height": 1000 }, "maxWidth": "1296px", "maxHeight": "850px", "width": "520px", "height": "582px", "overflowX": "hidden", "overflowY": "hidden", "padding": "0px", "border": "1px solid rgb(215, 208, 188)", "borderRadius": "12px", "rect": { "x": 460, "y": 209, "width": 520, "height": 582 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": "skill-detail-modal-content", "tag": "DIV", "clientHeight": 418, "scrollHeight": 418, "scrollTop": 0, "clientWidth": 518, "scrollWidth": 518, "rect": { "x": 461, "y": 296, "width": 518, "height": 418 } }, { "i": 1, "testid": "skill-modal-field-content-qa-dialog-skill", "tag": "TEXTAREA", "clientHeight": 256, "scrollHeight": 4056, "scrollTop": 0, "clientWidth": 468, "scrollWidth": 468, "rect": { "x": 485, "y": 456, "width": 470, "height": 258 } } ], "footer": { "x": 461, "y": 714, "width": 518, "height": 76, "bottom": 790 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] }, "after": { "state": "solarized-desktop-skill-detail-modal-upper", "frame": "skill-detail-modal", "theme": "solarized-light", "viewport": { "width": 1440, "height": 1000 }, "maxWidth": "1296px", "maxHeight": "850px", "width": "520px", "height": "582px", "overflowX": "hidden", "overflowY": "hidden", "padding": "0px", "border": "1px solid rgb(215, 208, 188)", "borderRadius": "12px", "rect": { "x": 460, "y": 209, "width": 520, "height": 582 }, "pageOverflow": false, "insideViewport": true, "scrollAreas": [ { "i": 0, "testid": "skill-detail-modal-content", "tag": "DIV", "clientHeight": 418, "scrollHeight": 418, "scrollTop": 0, "clientWidth": 518, "scrollWidth": 518, "rect": { "x": 461, "y": 296, "width": 518, "height": 418 } }, { "i": 1, "testid": "skill-modal-field-content-qa-dialog-skill", "tag": "TEXTAREA", "clientHeight": 256, "scrollHeight": 4056, "scrollTop": 0, "clientWidth": 468, "scrollWidth": 468, "rect": { "x": 485, "y": 456, "width": 470, "height": 258 } } ], "footer": { "x": 461, "y": 714, "width": 518, "height": 76, "bottom": 790 }, "ancestors": [ { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "DIV", "scope": null }, { "tag": "BODY", "scope": "" } ] } } ], "originalPrivateComparisonSha256": "59401034853a7eaaba27425a39af7e3e529bb24809a98f804011ad30ec4d3008" }