{
  "title": "Readable Markdown links across chat, alerts and plans",
  "pullRequest": "https://github.com/OpenHands/OpenHands/pull/18530",
  "parentIssue": "https://github.com/OpenHands/OpenHands/issues/18004",
  "beforeCommit": "8238b7af825b8639191b9d7b4c6b080d4a93f388",
  "afterCommit": "a0818714a239c8a957d4dd23f038779cc7de4822",
  "previousHeadWithoutAlertFix": "8ddc5e57fcb9090805c5cc9dcaa5f26d7d3e444c",
  "changes": [
    "Shared Markdown and plan anchors use the existing link role and a permanent underline.",
    "Existing Light+ link role is #005A99 and Solarized Light is #005A88 so links also pass on all five single-alert tints.",
    "A focused palette contract covers the five shipped10% alert tints on every supported neutral Markdown host surface."
  ],
  "captureScope": {
    "screenshots": 140,
    "perPhase": 70,
    "themes": 5,
    "viewports": {
      "desktop": [
        1440,
        1000
      ],
      "phone": [
        390,
        844
      ]
    },
    "perViewport": [
      "ordinary user-chat link",
      "Note",
      "Tip",
      "Important",
      "Warning",
      "Caution",
      "file-backed Plan link"
    ],
    "states": [
      "normal",
      "hover"
    ],
    "method": "Real control-openhands Chrome interactions and computed rendered CSS. Ancestor backgrounds composite in-browser using canvas, then WCAG relative luminance contrast. Alpha byte rounding may differ slightly from ideal palette arithmetic.",
    "geometryUnchanged": true,
    "insideViewport": true,
    "horizontalOverflow": false,
    "allLinkDestinationsAndSafeNewTabAttributesRetained": true,
    "afterAllLinksPermanentlyUnderlined": true
  },
  "runtime": {
    "before": {
      "executionStatus": "error",
      "eventKindCounts": {
        "SystemPromptEvent": 1,
        "MessageEvent": 1,
        "ConversationStateUpdateEvent": 3,
        "ConversationErrorEvent": 1
      },
      "realUserMessagePresent": true,
      "actionEvents": 0,
      "externalModelEndpoint": false
    },
    "after": {
      "executionStatus": "error",
      "eventKindCounts": {
        "SystemPromptEvent": 1,
        "MessageEvent": 1,
        "ConversationStateUpdateEvent": 3,
        "ConversationErrorEvent": 1
      },
      "realUserMessagePresent": true,
      "actionEvents": 0,
      "externalModelEndpoint": false
    }
  },
  "fixtureScope": "Generated public example.com QA Markdown was sent through the real composer in a real LocalWorkspace conversation. A generated PLAN.md was read through the actual Planner tab. A dummy profile points only to nonworking127.0.0.1:9; the real model request fails with execution_status error. No external model access, tool actions, synthetic events, mocked live API, frontend state injection or secret lookup.",
  "scopeLimits": [
    "Measured links only. Existing alert title, icon, body and border styling is unchanged and this is not an accessibility claim for the whole alert.",
    "Single supported alert tints are covered; arbitrary nested alert compositions are not claimed.",
    "The final exact-head packet uses real user-chat content and file-backed Plan content. Earlier ordinary agent/Plan evidence from the root is complementary, not substituted for this new-head proof."
  ],
  "verification": {
    "tddRed": "The composite contract failed for both light palettes at previousHead.",
    "focusedFiles": 4,
    "focusedPassed": 64,
    "lintErrors": 0,
    "lintWarnings": 666,
    "remoteCiRun": 38874301075,
    "remoteCiStatusAtCapture": "running; final status verified separately before review"
  },
  "statistics": {
    "before": {
      "allLinksMin": 2.343035290364263,
      "byKind": {
        "plain": 2.7982420747774337,
        "note": 2.536470191733691,
        "tip": 2.442126404281051,
        "important": 2.5137011945622763,
        "warning": 2.343035290364263,
        "caution": 2.4676161942918777,
        "plan": 3.0701288337205233
      },
      "byTheme": {
        "light-plus": 2.593589615738868,
        "solarized-light": 2.4676161942918777,
        "openhands-deepsea": 2.343035290364263,
        "openhands-neutral": 2.8307652763496045,
        "openhands-neo": 2.8307652763496045
      }
    },
    "after": {
      "allLinksMin": 4.888389454085362,
      "byKind": {
        "plain": 5.6038699338097455,
        "note": 5.048916852353414,
        "tip": 5.176255620901357,
        "important": 4.979684619773796,
        "warning": 5.368265823751874,
        "caution": 4.888389454085362,
        "plan": 6.081977192465939
      },
      "byTheme": {
        "light-plus": 4.954282142745878,
        "solarized-light": 4.888389454085362,
        "openhands-deepsea": 7.839975014233531,
        "openhands-neutral": 9.01386923320734,
        "openhands-neo": 9.01386923320734
      }
    }
  },
  "measurements": [
    {
      "phase": "before",
      "theme": "light-plus",
      "viewportName": "desktop",
      "kind": "plain",
      "normal": {
        "text": "External docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          229,
          229,
          229
        ],
        "contrast": 2.9862703727506066,
        "box": {
          "x": 518,
          "y": 90,
          "width": 704,
          "height": 24
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/plain",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "External docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          229,
          229,
          229
        ],
        "contrast": 2.9862703727506066,
        "box": {
          "x": 518,
          "y": 90,
          "width": 704,
          "height": 24
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plain",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "light-plus",
      "viewportName": "desktop",
      "kind": "note",
      "normal": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          210,
          219,
          232
        ],
        "contrast": 2.6855888013668463,
        "box": {
          "x": 518,
          "y": 126,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/note",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          210,
          219,
          232
        ],
        "contrast": 2.6855888013668463,
        "box": {
          "x": 518,
          "y": 126,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/note",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "light-plus",
      "viewportName": "desktop",
      "kind": "tip",
      "normal": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          206,
          225,
          218
        ],
        "contrast": 2.750042718181541,
        "box": {
          "x": 518,
          "y": 202,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/tip",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          206,
          225,
          218
        ],
        "contrast": 2.750042718181541,
        "box": {
          "x": 518,
          "y": 202,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/tip",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "light-plus",
      "viewportName": "desktop",
      "kind": "important",
      "normal": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          223,
          213,
          232
        ],
        "contrast": 2.6466486446577693,
        "box": {
          "x": 518,
          "y": 278,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/important",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          223,
          213,
          232
        ],
        "contrast": 2.6466486446577693,
        "box": {
          "x": 518,
          "y": 278,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/important",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "light-plus",
      "viewportName": "desktop",
      "kind": "warning",
      "normal": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          230,
          224,
          206
        ],
        "contrast": 2.842730765176431,
        "box": {
          "x": 518,
          "y": 354,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/warning",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          230,
          224,
          206
        ],
        "contrast": 2.842730765176431,
        "box": {
          "x": 518,
          "y": 354,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/warning",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "light-plus",
      "viewportName": "desktop",
      "kind": "caution",
      "normal": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          232,
          209,
          215
        ],
        "contrast": 2.593589615738868,
        "box": {
          "x": 518,
          "y": 430,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/caution",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          232,
          209,
          215
        ],
        "contrast": 2.593589615738868,
        "box": {
          "x": 518,
          "y": 430,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/caution",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "light-plus",
      "viewportName": "desktop",
      "kind": "plan",
      "normal": {
        "text": "Plan docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          243,
          243,
          243
        ],
        "contrast": 3.3901475894085427,
        "box": {
          "x": 887,
          "y": 127,
          "width": 537,
          "height": 34
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/plan",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Plan docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          243,
          243,
          243
        ],
        "contrast": 3.3901475894085427,
        "box": {
          "x": 887,
          "y": 127,
          "width": 537,
          "height": 34
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plan",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "light-plus",
      "viewportName": "phone",
      "kind": "plain",
      "normal": {
        "text": "External docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          229,
          229,
          229
        ],
        "contrast": 2.9862703727506066,
        "box": {
          "x": 32,
          "y": 90,
          "width": 326,
          "height": 24
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/plain",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "External docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          229,
          229,
          229
        ],
        "contrast": 2.9862703727506066,
        "box": {
          "x": 32,
          "y": 90,
          "width": 326,
          "height": 24
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plain",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "light-plus",
      "viewportName": "phone",
      "kind": "note",
      "normal": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          210,
          219,
          232
        ],
        "contrast": 2.6855888013668463,
        "box": {
          "x": 32,
          "y": 126,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/note",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          210,
          219,
          232
        ],
        "contrast": 2.6855888013668463,
        "box": {
          "x": 32,
          "y": 126,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/note",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "light-plus",
      "viewportName": "phone",
      "kind": "tip",
      "normal": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          206,
          225,
          218
        ],
        "contrast": 2.750042718181541,
        "box": {
          "x": 32,
          "y": 202,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/tip",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          206,
          225,
          218
        ],
        "contrast": 2.750042718181541,
        "box": {
          "x": 32,
          "y": 202,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/tip",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "light-plus",
      "viewportName": "phone",
      "kind": "important",
      "normal": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          223,
          213,
          232
        ],
        "contrast": 2.6466486446577693,
        "box": {
          "x": 32,
          "y": 278,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/important",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          223,
          213,
          232
        ],
        "contrast": 2.6466486446577693,
        "box": {
          "x": 32,
          "y": 278,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/important",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "light-plus",
      "viewportName": "phone",
      "kind": "warning",
      "normal": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          230,
          224,
          206
        ],
        "contrast": 2.842730765176431,
        "box": {
          "x": 32,
          "y": 354,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/warning",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          230,
          224,
          206
        ],
        "contrast": 2.842730765176431,
        "box": {
          "x": 32,
          "y": 354,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/warning",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "light-plus",
      "viewportName": "phone",
      "kind": "caution",
      "normal": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          232,
          209,
          215
        ],
        "contrast": 2.593589615738868,
        "box": {
          "x": 32,
          "y": 430,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/caution",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          232,
          209,
          215
        ],
        "contrast": 2.593589615738868,
        "box": {
          "x": 32,
          "y": 430,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/caution",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "light-plus",
      "viewportName": "phone",
      "kind": "plan",
      "normal": {
        "text": "Plan docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          243,
          243,
          243
        ],
        "contrast": 3.3901475894085427,
        "box": {
          "x": 16,
          "y": 126,
          "width": 358,
          "height": 58
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/plan",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Plan docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          243,
          243,
          243
        ],
        "contrast": 3.3901475894085427,
        "box": {
          "x": 16,
          "y": 126,
          "width": 358,
          "height": 58
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plan",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "solarized-light",
      "viewportName": "desktop",
      "kind": "plain",
      "normal": {
        "text": "External docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          230,
          223,
          204
        ],
        "contrast": 2.8287844757986025,
        "box": {
          "x": 518,
          "y": 90,
          "width": 704,
          "height": 24
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/plain",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "External docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          230,
          223,
          204
        ],
        "contrast": 2.8287844757986025,
        "box": {
          "x": 518,
          "y": 90,
          "width": 704,
          "height": 24
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plain",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "solarized-light",
      "viewportName": "desktop",
      "kind": "note",
      "normal": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          211,
          213,
          209
        ],
        "contrast": 2.5486490193796447,
        "box": {
          "x": 518,
          "y": 126,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/note",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          211,
          213,
          209
        ],
        "contrast": 2.5486490193796447,
        "box": {
          "x": 518,
          "y": 126,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/note",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "solarized-light",
      "viewportName": "desktop",
      "kind": "tip",
      "normal": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          207,
          219,
          195
        ],
        "contrast": 2.6129285147802177,
        "box": {
          "x": 518,
          "y": 202,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/tip",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          207,
          219,
          195
        ],
        "contrast": 2.6129285147802177,
        "box": {
          "x": 518,
          "y": 202,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/tip",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "solarized-light",
      "viewportName": "desktop",
      "kind": "important",
      "normal": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          224,
          207,
          209
        ],
        "contrast": 2.5137011945622763,
        "box": {
          "x": 518,
          "y": 278,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/important",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          224,
          207,
          209
        ],
        "contrast": 2.5137011945622763,
        "box": {
          "x": 518,
          "y": 278,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/important",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "solarized-light",
      "viewportName": "desktop",
      "kind": "warning",
      "normal": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          231,
          218,
          183
        ],
        "contrast": 2.7098535839616904,
        "box": {
          "x": 518,
          "y": 354,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/warning",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          231,
          218,
          183
        ],
        "contrast": 2.7098535839616904,
        "box": {
          "x": 518,
          "y": 354,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/warning",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "solarized-light",
      "viewportName": "desktop",
      "kind": "caution",
      "normal": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          233,
          203,
          192
        ],
        "contrast": 2.4676161942918777,
        "box": {
          "x": 518,
          "y": 430,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/caution",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          233,
          203,
          192
        ],
        "contrast": 2.4676161942918777,
        "box": {
          "x": 518,
          "y": 430,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/caution",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "solarized-light",
      "viewportName": "desktop",
      "kind": "plan",
      "normal": {
        "text": "Plan docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          238,
          232,
          213
        ],
        "contrast": 3.0701288337205233,
        "box": {
          "x": 887,
          "y": 127,
          "width": 537,
          "height": 34
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/plan",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Plan docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          238,
          232,
          213
        ],
        "contrast": 3.0701288337205233,
        "box": {
          "x": 887,
          "y": 127,
          "width": 537,
          "height": 34
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plan",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "solarized-light",
      "viewportName": "phone",
      "kind": "plain",
      "normal": {
        "text": "External docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          230,
          223,
          204
        ],
        "contrast": 2.8287844757986025,
        "box": {
          "x": 32,
          "y": 90,
          "width": 326,
          "height": 24
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/plain",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "External docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          230,
          223,
          204
        ],
        "contrast": 2.8287844757986025,
        "box": {
          "x": 32,
          "y": 90,
          "width": 326,
          "height": 24
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plain",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "solarized-light",
      "viewportName": "phone",
      "kind": "note",
      "normal": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          211,
          213,
          209
        ],
        "contrast": 2.5486490193796447,
        "box": {
          "x": 32,
          "y": 126,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/note",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          211,
          213,
          209
        ],
        "contrast": 2.5486490193796447,
        "box": {
          "x": 32,
          "y": 126,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/note",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "solarized-light",
      "viewportName": "phone",
      "kind": "tip",
      "normal": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          207,
          219,
          195
        ],
        "contrast": 2.6129285147802177,
        "box": {
          "x": 32,
          "y": 202,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/tip",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          207,
          219,
          195
        ],
        "contrast": 2.6129285147802177,
        "box": {
          "x": 32,
          "y": 202,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/tip",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "solarized-light",
      "viewportName": "phone",
      "kind": "important",
      "normal": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          224,
          207,
          209
        ],
        "contrast": 2.5137011945622763,
        "box": {
          "x": 32,
          "y": 278,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/important",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          224,
          207,
          209
        ],
        "contrast": 2.5137011945622763,
        "box": {
          "x": 32,
          "y": 278,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/important",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "solarized-light",
      "viewportName": "phone",
      "kind": "warning",
      "normal": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          231,
          218,
          183
        ],
        "contrast": 2.7098535839616904,
        "box": {
          "x": 32,
          "y": 354,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/warning",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          231,
          218,
          183
        ],
        "contrast": 2.7098535839616904,
        "box": {
          "x": 32,
          "y": 354,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/warning",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "solarized-light",
      "viewportName": "phone",
      "kind": "caution",
      "normal": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          233,
          203,
          192
        ],
        "contrast": 2.4676161942918777,
        "box": {
          "x": 32,
          "y": 430,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/caution",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          233,
          203,
          192
        ],
        "contrast": 2.4676161942918777,
        "box": {
          "x": 32,
          "y": 430,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/caution",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "solarized-light",
      "viewportName": "phone",
      "kind": "plan",
      "normal": {
        "text": "Plan docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          238,
          232,
          213
        ],
        "contrast": 3.0701288337205233,
        "box": {
          "x": 16,
          "y": 126,
          "width": 358,
          "height": 58
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/plan",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Plan docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          238,
          232,
          213
        ],
        "contrast": 3.0701288337205233,
        "box": {
          "x": 16,
          "y": 126,
          "width": 358,
          "height": 58
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plan",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "openhands-deepsea",
      "viewportName": "desktop",
      "kind": "plain",
      "normal": {
        "text": "External docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          56,
          63,
          80
        ],
        "contrast": 2.7982420747774337,
        "box": {
          "x": 518,
          "y": 90,
          "width": 704,
          "height": 24
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/plain",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "External docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          56,
          63,
          80
        ],
        "contrast": 2.7982420747774337,
        "box": {
          "x": 518,
          "y": 90,
          "width": 704,
          "height": 24
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plain",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "openhands-deepsea",
      "viewportName": "desktop",
      "kind": "note",
      "normal": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          54,
          70,
          98
        ],
        "contrast": 2.536470191733691,
        "box": {
          "x": 518,
          "y": 126,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/note",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          54,
          70,
          98
        ],
        "contrast": 2.536470191733691,
        "box": {
          "x": 518,
          "y": 126,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/note",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "openhands-deepsea",
      "viewportName": "desktop",
      "kind": "tip",
      "normal": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          50,
          76,
          84
        ],
        "contrast": 2.442126404281051,
        "box": {
          "x": 518,
          "y": 202,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/tip",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          50,
          76,
          84
        ],
        "contrast": 2.442126404281051,
        "box": {
          "x": 518,
          "y": 202,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/tip",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "openhands-deepsea",
      "viewportName": "desktop",
      "kind": "important",
      "normal": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          67,
          64,
          98
        ],
        "contrast": 2.607024518652397,
        "box": {
          "x": 518,
          "y": 278,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/important",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          67,
          64,
          98
        ],
        "contrast": 2.607024518652397,
        "box": {
          "x": 518,
          "y": 278,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/important",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "openhands-deepsea",
      "viewportName": "desktop",
      "kind": "warning",
      "normal": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          74,
          75,
          72
        ],
        "contrast": 2.343035290364263,
        "box": {
          "x": 518,
          "y": 354,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/warning",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          74,
          75,
          72
        ],
        "contrast": 2.343035290364263,
        "box": {
          "x": 518,
          "y": 354,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/warning",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "openhands-deepsea",
      "viewportName": "desktop",
      "kind": "caution",
      "normal": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          76,
          60,
          81
        ],
        "contrast": 2.7039579280491766,
        "box": {
          "x": 518,
          "y": 430,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/caution",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          76,
          60,
          81
        ],
        "contrast": 2.7039579280491766,
        "box": {
          "x": 518,
          "y": 430,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/caution",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "openhands-deepsea",
      "viewportName": "desktop",
      "kind": "plan",
      "normal": {
        "text": "Plan docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          33,
          37,
          47
        ],
        "contrast": 4.073779590871984,
        "box": {
          "x": 887,
          "y": 127,
          "width": 537,
          "height": 34
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/plan",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Plan docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          33,
          37,
          47
        ],
        "contrast": 4.073779590871984,
        "box": {
          "x": 887,
          "y": 127,
          "width": 537,
          "height": 34
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plan",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "openhands-deepsea",
      "viewportName": "phone",
      "kind": "plain",
      "normal": {
        "text": "External docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          56,
          63,
          80
        ],
        "contrast": 2.7982420747774337,
        "box": {
          "x": 32,
          "y": 90,
          "width": 326,
          "height": 24
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/plain",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "External docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          56,
          63,
          80
        ],
        "contrast": 2.7982420747774337,
        "box": {
          "x": 32,
          "y": 90,
          "width": 326,
          "height": 24
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plain",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "openhands-deepsea",
      "viewportName": "phone",
      "kind": "note",
      "normal": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          54,
          70,
          98
        ],
        "contrast": 2.536470191733691,
        "box": {
          "x": 32,
          "y": 126,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/note",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          54,
          70,
          98
        ],
        "contrast": 2.536470191733691,
        "box": {
          "x": 32,
          "y": 126,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/note",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "openhands-deepsea",
      "viewportName": "phone",
      "kind": "tip",
      "normal": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          50,
          76,
          84
        ],
        "contrast": 2.442126404281051,
        "box": {
          "x": 32,
          "y": 202,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/tip",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          50,
          76,
          84
        ],
        "contrast": 2.442126404281051,
        "box": {
          "x": 32,
          "y": 202,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/tip",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "openhands-deepsea",
      "viewportName": "phone",
      "kind": "important",
      "normal": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          67,
          64,
          98
        ],
        "contrast": 2.607024518652397,
        "box": {
          "x": 32,
          "y": 278,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/important",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          67,
          64,
          98
        ],
        "contrast": 2.607024518652397,
        "box": {
          "x": 32,
          "y": 278,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/important",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "openhands-deepsea",
      "viewportName": "phone",
      "kind": "warning",
      "normal": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          74,
          75,
          72
        ],
        "contrast": 2.343035290364263,
        "box": {
          "x": 32,
          "y": 354,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/warning",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          74,
          75,
          72
        ],
        "contrast": 2.343035290364263,
        "box": {
          "x": 32,
          "y": 354,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/warning",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "openhands-deepsea",
      "viewportName": "phone",
      "kind": "caution",
      "normal": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          76,
          60,
          81
        ],
        "contrast": 2.7039579280491766,
        "box": {
          "x": 32,
          "y": 430,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/caution",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          76,
          60,
          81
        ],
        "contrast": 2.7039579280491766,
        "box": {
          "x": 32,
          "y": 430,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/caution",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "openhands-deepsea",
      "viewportName": "phone",
      "kind": "plan",
      "normal": {
        "text": "Plan docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          33,
          37,
          47
        ],
        "contrast": 4.073779590871984,
        "box": {
          "x": 16,
          "y": 126,
          "width": 358,
          "height": 58
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/plan",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Plan docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          33,
          37,
          47
        ],
        "contrast": 4.073779590871984,
        "box": {
          "x": 16,
          "y": 126,
          "width": 358,
          "height": 58
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plan",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "openhands-neutral",
      "viewportName": "desktop",
      "kind": "plain",
      "normal": {
        "text": "External docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          49,
          49,
          49
        ],
        "contrast": 3.458201477370315,
        "box": {
          "x": 518,
          "y": 90,
          "width": 704,
          "height": 24
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/plain",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "External docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          49,
          49,
          49
        ],
        "contrast": 3.458201477370315,
        "box": {
          "x": 518,
          "y": 90,
          "width": 704,
          "height": 24
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plain",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "openhands-neutral",
      "viewportName": "desktop",
      "kind": "note",
      "normal": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          48,
          57,
          70
        ],
        "contrast": 3.100738605863993,
        "box": {
          "x": 518,
          "y": 126,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/note",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          48,
          57,
          70
        ],
        "contrast": 3.100738605863993,
        "box": {
          "x": 518,
          "y": 126,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/note",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "openhands-neutral",
      "viewportName": "desktop",
      "kind": "tip",
      "normal": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          44,
          63,
          56
        ],
        "contrast": 2.9779611104332897,
        "box": {
          "x": 518,
          "y": 202,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/tip",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          44,
          63,
          56
        ],
        "contrast": 2.9779611104332897,
        "box": {
          "x": 518,
          "y": 202,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/tip",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "openhands-neutral",
      "viewportName": "desktop",
      "kind": "important",
      "normal": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          61,
          51,
          70
        ],
        "contrast": 3.1695428338532814,
        "box": {
          "x": 518,
          "y": 278,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/important",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          61,
          51,
          70
        ],
        "contrast": 3.1695428338532814,
        "box": {
          "x": 518,
          "y": 278,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/important",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "openhands-neutral",
      "viewportName": "desktop",
      "kind": "warning",
      "normal": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          68,
          62,
          44
        ],
        "contrast": 2.8307652763496045,
        "box": {
          "x": 518,
          "y": 354,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/warning",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          68,
          62,
          44
        ],
        "contrast": 2.8307652763496045,
        "box": {
          "x": 518,
          "y": 354,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/warning",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "openhands-neutral",
      "viewportName": "desktop",
      "kind": "caution",
      "normal": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          70,
          47,
          53
        ],
        "contrast": 3.2497928597419503,
        "box": {
          "x": 518,
          "y": 430,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/caution",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          70,
          47,
          53
        ],
        "contrast": 3.2497928597419503,
        "box": {
          "x": 518,
          "y": 430,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/caution",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "openhands-neutral",
      "viewportName": "desktop",
      "kind": "plan",
      "normal": {
        "text": "Plan docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          32,
          32,
          32
        ],
        "contrast": 4.331264784740564,
        "box": {
          "x": 887,
          "y": 127,
          "width": 537,
          "height": 34
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/plan",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Plan docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          32,
          32,
          32
        ],
        "contrast": 4.331264784740564,
        "box": {
          "x": 887,
          "y": 127,
          "width": 537,
          "height": 34
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plan",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "openhands-neutral",
      "viewportName": "phone",
      "kind": "plain",
      "normal": {
        "text": "External docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          49,
          49,
          49
        ],
        "contrast": 3.458201477370315,
        "box": {
          "x": 32,
          "y": 90,
          "width": 326,
          "height": 24
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/plain",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "External docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          49,
          49,
          49
        ],
        "contrast": 3.458201477370315,
        "box": {
          "x": 32,
          "y": 90,
          "width": 326,
          "height": 24
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plain",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "openhands-neutral",
      "viewportName": "phone",
      "kind": "note",
      "normal": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          48,
          57,
          70
        ],
        "contrast": 3.100738605863993,
        "box": {
          "x": 32,
          "y": 126,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/note",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          48,
          57,
          70
        ],
        "contrast": 3.100738605863993,
        "box": {
          "x": 32,
          "y": 126,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/note",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "openhands-neutral",
      "viewportName": "phone",
      "kind": "tip",
      "normal": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          44,
          63,
          56
        ],
        "contrast": 2.9779611104332897,
        "box": {
          "x": 32,
          "y": 202,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/tip",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          44,
          63,
          56
        ],
        "contrast": 2.9779611104332897,
        "box": {
          "x": 32,
          "y": 202,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/tip",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "openhands-neutral",
      "viewportName": "phone",
      "kind": "important",
      "normal": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          61,
          51,
          70
        ],
        "contrast": 3.1695428338532814,
        "box": {
          "x": 32,
          "y": 278,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/important",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          61,
          51,
          70
        ],
        "contrast": 3.1695428338532814,
        "box": {
          "x": 32,
          "y": 278,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/important",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "openhands-neutral",
      "viewportName": "phone",
      "kind": "warning",
      "normal": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          68,
          62,
          44
        ],
        "contrast": 2.8307652763496045,
        "box": {
          "x": 32,
          "y": 354,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/warning",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          68,
          62,
          44
        ],
        "contrast": 2.8307652763496045,
        "box": {
          "x": 32,
          "y": 354,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/warning",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "openhands-neutral",
      "viewportName": "phone",
      "kind": "caution",
      "normal": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          70,
          47,
          53
        ],
        "contrast": 3.2497928597419503,
        "box": {
          "x": 32,
          "y": 430,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/caution",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          70,
          47,
          53
        ],
        "contrast": 3.2497928597419503,
        "box": {
          "x": 32,
          "y": 430,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/caution",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "openhands-neutral",
      "viewportName": "phone",
      "kind": "plan",
      "normal": {
        "text": "Plan docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          32,
          32,
          32
        ],
        "contrast": 4.331264784740564,
        "box": {
          "x": 16,
          "y": 126,
          "width": 358,
          "height": 58
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/plan",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Plan docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          32,
          32,
          32
        ],
        "contrast": 4.331264784740564,
        "box": {
          "x": 16,
          "y": 126,
          "width": 358,
          "height": 58
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plan",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "openhands-neo",
      "viewportName": "desktop",
      "kind": "plain",
      "normal": {
        "text": "External docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          49,
          49,
          49
        ],
        "contrast": 3.458201477370315,
        "box": {
          "x": 518,
          "y": 90,
          "width": 704,
          "height": 24
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/plain",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "External docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          49,
          49,
          49
        ],
        "contrast": 3.458201477370315,
        "box": {
          "x": 518,
          "y": 90,
          "width": 704,
          "height": 24
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plain",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "openhands-neo",
      "viewportName": "desktop",
      "kind": "note",
      "normal": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          48,
          57,
          70
        ],
        "contrast": 3.100738605863993,
        "box": {
          "x": 518,
          "y": 126,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/note",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          48,
          57,
          70
        ],
        "contrast": 3.100738605863993,
        "box": {
          "x": 518,
          "y": 126,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/note",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "openhands-neo",
      "viewportName": "desktop",
      "kind": "tip",
      "normal": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          44,
          63,
          56
        ],
        "contrast": 2.9779611104332897,
        "box": {
          "x": 518,
          "y": 202,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/tip",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          44,
          63,
          56
        ],
        "contrast": 2.9779611104332897,
        "box": {
          "x": 518,
          "y": 202,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/tip",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "openhands-neo",
      "viewportName": "desktop",
      "kind": "important",
      "normal": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          61,
          51,
          70
        ],
        "contrast": 3.1695428338532814,
        "box": {
          "x": 518,
          "y": 278,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/important",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          61,
          51,
          70
        ],
        "contrast": 3.1695428338532814,
        "box": {
          "x": 518,
          "y": 278,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/important",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "openhands-neo",
      "viewportName": "desktop",
      "kind": "warning",
      "normal": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          68,
          62,
          44
        ],
        "contrast": 2.8307652763496045,
        "box": {
          "x": 518,
          "y": 354,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/warning",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          68,
          62,
          44
        ],
        "contrast": 2.8307652763496045,
        "box": {
          "x": 518,
          "y": 354,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/warning",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "openhands-neo",
      "viewportName": "desktop",
      "kind": "caution",
      "normal": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          70,
          47,
          53
        ],
        "contrast": 3.2497928597419503,
        "box": {
          "x": 518,
          "y": 430,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/caution",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          70,
          47,
          53
        ],
        "contrast": 3.2497928597419503,
        "box": {
          "x": 518,
          "y": 430,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/caution",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "openhands-neo",
      "viewportName": "desktop",
      "kind": "plan",
      "normal": {
        "text": "Plan docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          32,
          32,
          32
        ],
        "contrast": 4.331264784740564,
        "box": {
          "x": 887,
          "y": 127,
          "width": 537,
          "height": 34
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/plan",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Plan docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          32,
          32,
          32
        ],
        "contrast": 4.331264784740564,
        "box": {
          "x": 887,
          "y": 127,
          "width": 537,
          "height": 34
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plan",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "openhands-neo",
      "viewportName": "phone",
      "kind": "plain",
      "normal": {
        "text": "External docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          49,
          49,
          49
        ],
        "contrast": 3.458201477370315,
        "box": {
          "x": 32,
          "y": 90,
          "width": 326,
          "height": 24
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/plain",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "External docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          49,
          49,
          49
        ],
        "contrast": 3.458201477370315,
        "box": {
          "x": 32,
          "y": 90,
          "width": 326,
          "height": 24
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plain",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "openhands-neo",
      "viewportName": "phone",
      "kind": "note",
      "normal": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          48,
          57,
          70
        ],
        "contrast": 3.100738605863993,
        "box": {
          "x": 32,
          "y": 126,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/note",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          48,
          57,
          70
        ],
        "contrast": 3.100738605863993,
        "box": {
          "x": 32,
          "y": 126,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/note",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "openhands-neo",
      "viewportName": "phone",
      "kind": "tip",
      "normal": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          44,
          63,
          56
        ],
        "contrast": 2.9779611104332897,
        "box": {
          "x": 32,
          "y": 202,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/tip",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          44,
          63,
          56
        ],
        "contrast": 2.9779611104332897,
        "box": {
          "x": 32,
          "y": 202,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/tip",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "openhands-neo",
      "viewportName": "phone",
      "kind": "important",
      "normal": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          61,
          51,
          70
        ],
        "contrast": 3.1695428338532814,
        "box": {
          "x": 32,
          "y": 278,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/important",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          61,
          51,
          70
        ],
        "contrast": 3.1695428338532814,
        "box": {
          "x": 32,
          "y": 278,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/important",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "openhands-neo",
      "viewportName": "phone",
      "kind": "warning",
      "normal": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          68,
          62,
          44
        ],
        "contrast": 2.8307652763496045,
        "box": {
          "x": 32,
          "y": 354,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/warning",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          68,
          62,
          44
        ],
        "contrast": 2.8307652763496045,
        "box": {
          "x": 32,
          "y": 354,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/warning",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "openhands-neo",
      "viewportName": "phone",
      "kind": "caution",
      "normal": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          70,
          47,
          53
        ],
        "contrast": 3.2497928597419503,
        "box": {
          "x": 32,
          "y": 430,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/caution",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          70,
          47,
          53
        ],
        "contrast": 3.2497928597419503,
        "box": {
          "x": 32,
          "y": 430,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/caution",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "before",
      "theme": "openhands-neo",
      "viewportName": "phone",
      "kind": "plan",
      "normal": {
        "text": "Plan docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          32,
          32,
          32
        ],
        "contrast": 4.331264784740564,
        "box": {
          "x": 16,
          "y": 126,
          "width": 358,
          "height": 58
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "none",
        "href": "https://example.com/qa/plan",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Plan docs",
        "color": "oklch(0.623 0.214 259.815)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          32,
          32,
          32
        ],
        "contrast": 4.331264784740564,
        "box": {
          "x": 16,
          "y": 126,
          "width": 358,
          "height": 58
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plan",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "light-plus",
      "viewportName": "desktop",
      "kind": "plain",
      "normal": {
        "text": "External docs",
        "color": "rgb(0, 90, 153)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          229,
          229,
          229
        ],
        "contrast": 5.704382023797786,
        "box": {
          "x": 518,
          "y": 90,
          "width": 704,
          "height": 24
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plain",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "External docs",
        "color": "rgb(0, 90, 153)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          229,
          229,
          229
        ],
        "contrast": 5.704382023797786,
        "box": {
          "x": 518,
          "y": 90,
          "width": 704,
          "height": 24
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plain",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "light-plus",
      "viewportName": "desktop",
      "kind": "note",
      "normal": {
        "text": "Alert docs",
        "color": "rgb(0, 90, 153)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          210,
          219,
          232
        ],
        "contrast": 5.1300192446134805,
        "box": {
          "x": 518,
          "y": 126,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/note",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "rgb(0, 90, 153)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          210,
          219,
          232
        ],
        "contrast": 5.1300192446134805,
        "box": {
          "x": 518,
          "y": 126,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/note",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "light-plus",
      "viewportName": "desktop",
      "kind": "tip",
      "normal": {
        "text": "Alert docs",
        "color": "rgb(0, 90, 153)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          206,
          225,
          218
        ],
        "contrast": 5.25313929690213,
        "box": {
          "x": 518,
          "y": 202,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/tip",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "rgb(0, 90, 153)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          206,
          225,
          218
        ],
        "contrast": 5.25313929690213,
        "box": {
          "x": 518,
          "y": 202,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/tip",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "light-plus",
      "viewportName": "desktop",
      "kind": "important",
      "normal": {
        "text": "Alert docs",
        "color": "rgb(0, 90, 153)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          223,
          213,
          232
        ],
        "contrast": 5.05563564828475,
        "box": {
          "x": 518,
          "y": 278,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/important",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "rgb(0, 90, 153)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          223,
          213,
          232
        ],
        "contrast": 5.05563564828475,
        "box": {
          "x": 518,
          "y": 278,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/important",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "light-plus",
      "viewportName": "desktop",
      "kind": "warning",
      "normal": {
        "text": "Alert docs",
        "color": "rgb(0, 90, 153)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          230,
          224,
          206
        ],
        "contrast": 5.430192263680746,
        "box": {
          "x": 518,
          "y": 354,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/warning",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "rgb(0, 90, 153)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          230,
          224,
          206
        ],
        "contrast": 5.430192263680746,
        "box": {
          "x": 518,
          "y": 354,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/warning",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "light-plus",
      "viewportName": "desktop",
      "kind": "caution",
      "normal": {
        "text": "Alert docs",
        "color": "rgb(0, 90, 153)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          232,
          209,
          215
        ],
        "contrast": 4.954282142745878,
        "box": {
          "x": 518,
          "y": 430,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/caution",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "rgb(0, 90, 153)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          232,
          209,
          215
        ],
        "contrast": 4.954282142745878,
        "box": {
          "x": 518,
          "y": 430,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/caution",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "light-plus",
      "viewportName": "desktop",
      "kind": "plan",
      "normal": {
        "text": "Plan docs",
        "color": "rgb(0, 90, 153)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          243,
          243,
          243
        ],
        "contrast": 6.475869413401748,
        "box": {
          "x": 887,
          "y": 127,
          "width": 537,
          "height": 34
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plan",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Plan docs",
        "color": "rgb(0, 90, 153)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          243,
          243,
          243
        ],
        "contrast": 6.475869413401748,
        "box": {
          "x": 887,
          "y": 127,
          "width": 537,
          "height": 34
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plan",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "light-plus",
      "viewportName": "phone",
      "kind": "plain",
      "normal": {
        "text": "External docs",
        "color": "rgb(0, 90, 153)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          229,
          229,
          229
        ],
        "contrast": 5.704382023797786,
        "box": {
          "x": 32,
          "y": 90,
          "width": 326,
          "height": 24
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plain",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "External docs",
        "color": "rgb(0, 90, 153)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          229,
          229,
          229
        ],
        "contrast": 5.704382023797786,
        "box": {
          "x": 32,
          "y": 90,
          "width": 326,
          "height": 24
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plain",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "light-plus",
      "viewportName": "phone",
      "kind": "note",
      "normal": {
        "text": "Alert docs",
        "color": "rgb(0, 90, 153)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          210,
          219,
          232
        ],
        "contrast": 5.1300192446134805,
        "box": {
          "x": 32,
          "y": 126,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/note",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "rgb(0, 90, 153)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          210,
          219,
          232
        ],
        "contrast": 5.1300192446134805,
        "box": {
          "x": 32,
          "y": 126,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/note",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "light-plus",
      "viewportName": "phone",
      "kind": "tip",
      "normal": {
        "text": "Alert docs",
        "color": "rgb(0, 90, 153)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          206,
          225,
          218
        ],
        "contrast": 5.25313929690213,
        "box": {
          "x": 32,
          "y": 202,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/tip",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "rgb(0, 90, 153)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          206,
          225,
          218
        ],
        "contrast": 5.25313929690213,
        "box": {
          "x": 32,
          "y": 202,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/tip",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "light-plus",
      "viewportName": "phone",
      "kind": "important",
      "normal": {
        "text": "Alert docs",
        "color": "rgb(0, 90, 153)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          223,
          213,
          232
        ],
        "contrast": 5.05563564828475,
        "box": {
          "x": 32,
          "y": 278,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/important",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "rgb(0, 90, 153)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          223,
          213,
          232
        ],
        "contrast": 5.05563564828475,
        "box": {
          "x": 32,
          "y": 278,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/important",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "light-plus",
      "viewportName": "phone",
      "kind": "warning",
      "normal": {
        "text": "Alert docs",
        "color": "rgb(0, 90, 153)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          230,
          224,
          206
        ],
        "contrast": 5.430192263680746,
        "box": {
          "x": 32,
          "y": 354,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/warning",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "rgb(0, 90, 153)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          230,
          224,
          206
        ],
        "contrast": 5.430192263680746,
        "box": {
          "x": 32,
          "y": 354,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/warning",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "light-plus",
      "viewportName": "phone",
      "kind": "caution",
      "normal": {
        "text": "Alert docs",
        "color": "rgb(0, 90, 153)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          232,
          209,
          215
        ],
        "contrast": 4.954282142745878,
        "box": {
          "x": 32,
          "y": 430,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/caution",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "rgb(0, 90, 153)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          232,
          209,
          215
        ],
        "contrast": 4.954282142745878,
        "box": {
          "x": 32,
          "y": 430,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/caution",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "light-plus",
      "viewportName": "phone",
      "kind": "plan",
      "normal": {
        "text": "Plan docs",
        "color": "rgb(0, 90, 153)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          243,
          243,
          243
        ],
        "contrast": 6.475869413401748,
        "box": {
          "x": 16,
          "y": 126,
          "width": 358,
          "height": 58
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plan",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Plan docs",
        "color": "rgb(0, 90, 153)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          243,
          243,
          243
        ],
        "contrast": 6.475869413401748,
        "box": {
          "x": 16,
          "y": 126,
          "width": 358,
          "height": 58
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plan",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "solarized-light",
      "viewportName": "desktop",
      "kind": "plain",
      "normal": {
        "text": "External docs",
        "color": "rgb(0, 90, 136)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          230,
          223,
          204
        ],
        "contrast": 5.6038699338097455,
        "box": {
          "x": 518,
          "y": 90,
          "width": 704,
          "height": 24
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plain",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "External docs",
        "color": "rgb(0, 90, 136)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          230,
          223,
          204
        ],
        "contrast": 5.6038699338097455,
        "box": {
          "x": 518,
          "y": 90,
          "width": 704,
          "height": 24
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plain",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "solarized-light",
      "viewportName": "desktop",
      "kind": "note",
      "normal": {
        "text": "Alert docs",
        "color": "rgb(0, 90, 136)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          211,
          213,
          209
        ],
        "contrast": 5.048916852353414,
        "box": {
          "x": 518,
          "y": 126,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/note",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "rgb(0, 90, 136)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          211,
          213,
          209
        ],
        "contrast": 5.048916852353414,
        "box": {
          "x": 518,
          "y": 126,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/note",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "solarized-light",
      "viewportName": "desktop",
      "kind": "tip",
      "normal": {
        "text": "Alert docs",
        "color": "rgb(0, 90, 136)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          207,
          219,
          195
        ],
        "contrast": 5.176255620901357,
        "box": {
          "x": 518,
          "y": 202,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/tip",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "rgb(0, 90, 136)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          207,
          219,
          195
        ],
        "contrast": 5.176255620901357,
        "box": {
          "x": 518,
          "y": 202,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/tip",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "solarized-light",
      "viewportName": "desktop",
      "kind": "important",
      "normal": {
        "text": "Alert docs",
        "color": "rgb(0, 90, 136)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          224,
          207,
          209
        ],
        "contrast": 4.979684619773796,
        "box": {
          "x": 518,
          "y": 278,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/important",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "rgb(0, 90, 136)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          224,
          207,
          209
        ],
        "contrast": 4.979684619773796,
        "box": {
          "x": 518,
          "y": 278,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/important",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "solarized-light",
      "viewportName": "desktop",
      "kind": "warning",
      "normal": {
        "text": "Alert docs",
        "color": "rgb(0, 90, 136)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          231,
          218,
          183
        ],
        "contrast": 5.368265823751874,
        "box": {
          "x": 518,
          "y": 354,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/warning",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "rgb(0, 90, 136)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          231,
          218,
          183
        ],
        "contrast": 5.368265823751874,
        "box": {
          "x": 518,
          "y": 354,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/warning",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "solarized-light",
      "viewportName": "desktop",
      "kind": "caution",
      "normal": {
        "text": "Alert docs",
        "color": "rgb(0, 90, 136)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          233,
          203,
          192
        ],
        "contrast": 4.888389454085362,
        "box": {
          "x": 518,
          "y": 430,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/caution",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "rgb(0, 90, 136)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          233,
          203,
          192
        ],
        "contrast": 4.888389454085362,
        "box": {
          "x": 518,
          "y": 430,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/caution",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "solarized-light",
      "viewportName": "desktop",
      "kind": "plan",
      "normal": {
        "text": "Plan docs",
        "color": "rgb(0, 90, 136)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          238,
          232,
          213
        ],
        "contrast": 6.081977192465939,
        "box": {
          "x": 887,
          "y": 127,
          "width": 537,
          "height": 34
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plan",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Plan docs",
        "color": "rgb(0, 90, 136)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          238,
          232,
          213
        ],
        "contrast": 6.081977192465939,
        "box": {
          "x": 887,
          "y": 127,
          "width": 537,
          "height": 34
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plan",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "solarized-light",
      "viewportName": "phone",
      "kind": "plain",
      "normal": {
        "text": "External docs",
        "color": "rgb(0, 90, 136)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          230,
          223,
          204
        ],
        "contrast": 5.6038699338097455,
        "box": {
          "x": 32,
          "y": 90,
          "width": 326,
          "height": 24
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plain",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "External docs",
        "color": "rgb(0, 90, 136)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          230,
          223,
          204
        ],
        "contrast": 5.6038699338097455,
        "box": {
          "x": 32,
          "y": 90,
          "width": 326,
          "height": 24
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plain",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "solarized-light",
      "viewportName": "phone",
      "kind": "note",
      "normal": {
        "text": "Alert docs",
        "color": "rgb(0, 90, 136)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          211,
          213,
          209
        ],
        "contrast": 5.048916852353414,
        "box": {
          "x": 32,
          "y": 126,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/note",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "rgb(0, 90, 136)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          211,
          213,
          209
        ],
        "contrast": 5.048916852353414,
        "box": {
          "x": 32,
          "y": 126,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/note",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "solarized-light",
      "viewportName": "phone",
      "kind": "tip",
      "normal": {
        "text": "Alert docs",
        "color": "rgb(0, 90, 136)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          207,
          219,
          195
        ],
        "contrast": 5.176255620901357,
        "box": {
          "x": 32,
          "y": 202,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/tip",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "rgb(0, 90, 136)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          207,
          219,
          195
        ],
        "contrast": 5.176255620901357,
        "box": {
          "x": 32,
          "y": 202,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/tip",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "solarized-light",
      "viewportName": "phone",
      "kind": "important",
      "normal": {
        "text": "Alert docs",
        "color": "rgb(0, 90, 136)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          224,
          207,
          209
        ],
        "contrast": 4.979684619773796,
        "box": {
          "x": 32,
          "y": 278,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/important",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "rgb(0, 90, 136)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          224,
          207,
          209
        ],
        "contrast": 4.979684619773796,
        "box": {
          "x": 32,
          "y": 278,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/important",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "solarized-light",
      "viewportName": "phone",
      "kind": "warning",
      "normal": {
        "text": "Alert docs",
        "color": "rgb(0, 90, 136)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          231,
          218,
          183
        ],
        "contrast": 5.368265823751874,
        "box": {
          "x": 32,
          "y": 354,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/warning",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "rgb(0, 90, 136)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          231,
          218,
          183
        ],
        "contrast": 5.368265823751874,
        "box": {
          "x": 32,
          "y": 354,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/warning",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "solarized-light",
      "viewportName": "phone",
      "kind": "caution",
      "normal": {
        "text": "Alert docs",
        "color": "rgb(0, 90, 136)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          233,
          203,
          192
        ],
        "contrast": 4.888389454085362,
        "box": {
          "x": 32,
          "y": 430,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/caution",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "rgb(0, 90, 136)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          233,
          203,
          192
        ],
        "contrast": 4.888389454085362,
        "box": {
          "x": 32,
          "y": 430,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/caution",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "solarized-light",
      "viewportName": "phone",
      "kind": "plan",
      "normal": {
        "text": "Plan docs",
        "color": "rgb(0, 90, 136)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          238,
          232,
          213
        ],
        "contrast": 6.081977192465939,
        "box": {
          "x": 16,
          "y": 126,
          "width": 358,
          "height": 58
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plan",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Plan docs",
        "color": "rgb(0, 90, 136)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          238,
          232,
          213
        ],
        "contrast": 6.081977192465939,
        "box": {
          "x": 16,
          "y": 126,
          "width": 358,
          "height": 58
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plan",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "openhands-deepsea",
      "viewportName": "desktop",
      "kind": "plain",
      "normal": {
        "text": "External docs",
        "color": "rgb(238, 242, 247)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          56,
          63,
          80
        ],
        "contrast": 9.363131678064242,
        "box": {
          "x": 518,
          "y": 90,
          "width": 704,
          "height": 24
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plain",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "External docs",
        "color": "rgb(238, 242, 247)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          56,
          63,
          80
        ],
        "contrast": 9.363131678064242,
        "box": {
          "x": 518,
          "y": 90,
          "width": 704,
          "height": 24
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plain",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "openhands-deepsea",
      "viewportName": "desktop",
      "kind": "note",
      "normal": {
        "text": "Alert docs",
        "color": "rgb(238, 242, 247)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          54,
          70,
          98
        ],
        "contrast": 8.487222966432014,
        "box": {
          "x": 518,
          "y": 126,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/note",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "rgb(238, 242, 247)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          54,
          70,
          98
        ],
        "contrast": 8.487222966432014,
        "box": {
          "x": 518,
          "y": 126,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/note",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "openhands-deepsea",
      "viewportName": "desktop",
      "kind": "tip",
      "normal": {
        "text": "Alert docs",
        "color": "rgb(238, 242, 247)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          50,
          76,
          84
        ],
        "contrast": 8.171541448778958,
        "box": {
          "x": 518,
          "y": 202,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/tip",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "rgb(238, 242, 247)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          50,
          76,
          84
        ],
        "contrast": 8.171541448778958,
        "box": {
          "x": 518,
          "y": 202,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/tip",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "openhands-deepsea",
      "viewportName": "desktop",
      "kind": "important",
      "normal": {
        "text": "Alert docs",
        "color": "rgb(238, 242, 247)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          67,
          64,
          98
        ],
        "contrast": 8.723303132387484,
        "box": {
          "x": 518,
          "y": 278,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/important",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "rgb(238, 242, 247)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          67,
          64,
          98
        ],
        "contrast": 8.723303132387484,
        "box": {
          "x": 518,
          "y": 278,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/important",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "openhands-deepsea",
      "viewportName": "desktop",
      "kind": "warning",
      "normal": {
        "text": "Alert docs",
        "color": "rgb(238, 242, 247)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          74,
          75,
          72
        ],
        "contrast": 7.839975014233531,
        "box": {
          "x": 518,
          "y": 354,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/warning",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "rgb(238, 242, 247)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          74,
          75,
          72
        ],
        "contrast": 7.839975014233531,
        "box": {
          "x": 518,
          "y": 354,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/warning",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "openhands-deepsea",
      "viewportName": "desktop",
      "kind": "caution",
      "normal": {
        "text": "Alert docs",
        "color": "rgb(238, 242, 247)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          76,
          60,
          81
        ],
        "contrast": 9.04764972282961,
        "box": {
          "x": 518,
          "y": 430,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/caution",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "rgb(238, 242, 247)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          76,
          60,
          81
        ],
        "contrast": 9.04764972282961,
        "box": {
          "x": 518,
          "y": 430,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/caution",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "openhands-deepsea",
      "viewportName": "desktop",
      "kind": "plan",
      "normal": {
        "text": "Plan docs",
        "color": "rgb(238, 242, 247)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          33,
          37,
          47
        ],
        "contrast": 13.631177617032616,
        "box": {
          "x": 887,
          "y": 127,
          "width": 537,
          "height": 34
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plan",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Plan docs",
        "color": "rgb(238, 242, 247)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          33,
          37,
          47
        ],
        "contrast": 13.631177617032616,
        "box": {
          "x": 887,
          "y": 127,
          "width": 537,
          "height": 34
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plan",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "openhands-deepsea",
      "viewportName": "phone",
      "kind": "plain",
      "normal": {
        "text": "External docs",
        "color": "rgb(238, 242, 247)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          56,
          63,
          80
        ],
        "contrast": 9.363131678064242,
        "box": {
          "x": 32,
          "y": 90,
          "width": 326,
          "height": 24
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plain",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "External docs",
        "color": "rgb(238, 242, 247)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          56,
          63,
          80
        ],
        "contrast": 9.363131678064242,
        "box": {
          "x": 32,
          "y": 90,
          "width": 326,
          "height": 24
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plain",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "openhands-deepsea",
      "viewportName": "phone",
      "kind": "note",
      "normal": {
        "text": "Alert docs",
        "color": "rgb(238, 242, 247)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          54,
          70,
          98
        ],
        "contrast": 8.487222966432014,
        "box": {
          "x": 32,
          "y": 126,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/note",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "rgb(238, 242, 247)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          54,
          70,
          98
        ],
        "contrast": 8.487222966432014,
        "box": {
          "x": 32,
          "y": 126,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/note",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "openhands-deepsea",
      "viewportName": "phone",
      "kind": "tip",
      "normal": {
        "text": "Alert docs",
        "color": "rgb(238, 242, 247)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          50,
          76,
          84
        ],
        "contrast": 8.171541448778958,
        "box": {
          "x": 32,
          "y": 202,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/tip",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "rgb(238, 242, 247)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          50,
          76,
          84
        ],
        "contrast": 8.171541448778958,
        "box": {
          "x": 32,
          "y": 202,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/tip",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "openhands-deepsea",
      "viewportName": "phone",
      "kind": "important",
      "normal": {
        "text": "Alert docs",
        "color": "rgb(238, 242, 247)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          67,
          64,
          98
        ],
        "contrast": 8.723303132387484,
        "box": {
          "x": 32,
          "y": 278,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/important",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "rgb(238, 242, 247)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          67,
          64,
          98
        ],
        "contrast": 8.723303132387484,
        "box": {
          "x": 32,
          "y": 278,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/important",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "openhands-deepsea",
      "viewportName": "phone",
      "kind": "warning",
      "normal": {
        "text": "Alert docs",
        "color": "rgb(238, 242, 247)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          74,
          75,
          72
        ],
        "contrast": 7.839975014233531,
        "box": {
          "x": 32,
          "y": 354,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/warning",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "rgb(238, 242, 247)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          74,
          75,
          72
        ],
        "contrast": 7.839975014233531,
        "box": {
          "x": 32,
          "y": 354,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/warning",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "openhands-deepsea",
      "viewportName": "phone",
      "kind": "caution",
      "normal": {
        "text": "Alert docs",
        "color": "rgb(238, 242, 247)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          76,
          60,
          81
        ],
        "contrast": 9.04764972282961,
        "box": {
          "x": 32,
          "y": 430,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/caution",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "rgb(238, 242, 247)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          76,
          60,
          81
        ],
        "contrast": 9.04764972282961,
        "box": {
          "x": 32,
          "y": 430,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/caution",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "openhands-deepsea",
      "viewportName": "phone",
      "kind": "plan",
      "normal": {
        "text": "Plan docs",
        "color": "rgb(238, 242, 247)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          33,
          37,
          47
        ],
        "contrast": 13.631177617032616,
        "box": {
          "x": 16,
          "y": 126,
          "width": 358,
          "height": 58
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plan",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Plan docs",
        "color": "rgb(238, 242, 247)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          33,
          37,
          47
        ],
        "contrast": 13.631177617032616,
        "box": {
          "x": 16,
          "y": 126,
          "width": 358,
          "height": 58
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plan",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "openhands-neutral",
      "viewportName": "desktop",
      "kind": "plain",
      "normal": {
        "text": "External docs",
        "color": "rgb(236, 236, 236)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          49,
          49,
          49
        ],
        "contrast": 11.011784042828806,
        "box": {
          "x": 518,
          "y": 90,
          "width": 704,
          "height": 24
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plain",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "External docs",
        "color": "rgb(236, 236, 236)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          49,
          49,
          49
        ],
        "contrast": 11.011784042828806,
        "box": {
          "x": 518,
          "y": 90,
          "width": 704,
          "height": 24
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plain",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "openhands-neutral",
      "viewportName": "desktop",
      "kind": "note",
      "normal": {
        "text": "Alert docs",
        "color": "rgb(236, 236, 236)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          48,
          57,
          70
        ],
        "contrast": 9.873532275222043,
        "box": {
          "x": 518,
          "y": 126,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/note",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "rgb(236, 236, 236)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          48,
          57,
          70
        ],
        "contrast": 9.873532275222043,
        "box": {
          "x": 518,
          "y": 126,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/note",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "openhands-neutral",
      "viewportName": "desktop",
      "kind": "tip",
      "normal": {
        "text": "Alert docs",
        "color": "rgb(236, 236, 236)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          44,
          63,
          56
        ],
        "contrast": 9.482577822784993,
        "box": {
          "x": 518,
          "y": 202,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/tip",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "rgb(236, 236, 236)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          44,
          63,
          56
        ],
        "contrast": 9.482577822784993,
        "box": {
          "x": 518,
          "y": 202,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/tip",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "openhands-neutral",
      "viewportName": "desktop",
      "kind": "important",
      "normal": {
        "text": "Alert docs",
        "color": "rgb(236, 236, 236)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          61,
          51,
          70
        ],
        "contrast": 10.09262225734412,
        "box": {
          "x": 518,
          "y": 278,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/important",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "rgb(236, 236, 236)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          61,
          51,
          70
        ],
        "contrast": 10.09262225734412,
        "box": {
          "x": 518,
          "y": 278,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/important",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "openhands-neutral",
      "viewportName": "desktop",
      "kind": "warning",
      "normal": {
        "text": "Alert docs",
        "color": "rgb(236, 236, 236)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          68,
          62,
          44
        ],
        "contrast": 9.01386923320734,
        "box": {
          "x": 518,
          "y": 354,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/warning",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "rgb(236, 236, 236)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          68,
          62,
          44
        ],
        "contrast": 9.01386923320734,
        "box": {
          "x": 518,
          "y": 354,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/warning",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "openhands-neutral",
      "viewportName": "desktop",
      "kind": "caution",
      "normal": {
        "text": "Alert docs",
        "color": "rgb(236, 236, 236)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          70,
          47,
          53
        ],
        "contrast": 10.348158541247804,
        "box": {
          "x": 518,
          "y": 430,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/caution",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "rgb(236, 236, 236)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          70,
          47,
          53
        ],
        "contrast": 10.348158541247804,
        "box": {
          "x": 518,
          "y": 430,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/caution",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "openhands-neutral",
      "viewportName": "desktop",
      "kind": "plan",
      "normal": {
        "text": "Plan docs",
        "color": "rgb(236, 236, 236)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          32,
          32,
          32
        ],
        "contrast": 13.791837391192335,
        "box": {
          "x": 887,
          "y": 127,
          "width": 537,
          "height": 34
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plan",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Plan docs",
        "color": "rgb(236, 236, 236)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          32,
          32,
          32
        ],
        "contrast": 13.791837391192335,
        "box": {
          "x": 887,
          "y": 127,
          "width": 537,
          "height": 34
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plan",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "openhands-neutral",
      "viewportName": "phone",
      "kind": "plain",
      "normal": {
        "text": "External docs",
        "color": "rgb(236, 236, 236)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          49,
          49,
          49
        ],
        "contrast": 11.011784042828806,
        "box": {
          "x": 32,
          "y": 90,
          "width": 326,
          "height": 24
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plain",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "External docs",
        "color": "rgb(236, 236, 236)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          49,
          49,
          49
        ],
        "contrast": 11.011784042828806,
        "box": {
          "x": 32,
          "y": 90,
          "width": 326,
          "height": 24
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plain",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "openhands-neutral",
      "viewportName": "phone",
      "kind": "note",
      "normal": {
        "text": "Alert docs",
        "color": "rgb(236, 236, 236)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          48,
          57,
          70
        ],
        "contrast": 9.873532275222043,
        "box": {
          "x": 32,
          "y": 126,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/note",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "rgb(236, 236, 236)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          48,
          57,
          70
        ],
        "contrast": 9.873532275222043,
        "box": {
          "x": 32,
          "y": 126,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/note",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "openhands-neutral",
      "viewportName": "phone",
      "kind": "tip",
      "normal": {
        "text": "Alert docs",
        "color": "rgb(236, 236, 236)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          44,
          63,
          56
        ],
        "contrast": 9.482577822784993,
        "box": {
          "x": 32,
          "y": 202,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/tip",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "rgb(236, 236, 236)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          44,
          63,
          56
        ],
        "contrast": 9.482577822784993,
        "box": {
          "x": 32,
          "y": 202,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/tip",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "openhands-neutral",
      "viewportName": "phone",
      "kind": "important",
      "normal": {
        "text": "Alert docs",
        "color": "rgb(236, 236, 236)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          61,
          51,
          70
        ],
        "contrast": 10.09262225734412,
        "box": {
          "x": 32,
          "y": 278,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/important",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "rgb(236, 236, 236)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          61,
          51,
          70
        ],
        "contrast": 10.09262225734412,
        "box": {
          "x": 32,
          "y": 278,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/important",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "openhands-neutral",
      "viewportName": "phone",
      "kind": "warning",
      "normal": {
        "text": "Alert docs",
        "color": "rgb(236, 236, 236)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          68,
          62,
          44
        ],
        "contrast": 9.01386923320734,
        "box": {
          "x": 32,
          "y": 354,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/warning",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "rgb(236, 236, 236)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          68,
          62,
          44
        ],
        "contrast": 9.01386923320734,
        "box": {
          "x": 32,
          "y": 354,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/warning",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "openhands-neutral",
      "viewportName": "phone",
      "kind": "caution",
      "normal": {
        "text": "Alert docs",
        "color": "rgb(236, 236, 236)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          70,
          47,
          53
        ],
        "contrast": 10.348158541247804,
        "box": {
          "x": 32,
          "y": 430,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/caution",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "rgb(236, 236, 236)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          70,
          47,
          53
        ],
        "contrast": 10.348158541247804,
        "box": {
          "x": 32,
          "y": 430,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/caution",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "openhands-neutral",
      "viewportName": "phone",
      "kind": "plan",
      "normal": {
        "text": "Plan docs",
        "color": "rgb(236, 236, 236)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          32,
          32,
          32
        ],
        "contrast": 13.791837391192335,
        "box": {
          "x": 16,
          "y": 126,
          "width": 358,
          "height": 58
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plan",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Plan docs",
        "color": "rgb(236, 236, 236)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          32,
          32,
          32
        ],
        "contrast": 13.791837391192335,
        "box": {
          "x": 16,
          "y": 126,
          "width": 358,
          "height": 58
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plan",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "openhands-neo",
      "viewportName": "desktop",
      "kind": "plain",
      "normal": {
        "text": "External docs",
        "color": "rgb(236, 236, 236)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          49,
          49,
          49
        ],
        "contrast": 11.011784042828806,
        "box": {
          "x": 518,
          "y": 90,
          "width": 704,
          "height": 24
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plain",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "External docs",
        "color": "rgb(236, 236, 236)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          49,
          49,
          49
        ],
        "contrast": 11.011784042828806,
        "box": {
          "x": 518,
          "y": 90,
          "width": 704,
          "height": 24
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plain",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "openhands-neo",
      "viewportName": "desktop",
      "kind": "note",
      "normal": {
        "text": "Alert docs",
        "color": "rgb(236, 236, 236)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          48,
          57,
          70
        ],
        "contrast": 9.873532275222043,
        "box": {
          "x": 518,
          "y": 126,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/note",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "rgb(236, 236, 236)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          48,
          57,
          70
        ],
        "contrast": 9.873532275222043,
        "box": {
          "x": 518,
          "y": 126,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/note",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "openhands-neo",
      "viewportName": "desktop",
      "kind": "tip",
      "normal": {
        "text": "Alert docs",
        "color": "rgb(236, 236, 236)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          44,
          63,
          56
        ],
        "contrast": 9.482577822784993,
        "box": {
          "x": 518,
          "y": 202,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/tip",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "rgb(236, 236, 236)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          44,
          63,
          56
        ],
        "contrast": 9.482577822784993,
        "box": {
          "x": 518,
          "y": 202,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/tip",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "openhands-neo",
      "viewportName": "desktop",
      "kind": "important",
      "normal": {
        "text": "Alert docs",
        "color": "rgb(236, 236, 236)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          61,
          51,
          70
        ],
        "contrast": 10.09262225734412,
        "box": {
          "x": 518,
          "y": 278,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/important",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "rgb(236, 236, 236)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          61,
          51,
          70
        ],
        "contrast": 10.09262225734412,
        "box": {
          "x": 518,
          "y": 278,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/important",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "openhands-neo",
      "viewportName": "desktop",
      "kind": "warning",
      "normal": {
        "text": "Alert docs",
        "color": "rgb(236, 236, 236)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          68,
          62,
          44
        ],
        "contrast": 9.01386923320734,
        "box": {
          "x": 518,
          "y": 354,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/warning",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "rgb(236, 236, 236)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          68,
          62,
          44
        ],
        "contrast": 9.01386923320734,
        "box": {
          "x": 518,
          "y": 354,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/warning",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "openhands-neo",
      "viewportName": "desktop",
      "kind": "caution",
      "normal": {
        "text": "Alert docs",
        "color": "rgb(236, 236, 236)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          70,
          47,
          53
        ],
        "contrast": 10.348158541247804,
        "box": {
          "x": 518,
          "y": 430,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/caution",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "rgb(236, 236, 236)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          70,
          47,
          53
        ],
        "contrast": 10.348158541247804,
        "box": {
          "x": 518,
          "y": 430,
          "width": 704,
          "height": 64
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/caution",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "openhands-neo",
      "viewportName": "desktop",
      "kind": "plan",
      "normal": {
        "text": "Plan docs",
        "color": "rgb(236, 236, 236)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          32,
          32,
          32
        ],
        "contrast": 13.791837391192335,
        "box": {
          "x": 887,
          "y": 127,
          "width": 537,
          "height": 34
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plan",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Plan docs",
        "color": "rgb(236, 236, 236)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          32,
          32,
          32
        ],
        "contrast": 13.791837391192335,
        "box": {
          "x": 887,
          "y": 127,
          "width": 537,
          "height": 34
        },
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plan",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "openhands-neo",
      "viewportName": "phone",
      "kind": "plain",
      "normal": {
        "text": "External docs",
        "color": "rgb(236, 236, 236)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          49,
          49,
          49
        ],
        "contrast": 11.011784042828806,
        "box": {
          "x": 32,
          "y": 90,
          "width": 326,
          "height": 24
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plain",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "External docs",
        "color": "rgb(236, 236, 236)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          49,
          49,
          49
        ],
        "contrast": 11.011784042828806,
        "box": {
          "x": 32,
          "y": 90,
          "width": 326,
          "height": 24
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plain",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "openhands-neo",
      "viewportName": "phone",
      "kind": "note",
      "normal": {
        "text": "Alert docs",
        "color": "rgb(236, 236, 236)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          48,
          57,
          70
        ],
        "contrast": 9.873532275222043,
        "box": {
          "x": 32,
          "y": 126,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/note",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "rgb(236, 236, 236)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          48,
          57,
          70
        ],
        "contrast": 9.873532275222043,
        "box": {
          "x": 32,
          "y": 126,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/note",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "openhands-neo",
      "viewportName": "phone",
      "kind": "tip",
      "normal": {
        "text": "Alert docs",
        "color": "rgb(236, 236, 236)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          44,
          63,
          56
        ],
        "contrast": 9.482577822784993,
        "box": {
          "x": 32,
          "y": 202,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/tip",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "rgb(236, 236, 236)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          44,
          63,
          56
        ],
        "contrast": 9.482577822784993,
        "box": {
          "x": 32,
          "y": 202,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/tip",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "openhands-neo",
      "viewportName": "phone",
      "kind": "important",
      "normal": {
        "text": "Alert docs",
        "color": "rgb(236, 236, 236)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          61,
          51,
          70
        ],
        "contrast": 10.09262225734412,
        "box": {
          "x": 32,
          "y": 278,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/important",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "rgb(236, 236, 236)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          61,
          51,
          70
        ],
        "contrast": 10.09262225734412,
        "box": {
          "x": 32,
          "y": 278,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/important",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "openhands-neo",
      "viewportName": "phone",
      "kind": "warning",
      "normal": {
        "text": "Alert docs",
        "color": "rgb(236, 236, 236)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          68,
          62,
          44
        ],
        "contrast": 9.01386923320734,
        "box": {
          "x": 32,
          "y": 354,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/warning",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "rgb(236, 236, 236)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          68,
          62,
          44
        ],
        "contrast": 9.01386923320734,
        "box": {
          "x": 32,
          "y": 354,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/warning",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "openhands-neo",
      "viewportName": "phone",
      "kind": "caution",
      "normal": {
        "text": "Alert docs",
        "color": "rgb(236, 236, 236)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          70,
          47,
          53
        ],
        "contrast": 10.348158541247804,
        "box": {
          "x": 32,
          "y": 430,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/caution",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Alert docs",
        "color": "rgb(236, 236, 236)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          70,
          47,
          53
        ],
        "contrast": 10.348158541247804,
        "box": {
          "x": 32,
          "y": 430,
          "width": 326,
          "height": 64
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/caution",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    },
    {
      "phase": "after",
      "theme": "openhands-neo",
      "viewportName": "phone",
      "kind": "plan",
      "normal": {
        "text": "Plan docs",
        "color": "rgb(236, 236, 236)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          32,
          32,
          32
        ],
        "contrast": 13.791837391192335,
        "box": {
          "x": 16,
          "y": 126,
          "width": 358,
          "height": 58
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plan",
        "target": "_blank",
        "rel": "noopener noreferrer"
      },
      "hover": {
        "text": "Plan docs",
        "color": "rgb(236, 236, 236)",
        "backgroundColor": "rgba(0, 0, 0, 0)",
        "background": [
          32,
          32,
          32
        ],
        "contrast": 13.791837391192335,
        "box": {
          "x": 16,
          "y": 126,
          "width": 358,
          "height": 58
        },
        "viewport": {
          "width": 390,
          "height": 844
        },
        "insideViewport": true,
        "pageHorizontalOverflow": false,
        "decoration": "underline",
        "href": "https://example.com/qa/plan",
        "target": "_blank",
        "rel": "noopener noreferrer"
      }
    }
  ],
  "film": {
    "durationSeconds": 26.0,
    "dimensions": [
      1280,
      740
    ],
    "video": "H.264/yuv420p",
    "audio": "AAC",
    "scenes": [
      {
        "phase": "before",
        "sourceFilename": "before-plain-solarized.mp4",
        "cropXYWH": [
          518,
          90,
          704,
          24
        ],
        "selectedFrameRange": [
          0,
          25
        ],
        "label": "Before \u00b7 Chat links",
        "caption": "Before: Chat links. Fixed blue, underline appears on hover",
        "sourceCommit": "8238b7af825b8639191b9d7b4c6b080d4a93f388",
        "selectionReason": "Entire brief genuine recording; stable desktop component verified at first and last frame. Last inspected frame held for readability.",
        "timelineSeconds": [
          2.0,
          6.0
        ],
        "selectedRecordingSeconds": 1.25,
        "presentation": "Brief actual recording, held on its last inspected frame for readability."
      },
      {
        "phase": "after",
        "sourceFilename": "after-plain-solarized.mp4",
        "cropXYWH": [
          518,
          90,
          704,
          24
        ],
        "selectedFrameRange": [
          0,
          25
        ],
        "label": "After \u00b7 Chat links",
        "caption": "After: Chat links. Theme-aware color and permanent underline",
        "sourceCommit": "a0818714a239c8a957d4dd23f038779cc7de4822",
        "selectionReason": "Entire brief genuine recording; stable desktop component verified at first and last frame. Last inspected frame held for readability.",
        "timelineSeconds": [
          6.0,
          10.0
        ],
        "selectedRecordingSeconds": 1.25,
        "presentation": "Brief actual recording, held on its last inspected frame for readability."
      },
      {
        "phase": "before",
        "sourceFilename": "before-note-solarized.mp4",
        "cropXYWH": [
          518,
          126,
          704,
          64
        ],
        "selectedFrameRange": [
          0,
          25
        ],
        "label": "Before \u00b7 Alert links",
        "caption": "Before: Alert links. Fixed blue, underline appears on hover",
        "sourceCommit": "8238b7af825b8639191b9d7b4c6b080d4a93f388",
        "selectionReason": "Entire brief genuine recording; stable desktop component verified at first and last frame. Last inspected frame held for readability.",
        "timelineSeconds": [
          10.0,
          14.0
        ],
        "selectedRecordingSeconds": 1.25,
        "presentation": "Brief actual recording, held on its last inspected frame for readability."
      },
      {
        "phase": "after",
        "sourceFilename": "after-note-solarized.mp4",
        "cropXYWH": [
          518,
          126,
          704,
          64
        ],
        "selectedFrameRange": [
          0,
          25
        ],
        "label": "After \u00b7 Alert links",
        "caption": "After: Alert links. Theme-aware color and permanent underline",
        "sourceCommit": "a0818714a239c8a957d4dd23f038779cc7de4822",
        "selectionReason": "Entire brief genuine recording; stable desktop component verified at first and last frame. Last inspected frame held for readability.",
        "timelineSeconds": [
          14.0,
          18.0
        ],
        "selectedRecordingSeconds": 1.25,
        "presentation": "Brief actual recording, held on its last inspected frame for readability."
      },
      {
        "phase": "before",
        "sourceFilename": "before-plan-solarized.mp4",
        "cropXYWH": [
          887,
          127,
          536,
          34
        ],
        "selectedFrameRange": [
          0,
          25
        ],
        "label": "Before \u00b7 Plan links",
        "caption": "Before: Plan links. Fixed blue, underline appears on hover",
        "sourceCommit": "8238b7af825b8639191b9d7b4c6b080d4a93f388",
        "selectionReason": "Entire brief genuine recording; stable desktop component verified at first and last frame. Last inspected frame held for readability.",
        "timelineSeconds": [
          18.0,
          22.0
        ],
        "selectedRecordingSeconds": 1.25,
        "presentation": "Brief actual recording, held on its last inspected frame for readability."
      },
      {
        "phase": "after",
        "sourceFilename": "after-plan-solarized.mp4",
        "cropXYWH": [
          887,
          127,
          536,
          34
        ],
        "selectedFrameRange": [
          0,
          25
        ],
        "label": "After \u00b7 Plan links",
        "caption": "After: Plan links. Theme-aware color and permanent underline",
        "sourceCommit": "a0818714a239c8a957d4dd23f038779cc7de4822",
        "selectionReason": "Entire brief genuine recording; stable desktop component verified at first and last frame. Last inspected frame held for readability.",
        "timelineSeconds": [
          22.0,
          26.0
        ],
        "selectedRecordingSeconds": 1.25,
        "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": -52.7,
      "peakDb": -42.9
    },
    "gif": {
      "durationSeconds": 24.0,
      "dimensions": [
        800,
        462
      ],
      "audio": false,
      "source": "Same genuine scenes, omitting the two-second title card."
    }
  },
  "files": {
    "markdown-links-before-after.mp4": {
      "bytes": 223204,
      "sha256": "faf4ca5545e7cd15e08fb7f0a4cda4951b2d3bf053cb534dd923c500313f4391"
    },
    "markdown-links-before-after.gif": {
      "bytes": 1702438,
      "sha256": "ea410017c5e285930e8662af1dce915089d4cde106af54422681a769d7dee89b"
    },
    "markdown-links-poster.jpg": {
      "bytes": 18876,
      "sha256": "51bba9be3032ed6b568c6a94ce551831353ba79a853d6d0f0816e0f21d31853d"
    },
    "markdown-links-captions.vtt": {
      "bytes": 606,
      "sha256": "946c6af6e9b718389ec3f8646e87dda36c0be73aeaae8f52f39c45b386da72e6"
    },
    "markdown-links-five-themes.png": {
      "bytes": 152318,
      "sha256": "cbdeb29cdb2e03556cbc03a5e8e0f153bd26e42d717857dd8c1ae94d4ae76645"
    },
    "markdown-links-before-solarized-light-desktop-plain.png": {
      "bytes": 3163,
      "sha256": "8b1804384a81bad234176f1818fecad3208d5fdd5ddc63ce0d3c418f98dd68e7"
    },
    "markdown-links-before-solarized-light-desktop-note.png": {
      "bytes": 5198,
      "sha256": "127a1c9829cac38322486f252a0eb42263a48a12853b4a8b6e31ca676dffdb0f"
    },
    "markdown-links-before-solarized-light-desktop-plan.png": {
      "bytes": 5660,
      "sha256": "3c28ff238dbd89925ee6438ffd946e177e0be1df542954254fccac92368d8cb9"
    },
    "markdown-links-before-light-plus-desktop-caution.png": {
      "bytes": 6292,
      "sha256": "376ff9d450fd5e808dd1350dd0e860545ddd7e75d7e646238b5054bb043f6e35"
    },
    "markdown-links-after-solarized-light-desktop-plain.png": {
      "bytes": 3216,
      "sha256": "7ee48a27f0495d7b8d237006cbffe7136fa0222c35d70d5c8bc248c64ca54d22"
    },
    "markdown-links-after-solarized-light-desktop-note.png": {
      "bytes": 5212,
      "sha256": "ba6c6a6f33cf3c98e862825ac7dd3347a7ceebe1fce1fc4b43136d8de29f1652"
    },
    "markdown-links-after-solarized-light-desktop-plan.png": {
      "bytes": 5677,
      "sha256": "83f22981bf30f2638531204adb86d4a826d486ec99df2f547408b9cd9979bb6a"
    },
    "markdown-links-after-light-plus-desktop-caution.png": {
      "bytes": 6307,
      "sha256": "c0b74ca06543a969508da6922b0bfd9599a142d774c609078d7cc607bd867090"
    }
  },
  "focusedIssue": "https://github.com/OpenHands/OpenHands/issues/18522",
  "pinnedRuntimeVersions": {
    "sdk": "1.55.1",
    "agentServer": "1.55.1",
    "automation": "1.20.1",
    "canvas": "1.27.1"
  },
  "publicationChecks": {
    "visualInspection": "All0.5-second film timepoints, all-alert contact sheets, eight named component stills and five-theme montage independently inspected before publication.",
    "verifiedMeasurements": 140,
    "normalAndHoverMeasurements": 280,
    "mp4DurationSeconds": 26,
    "gifDurationSeconds": 24,
    "audioMeanDb": -52.7,
    "audioPeakDb": -42.9,
    "hashes": "Every named exported media asset matches source bytes and SHA-256."
  }
}