{
  "captured": "2026-10-16",
  "heads": {
    "before": "8238b7af825b8639191b9d7b4c6b080d4a93f388",
    "after": "7d7222b157546ec6a6e7f196877f4e20f312146c"
  },
  "pullRequest": "https://github.com/OpenHands/OpenHands/pull/18532",
  "issue": "https://github.com/OpenHands/OpenHands/issues/18518",
  "feature": "F22.setup-tarball-create",
  "runtime": {
    "agentServer": "1.55.1",
    "sdk": "1.55.1",
    "automation": "1.20.1",
    "canvas": "1.27.1"
  },
  "fixture": "Generated tarball selected through the actual native input; no automation creation or dispatch.",
  "measurements": {
    "before": [
      {
        "phase": "before",
        "theme": "light-plus",
        "viewportName": "desktop",
        "state": "normal",
        "image": "before-upload-light-plus-desktop-normal.png",
        "button": {
          "background": "oklch(0.371 0 none)",
          "color": "rgb(255, 255, 255)"
        },
        "input": {
          "background": "rgb(243, 243, 243)",
          "color": "rgb(31, 31, 31)"
        },
        "focused": false,
        "rootBox": {
          "x": 489,
          "y": 546,
          "width": 462,
          "height": 36
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false
      },
      {
        "phase": "before",
        "theme": "light-plus",
        "viewportName": "desktop",
        "state": "focus",
        "image": "before-upload-light-plus-desktop-focus.png",
        "button": {
          "background": "oklch(0.371 0 none)",
          "color": "rgb(255, 255, 255)"
        },
        "input": {
          "background": "rgb(243, 243, 243)",
          "color": "rgb(31, 31, 31)"
        },
        "focused": true,
        "rootBox": {
          "x": 489,
          "y": 546,
          "width": 462,
          "height": 36
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false
      },
      {
        "phase": "before",
        "theme": "light-plus",
        "viewportName": "phone",
        "state": "normal",
        "image": "before-upload-light-plus-phone-normal.png",
        "button": {
          "background": "oklch(0.371 0 none)",
          "color": "rgb(255, 255, 255)"
        },
        "input": {
          "background": "rgb(243, 243, 243)",
          "color": "rgb(31, 31, 31)"
        },
        "focused": true,
        "rootBox": {
          "x": 40.59375,
          "y": 550.296875,
          "width": 308.796875,
          "height": 36
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false
      },
      {
        "phase": "before",
        "theme": "light-plus",
        "viewportName": "phone",
        "state": "focus",
        "image": "before-upload-light-plus-phone-focus.png",
        "button": {
          "background": "oklch(0.371 0 none)",
          "color": "rgb(255, 255, 255)"
        },
        "input": {
          "background": "rgb(243, 243, 243)",
          "color": "rgb(31, 31, 31)"
        },
        "focused": true,
        "rootBox": {
          "x": 40.59375,
          "y": 550.296875,
          "width": 308.796875,
          "height": 36
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false
      },
      {
        "phase": "before",
        "theme": "solarized-light",
        "viewportName": "desktop",
        "state": "normal",
        "image": "before-upload-solarized-light-desktop-normal.png",
        "button": {
          "background": "oklch(0.371 0 none)",
          "color": "rgb(255, 255, 255)"
        },
        "input": {
          "background": "rgb(238, 232, 213)",
          "color": "rgb(0, 43, 54)"
        },
        "focused": false,
        "rootBox": {
          "x": 489,
          "y": 546,
          "width": 462,
          "height": 36
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false
      },
      {
        "phase": "before",
        "theme": "solarized-light",
        "viewportName": "desktop",
        "state": "focus",
        "image": "before-upload-solarized-light-desktop-focus.png",
        "button": {
          "background": "oklch(0.371 0 none)",
          "color": "rgb(255, 255, 255)"
        },
        "input": {
          "background": "rgb(238, 232, 213)",
          "color": "rgb(0, 43, 54)"
        },
        "focused": true,
        "rootBox": {
          "x": 489,
          "y": 546,
          "width": 462,
          "height": 36
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false
      },
      {
        "phase": "before",
        "theme": "solarized-light",
        "viewportName": "phone",
        "state": "normal",
        "image": "before-upload-solarized-light-phone-normal.png",
        "button": {
          "background": "oklch(0.371 0 none)",
          "color": "rgb(255, 255, 255)"
        },
        "input": {
          "background": "rgb(238, 232, 213)",
          "color": "rgb(0, 43, 54)"
        },
        "focused": true,
        "rootBox": {
          "x": 40.59375,
          "y": 550.296875,
          "width": 308.796875,
          "height": 36
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false
      },
      {
        "phase": "before",
        "theme": "solarized-light",
        "viewportName": "phone",
        "state": "focus",
        "image": "before-upload-solarized-light-phone-focus.png",
        "button": {
          "background": "oklch(0.371 0 none)",
          "color": "rgb(255, 255, 255)"
        },
        "input": {
          "background": "rgb(238, 232, 213)",
          "color": "rgb(0, 43, 54)"
        },
        "focused": true,
        "rootBox": {
          "x": 40.59375,
          "y": 550.296875,
          "width": 308.796875,
          "height": 36
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false
      },
      {
        "phase": "before",
        "theme": "openhands-deepsea",
        "viewportName": "desktop",
        "state": "normal",
        "image": "before-upload-openhands-deepsea-desktop-normal.png",
        "button": {
          "background": "oklch(0.371 0 none)",
          "color": "rgb(255, 255, 255)"
        },
        "input": {
          "background": "rgb(33, 37, 47)",
          "color": "rgb(255, 255, 255)"
        },
        "focused": false,
        "rootBox": {
          "x": 489,
          "y": 546,
          "width": 462,
          "height": 36
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false
      },
      {
        "phase": "before",
        "theme": "openhands-deepsea",
        "viewportName": "desktop",
        "state": "focus",
        "image": "before-upload-openhands-deepsea-desktop-focus.png",
        "button": {
          "background": "oklch(0.371 0 none)",
          "color": "rgb(255, 255, 255)"
        },
        "input": {
          "background": "rgb(33, 37, 47)",
          "color": "rgb(255, 255, 255)"
        },
        "focused": true,
        "rootBox": {
          "x": 489,
          "y": 546,
          "width": 462,
          "height": 36
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false
      },
      {
        "phase": "before",
        "theme": "openhands-deepsea",
        "viewportName": "phone",
        "state": "normal",
        "image": "before-upload-openhands-deepsea-phone-normal.png",
        "button": {
          "background": "oklch(0.371 0 none)",
          "color": "rgb(255, 255, 255)"
        },
        "input": {
          "background": "rgb(33, 37, 47)",
          "color": "rgb(255, 255, 255)"
        },
        "focused": true,
        "rootBox": {
          "x": 40.59375,
          "y": 550.296875,
          "width": 308.796875,
          "height": 36
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false
      },
      {
        "phase": "before",
        "theme": "openhands-deepsea",
        "viewportName": "phone",
        "state": "focus",
        "image": "before-upload-openhands-deepsea-phone-focus.png",
        "button": {
          "background": "oklch(0.371 0 none)",
          "color": "rgb(255, 255, 255)"
        },
        "input": {
          "background": "rgb(33, 37, 47)",
          "color": "rgb(255, 255, 255)"
        },
        "focused": true,
        "rootBox": {
          "x": 40.59375,
          "y": 550.296875,
          "width": 308.796875,
          "height": 36
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false
      },
      {
        "phase": "before",
        "theme": "openhands-neutral",
        "viewportName": "desktop",
        "state": "normal",
        "image": "before-upload-openhands-neutral-desktop-normal.png",
        "button": {
          "background": "oklch(0.371 0 none)",
          "color": "rgb(255, 255, 255)"
        },
        "input": {
          "background": "rgb(32, 32, 32)",
          "color": "rgb(255, 255, 255)"
        },
        "focused": false,
        "rootBox": {
          "x": 489,
          "y": 546,
          "width": 462,
          "height": 36
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false
      },
      {
        "phase": "before",
        "theme": "openhands-neutral",
        "viewportName": "desktop",
        "state": "focus",
        "image": "before-upload-openhands-neutral-desktop-focus.png",
        "button": {
          "background": "oklch(0.371 0 none)",
          "color": "rgb(255, 255, 255)"
        },
        "input": {
          "background": "rgb(32, 32, 32)",
          "color": "rgb(255, 255, 255)"
        },
        "focused": true,
        "rootBox": {
          "x": 489,
          "y": 546,
          "width": 462,
          "height": 36
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false
      },
      {
        "phase": "before",
        "theme": "openhands-neutral",
        "viewportName": "phone",
        "state": "normal",
        "image": "before-upload-openhands-neutral-phone-normal.png",
        "button": {
          "background": "oklch(0.371 0 none)",
          "color": "rgb(255, 255, 255)"
        },
        "input": {
          "background": "rgb(32, 32, 32)",
          "color": "rgb(255, 255, 255)"
        },
        "focused": true,
        "rootBox": {
          "x": 40.59375,
          "y": 550.296875,
          "width": 308.796875,
          "height": 36
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false
      },
      {
        "phase": "before",
        "theme": "openhands-neutral",
        "viewportName": "phone",
        "state": "focus",
        "image": "before-upload-openhands-neutral-phone-focus.png",
        "button": {
          "background": "oklch(0.371 0 none)",
          "color": "rgb(255, 255, 255)"
        },
        "input": {
          "background": "rgb(32, 32, 32)",
          "color": "rgb(255, 255, 255)"
        },
        "focused": true,
        "rootBox": {
          "x": 40.59375,
          "y": 550.296875,
          "width": 308.796875,
          "height": 36
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false
      },
      {
        "phase": "before",
        "theme": "openhands-neo",
        "viewportName": "desktop",
        "state": "normal",
        "image": "before-upload-openhands-neo-desktop-normal.png",
        "button": {
          "background": "oklch(0.371 0 none)",
          "color": "rgb(255, 255, 255)"
        },
        "input": {
          "background": "rgb(32, 32, 32)",
          "color": "rgb(255, 255, 255)"
        },
        "focused": false,
        "rootBox": {
          "x": 489,
          "y": 546,
          "width": 462,
          "height": 36
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false
      },
      {
        "phase": "before",
        "theme": "openhands-neo",
        "viewportName": "desktop",
        "state": "focus",
        "image": "before-upload-openhands-neo-desktop-focus.png",
        "button": {
          "background": "oklch(0.371 0 none)",
          "color": "rgb(255, 255, 255)"
        },
        "input": {
          "background": "rgb(32, 32, 32)",
          "color": "rgb(255, 255, 255)"
        },
        "focused": true,
        "rootBox": {
          "x": 489,
          "y": 546,
          "width": 462,
          "height": 36
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false
      },
      {
        "phase": "before",
        "theme": "openhands-neo",
        "viewportName": "phone",
        "state": "normal",
        "image": "before-upload-openhands-neo-phone-normal.png",
        "button": {
          "background": "oklch(0.371 0 none)",
          "color": "rgb(255, 255, 255)"
        },
        "input": {
          "background": "rgb(32, 32, 32)",
          "color": "rgb(255, 255, 255)"
        },
        "focused": true,
        "rootBox": {
          "x": 40.59375,
          "y": 550.296875,
          "width": 308.796875,
          "height": 36
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false
      },
      {
        "phase": "before",
        "theme": "openhands-neo",
        "viewportName": "phone",
        "state": "focus",
        "image": "before-upload-openhands-neo-phone-focus.png",
        "button": {
          "background": "oklch(0.371 0 none)",
          "color": "rgb(255, 255, 255)"
        },
        "input": {
          "background": "rgb(32, 32, 32)",
          "color": "rgb(255, 255, 255)"
        },
        "focused": true,
        "rootBox": {
          "x": 40.59375,
          "y": 550.296875,
          "width": 308.796875,
          "height": 36
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false
      }
    ],
    "after": [
      {
        "phase": "after",
        "theme": "light-plus",
        "viewportName": "desktop",
        "state": "normal",
        "image": "after-upload-light-plus-desktop-normal.png",
        "button": {
          "background": "rgb(229, 229, 229)",
          "color": "rgb(31, 31, 31)"
        },
        "input": {
          "background": "rgb(243, 243, 243)",
          "color": "rgb(31, 31, 31)"
        },
        "focused": false,
        "focusVisible": false,
        "focusStyle": {
          "outline": "rgb(31, 31, 31) none 3px",
          "boxShadow": "none",
          "borderColor": "rgb(212, 212, 212)"
        },
        "rootBox": {
          "x": 489,
          "y": 546,
          "width": 462,
          "height": 36
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "buttonContrast": 13.084937754820528
      },
      {
        "phase": "after",
        "theme": "light-plus",
        "viewportName": "desktop",
        "state": "focus",
        "image": "after-upload-light-plus-desktop-focus.png",
        "button": {
          "background": "rgb(229, 229, 229)",
          "color": "rgb(31, 31, 31)"
        },
        "input": {
          "background": "rgb(243, 243, 243)",
          "color": "rgb(31, 31, 31)"
        },
        "focused": true,
        "focusVisible": true,
        "focusStyle": {
          "outline": "rgb(0, 95, 204) none 1px",
          "boxShadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, oklab(0.239291 0.0000108778 0.00000478327 / 0.2) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px",
          "borderColor": "oklab(0.239291 0.0000108778 0.00000478327 / 0.4)"
        },
        "rootBox": {
          "x": 489,
          "y": 546,
          "width": 462,
          "height": 36
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "buttonContrast": 13.084937754820528
      },
      {
        "phase": "after",
        "theme": "light-plus",
        "viewportName": "phone",
        "state": "normal",
        "image": "after-upload-light-plus-phone-normal.png",
        "button": {
          "background": "rgb(229, 229, 229)",
          "color": "rgb(31, 31, 31)"
        },
        "input": {
          "background": "rgb(243, 243, 243)",
          "color": "rgb(31, 31, 31)"
        },
        "focused": true,
        "focusVisible": true,
        "focusStyle": {
          "outline": "rgb(0, 95, 204) none 1px",
          "boxShadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, oklab(0.239291 0.0000108778 0.00000478327 / 0.2) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px",
          "borderColor": "oklab(0.239291 0.0000108778 0.00000478327 / 0.4)"
        },
        "rootBox": {
          "x": 40.59375,
          "y": 572.296875,
          "width": 308.796875,
          "height": 36
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "buttonContrast": 13.084937754820528
      },
      {
        "phase": "after",
        "theme": "light-plus",
        "viewportName": "phone",
        "state": "focus",
        "image": "after-upload-light-plus-phone-focus.png",
        "button": {
          "background": "rgb(229, 229, 229)",
          "color": "rgb(31, 31, 31)"
        },
        "input": {
          "background": "rgb(243, 243, 243)",
          "color": "rgb(31, 31, 31)"
        },
        "focused": true,
        "focusVisible": true,
        "focusStyle": {
          "outline": "rgb(0, 95, 204) none 1px",
          "boxShadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, oklab(0.239291 0.0000108778 0.00000478327 / 0.2) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px",
          "borderColor": "oklab(0.239291 0.0000108778 0.00000478327 / 0.4)"
        },
        "rootBox": {
          "x": 40.59375,
          "y": 369.296875,
          "width": 308.796875,
          "height": 36
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "buttonContrast": 13.084937754820528
      },
      {
        "phase": "after",
        "theme": "solarized-light",
        "viewportName": "desktop",
        "state": "normal",
        "image": "after-upload-solarized-light-desktop-normal.png",
        "button": {
          "background": "rgb(230, 223, 204)",
          "color": "rgb(0, 43, 54)"
        },
        "input": {
          "background": "rgb(238, 232, 213)",
          "color": "rgb(0, 43, 54)"
        },
        "focused": false,
        "focusVisible": false,
        "focusStyle": {
          "outline": "rgb(0, 43, 54) none 3px",
          "boxShadow": "none",
          "borderColor": "rgb(215, 208, 188)"
        },
        "rootBox": {
          "x": 489,
          "y": 546,
          "width": 462,
          "height": 36
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "buttonContrast": 11.289233571876306
      },
      {
        "phase": "after",
        "theme": "solarized-light",
        "viewportName": "desktop",
        "state": "focus",
        "image": "after-upload-solarized-light-desktop-focus.png",
        "button": {
          "background": "rgb(230, 223, 204)",
          "color": "rgb(0, 43, 54)"
        },
        "input": {
          "background": "rgb(238, 232, 213)",
          "color": "rgb(0, 43, 54)"
        },
        "focused": true,
        "focusVisible": true,
        "focusStyle": {
          "outline": "rgb(0, 95, 204) none 1px",
          "boxShadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, oklab(0.267332 -0.0373273 -0.0311228 / 0.2) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px",
          "borderColor": "oklab(0.267332 -0.0373273 -0.0311228 / 0.4)"
        },
        "rootBox": {
          "x": 489,
          "y": 546,
          "width": 462,
          "height": 36
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "buttonContrast": 11.289233571876306
      },
      {
        "phase": "after",
        "theme": "solarized-light",
        "viewportName": "phone",
        "state": "normal",
        "image": "after-upload-solarized-light-phone-normal.png",
        "button": {
          "background": "rgb(230, 223, 204)",
          "color": "rgb(0, 43, 54)"
        },
        "input": {
          "background": "rgb(238, 232, 213)",
          "color": "rgb(0, 43, 54)"
        },
        "focused": true,
        "focusVisible": true,
        "focusStyle": {
          "outline": "rgb(0, 95, 204) none 1px",
          "boxShadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, oklab(0.267332 -0.0373273 -0.0311228 / 0.2) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px",
          "borderColor": "oklab(0.267332 -0.0373273 -0.0311228 / 0.4)"
        },
        "rootBox": {
          "x": 40.59375,
          "y": 572.296875,
          "width": 308.796875,
          "height": 36
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "buttonContrast": 11.289233571876306
      },
      {
        "phase": "after",
        "theme": "solarized-light",
        "viewportName": "phone",
        "state": "focus",
        "image": "after-upload-solarized-light-phone-focus.png",
        "button": {
          "background": "rgb(230, 223, 204)",
          "color": "rgb(0, 43, 54)"
        },
        "input": {
          "background": "rgb(238, 232, 213)",
          "color": "rgb(0, 43, 54)"
        },
        "focused": true,
        "focusVisible": true,
        "focusStyle": {
          "outline": "rgb(0, 95, 204) none 1px",
          "boxShadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, oklab(0.267332 -0.0373273 -0.0311228 / 0.2) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px",
          "borderColor": "oklab(0.267332 -0.0373273 -0.0311228 / 0.4)"
        },
        "rootBox": {
          "x": 40.59375,
          "y": 369.296875,
          "width": 308.796875,
          "height": 36
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "buttonContrast": 11.289233571876306
      },
      {
        "phase": "after",
        "theme": "openhands-deepsea",
        "viewportName": "desktop",
        "state": "normal",
        "image": "after-upload-openhands-deepsea-desktop-normal.png",
        "button": {
          "background": "rgb(75, 84, 104)",
          "color": "rgb(255, 255, 255)"
        },
        "input": {
          "background": "rgb(33, 37, 47)",
          "color": "rgb(255, 255, 255)"
        },
        "focused": false,
        "focusVisible": false,
        "focusStyle": {
          "outline": "rgb(255, 255, 255) none 3px",
          "boxShadow": "none",
          "borderColor": "rgb(75, 84, 104)"
        },
        "rootBox": {
          "x": 489,
          "y": 546,
          "width": 462,
          "height": 36
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "buttonContrast": 7.588909810110897
      },
      {
        "phase": "after",
        "theme": "openhands-deepsea",
        "viewportName": "desktop",
        "state": "focus",
        "image": "after-upload-openhands-deepsea-desktop-focus.png",
        "button": {
          "background": "rgb(75, 84, 104)",
          "color": "rgb(255, 255, 255)"
        },
        "input": {
          "background": "rgb(33, 37, 47)",
          "color": "rgb(255, 255, 255)"
        },
        "focused": true,
        "focusVisible": true,
        "focusStyle": {
          "outline": "rgb(153, 200, 255) none 1px",
          "boxShadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, oklab(0.999994 0.0000455678 0.0000200868 / 0.2) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px",
          "borderColor": "oklab(0.999994 0.0000455678 0.0000200868 / 0.4)"
        },
        "rootBox": {
          "x": 489,
          "y": 546,
          "width": 462,
          "height": 36
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "buttonContrast": 7.588909810110897
      },
      {
        "phase": "after",
        "theme": "openhands-deepsea",
        "viewportName": "phone",
        "state": "normal",
        "image": "after-upload-openhands-deepsea-phone-normal.png",
        "button": {
          "background": "rgb(75, 84, 104)",
          "color": "rgb(255, 255, 255)"
        },
        "input": {
          "background": "rgb(33, 37, 47)",
          "color": "rgb(255, 255, 255)"
        },
        "focused": true,
        "focusVisible": true,
        "focusStyle": {
          "outline": "rgb(153, 200, 255) none 1px",
          "boxShadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, oklab(0.999994 0.0000455678 0.0000200868 / 0.2) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px",
          "borderColor": "oklab(0.999994 0.0000455678 0.0000200868 / 0.4)"
        },
        "rootBox": {
          "x": 40.59375,
          "y": 572.296875,
          "width": 308.796875,
          "height": 36
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "buttonContrast": 7.588909810110897
      },
      {
        "phase": "after",
        "theme": "openhands-deepsea",
        "viewportName": "phone",
        "state": "focus",
        "image": "after-upload-openhands-deepsea-phone-focus.png",
        "button": {
          "background": "rgb(75, 84, 104)",
          "color": "rgb(255, 255, 255)"
        },
        "input": {
          "background": "rgb(33, 37, 47)",
          "color": "rgb(255, 255, 255)"
        },
        "focused": true,
        "focusVisible": true,
        "focusStyle": {
          "outline": "rgb(153, 200, 255) none 1px",
          "boxShadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, oklab(0.999994 0.0000455678 0.0000200868 / 0.2) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px",
          "borderColor": "oklab(0.999994 0.0000455678 0.0000200868 / 0.4)"
        },
        "rootBox": {
          "x": 40.59375,
          "y": 369.296875,
          "width": 308.796875,
          "height": 36
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "buttonContrast": 7.588909810110897
      },
      {
        "phase": "after",
        "theme": "openhands-neutral",
        "viewportName": "desktop",
        "state": "normal",
        "image": "after-upload-openhands-neutral-desktop-normal.png",
        "button": {
          "background": "rgb(64, 64, 64)",
          "color": "rgb(255, 255, 255)"
        },
        "input": {
          "background": "rgb(32, 32, 32)",
          "color": "rgb(255, 255, 255)"
        },
        "focused": false,
        "focusVisible": false,
        "focusStyle": {
          "outline": "rgb(255, 255, 255) none 3px",
          "boxShadow": "none",
          "borderColor": "rgb(64, 64, 64)"
        },
        "rootBox": {
          "x": 489,
          "y": 546,
          "width": 462,
          "height": 36
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "buttonContrast": 10.368377760269818
      },
      {
        "phase": "after",
        "theme": "openhands-neutral",
        "viewportName": "desktop",
        "state": "focus",
        "image": "after-upload-openhands-neutral-desktop-focus.png",
        "button": {
          "background": "rgb(64, 64, 64)",
          "color": "rgb(255, 255, 255)"
        },
        "input": {
          "background": "rgb(32, 32, 32)",
          "color": "rgb(255, 255, 255)"
        },
        "focused": true,
        "focusVisible": true,
        "focusStyle": {
          "outline": "rgb(153, 200, 255) none 1px",
          "boxShadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, oklab(0.999994 0.0000455678 0.0000200868 / 0.2) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px",
          "borderColor": "oklab(0.999994 0.0000455678 0.0000200868 / 0.4)"
        },
        "rootBox": {
          "x": 489,
          "y": 546,
          "width": 462,
          "height": 36
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "buttonContrast": 10.368377760269818
      },
      {
        "phase": "after",
        "theme": "openhands-neutral",
        "viewportName": "phone",
        "state": "normal",
        "image": "after-upload-openhands-neutral-phone-normal.png",
        "button": {
          "background": "rgb(64, 64, 64)",
          "color": "rgb(255, 255, 255)"
        },
        "input": {
          "background": "rgb(32, 32, 32)",
          "color": "rgb(255, 255, 255)"
        },
        "focused": true,
        "focusVisible": true,
        "focusStyle": {
          "outline": "rgb(153, 200, 255) none 1px",
          "boxShadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, oklab(0.999994 0.0000455678 0.0000200868 / 0.2) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px",
          "borderColor": "oklab(0.999994 0.0000455678 0.0000200868 / 0.4)"
        },
        "rootBox": {
          "x": 40.59375,
          "y": 572.296875,
          "width": 308.796875,
          "height": 36
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "buttonContrast": 10.368377760269818
      },
      {
        "phase": "after",
        "theme": "openhands-neutral",
        "viewportName": "phone",
        "state": "focus",
        "image": "after-upload-openhands-neutral-phone-focus.png",
        "button": {
          "background": "rgb(64, 64, 64)",
          "color": "rgb(255, 255, 255)"
        },
        "input": {
          "background": "rgb(32, 32, 32)",
          "color": "rgb(255, 255, 255)"
        },
        "focused": true,
        "focusVisible": true,
        "focusStyle": {
          "outline": "rgb(153, 200, 255) none 1px",
          "boxShadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, oklab(0.999994 0.0000455678 0.0000200868 / 0.2) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px",
          "borderColor": "oklab(0.999994 0.0000455678 0.0000200868 / 0.4)"
        },
        "rootBox": {
          "x": 40.59375,
          "y": 369.296875,
          "width": 308.796875,
          "height": 36
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "buttonContrast": 10.368377760269818
      },
      {
        "phase": "after",
        "theme": "openhands-neo",
        "viewportName": "desktop",
        "state": "normal",
        "image": "after-upload-openhands-neo-desktop-normal.png",
        "button": {
          "background": "rgb(64, 64, 64)",
          "color": "rgb(255, 255, 255)"
        },
        "input": {
          "background": "rgb(32, 32, 32)",
          "color": "rgb(255, 255, 255)"
        },
        "focused": false,
        "focusVisible": false,
        "focusStyle": {
          "outline": "rgb(255, 255, 255) none 3px",
          "boxShadow": "none",
          "borderColor": "rgb(64, 64, 64)"
        },
        "rootBox": {
          "x": 489,
          "y": 546,
          "width": 462,
          "height": 36
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "buttonContrast": 10.368377760269818
      },
      {
        "phase": "after",
        "theme": "openhands-neo",
        "viewportName": "desktop",
        "state": "focus",
        "image": "after-upload-openhands-neo-desktop-focus.png",
        "button": {
          "background": "rgb(64, 64, 64)",
          "color": "rgb(255, 255, 255)"
        },
        "input": {
          "background": "rgb(32, 32, 32)",
          "color": "rgb(255, 255, 255)"
        },
        "focused": true,
        "focusVisible": true,
        "focusStyle": {
          "outline": "rgb(153, 200, 255) none 1px",
          "boxShadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, oklab(0.999994 0.0000455678 0.0000200868 / 0.2) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px",
          "borderColor": "oklab(0.999994 0.0000455678 0.0000200868 / 0.4)"
        },
        "rootBox": {
          "x": 489,
          "y": 546,
          "width": 462,
          "height": 36
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "buttonContrast": 10.368377760269818
      },
      {
        "phase": "after",
        "theme": "openhands-neo",
        "viewportName": "phone",
        "state": "normal",
        "image": "after-upload-openhands-neo-phone-normal.png",
        "button": {
          "background": "rgb(64, 64, 64)",
          "color": "rgb(255, 255, 255)"
        },
        "input": {
          "background": "rgb(32, 32, 32)",
          "color": "rgb(255, 255, 255)"
        },
        "focused": true,
        "focusVisible": true,
        "focusStyle": {
          "outline": "rgb(153, 200, 255) none 1px",
          "boxShadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, oklab(0.999994 0.0000455678 0.0000200868 / 0.2) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px",
          "borderColor": "oklab(0.999994 0.0000455678 0.0000200868 / 0.4)"
        },
        "rootBox": {
          "x": 40.59375,
          "y": 572.296875,
          "width": 308.796875,
          "height": 36
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "buttonContrast": 10.368377760269818
      },
      {
        "phase": "after",
        "theme": "openhands-neo",
        "viewportName": "phone",
        "state": "focus",
        "image": "after-upload-openhands-neo-phone-focus.png",
        "button": {
          "background": "rgb(64, 64, 64)",
          "color": "rgb(255, 255, 255)"
        },
        "input": {
          "background": "rgb(32, 32, 32)",
          "color": "rgb(255, 255, 255)"
        },
        "focused": true,
        "focusVisible": true,
        "focusStyle": {
          "outline": "rgb(153, 200, 255) none 1px",
          "boxShadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, oklab(0.999994 0.0000455678 0.0000200868 / 0.2) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px",
          "borderColor": "oklab(0.999994 0.0000455678 0.0000200868 / 0.4)"
        },
        "rootBox": {
          "x": 40.59375,
          "y": 369.296875,
          "width": 308.796875,
          "height": 36
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "buttonContrast": 10.368377760269818
      }
    ]
  },
  "measurementCount": 40,
  "afterMinimumNativeButtonTextContrast": 7.589,
  "scope": {
    "reportedRawColorFindings": 1,
    "purpose": "Defensive semantic theme consistency. Baseline white-on-charcoal text was already readable; no reproduced text contrast defect."
  },
  "functionalProof": {
    "actualMissingFileAriaInvalid": true,
    "generatedTarballSelected": true,
    "reachedReview": true,
    "createdOrDispatched": false,
    "keyboardFocus": "Real Tab/ShiftTab capture; visible focus and existing focus recipe retained."
  },
  "privacy": "Component-only field crops. No user conversation content, sidebar, account, credential, private path or generated instance identifier is exported.",
  "limits": [
    "Focus is visible, but no complete focus-indicator AA claim is made.",
    "Brief actual selection intervals are held for readability; subsequent Review navigation is excluded."
  ],
  "validation": {
    "focusedTestsPassed": 23,
    "fullLint": {
      "errors": 0,
      "warnings": 667,
      "scope": "Independent PR head based on 8238; not integrated-main inventory."
    },
    "geometry": "All forty supplied captures are inside the viewport with no page horizontal overflow."
  },
  "film": {
    "durationSeconds": 10.0,
    "dimensions": [
      1280,
      740
    ],
    "video": "H.264/yuv420p",
    "audio": "AAC",
    "scenes": [
      {
        "phase": "before",
        "label": "Before \u00b7 Fixed charcoal chooser",
        "caption": "Before: Readable fixed charcoal chooser",
        "sourceFilename": "before-upload-light-plus.mp4",
        "sourceCommit": "8238b7af825b8639191b9d7b4c6b080d4a93f388",
        "cropXYWH": [
          489,
          516,
          462,
          108
        ],
        "selectedFrameRange": {
          "start": 0,
          "endExclusive": 9,
          "frameRate": 20
        },
        "selectionReason": "Actual missing-file validation and generated tarball selection, before Review replaces the field.",
        "timelineSeconds": [
          2.0,
          6.0
        ],
        "selectedRecordingSeconds": 0.45,
        "presentation": "Brief actual recording, held on its last inspected frame for readability."
      },
      {
        "phase": "after",
        "label": "After \u00b7 Theme-matched chooser",
        "caption": "After: Readable chooser follows the theme",
        "sourceFilename": "after-upload-light-plus.mp4",
        "sourceCommit": "7d7222b157546ec6a6e7f196877f4e20f312146c",
        "cropXYWH": [
          489,
          516,
          462,
          108
        ],
        "selectedFrameRange": {
          "start": 0,
          "endExclusive": 9,
          "frameRate": 20
        },
        "selectionReason": "Actual missing-file validation and generated tarball selection, before Review replaces the field.",
        "timelineSeconds": [
          6.0,
          10.0
        ],
        "selectedRecordingSeconds": 0.45,
        "presentation": "Brief actual recording, held on its last inspected frame for readability."
      }
    ],
    "provenance": "Actual control-openhands recordings, lossless component crops and explicit frame selection before proportional presentation scaling. No unrelated UI exported.",
    "ambience": {
      "origin": "Original sine tones at 174.61 / 220 / 261.63 Hz, base amplitude 0.004 with gentle modulation and fades.",
      "meanDb": -53.2,
      "peakDb": -42.9
    },
    "gif": {
      "durationSeconds": 8.0,
      "dimensions": [
        800,
        462
      ],
      "audio": false,
      "source": "Same genuine scenes, omitting the two-second title card."
    }
  },
  "files": {
    "manifest-file-chooser-before-after.mp4": {
      "bytes": 155707,
      "sha256": "086b879c5343a9fdd2f84035ff06142609696fb14fb73a2a655c3d70e27a0e20"
    },
    "manifest-file-chooser-before-after.gif": {
      "bytes": 1086665,
      "sha256": "a282649596677521b6f0ea6bb99219d86b2629e36c00c5f1db2223008e98c755"
    },
    "manifest-file-chooser-poster.jpg": {
      "bytes": 27517,
      "sha256": "fbd2b54b78ce28a867422d8570f48101a1a2fc37f2c3c1c4275da31e8e650a76"
    },
    "manifest-file-chooser-captions.vtt": {
      "bytes": 225,
      "sha256": "2b32d1235a90fdb6945e8cd45ed6cdc577e51e8223bd41aca976109ff5168154"
    },
    "manifest-file-chooser-five-themes.png": {
      "bytes": 170514,
      "sha256": "2ca85a227e1efb132fc99524be97538d95c505dae42a1535cb53a1f6ad18f0f2"
    },
    "manifest-file-chooser-before-light-plus.png": {
      "bytes": 8913,
      "sha256": "575218f8164bab96f43999567c4507cb9785176ba9befca5e9c0c7dd27046093"
    },
    "manifest-file-chooser-after-light-plus.png": {
      "bytes": 8812,
      "sha256": "793c41df4e15e41d0bcbab88cd2762008384db07f663829cb8c192f7289d7188"
    }
  },
  "publicationChecks": {
    "visualInspection": "All 0.5-second film timepoints and five-theme montage inspected independently before publication. Only named component evidence is exported.",
    "sourceHashes": "Every named asset verified against recorded bytes and SHA-256.",
    "format": "H.264/yuv420p with AAC; silent GIF durations independently checked."
  }
}