{
  "video": "form-validation-feedback-before-after.mp4",
  "sha256": "eed1c86c11e37424129525969f5da01be53a838eb8510118299cbdaa203738bb",
  "durationSeconds": 44.166667,
  "beforeRevision": "b062de2cc92281b398f8e86b0a061e7a87b52bad",
  "afterRevision": "8bb19d704266740465599df0637dfe5899acb9f6",
  "agentServer": "1.54.0",
  "source": "Real control-openhands Canvas builds and captured UI states; missing-model guidance came from the real local profile editor; no LLM call. Comparison cards use unaltered screenshot colors.",
  "tests": {
    "focused": 380,
    "hostOverrideBrowserRegression": 1,
    "lint": "0 errors / 716 warnings",
    "build": "pass",
    "buildLib": "pass"
  },
  "rawColorWarnings": {
    "before": 735,
    "after": 716
  },
  "contrast": {
    "light-plus": {
      "before": 2.89,
      "after": 5.86
    },
    "solarized-light": {
      "before": 2.68,
      "after": 5.61
    },
    "openhands-deepsea": {
      "before": 6.69,
      "after": 6.09
    },
    "openhands-neutral": {
      "before": 6.15,
      "after": 5.6
    },
    "openhands-neo": {
      "before": 6.15,
      "after": 5.6
    }
  },
  "measurements": {
    "before": [
      {
        "phase": "before",
        "theme": "light-plus",
        "viewport": "desktop",
        "text": "Create an LLM profile first to define an OpenHands agent.",
        "color": "oklch(0.704 0.191 22.216)",
        "background": [
          255,
          255,
          255
        ],
        "contrast": 2.8882959349781228,
        "width": 1440,
        "insideViewport": true,
        "overflow": false,
        "capture": "before-light-plus-desktop.png"
      },
      {
        "phase": "before",
        "theme": "light-plus",
        "viewport": "phone",
        "text": "Create an LLM profile first to define an OpenHands agent.",
        "color": "oklch(0.704 0.191 22.216)",
        "background": [
          255,
          255,
          255
        ],
        "contrast": 2.8882959349781228,
        "width": 390,
        "insideViewport": true,
        "overflow": false,
        "capture": "before-light-plus-phone.png"
      },
      {
        "phase": "before",
        "theme": "solarized-light",
        "viewport": "desktop",
        "text": "Create an LLM profile first to define an OpenHands agent.",
        "color": "oklch(0.704 0.191 22.216)",
        "background": [
          253,
          246,
          227
        ],
        "contrast": 2.677594260852064,
        "width": 1440,
        "insideViewport": true,
        "overflow": false,
        "capture": "before-solarized-light-desktop.png"
      },
      {
        "phase": "before",
        "theme": "solarized-light",
        "viewport": "phone",
        "text": "Create an LLM profile first to define an OpenHands agent.",
        "color": "oklch(0.704 0.191 22.216)",
        "background": [
          253,
          246,
          227
        ],
        "contrast": 2.677594260852064,
        "width": 390,
        "insideViewport": true,
        "overflow": false,
        "capture": "before-solarized-light-phone.png"
      },
      {
        "phase": "before",
        "theme": "openhands-deepsea",
        "viewport": "desktop",
        "text": "Create an LLM profile first to define an OpenHands agent.",
        "color": "oklch(0.704 0.191 22.216)",
        "background": [
          11,
          14,
          20
        ],
        "contrast": 6.687899245493287,
        "width": 1440,
        "insideViewport": true,
        "overflow": false,
        "capture": "before-openhands-deepsea-desktop.png"
      },
      {
        "phase": "before",
        "theme": "openhands-deepsea",
        "viewport": "phone",
        "text": "Create an LLM profile first to define an OpenHands agent.",
        "color": "oklch(0.704 0.191 22.216)",
        "background": [
          11,
          14,
          20
        ],
        "contrast": 6.687899245493287,
        "width": 390,
        "insideViewport": true,
        "overflow": false,
        "capture": "before-openhands-deepsea-phone.png"
      },
      {
        "phase": "before",
        "theme": "openhands-neutral",
        "viewport": "desktop",
        "text": "Create an LLM profile first to define an OpenHands agent.",
        "color": "oklch(0.704 0.191 22.216)",
        "background": [
          24,
          24,
          24
        ],
        "contrast": 6.147661152083718,
        "width": 1440,
        "insideViewport": true,
        "overflow": false,
        "capture": "before-openhands-neutral-desktop.png"
      },
      {
        "phase": "before",
        "theme": "openhands-neutral",
        "viewport": "phone",
        "text": "Create an LLM profile first to define an OpenHands agent.",
        "color": "oklch(0.704 0.191 22.216)",
        "background": [
          24,
          24,
          24
        ],
        "contrast": 6.147661152083718,
        "width": 390,
        "insideViewport": true,
        "overflow": false,
        "capture": "before-openhands-neutral-phone.png"
      },
      {
        "phase": "before",
        "theme": "openhands-neo",
        "viewport": "desktop",
        "text": "Create an LLM profile first to define an OpenHands agent.",
        "color": "oklch(0.704 0.191 22.216)",
        "background": [
          24,
          24,
          24
        ],
        "contrast": 6.147661152083718,
        "width": 1440,
        "insideViewport": true,
        "overflow": false,
        "capture": "before-openhands-neo-desktop.png"
      },
      {
        "phase": "before",
        "theme": "openhands-neo",
        "viewport": "phone",
        "text": "Create an LLM profile first to define an OpenHands agent.",
        "color": "oklch(0.704 0.191 22.216)",
        "background": [
          24,
          24,
          24
        ],
        "contrast": 6.147661152083718,
        "width": 390,
        "insideViewport": true,
        "overflow": false,
        "capture": "before-openhands-neo-phone.png"
      }
    ],
    "after": [
      {
        "phase": "after",
        "theme": "light-plus",
        "viewport": "desktop",
        "text": "Create an LLM profile first to define an OpenHands agent.",
        "color": "rgb(192, 40, 45)",
        "background": [
          255,
          255,
          255
        ],
        "contrast": 5.861496908760459,
        "width": 1440,
        "insideViewport": true,
        "overflow": false,
        "capture": "after-light-plus-desktop.png"
      },
      {
        "phase": "after",
        "theme": "light-plus",
        "viewport": "phone",
        "text": "Create an LLM profile first to define an OpenHands agent.",
        "color": "rgb(192, 40, 45)",
        "background": [
          255,
          255,
          255
        ],
        "contrast": 5.861496908760459,
        "width": 390,
        "insideViewport": true,
        "overflow": false,
        "capture": "after-light-plus-phone.png"
      },
      {
        "phase": "after",
        "theme": "solarized-light",
        "viewport": "desktop",
        "text": "Create an LLM profile first to define an OpenHands agent.",
        "color": "rgb(187, 42, 38)",
        "background": [
          253,
          246,
          227
        ],
        "contrast": 5.606941500925068,
        "width": 1440,
        "insideViewport": true,
        "overflow": false,
        "capture": "after-solarized-light-desktop.png"
      },
      {
        "phase": "after",
        "theme": "solarized-light",
        "viewport": "phone",
        "text": "Create an LLM profile first to define an OpenHands agent.",
        "color": "rgb(187, 42, 38)",
        "background": [
          253,
          246,
          227
        ],
        "contrast": 5.606941500925068,
        "width": 390,
        "insideViewport": true,
        "overflow": false,
        "capture": "after-solarized-light-phone.png"
      },
      {
        "phase": "after",
        "theme": "openhands-deepsea",
        "viewport": "desktop",
        "text": "Create an LLM profile first to define an OpenHands agent.",
        "color": "rgb(231, 106, 94)",
        "background": [
          11,
          14,
          20
        ],
        "contrast": 6.090284779278926,
        "width": 1440,
        "insideViewport": true,
        "overflow": false,
        "capture": "after-openhands-deepsea-desktop.png"
      },
      {
        "phase": "after",
        "theme": "openhands-deepsea",
        "viewport": "phone",
        "text": "Create an LLM profile first to define an OpenHands agent.",
        "color": "rgb(231, 106, 94)",
        "background": [
          11,
          14,
          20
        ],
        "contrast": 6.090284779278926,
        "width": 390,
        "insideViewport": true,
        "overflow": false,
        "capture": "after-openhands-deepsea-phone.png"
      },
      {
        "phase": "after",
        "theme": "openhands-neutral",
        "viewport": "desktop",
        "text": "Create an LLM profile first to define an OpenHands agent.",
        "color": "rgb(231, 106, 94)",
        "background": [
          24,
          24,
          24
        ],
        "contrast": 5.598321052448546,
        "width": 1440,
        "insideViewport": true,
        "overflow": false,
        "capture": "after-openhands-neutral-desktop.png"
      },
      {
        "phase": "after",
        "theme": "openhands-neutral",
        "viewport": "phone",
        "text": "Create an LLM profile first to define an OpenHands agent.",
        "color": "rgb(231, 106, 94)",
        "background": [
          24,
          24,
          24
        ],
        "contrast": 5.598321052448546,
        "width": 390,
        "insideViewport": true,
        "overflow": false,
        "capture": "after-openhands-neutral-phone.png"
      },
      {
        "phase": "after",
        "theme": "openhands-neo",
        "viewport": "desktop",
        "text": "Create an LLM profile first to define an OpenHands agent.",
        "color": "rgb(231, 106, 94)",
        "background": [
          24,
          24,
          24
        ],
        "contrast": 5.598321052448546,
        "width": 1440,
        "insideViewport": true,
        "overflow": false,
        "capture": "after-openhands-neo-desktop.png"
      },
      {
        "phase": "after",
        "theme": "openhands-neo",
        "viewport": "phone",
        "text": "Create an LLM profile first to define an OpenHands agent.",
        "color": "rgb(231, 106, 94)",
        "background": [
          24,
          24,
          24
        ],
        "contrast": 5.598321052448546,
        "width": 390,
        "insideViewport": true,
        "overflow": false,
        "capture": "after-openhands-neo-phone.png"
      }
    ]
  },
  "music": "Original quiet ambience reused at 45% volume."
}